@webiny/app-admin 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

package/README.md

@@ -1,21 +1,11 @@
 # @webiny/app-admin
-[![](https://img.shields.io/npm/dw/@webiny/app-admin.svg)](https://www.npmjs.com/package/@webiny/app-admin) 
-[![](https://img.shields.io/npm/v/@webiny/app-admin.svg)](https://www.npmjs.com/package/@webiny/app-admin)
-[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
-[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
 
-A collection of plugins that together form a complete admin interface, 
-customizable and extensible with Webiny apps and plugins.
+> [!NOTE]
+> This package is part of the [Webiny](https://www.webiny.com) monorepo.
+> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
 
-For more information, please visit 
-[the official docs](https://docs.webiny.com/docs/developer-tutorials/admin-app-overview). 
-  
-## Install
-```
-npm install --save @webiny/app-admin
-```
+📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
 
-Or if you prefer yarn: 
-```
-yarn add @webiny/app-admin
-```
+---
+
+_This README file is automatically generated during the publish process._

package/base/Admin.d.ts

@@ -1,7 +1,10 @@
 import React from "react";
-import type { ApolloClientFactory } from "./providers/ApolloProvider";
+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;
     children?: React.ReactNode;
 }
-export declare const Admin: ({ children, createApolloClient }: AdminProps) => React.JSX.Element;
+export declare const Admin: ({ children, createApolloClient, createLegacyPlugins }: AdminProps) => React.JSX.Element;

package/base/Admin.js

@@ -1,27 +1,49 @@
 import React from "react";
-import { App } from "@webiny/app";
-import { ThemeProvider } from "@webiny/app-theme";
-import { WcpProvider } from "@webiny/app-wcp";
-import { createApolloProvider } from "./providers/ApolloProvider";
-import { Base } from "./Base";
-import { createTelemetryProvider } from "./providers/TelemetryProvider";
-import { createUiStateProvider } from "./providers/UiStateProvider";
-import { createAdminUiStateProvider } from "./providers/AdminUiStateProvider";
-import { createUiProviders } from "./providers/UiProviders";
-import { createDialogsProvider } from "../components/Dialogs/DialogsContext";
-import { DefaultIcons, IconPickerConfigProvider } from "../components/IconPicker/config";
+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 { DefaultIcons, IconPickerConfigProvider } from "../components/IconPicker/config/index.js";
+import { createRootContainer } from "./createRootContainer.js";
+import { WcpProvider } from "../presentation/wcp/WcpProvider.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 { FormModelFeature } from "../features/formModel/feature.js";
+import { AdminConfigPlugin, AdminConfigProvider } from "../config/AdminConfig.js";
+import { WebinySdkFeature } from "../features/webinySdk/feature.js";
+const container = createRootContainer();
 export const Admin = ({
   children,
-  createApolloClient
+  createApolloClient,
+  createLegacyPlugins
 }) => {
-  const ApolloProvider = createApolloProvider(createApolloClient);
-  const TelemetryProvider = createTelemetryProvider();
+  const uri = process.env.REACT_APP_GRAPHQL_API_URL;
+  const apolloClient = createApolloClient({
+    uri
+  });
+  plugins.register(...createLegacyPlugins(container));
+  ApolloClientFeature.register(container, apolloClient);
+  SecurityFeature.register(container);
+  FormModelFeature.register(container);
+  WebinySdkFeature.register(container);
+  const ApolloProvider = createApolloProvider(apolloClient);
   const UIProviders = createUiProviders();
   const UiStateProvider = createUiStateProvider();
   const AdminUiStateProvider = createAdminUiStateProvider();
   const DialogsProvider = createDialogsProvider();
-  return /*#__PURE__*/React.createElement(ApolloProvider, null, /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(WcpProvider, null, /*#__PURE__*/React.createElement(App, {
-    providers: [TelemetryProvider, UIProviders, UiStateProvider, DialogsProvider, IconPickerConfigProvider, AdminUiStateProvider]
+  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, {
+    plugins: [AdminConfigPlugin],
+    routes: [],
+    providers: [AdminConfigProvider, UIProviders, UiStateProvider, DialogsProvider, IconPickerConfigProvider, AdminUiStateProvider, TenancyProvider]
   }, /*#__PURE__*/React.createElement(Base, null), /*#__PURE__*/React.createElement(DefaultIcons, null), children))));
 };
 

package/base/Admin.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","App","ThemeProvider","WcpProvider","createApolloProvider","Base","createTelemetryProvider","createUiStateProvider","createAdminUiStateProvider","createUiProviders","createDialogsProvider","DefaultIcons","IconPickerConfigProvider","Admin","children","createApolloClient","ApolloProvider","TelemetryProvider","UIProviders","UiStateProvider","AdminUiStateProvider","DialogsProvider","createElement","providers"],"sources":["Admin.tsx"],"sourcesContent":["import React from \"react\";\nimport { App } from \"@webiny/app\";\nimport { ThemeProvider } from \"@webiny/app-theme\";\nimport { WcpProvider } from \"@webiny/app-wcp\";\nimport type { ApolloClientFactory } from \"./providers/ApolloProvider\";\nimport { createApolloProvider } from \"./providers/ApolloProvider\";\nimport { Base } from \"./Base\";\nimport { createTelemetryProvider } from \"./providers/TelemetryProvider\";\nimport { createUiStateProvider } from \"./providers/UiStateProvider\";\nimport { createAdminUiStateProvider } from \"./providers/AdminUiStateProvider\";\nimport { createUiProviders } from \"./providers/UiProviders\";\nimport { createDialogsProvider } from \"~/components/Dialogs/DialogsContext\";\nimport { DefaultIcons, IconPickerConfigProvider } from \"~/components/IconPicker/config\";\n\nexport interface AdminProps {\n    createApolloClient: ApolloClientFactory;\n    children?: React.ReactNode;\n}\n\nexport const Admin = ({ children, createApolloClient }: AdminProps) => {\n    const ApolloProvider = createApolloProvider(createApolloClient);\n    const TelemetryProvider = createTelemetryProvider();\n    const UIProviders = createUiProviders();\n    const UiStateProvider = createUiStateProvider();\n    const AdminUiStateProvider = createAdminUiStateProvider();\n    const DialogsProvider = createDialogsProvider();\n\n    return (\n        <ApolloProvider>\n            <ThemeProvider>\n                <WcpProvider>\n                    <App\n                        providers={[\n                            TelemetryProvider,\n                            UIProviders,\n                            UiStateProvider,\n                            DialogsProvider,\n                            IconPickerConfigProvider,\n                            AdminUiStateProvider\n                        ]}\n                    >\n                        <Base />\n                        <DefaultIcons />\n                        {children}\n                    </App>\n                </WcpProvider>\n            </ThemeProvider>\n        </ApolloProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,aAAa;AACjC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,WAAW,QAAQ,iBAAiB;AAE7C,SAASC,oBAAoB;AAC7B,SAASC,IAAI;AACb,SAASC,uBAAuB;AAChC,SAASC,qBAAqB;AAC9B,SAASC,0BAA0B;AACnC,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;AAC9B,SAASC,YAAY,EAAEC,wBAAwB;AAO/C,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAA+B,CAAC,KAAK;EACnE,MAAMC,cAAc,GAAGZ,oBAAoB,CAACW,kBAAkB,CAAC;EAC/D,MAAME,iBAAiB,GAAGX,uBAAuB,CAAC,CAAC;EACnD,MAAMY,WAAW,GAAGT,iBAAiB,CAAC,CAAC;EACvC,MAAMU,eAAe,GAAGZ,qBAAqB,CAAC,CAAC;EAC/C,MAAMa,oBAAoB,GAAGZ,0BAA0B,CAAC,CAAC;EACzD,MAAMa,eAAe,GAAGX,qBAAqB,CAAC,CAAC;EAE/C,oBACIV,KAAA,CAAAsB,aAAA,CAACN,cAAc,qBACXhB,KAAA,CAAAsB,aAAA,CAACpB,aAAa,qBACVF,KAAA,CAAAsB,aAAA,CAACnB,WAAW,qBACRH,KAAA,CAAAsB,aAAA,CAACrB,GAAG;IACAsB,SAAS,EAAE,CACPN,iBAAiB,EACjBC,WAAW,EACXC,eAAe,EACfE,eAAe,EACfT,wBAAwB,EACxBQ,oBAAoB;EACtB,gBAEFpB,KAAA,CAAAsB,aAAA,CAACjB,IAAI,MAAE,CAAC,eACRL,KAAA,CAAAsB,aAAA,CAACX,YAAY,MAAE,CAAC,EACfG,QACA,CACI,CACF,CACH,CAAC;AAEzB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","plugins","App","DiContainerProvider","createApolloProvider","Base","createUiStateProvider","createAdminUiStateProvider","createUiProviders","createDialogsProvider","DefaultIcons","IconPickerConfigProvider","createRootContainer","WcpProvider","createTenancyProvider","TelemetryAdminAppStart","ApolloClientFeature","SecurityFeature","FormModelFeature","AdminConfigPlugin","AdminConfigProvider","WebinySdkFeature","container","Admin","children","createApolloClient","createLegacyPlugins","uri","process","env","REACT_APP_GRAPHQL_API_URL","apolloClient","register","ApolloProvider","UIProviders","UiStateProvider","AdminUiStateProvider","DialogsProvider","TenancyProvider","createElement","routes","providers"],"sources":["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\";\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\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,GAAG,EAAEC,mBAAmB,QAAQ,aAAa;AAEtD,SAASC,oBAAoB;AAC7B,SAASC,IAAI;AACb,SAASC,qBAAqB;AAC9B,SAASC,0BAA0B;AACnC,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;AAC9B,SAASC,YAAY,EAAEC,wBAAwB;AAC/C,SAASC,mBAAmB;AAC5B,SAASC,WAAW;AACpB,SAASC,qBAAqB;AAC9B,SAASC,sBAAsB;AAC/B,SAASC,mBAAmB;AAC5B,SAASC,eAAe;AACxB,SAASC,gBAAgB;AAEzB,SAASC,iBAAiB,EAAEC,mBAAmB;AAC/C,SAASC,gBAAgB;AAQzB,MAAMC,SAAS,GAAGV,mBAAmB,CAAC,CAAC;AAEvC,OAAO,MAAMW,KAAK,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,kBAAkB;EAAEC;AAAgC,CAAC,KAAK;EACxF,MAAMC,GAAG,GAAGC,OAAO,CAACC,GAAG,CAACC,yBAAmC;EAC3D,MAAMC,YAAY,GAAGN,kBAAkB,CAAC;IAAEE;EAAI,CAAC,CAAC;EAEhD1B,OAAO,CAAC+B,QAAQ,CAAC,GAAGN,mBAAmB,CAACJ,SAAS,CAAC,CAAC;EAEnDN,mBAAmB,CAACgB,QAAQ,CAACV,SAAS,EAAES,YAAY,CAAC;EACrDd,eAAe,CAACe,QAAQ,CAACV,SAAS,CAAC;EACnCJ,gBAAgB,CAACc,QAAQ,CAACV,SAAS,CAAC;EACpCD,gBAAgB,CAACW,QAAQ,CAACV,SAAS,CAAC;EAEpC,MAAMW,cAAc,GAAG7B,oBAAoB,CAAC2B,YAAY,CAAC;EACzD,MAAMG,WAAW,GAAG1B,iBAAiB,CAAC,CAAC;EACvC,MAAM2B,eAAe,GAAG7B,qBAAqB,CAAC,CAAC;EAC/C,MAAM8B,oBAAoB,GAAG7B,0BAA0B,CAAC,CAAC;EACzD,MAAM8B,eAAe,GAAG5B,qBAAqB,CAAC,CAAC;EAC/C,MAAM6B,eAAe,GAAGxB,qBAAqB,CAAC,CAAC;EAE/C,oBACId,KAAA,CAAAuC,aAAA,CAACpC,mBAAmB;IAACmB,SAAS,EAAEA;EAAU,gBACtCtB,KAAA,CAAAuC,aAAA,CAACxB,sBAAsB,MAAE,CAAC,eAC1Bf,KAAA,CAAAuC,aAAA,CAACN,cAAc,qBACXjC,KAAA,CAAAuC,aAAA,CAAC1B,WAAW,qBACRb,KAAA,CAAAuC,aAAA,CAACrC,GAAG;IACAD,OAAO,EAAE,CAACkB,iBAAiB,CAAE;IAC7BqB,MAAM,EAAE,EAAG;IACXC,SAAS,EAAE,CACPrB,mBAAmB,EACnBc,WAAW,EACXC,eAAe,EACfE,eAAe,EACf1B,wBAAwB,EACxByB,oBAAoB,EACpBE,eAAe;EACjB,gBAEFtC,KAAA,CAAAuC,aAAA,CAAClC,IAAI,MAAE,CAAC,eACRL,KAAA,CAAAuC,aAAA,CAAC7B,YAAY,MAAE,CAAC,EACfc,QACA,CACI,CACD,CACC,CAAC;AAE9B,CAAC","ignoreList":[]}

package/base/Base/DefaultFieldRenderers.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DefaultFieldRenderers: () => React.JSX.Element;

package/base/Base/DefaultFieldRenderers.js

@@ -0,0 +1,99 @@
+import React from "react";
+import { AdminConfig } from "../../config/AdminConfig.js";
+import { InputRenderer } from "./FieldRenderers/InputRenderer.js";
+import { SelectRenderer } from "./FieldRenderers/SelectRenderer.js";
+import { ObjectRenderer } from "./FieldRenderers/ObjectRenderer/ObjectRenderer.js";
+import { ObjectAccordionMultipleRenderer } from "./FieldRenderers/ObjectRenderer/ObjectAccordionMultipleRenderer.js";
+import { DynamicZoneRenderer } from "./FieldRenderers/ObjectRenderer/DynamicZoneRenderer.js";
+import { PassthroughRenderer } from "./FieldRenderers/PassthroughRenderer.js";
+import { TextareaRenderer } from "./FieldRenderers/TextareaRenderer.js";
+import { SwitchRenderer } from "./FieldRenderers/SwitchRenderer.js";
+import { NumberInputRenderer } from "./FieldRenderers/NumberInputRenderer.js";
+import { NumberInputsRenderer } from "./FieldRenderers/NumberInputsRenderer.js";
+import { TextInputsRenderer } from "./FieldRenderers/TextInputsRenderer.js";
+import { TextareasRenderer } from "./FieldRenderers/TextareasRenderer.js";
+import { TagsRenderer } from "./FieldRenderers/TagsRenderer.js";
+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 { HiddenRenderer } from "./FieldRenderers/HiddenRenderer.js";
+import { KeyValueTagsRenderer } from "./FieldRenderers/ObjectRenderer/KeyValueTagsRenderer.js";
+import { FilePickerRenderer } from "./FieldRenderers/FilePickerRenderer.js";
+import { FileUrlPickerRenderer } from "./FieldRenderers/FileUrlPickerRenderer.js";
+import { MultiFilePickerRenderer } from "./FieldRenderers/MultiFilePickerRenderer.js";
+import { CodeEditorRenderer } from "./FieldRenderers/CodeEditorRenderer.js";
+export const DefaultFieldRenderers = () => {
+  return /*#__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: "dropdown",
+    component: SelectRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "objectAccordionSingle",
+    component: ObjectRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "objectAccordionMultiple",
+    component: ObjectAccordionMultipleRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "dynamicZone",
+    component: DynamicZoneRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "passthrough",
+    component: PassthroughRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "switch",
+    component: SwitchRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "numberInput",
+    component: NumberInputRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "numberInputs",
+    component: NumberInputsRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "textInputs",
+    component: TextInputsRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "textareas",
+    component: TextareasRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "tags",
+    component: TagsRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "radioButtons",
+    component: RadioButtonsRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "checkboxes",
+    component: CheckboxesRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "dateTimeInput",
+    component: DateTimeRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "dateTimeInputs",
+    component: DateTimeInputsRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "hidden",
+    component: HiddenRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "keyValueTags",
+    component: KeyValueTagsRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "filePicker",
+    component: FilePickerRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "multiFilePicker",
+    component: MultiFilePickerRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "fileUrlPicker",
+    component: FileUrlPickerRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "codeEditor",
+    component: CodeEditorRenderer
+  }));
+};
+
+//# sourceMappingURL=DefaultFieldRenderers.js.map

package/base/Base/DefaultFieldRenderers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AdminConfig","InputRenderer","SelectRenderer","ObjectRenderer","ObjectAccordionMultipleRenderer","DynamicZoneRenderer","PassthroughRenderer","TextareaRenderer","SwitchRenderer","NumberInputRenderer","NumberInputsRenderer","TextInputsRenderer","TextareasRenderer","TagsRenderer","RadioButtonsRenderer","CheckboxesRenderer","DateTimeRenderer","DateTimeInputsRenderer","HiddenRenderer","KeyValueTagsRenderer","FilePickerRenderer","FileUrlPickerRenderer","MultiFilePickerRenderer","CodeEditorRenderer","DefaultFieldRenderers","createElement","Form","FieldRenderer","name","component"],"sources":["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\";\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>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/base/Base/DefaultLayoutRenderers.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DefaultLayoutRenderers: () => React.JSX.Element;

package/base/Base/DefaultLayoutRenderers.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { AdminConfig } from "../../config/AdminConfig.js";
+import { VerticalTabsRenderer } from "./FieldRenderers/VerticalTabsRenderer.js";
+import { HorizontalTabsRenderer } from "./FieldRenderers/HorizontalTabsRenderer.js";
+export const DefaultLayoutRenderers = () => {
+  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(AdminConfig.Form.LayoutRenderer, {
+    name: "tabsVertical",
+    component: VerticalTabsRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.LayoutRenderer, {
+    name: "tabsHorizontal",
+    component: HorizontalTabsRenderer
+  }));
+};
+
+//# sourceMappingURL=DefaultLayoutRenderers.js.map

package/base/Base/DefaultLayoutRenderers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AdminConfig","VerticalTabsRenderer","HorizontalTabsRenderer","DefaultLayoutRenderers","createElement","Form","LayoutRenderer","name","component"],"sources":["DefaultLayoutRenderers.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { VerticalTabsRenderer } from \"~/base/Base/FieldRenderers/VerticalTabsRenderer.js\";\nimport { HorizontalTabsRenderer } from \"~/base/Base/FieldRenderers/HorizontalTabsRenderer.js\";\n\nexport const DefaultLayoutRenderers = () => {\n    return (\n        <AdminConfig>\n            <AdminConfig.Form.LayoutRenderer\n                name={\"tabsVertical\"}\n                component={VerticalTabsRenderer}\n            />\n            <AdminConfig.Form.LayoutRenderer\n                name={\"tabsHorizontal\"}\n                component={HorizontalTabsRenderer}\n            />\n        </AdminConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW;AACpB,SAASC,oBAAoB;AAC7B,SAASC,sBAAsB;AAE/B,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACxC,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,WAAW,qBACRD,KAAA,CAAAK,aAAA,CAACJ,WAAW,CAACK,IAAI,CAACC,cAAc;IAC5BC,IAAI,EAAE,cAAe;IACrBC,SAAS,EAAEP;EAAqB,CACnC,CAAC,eACFF,KAAA,CAAAK,aAAA,CAACJ,WAAW,CAACK,IAAI,CAACC,cAAc;IAC5BC,IAAI,EAAE,gBAAiB;IACvBC,SAAS,EAAEN;EAAuB,CACrC,CACQ,CAAC;AAEtB,CAAC","ignoreList":[]}

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

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

package/base/Base/FieldRenderers/CheckboxesRenderer.js

@@ -0,0 +1,28 @@
+import React from "react";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
+import { CheckboxGroup } from "@webiny/admin-ui";
+export const CheckboxesRenderer = createFieldRenderer(({
+  field
+}) => {
+  const options = field.options ?? [];
+  const value = field.value ?? [];
+  return /*#__PURE__*/React.createElement(CheckboxGroup, {
+    label: field.label,
+    description: field.description,
+    note: field.note,
+    required: field.required,
+    disabled: field.disabled,
+    validation: field.validation,
+    items: options.map(opt => ({
+      label: opt.label,
+      value: opt.value
+    })),
+    value: value,
+    onChange: value => {
+      field.onChange(value);
+      field.onBlur();
+    }
+  });
+});
+
+//# sourceMappingURL=CheckboxesRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createFieldRenderer","CheckboxGroup","CheckboxesRenderer","field","options","value","createElement","label","description","note","required","disabled","validation","items","map","opt","onChange","onBlur"],"sources":["CheckboxesRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { CheckboxGroup } from \"@webiny/admin-ui\";\nimport type { IValueOption } from \"~/features/formModel/index.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        checkboxes: { fieldType: \"text\" | \"number\"; options: true; settings: undefined };\n    }\n}\n\nexport const CheckboxesRenderer = createFieldRenderer(({ field }) => {\n    const options: IValueOption[] = field.options ?? [];\n    const value = (field.value as (string | number)[]) ?? [];\n\n    return (\n        <CheckboxGroup\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            required={field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n            items={options.map(opt => ({\n                label: opt.label,\n                value: opt.value\n            }))}\n            value={value}\n            onChange={value => {\n                field.onChange(value);\n                field.onBlur();\n            }}\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAC5B,SAASC,aAAa,QAAQ,kBAAkB;AAShD,OAAO,MAAMC,kBAAkB,GAAGF,mBAAmB,CAAC,CAAC;EAAEG;AAAM,CAAC,KAAK;EACjE,MAAMC,OAAuB,GAAGD,KAAK,CAACC,OAAO,IAAI,EAAE;EACnD,MAAMC,KAAK,GAAIF,KAAK,CAACE,KAAK,IAA4B,EAAE;EAExD,oBACIN,KAAA,CAAAO,aAAA,CAACL,aAAa;IACVM,KAAK,EAAEJ,KAAK,CAACI,KAAM;IACnBC,WAAW,EAAEL,KAAK,CAACK,WAAY;IAC/BC,IAAI,EAAEN,KAAK,CAACM,IAAK;IACjBC,QAAQ,EAAEP,KAAK,CAACO,QAAS;IACzBC,QAAQ,EAAER,KAAK,CAACQ,QAAS;IACzBC,UAAU,EAAET,KAAK,CAACS,UAAW;IAC7BC,KAAK,EAAET,OAAO,CAACU,GAAG,CAACC,GAAG,KAAK;MACvBR,KAAK,EAAEQ,GAAG,CAACR,KAAK;MAChBF,KAAK,EAAEU,GAAG,CAACV;IACf,CAAC,CAAC,CAAE;IACJA,KAAK,EAAEA,KAAM;IACbW,QAAQ,EAAEX,KAAK,IAAI;MACfF,KAAK,CAACa,QAAQ,CAACX,KAAK,CAAC;MACrBF,KAAK,CAACc,MAAM,CAAC,CAAC;IAClB;EAAE,CACL,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,15 @@
+import React from "react";
+declare module "../../../features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        codeEditor: {
+            fieldType: "text";
+            settings: {
+                language?: string;
+                height?: number;
+            };
+        };
+    }
+}
+export declare const CodeEditorRenderer: React.ComponentType<{
+    field: import("../../..").IFieldVM;
+}>;

package/base/Base/FieldRenderers/CodeEditorRenderer.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
+import { CodeEditor } from "@webiny/admin-ui";
+export const CodeEditorRenderer = createFieldRenderer(({
+  field
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "border-1 border-neutral-dimmed"
+  }, /*#__PURE__*/React.createElement(CodeEditor, {
+    value: field.value ?? "",
+    height: field.rendererSettings?.height ?? 400,
+    onChange: value => field.onChange(value),
+    language: field.rendererSettings?.language ?? "html"
+  }));
+});
+
+//# sourceMappingURL=CodeEditorRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createFieldRenderer","CodeEditor","CodeEditorRenderer","field","createElement","className","value","height","rendererSettings","onChange","language"],"sources":["CodeEditorRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { CodeEditor } from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        codeEditor: {\n            fieldType: \"text\";\n            settings: { language?: string; height?: number };\n        };\n    }\n}\n\nexport const CodeEditorRenderer = createFieldRenderer<\"codeEditor\">(({ field }) => {\n    return (\n        <div className={\"border-1 border-neutral-dimmed\"}>\n            <CodeEditor\n                value={(field.value as string) ?? \"\"}\n                height={field.rendererSettings?.height ?? 400}\n                onChange={value => field.onChange(value)}\n                language={field.rendererSettings?.language ?? \"html\"}\n            />\n        </div>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAC5B,SAASC,UAAU,QAAQ,kBAAkB;AAW7C,OAAO,MAAMC,kBAAkB,GAAGF,mBAAmB,CAAe,CAAC;EAAEG;AAAM,CAAC,KAAK;EAC/E,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAAiC,gBAC7CN,KAAA,CAAAK,aAAA,CAACH,UAAU;IACPK,KAAK,EAAGH,KAAK,CAACG,KAAK,IAAe,EAAG;IACrCC,MAAM,EAAEJ,KAAK,CAACK,gBAAgB,EAAED,MAAM,IAAI,GAAI;IAC9CE,QAAQ,EAAEH,KAAK,IAAIH,KAAK,CAACM,QAAQ,CAACH,KAAK,CAAE;IACzCI,QAAQ,EAAEP,KAAK,CAACK,gBAAgB,EAAEE,QAAQ,IAAI;EAAO,CACxD,CACA,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+import React from "react";
+declare module "../../../features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        dateTimeInputs: {
+            fieldType: "datetime";
+            settings: {
+                type: "date" | "time" | "dateTimeLocal" | "dateTimeTz" | "dateTimeWithoutTimezone" | "dateTimeWithTimezone" | "month" | "week";
+                addItemLabel?: string;
+                displayFormat?: string;
+                weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            };
+        };
+    }
+}
+export declare const DateTimeInputsRenderer: React.ComponentType<{
+    field: import("../../..").IFieldVM;
+}>;

