@webiny/app-website-builder 6.0.0-alpha.0

package/features/settings/getSettings/GetSettings.repository.js

@@ -0,0 +1,22 @@
+const SETTINGS_KEY = "WebsiteBuilder/Settings";
+export class GetSettingsRepository {
+  constructor(cache, gateway) {
+    this.cache = cache;
+    this.gateway = gateway;
+  }
+  async execute() {
+    if (this.cache.has(SETTINGS_KEY)) {
+      return this.cache.get(SETTINGS_KEY);
+    }
+    let settings = await this.gateway.execute();
+    if (!settings) {
+      settings = {
+        previewDomain: ""
+      };
+    }
+    this.cache.set(SETTINGS_KEY, settings);
+    return settings;
+  }
+}
+
+//# sourceMappingURL=GetSettings.repository.js.map

package/features/settings/getSettings/GetSettings.repository.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SETTINGS_KEY","GetSettingsRepository","constructor","cache","gateway","execute","has","get","settings","previewDomain","set"],"sources":["GetSettings.repository.ts"],"sourcesContent":["import type { IGetSettings } from \"./IGetSettings\";\nimport { SettingsCache } from \"~/shared/settingsCache\";\n\nexport interface WebsiteBuilderSettings {\n    previewDomain: string;\n}\n\nconst SETTINGS_KEY = \"WebsiteBuilder/Settings\";\n\nexport class GetSettingsRepository implements IGetSettings {\n    private gateway: IGetSettings;\n    private cache: SettingsCache;\n\n    constructor(cache: SettingsCache, gateway: IGetSettings) {\n        this.cache = cache;\n        this.gateway = gateway;\n    }\n\n    async execute(): Promise<WebsiteBuilderSettings> {\n        if (this.cache.has(SETTINGS_KEY)) {\n            return this.cache.get(SETTINGS_KEY) as WebsiteBuilderSettings;\n        }\n\n        let settings = await this.gateway.execute();\n\n        if (!settings) {\n            settings = { previewDomain: \"\" };\n        }\n\n        this.cache.set(SETTINGS_KEY, settings);\n\n        return settings;\n    }\n}\n"],"mappings":"AAOA,MAAMA,YAAY,GAAG,yBAAyB;AAE9C,OAAO,MAAMC,qBAAqB,CAAyB;EAIvDC,WAAWA,CAACC,KAAoB,EAAEC,OAAqB,EAAE;IACrD,IAAI,CAACD,KAAK,GAAGA,KAAK;IAClB,IAAI,CAACC,OAAO,GAAGA,OAAO;EAC1B;EAEA,MAAMC,OAAOA,CAAA,EAAoC;IAC7C,IAAI,IAAI,CAACF,KAAK,CAACG,GAAG,CAACN,YAAY,CAAC,EAAE;MAC9B,OAAO,IAAI,CAACG,KAAK,CAACI,GAAG,CAACP,YAAY,CAAC;IACvC;IAEA,IAAIQ,QAAQ,GAAG,MAAM,IAAI,CAACJ,OAAO,CAACC,OAAO,CAAC,CAAC;IAE3C,IAAI,CAACG,QAAQ,EAAE;MACXA,QAAQ,GAAG;QAAEC,aAAa,EAAE;MAAG,CAAC;IACpC;IAEA,IAAI,CAACN,KAAK,CAACO,GAAG,CAACV,YAAY,EAAEQ,QAAQ,CAAC;IAEtC,OAAOA,QAAQ;EACnB;AACJ","ignoreList":[]}

package/features/settings/getSettings/IGetSettings.d.ts

@@ -0,0 +1,7 @@
+import type { IWebsiteBuilderSettings } from "../IWebsiteBuilderSettings";
+export interface IEcommerceSettings {
+    [key: string]: any;
+}
+export interface IGetSettings {
+    execute(): Promise<IWebsiteBuilderSettings | undefined>;
+}

package/features/settings/getSettings/IGetSettings.js

@@ -0,0 +1,3 @@
+export {};
+
+//# sourceMappingURL=IGetSettings.js.map

