@webiny/app-admin 6.6.0-alpha.1 → 6.6.0-alpha.10

package/base/Admin.js

@@ -13,6 +13,11 @@ import { FeatureFlagsProvider } from "../presentation/featureFlags/FeatureFlagsP
 import { createTenancyProvider } from "../presentation/tenancy/createTenancyProvider.js";
 import { TelemetryAdminAppStart } from "./TelemetryAdminAppStart.js";
 import { SecurityFeature } from "../features/security/SecurityFeature.js";
+import { AssumePermissionsFeature } from "../features/assumePermissions/index.js";
+import { AssumePermissionsPresenterFeature } from "../presentation/assumePermissions/feature.js";
+import { BannersPresenterFeature } from "../presentation/banners/feature.js";
+import { DebuggerFeature } from "../features/debugger/feature.js";
+import { DebuggerPresenterFeature } from "../presentation/debugger/feature.js";
 import { FormModelFeature } from "../features/formModel/feature.js";
 import { AdminConfigPlugin, AdminConfigProvider } from "../config/AdminConfig.js";
 import { WebinySdkFeature } from "../features/webinySdk/feature.js";
@@ -24,12 +29,20 @@ import { NotificationsRenderer } from "../features/notifications/NotificationsRe
 import { ListCustomIconsFeature } from "../features/iconPicker/listCustomIcons/feature.js";
 import { CustomIconsPresenterFeature } from "../presentation/iconPicker/customIcons/feature.js";
 import { CommandPaletteFeature } from "../presentation/commandPalette/index.js";
-import { AiChatFeature } from "../features/aiChat/index.js";
+import { AdminAssistantFeature } from "../features/adminAssistant/index.js";
+import { AiChatsFeature } from "../features/aiChats/index.js";
+import { AiChatsPanelFeature } from "../presentation/aiChats/index.js";
 import { AdminCommandsFeature } from "../presentation/commandPalette/commands/feature.js";
