@payloadcms/richtext-lexical 3.87.0 → 3.87.1

package/dist/exports/client/chunk-FWFDJAJ5.js

@@ -0,0 +1,2 @@
+import{b as R}from"./chunk-BZZVLW4U.js";import{c as G}from"react/compiler-runtime";import{jsx as w}from"react/jsx-runtime";import{Drawer as J,EditDepthProvider as K,useModal as Q}from"@payloadcms/ui";import"react";import{jsx as E,jsxs as j}from"react/jsx-runtime";import{useLexicalEditable as T}from"@lexical/react/useLexicalEditable";import{Form as v,FormSubmit as N,RenderFields as W,useDocumentForm as $,useDocumentInfo as k,useEffectEvent as L,useServerFunctions as B,useTranslation as H}from"@payloadcms/ui";import{abortAndIgnore as A}from"@payloadcms/ui/shared";import{deepCopyObjectSimpleWithoutReactComponents as O}from"payload/shared";import{useCallback as U,useEffect as y,useRef as V,useState as q}from"react";import{v4 as z}from"uuid";var I=({data:f,featureKey:e,fieldMapOverride:p,handleDrawerSubmit:h,schemaFieldsPathOverride:o,schemaPath:D,schemaPathSuffix:u})=>{let{t:S}=H(),{id:n,collectionSlug:a,getDocPreferences:s,globalSlug:i}=k(),{fields:c}=$(),r=T(),t=V(new AbortController),[m,P]=q(!1),{fieldProps:{featureClientSchemaMap:_}}=R(),{getFormState:C}=B(),d=o??`${D}.lexical_internal_feature.${e}${u?`.${u}`:""}`,b=p??_[e]?.[d],M=L(async l=>{let{state:g}=await C({id:n,collectionSlug:a,data:f??{},docPermissions:{fields:!0},docPreferences:await s(),documentFormState:O(c,{excludeFiles:!0}),globalSlug:i,initialBlockData:f,operation:"update",readOnly:!r,renderAllFields:!0,schemaPath:d,signal:l.signal});P(g)});y(()=>{let l=new AbortController;return M(l),()=>{A(l)}},[d,n,f,C,a,r,i,s]);let x=U(async({formState:l})=>{A(t.current);let g=new AbortController;t.current=g;let{state:F}=await C({id:n,collectionSlug:a,docPermissions:{fields:!0},docPreferences:await s(),documentFormState:O(c,{excludeFiles:!0}),formState:l,globalSlug:i,initialBlockFormState:l,operation:"update",readOnly:!r,schemaPath:d,signal:g.signal});return F||l},[C,n,r,a,s,c,i,d]);return y(()=>()=>{A(t.current)},[]),m===!1?null:j(v,{beforeSubmit:[x],disableValidationOnSubmit:!0,fields:Array.isArray(b)?b:[],initialState:m,onChange:[x],onSubmit:h,uuid:z(),children:[E(W,{fields:Array.isArray(b)?b:[],forceRender:!0,parentIndexPath:"",parentPath:"",parentSchemaPath:d,permissions:!0,readOnly:!r}),E(N,{children:S("fields:saveChanges")})]})};var pe=f=>{let e=G(15),{className:p,data:h,drawerSlug:o,drawerTitle:D,featureKey:u,fieldMapOverride:S,handleDrawerSubmit:n,schemaFieldsPathOverride:a,schemaPath:s,schemaPathSuffix:i}=f,{closeModal:c}=Q(),r=D??"",t;e[0]!==c||e[1]!==o||e[2]!==n?(t=(P,_)=>{c(o),setTimeout(()=>{n(P,_)},1)},e[0]=c,e[1]=o,e[2]=n,e[3]=t):t=e[3];let m;return e[4]!==p||e[5]!==h||e[6]!==o||e[7]!==u||e[8]!==S||e[9]!==a||e[10]!==s||e[11]!==i||e[12]!==r||e[13]!==t?(m=w(K,{children:w(J,{className:p,slug:o,title:r,children:w(I,{data:h,featureKey:u,fieldMapOverride:S,handleDrawerSubmit:t,schemaFieldsPathOverride:a,schemaPath:s,schemaPathSuffix:i})})}),e[4]=p,e[5]=h,e[6]=o,e[7]=u,e[8]=S,e[9]=a,e[10]=s,e[11]=i,e[12]=r,e[13]=t,e[14]=m):m=e[14],m};import{createCommand as X}from"lexical";var Ce=X("INSERT_UPLOAD_WITH_DRAWER_COMMAND");export{pe as a,Ce as b};
+//# sourceMappingURL=chunk-FWFDJAJ5.js.map

