@webiny/app-admin 6.3.0-beta.1 → 6.3.0-beta.3

package/base/Base/DefaultFieldRenderers.js

@@ -3,12 +3,28 @@ 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 { ObjectListFlatRenderer } from "./FieldRenderers/ObjectRenderer/ObjectListFlatRenderer.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 { CodeEditorRenderer } from "./FieldRenderers/CodeEditorRenderer.js";
 export const DefaultFieldRenderers = () => {
   return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
-    name: "input",
+    name: "textInput",
     component: InputRenderer
   }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
     name: "textarea",
@@ -17,14 +33,62 @@ export const DefaultFieldRenderers = () => {
     name: "dropdown",
     component: SelectRenderer
   }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
-    name: "object",
+    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: "objectListFlat",
-    component: ObjectListFlatRenderer
+    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: "fileUrlPicker",
+    component: FileUrlPickerRenderer
+  }), /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "codeEditor",
+    component: CodeEditorRenderer
   }));
 };
 

package/base/Base/DefaultFieldRenderers.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["React","AdminConfig","InputRenderer","SelectRenderer","ObjectRenderer","ObjectAccordionMultipleRenderer","DynamicZoneRenderer","PassthroughRenderer","TextareaRenderer","SwitchRenderer","NumberInputRenderer","NumberInputsRenderer","TextInputsRenderer","TextareasRenderer","TagsRenderer","RadioButtonsRenderer","CheckboxesRenderer","DateTimeRenderer","DateTimeInputsRenderer","HiddenRenderer","KeyValueTagsRenderer","FilePickerRenderer","FileUrlPickerRenderer","CodeEditorRenderer","DefaultFieldRenderers","createElement","Form","FieldRenderer","name","component"],"sources":["DefaultFieldRenderers.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { InputRenderer } from \"~/base/Base/FieldRenderers/InputRenderer.js\";\nimport { SelectRenderer } from \"~/base/Base/FieldRenderers/SelectRenderer.js\";\nimport { ObjectRenderer } from \"~/base/Base/FieldRenderers/ObjectRenderer/ObjectRenderer.js\";\nimport { ObjectAccordionMultipleRenderer } from \"~/base/Base/FieldRenderers/ObjectRenderer/ObjectAccordionMultipleRenderer.js\";\nimport { DynamicZoneRenderer } from \"~/base/Base/FieldRenderers/ObjectRenderer/DynamicZoneRenderer.js\";\nimport { PassthroughRenderer } from \"~/base/Base/FieldRenderers/PassthroughRenderer.js\";\nimport { TextareaRenderer } from \"~/base/Base/FieldRenderers/TextareaRenderer.js\";\nimport { SwitchRenderer } from \"~/base/Base/FieldRenderers/SwitchRenderer.js\";\nimport { NumberInputRenderer } from \"~/base/Base/FieldRenderers/NumberInputRenderer.js\";\nimport { NumberInputsRenderer } from \"~/base/Base/FieldRenderers/NumberInputsRenderer.js\";\nimport { TextInputsRenderer } from \"~/base/Base/FieldRenderers/TextInputsRenderer.js\";\nimport { TextareasRenderer } from \"~/base/Base/FieldRenderers/TextareasRenderer.js\";\nimport { TagsRenderer } from \"~/base/Base/FieldRenderers/TagsRenderer.js\";\nimport { RadioButtonsRenderer } from \"~/base/Base/FieldRenderers/RadioButtonsRenderer.js\";\nimport { CheckboxesRenderer } from \"~/base/Base/FieldRenderers/CheckboxesRenderer.js\";\nimport { DateTimeRenderer } from \"~/base/Base/FieldRenderers/DateTimeRenderer.js\";\nimport { DateTimeInputsRenderer } from \"~/base/Base/FieldRenderers/DateTimeInputsRenderer.js\";\nimport { HiddenRenderer } from \"~/base/Base/FieldRenderers/HiddenRenderer.js\";\nimport { KeyValueTagsRenderer } from \"~/base/Base/FieldRenderers/ObjectRenderer/KeyValueTagsRenderer.js\";\nimport { FilePickerRenderer } from \"~/base/Base/FieldRenderers/FilePickerRenderer.js\";\nimport { FileUrlPickerRenderer } from \"~/base/Base/FieldRenderers/FileUrlPickerRenderer.js\";\nimport { CodeEditorRenderer } from \"~/base/Base/FieldRenderers/CodeEditorRenderer.js\";\n\nexport const DefaultFieldRenderers = () => {\n    return (\n        <AdminConfig>\n            <AdminConfig.Form.FieldRenderer name={\"textInput\"} component={InputRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"textarea\"} component={TextareaRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"dropdown\"} component={SelectRenderer} />\n            <AdminConfig.Form.FieldRenderer\n                name={\"objectAccordionSingle\"}\n                component={ObjectRenderer}\n            />\n            <AdminConfig.Form.FieldRenderer\n                name={\"objectAccordionMultiple\"}\n                component={ObjectAccordionMultipleRenderer}\n            />\n            <AdminConfig.Form.FieldRenderer name={\"dynamicZone\"} component={DynamicZoneRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"passthrough\"} component={PassthroughRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"switch\"} component={SwitchRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"numberInput\"} component={NumberInputRenderer} />\n            <AdminConfig.Form.FieldRenderer\n                name={\"numberInputs\"}\n                component={NumberInputsRenderer}\n            />\n            <AdminConfig.Form.FieldRenderer name={\"textInputs\"} component={TextInputsRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"textareas\"} component={TextareasRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"tags\"} component={TagsRenderer} />\n            <AdminConfig.Form.FieldRenderer\n                name={\"radioButtons\"}\n                component={RadioButtonsRenderer}\n            />\n            <AdminConfig.Form.FieldRenderer name={\"checkboxes\"} component={CheckboxesRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"dateTimeInput\"} component={DateTimeRenderer} />\n            <AdminConfig.Form.FieldRenderer\n                name={\"dateTimeInputs\"}\n                component={DateTimeInputsRenderer}\n            />\n            <AdminConfig.Form.FieldRenderer name={\"hidden\"} component={HiddenRenderer} />\n            <AdminConfig.Form.FieldRenderer\n                name={\"keyValueTags\"}\n                component={KeyValueTagsRenderer}\n            />\n            <AdminConfig.Form.FieldRenderer name={\"filePicker\"} component={FilePickerRenderer} />\n            <AdminConfig.Form.FieldRenderer\n                name={\"fileUrlPicker\"}\n                component={FileUrlPickerRenderer}\n            />\n            <AdminConfig.Form.FieldRenderer name={\"codeEditor\"} component={CodeEditorRenderer} />\n        </AdminConfig>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/base/Base/DefaultLayoutRenderers.js

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

package/base/Base/DefaultLayoutRenderers.js.map

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

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

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

package/base/Base/FieldRenderers/CheckboxesRenderer.js

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

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

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

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

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

package/base/Base/FieldRenderers/CodeEditorRenderer.js

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

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

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

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

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

package/base/Base/FieldRenderers/DateTimeInputsRenderer.js

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

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

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

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

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

package/base/Base/FieldRenderers/DateTimeRenderer.js

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

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

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

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

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

package/base/Base/FieldRenderers/FilePickerRenderer.js

@@ -0,0 +1,47 @@
+import React from "react";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
+import { FileManager } from "../../ui/FileManager.js";
+import { FilePicker } from "@webiny/admin-ui";
+export const FilePickerRenderer = createFieldRenderer(({
+  field
+}) => {
+  return /*#__PURE__*/React.createElement(FileManager, {
+    images: true,
+    render: ({
+      showFileManager
+    }) => /*#__PURE__*/React.createElement(FilePicker, {
+      label: field.label,
+      description: field.description,
+      type: "area",
+      value: toFilePickerValue(field.value),
+      onSelectItem: () => showFileManager(file => {
+        field.onChange(fileManagerItemToValue(file));
+      }),
+      onRemoveItem: () => field.onChange(undefined)
+    })
+  });
+});
+const toFilePickerValue = value => {
+  const img = value;
+  if (!img?.src) {
+    return undefined;
+  }
+  return {
+    url: img.src,
+    name: img.name,
+    mimeType: img.mimeType
+  };
+};
+const fileManagerItemToValue = file => {
+  return {
+    id: file.id,
+    name: file.name,
+    size: file.size,
+    mimeType: file.type,
+    src: file.src || "",
+    width: file.width,
+    height: file.height
+  };
+};
+
+//# sourceMappingURL=FilePickerRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createFieldRenderer","FileManager","FilePicker","FilePickerRenderer","field","createElement","images","render","showFileManager","label","description","type","value","toFilePickerValue","onSelectItem","file","onChange","fileManagerItemToValue","onRemoveItem","undefined","img","src","url","name","mimeType","id","size","width","height"],"sources":["FilePickerRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { FileManager } from \"~/base/ui/FileManager.js\";\nimport { FilePicker, type FileItemDto } from \"@webiny/admin-ui\";\nimport type { FileManagerFileItem } from \"~/base/ui/FileManager.js\";\nimport type { FileValue } from \"~/features/formModel/abstractions.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        filePicker: { fieldType: \"file\"; settings: undefined };\n    }\n}\n\nexport const FilePickerRenderer = createFieldRenderer(({ field }) => {\n    return (\n        <FileManager\n            images={true}\n            render={({ showFileManager }) => (\n                <FilePicker\n                    label={field.label}\n                    description={field.description}\n                    type=\"area\"\n                    value={toFilePickerValue(field.value)}\n                    onSelectItem={() =>\n                        showFileManager((file: FileManagerFileItem) => {\n                            field.onChange(fileManagerItemToValue(file));\n                        })\n                    }\n                    onRemoveItem={() => field.onChange(undefined)}\n                />\n            )}\n        />\n    );\n});\n\nconst toFilePickerValue = (value: unknown): FileItemDto | undefined => {\n    const img = value as FileValue | undefined;\n    if (!img?.src) {\n        return undefined;\n    }\n    return { url: img.src, name: img.name, mimeType: img.mimeType };\n};\n\nconst fileManagerItemToValue = (file: FileManagerFileItem) => {\n    return {\n        id: file.id,\n        name: file.name,\n        size: file.size,\n        mimeType: file.type,\n        src: file.src || \"\",\n        width: file.width,\n        height: file.height\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAC5B,SAASC,WAAW;AACpB,SAASC,UAAU,QAA0B,kBAAkB;AAU/D,OAAO,MAAMC,kBAAkB,GAAGH,mBAAmB,CAAC,CAAC;EAAEI;AAAM,CAAC,KAAK;EACjE,oBACIL,KAAA,CAAAM,aAAA,CAACJ,WAAW;IACRK,MAAM,EAAE,IAAK;IACbC,MAAM,EAAEA,CAAC;MAAEC;IAAgB,CAAC,kBACxBT,KAAA,CAAAM,aAAA,CAACH,UAAU;MACPO,KAAK,EAAEL,KAAK,CAACK,KAAM;MACnBC,WAAW,EAAEN,KAAK,CAACM,WAAY;MAC/BC,IAAI,EAAC,MAAM;MACXC,KAAK,EAAEC,iBAAiB,CAACT,KAAK,CAACQ,KAAK,CAAE;MACtCE,YAAY,EAAEA,CAAA,KACVN,eAAe,CAAEO,IAAyB,IAAK;QAC3CX,KAAK,CAACY,QAAQ,CAACC,sBAAsB,CAACF,IAAI,CAAC,CAAC;MAChD,CAAC,CACJ;MACDG,YAAY,EAAEA,CAAA,KAAMd,KAAK,CAACY,QAAQ,CAACG,SAAS;IAAE,CACjD;EACH,CACL,CAAC;AAEV,CAAC,CAAC;AAEF,MAAMN,iBAAiB,GAAID,KAAc,IAA8B;EACnE,MAAMQ,GAAG,GAAGR,KAA8B;EAC1C,IAAI,CAACQ,GAAG,EAAEC,GAAG,EAAE;IACX,OAAOF,SAAS;EACpB;EACA,OAAO;IAAEG,GAAG,EAAEF,GAAG,CAACC,GAAG;IAAEE,IAAI,EAAEH,GAAG,CAACG,IAAI;IAAEC,QAAQ,EAAEJ,GAAG,CAACI;EAAS,CAAC;AACnE,CAAC;AAED,MAAMP,sBAAsB,GAAIF,IAAyB,IAAK;EAC1D,OAAO;IACHU,EAAE,EAAEV,IAAI,CAACU,EAAE;IACXF,IAAI,EAAER,IAAI,CAACQ,IAAI;IACfG,IAAI,EAAEX,IAAI,CAACW,IAAI;IACfF,QAAQ,EAAET,IAAI,CAACJ,IAAI;IACnBU,GAAG,EAAEN,IAAI,CAACM,GAAG,IAAI,EAAE;IACnBM,KAAK,EAAEZ,IAAI,CAACY,KAAK;IACjBC,MAAM,EAAEb,IAAI,CAACa;EACjB,CAAC;AACL,CAAC","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+import React from "react";
+declare module "../../../features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        fileUrlPicker: {
+            fieldType: "fileUrl";
+            settings: undefined;
+        };
+    }
+}
+export declare const FileUrlPickerRenderer: React.ComponentType<{
+    field: import("../../..").IFieldVM;
+}>;

