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

package/base/Admin.js

@@ -6,36 +6,67 @@ import { createUiStateProvider } from "./providers/UiStateProvider.js";
 import { createAdminUiStateProvider } from "./providers/AdminUiStateProvider.js";
 import { createUiProviders } from "./providers/UiProviders.js";
 import { createDialogsProvider } from "../components/Dialogs/DialogsContext.js";
+import { createDrawersProvider } from "../components/Drawers/DrawersContext.js";
 import { DefaultIcons, IconPickerConfigProvider } from "../components/IconPicker/config/index.js";
 import { createRootContainer } from "./createRootContainer.js";
-import { WcpProvider } from "../presentation/wcp/WcpProvider.js";
+import { FeatureFlagsProvider } from "../presentation/featureFlags/FeatureFlagsProvider.js";
 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";
+import { DateFormatterFeature } from "../features/dateFormatter/feature.js";
+import { StringFormatterFeature } from "../features/stringFormatter/feature.js";
 import { ListPresenterFeature } from "../presentation/listPresenter/index.js";
+import { SortableFeature } from "../presentation/sortable/index.js";
 import { NotificationsRenderer } from "../features/notifications/NotificationsRenderer.js";
 import { ListCustomIconsFeature } from "../features/iconPicker/listCustomIcons/feature.js";
 import { CustomIconsPresenterFeature } from "../presentation/iconPicker/customIcons/feature.js";
+import { CommandPaletteFeature } from "../presentation/commandPalette/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);
     WebinySdkFeature.register(container);
     ListPresenterFeature.register(container);
     ListCustomIconsFeature.register(container);
     CustomIconsPresenterFeature.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();
     const DialogsProvider = createDialogsProvider();
