@webiny/app-admin 0.0.0-unstable.7be00a75a9 → 0.0.0-unstable.7c2def32a7

package/base/Admin.d.ts

@@ -1,10 +1,8 @@
 import React from "react";
 import type { Container } from "@webiny/di";
-import type { ApolloClientFactory } from "./providers/ApolloProvider.js";
 import type { PluginCollection } from "@webiny/plugins/types.js";
 export interface AdminProps {
-    createApolloClient: ApolloClientFactory;
-    createLegacyPlugins: (container: Container) => PluginCollection;
+    createLegacyPlugins?: (container: Container) => PluginCollection;
     children?: React.ReactNode;
 }
-export declare const Admin: ({ children, createApolloClient, createLegacyPlugins }: AdminProps) => React.JSX.Element;
+export declare const Admin: ({ children, createLegacyPlugins }: AdminProps) => React.JSX.Element;

package/base/Admin.js

@@ -1,44 +1,68 @@
 import react from "react";
 import { plugins } from "@webiny/plugins";
 import { App, DiContainerProvider } from "@webiny/app";
-import { createApolloProvider } from "./providers/ApolloProvider.js";
 import { Base } from "./Base.js";
 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 { ApolloClientFeature } from "../features/apolloClient/feature.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 { AdminCommandsFeature } from "../presentation/commandPalette/commands/feature.js";
+import { PasswordPolicyFeature, readPasswordPolicyRules } from "../features/adminUsers/passwordPolicy/index.js";
 const container = createRootContainer();
-const Admin = ({ children, createApolloClient, createLegacyPlugins })=>{
-    const uri = process.env.REACT_APP_GRAPHQL_API_URL;
-    const apolloClient = createApolloClient({
-        uri
-    });
-    plugins.register(...createLegacyPlugins(container));
-    ApolloClientFeature.register(container, apolloClient);
+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);
-    const ApolloProvider = createApolloProvider(apolloClient);
+    ListCustomIconsFeature.register(container);
+    CustomIconsPresenterFeature.register(container);
+    AdminAssistantFeature.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(ApolloProvider, 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
         ],
@@ -48,11 +72,12 @@ const Admin = ({ children, createApolloClient, createLegacyPlugins })=>{
             UIProviders,
             UiStateProvider,
             DialogsProvider,
+            DrawersProvider,
             IconPickerConfigProvider,
             AdminUiStateProvider,
             TenancyProvider
         ]