package/dist/exports/client/chunk-FWFDJAJ5.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utilities/fieldsDrawer/Drawer.tsx", "../../../src/utilities/fieldsDrawer/DrawerContent.tsx", "../../../src/features/upload/client/drawer/commands.ts"],
+  "sourcesContent": ["'use client'\nimport type { ClientField, Data, FormState, JsonObject } from 'payload'\n\nimport { Drawer, EditDepthProvider, useModal } from '@payloadcms/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", "'use client'\nimport type { FormState } from 'payload'\n\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport {\n  Form,\n  FormSubmit,\n  RenderFields,\n  useDocumentForm,\n  useDocumentInfo,\n  useEffectEvent,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { deepCopyObjectSimpleWithoutReactComponents } from '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  // Parent form state changes after autosave. Read its latest value when initializing without\n  // reinitializing this drawer and discarding its unsaved form state after every parent update.\n  const getInitialState = useEffectEvent(async (controller: AbortController) => {\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  useEffect(() => {\n    const controller = new AbortController()\n\n    void getInitialState(controller)\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  ])\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", "'use client'\nimport type { LexicalCommand } from 'lexical'\n\nimport { createCommand } from 'lexical'\n\nexport const INSERT_UPLOAD_WITH_DRAWER_COMMAND: LexicalCommand<{\n  replace: { nodeKey: string } | false\n}> = createCommand('INSERT_UPLOAD_WITH_DRAWER_COMMAND')\n"],
+  "mappings": "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",
+  "names": ["c", "_c", "Drawer", "EditDepthProvider", "useModal", "useLexicalEditable", "Form", "FormSubmit", "RenderFields", "useDocumentForm", "useDocumentInfo", "useEffectEvent", "useServerFunctions", "useTranslation", "abortAndIgnore", "deepCopyObjectSimpleWithoutReactComponents", "useCallback", "useEffect", "useRef", "useState", "v4", "uuid", "DrawerContent", "data", "featureKey", "fieldMapOverride", "handleDrawerSubmit", "schemaFieldsPathOverride", "schemaPath", "schemaPathSuffix", "t", "useTranslation", "id", "collectionSlug", "getDocPreferences", "globalSlug", "useDocumentInfo", "fields", "parentDocumentFields", "useDocumentForm", "isEditable", "useLexicalEditable", "onChangeAbortControllerRef", "useRef", "AbortController", "initialState", "setInitialState", "useState", "fieldProps", "featureClientSchemaMap", "useEditorConfigContext", "getFormState", "useServerFunctions", "schemaFieldsPath", "getInitialState", "useEffectEvent", "controller", "state", "docPermissions", "docPreferences", "documentFormState", "deepCopyObjectSimpleWithoutReactComponents", "excludeFiles", "initialBlockData", "operation", "readOnly", "renderAllFields", "signal", "useEffect", "abortAndIgnore", "onChange", "useCallback", "formState", "prevFormState", "current", "initialBlockFormState", "_jsxs", "Form", "beforeSubmit", "disableValidationOnSubmit", "Array", "isArray", "onSubmit", "uuid", "_jsx", "RenderFields", "forceRender", "parentIndexPath", "parentPath", "parentSchemaPath", "permissions", "FormSubmit", "FieldsDrawer", "t0", "$", "_c", "className", "data", "drawerSlug", "drawerTitle", "featureKey", "fieldMapOverride", "handleDrawerSubmit", "schemaFieldsPathOverride", "schemaPath", "schemaPathSuffix", "closeModal", "useModal", "t1", "t2", "args", "args2", "setTimeout", "t3", "_jsx", "EditDepthProvider", "children", "Drawer", "slug", "title", "DrawerContent", "createCommand", "INSERT_UPLOAD_WITH_DRAWER_COMMAND"]
+}

package/dist/exports/client/{component-XIHC3W6W.js → component-BAAVC34S.js}

