@webiny/app-admin 6.2.0 → 6.3.0-beta.0

package/base/Base/FieldRenderers/TextareaRenderer.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { IFieldVM } from "../../../features/formModel/index.js";
+declare module "../../../features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        textarea: {
+            fieldType: "text";
+            settings?: {
+                rows?: number;
+            };
+        };
+    }
+}
+export declare const TextareaRenderer: (({ field }: {
+    field: IFieldVM;
+}) => React.JSX.Element) & {
+    displayName: string;
+};

package/base/Base/FieldRenderers/TextareaRenderer.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { observer } from "mobx-react-lite";
+import { DelayedOnChange } from "@webiny/admin-ui";
+import { Textarea } from "@webiny/admin-ui";
+export const TextareaRenderer = observer(({
+  field
+}) => {
+  const settings = field.rendererSettings;
+  return /*#__PURE__*/React.createElement(DelayedOnChange, {
+    value: field.value,
+    onChange: value => field.onChange(value)
+  }, /*#__PURE__*/React.createElement(Textarea, {
+    label: field.label,
+    placeholder: field.placeholder,
+    description: field.description,
+    note: field.note,
+    required: field.required,
+    disabled: field.disabled,
+    validation: field.validation,
+    onBlur: () => field.onBlur(),
+    rows: settings?.rows ?? 5
+  }));
+});
+
+//# sourceMappingURL=TextareaRenderer.js.map

package/base/Base/FieldRenderers/TextareaRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","observer","DelayedOnChange","Textarea","TextareaRenderer","field","settings","rendererSettings","createElement","value","onChange","label","placeholder","description","note","required","disabled","validation","onBlur","rows"],"sources":["TextareaRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DelayedOnChange } from \"@webiny/admin-ui\";\nimport { Textarea } from \"@webiny/admin-ui\";\nimport type { IFieldVM } from \"~/features/formModel/index.js\";\nimport type { IFieldRendererRegistry } from \"~/features/formModel/index.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        textarea: { fieldType: \"text\"; settings?: { rows?: number } };\n    }\n}\n\ntype TextareaSettings = NonNullable<IFieldRendererRegistry[\"textarea\"][\"settings\"]>;\n\nexport const TextareaRenderer = observer(({ field }: { field: IFieldVM }) => {\n    const settings = field.rendererSettings as TextareaSettings | undefined;\n    return (\n        <DelayedOnChange value={field.value} onChange={value => field.onChange(value)}>\n            <Textarea\n                label={field.label}\n                placeholder={field.placeholder}\n                description={field.description}\n                note={field.note}\n                required={field.required}\n                disabled={field.disabled}\n                validation={field.validation}\n                onBlur={() => field.onBlur()}\n                rows={settings?.rows ?? 5}\n            />\n        </DelayedOnChange>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,eAAe,QAAQ,kBAAkB;AAClD,SAASC,QAAQ,QAAQ,kBAAkB;AAY3C,OAAO,MAAMC,gBAAgB,GAAGH,QAAQ,CAAC,CAAC;EAAEI;AAA2B,CAAC,KAAK;EACzE,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgD;EACvE,oBACIP,KAAA,CAAAQ,aAAA,CAACN,eAAe;IAACO,KAAK,EAAEJ,KAAK,CAACI,KAAM;IAACC,QAAQ,EAAED,KAAK,IAAIJ,KAAK,CAACK,QAAQ,CAACD,KAAK;EAAE,gBAC1ET,KAAA,CAAAQ,aAAA,CAACL,QAAQ;IACLQ,KAAK,EAAEN,KAAK,CAACM,KAAM;IACnBC,WAAW,EAAEP,KAAK,CAACO,WAAY;IAC/BC,WAAW,EAAER,KAAK,CAACQ,WAAY;IAC/BC,IAAI,EAAET,KAAK,CAACS,IAAK;IACjBC,QAAQ,EAAEV,KAAK,CAACU,QAAS;IACzBC,QAAQ,EAAEX,KAAK,CAACW,QAAS;IACzBC,UAAU,EAAEZ,KAAK,CAACY,UAAW;IAC7BC,MAAM,EAAEA,CAAA,KAAMb,KAAK,CAACa,MAAM,CAAC,CAAE;IAC7BC,IAAI,EAAEb,QAAQ,EAAEa,IAAI,IAAI;EAAE,CAC7B,CACY,CAAC;AAE1B,CAAC,CAAC","ignoreList":[]}

package/base/Base/FieldRenderers/VerticalTabsRenderer.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { TabsNodeRendererProps } from "../../../features/formModel/FormView.js";
+export declare const VerticalTabsRenderer: (({ node }: TabsNodeRendererProps) => React.JSX.Element) & {
+    displayName: string;
+};

package/base/Base/FieldRenderers/VerticalTabsRenderer.js

@@ -0,0 +1,41 @@
+import React from "react";
+import { observer } from "mobx-react-lite";
+import { List, Heading, Text } from "@webiny/admin-ui";
+import { LayoutNodeRenderer } from "../../../features/formModel/FormView.js";
+export const VerticalTabsRenderer = observer(function VerticalTabsRenderer({
+  node
+}) {
+  const activeTab = node.tabs.find(t => t.id === node.activeTabId);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-row flex-1 min-h-full shrink-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col",
+    style: {
+      width: 300
+    }
+  }, /*#__PURE__*/React.createElement(List, null, node.tabs.map(tab => /*#__PURE__*/React.createElement(List.Item, {
+    key: tab.id,
+    className: "fill-neutral-strong",
+    icon: tab.icon,
+    title: tab.label,
+    description: tab.description,
+    activated: tab.id === node.activeTabId,
+    onClick: () => node.setActiveTab(tab.id)
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col flex-1 px-md border-l border-neutral-dimmed"
+  }, activeTab && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "p-md"
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: 4,
+    className: "text-neutral-primary"
+  }, activeTab.label), activeTab.description && /*#__PURE__*/React.createElement(Text, {
+    size: "sm"
+  }, activeTab.description)), /*#__PURE__*/React.createElement("div", {
+    className: "p-md flex flex-col gap-4"
+  }, activeTab.layout.map((childNode, index) => /*#__PURE__*/React.createElement(LayoutNodeRenderer, {
+    key: index,
+    node: childNode
+  }))))));
+});
+
+//# sourceMappingURL=VerticalTabsRenderer.js.map

package/base/Base/FieldRenderers/VerticalTabsRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","observer","List","Heading","Text","LayoutNodeRenderer","VerticalTabsRenderer","node","activeTab","tabs","find","t","id","activeTabId","createElement","className","style","width","map","tab","Item","key","icon","title","label","description","activated","onClick","setActiveTab","Fragment","level","size","layout","childNode","index"],"sources":["VerticalTabsRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { List, Heading, Text } from \"@webiny/admin-ui\";\nimport { LayoutNodeRenderer } from \"~/features/formModel/FormView.js\";\nimport type { TabsNodeRendererProps } from \"~/features/formModel/FormView.js\";\n\nexport const VerticalTabsRenderer = observer(function VerticalTabsRenderer({\n    node\n}: TabsNodeRendererProps) {\n    const activeTab = node.tabs.find(t => t.id === node.activeTabId);\n\n    return (\n        <div className={\"flex flex-row flex-1 min-h-full shrink-0\"}>\n            <div className={\"flex flex-col\"} style={{ width: 300 }}>\n                <List>\n                    {node.tabs.map(tab => (\n                        <List.Item\n                            key={tab.id}\n                            className={\"fill-neutral-strong\"}\n                            icon={tab.icon}\n                            title={tab.label}\n                            description={tab.description}\n                            activated={tab.id === node.activeTabId}\n                            onClick={() => node.setActiveTab(tab.id)}\n                        />\n                    ))}\n                </List>\n            </div>\n            <div className={\"flex flex-col flex-1 px-md border-l border-neutral-dimmed\"}>\n                {activeTab && (\n                    <>\n                        <div className={\"p-md\"}>\n                            <Heading level={4} className={\"text-neutral-primary\"}>\n                                {activeTab.label}\n                            </Heading>\n                            {activeTab.description && (\n                                <Text size={\"sm\"}>{activeTab.description}</Text>\n                            )}\n                        </div>\n                        <div className={\"p-md flex flex-col gap-4\"}>\n                            {activeTab.layout.map((childNode, index) => (\n                                <LayoutNodeRenderer key={index} node={childNode} />\n                            ))}\n                        </div>\n                    </>\n                )}\n            </div>\n        </div>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,IAAI,EAAEC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AACtD,SAASC,kBAAkB;AAG3B,OAAO,MAAMC,oBAAoB,GAAGL,QAAQ,CAAC,SAASK,oBAAoBA,CAAC;EACvEC;AACmB,CAAC,EAAE;EACtB,MAAMC,SAAS,GAAGD,IAAI,CAACE,IAAI,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,EAAE,KAAKL,IAAI,CAACM,WAAW,CAAC;EAEhE,oBACIb,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAA2C,gBACvDf,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE,eAAgB;IAACC,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAI;EAAE,gBACnDjB,KAAA,CAAAc,aAAA,CAACZ,IAAI,QACAK,IAAI,CAACE,IAAI,CAACS,GAAG,CAACC,GAAG,iBACdnB,KAAA,CAAAc,aAAA,CAACZ,IAAI,CAACkB,IAAI;IACNC,GAAG,EAAEF,GAAG,CAACP,EAAG;IACZG,SAAS,EAAE,qBAAsB;IACjCO,IAAI,EAAEH,GAAG,CAACG,IAAK;IACfC,KAAK,EAAEJ,GAAG,CAACK,KAAM;IACjBC,WAAW,EAAEN,GAAG,CAACM,WAAY;IAC7BC,SAAS,EAAEP,GAAG,CAACP,EAAE,KAAKL,IAAI,CAACM,WAAY;IACvCc,OAAO,EAAEA,CAAA,KAAMpB,IAAI,CAACqB,YAAY,CAACT,GAAG,CAACP,EAAE;EAAE,CAC5C,CACJ,CACC,CACL,CAAC,eACNZ,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAA4D,GACvEP,SAAS,iBACNR,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAA6B,QAAA,qBACI7B,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAAO,gBACnBf,KAAA,CAAAc,aAAA,CAACX,OAAO;IAAC2B,KAAK,EAAE,CAAE;IAACf,SAAS,EAAE;EAAuB,GAChDP,SAAS,CAACgB,KACN,CAAC,EACThB,SAAS,CAACiB,WAAW,iBAClBzB,KAAA,CAAAc,aAAA,CAACV,IAAI;IAAC2B,IAAI,EAAE;EAAK,GAAEvB,SAAS,CAACiB,WAAkB,CAElD,CAAC,eACNzB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAA2B,GACtCP,SAAS,CAACwB,MAAM,CAACd,GAAG,CAAC,CAACe,SAAS,EAAEC,KAAK,kBACnClC,KAAA,CAAAc,aAAA,CAACT,kBAAkB;IAACgB,GAAG,EAAEa,KAAM;IAAC3B,IAAI,EAAE0B;EAAU,CAAE,CACrD,CACA,CACP,CAEL,CACJ,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}

package/base/Base.js

@@ -5,8 +5,9 @@ import { Tenant } from "./Base/Tenant.js";
 import { UserMenu } from "./Base/UserMenu.js";
 import { LexicalPreset } from "./Base/LexicalPreset.js";
 import { DefaultFieldRenderers } from "./Base/DefaultFieldRenderers.js";
