@webiny/app-admin 6.2.0 → 6.3.0-beta.0

package/base/Admin.js

@@ -16,6 +16,7 @@ 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,
@@ -30,6 +31,7 @@ export const Admin = ({
   ApolloClientFeature.register(container, apolloClient);
   SecurityFeature.register(container);
   FormModelFeature.register(container);
+  WebinySdkFeature.register(container);
   const ApolloProvider = createApolloProvider(apolloClient);
   const UIProviders = createUiProviders();
   const UiStateProvider = createUiStateProvider();

package/base/Admin.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","plugins","App","DiContainerProvider","createApolloProvider","Base","createUiStateProvider","createAdminUiStateProvider","createUiProviders","createDialogsProvider","DefaultIcons","IconPickerConfigProvider","createRootContainer","WcpProvider","createTenancyProvider","TelemetryAdminAppStart","ApolloClientFeature","SecurityFeature","FormModelFeature","AdminConfigPlugin","AdminConfigProvider","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\";\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\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;AAQ/C,MAAMC,SAAS,GAAGT,mBAAmB,CAAC,CAAC;AAEvC,OAAO,MAAMU,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;EAEhDzB,OAAO,CAAC8B,QAAQ,CAAC,GAAGN,mBAAmB,CAACJ,SAAS,CAAC,CAAC;EAEnDL,mBAAmB,CAACe,QAAQ,CAACV,SAAS,EAAES,YAAY,CAAC;EACrDb,eAAe,CAACc,QAAQ,CAACV,SAAS,CAAC;EACnCH,gBAAgB,CAACa,QAAQ,CAACV,SAAS,CAAC;EAEpC,MAAMW,cAAc,GAAG5B,oBAAoB,CAAC0B,YAAY,CAAC;EACzD,MAAMG,WAAW,GAAGzB,iBAAiB,CAAC,CAAC;EACvC,MAAM0B,eAAe,GAAG5B,qBAAqB,CAAC,CAAC;EAC/C,MAAM6B,oBAAoB,GAAG5B,0BAA0B,CAAC,CAAC;EACzD,MAAM6B,eAAe,GAAG3B,qBAAqB,CAAC,CAAC;EAC/C,MAAM4B,eAAe,GAAGvB,qBAAqB,CAAC,CAAC;EAE/C,oBACId,KAAA,CAAAsC,aAAA,CAACnC,mBAAmB;IAACkB,SAAS,EAAEA;EAAU,gBACtCrB,KAAA,CAAAsC,aAAA,CAACvB,sBAAsB,MAAE,CAAC,eAC1Bf,KAAA,CAAAsC,aAAA,CAACN,cAAc,qBACXhC,KAAA,CAAAsC,aAAA,CAACzB,WAAW,qBACRb,KAAA,CAAAsC,aAAA,CAACpC,GAAG;IACAD,OAAO,EAAE,CAACkB,iBAAiB,CAAE;IAC7BoB,MAAM,EAAE,EAAG;IACXC,SAAS,EAAE,CACPpB,mBAAmB,EACnBa,WAAW,EACXC,eAAe,EACfE,eAAe,EACfzB,wBAAwB,EACxBwB,oBAAoB,EACpBE,eAAe;EACjB,gBAEFrC,KAAA,CAAAsC,aAAA,CAACjC,IAAI,MAAE,CAAC,eACRL,KAAA,CAAAsC,aAAA,CAAC5B,YAAY,MAAE,CAAC,EACfa,QACA,CACI,CACD,CACC,CAAC;AAE9B,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.js

@@ -1,14 +1,30 @@
 import React from "react";
 import { AdminConfig } from "../../config/AdminConfig.js";
-import { TextRenderer } from "./FieldRenderers/TextRenderer.js";
+import { InputRenderer } from "./FieldRenderers/InputRenderer.js";
 import { SelectRenderer } from "./FieldRenderers/SelectRenderer.js";
+import { ObjectRenderer } from "./FieldRenderers/ObjectRenderer/ObjectRenderer.js";
+import { PassthroughRenderer } from "./FieldRenderers/PassthroughRenderer.js";
+import { ObjectListFlatRenderer } from "./FieldRenderers/ObjectRenderer/ObjectListFlatRenderer.js";
+import { TextareaRenderer } from "./FieldRenderers/TextareaRenderer.js";
 export const DefaultFieldRenderers = () => {
   return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
-    name: "text",
-    component: TextRenderer
+    name: "input",
+    component: InputRenderer
   }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
-    name: "select",
+    name: "textarea",
+    component: TextareaRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "dropdown",
     component: SelectRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "object",
+    component: ObjectRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "passthrough",
+    component: PassthroughRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "objectListFlat",
+    component: ObjectListFlatRenderer
   }));
 };
 