package/features/settings/getSettings/IGetSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["IGetSettings.ts"],"sourcesContent":["import type { IWebsiteBuilderSettings } from \"~/features/settings/IWebsiteBuilderSettings\";\n\nexport interface IEcommerceSettings {\n    [key: string]: any;\n}\n\nexport interface IGetSettings {\n    execute(): Promise<IWebsiteBuilderSettings | undefined>;\n}\n"],"mappings":"","ignoreList":[]}

package/features/settings/getSettings/useGetWebsiteBuilderSettings.d.ts

@@ -0,0 +1,3 @@
+export declare const useGetWebsiteBuilderSettings: () => {
+    getSettings: () => Promise<import("./GetSettings.repository").WebsiteBuilderSettings>;
+};

package/features/settings/getSettings/useGetWebsiteBuilderSettings.js

@@ -0,0 +1,19 @@
+import { useMemo, useCallback } from "react";
+import { useApolloClient } from "@apollo/react-hooks";
+import { GetSettingsRepository } from "./GetSettings.repository";
+import { GetSettingsGqlGateway } from "./GetSettings.gateway";
+import { settingsCache } from "../../../shared/settingsCache";
+export const useGetWebsiteBuilderSettings = () => {
+  const client = useApolloClient();
+  const repository = useMemo(() => {
+    return new GetSettingsRepository(settingsCache, new GetSettingsGqlGateway(client));
+  }, []);
+  const getSettings = useCallback(() => {
+    return repository.execute();
+  }, [repository]);
+  return {
+    getSettings
+  };
+};
+
+//# sourceMappingURL=useGetWebsiteBuilderSettings.js.map

package/features/settings/getSettings/useGetWebsiteBuilderSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useCallback","useApolloClient","GetSettingsRepository","GetSettingsGqlGateway","settingsCache","useGetWebsiteBuilderSettings","client","repository","getSettings","execute"],"sources":["useGetWebsiteBuilderSettings.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { GetSettingsRepository } from \"./GetSettings.repository\";\nimport { GetSettingsGqlGateway } from \"./GetSettings.gateway\";\nimport { settingsCache } from \"~/shared/settingsCache\";\n\nexport const useGetWebsiteBuilderSettings = () => {\n    const client = useApolloClient();\n\n    const repository = useMemo(() => {\n        return new GetSettingsRepository(settingsCache, new GetSettingsGqlGateway(client));\n    }, []);\n\n    const getSettings = useCallback(() => {\n        return repository.execute();\n    }, [repository]);\n\n    return { getSettings };\n};\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,WAAW,QAAQ,OAAO;AAC5C,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,qBAAqB;AAC9B,SAASC,qBAAqB;AAC9B,SAASC,aAAa;AAEtB,OAAO,MAAMC,4BAA4B,GAAGA,CAAA,KAAM;EAC9C,MAAMC,MAAM,GAAGL,eAAe,CAAC,CAAC;EAEhC,MAAMM,UAAU,GAAGR,OAAO,CAAC,MAAM;IAC7B,OAAO,IAAIG,qBAAqB,CAACE,aAAa,EAAE,IAAID,qBAAqB,CAACG,MAAM,CAAC,CAAC;EACtF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,WAAW,GAAGR,WAAW,CAAC,MAAM;IAClC,OAAOO,UAAU,CAACE,OAAO,CAAC,CAAC;EAC/B,CAAC,EAAE,CAACF,UAAU,CAAC,CAAC;EAEhB,OAAO;IAAEC;EAAY,CAAC;AAC1B,CAAC","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+import { IWebsiteBuilderSettings } from "../IWebsiteBuilderSettings";
+export interface IEcommerceSettings {
+    [key: string]: any;
+}
+export interface IUpdateSettings {
+    execute(settings: IWebsiteBuilderSettings): Promise<void>;
+}

package/features/settings/updateSettings/IUpdateSettings.js