+import { PasswordPolicyFeature, readPasswordPolicyRules } from "../features/adminUsers/passwordPolicy/index.js";
 const container = createRootContainer();
 const Admin = ({ children, createLegacyPlugins })=>{
     if (createLegacyPlugins) plugins.register(...createLegacyPlugins(container));
     SecurityFeature.register(container);
+    AssumePermissionsFeature.register(container);
+    AssumePermissionsPresenterFeature.register(container);
+    BannersPresenterFeature.register(container);
+    DebuggerFeature.register(container);
+    DebuggerPresenterFeature.register(container);
     DateFormatterFeature.register(container);
     StringFormatterFeature.register(container);
     FormModelFeature.register(container);
@@ -37,10 +50,14 @@ const Admin = ({ children, createLegacyPlugins })=>{
     ListPresenterFeature.register(container);
     ListCustomIconsFeature.register(container);
     CustomIconsPresenterFeature.register(container);
-    AiChatFeature.register(container);
+    AiChatsFeature.register(container);
+    AdminAssistantFeature.register(container);
+    AiChatsPanelFeature.register(container);
     CommandPaletteFeature.register(container);
     AdminCommandsFeature.register(container);
     SortableFeature.register(container);
+    const passwordPolicyRules = readPasswordPolicyRules();
+    PasswordPolicyFeature.register(container, passwordPolicyRules);
     const UIProviders = createUiProviders();
     const UiStateProvider = createUiStateProvider();
     const AdminUiStateProvider = createAdminUiStateProvider();

package/base/Admin.js.map

@@ -1 +1 @@
-{"version":3,"file":"base/Admin.js","sources":["../../src/base/Admin.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Container } from \"@webiny/di\";\nimport { plugins } from \"@webiny/plugins\";\nimport { App, DiContainerProvider } from \"@webiny/app\";\nimport { Base } from \"./Base.js\";\nimport { createUiStateProvider } from \"./providers/UiStateProvider.js\";\nimport { createAdminUiStateProvider } from \"./providers/AdminUiStateProvider.js\";\nimport { createUiProviders } from \"./providers/UiProviders.js\";\nimport { createDialogsProvider } from \"~/components/Dialogs/DialogsContext.js\";\nimport { createDrawersProvider } from \"~/components/Drawers/DrawersContext.js\";\nimport { DefaultIcons, IconPickerConfigProvider } from \"~/components/IconPicker/config/index.js\";\nimport { createRootContainer } from \"~/base/createRootContainer.js\";\nimport { FeatureFlagsProvider } from \"~/presentation/featureFlags/FeatureFlagsProvider.js\";\nimport { createTenancyProvider } from \"~/presentation/tenancy/createTenancyProvider.js\";\nimport { TelemetryAdminAppStart } from \"./TelemetryAdminAppStart.js\";\nimport { SecurityFeature } from \"~/features/security/SecurityFeature.js\";\nimport { FormModelFeature } from \"~/features/formModel/feature.js\";\nimport type { PluginCollection } from \"@webiny/plugins/types.js\";\nimport { AdminConfigPlugin, AdminConfigProvider } from \"~/config/AdminConfig.js\";\nimport { WebinySdkFeature } from \"~/features/webinySdk/feature.js\";\nimport { DateFormatterFeature } from \"~/features/dateFormatter/feature.js\";\nimport { StringFormatterFeature } from \"~/features/stringFormatter/feature.js\";\nimport { ListPresenterFeature } from \"~/presentation/listPresenter/index.js\";\nimport { SortableFeature } from \"~/presentation/sortable/index.js\";\nimport { NotificationsRenderer } from \"~/features/notifications/NotificationsRenderer.js\";\nimport { ListCustomIconsFeature } from \"~/features/iconPicker/listCustomIcons/feature.js\";\nimport { CustomIconsPresenterFeature } from \"~/presentation/iconPicker/customIcons/feature.js\";\nimport { CommandPaletteFeature } from \"~/presentation/commandPalette/index.js\";\nimport { AiChatFeature } from \"~/features/aiChat/index.js\";\nimport { AdminCommandsFeature } from \"~/presentation/commandPalette/commands/feature.js\";\n\nexport interface AdminProps {\n    createLegacyPlugins?: (container: Container) => PluginCollection;\n    children?: React.ReactNode;\n}\n\nconst container = createRootContainer();\n\nexport const Admin = ({ children, createLegacyPlugins }: AdminProps) => {\n    if (createLegacyPlugins) {\n        plugins.register(...createLegacyPlugins(container));\n    }\n\n    SecurityFeature.register(container);\n    DateFormatterFeature.register(container);\n    StringFormatterFeature.register(container);\n    FormModelFeature.register(container);\n    WebinySdkFeature.register(container);\n    ListPresenterFeature.register(container);\n    ListCustomIconsFeature.register(container);\n    CustomIconsPresenterFeature.register(container);\n    AiChatFeature.register(container);\n    CommandPaletteFeature.register(container);\n    AdminCommandsFeature.register(container);\n    SortableFeature.register(container);\n\n    const UIProviders = createUiProviders();\n    const UiStateProvider = createUiStateProvider();\n    const AdminUiStateProvider = createAdminUiStateProvider();\n    const DialogsProvider = createDialogsProvider();\n    const DrawersProvider = createDrawersProvider();\n    const TenancyProvider = createTenancyProvider();\n\n    return (\n        <DiContainerProvider container={container}>\n            <TelemetryAdminAppStart />\n            <FeatureFlagsProvider>\n                <App\n                    plugins={[AdminConfigPlugin]}\n                    routes={[]}\n                    providers={[\n                        AdminConfigProvider,\n                        UIProviders,\n                        UiStateProvider,\n                        DialogsProvider,\n                        DrawersProvider,\n                        IconPickerConfigProvider,\n                        AdminUiStateProvider,\n                        TenancyProvider\n                    ]}\n                >\n                    <Base />\n                    <DefaultIcons />\n                    <NotificationsRenderer />\n                    {children}\n                </App>\n            </FeatureFlagsProvider>\n        </DiContainerProvider>\n    );\n};\n"],"names":["container","createRootContainer","Admin","children","createLegacyPlugins","plugins","SecurityFeature","DateFormatterFeature","StringFormatterFeature","FormModelFeature","WebinySdkFeature","ListPresenterFeature","ListCustomIconsFeature","CustomIconsPresenterFeature","AiChatFeature","CommandPaletteFeature","AdminCommandsFeature","SortableFeature","UIProviders","createUiProviders","UiStateProvider","createUiStateProvider","AdminUiStateProvider","createAdminUiStateProvider","DialogsProvider","createDialogsProvider","DrawersProvider","createDrawersProvider","TenancyProvider","createTenancyProvider","DiContainerProvider","TelemetryAdminAppStart","FeatureFlagsProvider","App","AdminConfigPlugin","AdminConfigProvider","IconPickerConfigProvider","Base","DefaultIcons","NotificationsRenderer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAMA,YAAYC;AAEX,MAAMC,QAAQ,CAAC,EAAEC,QAAQ,EAAEC,mBAAmB,EAAc;IAC/D,IAAIA,qBACAC,QAAQ,QAAQ,IAAID,oBAAoBJ;IAG5CM,gBAAgB,QAAQ,CAACN;IACzBO,qBAAqB,QAAQ,CAACP;IAC9BQ,uBAAuB,QAAQ,CAACR;IAChCS,iBAAiB,QAAQ,CAACT;IAC1BU,iBAAiB,QAAQ,CAACV;IAC1BW,qBAAqB,QAAQ,CAACX;IAC9BY,uBAAuB,QAAQ,CAACZ;IAChCa,4BAA4B,QAAQ,CAACb;IACrCc,cAAc,QAAQ,CAACd;IACvBe,sBAAsB,QAAQ,CAACf;IAC/BgB,qBAAqB,QAAQ,CAAChB;IAC9BiB,gBAAgB,QAAQ,CAACjB;IAEzB,MAAMkB,cAAcC;IACpB,MAAMC,kBAAkBC;IACxB,MAAMC,uBAAuBC;IAC7B,MAAMC,kBAAkBC;IACxB,MAAMC,kBAAkBC;IACxB,MAAMC,kBAAkBC;IAExB,OAAO,WAAP,GACI,oBAACC,qBAAmBA;QAAC,WAAW9B;qBAC5B,oBAAC+B,wBAAsBA,OAAAA,WAAAA,GACvB,oBAACC,sBAAoBA,MAAAA,WAAAA,GACjB,oBAACC,KAAGA;QACA,SAAS;YAACC;SAAkB;QAC5B,QAAQ,EAAE;QACV,WAAW;YACPC;YACAjB;YACAE;YACAI;YACAE;YACAU;YACAd;YACAM;SACH;qBAED,oBAACS,MAAIA,OAAAA,WAAAA,GACL,oBAACC,cAAYA,OAAAA,WAAAA,GACb,oBAACC,uBAAqBA,OACrBpC;AAKrB"}
+{"version":3,"file":"base/Admin.js","sources":["../../src/base/Admin.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Container } from \"@webiny/di\";\nimport { plugins } from \"@webiny/plugins\";\nimport { App, DiContainerProvider } from \"@webiny/app\";\nimport { Base } from \"./Base.js\";\nimport { createUiStateProvider } from \"./providers/UiStateProvider.js\";\nimport { createAdminUiStateProvider } from \"./providers/AdminUiStateProvider.js\";\nimport { createUiProviders } from \"./providers/UiProviders.js\";\nimport { createDialogsProvider } from \"~/components/Dialogs/DialogsContext.js\";\nimport { createDrawersProvider } from \"~/components/Drawers/DrawersContext.js\";\nimport { DefaultIcons, IconPickerConfigProvider } from \"~/components/IconPicker/config/index.js\";\nimport { createRootContainer } from \"~/base/createRootContainer.js\";\nimport { FeatureFlagsProvider } from \"~/presentation/featureFlags/FeatureFlagsProvider.js\";\nimport { createTenancyProvider } from \"~/presentation/tenancy/createTenancyProvider.js\";\nimport { TelemetryAdminAppStart } from \"./TelemetryAdminAppStart.js\";\nimport { SecurityFeature } from \"~/features/security/SecurityFeature.js\";\nimport { AssumePermissionsFeature } from \"~/features/assumePermissions/index.js\";\nimport { AssumePermissionsPresenterFeature } from \"~/presentation/assumePermissions/feature.js\";\nimport { BannersPresenterFeature } from \"~/presentation/banners/feature.js\";\nimport { DebuggerFeature } from \"~/features/debugger/feature.js\";\nimport { DebuggerPresenterFeature } from \"~/presentation/debugger/feature.js\";\nimport { FormModelFeature } from \"~/features/formModel/feature.js\";\nimport type { PluginCollection } from \"@webiny/plugins/types.js\";\nimport { AdminConfigPlugin, AdminConfigProvider } from \"~/config/AdminConfig.js\";\nimport { WebinySdkFeature } from \"~/features/webinySdk/feature.js\";\nimport { DateFormatterFeature } from \"~/features/dateFormatter/feature.js\";\nimport { StringFormatterFeature } from \"~/features/stringFormatter/feature.js\";\nimport { ListPresenterFeature } from \"~/presentation/listPresenter/index.js\";\nimport { SortableFeature } from \"~/presentation/sortable/index.js\";\nimport { NotificationsRenderer } from \"~/features/notifications/NotificationsRenderer.js\";\nimport { ListCustomIconsFeature } from \"~/features/iconPicker/listCustomIcons/feature.js\";\nimport { CustomIconsPresenterFeature } from \"~/presentation/iconPicker/customIcons/feature.js\";\nimport { CommandPaletteFeature } from \"~/presentation/commandPalette/index.js\";\nimport { AdminAssistantFeature } from \"~/features/adminAssistant/index.js\";\nimport { AiChatsFeature } from \"~/features/aiChats/index.js\";\nimport { AiChatsPanelFeature } from \"~/presentation/aiChats/index.js\";\nimport { AdminCommandsFeature } from \"~/presentation/commandPalette/commands/feature.js\";\nimport { PasswordPolicyFeature } from \"~/features/adminUsers/passwordPolicy/index.js\";\nimport { readPasswordPolicyRules } from \"~/features/adminUsers/passwordPolicy/index.js\";\n\nexport interface AdminProps {\n    createLegacyPlugins?: (container: Container) => PluginCollection;\n    children?: React.ReactNode;\n}\n\nconst container = createRootContainer();\n\nexport const Admin = ({ children, createLegacyPlugins }: AdminProps) => {\n    if (createLegacyPlugins) {\n        plugins.register(...createLegacyPlugins(container));\n    }\n\n    SecurityFeature.register(container);\n    // After SecurityFeature: the use case re-runs the login query through its LogInRepository.\n    AssumePermissionsFeature.register(container);\n    /*\n     * The header control renders from the Layout, which mounts before the Admin config tree, so\n     * its presenter cannot be registered through RegisterFeature down there: a useFeature() miss\n     * throws, and the error boundary keeps the subtree dead even once the registration arrives.\n     * Registering here also keeps the features layer from importing the presentation layer.\n     */\n    AssumePermissionsPresenterFeature.register(container);\n    // The Layout renders the banner bar, so its presenter has to exist before the Layout mounts.\n    BannersPresenterFeature.register(container);\n    /*\n     * Here rather than in the config tree for two reasons: the response handler has to exist\n     * before the first GraphQL request, and the Layout renders the header indicator, so its\n     * presenter has to exist before the Layout mounts.\n     */\n    DebuggerFeature.register(container);\n    DebuggerPresenterFeature.register(container);\n    DateFormatterFeature.register(container);\n    StringFormatterFeature.register(container);\n    FormModelFeature.register(container);\n    WebinySdkFeature.register(container);\n    ListPresenterFeature.register(container);\n    ListCustomIconsFeature.register(container);\n    CustomIconsPresenterFeature.register(container);\n    AiChatsFeature.register(container);\n    AdminAssistantFeature.register(container);\n    AiChatsPanelFeature.register(container);\n    CommandPaletteFeature.register(container);\n    AdminCommandsFeature.register(container);\n    SortableFeature.register(container);\n    /*\n     * Here because the install wizard's admin step needs it, and the wizard renders before any\n     * identity provider extension is mounted. The user forms and the login screens use it too.\n     */\n    const passwordPolicyRules = readPasswordPolicyRules();\n    PasswordPolicyFeature.register(container, passwordPolicyRules);\n\n    const UIProviders = createUiProviders();\n    const UiStateProvider = createUiStateProvider();\n    const AdminUiStateProvider = createAdminUiStateProvider();\n    const DialogsProvider = createDialogsProvider();\n    const DrawersProvider = createDrawersProvider();\n    const TenancyProvider = createTenancyProvider();\n\n    return (\n        <DiContainerProvider container={container}>\n            <TelemetryAdminAppStart />\n            <FeatureFlagsProvider>\n                <App\n                    plugins={[AdminConfigPlugin]}\n                    routes={[]}\n                    providers={[\n                        AdminConfigProvider,\n                        UIProviders,\n                        UiStateProvider,\n                        DialogsProvider,\n                        DrawersProvider,\n                        IconPickerConfigProvider,\n                        AdminUiStateProvider,\n                        TenancyProvider\n                    ]}\n                >\n                    <Base />\n                    <DefaultIcons />\n                    <NotificationsRenderer />\n                    {children}\n                </App>\n            </FeatureFlagsProvider>\n        </DiContainerProvider>\n    );\n};\n"],"names":["container","createRootContainer","Admin","children","createLegacyPlugins","plugins","SecurityFeature","AssumePermissionsFeature","AssumePermissionsPresenterFeature","BannersPresenterFeature","DebuggerFeature","DebuggerPresenterFeature","DateFormatterFeature","StringFormatterFeature","FormModelFeature","WebinySdkFeature","ListPresenterFeature","ListCustomIconsFeature","CustomIconsPresenterFeature","AiChatsFeature","AdminAssistantFeature","AiChatsPanelFeature","CommandPaletteFeature","AdminCommandsFeature","SortableFeature","passwordPolicyRules","readPasswordPolicyRules","PasswordPolicyFeature","UIProviders","createUiProviders","UiStateProvider","createUiStateProvider","AdminUiStateProvider","createAdminUiStateProvider","DialogsProvider","createDialogsProvider","DrawersProvider","createDrawersProvider","TenancyProvider","createTenancyProvider","DiContainerProvider","TelemetryAdminAppStart","FeatureFlagsProvider","App","AdminConfigPlugin","AdminConfigProvider","IconPickerConfigProvider","Base","DefaultIcons","NotificationsRenderer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,MAAMA,YAAYC;AAEX,MAAMC,QAAQ,CAAC,EAAEC,QAAQ,EAAEC,mBAAmB,EAAc;IAC/D,IAAIA,qBACAC,QAAQ,QAAQ,IAAID,oBAAoBJ;IAG5CM,gBAAgB,QAAQ,CAACN;IAEzBO,yBAAyB,QAAQ,CAACP;IAOlCQ,kCAAkC,QAAQ,CAACR;IAE3CS,wBAAwB,QAAQ,CAACT;IAMjCU,gBAAgB,QAAQ,CAACV;IACzBW,yBAAyB,QAAQ,CAACX;IAClCY,qBAAqB,QAAQ,CAACZ;IAC9Ba,uBAAuB,QAAQ,CAACb;IAChCc,iBAAiB,QAAQ,CAACd;IAC1Be,iBAAiB,QAAQ,CAACf;IAC1BgB,qBAAqB,QAAQ,CAAChB;IAC9BiB,uBAAuB,QAAQ,CAACjB;IAChCkB,4BAA4B,QAAQ,CAAClB;IACrCmB,eAAe,QAAQ,CAACnB;IACxBoB,sBAAsB,QAAQ,CAACpB;IAC/BqB,oBAAoB,QAAQ,CAACrB;IAC7BsB,sBAAsB,QAAQ,CAACtB;IAC/BuB,qBAAqB,QAAQ,CAACvB;IAC9BwB,gBAAgB,QAAQ,CAACxB;IAKzB,MAAMyB,sBAAsBC;IAC5BC,sBAAsB,QAAQ,CAAC3B,WAAWyB;IAE1C,MAAMG,cAAcC;IACpB,MAAMC,kBAAkBC;IACxB,MAAMC,uBAAuBC;IAC7B,MAAMC,kBAAkBC;IACxB,MAAMC,kBAAkBC;IACxB,MAAMC,kBAAkBC;IAExB,OAAO,WAAP,GACI,oBAACC,qBAAmBA;QAAC,WAAWxC;qBAC5B,oBAACyC,wBAAsBA,OAAAA,WAAAA,GACvB,oBAACC,sBAAoBA,MAAAA,WAAAA,GACjB,oBAACC,KAAGA;QACA,SAAS;YAACC;SAAkB;QAC5B,QAAQ,EAAE;QACV,WAAW;YACPC;YACAjB;YACAE;YACAI;YACAE;YACAU;YACAd;YACAM;SACH;qBAED,oBAACS,MAAIA,OAAAA,WAAAA,GACL,oBAACC,cAAYA,OAAAA,WAAAA,GACb,oBAACC,uBAAqBA,OACrB9C;AAKrB"}

package/base/Base/DefaultFieldRenderers.js

@@ -17,6 +17,7 @@ import { RadioButtonsRenderer } from "./FieldRenderers/RadioButtonsRenderer.js";
 import { CheckboxesRenderer } from "./FieldRenderers/CheckboxesRenderer.js";
 import { DateTimeRenderer } from "./FieldRenderers/DateTimeRenderer.js";
 import { DateTimeInputsRenderer } from "./FieldRenderers/DateTimeInputsRenderer.js";
+import { BirthdayInputRenderer } from "./FieldRenderers/BirthdayInputRenderer.js";
 import { HiddenRenderer } from "./FieldRenderers/HiddenRenderer.js";
 import { KeyValueTagsRenderer } from "./FieldRenderers/ObjectRenderer/KeyValueTagsRenderer.js";
 import { FilePickerRenderer } from "./FieldRenderers/FilePickerRenderer.js";
@@ -96,6 +97,9 @@ const DefaultFieldRenderers = ()=>/*#__PURE__*/ react.createElement(react.Fragme
     }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
         name: "dateTimeInputs",
         component: DateTimeInputsRenderer
+    }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
+        name: "birthdayInput",
+        component: BirthdayInputRenderer
     }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
         name: "hidden",
         component: HiddenRenderer

package/base/Base/DefaultFieldRenderers.js.map

@@ -1 +1 @@
-{"version":3,"file":"base/Base/DefaultFieldRenderers.js","sources":["../../../src/base/Base/DefaultFieldRenderers.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { InputRenderer } from \"~/base/Base/FieldRenderers/InputRenderer.js\";\nimport { SelectRenderer } from \"~/base/Base/FieldRenderers/SelectRenderer.js\";\nimport { ObjectRenderer } from \"~/base/Base/FieldRenderers/ObjectRenderer/ObjectRenderer.js\";\nimport { ObjectAccordionMultipleRenderer } from \"~/base/Base/FieldRenderers/ObjectRenderer/ObjectAccordionMultipleRenderer.js\";\nimport { DynamicZoneRenderer } from \"~/base/Base/FieldRenderers/ObjectRenderer/DynamicZoneRenderer.js\";\nimport { PassthroughRenderer } from \"~/base/Base/FieldRenderers/PassthroughRenderer.js\";\nimport { TextareaRenderer } from \"~/base/Base/FieldRenderers/TextareaRenderer.js\";\nimport { SwitchRenderer } from \"~/base/Base/FieldRenderers/SwitchRenderer.js\";\nimport { NumberInputRenderer } from \"~/base/Base/FieldRenderers/NumberInputRenderer.js\";\nimport { NumberInputsRenderer } from \"~/base/Base/FieldRenderers/NumberInputsRenderer.js\";\nimport { TextInputsRenderer } from \"~/base/Base/FieldRenderers/TextInputsRenderer.js\";\nimport { TextareasRenderer } from \"~/base/Base/FieldRenderers/TextareasRenderer.js\";\nimport { TagsRenderer } from \"~/base/Base/FieldRenderers/TagsRenderer.js\";\nimport { RadioButtonsRenderer } from \"~/base/Base/FieldRenderers/RadioButtonsRenderer.js\";\nimport { CheckboxesRenderer } from \"~/base/Base/FieldRenderers/CheckboxesRenderer.js\";\nimport { DateTimeRenderer } from \"~/base/Base/FieldRenderers/DateTimeRenderer.js\";\nimport { DateTimeInputsRenderer } from \"~/base/Base/FieldRenderers/DateTimeInputsRenderer.js\";\nimport { HiddenRenderer } from \"~/base/Base/FieldRenderers/HiddenRenderer.js\";\nimport { KeyValueTagsRenderer } from \"~/base/Base/FieldRenderers/ObjectRenderer/KeyValueTagsRenderer.js\";\nimport { FilePickerRenderer } from \"~/base/Base/FieldRenderers/FilePickerRenderer.js\";\nimport { FileUrlPickerRenderer } from \"~/base/Base/FieldRenderers/FileUrlPickerRenderer.js\";\nimport { MultiFilePickerRenderer } from \"~/base/Base/FieldRenderers/MultiFilePickerRenderer.js\";\nimport { CodeEditorRenderer } from \"~/base/Base/FieldRenderers/CodeEditorRenderer.js\";\nimport { LexicalRenderer } from \"~/base/Base/FieldRenderers/LexicalRenderer.js\";\nimport { LexicalEditorsRenderer } from \"~/base/Base/FieldRenderers/LexicalEditorsRenderer.js\";\nimport { PasswordInputRenderer } from \"~/base/Base/FieldRenderers/PasswordInputRenderer.js\";\nimport { PermissionsRenderer } from \"~/base/Base/FieldRenderers/PermissionsRenderer.js\";\nimport { RolesMultiSelectRenderer } from \"~/base/Base/FieldRenderers/RolesMultiSelectRenderer.js\";\nimport { ApiKeyTokenRenderer } from \"~/base/Base/FieldRenderers/ApiKeyTokenRenderer.js\";\nimport { MultiAutoCompleteRenderer } from \"~/base/Base/FieldRenderers/MultiAutoCompleteRenderer.js\";\nimport { AutoCompleteRenderer } from \"~/base/Base/FieldRenderers/AutoCompleteRenderer.js\";\nimport { MultiSelectRenderer } from \"~/base/Base/FieldRenderers/MultiSelectRenderer.js\";\nimport { RegisterFeature } from \"~/exports/admin.js\";\nimport { MultiValueDynamicZoneFeature } from \"~/base/Base/FieldRenderers/ObjectRenderer/MultiValueDynamicZone/feature.js\";\n\nexport const DefaultFieldRenderers = () => {\n    return (\n        <>\n            <RegisterFeature feature={MultiValueDynamicZoneFeature} />\n            <AdminConfig>\n                <AdminConfig.Form.FieldRenderer name={\"textInput\"} component={InputRenderer} />\n                <AdminConfig.Form.FieldRenderer name={\"textarea\"} component={TextareaRenderer} />\n                <AdminConfig.Form.FieldRenderer name={\"select\"} component={SelectRenderer} />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"autoComplete\"}\n                    component={AutoCompleteRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"multiSelect\"}\n                    component={MultiSelectRenderer}\n                />\n                {/* @deprecated \"dropdown\" is for BC only./ */}\n                <AdminConfig.Form.FieldRenderer name={\"dropdown\"} component={SelectRenderer} />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"objectAccordionSingle\"}\n                    component={ObjectRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"objectAccordionMultiple\"}\n                    component={ObjectAccordionMultipleRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"dynamicZone\"}\n                    component={DynamicZoneRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"passthrough\"}\n                    component={PassthroughRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer name={\"switch\"} component={SwitchRenderer} />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"numberInput\"}\n                    component={NumberInputRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"numberInputs\"}\n                    component={NumberInputsRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"textInputs\"}\n                    component={TextInputsRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer name={\"textareas\"} component={TextareasRenderer} />\n                <AdminConfig.Form.FieldRenderer name={\"tags\"} component={TagsRenderer} />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"radioButtons\"}\n                    component={RadioButtonsRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"checkboxes\"}\n                    component={CheckboxesRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"dateTimeInput\"}\n                    component={DateTimeRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"dateTimeInputs\"}\n                    component={DateTimeInputsRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer name={\"hidden\"} component={HiddenRenderer} />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"keyValueTags\"}\n                    component={KeyValueTagsRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"filePicker\"}\n                    component={FilePickerRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"multiFilePicker\"}\n                    component={MultiFilePickerRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"fileUrlPicker\"}\n                    component={FileUrlPickerRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"codeEditor\"}\n                    component={CodeEditorRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer name={\"lexical\"} component={LexicalRenderer} />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"lexicalEditors\"}\n                    component={LexicalEditorsRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"passwordInput\"}\n                    component={PasswordInputRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"permissions\"}\n                    component={PermissionsRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"rolesMultiSelect\"}\n                    component={RolesMultiSelectRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"apiKeyToken\"}\n                    component={ApiKeyTokenRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"multiAutoComplete\"}\n                    component={MultiAutoCompleteRenderer}\n                />\n            </AdminConfig>\n        </>\n    );\n};\n"],"names":["DefaultFieldRenderers","RegisterFeature","MultiValueDynamicZoneFeature","AdminConfig","InputRenderer","TextareaRenderer","SelectRenderer","AutoCompleteRenderer","MultiSelectRenderer","ObjectRenderer","ObjectAccordionMultipleRenderer","DynamicZoneRenderer","PassthroughRenderer","SwitchRenderer","NumberInputRenderer","NumberInputsRenderer","TextInputsRenderer","TextareasRenderer","TagsRenderer","RadioButtonsRenderer","CheckboxesRenderer","DateTimeRenderer","DateTimeInputsRenderer","HiddenRenderer","KeyValueTagsRenderer","FilePickerRenderer","MultiFilePickerRenderer","FileUrlPickerRenderer","CodeEditorRenderer","LexicalRenderer","LexicalEditorsRenderer","PasswordInputRenderer","PermissionsRenderer","RolesMultiSelectRenderer","ApiKeyTokenRenderer","MultiAutoCompleteRenderer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCO,MAAMA,wBAAwB,IAC1B,WAAP,GACI,wDACI,oBAACC,iBAAeA;QAAC,SAASC;sBAC1B,oBAACC,aAAWA,MAAAA,WAAAA,GACR,oBAACA,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAa,WAAWC;sBAC9D,oBAACD,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAY,WAAWE;sBAC7D,oBAACF,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAU,WAAWG;sBAC3D,oBAACH,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWI;sBAEf,oBAACJ,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWK;sBAGf,oBAACL,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAY,WAAWG;sBAC7D,oBAACH,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWM;sBAEf,oBAACN,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWO;sBAEf,oBAACP,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWQ;sBAEf,oBAACR,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWS;sBAEf,oBAACT,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAU,WAAWU;sBAC3D,oBAACV,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWW;sBAEf,oBAACX,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWY;sBAEf,oBAACZ,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWa;sBAEf,oBAACb,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAa,WAAWc;sBAC9D,oBAACd,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAQ,WAAWe;sBACzD,oBAACf,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWgB;sBAEf,oBAAChB,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWiB;sBAEf,oBAACjB,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWkB;sBAEf,oBAAClB,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWmB;sBAEf,oBAACnB,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAU,WAAWoB;sBAC3D,oBAACpB,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWqB;sBAEf,oBAACrB,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWsB;sBAEf,oBAACtB,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWuB;sBAEf,oBAACvB,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWwB;sBAEf,oBAACxB,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWyB;sBAEf,oBAACzB,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAW,WAAW0B;sBAC5D,oBAAC1B,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAW2B;sBAEf,oBAAC3B,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAW4B;sBAEf,oBAAC5B,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAW6B;sBAEf,oBAAC7B,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAW8B;sBAEf,oBAAC9B,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAW+B;sBAEf,oBAAC/B,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWgC"}
+{"version":3,"file":"base/Base/DefaultFieldRenderers.js","sources":["../../../src/base/Base/DefaultFieldRenderers.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { InputRenderer } from \"~/base/Base/FieldRenderers/InputRenderer.js\";\nimport { SelectRenderer } from \"~/base/Base/FieldRenderers/SelectRenderer.js\";\nimport { ObjectRenderer } from \"~/base/Base/FieldRenderers/ObjectRenderer/ObjectRenderer.js\";\nimport { ObjectAccordionMultipleRenderer } from \"~/base/Base/FieldRenderers/ObjectRenderer/ObjectAccordionMultipleRenderer.js\";\nimport { DynamicZoneRenderer } from \"~/base/Base/FieldRenderers/ObjectRenderer/DynamicZoneRenderer.js\";\nimport { PassthroughRenderer } from \"~/base/Base/FieldRenderers/PassthroughRenderer.js\";\nimport { TextareaRenderer } from \"~/base/Base/FieldRenderers/TextareaRenderer.js\";\nimport { SwitchRenderer } from \"~/base/Base/FieldRenderers/SwitchRenderer.js\";\nimport { NumberInputRenderer } from \"~/base/Base/FieldRenderers/NumberInputRenderer.js\";\nimport { NumberInputsRenderer } from \"~/base/Base/FieldRenderers/NumberInputsRenderer.js\";\nimport { TextInputsRenderer } from \"~/base/Base/FieldRenderers/TextInputsRenderer.js\";\nimport { TextareasRenderer } from \"~/base/Base/FieldRenderers/TextareasRenderer.js\";\nimport { TagsRenderer } from \"~/base/Base/FieldRenderers/TagsRenderer.js\";\nimport { RadioButtonsRenderer } from \"~/base/Base/FieldRenderers/RadioButtonsRenderer.js\";\nimport { CheckboxesRenderer } from \"~/base/Base/FieldRenderers/CheckboxesRenderer.js\";\nimport { DateTimeRenderer } from \"~/base/Base/FieldRenderers/DateTimeRenderer.js\";\nimport { DateTimeInputsRenderer } from \"~/base/Base/FieldRenderers/DateTimeInputsRenderer.js\";\nimport { BirthdayInputRenderer } from \"~/base/Base/FieldRenderers/BirthdayInputRenderer.js\";\nimport { HiddenRenderer } from \"~/base/Base/FieldRenderers/HiddenRenderer.js\";\nimport { KeyValueTagsRenderer } from \"~/base/Base/FieldRenderers/ObjectRenderer/KeyValueTagsRenderer.js\";\nimport { FilePickerRenderer } from \"~/base/Base/FieldRenderers/FilePickerRenderer.js\";\nimport { FileUrlPickerRenderer } from \"~/base/Base/FieldRenderers/FileUrlPickerRenderer.js\";\nimport { MultiFilePickerRenderer } from \"~/base/Base/FieldRenderers/MultiFilePickerRenderer.js\";\nimport { CodeEditorRenderer } from \"~/base/Base/FieldRenderers/CodeEditorRenderer.js\";\nimport { LexicalRenderer } from \"~/base/Base/FieldRenderers/LexicalRenderer.js\";\nimport { LexicalEditorsRenderer } from \"~/base/Base/FieldRenderers/LexicalEditorsRenderer.js\";\nimport { PasswordInputRenderer } from \"~/base/Base/FieldRenderers/PasswordInputRenderer.js\";\nimport { PermissionsRenderer } from \"~/base/Base/FieldRenderers/PermissionsRenderer.js\";\nimport { RolesMultiSelectRenderer } from \"~/base/Base/FieldRenderers/RolesMultiSelectRenderer.js\";\nimport { ApiKeyTokenRenderer } from \"~/base/Base/FieldRenderers/ApiKeyTokenRenderer.js\";\nimport { MultiAutoCompleteRenderer } from \"~/base/Base/FieldRenderers/MultiAutoCompleteRenderer.js\";\nimport { AutoCompleteRenderer } from \"~/base/Base/FieldRenderers/AutoCompleteRenderer.js\";\nimport { MultiSelectRenderer } from \"~/base/Base/FieldRenderers/MultiSelectRenderer.js\";\nimport { RegisterFeature } from \"~/exports/admin.js\";\nimport { MultiValueDynamicZoneFeature } from \"~/base/Base/FieldRenderers/ObjectRenderer/MultiValueDynamicZone/feature.js\";\n\nexport const DefaultFieldRenderers = () => {\n    return (\n        <>\n            <RegisterFeature feature={MultiValueDynamicZoneFeature} />\n            <AdminConfig>\n                <AdminConfig.Form.FieldRenderer name={\"textInput\"} component={InputRenderer} />\n                <AdminConfig.Form.FieldRenderer name={\"textarea\"} component={TextareaRenderer} />\n                <AdminConfig.Form.FieldRenderer name={\"select\"} component={SelectRenderer} />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"autoComplete\"}\n                    component={AutoCompleteRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"multiSelect\"}\n                    component={MultiSelectRenderer}\n                />\n                {/* @deprecated \"dropdown\" is for BC only./ */}\n                <AdminConfig.Form.FieldRenderer name={\"dropdown\"} component={SelectRenderer} />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"objectAccordionSingle\"}\n                    component={ObjectRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"objectAccordionMultiple\"}\n                    component={ObjectAccordionMultipleRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"dynamicZone\"}\n                    component={DynamicZoneRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"passthrough\"}\n                    component={PassthroughRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer name={\"switch\"} component={SwitchRenderer} />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"numberInput\"}\n                    component={NumberInputRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"numberInputs\"}\n                    component={NumberInputsRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"textInputs\"}\n                    component={TextInputsRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer name={\"textareas\"} component={TextareasRenderer} />\n                <AdminConfig.Form.FieldRenderer name={\"tags\"} component={TagsRenderer} />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"radioButtons\"}\n                    component={RadioButtonsRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"checkboxes\"}\n                    component={CheckboxesRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"dateTimeInput\"}\n                    component={DateTimeRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"dateTimeInputs\"}\n                    component={DateTimeInputsRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"birthdayInput\"}\n                    component={BirthdayInputRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer name={\"hidden\"} component={HiddenRenderer} />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"keyValueTags\"}\n                    component={KeyValueTagsRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"filePicker\"}\n                    component={FilePickerRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"multiFilePicker\"}\n                    component={MultiFilePickerRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"fileUrlPicker\"}\n                    component={FileUrlPickerRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"codeEditor\"}\n                    component={CodeEditorRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer name={\"lexical\"} component={LexicalRenderer} />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"lexicalEditors\"}\n                    component={LexicalEditorsRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"passwordInput\"}\n                    component={PasswordInputRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"permissions\"}\n                    component={PermissionsRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"rolesMultiSelect\"}\n                    component={RolesMultiSelectRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"apiKeyToken\"}\n                    component={ApiKeyTokenRenderer}\n                />\n                <AdminConfig.Form.FieldRenderer\n                    name={\"multiAutoComplete\"}\n                    component={MultiAutoCompleteRenderer}\n                />\n            </AdminConfig>\n        </>\n    );\n};\n"],"names":["DefaultFieldRenderers","RegisterFeature","MultiValueDynamicZoneFeature","AdminConfig","InputRenderer","TextareaRenderer","SelectRenderer","AutoCompleteRenderer","MultiSelectRenderer","ObjectRenderer","ObjectAccordionMultipleRenderer","DynamicZoneRenderer","PassthroughRenderer","SwitchRenderer","NumberInputRenderer","NumberInputsRenderer","TextInputsRenderer","TextareasRenderer","TagsRenderer","RadioButtonsRenderer","CheckboxesRenderer","DateTimeRenderer","DateTimeInputsRenderer","BirthdayInputRenderer","HiddenRenderer","KeyValueTagsRenderer","FilePickerRenderer","MultiFilePickerRenderer","FileUrlPickerRenderer","CodeEditorRenderer","LexicalRenderer","LexicalEditorsRenderer","PasswordInputRenderer","PermissionsRenderer","RolesMultiSelectRenderer","ApiKeyTokenRenderer","MultiAutoCompleteRenderer"],"mappings":"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"}

package/base/Base/FieldRenderers/AutoCompleteRenderer.js

@@ -15,6 +15,7 @@ const AutoCompleteRenderer = createFieldRenderer(({ field })=>{
             field.onBlur();
         },
         required: field.required,
+        displayResetAction: !field.required,
         disabled: field.disabled,
         validation: field.validation,
         options: options.map((opt)=>({

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

@@ -1 +1 @@
-{"version":3,"file":"base/Base/FieldRenderers/AutoCompleteRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/AutoCompleteRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { AutoComplete } from \"@webiny/admin-ui\";\nimport type { IValueOption } from \"~/features/formModel/index.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        autoComplete: { fieldType: \"text\" | \"number\"; options: true; settings: undefined };\n    }\n}\n\nexport const AutoCompleteRenderer = createFieldRenderer(({ field }) => {\n    const options: IValueOption[] = field.options ?? [];\n\n    return (\n        <AutoComplete\n            label={field.label}\n            hint={field.help}\n            placeholder={field.placeholder}\n            description={field.description}\n            note={field.note}\n            value={field.value != null ? String(field.value) : \"\"}\n            onValueChange={value => {\n                field.onChange(value);\n                field.onBlur();\n            }}\n            required={field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n            options={options.map(opt => ({\n                label: opt.label,\n                value: String(opt.value),\n                disabled: opt.disabled\n            }))}\n        />\n    );\n});\n"],"names":["AutoCompleteRenderer","createFieldRenderer","field","options","AutoComplete","String","value","opt"],"mappings":";;;AAWO,MAAMA,uBAAuBC,oBAAoB,CAAC,EAAEC,KAAK,EAAE;IAC9D,MAAMC,UAA0BD,MAAM,OAAO,IAAI,EAAE;IAEnD,OAAO,WAAP,GACI,oBAACE,cAAYA;QACT,OAAOF,MAAM,KAAK;QAClB,MAAMA,MAAM,IAAI;QAChB,aAAaA,MAAM,WAAW;QAC9B,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,OAAOA,AAAe,QAAfA,MAAM,KAAK,GAAWG,OAAOH,MAAM,KAAK,IAAI;QACnD,eAAeI,CAAAA;YACXJ,MAAM,QAAQ,CAACI;YACfJ,MAAM,MAAM;QAChB;QACA,UAAUA,MAAM,QAAQ;QACxB,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;QAC5B,SAASC,QAAQ,GAAG,CAACI,CAAAA,MAAQ;gBACzB,OAAOA,IAAI,KAAK;gBAChB,OAAOF,OAAOE,IAAI,KAAK;gBACvB,UAAUA,IAAI,QAAQ;YAC1B;;AAGZ"}
+{"version":3,"file":"base/Base/FieldRenderers/AutoCompleteRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/AutoCompleteRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { AutoComplete } from \"@webiny/admin-ui\";\nimport type { IValueOption } from \"~/features/formModel/index.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        autoComplete: { fieldType: \"text\" | \"number\"; options: true; settings: undefined };\n    }\n}\n\nexport const AutoCompleteRenderer = createFieldRenderer(({ field }) => {\n    const options: IValueOption[] = field.options ?? [];\n\n    return (\n        <AutoComplete\n            label={field.label}\n            hint={field.help}\n            placeholder={field.placeholder}\n            description={field.description}\n            note={field.note}\n            value={field.value != null ? String(field.value) : \"\"}\n            onValueChange={value => {\n                field.onChange(value);\n                field.onBlur();\n            }}\n            required={field.required}\n            // Clearing a required field can only leave it invalid, so it gets no reset action.\n            displayResetAction={!field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n            options={options.map(opt => ({\n                label: opt.label,\n                value: String(opt.value),\n                disabled: opt.disabled\n            }))}\n        />\n    );\n});\n"],"names":["AutoCompleteRenderer","createFieldRenderer","field","options","AutoComplete","String","value","opt"],"mappings":";;;AAWO,MAAMA,uBAAuBC,oBAAoB,CAAC,EAAEC,KAAK,EAAE;IAC9D,MAAMC,UAA0BD,MAAM,OAAO,IAAI,EAAE;IAEnD,OAAO,WAAP,GACI,oBAACE,cAAYA;QACT,OAAOF,MAAM,KAAK;QAClB,MAAMA,MAAM,IAAI;QAChB,aAAaA,MAAM,WAAW;QAC9B,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,OAAOA,AAAe,QAAfA,MAAM,KAAK,GAAWG,OAAOH,MAAM,KAAK,IAAI;QACnD,eAAeI,CAAAA;YACXJ,MAAM,QAAQ,CAACI;YACfJ,MAAM,MAAM;QAChB;QACA,UAAUA,MAAM,QAAQ;QAExB,oBAAoB,CAACA,MAAM,QAAQ;QACnC,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;QAC5B,SAASC,QAAQ,GAAG,CAACI,CAAAA,MAAQ;gBACzB,OAAOA,IAAI,KAAK;gBAChB,OAAOF,OAAOE,IAAI,KAAK;gBACvB,UAAUA,IAAI,QAAQ;YAC1B;;AAGZ"}

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

@@ -0,0 +1,21 @@
+import React from "react";
+declare module "../../../features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        /**
+         * Picks a day, then a month, then a year. It offers only the dates the field's
+         * `dateGte`/`dateLte` limits allow; without limits, years run from this year back
+         * 120 years.
+         */
+        birthdayInput: {
+            fieldType: "datetime";
+            settings?: undefined;
+        };
+    }
+}
+/**
+ * Renders a date-only field as a step-by-step picker: day, then month, then year.
+ * The value is the same `YYYY-MM-DD` string the calendar picker stores.
+ */
+export declare const BirthdayInputRenderer: React.ComponentType<{
+    field: import("../../..").IFieldVM;
+}>;

package/base/Base/FieldRenderers/BirthdayInputRenderer.js

@@ -0,0 +1,39 @@
+import react, { useMemo } from "react";
+import { DatePicker } from "@webiny/admin-ui";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
+import { getDateLimits, resolveDateLimits } from "../../../features/formModel/fieldTypes/dateLimits.js";
+const toLocalDate = (value)=>{
+    const match = value?.match(/^(\d{4})-(\d{2})-(\d{2})/);
+    return match ? new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3])) : void 0;
+};
+const BirthdayInputRenderer = createFieldRenderer(({ field })=>{
+    const { min, max } = resolveDateLimits(getDateLimits(field.rendererSettings));
+    const minDate = useMemo(()=>toLocalDate(min), [
+        min
+    ]);
+    const maxDate = useMemo(()=>toLocalDate(max), [
+        max
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "w-full"
+    }, /*#__PURE__*/ react.createElement(DatePicker, {
+        hint: field.help,
+        type: "birthday",
+        value: field.value ?? void 0,
+        onChange: (value)=>{
+            field.onChange(value);
+            field.onBlur();
+        },
+        disabled: field.disabled,
+        minDate: minDate,
+        maxDate: maxDate,
+        label: field.label,
+        description: field.description,
+        note: field.note,
+        required: field.required,
+        validation: field.validation
+    }));
+});
+export { BirthdayInputRenderer };
+
+//# sourceMappingURL=BirthdayInputRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/FieldRenderers/BirthdayInputRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/BirthdayInputRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { DatePicker } from \"@webiny/admin-ui\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { getDateLimits, resolveDateLimits } from \"~/features/formModel/fieldTypes/dateLimits.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        /**\n         * Picks a day, then a month, then a year. It offers only the dates the field's\n         * `dateGte`/`dateLte` limits allow; without limits, years run from this year back\n         * 120 years.\n         */\n        birthdayInput: {\n            fieldType: \"datetime\";\n            settings?: undefined;\n        };\n    }\n}\n\n/** A `YYYY-MM-DD` date as local midnight, the way the picker compares dates. */\nconst toLocalDate = (value: string | undefined): Date | undefined => {\n    const match = value?.match(/^(\\d{4})-(\\d{2})-(\\d{2})/);\n    return match ? new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3])) : undefined;\n};\n\n/**\n * Renders a date-only field as a step-by-step picker: day, then month, then year.\n * The value is the same `YYYY-MM-DD` string the calendar picker stores.\n */\nexport const BirthdayInputRenderer = createFieldRenderer<\"birthdayInput\">(({ field }) => {\n    // Worked out on every render, so the limits follow the editor's local date.\n    const { min, max } = resolveDateLimits(getDateLimits(field.rendererSettings));\n    const minDate = useMemo(() => toLocalDate(min), [min]);\n    const maxDate = useMemo(() => toLocalDate(max), [max]);\n\n    return (\n        <div className=\"w-full\">\n            <DatePicker\n                hint={field.help}\n                type={\"birthday\"}\n                value={(field.value as string | undefined) ?? undefined}\n                onChange={value => {\n                    field.onChange(value);\n                    field.onBlur();\n                }}\n                disabled={field.disabled}\n                minDate={minDate}\n                maxDate={maxDate}\n                label={field.label}\n                description={field.description}\n                note={field.note}\n                required={field.required}\n                validation={field.validation}\n            />\n        </div>\n    );\n});\n"],"names":["toLocalDate","value","match","Date","Number","undefined","BirthdayInputRenderer","createFieldRenderer","field","min","max","resolveDateLimits","getDateLimits","minDate","useMemo","maxDate","DatePicker"],"mappings":";;;;AAoBA,MAAMA,cAAc,CAACC;IACjB,MAAMC,QAAQD,OAAO,MAAM;IAC3B,OAAOC,QAAQ,IAAIC,KAAKC,OAAOF,KAAK,CAAC,EAAE,GAAGE,OAAOF,KAAK,CAAC,EAAE,IAAI,GAAGE,OAAOF,KAAK,CAAC,EAAE,KAAKG;AACxF;AAMO,MAAMC,wBAAwBC,oBAAqC,CAAC,EAAEC,KAAK,EAAE;IAEhF,MAAM,EAAEC,GAAG,EAAEC,GAAG,EAAE,GAAGC,kBAAkBC,cAAcJ,MAAM,gBAAgB;IAC3E,MAAMK,UAAUC,QAAQ,IAAMd,YAAYS,MAAM;QAACA;KAAI;IACrD,MAAMM,UAAUD,QAAQ,IAAMd,YAAYU,MAAM;QAACA;KAAI;IAErD,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACM,YAAUA;QACP,MAAMR,MAAM,IAAI;QAChB,MAAM;QACN,OAAQA,MAAM,KAAK,IAA2BH;QAC9C,UAAUJ,CAAAA;YACNO,MAAM,QAAQ,CAACP;YACfO,MAAM,MAAM;QAChB;QACA,UAAUA,MAAM,QAAQ;QACxB,SAASK;QACT,SAASE;QACT,OAAOP,MAAM,KAAK;QAClB,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;;AAI5C"}