package/base/Base/DefaultFieldRenderers.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AdminConfig","TextRenderer","SelectRenderer","DefaultFieldRenderers","createElement","Form","FieldRenderer","name","component"],"sources":["DefaultFieldRenderers.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { TextRenderer } from \"~/base/Base/FieldRenderers/TextRenderer.js\";\nimport { SelectRenderer } from \"~/base/Base/FieldRenderers/SelectRenderer.js\";\n\nexport const DefaultFieldRenderers = () => {\n    return (\n        <AdminConfig>\n            <AdminConfig.Form.FieldRenderer name={\"text\"} component={TextRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"select\"} component={SelectRenderer} />\n        </AdminConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW;AACpB,SAASC,YAAY;AACrB,SAASC,cAAc;AAEvB,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,WAAW,qBACRD,KAAA,CAAAK,aAAA,CAACJ,WAAW,CAACK,IAAI,CAACC,aAAa;IAACC,IAAI,EAAE,MAAO;IAACC,SAAS,EAAEP;EAAa,CAAE,CAAC,eACzEF,KAAA,CAAAK,aAAA,CAACJ,WAAW,CAACK,IAAI,CAACC,aAAa;IAACC,IAAI,EAAE,QAAS;IAACC,SAAS,EAAEN;EAAe,CAAE,CACnE,CAAC;AAEtB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","AdminConfig","InputRenderer","SelectRenderer","ObjectRenderer","PassthroughRenderer","ObjectListFlatRenderer","TextareaRenderer","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 { PassthroughRenderer } from \"~/base/Base/FieldRenderers/PassthroughRenderer.js\";\nimport { ObjectListFlatRenderer } from \"~/base/Base/FieldRenderers/ObjectRenderer/ObjectListFlatRenderer.js\";\nimport { TextareaRenderer } from \"~/base/Base/FieldRenderers/TextareaRenderer.js\";\n\nexport const DefaultFieldRenderers = () => {\n    return (\n        <AdminConfig>\n            <AdminConfig.Form.FieldRenderer name={\"input\"} component={InputRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"textarea\"} component={TextareaRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"dropdown\"} component={SelectRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"object\"} component={ObjectRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"passthrough\"} component={PassthroughRenderer} />\n            <AdminConfig.Form.FieldRenderer\n                name={\"objectListFlat\"}\n                component={ObjectListFlatRenderer}\n            />\n        </AdminConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW;AACpB,SAASC,aAAa;AACtB,SAASC,cAAc;AACvB,SAASC,cAAc;AACvB,SAASC,mBAAmB;AAC5B,SAASC,sBAAsB;AAC/B,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,oBACIR,KAAA,CAAAS,aAAA,CAACR,WAAW,qBACRD,KAAA,CAAAS,aAAA,CAACR,WAAW,CAACS,IAAI,CAACC,aAAa;IAACC,IAAI,EAAE,OAAQ;IAACC,SAAS,EAAEX;EAAc,CAAE,CAAC,eAC3EF,KAAA,CAAAS,aAAA,CAACR,WAAW,CAACS,IAAI,CAACC,aAAa;IAACC,IAAI,EAAE,UAAW;IAACC,SAAS,EAAEN;EAAiB,CAAE,CAAC,eACjFP,KAAA,CAAAS,aAAA,CAACR,WAAW,CAACS,IAAI,CAACC,aAAa;IAACC,IAAI,EAAE,UAAW;IAACC,SAAS,EAAEV;EAAe,CAAE,CAAC,eAC/EH,KAAA,CAAAS,aAAA,CAACR,WAAW,CAACS,IAAI,CAACC,aAAa;IAACC,IAAI,EAAE,QAAS;IAACC,SAAS,EAAET;EAAe,CAAE,CAAC,eAC7EJ,KAAA,CAAAS,aAAA,CAACR,WAAW,CAACS,IAAI,CAACC,aAAa;IAACC,IAAI,EAAE,aAAc;IAACC,SAAS,EAAER;EAAoB,CAAE,CAAC,eACvFL,KAAA,CAAAS,aAAA,CAACR,WAAW,CAACS,IAAI,CAACC,aAAa;IAC3BC,IAAI,EAAE,gBAAiB;IACvBC,SAAS,EAAEP;EAAuB,CACrC,CACQ,CAAC;AAEtB,CAAC","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,11 @@
+import React from "react";
+import { AdminConfig } from "../../config/AdminConfig.js";
+import { VerticalTabsRenderer } from "./FieldRenderers/VerticalTabsRenderer.js";
+export const DefaultLayoutRenderers = () => {
+  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(AdminConfig.Form.LayoutRenderer, {
+    name: "tabs-vertical",
+    component: VerticalTabsRenderer
+  }));
+};
+
+//# sourceMappingURL=DefaultLayoutRenderers.js.map

package/base/Base/DefaultLayoutRenderers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AdminConfig","VerticalTabsRenderer","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\";\n\nexport const DefaultLayoutRenderers = () => {\n    return (\n        <AdminConfig>\n            <AdminConfig.Form.LayoutRenderer\n                name={\"tabs-vertical\"}\n                component={VerticalTabsRenderer}\n            />\n        </AdminConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW;AACpB,SAASC,oBAAoB;AAE7B,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACxC,oBACIH,KAAA,CAAAI,aAAA,CAACH,WAAW,qBACRD,KAAA,CAAAI,aAAA,CAACH,WAAW,CAACI,IAAI,CAACC,cAAc;IAC5BC,IAAI,EAAE,eAAgB;IACtBC,SAAS,EAAEN;EAAqB,CACnC,CACQ,CAAC;AAEtB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,15 @@
+import React from "react";
+import type { IFieldVM } from "../../../features/formModel/index.js";
+declare module "../../../features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        input: {
+            fieldType: "text";
+            settings: undefined;
+        };
+    }
+}
+export declare const InputRenderer: (({ field }: {
+    field: IFieldVM;
+}) => React.JSX.Element) & {
+    displayName: string;
+};

package/base/Base/FieldRenderers/{TextRenderer.js → InputRenderer.js}

@@ -2,15 +2,17 @@ import React from "react";
 import { observer } from "mobx-react-lite";
 import { Input } from "@webiny/admin-ui";
 import { DelayedOnChange } from "@webiny/admin-ui";
