@webiny/app-website-builder 6.4.5 → 6.6.0-alpha.0

package/features/settings/updateSettings/abstractions/UpdateSettingsRepository.d.ts

@@ -0,0 +1,9 @@
+import type { IWebsiteBuilderSettings } from "../../../../features/settings/IWebsiteBuilderSettings.js";
+export interface IUpdateSettingsRepository {
+    execute(settings: IWebsiteBuilderSettings): Promise<void>;
+}
+export declare const UpdateSettingsRepository: import("@webiny/di").Abstraction<IUpdateSettingsRepository>;
+export declare namespace UpdateSettingsRepository {
+    type Interface = IUpdateSettingsRepository;
+    type Params = IWebsiteBuilderSettings;
+}

package/features/settings/updateSettings/abstractions/UpdateSettingsRepository.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const UpdateSettingsRepository = createAbstraction("WebsiteBuilder/UpdateSettingsRepository");
+export { UpdateSettingsRepository };
+
+//# sourceMappingURL=UpdateSettingsRepository.js.map

package/features/settings/updateSettings/abstractions/UpdateSettingsRepository.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/settings/updateSettings/abstractions/UpdateSettingsRepository.js","sources":["../../../../../src/features/settings/updateSettings/abstractions/UpdateSettingsRepository.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IWebsiteBuilderSettings } from \"~/features/settings/IWebsiteBuilderSettings.js\";\n\nexport interface IUpdateSettingsRepository {\n    execute(settings: IWebsiteBuilderSettings): Promise<void>;\n}\n\nexport const UpdateSettingsRepository = createAbstraction<IUpdateSettingsRepository>(\n    \"WebsiteBuilder/UpdateSettingsRepository\"\n);\n\nexport namespace UpdateSettingsRepository {\n    export type Interface = IUpdateSettingsRepository;\n    export type Params = IWebsiteBuilderSettings;\n}\n"],"names":["UpdateSettingsRepository","createAbstraction"],"mappings":";AAOO,MAAMA,2BAA2BC,kBACpC"}

package/features/settings/updateSettings/abstractions/UpdateSettingsUseCase.d.ts

@@ -0,0 +1,9 @@
+import type { IWebsiteBuilderSettings } from "../../../../features/settings/IWebsiteBuilderSettings.js";
+export interface IUpdateSettingsUseCase {
+    execute(settings: IWebsiteBuilderSettings): Promise<void>;
+}
+export declare const UpdateSettingsUseCase: import("@webiny/di").Abstraction<IUpdateSettingsUseCase>;
+export declare namespace UpdateSettingsUseCase {
+    type Interface = IUpdateSettingsUseCase;
+    type Params = IWebsiteBuilderSettings;
+}

package/features/settings/updateSettings/abstractions/UpdateSettingsUseCase.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const UpdateSettingsUseCase = createAbstraction("WebsiteBuilder/UpdateSettingsUseCase");
+export { UpdateSettingsUseCase };
+
+//# sourceMappingURL=UpdateSettingsUseCase.js.map

package/features/settings/updateSettings/abstractions/UpdateSettingsUseCase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/settings/updateSettings/abstractions/UpdateSettingsUseCase.js","sources":["../../../../../src/features/settings/updateSettings/abstractions/UpdateSettingsUseCase.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IWebsiteBuilderSettings } from \"~/features/settings/IWebsiteBuilderSettings.js\";\n\nexport interface IUpdateSettingsUseCase {\n    execute(settings: IWebsiteBuilderSettings): Promise<void>;\n}\n\nexport const UpdateSettingsUseCase = createAbstraction<IUpdateSettingsUseCase>(\n    \"WebsiteBuilder/UpdateSettingsUseCase\"\n);\n\nexport namespace UpdateSettingsUseCase {\n    export type Interface = IUpdateSettingsUseCase;\n    export type Params = IWebsiteBuilderSettings;\n}\n"],"names":["UpdateSettingsUseCase","createAbstraction"],"mappings":";AAOO,MAAMA,wBAAwBC,kBACjC"}

package/features/settings/updateSettings/abstractions/index.d.ts

@@ -0,0 +1,6 @@
+export { UpdateSettingsUseCase } from "./UpdateSettingsUseCase.js";
+export type { IUpdateSettingsUseCase } from "./UpdateSettingsUseCase.js";
+export { UpdateSettingsRepository } from "./UpdateSettingsRepository.js";
+export type { IUpdateSettingsRepository } from "./UpdateSettingsRepository.js";
+export { UpdateSettingsGateway } from "./UpdateSettingsGateway.js";
+export type { IUpdateSettingsGateway } from "./UpdateSettingsGateway.js";

package/features/settings/updateSettings/abstractions/index.js

@@ -0,0 +1,3 @@
+export { UpdateSettingsUseCase } from "./UpdateSettingsUseCase.js";
+export { UpdateSettingsRepository } from "./UpdateSettingsRepository.js";
+export { UpdateSettingsGateway } from "./UpdateSettingsGateway.js";

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

@@ -0,0 +1,3 @@
+export declare const UpdateSettingsFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    useCase: import("./abstractions/UpdateSettingsUseCase.js").IUpdateSettingsUseCase;
+}, []>;

package/features/settings/updateSettings/feature.js

@@ -0,0 +1,21 @@
+import { createFeature } from "@webiny/feature/admin";
+import { UpdateSettingsUseCase } from "./abstractions/index.js";
+import { UpdateSettingsUseCase as external_UpdateSettingsUseCase_js_UpdateSettingsUseCase } from "./UpdateSettingsUseCase.js";
+import { UpdateSettingsRepository } from "./UpdateSettingsRepository.js";
+import { UpdateSettingsGateway } from "./UpdateSettingsGateway.js";
+const UpdateSettingsFeature = createFeature({
+    name: "WebsiteBuilder/UpdateSettings",
+    register (container) {
+        container.register(external_UpdateSettingsUseCase_js_UpdateSettingsUseCase);
+        container.register(UpdateSettingsRepository).inSingletonScope();
+        container.register(UpdateSettingsGateway).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            useCase: container.resolve(UpdateSettingsUseCase)
+        };
+    }
+});
+export { UpdateSettingsFeature };
+
+//# sourceMappingURL=feature.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"features/settings/updateSettings/feature.js","sources":["../../../../src/features/settings/updateSettings/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { UpdateSettingsUseCase as UseCaseAbstraction } from \"./abstractions/index.js\";\nimport { UpdateSettingsUseCase } from \"./UpdateSettingsUseCase.js\";\nimport { UpdateSettingsRepository } from \"./UpdateSettingsRepository.js\";\nimport { UpdateSettingsGateway } from \"./UpdateSettingsGateway.js\";\n\nexport const UpdateSettingsFeature = createFeature({\n    name: \"WebsiteBuilder/UpdateSettings\",\n    register(container) {\n        container.register(UpdateSettingsUseCase);\n        container.register(UpdateSettingsRepository).inSingletonScope();\n        container.register(UpdateSettingsGateway).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            useCase: container.resolve(UseCaseAbstraction)\n        };\n    }\n});\n"],"names":["UpdateSettingsFeature","createFeature","container","UpdateSettingsUseCase","UpdateSettingsRepository","UpdateSettingsGateway","UseCaseAbstraction"],"mappings":";;;;;AAMO,MAAMA,wBAAwBC,cAAc;IAC/C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;QACnBD,UAAU,QAAQ,CAACE,0BAA0B,gBAAgB;QAC7DF,UAAU,QAAQ,CAACG,uBAAuB,gBAAgB;IAC9D;IACA,SAAQH,SAAS;QACb,OAAO;YACH,SAASA,UAAU,OAAO,CAACI;QAC/B;IACJ;AACJ"}

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

