@webiny/app-website-builder 6.0.0-alpha.4 → 6.0.0-rc.0

package/features/settings/updateSettings/useUpdateWebsiteBuilderSettings.js

@@ -1,8 +1,8 @@
 import { useMemo, useCallback } from "react";
 import { useApolloClient } from "@apollo/react-hooks";
-import { UpdateSettingsRepository } from "./UpdateSettings.repository";
-import { settingsCache } from "../../../shared/settingsCache";
-import { UpdateSettingsGqlGateway } from "./UpdateSettings.gateway";
+import { UpdateSettingsRepository } from "./UpdateSettings.repository.js";
+import { settingsCache } from "../../../shared/settingsCache.js";
+import { UpdateSettingsGqlGateway } from "./UpdateSettings.gateway.js";
 export const useUpdateWebsiteBuilderSettings = () => {
   const client = useApolloClient();
   const repository = useMemo(() => {

package/features/settings/updateSettings/useUpdateWebsiteBuilderSettings.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","useCallback","useApolloClient","UpdateSettingsRepository","settingsCache","UpdateSettingsGqlGateway","useUpdateWebsiteBuilderSettings","client","repository","updateSettings","settings","execute"],"sources":["useUpdateWebsiteBuilderSettings.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { UpdateSettingsRepository } from \"./UpdateSettings.repository\";\nimport { settingsCache } from \"~/shared/settingsCache\";\nimport type { IWebsiteBuilderSettings } from \"~/features/settings/IWebsiteBuilderSettings\";\nimport { UpdateSettingsGqlGateway } from \"./UpdateSettings.gateway\";\n\nexport const useUpdateWebsiteBuilderSettings = () => {\n    const client = useApolloClient();\n\n    const repository = useMemo(() => {\n        return new UpdateSettingsRepository(settingsCache, new UpdateSettingsGqlGateway(client));\n    }, []);\n\n    const updateSettings = useCallback(\n        (settings: IWebsiteBuilderSettings) => {\n            return repository.execute(settings);\n        },\n        [repository]\n    );\n\n    return { updateSettings };\n};\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,WAAW,QAAQ,OAAO;AAC5C,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,wBAAwB;AACjC,SAASC,aAAa;AAEtB,SAASC,wBAAwB;AAEjC,OAAO,MAAMC,+BAA+B,GAAGA,CAAA,KAAM;EACjD,MAAMC,MAAM,GAAGL,eAAe,CAAC,CAAC;EAEhC,MAAMM,UAAU,GAAGR,OAAO,CAAC,MAAM;IAC7B,OAAO,IAAIG,wBAAwB,CAACC,aAAa,EAAE,IAAIC,wBAAwB,CAACE,MAAM,CAAC,CAAC;EAC5F,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,cAAc,GAAGR,WAAW,CAC7BS,QAAiC,IAAK;IACnC,OAAOF,UAAU,CAACG,OAAO,CAACD,QAAQ,CAAC;EACvC,CAAC,EACD,CAACF,UAAU,CACf,CAAC;EAED,OAAO;IAAEC;EAAe,CAAC;AAC7B,CAAC","ignoreList":[]}
+{"version":3,"names":["useMemo","useCallback","useApolloClient","UpdateSettingsRepository","settingsCache","UpdateSettingsGqlGateway","useUpdateWebsiteBuilderSettings","client","repository","updateSettings","settings","execute"],"sources":["useUpdateWebsiteBuilderSettings.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { UpdateSettingsRepository } from \"./UpdateSettings.repository.js\";\nimport { settingsCache } from \"~/shared/settingsCache.js\";\nimport type { IWebsiteBuilderSettings } from \"~/features/settings/IWebsiteBuilderSettings.js\";\nimport { UpdateSettingsGqlGateway } from \"./UpdateSettings.gateway.js\";\n\nexport const useUpdateWebsiteBuilderSettings = () => {\n    const client = useApolloClient();\n\n    const repository = useMemo(() => {\n        return new UpdateSettingsRepository(settingsCache, new UpdateSettingsGqlGateway(client));\n    }, []);\n\n    const updateSettings = useCallback(\n        (settings: IWebsiteBuilderSettings) => {\n            return repository.execute(settings);\n        },\n        [repository]\n    );\n\n    return { updateSettings };\n};\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,WAAW,QAAQ,OAAO;AAC5C,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,wBAAwB;AACjC,SAASC,aAAa;AAEtB,SAASC,wBAAwB;AAEjC,OAAO,MAAMC,+BAA+B,GAAGA,CAAA,KAAM;EACjD,MAAMC,MAAM,GAAGL,eAAe,CAAC,CAAC;EAEhC,MAAMM,UAAU,GAAGR,OAAO,CAAC,MAAM;IAC7B,OAAO,IAAIG,wBAAwB,CAACC,aAAa,EAAE,IAAIC,wBAAwB,CAACE,MAAM,CAAC,CAAC;EAC5F,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,cAAc,GAAGR,WAAW,CAC7BS,QAAiC,IAAK;IACnC,OAAOF,UAAU,CAACG,OAAO,CAACD,QAAQ,CAAC;EACvC,CAAC,EACD,CAACF,UAAU,CACf,CAAC;EAED,OAAO;IAAEC;EAAe,CAAC;AAC7B,CAAC","ignoreList":[]}

package/index.d.ts

@@ -1,5 +1,5 @@
-export * as Editor from "./BaseEditor";
-export * from "./shared/pagePathFromTitle";
-export { PageListConfig } from "./modules/pages/configs";
-export { RedirectListConfig } from "./modules/redirects/configs";
-export * from "./modules/pages/PageEditor/PageEditorConfig";
+export * as Editor from "./BaseEditor/index.js";
+export * from "./shared/pagePathFromTitle.js";
+export { PageListConfig } from "./modules/pages/configs/index.js";
+export { RedirectListConfig } from "./modules/redirects/configs/index.js";
+export * from "./modules/pages/PageEditor/PageEditorConfig.js";

package/index.js

@@ -1,7 +1,7 @@
-export * as Editor from "./BaseEditor";
-export * from "./shared/pagePathFromTitle";
-export { PageListConfig } from "./modules/pages/configs";
-export { RedirectListConfig } from "./modules/redirects/configs";
-export * from "./modules/pages/PageEditor/PageEditorConfig";
+export * as Editor from "./BaseEditor/index.js";
+export * from "./shared/pagePathFromTitle.js";
+export { PageListConfig } from "./modules/pages/configs/index.js";
+export { RedirectListConfig } from "./modules/redirects/configs/index.js";
+export * from "./modules/pages/PageEditor/PageEditorConfig.js";
 
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Editor","PageListConfig","RedirectListConfig"],"sources":["index.ts"],"sourcesContent":["export * as Editor from \"./BaseEditor\";\nexport * from \"./shared/pagePathFromTitle\";\nexport { PageListConfig } from \"~/modules/pages/configs\";\nexport { RedirectListConfig } from \"~/modules/redirects/configs\";\nexport * from \"./modules/pages/PageEditor/PageEditorConfig\";\n"],"mappings":"AAAA,OAAO,KAAKA,MAAM;AAClB;AACA,SAASC,cAAc;AACvB,SAASC,kBAAkB;AAC3B","ignoreList":[]}
+{"version":3,"names":["Editor","PageListConfig","RedirectListConfig"],"sources":["index.ts"],"sourcesContent":["export * as Editor from \"./BaseEditor/index.js\";\nexport * from \"./shared/pagePathFromTitle.js\";\nexport { PageListConfig } from \"~/modules/pages/configs/index.js\";\nexport { RedirectListConfig } from \"~/modules/redirects/configs/index.js\";\nexport * from \"./modules/pages/PageEditor/PageEditorConfig.js\";\n"],"mappings":"AAAA,OAAO,KAAKA,MAAM;AAClB;AACA,SAASC,cAAc;AACvB,SAASC,kBAAkB;AAC3B","ignoreList":[]}

package/inputRenderers/BooleanInput.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import type { ElementInputRendererProps } from "../BaseEditor";
+import type { ElementInputRendererProps } from "../BaseEditor/index.js";
 export declare const BooleanInputRenderer: ({ value, onChange, input, label }: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/BooleanInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Switch","BooleanInputRenderer","value","onChange","input","label","description","helperText","createElement","note","checked","newValue","set"],"sources":["BooleanInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Switch } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor\";\n\nexport const BooleanInputRenderer = ({\n    value,\n    onChange,\n    input,\n    label\n}: ElementInputRendererProps) => {\n    const { description, helperText } = input;\n    return (\n        <Switch\n            label={label}\n            note={helperText}\n            description={description}\n            checked={value}\n            onChange={newValue => {\n                onChange(({ value }) => {\n                    value.set(newValue);\n                });\n            }}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AAGzC,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EACjCC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,MAAM;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAGH,KAAK;EACzC,oBACIL,KAAA,CAAAS,aAAA,CAACR,MAAM;IACHK,KAAK,EAAEA,KAAM;IACbI,IAAI,EAAEF,UAAW;IACjBD,WAAW,EAAEA,WAAY;IACzBI,OAAO,EAAER,KAAM;IACfC,QAAQ,EAAEQ,QAAQ,IAAI;MAClBR,QAAQ,CAAC,CAAC;QAAED;MAAM,CAAC,KAAK;QACpBA,KAAK,CAACU,GAAG,CAACD,QAAQ,CAAC;MACvB,CAAC,CAAC;IACN;EAAE,CACL,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Switch","BooleanInputRenderer","value","onChange","input","label","description","helperText","createElement","note","checked","newValue","set"],"sources":["BooleanInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Switch } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\n\nexport const BooleanInputRenderer = ({\n    value,\n    onChange,\n    input,\n    label\n}: ElementInputRendererProps) => {\n    const { description, helperText } = input;\n    return (\n        <Switch\n            label={label}\n            note={helperText}\n            description={description}\n            checked={value}\n            onChange={newValue => {\n                onChange(({ value }) => {\n                    value.set(newValue);\n                });\n            }}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AAGzC,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EACjCC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,MAAM;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAGH,KAAK;EACzC,oBACIL,KAAA,CAAAS,aAAA,CAACR,MAAM;IACHK,KAAK,EAAEA,KAAM;IACbI,IAAI,EAAEF,UAAW;IACjBD,WAAW,EAAEA,WAAY;IACzBI,OAAO,EAAER,KAAM;IACfC,QAAQ,EAAEQ,QAAQ,IAAI;MAClBR,QAAQ,CAAC,CAAC;QAAED;MAAM,CAAC,KAAK;QACpBA,KAAK,CAACU,GAAG,CAACD,QAAQ,CAAC;MACvB,CAAC,CAAC;IACN;EAAE,CACL,CAAC;AAEV,CAAC","ignoreList":[]}