-export const TextRenderer = observer(function TextRenderer({
+export const InputRenderer = observer(({
   field
-}) {
+}) => {
   return /*#__PURE__*/React.createElement(DelayedOnChange, {
     value: field.value,
     onChange: value => field.onChange(value)
   }, /*#__PURE__*/React.createElement(Input, {
     label: field.label,
     placeholder: field.placeholder,
+    description: field.description,
+    note: field.note,
     required: field.required,
     disabled: field.disabled,
     validation: field.validation,
@@ -18,4 +20,4 @@ export const TextRenderer = observer(function TextRenderer({
   }));
 });
 
-//# sourceMappingURL=TextRenderer.js.map
+//# sourceMappingURL=InputRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","observer","Input","DelayedOnChange","InputRenderer","field","createElement","value","onChange","label","placeholder","description","note","required","disabled","validation","onBlur"],"sources":["InputRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Input } from \"@webiny/admin-ui\";\nimport { DelayedOnChange } from \"@webiny/admin-ui\";\nimport type { IFieldVM } from \"~/features/formModel/index.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        input: { fieldType: \"text\"; settings: undefined };\n    }\n}\n\nexport const InputRenderer = observer(({ field }: { field: IFieldVM }) => {\n    return (\n        <DelayedOnChange value={field.value} onChange={value => field.onChange(value)}>\n            <Input\n                label={field.label}\n                placeholder={field.placeholder}\n                description={field.description}\n                note={field.note}\n                required={field.required}\n                disabled={field.disabled}\n                validation={field.validation}\n                onBlur={() => field.onBlur()}\n            />\n        </DelayedOnChange>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,eAAe,QAAQ,kBAAkB;AASlD,OAAO,MAAMC,aAAa,GAAGH,QAAQ,CAAC,CAAC;EAAEI;AAA2B,CAAC,KAAK;EACtE,oBACIL,KAAA,CAAAM,aAAA,CAACH,eAAe;IAACI,KAAK,EAAEF,KAAK,CAACE,KAAM;IAACC,QAAQ,EAAED,KAAK,IAAIF,KAAK,CAACG,QAAQ,CAACD,KAAK;EAAE,gBAC1EP,KAAA,CAAAM,aAAA,CAACJ,KAAK;IACFO,KAAK,EAAEJ,KAAK,CAACI,KAAM;IACnBC,WAAW,EAAEL,KAAK,CAACK,WAAY;IAC/BC,WAAW,EAAEN,KAAK,CAACM,WAAY;IAC/BC,IAAI,EAAEP,KAAK,CAACO,IAAK;IACjBC,QAAQ,EAAER,KAAK,CAACQ,QAAS;IACzBC,QAAQ,EAAET,KAAK,CAACS,QAAS;IACzBC,UAAU,EAAEV,KAAK,CAACU,UAAW;IAC7BC,MAAM,EAAEA,CAAA,KAAMX,KAAK,CAACW,MAAM,CAAC;EAAE,CAChC,CACY,CAAC;AAE1B,CAAC,CAAC","ignoreList":[]}

package/base/Base/FieldRenderers/ObjectRenderer/ObjectFieldComponents.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import type { IFieldVM, IObjectFieldVM, IObjectFieldItemVM } from "../../../../features/formModel/index.js";
+export declare const isObjectFieldVM: (field: IFieldVM) => field is IObjectFieldVM;
+export declare const ChildFields: (({ fields }: {
+    fields: IFieldVM[];
+}) => React.JSX.Element) & {
+    displayName: string;
+};
+export interface ListItemRendererProps {
+    item: IObjectFieldItemVM;
+    index: number;
+    total: number;
+    label?: string;
+    itemTitle?: string | ((data: Record<string, unknown>, index: number) => string);
+    disabled: boolean;
+}
+export declare const ListItemRenderer: (({ item, index, total, label, itemTitle, disabled }: ListItemRendererProps) => React.JSX.Element) & {
+    displayName: string;
+};
+export interface AddItemButtonProps {
+    label?: string;
+    disabled: boolean;
+    onAdd: () => void;
+}
+export declare const AddItemButton: ({ label, disabled, onAdd }: AddItemButtonProps) => React.JSX.Element;

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

@@ -0,0 +1,89 @@
+import React from "react";
+import { observer } from "mobx-react-lite";
+import { Accordion, Button, IconButton } from "@webiny/admin-ui";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete_outline.svg";
+import { ReactComponent as ArrowUp } from "@webiny/icons/arrow_upward.svg";
+import { ReactComponent as ArrowDown } from "@webiny/icons/arrow_downward.svg";
+import { useFormViewRenderers } from "../../../../features/formModel/FormView.js";
+import { resolveItemTitle } from "./resolveItemTitle.js";
+export const isObjectFieldVM = field => {
+  return field.type === "object";
+};
+export const ChildFields = observer(({
+  fields
+}) => {
+  const {
+    fieldRenderers
+  } = useFormViewRenderers();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col gap-4 p-sm"
+  }, fields.map(childField => {
+    const Renderer = childField.renderer ? fieldRenderers[childField.renderer] : undefined;
+    if (!Renderer) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(Renderer, {
+      key: childField.name,
+      field: childField
+    });
+  }));
+});
+export const ListItemRenderer = observer(({
+  item,
+  index,
+  total,
+  label,
+  itemTitle,
+  disabled
+}) => {
+  const actions = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconButton, {
+    icon: /*#__PURE__*/React.createElement(ArrowDown, null),
+    onClick: e => {
+      e.stopPropagation();
+      item.moveDown();
+    },
+    variant: "ghost",
+    disabled: index === total - 1
+  }), /*#__PURE__*/React.createElement(IconButton, {
+    icon: /*#__PURE__*/React.createElement(ArrowUp, null),
+    onClick: e => {
+      e.stopPropagation();
+      item.moveUp();
+    },
+    variant: "ghost",
+    disabled: index === 0
+  }), /*#__PURE__*/React.createElement(Accordion.Item.Action.Separator, null), /*#__PURE__*/React.createElement(IconButton, {
+    icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+    onClick: e => {
+      e.stopPropagation();
+      item.remove();
+    },
+    variant: "ghost"
+  }));
+  return /*#__PURE__*/React.createElement(Accordion, {
+    background: "base",
+    variant: "container",
+    openClosedIndicatorPosition: "left"
+  }, /*#__PURE__*/React.createElement(Accordion.Item, {
+    title: resolveItemTitle(item, index, label, itemTitle),
+    actions: disabled ? null : actions,
+    defaultOpen: false
+  }, /*#__PURE__*/React.createElement(ChildFields, {
+    fields: item.fields
+  })));
+});
+export const AddItemButton = ({
+  label,
+  disabled,
+  onAdd
+}) => {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+    text: label || "Add Item",
+    variant: "secondary",
+    size: "sm",
+    onClick: onAdd,
+    disabled: disabled
+  }));
+};
+
+//# sourceMappingURL=ObjectFieldComponents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","observer","Accordion","Button","IconButton","ReactComponent","DeleteIcon","ArrowUp","ArrowDown","useFormViewRenderers","resolveItemTitle","isObjectFieldVM","field","type","ChildFields","fields","fieldRenderers","createElement","className","map","childField","Renderer","renderer","undefined","key","name","ListItemRenderer","item","index","total","label","itemTitle","disabled","actions","Fragment","icon","onClick","e","stopPropagation","moveDown","variant","moveUp","Item","Action","Separator","remove","background","openClosedIndicatorPosition","title","defaultOpen","AddItemButton","onAdd","text","size"],"sources":["ObjectFieldComponents.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Accordion, Button, IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport { ReactComponent as ArrowUp } from \"@webiny/icons/arrow_upward.svg\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/arrow_downward.svg\";\nimport type { IFieldVM, IObjectFieldVM, IObjectFieldItemVM } from \"~/features/formModel/index.js\";\nimport { useFormViewRenderers } from \"~/features/formModel/FormView.js\";\nimport { resolveItemTitle } from \"./resolveItemTitle.js\";\n\nexport const isObjectFieldVM = (field: IFieldVM): field is IObjectFieldVM => {\n    return field.type === \"object\";\n};\n\nexport const ChildFields = observer(({ fields }: { fields: IFieldVM[] }) => {\n    const { fieldRenderers } = useFormViewRenderers();\n\n    return (\n        <div className={\"flex flex-col gap-4 p-sm\"}>\n            {fields.map(childField => {\n                const Renderer = childField.renderer\n                    ? fieldRenderers[childField.renderer]\n                    : undefined;\n\n                if (!Renderer) {\n                    return null;\n                }\n\n                return <Renderer key={childField.name} field={childField} />;\n            })}\n        </div>\n    );\n});\n\nexport interface ListItemRendererProps {\n    item: IObjectFieldItemVM;\n    index: number;\n    total: number;\n    label?: string;\n    itemTitle?: string | ((data: Record<string, unknown>, index: number) => string);\n    disabled: boolean;\n}\n\nexport const ListItemRenderer = observer(\n    ({ item, index, total, label, itemTitle, disabled }: ListItemRendererProps) => {\n        const actions = (\n            <>\n                <IconButton\n                    icon={<ArrowDown />}\n                    onClick={e => {\n                        e.stopPropagation();\n                        item.moveDown();\n                    }}\n                    variant=\"ghost\"\n                    disabled={index === total - 1}\n                />\n                <IconButton\n                    icon={<ArrowUp />}\n                    onClick={e => {\n                        e.stopPropagation();\n                        item.moveUp();\n                    }}\n                    variant=\"ghost\"\n                    disabled={index === 0}\n                />\n                <Accordion.Item.Action.Separator />\n                <IconButton\n                    icon={<DeleteIcon />}\n                    onClick={e => {\n                        e.stopPropagation();\n                        item.remove();\n                    }}\n                    variant=\"ghost\"\n                />\n            </>\n        );\n\n        return (\n            <Accordion\n                background={\"base\"}\n                variant={\"container\"}\n                openClosedIndicatorPosition={\"left\"}\n            >\n                <Accordion.Item\n                    title={resolveItemTitle(item, index, label, itemTitle)}\n                    actions={disabled ? null : actions}\n                    defaultOpen={false}\n                >\n                    <ChildFields fields={item.fields} />\n                </Accordion.Item>\n            </Accordion>\n        );\n    }\n);\n\nexport interface AddItemButtonProps {\n    label?: string;\n    disabled: boolean;\n    onAdd: () => void;\n}\n\nexport const AddItemButton = ({ label, disabled, onAdd }: AddItemButtonProps) => {\n    return (\n        <div>\n            <Button\n                text={label || \"Add Item\"}\n                variant={\"secondary\"}\n                size={\"sm\"}\n                onClick={onAdd}\n                disabled={disabled}\n            />\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/base/Base/FieldRenderers/ObjectRenderer/ObjectListFlatRenderer.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { IFieldVM } from "../../../../features/formModel/index.js";
+declare module "../../../../features/formModel/abstractions.js" {
+    interface ItemTitleGenerator {
+        (data: Record<string, unknown>, index: number): string;
+    }
+    interface IFieldRendererRegistry {
+        objectListFlat: {
+            fieldType: "object";
+            settings?: {
+                addItemLabel?: string;
+                itemTitle?: string | ItemTitleGenerator;
+            };
+        };
+    }
+}
+export declare const ObjectListFlatRenderer: (({ field }: {
+    field: IFieldVM;
+}) => React.JSX.Element | null) & {
+    displayName: string;
+};

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