@@ -0,0 +1 @@
+export { UpdateSettingsFeature } from "./feature.js";

package/features/settings/updateSettings/index.js

@@ -0,0 +1 @@
+export { UpdateSettingsFeature } from "./feature.js";

package/index.d.ts

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

package/index.js

@@ -1,7 +1,7 @@
 import * as __rspack_external__BaseEditor_index_js_dc6c77f1 from "./BaseEditor/index.js";
 export * from "./shared/pagePathFromTitle.js";
-export { PageListConfig } from "./modules/pages/configs/index.js";
-export { RedirectListConfig } from "./modules/redirects/configs/index.js";
-export { PageEditorConfig } from "./modules/pages/PageEditor/PageEditorConfig.js";
+export { PageListConfig } from "./presentation/pages/PageList/configs/index.js";
+export { RedirectListConfig } from "./presentation/redirects/RedirectList/index.js";
+export { PageEditorConfig } from "./presentation/pages/PageEditor/PageEditorConfig.js";
 export { PreviewUrlModifier } from "./features/index.js";
 export { __rspack_external__BaseEditor_index_js_dc6c77f1 as Editor };

package/inputRenderers/LexicalInput/LexicalEditor.d.ts

@@ -2,7 +2,10 @@ import React from "react";
 import { LexicalEditor as BaseLexicalEditor } from "@webiny/app-admin";
 import "./wbStaticToolbar.css";
 export type LexicalEditorProps = Omit<React.ComponentProps<typeof BaseLexicalEditor>, "theme">;
+declare const ExpandedLexicalEditor: (props: LexicalEditorProps) => React.JSX.Element;
+declare const CompactLexicalEditor: (props: LexicalEditorProps) => React.JSX.Element;
 export declare const LexicalEditor: {
-    Expanded: (props: LexicalEditorProps) => React.JSX.Element;
-    Compact: (props: LexicalEditorProps) => React.JSX.Element;
+    Expanded: typeof ExpandedLexicalEditor;
+    Compact: typeof CompactLexicalEditor;
 };
+export {};

package/inputRenderers/LexicalInput/LexicalEditor.js

@@ -1,5 +1,5 @@
 import react from "react";
-import { AdminConfig, CompositionScope, LexicalEditor } from "@webiny/app-admin";
+import { CompositionScope, LexicalEditor } from "@webiny/app-admin";
 import { StaticToolbar } from "@webiny/lexical-editor";
 import { createLexicalTokens } from "@webiny/lexical-theme/createLexicalEditorTokens.js";
 import { useWebsiteBuilderTheme } from "../../BaseEditor/components/index.js";
@@ -23,16 +23,13 @@ const styles = {
     fontFamily: "var(--wb-theme-font-family)"
 };
 const lexicalTokens = createLexicalTokens("wb-lx-");
