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

package/base/Admin.js

@@ -1,55 +1,59 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Admin = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _appAdminCore = require("@webiny/app-admin-core");
-
-var _appWcp = require("@webiny/app-wcp");
-
-var _ApolloProvider = require("./providers/ApolloProvider");
-
-var _Base = require("./Base");
-
-var _TelemetryProvider = require("./providers/TelemetryProvider");
-
-var _UiStateProvider = require("./providers/UiStateProvider");
-
-var _Search = require("./ui/Search");
-
-var _UserMenu = require("./ui/UserMenu");
-
-var _Navigation = require("./ui/Navigation");
-
-var _Progress = require("@webiny/ui/Progress");
-
-var Admin = function Admin(_ref) {
-  var children = _ref.children,
-      createApolloClient = _ref.createApolloClient;
-  var ApolloProvider = (0, _ApolloProvider.createApolloProvider)(createApolloClient);
-  var TelemetryProvider = (0, _TelemetryProvider.createTelemetryProvider)();
-  var UiStateProvider = (0, _UiStateProvider.createUiStateProvider)();
-  return /*#__PURE__*/_react.default.createElement(ApolloProvider, null, /*#__PURE__*/_react.default.createElement(_appWcp.WcpProvider, {
-    loader: /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
-      label: "Loading..."
-    })
-  }, /*#__PURE__*/_react.default.createElement(_appAdminCore.Admin, null, /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
-    hoc: TelemetryProvider
-  }), /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
-    hoc: UiStateProvider
-  }), /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
-    hoc: _Search.SearchProvider
-  }), /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
-    hoc: _UserMenu.UserMenuProvider
-  }), /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
-    hoc: _Navigation.NavigationProvider
-  }), /*#__PURE__*/_react.default.createElement(_Base.Base, null), children)));
+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 { 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";
+import { ListPresenterFeature } from "../presentation/listPresenter/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);
+    SecurityFeature.register(container);
+    FormModelFeature.register(container);
+    WebinySdkFeature.register(container);
+    ListPresenterFeature.register(container);
+    const ApolloProvider = createApolloProvider(apolloClient);
+    const UIProviders = createUiProviders();
+    const UiStateProvider = createUiStateProvider();
+    const AdminUiStateProvider = createAdminUiStateProvider();
+    const DialogsProvider = createDialogsProvider();
+    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))));
 };
+export { Admin };
 
-exports.Admin = Admin;
+//# sourceMappingURL=Admin.js.map

package/base/Admin.js.map