@@ -0,0 +1,28 @@
+import React from "react";
+import { observer } from "mobx-react-lite";
+import { isObjectFieldVM, ListItemRenderer, AddItemButton } from "./ObjectFieldComponents.js";
+export const ObjectListFlatRenderer = observer(({
+  field
+}) => {
+  if (!isObjectFieldVM(field) || !field.isList) {
+    return null;
+  }
+  const settings = field.rendererSettings;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col gap-sm"
+  }, field.items.map((item, index) => /*#__PURE__*/React.createElement(ListItemRenderer, {
+    key: item.key,
+    item: item,
+    index: index,
+    total: field.items.length,
+    label: field.label,
+    itemTitle: settings?.itemTitle,
+    disabled: field.disabled
+  })), /*#__PURE__*/React.createElement(AddItemButton, {
+    label: settings?.addItemLabel || `Add ${field.label || "Item"}`,
+    disabled: field.disabled,
+    onAdd: () => field.addItem()
+  }));
+});
+
+//# sourceMappingURL=ObjectListFlatRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","observer","isObjectFieldVM","ListItemRenderer","AddItemButton","ObjectListFlatRenderer","field","isList","settings","rendererSettings","createElement","className","items","map","item","index","key","total","length","label","itemTitle","disabled","addItemLabel","onAdd","addItem"],"sources":["ObjectListFlatRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport type { IFieldVM, IFieldRendererRegistry } from \"~/features/formModel/index.js\";\nimport { isObjectFieldVM, ListItemRenderer, AddItemButton } from \"./ObjectFieldComponents.js\";\n\ndeclare module \"../../../../features/formModel/abstractions.js\" {\n    interface ItemTitleGenerator {\n        (data: Record<string, unknown>, index: number): string;\n    }\n\n    interface IFieldRendererRegistry {\n        objectListFlat: {\n            fieldType: \"object\";\n            settings?: {\n                addItemLabel?: string;\n                itemTitle?: string | ItemTitleGenerator;\n            };\n        };\n    }\n}\n\ntype ObjectListFlatSettings = NonNullable<IFieldRendererRegistry[\"objectListFlat\"][\"settings\"]>;\n\nexport const ObjectListFlatRenderer = observer(({ field }: { field: IFieldVM }) => {\n    if (!isObjectFieldVM(field) || !field.isList) {\n        return null;\n    }\n\n    const settings = field.rendererSettings as ObjectListFlatSettings | undefined;\n\n    return (\n        <div className={\"flex flex-col gap-sm\"}>\n            {field.items.map((item, index) => (\n                <ListItemRenderer\n                    key={item.key}\n                    item={item}\n                    index={index}\n                    total={field.items.length}\n                    label={field.label}\n                    itemTitle={settings?.itemTitle}\n                    disabled={field.disabled}\n                />\n            ))}\n            <AddItemButton\n                label={settings?.addItemLabel || `Add ${field.label || \"Item\"}`}\n                disabled={field.disabled}\n                onAdd={() => field.addItem()}\n            />\n        </div>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,SAASC,eAAe,EAAEC,gBAAgB,EAAEC,aAAa;AAoBzD,OAAO,MAAMC,sBAAsB,GAAGJ,QAAQ,CAAC,CAAC;EAAEK;AAA2B,CAAC,KAAK;EAC/E,IAAI,CAACJ,eAAe,CAACI,KAAK,CAAC,IAAI,CAACA,KAAK,CAACC,MAAM,EAAE;IAC1C,OAAO,IAAI;EACf;EAEA,MAAMC,QAAQ,GAAGF,KAAK,CAACG,gBAAsD;EAE7E,oBACIT,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAE;EAAuB,GAClCL,KAAK,CAACM,KAAK,CAACC,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACzBf,KAAA,CAAAU,aAAA,CAACP,gBAAgB;IACba,GAAG,EAAEF,IAAI,CAACE,GAAI;IACdF,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbE,KAAK,EAAEX,KAAK,CAACM,KAAK,CAACM,MAAO;IAC1BC,KAAK,EAAEb,KAAK,CAACa,KAAM;IACnBC,SAAS,EAAEZ,QAAQ,EAAEY,SAAU;IAC/BC,QAAQ,EAAEf,KAAK,CAACe;EAAS,CAC5B,CACJ,CAAC,eACFrB,KAAA,CAAAU,aAAA,CAACN,aAAa;IACVe,KAAK,EAAEX,QAAQ,EAAEc,YAAY,IAAI,OAAOhB,KAAK,CAACa,KAAK,IAAI,MAAM,EAAG;IAChEE,QAAQ,EAAEf,KAAK,CAACe,QAAS;IACzBE,KAAK,EAAEA,CAAA,KAAMjB,KAAK,CAACkB,OAAO,CAAC;EAAE,CAChC,CACA,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+import React from "react";
+import type { IFieldVM } from "../../../../features/formModel/index.js";
+declare module "../../../../features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        object: {
+            fieldType: "object";
+            settings?: {
+                itemTitle?: string | ((data: Record<string, unknown>, index: number) => string);
+            };
+        };
+    }
+}
+export declare const ObjectRenderer: (({ field }: {
+    field: IFieldVM;
+}) => React.JSX.Element | null) & {
+    displayName: string;
+};

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