-const { useAdminConfig: useAdminConfig } = AdminConfig;
 const LexicalEditorComponent = (props)=>{
     const { theme } = useWebsiteBuilderTheme();
-    const { lexicalTheme } = useAdminConfig();
     const editorTheme = {
         colors: theme?.colors ?? [],
         typography: theme?.typography ?? {},
         fontSizes: theme?.fontSizes ?? [],
-        tokens: lexicalTokens,
-        allowCustomColors: theme?.allowCustomColors ?? lexicalTheme.allowCustomColors
+        tokens: lexicalTokens
     };
     return /*#__PURE__*/ react.createElement(LexicalEditor, {
         ...props,

package/inputRenderers/LexicalInput/LexicalEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputRenderers/LexicalInput/LexicalEditor.js","sources":["../../../src/inputRenderers/LexicalInput/LexicalEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { LexicalEditor as BaseLexicalEditor, AdminConfig } from \"@webiny/app-admin\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport type { EditorTheme } from \"@webiny/lexical-theme\";\nimport { createLexicalTokens } from \"@webiny/lexical-theme/createLexicalEditorTokens.js\";\nimport { useWebsiteBuilderTheme } from \"~/BaseEditor/components/index.js\";\nimport \"./wbStaticToolbar.css\";\nimport { CompositionScope } from \"@webiny/app-admin\";\n\nconst placeholderStyles: React.CSSProperties = { position: \"absolute\", top: 40, left: 25 };\n\nconst contentEditableStyles: React.CSSProperties = {\n    minHeight: 200,\n    display: \"block\",\n    padding: 10\n};\n\nconst styles: React.CSSProperties = {\n    backgroundColor: \"#fff\",\n    border: \"1px solid #e1e1e1\",\n    padding: \"10px 14px\",\n    minHeight: 200,\n    maxHeight: 350,\n    fontFamily: \"var(--wb-theme-font-family)\"\n};\n\nconst lexicalTokens = createLexicalTokens(\"wb-lx-\");\n\nexport type LexicalEditorProps = Omit<React.ComponentProps<typeof BaseLexicalEditor>, \"theme\">;\n\nconst { useAdminConfig } = AdminConfig;\n\nconst LexicalEditorComponent = (props: LexicalEditorProps) => {\n    const { theme } = useWebsiteBuilderTheme();\n    const { lexicalTheme } = useAdminConfig();\n\n    const editorTheme: EditorTheme = {\n        colors: theme?.colors ?? [],\n        typography: theme?.typography ?? {},\n        fontSizes: theme?.fontSizes ?? [],\n        tokens: lexicalTokens,\n        allowCustomColors: theme?.allowCustomColors ?? lexicalTheme.allowCustomColors\n    };\n\n    return (\n        <BaseLexicalEditor\n            {...props}\n            staticToolbar={<StaticToolbar className={\"wb-static-toolbar\"} />}\n            tag={\"p\"}\n            placeholder={props?.placeholder || \"Enter your text here...\"}\n            placeholderStyles={placeholderStyles}\n            contentEditableStyles={contentEditableStyles}\n            styles={styles}\n            theme={editorTheme}\n        />\n    );\n};\n\nconst ExpandedLexicalEditor = (props: LexicalEditorProps) => {\n    return (\n        <CompositionScope name={\"expanded\"}>\n            <LexicalEditorComponent {...props} />\n        </CompositionScope>\n    );\n};\n\nconst CompactLexicalEditor = (props: LexicalEditorProps) => {\n    return (\n        <CompositionScope name={\"compact\"}>\n            <LexicalEditorComponent {...props} />\n        </CompositionScope>\n    );\n};\n\nexport const LexicalEditor = {\n    Expanded: ExpandedLexicalEditor,\n    Compact: CompactLexicalEditor\n};\n"],"names":["placeholderStyles","contentEditableStyles","styles","lexicalTokens","createLexicalTokens","useAdminConfig","AdminConfig","LexicalEditorComponent","props","theme","useWebsiteBuilderTheme","lexicalTheme","editorTheme","BaseLexicalEditor","StaticToolbar","ExpandedLexicalEditor","CompositionScope","CompactLexicalEditor","LexicalEditor"],"mappings":";;;;;;AASA,MAAMA,oBAAyC;IAAE,UAAU;IAAY,KAAK;IAAI,MAAM;AAAG;AAEzF,MAAMC,wBAA6C;IAC/C,WAAW;IACX,SAAS;IACT,SAAS;AACb;AAEA,MAAMC,SAA8B;IAChC,iBAAiB;IACjB,QAAQ;IACR,SAAS;IACT,WAAW;IACX,WAAW;IACX,YAAY;AAChB;AAEA,MAAMC,gBAAgBC,oBAAoB;AAI1C,MAAM,EAAEC,gBAAAA,cAAc,EAAE,GAAGC;AAE3B,MAAMC,yBAAyB,CAACC;IAC5B,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAM,EAAEC,YAAY,EAAE,GAAGN;IAEzB,MAAMO,cAA2B;QAC7B,QAAQH,OAAO,UAAU,EAAE;QAC3B,YAAYA,OAAO,cAAc,CAAC;QAClC,WAAWA,OAAO,aAAa,EAAE;QACjC,QAAQN;QACR,mBAAmBM,OAAO,qBAAqBE,aAAa,iBAAiB;IACjF;IAEA,OAAO,WAAP,GACI,oBAACE,eAAiBA;QACb,GAAGL,KAAK;QACT,6BAAe,oBAACM,eAAaA;YAAC,WAAW;;QACzC,KAAK;QACL,aAAaN,OAAO,eAAe;QACnC,mBAAmBR;QACnB,uBAAuBC;QACvB,QAAQC;QACR,OAAOU;;AAGnB;AAEA,MAAMG,wBAAwB,CAACP,QACpB,WAAP,GACI,oBAACQ,kBAAgBA;QAAC,MAAM;qBACpB,oBAACT,wBAA2BC;AAKxC,MAAMS,uBAAuB,CAACT,QACnB,WAAP,GACI,oBAACQ,kBAAgBA;QAAC,MAAM;qBACpB,oBAACT,wBAA2BC;AAKjC,MAAMU,8BAAgB;IACzB,UAAUH;IACV,SAASE;AACb"}
+{"version":3,"file":"inputRenderers/LexicalInput/LexicalEditor.js","sources":["../../../src/inputRenderers/LexicalInput/LexicalEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { LexicalEditor as BaseLexicalEditor } from \"@webiny/app-admin\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport type { EditorTheme } from \"@webiny/lexical-theme\";\nimport { createLexicalTokens } from \"@webiny/lexical-theme/createLexicalEditorTokens.js\";\nimport { useWebsiteBuilderTheme } from \"~/BaseEditor/components/index.js\";\nimport \"./wbStaticToolbar.css\";\nimport { CompositionScope } from \"@webiny/app-admin\";\n\nconst placeholderStyles: React.CSSProperties = { position: \"absolute\", top: 40, left: 25 };\n\nconst contentEditableStyles: React.CSSProperties = {\n    minHeight: 200,\n    display: \"block\",\n    padding: 10\n};\n\nconst styles: React.CSSProperties = {\n    backgroundColor: \"#fff\",\n    border: \"1px solid #e1e1e1\",\n    padding: \"10px 14px\",\n    minHeight: 200,\n    maxHeight: 350,\n    fontFamily: \"var(--wb-theme-font-family)\"\n};\n\nconst lexicalTokens = createLexicalTokens(\"wb-lx-\");\n\nexport type LexicalEditorProps = Omit<React.ComponentProps<typeof BaseLexicalEditor>, \"theme\">;\n\nconst LexicalEditorComponent = (props: LexicalEditorProps) => {\n    const { theme } = useWebsiteBuilderTheme();\n\n    const editorTheme: EditorTheme = {\n        colors: theme?.colors ?? [],\n        typography: theme?.typography ?? {},\n        fontSizes: theme?.fontSizes ?? [],\n        tokens: lexicalTokens\n    };\n\n    return (\n        <BaseLexicalEditor\n            {...props}\n            staticToolbar={<StaticToolbar className={\"wb-static-toolbar\"} />}\n            tag={\"p\"}\n            placeholder={props?.placeholder || \"Enter your text here...\"}\n            placeholderStyles={placeholderStyles}\n            contentEditableStyles={contentEditableStyles}\n            styles={styles}\n            theme={editorTheme}\n        />\n    );\n};\n\nconst ExpandedLexicalEditor = (props: LexicalEditorProps) => {\n    return (\n        <CompositionScope name={\"expanded\"}>\n            <LexicalEditorComponent {...props} />\n        </CompositionScope>\n    );\n};\n\nconst CompactLexicalEditor = (props: LexicalEditorProps) => {\n    return (\n        <CompositionScope name={\"compact\"}>\n            <LexicalEditorComponent {...props} />\n        </CompositionScope>\n    );\n};\n\nexport const LexicalEditor = {\n    Expanded: ExpandedLexicalEditor,\n    Compact: CompactLexicalEditor\n};\n"],"names":["placeholderStyles","contentEditableStyles","styles","lexicalTokens","createLexicalTokens","LexicalEditorComponent","props","theme","useWebsiteBuilderTheme","editorTheme","BaseLexicalEditor","StaticToolbar","ExpandedLexicalEditor","CompositionScope","CompactLexicalEditor","LexicalEditor"],"mappings":";;;;;;AASA,MAAMA,oBAAyC;IAAE,UAAU;IAAY,KAAK;IAAI,MAAM;AAAG;AAEzF,MAAMC,wBAA6C;IAC/C,WAAW;IACX,SAAS;IACT,SAAS;AACb;AAEA,MAAMC,SAA8B;IAChC,iBAAiB;IACjB,QAAQ;IACR,SAAS;IACT,WAAW;IACX,WAAW;IACX,YAAY;AAChB;AAEA,MAAMC,gBAAgBC,oBAAoB;AAI1C,MAAMC,yBAAyB,CAACC;IAC5B,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAElB,MAAMC,cAA2B;QAC7B,QAAQF,OAAO,UAAU,EAAE;QAC3B,YAAYA,OAAO,cAAc,CAAC;QAClC,WAAWA,OAAO,aAAa,EAAE;QACjC,QAAQJ;IACZ;IAEA,OAAO,WAAP,GACI,oBAACO,eAAiBA;QACb,GAAGJ,KAAK;QACT,6BAAe,oBAACK,eAAaA;YAAC,WAAW;;QACzC,KAAK;QACL,aAAaL,OAAO,eAAe;QACnC,mBAAmBN;QACnB,uBAAuBC;QACvB,QAAQC;QACR,OAAOO;;AAGnB;AAEA,MAAMG,wBAAwB,CAACN,QACpB,WAAP,GACI,oBAACO,kBAAgBA;QAAC,MAAM;qBACpB,oBAACR,wBAA2BC;AAKxC,MAAMQ,uBAAuB,CAACR,QACnB,WAAP,GACI,oBAACO,kBAAgBA;QAAC,MAAM;qBACpB,oBAACR,wBAA2BC;AAKjC,MAAMS,8BAAgB;IACzB,UAAUH;IACV,SAASE;AACb"}

package/inputRenderers/LexicalInput/LexicalEditorConfig.d.ts

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

package/inputRenderers/ObjectInput/DrawerDepthContext.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Tracks how deeply nested the current object panel is. Used to compute stacking order and width -
+ * a nested object opens a new panel that renders over its parent within the sidebar.
+ */
+export declare const DrawerDepthContext: import("react").Context<number>;
+export declare const useDrawerDepth: () => number;

package/inputRenderers/ObjectInput/DrawerDepthContext.js

@@ -0,0 +1,6 @@
+import { createContext, useContext } from "react";
+const DrawerDepthContext = createContext(0);
+const useDrawerDepth = ()=>useContext(DrawerDepthContext);
+export { DrawerDepthContext, useDrawerDepth };
+
+//# sourceMappingURL=DrawerDepthContext.js.map

package/inputRenderers/ObjectInput/DrawerDepthContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRenderers/ObjectInput/DrawerDepthContext.js","sources":["../../../src/inputRenderers/ObjectInput/DrawerDepthContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\n/**\n * Tracks how deeply nested the current object panel is. Used to compute stacking order and width -\n * a nested object opens a new panel that renders over its parent within the sidebar.\n */\nexport const DrawerDepthContext = createContext(0);\n\nexport const useDrawerDepth = () => useContext(DrawerDepthContext);\n"],"names":["DrawerDepthContext","createContext","useDrawerDepth","useContext"],"mappings":";AAMO,MAAMA,qBAAqBC,cAAc;AAEzC,MAAMC,iBAAiB,IAAMC,WAAWH"}

package/inputRenderers/ObjectInput/ObjectAddButton.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface ObjectAddButtonProps {
+    text?: string;
+    onClick: () => void;
+}
+/**
+ * The "Add" button shown below a list of object rows.
+ */
+export declare const ObjectAddButton: ({ text, onClick }: ObjectAddButtonProps) => React.JSX.Element;
+export {};

package/inputRenderers/ObjectInput/ObjectAddButton.js

@@ -0,0 +1,13 @@
+import react from "react";
+import { Button } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/add.svg";
+const ObjectAddButton = ({ text = "Add", onClick })=>/*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Button, {
+        variant: "ghost",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        text: text,
+        onClick: onClick
+    }));
+export { ObjectAddButton };
+
+//# sourceMappingURL=ObjectAddButton.js.map

package/inputRenderers/ObjectInput/ObjectAddButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRenderers/ObjectInput/ObjectAddButton.js","sources":["../../../src/inputRenderers/ObjectInput/ObjectAddButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\n\ninterface ObjectAddButtonProps {\n    text?: string;\n    onClick: () => void;\n}\n\n/**\n * The \"Add\" button shown below a list of object rows.\n */\nexport const ObjectAddButton = ({ text = \"Add\", onClick }: ObjectAddButtonProps) => {\n    return (\n        <div>\n            <Button\n                variant={\"ghost\"}\n                size={\"sm\"}\n                icon={<AddIcon />}\n                text={text}\n                onClick={onClick}\n            />\n        </div>\n    );\n};\n"],"names":["ObjectAddButton","text","onClick","Button","AddIcon"],"mappings":";;;AAYO,MAAMA,kBAAkB,CAAC,EAAEC,OAAO,KAAK,EAAEC,OAAO,EAAwB,GACpE,WAAP,GACI,oBAAC,2BACG,oBAACC,QAAMA;QACH,SAAS;QACT,MAAM;QACN,oBAAM,oBAACC,gBAAOA;QACd,MAAMH;QACN,SAASC"}

package/inputRenderers/ObjectInput/ObjectEmptyState.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface ObjectEmptyStateProps {
+    text?: string;
+    addText?: string;
+    onAdd: () => void;
+}
+/**
+ * The empty placeholder shown when a list object field has no items yet.
+ */
+export declare const ObjectEmptyState: ({ text, addText, onAdd }: ObjectEmptyStateProps) => React.JSX.Element;
+export {};

package/inputRenderers/ObjectInput/ObjectEmptyState.js

@@ -0,0 +1,18 @@
+import react from "react";
+import { Button, Text } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/add.svg";
+const ObjectEmptyState = ({ text = "Add your first item here", addText = "Add", onAdd })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col items-center justify-center gap-sm rounded-md border border-dashed border-neutral-dimmed px-sm py-lg"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "text-neutral-strong"
+    }, text), /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        text: addText,
+        onClick: onAdd
+    }));
+export { ObjectEmptyState };
+
+//# sourceMappingURL=ObjectEmptyState.js.map

