{"version":3,"sources":["../src/editable.tsx"],"sourcesContent":["import { cx, runIfFn } from \"@chakra-ui/shared-utils\"\nimport {\n  chakra,\n  forwardRef,\n  HTMLChakraProps,\n  omitThemingProps,\n  ThemingProps,\n  useMultiStyleConfig,\n} from \"@chakra-ui/system\"\nimport { EditableProvider, EditableStylesProvider } from \"./editable-context\"\nimport {\n  useEditable,\n  UseEditableProps,\n  UseEditableReturn,\n} from \"./use-editable\"\n\ntype RenderProps = Pick<\n  UseEditableReturn,\n  \"isEditing\" | \"onSubmit\" | \"onCancel\" | \"onEdit\"\n>\n\ntype MaybeRenderProp<P> = React.ReactNode | ((props: P) => React.ReactNode)\n\ninterface BaseEditableProps\n  extends Omit<\n    HTMLChakraProps<\"div\">,\n    \"onChange\" | \"value\" | \"defaultValue\" | \"onSubmit\" | \"onBlur\"\n  > {}\n\nexport interface EditableProps\n  extends UseEditableProps,\n    Omit<BaseEditableProps, \"children\">,\n    ThemingProps<\"Editable\"> {\n  children?: MaybeRenderProp<RenderProps>\n}\n\n/**\n * Editable\n *\n * The wrapper that provides context and logic for all editable\n * components. It renders a `div`\n *\n * @see Docs https://chakra-ui.com/docs/components/editable\n */\nexport const Editable = forwardRef<EditableProps, \"div\">(function Editable(\n  props,\n  ref,\n) {\n  const styles = useMultiStyleConfig(\"Editable\", props)\n\n  const ownProps = omitThemingProps(props)\n  const { htmlProps, ...context } = useEditable(ownProps)\n\n  const { isEditing, onSubmit, onCancel, onEdit } = context\n\n  const _className = cx(\"chakra-editable\", props.className)\n\n  const children = runIfFn(props.children, {\n    isEditing,\n    onSubmit,\n    onCancel,\n    onEdit,\n  })\n\n  return (\n    <EditableProvider value={context}>\n      <EditableStylesProvider value={styles}>\n        <chakra.div\n          ref={ref}\n          {...(htmlProps as HTMLChakraProps<\"div\">)}\n          className={_className}\n        >\n          {children}\n        </chakra.div>\n      </EditableStylesProvider>\n    </EditableProvider>\n  )\n})\n\nEditable.displayName = \"Editable\"\n"],"mappings":";;;;;;;;;;AAAA,SAAS,IAAI,eAAe;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,OACK;AA2DC;AAvBD,IAAM,WAAW,WAAiC,SAASA,UAChE,OACA,KACA;AACA,QAAM,SAAS,oBAAoB,YAAY,KAAK;AAEpD,QAAM,WAAW,iBAAiB,KAAK;AACvC,QAAM,EAAE,WAAW,GAAG,QAAQ,IAAI,YAAY,QAAQ;AAEtD,QAAM,EAAE,WAAW,UAAU,UAAU,OAAO,IAAI;AAElD,QAAM,aAAa,GAAG,mBAAmB,MAAM,SAAS;AAExD,QAAM,WAAW,QAAQ,MAAM,UAAU;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oBAAC,oBAAiB,OAAO,SACvB,8BAAC,0BAAuB,OAAO,QAC7B;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC;AAAA,MACC,GAAI;AAAA,MACL,WAAW;AAAA,MAEV;AAAA;AAAA,EACH,GACF,GACF;AAEJ,CAAC;AAED,SAAS,cAAc;","names":["Editable"]}