@lofcz/platejs-caption 52.0.11 → 52.3.6

package/dist/BaseCaptionPlugin-jZ8QfZJZ.js

@@ -66,5 +66,4 @@ const BaseCaptionPlugin = createTSlatePlugin({
 }).extendSelectors(({ getOptions }) => ({ isVisible: (elementId) => getOptions().visibleId === elementId })).overrideEditor(withCaption);
 
 //#endregion
-export { withCaption as n, BaseCaptionPlugin as t };
-//# sourceMappingURL=BaseCaptionPlugin-jZ8QfZJZ.js.map
+export { withCaption as n, BaseCaptionPlugin as t };

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import * as platejs2 from "platejs";
 import { OverrideEditor, Path, PluginConfig } from "platejs";
 
 //#region src/lib/BaseCaptionPlugin.d.ts
@@ -15,7 +16,19 @@ type CaptionConfig = PluginConfig<'caption', {
   isVisible?: (elementId: string) => boolean;
 }>;
 /** Enables support for caption. */
-declare const BaseCaptionPlugin: any;
+declare const BaseCaptionPlugin: platejs2.SlatePlugin<PluginConfig<"caption", {
+  /** When defined, focus end of caption textarea with the same path. */
+  focusEndPath: Path | null;
+  /** When defined, focus start of caption textarea with the same path. */
+  focusStartPath: Path | null;
+  query: {
+    /** Plugin keys to enable caption. */
+    allow: string[];
+  };
+  visibleId: string | null;
+}, {}, {}, {
+  isVisible?: (elementId: string) => boolean;
+}>>;
 //#endregion
 //#region src/lib/withCaption.d.ts
 /** TODO: tests https://github.com/udecode/editor-protocol/issues/79 */
@@ -30,5 +43,4 @@ declare const BaseCaptionPlugin: any;
  */
 declare const withCaption: OverrideEditor<CaptionConfig>;
 //#endregion
-export { BaseCaptionPlugin, CaptionConfig, withCaption };
-//# sourceMappingURL=index.d.ts.map
+export { BaseCaptionPlugin, CaptionConfig, withCaption };

package/dist/react/index.d.ts

@@ -1,9 +1,20 @@
-import { SlateEditor, TElement } from "platejs";
+import * as platejs0 from "platejs";
+import { SlateEditor, TCaptionElement, TElement } from "platejs";
+import * as platejs_react0 from "platejs/react";
 import React from "react";
 import { TextareaAutosizeProps } from "react-textarea-autosize";
 
 //#region src/react/CaptionPlugin.d.ts
