@payloadcms/richtext-lexical 3.0.0-canary.3bd3027 → 3.0.0-canary.483db21

package/dist/features/upload/component/ExtraFieldsDrawer/index.js

@@ -1,123 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
-import { getTranslation } from '@payloadcms/translations';
-import { Drawer, Form, FormSubmit, RenderFields, useConfig, useDocumentInfo, useFieldProps, useModal, useTranslation } from '@payloadcms/ui';
-import { getFormState } from '@payloadcms/ui/shared';
-import { $getNodeByKey } from 'lexical';
-import { deepCopyObject } from 'payload/shared';
-import React, { useCallback, useEffect, useState } from 'react';
-import { v4 as uuid } from 'uuid';
-import { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js';
-/**
- * This handles the extra fields, e.g. captions or alt text, which are
- * potentially added to the upload feature.
- */ export const ExtraFieldsUploadDrawer = (props)=>{
-    const { data: { fields, relationTo, value }, drawerSlug, nodeKey, relatedCollection } = props;
-    const [editor] = useLexicalComposerContext();
-    const { closeModal } = useModal();
-    const { i18n, t } = useTranslation();
-    const { id } = useDocumentInfo();
-    const { schemaPath } = useFieldProps();
-    const config = useConfig();
-    const [initialState, setInitialState] = useState(false);
-    const { field: { richTextComponentMap } } = useEditorConfigContext();
-    const componentMapRenderedFieldsPath = `feature.upload.fields.${relatedCollection.slug}`;
-    const schemaFieldsPath = `${schemaPath}.feature.upload.${relatedCollection.slug}`;
-    const fieldMap = richTextComponentMap.get(componentMapRenderedFieldsPath) // Field Schema
-    ;
-    useEffect(()=>{
-        const awaitInitialState = async ()=>{
-            const state = await getFormState({
-                apiRoute: config.routes.api,
-                body: {
-                    id,
-                    data: deepCopyObject(fields || {}),
-                    operation: 'update',
-                    schemaPath: schemaFieldsPath
-                },
-                serverURL: config.serverURL
-            }) // Form State
-            ;
-            setInitialState(state);
-        };
-        void awaitInitialState();
-    }, [
-        config.routes.api,
-        config.serverURL,
-        schemaFieldsPath,
-        id,
-        fields
-    ]);
-    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
-    ]);
-    const handleUpdateEditData = useCallback((_, data)=>{
-        // Update lexical node (with key nodeKey) with new data
-        editor.update(()=>{
-            const uploadNode = $getNodeByKey(nodeKey);
-            if (uploadNode) {
-                const newData = {
-                    ...uploadNode.getData(),
-                    fields: data
-                };
-                uploadNode.setData(newData);
-            }
-        });
-        closeModal(drawerSlug);
-    }, [
-        closeModal,
-        editor,
-        drawerSlug,
-        nodeKey
-    ]);
-    return /*#__PURE__*/ _jsx(Drawer, {
-        slug: drawerSlug,
-        title: t('general:editLabel', {
-            label: getTranslation(relatedCollection.labels.singular, i18n)
-        }),
-        children: initialState !== false && /*#__PURE__*/ _jsxs(Form, {
-            beforeSubmit: [
-                onChange
-            ],
-            disableValidationOnSubmit: true,
-            // @ts-expect-error TODO: Fix this
-            fields: fieldMap,
-            initialState: initialState,
-            onChange: [
-                onChange
-            ],
-            onSubmit: handleUpdateEditData,
-            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')
-                })
-            ]
-        })
-    });
-};
-
-//# sourceMappingURL=index.js.map