@@ -0,0 +1,63 @@
+import React from "react";
+import { observer } from "mobx-react-lite";
+import { Accordion } from "@webiny/admin-ui";
+import { isObjectFieldVM, ChildFields, ListItemRenderer, AddItemButton } from "./ObjectFieldComponents.js";
+export const ObjectRenderer = observer(({
+  field
+}) => {
+  if (!isObjectFieldVM(field)) {
+    return null;
+  }
+  if (field.isList) {
+    return /*#__PURE__*/React.createElement(ListObjectRenderer, {
+      field: field
+    });
+  }
+  return /*#__PURE__*/React.createElement(SingleObjectRenderer, {
+    field: field
+  });
+});
+const SingleObjectRenderer = observer(({
+  field
+}) => {
+  return /*#__PURE__*/React.createElement(Accordion, {
+    background: "base",
+    variant: "container"
+  }, /*#__PURE__*/React.createElement(Accordion.Item, {
+    title: field.label,
+    defaultOpen: true
+  }, /*#__PURE__*/React.createElement(ChildFields, {
+    fields: field.fields
+  })));
+});
+const ListObjectRenderer = observer(({
+  field
+}) => {
+  const label = `${field.label || ""} ${field.items.length ? `(${field.items.length})` : ""}`;
+  const settings = field.rendererSettings;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col gap-sm"
+  }, /*#__PURE__*/React.createElement(Accordion, {
+    background: "base",
+    variant: "container"
+  }, /*#__PURE__*/React.createElement(Accordion.Item, {
+    title: label,
+    defaultOpen: true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col gap-sm"
+  }, field.items.map((item, index) => /*#__PURE__*/React.createElement(ListItemRenderer, {
+    key: item.key,
+    item: item,
+    index: index,
+    total: field.items.length,
+    label: field.label,
+    itemTitle: settings?.itemTitle,
+    disabled: field.disabled
+  }))))), /*#__PURE__*/React.createElement(AddItemButton, {
+    label: `Add ${field.label || "Item"}`,
+    disabled: field.disabled,
+    onAdd: () => field.addItem()
+  }));
+});
+
+//# sourceMappingURL=ObjectRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","observer","Accordion","isObjectFieldVM","ChildFields","ListItemRenderer","AddItemButton","ObjectRenderer","field","isList","createElement","ListObjectRenderer","SingleObjectRenderer","background","variant","Item","title","label","defaultOpen","fields","items","length","settings","rendererSettings","className","map","item","index","key","total","itemTitle","disabled","onAdd","addItem"],"sources":["ObjectRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Accordion } from \"@webiny/admin-ui\";\nimport type {\n    IFieldVM,\n    IObjectFieldVM,\n    IFieldRendererRegistry\n} from \"~/features/formModel/index.js\";\nimport {\n    isObjectFieldVM,\n    ChildFields,\n    ListItemRenderer,\n    AddItemButton\n} from \"./ObjectFieldComponents.js\";\n\ndeclare module \"../../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        object: {\n            fieldType: \"object\";\n            settings?: {\n                itemTitle?: string | ((data: Record<string, unknown>, index: number) => string);\n            };\n        };\n    }\n}\n\ntype ObjectSettings = NonNullable<IFieldRendererRegistry[\"object\"][\"settings\"]>;\n\nexport const ObjectRenderer = observer(({ field }: { field: IFieldVM }) => {\n    if (!isObjectFieldVM(field)) {\n        return null;\n    }\n\n    if (field.isList) {\n        return <ListObjectRenderer field={field} />;\n    }\n\n    return <SingleObjectRenderer field={field} />;\n});\n\nconst SingleObjectRenderer = observer(({ field }: { field: IObjectFieldVM }) => {\n    return (\n        <Accordion background={\"base\"} variant={\"container\"}>\n            <Accordion.Item title={field.label} defaultOpen={true}>\n                <ChildFields fields={field.fields} />\n            </Accordion.Item>\n        </Accordion>\n    );\n});\n\nconst ListObjectRenderer = observer(({ field }: { field: IObjectFieldVM }) => {\n    const label = `${field.label || \"\"} ${field.items.length ? `(${field.items.length})` : \"\"}`;\n    const settings = field.rendererSettings as ObjectSettings | undefined;\n\n    return (\n        <div className={\"flex flex-col gap-sm\"}>\n            <Accordion background={\"base\"} variant={\"container\"}>\n                <Accordion.Item title={label} defaultOpen={true}>\n                    <div className={\"flex flex-col gap-sm\"}>\n                        {field.items.map((item, index) => (\n                            <ListItemRenderer\n                                key={item.key}\n                                item={item}\n                                index={index}\n                                total={field.items.length}\n                                label={field.label}\n                                itemTitle={settings?.itemTitle}\n                                disabled={field.disabled}\n                            />\n                        ))}\n                    </div>\n                </Accordion.Item>\n            </Accordion>\n            <AddItemButton\n                label={`Add ${field.label || \"Item\"}`}\n                disabled={field.disabled}\n                onAdd={() => field.addItem()}\n            />\n        </div>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,SAAS,QAAQ,kBAAkB;AAM5C,SACIC,eAAe,EACfC,WAAW,EACXC,gBAAgB,EAChBC,aAAa;AAgBjB,OAAO,MAAMC,cAAc,GAAGN,QAAQ,CAAC,CAAC;EAAEO;AAA2B,CAAC,KAAK;EACvE,IAAI,CAACL,eAAe,CAACK,KAAK,CAAC,EAAE;IACzB,OAAO,IAAI;EACf;EAEA,IAAIA,KAAK,CAACC,MAAM,EAAE;IACd,oBAAOT,KAAA,CAAAU,aAAA,CAACC,kBAAkB;MAACH,KAAK,EAAEA;IAAM,CAAE,CAAC;EAC/C;EAEA,oBAAOR,KAAA,CAAAU,aAAA,CAACE,oBAAoB;IAACJ,KAAK,EAAEA;EAAM,CAAE,CAAC;AACjD,CAAC,CAAC;AAEF,MAAMI,oBAAoB,GAAGX,QAAQ,CAAC,CAAC;EAAEO;AAAiC,CAAC,KAAK;EAC5E,oBACIR,KAAA,CAAAU,aAAA,CAACR,SAAS;IAACW,UAAU,EAAE,MAAO;IAACC,OAAO,EAAE;EAAY,gBAChDd,KAAA,CAAAU,aAAA,CAACR,SAAS,CAACa,IAAI;IAACC,KAAK,EAAER,KAAK,CAACS,KAAM;IAACC,WAAW,EAAE;EAAK,gBAClDlB,KAAA,CAAAU,aAAA,CAACN,WAAW;IAACe,MAAM,EAAEX,KAAK,CAACW;EAAO,CAAE,CACxB,CACT,CAAC;AAEpB,CAAC,CAAC;AAEF,MAAMR,kBAAkB,GAAGV,QAAQ,CAAC,CAAC;EAAEO;AAAiC,CAAC,KAAK;EAC1E,MAAMS,KAAK,GAAG,GAAGT,KAAK,CAACS,KAAK,IAAI,EAAE,IAAIT,KAAK,CAACY,KAAK,CAACC,MAAM,GAAG,IAAIb,KAAK,CAACY,KAAK,CAACC,MAAM,GAAG,GAAG,EAAE,EAAE;EAC3F,MAAMC,QAAQ,GAAGd,KAAK,CAACe,gBAA8C;EAErE,oBACIvB,KAAA,CAAAU,aAAA;IAAKc,SAAS,EAAE;EAAuB,gBACnCxB,KAAA,CAAAU,aAAA,CAACR,SAAS;IAACW,UAAU,EAAE,MAAO;IAACC,OAAO,EAAE;EAAY,gBAChDd,KAAA,CAAAU,aAAA,CAACR,SAAS,CAACa,IAAI;IAACC,KAAK,EAAEC,KAAM;IAACC,WAAW,EAAE;EAAK,gBAC5ClB,KAAA,CAAAU,aAAA;IAAKc,SAAS,EAAE;EAAuB,GAClChB,KAAK,CAACY,KAAK,CAACK,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACzB3B,KAAA,CAAAU,aAAA,CAACL,gBAAgB;IACbuB,GAAG,EAAEF,IAAI,CAACE,GAAI;IACdF,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbE,KAAK,EAAErB,KAAK,CAACY,KAAK,CAACC,MAAO;IAC1BJ,KAAK,EAAET,KAAK,CAACS,KAAM;IACnBa,SAAS,EAAER,QAAQ,EAAEQ,SAAU;IAC/BC,QAAQ,EAAEvB,KAAK,CAACuB;EAAS,CAC5B,CACJ,CACA,CACO,CACT,CAAC,eACZ/B,KAAA,CAAAU,aAAA,CAACJ,aAAa;IACVW,KAAK,EAAE,OAAOT,KAAK,CAACS,KAAK,IAAI,MAAM,EAAG;IACtCc,QAAQ,EAAEvB,KAAK,CAACuB,QAAS;IACzBC,KAAK,EAAEA,CAAA,KAAMxB,KAAK,CAACyB,OAAO,CAAC;EAAE,CAChC,CACA,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}

