@webiny/app-website-builder 0.0.0-unstable.e53eceafb5

package/features/settings/updateSettings/UpdateSettings.gateway.js

@@ -0,0 +1,42 @@
+import gql from "graphql-tag";
+import { WebinyError } from "@webiny/error";
+const MUTATION = gql`
+    mutation UpdateWebsiteBuilderSettings($settings: WbSettingsInput!) {
+        websiteBuilder {
+            updateSettings(data: $settings) {
+                data
+                error {
+                    code
+                    message
+                    data
+                }
+            }
+        }
+    }
+`;
+export class UpdateSettingsGqlGateway {
+  constructor(client) {
+    this.client = client;
+  }
+  async execute(settings) {
+    const {
+      data: response
+    } = await this.client.mutate({
+      mutation: MUTATION,
+      variables: {
+        settings
+      }
+    });
+    if (!response) {
+      throw new Error("Network error while updating settings.");
+    }
+    const {
+      error
+    } = response.websiteBuilder.updateSettings;
+    if (error) {
+      throw new WebinyError(error);
+    }
+  }
+}
+
+//# sourceMappingURL=UpdateSettings.gateway.js.map

package/features/settings/updateSettings/UpdateSettings.gateway.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gql","WebinyError","MUTATION","UpdateSettingsGqlGateway","constructor","client","execute","settings","data","response","mutate","mutation","variables","Error","error","websiteBuilder","updateSettings"],"sources":["UpdateSettings.gateway.ts"],"sourcesContent":["import type ApolloClient from \"apollo-client\";\nimport gql from \"graphql-tag\";\nimport type { GenericRecord } from \"@webiny/app/types\";\nimport { WebinyError } from \"@webiny/error\";\nimport type { IUpdateSettings } from \"./IUpdateSettings\";\nimport type { IWebsiteBuilderSettings } from \"~/features/settings/IWebsiteBuilderSettings\";\n\nconst MUTATION = gql`\n    mutation UpdateWebsiteBuilderSettings($settings: WbSettingsInput!) {\n        websiteBuilder {\n            updateSettings(data: $settings) {\n                data\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\ninterface QueryType {\n    websiteBuilder: {\n        updateSettings:\n            | {\n                  data: boolean;\n                  error: undefined;\n              }\n            | {\n                  data: undefined;\n                  error: {\n                      code: string;\n                      message: string;\n                      data: GenericRecord<string>;\n                  };\n              };\n    };\n}\n\nexport class UpdateSettingsGqlGateway implements IUpdateSettings {\n    private client: ApolloClient<any>;\n\n    constructor(client: ApolloClient<any>) {\n        this.client = client;\n    }\n\n    async execute(settings: IWebsiteBuilderSettings): Promise<void> {\n        const { data: response } = await this.client.mutate<QueryType>({\n            mutation: MUTATION,\n            variables: {\n                settings\n            }\n        });\n\n        if (!response) {\n            throw new Error(\"Network error while updating settings.\");\n        }\n\n        const { error } = response.websiteBuilder.updateSettings;\n\n        if (error) {\n            throw new WebinyError(error);\n        }\n    }\n}\n"],"mappings":"AACA,OAAOA,GAAG,MAAM,aAAa;AAE7B,SAASC,WAAW,QAAQ,eAAe;AAI3C,MAAMC,QAAQ,GAAGF,GAAG;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAoBD,OAAO,MAAMG,wBAAwB,CAA4B;EAG7DC,WAAWA,CAACC,MAAyB,EAAE;IACnC,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB;EAEA,MAAMC,OAAOA,CAACC,QAAiC,EAAiB;IAC5D,MAAM;MAAEC,IAAI,EAAEC;IAAS,CAAC,GAAG,MAAM,IAAI,CAACJ,MAAM,CAACK,MAAM,CAAY;MAC3DC,QAAQ,EAAET,QAAQ;MAClBU,SAAS,EAAE;QACPL;MACJ;IACJ,CAAC,CAAC;IAEF,IAAI,CAACE,QAAQ,EAAE;MACX,MAAM,IAAII,KAAK,CAAC,wCAAwC,CAAC;IAC7D;IAEA,MAAM;MAAEC;IAAM,CAAC,GAAGL,QAAQ,CAACM,cAAc,CAACC,cAAc;IAExD,IAAIF,KAAK,EAAE;MACP,MAAM,IAAIb,WAAW,CAACa,KAAK,CAAC;IAChC;EACJ;AACJ","ignoreList":[]}

package/features/settings/updateSettings/UpdateSettings.repository.d.ts

