@payloadcms/richtext-lexical 3.39.0-canary.6 → 3.39.0-internal.1c212c9

package/dist/features/textState/textState.js

@@ -1,67 +0,0 @@
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { $forEachSelectedTextNode } from '@lexical/selection';
-import { $getNodeByKey, $getState, $setState, createState, TextNode } from 'lexical';
-import { useEffect } from 'react';
-const stateMap = new Map();
-export function registerTextStates(state) {
-  for (const stateKey in state) {
-    const stateValues = state[stateKey];
-    const stateConfig = createState(stateKey, {
-      parse: value => typeof value === 'string' && Object.keys(stateValues).includes(value) ? value : undefined
-    });
-    stateMap.set(stateKey, {
-      stateConfig,
-      stateValues
-    });
-  }
-}
-export function setTextState(editor, stateKey, value) {
-  editor.update(() => {
-    $forEachSelectedTextNode(textNode => {
-      const stateMapEntry = stateMap.get(stateKey);
-      if (!stateMapEntry) {
-        throw new Error(`State config for ${stateKey} not found`);
-      }
-      $setState(textNode, stateMapEntry.stateConfig, value);
-    });
-  });
-}
-export function StatePlugin() {
-  const [editor] = useLexicalComposerContext();
-  useEffect(() => {
-    return editor.registerMutationListener(TextNode, mutatedNodes => {
-      editor.getEditorState().read(() => {
-        for (const [nodeKey, mutation] of mutatedNodes) {
-          if (mutation === 'destroyed') {
-            continue;
-          }
-          const node = $getNodeByKey(nodeKey);
-          const dom = editor.getElementByKey(nodeKey);
-          if (!node || !dom) {
-            continue;
-          }
-          // stateKey could be color for example
-          stateMap.forEach((stateEntry, _stateKey) => {
-            // stateValue could be bg-red for example
-            const stateValue = $getState(node, stateEntry.stateConfig);
-            if (!stateValue) {
-              delete dom.dataset[_stateKey];
-              dom.style.cssText = '';
-              return;
-            }
-            dom.dataset[_stateKey] = stateValue;
-            const css = stateEntry.stateValues[stateValue]?.css;
-            if (!css) {
-              return;
-            }
-            Object.entries(css).forEach(([key, value]) => {
-              dom.style.setProperty(key, value);
-            });
-          });
-        }
-      });
-    });
-  }, [editor]);
-  return null;
-}
-//# sourceMappingURL=textState.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"textState.js","names":["useLexicalComposerContext","$forEachSelectedTextNode","$getNodeByKey","$getState","$setState","createState","TextNode","useEffect","stateMap","Map","registerTextStates","state","stateKey","stateValues","stateConfig","parse","value","Object","keys","includes","undefined","set","setTextState","editor","update","textNode","stateMapEntry","get","Error","StatePlugin","registerMutationListener","mutatedNodes","getEditorState","read","nodeKey","mutation","node","dom","getElementByKey","forEach","stateEntry","_stateKey","stateValue","dataset","style","cssText","css","entries","key","setProperty"],"sources":["../../../src/features/textState/textState.ts"],"sourcesContent":["import type { LexicalEditor, StateConfig } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { $forEachSelectedTextNode } from '@lexical/selection'\nimport { $getNodeByKey, $getState, $setState, createState, TextNode } from 'lexical'\nimport { useEffect } from 'react'\n\nimport { type StateValues, type TextStateFeatureProps } from './feature.server.js'\n\nconst stateMap = new Map<\n  string,\n  {\n    stateConfig: StateConfig<string, string | undefined>\n    stateValues: StateValues\n  }\n>()\n\nexport function registerTextStates(state: TextStateFeatureProps['state']) {\n  for (const stateKey in state) {\n    const stateValues = state[stateKey]!\n    const stateConfig = createState(stateKey, {\n      parse: (value) =>\n        typeof value === 'string' && Object.keys(stateValues).includes(value) ? value : undefined,\n    })\n    stateMap.set(stateKey, { stateConfig, stateValues })\n  }\n}\n\nexport function setTextState(editor: LexicalEditor, stateKey: string, value: string | undefined) {\n  editor.update(() => {\n    $forEachSelectedTextNode((textNode) => {\n      const stateMapEntry = stateMap.get(stateKey)\n      if (!stateMapEntry) {\n        throw new Error(`State config for ${stateKey} not found`)\n      }\n      $setState(textNode, stateMapEntry.stateConfig, value)\n    })\n  })\n}\n\nexport function StatePlugin() {\n  const [editor] = useLexicalComposerContext()\n\n  useEffect(() => {\n    return editor.registerMutationListener(TextNode, (mutatedNodes) => {\n      editor.getEditorState().read(() => {\n        for (const [nodeKey, mutation] of mutatedNodes) {\n          if (mutation === 'destroyed') {\n            continue\n          }\n          const node = $getNodeByKey(nodeKey)\n          const dom = editor.getElementByKey(nodeKey)\n          if (!node || !dom) {\n            continue\n          }\n          // stateKey could be color for example\n          stateMap.forEach((stateEntry, _stateKey) => {\n            // stateValue could be bg-red for example\n            const stateValue = $getState(node, stateEntry.stateConfig)\n            if (!stateValue) {\n              delete dom.dataset[_stateKey]\n              dom.style.cssText = ''\n              return\n            }\n            dom.dataset[_stateKey] = stateValue\n            const css = stateEntry.stateValues[stateValue]?.css\n            if (!css) {\n              return\n            }\n            Object.entries(css).forEach(([key, value]) => {\n              dom.style.setProperty(key, value)\n            })\n          })\n        }\n      })\n    })\n  }, [editor])\n\n  return null\n}\n"],"mappings":"AAEA,SAASA,yBAAyB,QAAQ;AAC1C,SAASC,wBAAwB,QAAQ;AACzC,SAASC,aAAa,EAAEC,SAAS,EAAEC,SAAS,EAAEC,WAAW,EAAEC,QAAQ,QAAQ;AAC3E,SAASC,SAAS,QAAQ;AAI1B,MAAMC,QAAA,GAAW,IAAIC,GAAA;AAQrB,OAAO,SAASC,mBAAmBC,KAAqC;EACtE,KAAK,MAAMC,QAAA,IAAYD,KAAA,EAAO;IAC5B,MAAME,WAAA,GAAcF,KAAK,CAACC,QAAA,CAAS;IACnC,MAAME,WAAA,GAAcT,WAAA,CAAYO,QAAA,EAAU;MACxCG,KAAA,EAAQC,KAAA,IACN,OAAOA,KAAA,KAAU,YAAYC,MAAA,CAAOC,IAAI,CAACL,WAAA,EAAaM,QAAQ,CAACH,KAAA,IAASA,KAAA,GAAQI;IACpF;IACAZ,QAAA,CAASa,GAAG,CAACT,QAAA,EAAU;MAAEE,WAAA;MAAaD;IAAY;EACpD;AACF;AAEA,OAAO,SAASS,aAAaC,MAAqB,EAAEX,QAAgB,EAAEI,KAAyB;EAC7FO,MAAA,CAAOC,MAAM,CAAC;IACZvB,wBAAA,CAA0BwB,QAAA;MACxB,MAAMC,aAAA,GAAgBlB,QAAA,CAASmB,GAAG,CAACf,QAAA;MACnC,IAAI,CAACc,aAAA,EAAe;QAClB,MAAM,IAAIE,KAAA,CAAM,oBAAoBhB,QAAA,YAAoB;MAC1D;MACAR,SAAA,CAAUqB,QAAA,EAAUC,aAAA,CAAcZ,WAAW,EAAEE,KAAA;IACjD;EACF;AACF;AAEA,OAAO,SAASa,YAAA;EACd,MAAM,CAACN,MAAA,CAAO,GAAGvB,yBAAA;EAEjBO,SAAA,CAAU;IACR,OAAOgB,MAAA,CAAOO,wBAAwB,CAACxB,QAAA,EAAWyB,YAAA;MAChDR,MAAA,CAAOS,cAAc,GAAGC,IAAI,CAAC;QAC3B,KAAK,MAAM,CAACC,OAAA,EAASC,QAAA,CAAS,IAAIJ,YAAA,EAAc;UAC9C,IAAII,QAAA,KAAa,aAAa;YAC5B;UACF;UACA,MAAMC,IAAA,GAAOlC,aAAA,CAAcgC,OAAA;UAC3B,MAAMG,GAAA,GAAMd,MAAA,CAAOe,eAAe,CAACJ,OAAA;UACnC,IAAI,CAACE,IAAA,IAAQ,CAACC,GAAA,EAAK;YACjB;UACF;UACA;UACA7B,QAAA,CAAS+B,OAAO,CAAC,CAACC,UAAA,EAAYC,SAAA;YAC5B;YACA,MAAMC,UAAA,GAAavC,SAAA,CAAUiC,IAAA,EAAMI,UAAA,CAAW1B,WAAW;YACzD,IAAI,CAAC4B,UAAA,EAAY;cACf,OAAOL,GAAA,CAAIM,OAAO,CAACF,SAAA,CAAU;cAC7BJ,GAAA,CAAIO,KAAK,CAACC,OAAO,GAAG;cACpB;YACF;YACAR,GAAA,CAAIM,OAAO,CAACF,SAAA,CAAU,GAAGC,UAAA;YACzB,MAAMI,GAAA,GAAMN,UAAA,CAAW3B,WAAW,CAAC6B,UAAA,CAAW,EAAEI,GAAA;YAChD,IAAI,CAACA,GAAA,EAAK;cACR;YACF;YACA7B,MAAA,CAAO8B,OAAO,CAACD,GAAA,EAAKP,OAAO,CAAC,CAAC,CAACS,GAAA,EAAKhC,KAAA,CAAM;cACvCqB,GAAA,CAAIO,KAAK,CAACK,WAAW,CAACD,GAAA,EAAKhC,KAAA;YAC7B;UACF;QACF;MACF;IACF;EACF,GAAG,CAACO,MAAA,CAAO;EAEX,OAAO;AACT","ignoreList":[]}

