@payloadcms/richtext-lexical 3.0.0-beta.49 → 3.0.0-beta.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@payloadcms/richtext-lexical",
3
- "version": "3.0.0-beta.49",
3
+ "version": "3.0.0-beta.50",
4
4
  "description": "The officially supported Lexical richtext adapter for Payload",
5
5
  "homepage": "https://payloadcms.com",
6
6
  "repository": {
@@ -30,8 +30,6 @@
30
30
  "dist"
31
31
  ],
32
32
  "dependencies": {
33
- "@faceless-ui/modal": "3.0.0-beta.0",
34
- "@faceless-ui/scroll-info": "2.0.0-beta.0",
35
33
  "@lexical/headless": "0.16.0",
36
34
  "@lexical/link": "0.16.0",
37
35
  "@lexical/list": "0.16.0",
@@ -57,11 +55,11 @@
57
55
  "@types/react-dom": "npm:types-react-dom@19.0.0-beta.2",
58
56
  "esbuild": "^0.21.4",
59
57
  "esbuild-sass-plugin": "^3.3.0",
58
+ "@payloadcms/next": "3.0.0-beta.50",
60
59
  "@payloadcms/eslint-config": "1.1.1",
61
- "@payloadcms/next": "3.0.0-beta.49",
62
- "@payloadcms/translations": "3.0.0-beta.49",
63
- "@payloadcms/ui": "3.0.0-beta.49",
64
- "payload": "3.0.0-beta.49"
60
+ "@payloadcms/ui": "3.0.0-beta.50",
61
+ "@payloadcms/translations": "3.0.0-beta.50",
62
+ "payload": "3.0.0-beta.50"
65
63
  },
66
64
  "peerDependencies": {
67
65
  "@faceless-ui/modal": "3.0.0-beta.0",
@@ -78,10 +76,10 @@
78
76
  "lexical": "0.16.0",
79
77
  "react": "^19.0.0 || ^19.0.0-rc-f994737d14-20240522",
80
78
  "react-dom": "^19.0.0 || ^19.0.0-rc-f994737d14-20240522",
81
- "@payloadcms/ui": "3.0.0-beta.49",
82
- "payload": "3.0.0-beta.49",
83
- "@payloadcms/next": "3.0.0-beta.49",
84
- "@payloadcms/translations": "3.0.0-beta.49"
79
+ "@payloadcms/next": "3.0.0-beta.50",
80
+ "@payloadcms/translations": "3.0.0-beta.50",
81
+ "@payloadcms/ui": "3.0.0-beta.50",
82
+ "payload": "3.0.0-beta.50"
85
83
  },