package/inputRenderers/ObjectInput/ObjectEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRenderers/ObjectInput/ObjectEmptyState.js","sources":["../../../src/inputRenderers/ObjectInput/ObjectEmptyState.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\n\ninterface ObjectEmptyStateProps {\n    text?: string;\n    addText?: string;\n    onAdd: () => void;\n}\n\n/**\n * The empty placeholder shown when a list object field has no items yet.\n */\nexport const ObjectEmptyState = ({\n    text = \"Add your first item here\",\n    addText = \"Add\",\n    onAdd\n}: ObjectEmptyStateProps) => {\n    return (\n        <div\n            className={\n                \"flex flex-col items-center justify-center gap-sm rounded-md border border-dashed border-neutral-dimmed px-sm py-lg\"\n            }\n        >\n            <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                {text}\n            </Text>\n            <Button\n                variant={\"secondary\"}\n                size={\"sm\"}\n                icon={<AddIcon />}\n                text={addText}\n                onClick={onAdd}\n            />\n        </div>\n    );\n};\n"],"names":["ObjectEmptyState","text","addText","onAdd","Text","Button","AddIcon"],"mappings":";;;AAaO,MAAMA,mBAAmB,CAAC,EAC7BC,OAAO,0BAA0B,EACjCC,UAAU,KAAK,EACfC,KAAK,EACe,GACb,WAAP,GACI,oBAAC;QACG,WACI;qBAGJ,oBAACC,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBH,OAAAA,WAAAA,GAEL,oBAACI,QAAMA;QACH,SAAS;QACT,MAAM;QACN,oBAAM,oBAACC,gBAAOA;QACd,MAAMJ;QACN,SAASC"}

