@payloadcms/richtext-lexical 3.55.0-internal.f8c92b5 → 3.56.0-internal.299316b

package/dist/features/relationship/client/plugins/index.js

@@ -11,7 +11,7 @@ import { RelationshipDrawer } from '../drawer/index.js';
 import { $createRelationshipNode, RelationshipNode } from '../nodes/RelationshipNode.js';
 export const INSERT_RELATIONSHIP_COMMAND = createCommand('INSERT_RELATIONSHIP_COMMAND');
 export const RelationshipPlugin = t0 => {
-  const $ = _c(5);
+  const $ = _c(10);
   const {
     clientProps
   } = t0;
@@ -28,24 +28,33 @@ export const RelationshipPlugin = t0 => {
   } else {
     if (clientProps?.disabledCollections) {
       let t2;
-      if ($[0] !== clientProps?.disabledCollections) {
-        t2 = t3 => {
-          const {
-            slug
-          } = t3;
-          return !clientProps?.disabledCollections?.includes(slug);
-        };
+      if ($[0] !== clientProps?.disabledCollections || $[1] !== collections) {
+        let t3;
+        if ($[3] !== clientProps?.disabledCollections) {
+          t3 = t4 => {
+            const {
+              slug
+            } = t4;
+            return !clientProps?.disabledCollections?.includes(slug);
+          };
+          $[3] = clientProps?.disabledCollections;
+          $[4] = t3;
+        } else {
+          t3 = $[4];
+        }
+        t2 = collections.filter(t3).map(_temp);
         $[0] = clientProps?.disabledCollections;
-        $[1] = t2;
+        $[1] = collections;
+        $[2] = t2;
       } else {
-        t2 = $[1];
+        t2 = $[2];
       }
-      enabledRelations = collections.filter(t2).map(_temp);
+      enabledRelations = t2;
     }
   }
   let t2;
   let t3;
-  if ($[2] !== editor) {
+  if ($[5] !== editor) {
     t2 = () => {
       if (!editor.hasNodes([RelationshipNode])) {
         throw new Error("RelationshipPlugin: RelationshipNode not registered on editor");
@@ -53,17 +62,25 @@ export const RelationshipPlugin = t0 => {
       return editor.registerCommand(INSERT_RELATIONSHIP_COMMAND, _temp2, COMMAND_PRIORITY_EDITOR);
     };
     t3 = [editor];
-    $[2] = editor;
-    $[3] = t2;
-    $[4] = t3;
+    $[5] = editor;
+    $[6] = t2;
+    $[7] = t3;
   } else {
-    t2 = $[3];
-    t3 = $[4];
+    t2 = $[6];
+    t3 = $[7];
   }
   useEffect(t2, t3);
-  return _jsx(RelationshipDrawer, {
-    enabledCollectionSlugs: enabledRelations
-  });
+  let t4;
+  if ($[8] !== enabledRelations) {
+    t4 = _jsx(RelationshipDrawer, {
+      enabledCollectionSlugs: enabledRelations
+    });
+    $[8] = enabledRelations;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
 };
 function _temp(t0) {
   const {

package/dist/features/relationship/client/plugins/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","$insertNodeToNearestRoot","useConfig","$getPreviousSelection","$getSelection","$isParagraphNode","$isRangeSelection","COMMAND_PRIORITY_EDITOR","createCommand","useEffect","RelationshipDrawer","$createRelationshipNode","RelationshipNode","INSERT_RELATIONSHIP_COMMAND","RelationshipPlugin","t0","$","clientProps","editor","config","t1","collections","enabledRelations","enabledCollections","disabledCollections","t2","t3","slug","includes","filter","map","_temp","hasNodes","Error","registerCommand","_temp2","_jsx","enabledCollectionSlugs","slug_0","payload","selection","relationshipNode","focus","focusNode","getNode","__first","remove"],"sources":["../../../../../src/features/relationship/client/plugins/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalCommand } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $insertNodeToNearestRoot } from '@lexical/utils'\nimport { useConfig } from '@payloadcms/ui'\nimport {\n  $getPreviousSelection,\n  $getSelection,\n  $isParagraphNode,\n  $isRangeSelection,\n  COMMAND_PRIORITY_EDITOR,\n  createCommand,\n} from 'lexical'\nimport { useEffect } from 'react'\n\nimport type { PluginComponent } from '../../../typesClient.js'\nimport type { RelationshipFeatureProps } from '../../server/index.js'\nimport type { RelationshipData } from '../../server/nodes/RelationshipNode.js'\n\nimport { RelationshipDrawer } from '../drawer/index.js'\nimport { $createRelationshipNode, RelationshipNode } from '../nodes/RelationshipNode.js'\n\nexport const INSERT_RELATIONSHIP_COMMAND: LexicalCommand<RelationshipData> = createCommand(\n  'INSERT_RELATIONSHIP_COMMAND',\n)\n\nexport const RelationshipPlugin: PluginComponent<RelationshipFeatureProps> = ({ clientProps }) => {\n  const [editor] = useLexicalComposerContext()\n  const {\n    config: { collections },\n  } = useConfig()\n\n  let enabledRelations: null | string[] = null\n\n  if (clientProps?.enabledCollections) {\n    enabledRelations = clientProps?.enabledCollections\n  } else if (clientProps?.disabledCollections) {\n    enabledRelations = collections\n      .filter(({ slug }) => !clientProps?.disabledCollections?.includes(slug))\n      .map(({ slug }) => slug)\n  }\n\n  useEffect(() => {\n    if (!editor.hasNodes([RelationshipNode])) {\n      throw new Error('RelationshipPlugin: RelationshipNode not registered on editor')\n    }\n\n    return editor.registerCommand<RelationshipData>(\n      INSERT_RELATIONSHIP_COMMAND,\n      (payload) => {\n        const selection = $getSelection() || $getPreviousSelection()\n\n        if ($isRangeSelection(selection)) {\n          const relationshipNode = $createRelationshipNode(payload)\n          // we need to get the focus node before inserting the block node, as $insertNodeToNearestRoot can change the focus node\n          const { focus } = selection\n          const focusNode = focus.getNode()\n          // Insert relationship node BEFORE potentially removing focusNode, as $insertNodeToNearestRoot errors if the focusNode doesn't exist\n          $insertNodeToNearestRoot(relationshipNode)\n\n          // Delete the node it it's an empty paragraph\n          if ($isParagraphNode(focusNode) && !focusNode.__first) {\n            focusNode.remove()\n          }\n        }\n\n        return true\n      },\n      COMMAND_PRIORITY_EDITOR,\n    )\n  }, [editor])\n\n  return <RelationshipDrawer enabledCollectionSlugs={enabledRelations} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,wBAAwB,QAAQ;AACzC,SAASC,SAAS,QAAQ;AAC1B,SACEC,qBAAqB,EACrBC,aAAa,EACbC,gBAAgB,EAChBC,iBAAiB,EACjBC,uBAAuB,EACvBC,aAAa,QACR;AACP,SAASC,SAAS,QAAQ;AAM1B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,uBAAuB,EAAEC,gBAAgB,QAAQ;AAE1D,OAAO,MAAMC,2BAAA,GAAgEL,aAAA,CAC3E;AAGF,OAAO,MAAMM,kBAAA,GAAgEC,EAAA;EAAA,MAAAC,CAAA,GAAAjB,EAAA;EAAC;IAAAkB;EAAA,IAAAF,EAAe;EAC3F,OAAAG,MAAA,IAAiBlB,yBAAA;EACjB;IAAAmB,MAAA,EAAAC;EAAA,IAEIlB,SAAA;EADM;IAAAmB;EAAA,IAAAD,EAAe;EAGzB,IAAAE,gBAAA;EAAwC,IAEpCL,WAAA,EAAAM,kBAAA;IACFD,gBAAA,CAAAA,CAAA,CAAmBL,WAAA,EAAAM,kBAAA;EAAnB;IAAA,IACSN,WAAA,EAAAO,mBAAA;MAAA,IAAAC,EAAA;MAAA,IAAAT,CAAA,QAAAC,WAAA,EAAAO,mBAAA;QAECC,EAAA,GAAAC,EAAA;UAAC;YAAAC;UAAA,IAAAD,EAAQ;UAAA,QAAMT,WAAA,EAAAO,mBAAA,EAAAI,QAAA,CAA2CD,IAAA;QAAA;QAAAX,CAAA,MAAAC,WAAA,EAAAO,mBAAA;QAAAR,CAAA,MAAAS,EAAA;MAAA;QAAAA,EAAA,GAAAT,CAAA;MAAA;MADpEM,gBAAA,CAAAA,CAAA,CAAmBD,WAAA,CAAAQ,MAAA,CACTJ,EAA0D,EAAAK,GAAA,CAAAC,KAC/C;IAFrB;EAAA;EAAA,IAAAN,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAE,MAAA;IAKQO,EAAA,GAAAA,CAAA;MAAA,KACHP,MAAA,CAAAc,QAAA,EAAApB,gBAAA,CAAkC;QAAA,UAAAqB,KAAA,CACrB;MAAA;MAAA,OAGXf,MAAA,CAAAgB,eAAA,CAAArB,2BAAA,EAAAsB,MAAA,EAAA5B,uBAqBL;IAAA;IAEDmB,EAAA,IAACR,MAAA;IAAOF,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAD,EAAA,GAAAT,CAAA;IAAAU,EAAA,GAAAV,CAAA;EAAA;EA5BXP,SAAA,CAAUgB,EA4BV,EAAGC,EAAQ;EAAA,OAEJU,IAAA,CAAA1B,kBAAA;IAAA2B,sBAAA,EAA4Cf;EAAA,C;CACrD;AA/C6E,SAAAS,MAAAhB,EAAA;EAajE;IAAAY,IAAA,EAAAW;EAAA,IAAAvB,EAAQ;EAAA,OAAKY,MAAA;AAAA;AAboD,SAAAQ,OAAAI,OAAA;EAwBrE,MAAAC,SAAA,GAAkBpC,aAAA,MAAmBD,qBAAA;EAAA,IAEjCG,iBAAA,CAAkBkC,SAAA;IACpB,MAAAC,gBAAA,GAAyB9B,uBAAA,CAAwB4B,OAAA;IAEjD;MAAAG;IAAA,IAAkBF,SAAA;IAClB,MAAAG,SAAA,GAAkBD,KAAA,CAAAE,OAAA,CAAa;IAE/B3C,wBAAA,CAAyBwC,gBAAA;IAAA,IAGrBpC,gBAAA,CAAiBsC,SAAA,MAAeA,SAAA,CAAAE,OAAiB;MACnDF,SAAA,CAAAG,MAAA,CAAgB;IAAA;EAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","$insertNodeToNearestRoot","useConfig","$getPreviousSelection","$getSelection","$isParagraphNode","$isRangeSelection","COMMAND_PRIORITY_EDITOR","createCommand","useEffect","RelationshipDrawer","$createRelationshipNode","RelationshipNode","INSERT_RELATIONSHIP_COMMAND","RelationshipPlugin","t0","$","clientProps","editor","config","t1","collections","enabledRelations","enabledCollections","disabledCollections","t2","t3","t4","slug","includes","filter","map","_temp","hasNodes","Error","registerCommand","_temp2","_jsx","enabledCollectionSlugs","slug_0","payload","selection","relationshipNode","focus","focusNode","getNode","__first","remove"],"sources":["../../../../../src/features/relationship/client/plugins/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalCommand } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $insertNodeToNearestRoot } from '@lexical/utils'\nimport { useConfig } from '@payloadcms/ui'\nimport {\n  $getPreviousSelection,\n  $getSelection,\n  $isParagraphNode,\n  $isRangeSelection,\n  COMMAND_PRIORITY_EDITOR,\n  createCommand,\n} from 'lexical'\nimport { useEffect } from 'react'\n\nimport type { PluginComponent } from '../../../typesClient.js'\nimport type { RelationshipFeatureProps } from '../../server/index.js'\nimport type { RelationshipData } from '../../server/nodes/RelationshipNode.js'\n\nimport { RelationshipDrawer } from '../drawer/index.js'\nimport { $createRelationshipNode, RelationshipNode } from '../nodes/RelationshipNode.js'\n\nexport const INSERT_RELATIONSHIP_COMMAND: LexicalCommand<RelationshipData> = createCommand(\n  'INSERT_RELATIONSHIP_COMMAND',\n)\n\nexport const RelationshipPlugin: PluginComponent<RelationshipFeatureProps> = ({ clientProps }) => {\n  const [editor] = useLexicalComposerContext()\n  const {\n    config: { collections },\n  } = useConfig()\n\n  let enabledRelations: null | string[] = null\n\n  if (clientProps?.enabledCollections) {\n    enabledRelations = clientProps?.enabledCollections\n  } else if (clientProps?.disabledCollections) {\n    enabledRelations = collections\n      .filter(({ slug }) => !clientProps?.disabledCollections?.includes(slug))\n      .map(({ slug }) => slug)\n  }\n\n  useEffect(() => {\n    if (!editor.hasNodes([RelationshipNode])) {\n      throw new Error('RelationshipPlugin: RelationshipNode not registered on editor')\n    }\n\n    return editor.registerCommand<RelationshipData>(\n      INSERT_RELATIONSHIP_COMMAND,\n      (payload) => {\n        const selection = $getSelection() || $getPreviousSelection()\n\n        if ($isRangeSelection(selection)) {\n          const relationshipNode = $createRelationshipNode(payload)\n          // we need to get the focus node before inserting the block node, as $insertNodeToNearestRoot can change the focus node\n          const { focus } = selection\n          const focusNode = focus.getNode()\n          // Insert relationship node BEFORE potentially removing focusNode, as $insertNodeToNearestRoot errors if the focusNode doesn't exist\n          $insertNodeToNearestRoot(relationshipNode)\n\n          // Delete the node it it's an empty paragraph\n          if ($isParagraphNode(focusNode) && !focusNode.__first) {\n            focusNode.remove()\n          }\n        }\n\n        return true\n      },\n      COMMAND_PRIORITY_EDITOR,\n    )\n  }, [editor])\n\n  return <RelationshipDrawer enabledCollectionSlugs={enabledRelations} />\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/relationship/client/utils/EnabledRelationshipsCondition.js

@@ -22,13 +22,29 @@ const filterRichTextCollections = (collections, options) => {
   });
 };
 export const EnabledRelationshipsCondition = props => {
-  const $ = _c(12);
-  const {
-    children,
-    FallbackComponent,
-    uploads: t0,
-    ...rest
-  } = props;
+  const $ = _c(20);
+  let FallbackComponent;
+  let children;
+  let rest;
+  let t0;
+  if ($[0] !== props) {
+    ({
+      children,
+      FallbackComponent,
+      uploads: t0,
+      ...rest
+    } = props);
+    $[0] = props;
+    $[1] = FallbackComponent;
+    $[2] = children;
+    $[3] = rest;
+    $[4] = t0;
+  } else {
+    FallbackComponent = $[1];
+    children = $[2];
+    rest = $[3];
+    t0 = $[4];
+  }
   const uploads = t0 === undefined ? false : t0;
   const {
     config: t1
@@ -43,47 +59,56 @@ export const EnabledRelationshipsCondition = props => {
     visibleEntities
   } = useEntityVisibility();
   let t2;
-  if ($[0] !== collections || $[1] !== uploads || $[2] !== user || $[3] !== visibleEntities) {
+  if ($[5] !== collections || $[6] !== uploads || $[7] !== user || $[8] !== visibleEntities) {
     t2 = () => filterRichTextCollections(collections, {
       uploads,
       user,
       visibleEntities
     }).map(_temp);
-    $[0] = collections;
-    $[1] = uploads;
-    $[2] = user;
-    $[3] = visibleEntities;
-    $[4] = t2;
+    $[5] = collections;
+    $[6] = uploads;
+    $[7] = user;
+    $[8] = visibleEntities;
+    $[9] = t2;
   } else {
-    t2 = $[4];
+    t2 = $[9];
   }
   const [enabledCollectionSlugs] = React.useState(t2);
   if (!enabledCollectionSlugs.length) {
-    return FallbackComponent ? _jsx(FallbackComponent, {
-      ...rest
-    }) : null;
+    let t3;
+    if ($[10] !== FallbackComponent || $[11] !== rest) {
+      t3 = FallbackComponent ? _jsx(FallbackComponent, {
+        ...rest
+      }) : null;
+      $[10] = FallbackComponent;
+      $[11] = rest;
+      $[12] = t3;
+    } else {
+      t3 = $[12];
+    }
+    return t3;
   }
   let t3;
-  if ($[5] !== children || $[6] !== enabledCollectionSlugs || $[7] !== rest) {
+  if ($[13] !== children || $[14] !== enabledCollectionSlugs || $[15] !== rest) {
     let t4;
-    if ($[9] !== enabledCollectionSlugs || $[10] !== rest) {
+    if ($[17] !== enabledCollectionSlugs || $[18] !== rest) {
       t4 = {
         ...rest,
         enabledCollectionSlugs
       };
-      $[9] = enabledCollectionSlugs;
-      $[10] = rest;
-      $[11] = t4;
+      $[17] = enabledCollectionSlugs;
+      $[18] = rest;
+      $[19] = t4;
     } else {
-      t4 = $[11];
+      t4 = $[19];
     }
     t3 = React.cloneElement(children, t4);
-    $[5] = children;
-    $[6] = enabledCollectionSlugs;
-    $[7] = rest;
-    $[8] = t3;
+    $[13] = children;
+    $[14] = enabledCollectionSlugs;
+    $[15] = rest;
+    $[16] = t3;
   } else {
-    t3 = $[8];
+    t3 = $[16];
   }
   return t3;
 };

package/dist/features/relationship/client/utils/EnabledRelationshipsCondition.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnabledRelationshipsCondition.js","names":["c","_c","useAuth","useConfig","useEntityVisibility","React","filterRichTextCollections","collections","options","filter","slug","admin","enableRichTextRelationship","upload","visibleEntities","includes","uploads","Boolean","EnabledRelationshipsCondition","props","$","children","FallbackComponent","t0","rest","undefined","config","t1","user","t2","map","_temp","enabledCollectionSlugs","useState","length","_jsx","t3","t4","cloneElement"],"sources":["../../../../../src/features/relationship/client/utils/EnabledRelationshipsCondition.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientUser, VisibleEntities } from 'payload'\n\nimport { useAuth, useConfig, useEntityVisibility } from '@payloadcms/ui'\nimport * as React from 'react'\n\ntype Options = {\n  uploads: boolean\n  user: ClientUser\n  visibleEntities?: VisibleEntities\n}\n\ntype FilteredCollectionsT = (\n  collections: ClientCollectionConfig[],\n  options?: Options,\n) => ClientCollectionConfig[]\n\nconst filterRichTextCollections: FilteredCollectionsT = (collections, options) => {\n  return collections.filter(({ slug, admin: { enableRichTextRelationship }, upload }) => {\n    if (!options?.visibleEntities?.collections.includes(slug)) {\n      return false\n    }\n\n    if (options?.uploads) {\n      return enableRichTextRelationship && Boolean(upload) === true\n    }\n\n    return upload ? false : enableRichTextRelationship\n  })\n}\n\nexport const EnabledRelationshipsCondition: React.FC<{\n  children: any\n  FallbackComponent?: React.FC\n  uploads?: boolean\n}> = (props) => {\n  const { children, FallbackComponent, uploads = false, ...rest } = props\n  const {\n    config: { collections },\n  } = useConfig()\n  const { user } = useAuth()\n  const { visibleEntities } = useEntityVisibility()\n\n  const [enabledCollectionSlugs] = React.useState(() =>\n    filterRichTextCollections(collections, { uploads, user: user!, visibleEntities }).map(\n      ({ slug }) => slug,\n    ),\n  )\n\n  if (!enabledCollectionSlugs.length) {\n    return FallbackComponent ? <FallbackComponent {...rest} /> : null\n  }\n\n  return React.cloneElement(children, { ...rest, enabledCollectionSlugs })\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,OAAO,EAAEC,SAAS,EAAEC,mBAAmB,QAAQ;AACxD,YAAYC,KAAA,MAAW;AAavB,MAAMC,yBAAA,GAAkDA,CAACC,WAAA,EAAaC,OAAA;EACpE,OAAOD,WAAA,CAAYE,MAAM,CAAC,CAAC;IAAEC,IAAI;IAAEC,KAAA,EAAO;MAAEC;IAA0B,CAAE;IAAEC;EAAM,CAAE;IAChF,IAAI,CAACL,OAAA,EAASM,eAAA,EAAiBP,WAAA,CAAYQ,QAAA,CAASL,IAAA,GAAO;MACzD,OAAO;IACT;IAEA,IAAIF,OAAA,EAASQ,OAAA,EAAS;MACpB,OAAOJ,0BAAA,IAA8BK,OAAA,CAAQJ,MAAA,MAAY;IAC3D;IAEA,OAAOA,MAAA,GAAS,QAAQD,0BAAA;EAC1B;AACF;AAEA,OAAO,MAAMM,6BAAA,GAIRC,KAAA;EAAA,MAAAC,CAAA,GAAAnB,EAAA;EACH;IAAAoB,QAAA;IAAAC,iBAAA;IAAAN,OAAA,EAAAO,EAAA;IAAA,GAAAC;EAAA,IAAkEL,KAAA;EAA7B,MAAAH,OAAA,GAAAO,EAAe,KAAAE,SAAA,WAAfF,EAAe;EACpD;IAAAG,MAAA,EAAAC;EAAA,IAEIxB,SAAA;EADM;IAAAI;EAAA,IAAAoB,EAAe;EAEzB;IAAAC;EAAA,IAAiB1B,OAAA;EACjB;IAAAY;EAAA,IAA4BV,mBAAA;EAAA,IAAAyB,EAAA;EAAA,IAAAT,CAAA,QAAAb,WAAA,IAAAa,CAAA,QAAAJ,OAAA,IAAAI,CAAA,QAAAQ,IAAA,IAAAR,CAAA,QAAAN,eAAA;IAEoBe,EAAA,GAAAA,CAAA,KAC9CvB,yBAAA,CAA0BC,WAAA;MAAAS,OAAA;MAAAY,IAAA;MAAAd;IAAA,CAAqD,EAAAgB,GAAA,CAAAC,KAC/D;IAAAX,CAAA,MAAAb,WAAA;IAAAa,CAAA,MAAAJ,OAAA;IAAAI,CAAA,MAAAQ,IAAA;IAAAR,CAAA,MAAAN,eAAA;IAAAM,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAFlB,OAAAY,sBAAA,IAAiC3B,KAAA,CAAA4B,QAAA,CAAeJ,EAE9B;EAAA,KAIbG,sBAAA,CAAAE,MAAA;IAAA,OACIZ,iBAAA,GAAoBa,IAAA,CAACb,iBAAA;MAAA,GAAsBE;IAAI,C,QAAO;EAAA;EAAA,IAAAY,EAAA;EAAA,IAAAhB,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAY,sBAAA,IAAAZ,CAAA,QAAAI,IAAA;IAAA,IAAAa,EAAA;IAAA,IAAAjB,CAAA,QAAAY,sBAAA,IAAAZ,CAAA,SAAAI,IAAA;MAG3Ba,EAAA;QAAA,GAAKb,IAAI;QAAAQ;MAAA;MAAyBZ,CAAA,MAAAY,sBAAA;MAAAZ,CAAA,OAAAI,IAAA;MAAAJ,CAAA,OAAAiB,EAAA;IAAA;MAAAA,EAAA,GAAAjB,CAAA;IAAA;IAA/DgB,EAAA,GAAA/B,KAAA,CAAAiC,YAAA,CAAmBjB,QAAA,EAAUgB,EAAkC;IAAAjB,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAY,sBAAA;IAAAZ,CAAA,MAAAI,IAAA;IAAAJ,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAAA,OAA/DgB,EAA+D;AAAA,CACxE;AAnBK,SAAAL,MAAAR,EAAA;EAUE;IAAAb;EAAA,IAAAa,EAAQ;EAAA,OAAKb,IAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"EnabledRelationshipsCondition.js","names":["c","_c","useAuth","useConfig","useEntityVisibility","React","filterRichTextCollections","collections","options","filter","slug","admin","enableRichTextRelationship","upload","visibleEntities","includes","uploads","Boolean","EnabledRelationshipsCondition","props","$","FallbackComponent","children","rest","t0","undefined","config","t1","user","t2","map","_temp","enabledCollectionSlugs","useState","length","t3","_jsx","t4","cloneElement"],"sources":["../../../../../src/features/relationship/client/utils/EnabledRelationshipsCondition.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientUser, VisibleEntities } from 'payload'\n\nimport { useAuth, useConfig, useEntityVisibility } from '@payloadcms/ui'\nimport * as React from 'react'\n\ntype Options = {\n  uploads: boolean\n  user: ClientUser\n  visibleEntities?: VisibleEntities\n}\n\ntype FilteredCollectionsT = (\n  collections: ClientCollectionConfig[],\n  options?: Options,\n) => ClientCollectionConfig[]\n\nconst filterRichTextCollections: FilteredCollectionsT = (collections, options) => {\n  return collections.filter(({ slug, admin: { enableRichTextRelationship }, upload }) => {\n    if (!options?.visibleEntities?.collections.includes(slug)) {\n      return false\n    }\n\n    if (options?.uploads) {\n      return enableRichTextRelationship && Boolean(upload) === true\n    }\n\n    return upload ? false : enableRichTextRelationship\n  })\n}\n\nexport const EnabledRelationshipsCondition: React.FC<{\n  children: any\n  FallbackComponent?: React.FC\n  uploads?: boolean\n}> = (props) => {\n  const { children, FallbackComponent, uploads = false, ...rest } = props\n  const {\n    config: { collections },\n  } = useConfig()\n  const { user } = useAuth()\n  const { visibleEntities } = useEntityVisibility()\n\n  const [enabledCollectionSlugs] = React.useState(() =>\n    filterRichTextCollections(collections, { uploads, user: user!, visibleEntities }).map(\n      ({ slug }) => slug,\n    ),\n  )\n\n  if (!enabledCollectionSlugs.length) {\n    return FallbackComponent ? <FallbackComponent {...rest} /> : null\n  }\n\n  return React.cloneElement(children, { ...rest, enabledCollectionSlugs })\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/textState/feature.client.js

@@ -27,7 +27,9 @@ const toolbarGroups = props => {
   const clearStyle = [{
     ChildComponent: () => /*#__PURE__*/_jsx(TextStateIcon, {}),
     key: `clear-style`,
-    label: 'Default style',
+    label: ({
+      i18n
+    }) => i18n.t('lexical:textState:defaultStyle'),
     onSelect: ({
       editor
     }) => {

package/dist/features/textState/feature.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"feature.client.js","names":["TextStateIcon","createClientFeature","registerTextStates","setTextState","StatePlugin","toolbarGroups","props","items","stateKey","state","key","stateValue","meta","push","ChildComponent","_jsx","css","label","onSelect","editor","clearStyle","undefined","order","type","color","TextStateFeatureClient","plugins","Component","position","toolbarFixed","groups","toolbarInline"],"sources":["../../../src/features/textState/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport type { ToolbarDropdownGroup, ToolbarGroup } from '../toolbars/types.js'\nimport type { TextStateFeatureProps } from './feature.server.js'\n\nimport { TextStateIcon } from '../../lexical/ui/icons/TextState/index.js'\nimport { createClientFeature } from '../../utilities/createClientFeature.js'\nimport { registerTextStates, setTextState, StatePlugin } from './textState.js'\n\nconst toolbarGroups = (props: TextStateFeatureProps): ToolbarGroup[] => {\n  const items: ToolbarDropdownGroup['items'] = []\n\n  for (const stateKey in props.state) {\n    const key = props.state[stateKey]!\n    for (const stateValue in key) {\n      const meta = key[stateValue]!\n      items.push({\n        ChildComponent: () => <TextStateIcon css={meta.css} />,\n        key: stateValue,\n        label: meta.label,\n        onSelect: ({ editor }) => {\n          setTextState(editor, stateKey, stateValue)\n        },\n      })\n    }\n  }\n\n  const clearStyle: ToolbarDropdownGroup['items'] = [\n    {\n      ChildComponent: () => <TextStateIcon />,\n      key: `clear-style`,\n      label: 'Default style',\n      onSelect: ({ editor }) => {\n        for (const stateKey in props.state) {\n          setTextState(editor, stateKey, undefined)\n        }\n      },\n      order: 1,\n    },\n  ]\n\n  return [\n    {\n      type: 'dropdown',\n      ChildComponent: () => <TextStateIcon css={{ color: 'var(--theme-elevation-600)' }} />,\n      items: [...clearStyle, ...items],\n      key: 'textState',\n      order: 30,\n    },\n  ]\n}\n\nexport const TextStateFeatureClient = createClientFeature<TextStateFeatureProps>(({ props }) => {\n  registerTextStates(props.state)\n  return {\n    plugins: [\n      {\n        Component: StatePlugin,\n        position: 'normal',\n      },\n    ],\n    toolbarFixed: {\n      groups: toolbarGroups(props),\n    },\n    toolbarInline: {\n      groups: toolbarGroups(props),\n    },\n  }\n})\n"],"mappings":"AAAA;;;AAKA,SAASA,aAAa,QAAQ;AAC9B,SAASC,mBAAmB,QAAQ;AACpC,SAASC,kBAAkB,EAAEC,YAAY,EAAEC,WAAW,QAAQ;AAE9D,MAAMC,aAAA,GAAiBC,KAAA;EACrB,MAAMC,KAAA,GAAuC,EAAE;EAE/C,KAAK,MAAMC,QAAA,IAAYF,KAAA,CAAMG,KAAK,EAAE;IAClC,MAAMC,GAAA,GAAMJ,KAAA,CAAMG,KAAK,CAACD,QAAA,CAAS;IACjC,KAAK,MAAMG,UAAA,IAAcD,GAAA,EAAK;MAC5B,MAAME,IAAA,GAAOF,GAAG,CAACC,UAAA,CAAW;MAC5BJ,KAAA,CAAMM,IAAI,CAAC;QACTC,cAAA,EAAgBA,CAAA,kBAAMC,IAAA,CAACf,aAAA;UAAcgB,GAAA,EAAKJ,IAAA,CAAKI;;QAC/CN,GAAA,EAAKC,UAAA;QACLM,KAAA,EAAOL,IAAA,CAAKK,KAAK;QACjBC,QAAA,EAAUA,CAAC;UAAEC;QAAM,CAAE;UACnBhB,YAAA,CAAagB,MAAA,EAAQX,QAAA,EAAUG,UAAA;QACjC;MACF;IACF;EACF;EAEA,MAAMS,UAAA,GAA4C,CAChD;IACEN,cAAA,EAAgBA,CAAA,kBAAMC,IAAA,CAACf,aAAA;IACvBU,GAAA,EAAK,aAAa;IAClBO,KAAA,EAAO;IACPC,QAAA,EAAUA,CAAC;MAAEC;IAAM,CAAE;MACnB,KAAK,MAAMX,QAAA,IAAYF,KAAA,CAAMG,KAAK,EAAE;QAClCN,YAAA,CAAagB,MAAA,EAAQX,QAAA,EAAUa,SAAA;MACjC;IACF;IACAC,KAAA,EAAO;EACT,EACD;EAED,OAAO,CACL;IACEC,IAAA,EAAM;IACNT,cAAA,EAAgBA,CAAA,kBAAMC,IAAA,CAACf,aAAA;MAAcgB,GAAA,EAAK;QAAEQ,KAAA,EAAO;MAA6B;;IAChFjB,KAAA,EAAO,C,GAAIa,UAAA,E,GAAeb,KAAA,CAAM;IAChCG,GAAA,EAAK;IACLY,KAAA,EAAO;EACT,EACD;AACH;AAEA,OAAO,MAAMG,sBAAA,GAAyBxB,mBAAA,CAA2C,CAAC;EAAEK;AAAK,CAAE;EACzFJ,kBAAA,CAAmBI,KAAA,CAAMG,KAAK;EAC9B,OAAO;IACLiB,OAAA,EAAS,CACP;MACEC,SAAA,EAAWvB,WAAA;MACXwB,QAAA,EAAU;IACZ,EACD;IACDC,YAAA,EAAc;MACZC,MAAA,EAAQzB,aAAA,CAAcC,KAAA;IACxB;IACAyB,aAAA,EAAe;MACbD,MAAA,EAAQzB,aAAA,CAAcC,KAAA;IACxB;EACF;AACF","ignoreList":[]}
+{"version":3,"file":"feature.client.js","names":["TextStateIcon","createClientFeature","registerTextStates","setTextState","StatePlugin","toolbarGroups","props","items","stateKey","state","key","stateValue","meta","push","ChildComponent","_jsx","css","label","onSelect","editor","clearStyle","i18n","t","undefined","order","type","color","TextStateFeatureClient","plugins","Component","position","toolbarFixed","groups","toolbarInline"],"sources":["../../../src/features/textState/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport type { ToolbarDropdownGroup, ToolbarGroup } from '../toolbars/types.js'\nimport type { TextStateFeatureProps } from './feature.server.js'\n\nimport { TextStateIcon } from '../../lexical/ui/icons/TextState/index.js'\nimport { createClientFeature } from '../../utilities/createClientFeature.js'\nimport { registerTextStates, setTextState, StatePlugin } from './textState.js'\n\nconst toolbarGroups = (props: TextStateFeatureProps): ToolbarGroup[] => {\n  const items: ToolbarDropdownGroup['items'] = []\n\n  for (const stateKey in props.state) {\n    const key = props.state[stateKey]!\n    for (const stateValue in key) {\n      const meta = key[stateValue]!\n      items.push({\n        ChildComponent: () => <TextStateIcon css={meta.css} />,\n        key: stateValue,\n        label: meta.label,\n        onSelect: ({ editor }) => {\n          setTextState(editor, stateKey, stateValue)\n        },\n      })\n    }\n  }\n\n  const clearStyle: ToolbarDropdownGroup['items'] = [\n    {\n      ChildComponent: () => <TextStateIcon />,\n      key: `clear-style`,\n      label: ({ i18n }) => i18n.t('lexical:textState:defaultStyle'),\n      onSelect: ({ editor }) => {\n        for (const stateKey in props.state) {\n          setTextState(editor, stateKey, undefined)\n        }\n      },\n      order: 1,\n    },\n  ]\n\n  return [\n    {\n      type: 'dropdown',\n      ChildComponent: () => <TextStateIcon css={{ color: 'var(--theme-elevation-600)' }} />,\n      items: [...clearStyle, ...items],\n      key: 'textState',\n      order: 30,\n    },\n  ]\n}\n\nexport const TextStateFeatureClient = createClientFeature<TextStateFeatureProps>(({ props }) => {\n  registerTextStates(props.state)\n  return {\n    plugins: [\n      {\n        Component: StatePlugin,\n        position: 'normal',\n      },\n    ],\n    toolbarFixed: {\n      groups: toolbarGroups(props),\n    },\n    toolbarInline: {\n      groups: toolbarGroups(props),\n    },\n  }\n})\n"],"mappings":"AAAA;;;AAKA,SAASA,aAAa,QAAQ;AAC9B,SAASC,mBAAmB,QAAQ;AACpC,SAASC,kBAAkB,EAAEC,YAAY,EAAEC,WAAW,QAAQ;AAE9D,MAAMC,aAAA,GAAiBC,KAAA;EACrB,MAAMC,KAAA,GAAuC,EAAE;EAE/C,KAAK,MAAMC,QAAA,IAAYF,KAAA,CAAMG,KAAK,EAAE;IAClC,MAAMC,GAAA,GAAMJ,KAAA,CAAMG,KAAK,CAACD,QAAA,CAAS;IACjC,KAAK,MAAMG,UAAA,IAAcD,GAAA,EAAK;MAC5B,MAAME,IAAA,GAAOF,GAAG,CAACC,UAAA,CAAW;MAC5BJ,KAAA,CAAMM,IAAI,CAAC;QACTC,cAAA,EAAgBA,CAAA,kBAAMC,IAAA,CAACf,aAAA;UAAcgB,GAAA,EAAKJ,IAAA,CAAKI;;QAC/CN,GAAA,EAAKC,UAAA;QACLM,KAAA,EAAOL,IAAA,CAAKK,KAAK;QACjBC,QAAA,EAAUA,CAAC;UAAEC;QAAM,CAAE;UACnBhB,YAAA,CAAagB,MAAA,EAAQX,QAAA,EAAUG,UAAA;QACjC;MACF;IACF;EACF;EAEA,MAAMS,UAAA,GAA4C,CAChD;IACEN,cAAA,EAAgBA,CAAA,kBAAMC,IAAA,CAACf,aAAA;IACvBU,GAAA,EAAK,aAAa;IAClBO,KAAA,EAAOA,CAAC;MAAEI;IAAI,CAAE,KAAKA,IAAA,CAAKC,CAAC,CAAC;IAC5BJ,QAAA,EAAUA,CAAC;MAAEC;IAAM,CAAE;MACnB,KAAK,MAAMX,QAAA,IAAYF,KAAA,CAAMG,KAAK,EAAE;QAClCN,YAAA,CAAagB,MAAA,EAAQX,QAAA,EAAUe,SAAA;MACjC;IACF;IACAC,KAAA,EAAO;EACT,EACD;EAED,OAAO,CACL;IACEC,IAAA,EAAM;IACNX,cAAA,EAAgBA,CAAA,kBAAMC,IAAA,CAACf,aAAA;MAAcgB,GAAA,EAAK;QAAEU,KAAA,EAAO;MAA6B;;IAChFnB,KAAA,EAAO,C,GAAIa,UAAA,E,GAAeb,KAAA,CAAM;IAChCG,GAAA,EAAK;IACLc,KAAA,EAAO;EACT,EACD;AACH;AAEA,OAAO,MAAMG,sBAAA,GAAyB1B,mBAAA,CAA2C,CAAC;EAAEK;AAAK,CAAE;EACzFJ,kBAAA,CAAmBI,KAAA,CAAMG,KAAK;EAC9B,OAAO;IACLmB,OAAA,EAAS,CACP;MACEC,SAAA,EAAWzB,WAAA;MACX0B,QAAA,EAAU;IACZ,EACD;IACDC,YAAA,EAAc;MACZC,MAAA,EAAQ3B,aAAA,CAAcC,KAAA;IACxB;IACA2B,aAAA,EAAe;MACbD,MAAA,EAAQ3B,aAAA,CAAcC,KAAA;IACxB;EACF;AACF","ignoreList":[]}

package/dist/features/textState/feature.server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature.server.d.ts","sourceRoot":"","sources":["../../../src/features/textState/feature.server.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAK7C,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;KAChC,CAAC,IAAI,MAAM,wBAAwB,CAAC,CAAC,EAClC,OAAO,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,GAG5C,SAAS;CACd,CAAC,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG;IAAE,CAAC,UAAU,EAAE,MAAM,GAAG;QAAE,GAAG,EAAE,WAAW,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAA;AAEvF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA+BG;IACH,KAAK,EAAE;QAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,WAAW,CAAA;KAAE,CAAA;CAC3C,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,gIAc3B,CAAA"}
+{"version":3,"file":"feature.server.d.ts","sourceRoot":"","sources":["../../../src/features/textState/feature.server.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAM7C,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;KAChC,CAAC,IAAI,MAAM,wBAAwB,CAAC,CAAC,EAClC,OAAO,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,GAG5C,SAAS;CACd,CAAC,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG;IAAE,CAAC,UAAU,EAAE,MAAM,GAAG;QAAE,GAAG,EAAE,WAAW,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAA;AAEvF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA+BG;IACH,KAAK,EAAE;QAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,WAAW,CAAA;KAAE,CAAA;CAC3C,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,gIAe3B,CAAA"}

package/dist/features/textState/feature.server.js

@@ -1,4 +1,5 @@
 import { createServerFeature } from '../../utilities/createServerFeature.js';
+import { i18n } from './i18n.js';
 /**
  * Allows you to store key-value attributes within TextNodes and define inline styles for each combination.
  * Inline styles are not part of the editorState, reducing the JSON size and allowing you to easily migrate or adapt styles later.
@@ -17,7 +18,8 @@ export const TextStateFeature = createServerFeature({
       ClientFeature: '@payloadcms/richtext-lexical/client#TextStateFeatureClient',
       clientFeatureProps: {
         state: props?.state
-      }
+      },
+      i18n
     };
   },
   key: 'textState'

package/dist/features/textState/feature.server.js.map

@@ -1 +1 @@
-{"version":3,"file":"feature.server.js","names":["createServerFeature","TextStateFeature","feature","props","ClientFeature","clientFeatureProps","state","key"],"sources":["../../../src/features/textState/feature.server.ts"],"sourcesContent":["import type { PropertiesHyphenFallback } from 'csstype'\nimport type { Prettify } from 'ts-essentials'\n\nimport { createServerFeature } from '../../utilities/createServerFeature.js'\n\n// extracted from https://github.com/facebook/lexical/pull/7294\nexport type StyleObject = Prettify<{\n  [K in keyof PropertiesHyphenFallback]?:\n    | Extract<PropertiesHyphenFallback[K], string>\n    // This is simplified to not deal with arrays or numbers.\n    // This is an example after all!\n    | undefined\n}>\n\nexport type StateValues = { [stateValue: string]: { css: StyleObject; label: string } }\n\nexport type TextStateFeatureProps = {\n  /**\n   * The keys of the top-level object (stateKeys) represent the attributes that the textNode can have (e.g., color).\n   * The values of the top-level object (stateValues) represent the values that the attribute can have (e.g., red, blue, etc.).\n   * Within the stateValue, you can define inline styles and labels.\n   *\n   * @note Because this is a common use case, we provide a defaultColors object with colors that\n   * look good in both dark and light mode, which you can use or adapt to your liking.\n   *\n   *\n   *\n   * @example\n   * import { defaultColors } from '@payloadcms/richtext-lexical'\n   *\n   * state: {\n   *   color: {\n   *     ...defaultColors.background,\n   *     ...defaultColors.text,\n   *     // fancy gradients!\n   *     galaxy: { label: 'Galaxy', css: { background: 'linear-gradient(to right, #0000ff, #ff0000)', color: 'white' } },\n   *     sunset: { label: 'Sunset', css: { background: 'linear-gradient(to top, #ff5f6d, #6a3093)' } },\n   *    },\n   *    // You can have both colored and underlined text at the same time.\n   *    // If you don't want that, you should group them within the same key.\n   *    // (just like I did with defaultColors and my fancy gradients)\n   *    underline: {\n   *      'solid': { label: 'Solid', css: { 'text-decoration': 'underline', 'text-underline-offset': '4px' } },\n   *      // You'll probably want to use the CSS light-dark() utility.\n   *      'yellow-dashed': { label: 'Yellow Dashed', css: { 'text-decoration': 'underline dashed', 'text-decoration-color': 'light-dark(#EAB308,yellow)', 'text-underline-offset': '4px' } },\n   *    },\n   * }\n   *\n   */\n  state: { [stateKey: string]: StateValues }\n}\n\n/**\n * Allows you to store key-value attributes within TextNodes and define inline styles for each combination.\n * Inline styles are not part of the editorState, reducing the JSON size and allowing you to easily migrate or adapt styles later.\n *\n * This feature can be used, among other things, to add colors to text.\n *\n * For more information and examples, see the JSdocs for the \"state\" property that this feature receives as a parameter.\n *\n * @experimental There may be breaking changes to this API\n */\nexport const TextStateFeature = createServerFeature<\n  TextStateFeatureProps,\n  TextStateFeatureProps,\n  TextStateFeatureProps\n>({\n  feature: ({ props }) => {\n    return {\n      ClientFeature: '@payloadcms/richtext-lexical/client#TextStateFeatureClient',\n      clientFeatureProps: {\n        state: props?.state,\n      },\n    }\n  },\n  key: 'textState',\n})\n"],"mappings":"AAGA,SAASA,mBAAmB,QAAQ;AAiDpC;;;;;;;;;;AAUA,OAAO,MAAMC,gBAAA,GAAmBD,mBAAA,CAI9B;EACAE,OAAA,EAASA,CAAC;IAAEC;EAAK,CAAE;IACjB,OAAO;MACLC,aAAA,EAAe;MACfC,kBAAA,EAAoB;QAClBC,KAAA,EAAOH,KAAA,EAAOG;MAChB;IACF;EACF;EACAC,GAAA,EAAK;AACP","ignoreList":[]}
+{"version":3,"file":"feature.server.js","names":["createServerFeature","i18n","TextStateFeature","feature","props","ClientFeature","clientFeatureProps","state","key"],"sources":["../../../src/features/textState/feature.server.ts"],"sourcesContent":["import type { PropertiesHyphenFallback } from 'csstype'\nimport type { Prettify } from 'ts-essentials'\n\nimport { createServerFeature } from '../../utilities/createServerFeature.js'\nimport { i18n } from './i18n.js'\n\n// extracted from https://github.com/facebook/lexical/pull/7294\nexport type StyleObject = Prettify<{\n  [K in keyof PropertiesHyphenFallback]?:\n    | Extract<PropertiesHyphenFallback[K], string>\n    // This is simplified to not deal with arrays or numbers.\n    // This is an example after all!\n    | undefined\n}>\n\nexport type StateValues = { [stateValue: string]: { css: StyleObject; label: string } }\n\nexport type TextStateFeatureProps = {\n  /**\n   * The keys of the top-level object (stateKeys) represent the attributes that the textNode can have (e.g., color).\n   * The values of the top-level object (stateValues) represent the values that the attribute can have (e.g., red, blue, etc.).\n   * Within the stateValue, you can define inline styles and labels.\n   *\n   * @note Because this is a common use case, we provide a defaultColors object with colors that\n   * look good in both dark and light mode, which you can use or adapt to your liking.\n   *\n   *\n   *\n   * @example\n   * import { defaultColors } from '@payloadcms/richtext-lexical'\n   *\n   * state: {\n   *   color: {\n   *     ...defaultColors.background,\n   *     ...defaultColors.text,\n   *     // fancy gradients!\n   *     galaxy: { label: 'Galaxy', css: { background: 'linear-gradient(to right, #0000ff, #ff0000)', color: 'white' } },\n   *     sunset: { label: 'Sunset', css: { background: 'linear-gradient(to top, #ff5f6d, #6a3093)' } },\n   *    },\n   *    // You can have both colored and underlined text at the same time.\n   *    // If you don't want that, you should group them within the same key.\n   *    // (just like I did with defaultColors and my fancy gradients)\n   *    underline: {\n   *      'solid': { label: 'Solid', css: { 'text-decoration': 'underline', 'text-underline-offset': '4px' } },\n   *      // You'll probably want to use the CSS light-dark() utility.\n   *      'yellow-dashed': { label: 'Yellow Dashed', css: { 'text-decoration': 'underline dashed', 'text-decoration-color': 'light-dark(#EAB308,yellow)', 'text-underline-offset': '4px' } },\n   *    },\n   * }\n   *\n   */\n  state: { [stateKey: string]: StateValues }\n}\n\n/**\n * Allows you to store key-value attributes within TextNodes and define inline styles for each combination.\n * Inline styles are not part of the editorState, reducing the JSON size and allowing you to easily migrate or adapt styles later.\n *\n * This feature can be used, among other things, to add colors to text.\n *\n * For more information and examples, see the JSdocs for the \"state\" property that this feature receives as a parameter.\n *\n * @experimental There may be breaking changes to this API\n */\nexport const TextStateFeature = createServerFeature<\n  TextStateFeatureProps,\n  TextStateFeatureProps,\n  TextStateFeatureProps\n>({\n  feature: ({ props }) => {\n    return {\n      ClientFeature: '@payloadcms/richtext-lexical/client#TextStateFeatureClient',\n      clientFeatureProps: {\n        state: props?.state,\n      },\n      i18n,\n    }\n  },\n  key: 'textState',\n})\n"],"mappings":"AAGA,SAASA,mBAAmB,QAAQ;AACpC,SAASC,IAAI,QAAQ;AAiDrB;;;;;;;;;;AAUA,OAAO,MAAMC,gBAAA,GAAmBF,mBAAA,CAI9B;EACAG,OAAA,EAASA,CAAC;IAAEC;EAAK,CAAE;IACjB,OAAO;MACLC,aAAA,EAAe;MACfC,kBAAA,EAAoB;QAClBC,KAAA,EAAOH,KAAA,EAAOG;MAChB;MACAN;IACF;EACF;EACAO,GAAA,EAAK;AACP","ignoreList":[]}

package/dist/features/textState/i18n.d.ts

@@ -0,0 +1,3 @@
+import type { GenericLanguages } from '@payloadcms/translations';
+export declare const i18n: Partial<GenericLanguages>;
+//# sourceMappingURL=i18n.d.ts.map

package/dist/features/textState/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/features/textState/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,eAAO,MAAM,IAAI,EAAE,OAAO,CAAC,gBAAgB,CAoC1C,CAAA"}

package/dist/features/textState/i18n.js

@@ -0,0 +1,108 @@
+export const i18n = {
+  ar: {
+    defaultStyle: 'النمط الافتراضي'
+  },
+  az: {
+    defaultStyle: 'Defolt üslub'
+  },
+  bg: {
+    defaultStyle: 'Стандартен стил'
+  },
+  cs: {
+    defaultStyle: 'Výchozí styl'
+  },
+  da: {
+    defaultStyle: 'Standardstil'
+  },
+  de: {
+    defaultStyle: 'Standardstil'
+  },
+  en: {
+    defaultStyle: 'Default style'
+  },
+  es: {
+    defaultStyle: 'Estilo predeterminado'
+  },
+  et: {
+    defaultStyle: 'Vaikimisi stiil'
+  },
+  fa: {
+    defaultStyle: 'سبک پیش‌فرض'
+  },
+  fr: {
+    defaultStyle: 'Style par défaut'
+  },
+  he: {
+    defaultStyle: 'סגנון ברירת מחדל'
+  },
+  hr: {
+    defaultStyle: 'Zadani stil'
+  },
+  hu: {
+    defaultStyle: 'Alapértelmezett stílus'
+  },
+  it: {
+    defaultStyle: 'Stile predefinito'
+  },
+  ja: {
+    defaultStyle: 'デフォルトスタイル'
+  },
+  ko: {
+    defaultStyle: '기본 스타일'
+  },
+  my: {
+    defaultStyle: 'Gaya lalai'
+  },
+  nb: {
+    defaultStyle: 'Standardstil'
+  },
+  nl: {
+    defaultStyle: 'Standaardstijl'
+  },
+  pl: {
+    defaultStyle: 'Domyślny styl'
+  },
+  pt: {
+    defaultStyle: 'Estilo padrão'
+  },
+  ro: {
+    defaultStyle: 'Stil implicit'
+  },
+  rs: {
+    defaultStyle: 'Подразумевани стил'
+  },
+  'rs-latin': {
+    defaultStyle: 'Podrazumevani stil'
+  },
+  ru: {
+    defaultStyle: 'Стиль по умолчанию'
+  },
+  sk: {
+    defaultStyle: 'Predvolený štýl'
+  },
+  sl: {
+    defaultStyle: 'Privzeti slog'
+  },
+  sv: {
+    defaultStyle: 'Standardstil'
+  },
+  th: {
+    defaultStyle: 'สไตล์เริ่มต้น'
+  },
+  tr: {
+    defaultStyle: 'Varsayılan stil'
+  },
+  uk: {
+    defaultStyle: 'Стиль за замовчуванням'
+  },
+  vi: {
+    defaultStyle: 'Kiểu mặc định'
+  },
+  zh: {
+    defaultStyle: '默认样式'
+  },
+  'zh-TW': {
+    defaultStyle: '預設樣式'
+  }
+};
+//# sourceMappingURL=i18n.js.map

package/dist/features/textState/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","names":["i18n","ar","defaultStyle","az","bg","cs","da","de","en","es","et","fa","fr","he","hr","hu","it","ja","ko","my","nb","nl","pl","pt","ro","rs","ru","sk","sl","sv","th","tr","uk","vi","zh"],"sources":["../../../src/features/textState/i18n.ts"],"sourcesContent":["import type { GenericLanguages } from '@payloadcms/translations'\n\nexport const i18n: Partial<GenericLanguages> = {\n  ar: { defaultStyle: 'النمط الافتراضي' },\n  az: { defaultStyle: 'Defolt üslub' },\n  bg: { defaultStyle: 'Стандартен стил' },\n  cs: { defaultStyle: 'Výchozí styl' },\n  da: { defaultStyle: 'Standardstil' },\n  de: { defaultStyle: 'Standardstil' },\n  en: { defaultStyle: 'Default style' },\n  es: { defaultStyle: 'Estilo predeterminado' },\n  et: { defaultStyle: 'Vaikimisi stiil' },\n  fa: { defaultStyle: 'سبک پیش‌فرض' },\n  fr: { defaultStyle: 'Style par défaut' },\n  he: { defaultStyle: 'סגנון ברירת מחדל' },\n  hr: { defaultStyle: 'Zadani stil' },\n  hu: { defaultStyle: 'Alapértelmezett stílus' },\n  it: { defaultStyle: 'Stile predefinito' },\n  ja: { defaultStyle: 'デフォルトスタイル' },\n  ko: { defaultStyle: '기본 스타일' },\n  my: { defaultStyle: 'Gaya lalai' },\n  nb: { defaultStyle: 'Standardstil' },\n  nl: { defaultStyle: 'Standaardstijl' },\n  pl: { defaultStyle: 'Domyślny styl' },\n  pt: { defaultStyle: 'Estilo padrão' },\n  ro: { defaultStyle: 'Stil implicit' },\n  rs: { defaultStyle: 'Подразумевани стил' },\n  'rs-latin': { defaultStyle: 'Podrazumevani stil' },\n  ru: { defaultStyle: 'Стиль по умолчанию' },\n  sk: { defaultStyle: 'Predvolený štýl' },\n  sl: { defaultStyle: 'Privzeti slog' },\n  sv: { defaultStyle: 'Standardstil' },\n  th: { defaultStyle: 'สไตล์เริ่มต้น' },\n  tr: { defaultStyle: 'Varsayılan stil' },\n  uk: { defaultStyle: 'Стиль за замовчуванням' },\n  vi: { defaultStyle: 'Kiểu mặc định' },\n  zh: { defaultStyle: '默认样式' },\n  'zh-TW': { defaultStyle: '預設樣式' },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,IAAA,GAAkC;EAC7CC,EAAA,EAAI;IAAEC,YAAA,EAAc;EAAkB;EACtCC,EAAA,EAAI;IAAED,YAAA,EAAc;EAAe;EACnCE,EAAA,EAAI;IAAEF,YAAA,EAAc;EAAkB;EACtCG,EAAA,EAAI;IAAEH,YAAA,EAAc;EAAe;EACnCI,EAAA,EAAI;IAAEJ,YAAA,EAAc;EAAe;EACnCK,EAAA,EAAI;IAAEL,YAAA,EAAc;EAAe;EACnCM,EAAA,EAAI;IAAEN,YAAA,EAAc;EAAgB;EACpCO,EAAA,EAAI;IAAEP,YAAA,EAAc;EAAwB;EAC5CQ,EAAA,EAAI;IAAER,YAAA,EAAc;EAAkB;EACtCS,EAAA,EAAI;IAAET,YAAA,EAAc;EAAc;EAClCU,EAAA,EAAI;IAAEV,YAAA,EAAc;EAAmB;EACvCW,EAAA,EAAI;IAAEX,YAAA,EAAc;EAAmB;EACvCY,EAAA,EAAI;IAAEZ,YAAA,EAAc;EAAc;EAClCa,EAAA,EAAI;IAAEb,YAAA,EAAc;EAAyB;EAC7Cc,EAAA,EAAI;IAAEd,YAAA,EAAc;EAAoB;EACxCe,EAAA,EAAI;IAAEf,YAAA,EAAc;EAAY;EAChCgB,EAAA,EAAI;IAAEhB,YAAA,EAAc;EAAS;EAC7BiB,EAAA,EAAI;IAAEjB,YAAA,EAAc;EAAa;EACjCkB,EAAA,EAAI;IAAElB,YAAA,EAAc;EAAe;EACnCmB,EAAA,EAAI;IAAEnB,YAAA,EAAc;EAAiB;EACrCoB,EAAA,EAAI;IAAEpB,YAAA,EAAc;EAAgB;EACpCqB,EAAA,EAAI;IAAErB,YAAA,EAAc;EAAgB;EACpCsB,EAAA,EAAI;IAAEtB,YAAA,EAAc;EAAgB;EACpCuB,EAAA,EAAI;IAAEvB,YAAA,EAAc;EAAqB;EACzC,YAAY;IAAEA,YAAA,EAAc;EAAqB;EACjDwB,EAAA,EAAI;IAAExB,YAAA,EAAc;EAAqB;EACzCyB,EAAA,EAAI;IAAEzB,YAAA,EAAc;EAAkB;EACtC0B,EAAA,EAAI;IAAE1B,YAAA,EAAc;EAAgB;EACpC2B,EAAA,EAAI;IAAE3B,YAAA,EAAc;EAAe;EACnC4B,EAAA,EAAI;IAAE5B,YAAA,EAAc;EAAgB;EACpC6B,EAAA,EAAI;IAAE7B,YAAA,EAAc;EAAkB;EACtC8B,EAAA,EAAI;IAAE9B,YAAA,EAAc;EAAyB;EAC7C+B,EAAA,EAAI;IAAE/B,YAAA,EAAc;EAAgB;EACpCgC,EAAA,EAAI;IAAEhC,YAAA,EAAc;EAAO;EAC3B,SAAS;IAAEA,YAAA,EAAc;EAAO;AAClC","ignoreList":[]}

package/dist/features/toolbars/shared/ToolbarButton/index.js

@@ -28,23 +28,25 @@ export const ToolbarButton = t0 => {
   const [_state, setState] = useState(t1);
   const deferredState = useDeferredValue(_state);
   const editorConfigContext = useEditorConfigContext();
-  const t2 = !deferredState.enabled ? "disabled" : "";
-  const t3 = deferredState.active ? "active" : "";
-  const t4 = item.key ? `${baseClass}-${item.key}` : "";
-  let t5;
-  if ($[1] !== t2 || $[2] !== t3 || $[3] !== t4) {
-    t5 = [baseClass, t2, t3, t4].filter(Boolean);
-    $[1] = t2;
-    $[2] = t3;
-    $[3] = t4;
-    $[4] = t5;
+  let t2;
+  const t3 = !deferredState.enabled ? "disabled" : "";
+  const t4 = deferredState.active ? "active" : "";
+  const t5 = item.key ? `${baseClass}-${item.key}` : "";
+  let t6;
+  if ($[1] !== t3 || $[2] !== t4 || $[3] !== t5) {
+    t6 = [baseClass, t3, t4, t5].filter(Boolean);
+    $[1] = t3;
+    $[2] = t4;
+    $[3] = t5;
+    $[4] = t6;
   } else {
-    t5 = $[4];
+    t6 = $[4];
   }
-  const className = t5.join(" ");
-  let t6;
+  t2 = t6.join(" ");
+  const className = t2;
+  let t7;
   if ($[5] !== editor || $[6] !== editorConfigContext || $[7] !== item) {
-    t6 = () => {
+    t7 = () => {
       editor.getEditorState().read(() => {
         const selection = $getSelection();
         if (!selection) {
@@ -74,16 +76,16 @@ export const ToolbarButton = t0 => {
     $[5] = editor;
     $[6] = editorConfigContext;
     $[7] = item;
-    $[8] = t6;
+    $[8] = t7;
   } else {
-    t6 = $[8];
+    t7 = $[8];
   }
-  const updateStates = t6;
+  const updateStates = t7;
   const runDeprioritized = useRunDeprioritized();
-  let t7;
   let t8;
+  let t9;
   if ($[9] !== editor || $[10] !== runDeprioritized || $[11] !== updateStates) {
-    t7 = () => {
+    t8 = () => {
       runDeprioritized(updateStates);
       const listener = () => runDeprioritized(updateStates);
       const cleanup = mergeRegister(editor.registerUpdateListener(listener));
@@ -93,20 +95,20 @@ export const ToolbarButton = t0 => {
         document.removeEventListener("mouseup", listener);
       };
     };
-    t8 = [editor, runDeprioritized, updateStates];
+    t9 = [editor, runDeprioritized, updateStates];
     $[9] = editor;
     $[10] = runDeprioritized;
     $[11] = updateStates;
-    $[12] = t7;
-    $[13] = t8;
+    $[12] = t8;
+    $[13] = t9;
   } else {
-    t7 = $[12];
-    t8 = $[13];
+    t8 = $[12];
+    t9 = $[13];
   }
-  useEffect(t7, t8);
-  let t9;
+  useEffect(t8, t9);
+  let t10;
   if ($[14] !== _state || $[15] !== editor || $[16] !== item) {
-    t9 = () => {
+    t10 = () => {
       if (!_state.enabled) {
         return;
       }
@@ -121,15 +123,15 @@ export const ToolbarButton = t0 => {
     $[14] = _state;
     $[15] = editor;
     $[16] = item;
-    $[17] = t9;
+    $[17] = t10;
   } else {
-    t9 = $[17];
+    t10 = $[17];
   }
-  const handleClick = t9;
+  const handleClick = t10;
   const handleMouseDown = _temp2;
-  let t10;
+  let t11;
   if ($[18] !== children || $[19] !== className || $[20] !== handleClick || $[21] !== item.key) {
-    t10 = _jsx("button", {
+    t11 = _jsx("button", {
       className,
       "data-button-key": item.key,
       onClick: handleClick,
@@ -141,11 +143,11 @@ export const ToolbarButton = t0 => {
     $[19] = className;
     $[20] = handleClick;
     $[21] = item.key;
-    $[22] = t10;
+    $[22] = t11;
   } else {
-    t10 = $[22];
+    t11 = $[22];
   }
-  return t10;
+  return t11;
 };
 function _temp() {
   $addUpdateTag("toolbar");