package/base/Base/FieldRenderers/DateTimeInputsRenderer.js

@@ -0,0 +1,66 @@
+import React from "react";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { Button, DatePickerPrimitive, FormComponentDescription, Separator } from "@webiny/admin-ui";
+import { IconButton } from "@webiny/admin-ui";
+const PICKER_TYPE_MAP = {
+  date: "date",
+  time: "time",
+  dateTimeLocal: "dateTimeLocal",
+  dateTimeTz: "dateTimeTz",
+  dateTimeWithoutTimezone: "dateTimeLocal",
+  dateTimeWithTimezone: "dateTimeTz",
+  month: "month",
+  week: "week"
+};
+export const DateTimeInputsRenderer = createFieldRenderer(({
+  field
+}) => {
+  const values = field.value ?? [];
+  const settingsType = field.rendererSettings?.type ?? "date";
+  const pickerType = PICKER_TYPE_MAP[settingsType] ?? "date";
+  const updateAt = (index, val) => {
+    const next = [...values];
+    next[index] = val ?? "";
+    field.onChange(next);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col gap-sm"
+  }, /*#__PURE__*/React.createElement(Separator, {
+    labelPosition: "start",
+    variant: "accent"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-accent-primary text-lg font-semibold"
+  }, `${field.label ?? ""} ${values.length ? `(${values.length})` : ""}`)), field.description && /*#__PURE__*/React.createElement(FormComponentDescription, {
+    text: field.description
+  }), values.map((val, index) => /*#__PURE__*/React.createElement("div", {
+    key: index,
+    className: "flex items-center gap-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex-1"
+  }, /*#__PURE__*/React.createElement(DatePickerPrimitive, {
+    type: pickerType,
+    value: val || undefined,
+    onChange: v => updateAt(index, v),
+    disabled: field.disabled,
+    displayFormat: field.rendererSettings?.displayFormat,
+    weekStartsOn: field.rendererSettings?.weekStartsOn
+  })), /*#__PURE__*/React.createElement(IconButton, {
+    icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+    onClick: e => {
+      e.stopPropagation();
+      field.removeItem(index);
+    },
+    size: "lg",
+    variant: "ghost"
+  }))), /*#__PURE__*/React.createElement(Button, {
+    disabled: field.disabled,
+    variant: "tertiary",
+    icon: /*#__PURE__*/React.createElement(AddIcon, null),
+    text: field.rendererSettings?.addItemLabel ?? "Add Value",
+    onClick: () => field.addItem("")
+  }));
+});
+
+//# sourceMappingURL=DateTimeInputsRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createFieldRenderer","ReactComponent","DeleteIcon","AddIcon","Button","DatePickerPrimitive","FormComponentDescription","Separator","IconButton","PICKER_TYPE_MAP","date","time","dateTimeLocal","dateTimeTz","dateTimeWithoutTimezone","dateTimeWithTimezone","month","week","DateTimeInputsRenderer","field","values","value","settingsType","rendererSettings","type","pickerType","updateAt","index","val","next","onChange","createElement","className","labelPosition","variant","label","length","description","text","map","key","undefined","v","disabled","displayFormat","weekStartsOn","icon","onClick","e","stopPropagation","removeItem","size","addItemLabel","addItem"],"sources":["DateTimeInputsRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport {\n    Button,\n    DatePickerPrimitive,\n    type DatePickerPrimitiveProps,\n    FormComponentDescription,\n    Separator\n} from \"@webiny/admin-ui\";\nimport { IconButton } from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        dateTimeInputs: {\n            fieldType: \"datetime\";\n            settings: {\n                type:\n                    | \"date\"\n                    | \"time\"\n                    | \"dateTimeLocal\"\n                    | \"dateTimeTz\"\n                    | \"dateTimeWithoutTimezone\"\n                    | \"dateTimeWithTimezone\"\n                    | \"month\"\n                    | \"week\";\n                addItemLabel?: string;\n                displayFormat?: string;\n                weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n            };\n        };\n    }\n}\n\ntype StringPickerType = \"date\" | \"time\" | \"dateTimeLocal\" | \"dateTimeTz\" | \"month\" | \"week\";\n\nconst PICKER_TYPE_MAP: Record<string, StringPickerType> = {\n    date: \"date\",\n    time: \"time\",\n    dateTimeLocal: \"dateTimeLocal\",\n    dateTimeTz: \"dateTimeTz\",\n    dateTimeWithoutTimezone: \"dateTimeLocal\",\n    dateTimeWithTimezone: \"dateTimeTz\",\n    month: \"month\",\n    week: \"week\"\n};\n\nexport const DateTimeInputsRenderer = createFieldRenderer<\"dateTimeInputs\">(({ field }) => {\n    const values = (field.value as string[]) ?? [];\n    const settingsType = field.rendererSettings?.type ?? \"date\";\n    const pickerType: StringPickerType = PICKER_TYPE_MAP[settingsType] ?? \"date\";\n\n    const updateAt = (index: number, val: string | undefined) => {\n        const next = [...values];\n        next[index] = val ?? \"\";\n        field.onChange(next);\n    };\n\n    return (\n        <div className=\"flex flex-col gap-sm\">\n            <Separator labelPosition=\"start\" variant=\"accent\">\n                <span className=\"text-accent-primary text-lg font-semibold\">\n                    {`${field.label ?? \"\"} ${values.length ? `(${values.length})` : \"\"}`}\n                </span>\n            </Separator>\n            {field.description && <FormComponentDescription text={field.description} />}\n            {values.map((val, index) => (\n                <div key={index} className=\"flex items-center gap-sm\">\n                    <div className=\"flex-1\">\n                        <DatePickerPrimitive\n                            {...({\n                                type: pickerType,\n                                value: val || undefined,\n                                onChange: (v: string | undefined) => updateAt(index, v),\n                                disabled: field.disabled,\n                                displayFormat: field.rendererSettings?.displayFormat,\n                                weekStartsOn: field.rendererSettings?.weekStartsOn\n                            } as DatePickerPrimitiveProps)}\n                        />\n                    </div>\n                    <IconButton\n                        icon={<DeleteIcon />}\n                        onClick={e => {\n                            e.stopPropagation();\n                            field.removeItem(index);\n                        }}\n                        size=\"lg\"\n                        variant=\"ghost\"\n                    />\n                </div>\n            ))}\n            <Button\n                disabled={field.disabled}\n                variant=\"tertiary\"\n                icon={<AddIcon />}\n                text={field.rendererSettings?.addItemLabel ?? \"Add Value\"}\n                onClick={() => field.addItem(\"\")}\n            />\n        </div>\n    );\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+import React from "react";
+declare module "../../../features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        dateTimeInput: {
+            fieldType: "datetime";
+            settings: {
+                type: "date" | "time" | "dateTimeWithoutTimezone" | "dateTimeWithTimezone" | "month" | "week" | "year" | "dateRange" | "multipleDates" | "multipleMonths" | "multipleYears";
+                displayFormat?: string;
+                yearRange?: [number, number];
+                weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+                presets?: Array<{
+                    label: string;
+                    value: () => Date;
+                }>;
+            };
+        };
+    }
+}
+export declare const DateTimeRenderer: React.ComponentType<{
+    field: import("../../..").IFieldVM;
+}>;