-declare const CaptionPlugin: any;
+declare const CaptionPlugin: platejs_react0.PlatePlugin<platejs0.PluginConfig<"caption", {
+  focusEndPath: platejs0.Path | null;
+  focusStartPath: platejs0.Path | null;
+  query: {
+    allow: string[];
+  };
+  visibleId: string | null;
+}, {}, {}, {
+  isVisible?: (elementId: string) => boolean;
+}>>;
 //#endregion
 //#region src/react/components/Caption.d.ts
 type CaptionOptions = {
@@ -13,15 +24,28 @@ interface CaptionProps extends React.ComponentPropsWithoutRef<'figcaption'> {
   options?: CaptionOptions;
 }
 declare const useCaptionState: (options?: CaptionOptions) => {
-  captionString: any;
+  captionString: string;
   hidden: boolean;
-  readOnly: any;
-  selected: any;
+  readOnly: boolean;
+  selected: boolean;
 };
 declare const useCaption: (state: ReturnType<typeof useCaptionState>) => {
   hidden: boolean;
 };
-declare const Caption: any;
+declare const Caption: React.ForwardRefExoticComponent<{
+  as?: React.ElementType;
+  asChild?: boolean;
+  className?: string;
+  options?: CaptionOptions | undefined;
+  state?: {
+    captionString: string;
+    hidden: boolean;
+    readOnly: boolean;
+    selected: boolean;
+  } | undefined;
+  style?: React.CSSProperties;
+  setProps?: ((hookProps: {}) => CaptionProps) | undefined;
+} & CaptionProps & React.RefAttributes<any>>;
 //#endregion
 //#region src/react/components/CaptionButton.d.ts
 declare const useCaptionButtonState: () => any;
@@ -39,8 +63,8 @@ declare const useCaptionButton: ({
 declare const useCaptionTextareaFocus: (textareaRef: React.RefObject<HTMLTextAreaElement | null>) => void;
 declare const useCaptionTextareaState: () => {
   captionValue: string | number | readonly string[] | undefined;
-  element: any;
-  readOnly: any;
+  element: TCaptionElement;
+  readOnly: boolean;
   textareaRef: React.RefObject<HTMLTextAreaElement | null>;
   handleChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
   handleCompositionEnd: (e: React.CompositionEvent<HTMLTextAreaElement>) => void;
@@ -56,7 +80,7 @@ declare const useCaptionTextarea: ({
   handleCompositionStart
 }: ReturnType<typeof useCaptionTextareaState>) => {
   props: {
-    readOnly: any;
+    readOnly: boolean;
     value: string | number | readonly string[] | undefined;
     onBlur: React.FocusEventHandler<HTMLTextAreaElement>;
     onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
@@ -66,7 +90,31 @@ declare const useCaptionTextarea: ({
   };
   ref: React.RefObject<HTMLTextAreaElement | null>;
 };
-declare const CaptionTextarea: any;
+declare const CaptionTextarea: React.ForwardRefExoticComponent<{
+  as?: React.ElementType;
+  asChild?: boolean;
+  className?: string;
+  options?: undefined;
+  state?: {
+    captionValue: string | number | readonly string[] | undefined;
+    element: TCaptionElement;
+    readOnly: boolean;
+    textareaRef: React.RefObject<HTMLTextAreaElement | null>;
+    handleChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    handleCompositionEnd: (e: React.CompositionEvent<HTMLTextAreaElement>) => void;
+    handleCompositionStart: () => void;
+  } | undefined;
+  style?: React.CSSProperties;
+  setProps?: ((hookProps: {
+    readOnly: boolean;
+    value: string | number | readonly string[] | undefined;
+    onBlur: React.FocusEventHandler<HTMLTextAreaElement>;
+    onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onCompositionEnd: (e: React.CompositionEvent<HTMLTextAreaElement>) => void;
+    onCompositionStart: () => void;
+    onKeyDown: React.KeyboardEventHandler<HTMLTextAreaElement>;
+  }) => Omit<TextareaAutosizeProps & React.RefAttributes<HTMLTextAreaElement>, "ref">) | undefined;
+} & Omit<TextareaAutosizeProps & React.RefAttributes<HTMLTextAreaElement>, "ref"> & React.RefAttributes<any>>;
 //#endregion
 //#region src/react/components/TextareaAutosize.d.ts
 /**
@@ -78,10 +126,9 @@ declare const CaptionTextarea: any;
 declare const TextareaAutosize: React.ForwardRefExoticComponent<TextareaAutosizeProps & React.RefAttributes<HTMLTextAreaElement>>;
 //#endregion
 //#region src/react/hooks/useCaptionString.d.ts
-declare const useCaptionString: () => any;
+declare const useCaptionString: () => string;
 //#endregion
 //#region src/react/utils/showCaption.d.ts
 declare const showCaption: (editor: SlateEditor, element: TElement) => void;
 //#endregion
-export { Caption, CaptionOptions, CaptionPlugin, CaptionProps, CaptionTextarea, TextareaAutosize, showCaption, useCaption, useCaptionButton, useCaptionButtonState, useCaptionState, useCaptionString, useCaptionTextarea, useCaptionTextareaFocus, useCaptionTextareaState };
-//# sourceMappingURL=index.d.ts.map
+export { Caption, CaptionOptions, CaptionPlugin, CaptionProps, CaptionTextarea, TextareaAutosize, showCaption, useCaption, useCaptionButton, useCaptionButtonState, useCaptionState, useCaptionString, useCaptionTextarea, useCaptionTextareaFocus, useCaptionTextareaState };

package/dist/react/index.js

@@ -335,5 +335,4 @@ const showCaption = (editor, element) => {
 };
 
 //#endregion
-export { Caption, CaptionPlugin, CaptionTextarea, TextareaAutosize, showCaption, useCaption, useCaptionButton, useCaptionButtonState, useCaptionState, useCaptionString, useCaptionTextarea, useCaptionTextareaFocus, useCaptionTextareaState };
-//# sourceMappingURL=index.js.map
+export { Caption, CaptionPlugin, CaptionTextarea, TextareaAutosize, showCaption, useCaption, useCaptionButton, useCaptionButtonState, useCaptionState, useCaptionString, useCaptionTextarea, useCaptionTextareaFocus, useCaptionTextareaState };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lofcz/platejs-caption",
-  "version": "52.0.11",
+  "version": "52.3.6",
   "description": "Primitive components for caption.",
   "keywords": [
     "plate",
@@ -32,7 +32,8 @@
     "react-textarea-autosize": "^8.5.9"
   },
   "devDependencies": {
-    "@plate/scripts": "1.0.0"
+    "@plate/scripts": "1.0.0",
+    "platejs": "npm:@lofcz/platejs@52.3.6"
   },
   "peerDependencies": {
     "platejs": ">=52.0.11",

package/dist/BaseCaptionPlugin-jZ8QfZJZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseCaptionPlugin-jZ8QfZJZ.js","names":["OverrideEditor","TRange","getPluginTypes","isHotkey","NodeApi","RangeApi","CaptionConfig","BaseCaptionPlugin","withCaption","editor","getOptions","tf","apply","moveLine","transforms","operation","query","type","newSelection","selection","newProperties","dom","currentKeyboardEvent","isCollapsed","types","allow","entry","api","above","at","match","node","caption","string","children","length","setTimeout","setOption","options","reverse","block","Path","PluginConfig","createTSlatePlugin","KEYS","withCaption","CaptionConfig","focusEndPath","focusStartPath","query","allow","visibleId","isVisible","elementId","BaseCaptionPlugin","key","caption","options","extendSelectors","getOptions","overrideEditor"],"sources":["../src/lib/withCaption.ts","../src/lib/BaseCaptionPlugin.ts"],"sourcesContent":["import {\n  type OverrideEditor,\n  type TRange,\n  getPluginTypes,\n  isHotkey,\n  NodeApi,\n  RangeApi,\n} from 'platejs';\n\nimport { type CaptionConfig, BaseCaptionPlugin } from './BaseCaptionPlugin';\n\n/** TODO: tests https://github.com/udecode/editor-protocol/issues/79 */\n\n/**\n * Selection table:\n *\n * - If anchor is in table, focus in a block before: set focus to start of table\n * - If anchor is in table, focus in a block after: set focus to end of table\n * - If focus is in table, anchor in a block before: set focus to end of table\n * - If focus is in table, anchor in a block after: set focus to the point before\n *   start of table\n */\nexport const withCaption: OverrideEditor<CaptionConfig> = ({\n  editor,\n  getOptions,\n  tf: { apply, moveLine },\n}) => {\n  return {\n    transforms: {\n      apply(operation) {\n        const { query } = getOptions();\n\n        if (operation.type === 'set_selection') {\n          const newSelection = {\n            ...editor.selection,\n            ...operation.newProperties,\n          } as TRange | null;\n\n          if (\n            editor.dom.currentKeyboardEvent &&\n            isHotkey('up', editor.dom.currentKeyboardEvent) &&\n            newSelection &&\n            RangeApi.isCollapsed(newSelection)\n          ) {\n            const types = getPluginTypes(editor, query.allow);\n\n            const entry = editor.api.above({\n              at: newSelection,\n              match: { type: types },\n            });\n\n            if (entry) {\n              const [node] = entry;\n\n              if (\n                node.caption &&\n                NodeApi.string({ children: node.caption } as any).length > 0\n              ) {\n                setTimeout(() => {\n                  editor.setOption(BaseCaptionPlugin, 'focusEndPath', entry[1]);\n                }, 0);\n              }\n            }\n          }\n        }\n\n        apply(operation);\n      },\n      moveLine: (options) => {\n        const apply = () => {\n          // focus caption from image on down arrow\n          if (!options.reverse) {\n            const types = getPluginTypes(editor, getOptions().query.allow);\n\n            const entry = editor.api.block({\n              match: { type: types },\n            });\n\n            if (!entry) return;\n\n            editor.setOption(BaseCaptionPlugin, 'focusEndPath', entry[1]);\n\n            return true;\n          }\n        };\n\n        if (apply()) return true;\n\n        return moveLine(options);\n      },\n    },\n  };\n};\n","import {\n  type Path,\n  type PluginConfig,\n  createTSlatePlugin,\n  KEYS,\n} from 'platejs';\n\nimport { withCaption } from './withCaption';\n\nexport type CaptionConfig = PluginConfig<\n  'caption',\n  {\n    /** When defined, focus end of caption textarea with the same path. */\n    focusEndPath: Path | null;\n    /** When defined, focus start of caption textarea with the same path. */\n    focusStartPath: Path | null;\n    // isVisible?: (elementId: string) => boolean;\n    query: {\n      /** Plugin keys to enable caption. */\n      allow: string[];\n    };\n    visibleId: string | null;\n  },\n  {},\n  {},\n  {\n    isVisible?: (elementId: string) => boolean;\n  }\n>;\n\n/** Enables support for caption. */\nexport const BaseCaptionPlugin = createTSlatePlugin<CaptionConfig>({\n  key: KEYS.caption,\n  options: {\n    focusEndPath: null,\n    focusStartPath: null,\n    query: { allow: [] },\n    visibleId: null,\n  },\n})\n  .extendSelectors<CaptionConfig['selectors']>(({ getOptions }) => ({\n    isVisible: (elementId) => getOptions().visibleId === elementId,\n  }))\n  .overrideEditor(withCaption);\n"],"mappings":";;;;;;;;;;;;;AAsBA,MAAaQ,eAA8C,EACzDC,QACAC,YACAC,IAAI,EAAEC,OAAOC,iBACT;AACJ,QAAO,EACLC,YAAY;EACVF,MAAMG,WAAW;GACf,MAAM,EAAEC,UAAUN,YAAY;AAE9B,OAAIK,UAAUE,SAAS,iBAAiB;IACtC,MAAMC,eAAe;KACnB,GAAGT,OAAOU;KACV,GAAGJ,UAAUK;KACd;AAED,QACEX,OAAOY,IAAIC,wBACXnB,SAAS,MAAMM,OAAOY,IAAIC,qBAAqB,IAC/CJ,gBACAb,SAASkB,YAAYL,aAAa,EAClC;KACA,MAAMM,QAAQtB,eAAeO,QAAQO,MAAMS,MAAM;KAEjD,MAAMC,QAAQjB,OAAOkB,IAAIC,MAAM;MAC7BC,IAAIX;MACJY,OAAO,EAAEb,MAAMO,OAAM;MACtB,CAAC;AAEF,SAAIE,OAAO;MACT,MAAM,CAACK,QAAQL;AAEf,UACEK,KAAKC,WACL5B,QAAQ6B,OAAO,EAAEC,UAAUH,KAAKC,SAAS,CAAQ,CAACG,SAAS,EAE3DC,kBAAiB;AACf3B,cAAO4B,UAAU9B,mBAAmB,gBAAgBmB,MAAM,GAAG;SAC5D,EAAE;;;;AAMbd,SAAMG,UAAU;;EAElBF,WAAWyB,YAAY;GACrB,MAAM1B,gBAAc;AAElB,QAAI,CAAC0B,QAAQC,SAAS;KACpB,MAAMf,QAAQtB,eAAeO,QAAQC,YAAY,CAACM,MAAMS,MAAM;KAE9D,MAAMC,QAAQjB,OAAOkB,IAAIa,MAAM,EAC7BV,OAAO,EAAEb,MAAMO,OAAM,EACtB,CAAC;AAEF,SAAI,CAACE,MAAO;AAEZjB,YAAO4B,UAAU9B,mBAAmB,gBAAgBmB,MAAM,GAAG;AAE7D,YAAO;;;AAIX,OAAId,SAAO,CAAE,QAAO;AAEpB,UAAOC,SAASyB,QAAQ;;EAE5B,EACD;;;;;;AC5DH,MAAagB,oBAAoBX,mBAAkC;CACjEY,KAAKX,KAAKY;CACVC,SAAS;EACPV,cAAc;EACdC,gBAAgB;EAChBC,OAAO,EAAEC,OAAO,EAAA,EAAI;EACpBC,WAAW;EACb;CACD,CAAC,CACCO,iBAA6C,EAAEC,kBAAkB,EAChEP,YAAYC,cAAcM,YAAY,CAACR,cAAcE,WACtD,EAAE,CACFO,eAAef,YAAY"}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/lib/BaseCaptionPlugin.ts","../src/lib/withCaption.ts"],"sourcesContent":[],"mappings":";;;KASY,aAAA,GAAgB;;EAAhB,YAAA,EAIM,IAJO,GAAA,IAAA;EAIP;EAEE,cAAA,EAAA,IAAA,GAAA,IAAA;EANQ,KAAA,EAAA;IAAY;IAsB3B,KAAA,EAAA,MAAA,EAAA;;;;ECTA,SAAA,CAAA,EAAA,CAAA,SAsEZ,EAAA,MAtEwC,EAAA,GAAA,OAAf;;;cDSb;;;;AAtBb;;;;;AAsBA;;;;ACTa,cAAA,WAA4B,EAAf,cAAA,CAAe,aAAD,CAAA"}

package/dist/react/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/react/CaptionPlugin.tsx","../../src/react/components/Caption.tsx","../../src/react/components/CaptionButton.tsx","../../src/react/components/CaptionTextarea.tsx","../../src/react/components/TextareaAutosize.tsx","../../src/react/hooks/useCaptionString.ts","../../src/react/utils/showCaption.ts"],"sourcesContent":[],"mappings":";;;;;cAIa;;;KCSD,cAAA;;;UAIK,YAAA,SACP,KAAA,CAAM;EDdH,OAAA,CAAA,ECeD,cDfiD;;cCkBhD,4BAA4B;;EAT7B,MAAA,EAAA,OAAA;EAIK,QAAA,EAAA,GAAA;EAKJ,QAAA,EAAA,GAAA;AAwBb,CAAA;AAIa,cAJA,UASX,EAAA,CAAA,KAAA,EATgC,UAShC,CAAA,OATkD,eASlD,CAAA,EAAA,GAAA;;;cALW;;;cC9CA;cAOA;;;GAGV,kBAAkB;;;;AFVrB,CAAA;;;;cGmBa,uCACE,KAAA,CAAM,UAAU;cAmBlB;;EHvCA,OAAA,EAAA,GAAA;;;oBGiEL,KAAA,CAAM,YAAY;EFxDd,oBAAc,EAAA,CAAA,CAAA,EEwElB,KAAA,CAAM,gBFxEY,CEwEK,mBFxEL,CAAA,EAAA,GAAA,IAAA;EAIT,sBACf,EAAA,GACU,GAAA,IAAA;AAGZ,CAAA;AAwBa,cEiEA,kBFjEuC,EAAA,CAAA;EAAA,YAAlB;EAAU,OAAA;EAAA,QAAA;EAAA,WAAA;EAAA,YAAA;EAAA,oBAAA;EAAA;AAAA,CAAA,EEyEzC,UFzEyC,CAAA,OEyEvB,uBFzEuB,CAAA,EAAA,GAAA;EAI/B,KAAA,EAAA;;;;IC9CA,QAAA,EAAA,CAAA,CAAA,ECiEL,KAAA,CAAM,WD5Db,CC4DyB,mBD5DzB,CAAA,EAAA,GAAA,IAAA;IAEY,gBAeX,EAAA,CAAA,CAAA,EC2DM,KAAA,CAAM,gBD3DZ,CC2D6B,mBD3D7B,CAAA,EAAA,GAAA,IAAA;IAf+B,kBAAA,EAAA,GAAA,GAAA,IAAA;IAAA,SAAA,4BAAA,oBAAA,CAAA;EAGZ,CAAA;EAAlB,GAAA,iBAAA,oBAAA,GAAA,IAAA,CAAA;CAAU;cC6JA;;;;;;AHvKb;;;cISM,kBAAgB,KAAA,CAAA,0BAAA,wBAAA,KAAA,CAAA,cAAA;;;cCNT;;;cCHA,sBAAuB,sBAAsB"}

package/dist/react/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["toPlatePlugin","BaseCaptionPlugin","CaptionPlugin","React","TCaptionElement","NodeApi","useElement","useCaptionString","$","_c","caption","t0","t1","undefined","children","text","nodeCaption","t2","string","React","createPrimitiveComponent","useElement","usePluginOption","useReadOnly","useSelected","CaptionPlugin","useCaptionString","CaptionOptions","readOnly","CaptionProps","ComponentPropsWithoutRef","options","useCaptionState","t0","$","_c","t1","undefined","element","captionString","showCaption","id","selected","_readOnly","hidden","length","t2","useCaption","state","ReturnType","Caption","propsHook","stateHook","useEditorRef","useElement","BaseCaptionPlugin","useCaptionButtonState","$","_c","editor","element","t0","useCaptionButton","ReturnType","props","onClick","path","api","findPath","setOption","id","setTimeout","React","ReactTextareaAutosize","TextareaAutosizeProps","useIsomorphicLayoutEffect","TextareaAutosize","forwardRef","HTMLTextAreaElement","props","ref","$","_c","isRerendered","setIsRerendered","useState","t0","t1","Symbol","for","t2","displayName","React","useCallback","useState","TextareaAutosizeProps","TCaptionElement","TElement","isHotkey","NodeApi","PathApi","createPrimitiveComponent","useEditorRef","useElement","usePluginOption","useReadOnly","CaptionPlugin","TextareaAutosize","useCaptionTextareaFocus","textareaRef","$","_c","editor","element","focusCaptionPath","t0","t1","current","path","api","findPath","equals","focus","setOption","useEffect","useCaptionTextareaState","isComposing","setIsComposing","caption","nodeCaption","children","text","string","captionValue","setCaptionValue","newValue","tf","setNodes","at","updateEditorCaptionValue","t2","e","newValue_0","target","value","handleChange","t3","Symbol","for","handleCompositionStart","t4","e_0","newValue_1","currentTarget","handleCompositionEnd","readOnly","useRef","t5","useCaptionTextarea","preventDefault","path_0","nextNodePath","after","onKeyDown","currentValue","length","onBlur","onChange","onCompositionEnd","onCompositionStart","props","ref","CaptionTextarea","propsHook","stateHook","SlateEditor","TElement","CaptionPlugin","showCaption","editor","element","path","api","findPath","setOption","id","setTimeout"],"sources":["../../src/react/CaptionPlugin.tsx","../../src/react/hooks/useCaptionString.ts","../../src/react/components/Caption.tsx","../../src/react/components/CaptionButton.tsx","../../src/react/components/TextareaAutosize.tsx","../../src/react/components/CaptionTextarea.tsx","../../src/react/utils/showCaption.ts"],"sourcesContent":["import { toPlatePlugin } from 'platejs/react';\n\nimport { BaseCaptionPlugin } from '../lib/BaseCaptionPlugin';\n\nexport const CaptionPlugin = toPlatePlugin(BaseCaptionPlugin);\n","import React from 'react';\n\nimport type { TCaptionElement } from 'platejs';\n\nimport { NodeApi } from 'platejs';\nimport { useElement } from 'platejs/react';\n\nexport const useCaptionString = () => {\n  const { caption: nodeCaption = [{ children: [{ text: '' }] }] } =\n    useElement<TCaptionElement>();\n\n  return React.useMemo(\n    () => NodeApi.string(nodeCaption[0] as any) || '',\n    [nodeCaption]\n  );\n};\n","import type React from 'react';\n\nimport {\n  createPrimitiveComponent,\n  useElement,\n  usePluginOption,\n  useReadOnly,\n  useSelected,\n} from 'platejs/react';\n\nimport { CaptionPlugin } from '../CaptionPlugin';\nimport { useCaptionString } from '../hooks/useCaptionString';\n\nexport type CaptionOptions = {\n  readOnly?: boolean;\n};\n\nexport interface CaptionProps\n  extends React.ComponentPropsWithoutRef<'figcaption'> {\n  options?: CaptionOptions;\n}\n\nexport const useCaptionState = (options: CaptionOptions = {}) => {\n  const element = useElement();\n  const captionString = useCaptionString();\n\n  const showCaption = usePluginOption(\n    CaptionPlugin,\n    'isVisible',\n    element.id as string\n  );\n\n  const selected = useSelected();\n  const _readOnly = useReadOnly();\n  const readOnly = options.readOnly || _readOnly;\n\n  const hidden = !showCaption && captionString.length === 0;\n\n  return {\n    captionString,\n    hidden,\n    readOnly,\n    selected,\n  };\n};\n\nexport const useCaption = (state: ReturnType<typeof useCaptionState>) => ({\n  hidden: state.hidden,\n});\n\nexport const Caption = createPrimitiveComponent<'figcaption', CaptionProps>(\n  'figcaption'\n)({\n  propsHook: useCaption,\n  stateHook: useCaptionState,\n});\n","import { useEditorRef, useElement } from 'platejs/react';\n\nimport { BaseCaptionPlugin } from '../../lib';\n\nexport const useCaptionButtonState = (): any => {\n  const editor = useEditorRef();\n  const element = useElement();\n\n  return { editor, element };\n};\n\nexport const useCaptionButton = ({\n  editor,\n  element,\n}: ReturnType<typeof useCaptionButtonState>) => ({\n  props: {\n    onClick: () => {\n      const path = editor.api.findPath(element);\n      editor.setOption(BaseCaptionPlugin, 'visibleId', element.id as string);\n      setTimeout(() => {\n        if (path) {\n          editor.setOption(BaseCaptionPlugin, 'focusEndPath', path);\n        }\n      }, 0);\n    },\n  },\n});\n","import React from 'react';\nimport ReactTextareaAutosize, {\n  type TextareaAutosizeProps,\n} from 'react-textarea-autosize';\n\nimport { useIsomorphicLayoutEffect } from 'platejs/react';\n\n/**\n * `<textarea />` component for React which grows with content.\n *\n * @see https://github.com/Andarist/react-textarea-autosize\n * @see https://github.com/Andarist/react-textarea-autosize/issues/337\n */\nconst TextareaAutosize = React.forwardRef<\n  HTMLTextAreaElement,\n  TextareaAutosizeProps\n>((props, ref) => {\n  const [isRerendered, setIsRerendered] = React.useState(false);\n\n  useIsomorphicLayoutEffect(() => setIsRerendered(true), []);\n\n  return isRerendered ? <ReactTextareaAutosize {...props} ref={ref} /> : null;\n});\nTextareaAutosize.displayName = 'TextareaAutosize';\n\nexport { TextareaAutosize };\n","import React, { useCallback, useState } from 'react';\n\nimport type { TextareaAutosizeProps } from 'react-textarea-autosize';\n\nimport {\n  type TCaptionElement,\n  type TElement,\n  isHotkey,\n  NodeApi,\n  PathApi,\n} from 'platejs';\nimport {\n  createPrimitiveComponent,\n  useEditorRef,\n  useElement,\n  usePluginOption,\n  useReadOnly,\n} from 'platejs/react';\n\nimport { CaptionPlugin } from '../CaptionPlugin';\nimport { TextareaAutosize } from './TextareaAutosize';\n\n/** Focus textareaRef when focusCaptionPath is set to the image path. */\nexport const useCaptionTextareaFocus = (\n  textareaRef: React.RefObject<HTMLTextAreaElement | null>\n) => {\n  const editor = useEditorRef();\n  const element = useElement<TCaptionElement>();\n\n  const focusCaptionPath = usePluginOption(CaptionPlugin, 'focusEndPath');\n\n  React.useEffect(() => {\n    if (focusCaptionPath && textareaRef.current) {\n      const path = editor.api.findPath(element);\n\n      if (path && PathApi.equals(path, focusCaptionPath)) {\n        textareaRef.current.focus();\n        editor.setOption(CaptionPlugin, 'focusEndPath', null);\n      }\n    }\n  }, [editor, element, focusCaptionPath, textareaRef]);\n};\n\nexport const useCaptionTextareaState = () => {\n  const element = useElement<TCaptionElement>();\n  const editor = useEditorRef();\n\n  const [isComposing, setIsComposing] = useState(false);\n\n  const [captionValue, setCaptionValue] = useState<\n    TextareaAutosizeProps['value']\n  >(() => {\n    const nodeCaption =\n      element.caption ?? ([{ children: [{ text: '' }] }] as [TElement]);\n\n    return NodeApi.string(nodeCaption[0]);\n  });\n\n  const updateEditorCaptionValue = useCallback(\n    (newValue: string) => {\n      editor.tf.setNodes<TCaptionElement>(\n        { caption: [{ text: newValue }] },\n        { at: element }\n      );\n    },\n    [editor, element]\n  );\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      const newValue = e.target.value;\n      setCaptionValue(newValue);\n\n      if (!isComposing) {\n        updateEditorCaptionValue(newValue);\n      }\n    },\n    [isComposing, updateEditorCaptionValue]\n  );\n\n  const handleCompositionStart = useCallback(() => {\n    setIsComposing(true);\n  }, []);\n\n  const handleCompositionEnd = useCallback(\n    (e: React.CompositionEvent<HTMLTextAreaElement>) => {\n      setIsComposing(false);\n      const newValue = e.currentTarget.value;\n      setCaptionValue(newValue);\n      updateEditorCaptionValue(newValue);\n    },\n    [updateEditorCaptionValue]\n  );\n\n  const readOnly = useReadOnly();\n\n  const textareaRef = React.useRef<HTMLTextAreaElement>(null);\n\n  useCaptionTextareaFocus(textareaRef);\n\n  return {\n    captionValue,\n    element,\n    readOnly,\n    textareaRef,\n    handleChange,\n    handleCompositionEnd,\n    handleCompositionStart,\n  };\n};\n\nexport const useCaptionTextarea = ({\n  captionValue,\n  element,\n  readOnly,\n  textareaRef,\n  handleChange,\n  handleCompositionEnd,\n  handleCompositionStart,\n}: ReturnType<typeof useCaptionTextareaState>) => {\n  const editor = useEditorRef();\n\n  const onKeyDown: TextareaAutosizeProps['onKeyDown'] = (e) => {\n    // select image\n    if (isHotkey('up', e)) {\n      const path = editor.api.findPath(element);\n\n      if (!path) return;\n\n      e.preventDefault();\n\n      editor.tf.focus({ at: path });\n    }\n    // select next block\n    if (isHotkey('down', e)) {\n      const path = editor.api.findPath(element);\n\n      if (!path) return;\n\n      const nextNodePath = editor.api.after(path);\n\n      if (!nextNodePath) return;\n\n      e.preventDefault();\n\n      editor.tf.focus({ at: nextNodePath });\n    }\n  };\n\n  const onBlur: TextareaAutosizeProps['onBlur'] = (e) => {\n    const currentValue = e.target.value;\n\n    if (currentValue.length === 0) {\n      editor.setOption(CaptionPlugin, 'visibleId', null);\n    }\n  };\n\n  return {\n    props: {\n      readOnly,\n      value: captionValue,\n      onBlur,\n      onChange: handleChange,\n      onCompositionEnd: handleCompositionEnd,\n      onCompositionStart: handleCompositionStart,\n      onKeyDown,\n    },\n    ref: textareaRef,\n  };\n};\n\nexport const CaptionTextarea = createPrimitiveComponent(TextareaAutosize)({\n  propsHook: useCaptionTextarea,\n  stateHook: useCaptionTextareaState,\n});\n","import type { SlateEditor, TElement } from 'platejs';\n\nimport { CaptionPlugin } from '../CaptionPlugin';\n\nexport const showCaption = (editor: SlateEditor, element: TElement) => {\n  const path = editor.api.findPath(element);\n  editor.setOption(CaptionPlugin, 'visibleId', element.id as string);\n\n  setTimeout(() => {\n    if (path) {\n      editor.setOption(CaptionPlugin, 'focusEndPath', path);\n    }\n  }, 0);\n};\n"],"mappings":"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"}