themelia-react-ui 2.0.5 → 3.0.0

package/dist/features/rich-text-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.js","names":["RichTextEditorToolbar","RichTextEditor","FormRichTextEditor","props","useFormContext","useController","field","useRichTextImages","latest","useRef","options","hasRenderImage","useMemo","file","context","error","image","CountsFooterText","defaultRichTextEditorStrings"],"sources":["../../src/components/features/rich-text-editor/form-rich-text-editor.tsx","../../src/components/features/rich-text-editor/use-rich-text-images.ts"],"sourcesContent":["import { useController, useFormContext } from 'react-hook-form';\nimport { RichTextEditor, type RichTextEditorProps } from './rich-text-editor';\n\nexport interface FormRichTextEditorProps\n\textends Omit<RichTextEditorProps, 'value' | 'onValueChange'> {\n\t/** Form field name, forwarded for native submits. */\n\tname: string;\n}\n\nexport function FormRichTextEditor({ name, ...props }: FormRichTextEditorProps) {\n\tconst { control } = useFormContext();\n\tconst { field } = useController({ name, control });\n\n\treturn (\n\t\t<RichTextEditor className=\"form-rich-text-editor--component\"\n\t\t\t{...props}\n\t\t\tvalue={typeof field.value === 'string' ? field.value : ''}\n\t\t\tonValueChange={field.onChange}\n\t\t/>\n\t);\n}\n","import { useMemo, useRef } from 'react';\n\nimport type { RichTextEditorImages } from './rich-text-editor.types';\n\n/**\n * Image support for `RichTextEditor` and read-only `RichText` from one place.\n * The consumer supplies `upload` (and optionally `renderImage`, such as a\n * framework image component); the returned object is stable across renders\n * while always calling the latest callbacks, so inline functions are fine.\n *\n *   const images = useRichTextImages({\n *     upload: async (file, { signal }) => {\n *       const stored = await api.uploadImage(file, { signal });\n *       return { src: stored.url, width: stored.width, height: stored.height };\n *     },\n *     renderImage: (image) => <Image {...image} />,\n *   });\n *   <RichTextEditor value={html} onValueChange={setHtml} images={images} />\n *   <RichText html={html} images={images} />\n */\nexport function useRichTextImages(options: RichTextEditorImages): RichTextEditorImages {\n\tconst latest = useRef(options);\n\tlatest.current = options;\n\tconst hasRenderImage = Boolean(options.renderImage);\n\treturn useMemo<RichTextEditorImages>(() => ({\n\t\tupload: (file, context) => latest.current.upload(file, context),\n\t\tonError: (error, file) => latest.current.onError?.(error, file),\n\t\trenderImage: hasRenderImage ? (image) => latest.current.renderImage?.(image) : undefined,\n\t\tget accept() { return latest.current.accept; },\n\t\tget maxSize() { return latest.current.maxSize; },\n\t}), [hasRenderImage]);\n}\n"],"mappings":";;;;;;;;AASA,SAAgBE,EAAmB,EAAE,SAAM,GAAGC,KAAkC;CAC/E,IAAM,EAAE,eAAYC,EAAe,GAC7B,EAAE,aAAUC,EAAc;EAAE;EAAM;CAAQ,CAAC;CAEjD,OACC,kBAACJ,GAAD;EAAgB,WAAU;EACzB,GAAIE;EACJ,OAAO,OAAOG,EAAM,SAAU,WAAWA,EAAM,QAAQ;EACvD,eAAeA,EAAM;CACrB,CAAA;AAEH;;;ACAA,SAAgBC,EAAkB,GAAqD;CACtF,IAAMC,IAASC,EAAOC,CAAO;CAC7B,EAAO,UAAUA;CACjB,IAAMC,IAAiB,EAAQD,EAAQ;CACvC,OAAOE,SAAqC;EAC3C,SAAS,GAAM,MAAYJ,EAAO,QAAQ,OAAOK,GAAMC,CAAO;EAC9D,UAAU,GAAO,MAASN,EAAO,QAAQ,UAAUO,GAAOF,CAAI;EAC9D,aAAaF,KAAkB,MAAUH,EAAO,QAAQ,cAAcQ,CAAK,IAAI,KAAA;EAC/E,IAAI,SAAS;GAAE,OAAOR,EAAO,QAAQ;EAAQ;EAC7C,IAAI,UAAU;GAAE,OAAOA,EAAO,QAAQ;EAAS;CAChD,IAAI,CAACG,CAAc,CAAC;AACrB"}
+{"version":3,"file":"rich-text-editor.js","names":["cn","defaultRichTextEditorStrings","CountsFooterText","RichTextEditor","FormRichTextEditor","props","useFormContext","useController","field","className","invalid","fieldState","onBlur","event","useRichTextImages","latest","useRef","options","hasRenderImage","useMemo","file","context","error","image","RichTextEditorToolbar"],"sources":["../../src/components/features/rich-text-editor/form-rich-text-editor.tsx","../../src/components/features/rich-text-editor/use-rich-text-images.ts"],"sourcesContent":["import { useController, useFormContext } from 'react-hook-form';\nimport { cn } from '../../../lib/utils';\nimport { RichTextEditor, type RichTextEditorProps } from './rich-text-editor';\n\nexport interface FormRichTextEditorProps\n\textends Omit<RichTextEditorProps, 'value' | 'onValueChange'> {\n\t/** Form field name, forwarded for native submits. */\n\tname: string;\n}\n\nexport function FormRichTextEditor({ name, className, disabled, invalid, onBlur, ...props }: FormRichTextEditorProps) {\n\tconst { control } = useFormContext();\n\tconst { field, fieldState } = useController({ name, control, disabled });\n\n\treturn (\n\t\t<RichTextEditor\n\t\t\t{...props}\n\t\t\tref={field.ref}\n\t\t\tname={field.name}\n\t\t\tclassName={cn('form-rich-text-editor--component', className)}\n\t\t\tdisabled={field.disabled}\n\t\t\tinvalid={invalid || fieldState.invalid}\n\t\t\tvalue={typeof field.value === 'string' ? field.value : ''}\n\t\t\tonValueChange={field.onChange}\n\t\t\tonBlur={(event) => {\n\t\t\t\tfield.onBlur();\n\t\t\t\tonBlur?.(event);\n\t\t\t}}\n\t\t/>\n\t);\n}\n","import { useMemo, useRef } from 'react';\n\nimport type { RichTextEditorImages } from './rich-text-editor.types';\n\n/**\n * Image support for `RichTextEditor` and read-only `RichText` from one place.\n * The consumer supplies `upload` (and optionally `renderImage`, such as a\n * framework image component); the returned object is stable across renders\n * while always calling the latest callbacks, so inline functions are fine.\n *\n *   const images = useRichTextImages({\n *     upload: async (file, { signal }) => {\n *       const stored = await api.uploadImage(file, { signal });\n *       return { src: stored.url, width: stored.width, height: stored.height };\n *     },\n *     renderImage: (image) => <Image {...image} />,\n *   });\n *   <RichTextEditor value={html} onValueChange={setHtml} images={images} />\n *   <RichText html={html} images={images} />\n */\nexport function useRichTextImages(options: RichTextEditorImages): RichTextEditorImages {\n\tconst latest = useRef(options);\n\tlatest.current = options;\n\tconst hasRenderImage = Boolean(options.renderImage);\n\treturn useMemo<RichTextEditorImages>(() => ({\n\t\tupload: (file, context) => latest.current.upload(file, context),\n\t\tonError: (error, file) => latest.current.onError?.(error, file),\n\t\trenderImage: hasRenderImage ? (image) => latest.current.renderImage?.(image) : undefined,\n\t\tget accept() { return latest.current.accept; },\n\t\tget maxSize() { return latest.current.maxSize; },\n\t}), [hasRenderImage]);\n}\n"],"mappings":";;;;;;;;;AAUA,SAAgBI,EAAmB,EAAE,SAAM,cAAW,aAAU,YAAS,WAAQ,GAAGC,KAAkC;CACrH,IAAM,EAAE,eAAYC,EAAe,GAC7B,EAAE,UAAO,kBAAeC,EAAc;EAAE;EAAM;EAAS;CAAS,CAAC;CAEvE,OACC,kBAACJ,GAAD;EACC,GAAIE;EACJ,KAAKG,EAAM;EACX,MAAMA,EAAM;EACZ,WAAWR,EAAG,oCAAoCS,CAAS;EAC3D,UAAUD,EAAM;EAChB,SAASE,KAAWC,EAAW;EAC/B,OAAO,OAAOH,EAAM,SAAU,WAAWA,EAAM,QAAQ;EACvD,eAAeA,EAAM;EACrB,SAAS,MAAU;GAElB,AADAA,EAAM,OAAO,GACbI,IAASC,CAAK;EACf;CACA,CAAA;AAEH;;;ACVA,SAAgBC,EAAkB,GAAqD;CACtF,IAAMC,IAASC,EAAOC,CAAO;CAC7B,EAAO,UAAUA;CACjB,IAAMC,IAAiB,EAAQD,EAAQ;CACvC,OAAOE,SAAqC;EAC3C,SAAS,GAAM,MAAYJ,EAAO,QAAQ,OAAOK,GAAMC,CAAO;EAC9D,UAAU,GAAO,MAASN,EAAO,QAAQ,UAAUO,GAAOF,CAAI;EAC9D,aAAaF,KAAkB,MAAUH,EAAO,QAAQ,cAAcQ,CAAK,IAAI,KAAA;EAC/E,IAAI,SAAS;GAAE,OAAOR,EAAO,QAAQ;EAAQ;EAC7C,IAAI,UAAU;GAAE,OAAOA,EAAO,QAAQ;EAAS;CAChD,IAAI,CAACG,CAAc,CAAC;AACrB"}