@@ -0,0 +1,3 @@
+export {};
+
+//# sourceMappingURL=IUpdateSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["IUpdateSettings.ts"],"sourcesContent":["import { IWebsiteBuilderSettings } from \"~/features/settings/IWebsiteBuilderSettings\";\n\nexport interface IEcommerceSettings {\n    [key: string]: any;\n}\n\nexport interface IUpdateSettings {\n    execute(settings: IWebsiteBuilderSettings): Promise<void>;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import type ApolloClient from "apollo-client";
+import type { IUpdateSettings } from "./IUpdateSettings";
+import { IWebsiteBuilderSettings } from "../IWebsiteBuilderSettings";
+export declare class UpdateSettingsGqlGateway implements IUpdateSettings {
+    private client;
+    constructor(client: ApolloClient<any>);
+    execute(settings: IWebsiteBuilderSettings): Promise<void>;
+}

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 { 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 { 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 { 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 { 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 { 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,2 @@
+export * as App from "./App";
+export * as Editor from "./BaseEditor";

package/index.js

@@ -0,0 +1,4 @@
+export * as App from "./App";
+export * as Editor from "./BaseEditor";
+
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["App","Editor"],"sources":["index.ts"],"sourcesContent":["export * as App from \"./App\";\nexport * as Editor from \"./BaseEditor\";\n"],"mappings":"AAAA,OAAO,KAAKA,GAAG;AACf,OAAO,KAAKC,MAAM","ignoreList":[]}

package/inputRenderers/BooleanInput.d.ts

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

package/inputRenderers/FileInput.js

@@ -0,0 +1,82 @@
+import React from "react";
+import { FilePicker } from "@webiny/admin-ui";
+import { FileManager } from "@webiny/app-admin";
+import { useBreakpoint } from "../BaseEditor/hooks/useBreakpoint";
+export const FileInputRenderer = ({
+  value,
+  metadata,
+  onChange,
+  label,
+  ...props
+}) => {
+  const input = props.input;
+  const {
+    isBaseBreakpoint
+  } = useBreakpoint();
+  const onFileChange = file => {
+    const metaItems = file.meta || [];
+    const getName = () => {
+      const nameItem = metaItems.find(item => item.key === "name");
+      return nameItem ? nameItem.value : "";
+    };
+    const getSize = () => {
+      const sizeItem = metaItems.find(item => item.key === "size");
+      return sizeItem ? sizeItem.value : 0;
+    };
+    const getType = () => {
+      const typeItem = metaItems.find(item => item.key === "type");
+      return typeItem ? typeItem.value : "";
+    };
+    onChange(({
+      value,
+      metadata
+    }) => {
+      value.set({
+        id: file.id,
+        name: getName(),
+        size: getSize(),
+        mimeType: getType(),
+        src: file.src || ""
+      });
+      metadata.set("image", {
+        id: file.id,
+        name: getName(),
+        size: getSize(),
+        mimeType: getType(),
+        src: file.src || ""
+      });
+    });
+  };
+  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","FileInputRenderer","value","metadata","onChange","label","props","input","isBaseBreakpoint","onFileChange","file","metaItems","meta","getName","nameItem","find","item","key","getSize","sizeItem","getType","typeItem","set","id","name","size","mimeType","src","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 { FilePicker, FileItemDto } from \"@webiny/admin-ui\";\nimport { ElementInputRendererProps } from \"~/BaseEditor\";\nimport { FileManager } from \"@webiny/app-admin\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint\";\nimport { FileInput } from \"~/sdk\";\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: any) => {\n        const metaItems = file.meta || [];\n        const getName = () => {\n            const nameItem = metaItems.find((item: { key: string }) => item.key === \"name\");\n            return nameItem ? nameItem.value : \"\";\n        };\n        const getSize = () => {\n            const sizeItem = metaItems.find((item: { key: string }) => item.key === \"size\");\n            return sizeItem ? sizeItem.value : 0;\n        };\n        const getType = () => {\n            const typeItem = metaItems.find((item: { key: string }) => item.key === \"type\");\n            return typeItem ? typeItem.value : \"\";\n        };\n\n        onChange(({ value, metadata }) => {\n            value.set({\n                id: file.id,\n                name: getName(),\n                size: getSize(),\n                mimeType: getType(),\n                src: file.src || \"\"\n            });\n\n            metadata.set(\"image\", {\n                id: file.id,\n                name: getName(),\n                size: getSize(),\n                mimeType: getType(),\n                src: file.src || \"\"\n            });\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":"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","ignoreList":[]}

package/inputRenderers/FragmentSelectorInput.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { 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 { 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 { 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 { 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,113 @@
+import React from "react";
+import { TypographyAction, FontSizeAction, 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: "fontSize",
+    element: /*#__PURE__*/React.createElement(FontSizeAction, null)
+  }), /*#__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