package/dist/features/upload/component/ExtraFieldsDrawer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/features/upload/component/ExtraFieldsDrawer/index.tsx"],"sourcesContent":["'use client'\nimport type { FormProps } from '@payloadcms/ui'\nimport type { ClientCollectionConfig, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Drawer,\n  Form,\n  FormSubmit,\n  RenderFields,\n  useConfig,\n  useDocumentInfo,\n  useFieldProps,\n  useModal,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport { $getNodeByKey } from 'lexical'\nimport { deepCopyObject } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { UploadData, UploadNode } from '../../nodes/UploadNode.js'\nimport type { ElementProps } from '../index.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\n\n/**\n * This handles the extra fields, e.g. captions or alt text, which are\n * potentially added to the upload feature.\n */\nexport const ExtraFieldsUploadDrawer: React.FC<\n  ElementProps & {\n    drawerSlug: string\n    relatedCollection: ClientCollectionConfig\n  }\n> = (props) => {\n  const {\n    data: { fields, relationTo, value },\n    drawerSlug,\n    nodeKey,\n    relatedCollection,\n  } = props\n\n  const [editor] = useLexicalComposerContext()\n\n  const { closeModal } = useModal()\n\n  const { i18n, 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 = `feature.upload.fields.${relatedCollection.slug}`\n  const schemaFieldsPath = `${schemaPath}.feature.upload.${relatedCollection.slug}`\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: deepCopyObject(fields || {}),\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, fields])\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  const handleUpdateEditData = useCallback(\n    (_, data) => {\n      // Update lexical node (with key nodeKey) with new data\n      editor.update(() => {\n        const uploadNode: UploadNode | null = $getNodeByKey(nodeKey)\n        if (uploadNode) {\n          const newData: UploadData = {\n            ...uploadNode.getData(),\n            fields: data,\n          }\n          uploadNode.setData(newData)\n        }\n      })\n\n      closeModal(drawerSlug)\n    },\n    [closeModal, editor, drawerSlug, nodeKey],\n  )\n\n  return (\n    <Drawer\n      slug={drawerSlug}\n      title={t('general:editLabel', {\n        label: getTranslation(relatedCollection.labels.singular, i18n),\n      })}\n    >\n      {initialState !== false && (\n        <Form\n          beforeSubmit={[onChange]}\n          disableValidationOnSubmit\n          // @ts-expect-error TODO: Fix this\n          fields={fieldMap}\n          initialState={initialState}\n          onChange={[onChange]}\n          onSubmit={handleUpdateEditData}\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          <FormSubmit>{t('fields:saveChanges')}</FormSubmit>\n        </Form>\n      )}\n    </Drawer>\n  )\n}\n"],"names":["useLexicalComposerContext","getTranslation","Drawer","Form","FormSubmit","RenderFields","useConfig","useDocumentInfo","useFieldProps","useModal","useTranslation","getFormState","$getNodeByKey","deepCopyObject","React","useCallback","useEffect","useState","v4","uuid","useEditorConfigContext","ExtraFieldsUploadDrawer","props","data","fields","relationTo","value","drawerSlug","nodeKey","relatedCollection","editor","closeModal","i18n","t","id","schemaPath","config","initialState","setInitialState","field","richTextComponentMap","componentMapRenderedFieldsPath","slug","schemaFieldsPath","fieldMap","get","awaitInitialState","state","apiRoute","routes","api","body","operation","serverURL","onChange","formState","prevFormState","handleUpdateEditData","_","update","uploadNode","newData","getData","setData","title","label","labels","singular","beforeSubmit","disableValidationOnSubmit","onSubmit","Array","isArray","forceRender","path","readOnly"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/lexical/utils/cloneDeep.d.ts

@@ -1,2 +0,0 @@
-export declare function cloneDeep<T>(object: T, cache?: WeakMap<any, any>): T;
-//# sourceMappingURL=cloneDeep.d.ts.map

package/dist/lexical/utils/cloneDeep.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cloneDeep.d.ts","sourceRoot":"","sources":["../../../src/lexical/utils/cloneDeep.ts"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,GAAE,OAAO,CAAC,GAAG,EAAE,GAAG,CAAiB,GAAG,CAAC,CA8DnF"}

package/dist/lexical/utils/cloneDeep.js

@@ -1,50 +0,0 @@
-export function cloneDeep(object, cache = new WeakMap()) {
-    if (object === null) return null;
-    if (cache.has(object)) {
-        return cache.get(object);
-    }
-    // Handle Date
-    if (object instanceof Date) {
-        return new Date(object.getTime());
-    }
-    // Handle RegExp
-    if (object instanceof RegExp) {
-        return new RegExp(object.source, object.flags);
-    }
-    // Handle Map
-    if (object instanceof Map) {
-        const clonedMap = new Map();
-        cache.set(object, clonedMap);
-        for (const [key, value] of object.entries()){
-            clonedMap.set(key, cloneDeep(value, cache));
-        }
-        return clonedMap;
-    }
-    // Handle Set
-    if (object instanceof Set) {
-        const clonedSet = new Set();
-        cache.set(object, clonedSet);
-        for (const value of object.values()){
-            clonedSet.add(cloneDeep(value, cache));
-        }
-        return clonedSet;
-    }
-    // Handle Array and Object
-    if (typeof object === 'object' && object !== null) {
-        if ('$$typeof' in object && typeof object.$$typeof === 'symbol') {
-            return object;
-        }
-        const clonedObject = Array.isArray(object) ? [] : Object.create(Object.getPrototypeOf(object));
-        cache.set(object, clonedObject);
-        for(const key in object){
-            if (Object.prototype.hasOwnProperty.call(object, key) || Object.getOwnPropertySymbols(object).includes(key)) {
-                clonedObject[key] = cloneDeep(object[key], cache);
-            }
-        }
-        return clonedObject;
-    }
-    // Handle all other cases
-    return object;
-}
-
-//# sourceMappingURL=cloneDeep.js.map

