@ruya.sa/richtext-lexical 3.71.7

package/dist/utilities/fieldsDrawer/Drawer.js

@@ -0,0 +1,80 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Drawer, EditDepthProvider, useModal } from '@ruya.sa/ui';
+import React from 'react';
+import { DrawerContent } from './DrawerContent.js';
+/**
+ * This FieldsDrawer component can be used to easily create a Drawer that contains a form with fields within your feature.
+ * The fields are taken directly from the schema map based on your `featureKey` and `schemaPathSuffix`. Thus, this can only
+ * be used if you provide your field schema inside the `generateSchemaMap` prop of your feature.server.ts.
+ */
+export const FieldsDrawer = t0 => {
+  const $ = _c(15);
+  const {
+    className,
+    data,
+    drawerSlug,
+    drawerTitle,
+    featureKey,
+    fieldMapOverride,
+    handleDrawerSubmit,
+    schemaFieldsPathOverride,
+    schemaPath,
+    schemaPathSuffix
+  } = t0;
+  const {
+    closeModal
+  } = useModal();
+  const t1 = drawerTitle ?? "";
+  let t2;
+  if ($[0] !== closeModal || $[1] !== drawerSlug || $[2] !== handleDrawerSubmit) {
+    t2 = (args, args2) => {
+      closeModal(drawerSlug);
+      setTimeout(() => {
+        handleDrawerSubmit(args, args2);
+      }, 1);
+    };
+    $[0] = closeModal;
+    $[1] = drawerSlug;
+    $[2] = handleDrawerSubmit;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== className || $[5] !== data || $[6] !== drawerSlug || $[7] !== featureKey || $[8] !== fieldMapOverride || $[9] !== schemaFieldsPathOverride || $[10] !== schemaPath || $[11] !== schemaPathSuffix || $[12] !== t1 || $[13] !== t2) {
+    t3 = _jsx(EditDepthProvider, {
+      children: _jsx(Drawer, {
+        className,
+        slug: drawerSlug,
+        title: t1,
+        children: _jsx(DrawerContent, {
+          data,
+          featureKey,
+          fieldMapOverride,
+          handleDrawerSubmit: t2,
+          schemaFieldsPathOverride,
+          schemaPath,
+          schemaPathSuffix
+        })
+      })
+    });
+    $[4] = className;
+    $[5] = data;
+    $[6] = drawerSlug;
+    $[7] = featureKey;
+    $[8] = fieldMapOverride;
+    $[9] = schemaFieldsPathOverride;
+    $[10] = schemaPath;
+    $[11] = schemaPathSuffix;
+    $[12] = t1;
+    $[13] = t2;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  return t3;
+};
+//# sourceMappingURL=Drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","names":["c","_c","Drawer","EditDepthProvider","useModal","React","DrawerContent","FieldsDrawer","t0","$","className","data","drawerSlug","drawerTitle","featureKey","fieldMapOverride","handleDrawerSubmit","schemaFieldsPathOverride","schemaPath","schemaPathSuffix","closeModal","t1","t2","args","args2","setTimeout","t3","_jsx","children","slug","title"],"sources":["../../../src/utilities/fieldsDrawer/Drawer.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Data, FormState, JsonObject } from '@ruya.sa/payload'\n\nimport { Drawer, EditDepthProvider, useModal } from '@ruya.sa/ui'\nimport React from 'react'\n\nimport { DrawerContent } from './DrawerContent.js'\n\nexport type FieldsDrawerProps = {\n  readonly className?: string\n  readonly data?: Data\n  readonly drawerSlug: string\n  readonly drawerTitle?: string\n  readonly featureKey: string\n  readonly fieldMapOverride?: ClientField[]\n  readonly handleDrawerSubmit: (fields: FormState, data: JsonObject) => void\n  readonly schemaFieldsPathOverride?: string\n  readonly schemaPath: string\n  readonly schemaPathSuffix?: string\n}\n\n/**\n * This FieldsDrawer component can be used to easily create a Drawer that contains a form with fields within your feature.\n * The fields are taken directly from the schema map based on your `featureKey` and `schemaPathSuffix`. Thus, this can only\n * be used if you provide your field schema inside the `generateSchemaMap` prop of your feature.server.ts.\n */\nexport const FieldsDrawer: React.FC<FieldsDrawerProps> = ({\n  className,\n  data,\n  drawerSlug,\n  drawerTitle,\n  featureKey,\n  fieldMapOverride,\n  handleDrawerSubmit,\n  schemaFieldsPathOverride,\n  schemaPath,\n  schemaPathSuffix,\n}) => {\n  const { closeModal } = useModal()\n  // The Drawer only renders its children (and itself) if it's open. Thus, by extracting the main content\n  // to DrawerContent, this should be faster\n  return (\n    <EditDepthProvider>\n      <Drawer className={className} slug={drawerSlug} title={drawerTitle ?? ''}>\n        <DrawerContent\n          data={data}\n          featureKey={featureKey}\n          fieldMapOverride={fieldMapOverride}\n          handleDrawerSubmit={(args, args2) => {\n            // Simply close drawer - no need for useLexicalDrawer here as at this point,\n            // we don't need to restore the cursor position. This is handled by the useEffect in useLexicalDrawer.\n            closeModal(drawerSlug)\n\n            // Actual drawer submit logic needs to be triggered after the drawer is closed.\n            // That's because the lexical selection / cursor restore logic that is striggerer by\n            // `useLexicalDrawer` neeeds to be triggered before any editor.update calls that may happen\n            // in the `handleDrawerSubmit` function.\n            setTimeout(() => {\n              handleDrawerSubmit(args, args2)\n            }, 1)\n          }}\n          schemaFieldsPathOverride={schemaFieldsPathOverride}\n          schemaPath={schemaPath}\n          schemaPathSuffix={schemaPathSuffix}\n        />\n      </Drawer>\n    </EditDepthProvider>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,MAAM,EAAEC,iBAAiB,EAAEC,QAAQ,QAAQ;AACpD,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAe9B;;;;;AAKA,OAAO,MAAMC,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,SAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAC,gBAAA;IAAAC,kBAAA;IAAAC,wBAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAX,EAWzD;EACC;IAAAY;EAAA,IAAuBhB,QAAA;EAKoC,MAAAiB,EAAA,GAAAR,WAAA,IAAe;EAAA,IAAAS,EAAA;EAAA,IAAAb,CAAA,QAAAW,UAAA,IAAAX,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAO,kBAAA;IAK9CM,EAAA,GAAAA,CAAAC,IAAA,EAAAC,KAAA;MAGlBJ,UAAA,CAAWR,UAAA;MAMXa,UAAA;QACET,kBAAA,CAAmBO,IAAA,EAAMC,KAAA;MAAA,IACxB;IAAA;IACLf,CAAA,MAAAW,UAAA;IAAAX,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAO,kBAAA;IAAAP,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAjB,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAE,IAAA,IAAAF,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAM,gBAAA,IAAAN,CAAA,QAAAQ,wBAAA,IAAAR,CAAA,SAAAS,UAAA,IAAAT,CAAA,SAAAU,gBAAA,IAAAV,CAAA,SAAAY,EAAA,IAAAZ,CAAA,SAAAa,EAAA;IAlBNI,EAAA,GAAAC,IAAA,CAAAxB,iBAAA;MAAAyB,QAAA,EACED,IAAA,CAAAzB,MAAA;QAAAQ,SAAA;QAAAmB,IAAA,EAAoCjB,UAAA;QAAAkB,KAAA,EAAmBT,EAAe;QAAAO,QAAA,EACpED,IAAA,CAAArB,aAAA;UAAAK,IAAA;UAAAG,UAAA;UAAAC,gBAAA;UAAAC,kBAAA,EAIsBM,EAYpB;UAAAL,wBAAA;UAAAC,UAAA;UAAAC;QAAA,C;;;;;;;;;;;;;;;;;SAlBNO,E;CA0BJ","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { FieldsDrawerProps } from './Drawer.js';
+export declare const DrawerContent: React.FC<Omit<FieldsDrawerProps, 'drawerSlug' | 'drawerTitle'>>;
+//# sourceMappingURL=DrawerContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/utilities/fieldsDrawer/DrawerContent.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAGvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAIpD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,YAAY,GAAG,aAAa,CAAC,CAuJzF,CAAA"}

package/dist/utilities/fieldsDrawer/DrawerContent.js

@@ -0,0 +1,138 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
+import { Form, FormSubmit, RenderFields, useDocumentForm, useDocumentInfo, useServerFunctions, useTranslation } from '@ruya.sa/ui';
+import { abortAndIgnore } from '@ruya.sa/ui/shared';
+import { deepCopyObjectSimpleWithoutReactComponents } from '@ruya.sa/payload/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,
+  fieldMapOverride,
+  handleDrawerSubmit,
+  schemaFieldsPathOverride,
+  schemaPath,
+  schemaPathSuffix
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const {
+    id,
+    collectionSlug,
+    getDocPreferences,
+    globalSlug
+  } = useDocumentInfo();
+  const {
+    fields: parentDocumentFields
+  } = useDocumentForm();
+  const isEditable = useLexicalEditable();
+  const onChangeAbortControllerRef = useRef(new AbortController());
+  const [initialState, setInitialState] = useState(false);
+  const {
+    fieldProps: {
+      featureClientSchemaMap
+    }
+  } = 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(),
+        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {
+          excludeFiles: true
+        }),
+        globalSlug,
+        initialBlockData: data,
+        operation: 'update',
+        readOnly: !isEditable,
+        renderAllFields: true,
+        schemaPath: schemaFieldsPath,
+        signal: controller.signal
+      });
+      setInitialState(state);
+    };
+    void awaitInitialState();
+    return () => {
+      abortAndIgnore(controller);
+    };
+  }, [schemaFieldsPath, id, data, getFormState, collectionSlug, isEditable, globalSlug, getDocPreferences, parentDocumentFields]);
+  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(),
+      documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {
+        excludeFiles: true
+      }),
+      formState: prevFormState,
+      globalSlug,
+      initialBlockFormState: prevFormState,
+      operation: 'update',
+      readOnly: !isEditable,
+      schemaPath: schemaFieldsPath,
+      signal: controller_0.signal
+    });
+    if (!state_0) {
+      return prevFormState;
+    }
+    return state_0;
+  }, [getFormState, id, isEditable, collectionSlug, getDocPreferences, parentDocumentFields, 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: "",
+      parentSchemaPath: schemaFieldsPath,
+      permissions: true,
+      readOnly: !isEditable
+    }), /*#__PURE__*/_jsx(FormSubmit, {
+      children: t('fields:saveChanges')
+    })]
+  });
+};
+//# sourceMappingURL=DrawerContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.js","names":["useLexicalEditable","Form","FormSubmit","RenderFields","useDocumentForm","useDocumentInfo","useServerFunctions","useTranslation","abortAndIgnore","deepCopyObjectSimpleWithoutReactComponents","React","useCallback","useEffect","useRef","useState","v4","uuid","useEditorConfigContext","DrawerContent","data","featureKey","fieldMapOverride","handleDrawerSubmit","schemaFieldsPathOverride","schemaPath","schemaPathSuffix","t","id","collectionSlug","getDocPreferences","globalSlug","fields","parentDocumentFields","isEditable","onChangeAbortControllerRef","AbortController","initialState","setInitialState","fieldProps","featureClientSchemaMap","getFormState","schemaFieldsPath","controller","awaitInitialState","state","docPermissions","docPreferences","documentFormState","excludeFiles","initialBlockData","operation","readOnly","renderAllFields","signal","onChange","formState","prevFormState","current","initialBlockFormState","_jsxs","beforeSubmit","disableValidationOnSubmit","Array","isArray","onSubmit","_jsx","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions"],"sources":["../../../src/utilities/fieldsDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\nimport type { FormState } from '@ruya.sa/payload'\n\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport {\n  Form,\n  FormSubmit,\n  RenderFields,\n  useDocumentForm,\n  useDocumentInfo,\n  useServerFunctions,\n  useTranslation,\n} from '@ruya.sa/ui'\nimport { abortAndIgnore } from '@ruya.sa/ui/shared'\nimport { deepCopyObjectSimpleWithoutReactComponents } from '@ruya.sa/payload/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  const { fields: parentDocumentFields } = useDocumentForm()\n  const isEditable = useLexicalEditable()\n\n  const onChangeAbortControllerRef = useRef(new AbortController())\n\n  const [initialState, setInitialState] = useState<false | FormState | undefined>(false)\n\n  const {\n    fieldProps: { featureClientSchemaMap },\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        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        globalSlug,\n        initialBlockData: data,\n        operation: 'update',\n        readOnly: !isEditable,\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  }, [\n    schemaFieldsPath,\n    id,\n    data,\n    getFormState,\n    collectionSlug,\n    isEditable,\n    globalSlug,\n    getDocPreferences,\n    parentDocumentFields,\n  ])\n\n  const onChange = useCallback(\n    async ({ formState: prevFormState }: { formState: FormState }) => {\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        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        formState: prevFormState,\n        globalSlug,\n        initialBlockFormState: prevFormState,\n        operation: 'update',\n        readOnly: !isEditable,\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      if (!state) {\n        return prevFormState\n      }\n\n      return state\n    },\n    [\n      getFormState,\n      id,\n      isEditable,\n      collectionSlug,\n      getDocPreferences,\n      parentDocumentFields,\n      globalSlug,\n      schemaFieldsPath,\n    ],\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={true}\n        readOnly={!isEditable}\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 '@ruya.sa/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,aAAa,CAAA;AAQpD;;;;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 '@ruya.sa/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] !== editor || $[3] !== selectionState) {
+    t2 = () => {
+      if (selectionState) {
+        editor.update(() => {
+          $setSelection(selectionState.clone());
+        }, {
+          discrete: true,
+          skipTransforms: true
+        });
+      }
+    };
+    $[2] = editor;
+    $[3] = selectionState;
+    $[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] !== documentDrawerSlug || $[8] !== modalState || $[9] !== restoreSelection || $[10] !== wasOpen) {
+    t4 = () => {
+      if (!wasOpen) {
+        return;
+      }
+      const thisModalState = modalState[documentDrawerSlug];
+      if (thisModalState && !thisModalState?.isOpen) {
+        setWasOpen(false);
+        setTimeout(() => {
+          restoreSelection();
+        }, 1);
+      }
+    };
+    t5 = [modalState, documentDrawerSlug, restoreSelection, wasOpen];
+    $[7] = documentDrawerSlug;
+    $[8] = modalState;
+    $[9] = restoreSelection;
+    $[10] = wasOpen;
+    $[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] !== DocumentDrawer || $[17] !== closeDocumentDrawer || $[18] !== documentDrawerSlug || $[19] !== t6) {
+    t7 = {
+      closeDocumentDrawer,
+      DocumentDrawer,
+      documentDrawerSlug,
+      DocumentDrawerToggler: t6
+    };
+    $[16] = DocumentDrawer;
+    $[17] = closeDocumentDrawer;
+    $[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 '@ruya.sa/ui'\nimport type { BaseSelection } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useDocumentDrawer, useModal } from '@ruya.sa/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 '@ruya.sa/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] !== editor || $[3] !== selectionState) {
+    t1 = () => {
+      if (selectionState) {
+        editor.update(() => {
+          $setSelection(selectionState.clone());
+        }, {
+          discrete: true,
+          skipTransforms: true
+        });
+      }
+    };
+    $[2] = editor;
+    $[3] = selectionState;
+    $[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] !== restoreSelection || $[10] !== slug || $[11] !== storeSelection || $[12] !== toggleBaseModal) {
+    t3 = () => {
+      if (!isModalOpen) {
+        storeSelection();
+      } else {
+        restoreSelection();
+      }
+      setWasOpen(true);
+      toggleBaseModal(slug);
+    };
+    $[8] = isModalOpen;
+    $[9] = restoreSelection;
+    $[10] = slug;
+    $[11] = storeSelection;
+    $[12] = toggleBaseModal;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  const toggleDrawer = t3;
+  let t4;
+  let t5;
+  if ($[14] !== modalState || $[15] !== restoreLate || $[16] !== restoreSelection || $[17] !== slug || $[18] !== wasOpen) {
+    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] = modalState;
+    $[15] = restoreLate;
+    $[16] = restoreSelection;
+    $[17] = slug;
+    $[18] = wasOpen;
+    $[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 '@ruya.sa/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 '@ruya.sa/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,aAAa,CAAA;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAc5C;;;;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;CAsFpD,CAAA"}