+    const DrawersProvider = createDrawersProvider();
     const TenancyProvider = createTenancyProvider();
     return /*#__PURE__*/ react.createElement(DiContainerProvider, {
         container: container
-    }, /*#__PURE__*/ react.createElement(TelemetryAdminAppStart, null), /*#__PURE__*/ react.createElement(WcpProvider, null, /*#__PURE__*/ react.createElement(App, {
+    }, /*#__PURE__*/ react.createElement(TelemetryAdminAppStart, null), /*#__PURE__*/ react.createElement(FeatureFlagsProvider, null, /*#__PURE__*/ react.createElement(App, {
         plugins: [
             AdminConfigPlugin
         ],
@@ -45,6 +76,7 @@ const Admin = ({ children, createLegacyPlugins })=>{
             UIProviders,
             UiStateProvider,
             DialogsProvider,
+            DrawersProvider,
             IconPickerConfigProvider,
             AdminUiStateProvider,
             TenancyProvider

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 { DefaultIcons, IconPickerConfigProvider } from \"~/components/IconPicker/config/index.js\";\nimport { createRootContainer } from \"~/base/createRootContainer.js\";\nimport { WcpProvider } from \"~/presentation/wcp/WcpProvider.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 { ListPresenterFeature } from \"~/presentation/listPresenter/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\";\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    FormModelFeature.register(container);\n    WebinySdkFeature.register(container);\n    ListPresenterFeature.register(container);\n    ListCustomIconsFeature.register(container);\n    CustomIconsPresenterFeature.register(container);\n\n    const UIProviders = createUiProviders();\n    const UiStateProvider = createUiStateProvider();\n    const AdminUiStateProvider = createAdminUiStateProvider();\n    const DialogsProvider = createDialogsProvider();\n    const TenancyProvider = createTenancyProvider();\n\n    return (\n        <DiContainerProvider container={container}>\n            <TelemetryAdminAppStart />\n            <WcpProvider>\n                <App\n                    plugins={[AdminConfigPlugin]}\n                    routes={[]}\n                    providers={[\n                        AdminConfigProvider,\n                        UIProviders,\n                        UiStateProvider,\n                        DialogsProvider,\n                        IconPickerConfigProvider,\n                        AdminUiStateProvider,\n                        TenancyProvider\n                    ]}\n                >\n                    <Base />\n                    <DefaultIcons />\n                    <NotificationsRenderer />\n                    {children}\n                </App>\n            </WcpProvider>\n        </DiContainerProvider>\n    );\n};\n"],"names":["container","createRootContainer","Admin","children","createLegacyPlugins","plugins","SecurityFeature","FormModelFeature","WebinySdkFeature","ListPresenterFeature","ListCustomIconsFeature","CustomIconsPresenterFeature","UIProviders","createUiProviders","UiStateProvider","createUiStateProvider","AdminUiStateProvider","createAdminUiStateProvider","DialogsProvider","createDialogsProvider","TenancyProvider","createTenancyProvider","DiContainerProvider","TelemetryAdminAppStart","WcpProvider","App","AdminConfigPlugin","AdminConfigProvider","IconPickerConfigProvider","Base","DefaultIcons","NotificationsRenderer"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA6BA,MAAMA,YAAYC;AAEX,MAAMC,QAAQ,CAAC,EAAEC,QAAQ,EAAEC,mBAAmB,EAAc;IAC/D,IAAIA,qBACAC,QAAQ,QAAQ,IAAID,oBAAoBJ;IAG5CM,gBAAgB,QAAQ,CAACN;IACzBO,iBAAiB,QAAQ,CAACP;IAC1BQ,iBAAiB,QAAQ,CAACR;IAC1BS,qBAAqB,QAAQ,CAACT;IAC9BU,uBAAuB,QAAQ,CAACV;IAChCW,4BAA4B,QAAQ,CAACX;IAErC,MAAMY,cAAcC;IACpB,MAAMC,kBAAkBC;IACxB,MAAMC,uBAAuBC;IAC7B,MAAMC,kBAAkBC;IACxB,MAAMC,kBAAkBC;IAExB,OAAO,WAAP,GACI,oBAACC,qBAAmBA;QAAC,WAAWtB;qBAC5B,oBAACuB,wBAAsBA,OAAAA,WAAAA,GACvB,oBAACC,aAAWA,MAAAA,WAAAA,GACR,oBAACC,KAAGA;QACA,SAAS;YAACC;SAAkB;QAC5B,QAAQ,EAAE;QACV,WAAW;YACPC;YACAf;YACAE;YACAI;YACAU;YACAZ;YACAI;SACH;qBAED,oBAACS,MAAIA,OAAAA,WAAAA,GACL,oBAACC,cAAYA,OAAAA,WAAAA,GACb,oBAACC,uBAAqBA,OACrB5B;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";
@@ -30,12 +31,27 @@ import { PermissionsRenderer } from "./FieldRenderers/PermissionsRenderer.js";
 import { RolesMultiSelectRenderer } from "./FieldRenderers/RolesMultiSelectRenderer.js";
 import { ApiKeyTokenRenderer } from "./FieldRenderers/ApiKeyTokenRenderer.js";
 import { MultiAutoCompleteRenderer } from "./FieldRenderers/MultiAutoCompleteRenderer.js";
-const DefaultFieldRenderers = ()=>/*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
+import { AutoCompleteRenderer } from "./FieldRenderers/AutoCompleteRenderer.js";
+import { MultiSelectRenderer } from "./FieldRenderers/MultiSelectRenderer.js";
+import { RegisterFeature } from "../../exports/admin.js";
+import { MultiValueDynamicZoneFeature } from "./FieldRenderers/ObjectRenderer/MultiValueDynamicZone/feature.js";
+const DefaultFieldRenderers = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: MultiValueDynamicZoneFeature
+    }), /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
         name: "textInput",
         component: InputRenderer
     }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
         name: "textarea",
         component: TextareaRenderer
+    }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
+        name: "select",
+        component: SelectRenderer
+    }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
+        name: "autoComplete",
+        component: AutoCompleteRenderer
+    }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
+        name: "multiSelect",
+        component: MultiSelectRenderer
     }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
         name: "dropdown",
         component: SelectRenderer
@@ -81,6 +97,9 @@ const DefaultFieldRenderers = ()=>/*#__PURE__*/ react.createElement(AdminConfig,
     }), /*#__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
@@ -120,7 +139,7 @@ const DefaultFieldRenderers = ()=>/*#__PURE__*/ react.createElement(AdminConfig,
     }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
         name: "multiAutoComplete",
         component: MultiAutoCompleteRenderer
-    }));
+    })));
 export { DefaultFieldRenderers };
 
 //# sourceMappingURL=DefaultFieldRenderers.js.map

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\";\n\nexport const DefaultFieldRenderers = () => {\n    return (\n        <AdminConfig>\n            <AdminConfig.Form.FieldRenderer name={\"textInput\"} component={InputRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"textarea\"} component={TextareaRenderer} />\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 name={\"dynamicZone\"} component={DynamicZoneRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"passthrough\"} component={PassthroughRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"switch\"} component={SwitchRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"numberInput\"} component={NumberInputRenderer} />\n            <AdminConfig.Form.FieldRenderer\n                name={\"numberInputs\"}\n                component={NumberInputsRenderer}\n            />\n            <AdminConfig.Form.FieldRenderer name={\"textInputs\"} component={TextInputsRenderer} />\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 name={\"checkboxes\"} component={CheckboxesRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"dateTimeInput\"} component={DateTimeRenderer} />\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 name={\"filePicker\"} component={FilePickerRenderer} />\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 name={\"codeEditor\"} component={CodeEditorRenderer} />\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 name={\"permissions\"} component={PermissionsRenderer} />\n            <AdminConfig.Form.FieldRenderer\n                name={\"rolesMultiSelect\"}\n                component={RolesMultiSelectRenderer}\n            />\n            <AdminConfig.Form.FieldRenderer name={\"apiKeyToken\"} component={ApiKeyTokenRenderer} />\n            <AdminConfig.Form.FieldRenderer\n                name={\"multiAutoComplete\"}\n                component={MultiAutoCompleteRenderer}\n            />\n        </AdminConfig>\n    );\n};\n"],"names":["DefaultFieldRenderers","AdminConfig","InputRenderer","TextareaRenderer","SelectRenderer","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCO,MAAMA,wBAAwB,IAC1B,WAAP,GACI,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;QAAY,WAAWG;sBAC7D,oBAACH,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWI;sBAEf,oBAACJ,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWK;sBAEf,oBAACL,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAe,WAAWM;sBAChE,oBAACN,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAe,WAAWO;sBAChE,oBAACP,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAU,WAAWQ;sBAC3D,oBAACR,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAe,WAAWS;sBAChE,oBAACT,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWU;sBAEf,oBAACV,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAc,WAAWW;sBAC/D,oBAACX,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAa,WAAWY;sBAC9D,oBAACZ,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAQ,WAAWa;sBACzD,oBAACb,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWc;sBAEf,oBAACd,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAc,WAAWe;sBAC/D,oBAACf,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAiB,WAAWgB;sBAClE,oBAAChB,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWiB;sBAEf,oBAACjB,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAU,WAAWkB;sBAC3D,oBAAClB,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWmB;sBAEf,oBAACnB,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAc,WAAWoB;sBAC/D,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;QAAC,MAAM;QAAc,WAAWuB;sBAC/D,oBAACvB,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAW,WAAWwB;sBAC5D,oBAACxB,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWyB;sBAEf,oBAACzB,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAW0B;sBAEf,oBAAC1B,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAe,WAAW2B;sBAChE,oBAAC3B,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAW4B;sBAEf,oBAAC5B,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAe,WAAW6B;sBAChE,oBAAC7B,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAW8B"}
+{"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.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+declare module "../../../features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        autoComplete: {
+            fieldType: "text" | "number";
+            options: true;
+            settings: undefined;
+        };
+    }
+}
+export declare const AutoCompleteRenderer: React.ComponentType<{
+    field: import("~/features/formModel/index.js").IFieldVM;
+}>;