package/base/Base/FieldRenderers/BirthdayInputRenderer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/base/Base/FieldRenderers/BirthdayInputRenderer.test.js

@@ -0,0 +1,123 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import react from "react";
+import { cleanup, fireEvent, render, screen, within } from "@testing-library/react";
+import { AdminUiProvider } from "@webiny/admin-ui";
+import { DateTimeFieldBuilder } from "../../../features/formModel/fieldTypes/DateTimeFieldType.js";
+import { BirthdayInputRenderer } from "./BirthdayInputRenderer.js";
+vi.mock("@webiny/icons/calendar_month.svg", ()=>({
+        ReactComponent: ()=>null
+    }));
+vi.mock("@webiny/icons/close.svg", ()=>({
+        ReactComponent: ()=>null
+    }));
+const createAdultField = ()=>{
+    const config = new DateTimeFieldBuilder().dateOnly().dateLte({
+        expression: "today-18y"
+    }).renderer("birthdayInput").build("dob");
+    return {
+        name: "dob",
+        qualifiedName: "dob",
+        type: "datetime",
+        label: "Date of birth",
+        value: void 0,
+        validation: {
+            isValid: null
+        },
+        validating: false,
+        required: false,
+        visible: true,
+        disabled: false,
+        renderer: config.renderer,
+        rendererSettings: config.rendererSettings,
+        onChange: vi.fn(),
+        onBlur: vi.fn(),
+        addItem: vi.fn(),
+        removeItem: vi.fn(),
+        focusRequested: false,
+        clearFocusRequest: vi.fn(),
+        context: {}
+    };
+};
+const cell = (step, name)=>{
+    const panel = document.querySelector(`div[data-step="${step}"]`);
+    return within(panel).getByRole("button", {
+        name,
+        hidden: true
+    });
+};
+const years = ()=>{
+    const panel = document.querySelector('div[data-step="year"]');
+    return within(panel).getAllByRole("button", {
+        hidden: true
+    }).map((button)=>Number(button.textContent));
+};
+const renderField = (field)=>render(/*#__PURE__*/ react.createElement(AdminUiProvider, null, /*#__PURE__*/ react.createElement(BirthdayInputRenderer, {
+        field: field
+    })));
+const openPicker = ()=>{
+    fireEvent.click(screen.getByRole("button", {
+        expanded: false
+    }));
+};
+describe("BirthdayInputRenderer with a relative limit", ()=>{
+    beforeEach(()=>{
+        vi.useFakeTimers({
+            toFake: [
+                "Date"
+            ]
+        });
+        vi.stubGlobal("ResizeObserver", class {
+            observe() {}
+            unobserve() {}
+            disconnect() {}
+        });
+    });
+    afterEach(()=>{
+        cleanup();
+        vi.useRealTimers();
+        vi.unstubAllGlobals();
+    });
+    it("starts the year list at the cut-off year", ()=>{
+        vi.setSystemTime(new Date(2026, 9, 19, 12));
+        renderField(createAdultField());
+        openPicker();
+        expect(years()[0]).toBe(2008);
+        expect(years().some((year)=>year > 2008)).toBe(false);
+    });
+    it("dims the cut-off year for a day after the cut-off", ()=>{
+        vi.setSystemTime(new Date(2026, 9, 19, 12));
+        renderField(createAdultField());
+        openPicker();
+        fireEvent.click(cell("day", "20"));
+        fireEvent.click(cell("month", "October"));
+        expect(cell("year", "2008").disabled).toBe(true);
+        expect(cell("year", "2007").disabled).toBe(false);
+    });
+    it("allows the cut-off day itself", ()=>{
+        vi.setSystemTime(new Date(2026, 9, 19, 12));
+        const field = createAdultField();
+        renderField(field);
+        openPicker();
+        fireEvent.click(cell("day", "19"));
+        fireEvent.click(cell("month", "October"));
+        expect(cell("year", "2008").disabled).toBe(false);
+        fireEvent.click(cell("year", "2008"));
+        expect(field.onChange).toHaveBeenLastCalledWith("2008-10-19");
+    });
+    it("moves the cut-off with the date", ()=>{
+        vi.setSystemTime(new Date(2026, 9, 20, 12));
+        renderField(createAdultField());
+        openPicker();
+        fireEvent.click(cell("day", "20"));
+        fireEvent.click(cell("month", "October"));
+        expect(cell("year", "2008").disabled).toBe(false);
+    });
+    it("moves the year list on 1 January", ()=>{
+        vi.setSystemTime(new Date(2027, 0, 1, 12));
+        renderField(createAdultField());
+        openPicker();
+        expect(years()[0]).toBe(2009);
+    });
+});
+
+//# sourceMappingURL=BirthdayInputRenderer.test.js.map