package/inputRenderers/ObjectInput/ObjectFieldHeader.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface ObjectFieldHeaderProps {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+}
+/**
+ * The bold field label with its description stacked below it, shown above a list of object rows.
+ */
+export declare const ObjectFieldHeader: ({ label, description }: ObjectFieldHeaderProps) => React.JSX.Element | null;
+export {};

package/inputRenderers/ObjectInput/ObjectFieldHeader.js

@@ -0,0 +1,17 @@
+import react from "react";
+import { Label, Text } from "@webiny/admin-ui";
+const ObjectFieldHeader = ({ label, description })=>{
+    if (!label) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col"
+    }, /*#__PURE__*/ react.createElement(Label, {
+        text: label,
+        className: "pb-xs"
+    }), description ? /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "font-normal text-neutral-strong"
+    }, description) : null);
+};
+export { ObjectFieldHeader };
+
+//# sourceMappingURL=ObjectFieldHeader.js.map

package/inputRenderers/ObjectInput/ObjectFieldHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRenderers/ObjectInput/ObjectFieldHeader.js","sources":["../../../src/inputRenderers/ObjectInput/ObjectFieldHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { Label, Text } from \"@webiny/admin-ui\";\n\ninterface ObjectFieldHeaderProps {\n    label?: React.ReactNode;\n    description?: React.ReactNode;\n}\n\n/**\n * The bold field label with its description stacked below it, shown above a list of object rows.\n */\nexport const ObjectFieldHeader = ({ label, description }: ObjectFieldHeaderProps) => {\n    if (!label) {\n        return null;\n    }\n\n    return (\n        <div className={\"flex flex-col\"}>\n            <Label text={label} className={\"pb-xs\"} />\n            {description ? (\n                <Text size={\"sm\"} className={\"font-normal text-neutral-strong\"}>\n                    {description}\n                </Text>\n            ) : null}\n        </div>\n    );\n};\n"],"names":["ObjectFieldHeader","label","description","Label","Text"],"mappings":";;AAWO,MAAMA,oBAAoB,CAAC,EAAEC,KAAK,EAAEC,WAAW,EAA0B;IAC5E,IAAI,CAACD,OACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACE,OAAKA;QAAC,MAAMF;QAAO,WAAW;QAC9BC,cAAc,WAAdA,GACG,oBAACE,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBF,eAEL;AAGhB"}

package/inputRenderers/ObjectInput/ObjectFieldPanel.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface ObjectFieldPanelProps {
+    open: boolean;
+    onClose: () => void;
+    title: React.ReactNode;
+    depth: number;
+    children: React.ReactNode;
+}
+/**
+ * A panel holding an object's fields. It is portaled into the editor sidebar and overlays it
+ * (right-aligned, slightly narrower so the backdrop shows as a thin strip on the left). A nested
+ * object opens another, narrower panel over this one with its own backdrop; backdrops stack and
+ * persist, so each deeper level dims its parent further. Closes on the header button, its own
+ * backdrop, or Escape.
+ */
+export declare const ObjectFieldPanel: ({ open, onClose, title, depth, children }: ObjectFieldPanelProps) => React.ReactPortal | null;
+export {};

package/inputRenderers/ObjectInput/ObjectFieldPanel.js