package/base/Base/FieldRenderers/AutoCompleteRenderer.js

@@ -0,0 +1,30 @@
+import react from "react";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
+import { AutoComplete } from "@webiny/admin-ui";
+const AutoCompleteRenderer = createFieldRenderer(({ field })=>{
+    const options = field.options ?? [];
+    return /*#__PURE__*/ react.createElement(AutoComplete, {
+        label: field.label,
+        hint: field.help,
+        placeholder: field.placeholder,
+        description: field.description,
+        note: field.note,
+        value: null != field.value ? String(field.value) : "",
+        onValueChange: (value)=>{
+            field.onChange(value);
+            field.onBlur();
+        },
+        required: field.required,
+        displayResetAction: !field.required,
+        disabled: field.disabled,
+        validation: field.validation,
+        options: options.map((opt)=>({
+                label: opt.label,
+                value: String(opt.value),
+                disabled: opt.disabled
+            }))
+    });
+});
+export { AutoCompleteRenderer };
+
+//# sourceMappingURL=AutoCompleteRenderer.js.map

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

@@ -0,0 +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            // 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":";;;;;;AASAA,GAAG,IAAI,CAAC,oCAAoC,IAAO;QAAE,gBAAgB,IAAM;IAAK;AAChFA,GAAG,IAAI,CAAC,2BAA2B,IAAO;QAAE,gBAAgB,IAAM;IAAK;AAGvE,MAAMC,mBAAmB;IACrB,MAAMC,SAAS,IAAIC,uBACd,QAAQ,GACR,OAAO,CAAC;QAAE,YAAY;IAAY,GAClC,QAAQ,CAAC,iBACT,KAAK,CAAC;IAEX,OAAO;QACH,MAAM;QACN,eAAe;QACf,MAAM;QACN,OAAO;QACP,OAAOC;QACP,YAAY;YAAE,SAAS;QAAK;QAC5B,YAAY;QACZ,UAAU;QACV,SAAS;QACT,UAAU;QACV,UAAUF,OAAO,QAAQ;QACzB,kBAAkBA,OAAO,gBAAgB;QACzC,UAAUF,GAAG,EAAE;QACf,QAAQA,GAAG,EAAE;QACb,SAASA,GAAG,EAAE;QACd,YAAYA,GAAG,EAAE;QACjB,gBAAgB;QAChB,mBAAmBA,GAAG,EAAE;QACxB,SAAS,CAAC;IACd;AACJ;AAMA,MAAMK,OAAO,CAACC,MAAgCC;IAC1C,MAAMC,QAAQC,SAAS,aAAa,CAAc,CAAC,eAAe,EAAEH,KAAK,EAAE,CAAC;IAC5E,OAAOI,OAAOF,OAAO,SAAS,CAAoB,UAAU;QAAED;QAAM,QAAQ;IAAK;AACrF;AAEA,MAAMI,QAAQ;IACV,MAAMH,QAAQC,SAAS,aAAa,CAAc;IAClD,OAAOC,OAAOF,OACT,YAAY,CAAC,UAAU;QAAE,QAAQ;IAAK,GACtC,GAAG,CAACI,CAAAA,SAAUC,OAAOD,OAAO,WAAW;AAChD;AAEA,MAAME,cAAc,CAACC,QACjBC,OAAO,WAADA,GACF,oBAACC,iBAAeA,MAAAA,WAAAA,GACZ,oBAACC,uBAAqBA;QAAC,OAAOH;;AAI1C,MAAMI,aAAa;IACfC,UAAU,KAAK,CAACC,OAAO,SAAS,CAAC,UAAU;QAAE,UAAU;IAAM;AACjE;AAMAC,SAAS,+CAA+C;IACpDC,WAAW;QACPvB,GAAG,aAAa,CAAC;YAAE,QAAQ;gBAAC;aAAO;QAAC;QAEpCA,GAAG,UAAU,CACT,kBACA;YACI,UAAU,CAAC;YACX,YAAY,CAAC;YACb,aAAa,CAAC;QAClB;IAER;IAEAwB,UAAU;QACNC;QACAzB,GAAG,aAAa;QAChBA,GAAG,gBAAgB;IACvB;IAEA0B,GAAG,4CAA4C;QAC3C1B,GAAG,aAAa,CAAC,IAAI2B,KAAK,MAAM,GAAG,IAAI;QACvCb,YAAYb;QACZkB;QAEAS,OAAOjB,OAAO,CAAC,EAAE,EAAE,IAAI,CAAC;QACxBiB,OAAOjB,QAAQ,IAAI,CAACkB,CAAAA,OAAQA,OAAO,OAAO,IAAI,CAAC;IACnD;IAEAH,GAAG,qDAAqD;QACpD1B,GAAG,aAAa,CAAC,IAAI2B,KAAK,MAAM,GAAG,IAAI;QACvCb,YAAYb;QACZkB;QAEAC,UAAU,KAAK,CAACf,KAAK,OAAO;QAC5Be,UAAU,KAAK,CAACf,KAAK,SAAS;QAE9BuB,OAAOvB,KAAK,QAAQ,QAAQ,QAAQ,EAAE,IAAI,CAAC;QAC3CuB,OAAOvB,KAAK,QAAQ,QAAQ,QAAQ,EAAE,IAAI,CAAC;IAC/C;IAEAqB,GAAG,iCAAiC;QAChC1B,GAAG,aAAa,CAAC,IAAI2B,KAAK,MAAM,GAAG,IAAI;QACvC,MAAMZ,QAAQd;QACda,YAAYC;QACZI;QAEAC,UAAU,KAAK,CAACf,KAAK,OAAO;QAC5Be,UAAU,KAAK,CAACf,KAAK,SAAS;QAC9BuB,OAAOvB,KAAK,QAAQ,QAAQ,QAAQ,EAAE,IAAI,CAAC;QAE3Ce,UAAU,KAAK,CAACf,KAAK,QAAQ;QAC7BuB,OAAOb,MAAM,QAAQ,EAAE,wBAAwB,CAAC;IACpD;IAEAW,GAAG,mCAAmC;QAClC1B,GAAG,aAAa,CAAC,IAAI2B,KAAK,MAAM,GAAG,IAAI;QACvCb,YAAYb;QACZkB;QAEAC,UAAU,KAAK,CAACf,KAAK,OAAO;QAC5Be,UAAU,KAAK,CAACf,KAAK,SAAS;QAE9BuB,OAAOvB,KAAK,QAAQ,QAAQ,QAAQ,EAAE,IAAI,CAAC;IAC/C;IAEAqB,GAAG,oCAAoC;QACnC1B,GAAG,aAAa,CAAC,IAAI2B,KAAK,MAAM,GAAG,GAAG;QACtCb,YAAYb;QACZkB;QAEAS,OAAOjB,OAAO,CAAC,EAAE,EAAE,IAAI,CAAC;IAC5B;AACJ"}

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

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