@@ -0,0 +1,11 @@
+import type { IUpdateSettings } from "./IUpdateSettings";
+import type { SettingsCache } from "../../../shared/settingsCache";
+export interface IWebsiteBuilderSettings {
+    previewDomain: string;
+}
+export declare class UpdateSettingsRepository implements IUpdateSettings {
+    private gateway;
+    private cache;
+    constructor(cache: SettingsCache, gateway: IUpdateSettings);
+    execute(settings: IWebsiteBuilderSettings): Promise<void>;
+}

package/features/settings/updateSettings/UpdateSettings.repository.js

@@ -0,0 +1,17 @@
+const SETTINGS_KEY = "WebsiteBuilder/Settings";
+export class UpdateSettingsRepository {
+  constructor(cache, gateway) {
+    this.cache = cache;
+    this.gateway = gateway;
+  }
+  async execute(settings) {
+    try {
+      this.cache.set(SETTINGS_KEY, settings);
+      await this.gateway.execute(settings);
+    } catch (error) {
+      console.log(`[Error] UpdateSettingsRepository: ${error.message}`);
+    }
+  }
+}
+
+//# sourceMappingURL=UpdateSettings.repository.js.map

package/features/settings/updateSettings/UpdateSettings.repository.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SETTINGS_KEY","UpdateSettingsRepository","constructor","cache","gateway","execute","settings","set","error","console","log","message"],"sources":["UpdateSettings.repository.ts"],"sourcesContent":["import type { IUpdateSettings } from \"./IUpdateSettings\";\nimport type { SettingsCache } from \"~/shared/settingsCache\";\n\nexport interface IWebsiteBuilderSettings {\n    previewDomain: string;\n}\n\nconst SETTINGS_KEY = \"WebsiteBuilder/Settings\";\n\nexport class UpdateSettingsRepository implements IUpdateSettings {\n    private gateway: IUpdateSettings;\n    private cache: SettingsCache;\n\n    constructor(cache: SettingsCache, gateway: IUpdateSettings) {\n        this.cache = cache;\n        this.gateway = gateway;\n    }\n\n    async execute(settings: IWebsiteBuilderSettings): Promise<void> {\n        try {\n            this.cache.set(SETTINGS_KEY, settings);\n            await this.gateway.execute(settings);\n        } catch (error) {\n            console.log(`[Error] UpdateSettingsRepository: ${error.message}`);\n        }\n    }\n}\n"],"mappings":"AAOA,MAAMA,YAAY,GAAG,yBAAyB;AAE9C,OAAO,MAAMC,wBAAwB,CAA4B;EAI7DC,WAAWA,CAACC,KAAoB,EAAEC,OAAwB,EAAE;IACxD,IAAI,CAACD,KAAK,GAAGA,KAAK;IAClB,IAAI,CAACC,OAAO,GAAGA,OAAO;EAC1B;EAEA,MAAMC,OAAOA,CAACC,QAAiC,EAAiB;IAC5D,IAAI;MACA,IAAI,CAACH,KAAK,CAACI,GAAG,CAACP,YAAY,EAAEM,QAAQ,CAAC;MACtC,MAAM,IAAI,CAACF,OAAO,CAACC,OAAO,CAACC,QAAQ,CAAC;IACxC,CAAC,CAAC,OAAOE,KAAK,EAAE;MACZC,OAAO,CAACC,GAAG,CAAC,qCAAqCF,KAAK,CAACG,OAAO,EAAE,CAAC;IACrE;EACJ;AACJ","ignoreList":[]}

package/features/settings/updateSettings/useUpdateWebsiteBuilderSettings.d.ts

@@ -0,0 +1,4 @@
+import type { IWebsiteBuilderSettings } from "../IWebsiteBuilderSettings";
+export declare const useUpdateWebsiteBuilderSettings: () => {
+    updateSettings: (settings: IWebsiteBuilderSettings) => Promise<void>;
+};

package/features/settings/updateSettings/useUpdateWebsiteBuilderSettings.js

@@ -0,0 +1,19 @@
+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";
+export const useUpdateWebsiteBuilderSettings = () => {
+  const client = useApolloClient();
+  const repository = useMemo(() => {
+    return new UpdateSettingsRepository(settingsCache, new UpdateSettingsGqlGateway(client));
+  }, []);
+  const updateSettings = useCallback(settings => {
+    return repository.execute(settings);
+  }, [repository]);
+  return {
+    updateSettings
+  };
+};
+
+//# sourceMappingURL=useUpdateWebsiteBuilderSettings.js.map

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

@@ -0,0 +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":[]}

package/index.d.ts