package/base/Base/FieldRenderers/BirthdayInputRenderer.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/FieldRenderers/BirthdayInputRenderer.test.js","sources":["../../../../src/base/Base/FieldRenderers/BirthdayInputRenderer.test.tsx"],"sourcesContent":["import { afterEach, beforeEach, describe, it, expect, vi } from \"vitest\";\nimport React from \"react\";\nimport { cleanup, fireEvent, render, screen, within } from \"@testing-library/react\";\nimport { AdminUiProvider } from \"@webiny/admin-ui\";\nimport type { IFieldVM } from \"~/features/formModel/abstractions.js\";\nimport { DateTimeFieldBuilder } from \"~/features/formModel/fieldTypes/DateTimeFieldType.js\";\nimport { BirthdayInputRenderer } from \"./BirthdayInputRenderer.js\";\n\n// Tests don't turn SVG files into components, so the picker's icons are stubbed.\nvi.mock(\"@webiny/icons/calendar_month.svg\", () => ({ ReactComponent: () => null }));\nvi.mock(\"@webiny/icons/close.svg\", () => ({ ReactComponent: () => null }));\n\n/** A date-only field of 18 or older, as `datetime()` hands it to the renderer. */\nconst createAdultField = (): IFieldVM => {\n    const config = new DateTimeFieldBuilder()\n        .dateOnly()\n        .dateLte({ expression: \"today-18y\" })\n        .renderer(\"birthdayInput\")\n        .build(\"dob\");\n\n    return {\n        name: \"dob\",\n        qualifiedName: \"dob\",\n        type: \"datetime\",\n        label: \"Date of birth\",\n        value: undefined,\n        validation: { isValid: null },\n        validating: false,\n        required: false,\n        visible: true,\n        disabled: false,\n        renderer: config.renderer,\n        rendererSettings: config.rendererSettings,\n        onChange: vi.fn(),\n        onBlur: vi.fn(),\n        addItem: vi.fn(),\n        removeItem: vi.fn(),\n        focusRequested: false,\n        clearFocusRequest: vi.fn(),\n        context: {}\n    };\n};\n\n/**\n * A step's grid. The header segments carry `data-step` too, so only the grid `div` matches.\n * Only the current step's grid is visible, so the cells are looked up as hidden as well.\n */\nconst cell = (step: \"day\" | \"month\" | \"year\", name: string) => {\n    const panel = document.querySelector<HTMLElement>(`div[data-step=\"${step}\"]`)!;\n    return within(panel).getByRole<HTMLButtonElement>(\"button\", { name, hidden: true });\n};\n\nconst years = () => {\n    const panel = document.querySelector<HTMLElement>(`div[data-step=\"year\"]`)!;\n    return within(panel)\n        .getAllByRole(\"button\", { hidden: true })\n        .map(button => Number(button.textContent));\n};\n\nconst renderField = (field: IFieldVM) =>\n    render(\n        <AdminUiProvider>\n            <BirthdayInputRenderer field={field} />\n        </AdminUiProvider>\n    );\n\nconst openPicker = () => {\n    fireEvent.click(screen.getByRole(\"button\", { expanded: false }));\n};\n\n/**\n * The renderer works the limits out from the editor's local date on every render. Only `Date`\n * is frozen, so the picker's own timers and animation frames run as usual.\n */\ndescribe(\"BirthdayInputRenderer with a relative limit\", () => {\n    beforeEach(() => {\n        vi.useFakeTimers({ toFake: [\"Date\"] });\n        // Polyfilled per test: jsdom has no ResizeObserver, which the popover and scroll area use.\n        vi.stubGlobal(\n            \"ResizeObserver\",\n            class {\n                observe() {}\n                unobserve() {}\n                disconnect() {}\n            }\n        );\n    });\n\n    afterEach(() => {\n        cleanup();\n        vi.useRealTimers();\n        vi.unstubAllGlobals();\n    });\n\n    it(\"starts the year list at the cut-off year\", () => {\n        vi.setSystemTime(new Date(2026, 9, 19, 12));\n        renderField(createAdultField());\n        openPicker();\n\n        expect(years()[0]).toBe(2008);\n        expect(years().some(year => year > 2008)).toBe(false);\n    });\n\n    it(\"dims the cut-off year for a day after the cut-off\", () => {\n        vi.setSystemTime(new Date(2026, 9, 19, 12));\n        renderField(createAdultField());\n        openPicker();\n\n        fireEvent.click(cell(\"day\", \"20\"));\n        fireEvent.click(cell(\"month\", \"October\"));\n\n        expect(cell(\"year\", \"2008\").disabled).toBe(true);\n        expect(cell(\"year\", \"2007\").disabled).toBe(false);\n    });\n\n    it(\"allows the cut-off day itself\", () => {\n        vi.setSystemTime(new Date(2026, 9, 19, 12));\n        const field = createAdultField();\n        renderField(field);\n        openPicker();\n\n        fireEvent.click(cell(\"day\", \"19\"));\n        fireEvent.click(cell(\"month\", \"October\"));\n        expect(cell(\"year\", \"2008\").disabled).toBe(false);\n\n        fireEvent.click(cell(\"year\", \"2008\"));\n        expect(field.onChange).toHaveBeenLastCalledWith(\"2008-10-19\");\n    });\n\n    it(\"moves the cut-off with the date\", () => {\n        vi.setSystemTime(new Date(2026, 9, 20, 12));\n        renderField(createAdultField());\n        openPicker();\n\n        fireEvent.click(cell(\"day\", \"20\"));\n        fireEvent.click(cell(\"month\", \"October\"));\n\n        expect(cell(\"year\", \"2008\").disabled).toBe(false);\n    });\n\n    it(\"moves the year list on 1 January\", () => {\n        vi.setSystemTime(new Date(2027, 0, 1, 12));\n        renderField(createAdultField());\n        openPicker();\n\n        expect(years()[0]).toBe(2009);\n    });\n});\n"],"names":["vi","createAdultField","config","DateTimeFieldBuilder","undefined","cell","step","name","panel","document","within","years","button","Number","renderField","field","render","AdminUiProvider","BirthdayInputRenderer","openPicker","fireEvent","screen","describe","beforeEach","afterEach","cleanup","it","Date","expect","year"],"mappings":"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"}