package/base/Base/FieldRenderers/LexicalRenderer.js

@@ -5,18 +5,22 @@ import { LexicalEditor } from "../../../components/LexicalEditor/LexicalEditor.j
 import { FormComponentDescription, FormComponentLabel, FormComponentNote } from "@webiny/admin-ui";
 const placeholderStyles = {
     position: "absolute",
-    top: 40,
-    left: 25
+    top: 0,
+    left: 0,
+    padding: "8px 12px",
+    marginTop: 0,
+    color: "var(--text-color-neutral-muted)"
 };
 const contentEditableStyles = {
     minHeight: 200,
     display: "block",
-    padding: 10
+    padding: "8px 12px"
 };
 const styles = {
-    backgroundColor: "#fff",
-    border: "1px solid #e1e1e1",
-    padding: "10px 14px",
+    backgroundColor: "var(--color-neutral-base)",
+    border: "1px solid var(--border-color-neutral-muted)",
+    borderTop: "none",
+    borderRadius: "0 0 var(--radius-md) var(--radius-md)",
     minHeight: 200,
     maxHeight: 350
 };

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

@@ -1 +1 @@
-{"version":3,"file":"base/Base/FieldRenderers/LexicalRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/LexicalRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { LexicalEditor } from \"~/components/LexicalEditor/LexicalEditor.js\";\nimport type { RichTextValueWithHtml } from \"~/components/LexicalEditor/lexicalValueWithHtml.js\";\nimport { FormComponentLabel } from \"@webiny/admin-ui\";\nimport { FormComponentDescription } from \"@webiny/admin-ui\";\nimport { FormComponentNote } from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        lexical: {\n            fieldType: \"lexical\";\n            settings: undefined;\n        };\n    }\n}\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};\n\nexport const LexicalRenderer = createFieldRenderer<\"lexical\">(({ field }) => {\n    const value = field.value as RichTextValueWithHtml | undefined;\n    const toolbar = <StaticToolbar />;\n\n    return (\n        <>\n            <FormComponentLabel text={field.label} hint={field.help} disabled={field.disabled} />\n            <FormComponentDescription text={field.description} disabled={field.disabled} />\n            <LexicalEditor\n                placeholder={field.placeholder || \"Enter your text here...\"}\n                staticToolbar={toolbar}\n                placeholderStyles={placeholderStyles}\n                contentEditableStyles={contentEditableStyles}\n                styles={styles}\n                value={value}\n                onChange={value => field.onChange(value)}\n            />\n            {field.note ? <FormComponentNote text={field.note} disabled={field.disabled} /> : null}\n        </>\n    );\n});\n"],"names":["placeholderStyles","contentEditableStyles","styles","LexicalRenderer","createFieldRenderer","field","value","toolbar","StaticToolbar","FormComponentLabel","FormComponentDescription","LexicalEditor","FormComponentNote"],"mappings":";;;;;AAkBA,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;AACf;AAEO,MAAMC,kBAAkBC,oBAA+B,CAAC,EAAEC,KAAK,EAAE;IACpE,MAAMC,QAAQD,MAAM,KAAK;IACzB,MAAME,UAAU,WAAVA,GAAU,oBAACC,eAAaA;IAE9B,OAAO,WAAP,GACI,wDACI,oBAACC,oBAAkBA;QAAC,MAAMJ,MAAM,KAAK;QAAE,MAAMA,MAAM,IAAI;QAAE,UAAUA,MAAM,QAAQ;sBACjF,oBAACK,0BAAwBA;QAAC,MAAML,MAAM,WAAW;QAAE,UAAUA,MAAM,QAAQ;sBAC3E,oBAACM,eAAaA;QACV,aAAaN,MAAM,WAAW,IAAI;QAClC,eAAeE;QACf,mBAAmBP;QACnB,uBAAuBC;QACvB,QAAQC;QACR,OAAOI;QACP,UAAUA,CAAAA,QAASD,MAAM,QAAQ,CAACC;QAErCD,MAAM,IAAI,GAAG,WAAH,GAAG,oBAACO,mBAAiBA;QAAC,MAAMP,MAAM,IAAI;QAAE,UAAUA,MAAM,QAAQ;SAAO;AAG9F"}
+{"version":3,"file":"base/Base/FieldRenderers/LexicalRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/LexicalRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { LexicalEditor } from \"~/components/LexicalEditor/LexicalEditor.js\";\nimport type { RichTextValueWithHtml } from \"~/components/LexicalEditor/lexicalValueWithHtml.js\";\nimport { FormComponentLabel } from \"@webiny/admin-ui\";\nimport { FormComponentDescription } from \"@webiny/admin-ui\";\nimport { FormComponentNote } from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        lexical: {\n            fieldType: \"lexical\";\n            settings: undefined;\n        };\n    }\n}\n\n// Overlay the contentEditable: same origin + same padding as `contentEditableStyles`, and\n// neutralize the Placeholder component's default -20px margin. This makes the placeholder's\n// first line land exactly on the editor's text start.\nconst placeholderStyles: React.CSSProperties = {\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    padding: \"8px 12px\",\n    marginTop: 0,\n    // Font size/family come from the paragraph typography class (applied by RichTextEditor);\n    // keep the placeholder muted.\n    color: \"var(--text-color-neutral-muted)\"\n};\n\nconst contentEditableStyles: React.CSSProperties = {\n    minHeight: 200,\n    display: \"block\",\n    padding: \"8px 12px\"\n};\n\nconst styles: React.CSSProperties = {\n    backgroundColor: \"var(--color-neutral-base)\",\n    border: \"1px solid var(--border-color-neutral-muted)\",\n    // The static toolbar sits directly above and carries the top border, so the body\n    // drops its top border and rounds only the bottom corners — together one seamless\n    // rounded container, no internal divider (matches Figma).\n    borderTop: \"none\",\n    borderRadius: \"0 0 var(--radius-md) var(--radius-md)\",\n    // Padding lives on the contentEditable only (avoids doubled inset).\n    minHeight: 200,\n    maxHeight: 350\n};\n\nexport const LexicalRenderer = createFieldRenderer<\"lexical\">(({ field }) => {\n    const value = field.value as RichTextValueWithHtml | undefined;\n    const toolbar = <StaticToolbar />;\n\n    return (\n        <>\n            <FormComponentLabel text={field.label} hint={field.help} disabled={field.disabled} />\n            <FormComponentDescription text={field.description} disabled={field.disabled} />\n            <LexicalEditor\n                placeholder={field.placeholder || \"Enter your text here...\"}\n                staticToolbar={toolbar}\n                placeholderStyles={placeholderStyles}\n                contentEditableStyles={contentEditableStyles}\n                styles={styles}\n                value={value}\n                onChange={value => field.onChange(value)}\n            />\n            {field.note ? <FormComponentNote text={field.note} disabled={field.disabled} /> : null}\n        </>\n    );\n});\n"],"names":["placeholderStyles","contentEditableStyles","styles","LexicalRenderer","createFieldRenderer","field","value","toolbar","StaticToolbar","FormComponentLabel","FormComponentDescription","LexicalEditor","FormComponentNote"],"mappings":";;;;;AAqBA,MAAMA,oBAAyC;IAC3C,UAAU;IACV,KAAK;IACL,MAAM;IACN,SAAS;IACT,WAAW;IAGX,OAAO;AACX;AAEA,MAAMC,wBAA6C;IAC/C,WAAW;IACX,SAAS;IACT,SAAS;AACb;AAEA,MAAMC,SAA8B;IAChC,iBAAiB;IACjB,QAAQ;IAIR,WAAW;IACX,cAAc;IAEd,WAAW;IACX,WAAW;AACf;AAEO,MAAMC,kBAAkBC,oBAA+B,CAAC,EAAEC,KAAK,EAAE;IACpE,MAAMC,QAAQD,MAAM,KAAK;IACzB,MAAME,UAAU,WAAVA,GAAU,oBAACC,eAAaA;IAE9B,OAAO,WAAP,GACI,wDACI,oBAACC,oBAAkBA;QAAC,MAAMJ,MAAM,KAAK;QAAE,MAAMA,MAAM,IAAI;QAAE,UAAUA,MAAM,QAAQ;sBACjF,oBAACK,0BAAwBA;QAAC,MAAML,MAAM,WAAW;QAAE,UAAUA,MAAM,QAAQ;sBAC3E,oBAACM,eAAaA;QACV,aAAaN,MAAM,WAAW,IAAI;QAClC,eAAeE;QACf,mBAAmBP;QACnB,uBAAuBC;QACvB,QAAQC;QACR,OAAOI;QACP,UAAUA,CAAAA,QAASD,MAAM,QAAQ,CAACC;QAErCD,MAAM,IAAI,GAAG,WAAH,GAAG,oBAACO,mBAAiBA;QAAC,MAAMP,MAAM,IAAI;QAAE,UAAUA,MAAM,QAAQ;SAAO;AAG9F"}

package/base/Base/FieldRenderers/MultiFilePickerRenderer.js

@@ -35,11 +35,14 @@ const MultiFilePickerRenderer = createFieldRenderer(({ field })=>{
             const selectFiles = (replaceIndex = -1)=>{
                 showFileManager((files)=>{
                     const newValues = files.map(fileManagerItemToValue);
-                    if (-1 === replaceIndex) field.onChange([
-                        ...currentValues,
-                        ...newValues
-                    ]);
-                    else field.onChange([
+                    if (-1 === replaceIndex) {
+                        const existingIds = new Set(currentValues.map((v)=>v.id));
+                        const unique = newValues.filter((v)=>!existingIds.has(v.id));
+                        field.onChange([
+                            ...currentValues,
+                            ...unique
+                        ]);
+                    } else field.onChange([
                         ...currentValues.slice(0, replaceIndex),
                         ...newValues,
                         ...currentValues.slice(replaceIndex + 1)