@payloadcms/richtext-slate 3.0.0-canary.fb81f02 → 3.0.0

package/dist/field/elements/upload/Element/index.scss

@@ -1,147 +1,149 @@
 @import '../../../../scss/styles.scss';
 
-.rich-text-upload {
-  @extend %body;
-  @include shadow-sm;
-  max-width: base(15);
-  display: flex;
-  align-items: center;
-  background: var(--theme-input-bg);
-  border: 1px solid var(--theme-elevation-100);
-  position: relative;
-  font-family: var(--font-body);
-
-  &:hover {
-    border: 1px solid var(--theme-elevation-150);
-  }
-
-  &[data-slate-node='element'] {
-    margin: base(0.625) 0;
-  }
-
-  &__card {
-    @include soft-shadow-bottom;
+@layer payload-default {
+  .rich-text-upload {
+    @extend %body;
+    @include shadow-sm;
+    max-width: base(15);
     display: flex;
-    flex-direction: column;
-    width: 100%;
-  }
+    align-items: center;
+    background: var(--theme-input-bg);
+    border: 1px solid var(--theme-elevation-100);
+    position: relative;
+    font-family: var(--font-body);
 
-  &__topRow {
-    display: flex;
-  }
+    &:hover {
+      border: 1px solid var(--theme-elevation-150);
+    }
 
-  &__thumbnail {
-    width: base(3.25);
-    height: auto;
-    position: relative;
-    overflow: hidden;
-    flex-shrink: 0;
+    &[data-slate-node='element'] {
+      margin: base(0.625) 0;
+    }
 
-    img,
-    svg {
-      position: absolute;
-      object-fit: cover;
+    &__card {
+      @include soft-shadow-bottom;
+      display: flex;
+      flex-direction: column;
       width: 100%;
-      height: 100%;
-      background-color: var(--theme-elevation-800);
     }
-  }
-
-  &__topRowRightPanel {
-    flex-grow: 1;
-    display: flex;
-    align-items: center;
-    padding: base(0.75);
-    justify-content: space-between;
-    max-width: calc(100% - #{base(3.25)});
-  }
 
-  &__actions {
-    display: flex;
-    align-items: center;
-    flex-shrink: 0;
-    margin-left: base(0.5);
+    &__topRow {
+      display: flex;
+    }
 
-    .rich-text-upload__doc-drawer-toggler {
-      pointer-events: all;
+    &__thumbnail {
+      width: base(3.25);
+      height: auto;
+      position: relative;
+      overflow: hidden;
+      flex-shrink: 0;
+
+      img,
+      svg {
+        position: absolute;
+        object-fit: cover;
+        width: 100%;
+        height: 100%;
+        background-color: var(--theme-elevation-800);
+      }
     }
 
-    & > *:not(:last-child) {
-      margin-right: base(0.25);
+    &__topRowRightPanel {
+      flex-grow: 1;
+      display: flex;
+      align-items: center;
+      padding: base(0.75);
+      justify-content: space-between;
+      max-width: calc(100% - #{base(3.25)});
     }
-  }
 
-  &__removeButton {
-    margin: 0;
+    &__actions {
+      display: flex;
+      align-items: center;
+      flex-shrink: 0;
+      margin-left: base(0.5);
 
-    line {
-      stroke-width: $style-stroke-width-m;
-    }
+      .rich-text-upload__doc-drawer-toggler {
+        pointer-events: all;
+      }
 
-    &:disabled {
-      color: var(--theme-elevation-300);
-      pointer-events: none;
+      & > *:not(:last-child) {
+        margin-right: base(0.25);
+      }
     }
-  }
 
-  &__upload-drawer-toggler {
-    background-color: transparent;
-    border: none;
-    padding: 0;
-    margin: 0;
-    outline: none;
-    line-height: inherit;
-  }
+    &__removeButton {
+      margin: 0;
 
-  &__doc-drawer-toggler {
-    text-decoration: underline;
-  }
+      line {
+        stroke-width: $style-stroke-width-m;
+      }
 
-  &__doc-drawer-toggler,
-  &__list-drawer-toggler,
-  &__upload-drawer-toggler {
-    & > * {
+      &:disabled {
+        color: var(--theme-elevation-300);
+        pointer-events: none;
+      }
+    }
+
+    &__upload-drawer-toggler {
+      background-color: transparent;
+      border: none;
+      padding: 0;
       margin: 0;
+      outline: none;
+      line-height: inherit;
     }
 
-    &:disabled {
-      color: var(--theme-elevation-300);
-      pointer-events: none;
+    &__doc-drawer-toggler {
+      text-decoration: underline;
     }
-  }
 
-  &__collectionLabel {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
+    &__doc-drawer-toggler,
+    &__list-drawer-toggler,
+    &__upload-drawer-toggler {
+      & > * {
+        margin: 0;
+      }
+
+      &:disabled {
+        color: var(--theme-elevation-300);
+        pointer-events: none;
+      }
+    }
 
-  &__bottomRow {
-    padding: base(0.5);
-    border-top: 1px solid var(--theme-elevation-100);
-  }
+    &__collectionLabel {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
 
-  h5 {
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
+    &__bottomRow {
+      padding: base(0.5);
+      border-top: 1px solid var(--theme-elevation-100);
+    }
 
-  &__wrap {
-    padding: base(0.5) base(0.5) base(0.5) base(1);
-    text-align: left;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
+    h5 {
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
 
-  &--selected {
-    box-shadow: $focus-box-shadow;
-    outline: none;
-  }
+    &__wrap {
+      padding: base(0.5) base(0.5) base(0.5) base(1);
+      text-align: left;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
 
-  @include small-break {
-    &__topRowRightPanel {
-      padding: base(0.75) base(0.5);
+    &--selected {
+      box-shadow: $focus-box-shadow;
+      outline: none;
+    }
+
+    @include small-break {
+      &__topRowRightPanel {
+        padding: base(0.75) base(0.5);
+      }
     }
   }
 }

package/dist/field/elements/upload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/upload/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAO9D,eAAO,MAAM,MAAM,EAAE,qBAKpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/upload/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAI9D,eAAO,MAAM,MAAM,EAAE,qBAKpB,CAAA"}

package/dist/field/elements/upload/index.js

@@ -1,13 +1,10 @@
-import { Button } from './Button/index.js';
-import { Element } from './Element/index.js';
-import { WithUpload } from './plugin.js';
 import { uploadName } from './shared.js';
 export const upload = {
     name: uploadName,
-    Button,
-    Element,
+    Button: '@payloadcms/richtext-slate/client#UploadElementButton',
+    Element: '@payloadcms/richtext-slate/client#UploadElement',
     plugins: [
-        WithUpload
+        '@payloadcms/richtext-slate/client#WithUpload'
     ]
 };
 

package/dist/field/elements/upload/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/upload/index.ts"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nimport { Button } from './Button/index.js'\nimport { Element } from './Element/index.js'\nimport { WithUpload } from './plugin.js'\nimport { uploadName } from './shared.js'\n\nexport const upload: RichTextCustomElement = {\n  name: uploadName,\n  Button,\n  Element,\n  plugins: [WithUpload],\n}\n"],"names":["Button","Element","WithUpload","uploadName","upload","name","plugins"],"mappings":"AAEA,SAASA,MAAM,QAAQ,oBAAmB;AAC1C,SAASC,OAAO,QAAQ,qBAAoB;AAC5C,SAASC,UAAU,QAAQ,cAAa;AACxC,SAASC,UAAU,QAAQ,cAAa;AAExC,OAAO,MAAMC,SAAgC;IAC3CC,MAAMF;IACNH;IACAC;IACAK,SAAS;QAACJ;KAAW;AACvB,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/upload/index.ts"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nimport { uploadName } from './shared.js'\n\nexport const upload: RichTextCustomElement = {\n  name: uploadName,\n  Button: '@payloadcms/richtext-slate/client#UploadElementButton',\n  Element: '@payloadcms/richtext-slate/client#UploadElement',\n  plugins: ['@payloadcms/richtext-slate/client#WithUpload'],\n}\n"],"names":["uploadName","upload","name","Button","Element","plugins"],"mappings":"AAEA,SAASA,UAAU,QAAQ,cAAa;AAExC,OAAO,MAAMC,SAAgC;IAC3CC,MAAMF;IACNG,QAAQ;IACRC,SAAS;IACTC,SAAS;QAAC;KAA+C;AAC3D,EAAC"}

package/dist/field/icons/IndentLeft/index.scss

@@ -1,16 +1,18 @@
 @import '../../../scss/styles.scss';
 
-.icon--indent-left {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--indent-left {
+    height: $baseline;
+    width: $baseline;
 
-  .stroke {
-    fill: none;
-    stroke: var(--theme-elevation-800);
-    stroke-width: $style-stroke-width-m;
-  }
+    .stroke {
+      fill: none;
+      stroke: var(--theme-elevation-800);
+      stroke-width: $style-stroke-width-m;
+    }
 
-  .fill {
-    fill: var(--theme-elevation-800);
+    .fill {
+      fill: var(--theme-elevation-800);
+    }
   }
 }

package/dist/field/icons/IndentRight/index.scss

@@ -1,16 +1,18 @@
 @import '../../../scss/styles.scss';
 
-.icon--indent-right {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--indent-right {
+    height: $baseline;
+    width: $baseline;
 
-  .stroke {
-    fill: none;
-    stroke: var(--theme-elevation-800);
-    stroke-width: $style-stroke-width-m;
-  }
+    .stroke {
+      fill: none;
+      stroke: var(--theme-elevation-800);
+      stroke-width: $style-stroke-width-m;
+    }
 
-  .fill {
-    fill: var(--theme-elevation-800);
+    .fill {
+      fill: var(--theme-elevation-800);
+    }
   }
 }

package/dist/field/icons/Link/index.scss

@@ -1,11 +1,13 @@
 @import '../../../scss/styles.scss';
 
-.icon--link {
-  width: $baseline;
-  height: $baseline;
+@layer payload-default {
+  .icon--link {
+    width: $baseline;
+    height: $baseline;
 
-  .stroke {
-    stroke: var(--theme-elevation-800);
-    stroke-width: $style-stroke-width;
+    .stroke {
+      stroke: var(--theme-elevation-800);
+      stroke-width: $style-stroke-width;
+    }
   }
 }

package/dist/field/icons/Relationship/index.scss

@@ -1,12 +1,14 @@
 @import '../../../scss/styles.scss';
 
-.icon--relationship {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--relationship {
+    height: $baseline;
+    width: $baseline;
 
-  .stroke {
-    fill: none;
-    stroke: var(--theme-elevation-800);
-    stroke-width: $style-stroke-width-m;
+    .stroke {
+      fill: none;
+      stroke: var(--theme-elevation-800);
+      stroke-width: $style-stroke-width-m;
+    }
   }
 }

package/dist/field/icons/Upload/index.scss

@@ -1,11 +1,13 @@
 @import '../../../scss/styles.scss';
 
-.icon--upload {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--upload {
+    height: $baseline;
+    width: $baseline;
 
-  .fill {
-    fill: var(--theme-elevation-800);
-    stroke: none;
+    .fill {
+      fill: var(--theme-elevation-800);
+      stroke: none;
+    }
   }
 }

package/dist/field/index.d.ts

@@ -1,7 +1,4 @@
-import type { FormFieldBase } from 'payload';
 import React from 'react';
-export declare const RichTextField: React.FC<{
-    name: string;
-    richTextComponentMap: Map<string, React.ReactNode>;
-} & FormFieldBase>;
+import type { SlateFieldProps } from '../types.js';
+export declare const RichTextField: React.FC<SlateFieldProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/field/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/field/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAG5C,OAAO,KAA8C,MAAM,OAAO,CAAA;AAalE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAClC;IACE,IAAI,EAAE,MAAM,CAAA;IACZ,oBAAoB,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;CACnD,GAAG,aAAa,CAoDlB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/field/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAElE,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,aAAa,CAAA;AAYlE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoDnD,CAAA"}

package/dist/field/index.js

@@ -1,18 +1,18 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ShimmerEffect, useClientFunctions, useFieldProps } from '@payloadcms/ui';
-import React, { Suspense, lazy, useEffect, useState } from 'react';
+import { ShimmerEffect, useClientFunctions } from '@payloadcms/ui';
+import React, { lazy, Suspense, useEffect, useState } from 'react';
+import { SlatePropsProvider } from '../utilities/SlatePropsProvider.js';
 import { createFeatureMap } from './createFeatureMap.js';
 const RichTextEditor = /*#__PURE__*/ lazy(()=>import('./RichText.js').then((module)=>({
             default: module.RichText
         })));
 export const RichTextField = (props)=>{
-    const { richTextComponentMap } = props;
-    const { schemaPath } = useFieldProps();
+    const { componentMap, schemaPath } = props;
     const clientFunctions = useClientFunctions();
     const [hasLoadedPlugins, setHasLoadedPlugins] = useState(false);
     const [features] = useState(()=>{
-        return createFeatureMap(richTextComponentMap);
+        return createFeatureMap(new Map(Object.entries(componentMap)));
     });
     const [plugins, setPlugins] = useState([]);
     useEffect(()=>{
@@ -35,7 +35,8 @@ export const RichTextField = (props)=>{
         features.plugins.length
     ]);
     if (!hasLoadedPlugins) {
-        return /*#__PURE__*/ _jsx(React.Fragment, {
+        return /*#__PURE__*/ _jsx(SlatePropsProvider, {
+            schemaPath: schemaPath,
             children: Array.isArray(features.plugins) && features.plugins.map((Plugin, i)=>{
                 return /*#__PURE__*/ _jsx(React.Fragment, {
                     children: Plugin
@@ -47,11 +48,14 @@ export const RichTextField = (props)=>{
         fallback: /*#__PURE__*/ _jsx(ShimmerEffect, {
             height: "35vh"
         }),
-        children: /*#__PURE__*/ _jsx(RichTextEditor, {
-            ...props,
-            elements: features.elements,
-            leaves: features.leaves,
-            plugins: plugins
+        children: /*#__PURE__*/ _jsx(SlatePropsProvider, {
+            schemaPath: schemaPath,
+            children: /*#__PURE__*/ _jsx(RichTextEditor, {
+                ...props,
+                elements: features.elements,
+                leaves: features.leaves,
+                plugins: plugins
+            })
         })
     });
 };

package/dist/field/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/field/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormFieldBase } from 'payload'\n\nimport { ShimmerEffect, useClientFunctions, useFieldProps } from '@payloadcms/ui'\nimport React, { Suspense, lazy, useEffect, useState } from 'react'\n\nimport type { RichTextPlugin } from '../types.js'\nimport type { EnabledFeatures } from './types.js'\n\nimport { createFeatureMap } from './createFeatureMap.js'\n\nconst RichTextEditor = lazy(() =>\n  import('./RichText.js').then((module) => ({\n    default: module.RichText,\n  })),\n)\n\nexport const RichTextField: React.FC<\n  {\n    name: string\n    richTextComponentMap: Map<string, React.ReactNode>\n  } & FormFieldBase\n> = (props) => {\n  const { richTextComponentMap } = props\n\n  const { schemaPath } = useFieldProps()\n  const clientFunctions = useClientFunctions()\n  const [hasLoadedPlugins, setHasLoadedPlugins] = useState(false)\n\n  const [features] = useState<EnabledFeatures>(() => {\n    return createFeatureMap(richTextComponentMap)\n  })\n\n  const [plugins, setPlugins] = useState<RichTextPlugin[]>([])\n\n  useEffect(() => {\n    if (!hasLoadedPlugins) {\n      const plugins: RichTextPlugin[] = []\n\n      Object.entries(clientFunctions).forEach(([key, plugin]) => {\n        if (key.startsWith(`slatePlugin.${schemaPath}.`)) {\n          plugins.push(plugin)\n        }\n      })\n\n      if (plugins.length === features.plugins.length) {\n        setPlugins(plugins)\n        setHasLoadedPlugins(true)\n      }\n    }\n  }, [hasLoadedPlugins, clientFunctions, schemaPath, features.plugins.length])\n\n  if (!hasLoadedPlugins) {\n    return (\n      <React.Fragment>\n        {Array.isArray(features.plugins) &&\n          features.plugins.map((Plugin, i) => {\n            return <React.Fragment key={i}>{Plugin}</React.Fragment>\n          })}\n      </React.Fragment>\n    )\n  }\n\n  return (\n    <Suspense fallback={<ShimmerEffect height=\"35vh\" />}>\n      <RichTextEditor\n        {...props}\n        elements={features.elements}\n        leaves={features.leaves}\n        plugins={plugins}\n      />\n    </Suspense>\n  )\n}\n"],"names":["ShimmerEffect","useClientFunctions","useFieldProps","React","Suspense","lazy","useEffect","useState","createFeatureMap","RichTextEditor","then","module","default","RichText","RichTextField","props","richTextComponentMap","schemaPath","clientFunctions","hasLoadedPlugins","setHasLoadedPlugins","features","plugins","setPlugins","Object","entries","forEach","key","plugin","startsWith","push","length","Fragment","Array","isArray","map","Plugin","i","fallback","height","elements","leaves"],"mappings":"AAAA;;AAIA,SAASA,aAAa,EAAEC,kBAAkB,EAAEC,aAAa,QAAQ,iBAAgB;AACjF,OAAOC,SAASC,QAAQ,EAAEC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAKlE,SAASC,gBAAgB,QAAQ,wBAAuB;AAExD,MAAMC,+BAAiBJ,KAAK,IAC1B,MAAM,CAAC,iBAAiBK,IAAI,CAAC,CAACC,SAAY,CAAA;YACxCC,SAASD,OAAOE,QAAQ;QAC1B,CAAA;AAGF,OAAO,MAAMC,gBAKT,CAACC;IACH,MAAM,EAAEC,oBAAoB,EAAE,GAAGD;IAEjC,MAAM,EAAEE,UAAU,EAAE,GAAGf;IACvB,MAAMgB,kBAAkBjB;IACxB,MAAM,CAACkB,kBAAkBC,oBAAoB,GAAGb,SAAS;IAEzD,MAAM,CAACc,SAAS,GAAGd,SAA0B;QAC3C,OAAOC,iBAAiBQ;IAC1B;IAEA,MAAM,CAACM,SAASC,WAAW,GAAGhB,SAA2B,EAAE;IAE3DD,UAAU;QACR,IAAI,CAACa,kBAAkB;YACrB,MAAMG,UAA4B,EAAE;YAEpCE,OAAOC,OAAO,CAACP,iBAAiBQ,OAAO,CAAC,CAAC,CAACC,KAAKC,OAAO;gBACpD,IAAID,IAAIE,UAAU,CAAC,CAAC,YAAY,EAAEZ,WAAW,CAAC,CAAC,GAAG;oBAChDK,QAAQQ,IAAI,CAACF;gBACf;YACF;YAEA,IAAIN,QAAQS,MAAM,KAAKV,SAASC,OAAO,CAACS,MAAM,EAAE;gBAC9CR,WAAWD;gBACXF,oBAAoB;YACtB;QACF;IACF,GAAG;QAACD;QAAkBD;QAAiBD;QAAYI,SAASC,OAAO,CAACS,MAAM;KAAC;IAE3E,IAAI,CAACZ,kBAAkB;QACrB,qBACE,KAAChB,MAAM6B,QAAQ;sBACZC,MAAMC,OAAO,CAACb,SAASC,OAAO,KAC7BD,SAASC,OAAO,CAACa,GAAG,CAAC,CAACC,QAAQC;gBAC5B,qBAAO,KAAClC,MAAM6B,QAAQ;8BAAUI;mBAAJC;YAC9B;;IAGR;IAEA,qBACE,KAACjC;QAASkC,wBAAU,KAACtC;YAAcuC,QAAO;;kBACxC,cAAA,KAAC9B;YACE,GAAGM,KAAK;YACTyB,UAAUnB,SAASmB,QAAQ;YAC3BC,QAAQpB,SAASoB,MAAM;YACvBnB,SAASA;;;AAIjB,EAAC"}
+{"version":3,"sources":["../../src/field/index.tsx"],"sourcesContent":["'use client'\n\nimport { ShimmerEffect, useClientFunctions } from '@payloadcms/ui'\nimport React, { lazy, Suspense, useEffect, useState } from 'react'\n\nimport type { RichTextPlugin, SlateFieldProps } from '../types.js'\nimport type { EnabledFeatures } from './types.js'\n\nimport { SlatePropsProvider } from '../utilities/SlatePropsProvider.js'\nimport { createFeatureMap } from './createFeatureMap.js'\n\nconst RichTextEditor = lazy(() =>\n  import('./RichText.js').then((module) => ({\n    default: module.RichText,\n  })),\n)\n\nexport const RichTextField: React.FC<SlateFieldProps> = (props) => {\n  const { componentMap, schemaPath } = props\n\n  const clientFunctions = useClientFunctions()\n  const [hasLoadedPlugins, setHasLoadedPlugins] = useState(false)\n\n  const [features] = useState<EnabledFeatures>(() => {\n    return createFeatureMap(new Map(Object.entries(componentMap)))\n  })\n\n  const [plugins, setPlugins] = useState<RichTextPlugin[]>([])\n\n  useEffect(() => {\n    if (!hasLoadedPlugins) {\n      const plugins: RichTextPlugin[] = []\n\n      Object.entries(clientFunctions).forEach(([key, plugin]) => {\n        if (key.startsWith(`slatePlugin.${schemaPath}.`)) {\n          plugins.push(plugin)\n        }\n      })\n\n      if (plugins.length === features.plugins.length) {\n        setPlugins(plugins)\n        setHasLoadedPlugins(true)\n      }\n    }\n  }, [hasLoadedPlugins, clientFunctions, schemaPath, features.plugins.length])\n\n  if (!hasLoadedPlugins) {\n    return (\n      <SlatePropsProvider schemaPath={schemaPath}>\n        {Array.isArray(features.plugins) &&\n          features.plugins.map((Plugin, i) => {\n            return <React.Fragment key={i}>{Plugin}</React.Fragment>\n          })}\n      </SlatePropsProvider>\n    )\n  }\n\n  return (\n    <Suspense fallback={<ShimmerEffect height=\"35vh\" />}>\n      <SlatePropsProvider schemaPath={schemaPath}>\n        <RichTextEditor\n          {...props}\n          elements={features.elements}\n          leaves={features.leaves}\n          plugins={plugins}\n        />\n      </SlatePropsProvider>\n    </Suspense>\n  )\n}\n"],"names":["ShimmerEffect","useClientFunctions","React","lazy","Suspense","useEffect","useState","SlatePropsProvider","createFeatureMap","RichTextEditor","then","module","default","RichText","RichTextField","props","componentMap","schemaPath","clientFunctions","hasLoadedPlugins","setHasLoadedPlugins","features","Map","Object","entries","plugins","setPlugins","forEach","key","plugin","startsWith","push","length","Array","isArray","map","Plugin","i","Fragment","fallback","height","elements","leaves"],"mappings":"AAAA;;AAEA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ,iBAAgB;AAClE,OAAOC,SAASC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAKlE,SAASC,kBAAkB,QAAQ,qCAAoC;AACvE,SAASC,gBAAgB,QAAQ,wBAAuB;AAExD,MAAMC,+BAAiBN,KAAK,IAC1B,MAAM,CAAC,iBAAiBO,IAAI,CAAC,CAACC,SAAY,CAAA;YACxCC,SAASD,OAAOE,QAAQ;QAC1B,CAAA;AAGF,OAAO,MAAMC,gBAA2C,CAACC;IACvD,MAAM,EAAEC,YAAY,EAAEC,UAAU,EAAE,GAAGF;IAErC,MAAMG,kBAAkBjB;IACxB,MAAM,CAACkB,kBAAkBC,oBAAoB,GAAGd,SAAS;IAEzD,MAAM,CAACe,SAAS,GAAGf,SAA0B;QAC3C,OAAOE,iBAAiB,IAAIc,IAAIC,OAAOC,OAAO,CAACR;IACjD;IAEA,MAAM,CAACS,SAASC,WAAW,GAAGpB,SAA2B,EAAE;IAE3DD,UAAU;QACR,IAAI,CAACc,kBAAkB;YACrB,MAAMM,UAA4B,EAAE;YAEpCF,OAAOC,OAAO,CAACN,iBAAiBS,OAAO,CAAC,CAAC,CAACC,KAAKC,OAAO;gBACpD,IAAID,IAAIE,UAAU,CAAC,CAAC,YAAY,EAAEb,WAAW,CAAC,CAAC,GAAG;oBAChDQ,QAAQM,IAAI,CAACF;gBACf;YACF;YAEA,IAAIJ,QAAQO,MAAM,KAAKX,SAASI,OAAO,CAACO,MAAM,EAAE;gBAC9CN,WAAWD;gBACXL,oBAAoB;YACtB;QACF;IACF,GAAG;QAACD;QAAkBD;QAAiBD;QAAYI,SAASI,OAAO,CAACO,MAAM;KAAC;IAE3E,IAAI,CAACb,kBAAkB;QACrB,qBACE,KAACZ;YAAmBU,YAAYA;sBAC7BgB,MAAMC,OAAO,CAACb,SAASI,OAAO,KAC7BJ,SAASI,OAAO,CAACU,GAAG,CAAC,CAACC,QAAQC;gBAC5B,qBAAO,KAACnC,MAAMoC,QAAQ;8BAAUF;mBAAJC;YAC9B;;IAGR;IAEA,qBACE,KAACjC;QAASmC,wBAAU,KAACvC;YAAcwC,QAAO;;kBACxC,cAAA,KAACjC;YAAmBU,YAAYA;sBAC9B,cAAA,KAACR;gBACE,GAAGM,KAAK;gBACT0B,UAAUpB,SAASoB,QAAQ;gBAC3BC,QAAQrB,SAASqB,MAAM;gBACvBjB,SAASA;;;;AAKnB,EAAC"}