package/base/Base/FieldRenderers/FileUrlPickerRenderer.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
+import { FileManager } from "../../ui/FileManager.js";
+import { FilePicker } from "@webiny/admin-ui";
+export const FileUrlPickerRenderer = createFieldRenderer(({
+  field
+}) => {
+  return /*#__PURE__*/React.createElement(FileManager, {
+    images: true,
+    render: ({
+      showFileManager
+    }) => /*#__PURE__*/React.createElement(FilePicker, {
+      label: field.label,
+      description: field.description,
+      type: "area",
+      value: field.value,
+      onSelectItem: () => showFileManager(file => {
+        field.onChange(file.src || "");
+      }),
+      onRemoveItem: () => field.onChange(undefined)
+    })
+  });
+});
+
+//# sourceMappingURL=FileUrlPickerRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createFieldRenderer","FileManager","FilePicker","FileUrlPickerRenderer","field","createElement","images","render","showFileManager","label","description","type","value","onSelectItem","file","onChange","src","onRemoveItem","undefined"],"sources":["FileUrlPickerRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { FileManager } from \"~/base/ui/FileManager.js\";\nimport { FilePicker } from \"@webiny/admin-ui\";\nimport type { FileManagerFileItem } from \"~/base/ui/FileManager.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        fileUrlPicker: { fieldType: \"fileUrl\"; settings: undefined };\n    }\n}\n\nexport const FileUrlPickerRenderer = createFieldRenderer(({ field }) => {\n    return (\n        <FileManager\n            images={true}\n            render={({ showFileManager }) => (\n                <FilePicker\n                    label={field.label}\n                    description={field.description}\n                    type=\"area\"\n                    value={field.value as string | undefined}\n                    onSelectItem={() =>\n                        showFileManager((file: FileManagerFileItem) => {\n                            field.onChange(file.src || \"\");\n                        })\n                    }\n                    onRemoveItem={() => field.onChange(undefined)}\n                />\n            )}\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAC5B,SAASC,WAAW;AACpB,SAASC,UAAU,QAAQ,kBAAkB;AAS7C,OAAO,MAAMC,qBAAqB,GAAGH,mBAAmB,CAAC,CAAC;EAAEI;AAAM,CAAC,KAAK;EACpE,oBACIL,KAAA,CAAAM,aAAA,CAACJ,WAAW;IACRK,MAAM,EAAE,IAAK;IACbC,MAAM,EAAEA,CAAC;MAAEC;IAAgB,CAAC,kBACxBT,KAAA,CAAAM,aAAA,CAACH,UAAU;MACPO,KAAK,EAAEL,KAAK,CAACK,KAAM;MACnBC,WAAW,EAAEN,KAAK,CAACM,WAAY;MAC/BC,IAAI,EAAC,MAAM;MACXC,KAAK,EAAER,KAAK,CAACQ,KAA4B;MACzCC,YAAY,EAAEA,CAAA,KACVL,eAAe,CAAEM,IAAyB,IAAK;QAC3CV,KAAK,CAACW,QAAQ,CAACD,IAAI,CAACE,GAAG,IAAI,EAAE,CAAC;MAClC,CAAC,CACJ;MACDC,YAAY,EAAEA,CAAA,KAAMb,KAAK,CAACW,QAAQ,CAACG,SAAS;IAAE,CACjD;EACH,CACL,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+import type { IFieldVM } from "../../../features/formModel/index.js";
+declare module "../../../features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        hidden: {
+            fieldType: string;
+            settings: undefined;
+        };
+    }
+}
+export declare const HiddenRenderer: (_props: {
+    field: IFieldVM;
+}) => null;

