@payloadcms/richtext-lexical 3.0.0-canary.fb81f02 → 3.0.0

package/dist/utilities/fieldsDrawer/DrawerContent.js

@@ -1,90 +1,125 @@
 'use client';
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Form, FormSubmit, RenderFields, useConfig, useDocumentInfo, useFieldProps, useTranslation } from '@payloadcms/ui';
-import { getFormState } from '@payloadcms/ui/shared';
-import React, { useCallback, useEffect, useState } from 'react';
+import { Form, FormSubmit, RenderFields, useDocumentInfo, useServerFunctions, useTranslation } from '@payloadcms/ui';
+import { abortAndIgnore } from '@payloadcms/ui/shared';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { v4 as uuid } from 'uuid';
 import { useEditorConfigContext } from '../../lexical/config/client/EditorConfigProvider.js';
-export const DrawerContent = ({ data, featureKey, handleDrawerSubmit, schemaPathSuffix })=>{
-    const { t } = useTranslation();
-    const { id } = useDocumentInfo();
-    const { schemaPath } = useFieldProps();
-    const config = useConfig();
-    const [initialState, setInitialState] = useState(false);
-    const { field: { richTextComponentMap } } = useEditorConfigContext();
-    const componentMapRenderedFieldsPath = `lexical_internal_feature.${featureKey}.fields${schemaPathSuffix ? `.${schemaPathSuffix}` : ''}`;
-    const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.${featureKey}${schemaPathSuffix ? `.${schemaPathSuffix}` : ''}`;
-    const fieldMap = richTextComponentMap.get(componentMapRenderedFieldsPath) // Field Schema
-    ;
-    useEffect(()=>{
-        const awaitInitialState = async ()=>{
-            const state = await getFormState({
-                apiRoute: config.routes.api,
-                body: {
-                    id,
-                    data: data ?? {},
-                    operation: 'update',
-                    schemaPath: schemaFieldsPath
-                },
-                serverURL: config.serverURL
-            }) // Form State
-            ;
-            setInitialState(state);
-        };
-        void awaitInitialState();
-    }, [
-        config.routes.api,
-        config.serverURL,
-        schemaFieldsPath,
-        id,
-        data
-    ]);
-    const onChange = useCallback(async ({ formState: prevFormState })=>{
-        return await getFormState({
-            apiRoute: config.routes.api,
-            body: {
-                id,
-                formState: prevFormState,
-                operation: 'update',
-                schemaPath: schemaFieldsPath
-            },
-            serverURL: config.serverURL
-        });
-    }, [
-        config.routes.api,
-        config.serverURL,
-        schemaFieldsPath,
-        id
-    ]);
-    if (initialState === false) {
-        return null;
+export const DrawerContent = ({
+  data,
+  featureKey,
+  fieldMapOverride,
+  handleDrawerSubmit,
+  schemaFieldsPathOverride,
+  schemaPath,
+  schemaPathSuffix
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const {
+    id,
+    collectionSlug,
+    getDocPreferences,
+    globalSlug
+  } = useDocumentInfo();
+  const onChangeAbortControllerRef = useRef(new AbortController());
+  const [initialState, setInitialState] = useState(false);
+  const {
+    fieldProps: {
+      featureClientSchemaMap,
+      permissions
     }
-    return /*#__PURE__*/ _jsxs(Form, {
-        beforeSubmit: [
-            onChange
-        ],
-        disableValidationOnSubmit: true,
-        fields: Array.isArray(fieldMap) ? fieldMap : [],
-        initialState: initialState,
-        onChange: [
-            onChange
-        ],
-        onSubmit: handleDrawerSubmit,
-        uuid: uuid(),
-        children: [
-            /*#__PURE__*/ _jsx(RenderFields, {
-                fieldMap: Array.isArray(fieldMap) ? fieldMap : [],
-                forceRender: true,
-                path: "" // See Blocks feature path for details as for why this is empty
-                ,
-                readOnly: false,
-                schemaPath: schemaFieldsPath
-            }),
-            /*#__PURE__*/ _jsx(FormSubmit, {
-                children: t('fields:saveChanges')
-            })
-        ]
+  } = useEditorConfigContext();
+  const {
+    getFormState
+  } = useServerFunctions();
+  const schemaFieldsPath = schemaFieldsPathOverride ?? `${schemaPath}.lexical_internal_feature.${featureKey}${schemaPathSuffix ? `.${schemaPathSuffix}` : ''}`;
+  const fields = fieldMapOverride ?? featureClientSchemaMap[featureKey]?.[schemaFieldsPath] // Field Schema
+  ;
+  useEffect(() => {
+    const controller = new AbortController();
+    const awaitInitialState = async () => {
+      const {
+        state
+      } = await getFormState({
+        id,
+        collectionSlug,
+        data: data ?? {},
+        docPermissions: {
+          fields: true
+        },
+        docPreferences: await getDocPreferences(),
+        globalSlug,
+        operation: 'update',
+        renderAllFields: true,
+        schemaPath: schemaFieldsPath,
+        signal: controller.signal
+      });
+      setInitialState(state);
+    };
+    void awaitInitialState();
+    return () => {
+      abortAndIgnore(controller);
+    };
+  }, [schemaFieldsPath, id, data, getFormState, collectionSlug, globalSlug, getDocPreferences]);
+  const onChange = useCallback(async ({
+    formState: prevFormState
+  }) => {
+    abortAndIgnore(onChangeAbortControllerRef.current);
+    const controller_0 = new AbortController();
+    onChangeAbortControllerRef.current = controller_0;
+    const {
+      state: state_0
+    } = await getFormState({
+      id,
+      collectionSlug,
+      docPermissions: {
+        fields: true
+      },
+      docPreferences: await getDocPreferences(),
+      formState: prevFormState,
+      globalSlug,
+      operation: 'update',
+      schemaPath: schemaFieldsPath,
+      signal: controller_0.signal
     });
-};
+    if (!state_0) {
+      return prevFormState;
+    }
+    return state_0;
+  }, [getFormState, id, collectionSlug, getDocPreferences, globalSlug, schemaFieldsPath]);
+  // cleanup effect
+  useEffect(() => {
+    return () => {
+      abortAndIgnore(onChangeAbortControllerRef.current);
+    };
+  }, []);
+  if (initialState === false) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(Form, {
+    beforeSubmit: [onChange],
+    disableValidationOnSubmit: true,
+    fields: Array.isArray(fields) ? fields : [],
+    initialState: initialState,
+    onChange: [onChange],
+    onSubmit: handleDrawerSubmit,
+    uuid: uuid(),
+    children: [/*#__PURE__*/_jsx(RenderFields, {
+      fields: Array.isArray(fields) ? fields : [],
+      forceRender: true,
+      parentIndexPath: "",
+      parentPath: "" // See Blocks feature path for details as for why this is empty
+      ,
 
+      parentSchemaPath: schemaFieldsPath,
+      permissions: permissions,
+      readOnly: false
+    }), /*#__PURE__*/_jsx(FormSubmit, {
+      children: t('fields:saveChanges')
+    })]
+  });
+};
 //# sourceMappingURL=DrawerContent.js.map

package/dist/utilities/fieldsDrawer/DrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utilities/fieldsDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\nimport type { FormProps } from '@payloadcms/ui'\nimport type { FormState } from 'payload'\n\nimport {\n  Form,\n  FormSubmit,\n  RenderFields,\n  useConfig,\n  useDocumentInfo,\n  useFieldProps,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { FieldsDrawerProps } from './Drawer.js'\n\nimport { useEditorConfigContext } from '../../lexical/config/client/EditorConfigProvider.js'\n\nexport const DrawerContent: React.FC<Omit<FieldsDrawerProps, 'drawerSlug' | 'drawerTitle'>> = ({\n  data,\n  featureKey,\n  handleDrawerSubmit,\n  schemaPathSuffix,\n}) => {\n  const { t } = useTranslation()\n  const { id } = useDocumentInfo()\n  const { schemaPath } = useFieldProps()\n  const config = useConfig()\n  const [initialState, setInitialState] = useState<FormState | false>(false)\n  const {\n    field: { richTextComponentMap },\n  } = useEditorConfigContext()\n\n  const componentMapRenderedFieldsPath = `lexical_internal_feature.${featureKey}.fields${schemaPathSuffix ? `.${schemaPathSuffix}` : ''}`\n  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.${featureKey}${schemaPathSuffix ? `.${schemaPathSuffix}` : ''}`\n\n  const fieldMap = richTextComponentMap.get(componentMapRenderedFieldsPath) // Field Schema\n\n  useEffect(() => {\n    const awaitInitialState = async () => {\n      const state = await getFormState({\n        apiRoute: config.routes.api,\n        body: {\n          id,\n          data: data ?? {},\n          operation: 'update',\n          schemaPath: schemaFieldsPath,\n        },\n        serverURL: config.serverURL,\n      }) // Form State\n\n      setInitialState(state)\n    }\n\n    void awaitInitialState()\n  }, [config.routes.api, config.serverURL, schemaFieldsPath, id, data])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      return await getFormState({\n        apiRoute: config.routes.api,\n        body: {\n          id,\n          formState: prevFormState,\n          operation: 'update',\n          schemaPath: schemaFieldsPath,\n        },\n        serverURL: config.serverURL,\n      })\n    },\n\n    [config.routes.api, config.serverURL, schemaFieldsPath, id],\n  )\n\n  if (initialState === false) {\n    return null\n  }\n\n  return (\n    <Form\n      beforeSubmit={[onChange]}\n      disableValidationOnSubmit\n      fields={Array.isArray(fieldMap) ? fieldMap : []}\n      initialState={initialState}\n      onChange={[onChange]}\n      onSubmit={handleDrawerSubmit}\n      uuid={uuid()}\n    >\n      <RenderFields\n        fieldMap={Array.isArray(fieldMap) ? fieldMap : []}\n        forceRender\n        path=\"\" // See Blocks feature path for details as for why this is empty\n        readOnly={false}\n        schemaPath={schemaFieldsPath}\n      />\n\n      <FormSubmit>{t('fields:saveChanges')}</FormSubmit>\n    </Form>\n  )\n}\n"],"names":["Form","FormSubmit","RenderFields","useConfig","useDocumentInfo","useFieldProps","useTranslation","getFormState","React","useCallback","useEffect","useState","v4","uuid","useEditorConfigContext","DrawerContent","data","featureKey","handleDrawerSubmit","schemaPathSuffix","t","id","schemaPath","config","initialState","setInitialState","field","richTextComponentMap","componentMapRenderedFieldsPath","schemaFieldsPath","fieldMap","get","awaitInitialState","state","apiRoute","routes","api","body","operation","serverURL","onChange","formState","prevFormState","beforeSubmit","disableValidationOnSubmit","fields","Array","isArray","onSubmit","forceRender","path","readOnly"],"mappings":"AAAA;;AAIA,SACEA,IAAI,EACJC,UAAU,EACVC,YAAY,EACZC,SAAS,EACTC,eAAe,EACfC,aAAa,EACbC,cAAc,QACT,iBAAgB;AACvB,SAASC,YAAY,QAAQ,wBAAuB;AACpD,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAC/D,SAASC,MAAMC,IAAI,QAAQ,OAAM;AAIjC,SAASC,sBAAsB,QAAQ,sDAAqD;AAE5F,OAAO,MAAMC,gBAAiF,CAAC,EAC7FC,IAAI,EACJC,UAAU,EACVC,kBAAkB,EAClBC,gBAAgB,EACjB;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGd;IACd,MAAM,EAAEe,EAAE,EAAE,GAAGjB;IACf,MAAM,EAAEkB,UAAU,EAAE,GAAGjB;IACvB,MAAMkB,SAASpB;IACf,MAAM,CAACqB,cAAcC,gBAAgB,GAAGd,SAA4B;IACpE,MAAM,EACJe,OAAO,EAAEC,oBAAoB,EAAE,EAChC,GAAGb;IAEJ,MAAMc,iCAAiC,CAAC,yBAAyB,EAAEX,WAAW,OAAO,EAAEE,mBAAmB,CAAC,CAAC,EAAEA,iBAAiB,CAAC,GAAG,GAAG,CAAC;IACvI,MAAMU,mBAAmB,CAAC,EAAEP,WAAW,0BAA0B,EAAEL,WAAW,EAAEE,mBAAmB,CAAC,CAAC,EAAEA,iBAAiB,CAAC,GAAG,GAAG,CAAC;IAEhI,MAAMW,WAAWH,qBAAqBI,GAAG,CAACH,gCAAgC,eAAe;;IAEzFlB,UAAU;QACR,MAAMsB,oBAAoB;YACxB,MAAMC,QAAQ,MAAM1B,aAAa;gBAC/B2B,UAAUX,OAAOY,MAAM,CAACC,GAAG;gBAC3BC,MAAM;oBACJhB;oBACAL,MAAMA,QAAQ,CAAC;oBACfsB,WAAW;oBACXhB,YAAYO;gBACd;gBACAU,WAAWhB,OAAOgB,SAAS;YAC7B,GAAG,aAAa;;YAEhBd,gBAAgBQ;QAClB;QAEA,KAAKD;IACP,GAAG;QAACT,OAAOY,MAAM,CAACC,GAAG;QAAEb,OAAOgB,SAAS;QAAEV;QAAkBR;QAAIL;KAAK;IAEpE,MAAMwB,WAAqC/B,YACzC,OAAO,EAAEgC,WAAWC,aAAa,EAAE;QACjC,OAAO,MAAMnC,aAAa;YACxB2B,UAAUX,OAAOY,MAAM,CAACC,GAAG;YAC3BC,MAAM;gBACJhB;gBACAoB,WAAWC;gBACXJ,WAAW;gBACXhB,YAAYO;YACd;YACAU,WAAWhB,OAAOgB,SAAS;QAC7B;IACF,GAEA;QAAChB,OAAOY,MAAM,CAACC,GAAG;QAAEb,OAAOgB,SAAS;QAAEV;QAAkBR;KAAG;IAG7D,IAAIG,iBAAiB,OAAO;QAC1B,OAAO;IACT;IAEA,qBACE,MAACxB;QACC2C,cAAc;YAACH;SAAS;QACxBI,yBAAyB;QACzBC,QAAQC,MAAMC,OAAO,CAACjB,YAAYA,WAAW,EAAE;QAC/CN,cAAcA;QACdgB,UAAU;YAACA;SAAS;QACpBQ,UAAU9B;QACVL,MAAMA;;0BAEN,KAACX;gBACC4B,UAAUgB,MAAMC,OAAO,CAACjB,YAAYA,WAAW,EAAE;gBACjDmB,WAAW;gBACXC,MAAK,GAAG,+DAA+D;;gBACvEC,UAAU;gBACV7B,YAAYO;;0BAGd,KAAC5B;0BAAYmB,EAAE;;;;AAGrB,EAAC"}
+{"version":3,"file":"DrawerContent.js","names":["Form","FormSubmit","RenderFields","useDocumentInfo","useServerFunctions","useTranslation","abortAndIgnore","React","useCallback","useEffect","useRef","useState","v4","uuid","useEditorConfigContext","DrawerContent","data","featureKey","fieldMapOverride","handleDrawerSubmit","schemaFieldsPathOverride","schemaPath","schemaPathSuffix","t","id","collectionSlug","getDocPreferences","globalSlug","onChangeAbortControllerRef","AbortController","initialState","setInitialState","fieldProps","featureClientSchemaMap","permissions","getFormState","schemaFieldsPath","fields","controller","awaitInitialState","state","docPermissions","docPreferences","operation","renderAllFields","signal","onChange","formState","prevFormState","current","_jsxs","beforeSubmit","disableValidationOnSubmit","Array","isArray","onSubmit","_jsx","forceRender","parentIndexPath","parentPath","parentSchemaPath","readOnly"],"sources":["../../../src/utilities/fieldsDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\nimport type { FormState } from 'payload'\n\nimport {\n  Form,\n  FormSubmit,\n  RenderFields,\n  useDocumentInfo,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { FieldsDrawerProps } from './Drawer.js'\n\nimport { useEditorConfigContext } from '../../lexical/config/client/EditorConfigProvider.js'\n\nexport const DrawerContent: React.FC<Omit<FieldsDrawerProps, 'drawerSlug' | 'drawerTitle'>> = ({\n  data,\n  featureKey,\n  fieldMapOverride,\n  handleDrawerSubmit,\n  schemaFieldsPathOverride,\n  schemaPath,\n  schemaPathSuffix,\n}) => {\n  const { t } = useTranslation()\n  const { id, collectionSlug, getDocPreferences, globalSlug } = useDocumentInfo()\n\n  const onChangeAbortControllerRef = useRef(new AbortController())\n\n  const [initialState, setInitialState] = useState<false | FormState | undefined>(false)\n\n  const {\n    fieldProps: { featureClientSchemaMap, permissions },\n  } = useEditorConfigContext()\n\n  const { getFormState } = useServerFunctions()\n\n  const schemaFieldsPath =\n    schemaFieldsPathOverride ??\n    `${schemaPath}.lexical_internal_feature.${featureKey}${schemaPathSuffix ? `.${schemaPathSuffix}` : ''}`\n\n  const fields: any = fieldMapOverride ?? featureClientSchemaMap[featureKey]?.[schemaFieldsPath] // Field Schema\n\n  useEffect(() => {\n    const controller = new AbortController()\n\n    const awaitInitialState = async () => {\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        data: data ?? {},\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        globalSlug,\n        operation: 'update',\n        renderAllFields: true,\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      setInitialState(state)\n    }\n\n    void awaitInitialState()\n\n    return () => {\n      abortAndIgnore(controller)\n    }\n  }, [schemaFieldsPath, id, data, getFormState, collectionSlug, globalSlug, getDocPreferences])\n\n  const onChange = useCallback(\n    async ({ formState: prevFormState }) => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n\n      const controller = new AbortController()\n      onChangeAbortControllerRef.current = controller\n\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        formState: prevFormState,\n        globalSlug,\n        operation: 'update',\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      if (!state) {\n        return prevFormState\n      }\n\n      return state\n    },\n    [getFormState, id, collectionSlug, getDocPreferences, globalSlug, schemaFieldsPath],\n  )\n\n  // cleanup effect\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [])\n\n  if (initialState === false) {\n    return null\n  }\n\n  return (\n    <Form\n      beforeSubmit={[onChange]}\n      disableValidationOnSubmit\n      fields={Array.isArray(fields) ? fields : []}\n      initialState={initialState}\n      onChange={[onChange]}\n      onSubmit={handleDrawerSubmit}\n      uuid={uuid()}\n    >\n      <RenderFields\n        fields={Array.isArray(fields) ? fields : []}\n        forceRender\n        parentIndexPath=\"\"\n        parentPath=\"\" // See Blocks feature path for details as for why this is empty\n        parentSchemaPath={schemaFieldsPath}\n        permissions={permissions}\n        readOnly={false}\n      />\n      <FormSubmit>{t('fields:saveChanges')}</FormSubmit>\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/utilities/fieldsDrawer/useLexicalDocumentDrawer.d.ts

@@ -0,0 +1,13 @@
+import type { UseDocumentDrawer } from '@payloadcms/ui';
+/**
+ *
+ * Wrapper around useDocumentDrawer that restores and saves selection state (cursor position) when opening and closing the drawer.
+ * By default, the lexical cursor position may be lost when opening a drawer and clicking somewhere on that drawer.
+ */
+export declare const useLexicalDocumentDrawer: (args: Parameters<UseDocumentDrawer>[0]) => {
+    closeDocumentDrawer: () => void;
+    DocumentDrawer: ReturnType<UseDocumentDrawer>[0];
+    documentDrawerSlug: string;
+    DocumentDrawerToggler: ReturnType<UseDocumentDrawer>[1];
+};
+//# sourceMappingURL=useLexicalDocumentDrawer.d.ts.map

package/dist/utilities/fieldsDrawer/useLexicalDocumentDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLexicalDocumentDrawer.d.ts","sourceRoot":"","sources":["../../../src/utilities/fieldsDrawer/useLexicalDocumentDrawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAQvD;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,SAC7B,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,KACrC;IACD,mBAAmB,EAAE,MAAM,IAAI,CAAA;IAC/B,cAAc,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IAChD,kBAAkB,EAAE,MAAM,CAAA;IAC1B,qBAAqB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;CA4DxD,CAAA"}

package/dist/utilities/fieldsDrawer/useLexicalDocumentDrawer.js

@@ -0,0 +1,129 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { useDocumentDrawer, useModal } from '@payloadcms/ui';
+import { $getPreviousSelection, $getSelection, $setSelection } from 'lexical';
+import { useCallback, useEffect, useState } from 'react';
+/**
+ *
+ * Wrapper around useDocumentDrawer that restores and saves selection state (cursor position) when opening and closing the drawer.
+ * By default, the lexical cursor position may be lost when opening a drawer and clicking somewhere on that drawer.
+ */
+export const useLexicalDocumentDrawer = args => {
+  const $ = _c(21);
+  const [editor] = useLexicalComposerContext();
+  const [selectionState, setSelectionState] = useState(null);
+  const [wasOpen, setWasOpen] = useState(false);
+  const [DocumentDrawer, DocumentDrawerToggler, t0] = useDocumentDrawer(args);
+  const {
+    closeDrawer,
+    drawerSlug: documentDrawerSlug
+  } = t0;
+  const {
+    modalState
+  } = useModal();
+  let t1;
+  if ($[0] !== editor) {
+    t1 = () => {
+      editor.read(() => {
+        const selection = $getSelection() ?? $getPreviousSelection();
+        setSelectionState(selection);
+      });
+      setWasOpen(true);
+    };
+    $[0] = editor;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const storeSelection = t1;
+  let t2;
+  if ($[2] !== selectionState || $[3] !== editor) {
+    t2 = () => {
+      if (selectionState) {
+        editor.update(() => {
+          $setSelection(selectionState.clone());
+        }, {
+          discrete: true,
+          skipTransforms: true
+        });
+      }
+    };
+    $[2] = selectionState;
+    $[3] = editor;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const restoreSelection = t2;
+  let t3;
+  if ($[5] !== closeDrawer) {
+    t3 = () => {
+      closeDrawer();
+    };
+    $[5] = closeDrawer;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const closeDocumentDrawer = t3;
+  let t4;
+  let t5;
+  if ($[7] !== wasOpen || $[8] !== modalState || $[9] !== documentDrawerSlug || $[10] !== restoreSelection) {
+    t4 = () => {
+      if (!wasOpen) {
+        return;
+      }
+      const thisModalState = modalState[documentDrawerSlug];
+      if (thisModalState && !thisModalState?.isOpen) {
+        setWasOpen(false);
+        setTimeout(() => {
+          restoreSelection();
+        }, 1);
+      }
+    };
+    t5 = [modalState, documentDrawerSlug, restoreSelection, wasOpen];
+    $[7] = wasOpen;
+    $[8] = modalState;
+    $[9] = documentDrawerSlug;
+    $[10] = restoreSelection;
+    $[11] = t4;
+    $[12] = t5;
+  } else {
+    t4 = $[11];
+    t5 = $[12];
+  }
+  useEffect(t4, t5);
+  let t6;
+  if ($[13] !== DocumentDrawerToggler || $[14] !== storeSelection) {
+    t6 = props => _jsx(DocumentDrawerToggler, {
+      ...props,
+      onClick: storeSelection
+    });
+    $[13] = DocumentDrawerToggler;
+    $[14] = storeSelection;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  let t7;
+  if ($[16] !== closeDocumentDrawer || $[17] !== DocumentDrawer || $[18] !== documentDrawerSlug || $[19] !== t6) {
+    t7 = {
+      closeDocumentDrawer,
+      DocumentDrawer,
+      documentDrawerSlug,
+      DocumentDrawerToggler: t6
+    };
+    $[16] = closeDocumentDrawer;
+    $[17] = DocumentDrawer;
+    $[18] = documentDrawerSlug;
+    $[19] = t6;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  return t7;
+};
+//# sourceMappingURL=useLexicalDocumentDrawer.js.map

package/dist/utilities/fieldsDrawer/useLexicalDocumentDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLexicalDocumentDrawer.js","names":["c","_c","useLexicalComposerContext","useDocumentDrawer","useModal","$getPreviousSelection","$getSelection","$setSelection","useCallback","useEffect","useState","useLexicalDocumentDrawer","args","$","editor","selectionState","setSelectionState","wasOpen","setWasOpen","DocumentDrawer","DocumentDrawerToggler","t0","closeDrawer","drawerSlug","documentDrawerSlug","modalState","t1","read","selection","storeSelection","t2","update","clone","discrete","skipTransforms","restoreSelection","t3","closeDocumentDrawer","t4","t5","thisModalState","isOpen","setTimeout","t6","props","_jsx","onClick","t7"],"sources":["../../../src/utilities/fieldsDrawer/useLexicalDocumentDrawer.tsx"],"sourcesContent":["'use client'\nimport type { UseDocumentDrawer } from '@payloadcms/ui'\nimport type { BaseSelection } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useDocumentDrawer, useModal } from '@payloadcms/ui'\nimport { $getPreviousSelection, $getSelection, $setSelection } from 'lexical'\nimport { useCallback, useEffect, useState } from 'react'\n\n/**\n *\n * Wrapper around useDocumentDrawer that restores and saves selection state (cursor position) when opening and closing the drawer.\n * By default, the lexical cursor position may be lost when opening a drawer and clicking somewhere on that drawer.\n */\nexport const useLexicalDocumentDrawer = (\n  args: Parameters<UseDocumentDrawer>[0],\n): {\n  closeDocumentDrawer: () => void\n  DocumentDrawer: ReturnType<UseDocumentDrawer>[0]\n  documentDrawerSlug: string\n  DocumentDrawerToggler: ReturnType<UseDocumentDrawer>[1]\n} => {\n  const [editor] = useLexicalComposerContext()\n  const [selectionState, setSelectionState] = useState<BaseSelection | null>(null)\n  const [wasOpen, setWasOpen] = useState<boolean>(false)\n\n  const [\n    DocumentDrawer,\n    DocumentDrawerToggler,\n    { closeDrawer: closeDrawer, drawerSlug: documentDrawerSlug },\n  ] = useDocumentDrawer(args)\n  const { modalState } = useModal()\n\n  const storeSelection = useCallback(() => {\n    editor.read(() => {\n      const selection = $getSelection() ?? $getPreviousSelection()\n      setSelectionState(selection)\n    })\n    setWasOpen(true)\n  }, [editor])\n\n  const restoreSelection = useCallback(() => {\n    if (selectionState) {\n      editor.update(\n        () => {\n          $setSelection(selectionState.clone())\n        },\n        { discrete: true, skipTransforms: true },\n      )\n    }\n  }, [editor, selectionState])\n\n  const closeDocumentDrawer = () => {\n    //restoreSelection() // Should already be stored by the useEffect below\n    closeDrawer()\n  }\n\n  // We need to handle drawer closing via a useEffect, as toggleDrawer / closeDrawer will not be triggered if the drawer\n  // is closed by clicking outside of the drawer. This useEffect will handle everything.\n  useEffect(() => {\n    if (!wasOpen) {\n      return\n    }\n\n    const thisModalState = modalState[documentDrawerSlug]\n    // Exists in modalState (thus has opened at least once before) and is closed\n    if (thisModalState && !thisModalState?.isOpen) {\n      setWasOpen(false)\n      setTimeout(() => {\n        restoreSelection()\n      }, 1)\n    }\n  }, [modalState, documentDrawerSlug, restoreSelection, wasOpen])\n\n  return {\n    closeDocumentDrawer,\n    DocumentDrawer,\n    documentDrawerSlug,\n    DocumentDrawerToggler: (props) => <DocumentDrawerToggler {...props} onClick={storeSelection} />,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/utilities/fieldsDrawer/useLexicalDrawer.d.ts

@@ -0,0 +1,10 @@
+/**
+ *
+ * Wrapper around useModal that restores and saves selection state (cursor position) when opening and closing the drawer.
+ * By default, the lexical cursor position may be lost when opening a drawer and clicking somewhere on that drawer.
+ */
+export declare const useLexicalDrawer: (slug: string, restoreLate?: boolean) => {
+    closeDrawer: () => void;
+    toggleDrawer: () => void;
+};
+//# sourceMappingURL=useLexicalDrawer.d.ts.map

package/dist/utilities/fieldsDrawer/useLexicalDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLexicalDrawer.d.ts","sourceRoot":"","sources":["../../../src/utilities/fieldsDrawer/useLexicalDrawer.tsx"],"names":[],"mappings":"AAQA;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,SAAU,MAAM,gBAAgB,OAAO;;;CAoEnE,CAAA"}

package/dist/utilities/fieldsDrawer/useLexicalDrawer.js

@@ -0,0 +1,136 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { useModal } from '@payloadcms/ui';
+import { $getPreviousSelection, $getSelection, $setSelection } from 'lexical';
+import { useCallback, useEffect, useState } from 'react';
+/**
+ *
+ * Wrapper around useModal that restores and saves selection state (cursor position) when opening and closing the drawer.
+ * By default, the lexical cursor position may be lost when opening a drawer and clicking somewhere on that drawer.
+ */
+export const useLexicalDrawer = (slug, restoreLate) => {
+  const $ = _c(24);
+  const [editor] = useLexicalComposerContext();
+  const [selectionState, setSelectionState] = useState(null);
+  const [wasOpen, setWasOpen] = useState(false);
+  const {
+    closeModal: closeBaseModal,
+    modalState,
+    toggleModal: toggleBaseModal
+  } = useModal();
+  let t0;
+  if ($[0] !== editor) {
+    t0 = () => {
+      editor.read(() => {
+        const selection = $getSelection() ?? $getPreviousSelection();
+        setSelectionState(selection);
+      });
+    };
+    $[0] = editor;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const storeSelection = t0;
+  let t1;
+  if ($[2] !== selectionState || $[3] !== editor) {
+    t1 = () => {
+      if (selectionState) {
+        editor.update(() => {
+          $setSelection(selectionState.clone());
+        }, {
+          discrete: true,
+          skipTransforms: true
+        });
+      }
+    };
+    $[2] = selectionState;
+    $[3] = editor;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const restoreSelection = t1;
+  let t2;
+  if ($[5] !== closeBaseModal || $[6] !== slug) {
+    t2 = () => {
+      closeBaseModal(slug);
+    };
+    $[5] = closeBaseModal;
+    $[6] = slug;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const closeDrawer = t2;
+  const isModalOpen = modalState?.[slug]?.isOpen;
+  let t3;
+  if ($[8] !== isModalOpen || $[9] !== storeSelection || $[10] !== restoreSelection || $[11] !== toggleBaseModal || $[12] !== slug) {
+    t3 = () => {
+      if (!isModalOpen) {
+        storeSelection();
+      } else {
+        restoreSelection();
+      }
+      setWasOpen(true);
+      toggleBaseModal(slug);
+    };
+    $[8] = isModalOpen;
+    $[9] = storeSelection;
+    $[10] = restoreSelection;
+    $[11] = toggleBaseModal;
+    $[12] = slug;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  const toggleDrawer = t3;
+  let t4;
+  let t5;
+  if ($[14] !== wasOpen || $[15] !== modalState || $[16] !== slug || $[17] !== restoreLate || $[18] !== restoreSelection) {
+    t4 = () => {
+      if (!wasOpen) {
+        return;
+      }
+      const thisModalState = modalState[slug];
+      if (thisModalState && !thisModalState?.isOpen) {
+        setWasOpen(false);
+        if (restoreLate) {
+          setTimeout(() => {
+            restoreSelection();
+          }, 0);
+        } else {
+          restoreSelection();
+        }
+      }
+    };
+    t5 = [modalState, slug, restoreSelection, wasOpen, restoreLate];
+    $[14] = wasOpen;
+    $[15] = modalState;
+    $[16] = slug;
+    $[17] = restoreLate;
+    $[18] = restoreSelection;
+    $[19] = t4;
+    $[20] = t5;
+  } else {
+    t4 = $[19];
+    t5 = $[20];
+  }
+  useEffect(t4, t5);
+  let t6;
+  if ($[21] !== closeDrawer || $[22] !== toggleDrawer) {
+    t6 = {
+      closeDrawer,
+      toggleDrawer
+    };
+    $[21] = closeDrawer;
+    $[22] = toggleDrawer;
+    $[23] = t6;
+  } else {
+    t6 = $[23];
+  }
+  return t6;
+};
+//# sourceMappingURL=useLexicalDrawer.js.map

package/dist/utilities/fieldsDrawer/useLexicalDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLexicalDrawer.js","names":["c","_c","useLexicalComposerContext","useModal","$getPreviousSelection","$getSelection","$setSelection","useCallback","useEffect","useState","useLexicalDrawer","slug","restoreLate","$","editor","selectionState","setSelectionState","wasOpen","setWasOpen","closeModal","closeBaseModal","modalState","toggleModal","toggleBaseModal","t0","read","selection","storeSelection","t1","update","clone","discrete","skipTransforms","restoreSelection","t2","closeDrawer","isModalOpen","isOpen","t3","toggleDrawer","t4","t5","thisModalState","setTimeout","t6"],"sources":["../../../src/utilities/fieldsDrawer/useLexicalDrawer.tsx"],"sourcesContent":["'use client'\nimport type { BaseSelection } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useModal } from '@payloadcms/ui'\nimport { $getPreviousSelection, $getSelection, $setSelection } from 'lexical'\nimport { useCallback, useEffect, useState } from 'react'\n\n/**\n *\n * Wrapper around useModal that restores and saves selection state (cursor position) when opening and closing the drawer.\n * By default, the lexical cursor position may be lost when opening a drawer and clicking somewhere on that drawer.\n */\nexport const useLexicalDrawer = (slug: string, restoreLate?: boolean) => {\n  const [editor] = useLexicalComposerContext()\n  const [selectionState, setSelectionState] = useState<BaseSelection | null>(null)\n  const [wasOpen, setWasOpen] = useState<boolean>(false)\n\n  const { closeModal: closeBaseModal, modalState, toggleModal: toggleBaseModal } = useModal()\n\n  const storeSelection = useCallback(() => {\n    editor.read(() => {\n      const selection = $getSelection() ?? $getPreviousSelection()\n      setSelectionState(selection)\n    })\n  }, [editor])\n\n  const restoreSelection = useCallback(() => {\n    if (selectionState) {\n      editor.update(\n        () => {\n          $setSelection(selectionState.clone())\n        },\n        { discrete: true, skipTransforms: true },\n      )\n    }\n  }, [editor, selectionState])\n\n  const closeDrawer = useCallback(() => {\n    //restoreSelection() // Should already be stored by the useEffect below\n    closeBaseModal(slug)\n  }, [closeBaseModal, slug])\n  const isModalOpen = modalState?.[slug]?.isOpen\n\n  const toggleDrawer = useCallback(() => {\n    if (!isModalOpen) {\n      storeSelection()\n    } else {\n      restoreSelection()\n    }\n    setWasOpen(true)\n    toggleBaseModal(slug)\n  }, [slug, storeSelection, toggleBaseModal, restoreSelection, isModalOpen])\n\n  // We need to handle drawer closing via a useEffect, as toggleDrawer / closeDrawer will not be triggered if the drawer\n  // is closed by clicking outside of the drawer. This useEffect will handle everything.\n  useEffect(() => {\n    if (!wasOpen) {\n      return\n    }\n\n    const thisModalState = modalState[slug]\n    // Exists in modalState (thus has opened at least once before) and is closed\n    if (thisModalState && !thisModalState?.isOpen) {\n      setWasOpen(false)\n\n      if (restoreLate) {\n        // restoreLate is used for upload extra field drawers. For some reason, the selection is not restored if we call restoreSelection immediately.\n        setTimeout(() => {\n          restoreSelection()\n        }, 0)\n      } else {\n        restoreSelection()\n      }\n    }\n  }, [modalState, slug, restoreSelection, wasOpen, restoreLate])\n\n  return {\n    closeDrawer,\n    toggleDrawer,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/utilities/fieldsDrawer/useLexicalListDrawer.d.ts

@@ -0,0 +1,16 @@
+import type { UseListDrawer } from '@payloadcms/ui';
+import type { BaseSelection } from 'lexical';
+/**
+ *
+ * Wrapper around useListDrawer that restores and saves selection state (cursor position) when opening and closing the drawer.
+ * By default, the lexical cursor position may be lost when opening a drawer and clicking somewhere on that drawer.
+ */
+export declare const useLexicalListDrawer: (args: Parameters<UseListDrawer>[0]) => {
+    closeListDrawer: () => void;
+    isListDrawerOpen: boolean;
+    ListDrawer: ReturnType<UseListDrawer>[0];
+    listDrawerSlug: string;
+    ListDrawerToggler: ReturnType<UseListDrawer>[1];
+    openListDrawer: (selection?: BaseSelection) => void;
+};
+//# sourceMappingURL=useLexicalListDrawer.d.ts.map

package/dist/utilities/fieldsDrawer/useLexicalListDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLexicalListDrawer.d.ts","sourceRoot":"","sources":["../../../src/utilities/fieldsDrawer/useLexicalListDrawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO5C;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,SACzB,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KACjC;IACD,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,gBAAgB,EAAE,OAAO,CAAA;IACzB,UAAU,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;IACxC,cAAc,EAAE,MAAM,CAAA;IACtB,iBAAiB,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;IAC/C,cAAc,EAAE,CAAC,SAAS,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;CA6EpD,CAAA"}