+import { DefaultLayoutRenderers } from "./Base/DefaultLayoutRenderers.js";
 const BaseExtension = () => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tenant, null), /*#__PURE__*/React.createElement(Menus, null), /*#__PURE__*/React.createElement(UserMenu, null), /*#__PURE__*/React.createElement(RoutesConfig, null), /*#__PURE__*/React.createElement(LexicalPreset, null), /*#__PURE__*/React.createElement(DefaultFieldRenderers, null));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tenant, null), /*#__PURE__*/React.createElement(Menus, null), /*#__PURE__*/React.createElement(UserMenu, null), /*#__PURE__*/React.createElement(RoutesConfig, null), /*#__PURE__*/React.createElement(LexicalPreset, null), /*#__PURE__*/React.createElement(DefaultFieldRenderers, null), /*#__PURE__*/React.createElement(DefaultLayoutRenderers, null));
 };
 export const Base = /*#__PURE__*/memo(BaseExtension);
 

package/base/Base.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","Menus","RoutesConfig","Tenant","UserMenu","LexicalPreset","DefaultFieldRenderers","BaseExtension","createElement","Fragment","Base"],"sources":["Base.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { Menus } from \"./Base/Menus.js\";\nimport { RoutesConfig } from \"./Base/RoutesConfig.js\";\nimport { Tenant } from \"./Base/Tenant.js\";\nimport { UserMenu } from \"./Base/UserMenu.js\";\nimport { LexicalPreset } from \"./Base/LexicalPreset.js\";\nimport { DefaultFieldRenderers } from \"./Base/DefaultFieldRenderers.js\";\n\nconst BaseExtension = () => {\n    return (\n        <>\n            <Tenant />\n            <Menus />\n            <UserMenu />\n            <RoutesConfig />\n            <LexicalPreset />\n            <DefaultFieldRenderers />\n        </>\n    );\n};\n\nexport const Base = memo(BaseExtension);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,KAAK;AACd,SAASC,YAAY;AACrB,SAASC,MAAM;AACf,SAASC,QAAQ;AACjB,SAASC,aAAa;AACtB,SAASC,qBAAqB;AAE9B,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACxB,oBACIR,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,qBACIV,KAAA,CAAAS,aAAA,CAACL,MAAM,MAAE,CAAC,eACVJ,KAAA,CAAAS,aAAA,CAACP,KAAK,MAAE,CAAC,eACTF,KAAA,CAAAS,aAAA,CAACJ,QAAQ,MAAE,CAAC,eACZL,KAAA,CAAAS,aAAA,CAACN,YAAY,MAAE,CAAC,eAChBH,KAAA,CAAAS,aAAA,CAACH,aAAa,MAAE,CAAC,eACjBN,KAAA,CAAAS,aAAA,CAACF,qBAAqB,MAAE,CAC1B,CAAC;AAEX,CAAC;AAED,OAAO,MAAMI,IAAI,gBAAGV,IAAI,CAACO,aAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["React","memo","Menus","RoutesConfig","Tenant","UserMenu","LexicalPreset","DefaultFieldRenderers","DefaultLayoutRenderers","BaseExtension","createElement","Fragment","Base"],"sources":["Base.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { Menus } from \"./Base/Menus.js\";\nimport { RoutesConfig } from \"./Base/RoutesConfig.js\";\nimport { Tenant } from \"./Base/Tenant.js\";\nimport { UserMenu } from \"./Base/UserMenu.js\";\nimport { LexicalPreset } from \"./Base/LexicalPreset.js\";\nimport { DefaultFieldRenderers } from \"./Base/DefaultFieldRenderers.js\";\nimport { DefaultLayoutRenderers } from \"./Base/DefaultLayoutRenderers.js\";\n\nconst BaseExtension = () => {\n    return (\n        <>\n            <Tenant />\n            <Menus />\n            <UserMenu />\n            <RoutesConfig />\n            <LexicalPreset />\n            <DefaultFieldRenderers />\n            <DefaultLayoutRenderers />\n        </>\n    );\n};\n\nexport const Base = memo(BaseExtension);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,KAAK;AACd,SAASC,YAAY;AACrB,SAASC,MAAM;AACf,SAASC,QAAQ;AACjB,SAASC,aAAa;AACtB,SAASC,qBAAqB;AAC9B,SAASC,sBAAsB;AAE/B,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACxB,oBACIT,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,qBACIX,KAAA,CAAAU,aAAA,CAACN,MAAM,MAAE,CAAC,eACVJ,KAAA,CAAAU,aAAA,CAACR,KAAK,MAAE,CAAC,eACTF,KAAA,CAAAU,aAAA,CAACL,QAAQ,MAAE,CAAC,eACZL,KAAA,CAAAU,aAAA,CAACP,YAAY,MAAE,CAAC,eAChBH,KAAA,CAAAU,aAAA,CAACJ,aAAa,MAAE,CAAC,eACjBN,KAAA,CAAAU,aAAA,CAACH,qBAAqB,MAAE,CAAC,eACzBP,KAAA,CAAAU,aAAA,CAACF,sBAAsB,MAAE,CAC3B,CAAC;AAEX,CAAC;AAED,OAAO,MAAMI,IAAI,gBAAGX,IAAI,CAACQ,aAAa,CAAC","ignoreList":[]}

package/base/createRootContainer.js

@@ -14,6 +14,8 @@ import { TenancyFeature } from "../features/tenancy/feature.js";
 import { SystemInstallerFeature } from "../presentation/installation/presenters/SystemInstaller/feature.js";
 import { TelemetryFeature } from "../features/telemetry/feature.js";
 import { ErrorOverlayNetworkErrorHandler } from "../errors/ErrorOverlayNetworkErrorHandler.js";
+import { ToolsFeature } from "../features/tools/feature.js";
+import { TextToLexicalToolFeature } from "../presentation/textToLexicalTool/feature.js";
 const isUndefined = value => [undefined, "undefined"].includes(value);
 export function createRootContainer() {
   const container = new Container();
@@ -51,6 +53,8 @@ export function createRootContainer() {
   SystemInstallerFeature.register(container);
   TelemetryFeature.register(container);
   container.register(ErrorOverlayNetworkErrorHandler).inSingletonScope();
+  ToolsFeature.register(container);
+  TextToLexicalToolFeature.register(container);
   return container;
 }
 

package/base/createRootContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["createBrowserHistory","Container","DefaultRouteElementRegistry","RouterGateway","RouterFeature","HistoryRouterGateway","EnvConfigFeature","GraphQLClientFeature","MainGraphQLClientFeature","LocalStorageFeature","EventPublisherFeature","WcpFeature","TenancyFeature","SystemInstallerFeature","TelemetryFeature","ErrorOverlayNetworkErrorHandler","isUndefined","value","undefined","includes","createRootContainer","container","trashBinEnv","process","env","WEBINY_ADMIN_TRASH_BIN_RETENTION_PERIOD_DAYS","trashBinRetention","parseInt","deploymentId","String","WEBINY_ADMIN_DEPLOYMENT_ID","register","apiUrl","REACT_APP_API_URL","debug","WEBINY_ADMIN_DEBUG","graphqlApiUrl","REACT_APP_GRAPHQL_API_URL","telemetryEnabled","REACT_APP_WEBINY_TELEMETRY","telemetryUserId","REACT_APP_WEBINY_TELEMETRY_USER_ID","trashBinRetentionPeriodDays","wcpProjectId","REACT_APP_WEBINY_PROJECT_ID","REACT_APP_WCP_PROJECT_ID","websocketUrl","REACT_APP_WEBSOCKET_URL","history","registerInstance","inSingletonScope","batching","retry","prefix"],"sources":["createRootContainer.ts"],"sourcesContent":["import { createBrowserHistory } from \"history\";\nimport { Container } from \"@webiny/di\";\nimport { DefaultRouteElementRegistry } from \"@webiny/app/presentation/router/RouteElementRegistry.js\";\nimport { RouterGateway } from \"@webiny/app/features/router/abstractions.js\";\nimport { RouterFeature } from \"@webiny/app/features/router/feature.js\";\nimport { HistoryRouterGateway } from \"@webiny/app/features/router/HistoryRouterGateway.js\";\nimport { EnvConfigFeature } from \"@webiny/app/features/envConfig/feature.js\";\nimport { GraphQLClientFeature } from \"@webiny/app/features/graphqlClient/feature.js\";\nimport { MainGraphQLClientFeature } from \"@webiny/app/features/mainGraphQLClient/feature.js\";\nimport { LocalStorageFeature } from \"@webiny/app/features/localStorage/feature.js\";\nimport { EventPublisherFeature } from \"@webiny/app/features/eventPublisher/feature.js\";\nimport { WcpFeature } from \"~/features/wcp/feature.js\";\nimport { TenancyFeature } from \"~/features/tenancy/feature.js\";\nimport { SystemInstallerFeature } from \"~/presentation/installation/presenters/SystemInstaller/feature.js\";\nimport { TelemetryFeature } from \"~/features/telemetry/feature.js\";\nimport { ErrorOverlayNetworkErrorHandler } from \"~/errors/ErrorOverlayNetworkErrorHandler.js\";\n\nconst isUndefined = (value: any) => [undefined, \"undefined\"].includes(value);\n\nexport function createRootContainer() {\n    const container = new Container();\n\n    const trashBinEnv = process.env.WEBINY_ADMIN_TRASH_BIN_RETENTION_PERIOD_DAYS;\n    const trashBinRetention = isUndefined(trashBinEnv) ? 60 : parseInt(trashBinEnv as string);\n    const deploymentId = String(process.env.WEBINY_ADMIN_DEPLOYMENT_ID);\n\n    EnvConfigFeature.register(container, {\n        deploymentId,\n        apiUrl: String(process.env.REACT_APP_API_URL),\n        debug: process.env.WEBINY_ADMIN_DEBUG === \"true\",\n        graphqlApiUrl: String(process.env.REACT_APP_GRAPHQL_API_URL),\n        telemetryEnabled: process.env.REACT_APP_WEBINY_TELEMETRY === \"true\",\n        telemetryUserId: process.env.REACT_APP_WEBINY_TELEMETRY_USER_ID,\n        trashBinRetentionPeriodDays: trashBinRetention,\n        wcpProjectId:\n            process.env.REACT_APP_WEBINY_PROJECT_ID || process.env.REACT_APP_WCP_PROJECT_ID,\n        websocketUrl: String(process.env.REACT_APP_WEBSOCKET_URL)\n    });\n\n    // Router\n    const history = createBrowserHistory();\n    container.registerInstance(RouterGateway, new HistoryRouterGateway(history, \"\"));\n    container.register(DefaultRouteElementRegistry).inSingletonScope();\n\n    RouterFeature.register(container);\n\n    EventPublisherFeature.register(container);\n\n    GraphQLClientFeature.register(container, { batching: true, retry: true });\n\n    MainGraphQLClientFeature.register(container);\n\n    LocalStorageFeature.register(container, { prefix: `webiny/${deploymentId}` });\n\n    TenancyFeature.register(container);\n\n    WcpFeature.register(container);\n\n    SystemInstallerFeature.register(container);\n\n    TelemetryFeature.register(container);\n\n    container.register(ErrorOverlayNetworkErrorHandler).inSingletonScope();\n\n    return container;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createBrowserHistory","Container","DefaultRouteElementRegistry","RouterGateway","RouterFeature","HistoryRouterGateway","EnvConfigFeature","GraphQLClientFeature","MainGraphQLClientFeature","LocalStorageFeature","EventPublisherFeature","WcpFeature","TenancyFeature","SystemInstallerFeature","TelemetryFeature","ErrorOverlayNetworkErrorHandler","ToolsFeature","TextToLexicalToolFeature","isUndefined","value","undefined","includes","createRootContainer","container","trashBinEnv","process","env","WEBINY_ADMIN_TRASH_BIN_RETENTION_PERIOD_DAYS","trashBinRetention","parseInt","deploymentId","String","WEBINY_ADMIN_DEPLOYMENT_ID","register","apiUrl","REACT_APP_API_URL","debug","WEBINY_ADMIN_DEBUG","graphqlApiUrl","REACT_APP_GRAPHQL_API_URL","telemetryEnabled","REACT_APP_WEBINY_TELEMETRY","telemetryUserId","REACT_APP_WEBINY_TELEMETRY_USER_ID","trashBinRetentionPeriodDays","wcpProjectId","REACT_APP_WEBINY_PROJECT_ID","REACT_APP_WCP_PROJECT_ID","websocketUrl","REACT_APP_WEBSOCKET_URL","history","registerInstance","inSingletonScope","batching","retry","prefix"],"sources":["createRootContainer.ts"],"sourcesContent":["import { createBrowserHistory } from \"history\";\nimport { Container } from \"@webiny/di\";\nimport { DefaultRouteElementRegistry } from \"@webiny/app/presentation/router/RouteElementRegistry.js\";\nimport { RouterGateway } from \"@webiny/app/features/router/abstractions.js\";\nimport { RouterFeature } from \"@webiny/app/features/router/feature.js\";\nimport { HistoryRouterGateway } from \"@webiny/app/features/router/HistoryRouterGateway.js\";\nimport { EnvConfigFeature } from \"@webiny/app/features/envConfig/feature.js\";\nimport { GraphQLClientFeature } from \"@webiny/app/features/graphqlClient/feature.js\";\nimport { MainGraphQLClientFeature } from \"@webiny/app/features/mainGraphQLClient/feature.js\";\nimport { LocalStorageFeature } from \"@webiny/app/features/localStorage/feature.js\";\nimport { EventPublisherFeature } from \"@webiny/app/features/eventPublisher/feature.js\";\nimport { WcpFeature } from \"~/features/wcp/feature.js\";\nimport { TenancyFeature } from \"~/features/tenancy/feature.js\";\nimport { SystemInstallerFeature } from \"~/presentation/installation/presenters/SystemInstaller/feature.js\";\nimport { TelemetryFeature } from \"~/features/telemetry/feature.js\";\nimport { ErrorOverlayNetworkErrorHandler } from \"~/errors/ErrorOverlayNetworkErrorHandler.js\";\nimport { ToolsFeature } from \"~/features/tools/feature.js\";\nimport { TextToLexicalToolFeature } from \"~/presentation/textToLexicalTool/feature.js\";\n\nconst isUndefined = (value: any) => [undefined, \"undefined\"].includes(value);\n\nexport function createRootContainer() {\n    const container = new Container();\n\n    const trashBinEnv = process.env.WEBINY_ADMIN_TRASH_BIN_RETENTION_PERIOD_DAYS;\n    const trashBinRetention = isUndefined(trashBinEnv) ? 60 : parseInt(trashBinEnv as string);\n    const deploymentId = String(process.env.WEBINY_ADMIN_DEPLOYMENT_ID);\n\n    EnvConfigFeature.register(container, {\n        deploymentId,\n        apiUrl: String(process.env.REACT_APP_API_URL),\n        debug: process.env.WEBINY_ADMIN_DEBUG === \"true\",\n        graphqlApiUrl: String(process.env.REACT_APP_GRAPHQL_API_URL),\n        telemetryEnabled: process.env.REACT_APP_WEBINY_TELEMETRY === \"true\",\n        telemetryUserId: process.env.REACT_APP_WEBINY_TELEMETRY_USER_ID,\n        trashBinRetentionPeriodDays: trashBinRetention,\n        wcpProjectId:\n            process.env.REACT_APP_WEBINY_PROJECT_ID || process.env.REACT_APP_WCP_PROJECT_ID,\n        websocketUrl: String(process.env.REACT_APP_WEBSOCKET_URL)\n    });\n\n    // Router\n    const history = createBrowserHistory();\n    container.registerInstance(RouterGateway, new HistoryRouterGateway(history, \"\"));\n    container.register(DefaultRouteElementRegistry).inSingletonScope();\n\n    RouterFeature.register(container);\n\n    EventPublisherFeature.register(container);\n\n    GraphQLClientFeature.register(container, { batching: true, retry: true });\n\n    MainGraphQLClientFeature.register(container);\n\n    LocalStorageFeature.register(container, { prefix: `webiny/${deploymentId}` });\n\n    TenancyFeature.register(container);\n\n    WcpFeature.register(container);\n\n    SystemInstallerFeature.register(container);\n\n    TelemetryFeature.register(container);\n\n    container.register(ErrorOverlayNetworkErrorHandler).inSingletonScope();\n\n    ToolsFeature.register(container);\n\n    TextToLexicalToolFeature.register(container);\n\n    return container;\n}\n"],"mappings":"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","ignoreList":[]}