@@ -1,2 +1,2 @@
-"use client";import{a as $,b as S}from"./chunk-QJ5EETIB.js";import{a as C}from"./chunk-INBEEENE.js";import{a as N}from"./chunk-F26IQ5RE.js";import{b as m}from"./chunk-BZZVLW4U.js";import{jsx as a,jsxs as n}from"react/jsx-runtime";import{useLexicalComposerContext as Y}from"@lexical/react/LexicalComposerContext.js";import{useLexicalEditable as Z}from"@lexical/react/useLexicalEditable";import{getTranslation as R}from"@payloadcms/translations";import{Button as p,formatDrawerSlug as ee,Thumbnail as te,useConfig as ae,useEditDepth as oe,usePayloadAPI as le,useTranslation as ie}from"@payloadcms/ui";import{$getNodeByKey as y}from"lexical";import{formatAdminURL as se,isImage as re}from"payload/shared";import{useCallback as h,useId as ne,useReducer as de,useRef as ce,useState as ue}from"react";var E={depth:0},Se=L=>{let{className:e,data:{fields:U,relationTo:f,value:d},format:P,nodeKey:l}=L;if(typeof d=="object")throw new Error("Upload value should be a string or number. The Lexical Upload component should not receive the populated value object.");let{config:{routes:{api:T},serverURL:F},getEntityConfig:j}=ae(),I=ce(null),{uuid:z}=m(),A=oe(),[i]=Y(),{editorConfig:B,fieldProps:{schemaPath:k}}=m(),c=Z(),{i18n:g,t:s}=ie(),[_,K]=de(r=>r+1,0),[o]=ue(()=>j({collectionSlug:f})),M=ne(),b=ee({slug:"lexical-upload-drawer-"+z+M,depth:A}),{toggleDrawer:O}=C(b,!0),{closeDocumentDrawer:w,DocumentDrawer:W,DocumentDrawerToggler:H}=N({id:d,collectionSlug:o.slug}),[{data:t},{setParams:D}]=le(se({apiRoute:T,path:`/${o.slug}/${d}`,serverURL:F}),{initialParams:E}),v=t?.thumbnailURL||t?.url,q=h(()=>{i.update(()=>{y(l)?.remove()})},[i,l]),G=h(r=>{D({...E,cacheBust:_}),K(),w()},[D,_,w]),x=B?.resolvedFeatureMap?.get("upload")?.sanitizedClientFeatureProps.collections?.[o.slug]?.hasExtraFields,J=h((r,V)=>{i.update(()=>{let u=y(l);if(u){let X={...u.getData(),fields:V};u.setData(X)}})},[i,l]),Q=v&&t?.width&&t?.height?t.width>t.height?"landscape":"portrait":"landscape";return n("div",{className:`${e}__contents ${e}__contents--${Q}`,"data-align":P||void 0,"data-filename":t?.filename,ref:I,children:[n("div",{className:`${e}__card`,children:[n("div",{className:`${e}__media`,children:[a(te,{collectionSlug:f,fileSrc:re(t?.mimeType)?v:null,height:t?.height,size:"none",width:t?.width}),c&&a("div",{className:`${e}__overlay ${e}__floater`,children:n("div",{className:`${e}__actions`,role:"toolbar",children:[x?a(p,{buttonStyle:"icon-label",className:`${e}__upload-drawer-toggler`,disabled:!c,el:"button",icon:"edit",onClick:O,round:!0,size:"medium",tooltip:s("fields:editRelationship")}):null,a(p,{buttonStyle:"icon-label",className:`${e}__swap-drawer-toggler`,disabled:!c,el:"button",icon:"swap",onClick:()=>{i.dispatchCommand(S,{replace:{nodeKey:l}})},round:!0,size:"medium",tooltip:s("fields:swapUpload")}),a(p,{buttonStyle:"icon-label",className:`${e}__removeButton`,disabled:!c,icon:"x",onClick:r=>{r.preventDefault(),q()},round:!0,size:"medium",tooltip:s("fields:removeUpload")})]})})]}),n("div",{className:`${e}__metaOverlay ${e}__floater`,children:[a(H,{className:`${e}__doc-drawer-toggler`,children:a("strong",{className:`${e}__filename`,children:t?.filename||s("general:untitled")})}),a("div",{className:`${e}__collectionLabel`,children:R(o.labels.singular,g)})]})]}),d?a(W,{onSave:G}):null,x?a($,{data:U,drawerSlug:b,drawerTitle:s("general:editLabel",{label:R(o.labels.singular,g)}),featureKey:"upload",handleDrawerSubmit:J,schemaPath:k,schemaPathSuffix:o.slug}):null]})};export{Se as UploadComponent};
-//# sourceMappingURL=component-XIHC3W6W.js.map
+"use client";import{a as $,b as S}from"./chunk-FWFDJAJ5.js";import{a as C}from"./chunk-INBEEENE.js";import{a as N}from"./chunk-F26IQ5RE.js";import{b as m}from"./chunk-BZZVLW4U.js";import{jsx as a,jsxs as n}from"react/jsx-runtime";import{useLexicalComposerContext as Y}from"@lexical/react/LexicalComposerContext.js";import{useLexicalEditable as Z}from"@lexical/react/useLexicalEditable";import{getTranslation as R}from"@payloadcms/translations";import{Button as p,formatDrawerSlug as ee,Thumbnail as te,useConfig as ae,useEditDepth as oe,usePayloadAPI as le,useTranslation as ie}from"@payloadcms/ui";import{$getNodeByKey as y}from"lexical";import{formatAdminURL as se,isImage as re}from"payload/shared";import{useCallback as h,useId as ne,useReducer as de,useRef as ce,useState as ue}from"react";var E={depth:0},Se=L=>{let{className:e,data:{fields:U,relationTo:f,value:d},format:P,nodeKey:l}=L;if(typeof d=="object")throw new Error("Upload value should be a string or number. The Lexical Upload component should not receive the populated value object.");let{config:{routes:{api:T},serverURL:F},getEntityConfig:j}=ae(),I=ce(null),{uuid:z}=m(),A=oe(),[i]=Y(),{editorConfig:B,fieldProps:{schemaPath:k}}=m(),c=Z(),{i18n:g,t:s}=ie(),[_,K]=de(r=>r+1,0),[o]=ue(()=>j({collectionSlug:f})),M=ne(),b=ee({slug:"lexical-upload-drawer-"+z+M,depth:A}),{toggleDrawer:O}=C(b,!0),{closeDocumentDrawer:w,DocumentDrawer:W,DocumentDrawerToggler:H}=N({id:d,collectionSlug:o.slug}),[{data:t},{setParams:D}]=le(se({apiRoute:T,path:`/${o.slug}/${d}`,serverURL:F}),{initialParams:E}),v=t?.thumbnailURL||t?.url,q=h(()=>{i.update(()=>{y(l)?.remove()})},[i,l]),G=h(r=>{D({...E,cacheBust:_}),K(),w()},[D,_,w]),x=B?.resolvedFeatureMap?.get("upload")?.sanitizedClientFeatureProps.collections?.[o.slug]?.hasExtraFields,J=h((r,V)=>{i.update(()=>{let u=y(l);if(u){let X={...u.getData(),fields:V};u.setData(X)}})},[i,l]),Q=v&&t?.width&&t?.height?t.width>t.height?"landscape":"portrait":"landscape";return n("div",{className:`${e}__contents ${e}__contents--${Q}`,"data-align":P||void 0,"data-filename":t?.filename,ref:I,children:[n("div",{className:`${e}__card`,children:[n("div",{className:`${e}__media`,children:[a(te,{collectionSlug:f,fileSrc:re(t?.mimeType)?v:null,height:t?.height,size:"none",width:t?.width}),c&&a("div",{className:`${e}__overlay ${e}__floater`,children:n("div",{className:`${e}__actions`,role:"toolbar",children:[x?a(p,{buttonStyle:"icon-label",className:`${e}__upload-drawer-toggler`,disabled:!c,el:"button",icon:"edit",onClick:O,round:!0,size:"medium",tooltip:s("fields:editRelationship")}):null,a(p,{buttonStyle:"icon-label",className:`${e}__swap-drawer-toggler`,disabled:!c,el:"button",icon:"swap",onClick:()=>{i.dispatchCommand(S,{replace:{nodeKey:l}})},round:!0,size:"medium",tooltip:s("fields:swapUpload")}),a(p,{buttonStyle:"icon-label",className:`${e}__removeButton`,disabled:!c,icon:"x",onClick:r=>{r.preventDefault(),q()},round:!0,size:"medium",tooltip:s("fields:removeUpload")})]})})]}),n("div",{className:`${e}__metaOverlay ${e}__floater`,children:[a(H,{className:`${e}__doc-drawer-toggler`,children:a("strong",{className:`${e}__filename`,children:t?.filename||s("general:untitled")})}),a("div",{className:`${e}__collectionLabel`,children:R(o.labels.singular,g)})]})]}),d?a(W,{onSave:G}):null,x?a($,{data:U,drawerSlug:b,drawerTitle:s("general:editLabel",{label:R(o.labels.singular,g)}),featureKey:"upload",handleDrawerSubmit:J,schemaPath:k,schemaPathSuffix:o.slug}):null]})};export{Se as UploadComponent};
+//# sourceMappingURL=component-BAAVC34S.js.map