package/dist/lexical/utils/cloneDeep.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/lexical/utils/cloneDeep.ts"],"sourcesContent":["export function cloneDeep<T>(object: T, cache: WeakMap<any, any> = new WeakMap()): T {\n  if (object === null) return null\n\n  if (cache.has(object)) {\n    return cache.get(object)\n  }\n\n  // Handle Date\n  if (object instanceof Date) {\n    return new Date(object.getTime()) as unknown as T\n  }\n\n  // Handle RegExp\n  if (object instanceof RegExp) {\n    return new RegExp(object.source, object.flags) as unknown as T\n  }\n\n  // Handle Map\n  if (object instanceof Map) {\n    const clonedMap = new Map()\n    cache.set(object, clonedMap)\n    for (const [key, value] of object.entries()) {\n      clonedMap.set(key, cloneDeep(value, cache))\n    }\n    return clonedMap as unknown as T\n  }\n\n  // Handle Set\n  if (object instanceof Set) {\n    const clonedSet = new Set()\n    cache.set(object, clonedSet)\n    for (const value of object.values()) {\n      clonedSet.add(cloneDeep(value, cache))\n    }\n    return clonedSet as unknown as T\n  }\n\n  // Handle Array and Object\n  if (typeof object === 'object' && object !== null) {\n    if ('$$typeof' in object && typeof object.$$typeof === 'symbol') {\n      return object\n    }\n\n    const clonedObject: any = Array.isArray(object)\n      ? []\n      : Object.create(Object.getPrototypeOf(object))\n    cache.set(object, clonedObject)\n\n    for (const key in object) {\n      if (\n        Object.prototype.hasOwnProperty.call(object, key) ||\n        Object.getOwnPropertySymbols(object).includes(key as any)\n      ) {\n        clonedObject[key] = cloneDeep(object[key], cache)\n      }\n    }\n\n    return clonedObject as T\n  }\n\n  // Handle all other cases\n  return object\n}\n"],"names":["cloneDeep","object","cache","WeakMap","has","get","Date","getTime","RegExp","source","flags","Map","clonedMap","set","key","value","entries","Set","clonedSet","values","add","$$typeof","clonedObject","Array","isArray","Object","create","getPrototypeOf","prototype","hasOwnProperty","call","getOwnPropertySymbols","includes"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAO,SAASA,UAAaC,MAAS,EAAEC,QAA2B,IAAIC,SAAS;IAC9E,IAAIF,WAAW,MAAM,OAAO;IAE5B,IAAIC,MAAME,GAAG,CAACH,SAAS;QACrB,OAAOC,MAAMG,GAAG,CAACJ;IACnB;IAEA,cAAc;IACd,IAAIA,kBAAkBK,MAAM;QAC1B,OAAO,IAAIA,KAAKL,OAAOM,OAAO;IAChC;IAEA,gBAAgB;IAChB,IAAIN,kBAAkBO,QAAQ;QAC5B,OAAO,IAAIA,OAAOP,OAAOQ,MAAM,EAAER,OAAOS,KAAK;IAC/C;IAEA,aAAa;IACb,IAAIT,kBAAkBU,KAAK;QACzB,MAAMC,YAAY,IAAID;QACtBT,MAAMW,GAAG,CAACZ,QAAQW;QAClB,KAAK,MAAM,CAACE,KAAKC,MAAM,IAAId,OAAOe,OAAO,GAAI;YAC3CJ,UAAUC,GAAG,CAACC,KAAKd,UAAUe,OAAOb;QACtC;QACA,OAAOU;IACT;IAEA,aAAa;IACb,IAAIX,kBAAkBgB,KAAK;QACzB,MAAMC,YAAY,IAAID;QACtBf,MAAMW,GAAG,CAACZ,QAAQiB;QAClB,KAAK,MAAMH,SAASd,OAAOkB,MAAM,GAAI;YACnCD,UAAUE,GAAG,CAACpB,UAAUe,OAAOb;QACjC;QACA,OAAOgB;IACT;IAEA,0BAA0B;IAC1B,IAAI,OAAOjB,WAAW,YAAYA,WAAW,MAAM;QACjD,IAAI,cAAcA,UAAU,OAAOA,OAAOoB,QAAQ,KAAK,UAAU;YAC/D,OAAOpB;QACT;QAEA,MAAMqB,eAAoBC,MAAMC,OAAO,CAACvB,UACpC,EAAE,GACFwB,OAAOC,MAAM,CAACD,OAAOE,cAAc,CAAC1B;QACxCC,MAAMW,GAAG,CAACZ,QAAQqB;QAElB,IAAK,MAAMR,OAAOb,OAAQ;YACxB,IACEwB,OAAOG,SAAS,CAACC,cAAc,CAACC,IAAI,CAAC7B,QAAQa,QAC7CW,OAAOM,qBAAqB,CAAC9B,QAAQ+B,QAAQ,CAAClB,MAC9C;gBACAQ,YAAY,CAACR,IAAI,GAAGd,UAAUC,MAAM,CAACa,IAAI,EAAEZ;YAC7C;QACF;QAEA,OAAOoB;IACT;IAEA,yBAAyB;IACzB,OAAOrB;AACT"}