package/dist/lexical/ui/icons/TextState/index.d.ts

@@ -1,5 +0,0 @@
-import type { StyleObject } from '../../../../features/textState/feature.server.js';
-export declare const TextStateIcon: React.FC<{
-    css?: StyleObject;
-}>;
-//# sourceMappingURL=index.d.ts.map

package/dist/lexical/ui/icons/TextState/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/ui/icons/TextState/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAA;AAMnF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,GAAG,CAAC,EAAE,WAAW,CAAA;CAClB,CAqBA,CAAA"}

package/dist/lexical/ui/icons/TextState/index.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-function kebabToCamelCase(str) {
-  return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
-}
-export const TextStateIcon = ({
-  css
-}) => {
-  const convertedCss = css ? Object.fromEntries(Object.entries(css).map(([key, value]) => [kebabToCamelCase(key), value])) : {};
-  return /*#__PURE__*/_jsx("span", {
-    style: {
-      ...convertedCss,
-      alignItems: 'center',
-      borderRadius: '4px',
-      display: 'flex',
-      fontSize: '16px',
-      height: '20px',
-      justifyContent: 'center',
-      width: '20px'
-    },
-    children: "A"
-  });
-};
-//# sourceMappingURL=index.js.map

package/dist/lexical/ui/icons/TextState/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["kebabToCamelCase","str","replace","_","letter","toUpperCase","TextStateIcon","css","convertedCss","Object","fromEntries","entries","map","key","value","_jsx","style","alignItems","borderRadius","display","fontSize","height","justifyContent","width"],"sources":["../../../../../src/lexical/ui/icons/TextState/index.tsx"],"sourcesContent":["import type { StyleObject } from '../../../../features/textState/feature.server.js'\n\nfunction kebabToCamelCase(str: string): string {\n  return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase())\n}\n\nexport const TextStateIcon: React.FC<{\n  css?: StyleObject\n}> = ({ css }) => {\n  const convertedCss = css\n    ? Object.fromEntries(Object.entries(css).map(([key, value]) => [kebabToCamelCase(key), value]))\n    : {}\n\n  return (\n    <span\n      style={{\n        ...convertedCss,\n        alignItems: 'center',\n        borderRadius: '4px',\n        display: 'flex',\n        fontSize: '16px',\n        height: '20px',\n        justifyContent: 'center',\n        width: '20px',\n      }}\n    >\n      A\n    </span>\n  )\n}\n"],"mappings":";AAEA,SAASA,iBAAiBC,GAAW;EACnC,OAAOA,GAAA,CAAIC,OAAO,CAAC,aAAa,CAACC,CAAA,EAAGC,MAAA,KAAWA,MAAA,CAAOC,WAAW;AACnE;AAEA,OAAO,MAAMC,aAAA,GAERA,CAAC;EAAEC;AAAG,CAAE;EACX,MAAMC,YAAA,GAAeD,GAAA,GACjBE,MAAA,CAAOC,WAAW,CAACD,MAAA,CAAOE,OAAO,CAACJ,GAAA,EAAKK,GAAG,CAAC,CAAC,CAACC,GAAA,EAAKC,KAAA,CAAM,KAAK,CAACd,gBAAA,CAAiBa,GAAA,GAAMC,KAAA,CAAM,KAC3F,CAAC;EAEL,oBACEC,IAAA,CAAC;IACCC,KAAA,EAAO;MACL,GAAGR,YAAY;MACfS,UAAA,EAAY;MACZC,YAAA,EAAc;MACdC,OAAA,EAAS;MACTC,QAAA,EAAU;MACVC,MAAA,EAAQ;MACRC,cAAA,EAAgB;MAChBC,KAAA,EAAO;IACT;cACD;;AAIL","ignoreList":[]}