@@ -0,0 +1,3 @@
+export * as Editor from "./BaseEditor";
+export * from "./shared/pagePathFromTitle";
+export { PageListConfig } from "./configs/index";

package/index.js

@@ -0,0 +1,5 @@
+export * as Editor from "./BaseEditor";
+export * from "./shared/pagePathFromTitle";
+export { PageListConfig } from "./configs/index";
+
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Editor","PageListConfig"],"sources":["index.ts"],"sourcesContent":["export * as Editor from \"./BaseEditor\";\nexport * from \"./shared/pagePathFromTitle\";\nexport { PageListConfig } from \"./configs/index\";\n"],"mappings":"AAAA,OAAO,KAAKA,MAAM;AAClB;AACA,SAASC,cAAc","ignoreList":[]}

package/inputRenderers/BooleanInput.d.ts

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

package/inputRenderers/BooleanInput.js

@@ -0,0 +1,28 @@
+import React from "react";
+import { Switch } from "@webiny/admin-ui";
+export const BooleanInputRenderer = ({
+  value,
+  onChange,
+  input,
+  label
+}) => {
+  const {
+    description,
+    helperText
+  } = input;
+  return /*#__PURE__*/React.createElement(Switch, {
+    label: label,
+    note: helperText,
+    description: description,
+    checked: value,
+    onChange: newValue => {
+      onChange(({
+        value
+      }) => {
+        value.set(newValue);
+      });
+    }
+  });
+};
+
+//# sourceMappingURL=BooleanInput.js.map

package/inputRenderers/BooleanInput.js.map

@@ -0,0 +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":[]}

package/inputRenderers/FileInput.d.ts

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

package/inputRenderers/FileInput.js

@@ -0,0 +1,59 @@
+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";
+export const FileInputRenderer = ({
+  value,
+  metadata,
+  onChange,
+  label,
+  ...props
+}) => {
+  const input = props.input;
+  const {
+    isBaseBreakpoint
+  } = useBreakpoint();
+  const onFileChange = file => {
+    onChange(({
+      value,
+      metadata
+    }) => {
+      const newValue = fileManagerItemToValue(file);
+      value.set(newValue);
+      metadata.set("image", newValue);
+    });
+  };
+  const onRemove = () => {
+    onChange(({
+      value,
+      metadata
+    }) => {
+      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,
+    render: ({
+      showFileManager
+    }) => /*#__PURE__*/React.createElement(FilePicker, {
+      label: label,
+      description: input.description,
+      type: "compact",
+      value: preview,
+      onSelectItem: () => showFileManager(),
+      onRemoveItem: onRemove,
+      onEditItem: () => showFileManager()
+    })
+  });
+};
+
+//# sourceMappingURL=FileInput.js.map

package/inputRenderers/FileInput.js.map

@@ -0,0 +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":[]}

package/inputRenderers/FragmentSelectorInput.d.ts

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

package/inputRenderers/FragmentSelectorInput.js

@@ -0,0 +1,35 @@
+import React, { useMemo } from "react";
+import { Select } from "@webiny/admin-ui";
+import { useSelectFromEditor } from "../BaseEditor/hooks/useSelectFromEditor";
+import { toTitleCaseLabel } from "../shared/toTitleCaseLabel";
+export const FragmentSelectorInputRenderer = ({
+  value,
+  onChange,
+  label,
+  input
+}) => {
+  const fragmentNames = useSelectFromEditor(state => state.fragments ?? []);
+  const options = useMemo(() => {
+    return fragmentNames.sort().map(name => ({
+      label: toTitleCaseLabel(name),
+      value: name
+    }));
+  }, [fragmentNames]);
+  return /*#__PURE__*/React.createElement(Select, {
+    value: value,
+    onChange: newValue => {
+      onChange(({
+        value
+      }) => {
+        value.set(newValue);
+      });
+    },
+    displayResetAction: true,
+    options: options,
+    label: label,
+    description: input.description,
+    note: input.helperText
+  });
+};
+
+//# sourceMappingURL=FragmentSelectorInput.js.map

package/inputRenderers/FragmentSelectorInput.js.map

@@ -0,0 +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":[]}

package/inputRenderers/GridLayoutInput.d.ts

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

package/inputRenderers/GridLayoutInput.js

@@ -0,0 +1,63 @@
+import React from "react";
+import { Grid } from "@webiny/admin-ui";
+import { ReactComponent as GridLayout12 } from "./assets/grid-12.svg";
+import { ReactComponent as GridLayout66 } from "./assets/grid-6-6.svg";
+import { ReactComponent as GridLayout84 } from "./assets/grid-8-4.svg";
+import { ReactComponent as GridLayout48 } from "./assets/grid-4-8.svg";
+import { ReactComponent as GridLayout444 } from "./assets/grid-4-4-4.svg";
+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 presets = [{
+  layout: "12",
+  icon: /*#__PURE__*/React.createElement(GridLayout12, null)
+}, {
+  layout: "6-6",
+  icon: /*#__PURE__*/React.createElement(GridLayout66, null)
+}, {
+  layout: "8-4",
+  icon: /*#__PURE__*/React.createElement(GridLayout84, null)
+}, {
+  layout: "4-8",
+  icon: /*#__PURE__*/React.createElement(GridLayout48, null)
+}, {
+  layout: "4-4-4",
+  icon: /*#__PURE__*/React.createElement(GridLayout444, null)
+}, {
+  layout: "6-3-3",
+  icon: /*#__PURE__*/React.createElement(GridLayout633, null)
+}, {
+  layout: "3-3-6",
+  icon: /*#__PURE__*/React.createElement(GridLayout336, null)
+}, {
+  layout: "3-3-3-3",
+  icon: /*#__PURE__*/React.createElement(GridLayout3333, null)
+}, {
+  layout: "2-2-2-2-2-2",
+  icon: /*#__PURE__*/React.createElement(GridLayout222222, null)
+}];
+export const GridLayoutInputRenderer = ({
+  value,
+  onChange
+}) => {
+  return /*#__PURE__*/React.createElement(Grid, {
+    className: "wby-gap-md"
+  }, presets.map(preset => /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 4,
+    key: preset.layout
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      filter: value !== preset.layout ? "grayscale(1)" : "none"
+    },
+    onClick: () => {
+      onChange(({
+        value
+      }) => {
+        value.set(preset.layout);
+      });
+    }
+  }, preset.icon))));
+};
+
+//# sourceMappingURL=GridLayoutInput.js.map

