1 line
2.7 KiB
Plaintext
1 line
2.7 KiB
Plaintext
|
{"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"]}
|