@@ -1 +1 @@
-{"version":3,"names":["Admin","children","createApolloClient","ApolloProvider","createApolloProvider","TelemetryProvider","createTelemetryProvider","UiStateProvider","createUiStateProvider","SearchProvider","UserMenuProvider","NavigationProvider"],"sources":["Admin.tsx"],"sourcesContent":["import React from \"react\";\nimport { Admin as BaseAdmin, Provider } from \"@webiny/app-admin-core\";\nimport { WcpProvider } from \"@webiny/app-wcp\";\nimport { ApolloClientFactory, createApolloProvider } from \"./providers/ApolloProvider\";\nimport { Base } from \"./Base\";\nimport { createTelemetryProvider } from \"./providers/TelemetryProvider\";\nimport { createUiStateProvider } from \"./providers/UiStateProvider\";\nimport { SearchProvider } from \"./ui/Search\";\nimport { UserMenuProvider } from \"./ui/UserMenu\";\nimport { NavigationProvider } from \"./ui/Navigation\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nexport interface AdminProps {\n    createApolloClient: ApolloClientFactory;\n    children?: React.ReactNode;\n}\n\nexport const Admin: React.FC<AdminProps> = ({ children, createApolloClient }) => {\n    const ApolloProvider = createApolloProvider(createApolloClient);\n    const TelemetryProvider = createTelemetryProvider();\n    const UiStateProvider = createUiStateProvider();\n\n    return (\n        <ApolloProvider>\n            <WcpProvider loader={<CircularProgress label={\"Loading...\"} />}>\n                <BaseAdmin>\n                    <Provider hoc={TelemetryProvider} />\n                    <Provider hoc={UiStateProvider} />\n                    <Provider hoc={SearchProvider} />\n                    <Provider hoc={UserMenuProvider} />\n                    <Provider hoc={NavigationProvider} />\n                    <Base />\n                    {children}\n                </BaseAdmin>\n            </WcpProvider>\n        </ApolloProvider>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAOO,IAAMA,KAA2B,GAAG,SAA9BA,KAA8B,OAAsC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;EAAA,IAAzBC,kBAAyB,QAAzBA,kBAAyB;EAC7E,IAAMC,cAAc,GAAG,IAAAC,oCAAA,EAAqBF,kBAArB,CAAvB;EACA,IAAMG,iBAAiB,GAAG,IAAAC,0CAAA,GAA1B;EACA,IAAMC,eAAe,GAAG,IAAAC,sCAAA,GAAxB;EAEA,oBACI,6BAAC,cAAD,qBACI,6BAAC,mBAAD;IAAa,MAAM,eAAE,6BAAC,0BAAD;MAAkB,KAAK,EAAE;IAAzB;EAArB,gBACI,6BAAC,mBAAD,qBACI,6BAAC,sBAAD;IAAU,GAAG,EAAEH;EAAf,EADJ,eAEI,6BAAC,sBAAD;IAAU,GAAG,EAAEE;EAAf,EAFJ,eAGI,6BAAC,sBAAD;IAAU,GAAG,EAAEE;EAAf,EAHJ,eAII,6BAAC,sBAAD;IAAU,GAAG,EAAEC;EAAf,EAJJ,eAKI,6BAAC,sBAAD;IAAU,GAAG,EAAEC;EAAf,EALJ,eAMI,6BAAC,UAAD,OANJ,EAOKV,QAPL,CADJ,CADJ,CADJ;AAeH,CApBM"}
+{"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"}

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,102 @@
+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";
+import { LexicalRenderer } from "./FieldRenderers/LexicalRenderer.js";
+const DefaultFieldRenderers = ()=>/*#__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
+    }), /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
+        name: "lexical",
+        component: LexicalRenderer
+    }));
+export { DefaultFieldRenderers };
+
+//# sourceMappingURL=DefaultFieldRenderers.js.map

package/base/Base/DefaultFieldRenderers.js.map

@@ -0,0 +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"}

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,14 @@
+import react from "react";
+import { AdminConfig } from "../../config/AdminConfig.js";
+import { VerticalTabsRenderer } from "./FieldRenderers/VerticalTabsRenderer.js";
+import { HorizontalTabsRenderer } from "./FieldRenderers/HorizontalTabsRenderer.js";
+const DefaultLayoutRenderers = ()=>/*#__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
+    }));
+export { DefaultLayoutRenderers };
+
+//# sourceMappingURL=DefaultLayoutRenderers.js.map

package/base/Base/DefaultLayoutRenderers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/DefaultLayoutRenderers.js","sources":["../../../src/base/Base/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"],"names":["DefaultLayoutRenderers","AdminConfig","VerticalTabsRenderer","HorizontalTabsRenderer"],"mappings":";;;;AAKO,MAAMA,yBAAyB,IAC3B,WAAP,GACI,oBAACC,aAAWA,MAAAA,WAAAA,GACR,oBAACA,YAAY,IAAI,CAAC,cAAc;QAC5B,MAAM;QACN,WAAWC;sBAEf,oBAACD,YAAY,IAAI,CAAC,cAAc;QAC5B,MAAM;QACN,WAAWE"}

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,27 @@
+import react from "react";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
+import { CheckboxGroup } from "@webiny/admin-ui";
+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();
+        }
+    });
+});
+export { CheckboxesRenderer };
+
+//# sourceMappingURL=CheckboxesRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/FieldRenderers/CheckboxesRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/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"],"names":["CheckboxesRenderer","createFieldRenderer","field","options","value","CheckboxGroup","opt"],"mappings":";;;AAWO,MAAMA,qBAAqBC,oBAAoB,CAAC,EAAEC,KAAK,EAAE;IAC5D,MAAMC,UAA0BD,MAAM,OAAO,IAAI,EAAE;IACnD,MAAME,QAASF,MAAM,KAAK,IAA4B,EAAE;IAExD,OAAO,WAAP,GACI,oBAACG,eAAaA;QACV,OAAOH,MAAM,KAAK;QAClB,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QACxB,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;QAC5B,OAAOC,QAAQ,GAAG,CAACG,CAAAA,MAAQ;gBACvB,OAAOA,IAAI,KAAK;gBAChB,OAAOA,IAAI,KAAK;YACpB;QACA,OAAOF;QACP,UAAUA,CAAAA;YACNF,MAAM,QAAQ,CAACE;YACfF,MAAM,MAAM;QAChB;;AAGZ"}

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,14 @@
+import react from "react";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
+import { CodeEditor } from "@webiny/admin-ui";
+const CodeEditorRenderer = createFieldRenderer(({ field })=>/*#__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"
+    })));
+export { CodeEditorRenderer };
+
+//# sourceMappingURL=CodeEditorRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/FieldRenderers/CodeEditorRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/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"],"names":["CodeEditorRenderer","createFieldRenderer","field","CodeEditor","value"],"mappings":";;;AAaO,MAAMA,qBAAqBC,oBAAkC,CAAC,EAAEC,KAAK,EAAE,GACnE,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,YAAUA;QACP,OAAQD,MAAM,KAAK,IAAe;QAClC,QAAQA,MAAM,gBAAgB,EAAE,UAAU;QAC1C,UAAUE,CAAAA,QAASF,MAAM,QAAQ,CAACE;QAClC,UAAUF,MAAM,gBAAgB,EAAE,YAAY"}

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 } from "@webiny/icons/delete.svg";
+import { ReactComponent as add_svg_ReactComponent } from "@webiny/icons/add.svg";
+import { Button, DatePickerPrimitive, FormComponentDescription, IconButton, Separator } from "@webiny/admin-ui";
+const PICKER_TYPE_MAP = {
+    date: "date",
+    time: "time",
+    dateTimeLocal: "dateTimeLocal",
+    dateTimeTz: "dateTimeTz",
+    dateTimeWithoutTimezone: "dateTimeLocal",
+    dateTimeWithTimezone: "dateTimeTz",
+    month: "month",
+    week: "week"
+};
+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 || void 0,
+            onChange: (v)=>updateAt(index, v),
+            disabled: field.disabled,
+            displayFormat: field.rendererSettings?.displayFormat,
+            weekStartsOn: field.rendererSettings?.weekStartsOn
+        })), /*#__PURE__*/ react.createElement(IconButton, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, 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(add_svg_ReactComponent, null),
+        text: field.rendererSettings?.addItemLabel ?? "Add Value",
+        onClick: ()=>field.addItem("")
+    }));
+});
+export { DateTimeInputsRenderer };
+
+//# sourceMappingURL=DateTimeInputsRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/FieldRenderers/DateTimeInputsRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/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"],"names":["PICKER_TYPE_MAP","DateTimeInputsRenderer","createFieldRenderer","field","values","settingsType","pickerType","updateAt","index","val","next","Separator","FormComponentDescription","DatePickerPrimitive","undefined","v","IconButton","DeleteIcon","e","Button","AddIcon"],"mappings":";;;;;AAqCA,MAAMA,kBAAoD;IACtD,MAAM;IACN,MAAM;IACN,eAAe;IACf,YAAY;IACZ,yBAAyB;IACzB,sBAAsB;IACtB,OAAO;IACP,MAAM;AACV;AAEO,MAAMC,yBAAyBC,oBAAsC,CAAC,EAAEC,KAAK,EAAE;IAClF,MAAMC,SAAUD,MAAM,KAAK,IAAiB,EAAE;IAC9C,MAAME,eAAeF,MAAM,gBAAgB,EAAE,QAAQ;IACrD,MAAMG,aAA+BN,eAAe,CAACK,aAAa,IAAI;IAEtE,MAAME,WAAW,CAACC,OAAeC;QAC7B,MAAMC,OAAO;eAAIN;SAAO;QACxBM,IAAI,CAACF,MAAM,GAAGC,OAAO;QACrBN,MAAM,QAAQ,CAACO;IACnB;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACC,WAASA;QAAC,eAAc;QAAQ,SAAQ;qBACrC,oBAAC;QAAK,WAAU;OACX,GAAGR,MAAM,KAAK,IAAI,GAAG,CAAC,EAAEC,OAAO,MAAM,GAAG,CAAC,CAAC,EAAEA,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,IAG3ED,MAAM,WAAW,IAAI,WAAJ,GAAI,oBAACS,0BAAwBA;QAAC,MAAMT,MAAM,WAAW;QACtEC,OAAO,GAAG,CAAC,CAACK,KAAKD,QAAAA,WAAAA,GACd,oBAAC;YAAI,KAAKA;YAAO,WAAU;yBACvB,oBAAC;YAAI,WAAU;yBACX,oBAACK,qBACQ;YACD,MAAMP;YACN,OAAOG,OAAOK;YACd,UAAU,CAACC,IAA0BR,SAASC,OAAOO;YACrD,UAAUZ,MAAM,QAAQ;YACxB,eAAeA,MAAM,gBAAgB,EAAE;YACvC,cAAcA,MAAM,gBAAgB,EAAE;QAC1C,mBAGR,oBAACa,YAAUA;YACP,oBAAM,oBAACC,gBAAUA;YACjB,SAASC,CAAAA;gBACLA,EAAE,eAAe;gBACjBf,MAAM,UAAU,CAACK;YACrB;YACA,MAAK;YACL,SAAQ;4BAIpB,oBAACW,QAAMA;QACH,UAAUhB,MAAM,QAAQ;QACxB,SAAQ;QACR,oBAAM,oBAACiB,wBAAOA;QACd,MAAMjB,MAAM,gBAAgB,EAAE,gBAAgB;QAC9C,SAAS,IAAMA,MAAM,OAAO,CAAC;;AAI7C"}

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,45 @@
+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"
+};
+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
+    }));
+});
+export { DateTimeRenderer };
+
+//# sourceMappingURL=DateTimeRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/FieldRenderers/DateTimeRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/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"],"names":["PICKER_TYPE_MAP","DateTimeRenderer","createFieldRenderer","field","settingsType","pickerType","DatePicker","v"],"mappings":";;;AA8BA,MAAMA,kBAA0C;IAC5C,MAAM;IACN,MAAM;IACN,yBAAyB;IACzB,sBAAsB;IACtB,OAAO;IACP,MAAM;IACN,MAAM;IACN,WAAW;IACX,eAAe;IACf,gBAAgB;IAChB,eAAe;AACnB;AAEO,MAAMC,mBAAmBC,oBAAqC,CAAC,EAAEC,KAAK,EAAE;IAC3E,MAAMC,eAAeD,MAAM,gBAAgB,EAAE,QAAQ;IACrD,MAAME,aAAaL,eAAe,CAACI,aAAa,IAAI;IAEpD,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACE,YAAUA;QACP,MAAMH,MAAM,IAAI;QAChB,MAAME;QACN,OAAOF,MAAM,KAAK;QAClB,UAAU,CAACI;YACPJ,MAAM,QAAQ,CAACI;YACfJ,MAAM,MAAM;QAChB;QACA,UAAUA,MAAM,QAAQ;QACxB,aAAaA,MAAM,WAAW;QAC9B,eAAeA,MAAM,gBAAgB,EAAE;QACvC,WAAWA,MAAM,gBAAgB,EAAE;QACnC,cAAcA,MAAM,gBAAgB,EAAE;QACtC,SAASA,MAAM,gBAAgB,EAAE;QACjC,OAAOA,MAAM,KAAK;QAClB,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;;AAI5C"}

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;
+}>;