@@ -0,0 +1,93 @@
+import react, { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+import { Button, Text } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/close.svg";
+import { DrawerDepthContext } from "./DrawerDepthContext.js";
+const PANEL_WIDTH = 312;
+const NEST_INSET = 16;
+const TRANSITION_MS = 250;
+const ANCHOR_SELECTOR = "[data-role='wb-object-panel-anchor']";
+const Z_BASE = 50;
+const ObjectFieldPanel = ({ open, onClose, title, depth, children })=>{
+    const [host] = useState(()=>"u" > typeof document ? document.querySelector(ANCHOR_SELECTOR) : null);
+    const [rendered, setRendered] = useState(open);
+    const [entered, setEntered] = useState(false);
+    useEffect(()=>{
+        if (open) return void setRendered(true);
+        setEntered(false);
+        const timeout = setTimeout(()=>setRendered(false), TRANSITION_MS);
+        return ()=>clearTimeout(timeout);
+    }, [
+        open
+    ]);
+    useEffect(()=>{
+        if (!rendered || !open) return;
+        let inner = 0;
+        const outer = requestAnimationFrame(()=>{
+            inner = requestAnimationFrame(()=>setEntered(true));
+        });
+        return ()=>{
+            cancelAnimationFrame(outer);
+            cancelAnimationFrame(inner);
+        };
+    }, [
+        rendered,
+        open
+    ]);
+    useEffect(()=>{
+        if (!open) return;
+        const onKeyDown = (event)=>{
+            if ("Escape" === event.key) onClose();
+        };
+        window.addEventListener("keydown", onKeyDown);
+        return ()=>window.removeEventListener("keydown", onKeyDown);
+    }, [
+        open,
+        onClose
+    ]);
+    if (!rendered || !host) return null;
+    const panelZIndex = Z_BASE + 2 * depth;
+    const panelWidth = PANEL_WIDTH - depth * NEST_INSET;
+    return /*#__PURE__*/ createPortal(/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
+        className: "absolute top-0 bottom-0 left-0",
+        style: {
+            width: "50%",
+            backgroundColor: "rgba(25, 28, 32, 0.2)",
+            zIndex: panelZIndex - 1,
+            opacity: entered ? 1 : 0,
+            transition: "opacity 200ms ease"
+        },
+        onClick: onClose
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: "absolute top-0 bottom-0 right-0 flex shadow-lg",
+        style: {
+            width: panelWidth,
+            zIndex: panelZIndex,
+            transform: entered ? "translateX(0)" : "translateX(100%)",
+            transition: "transform 250ms ease"
+        }
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "w-px h-full shrink-0 bg-neutral-dimmed"
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col flex-1 min-w-0 bg-neutral-base"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-between gap-sm px-md py-md"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "md",
+        className: "font-semibold truncate text-neutral-primary"
+    }, title), /*#__PURE__*/ react.createElement(Button, {
+        variant: "ghost",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: onClose
+    })), /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1 overflow-y-auto p-md"
+    }, /*#__PURE__*/ react.createElement(DrawerDepthContext.Provider, {
+        value: depth + 1
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-md"
+    }, children)))))), host);
+};
+export { ObjectFieldPanel };
+
+//# sourceMappingURL=ObjectFieldPanel.js.map