package/base/Base/FieldRenderers/ObjectRenderer/resolveItemTitle.d.ts

@@ -0,0 +1,4 @@
+import type { IObjectFieldItemVM } from "../../../../features/formModel/index.js";
+type ItemTitleSetting = string | ((data: Record<string, unknown>, index: number) => string);
+export declare function resolveItemTitle(item: IObjectFieldItemVM, index: number, label: string | undefined, itemTitle: ItemTitleSetting | undefined): string;
+export {};

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

@@ -0,0 +1,22 @@
+function fieldsToData(fields) {
+  const data = {};
+  for (const field of fields) {
+    data[field.name] = field.value;
+  }
+  return data;
+}
+export function resolveItemTitle(item, index, label, itemTitle) {
+  const fallback = `${label || "Item"} #${index + 1}`;
+  if (!itemTitle) {
+    return fallback;
+  }
+  if (typeof itemTitle === "string") {
+    const field = item.fields.find(f => f.name === itemTitle);
+    const value = field ? String(field.value ?? "") : "";
+    return value || fallback;
+  }
+  const data = fieldsToData(item.fields);
+  return itemTitle(data, index) || fallback;
+}
+
+//# sourceMappingURL=resolveItemTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["fieldsToData","fields","data","field","name","value","resolveItemTitle","item","index","label","itemTitle","fallback","find","f","String"],"sources":["resolveItemTitle.ts"],"sourcesContent":["import type { IFieldVM, IObjectFieldItemVM } from \"~/features/formModel/index.js\";\n\ntype ItemTitleSetting = string | ((data: Record<string, unknown>, index: number) => string);\n\nfunction fieldsToData(fields: IFieldVM[]): Record<string, unknown> {\n    const data: Record<string, unknown> = {};\n    for (const field of fields) {\n        data[field.name] = field.value;\n    }\n    return data;\n}\n\nexport function resolveItemTitle(\n    item: IObjectFieldItemVM,\n    index: number,\n    label: string | undefined,\n    itemTitle: ItemTitleSetting | undefined\n): string {\n    const fallback = `${label || \"Item\"} #${index + 1}`;\n\n    if (!itemTitle) {\n        return fallback;\n    }\n\n    if (typeof itemTitle === \"string\") {\n        const field = item.fields.find(f => f.name === itemTitle);\n        const value = field ? String(field.value ?? \"\") : \"\";\n        return value || fallback;\n    }\n\n    const data = fieldsToData(item.fields);\n    return itemTitle(data, index) || fallback;\n}\n"],"mappings":"AAIA,SAASA,YAAYA,CAACC,MAAkB,EAA2B;EAC/D,MAAMC,IAA6B,GAAG,CAAC,CAAC;EACxC,KAAK,MAAMC,KAAK,IAAIF,MAAM,EAAE;IACxBC,IAAI,CAACC,KAAK,CAACC,IAAI,CAAC,GAAGD,KAAK,CAACE,KAAK;EAClC;EACA,OAAOH,IAAI;AACf;AAEA,OAAO,SAASI,gBAAgBA,CAC5BC,IAAwB,EACxBC,KAAa,EACbC,KAAyB,EACzBC,SAAuC,EACjC;EACN,MAAMC,QAAQ,GAAG,GAAGF,KAAK,IAAI,MAAM,KAAKD,KAAK,GAAG,CAAC,EAAE;EAEnD,IAAI,CAACE,SAAS,EAAE;IACZ,OAAOC,QAAQ;EACnB;EAEA,IAAI,OAAOD,SAAS,KAAK,QAAQ,EAAE;IAC/B,MAAMP,KAAK,GAAGI,IAAI,CAACN,MAAM,CAACW,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACT,IAAI,KAAKM,SAAS,CAAC;IACzD,MAAML,KAAK,GAAGF,KAAK,GAAGW,MAAM,CAACX,KAAK,CAACE,KAAK,IAAI,EAAE,CAAC,GAAG,EAAE;IACpD,OAAOA,KAAK,IAAIM,QAAQ;EAC5B;EAEA,MAAMT,IAAI,GAAGF,YAAY,CAACO,IAAI,CAACN,MAAM,CAAC;EACtC,OAAOS,SAAS,CAACR,IAAI,EAAEM,KAAK,CAAC,IAAIG,QAAQ;AAC7C","ignoreList":[]}

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