package/base/Base/FieldRenderers/HiddenRenderer.js

@@ -0,0 +1,5 @@
+export const HiddenRenderer = _props => {
+  return null;
+};
+
+//# sourceMappingURL=HiddenRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["HiddenRenderer","_props"],"sources":["HiddenRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IFieldVM } from \"~/features/formModel/index.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        hidden: { fieldType: string; settings: undefined };\n    }\n}\n\nexport const HiddenRenderer = (_props: { field: IFieldVM }) => {\n    return null;\n};\n"],"mappings":"AASA,OAAO,MAAMA,cAAc,GAAIC,MAA2B,IAAK;EAC3D,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

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

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

package/base/Base/FieldRenderers/HorizontalTabsRenderer.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { observer } from "mobx-react-lite";
+import { Tabs } from "@webiny/admin-ui";
+import { LayoutNodeRenderer, renderTabIcon } from "../../../features/formModel/FormView.js";
+export const HorizontalTabsRenderer = observer(function HorizontalTabsRenderer({
+  node
+}) {
+  return /*#__PURE__*/React.createElement(Tabs, {
+    value: node.activeTabId,
+    onValueChange: id => node.setActiveTab(id),
+    tabs: node.tabs.map(tab => /*#__PURE__*/React.createElement(Tabs.Tab, {
+      key: tab.id,
+      value: tab.id,
+      icon: renderTabIcon(tab.icon),
+      trigger: tab.label,
+      disabled: tab.disabled,
+      content: /*#__PURE__*/React.createElement("div", {
+        className: "flex flex-col gap-4 mt-md"
+      }, tab.layout.map((childNode, index) => /*#__PURE__*/React.createElement(LayoutNodeRenderer, {
+        key: index,
+        node: childNode
+      })))
+    }))
+  });
+});
+
+//# sourceMappingURL=HorizontalTabsRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","observer","Tabs","LayoutNodeRenderer","renderTabIcon","HorizontalTabsRenderer","node","createElement","value","activeTabId","onValueChange","id","setActiveTab","tabs","map","tab","Tab","key","icon","trigger","label","disabled","content","className","layout","childNode","index"],"sources":["HorizontalTabsRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Tabs } from \"@webiny/admin-ui\";\nimport { LayoutNodeRenderer, renderTabIcon } from \"~/features/formModel/FormView.js\";\nimport type { TabsNodeRendererProps } from \"~/features/formModel/FormView.js\";\n\nexport const HorizontalTabsRenderer = observer(function HorizontalTabsRenderer({\n    node\n}: TabsNodeRendererProps) {\n    return (\n        <Tabs\n            value={node.activeTabId}\n            onValueChange={id => node.setActiveTab(id)}\n            tabs={node.tabs.map(tab => (\n                <Tabs.Tab\n                    key={tab.id}\n                    value={tab.id}\n                    icon={renderTabIcon(tab.icon)}\n                    trigger={tab.label}\n                    disabled={tab.disabled}\n                    content={\n                        <div className={\"flex flex-col gap-4 mt-md\"}>\n                            {tab.layout.map((childNode, index) => (\n                                <LayoutNodeRenderer key={index} node={childNode} />\n                            ))}\n                        </div>\n                    }\n                />\n            ))}\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,kBAAkB,EAAEC,aAAa;AAG1C,OAAO,MAAMC,sBAAsB,GAAGJ,QAAQ,CAAC,SAASI,sBAAsBA,CAAC;EAC3EC;AACmB,CAAC,EAAE;EACtB,oBACIN,KAAA,CAAAO,aAAA,CAACL,IAAI;IACDM,KAAK,EAAEF,IAAI,CAACG,WAAY;IACxBC,aAAa,EAAEC,EAAE,IAAIL,IAAI,CAACM,YAAY,CAACD,EAAE,CAAE;IAC3CE,IAAI,EAAEP,IAAI,CAACO,IAAI,CAACC,GAAG,CAACC,GAAG,iBACnBf,KAAA,CAAAO,aAAA,CAACL,IAAI,CAACc,GAAG;MACLC,GAAG,EAAEF,GAAG,CAACJ,EAAG;MACZH,KAAK,EAAEO,GAAG,CAACJ,EAAG;MACdO,IAAI,EAAEd,aAAa,CAACW,GAAG,CAACG,IAAI,CAAE;MAC9BC,OAAO,EAAEJ,GAAG,CAACK,KAAM;MACnBC,QAAQ,EAAEN,GAAG,CAACM,QAAS;MACvBC,OAAO,eACHtB,KAAA,CAAAO,aAAA;QAAKgB,SAAS,EAAE;MAA4B,GACvCR,GAAG,CAACS,MAAM,CAACV,GAAG,CAAC,CAACW,SAAS,EAAEC,KAAK,kBAC7B1B,KAAA,CAAAO,aAAA,CAACJ,kBAAkB;QAACc,GAAG,EAAES,KAAM;QAACpB,IAAI,EAAEmB;MAAU,CAAE,CACrD,CACA;IACR,CACJ,CACJ;EAAE,CACN,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}