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

package/dist/utilities/fieldsDrawer/DrawerContent.js

@@ -1,161 +1,125 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 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 = t0 => {
-  const $ = _c(27);
-  const {
-    data,
-    featureKey,
-    fieldMapOverride,
-    handleDrawerSubmit,
-    schemaFieldsPathOverride,
-    schemaPathSuffix
-  } = t0;
+export const DrawerContent = ({
+  data,
+  featureKey,
+  fieldMapOverride,
+  handleDrawerSubmit,
+  schemaFieldsPathOverride,
+  schemaPath,
+  schemaPathSuffix
+}) => {
   const {
     t
   } = useTranslation();
   const {
-    id
+    id,
+    collectionSlug,
+    getDocPreferences,
+    globalSlug
   } = useDocumentInfo();
-  const {
-    schemaPath
-  } = useFieldProps();
-  const {
-    config
-  } = useConfig();
+  const onChangeAbortControllerRef = useRef(new AbortController());
   const [initialState, setInitialState] = useState(false);
   const {
-    field: t1
+    fieldProps: {
+      featureClientSchemaMap,
+      permissions
+    }
   } = useEditorConfigContext();
   const {
-    richTextComponentMap
-  } = t1;
-  const componentMapRenderedFieldsPath = `lexical_internal_feature.${featureKey}.fields${schemaPathSuffix ? `.${schemaPathSuffix}` : ""}`;
-  const schemaFieldsPath = schemaFieldsPathOverride ?? `${schemaPath}.lexical_internal_feature.${featureKey}${schemaPathSuffix ? `.${schemaPathSuffix}` : ""}`;
-  let t2;
-  if ($[0] !== fieldMapOverride || $[1] !== richTextComponentMap || $[2] !== componentMapRenderedFieldsPath) {
-    t2 = fieldMapOverride ?? richTextComponentMap.get(componentMapRenderedFieldsPath);
-    $[0] = fieldMapOverride;
-    $[1] = richTextComponentMap;
-    $[2] = componentMapRenderedFieldsPath;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const fields = t2;
-  let t3;
-  let t4;
-  if ($[4] !== config.routes.api || $[5] !== config.serverURL || $[6] !== id || $[7] !== data || $[8] !== schemaFieldsPath) {
-    t3 = () => {
-      const awaitInitialState = async () => {
-        const state = await getFormState({
-          apiRoute: config.routes.api,
-          body: {
-            id,
-            data: data ?? {},
-            operation: "update",
-            schemaPath: schemaFieldsPath
-          },
-          serverURL: config.serverURL
-        });
-        setInitialState(state);
-      };
-      awaitInitialState();
-    };
-    t4 = [config.routes.api, config.serverURL, schemaFieldsPath, id, data];
-    $[4] = config.routes.api;
-    $[5] = config.serverURL;
-    $[6] = id;
-    $[7] = data;
-    $[8] = schemaFieldsPath;
-    $[9] = t3;
-    $[10] = t4;
-  } else {
-    t3 = $[9];
-    t4 = $[10];
-  }
-  useEffect(t3, t4);
-  let t5;
-  if ($[11] !== config.routes.api || $[12] !== config.serverURL || $[13] !== id || $[14] !== schemaFieldsPath) {
-    t5 = async t6 => {
+    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 {
-        formState: prevFormState
-      } = t6;
-      return await getFormState({
-        apiRoute: config.routes.api,
-        body: {
-          id,
-          formState: prevFormState,
-          operation: "update",
-          schemaPath: schemaFieldsPath
+        state
+      } = await getFormState({
+        id,
+        collectionSlug,
+        data: data ?? {},
+        docPermissions: {
+          fields: true
         },
-        serverURL: config.serverURL
+        docPreferences: await getDocPreferences(),
+        globalSlug,
+        operation: 'update',
+        renderAllFields: true,
+        schemaPath: schemaFieldsPath,
+        signal: controller.signal
       });
+      setInitialState(state);
     };
-    $[11] = config.routes.api;
-    $[12] = config.serverURL;
-    $[13] = id;
-    $[14] = schemaFieldsPath;
-    $[15] = t5;
-  } else {
-    t5 = $[15];
-  }
-  const onChange = t5;
+    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;
   }
-  let t6;
-  if ($[16] !== onChange || $[17] !== fields || $[18] !== schemaFieldsPath || $[19] !== t || $[20] !== initialState || $[21] !== handleDrawerSubmit) {
-    let t7;
-    if ($[23] !== fields) {
-      t7 = Array.isArray(fields) ? fields : [];
-      $[23] = fields;
-      $[24] = t7;
-    } else {
-      t7 = $[24];
-    }
-    let t8;
-    if ($[25] !== fields) {
-      t8 = Array.isArray(fields) ? fields : [];
-      $[25] = fields;
-      $[26] = t8;
-    } else {
-      t8 = $[26];
-    }
-    t6 = _jsxs(Form, {
-      beforeSubmit: [onChange],
-      disableValidationOnSubmit: true,
-      fields: t7,
-      initialState,
-      onChange: [onChange],
-      onSubmit: handleDrawerSubmit,
-      uuid: uuid(),
-      children: [_jsx(RenderFields, {
-        fields: t8,
-        forceRender: true,
-        path: "",
-        readOnly: false,
-        schemaPath: schemaFieldsPath
-      }), _jsx(FormSubmit, {
-        children: t("fields:saveChanges")
-      })]
-    });
-    $[16] = onChange;
-    $[17] = fields;
-    $[18] = schemaFieldsPath;
-    $[19] = t;
-    $[20] = initialState;
-    $[21] = handleDrawerSubmit;
-    $[22] = t6;
-  } else {
-    t6 = $[22];
-  }
-  return t6;
+  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,"file":"DrawerContent.js","names":["c","_c","Form","FormSubmit","RenderFields","useConfig","useDocumentInfo","useFieldProps","useTranslation","getFormState","React","useCallback","useEffect","useState","v4","uuid","useEditorConfigContext","DrawerContent","t0","$","data","featureKey","fieldMapOverride","handleDrawerSubmit","schemaFieldsPathOverride","schemaPathSuffix","t","id","schemaPath","config","initialState","setInitialState","field","t1","richTextComponentMap","componentMapRenderedFieldsPath","schemaFieldsPath","t2","get","fields","t3","awaitInitialState","state","apiRoute","routes","api","body","operation","serverURL","t4","t5","t6","formState","prevFormState","onChange","t7","Array","isArray","t8","_jsxs","beforeSubmit","disableValidationOnSubmit","onSubmit","children","_jsx","forceRender","path","readOnly"],"sources":["../../../src/utilities/fieldsDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\nimport type { FormProps } from '@payloadcms/ui'\nimport type { ClientField, 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  fieldMapOverride,\n  handleDrawerSubmit,\n  schemaFieldsPathOverride,\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 =\n    schemaFieldsPathOverride ??\n    `${schemaPath}.lexical_internal_feature.${featureKey}${schemaPathSuffix ? `.${schemaPathSuffix}` : ''}`\n\n  const fields: any =\n    fieldMapOverride ?? (richTextComponentMap.get(componentMapRenderedFieldsPath) as ClientField[]) // 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(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        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"],"mappings":"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","ignoreList":[]}
+{"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":"AAAA;;;AAGA,SACEA,IAAI,EACJC,UAAU,EACVC,YAAY,EACZC,eAAe,EACfC,kBAAkB,EAClBC,cAAc,QACT;AACP,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAChE,SAASC,EAAA,IAAMC,IAAI,QAAQ;AAI3B,SAASC,sBAAsB,QAAQ;AAEvC,OAAO,MAAMC,aAAA,GAAiFA,CAAC;EAC7FC,IAAI;EACJC,UAAU;EACVC,gBAAgB;EAChBC,kBAAkB;EAClBC,wBAAwB;EACxBC,UAAU;EACVC;AAAgB,CACjB;EACC,MAAM;IAAEC;EAAC,CAAE,GAAGlB,cAAA;EACd,MAAM;IAAEmB,EAAE;IAAEC,cAAc;IAAEC,iBAAiB;IAAEC;EAAU,CAAE,GAAGxB,eAAA;EAE9D,MAAMyB,0BAAA,GAA6BlB,MAAA,CAAO,IAAImB,eAAA;EAE9C,MAAM,CAACC,YAAA,EAAcC,eAAA,CAAgB,GAAGpB,QAAA,CAAwC;EAEhF,MAAM;IACJqB,UAAA,EAAY;MAAEC,sBAAsB;MAAEC;IAAW;EAAE,CACpD,GAAGpB,sBAAA;EAEJ,MAAM;IAAEqB;EAAY,CAAE,GAAG/B,kBAAA;EAEzB,MAAMgC,gBAAA,GACJhB,wBAAA,IACA,GAAGC,UAAA,6BAAuCJ,UAAA,GAAaK,gBAAA,GAAmB,IAAIA,gBAAA,EAAkB,GAAG,IAAI;EAEzG,MAAMe,MAAA,GAAcnB,gBAAA,IAAoBe,sBAAsB,CAAChB,UAAA,CAAW,GAAGmB,gBAAA,CAAiB,CAAC;EAAA;EAE/F3B,SAAA,CAAU;IACR,MAAM6B,UAAA,GAAa,IAAIT,eAAA;IAEvB,MAAMU,iBAAA,GAAoB,MAAAA,CAAA;MACxB,MAAM;QAAEC;MAAK,CAAE,GAAG,MAAML,YAAA,CAAa;QACnCX,EAAA;QACAC,cAAA;QACAT,IAAA,EAAMA,IAAA,IAAQ,CAAC;QACfyB,cAAA,EAAgB;UACdJ,MAAA,EAAQ;QACV;QACAK,cAAA,EAAgB,MAAMhB,iBAAA;QACtBC,UAAA;QACAgB,SAAA,EAAW;QACXC,eAAA,EAAiB;QACjBvB,UAAA,EAAYe,gBAAA;QACZS,MAAA,EAAQP,UAAA,CAAWO;MACrB;MAEAd,eAAA,CAAgBS,KAAA;IAClB;IAEA,KAAKD,iBAAA;IAEL,OAAO;MACLjC,cAAA,CAAegC,UAAA;IACjB;EACF,GAAG,CAACF,gBAAA,EAAkBZ,EAAA,EAAIR,IAAA,EAAMmB,YAAA,EAAcV,cAAA,EAAgBE,UAAA,EAAYD,iBAAA,CAAkB;EAE5F,MAAMoB,QAAA,GAAWtC,WAAA,CACf,OAAO;IAAEuC,SAAA,EAAWC;EAAa,CAAE;IACjC1C,cAAA,CAAesB,0BAAA,CAA2BqB,OAAO;IAEjD,MAAMX,YAAA,GAAa,IAAIT,eAAA;IACvBD,0BAAA,CAA2BqB,OAAO,GAAGX,YAAA;IAErC,MAAM;MAAEE,KAAK,EAALA;IAAK,CAAE,GAAG,MAAML,YAAA,CAAa;MACnCX,EAAA;MACAC,cAAA;MACAgB,cAAA,EAAgB;QACdJ,MAAA,EAAQ;MACV;MACAK,cAAA,EAAgB,MAAMhB,iBAAA;MACtBqB,SAAA,EAAWC,aAAA;MACXrB,UAAA;MACAgB,SAAA,EAAW;MACXtB,UAAA,EAAYe,gBAAA;MACZS,MAAA,EAAQP,YAAA,CAAWO;IACrB;IAEA,IAAI,CAACL,OAAA,EAAO;MACV,OAAOQ,aAAA;IACT;IAEA,OAAOR,OAAA;EACT,GACA,CAACL,YAAA,EAAcX,EAAA,EAAIC,cAAA,EAAgBC,iBAAA,EAAmBC,UAAA,EAAYS,gBAAA,CAAiB;EAGrF;EACA3B,SAAA,CAAU;IACR,OAAO;MACLH,cAAA,CAAesB,0BAAA,CAA2BqB,OAAO;IACnD;EACF,GAAG,EAAE;EAEL,IAAInB,YAAA,KAAiB,OAAO;IAC1B,OAAO;EACT;EAEA,oBACEoB,KAAA,CAAClD,IAAA;IACCmD,YAAA,EAAc,CAACL,QAAA,CAAS;IACxBM,yBAAyB;IACzBf,MAAA,EAAQgB,KAAA,CAAMC,OAAO,CAACjB,MAAA,IAAUA,MAAA,GAAS,EAAE;IAC3CP,YAAA,EAAcA,YAAA;IACdgB,QAAA,EAAU,CAACA,QAAA,CAAS;IACpBS,QAAA,EAAUpC,kBAAA;IACVN,IAAA,EAAMA,IAAA;4BAEN2C,IAAA,CAACtD,YAAA;MACCmC,MAAA,EAAQgB,KAAA,CAAMC,OAAO,CAACjB,MAAA,IAAUA,MAAA,GAAS,EAAE;MAC3CoB,WAAW;MACXC,eAAA,EAAgB;MAChBC,UAAA,EAAW,GAAG;MAAA;;MACdC,gBAAA,EAAkBxB,gBAAA;MAClBF,WAAA,EAAaA,WAAA;MACb2B,QAAA,EAAU;qBAEZL,IAAA,CAACvD,UAAA;gBAAYsB,CAAA,CAAE;;;AAGrB","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":[]}