package/base/Base/FieldRenderers/DateTimeRenderer.js

@@ -0,0 +1,46 @@
+import React from "react";
+import { DatePicker } from "@webiny/admin-ui";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
+const PICKER_TYPE_MAP = {
+  date: "date",
+  time: "time",
+  dateTimeWithoutTimezone: "dateTimeLocal",
+  dateTimeWithTimezone: "dateTimeTz",
+  month: "month",
+  week: "week",
+  year: "year",
+  dateRange: "dateRange",
+  multipleDates: "multipleDates",
+  multipleMonths: "multipleMonths",
+  multipleYears: "multipleYears"
+};
+export const DateTimeRenderer = createFieldRenderer(({
+  field
+}) => {
+  const settingsType = field.rendererSettings?.type ?? "date";
+  const pickerType = PICKER_TYPE_MAP[settingsType] || "date";
+  return /*#__PURE__*/React.createElement("div", {
+    className: "w-full"
+  }, /*#__PURE__*/React.createElement(DatePicker, {
+    hint: field.help,
+    type: pickerType,
+    value: field.value,
+    onChange: v => {
+      field.onChange(v);
+      field.onBlur();
+    },
+    disabled: field.disabled,
+    placeholder: field.placeholder,
+    displayFormat: field.rendererSettings?.displayFormat,
+    yearRange: field.rendererSettings?.yearRange,
+    weekStartsOn: field.rendererSettings?.weekStartsOn,
+    presets: field.rendererSettings?.presets,
+    label: field.label,
+    description: field.description,
+    note: field.note,
+    required: field.required,
+    validation: field.validation
+  }));
+});
+
+//# sourceMappingURL=DateTimeRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","DatePicker","createFieldRenderer","PICKER_TYPE_MAP","date","time","dateTimeWithoutTimezone","dateTimeWithTimezone","month","week","year","dateRange","multipleDates","multipleMonths","multipleYears","DateTimeRenderer","field","settingsType","rendererSettings","type","pickerType","createElement","className","hint","help","value","onChange","v","onBlur","disabled","placeholder","displayFormat","yearRange","weekStartsOn","presets","label","description","note","required","validation"],"sources":["DateTimeRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { DatePicker } from \"@webiny/admin-ui\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        dateTimeInput: {\n            fieldType: \"datetime\";\n            settings: {\n                type:\n                    | \"date\"\n                    | \"time\"\n                    | \"dateTimeWithoutTimezone\"\n                    | \"dateTimeWithTimezone\"\n                    | \"month\"\n                    | \"week\"\n                    | \"year\"\n                    | \"dateRange\"\n                    | \"multipleDates\"\n                    | \"multipleMonths\"\n                    | \"multipleYears\";\n                displayFormat?: string;\n                yearRange?: [number, number];\n                weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n                presets?: Array<{ label: string; value: () => Date }>;\n            };\n        };\n    }\n}\n\nconst PICKER_TYPE_MAP: Record<string, string> = {\n    date: \"date\",\n    time: \"time\",\n    dateTimeWithoutTimezone: \"dateTimeLocal\",\n    dateTimeWithTimezone: \"dateTimeTz\",\n    month: \"month\",\n    week: \"week\",\n    year: \"year\",\n    dateRange: \"dateRange\",\n    multipleDates: \"multipleDates\",\n    multipleMonths: \"multipleMonths\",\n    multipleYears: \"multipleYears\"\n};\n\nexport const DateTimeRenderer = createFieldRenderer<\"dateTimeInput\">(({ field }) => {\n    const settingsType = field.rendererSettings?.type ?? \"date\";\n    const pickerType = PICKER_TYPE_MAP[settingsType] || \"date\";\n\n    return (\n        <div className=\"w-full\">\n            <DatePicker\n                hint={field.help}\n                type={pickerType as any}\n                value={field.value as any}\n                onChange={(v: any) => {\n                    field.onChange(v);\n                    field.onBlur();\n                }}\n                disabled={field.disabled}\n                placeholder={field.placeholder}\n                displayFormat={field.rendererSettings?.displayFormat}\n                yearRange={field.rendererSettings?.yearRange}\n                weekStartsOn={field.rendererSettings?.weekStartsOn}\n                presets={field.rendererSettings?.presets}\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,mBAAmB;AA4B5B,MAAMC,eAAuC,GAAG;EAC5CC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE,MAAM;EACZC,uBAAuB,EAAE,eAAe;EACxCC,oBAAoB,EAAE,YAAY;EAClCC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE,MAAM;EACZC,SAAS,EAAE,WAAW;EACtBC,aAAa,EAAE,eAAe;EAC9BC,cAAc,EAAE,gBAAgB;EAChCC,aAAa,EAAE;AACnB,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAGb,mBAAmB,CAAkB,CAAC;EAAEc;AAAM,CAAC,KAAK;EAChF,MAAMC,YAAY,GAAGD,KAAK,CAACE,gBAAgB,EAAEC,IAAI,IAAI,MAAM;EAC3D,MAAMC,UAAU,GAAGjB,eAAe,CAACc,YAAY,CAAC,IAAI,MAAM;EAE1D,oBACIjB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAC;EAAQ,gBACnBtB,KAAA,CAAAqB,aAAA,CAACpB,UAAU;IACPsB,IAAI,EAAEP,KAAK,CAACQ,IAAK;IACjBL,IAAI,EAAEC,UAAkB;IACxBK,KAAK,EAAET,KAAK,CAACS,KAAa;IAC1BC,QAAQ,EAAGC,CAAM,IAAK;MAClBX,KAAK,CAACU,QAAQ,CAACC,CAAC,CAAC;MACjBX,KAAK,CAACY,MAAM,CAAC,CAAC;IAClB,CAAE;IACFC,QAAQ,EAAEb,KAAK,CAACa,QAAS;IACzBC,WAAW,EAAEd,KAAK,CAACc,WAAY;IAC/BC,aAAa,EAAEf,KAAK,CAACE,gBAAgB,EAAEa,aAAc;IACrDC,SAAS,EAAEhB,KAAK,CAACE,gBAAgB,EAAEc,SAAU;IAC7CC,YAAY,EAAEjB,KAAK,CAACE,gBAAgB,EAAEe,YAAa;IACnDC,OAAO,EAAElB,KAAK,CAACE,gBAAgB,EAAEgB,OAAQ;IACzCC,KAAK,EAAEnB,KAAK,CAACmB,KAAM;IACnBC,WAAW,EAAEpB,KAAK,CAACoB,WAAY;IAC/BC,IAAI,EAAErB,KAAK,CAACqB,IAAK;IACjBC,QAAQ,EAAEtB,KAAK,CAACsB,QAAS;IACzBC,UAAU,EAAEvB,KAAK,CAACuB;EAAW,CAChC,CACA,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+import React from "react";
+import type { FileFieldSettings } from "../../../features/formModel/fieldTypes/FileFieldType.js";
+declare module "../../../features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        filePicker: {
+            fieldType: "file";
+            settings: FileFieldSettings;
+        };
+    }
+}
+export declare const FilePickerRenderer: React.ComponentType<{
+    field: import("~/features/formModel/abstractions.js").IFieldVM;
+}>;