package/inputRenderers/ObjectInput/ObjectFieldPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRenderers/ObjectInput/ObjectFieldPanel.js","sources":["../../../src/inputRenderers/ObjectInput/ObjectFieldPanel.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Button, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as CloseIcon } from \"@webiny/icons/close.svg\";\nimport { DrawerDepthContext } from \"./DrawerDepthContext.js\";\n\n/**\n * Width of the first object-field panel. Slightly narrower than the editor sidebar (329px) so the\n * backdrop shows as a thin strip on its left edge.\n */\nconst PANEL_WIDTH = 312;\n\n/**\n * Each nested panel is this much narrower than its parent, so the stack of open panels is visible\n * (the dimmed parent peeks out on the left).\n */\nconst NEST_INSET = 16;\n\n/**\n * Duration of the enter/exit transitions. The panel stays mounted this long after closing so the\n * slide-out / fade-out can play before it unmounts.\n */\nconst TRANSITION_MS = 250;\n\n/**\n * The editor sidebar carries this attribute (see `config/Sidebar/Sidebar.tsx`). Object panels are\n * portaled into it and overlay it, so they stay confined to the sidebar (no app-wide overlay).\n */\nconst ANCHOR_SELECTOR = \"[data-role='wb-object-panel-anchor']\";\n\n/**\n * Base z-index for object panels. Each level of nesting adds 2: one slot for the panel and one for\n * its backdrop, which sits directly beneath it. Backdrops stack, so each deeper panel dims the\n * parent panel a little more.\n */\nconst Z_BASE = 50;\n\ninterface ObjectFieldPanelProps {\n    open: boolean;\n    onClose: () => void;\n    title: React.ReactNode;\n    depth: number;\n    children: React.ReactNode;\n}\n\n/**\n * A panel holding an object's fields. It is portaled into the editor sidebar and overlays it\n * (right-aligned, slightly narrower so the backdrop shows as a thin strip on the left). A nested\n * object opens another, narrower panel over this one with its own backdrop; backdrops stack and\n * persist, so each deeper level dims its parent further. Closes on the header button, its own\n * backdrop, or Escape.\n */\nexport const ObjectFieldPanel = ({\n    open,\n    onClose,\n    title,\n    depth,\n    children\n}: ObjectFieldPanelProps) => {\n    const [host] = useState<HTMLElement | null>(() =>\n        typeof document !== \"undefined\"\n            ? document.querySelector<HTMLElement>(ANCHOR_SELECTOR)\n            : null\n    );\n    const [rendered, setRendered] = useState(open);\n    const [entered, setEntered] = useState(false);\n\n    // Mount on open; on close, play the exit transition (slide out + fade out) before unmounting.\n    useEffect(() => {\n        if (open) {\n            setRendered(true);\n            return;\n        }\n        setEntered(false);\n        const timeout = setTimeout(() => setRendered(false), TRANSITION_MS);\n        return () => clearTimeout(timeout);\n    }, [open]);\n\n    // Enter transition: once mounted and open, flip to the on-screen state after the browser paints\n    // the initial off-screen / transparent state. A double rAF guarantees that first paint.\n    useEffect(() => {\n        if (!rendered || !open) {\n            return;\n        }\n        let inner = 0;\n        const outer = requestAnimationFrame(() => {\n            inner = requestAnimationFrame(() => setEntered(true));\n        });\n        return () => {\n            cancelAnimationFrame(outer);\n            cancelAnimationFrame(inner);\n        };\n    }, [rendered, open]);\n\n    useEffect(() => {\n        if (!open) {\n            return;\n        }\n        const onKeyDown = (event: KeyboardEvent) => {\n            if (event.key === \"Escape\") {\n                onClose();\n            }\n        };\n        window.addEventListener(\"keydown\", onKeyDown);\n        return () => window.removeEventListener(\"keydown\", onKeyDown);\n    }, [open, onClose]);\n\n    if (!rendered || !host) {\n        return null;\n    }\n\n    const panelZIndex = Z_BASE + depth * 2;\n    const panelWidth = PANEL_WIDTH - depth * NEST_INSET;\n\n    return createPortal(\n        <>\n            <div\n                className={\"absolute top-0 bottom-0 left-0\"}\n                style={{\n                    width: \"50%\",\n                    backgroundColor: \"rgba(25, 28, 32, 0.2)\",\n                    zIndex: panelZIndex - 1,\n                    opacity: entered ? 1 : 0,\n                    transition: \"opacity 200ms ease\"\n                }}\n                onClick={onClose}\n            />\n            <div\n                className={\"absolute top-0 bottom-0 right-0 flex shadow-lg\"}\n                style={{\n                    width: panelWidth,\n                    zIndex: panelZIndex,\n                    transform: entered ? \"translateX(0)\" : \"translateX(100%)\",\n                    transition: \"transform 250ms ease\"\n                }}\n            >\n                <div className={\"w-px h-full shrink-0 bg-neutral-dimmed\"} />\n                <div className={\"flex flex-col flex-1 min-w-0 bg-neutral-base\"}>\n                    <div className={\"flex items-center justify-between gap-sm px-md py-md\"}>\n                        <Text size={\"md\"} className={\"font-semibold truncate text-neutral-primary\"}>\n                            {title}\n                        </Text>\n                        <Button\n                            variant={\"ghost\"}\n                            size={\"sm\"}\n                            icon={<CloseIcon />}\n                            onClick={onClose}\n                        />\n                    </div>\n                    <div className={\"flex-1 overflow-y-auto p-md\"}>\n                        <DrawerDepthContext.Provider value={depth + 1}>\n                            <div className={\"flex flex-col gap-md\"}>{children}</div>\n                        </DrawerDepthContext.Provider>\n                    </div>\n                </div>\n            </div>\n        </>,\n        host\n    );\n};\n"],"names":["PANEL_WIDTH","NEST_INSET","TRANSITION_MS","ANCHOR_SELECTOR","Z_BASE","ObjectFieldPanel","open","onClose","title","depth","children","host","useState","document","rendered","setRendered","entered","setEntered","useEffect","timeout","setTimeout","clearTimeout","inner","outer","requestAnimationFrame","cancelAnimationFrame","onKeyDown","event","window","panelZIndex","panelWidth","createPortal","Text","Button","CloseIcon","DrawerDepthContext"],"mappings":";;;;;AAUA,MAAMA,cAAc;AAMpB,MAAMC,aAAa;AAMnB,MAAMC,gBAAgB;AAMtB,MAAMC,kBAAkB;AAOxB,MAAMC,SAAS;AAiBR,MAAMC,mBAAmB,CAAC,EAC7BC,IAAI,EACJC,OAAO,EACPC,KAAK,EACLC,KAAK,EACLC,QAAQ,EACY;IACpB,MAAM,CAACC,KAAK,GAAGC,SAA6B,IACxC,AAAoB,MAApB,OAAOC,WACDA,SAAS,aAAa,CAAcV,mBACpC;IAEV,MAAM,CAACW,UAAUC,YAAY,GAAGH,SAASN;IACzC,MAAM,CAACU,SAASC,WAAW,GAAGL,SAAS;IAGvCM,UAAU;QACN,IAAIZ,MAAM,YACNS,YAAY;QAGhBE,WAAW;QACX,MAAME,UAAUC,WAAW,IAAML,YAAY,QAAQb;QACrD,OAAO,IAAMmB,aAAaF;IAC9B,GAAG;QAACb;KAAK;IAITY,UAAU;QACN,IAAI,CAACJ,YAAY,CAACR,MACd;QAEJ,IAAIgB,QAAQ;QACZ,MAAMC,QAAQC,sBAAsB;YAChCF,QAAQE,sBAAsB,IAAMP,WAAW;QACnD;QACA,OAAO;YACHQ,qBAAqBF;YACrBE,qBAAqBH;QACzB;IACJ,GAAG;QAACR;QAAUR;KAAK;IAEnBY,UAAU;QACN,IAAI,CAACZ,MACD;QAEJ,MAAMoB,YAAY,CAACC;YACf,IAAIA,AAAc,aAAdA,MAAM,GAAG,EACTpB;QAER;QACAqB,OAAO,gBAAgB,CAAC,WAAWF;QACnC,OAAO,IAAME,OAAO,mBAAmB,CAAC,WAAWF;IACvD,GAAG;QAACpB;QAAMC;KAAQ;IAElB,IAAI,CAACO,YAAY,CAACH,MACd,OAAO;IAGX,MAAMkB,cAAczB,SAASK,AAAQ,IAARA;IAC7B,MAAMqB,aAAa9B,cAAcS,QAAQR;IAEzC,OAAO,WAAP,GAAO8B,aAAa,WAADA,GACf,wDACI,oBAAC;QACG,WAAW;QACX,OAAO;YACH,OAAO;YACP,iBAAiB;YACjB,QAAQF,cAAc;YACtB,SAASb,UAAU,IAAI;YACvB,YAAY;QAChB;QACA,SAAST;sBAEb,oBAAC;QACG,WAAW;QACX,OAAO;YACH,OAAOuB;YACP,QAAQD;YACR,WAAWb,UAAU,kBAAkB;YACvC,YAAY;QAChB;qBAEA,oBAAC;QAAI,WAAW;sBAChB,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACgB,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBxB,QAAAA,WAAAA,GAEL,oBAACyB,QAAMA;QACH,SAAS;QACT,MAAM;QACN,oBAAM,oBAACC,gBAASA;QAChB,SAAS3B;uBAGjB,oBAAC;QAAI,WAAW;qBACZ,oBAAC4B,mBAAmB,QAAQ;QAAC,OAAO1B,QAAQ;qBACxC,oBAAC;QAAI,WAAW;OAAyBC,gBAM7DC;AAER"}

package/inputRenderers/ObjectInput/ObjectInputRenderer.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ElementInputRendererProps } from "../../BaseEditor/config/ElementInput.js";
+/**
+ * Renderer for object fields (`Webiny/Object`). Routes to the single or list variant; both recurse
+ * back into the generic `InputField` for their child inputs.
+ */
+export declare const ObjectInputRenderer: ({ node, element, bindings }: ElementInputRendererProps) => React.JSX.Element | null;

package/inputRenderers/ObjectInput/ObjectInputRenderer.js

@@ -0,0 +1,19 @@
+import react from "react";
+import { ObjectField } from "../../BaseEditor/defaultConfig/Sidebar/ElementSettings/ObjectField.js";
+import { ObjectListField } from "../../BaseEditor/defaultConfig/Sidebar/ElementSettings/ObjectListField.js";
+const ObjectInputRenderer = ({ node, element, bindings })=>{
+    if (!node || !element) return null;
+    if (node.list) return /*#__PURE__*/ react.createElement(ObjectListField, {
+        element: element,
+        node: node,
+        bindings: bindings
+    });
+    return /*#__PURE__*/ react.createElement(ObjectField, {
+        element: element,
+        node: node,
+        bindings: bindings
+    });
+};
+export { ObjectInputRenderer };
+
+//# sourceMappingURL=ObjectInputRenderer.js.map