-    }, /*#__PURE__*/ react.createElement(Base, null), /*#__PURE__*/ react.createElement(DefaultIcons, null), children))));
+    }, /*#__PURE__*/ react.createElement(Base, null), /*#__PURE__*/ react.createElement(DefaultIcons, null), /*#__PURE__*/ react.createElement(NotificationsRenderer, null), children)));
 };
 export { Admin };
 

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 type { ApolloClientFactory } from \"./providers/ApolloProvider.js\";\nimport { createApolloProvider } from \"./providers/ApolloProvider.js\";\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 { ApolloClientFeature } from \"~/features/apolloClient/feature.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\";\n\nexport interface AdminProps {\n    createApolloClient: ApolloClientFactory;\n    createLegacyPlugins: (container: Container) => PluginCollection;\n    children?: React.ReactNode;\n}\n\nconst container = createRootContainer();\n\nexport const Admin = ({ children, createApolloClient, createLegacyPlugins }: AdminProps) => {\n    const uri = process.env.REACT_APP_GRAPHQL_API_URL as string;\n    const apolloClient = createApolloClient({ uri });\n\n    plugins.register(...createLegacyPlugins(container));\n\n    ApolloClientFeature.register(container, apolloClient);\n    SecurityFeature.register(container);\n    FormModelFeature.register(container);\n    WebinySdkFeature.register(container);\n    ListPresenterFeature.register(container);\n\n    const ApolloProvider = createApolloProvider(apolloClient);\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            <ApolloProvider>\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                        {children}\n                    </App>\n                </WcpProvider>\n            </ApolloProvider>\n        </DiContainerProvider>\n    );\n};\n"],"names":["container","createRootContainer","Admin","children","createApolloClient","createLegacyPlugins","uri","process","apolloClient","plugins","ApolloClientFeature","SecurityFeature","FormModelFeature","WebinySdkFeature","ListPresenterFeature","ApolloProvider","createApolloProvider","UIProviders","createUiProviders","UiStateProvider","createUiStateProvider","AdminUiStateProvider","createAdminUiStateProvider","DialogsProvider","createDialogsProvider","TenancyProvider","createTenancyProvider","DiContainerProvider","TelemetryAdminAppStart","WcpProvider","App","AdminConfigPlugin","AdminConfigProvider","IconPickerConfigProvider","Base","DefaultIcons"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8BA,MAAMA,YAAYC;AAEX,MAAMC,QAAQ,CAAC,EAAEC,QAAQ,EAAEC,kBAAkB,EAAEC,mBAAmB,EAAc;IACnF,MAAMC,MAAMC,QAAQ,GAAG,CAAC,yBAAyB;IACjD,MAAMC,eAAeJ,mBAAmB;QAAEE;IAAI;IAE9CG,QAAQ,QAAQ,IAAIJ,oBAAoBL;IAExCU,oBAAoB,QAAQ,CAACV,WAAWQ;IACxCG,gBAAgB,QAAQ,CAACX;IACzBY,iBAAiB,QAAQ,CAACZ;IAC1Ba,iBAAiB,QAAQ,CAACb;IAC1Bc,qBAAqB,QAAQ,CAACd;IAE9B,MAAMe,iBAAiBC,qBAAqBR;IAC5C,MAAMS,cAAcC;IACpB,MAAMC,kBAAkBC;IACxB,MAAMC,uBAAuBC;IAC7B,MAAMC,kBAAkBC;IACxB,MAAMC,kBAAkBC;IAExB,OAAO,WAAP,GACI,oBAACC,qBAAmBA;QAAC,WAAW3B;qBAC5B,oBAAC4B,wBAAsBA,OAAAA,WAAAA,GACvB,oBAACb,gBAAAA,MAAAA,WAAAA,GACG,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,OACZhC;AAMzB"}
+{"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 { 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    AdminAssistantFeature.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","AdminAssistantFeature","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,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,sBAAsB,QAAQ,CAACnB;IAC/BoB,sBAAsB,QAAQ,CAACpB;IAC/BqB,qBAAqB,QAAQ,CAACrB;IAC9BsB,gBAAgB,QAAQ,CAACtB;IAKzB,MAAMuB,sBAAsBC;IAC5BC,sBAAsB,QAAQ,CAACzB,WAAWuB;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,WAAWtC;qBAC5B,oBAACuC,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,OACrB5C;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";
@@ -24,12 +25,33 @@ import { FileUrlPickerRenderer } from "./FieldRenderers/FileUrlPickerRenderer.js
 import { MultiFilePickerRenderer } from "./FieldRenderers/MultiFilePickerRenderer.js";
 import { CodeEditorRenderer } from "./FieldRenderers/CodeEditorRenderer.js";
 import { LexicalRenderer } from "./FieldRenderers/LexicalRenderer.js";
-const DefaultFieldRenderers = ()=>/*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
+import { LexicalEditorsRenderer } from "./FieldRenderers/LexicalEditorsRenderer.js";
+import { PasswordInputRenderer } from "./FieldRenderers/PasswordInputRenderer.js";
+import { PermissionsRenderer } from "./FieldRenderers/PermissionsRenderer.js";
+import { RolesMultiSelectRenderer } from "./FieldRenderers/RolesMultiSelectRenderer.js";
+import { ApiKeyTokenRenderer } from "./FieldRenderers/ApiKeyTokenRenderer.js";
+import { MultiAutoCompleteRenderer } from "./FieldRenderers/MultiAutoCompleteRenderer.js";
+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
@@ -75,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
@@ -96,7 +121,25 @@ const DefaultFieldRenderers = ()=>/*#__PURE__*/ react.createElement(AdminConfig,
     }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
         name: "lexical",
         component: LexicalRenderer
-    }));
+    }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
+        name: "lexicalEditors",
+        component: LexicalEditorsRenderer
+    }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
+        name: "passwordInput",
+        component: PasswordInputRenderer
+    }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
+        name: "permissions",
+        component: PermissionsRenderer
+    }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
+        name: "rolesMultiSelect",
+        component: RolesMultiSelectRenderer
+    }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
+        name: "apiKeyToken",
+        component: ApiKeyTokenRenderer
+    }), /*#__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\";\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>\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2BO,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"}
+{"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/ApiKeyTokenRenderer.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const ApiKeyTokenRenderer: React.ComponentType<{
+    field: import("../../..").IFieldVM;
+}>;

package/base/Base/FieldRenderers/ApiKeyTokenRenderer.js

@@ -0,0 +1,26 @@
+import react from "react";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
+import { Alert, CopyButton, Label, useToast } from "@webiny/admin-ui";
+const ApiKeyTokenRenderer = createFieldRenderer(({ field })=>{
+    const toast = useToast();
+    const token = field.value;
+    return /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Label, {
+        text: field.label || "Token",
+        hint: field.help
+    }), token ? /*#__PURE__*/ react.createElement("div", {
+        className: "py-sm pl-sm-extra pr-xs rounded-md mt-xs bg-neutral-disabled flex justify-between items-center"
+    }, /*#__PURE__*/ react.createElement("div", null, token), /*#__PURE__*/ react.createElement(CopyButton, {
+        variant: "ghost",
+        value: token,
+        onCopy: ()=>{
+            toast.showSuccessToast({
+                title: "Successfully copied!"
+            });
+        }
+    })) : /*#__PURE__*/ react.createElement(Alert, {
+        className: "mt-xs"
+    }, "Your token will be shown once you submit the form."));
+});
+export { ApiKeyTokenRenderer };
+
+//# sourceMappingURL=ApiKeyTokenRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/FieldRenderers/ApiKeyTokenRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/ApiKeyTokenRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { Alert, CopyButton, Label, useToast } from \"@webiny/admin-ui\";\n\nexport const ApiKeyTokenRenderer = createFieldRenderer(({ field }) => {\n    const toast = useToast();\n    const token = field.value as string | undefined;\n\n    return (\n        <div>\n            <Label text={field.label || \"Token\"} hint={field.help} />\n            {token ? (\n                <div\n                    className={\n                        \"py-sm pl-sm-extra pr-xs rounded-md mt-xs bg-neutral-disabled flex justify-between items-center\"\n                    }\n                >\n                    <div>{token}</div>\n                    <CopyButton\n                        variant={\"ghost\"}\n                        value={token}\n                        onCopy={() => {\n                            toast.showSuccessToast({ title: \"Successfully copied!\" });\n                        }}\n                    />\n                </div>\n            ) : (\n                <Alert className={\"mt-xs\"}>\n                    {\"Your token will be shown once you submit the form.\"}\n                </Alert>\n            )}\n        </div>\n    );\n});\n"],"names":["ApiKeyTokenRenderer","createFieldRenderer","field","toast","useToast","token","Label","CopyButton","Alert"],"mappings":";;;AAIO,MAAMA,sBAAsBC,oBAAoB,CAAC,EAAEC,KAAK,EAAE;IAC7D,MAAMC,QAAQC;IACd,MAAMC,QAAQH,MAAM,KAAK;IAEzB,OAAO,WAAP,GACI,oBAAC,2BACG,oBAACI,OAAKA;QAAC,MAAMJ,MAAM,KAAK,IAAI;QAAS,MAAMA,MAAM,IAAI;QACpDG,QAAQ,WAARA,GACG,oBAAC;QACG,WACI;qBAGJ,oBAAC,aAAKA,QAAAA,WAAAA,GACN,oBAACE,YAAUA;QACP,SAAS;QACT,OAAOF;QACP,QAAQ;YACJF,MAAM,gBAAgB,CAAC;gBAAE,OAAO;YAAuB;QAC3D;wBAIR,oBAACK,OAAKA;QAAC,WAAW;OACb;AAKrB"}

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":"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"}

package/base/Base/FieldRenderers/CheckboxesRenderer.js

@@ -6,6 +6,7 @@ const CheckboxesRenderer = createFieldRenderer(({ field })=>{
     const value = field.value ?? [];
     return /*#__PURE__*/ react.createElement(CheckboxGroup, {
         label: field.label,
+        hint: field.help,
         description: field.description,
         note: field.note,
         required: field.required,