package/base/providers/UiProviders.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { createProvider, SimpleLink } from "@webiny/app";
 import { AdminUiProvider } from "@webiny/admin-ui";
-// @ts-expect-error Remove this one moduleResolution is set to `bundler`
 import { compiler } from "markdown-to-jsx/react";
 const options = {
   overrides: {

package/base/providers/UiProviders.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createProvider","SimpleLink","AdminUiProvider","compiler","options","overrides","a","component","children","props","createElement","Object","assign","target","rel","markdownCompiler","markdown","createUiProviders","Component","UiProviders","linkComponent"],"sources":["UiProviders.tsx"],"sourcesContent":["import React from \"react\";\nimport { createProvider, SimpleLink } from \"@webiny/app\";\nimport { AdminUiProvider } from \"@webiny/admin-ui\";\n// @ts-expect-error Remove this one moduleResolution is set to `bundler`\nimport { compiler } from \"markdown-to-jsx/react\";\n\nconst options = {\n    overrides: {\n        a: {\n            component: ({ children, ...props }: any) => (\n                <a {...props} target=\"_blank\" rel=\"noopener noreferrer\">\n                    {children}\n                </a>\n            )\n        }\n    }\n};\n\nconst markdownCompiler = (markdown: string) => {\n    return compiler(markdown, options);\n};\n\ninterface UiProvidersProps {\n    children: React.ReactNode;\n}\n\nexport const createUiProviders = () => {\n    return createProvider(Component => {\n        return function UiProviders({ children }: UiProvidersProps) {\n            return (\n                <AdminUiProvider linkComponent={SimpleLink} markdownCompiler={markdownCompiler}>\n                    <Component>{children}</Component>\n                </AdminUiProvider>\n            );\n        };\n    });\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,EAAEC,UAAU,QAAQ,aAAa;AACxD,SAASC,eAAe,QAAQ,kBAAkB;AAClD;AACA,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,MAAMC,OAAO,GAAG;EACZC,SAAS,EAAE;IACPC,CAAC,EAAE;MACCC,SAAS,EAAEA,CAAC;QAAEC,QAAQ;QAAE,GAAGC;MAAW,CAAC,kBACnCV,KAAA,CAAAW,aAAA,MAAAC,MAAA,CAAAC,MAAA,KAAOH,KAAK;QAAEI,MAAM,EAAC,QAAQ;QAACC,GAAG,EAAC;MAAqB,IAClDN,QACF;IAEX;EACJ;AACJ,CAAC;AAED,MAAMO,gBAAgB,GAAIC,QAAgB,IAAK;EAC3C,OAAOb,QAAQ,CAACa,QAAQ,EAAEZ,OAAO,CAAC;AACtC,CAAC;AAMD,OAAO,MAAMa,iBAAiB,GAAGA,CAAA,KAAM;EACnC,OAAOjB,cAAc,CAACkB,SAAS,IAAI;IAC/B,OAAO,SAASC,WAAWA,CAAC;MAAEX;IAA2B,CAAC,EAAE;MACxD,oBACIT,KAAA,CAAAW,aAAA,CAACR,eAAe;QAACkB,aAAa,EAAEnB,UAAW;QAACc,gBAAgB,EAAEA;MAAiB,gBAC3EhB,KAAA,CAAAW,aAAA,CAACQ,SAAS,QAAEV,QAAoB,CACnB,CAAC;IAE1B,CAAC;EACL,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createProvider","SimpleLink","AdminUiProvider","compiler","options","overrides","a","component","children","props","createElement","Object","assign","target","rel","markdownCompiler","markdown","createUiProviders","Component","UiProviders","linkComponent"],"sources":["UiProviders.tsx"],"sourcesContent":["import React from \"react\";\nimport { createProvider, SimpleLink } from \"@webiny/app\";\nimport { AdminUiProvider } from \"@webiny/admin-ui\";\nimport { compiler } from \"markdown-to-jsx/react\";\n\nconst options = {\n    overrides: {\n        a: {\n            component: ({ children, ...props }: any) => (\n                <a {...props} target=\"_blank\" rel=\"noopener noreferrer\">\n                    {children}\n                </a>\n            )\n        }\n    }\n};\n\nconst markdownCompiler = (markdown: string) => {\n    return compiler(markdown, options);\n};\n\ninterface UiProvidersProps {\n    children: React.ReactNode;\n}\n\nexport const createUiProviders = () => {\n    return createProvider(Component => {\n        return function UiProviders({ children }: UiProvidersProps) {\n            return (\n                <AdminUiProvider linkComponent={SimpleLink} markdownCompiler={markdownCompiler}>\n                    <Component>{children}</Component>\n                </AdminUiProvider>\n            );\n        };\n    });\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,EAAEC,UAAU,QAAQ,aAAa;AACxD,SAASC,eAAe,QAAQ,kBAAkB;AAClD,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,MAAMC,OAAO,GAAG;EACZC,SAAS,EAAE;IACPC,CAAC,EAAE;MACCC,SAAS,EAAEA,CAAC;QAAEC,QAAQ;QAAE,GAAGC;MAAW,CAAC,kBACnCV,KAAA,CAAAW,aAAA,MAAAC,MAAA,CAAAC,MAAA,KAAOH,KAAK;QAAEI,MAAM,EAAC,QAAQ;QAACC,GAAG,EAAC;MAAqB,IAClDN,QACF;IAEX;EACJ;AACJ,CAAC;AAED,MAAMO,gBAAgB,GAAIC,QAAgB,IAAK;EAC3C,OAAOb,QAAQ,CAACa,QAAQ,EAAEZ,OAAO,CAAC;AACtC,CAAC;AAMD,OAAO,MAAMa,iBAAiB,GAAGA,CAAA,KAAM;EACnC,OAAOjB,cAAc,CAACkB,SAAS,IAAI;IAC/B,OAAO,SAASC,WAAWA,CAAC;MAAEX;IAA2B,CAAC,EAAE;MACxD,oBACIT,KAAA,CAAAW,aAAA,CAACR,eAAe;QAACkB,aAAa,EAAEnB,UAAW;QAACc,gBAAgB,EAAEA;MAAiB,gBAC3EhB,KAAA,CAAAW,aAAA,CAACQ,SAAS,QAAEV,QAAoB,CACnB,CAAC;IAE1B,CAAC;EACL,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/components/Filters/Filters.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Separator","Form","Filters","props","show","filters","length","createElement","Fragment","className","data","onChange","map","filter","key","name","element","children"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\ntype Filter = {\n    name: string;\n    element: React.ReactElement;\n};\n\nexport type GenericFiltersData = GenericFormData;\n\nexport type FiltersOnSubmit<T extends GenericFiltersData = GenericFiltersData> = FormOnSubmit<T>;\n\nexport interface FiltersProps<T extends GenericFormData = GenericFormData>\n    extends Pick<FormProps<T>, \"data\" | \"onChange\"> {\n    filters: Filter[];\n    show: boolean;\n    children?: React.ReactNode;\n    [\"data-testid\"]?: string;\n}\n\nexport const Filters = <T extends GenericFiltersData = GenericFiltersData>(\n    props: FiltersProps<T>\n) => {\n    if (!props.show || !props.filters.length) {\n        return null;\n    }\n\n    return (\n        <>\n            <div\n                className={\"w-full bg-neutral-base px-md my-sm\"}\n                data-testid={props[\"data-testid\"] || \"filters-container\"}\n            >\n                <Form data={props.data} onChange={props.onChange}>\n                    {() => (\n                        <div className={\"w-full flex gap-sm flex-wrap\"}>\n                            {props.filters.map(filter => (\n                                <div key={filter.name}>{filter.element}</div>\n                            ))}\n                            {props.children}\n                        </div>\n                    )}\n                </Form>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,IAAI,QAAQ,cAAc;AAmBnC,OAAO,MAAMC,OAAO,GAChBC,KAAsB,IACrB;EACD,IAAI,CAACA,KAAK,CAACC,IAAI,IAAI,CAACD,KAAK,CAACE,OAAO,CAACC,MAAM,EAAE;IACtC,OAAO,IAAI;EACf;EAEA,oBACIP,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,qBACIT,KAAA,CAAAQ,aAAA;IACIE,SAAS,EAAE,oCAAqC;IAChD,eAAaN,KAAK,CAAC,aAAa,CAAC,IAAI;EAAoB,gBAEzDJ,KAAA,CAAAQ,aAAA,CAACN,IAAI;IAACS,IAAI,EAAEP,KAAK,CAACO,IAAK;IAACC,QAAQ,EAAER,KAAK,CAACQ;EAAS,GAC5C,mBACGZ,KAAA,CAAAQ,aAAA;IAAKE,SAAS,EAAE;EAA+B,GAC1CN,KAAK,CAACE,OAAO,CAACO,GAAG,CAACC,MAAM,iBACrBd,KAAA,CAAAQ,aAAA;IAAKO,GAAG,EAAED,MAAM,CAACE;EAAK,GAAEF,MAAM,CAACG,OAAa,CAC/C,CAAC,EACDb,KAAK,CAACc,QACN,CAEP,CACL,CAAC,eACNlB,KAAA,CAAAQ,aAAA,CAACP,SAAS,MAAE,CACd,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Separator","Form","Filters","props","show","filters","length","createElement","Fragment","className","data","onChange","map","filter","key","name","element","children"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\ntype Filter = {\n    name: string;\n    element: React.ReactElement;\n};\n\nexport type GenericFiltersData = GenericFormData;\n\nexport type FiltersOnSubmit<T extends GenericFiltersData = GenericFiltersData> = FormOnSubmit<T>;\n\nexport interface FiltersProps<T extends GenericFormData = GenericFormData> extends Pick<\n    FormProps<T>,\n    \"data\" | \"onChange\"\n> {\n    filters: Filter[];\n    show: boolean;\n    children?: React.ReactNode;\n    [\"data-testid\"]?: string;\n}\n\nexport const Filters = <T extends GenericFiltersData = GenericFiltersData>(\n    props: FiltersProps<T>\n) => {\n    if (!props.show || !props.filters.length) {\n        return null;\n    }\n\n    return (\n        <>\n            <div\n                className={\"w-full bg-neutral-base px-md my-sm\"}\n                data-testid={props[\"data-testid\"] || \"filters-container\"}\n            >\n                <Form data={props.data} onChange={props.onChange}>\n                    {() => (\n                        <div className={\"w-full flex gap-sm flex-wrap\"}>\n                            {props.filters.map(filter => (\n                                <div key={filter.name}>{filter.element}</div>\n                            ))}\n                            {props.children}\n                        </div>\n                    )}\n                </Form>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,IAAI,QAAQ,cAAc;AAqBnC,OAAO,MAAMC,OAAO,GAChBC,KAAsB,IACrB;EACD,IAAI,CAACA,KAAK,CAACC,IAAI,IAAI,CAACD,KAAK,CAACE,OAAO,CAACC,MAAM,EAAE;IACtC,OAAO,IAAI;EACf;EAEA,oBACIP,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,qBACIT,KAAA,CAAAQ,aAAA;IACIE,SAAS,EAAE,oCAAqC;IAChD,eAAaN,KAAK,CAAC,aAAa,CAAC,IAAI;EAAoB,gBAEzDJ,KAAA,CAAAQ,aAAA,CAACN,IAAI;IAACS,IAAI,EAAEP,KAAK,CAACO,IAAK;IAACC,QAAQ,EAAER,KAAK,CAACQ;EAAS,GAC5C,mBACGZ,KAAA,CAAAQ,aAAA;IAAKE,SAAS,EAAE;EAA+B,GAC1CN,KAAK,CAACE,OAAO,CAACO,GAAG,CAACC,MAAM,iBACrBd,KAAA,CAAAQ,aAAA;IAAKO,GAAG,EAAED,MAAM,CAACE;EAAK,GAAEF,MAAM,CAACG,OAAa,CAC/C,CAAC,EACDb,KAAK,CAACc,QACN,CAEP,CACL,CAAC,eACNlB,KAAA,CAAAQ,aAAA,CAACP,SAAS,MAAE,CACd,CAAC;AAEX,CAAC","ignoreList":[]}

package/components/IconPicker/components/IconPickerCell.d.ts

@@ -3,7 +3,7 @@ import { type VariantProps } from "@webiny/admin-ui";
 import type { Icon } from "../../../components/IconPicker/index.js";
 declare const iconPickerCellVariants: (props?: ({
     isActive?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface IconPickerCellProps extends VariantProps<typeof iconPickerCellVariants> {
     icon: Icon;
     onIconClick: (icon: Icon) => void;

package/components/IconPicker/components/IconPickerTrigger.d.ts

@@ -4,7 +4,7 @@ import type { Icon } from "../../../components/IconPicker/types.js";
 declare const iconPickerTriggerVariants: (props?: ({
     size?: "md" | "lg" | "xl" | null | undefined;
     disabled?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface IconPickerTriggerProps extends VariantProps<typeof inputVariants>, VariantProps<typeof iconPickerTriggerVariants> {
     icon: Icon | null;
     disabled?: boolean;

package/components/IconPicker/components/IconPickerTrigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","EmptyIcon","ChevronDown","cn","cva","Icon","IconComponent","inputVariants","IconProvider","IconRenderer","iconPickerTriggerVariants","variants","size","md","lg","xl","disabled","true","defaultVariants","IconPickerTrigger","props","createElement","className","variant","invalid","icon","label","name"],"sources":["IconPickerTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as EmptyIcon } from \"@webiny/icons/remove.svg\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { cn, cva, Icon as IconComponent, inputVariants, type VariantProps } from \"@webiny/admin-ui\";\nimport { IconProvider, IconRenderer } from \"~/components/IconPicker/IconRenderer.js\";\nimport type { Icon } from \"~/components/IconPicker/types.js\";\n\nconst iconPickerTriggerVariants = cva(\"cursor-pointer fill-neutral-xstrong\", {\n    variants: {\n        size: {\n            md: \"w-3xl\",\n            lg: \"w-3xl\",\n            xl: \"w-[76px]\"\n        },\n        disabled: {\n            true: \"pointer-events-none\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\ninterface IconPickerTriggerProps\n    extends VariantProps<typeof inputVariants>,\n        VariantProps<typeof iconPickerTriggerVariants> {\n    icon: Icon | null;\n    disabled?: boolean;\n}\n\nconst IconPickerTrigger = (props: IconPickerTriggerProps) => {\n    return (\n        <div\n            data-disabled={props.disabled}\n            className={cn(\n                inputVariants({\n                    size: props.size,\n                    variant: props.variant,\n                    invalid: props.invalid\n                }),\n                iconPickerTriggerVariants({ size: props.size, disabled: props.disabled })\n            )}\n        >\n            <div className={\"flex items-center gap-xs\"}>\n                <div>\n                    {props.icon ? (\n                        <IconProvider icon={props.icon} size={24}>\n                            <IconComponent icon={<IconRenderer />} label={props.icon.name} />\n                        </IconProvider>\n                    ) : (\n                        <IconComponent icon={<EmptyIcon />} label={\"Search icons\"} size={\"lg\"} />\n                    )}\n                </div>\n                <div>\n                    <IconComponent size={\"sm\"} icon={<ChevronDown />} label={\"Open list\"} />\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport { IconPickerTrigger, type IconPickerTriggerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,0BAA0B;AACtE,SAASD,cAAc,IAAIE,WAAW,QAAQ,uCAAuC;AACrF,SAASC,EAAE,EAAEC,GAAG,EAAEC,IAAI,IAAIC,aAAa,EAAEC,aAAa,QAA2B,kBAAkB;AACnG,SAASC,YAAY,EAAEC,YAAY;AAGnC,MAAMC,yBAAyB,GAAGN,GAAG,CAAC,qCAAqC,EAAE;EACzEO,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,OAAO;MACXC,EAAE,EAAE,OAAO;MACXC,EAAE,EAAE;IACR,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AASF,MAAMO,iBAAiB,GAAIC,KAA6B,IAAK;EACzD,oBACIrB,KAAA,CAAAsB,aAAA;IACI,iBAAeD,KAAK,CAACJ,QAAS;IAC9BM,SAAS,EAAEnB,EAAE,CACTI,aAAa,CAAC;MACVK,IAAI,EAAEQ,KAAK,CAACR,IAAI;MAChBW,OAAO,EAAEH,KAAK,CAACG,OAAO;MACtBC,OAAO,EAAEJ,KAAK,CAACI;IACnB,CAAC,CAAC,EACFd,yBAAyB,CAAC;MAAEE,IAAI,EAAEQ,KAAK,CAACR,IAAI;MAAEI,QAAQ,EAAEI,KAAK,CAACJ;IAAS,CAAC,CAC5E;EAAE,gBAEFjB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE;EAA2B,gBACvCvB,KAAA,CAAAsB,aAAA,cACKD,KAAK,CAACK,IAAI,gBACP1B,KAAA,CAAAsB,aAAA,CAACb,YAAY;IAACiB,IAAI,EAAEL,KAAK,CAACK,IAAK;IAACb,IAAI,EAAE;EAAG,gBACrCb,KAAA,CAAAsB,aAAA,CAACf,aAAa;IAACmB,IAAI,eAAE1B,KAAA,CAAAsB,aAAA,CAACZ,YAAY,MAAE,CAAE;IAACiB,KAAK,EAAEN,KAAK,CAACK,IAAI,CAACE;EAAK,CAAE,CACtD,CAAC,gBAEf5B,KAAA,CAAAsB,aAAA,CAACf,aAAa;IAACmB,IAAI,eAAE1B,KAAA,CAAAsB,aAAA,CAACpB,SAAS,MAAE,CAAE;IAACyB,KAAK,EAAE,cAAe;IAACd,IAAI,EAAE;EAAK,CAAE,CAE3E,CAAC,eACNb,KAAA,CAAAsB,aAAA,2BACItB,KAAA,CAAAsB,aAAA,CAACf,aAAa;IAACM,IAAI,EAAE,IAAK;IAACa,IAAI,eAAE1B,KAAA,CAAAsB,aAAA,CAACnB,WAAW,MAAE,CAAE;IAACwB,KAAK,EAAE;EAAY,CAAE,CACtE,CACJ,CACJ,CAAC;AAEd,CAAC;AAED,SAASP,iBAAiB","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","EmptyIcon","ChevronDown","cn","cva","Icon","IconComponent","inputVariants","IconProvider","IconRenderer","iconPickerTriggerVariants","variants","size","md","lg","xl","disabled","true","defaultVariants","IconPickerTrigger","props","createElement","className","variant","invalid","icon","label","name"],"sources":["IconPickerTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as EmptyIcon } from \"@webiny/icons/remove.svg\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { cn, cva, Icon as IconComponent, inputVariants, type VariantProps } from \"@webiny/admin-ui\";\nimport { IconProvider, IconRenderer } from \"~/components/IconPicker/IconRenderer.js\";\nimport type { Icon } from \"~/components/IconPicker/types.js\";\n\nconst iconPickerTriggerVariants = cva(\"cursor-pointer fill-neutral-xstrong\", {\n    variants: {\n        size: {\n            md: \"w-3xl\",\n            lg: \"w-3xl\",\n            xl: \"w-[76px]\"\n        },\n        disabled: {\n            true: \"pointer-events-none\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\ninterface IconPickerTriggerProps\n    extends VariantProps<typeof inputVariants>, VariantProps<typeof iconPickerTriggerVariants> {\n    icon: Icon | null;\n    disabled?: boolean;\n}\n\nconst IconPickerTrigger = (props: IconPickerTriggerProps) => {\n    return (\n        <div\n            data-disabled={props.disabled}\n            className={cn(\n                inputVariants({\n                    size: props.size,\n                    variant: props.variant,\n                    invalid: props.invalid\n                }),\n                iconPickerTriggerVariants({ size: props.size, disabled: props.disabled })\n            )}\n        >\n            <div className={\"flex items-center gap-xs\"}>\n                <div>\n                    {props.icon ? (\n                        <IconProvider icon={props.icon} size={24}>\n                            <IconComponent icon={<IconRenderer />} label={props.icon.name} />\n                        </IconProvider>\n                    ) : (\n                        <IconComponent icon={<EmptyIcon />} label={\"Search icons\"} size={\"lg\"} />\n                    )}\n                </div>\n                <div>\n                    <IconComponent size={\"sm\"} icon={<ChevronDown />} label={\"Open list\"} />\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport { IconPickerTrigger, type IconPickerTriggerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,0BAA0B;AACtE,SAASD,cAAc,IAAIE,WAAW,QAAQ,uCAAuC;AACrF,SAASC,EAAE,EAAEC,GAAG,EAAEC,IAAI,IAAIC,aAAa,EAAEC,aAAa,QAA2B,kBAAkB;AACnG,SAASC,YAAY,EAAEC,YAAY;AAGnC,MAAMC,yBAAyB,GAAGN,GAAG,CAAC,qCAAqC,EAAE;EACzEO,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,OAAO;MACXC,EAAE,EAAE,OAAO;MACXC,EAAE,EAAE;IACR,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AAQF,MAAMO,iBAAiB,GAAIC,KAA6B,IAAK;EACzD,oBACIrB,KAAA,CAAAsB,aAAA;IACI,iBAAeD,KAAK,CAACJ,QAAS;IAC9BM,SAAS,EAAEnB,EAAE,CACTI,aAAa,CAAC;MACVK,IAAI,EAAEQ,KAAK,CAACR,IAAI;MAChBW,OAAO,EAAEH,KAAK,CAACG,OAAO;MACtBC,OAAO,EAAEJ,KAAK,CAACI;IACnB,CAAC,CAAC,EACFd,yBAAyB,CAAC;MAAEE,IAAI,EAAEQ,KAAK,CAACR,IAAI;MAAEI,QAAQ,EAAEI,KAAK,CAACJ;IAAS,CAAC,CAC5E;EAAE,gBAEFjB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE;EAA2B,gBACvCvB,KAAA,CAAAsB,aAAA,cACKD,KAAK,CAACK,IAAI,gBACP1B,KAAA,CAAAsB,aAAA,CAACb,YAAY;IAACiB,IAAI,EAAEL,KAAK,CAACK,IAAK;IAACb,IAAI,EAAE;EAAG,gBACrCb,KAAA,CAAAsB,aAAA,CAACf,aAAa;IAACmB,IAAI,eAAE1B,KAAA,CAAAsB,aAAA,CAACZ,YAAY,MAAE,CAAE;IAACiB,KAAK,EAAEN,KAAK,CAACK,IAAI,CAACE;EAAK,CAAE,CACtD,CAAC,gBAEf5B,KAAA,CAAAsB,aAAA,CAACf,aAAa;IAACmB,IAAI,eAAE1B,KAAA,CAAAsB,aAAA,CAACpB,SAAS,MAAE,CAAE;IAACyB,KAAK,EAAE,cAAe;IAACd,IAAI,EAAE;EAAK,CAAE,CAE3E,CAAC,eACNb,KAAA,CAAAsB,aAAA,2BACItB,KAAA,CAAAsB,aAAA,CAACf,aAAa;IAACM,IAAI,EAAE,IAAK;IAACa,IAAI,eAAE1B,KAAA,CAAAsB,aAAA,CAACnB,WAAW,MAAE,CAAE;IAACwB,KAAK,EAAE;EAAY,CAAE,CACtE,CACJ,CACJ,CAAC;AAEd,CAAC;AAED,SAASP,iBAAiB","ignoreList":[]}

package/components/LexicalEditor/LexicalEditor.js

@@ -1,9 +1,10 @@
-import React, { useMemo, useRef } from "react";
+import React, { useEffect, useMemo, useRef } from "react";
 import { FileManager } from "../index.js";
 import { RichTextEditor as BaseEditor } from "@webiny/lexical-editor";
 import { DelayedOnChange } from "@webiny/admin-ui";
 import { useAdminConfig } from "../../config/AdminConfig.js";
 import { lexicalValueWithHtml } from "./lexicalValueWithHtml.js";
+import { lexicalValueFromHtml } from "./lexicalValueFromHtml.js";
 const imagesOnly = ["image/*"];
 const noop = () => {};
 export const LexicalEditor = props => {
@@ -11,6 +12,11 @@ export const LexicalEditor = props => {
     lexicalTheme
   } = useAdminConfig();
   const configRef = useRef(undefined);
+  useEffect(() => {
+    if (configRef.current && props.value?.html && !props.value.state && props.onChange) {
+      lexicalValueFromHtml(configRef, props.onChange)(props.value.html);
+    }
+  }, [configRef.current, props.value, props.onChange]);
   const onChange = useMemo(() => {
     return lexicalValueWithHtml(configRef, props.onChange ?? noop);
   }, [props.onChange]);

package/components/LexicalEditor/LexicalEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useRef","FileManager","RichTextEditor","BaseEditor","DelayedOnChange","useAdminConfig","lexicalValueWithHtml","imagesOnly","noop","LexicalEditor","props","lexicalTheme","configRef","undefined","onChange","createElement","accept","render","showFileManager","value","state","Object","assign","theme","toolbarActionPlugins","targetAction","plugin"],"sources":["LexicalEditor.tsx"],"sourcesContent":["import React, { useMemo, useRef } from \"react\";\nimport { FileManager } from \"~/components/index.js\";\nimport { RichTextEditor as BaseEditor } from \"@webiny/lexical-editor\";\nimport type { RichTextEditorProps } from \"@webiny/lexical-editor/types.js\";\nimport { DelayedOnChange } from \"@webiny/admin-ui\";\nimport { useAdminConfig } from \"~/config/AdminConfig.js\";\nimport { lexicalValueWithHtml, type RichTextValueWithHtml } from \"./lexicalValueWithHtml.js\";\n\nexport interface LexicalEditorProps\n    extends Omit<RichTextEditorProps, \"value\" | \"onChange\" | \"theme\"> {\n    value?: RichTextValueWithHtml;\n    onChange?: (value: RichTextValueWithHtml) => void;\n    theme?: RichTextEditorProps[\"theme\"];\n}\n\nconst imagesOnly = [\"image/*\"];\nconst noop = () => {};\n\nexport const LexicalEditor = (props: LexicalEditorProps) => {\n    const { lexicalTheme } = useAdminConfig();\n    const configRef = useRef<BaseEditor.InitialConfig | undefined>(undefined);\n\n    const onChange = useMemo(() => {\n        return lexicalValueWithHtml(configRef, props.onChange ?? noop);\n    }, [props.onChange]);\n\n    return (\n        <FileManager\n            accept={imagesOnly}\n            render={({ showFileManager }) => (\n                <DelayedOnChange value={props.value?.state} onChange={onChange}>\n                    {({ value, onChange }) => (\n                        <BaseEditor\n                            {...props}\n                            value={value}\n                            onChange={onChange}\n                            theme={props.theme ?? lexicalTheme}\n                            configRef={configRef}\n                            toolbarActionPlugins={[\n                                ...(props.toolbarActionPlugins || []),\n                                { targetAction: \"image-action\", plugin: showFileManager }\n                            ]}\n                        />\n                    )}\n                </DelayedOnChange>\n            )}\n        />\n    );\n};\n\nexport namespace LexicalEditor {\n    export type Props = LexicalEditorProps;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAC9C,SAASC,WAAW;AACpB,SAASC,cAAc,IAAIC,UAAU,QAAQ,wBAAwB;AAErE,SAASC,eAAe,QAAQ,kBAAkB;AAClD,SAASC,cAAc;AACvB,SAASC,oBAAoB;AAS7B,MAAMC,UAAU,GAAG,CAAC,SAAS,CAAC;AAC9B,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,OAAO,MAAMC,aAAa,GAAIC,KAAyB,IAAK;EACxD,MAAM;IAAEC;EAAa,CAAC,GAAGN,cAAc,CAAC,CAAC;EACzC,MAAMO,SAAS,GAAGZ,MAAM,CAAuCa,SAAS,CAAC;EAEzE,MAAMC,QAAQ,GAAGf,OAAO,CAAC,MAAM;IAC3B,OAAOO,oBAAoB,CAACM,SAAS,EAAEF,KAAK,CAACI,QAAQ,IAAIN,IAAI,CAAC;EAClE,CAAC,EAAE,CAACE,KAAK,CAACI,QAAQ,CAAC,CAAC;EAEpB,oBACIhB,KAAA,CAAAiB,aAAA,CAACd,WAAW;IACRe,MAAM,EAAET,UAAW;IACnBU,MAAM,EAAEA,CAAC;MAAEC;IAAgB,CAAC,kBACxBpB,KAAA,CAAAiB,aAAA,CAACX,eAAe;MAACe,KAAK,EAAET,KAAK,CAACS,KAAK,EAAEC,KAAM;MAACN,QAAQ,EAAEA;IAAS,GAC1D,CAAC;MAAEK,KAAK;MAAEL;IAAS,CAAC,kBACjBhB,KAAA,CAAAiB,aAAA,CAACZ,UAAU,EAAAkB,MAAA,CAAAC,MAAA,KACHZ,KAAK;MACTS,KAAK,EAAEA,KAAM;MACbL,QAAQ,EAAEA,QAAS;MACnBS,KAAK,EAAEb,KAAK,CAACa,KAAK,IAAIZ,YAAa;MACnCC,SAAS,EAAEA,SAAU;MACrBY,oBAAoB,EAAE,CAClB,IAAId,KAAK,CAACc,oBAAoB,IAAI,EAAE,CAAC,EACrC;QAAEC,YAAY,EAAE,cAAc;QAAEC,MAAM,EAAER;MAAgB,CAAC;IAC3D,EACL,CAEQ;EACnB,CACL,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","useRef","FileManager","RichTextEditor","BaseEditor","DelayedOnChange","useAdminConfig","lexicalValueWithHtml","lexicalValueFromHtml","imagesOnly","noop","LexicalEditor","props","lexicalTheme","configRef","undefined","current","value","html","state","onChange","createElement","accept","render","showFileManager","Object","assign","theme","toolbarActionPlugins","targetAction","plugin"],"sources":["LexicalEditor.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\nimport { FileManager } from \"~/components/index.js\";\nimport { RichTextEditor as BaseEditor } from \"@webiny/lexical-editor\";\nimport type { RichTextEditorProps } from \"@webiny/lexical-editor/types.js\";\nimport { DelayedOnChange } from \"@webiny/admin-ui\";\nimport { useAdminConfig } from \"~/config/AdminConfig.js\";\nimport { lexicalValueWithHtml, type RichTextValueWithHtml } from \"./lexicalValueWithHtml.js\";\nimport { lexicalValueFromHtml } from \"./lexicalValueFromHtml.js\";\n\nexport interface LexicalEditorProps extends Omit<\n    RichTextEditorProps,\n    \"value\" | \"onChange\" | \"theme\"\n> {\n    value?: RichTextValueWithHtml;\n    onChange?: (value: RichTextValueWithHtml) => void;\n    theme?: RichTextEditorProps[\"theme\"];\n}\n\nconst imagesOnly = [\"image/*\"];\nconst noop = () => {};\n\nexport const LexicalEditor = (props: LexicalEditorProps) => {\n    const { lexicalTheme } = useAdminConfig();\n    const configRef = useRef<BaseEditor.InitialConfig | undefined>(undefined);\n\n    useEffect(() => {\n        if (configRef.current && props.value?.html && !props.value.state && props.onChange) {\n            lexicalValueFromHtml(configRef, props.onChange)(props.value.html);\n        }\n    }, [configRef.current, props.value, props.onChange]);\n\n    const onChange = useMemo(() => {\n        return lexicalValueWithHtml(configRef, props.onChange ?? noop);\n    }, [props.onChange]);\n\n    return (\n        <FileManager\n            accept={imagesOnly}\n            render={({ showFileManager }) => (\n                <DelayedOnChange value={props.value?.state} onChange={onChange}>\n                    {({ value, onChange }) => (\n                        <BaseEditor\n                            {...props}\n                            value={value}\n                            onChange={onChange}\n                            theme={props.theme ?? lexicalTheme}\n                            configRef={configRef}\n                            toolbarActionPlugins={[\n                                ...(props.toolbarActionPlugins || []),\n                                { targetAction: \"image-action\", plugin: showFileManager }\n                            ]}\n                        />\n                    )}\n                </DelayedOnChange>\n            )}\n        />\n    );\n};\n\nexport namespace LexicalEditor {\n    export type Props = LexicalEditorProps;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACzD,SAASC,WAAW;AACpB,SAASC,cAAc,IAAIC,UAAU,QAAQ,wBAAwB;AAErE,SAASC,eAAe,QAAQ,kBAAkB;AAClD,SAASC,cAAc;AACvB,SAASC,oBAAoB;AAC7B,SAASC,oBAAoB;AAW7B,MAAMC,UAAU,GAAG,CAAC,SAAS,CAAC;AAC9B,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,OAAO,MAAMC,aAAa,GAAIC,KAAyB,IAAK;EACxD,MAAM;IAAEC;EAAa,CAAC,GAAGP,cAAc,CAAC,CAAC;EACzC,MAAMQ,SAAS,GAAGb,MAAM,CAAuCc,SAAS,CAAC;EAEzEhB,SAAS,CAAC,MAAM;IACZ,IAAIe,SAAS,CAACE,OAAO,IAAIJ,KAAK,CAACK,KAAK,EAAEC,IAAI,IAAI,CAACN,KAAK,CAACK,KAAK,CAACE,KAAK,IAAIP,KAAK,CAACQ,QAAQ,EAAE;MAChFZ,oBAAoB,CAACM,SAAS,EAAEF,KAAK,CAACQ,QAAQ,CAAC,CAACR,KAAK,CAACK,KAAK,CAACC,IAAI,CAAC;IACrE;EACJ,CAAC,EAAE,CAACJ,SAAS,CAACE,OAAO,EAAEJ,KAAK,CAACK,KAAK,EAAEL,KAAK,CAACQ,QAAQ,CAAC,CAAC;EAEpD,MAAMA,QAAQ,GAAGpB,OAAO,CAAC,MAAM;IAC3B,OAAOO,oBAAoB,CAACO,SAAS,EAAEF,KAAK,CAACQ,QAAQ,IAAIV,IAAI,CAAC;EAClE,CAAC,EAAE,CAACE,KAAK,CAACQ,QAAQ,CAAC,CAAC;EAEpB,oBACItB,KAAA,CAAAuB,aAAA,CAACnB,WAAW;IACRoB,MAAM,EAAEb,UAAW;IACnBc,MAAM,EAAEA,CAAC;MAAEC;IAAgB,CAAC,kBACxB1B,KAAA,CAAAuB,aAAA,CAAChB,eAAe;MAACY,KAAK,EAAEL,KAAK,CAACK,KAAK,EAAEE,KAAM;MAACC,QAAQ,EAAEA;IAAS,GAC1D,CAAC;MAAEH,KAAK;MAAEG;IAAS,CAAC,kBACjBtB,KAAA,CAAAuB,aAAA,CAACjB,UAAU,EAAAqB,MAAA,CAAAC,MAAA,KACHd,KAAK;MACTK,KAAK,EAAEA,KAAM;MACbG,QAAQ,EAAEA,QAAS;MACnBO,KAAK,EAAEf,KAAK,CAACe,KAAK,IAAId,YAAa;MACnCC,SAAS,EAAEA,SAAU;MACrBc,oBAAoB,EAAE,CAClB,IAAIhB,KAAK,CAACgB,oBAAoB,IAAI,EAAE,CAAC,EACrC;QAAEC,YAAY,EAAE,cAAc;QAAEC,MAAM,EAAEN;MAAgB,CAAC;IAC3D,EACL,CAEQ;EACnB,CACL,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/LexicalEditor/lexicalValueFromHtml.d.ts

@@ -0,0 +1,7 @@
+import { RichTextEditor } from "@webiny/lexical-editor";
+export type RichTextValueWithHtml = {
+    state: string;
+    html: string;
+};
+export type EditorConfigRef = React.MutableRefObject<RichTextEditor.InitialConfig | undefined>;
+export declare const lexicalValueFromHtml: (editorConfigRef: EditorConfigRef, onChange: (value: RichTextValueWithHtml) => void) => (value: string) => void;

package/components/LexicalEditor/lexicalValueFromHtml.js

@@ -0,0 +1,35 @@
+import { createHtmlToLexicalParser } from "@webiny/lexical-converter";
+import { lexicalValueWithHtml } from "./lexicalValueWithHtml.js";
+const parserCache = new Map();
+const getOrCreate = editorConfigRef => {
+  if (!editorConfigRef.current) {
+    return undefined;
+  }
+  const id = editorConfigRef.current.editorId;
+  if (!parserCache.has(id)) {
+    const parser = createHtmlToLexicalParser({
+      editorConfig: {
+        nodes: editorConfigRef.current.nodes,
+        theme: editorConfigRef.current.theme
+      }
+    });
+    parserCache.set(id, parser);
+  }
+  return parserCache.get(id);
+};
+export const lexicalValueFromHtml = (editorConfigRef, onChange) => {
+  return value => {
+    const parser = getOrCreate(editorConfigRef);
+    if (!parser) {
+      return;
+    }
+    const domParser = new DOMParser();
+    const state = parser(domParser.parseFromString(value, "text/html"));
+    if (!state) {
+      return;
+    }
+    lexicalValueWithHtml(editorConfigRef, onChange)(JSON.stringify(state));
+  };
+};
+
+//# sourceMappingURL=lexicalValueFromHtml.js.map

package/components/LexicalEditor/lexicalValueFromHtml.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createHtmlToLexicalParser","lexicalValueWithHtml","parserCache","Map","getOrCreate","editorConfigRef","current","undefined","id","editorId","has","parser","editorConfig","nodes","theme","set","get","lexicalValueFromHtml","onChange","value","domParser","DOMParser","state","parseFromString","JSON","stringify"],"sources":["lexicalValueFromHtml.ts"],"sourcesContent":["import { createHtmlToLexicalParser } from \"@webiny/lexical-converter\";\nimport { RichTextEditor } from \"@webiny/lexical-editor\";\nimport { lexicalValueWithHtml } from \"~/components/LexicalEditor/lexicalValueWithHtml.js\";\n\ntype LexicalHtmlTransformer = ReturnType<typeof createHtmlToLexicalParser>;\n\nexport type RichTextValueWithHtml = {\n    state: string;\n    html: string;\n};\n\nexport type EditorConfigRef = React.MutableRefObject<RichTextEditor.InitialConfig | undefined>;\n\nconst parserCache = new Map<string, LexicalHtmlTransformer>();\n\nconst getOrCreate = (editorConfigRef: EditorConfigRef) => {\n    if (!editorConfigRef.current) {\n        return undefined;\n    }\n\n    const id = editorConfigRef.current.editorId;\n\n    if (!parserCache.has(id)) {\n        const parser = createHtmlToLexicalParser({\n            editorConfig: {\n                nodes: editorConfigRef.current.nodes,\n                theme: editorConfigRef.current.theme\n            }\n        });\n\n        parserCache.set(id, parser);\n    }\n\n    return parserCache.get(id);\n};\n\nexport const lexicalValueFromHtml = (\n    editorConfigRef: EditorConfigRef,\n    onChange: (value: RichTextValueWithHtml) => void\n) => {\n    return (value: string) => {\n        const parser = getOrCreate(editorConfigRef);\n\n        if (!parser) {\n            return;\n        }\n\n        const domParser = new DOMParser();\n        const state = parser(domParser.parseFromString(value, \"text/html\"));\n\n        if (!state) {\n            return;\n        }\n\n        lexicalValueWithHtml(editorConfigRef, onChange)(JSON.stringify(state));\n    };\n};\n"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,2BAA2B;AAErE,SAASC,oBAAoB;AAW7B,MAAMC,WAAW,GAAG,IAAIC,GAAG,CAAiC,CAAC;AAE7D,MAAMC,WAAW,GAAIC,eAAgC,IAAK;EACtD,IAAI,CAACA,eAAe,CAACC,OAAO,EAAE;IAC1B,OAAOC,SAAS;EACpB;EAEA,MAAMC,EAAE,GAAGH,eAAe,CAACC,OAAO,CAACG,QAAQ;EAE3C,IAAI,CAACP,WAAW,CAACQ,GAAG,CAACF,EAAE,CAAC,EAAE;IACtB,MAAMG,MAAM,GAAGX,yBAAyB,CAAC;MACrCY,YAAY,EAAE;QACVC,KAAK,EAAER,eAAe,CAACC,OAAO,CAACO,KAAK;QACpCC,KAAK,EAAET,eAAe,CAACC,OAAO,CAACQ;MACnC;IACJ,CAAC,CAAC;IAEFZ,WAAW,CAACa,GAAG,CAACP,EAAE,EAAEG,MAAM,CAAC;EAC/B;EAEA,OAAOT,WAAW,CAACc,GAAG,CAACR,EAAE,CAAC;AAC9B,CAAC;AAED,OAAO,MAAMS,oBAAoB,GAAGA,CAChCZ,eAAgC,EAChCa,QAAgD,KAC/C;EACD,OAAQC,KAAa,IAAK;IACtB,MAAMR,MAAM,GAAGP,WAAW,CAACC,eAAe,CAAC;IAE3C,IAAI,CAACM,MAAM,EAAE;MACT;IACJ;IAEA,MAAMS,SAAS,GAAG,IAAIC,SAAS,CAAC,CAAC;IACjC,MAAMC,KAAK,GAAGX,MAAM,CAACS,SAAS,CAACG,eAAe,CAACJ,KAAK,EAAE,WAAW,CAAC,CAAC;IAEnE,IAAI,CAACG,KAAK,EAAE;MACR;IACJ;IAEArB,oBAAoB,CAACI,eAAe,EAAEa,QAAQ,CAAC,CAACM,IAAI,CAACC,SAAS,CAACH,KAAK,CAAC,CAAC;EAC1E,CAAC;AACL,CAAC","ignoreList":[]}

package/components/OverlayLayout/components/OverlayHeader.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { type VariantProps } from "@webiny/admin-ui";
 declare const overlayHeaderVariants: (props?: ({
     variant?: "strong" | "default" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface OverlayHeaderProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof overlayHeaderVariants> {
     start?: React.ReactNode;
     middle?: React.ReactNode;

package/components/OverlayLayout/components/OverlayHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","HeaderBar","IconButton","ReactComponent","CloseIcon","overlayHeaderVariants","variants","variant","default","strong","defaultVariants","OverlayHeader","start","middle","end","hideOverlay","className","props","buttonIconVariant","createElement","Object","assign","Fragment","size","iconSize","onClick","icon"],"sources":["OverlayHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, HeaderBar, IconButton, type VariantProps } from \"@webiny/admin-ui\";\nimport { ReactComponent as CloseIcon } from \"@webiny/icons/close.svg\";\n\nconst overlayHeaderVariants = cva(\"\", {\n    variants: {\n        variant: {\n            default: \"bg-neutral-base text-neutral-base\",\n            strong: \"bg-neutral-dark text-neutral-light\"\n        }\n    },\n    defaultVariants: {\n        variant: \"default\"\n    }\n});\n\ninterface OverlayHeaderProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof overlayHeaderVariants> {\n    start?: React.ReactNode;\n    middle?: React.ReactNode;\n    end?: React.ReactNode;\n    hideOverlay?: () => void;\n}\n\nconst OverlayHeader = ({\n    start,\n    middle,\n    end,\n    hideOverlay,\n    variant,\n    className,\n    ...props\n}: OverlayHeaderProps) => {\n    const buttonIconVariant = variant === \"strong\" ? \"ghost-negative\" : \"ghost\";\n\n    return (\n        <HeaderBar\n            start={<div className={\"pl-md\"}>{start}</div>}\n            middle={middle}\n            end={\n                <>\n                    {end}\n                    <IconButton\n                        variant={buttonIconVariant}\n                        size={\"md\"}\n                        iconSize={\"lg\"}\n                        onClick={hideOverlay}\n                        icon={<CloseIcon />}\n                    />\n                </>\n            }\n            className={cn(overlayHeaderVariants({ variant }), className)}\n            {...props}\n        />\n    );\n};\n\nexport { OverlayHeader, type OverlayHeaderProps, overlayHeaderVariants };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG,EAAEC,SAAS,EAAEC,UAAU,QAA2B,kBAAkB;AACpF,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AAErE,MAAMC,qBAAqB,GAAGL,GAAG,CAAC,EAAE,EAAE;EAClCM,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,OAAO,EAAE,mCAAmC;MAC5CC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAWF,MAAMI,aAAa,GAAGA,CAAC;EACnBC,KAAK;EACLC,MAAM;EACNC,GAAG;EACHC,WAAW;EACXR,OAAO;EACPS,SAAS;EACT,GAAGC;AACa,CAAC,KAAK;EACtB,MAAMC,iBAAiB,GAAGX,OAAO,KAAK,QAAQ,GAAG,gBAAgB,GAAG,OAAO;EAE3E,oBACIT,KAAA,CAAAqB,aAAA,CAAClB,SAAS,EAAAmB,MAAA,CAAAC,MAAA;IACNT,KAAK,eAAEd,KAAA,CAAAqB,aAAA;MAAKH,SAAS,EAAE;IAAQ,GAAEJ,KAAW,CAAE;IAC9CC,MAAM,EAAEA,MAAO;IACfC,GAAG,eACChB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAwB,QAAA,QACKR,GAAG,eACJhB,KAAA,CAAAqB,aAAA,CAACjB,UAAU;MACPK,OAAO,EAAEW,iBAAkB;MAC3BK,IAAI,EAAE,IAAK;MACXC,QAAQ,EAAE,IAAK;MACfC,OAAO,EAAEV,WAAY;MACrBW,IAAI,eAAE5B,KAAA,CAAAqB,aAAA,CAACf,SAAS,MAAE;IAAE,CACvB,CACH,CACL;IACDY,SAAS,EAAEjB,EAAE,CAACM,qBAAqB,CAAC;MAAEE;IAAQ,CAAC,CAAC,EAAES,SAAS;EAAE,GACzDC,KAAK,CACZ,CAAC;AAEV,CAAC;AAED,SAASN,aAAa,EAA2BN,qBAAqB","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","HeaderBar","IconButton","ReactComponent","CloseIcon","overlayHeaderVariants","variants","variant","default","strong","defaultVariants","OverlayHeader","start","middle","end","hideOverlay","className","props","buttonIconVariant","createElement","Object","assign","Fragment","size","iconSize","onClick","icon"],"sources":["OverlayHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, HeaderBar, IconButton, type VariantProps } from \"@webiny/admin-ui\";\nimport { ReactComponent as CloseIcon } from \"@webiny/icons/close.svg\";\n\nconst overlayHeaderVariants = cva(\"\", {\n    variants: {\n        variant: {\n            default: \"bg-neutral-base text-neutral-base\",\n            strong: \"bg-neutral-dark text-neutral-light\"\n        }\n    },\n    defaultVariants: {\n        variant: \"default\"\n    }\n});\n\ninterface OverlayHeaderProps\n    extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof overlayHeaderVariants> {\n    start?: React.ReactNode;\n    middle?: React.ReactNode;\n    end?: React.ReactNode;\n    hideOverlay?: () => void;\n}\n\nconst OverlayHeader = ({\n    start,\n    middle,\n    end,\n    hideOverlay,\n    variant,\n    className,\n    ...props\n}: OverlayHeaderProps) => {\n    const buttonIconVariant = variant === \"strong\" ? \"ghost-negative\" : \"ghost\";\n\n    return (\n        <HeaderBar\n            start={<div className={\"pl-md\"}>{start}</div>}\n            middle={middle}\n            end={\n                <>\n                    {end}\n                    <IconButton\n                        variant={buttonIconVariant}\n                        size={\"md\"}\n                        iconSize={\"lg\"}\n                        onClick={hideOverlay}\n                        icon={<CloseIcon />}\n                    />\n                </>\n            }\n            className={cn(overlayHeaderVariants({ variant }), className)}\n            {...props}\n        />\n    );\n};\n\nexport { OverlayHeader, type OverlayHeaderProps, overlayHeaderVariants };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG,EAAEC,SAAS,EAAEC,UAAU,QAA2B,kBAAkB;AACpF,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AAErE,MAAMC,qBAAqB,GAAGL,GAAG,CAAC,EAAE,EAAE;EAClCM,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,OAAO,EAAE,mCAAmC;MAC5CC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAUF,MAAMI,aAAa,GAAGA,CAAC;EACnBC,KAAK;EACLC,MAAM;EACNC,GAAG;EACHC,WAAW;EACXR,OAAO;EACPS,SAAS;EACT,GAAGC;AACa,CAAC,KAAK;EACtB,MAAMC,iBAAiB,GAAGX,OAAO,KAAK,QAAQ,GAAG,gBAAgB,GAAG,OAAO;EAE3E,oBACIT,KAAA,CAAAqB,aAAA,CAAClB,SAAS,EAAAmB,MAAA,CAAAC,MAAA;IACNT,KAAK,eAAEd,KAAA,CAAAqB,aAAA;MAAKH,SAAS,EAAE;IAAQ,GAAEJ,KAAW,CAAE;IAC9CC,MAAM,EAAEA,MAAO;IACfC,GAAG,eACChB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAwB,QAAA,QACKR,GAAG,eACJhB,KAAA,CAAAqB,aAAA,CAACjB,UAAU;MACPK,OAAO,EAAEW,iBAAkB;MAC3BK,IAAI,EAAE,IAAK;MACXC,QAAQ,EAAE,IAAK;MACfC,OAAO,EAAEV,WAAY;MACrBW,IAAI,eAAE5B,KAAA,CAAAqB,aAAA,CAACf,SAAS,MAAE;IAAE,CACvB,CACH,CACL;IACDY,SAAS,EAAEjB,EAAE,CAACM,qBAAqB,CAAC;MAAEE;IAAQ,CAAC,CAAC,EAAES,SAAS;EAAE,GACzDC,KAAK,CACZ,CAAC;AAEV,CAAC;AAED,SAASN,aAAa,EAA2BN,qBAAqB","ignoreList":[]}

package/components/SimpleForm/SimpleForm.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { type VariantProps } from "@webiny/admin-ui";
 declare const simpleFormInnerVariants: (props?: ({
     size?: "full" | "md" | "lg" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SimpleFormProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof simpleFormInnerVariants> {
     children: React.ReactNode;
     noElevation?: boolean;
@@ -11,7 +11,7 @@ interface SimpleFormProps extends React.HTMLAttributes<HTMLDivElement>, VariantP
 export declare const SimpleForm: ({ children, className, size, ...props }: SimpleFormProps) => React.JSX.Element;
 declare const simpleFormHeaderVariants: (props?: ({
     rounded?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SimpleFormHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof simpleFormHeaderVariants> {
     title: React.ReactNode;
     icon?: React.ReactElement<any>;

package/components/SimpleForm/SimpleForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","Grid","Heading","Icon","simpleFormInnerVariants","variants","size","md","lg","full","defaultVariants","SimpleForm","children","className","props","createElement","Object","assign","simpleFormHeaderVariants","rounded","true","SimpleFormHeader","icon","title","Column","span","Fragment","label","level","SimpleFormFooter","SimpleFormContent"],"sources":["SimpleForm.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, Grid, Heading, Icon, type VariantProps } from \"@webiny/admin-ui\";\n\nconst simpleFormInnerVariants = cva(\"mx-auto\", {\n    variants: {\n        size: {\n            md: \"max-w-[640px]\",\n            lg: \"max-w-[800px]\",\n            full: \"max-w-full\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\ninterface SimpleFormProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof simpleFormInnerVariants> {\n    children: React.ReactNode;\n    noElevation?: boolean;\n    className?: string;\n}\n\nexport const SimpleForm = ({ children, className, size, ...props }: SimpleFormProps) => {\n    return (\n        <div {...props} className={cn([\"webiny-data-list\", \"mx-auto p-lg\", \"relative\"], className)}>\n            <div className={cn(simpleFormInnerVariants({ size }))}>{children}</div>\n        </div>\n    );\n};\n\nconst simpleFormHeaderVariants = cva(\"p-md pl-lg border-sm border-neutral-dimmed-darker\", {\n    variants: {\n        rounded: {\n            true: \"rounded-t-3xl\"\n        }\n    },\n    defaultVariants: {\n        rounded: true\n    }\n});\n\ninterface SimpleFormHeaderProps\n    extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\">,\n        VariantProps<typeof simpleFormHeaderVariants> {\n    title: React.ReactNode;\n    icon?: React.ReactElement<any>;\n    children?: React.ReactNode;\n    [\"data-testid\"]?: string;\n}\n\nexport const SimpleFormHeader = ({\n    children,\n    icon,\n    title,\n    className,\n    rounded,\n    ...props\n}: SimpleFormHeaderProps) => {\n    return (\n        <div\n            className={cn(simpleFormHeaderVariants({ rounded }), className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            <Grid>\n                <Grid.Column span={children ? 6 : 12}>\n                    <>\n                        {icon && <Icon label={title as string} icon={icon} />}\n                        <Heading level={4} className={\"truncate\"}>\n                            {title}\n                        </Heading>\n                    </>\n                </Grid.Column>\n                <>{children ? <Grid.Column span={6}>{children}</Grid.Column> : null}</>\n            </Grid>\n        </div>\n    );\n};\n\nexport interface SimpleFormFooterProps {\n    children: React.ReactNode;\n    className?: string;\n}\n\nexport const SimpleFormFooter = ({ children, className }: SimpleFormFooterProps) => {\n    return (\n        <div\n            className={cn(\n                \"p-lg pt-none border-sm border-t-none border-neutral-dimmed-darker rounded-b-3xl\",\n                \"flex justify-end gap-sm\",\n                className\n            )}\n        >\n            {children}\n        </div>\n    );\n};\n\ninterface SimpleFormContentProps {\n    children: React.ReactNode;\n    className?: string;\n}\n\nexport const SimpleFormContent = ({ children, className }: SimpleFormContentProps) => {\n    return (\n        <div className={cn(\"p-lg border-sm border-y-none border-neutral-dimmed-darker\", className)}>\n            {children}\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","Grid","Heading","Icon","simpleFormInnerVariants","variants","size","md","lg","full","defaultVariants","SimpleForm","children","className","props","createElement","Object","assign","simpleFormHeaderVariants","rounded","true","SimpleFormHeader","icon","title","Column","span","Fragment","label","level","SimpleFormFooter","SimpleFormContent"],"sources":["SimpleForm.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, Grid, Heading, Icon, type VariantProps } from \"@webiny/admin-ui\";\n\nconst simpleFormInnerVariants = cva(\"mx-auto\", {\n    variants: {\n        size: {\n            md: \"max-w-[640px]\",\n            lg: \"max-w-[800px]\",\n            full: \"max-w-full\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\ninterface SimpleFormProps\n    extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof simpleFormInnerVariants> {\n    children: React.ReactNode;\n    noElevation?: boolean;\n    className?: string;\n}\n\nexport const SimpleForm = ({ children, className, size, ...props }: SimpleFormProps) => {\n    return (\n        <div {...props} className={cn([\"webiny-data-list\", \"mx-auto p-lg\", \"relative\"], className)}>\n            <div className={cn(simpleFormInnerVariants({ size }))}>{children}</div>\n        </div>\n    );\n};\n\nconst simpleFormHeaderVariants = cva(\"p-md pl-lg border-sm border-neutral-dimmed-darker\", {\n    variants: {\n        rounded: {\n            true: \"rounded-t-3xl\"\n        }\n    },\n    defaultVariants: {\n        rounded: true\n    }\n});\n\ninterface SimpleFormHeaderProps\n    extends\n        Omit<React.HTMLAttributes<HTMLDivElement>, \"title\">,\n        VariantProps<typeof simpleFormHeaderVariants> {\n    title: React.ReactNode;\n    icon?: React.ReactElement<any>;\n    children?: React.ReactNode;\n    [\"data-testid\"]?: string;\n}\n\nexport const SimpleFormHeader = ({\n    children,\n    icon,\n    title,\n    className,\n    rounded,\n    ...props\n}: SimpleFormHeaderProps) => {\n    return (\n        <div\n            className={cn(simpleFormHeaderVariants({ rounded }), className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            <Grid>\n                <Grid.Column span={children ? 6 : 12}>\n                    <>\n                        {icon && <Icon label={title as string} icon={icon} />}\n                        <Heading level={4} className={\"truncate\"}>\n                            {title}\n                        </Heading>\n                    </>\n                </Grid.Column>\n                <>{children ? <Grid.Column span={6}>{children}</Grid.Column> : null}</>\n            </Grid>\n        </div>\n    );\n};\n\nexport interface SimpleFormFooterProps {\n    children: React.ReactNode;\n    className?: string;\n}\n\nexport const SimpleFormFooter = ({ children, className }: SimpleFormFooterProps) => {\n    return (\n        <div\n            className={cn(\n                \"p-lg pt-none border-sm border-t-none border-neutral-dimmed-darker rounded-b-3xl\",\n                \"flex justify-end gap-sm\",\n                className\n            )}\n        >\n            {children}\n        </div>\n    );\n};\n\ninterface SimpleFormContentProps {\n    children: React.ReactNode;\n    className?: string;\n}\n\nexport const SimpleFormContent = ({ children, className }: SimpleFormContentProps) => {\n    return (\n        <div className={cn(\"p-lg border-sm border-y-none border-neutral-dimmed-darker\", className)}>\n            {children}\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/config/AdminConfig/Form.d.ts

@@ -1,3 +1,4 @@
 export declare const Form: {
     FieldRenderer: ({ name, component }: import("./FieldRenderer.js").FieldRendererProps) => import("react").JSX.Element;
+    LayoutRenderer: ({ name, component }: import("./LayoutRenderer.js").LayoutRendererProps) => import("react").JSX.Element;
 };

package/config/AdminConfig/Form.js

@@ -1,6 +1,8 @@
 import { FieldRenderer } from "./FieldRenderer.js";
+import { LayoutRenderer } from "./LayoutRenderer.js";
 export const Form = {
-  FieldRenderer
+  FieldRenderer,
+  LayoutRenderer
 };
 
 //# sourceMappingURL=Form.js.map

package/config/AdminConfig/Form.js.map

@@ -1 +1 @@
-{"version":3,"names":["FieldRenderer","Form"],"sources":["Form.ts"],"sourcesContent":["import { FieldRenderer } from \"./FieldRenderer.js\";\n\nexport const Form = {\n    FieldRenderer\n};\n"],"mappings":"AAAA,SAASA,aAAa;AAEtB,OAAO,MAAMC,IAAI,GAAG;EAChBD;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["FieldRenderer","LayoutRenderer","Form"],"sources":["Form.ts"],"sourcesContent":["import { FieldRenderer } from \"./FieldRenderer.js\";\nimport { LayoutRenderer } from \"./LayoutRenderer.js\";\n\nexport const Form = {\n    FieldRenderer,\n    LayoutRenderer\n};\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,cAAc;AAEvB,OAAO,MAAMC,IAAI,GAAG;EAChBF,aAAa;EACbC;AACJ,CAAC","ignoreList":[]}

package/config/AdminConfig/LayoutRenderer.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface LayoutRendererConfig {
+    name: string;
+    component: React.ComponentType<any>;
+}
+export interface LayoutRendererProps {
+    name: string;
+    component: React.ComponentType<any>;
+}
+export declare const LayoutRenderer: ({ name, component }: LayoutRendererProps) => React.JSX.Element;

package/config/AdminConfig/LayoutRenderer.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
+export const LayoutRenderer = ({
+  name,
+  component
+}) => {
+  const getId = useIdGenerator("FormLayoutRenderer");
+  return /*#__PURE__*/React.createElement(ConnectToProperties, {
+    name: "AdminConfig"
+  }, /*#__PURE__*/React.createElement(Property, {
+    id: getId(name),
+    name: "layoutRenderers",
+    array: true,
+    value: {
+      name,
+      component
+    }
+  }));
+};
+
+//# sourceMappingURL=LayoutRenderer.js.map

package/config/AdminConfig/LayoutRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ConnectToProperties","Property","useIdGenerator","LayoutRenderer","name","component","getId","createElement","id","array","value"],"sources":["LayoutRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface LayoutRendererConfig {\n    name: string;\n    component: React.ComponentType<any>;\n}\n\nexport interface LayoutRendererProps {\n    name: string;\n    component: React.ComponentType<any>;\n}\n\nexport const LayoutRenderer = ({ name, component }: LayoutRendererProps) => {\n    const getId = useIdGenerator(\"FormLayoutRenderer\");\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property\n                id={getId(name)}\n                name={\"layoutRenderers\"}\n                array={true}\n                value={{ name, component }}\n            />\n        </ConnectToProperties>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAYxF,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAA+B,CAAC,KAAK;EACxE,MAAMC,KAAK,GAAGJ,cAAc,CAAC,oBAAoB,CAAC;EAElD,oBACIH,KAAA,CAAAQ,aAAA,CAACP,mBAAmB;IAACI,IAAI,EAAE;EAAc,gBACrCL,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IACLO,EAAE,EAAEF,KAAK,CAACF,IAAI,CAAE;IAChBA,IAAI,EAAE,iBAAkB;IACxBK,KAAK,EAAE,IAAK;IACZC,KAAK,EAAE;MAAEN,IAAI;MAAEC;IAAU;EAAE,CAC9B,CACgB,CAAC;AAE9B,CAAC","ignoreList":[]}

package/config/AdminConfig/Menu/MenuLink.d.ts

@@ -13,7 +13,7 @@ declare const MenuLink: ((props: SidebarMenuItemLinkProps) => React.JSX.Element
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: SidebarMenuItemLinkProps) => React.JSX.Element | null) & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: SidebarMenuItemLinkProps) => React.JSX.Element | null) & {
         original: (props: SidebarMenuItemLinkProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
@@ -33,7 +33,7 @@ declare const MenuLink: ((props: SidebarMenuItemLinkProps) => React.JSX.Element
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("~/index.js").ComponentDecorator<(({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+        createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element | null) & {
             original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element | null;
             originalName: string;
             displayName: string;

package/config/AdminConfig.d.ts

@@ -6,6 +6,7 @@ import { type WidgetConfig } from "./AdminConfig/Widget.js";
 import type { PermissionRendererConfig } from "../permissions/types.js";
 import type { DialogConfig } from "./AdminConfig/Dialog.js";
 import type { FieldRendererConfig } from "./AdminConfig/FieldRenderer.js";
+import type { LayoutRendererConfig } from "./AdminConfig/LayoutRenderer.js";
 import type { EditorTheme } from "@webiny/lexical-theme";
 export declare const AdminWithConfig: (({ onProperties, children }: import("./createAdminConfig.js").WithConfigProps) => React.JSX.Element) & {
     displayName: string;
@@ -26,6 +27,7 @@ export declare const useAdminConfig: () => {
     lexicalTheme: EditorTheme;
     dialogs: DialogConfig[];
     fieldRenderers: FieldRendererConfig[];
+    layoutRenderers: LayoutRendererConfig[];
 };
 export interface PublicProps {
     children: React.ReactNode;
@@ -477,6 +479,7 @@ export declare const AdminConfig: (({ children }: PrivateProps) => React.JSX.Ele
     Dialog: ({ name, element }: import("./AdminConfig/Dialog.js").DialogProps) => React.JSX.Element;
     Form: {
         FieldRenderer: ({ name, component }: import("./AdminConfig/FieldRenderer.js").FieldRendererProps) => React.JSX.Element;
+        LayoutRenderer: ({ name, component }: import("./AdminConfig/LayoutRenderer.js").LayoutRendererProps) => React.JSX.Element;
     };
     useAdminConfig: () => {
         menus: MenuConfig[];
@@ -492,5 +495,6 @@ export declare const AdminConfig: (({ children }: PrivateProps) => React.JSX.Ele
         lexicalTheme: EditorTheme;
         dialogs: DialogConfig[];
         fieldRenderers: FieldRendererConfig[];
+        layoutRenderers: LayoutRendererConfig[];
     };
 };

package/config/AdminConfig.js

@@ -47,7 +47,8 @@ export const useAdminConfig = () => {
     permissionRenderers: baseConfig.permissionRenderers ?? [],
     lexicalTheme,
     dialogs: baseConfig.dialogs ?? [],
-    fieldRenderers: baseConfig.fieldRenderers ?? []
+    fieldRenderers: baseConfig.fieldRenderers ?? [],
+    layoutRenderers: baseConfig.layoutRenderers ?? []
   };
 };
 export const Public = ({