@@ -0,0 +1,15 @@
+import React from "react";
+import type { IFieldVM } from "../../../features/formModel/index.js";
+declare module "../../../features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        passthrough: {
+            fieldType: string;
+            settings: undefined;
+        };
+    }
+}
+export declare const PassthroughRenderer: (({ field }: {
+    field: IFieldVM;
+}) => React.JSX.Element | null) & {
+    displayName: string;
+};

package/base/Base/FieldRenderers/PassthroughRenderer.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { observer } from "mobx-react-lite";
+import { useFormViewRenderers } from "../../../features/formModel/FormView.js";
+const isObjectFieldVM = field => {
+  return field.type === "object";
+};
+export const PassthroughRenderer = observer(({
+  field
+}) => {
+  const {
+    fieldRenderers
+  } = useFormViewRenderers();
+  if (!isObjectFieldVM(field)) {
+    return null;
+  }
+  const children = field.isList ? [] : field.fields;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children.map(childField => {
+    const Renderer = childField.renderer ? fieldRenderers[childField.renderer] : undefined;
+    if (!Renderer) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(Renderer, {
+      key: childField.name,
+      field: childField
+    });
+  }));
+});
+
+//# sourceMappingURL=PassthroughRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","observer","useFormViewRenderers","isObjectFieldVM","field","type","PassthroughRenderer","fieldRenderers","children","isList","fields","createElement","Fragment","map","childField","Renderer","renderer","undefined","key","name"],"sources":["PassthroughRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport type { IFieldVM, IObjectFieldVM } from \"~/features/formModel/index.js\";\nimport { useFormViewRenderers } from \"~/features/formModel/FormView.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        passthrough: { fieldType: string; settings: undefined };\n    }\n}\n\nconst isObjectFieldVM = (field: IFieldVM): field is IObjectFieldVM => {\n    return field.type === \"object\";\n};\n\nexport const PassthroughRenderer = observer(({ field }: { field: IFieldVM }) => {\n    const { fieldRenderers } = useFormViewRenderers();\n\n    if (!isObjectFieldVM(field)) {\n        return null;\n    }\n\n    const children = field.isList ? [] : field.fields;\n\n    return (\n        <>\n            {children.map(childField => {\n                const Renderer = childField.renderer\n                    ? fieldRenderers[childField.renderer]\n                    : undefined;\n\n                if (!Renderer) {\n                    return null;\n                }\n\n                return <Renderer key={childField.name} field={childField} />;\n            })}\n        </>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,SAASC,oBAAoB;AAQ7B,MAAMC,eAAe,GAAIC,KAAe,IAA8B;EAClE,OAAOA,KAAK,CAACC,IAAI,KAAK,QAAQ;AAClC,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAGL,QAAQ,CAAC,CAAC;EAAEG;AAA2B,CAAC,KAAK;EAC5E,MAAM;IAAEG;EAAe,CAAC,GAAGL,oBAAoB,CAAC,CAAC;EAEjD,IAAI,CAACC,eAAe,CAACC,KAAK,CAAC,EAAE;IACzB,OAAO,IAAI;EACf;EAEA,MAAMI,QAAQ,GAAGJ,KAAK,CAACK,MAAM,GAAG,EAAE,GAAGL,KAAK,CAACM,MAAM;EAEjD,oBACIV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,QACKJ,QAAQ,CAACK,GAAG,CAACC,UAAU,IAAI;IACxB,MAAMC,QAAQ,GAAGD,UAAU,CAACE,QAAQ,GAC9BT,cAAc,CAACO,UAAU,CAACE,QAAQ,CAAC,GACnCC,SAAS;IAEf,IAAI,CAACF,QAAQ,EAAE;MACX,OAAO,IAAI;IACf;IAEA,oBAAOf,KAAA,CAAAW,aAAA,CAACI,QAAQ;MAACG,GAAG,EAAEJ,UAAU,CAACK,IAAK;MAACf,KAAK,EAAEU;IAAW,CAAE,CAAC;EAChE,CAAC,CACH,CAAC;AAEX,CAAC,CAAC","ignoreList":[]}

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