package/inputRenderers/GridLayoutInput.js.map

@@ -0,0 +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":[]}

package/inputRenderers/LexicalInput/DefaultLexicalConfig.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DefaultLexicalConfig: () => React.JSX.Element;

package/inputRenderers/LexicalInput/DefaultLexicalConfig.js

@@ -0,0 +1,110 @@
+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 { CompositionScope } from "@webiny/app-admin";
+import { LexicalEditorConfig } from "@webiny/lexical-editor";
+import { TypographyDropDown } from "./TypographyDropDown";
+import { ExpandEditorAction } from "./ExpandEditorAction";
+import { LinkEditForm } from "./LinkEditForm";
+const {
+  ToolbarElement,
+  Plugin
+} = LexicalEditorConfig;
+const sharedPlugins = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Plugin, {
+  name: "fontColor",
+  element: /*#__PURE__*/React.createElement(FontColorPlugin, null)
+}), /*#__PURE__*/React.createElement(Plugin, {
+  name: "list",
+  element: /*#__PURE__*/React.createElement(ListPlugin, null)
+}), /*#__PURE__*/React.createElement(Plugin, {
+  name: "typography",
+  element: /*#__PURE__*/React.createElement(TypographyPlugin, 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)
+}));
+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, {
+    name: "textAlignment",
+    element: /*#__PURE__*/React.createElement(TextAlignmentAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    name: "boldAction",
+    element: /*#__PURE__*/React.createElement(BoldAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    name: "italic",
+    element: /*#__PURE__*/React.createElement(ItalicAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    name: "underline",
+    element: /*#__PURE__*/React.createElement(UnderlineAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    name: "expand",
+    element: /*#__PURE__*/React.createElement(ExpandEditorAction, null)
+  }))), /*#__PURE__*/React.createElement(CompositionScope, {
+    name: "expanded"
+  }, /*#__PURE__*/React.createElement(TypographyAction.TypographyDropDown, {
+    element: /*#__PURE__*/React.createElement(TypographyDropDown, null)
+  }), /*#__PURE__*/React.createElement(LexicalEditorConfig, null, sharedPlugins, /*#__PURE__*/React.createElement(ToolbarElement, {
+    name: "fontColor",
+    element: /*#__PURE__*/React.createElement(FontColorAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    name: "typography",
+    element: /*#__PURE__*/React.createElement(TypographyAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    name: "textAlignment",
+    element: /*#__PURE__*/React.createElement(TextAlignmentAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    name: "divider1",
+    element: /*#__PURE__*/React.createElement(Divider, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    name: "boldAction",
+    element: /*#__PURE__*/React.createElement(BoldAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    name: "italic",
+    element: /*#__PURE__*/React.createElement(ItalicAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    name: "underline",
+    element: /*#__PURE__*/React.createElement(UnderlineAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    name: "codeHighlight",
+    element: /*#__PURE__*/React.createElement(CodeHighlightAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    name: "divider2",
+    element: /*#__PURE__*/React.createElement(Divider, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    name: "numberedList",
+    element: /*#__PURE__*/React.createElement(NumberedListAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    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",
+    element: /*#__PURE__*/React.createElement(Divider, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    name: "link",
+    element: /*#__PURE__*/React.createElement(LinkAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    name: "quote",
+    element: /*#__PURE__*/React.createElement(QuoteAction, null)
+  }))));
+};
+
+//# sourceMappingURL=DefaultLexicalConfig.js.map

package/inputRenderers/LexicalInput/DefaultLexicalConfig.js.map

@@ -0,0 +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":[]}

package/inputRenderers/LexicalInput/ExpandEditorAction.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ExpandEditorAction: () => React.JSX.Element;

package/inputRenderers/LexicalInput/ExpandEditorAction.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { useExpandedEditor } from "./ExpandedEditor";
+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",
+    "aria-label": "Expand editor"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "format expand"
+  }));
+};
+
+//# sourceMappingURL=ExpandEditorAction.js.map

package/inputRenderers/LexicalInput/ExpandEditorAction.js.map

@@ -0,0 +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":[]}

package/inputRenderers/LexicalInput/ExpandedEditor.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface ExpandedEditorContext {
+    isExpanded: boolean;
+    setExpanded: React.Dispatch<React.SetStateAction<boolean>>;
+}
+declare const ExpandedEditorContext: React.Context<ExpandedEditorContext | undefined>;
+export declare const ExpandedEditorProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare const useExpandedEditor: () => ExpandedEditorContext;
+export {};

package/inputRenderers/LexicalInput/ExpandedEditor.js

@@ -0,0 +1,22 @@
+import React, { useState } from "react";
+const ExpandedEditorContext = /*#__PURE__*/React.createContext(undefined);
+export const ExpandedEditorProvider = ({
+  children
+}) => {
+  const [isExpanded, setExpanded] = useState(false);
+  return /*#__PURE__*/React.createElement(ExpandedEditorContext.Provider, {
+    value: {
+      isExpanded,
+      setExpanded
+    }
+  }, children);
+};
+export const useExpandedEditor = () => {
+  const context = React.useContext(ExpandedEditorContext);
+  if (!context) {
+    throw new Error(`Missing ExpandedEditorProvider in the component hierarchy!`);
+  }
+  return context;
+};
+
+//# sourceMappingURL=ExpandedEditor.js.map

package/inputRenderers/LexicalInput/ExpandedEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","ExpandedEditorContext","createContext","undefined","ExpandedEditorProvider","children","isExpanded","setExpanded","createElement","Provider","value","useExpandedEditor","context","useContext","Error"],"sources":["ExpandedEditor.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\ninterface ExpandedEditorContext {\n    isExpanded: boolean;\n    setExpanded: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\nconst ExpandedEditorContext = React.createContext<ExpandedEditorContext | undefined>(undefined);\n\nexport const ExpandedEditorProvider = ({ children }: { children: React.ReactNode }) => {\n    const [isExpanded, setExpanded] = useState(false);\n    return (\n        <ExpandedEditorContext.Provider value={{ isExpanded, setExpanded }}>\n            {children}\n        </ExpandedEditorContext.Provider>\n    );\n};\n\nexport const useExpandedEditor = () => {\n    const context = React.useContext(ExpandedEditorContext);\n    if (!context) {\n        throw new Error(`Missing ExpandedEditorProvider in the component hierarchy!`);\n    }\n\n    return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAOvC,MAAMC,qBAAqB,gBAAGF,KAAK,CAACG,aAAa,CAAoCC,SAAS,CAAC;AAE/F,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EACnF,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGP,QAAQ,CAAC,KAAK,CAAC;EACjD,oBACID,KAAA,CAAAS,aAAA,CAACP,qBAAqB,CAACQ,QAAQ;IAACC,KAAK,EAAE;MAAEJ,UAAU;MAAEC;IAAY;EAAE,GAC9DF,QAC2B,CAAC;AAEzC,CAAC;AAED,OAAO,MAAMM,iBAAiB,GAAGA,CAAA,KAAM;EACnC,MAAMC,OAAO,GAAGb,KAAK,CAACc,UAAU,CAACZ,qBAAqB,CAAC;EACvD,IAAI,CAACW,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,4DAA4D,CAAC;EACjF;EAEA,OAAOF,OAAO;AAClB,CAAC","ignoreList":[]}

package/inputRenderers/LexicalInput/LexicalEditor.d.ts

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