package/inputRenderers/ObjectInput/ObjectInputRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRenderers/ObjectInput/ObjectInputRenderer.js","sources":["../../../src/inputRenderers/ObjectInput/ObjectInputRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/config/ElementInput.js\";\nimport { ObjectField } from \"~/BaseEditor/defaultConfig/Sidebar/ElementSettings/ObjectField.js\";\nimport { ObjectListField } from \"~/BaseEditor/defaultConfig/Sidebar/ElementSettings/ObjectListField.js\";\n\n/**\n * Renderer for object fields (`Webiny/Object`). Routes to the single or list variant; both recurse\n * back into the generic `InputField` for their child inputs.\n */\nexport const ObjectInputRenderer = ({ node, element, bindings }: ElementInputRendererProps) => {\n    if (!node || !element) {\n        return null;\n    }\n\n    if (node.list) {\n        return <ObjectListField element={element} node={node} bindings={bindings} />;\n    }\n\n    return <ObjectField element={element} node={node} bindings={bindings} />;\n};\n"],"names":["ObjectInputRenderer","node","element","bindings","ObjectListField","ObjectField"],"mappings":";;;AASO,MAAMA,sBAAsB,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAEC,QAAQ,EAA6B;IACtF,IAAI,CAACF,QAAQ,CAACC,SACV,OAAO;IAGX,IAAID,KAAK,IAAI,EACT,OAAO,WAAP,GAAO,oBAACG,iBAAeA;QAAC,SAASF;QAAS,MAAMD;QAAM,UAAUE;;IAGpE,OAAO,WAAP,GAAO,oBAACE,aAAWA;QAAC,SAASH;QAAS,MAAMD;QAAM,UAAUE;;AAChE"}

package/inputRenderers/ObjectInput/ObjectRow.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface ObjectRowProps {
+    title: React.ReactNode;
+    onOpen: () => void;
+    actions?: React.ReactNode;
+}
+/**
+ * A clickable row representing an object (a single object field, or one item of a list). Resting,
+ * it shows the title. On hover it tints and reveals its trailing actions (reorder / remove) - rows
+ * without actions (a single object field) just tint.
+ */
+export declare const ObjectRow: ({ title, onOpen, actions }: ObjectRowProps) => React.JSX.Element;
+export {};

package/inputRenderers/ObjectInput/ObjectRow.js

@@ -0,0 +1,28 @@
+import react from "react";
+import { Text } from "@webiny/admin-ui";
+const ObjectRow = ({ title, onOpen, actions })=>/*#__PURE__*/ react.createElement("div", {
+        role: "button",
+        tabIndex: 0,
+        onClick: onOpen,
+        onKeyDown: (event)=>{
+            if ("Enter" === event.key || " " === event.key) {
+                event.preventDefault();
+                onOpen();
+            }
+        },
+        style: {
+            height: 40
+        },
+        className: "group flex items-center justify-between gap-xs rounded-md border border-neutral-dimmed-darker px-sm-extra cursor-pointer transition-colors bg-neutral-base hover:bg-neutral-light"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-1 items-center min-w-0"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "truncate text-neutral-strong"
+    }, title)), actions ? /*#__PURE__*/ react.createElement("div", {
+        className: "hidden group-hover:flex items-center gap-xs shrink-0",
+        onClick: (event)=>event.stopPropagation()
+    }, actions) : null);
+export { ObjectRow };
+
+//# sourceMappingURL=ObjectRow.js.map

package/inputRenderers/ObjectInput/ObjectRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRenderers/ObjectInput/ObjectRow.js","sources":["../../../src/inputRenderers/ObjectInput/ObjectRow.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\n\ninterface ObjectRowProps {\n    title: React.ReactNode;\n    onOpen: () => void;\n    actions?: React.ReactNode;\n}\n\n/**\n * A clickable row representing an object (a single object field, or one item of a list). Resting,\n * it shows the title. On hover it tints and reveals its trailing actions (reorder / remove) - rows\n * without actions (a single object field) just tint.\n */\nexport const ObjectRow = ({ title, onOpen, actions }: ObjectRowProps) => {\n    return (\n        <div\n            role={\"button\"}\n            tabIndex={0}\n            onClick={onOpen}\n            onKeyDown={event => {\n                if (event.key === \"Enter\" || event.key === \" \") {\n                    event.preventDefault();\n                    onOpen();\n                }\n            }}\n            // Fixed height + vertical centering keeps the row the same height whether or not the\n            // (taller) hover actions are shown.\n            style={{ height: 40 }}\n            className={\n                \"group flex items-center justify-between gap-xs rounded-md border border-neutral-dimmed-darker px-sm-extra cursor-pointer transition-colors bg-neutral-base hover:bg-neutral-light\"\n            }\n        >\n            <div className={\"flex flex-1 items-center min-w-0\"}>\n                <Text size={\"sm\"} className={\"truncate text-neutral-strong\"}>\n                    {title}\n                </Text>\n            </div>\n            {actions ? (\n                <div\n                    className={\"hidden group-hover:flex items-center gap-xs shrink-0\"}\n                    onClick={event => event.stopPropagation()}\n                >\n                    {actions}\n                </div>\n            ) : null}\n        </div>\n    );\n};\n"],"names":["ObjectRow","title","onOpen","actions","event","Text"],"mappings":";;AAcO,MAAMA,YAAY,CAAC,EAAEC,KAAK,EAAEC,MAAM,EAAEC,OAAO,EAAkB,GACzD,WAAP,GACI,oBAAC;QACG,MAAM;QACN,UAAU;QACV,SAASD;QACT,WAAWE,CAAAA;YACP,IAAIA,AAAc,YAAdA,MAAM,GAAG,IAAgBA,AAAc,QAAdA,MAAM,GAAG,EAAU;gBAC5CA,MAAM,cAAc;gBACpBF;YACJ;QACJ;QAGA,OAAO;YAAE,QAAQ;QAAG;QACpB,WACI;qBAGJ,oBAAC;QAAI,WAAW;qBACZ,oBAACG,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBJ,SAGRE,UAAU,WAAVA,GACG,oBAAC;QACG,WAAW;QACX,SAASC,CAAAA,QAASA,MAAM,eAAe;OAEtCD,WAEL"}

package/inputRenderers/ObjectInput/ObjectRowActions.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface ObjectRowActionsProps {
+    onMoveUp: () => void;
+    onMoveDown: () => void;
+    onRemove: () => void;
+    canMoveUp: boolean;
+    canMoveDown: boolean;
+}
+/**
+ * The trailing reorder / remove controls shown on a list item row.
+ */
+export declare const ObjectRowActions: ({ onMoveUp, onMoveDown, onRemove, canMoveUp, canMoveDown }: ObjectRowActionsProps) => React.JSX.Element;
+export {};