package/inputRenderers/FileInput.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import type { ElementInputRendererProps } from "../BaseEditor";
-export declare const FileInputRenderer: ({ value, metadata, onChange, label, ...props }: ElementInputRendererProps) => React.JSX.Element;
+import type { ElementInputRendererProps } from "../BaseEditor/index.js";
+export declare const FileInputRenderer: ({ value, onChange, label, ...props }: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/FileInput.js

@@ -1,11 +1,10 @@
 import React from "react";
 import { FilePicker } from "@webiny/admin-ui";
 import { FileManager } from "@webiny/app-admin";
-import { useBreakpoint } from "../BaseEditor/hooks/useBreakpoint";
-import { fileManagerItemToValue } from "../shared/fileManagerItemToValue";
+import { useBreakpoint } from "../BaseEditor/hooks/useBreakpoint.js";
+import { fileManagerItemToValue } from "../shared/fileManagerItemToValue.js";
 export const FileInputRenderer = ({
   value,
-  metadata,
   onChange,
   label,
   ...props
@@ -16,29 +15,23 @@ export const FileInputRenderer = ({
   } = useBreakpoint();
   const onFileChange = file => {
     onChange(({
-      value,
-      metadata
+      value
     }) => {
       const newValue = fileManagerItemToValue(file);
       value.set(newValue);
-      metadata.set("image", newValue);
     });
   };
   const onRemove = () => {
     onChange(({
-      value,
-      metadata
+      value
     }) => {
       if (isBaseBreakpoint) {
         value.set(undefined);
       } else {
         value.set(null);
       }
-      metadata.unset("image");
     });
   };
-  const fileInfo = metadata.get("image");
-  const preview = value ? fileInfo : undefined;
   return /*#__PURE__*/React.createElement(FileManager, {
     accept: input.allowedFileTypes,
     onChange: onFileChange,
@@ -48,7 +41,7 @@ export const FileInputRenderer = ({
       label: label,
       description: input.description,
       type: "compact",
-      value: preview,
+      value: value,
       onSelectItem: () => showFileManager(),
       onRemoveItem: onRemove,
       onEditItem: () => showFileManager()

package/inputRenderers/FileInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FilePicker","FileManager","useBreakpoint","fileManagerItemToValue","FileInputRenderer","value","metadata","onChange","label","props","input","isBaseBreakpoint","onFileChange","file","newValue","set","onRemove","undefined","unset","fileInfo","get","preview","createElement","accept","allowedFileTypes","render","showFileManager","description","type","onSelectItem","onRemoveItem","onEditItem"],"sources":["FileInput.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FileItemDto } from \"@webiny/admin-ui\";\nimport { FilePicker } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor\";\nimport { FileManager, type FileManagerFileItem } from \"@webiny/app-admin\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint\";\nimport type { FileInput } from \"@webiny/website-builder-sdk\";\nimport { fileManagerItemToValue } from \"~/shared/fileManagerItemToValue\";\n\nexport const FileInputRenderer = ({\n    value,\n    metadata,\n    onChange,\n    label,\n    ...props\n}: ElementInputRendererProps) => {\n    const input = props.input as FileInput;\n    const { isBaseBreakpoint } = useBreakpoint();\n    const onFileChange = (file: FileManagerFileItem) => {\n        onChange(({ value, metadata }) => {\n            const newValue = fileManagerItemToValue(file);\n            value.set(newValue);\n\n            metadata.set(\"image\", newValue);\n        });\n    };\n\n    const onRemove = () => {\n        onChange(({ value, metadata }) => {\n            if (isBaseBreakpoint) {\n                value.set(undefined);\n            } else {\n                value.set(null);\n            }\n            metadata.unset(\"image\");\n        });\n    };\n\n    const fileInfo = metadata.get<FileItemDto>(\"image\");\n    const preview = value ? fileInfo : undefined;\n\n    return (\n        <FileManager\n            accept={input.allowedFileTypes}\n            onChange={onFileChange}\n            render={({ showFileManager }) => (\n                <FilePicker\n                    label={label}\n                    description={input.description}\n                    type=\"compact\"\n                    value={preview}\n                    onSelectItem={() => showFileManager()}\n                    onRemoveItem={onRemove}\n                    onEditItem={() => showFileManager()}\n                />\n            )}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,WAAW,QAAkC,mBAAmB;AACzE,SAASC,aAAa;AAEtB,SAASC,sBAAsB;AAE/B,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAC9BC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACoB,CAAC,KAAK;EAC7B,MAAMC,KAAK,GAAGD,KAAK,CAACC,KAAkB;EACtC,MAAM;IAAEC;EAAiB,CAAC,GAAGT,aAAa,CAAC,CAAC;EAC5C,MAAMU,YAAY,GAAIC,IAAyB,IAAK;IAChDN,QAAQ,CAAC,CAAC;MAAEF,KAAK;MAAEC;IAAS,CAAC,KAAK;MAC9B,MAAMQ,QAAQ,GAAGX,sBAAsB,CAACU,IAAI,CAAC;MAC7CR,KAAK,CAACU,GAAG,CAACD,QAAQ,CAAC;MAEnBR,QAAQ,CAACS,GAAG,CAAC,OAAO,EAAED,QAAQ,CAAC;IACnC,CAAC,CAAC;EACN,CAAC;EAED,MAAME,QAAQ,GAAGA,CAAA,KAAM;IACnBT,QAAQ,CAAC,CAAC;MAAEF,KAAK;MAAEC;IAAS,CAAC,KAAK;MAC9B,IAAIK,gBAAgB,EAAE;QAClBN,KAAK,CAACU,GAAG,CAACE,SAAS,CAAC;MACxB,CAAC,MAAM;QACHZ,KAAK,CAACU,GAAG,CAAC,IAAI,CAAC;MACnB;MACAT,QAAQ,CAACY,KAAK,CAAC,OAAO,CAAC;IAC3B,CAAC,CAAC;EACN,CAAC;EAED,MAAMC,QAAQ,GAAGb,QAAQ,CAACc,GAAG,CAAc,OAAO,CAAC;EACnD,MAAMC,OAAO,GAAGhB,KAAK,GAAGc,QAAQ,GAAGF,SAAS;EAE5C,oBACIlB,KAAA,CAAAuB,aAAA,CAACrB,WAAW;IACRsB,MAAM,EAAEb,KAAK,CAACc,gBAAiB;IAC/BjB,QAAQ,EAAEK,YAAa;IACvBa,MAAM,EAAEA,CAAC;MAAEC;IAAgB,CAAC,kBACxB3B,KAAA,CAAAuB,aAAA,CAACtB,UAAU;MACPQ,KAAK,EAAEA,KAAM;MACbmB,WAAW,EAAEjB,KAAK,CAACiB,WAAY;MAC/BC,IAAI,EAAC,SAAS;MACdvB,KAAK,EAAEgB,OAAQ;MACfQ,YAAY,EAAEA,CAAA,KAAMH,eAAe,CAAC,CAAE;MACtCI,YAAY,EAAEd,QAAS;MACvBe,UAAU,EAAEA,CAAA,KAAML,eAAe,CAAC;IAAE,CACvC;EACH,CACL,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","FilePicker","FileManager","useBreakpoint","fileManagerItemToValue","FileInputRenderer","value","onChange","label","props","input","isBaseBreakpoint","onFileChange","file","newValue","set","onRemove","undefined","createElement","accept","allowedFileTypes","render","showFileManager","description","type","onSelectItem","onRemoveItem","onEditItem"],"sources":["FileInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { FilePicker } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport { FileManager, type FileManagerFileItem } from \"@webiny/app-admin\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport type { FileInput } from \"@webiny/website-builder-sdk\";\nimport { fileManagerItemToValue } from \"~/shared/fileManagerItemToValue.js\";\n\nexport const FileInputRenderer = ({\n    value,\n    onChange,\n    label,\n    ...props\n}: ElementInputRendererProps) => {\n    const input = props.input as FileInput;\n    const { isBaseBreakpoint } = useBreakpoint();\n    const onFileChange = (file: FileManagerFileItem) => {\n        onChange(({ value }) => {\n            const newValue = fileManagerItemToValue(file);\n            value.set(newValue);\n        });\n    };\n\n    const onRemove = () => {\n        onChange(({ value }) => {\n            if (isBaseBreakpoint) {\n                value.set(undefined);\n            } else {\n                value.set(null);\n            }\n        });\n    };\n\n    return (\n        <FileManager\n            accept={input.allowedFileTypes}\n            onChange={onFileChange}\n            render={({ showFileManager }) => (\n                <FilePicker\n                    label={label}\n                    description={input.description}\n                    type=\"compact\"\n                    value={value}\n                    onSelectItem={() => showFileManager()}\n                    onRemoveItem={onRemove}\n                    onEditItem={() => showFileManager()}\n                />\n            )}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,WAAW,QAAkC,mBAAmB;AACzE,SAASC,aAAa;AAEtB,SAASC,sBAAsB;AAE/B,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAC9BC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACoB,CAAC,KAAK;EAC7B,MAAMC,KAAK,GAAGD,KAAK,CAACC,KAAkB;EACtC,MAAM;IAAEC;EAAiB,CAAC,GAAGR,aAAa,CAAC,CAAC;EAC5C,MAAMS,YAAY,GAAIC,IAAyB,IAAK;IAChDN,QAAQ,CAAC,CAAC;MAAED;IAAM,CAAC,KAAK;MACpB,MAAMQ,QAAQ,GAAGV,sBAAsB,CAACS,IAAI,CAAC;MAC7CP,KAAK,CAACS,GAAG,CAACD,QAAQ,CAAC;IACvB,CAAC,CAAC;EACN,CAAC;EAED,MAAME,QAAQ,GAAGA,CAAA,KAAM;IACnBT,QAAQ,CAAC,CAAC;MAAED;IAAM,CAAC,KAAK;MACpB,IAAIK,gBAAgB,EAAE;QAClBL,KAAK,CAACS,GAAG,CAACE,SAAS,CAAC;MACxB,CAAC,MAAM;QACHX,KAAK,CAACS,GAAG,CAAC,IAAI,CAAC;MACnB;IACJ,CAAC,CAAC;EACN,CAAC;EAED,oBACIf,KAAA,CAAAkB,aAAA,CAAChB,WAAW;IACRiB,MAAM,EAAET,KAAK,CAACU,gBAAiB;IAC/Bb,QAAQ,EAAEK,YAAa;IACvBS,MAAM,EAAEA,CAAC;MAAEC;IAAgB,CAAC,kBACxBtB,KAAA,CAAAkB,aAAA,CAACjB,UAAU;MACPO,KAAK,EAAEA,KAAM;MACbe,WAAW,EAAEb,KAAK,CAACa,WAAY;MAC/BC,IAAI,EAAC,SAAS;MACdlB,KAAK,EAAEA,KAAM;MACbmB,YAAY,EAAEA,CAAA,KAAMH,eAAe,CAAC,CAAE;MACtCI,YAAY,EAAEV,QAAS;MACvBW,UAAU,EAAEA,CAAA,KAAML,eAAe,CAAC;IAAE,CACvC;EACH,CACL,CAAC;AAEV,CAAC","ignoreList":[]}

package/inputRenderers/FragmentSelectorInput.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import type { ElementInputRendererProps } from "../BaseEditor";
+import type { ElementInputRendererProps } from "../BaseEditor/index.js";
 export declare const FragmentSelectorInputRenderer: ({ value, onChange, label, input }: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/FragmentSelectorInput.js

@@ -1,20 +1,20 @@
 import React, { useMemo } from "react";
 import { Select } from "@webiny/admin-ui";
-import { useSelectFromEditor } from "../BaseEditor/hooks/useSelectFromEditor";
-import { toTitleCaseLabel } from "../shared/toTitleCaseLabel";
+import { useSelectFromEditor } from "../BaseEditor/hooks/useSelectFromEditor.js";
+import { toTitleCaseLabel } from "../shared/toTitleCaseLabel.js";
 export const FragmentSelectorInputRenderer = ({
   value,
   onChange,
   label,
   input
 }) => {
-  const fragmentNames = useSelectFromEditor(state => state.fragments ?? []);
+  const fragments = useSelectFromEditor(state => state.fragments ?? []);
   const options = useMemo(() => {
-    return fragmentNames.sort().map(name => ({
-      label: toTitleCaseLabel(name),
-      value: name
+    return fragments.filter(fragment => fragment.type === "fixed").sort().map(fragment => ({
+      label: toTitleCaseLabel(fragment.name),
+      value: fragment.name
     }));
-  }, [fragmentNames]);
+  }, [fragments]);
   return /*#__PURE__*/React.createElement(Select, {
     value: value,
     onChange: newValue => {

package/inputRenderers/FragmentSelectorInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Select","useSelectFromEditor","toTitleCaseLabel","FragmentSelectorInputRenderer","value","onChange","label","input","fragmentNames","state","fragments","options","sort","map","name","createElement","newValue","set","displayResetAction","description","note","helperText"],"sources":["FragmentSelectorInput.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor\";\nimport { toTitleCaseLabel } from \"~/shared/toTitleCaseLabel\";\n\nexport const FragmentSelectorInputRenderer = ({\n    value,\n    onChange,\n    label,\n    input\n}: ElementInputRendererProps) => {\n    const fragmentNames = useSelectFromEditor<string[]>(state => state.fragments ?? []);\n    const options = useMemo(() => {\n        return fragmentNames.sort().map(name => ({\n            label: toTitleCaseLabel(name),\n            value: name\n        }));\n    }, [fragmentNames]);\n\n    return (\n        <Select\n            value={value}\n            onChange={newValue => {\n                onChange(({ value }) => {\n                    value.set(newValue);\n                });\n            }}\n            displayResetAction={true}\n            options={options}\n            label={label}\n            description={input.description}\n            note={input.helperText}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,SAASC,mBAAmB;AAC5B,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,6BAA6B,GAAGA,CAAC;EAC1CC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,MAAMC,aAAa,GAAGP,mBAAmB,CAAWQ,KAAK,IAAIA,KAAK,CAACC,SAAS,IAAI,EAAE,CAAC;EACnF,MAAMC,OAAO,GAAGZ,OAAO,CAAC,MAAM;IAC1B,OAAOS,aAAa,CAACI,IAAI,CAAC,CAAC,CAACC,GAAG,CAACC,IAAI,KAAK;MACrCR,KAAK,EAAEJ,gBAAgB,CAACY,IAAI,CAAC;MAC7BV,KAAK,EAAEU;IACX,CAAC,CAAC,CAAC;EACP,CAAC,EAAE,CAACN,aAAa,CAAC,CAAC;EAEnB,oBACIV,KAAA,CAAAiB,aAAA,CAACf,MAAM;IACHI,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEW,QAAQ,IAAI;MAClBX,QAAQ,CAAC,CAAC;QAAED;MAAM,CAAC,KAAK;QACpBA,KAAK,CAACa,GAAG,CAACD,QAAQ,CAAC;MACvB,CAAC,CAAC;IACN,CAAE;IACFE,kBAAkB,EAAE,IAAK;IACzBP,OAAO,EAAEA,OAAQ;IACjBL,KAAK,EAAEA,KAAM;IACba,WAAW,EAAEZ,KAAK,CAACY,WAAY;IAC/BC,IAAI,EAAEb,KAAK,CAACc;EAAW,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Select","useSelectFromEditor","toTitleCaseLabel","FragmentSelectorInputRenderer","value","onChange","label","input","fragments","state","options","filter","fragment","type","sort","map","name","createElement","newValue","set","displayResetAction","description","note","helperText"],"sources":["FragmentSelectorInput.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport { toTitleCaseLabel } from \"~/shared/toTitleCaseLabel.js\";\n\ntype Fragment =\n    | { type: \"fixed\"; name: string }\n    | { type: \"component\"; component: string; inputs: Record<string, any> };\n\nexport const FragmentSelectorInputRenderer = ({\n    value,\n    onChange,\n    label,\n    input\n}: ElementInputRendererProps) => {\n    const fragments = useSelectFromEditor<Fragment[]>(state => state.fragments ?? []);\n\n    const options = useMemo(() => {\n        return fragments\n            .filter(fragment => fragment.type === \"fixed\")\n            .sort()\n            .map(fragment => ({\n                label: toTitleCaseLabel(fragment.name),\n                value: fragment.name\n            }));\n    }, [fragments]);\n\n    return (\n        <Select\n            value={value}\n            onChange={newValue => {\n                onChange(({ value }) => {\n                    value.set(newValue);\n                });\n            }}\n            displayResetAction={true}\n            options={options}\n            label={label}\n            description={input.description}\n            note={input.helperText}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,SAASC,mBAAmB;AAC5B,SAASC,gBAAgB;AAMzB,OAAO,MAAMC,6BAA6B,GAAGA,CAAC;EAC1CC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,MAAMC,SAAS,GAAGP,mBAAmB,CAAaQ,KAAK,IAAIA,KAAK,CAACD,SAAS,IAAI,EAAE,CAAC;EAEjF,MAAME,OAAO,GAAGX,OAAO,CAAC,MAAM;IAC1B,OAAOS,SAAS,CACXG,MAAM,CAACC,QAAQ,IAAIA,QAAQ,CAACC,IAAI,KAAK,OAAO,CAAC,CAC7CC,IAAI,CAAC,CAAC,CACNC,GAAG,CAACH,QAAQ,KAAK;MACdN,KAAK,EAAEJ,gBAAgB,CAACU,QAAQ,CAACI,IAAI,CAAC;MACtCZ,KAAK,EAAEQ,QAAQ,CAACI;IACpB,CAAC,CAAC,CAAC;EACX,CAAC,EAAE,CAACR,SAAS,CAAC,CAAC;EAEf,oBACIV,KAAA,CAAAmB,aAAA,CAACjB,MAAM;IACHI,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEa,QAAQ,IAAI;MAClBb,QAAQ,CAAC,CAAC;QAAED;MAAM,CAAC,KAAK;QACpBA,KAAK,CAACe,GAAG,CAACD,QAAQ,CAAC;MACvB,CAAC,CAAC;IACN,CAAE;IACFE,kBAAkB,EAAE,IAAK;IACzBV,OAAO,EAAEA,OAAQ;IACjBJ,KAAK,EAAEA,KAAM;IACbe,WAAW,EAAEd,KAAK,CAACc,WAAY;IAC/BC,IAAI,EAAEf,KAAK,CAACgB;EAAW,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}

package/inputRenderers/GridLayoutInput.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import type { ElementInputRendererProps } from "../BaseEditor";
+import type { ElementInputRendererProps } from "../BaseEditor/index.js";
 export declare const GridLayoutInputRenderer: ({ value, onChange }: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/GridLayoutInput.js

@@ -9,40 +9,44 @@ import { ReactComponent as GridLayout633 } from "./assets/grid-6-3-3.svg";
 import { ReactComponent as GridLayout336 } from "./assets/grid-3-3-6.svg";
 import { ReactComponent as GridLayout3333 } from "./assets/grid-3-3-3-3.svg";
 import { ReactComponent as GridLayout222222 } from "./assets/grid-2-2-2-2-2-2.svg";
+const svgProps = {
+  width: 74,
+  height: 37
+};
 const presets = [{
   layout: "12",
-  icon: /*#__PURE__*/React.createElement(GridLayout12, null)
+  icon: /*#__PURE__*/React.createElement(GridLayout12, svgProps)
 }, {
   layout: "6-6",
-  icon: /*#__PURE__*/React.createElement(GridLayout66, null)
+  icon: /*#__PURE__*/React.createElement(GridLayout66, svgProps)
 }, {
   layout: "8-4",
-  icon: /*#__PURE__*/React.createElement(GridLayout84, null)
+  icon: /*#__PURE__*/React.createElement(GridLayout84, svgProps)
 }, {
   layout: "4-8",
-  icon: /*#__PURE__*/React.createElement(GridLayout48, null)
+  icon: /*#__PURE__*/React.createElement(GridLayout48, svgProps)
 }, {
   layout: "4-4-4",
-  icon: /*#__PURE__*/React.createElement(GridLayout444, null)
+  icon: /*#__PURE__*/React.createElement(GridLayout444, svgProps)
 }, {
   layout: "6-3-3",
-  icon: /*#__PURE__*/React.createElement(GridLayout633, null)
+  icon: /*#__PURE__*/React.createElement(GridLayout633, svgProps)
 }, {
   layout: "3-3-6",
-  icon: /*#__PURE__*/React.createElement(GridLayout336, null)
+  icon: /*#__PURE__*/React.createElement(GridLayout336, svgProps)
 }, {
   layout: "3-3-3-3",
-  icon: /*#__PURE__*/React.createElement(GridLayout3333, null)
+  icon: /*#__PURE__*/React.createElement(GridLayout3333, svgProps)
 }, {
   layout: "2-2-2-2-2-2",
-  icon: /*#__PURE__*/React.createElement(GridLayout222222, null)
+  icon: /*#__PURE__*/React.createElement(GridLayout222222, svgProps)
 }];
 export const GridLayoutInputRenderer = ({
   value,
   onChange
 }) => {
   return /*#__PURE__*/React.createElement(Grid, {
-    className: "wby-gap-md"
+    className: "gap-md"
   }, presets.map(preset => /*#__PURE__*/React.createElement(Grid.Column, {
     span: 4,
     key: preset.layout

package/inputRenderers/GridLayoutInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","ReactComponent","GridLayout12","GridLayout66","GridLayout84","GridLayout48","GridLayout444","GridLayout633","GridLayout336","GridLayout3333","GridLayout222222","presets","layout","icon","createElement","GridLayoutInputRenderer","value","onChange","className","map","preset","Column","span","key","style","filter","onClick","set"],"sources":["GridLayoutInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor\";\nimport { ReactComponent as GridLayout12 } from \"./assets/grid-12.svg\";\nimport { ReactComponent as GridLayout66 } from \"./assets/grid-6-6.svg\";\nimport { ReactComponent as GridLayout84 } from \"./assets/grid-8-4.svg\";\nimport { ReactComponent as GridLayout48 } from \"./assets/grid-4-8.svg\";\nimport { ReactComponent as GridLayout444 } from \"./assets/grid-4-4-4.svg\";\nimport { ReactComponent as GridLayout633 } from \"./assets/grid-6-3-3.svg\";\nimport { ReactComponent as GridLayout336 } from \"./assets/grid-3-3-6.svg\";\nimport { ReactComponent as GridLayout3333 } from \"./assets/grid-3-3-3-3.svg\";\nimport { ReactComponent as GridLayout222222 } from \"./assets/grid-2-2-2-2-2-2.svg\";\n\nconst presets = [\n    {\n        layout: \"12\",\n        icon: <GridLayout12 />\n    },\n    {\n        layout: \"6-6\",\n        icon: <GridLayout66 />\n    },\n    {\n        layout: \"8-4\",\n        icon: <GridLayout84 />\n    },\n    {\n        layout: \"4-8\",\n        icon: <GridLayout48 />\n    },\n    {\n        layout: \"4-4-4\",\n        icon: <GridLayout444 />\n    },\n    {\n        layout: \"6-3-3\",\n        icon: <GridLayout633 />\n    },\n    {\n        layout: \"3-3-6\",\n        icon: <GridLayout336 />\n    },\n    {\n        layout: \"3-3-3-3\",\n        icon: <GridLayout3333 />\n    },\n    {\n        layout: \"2-2-2-2-2-2\",\n        icon: <GridLayout222222 />\n    }\n];\n\nexport const GridLayoutInputRenderer = ({ value, onChange }: ElementInputRendererProps) => {\n    return (\n        <Grid className={\"wby-gap-md\"}>\n            {presets.map(preset => (\n                <Grid.Column span={4} key={preset.layout}>\n                    <div\n                        style={{ filter: value !== preset.layout ? \"grayscale(1)\" : \"none\" }}\n                        onClick={() => {\n                            onChange(({ value }) => {\n                                value.set(preset.layout);\n                            });\n                        }}\n                    >\n                        {preset.icon}\n                    </div>\n                </Grid.Column>\n            ))}\n        </Grid>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,cAAc,IAAIC,YAAY;AACvC,SAASD,cAAc,IAAIE,YAAY;AACvC,SAASF,cAAc,IAAIG,YAAY;AACvC,SAASH,cAAc,IAAII,YAAY;AACvC,SAASJ,cAAc,IAAIK,aAAa;AACxC,SAASL,cAAc,IAAIM,aAAa;AACxC,SAASN,cAAc,IAAIO,aAAa;AACxC,SAASP,cAAc,IAAIQ,cAAc;AACzC,SAASR,cAAc,IAAIS,gBAAgB;AAE3C,MAAMC,OAAO,GAAG,CACZ;EACIC,MAAM,EAAE,IAAI;EACZC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACZ,YAAY,MAAE;AACzB,CAAC,EACD;EACIU,MAAM,EAAE,KAAK;EACbC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACX,YAAY,MAAE;AACzB,CAAC,EACD;EACIS,MAAM,EAAE,KAAK;EACbC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACV,YAAY,MAAE;AACzB,CAAC,EACD;EACIQ,MAAM,EAAE,KAAK;EACbC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACT,YAAY,MAAE;AACzB,CAAC,EACD;EACIO,MAAM,EAAE,OAAO;EACfC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACR,aAAa,MAAE;AAC1B,CAAC,EACD;EACIM,MAAM,EAAE,OAAO;EACfC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACP,aAAa,MAAE;AAC1B,CAAC,EACD;EACIK,MAAM,EAAE,OAAO;EACfC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACN,aAAa,MAAE;AAC1B,CAAC,EACD;EACII,MAAM,EAAE,SAAS;EACjBC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACL,cAAc,MAAE;AAC3B,CAAC,EACD;EACIG,MAAM,EAAE,aAAa;EACrBC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACJ,gBAAgB,MAAE;AAC7B,CAAC,CACJ;AAED,OAAO,MAAMK,uBAAuB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAoC,CAAC,KAAK;EACvF,oBACIlB,KAAA,CAAAe,aAAA,CAACd,IAAI;IAACkB,SAAS,EAAE;EAAa,GACzBP,OAAO,CAACQ,GAAG,CAACC,MAAM,iBACfrB,KAAA,CAAAe,aAAA,CAACd,IAAI,CAACqB,MAAM;IAACC,IAAI,EAAE,CAAE;IAACC,GAAG,EAAEH,MAAM,CAACR;EAAO,gBACrCb,KAAA,CAAAe,aAAA;IACIU,KAAK,EAAE;MAAEC,MAAM,EAAET,KAAK,KAAKI,MAAM,CAACR,MAAM,GAAG,cAAc,GAAG;IAAO,CAAE;IACrEc,OAAO,EAAEA,CAAA,KAAM;MACXT,QAAQ,CAAC,CAAC;QAAED;MAAM,CAAC,KAAK;QACpBA,KAAK,CAACW,GAAG,CAACP,MAAM,CAACR,MAAM,CAAC;MAC5B,CAAC,CAAC;IACN;EAAE,GAEDQ,MAAM,CAACP,IACP,CACI,CAChB,CACC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Grid","ReactComponent","GridLayout12","GridLayout66","GridLayout84","GridLayout48","GridLayout444","GridLayout633","GridLayout336","GridLayout3333","GridLayout222222","svgProps","width","height","presets","layout","icon","createElement","GridLayoutInputRenderer","value","onChange","className","map","preset","Column","span","key","style","filter","onClick","set"],"sources":["GridLayoutInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport { ReactComponent as GridLayout12 } from \"./assets/grid-12.svg\";\nimport { ReactComponent as GridLayout66 } from \"./assets/grid-6-6.svg\";\nimport { ReactComponent as GridLayout84 } from \"./assets/grid-8-4.svg\";\nimport { ReactComponent as GridLayout48 } from \"./assets/grid-4-8.svg\";\nimport { ReactComponent as GridLayout444 } from \"./assets/grid-4-4-4.svg\";\nimport { ReactComponent as GridLayout633 } from \"./assets/grid-6-3-3.svg\";\nimport { ReactComponent as GridLayout336 } from \"./assets/grid-3-3-6.svg\";\nimport { ReactComponent as GridLayout3333 } from \"./assets/grid-3-3-3-3.svg\";\nimport { ReactComponent as GridLayout222222 } from \"./assets/grid-2-2-2-2-2-2.svg\";\n\nconst svgProps = { width: 74, height: 37 };\n\nconst presets = [\n    {\n        layout: \"12\",\n        icon: <GridLayout12 {...svgProps} />\n    },\n    {\n        layout: \"6-6\",\n        icon: <GridLayout66 {...svgProps} />\n    },\n    {\n        layout: \"8-4\",\n        icon: <GridLayout84 {...svgProps} />\n    },\n    {\n        layout: \"4-8\",\n        icon: <GridLayout48 {...svgProps} />\n    },\n    {\n        layout: \"4-4-4\",\n        icon: <GridLayout444 {...svgProps} />\n    },\n    {\n        layout: \"6-3-3\",\n        icon: <GridLayout633 {...svgProps} />\n    },\n    {\n        layout: \"3-3-6\",\n        icon: <GridLayout336 {...svgProps} />\n    },\n    {\n        layout: \"3-3-3-3\",\n        icon: <GridLayout3333 {...svgProps} />\n    },\n    {\n        layout: \"2-2-2-2-2-2\",\n        icon: <GridLayout222222 {...svgProps} />\n    }\n];\n\nexport const GridLayoutInputRenderer = ({ value, onChange }: ElementInputRendererProps) => {\n    return (\n        <Grid className={\"gap-md\"}>\n            {presets.map(preset => (\n                <Grid.Column span={4} key={preset.layout}>\n                    <div\n                        style={{ filter: value !== preset.layout ? \"grayscale(1)\" : \"none\" }}\n                        onClick={() => {\n                            onChange(({ value }) => {\n                                value.set(preset.layout);\n                            });\n                        }}\n                    >\n                        {preset.icon}\n                    </div>\n                </Grid.Column>\n            ))}\n        </Grid>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,cAAc,IAAIC,YAAY;AACvC,SAASD,cAAc,IAAIE,YAAY;AACvC,SAASF,cAAc,IAAIG,YAAY;AACvC,SAASH,cAAc,IAAII,YAAY;AACvC,SAASJ,cAAc,IAAIK,aAAa;AACxC,SAASL,cAAc,IAAIM,aAAa;AACxC,SAASN,cAAc,IAAIO,aAAa;AACxC,SAASP,cAAc,IAAIQ,cAAc;AACzC,SAASR,cAAc,IAAIS,gBAAgB;AAE3C,MAAMC,QAAQ,GAAG;EAAEC,KAAK,EAAE,EAAE;EAAEC,MAAM,EAAE;AAAG,CAAC;AAE1C,MAAMC,OAAO,GAAG,CACZ;EACIC,MAAM,EAAE,IAAI;EACZC,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAACf,YAAY,EAAKS,QAAW;AACvC,CAAC,EACD;EACII,MAAM,EAAE,KAAK;EACbC,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAACd,YAAY,EAAKQ,QAAW;AACvC,CAAC,EACD;EACII,MAAM,EAAE,KAAK;EACbC,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAACb,YAAY,EAAKO,QAAW;AACvC,CAAC,EACD;EACII,MAAM,EAAE,KAAK;EACbC,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAACZ,YAAY,EAAKM,QAAW;AACvC,CAAC,EACD;EACII,MAAM,EAAE,OAAO;EACfC,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAACX,aAAa,EAAKK,QAAW;AACxC,CAAC,EACD;EACII,MAAM,EAAE,OAAO;EACfC,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAACV,aAAa,EAAKI,QAAW;AACxC,CAAC,EACD;EACII,MAAM,EAAE,OAAO;EACfC,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAACT,aAAa,EAAKG,QAAW;AACxC,CAAC,EACD;EACII,MAAM,EAAE,SAAS;EACjBC,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAACR,cAAc,EAAKE,QAAW;AACzC,CAAC,EACD;EACII,MAAM,EAAE,aAAa;EACrBC,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAACP,gBAAgB,EAAKC,QAAW;AAC3C,CAAC,CACJ;AAED,OAAO,MAAMO,uBAAuB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAoC,CAAC,KAAK;EACvF,oBACIrB,KAAA,CAAAkB,aAAA,CAACjB,IAAI;IAACqB,SAAS,EAAE;EAAS,GACrBP,OAAO,CAACQ,GAAG,CAACC,MAAM,iBACfxB,KAAA,CAAAkB,aAAA,CAACjB,IAAI,CAACwB,MAAM;IAACC,IAAI,EAAE,CAAE;IAACC,GAAG,EAAEH,MAAM,CAACR;EAAO,gBACrChB,KAAA,CAAAkB,aAAA;IACIU,KAAK,EAAE;MAAEC,MAAM,EAAET,KAAK,KAAKI,MAAM,CAACR,MAAM,GAAG,cAAc,GAAG;IAAO,CAAE;IACrEc,OAAO,EAAEA,CAAA,KAAM;MACXT,QAAQ,CAAC,CAAC;QAAED;MAAM,CAAC,KAAK;QACpBA,KAAK,CAACW,GAAG,CAACP,MAAM,CAACR,MAAM,CAAC;MAC5B,CAAC,CAAC;IACN;EAAE,GAEDQ,MAAM,CAACP,IACP,CACI,CAChB,CACC,CAAC;AAEf,CAAC","ignoreList":[]}

package/inputRenderers/LexicalInput/DefaultLexicalConfig.js

@@ -1,10 +1,10 @@
 import React from "react";
-import { TypographyAction, FontColorAction, Divider, BoldAction, ItalicAction, UnderlineAction, CodeHighlightAction, NumberedListAction, BulletListAction, ImageAction, LinkAction, QuoteAction, ImagesPlugin, QuotePlugin, FloatingLinkEditorPlugin, LinkPlugin, ListPlugin, TypographyPlugin, FontColorPlugin, TextAlignmentAction } from "@webiny/lexical-editor";
+import { TypographyAction, FontColorAction, Divider, BoldAction, ItalicAction, UnderlineAction, CodeHighlightAction, NumberedListAction, BulletListAction, LinkAction, QuoteAction, QuotePlugin, FloatingLinkEditorPlugin, LinkPlugin, ListPlugin, TypographyPlugin, FontColorPlugin, TextAlignmentAction } from "@webiny/lexical-editor";
 import { CompositionScope } from "@webiny/app-admin";
+import { LexicalLinkForm } from "@webiny/app-admin";
 import { LexicalEditorConfig } from "@webiny/lexical-editor";
-import { TypographyDropDown } from "./TypographyDropDown";
-import { ExpandEditorAction } from "./ExpandEditorAction";
-import { LinkEditForm } from "./LinkEditForm";
+import { TypographyDropDown } from "./TypographyDropDown.js";
+import { ExpandEditorAction } from "./ExpandEditorAction.js";
 const {
   ToolbarElement,
   Plugin
@@ -21,15 +21,6 @@ const sharedPlugins = /*#__PURE__*/React.createElement(React.Fragment, null, /*#
 }), /*#__PURE__*/React.createElement(Plugin, {
   name: "link",
   element: /*#__PURE__*/React.createElement(LinkPlugin, null)
-}), /*#__PURE__*/React.createElement(Plugin, {
-  name: "floatingLinkEditor",
-  element: /*#__PURE__*/React.createElement(FloatingLinkEditorPlugin, {
-    anchorElem: () => document.body,
-    LinkEditForm: LinkEditForm
-  })
-}), /*#__PURE__*/React.createElement(Plugin, {
-  name: "images",
-  element: /*#__PURE__*/React.createElement(ImagesPlugin, null)
 }), /*#__PURE__*/React.createElement(Plugin, {
   name: "quote",
   element: /*#__PURE__*/React.createElement(QuotePlugin, null)
@@ -37,7 +28,9 @@ const sharedPlugins = /*#__PURE__*/React.createElement(React.Fragment, null, /*#
 export const DefaultLexicalConfig = () => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CompositionScope, {
     name: "compact"
-  }, /*#__PURE__*/React.createElement(LexicalEditorConfig, null, sharedPlugins, /*#__PURE__*/React.createElement(ToolbarElement, {
+  }, /*#__PURE__*/React.createElement(LexicalEditorConfig, {
+    priority: "primary"
+  }, sharedPlugins, /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "textAlignment",
     element: /*#__PURE__*/React.createElement(TextAlignmentAction, null)
   }), /*#__PURE__*/React.createElement(ToolbarElement, {
@@ -54,9 +47,16 @@ export const DefaultLexicalConfig = () => {
     element: /*#__PURE__*/React.createElement(ExpandEditorAction, null)
   }))), /*#__PURE__*/React.createElement(CompositionScope, {
     name: "expanded"
+  }, /*#__PURE__*/React.createElement(LexicalEditorConfig, {
+    priority: "primary"
   }, /*#__PURE__*/React.createElement(TypographyAction.TypographyDropDown, {
     element: /*#__PURE__*/React.createElement(TypographyDropDown, null)
-  }), /*#__PURE__*/React.createElement(LexicalEditorConfig, null, sharedPlugins, /*#__PURE__*/React.createElement(ToolbarElement, {
+  }), sharedPlugins, /*#__PURE__*/React.createElement(Plugin, {
+    name: "floatingLinkEditor",
+    element: /*#__PURE__*/React.createElement(FloatingLinkEditorPlugin, {
+      LinkForm: LexicalLinkForm
+    })
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "fontColor",
     element: /*#__PURE__*/React.createElement(FontColorAction, null)
   }), /*#__PURE__*/React.createElement(ToolbarElement, {
@@ -90,13 +90,7 @@ export const DefaultLexicalConfig = () => {
     name: "bulletList",
     element: /*#__PURE__*/React.createElement(BulletListAction, null)
   }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "divider",
-    element: /*#__PURE__*/React.createElement(Divider, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "image",
-    element: /*#__PURE__*/React.createElement(ImageAction, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "divider3",
+    name: "divider2",
     element: /*#__PURE__*/React.createElement(Divider, null)
   }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "link",

package/inputRenderers/LexicalInput/DefaultLexicalConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TypographyAction","FontColorAction","Divider","BoldAction","ItalicAction","UnderlineAction","CodeHighlightAction","NumberedListAction","BulletListAction","ImageAction","LinkAction","QuoteAction","ImagesPlugin","QuotePlugin","FloatingLinkEditorPlugin","LinkPlugin","ListPlugin","TypographyPlugin","FontColorPlugin","TextAlignmentAction","CompositionScope","LexicalEditorConfig","TypographyDropDown","ExpandEditorAction","LinkEditForm","ToolbarElement","Plugin","sharedPlugins","createElement","Fragment","name","element","anchorElem","document","body","DefaultLexicalConfig"],"sources":["DefaultLexicalConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TypographyAction,\n    FontColorAction,\n    Divider,\n    BoldAction,\n    ItalicAction,\n    UnderlineAction,\n    CodeHighlightAction,\n    NumberedListAction,\n    BulletListAction,\n    ImageAction,\n    LinkAction,\n    QuoteAction,\n    ImagesPlugin,\n    QuotePlugin,\n    FloatingLinkEditorPlugin,\n    LinkPlugin,\n    ListPlugin,\n    TypographyPlugin,\n    FontColorPlugin,\n    TextAlignmentAction\n} from \"@webiny/lexical-editor\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport { LexicalEditorConfig } from \"@webiny/lexical-editor\";\nimport { TypographyDropDown } from \"./TypographyDropDown\";\nimport { ExpandEditorAction } from \"./ExpandEditorAction\";\nimport { LinkEditForm } from \"./LinkEditForm\";\n\nconst { ToolbarElement, Plugin } = LexicalEditorConfig;\n\nconst sharedPlugins = (\n    <>\n        <Plugin name={\"fontColor\"} element={<FontColorPlugin />} />\n        <Plugin name={\"list\"} element={<ListPlugin />} />\n        <Plugin name={\"typography\"} element={<TypographyPlugin />} />\n        <Plugin name={\"link\"} element={<LinkPlugin />} />\n        <Plugin\n            name={\"floatingLinkEditor\"}\n            element={\n                <FloatingLinkEditorPlugin\n                    anchorElem={() => document.body}\n                    LinkEditForm={LinkEditForm}\n                />\n            }\n        />\n        <Plugin name={\"images\"} element={<ImagesPlugin />} />\n        <Plugin name={\"quote\"} element={<QuotePlugin />} />\n    </>\n);\n\nexport const DefaultLexicalConfig = () => {\n    return (\n        <>\n            <CompositionScope name={\"compact\"}>\n                <LexicalEditorConfig>\n                    {sharedPlugins}\n                    <ToolbarElement name=\"textAlignment\" element={<TextAlignmentAction />} />\n                    <ToolbarElement name=\"boldAction\" element={<BoldAction />} />\n                    <ToolbarElement name=\"italic\" element={<ItalicAction />} />\n                    <ToolbarElement name=\"underline\" element={<UnderlineAction />} />\n                    <ToolbarElement name=\"expand\" element={<ExpandEditorAction />} />\n                </LexicalEditorConfig>\n            </CompositionScope>\n            <CompositionScope name={\"expanded\"}>\n                <TypographyAction.TypographyDropDown element={<TypographyDropDown />} />\n                <LexicalEditorConfig>\n                    {sharedPlugins}\n                    <ToolbarElement name=\"fontColor\" element={<FontColorAction />} />\n                    <ToolbarElement name=\"typography\" element={<TypographyAction />} />\n                    <ToolbarElement name=\"textAlignment\" element={<TextAlignmentAction />} />\n                    <ToolbarElement name=\"divider1\" element={<Divider />} />\n                    <ToolbarElement name=\"boldAction\" element={<BoldAction />} />\n                    <ToolbarElement name=\"italic\" element={<ItalicAction />} />\n                    <ToolbarElement name=\"underline\" element={<UnderlineAction />} />\n                    <ToolbarElement name=\"codeHighlight\" element={<CodeHighlightAction />} />\n                    <ToolbarElement name=\"divider2\" element={<Divider />} />\n                    <ToolbarElement name=\"numberedList\" element={<NumberedListAction />} />\n                    <ToolbarElement name=\"bulletList\" element={<BulletListAction />} />\n                    <ToolbarElement name=\"divider\" element={<Divider />} />\n                    <ToolbarElement name=\"image\" element={<ImageAction />} />\n                    <ToolbarElement name=\"divider3\" element={<Divider />} />\n                    <ToolbarElement name=\"link\" element={<LinkAction />} />\n                    <ToolbarElement name=\"quote\" element={<QuoteAction />} />\n                </LexicalEditorConfig>\n            </CompositionScope>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","TypographyAction","FontColorAction","Divider","BoldAction","ItalicAction","UnderlineAction","CodeHighlightAction","NumberedListAction","BulletListAction","LinkAction","QuoteAction","QuotePlugin","FloatingLinkEditorPlugin","LinkPlugin","ListPlugin","TypographyPlugin","FontColorPlugin","TextAlignmentAction","CompositionScope","LexicalLinkForm","LexicalEditorConfig","TypographyDropDown","ExpandEditorAction","ToolbarElement","Plugin","sharedPlugins","createElement","Fragment","name","element","DefaultLexicalConfig","priority","LinkForm"],"sources":["DefaultLexicalConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TypographyAction,\n    FontColorAction,\n    Divider,\n    BoldAction,\n    ItalicAction,\n    UnderlineAction,\n    CodeHighlightAction,\n    NumberedListAction,\n    BulletListAction,\n    LinkAction,\n    QuoteAction,\n    QuotePlugin,\n    FloatingLinkEditorPlugin,\n    LinkPlugin,\n    ListPlugin,\n    TypographyPlugin,\n    FontColorPlugin,\n    TextAlignmentAction\n} from \"@webiny/lexical-editor\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport { LexicalLinkForm } from \"@webiny/app-admin\";\nimport { LexicalEditorConfig } from \"@webiny/lexical-editor\";\nimport { TypographyDropDown } from \"./TypographyDropDown.js\";\nimport { ExpandEditorAction } from \"./ExpandEditorAction.js\";\n\nconst { ToolbarElement, Plugin } = LexicalEditorConfig;\n\nconst sharedPlugins = (\n    <>\n        <Plugin name={\"fontColor\"} element={<FontColorPlugin />} />\n        <Plugin name={\"list\"} element={<ListPlugin />} />\n        <Plugin name={\"typography\"} element={<TypographyPlugin />} />\n        <Plugin name={\"link\"} element={<LinkPlugin />} />\n        <Plugin name={\"quote\"} element={<QuotePlugin />} />\n    </>\n);\n\nexport const DefaultLexicalConfig = () => {\n    return (\n        <>\n            <CompositionScope name={\"compact\"}>\n                <LexicalEditorConfig priority={\"primary\"}>\n                    {sharedPlugins}\n                    <ToolbarElement name=\"textAlignment\" element={<TextAlignmentAction />} />\n                    <ToolbarElement name=\"boldAction\" element={<BoldAction />} />\n                    <ToolbarElement name=\"italic\" element={<ItalicAction />} />\n                    <ToolbarElement name=\"underline\" element={<UnderlineAction />} />\n                    <ToolbarElement name=\"expand\" element={<ExpandEditorAction />} />\n                </LexicalEditorConfig>\n            </CompositionScope>\n            <CompositionScope name={\"expanded\"}>\n                <LexicalEditorConfig priority={\"primary\"}>\n                    <TypographyAction.TypographyDropDown element={<TypographyDropDown />} />\n                    {sharedPlugins}\n                    <Plugin\n                        name={\"floatingLinkEditor\"}\n                        element={<FloatingLinkEditorPlugin LinkForm={LexicalLinkForm} />}\n                    />\n                    <ToolbarElement name=\"fontColor\" element={<FontColorAction />} />\n                    <ToolbarElement name=\"typography\" element={<TypographyAction />} />\n                    <ToolbarElement name=\"textAlignment\" element={<TextAlignmentAction />} />\n                    <ToolbarElement name=\"divider1\" element={<Divider />} />\n                    <ToolbarElement name=\"boldAction\" element={<BoldAction />} />\n                    <ToolbarElement name=\"italic\" element={<ItalicAction />} />\n                    <ToolbarElement name=\"underline\" element={<UnderlineAction />} />\n                    <ToolbarElement name=\"codeHighlight\" element={<CodeHighlightAction />} />\n                    <ToolbarElement name=\"divider2\" element={<Divider />} />\n                    <ToolbarElement name=\"numberedList\" element={<NumberedListAction />} />\n                    <ToolbarElement name=\"bulletList\" element={<BulletListAction />} />\n                    <ToolbarElement name=\"divider2\" element={<Divider />} />\n                    <ToolbarElement name=\"link\" element={<LinkAction />} />\n                    <ToolbarElement name=\"quote\" element={<QuoteAction />} />\n                </LexicalEditorConfig>\n            </CompositionScope>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/inputRenderers/LexicalInput/ExpandEditorAction.js

@@ -1,12 +1,12 @@
 import React from "react";
-import { useExpandedEditor } from "./ExpandedEditor";
+import { useExpandedEditor } from "./ExpandedEditor.js";
 export const ExpandEditorAction = () => {
   const {
     setExpanded
   } = useExpandedEditor();
   return /*#__PURE__*/React.createElement("button", {
     onClick: () => setExpanded(expanded => !expanded),
-    className: "popup-item wby-absolute wby-right-0 wby-z-1",
+    className: "popup-item absolute right-0 z-1",
     "aria-label": "Expand editor"
   }, /*#__PURE__*/React.createElement("i", {
     className: "format expand"

package/inputRenderers/LexicalInput/ExpandEditorAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useExpandedEditor","ExpandEditorAction","setExpanded","createElement","onClick","expanded","className"],"sources":["ExpandEditorAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { useExpandedEditor } from \"./ExpandedEditor\";\n\nexport const ExpandEditorAction = () => {\n    const { setExpanded } = useExpandedEditor();\n\n    return (\n        <button\n            onClick={() => setExpanded(expanded => !expanded)}\n            className={\"popup-item wby-absolute wby-right-0 wby-z-1\"}\n            aria-label=\"Expand editor\"\n        >\n            <i className=\"format expand\" />\n        </button>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,MAAM;IAAEC;EAAY,CAAC,GAAGF,iBAAiB,CAAC,CAAC;EAE3C,oBACID,KAAA,CAAAI,aAAA;IACIC,OAAO,EAAEA,CAAA,KAAMF,WAAW,CAACG,QAAQ,IAAI,CAACA,QAAQ,CAAE;IAClDC,SAAS,EAAE,6CAA8C;IACzD,cAAW;EAAe,gBAE1BP,KAAA,CAAAI,aAAA;IAAGG,SAAS,EAAC;EAAe,CAAE,CAC1B,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useExpandedEditor","ExpandEditorAction","setExpanded","createElement","onClick","expanded","className"],"sources":["ExpandEditorAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { useExpandedEditor } from \"./ExpandedEditor.js\";\n\nexport const ExpandEditorAction = () => {\n    const { setExpanded } = useExpandedEditor();\n\n    return (\n        <button\n            onClick={() => setExpanded(expanded => !expanded)}\n            className={\"popup-item absolute right-0 z-1\"}\n            aria-label=\"Expand editor\"\n        >\n            <i className=\"format expand\" />\n        </button>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,MAAM;IAAEC;EAAY,CAAC,GAAGF,iBAAiB,CAAC,CAAC;EAE3C,oBACID,KAAA,CAAAI,aAAA;IACIC,OAAO,EAAEA,CAAA,KAAMF,WAAW,CAACG,QAAQ,IAAI,CAACA,QAAQ,CAAE;IAClDC,SAAS,EAAE,iCAAkC;IAC7C,cAAW;EAAe,gBAE1BP,KAAA,CAAAI,aAAA;IAAGG,SAAS,EAAC;EAAe,CAAE,CAC1B,CAAC;AAEjB,CAAC","ignoreList":[]}

package/inputRenderers/LexicalInput/LexicalEditor.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
-import type { RichTextEditorProps } from "@webiny/lexical-editor/types";
+import { LexicalEditor as BaseLexicalEditor } from "@webiny/app-admin";
 import "./wbStaticToolbar.css";
-export declare const LexicalEditor: (props: Omit<RichTextEditorProps, "theme">) => React.JSX.Element;
+export type LexicalEditorProps = Omit<React.ComponentProps<typeof BaseLexicalEditor>, "theme">;
+export declare const LexicalEditor: (props: LexicalEditorProps) => React.JSX.Element;

package/inputRenderers/LexicalInput/LexicalEditor.js

@@ -1,7 +1,8 @@
-import React, { useCallback } from "react";
-import { RichTextEditor, StaticToolbar } from "@webiny/lexical-editor";
-import { FileManager } from "@webiny/app-admin";
-import { useWebsiteBuilderTheme } from "../../BaseEditor/components";
+import React from "react";
+import { LexicalEditor as BaseLexicalEditor } from "@webiny/app-admin";
+import { StaticToolbar } from "@webiny/lexical-editor";
+import { createLexicalTokens } from "@webiny/lexical-theme/createLexicalEditorTokens.js";
+import { useWebsiteBuilderTheme } from "../../BaseEditor/components/index.js";
 import "./wbStaticToolbar.css";
 const placeholderStyles = {
   position: "absolute",
@@ -21,45 +22,27 @@ const styles = {
   maxHeight: 350,
   fontFamily: "var(--wb-theme-font-family)"
 };
-const toolbar = /*#__PURE__*/React.createElement(StaticToolbar, {
-  className: "wb-static-toolbar"
-});
+const lexicalTokens = createLexicalTokens("wb-lx-");
 export const LexicalEditor = props => {
   const {
     theme
   } = useWebsiteBuilderTheme();
-  const onChange = useCallback(jsonString => {
-    if (props?.onChange) {
-      props?.onChange(jsonString);
-    }
-  }, [props?.onChange]);
   const editorTheme = {
-    emotionMap: {},
-    styles: theme?.styles ?? {},
-    ...theme?.lexical
+    colors: theme?.colors ?? [],
+    typography: theme?.typography ?? {},
+    tokens: lexicalTokens
   };
-
-  /**
-   * To use Website Builder theme, we can't use the LexicalEditor component from @webiny/app-admin.
-   */
-  return /*#__PURE__*/React.createElement(FileManager, {
-    accept: ["image/*"]
-  }, ({
-    showFileManager
-  }) => /*#__PURE__*/React.createElement(RichTextEditor, Object.assign({}, props, {
-    onChange: onChange,
-    staticToolbar: toolbar,
+  return /*#__PURE__*/React.createElement(BaseLexicalEditor, Object.assign({}, props, {
+    staticToolbar: /*#__PURE__*/React.createElement(StaticToolbar, {
+      className: "wb-static-toolbar"
+    }),
     tag: "p",
     placeholder: props?.placeholder || "Enter your text here...",
     placeholderStyles: placeholderStyles,
     contentEditableStyles: contentEditableStyles,
     styles: styles,
-    theme: editorTheme,
-    toolbarActionPlugins: [...(props.toolbarActionPlugins || []), {
-      targetAction: "image-action",
-      plugin: showFileManager
-    }]
-  })));
+    theme: editorTheme
+  }));
 };
 
 //# sourceMappingURL=LexicalEditor.js.map

package/inputRenderers/LexicalInput/LexicalEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","RichTextEditor","StaticToolbar","FileManager","useWebsiteBuilderTheme","placeholderStyles","position","top","left","contentEditableStyles","minHeight","display","padding","styles","backgroundColor","border","maxHeight","fontFamily","toolbar","createElement","className","LexicalEditor","props","theme","onChange","jsonString","editorTheme","emotionMap","lexical","accept","showFileManager","Object","assign","staticToolbar","tag","placeholder","toolbarActionPlugins","targetAction","plugin"],"sources":["LexicalEditor.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { RichTextEditor, StaticToolbar } from \"@webiny/lexical-editor\";\nimport type { RichTextEditorProps } from \"@webiny/lexical-editor/types\";\nimport { FileManager } from \"@webiny/app-admin\";\nimport type { EditorTheme } from \"@webiny/lexical-theme\";\nimport { useWebsiteBuilderTheme } from \"~/BaseEditor/components\";\nimport \"./wbStaticToolbar.css\";\n\nconst placeholderStyles: React.CSSProperties = { position: \"absolute\", top: 40, left: 25 };\n\nconst contentEditableStyles: React.CSSProperties = {\n    minHeight: 200,\n    display: \"block\",\n    padding: 10\n};\n\nconst styles: React.CSSProperties = {\n    backgroundColor: \"#fff\",\n    border: \"1px solid #e1e1e1\",\n    padding: \"10px 14px\",\n    minHeight: 200,\n    maxHeight: 350,\n    fontFamily: \"var(--wb-theme-font-family)\"\n};\n\nconst toolbar = <StaticToolbar className={\"wb-static-toolbar\"} />;\n\nexport const LexicalEditor = (props: Omit<RichTextEditorProps, \"theme\">) => {\n    const { theme } = useWebsiteBuilderTheme();\n\n    const onChange = useCallback(\n        (jsonString: string) => {\n            if (props?.onChange) {\n                props?.onChange(jsonString);\n            }\n        },\n        [props?.onChange]\n    );\n\n    const editorTheme: EditorTheme = {\n        emotionMap: {},\n        styles: theme?.styles ?? {},\n        ...theme?.lexical\n    };\n\n    /**\n     * To use Website Builder theme, we can't use the LexicalEditor component from @webiny/app-admin.\n     */\n    return (\n        <FileManager accept={[\"image/*\"]}>\n            {({ showFileManager }) => (\n                <RichTextEditor\n                    {...props}\n                    onChange={onChange}\n                    staticToolbar={toolbar}\n                    tag={\"p\"}\n                    placeholder={props?.placeholder || \"Enter your text here...\"}\n                    placeholderStyles={placeholderStyles}\n                    contentEditableStyles={contentEditableStyles}\n                    styles={styles}\n                    theme={editorTheme}\n                    toolbarActionPlugins={[\n                        ...(props.toolbarActionPlugins || []),\n                        { targetAction: \"image-action\", plugin: showFileManager }\n                    ]}\n                />\n            )}\n        </FileManager>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,cAAc,EAAEC,aAAa,QAAQ,wBAAwB;AAEtE,SAASC,WAAW,QAAQ,mBAAmB;AAE/C,SAASC,sBAAsB;AAC/B;AAEA,MAAMC,iBAAsC,GAAG;EAAEC,QAAQ,EAAE,UAAU;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE;AAAG,CAAC;AAE1F,MAAMC,qBAA0C,GAAG;EAC/CC,SAAS,EAAE,GAAG;EACdC,OAAO,EAAE,OAAO;EAChBC,OAAO,EAAE;AACb,CAAC;AAED,MAAMC,MAA2B,GAAG;EAChCC,eAAe,EAAE,MAAM;EACvBC,MAAM,EAAE,mBAAmB;EAC3BH,OAAO,EAAE,WAAW;EACpBF,SAAS,EAAE,GAAG;EACdM,SAAS,EAAE,GAAG;EACdC,UAAU,EAAE;AAChB,CAAC;AAED,MAAMC,OAAO,gBAAGnB,KAAA,CAAAoB,aAAA,CAACjB,aAAa;EAACkB,SAAS,EAAE;AAAoB,CAAE,CAAC;AAEjE,OAAO,MAAMC,aAAa,GAAIC,KAAyC,IAAK;EACxE,MAAM;IAAEC;EAAM,CAAC,GAAGnB,sBAAsB,CAAC,CAAC;EAE1C,MAAMoB,QAAQ,GAAGxB,WAAW,CACvByB,UAAkB,IAAK;IACpB,IAAIH,KAAK,EAAEE,QAAQ,EAAE;MACjBF,KAAK,EAAEE,QAAQ,CAACC,UAAU,CAAC;IAC/B;EACJ,CAAC,EACD,CAACH,KAAK,EAAEE,QAAQ,CACpB,CAAC;EAED,MAAME,WAAwB,GAAG;IAC7BC,UAAU,EAAE,CAAC,CAAC;IACdd,MAAM,EAAEU,KAAK,EAAEV,MAAM,IAAI,CAAC,CAAC;IAC3B,GAAGU,KAAK,EAAEK;EACd,CAAC;;EAED;AACJ;AACA;EACI,oBACI7B,KAAA,CAAAoB,aAAA,CAAChB,WAAW;IAAC0B,MAAM,EAAE,CAAC,SAAS;EAAE,GAC5B,CAAC;IAAEC;EAAgB,CAAC,kBACjB/B,KAAA,CAAAoB,aAAA,CAAClB,cAAc,EAAA8B,MAAA,CAAAC,MAAA,KACPV,KAAK;IACTE,QAAQ,EAAEA,QAAS;IACnBS,aAAa,EAAEf,OAAQ;IACvBgB,GAAG,EAAE,GAAI;IACTC,WAAW,EAAEb,KAAK,EAAEa,WAAW,IAAI,yBAA0B;IAC7D9B,iBAAiB,EAAEA,iBAAkB;IACrCI,qBAAqB,EAAEA,qBAAsB;IAC7CI,MAAM,EAAEA,MAAO;IACfU,KAAK,EAAEG,WAAY;IACnBU,oBAAoB,EAAE,CAClB,IAAId,KAAK,CAACc,oBAAoB,IAAI,EAAE,CAAC,EACrC;MAAEC,YAAY,EAAE,cAAc;MAAEC,MAAM,EAAER;IAAgB,CAAC;EAC3D,EACL,CAEI,CAAC;AAEtB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","LexicalEditor","BaseLexicalEditor","StaticToolbar","createLexicalTokens","useWebsiteBuilderTheme","placeholderStyles","position","top","left","contentEditableStyles","minHeight","display","padding","styles","backgroundColor","border","maxHeight","fontFamily","lexicalTokens","props","theme","editorTheme","colors","typography","tokens","createElement","Object","assign","staticToolbar","className","tag","placeholder"],"sources":["LexicalEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { LexicalEditor as BaseLexicalEditor } from \"@webiny/app-admin\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport type { EditorTheme } from \"@webiny/lexical-theme\";\nimport { createLexicalTokens } from \"@webiny/lexical-theme/createLexicalEditorTokens.js\";\nimport { useWebsiteBuilderTheme } from \"~/BaseEditor/components/index.js\";\nimport \"./wbStaticToolbar.css\";\n\nconst placeholderStyles: React.CSSProperties = { position: \"absolute\", top: 40, left: 25 };\n\nconst contentEditableStyles: React.CSSProperties = {\n    minHeight: 200,\n    display: \"block\",\n    padding: 10\n};\n\nconst styles: React.CSSProperties = {\n    backgroundColor: \"#fff\",\n    border: \"1px solid #e1e1e1\",\n    padding: \"10px 14px\",\n    minHeight: 200,\n    maxHeight: 350,\n    fontFamily: \"var(--wb-theme-font-family)\"\n};\n\nconst lexicalTokens = createLexicalTokens(\"wb-lx-\");\n\nexport type LexicalEditorProps = Omit<React.ComponentProps<typeof BaseLexicalEditor>, \"theme\">;\n\nexport const LexicalEditor = (props: LexicalEditorProps) => {\n    const { theme } = useWebsiteBuilderTheme();\n\n    const editorTheme: EditorTheme = {\n        colors: theme?.colors ?? [],\n        typography: theme?.typography ?? {},\n        tokens: lexicalTokens\n    };\n\n    return (\n        <BaseLexicalEditor\n            {...props}\n            staticToolbar={<StaticToolbar className={\"wb-static-toolbar\"} />}\n            tag={\"p\"}\n            placeholder={props?.placeholder || \"Enter your text here...\"}\n            placeholderStyles={placeholderStyles}\n            contentEditableStyles={contentEditableStyles}\n            styles={styles}\n            theme={editorTheme}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,IAAIC,iBAAiB,QAAQ,mBAAmB;AACtE,SAASC,aAAa,QAAQ,wBAAwB;AAEtD,SAASC,mBAAmB,QAAQ,oDAAoD;AACxF,SAASC,sBAAsB;AAC/B;AAEA,MAAMC,iBAAsC,GAAG;EAAEC,QAAQ,EAAE,UAAU;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE;AAAG,CAAC;AAE1F,MAAMC,qBAA0C,GAAG;EAC/CC,SAAS,EAAE,GAAG;EACdC,OAAO,EAAE,OAAO;EAChBC,OAAO,EAAE;AACb,CAAC;AAED,MAAMC,MAA2B,GAAG;EAChCC,eAAe,EAAE,MAAM;EACvBC,MAAM,EAAE,mBAAmB;EAC3BH,OAAO,EAAE,WAAW;EACpBF,SAAS,EAAE,GAAG;EACdM,SAAS,EAAE,GAAG;EACdC,UAAU,EAAE;AAChB,CAAC;AAED,MAAMC,aAAa,GAAGf,mBAAmB,CAAC,QAAQ,CAAC;AAInD,OAAO,MAAMH,aAAa,GAAImB,KAAyB,IAAK;EACxD,MAAM;IAAEC;EAAM,CAAC,GAAGhB,sBAAsB,CAAC,CAAC;EAE1C,MAAMiB,WAAwB,GAAG;IAC7BC,MAAM,EAAEF,KAAK,EAAEE,MAAM,IAAI,EAAE;IAC3BC,UAAU,EAAEH,KAAK,EAAEG,UAAU,IAAI,CAAC,CAAC;IACnCC,MAAM,EAAEN;EACZ,CAAC;EAED,oBACInB,KAAA,CAAA0B,aAAA,CAACxB,iBAAiB,EAAAyB,MAAA,CAAAC,MAAA,KACVR,KAAK;IACTS,aAAa,eAAE7B,KAAA,CAAA0B,aAAA,CAACvB,aAAa;MAAC2B,SAAS,EAAE;IAAoB,CAAE,CAAE;IACjEC,GAAG,EAAE,GAAI;IACTC,WAAW,EAAEZ,KAAK,EAAEY,WAAW,IAAI,yBAA0B;IAC7D1B,iBAAiB,EAAEA,iBAAkB;IACrCI,qBAAqB,EAAEA,qBAAsB;IAC7CI,MAAM,EAAEA,MAAO;IACfO,KAAK,EAAEC;EAAY,EACtB,CAAC;AAEV,CAAC","ignoreList":[]}

package/inputRenderers/LexicalInput/LexicalEditorConfig.d.ts

@@ -1,6 +1,14 @@
 import React from "react";
 import { LexicalEditorConfig as BaseConfig } from "@webiny/lexical-editor";
-export declare const LexicalEditorConfig: {
+export declare const CompactEditorConfig: {
+    ({ children }: {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    ToolbarAction: (props: React.ComponentProps<typeof BaseConfig.ToolbarElement>) => React.JSX.Element;
+    Plugin: (props: React.ComponentProps<typeof BaseConfig.Plugin>) => React.JSX.Element;
+    Node: (props: React.ComponentProps<typeof BaseConfig.Node>) => React.JSX.Element;
+};
+export declare const ExpandedEditorConfig: {
     ({ children }: {
         children: React.ReactNode;
     }): React.JSX.Element;