86
84
  "engines": {
87
85
  "node": "^18.20.2 || >=20.9.0"
@@ -1,2 +0,0 @@
1
- "use client";import{a as j,b as W,e as Y}from"./chunk-33ZTAHVL.js";import{b as N}from"./chunk-Y5455JF3.js";import{useLexicalComposerContext as Ce}from"@lexical/react/LexicalComposerContext.js";import{useLexicalNodeSelection as ge}from"@lexical/react/useLexicalNodeSelection.js";import{mergeRegister as ve}from"@lexical/utils";import{getTranslation as ye}from"@payloadcms/translations";import{Button as T,DrawerToggler as De,File as be,useConfig as he,useDocumentDrawer as Re,useDrawerSlug as Se,usePayloadAPI as _e,useTranslation as Ee}from"@payloadcms/ui/client";import{$getNodeByKey as z,$getSelection as we,$isNodeSelection as Ne,CLICK_COMMAND as Ue,COMMAND_PRIORITY_LOW as O,KEY_BACKSPACE_COMMAND as Pe,KEY_DELETE_COMMAND as Fe}from"lexical";import{useCallback as U,useEffect as $e,useReducer as xe,useRef as Me,useState as Le}from"react";import{useModal as X}from"@faceless-ui/modal";import{useLexicalComposerContext as Z}from"@lexical/react/LexicalComposerContext.js";import{getTranslation as ee}from"@payloadcms/translations";import{Drawer as te,Form as oe,FormSubmit as ae,RenderFields as re,useConfig as le,useDocumentInfo as ie,useFieldProps as ne,useTranslation as se}from"@payloadcms/ui/client";import{getFormState as H}from"@payloadcms/ui/shared";import{$getNodeByKey as de}from"lexical";import{deepCopyObject as ce}from"payload/shared";import{useCallback as V,useEffect as me,useState as pe}from"react";import{v4 as ue}from"uuid";import{jsx as L,jsxs as fe}from"react/jsx-runtime";var q=d=>{let{data:{fields:P,relationTo:F,value:C},drawerSlug:a,nodeKey:R,relatedCollection:g}=d,[S]=Z(),{closeModal:m}=X(),{i18n:r,t:l}=se(),{id:n}=ie(),{schemaPath:v}=ne(),i=le(),[p,$]=pe(!1),{field:{richTextComponentMap:y}}=N(),_=`feature.upload.fields.${g.slug}`,c=`${v}.feature.upload.${g.slug}`,s=y.get(_);me(()=>{(async()=>{let b=await H({apiRoute:i.routes.api,body:{id:n,data:ce(P||{}),operation:"update",schemaPath:c},serverURL:i.serverURL});$(b)})()},[i.routes.api,i.serverURL,c,n,P]);let x=V(async({formState:D})=>await H({apiRoute:i.routes.api,body:{id:n,formState:D,operation:"update",schemaPath:c},serverURL:i.serverURL}),[i.routes.api,i.serverURL,c,n]),E=V((D,b)=>{S.update(()=>{let u=de(R);if(u){let f={...u.getData(),fields:b};u.setData(f)}}),m(a)},[m,S,a,R]);return L(te,{slug:a,title:l("general:editLabel",{label:ee(g.labels.singular,r)}),children:p!==!1&&fe(oe,{beforeSubmit:[x],disableValidationOnSubmit:!0,fields:s,initialState:p,onChange:[x],onSubmit:E,uuid:ue(),children:[L(re,{fieldMap:Array.isArray(s)?s:[],forceRender:!0,path:"",readOnly:!1,schemaPath:c}),L(ae,{children:l("fields:saveChanges")})]})})};import{jsx as e,jsxs as h}from"react/jsx-runtime";var o="lexical-upload",G={depth:0},Te=d=>{let{data:{fields:P,relationTo:F,value:C},nodeKey:a}=d,{collections:R,routes:{api:g},serverURL:S}=he(),m=Me(null),[r]=Ce(),[l,n,v]=ge(a),{editorConfig:i,field:p}=N(),{i18n:$,t:y}=Ee(),[_,c]=xe(t=>t+1,0),[s,x]=Le(()=>R.find(t=>t.slug===F)),E=Se("upload-drawer"),[D,b,{closeDrawer:u}]=Re({id:C,collectionSlug:s.slug}),[{data:f},{setParams:A}]=_e(`${S}${g}/${s.slug}/${C}`,{initialParams:G}),K=f?.thumbnailURL||f?.url,J=U(()=>{r.update(()=>{z(a).remove()})},[r,a]),Q=U(t=>{A({...G,cacheBust:_}),c(),u()},[A,_,u]),M=U(t=>{if(l&&Ne(we())){t.preventDefault();let k=z(a);if(Y(k))return k.remove(),!0}return!1},[l,a]),I=U(t=>{let w=t;return w.target===m.current||m.current?.contains(w.target)?(w.shiftKey?n(!l):l||(v(),n(!0)),!0):!1},[l,n,v]);$e(()=>ve(r.registerCommand(Ue,I,O),r.registerCommand(Fe,M,O),r.registerCommand(Pe,M,O)),[v,r,l,a,M,n,I]);let B=(i?.resolvedFeatureMap?.get("upload")?.clientFeatureProps).collections?.[s.slug]?.hasExtraFields;return h("div",{className:[o,l&&`${o}--selected`].filter(Boolean).join(" "),contentEditable:!1,ref:m,children:[h("div",{className:`${o}__card`,children:[h("div",{className:`${o}__topRow`,children:[e("div",{className:`${o}__thumbnail`,children:K?e("img",{alt:f?.filename,"data-lexical-upload-id":C,"data-lexical-upload-relation-to":F,src:K}):e(be,{})}),h("div",{className:`${o}__topRowRightPanel`,children:[e("div",{className:`${o}__collectionLabel`,children:ye(s.labels.singular,$)}),r.isEditable()&&h("div",{className:`${o}__actions`,children:[B?e(De,{className:`${o}__upload-drawer-toggler`,disabled:p?.readOnly,slug:E,children:e(T,{buttonStyle:"icon-label",el:"div",icon:"edit",onClick:t=>{t.preventDefault()},round:!0,tooltip:y("fields:editRelationship")})}):null,e(T,{buttonStyle:"icon-label",disabled:p?.readOnly,el:"div",icon:"swap",onClick:()=>{r.dispatchCommand(W,{replace:{nodeKey:a}})},round:!0,tooltip:y("fields:swapUpload")}),e(T,{buttonStyle:"icon-label",className:`${o}__removeButton`,disabled:p?.readOnly,icon:"x",onClick:t=>{t.preventDefault(),J()},round:!0,tooltip:y("fields:removeUpload")})]})]})]}),e("div",{className:`${o}__bottomRow`,children:e(b,{className:`${o}__doc-drawer-toggler`,children:e("strong",{children:f?.filename})})})]}),C&&e(D,{onSave:Q}),B?e(q,{drawerSlug:E,relatedCollection:s,...d}):null]})},st=d=>e(j,{...d,uploads:!0,children:e(Te,{...d})});export{st as UploadComponent};
2
- //# sourceMappingURL=component-GR6KYTLO.js.map