package/base/Base/FieldRenderers/ObjectRenderer/MultiValueDynamicZone/MultiValueDynamicZone.js

@@ -1,7 +1,8 @@
-import react, { useEffect, useMemo } from "react";
+import react, { useEffect, useMemo, useState } from "react";
 import { observer } from "mobx-react-lite";
 import { Accordion, Button, Separator, Tooltip, useToast } from "@webiny/admin-ui";
 import { useContainer, useFeature } from "@webiny/app";
+import { hasSubtreeFocusRequest } from "../../../../../features/formModel/index.js";
 import { ReactComponent } from "@webiny/icons/content_copy.svg";
 import { ReactComponent as content_paste_svg_ReactComponent } from "@webiny/icons/content_paste.svg";
 import { ReactComponent as delete_outline_svg_ReactComponent } from "@webiny/icons/delete_outline.svg";
@@ -13,7 +14,7 @@ import { TEMPLATE_DISCRIMINATOR } from "../../../../../features/formModel/Object
 import { ClipboardFeature } from "../../../../../features/clipboard/feature.js";
 import { useConfirmationDialog } from "../../../../../hooks/useConfirmationDialog.js";
 import { NestedLayout } from "../ObjectFieldComponents.js";
-import { AddTemplateButton } from "../TemplatePicker.js";
+import { AddTemplateButton } from "../TemplatePicker/index.js";
 import { MultiValueDynamicZonePresenter } from "./abstractions.js";
 const MultiValueDynamicZone = observer(({ field, addItemLabel, showContainer = true })=>{
     const toast = useToast();
@@ -30,6 +31,13 @@ const MultiValueDynamicZone = observer(({ field, addItemLabel, showContainer = t
     useEffect(()=>()=>presenter.dispose(), [
         presenter
     ]);
+    const focusInside = hasSubtreeFocusRequest(field.items.flatMap((i)=>i.fields));
+    const [containerOpen, setContainerOpen] = useState(true);
+    useEffect(()=>{
+        if (focusInside) setContainerOpen(true);
+    }, [
+        focusInside
+    ]);
     const itemCount = field.items.length;
     const clipboardItem = clipboard.item;
     const canPaste = null !== clipboardItem && "wby.dz" === clipboardItem.type && "string" == typeof clipboardItem.data[TEMPLATE_DISCRIMINATOR] && field.availableTemplates.some((t)=>t.id === clipboardItem.data[TEMPLATE_DISCRIMINATOR]);
@@ -87,7 +95,8 @@ const MultiValueDynamicZone = observer(({ field, addItemLabel, showContainer = t
             icon: /*#__PURE__*/ react.createElement(horizontal_rule_svg_ReactComponent, null)
         }),
         title: label,
-        defaultOpen: true
+        open: containerOpen,
+        onOpenChange: setContainerOpen
     }, content));
 });
 const TemplatedListItem = observer(({ item, index, total, templates, disabled, sortable })=>{
@@ -101,6 +110,13 @@ const TemplatedListItem = observer(({ item, index, total, templates, disabled, s
     });
     const template = templates.find((t)=>t.id === item.templateId);
     const title = template?.label || `Item #${index + 1}`;
+    const focusInside = hasSubtreeFocusRequest(item.fields);
+    const [open, setOpen] = useState(false);
+    useEffect(()=>{
+        if (focusInside) setOpen(true);
+    }, [
+        focusInside
+    ]);
     const onDelete = ()=>{
         showConfirmation(()=>{
             item.remove();
@@ -160,7 +176,8 @@ const TemplatedListItem = observer(({ item, index, total, templates, disabled, s
     }), /*#__PURE__*/ react.createElement(Accordion.Item, {
         title: title,
         actions: disabled ? null : actions,
-        defaultOpen: false,
+        open: open,
+        onOpenChange: setOpen,
         draggable: !disabled,
         dragHandleRef: sortable.handleRef
     }, /*#__PURE__*/ react.createElement(NestedLayout, {

package/base/Base/FieldRenderers/ObjectRenderer/MultiValueDynamicZone/MultiValueDynamicZone.js.map

@@ -1 +1 @@
-{"version":3,"file":"base/Base/FieldRenderers/ObjectRenderer/MultiValueDynamicZone/MultiValueDynamicZone.js","sources":["../../../../../../src/base/Base/FieldRenderers/ObjectRenderer/MultiValueDynamicZone/MultiValueDynamicZone.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Accordion, Button, Tooltip, useToast } from \"@webiny/admin-ui\";\nimport { useFeature, useContainer } from \"@webiny/app\";\nimport { ReactComponent as CopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport { ReactComponent as PasteIcon } from \"@webiny/icons/content_paste.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport { ReactComponent as CloneIcon } from \"@webiny/icons/library_add.svg\";\nimport { ReactComponent as ArrowUpIcon } from \"@webiny/icons/expand_less.svg\";\nimport { ReactComponent as ArrowDownIcon } from \"@webiny/icons/expand_more.svg\";\nimport { ReactComponent as HorizontalRuleIcon } from \"@webiny/icons/horizontal_rule.svg\";\nimport type { IObjectFieldItemVM, IObjectFieldVM } from \"~/features/formModel/index.js\";\nimport { TEMPLATE_DISCRIMINATOR } from \"~/features/formModel/ObjectField.js\";\nimport { ClipboardFeature } from \"~/features/clipboard/feature.js\";\nimport { useConfirmationDialog } from \"~/hooks/useConfirmationDialog.js\";\nimport { NestedLayout } from \"../ObjectFieldComponents.js\";\nimport { AddTemplateButton } from \"../TemplatePicker.js\";\nimport {\n    MultiValueDynamicZonePresenter,\n    type IMultiValueDynamicZonePresenter\n} from \"./abstractions.js\";\nimport type { ISortableItemProps } from \"~/presentation/sortable/index.js\";\nimport { Separator } from \"@webiny/admin-ui\";\n\ninterface MultiValueDynamicZoneProps {\n    field: IObjectFieldVM;\n    addItemLabel: string;\n    showContainer?: boolean;\n}\n\nexport const MultiValueDynamicZone = observer(\n    ({ field, addItemLabel, showContainer = true }: MultiValueDynamicZoneProps) => {\n        const toast = useToast();\n        const { clipboard } = useFeature(ClipboardFeature);\n        const container = useContainer();\n\n        const presenter = useMemo<IMultiValueDynamicZonePresenter>(() => {\n            const p = container.resolve(MultiValueDynamicZonePresenter);\n            p.init({ type: `dz:${field.name}`, onReorder: (from, to) => field.moveItem(from, to) });\n            return p;\n        }, []);\n\n        useEffect(() => {\n            return () => presenter.dispose();\n        }, [presenter]);\n\n        const itemCount = field.items.length;\n\n        const clipboardItem = clipboard.item;\n        const canPaste =\n            clipboardItem !== null &&\n            clipboardItem.type === \"wby.dz\" &&\n            typeof clipboardItem.data[TEMPLATE_DISCRIMINATOR] === \"string\" &&\n            field.availableTemplates.some(t => t.id === clipboardItem.data[TEMPLATE_DISCRIMINATOR]);\n\n        const content = (\n            <div className={\"flex flex-col gap-lg\"}>\n                {itemCount > 0 ? (\n                    <Accordion\n                        background={\"base\"}\n                        variant={\"container\"}\n                        className={\"gap-md flex flex-col\"}\n                    >\n                        {field.items.map((item, index) => (\n                            <TemplatedListItem\n                                key={item.key}\n                                item={item}\n                                index={index}\n                                total={itemCount}\n                                templates={field.availableTemplates}\n                                disabled={field.disabled}\n                                sortable={presenter.getItemProps(index)}\n                            />\n                        ))}\n                    </Accordion>\n                ) : null}\n                {!field.disabled && (\n                    <div className={\"flex gap-sm items-center\"}>\n                        <AddTemplateButton\n                            label={addItemLabel}\n                            templates={field.availableTemplates}\n                            onSelect={template => field.addItem(template.id)}\n                        />\n                        {canPaste && (\n                            <Button\n                                size={\"sm\"}\n                                variant={\"tertiary\"}\n                                text={\"Paste\"}\n                                icon={<PasteIcon />}\n                                onClick={() => {\n                                    const pasted = clipboard.paste();\n                                    if (pasted) {\n                                        field.addItem(pasted.data);\n                                        toast.showSuccessToast({\n                                            title: \"Pasted from clipboard.\"\n                                        });\n                                    }\n                                }}\n                            />\n                        )}\n                    </div>\n                )}\n            </div>\n        );\n\n        if (!showContainer) {\n            return (\n                <>\n                    <Separator labelPosition={\"start\"} variant={\"accent\"}>\n                        <span className={\"text-accent-primary text-lg font-semibold\"}>\n                            {field.label ?? \"\"} ({itemCount})\n                        </span>\n                    </Separator>\n                    <div className={\"mt-md\"}>{content}</div>\n                </>\n            );\n        }\n\n        const label = `${field.label || \"\"}${itemCount ? ` (${itemCount})` : \"\"}`;\n\n        return (\n            <Accordion background={\"base\"} variant={\"container\"}>\n                <Accordion.Item\n                    icon={\n                        <Accordion.Item.Icon\n                            color={\"accent\"}\n                            label={\"Dynamic Zone\"}\n                            icon={<HorizontalRuleIcon />}\n                        />\n                    }\n                    title={label}\n                    defaultOpen={true}\n                >\n                    {content}\n                </Accordion.Item>\n            </Accordion>\n        );\n    }\n);\n\ninterface TemplatedListItemProps {\n    item: IObjectFieldItemVM;\n    index: number;\n    total: number;\n    templates: { id: string; label: string }[];\n    disabled: boolean;\n    sortable: ISortableItemProps;\n}\n\nconst TemplatedListItem = observer(\n    ({ item, index, total, templates, disabled, sortable }: TemplatedListItemProps) => {\n        const toast = useToast();\n        const { clipboard } = useFeature(ClipboardFeature);\n        const { showConfirmation } = useConfirmationDialog({\n            title: \"Delete item\",\n            message: \"Are you sure you want to delete this item? This action is not reversible.\",\n            acceptLabel: \"Yes, I'm sure!\",\n            cancelLabel: \"No, leave it.\"\n        });\n\n        const template = templates.find(t => t.id === item.templateId);\n        const title = template?.label || `Item #${index + 1}`;\n\n        const onDelete = () => {\n            showConfirmation(() => {\n                item.remove();\n            });\n        };\n\n        const actions = (\n            <>\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<ArrowUpIcon />} content={\"Move up\"} />}\n                    onClick={item.moveUp}\n                    disabled={index === 0}\n                />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<ArrowDownIcon />} content={\"Move down\"} />}\n                    onClick={item.moveDown}\n                    disabled={index === total - 1}\n                />\n                <Accordion.Item.Action.Separator />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<CopyIcon />} content={\"Copy to clipboard\"} />}\n                    onClick={() => {\n                        clipboard.copy({ type: \"wby.dz\", data: item.getClonedData() });\n                        toast.showSuccessToast({ title: \"Copied to clipboard.\" });\n                    }}\n                />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<CloneIcon />} content={\"Duplicate\"} />}\n                    onClick={item.duplicate}\n                />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<DeleteIcon />} content={\"Delete\"} />}\n                    onClick={onDelete}\n                />\n            </>\n        );\n\n        return (\n            <div\n                ref={sortable.ref}\n                data-sortable-item=\"\"\n                className={\"relative\"}\n                style={{ opacity: sortable.isDragging ? 0.4 : 1 }}\n            >\n                {sortable.closestEdge === \"top\" && (\n                    <DropIndicator position={\"top\"} isFirst={index === 0} />\n                )}\n                <Accordion.Item\n                    title={title}\n                    actions={disabled ? null : actions}\n                    defaultOpen={false}\n                    draggable={!disabled}\n                    dragHandleRef={sortable.handleRef}\n                >\n                    <NestedLayout layout={item.layout} />\n                </Accordion.Item>\n                {sortable.closestEdge === \"bottom\" && (\n                    <DropIndicator position={\"bottom\"} isLast={index === total - 1} />\n                )}\n            </div>\n        );\n    }\n);\n\nconst DropIndicator = ({\n    position,\n    isFirst = false,\n    isLast = false\n}: {\n    position: \"top\" | \"bottom\";\n    isFirst?: boolean;\n    isLast?: boolean;\n}) => {\n    let offset = \"calc(var(--spacing-md) / -2)\";\n    if (position === \"top\" && isFirst) {\n        offset = \"0px\";\n    }\n    if (position === \"bottom\" && isLast) {\n        offset = \"0px\";\n    }\n\n    return (\n        <div\n            className={\"absolute left-0 right-0 z-10\"}\n            style={{\n                [position]: offset,\n                transform: position === \"top\" ? \"translateY(-50%)\" : \"translateY(50%)\"\n            }}\n        >\n            <div className={\"w-full h-[2px] bg-primary rounded-full\"} />\n        </div>\n    );\n};\n"],"names":["MultiValueDynamicZone","observer","field","addItemLabel","showContainer","toast","useToast","clipboard","useFeature","ClipboardFeature","container","useContainer","presenter","useMemo","p","MultiValueDynamicZonePresenter","from","to","useEffect","itemCount","clipboardItem","canPaste","TEMPLATE_DISCRIMINATOR","t","content","Accordion","item","index","TemplatedListItem","AddTemplateButton","template","Button","PasteIcon","pasted","Separator","label","HorizontalRuleIcon","total","templates","disabled","sortable","showConfirmation","useConfirmationDialog","title","onDelete","actions","Tooltip","ArrowUpIcon","ArrowDownIcon","CopyIcon","CloneIcon","DeleteIcon","DropIndicator","NestedLayout","position","isFirst","isLast","offset"],"mappings":"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"}
+{"version":3,"file":"base/Base/FieldRenderers/ObjectRenderer/MultiValueDynamicZone/MultiValueDynamicZone.js","sources":["../../../../../../src/base/Base/FieldRenderers/ObjectRenderer/MultiValueDynamicZone/MultiValueDynamicZone.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Accordion, Button, Tooltip, useToast } from \"@webiny/admin-ui\";\nimport { useFeature, useContainer } from \"@webiny/app\";\nimport { hasSubtreeFocusRequest } from \"~/features/formModel/index.js\";\nimport { ReactComponent as CopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport { ReactComponent as PasteIcon } from \"@webiny/icons/content_paste.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport { ReactComponent as CloneIcon } from \"@webiny/icons/library_add.svg\";\nimport { ReactComponent as ArrowUpIcon } from \"@webiny/icons/expand_less.svg\";\nimport { ReactComponent as ArrowDownIcon } from \"@webiny/icons/expand_more.svg\";\nimport { ReactComponent as HorizontalRuleIcon } from \"@webiny/icons/horizontal_rule.svg\";\nimport type { IObjectFieldItemVM, IObjectFieldVM } from \"~/features/formModel/index.js\";\nimport { TEMPLATE_DISCRIMINATOR } from \"~/features/formModel/ObjectField.js\";\nimport { ClipboardFeature } from \"~/features/clipboard/feature.js\";\nimport { useConfirmationDialog } from \"~/hooks/useConfirmationDialog.js\";\nimport { NestedLayout } from \"../ObjectFieldComponents.js\";\nimport { AddTemplateButton } from \"../TemplatePicker/index.js\";\nimport {\n    MultiValueDynamicZonePresenter,\n    type IMultiValueDynamicZonePresenter\n} from \"./abstractions.js\";\nimport type { ISortableItemProps } from \"~/presentation/sortable/index.js\";\nimport { Separator } from \"@webiny/admin-ui\";\n\ninterface MultiValueDynamicZoneProps {\n    field: IObjectFieldVM;\n    addItemLabel: string;\n    showContainer?: boolean;\n}\n\nexport const MultiValueDynamicZone = observer(\n    ({ field, addItemLabel, showContainer = true }: MultiValueDynamicZoneProps) => {\n        const toast = useToast();\n        const { clipboard } = useFeature(ClipboardFeature);\n        const container = useContainer();\n\n        const presenter = useMemo<IMultiValueDynamicZonePresenter>(() => {\n            const p = container.resolve(MultiValueDynamicZonePresenter);\n            p.init({ type: `dz:${field.name}`, onReorder: (from, to) => field.moveItem(from, to) });\n            return p;\n        }, []);\n\n        useEffect(() => {\n            return () => presenter.dispose();\n        }, [presenter]);\n\n        // Force the DZ list container open when a focus request lands anywhere\n        // in its subtree, so \"jump to field\" can cascade through collapsed levels.\n        const focusInside = hasSubtreeFocusRequest(field.items.flatMap(i => i.fields));\n        const [containerOpen, setContainerOpen] = useState(true);\n        useEffect(() => {\n            if (focusInside) {\n                setContainerOpen(true);\n            }\n        }, [focusInside]);\n\n        const itemCount = field.items.length;\n\n        const clipboardItem = clipboard.item;\n        const canPaste =\n            clipboardItem !== null &&\n            clipboardItem.type === \"wby.dz\" &&\n            typeof clipboardItem.data[TEMPLATE_DISCRIMINATOR] === \"string\" &&\n            field.availableTemplates.some(t => t.id === clipboardItem.data[TEMPLATE_DISCRIMINATOR]);\n\n        const content = (\n            <div className={\"flex flex-col gap-lg\"}>\n                {itemCount > 0 ? (\n                    <Accordion\n                        background={\"base\"}\n                        variant={\"container\"}\n                        className={\"gap-md flex flex-col\"}\n                    >\n                        {field.items.map((item, index) => (\n                            <TemplatedListItem\n                                key={item.key}\n                                item={item}\n                                index={index}\n                                total={itemCount}\n                                templates={field.availableTemplates}\n                                disabled={field.disabled}\n                                sortable={presenter.getItemProps(index)}\n                            />\n                        ))}\n                    </Accordion>\n                ) : null}\n                {!field.disabled && (\n                    <div className={\"flex gap-sm items-center\"}>\n                        <AddTemplateButton\n                            label={addItemLabel}\n                            templates={field.availableTemplates}\n                            onSelect={template => field.addItem(template.id)}\n                        />\n                        {canPaste && (\n                            <Button\n                                size={\"sm\"}\n                                variant={\"tertiary\"}\n                                text={\"Paste\"}\n                                icon={<PasteIcon />}\n                                onClick={() => {\n                                    const pasted = clipboard.paste();\n                                    if (pasted) {\n                                        field.addItem(pasted.data);\n                                        toast.showSuccessToast({\n                                            title: \"Pasted from clipboard.\"\n                                        });\n                                    }\n                                }}\n                            />\n                        )}\n                    </div>\n                )}\n            </div>\n        );\n\n        if (!showContainer) {\n            return (\n                <>\n                    <Separator labelPosition={\"start\"} variant={\"accent\"}>\n                        <span className={\"text-accent-primary text-lg font-semibold\"}>\n                            {field.label ?? \"\"} ({itemCount})\n                        </span>\n                    </Separator>\n                    <div className={\"mt-md\"}>{content}</div>\n                </>\n            );\n        }\n\n        const label = `${field.label || \"\"}${itemCount ? ` (${itemCount})` : \"\"}`;\n\n        return (\n            <Accordion background={\"base\"} variant={\"container\"}>\n                <Accordion.Item\n                    icon={\n                        <Accordion.Item.Icon\n                            color={\"accent\"}\n                            label={\"Dynamic Zone\"}\n                            icon={<HorizontalRuleIcon />}\n                        />\n                    }\n                    title={label}\n                    open={containerOpen}\n                    onOpenChange={setContainerOpen}\n                >\n                    {content}\n                </Accordion.Item>\n            </Accordion>\n        );\n    }\n);\n\ninterface TemplatedListItemProps {\n    item: IObjectFieldItemVM;\n    index: number;\n    total: number;\n    templates: { id: string; label: string }[];\n    disabled: boolean;\n    sortable: ISortableItemProps;\n}\n\nconst TemplatedListItem = observer(\n    ({ item, index, total, templates, disabled, sortable }: TemplatedListItemProps) => {\n        const toast = useToast();\n        const { clipboard } = useFeature(ClipboardFeature);\n        const { showConfirmation } = useConfirmationDialog({\n            title: \"Delete item\",\n            message: \"Are you sure you want to delete this item? This action is not reversible.\",\n            acceptLabel: \"Yes, I'm sure!\",\n            cancelLabel: \"No, leave it.\"\n        });\n\n        const template = templates.find(t => t.id === item.templateId);\n        const title = template?.label || `Item #${index + 1}`;\n\n        // Force this item open when a focus request lands anywhere in its subtree.\n        const focusInside = hasSubtreeFocusRequest(item.fields);\n        const [open, setOpen] = useState(false);\n        useEffect(() => {\n            if (focusInside) {\n                setOpen(true);\n            }\n        }, [focusInside]);\n\n        const onDelete = () => {\n            showConfirmation(() => {\n                item.remove();\n            });\n        };\n\n        const actions = (\n            <>\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<ArrowUpIcon />} content={\"Move up\"} />}\n                    onClick={item.moveUp}\n                    disabled={index === 0}\n                />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<ArrowDownIcon />} content={\"Move down\"} />}\n                    onClick={item.moveDown}\n                    disabled={index === total - 1}\n                />\n                <Accordion.Item.Action.Separator />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<CopyIcon />} content={\"Copy to clipboard\"} />}\n                    onClick={() => {\n                        clipboard.copy({ type: \"wby.dz\", data: item.getClonedData() });\n                        toast.showSuccessToast({ title: \"Copied to clipboard.\" });\n                    }}\n                />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<CloneIcon />} content={\"Duplicate\"} />}\n                    onClick={item.duplicate}\n                />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<DeleteIcon />} content={\"Delete\"} />}\n                    onClick={onDelete}\n                />\n            </>\n        );\n\n        return (\n            <div\n                ref={sortable.ref}\n                data-sortable-item=\"\"\n                className={\"relative\"}\n                style={{ opacity: sortable.isDragging ? 0.4 : 1 }}\n            >\n                {sortable.closestEdge === \"top\" && (\n                    <DropIndicator position={\"top\"} isFirst={index === 0} />\n                )}\n                <Accordion.Item\n                    title={title}\n                    actions={disabled ? null : actions}\n                    open={open}\n                    onOpenChange={setOpen}\n                    draggable={!disabled}\n                    dragHandleRef={sortable.handleRef}\n                >\n                    <NestedLayout layout={item.layout} />\n                </Accordion.Item>\n                {sortable.closestEdge === \"bottom\" && (\n                    <DropIndicator position={\"bottom\"} isLast={index === total - 1} />\n                )}\n            </div>\n        );\n    }\n);\n\nconst DropIndicator = ({\n    position,\n    isFirst = false,\n    isLast = false\n}: {\n    position: \"top\" | \"bottom\";\n    isFirst?: boolean;\n    isLast?: boolean;\n}) => {\n    let offset = \"calc(var(--spacing-md) / -2)\";\n    if (position === \"top\" && isFirst) {\n        offset = \"0px\";\n    }\n    if (position === \"bottom\" && isLast) {\n        offset = \"0px\";\n    }\n\n    return (\n        <div\n            className={\"absolute left-0 right-0 z-10\"}\n            style={{\n                [position]: offset,\n                transform: position === \"top\" ? \"translateY(-50%)\" : \"translateY(50%)\"\n            }}\n        >\n            <div className={\"w-full h-[2px] bg-primary rounded-full\"} />\n        </div>\n    );\n};\n"],"names":["MultiValueDynamicZone","observer","field","addItemLabel","showContainer","toast","useToast","clipboard","useFeature","ClipboardFeature","container","useContainer","presenter","useMemo","p","MultiValueDynamicZonePresenter","from","to","useEffect","focusInside","hasSubtreeFocusRequest","i","containerOpen","setContainerOpen","useState","itemCount","clipboardItem","canPaste","TEMPLATE_DISCRIMINATOR","t","content","Accordion","item","index","TemplatedListItem","AddTemplateButton","template","Button","PasteIcon","pasted","Separator","label","HorizontalRuleIcon","total","templates","disabled","sortable","showConfirmation","useConfirmationDialog","title","open","setOpen","onDelete","actions","Tooltip","ArrowUpIcon","ArrowDownIcon","CopyIcon","CloneIcon","DeleteIcon","DropIndicator","NestedLayout","position","isFirst","isLast","offset"],"mappings":"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"}

package/base/Base/FieldRenderers/ObjectRenderer/ObjectAccordionMultipleRenderer.js

@@ -1,12 +1,20 @@
-import react, { useEffect, useMemo } from "react";
+import react, { useEffect, useMemo, useState } from "react";
 import { observer } from "mobx-react-lite";
 import { Accordion } from "@webiny/admin-ui";
 import { useContainer } from "@webiny/app";
 import { createObjectFieldRenderer } from "../../../../features/formModel/createFieldRenderer.js";
 import { AddItemButton, ListItemRenderer } from "./ObjectFieldComponents.js";
 import { SortablePresenter } from "../../../../presentation/sortable/index.js";
+import { hasSubtreeFocusRequest } from "../../../../features/formModel/index.js";
 const ObjectAccordionMultipleRenderer = createObjectFieldRenderer(({ field })=>{
     if (!field.isList) return null;
+    const focusInside = hasSubtreeFocusRequest(field.items.flatMap((i)=>i.fields));
+    const [open, setOpen] = useState(true);
+    useEffect(()=>{
+        if (focusInside) setOpen(true);
+    }, [
+        focusInside
+    ]);
     const settings = field.rendererSettings;
     const showContainer = settings?.container !== false;
     const addButton = /*#__PURE__*/ react.createElement(AddItemButton, {
@@ -26,7 +34,8 @@ const ObjectAccordionMultipleRenderer = createObjectFieldRenderer(({ field })=>{
     }, /*#__PURE__*/ react.createElement(Accordion.Item, {
         title: label,
         description: field.description,
-        defaultOpen: true
+        open: open,
+        onOpenChange: setOpen
     }, /*#__PURE__*/ react.createElement("div", {
         className: "flex flex-col gap-lg"
     }, /*#__PURE__*/ react.createElement(ListItems, {