@@ -1,5 +1,15 @@
 import React from "react";
 import type { IFieldVM } from "../../../features/formModel/index.js";
-export declare const SelectRenderer: React.FunctionComponent<{
+declare module "../../../features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        select: {
+            fieldType: "select";
+            settings: undefined;
+        };
+    }
+}
+export declare const SelectRenderer: (({ field }: {
     field: IFieldVM;
-}>;
+}) => React.JSX.Element) & {
+    displayName: string;
+};

package/base/Base/FieldRenderers/SelectRenderer.js

@@ -1,13 +1,15 @@
 import React from "react";
 import { observer } from "mobx-react-lite";
 import { Select } from "@webiny/admin-ui";
-export const SelectRenderer = observer(function SelectRenderer({
+export const SelectRenderer = observer(({
   field
-}) {
+}) => {
   const options = field.options ?? [];
   return /*#__PURE__*/React.createElement(Select, {
     label: field.label,
     placeholder: field.placeholder,
+    description: field.description,
+    note: field.note,
     value: field.value ?? "",
     onChange: value => field.onChange(value),
     required: field.required,

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

@@ -1 +1 @@
-{"version":3,"names":["React","observer","Select","SelectRenderer","field","options","createElement","label","placeholder","value","onChange","required","disabled","validation","map","opt"],"sources":["SelectRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { IFieldVM } from \"~/features/formModel/index.js\";\nimport type { IValueOption } from \"~/features/formModel/index.js\";\n\nexport const SelectRenderer = observer(function SelectRenderer({ field }: { field: IFieldVM }) {\n    const options: IValueOption[] = field.options ?? [];\n\n    return (\n        <Select\n            label={field.label}\n            placeholder={field.placeholder}\n            value={(field.value as string) ?? \"\"}\n            onChange={value => field.onChange(value)}\n            required={field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n            options={options.map(opt => ({\n                label: opt.label,\n                value: opt.value,\n                disabled: opt.disabled\n            }))}\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,MAAM,QAAQ,kBAAkB;AAIzC,OAAO,MAAMC,cAAc,GAAGF,QAAQ,CAAC,SAASE,cAAcA,CAAC;EAAEC;AAA2B,CAAC,EAAE;EAC3F,MAAMC,OAAuB,GAAGD,KAAK,CAACC,OAAO,IAAI,EAAE;EAEnD,oBACIL,KAAA,CAAAM,aAAA,CAACJ,MAAM;IACHK,KAAK,EAAEH,KAAK,CAACG,KAAM;IACnBC,WAAW,EAAEJ,KAAK,CAACI,WAAY;IAC/BC,KAAK,EAAGL,KAAK,CAACK,KAAK,IAAe,EAAG;IACrCC,QAAQ,EAAED,KAAK,IAAIL,KAAK,CAACM,QAAQ,CAACD,KAAK,CAAE;IACzCE,QAAQ,EAAEP,KAAK,CAACO,QAAS;IACzBC,QAAQ,EAAER,KAAK,CAACQ,QAAS;IACzBC,UAAU,EAAET,KAAK,CAACS,UAAW;IAC7BR,OAAO,EAAEA,OAAO,CAACS,GAAG,CAACC,GAAG,KAAK;MACzBR,KAAK,EAAEQ,GAAG,CAACR,KAAK;MAChBE,KAAK,EAAEM,GAAG,CAACN,KAAK;MAChBG,QAAQ,EAAEG,GAAG,CAACH;IAClB,CAAC,CAAC;EAAE,CACP,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","observer","Select","SelectRenderer","field","options","createElement","label","placeholder","description","note","value","onChange","required","disabled","validation","map","opt"],"sources":["SelectRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { IFieldVM } from \"~/features/formModel/index.js\";\nimport type { IValueOption } from \"~/features/formModel/index.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        select: { fieldType: \"select\"; settings: undefined };\n    }\n}\n\nexport const SelectRenderer = observer(({ field }: { field: IFieldVM }) => {\n    const options: IValueOption[] = field.options ?? [];\n\n    return (\n        <Select\n            label={field.label}\n            placeholder={field.placeholder}\n            description={field.description}\n            note={field.note}\n            value={(field.value as string) ?? \"\"}\n            onChange={value => field.onChange(value)}\n            required={field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n            options={options.map(opt => ({\n                label: opt.label,\n                value: opt.value,\n                disabled: opt.disabled\n            }))}\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,MAAM,QAAQ,kBAAkB;AAUzC,OAAO,MAAMC,cAAc,GAAGF,QAAQ,CAAC,CAAC;EAAEG;AAA2B,CAAC,KAAK;EACvE,MAAMC,OAAuB,GAAGD,KAAK,CAACC,OAAO,IAAI,EAAE;EAEnD,oBACIL,KAAA,CAAAM,aAAA,CAACJ,MAAM;IACHK,KAAK,EAAEH,KAAK,CAACG,KAAM;IACnBC,WAAW,EAAEJ,KAAK,CAACI,WAAY;IAC/BC,WAAW,EAAEL,KAAK,CAACK,WAAY;IAC/BC,IAAI,EAAEN,KAAK,CAACM,IAAK;IACjBC,KAAK,EAAGP,KAAK,CAACO,KAAK,IAAe,EAAG;IACrCC,QAAQ,EAAED,KAAK,IAAIP,KAAK,CAACQ,QAAQ,CAACD,KAAK,CAAE;IACzCE,QAAQ,EAAET,KAAK,CAACS,QAAS;IACzBC,QAAQ,EAAEV,KAAK,CAACU,QAAS;IACzBC,UAAU,EAAEX,KAAK,CAACW,UAAW;IAC7BV,OAAO,EAAEA,OAAO,CAACW,GAAG,CAACC,GAAG,KAAK;MACzBV,KAAK,EAAEU,GAAG,CAACV,KAAK;MAChBI,KAAK,EAAEM,GAAG,CAACN,KAAK;MAChBG,QAAQ,EAAEG,GAAG,CAACH;IAClB,CAAC,CAAC;EAAE,CACP,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}