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

package/base/Base/DefaultFieldRenderers.js

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

package/base/Base/DefaultFieldRenderers.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AdminConfig","InputRenderer","SelectRenderer","ObjectRenderer","ObjectAccordionMultipleRenderer","DynamicZoneRenderer","PassthroughRenderer","TextareaRenderer","SwitchRenderer","NumberInputRenderer","NumberInputsRenderer","TextInputsRenderer","TextareasRenderer","TagsRenderer","RadioButtonsRenderer","CheckboxesRenderer","DateTimeRenderer","DateTimeInputsRenderer","HiddenRenderer","KeyValueTagsRenderer","FilePickerRenderer","FileUrlPickerRenderer","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":[]}
+{"version":3,"file":"base/Base/DefaultFieldRenderers.js","sources":["../../../src/base/Base/DefaultFieldRenderers.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { InputRenderer } from \"~/base/Base/FieldRenderers/InputRenderer.js\";\nimport { SelectRenderer } from \"~/base/Base/FieldRenderers/SelectRenderer.js\";\nimport { ObjectRenderer } from \"~/base/Base/FieldRenderers/ObjectRenderer/ObjectRenderer.js\";\nimport { ObjectAccordionMultipleRenderer } from \"~/base/Base/FieldRenderers/ObjectRenderer/ObjectAccordionMultipleRenderer.js\";\nimport { DynamicZoneRenderer } from \"~/base/Base/FieldRenderers/ObjectRenderer/DynamicZoneRenderer.js\";\nimport { PassthroughRenderer } from \"~/base/Base/FieldRenderers/PassthroughRenderer.js\";\nimport { TextareaRenderer } from \"~/base/Base/FieldRenderers/TextareaRenderer.js\";\nimport { SwitchRenderer } from \"~/base/Base/FieldRenderers/SwitchRenderer.js\";\nimport { NumberInputRenderer } from \"~/base/Base/FieldRenderers/NumberInputRenderer.js\";\nimport { NumberInputsRenderer } from \"~/base/Base/FieldRenderers/NumberInputsRenderer.js\";\nimport { TextInputsRenderer } from \"~/base/Base/FieldRenderers/TextInputsRenderer.js\";\nimport { TextareasRenderer } from \"~/base/Base/FieldRenderers/TextareasRenderer.js\";\nimport { TagsRenderer } from \"~/base/Base/FieldRenderers/TagsRenderer.js\";\nimport { RadioButtonsRenderer } from \"~/base/Base/FieldRenderers/RadioButtonsRenderer.js\";\nimport { CheckboxesRenderer } from \"~/base/Base/FieldRenderers/CheckboxesRenderer.js\";\nimport { DateTimeRenderer } from \"~/base/Base/FieldRenderers/DateTimeRenderer.js\";\nimport { DateTimeInputsRenderer } from \"~/base/Base/FieldRenderers/DateTimeInputsRenderer.js\";\nimport { HiddenRenderer } from \"~/base/Base/FieldRenderers/HiddenRenderer.js\";\nimport { KeyValueTagsRenderer } from \"~/base/Base/FieldRenderers/ObjectRenderer/KeyValueTagsRenderer.js\";\nimport { FilePickerRenderer } from \"~/base/Base/FieldRenderers/FilePickerRenderer.js\";\nimport { FileUrlPickerRenderer } from \"~/base/Base/FieldRenderers/FileUrlPickerRenderer.js\";\nimport { MultiFilePickerRenderer } from \"~/base/Base/FieldRenderers/MultiFilePickerRenderer.js\";\nimport { CodeEditorRenderer } from \"~/base/Base/FieldRenderers/CodeEditorRenderer.js\";\n\nexport const DefaultFieldRenderers = () => {\n    return (\n        <AdminConfig>\n            <AdminConfig.Form.FieldRenderer name={\"textInput\"} component={InputRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"textarea\"} component={TextareaRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"dropdown\"} component={SelectRenderer} />\n            <AdminConfig.Form.FieldRenderer\n                name={\"objectAccordionSingle\"}\n                component={ObjectRenderer}\n            />\n            <AdminConfig.Form.FieldRenderer\n                name={\"objectAccordionMultiple\"}\n                component={ObjectAccordionMultipleRenderer}\n            />\n            <AdminConfig.Form.FieldRenderer name={\"dynamicZone\"} component={DynamicZoneRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"passthrough\"} component={PassthroughRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"switch\"} component={SwitchRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"numberInput\"} component={NumberInputRenderer} />\n            <AdminConfig.Form.FieldRenderer\n                name={\"numberInputs\"}\n                component={NumberInputsRenderer}\n            />\n            <AdminConfig.Form.FieldRenderer name={\"textInputs\"} component={TextInputsRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"textareas\"} component={TextareasRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"tags\"} component={TagsRenderer} />\n            <AdminConfig.Form.FieldRenderer\n                name={\"radioButtons\"}\n                component={RadioButtonsRenderer}\n            />\n            <AdminConfig.Form.FieldRenderer name={\"checkboxes\"} component={CheckboxesRenderer} />\n            <AdminConfig.Form.FieldRenderer name={\"dateTimeInput\"} component={DateTimeRenderer} />\n            <AdminConfig.Form.FieldRenderer\n                name={\"dateTimeInputs\"}\n                component={DateTimeInputsRenderer}\n            />\n            <AdminConfig.Form.FieldRenderer name={\"hidden\"} component={HiddenRenderer} />\n            <AdminConfig.Form.FieldRenderer\n                name={\"keyValueTags\"}\n                component={KeyValueTagsRenderer}\n            />\n            <AdminConfig.Form.FieldRenderer name={\"filePicker\"} component={FilePickerRenderer} />\n            <AdminConfig.Form.FieldRenderer\n                name={\"multiFilePicker\"}\n                component={MultiFilePickerRenderer}\n            />\n            <AdminConfig.Form.FieldRenderer\n                name={\"fileUrlPicker\"}\n                component={FileUrlPickerRenderer}\n            />\n            <AdminConfig.Form.FieldRenderer name={\"codeEditor\"} component={CodeEditorRenderer} />\n        </AdminConfig>\n    );\n};\n"],"names":["DefaultFieldRenderers","AdminConfig","InputRenderer","TextareaRenderer","SelectRenderer","ObjectRenderer","ObjectAccordionMultipleRenderer","DynamicZoneRenderer","PassthroughRenderer","SwitchRenderer","NumberInputRenderer","NumberInputsRenderer","TextInputsRenderer","TextareasRenderer","TagsRenderer","RadioButtonsRenderer","CheckboxesRenderer","DateTimeRenderer","DateTimeInputsRenderer","HiddenRenderer","KeyValueTagsRenderer","FilePickerRenderer","MultiFilePickerRenderer","FileUrlPickerRenderer","CodeEditorRenderer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,MAAMA,wBAAwB,IAC1B,WAAP,GACI,oBAACC,aAAWA,MAAAA,WAAAA,GACR,oBAACA,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAa,WAAWC;sBAC9D,oBAACD,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAY,WAAWE;sBAC7D,oBAACF,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAY,WAAWG;sBAC7D,oBAACH,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWI;sBAEf,oBAACJ,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWK;sBAEf,oBAACL,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAe,WAAWM;sBAChE,oBAACN,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAe,WAAWO;sBAChE,oBAACP,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAU,WAAWQ;sBAC3D,oBAACR,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAe,WAAWS;sBAChE,oBAACT,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWU;sBAEf,oBAACV,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAc,WAAWW;sBAC/D,oBAACX,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAa,WAAWY;sBAC9D,oBAACZ,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAQ,WAAWa;sBACzD,oBAACb,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWc;sBAEf,oBAACd,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAc,WAAWe;sBAC/D,oBAACf,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAiB,WAAWgB;sBAClE,oBAAChB,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWiB;sBAEf,oBAACjB,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAU,WAAWkB;sBAC3D,oBAAClB,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWmB;sBAEf,oBAACnB,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAc,WAAWoB;sBAC/D,oBAACpB,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWqB;sBAEf,oBAACrB,YAAY,IAAI,CAAC,aAAa;QAC3B,MAAM;QACN,WAAWsB;sBAEf,oBAACtB,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAc,WAAWuB"}

package/base/Base/DefaultLayoutRenderers.js

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

package/base/Base/DefaultLayoutRenderers.js.map

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

package/base/Base/FieldRenderers/CheckboxesRenderer.js

@@ -1,28 +1,27 @@
-import React from "react";
+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();
-    }
-  });
+const CheckboxesRenderer = createFieldRenderer(({ field })=>{
+    const options = field.options ?? [];
+    const value = field.value ?? [];
+    return /*#__PURE__*/ react.createElement(CheckboxGroup, {
+        label: field.label,
+        description: field.description,
+        note: field.note,
+        required: field.required,
+        disabled: field.disabled,
+        validation: field.validation,
+        items: options.map((opt)=>({
+                label: opt.label,
+                value: opt.value
+            })),
+        value: value,
+        onChange: (value)=>{
+            field.onChange(value);
+            field.onBlur();
+        }
+    });
 });
+export { CheckboxesRenderer };
 
 //# sourceMappingURL=CheckboxesRenderer.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"base/Base/FieldRenderers/CheckboxesRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/CheckboxesRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { CheckboxGroup } from \"@webiny/admin-ui\";\nimport type { IValueOption } from \"~/features/formModel/index.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        checkboxes: { fieldType: \"text\" | \"number\"; options: true; settings: undefined };\n    }\n}\n\nexport const CheckboxesRenderer = createFieldRenderer(({ field }) => {\n    const options: IValueOption[] = field.options ?? [];\n    const value = (field.value as (string | number)[]) ?? [];\n\n    return (\n        <CheckboxGroup\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            required={field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n            items={options.map(opt => ({\n                label: opt.label,\n                value: opt.value\n            }))}\n            value={value}\n            onChange={value => {\n                field.onChange(value);\n                field.onBlur();\n            }}\n        />\n    );\n});\n"],"names":["CheckboxesRenderer","createFieldRenderer","field","options","value","CheckboxGroup","opt"],"mappings":";;;AAWO,MAAMA,qBAAqBC,oBAAoB,CAAC,EAAEC,KAAK,EAAE;IAC5D,MAAMC,UAA0BD,MAAM,OAAO,IAAI,EAAE;IACnD,MAAME,QAASF,MAAM,KAAK,IAA4B,EAAE;IAExD,OAAO,WAAP,GACI,oBAACG,eAAaA;QACV,OAAOH,MAAM,KAAK;QAClB,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QACxB,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;QAC5B,OAAOC,QAAQ,GAAG,CAACG,CAAAA,MAAQ;gBACvB,OAAOA,IAAI,KAAK;gBAChB,OAAOA,IAAI,KAAK;YACpB;QACA,OAAOF;QACP,UAAUA,CAAAA;YACNF,MAAM,QAAQ,CAACE;YACfF,MAAM,MAAM;QAChB;;AAGZ"}

package/base/Base/FieldRenderers/CodeEditorRenderer.js

@@ -1,17 +1,14 @@
-import React from "react";
+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"
-  }));
-});
+const CodeEditorRenderer = createFieldRenderer(({ field })=>/*#__PURE__*/ react.createElement("div", {
+        className: "border-1 border-neutral-dimmed"
+    }, /*#__PURE__*/ react.createElement(CodeEditor, {
+        value: field.value ?? "",
+        height: field.rendererSettings?.height ?? 400,
+        onChange: (value)=>field.onChange(value),
+        language: field.rendererSettings?.language ?? "html"
+    })));
+export { CodeEditorRenderer };
 
 //# sourceMappingURL=CodeEditorRenderer.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"base/Base/FieldRenderers/CodeEditorRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/CodeEditorRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { CodeEditor } from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        codeEditor: {\n            fieldType: \"text\";\n            settings: { language?: string; height?: number };\n        };\n    }\n}\n\nexport const CodeEditorRenderer = createFieldRenderer<\"codeEditor\">(({ field }) => {\n    return (\n        <div className={\"border-1 border-neutral-dimmed\"}>\n            <CodeEditor\n                value={(field.value as string) ?? \"\"}\n                height={field.rendererSettings?.height ?? 400}\n                onChange={value => field.onChange(value)}\n                language={field.rendererSettings?.language ?? \"html\"}\n            />\n        </div>\n    );\n});\n"],"names":["CodeEditorRenderer","createFieldRenderer","field","CodeEditor","value"],"mappings":";;;AAaO,MAAMA,qBAAqBC,oBAAkC,CAAC,EAAEC,KAAK,EAAE,GACnE,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,YAAUA;QACP,OAAQD,MAAM,KAAK,IAAe;QAClC,QAAQA,MAAM,gBAAgB,EAAE,UAAU;QAC1C,UAAUE,CAAAA,QAASF,MAAM,QAAQ,CAACE;QAClC,UAAUF,MAAM,gBAAgB,EAAE,YAAY"}

package/base/Base/FieldRenderers/DateTimeInputsRenderer.js

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

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

@@ -1 +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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAC5B,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASD,cAAc,IAAIE,OAAO,QAAQ,uBAAuB;AACjE,SACIC,MAAM,EACNC,mBAAmB,EAEnBC,wBAAwB,EACxBC,SAAS,QACN,kBAAkB;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AA0B7C,MAAMC,eAAiD,GAAG;EACtDC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE,MAAM;EACZC,aAAa,EAAE,eAAe;EAC9BC,UAAU,EAAE,YAAY;EACxBC,uBAAuB,EAAE,eAAe;EACxCC,oBAAoB,EAAE,YAAY;EAClCC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE;AACV,CAAC;AAED,OAAO,MAAMC,sBAAsB,GAAGlB,mBAAmB,CAAmB,CAAC;EAAEmB;AAAM,CAAC,KAAK;EACvF,MAAMC,MAAM,GAAID,KAAK,CAACE,KAAK,IAAiB,EAAE;EAC9C,MAAMC,YAAY,GAAGH,KAAK,CAACI,gBAAgB,EAAEC,IAAI,IAAI,MAAM;EAC3D,MAAMC,UAA4B,GAAGhB,eAAe,CAACa,YAAY,CAAC,IAAI,MAAM;EAE5E,MAAMI,QAAQ,GAAGA,CAACC,KAAa,EAAEC,GAAuB,KAAK;IACzD,MAAMC,IAAI,GAAG,CAAC,GAAGT,MAAM,CAAC;IACxBS,IAAI,CAACF,KAAK,CAAC,GAAGC,GAAG,IAAI,EAAE;IACvBT,KAAK,CAACW,QAAQ,CAACD,IAAI,CAAC;EACxB,CAAC;EAED,oBACI9B,KAAA,CAAAgC,aAAA;IAAKC,SAAS,EAAC;EAAsB,gBACjCjC,KAAA,CAAAgC,aAAA,CAACxB,SAAS;IAAC0B,aAAa,EAAC,OAAO;IAACC,OAAO,EAAC;EAAQ,gBAC7CnC,KAAA,CAAAgC,aAAA;IAAMC,SAAS,EAAC;EAA2C,GACtD,GAAGb,KAAK,CAACgB,KAAK,IAAI,EAAE,IAAIf,MAAM,CAACgB,MAAM,GAAG,IAAIhB,MAAM,CAACgB,MAAM,GAAG,GAAG,EAAE,EAChE,CACC,CAAC,EACXjB,KAAK,CAACkB,WAAW,iBAAItC,KAAA,CAAAgC,aAAA,CAACzB,wBAAwB;IAACgC,IAAI,EAAEnB,KAAK,CAACkB;EAAY,CAAE,CAAC,EAC1EjB,MAAM,CAACmB,GAAG,CAAC,CAACX,GAAG,EAAED,KAAK,kBACnB5B,KAAA,CAAAgC,aAAA;IAAKS,GAAG,EAAEb,KAAM;IAACK,SAAS,EAAC;EAA0B,gBACjDjC,KAAA,CAAAgC,aAAA;IAAKC,SAAS,EAAC;EAAQ,gBACnBjC,KAAA,CAAAgC,aAAA,CAAC1B,mBAAmB;IAEZmB,IAAI,EAAEC,UAAU;IAChBJ,KAAK,EAAEO,GAAG,IAAIa,SAAS;IACvBX,QAAQ,EAAGY,CAAqB,IAAKhB,QAAQ,CAACC,KAAK,EAAEe,CAAC,CAAC;IACvDC,QAAQ,EAAExB,KAAK,CAACwB,QAAQ;IACxBC,aAAa,EAAEzB,KAAK,CAACI,gBAAgB,EAAEqB,aAAa;IACpDC,YAAY,EAAE1B,KAAK,CAACI,gBAAgB,EAAEsB;EAAY,CAEzD,CACA,CAAC,eACN9C,KAAA,CAAAgC,aAAA,CAACvB,UAAU;IACPsC,IAAI,eAAE/C,KAAA,CAAAgC,aAAA,CAAC7B,UAAU,MAAE,CAAE;IACrB6C,OAAO,EAAEC,CAAC,IAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnB9B,KAAK,CAAC+B,UAAU,CAACvB,KAAK,CAAC;IAC3B,CAAE;IACFwB,IAAI,EAAC,IAAI;IACTjB,OAAO,EAAC;EAAO,CAClB,CACA,CACR,CAAC,eACFnC,KAAA,CAAAgC,aAAA,CAAC3B,MAAM;IACHuC,QAAQ,EAAExB,KAAK,CAACwB,QAAS;IACzBT,OAAO,EAAC,UAAU;IAClBY,IAAI,eAAE/C,KAAA,CAAAgC,aAAA,CAAC5B,OAAO,MAAE,CAAE;IAClBmC,IAAI,EAAEnB,KAAK,CAACI,gBAAgB,EAAE6B,YAAY,IAAI,WAAY;IAC1DL,OAAO,EAAEA,CAAA,KAAM5B,KAAK,CAACkC,OAAO,CAAC,EAAE;EAAE,CACpC,CACA,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"base/Base/FieldRenderers/DateTimeInputsRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/DateTimeInputsRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport {\n    Button,\n    DatePickerPrimitive,\n    type DatePickerPrimitiveProps,\n    FormComponentDescription,\n    Separator\n} from \"@webiny/admin-ui\";\nimport { IconButton } from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        dateTimeInputs: {\n            fieldType: \"datetime\";\n            settings: {\n                type:\n                    | \"date\"\n                    | \"time\"\n                    | \"dateTimeLocal\"\n                    | \"dateTimeTz\"\n                    | \"dateTimeWithoutTimezone\"\n                    | \"dateTimeWithTimezone\"\n                    | \"month\"\n                    | \"week\";\n                addItemLabel?: string;\n                displayFormat?: string;\n                weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n            };\n        };\n    }\n}\n\ntype StringPickerType = \"date\" | \"time\" | \"dateTimeLocal\" | \"dateTimeTz\" | \"month\" | \"week\";\n\nconst PICKER_TYPE_MAP: Record<string, StringPickerType> = {\n    date: \"date\",\n    time: \"time\",\n    dateTimeLocal: \"dateTimeLocal\",\n    dateTimeTz: \"dateTimeTz\",\n    dateTimeWithoutTimezone: \"dateTimeLocal\",\n    dateTimeWithTimezone: \"dateTimeTz\",\n    month: \"month\",\n    week: \"week\"\n};\n\nexport const DateTimeInputsRenderer = createFieldRenderer<\"dateTimeInputs\">(({ field }) => {\n    const values = (field.value as string[]) ?? [];\n    const settingsType = field.rendererSettings?.type ?? \"date\";\n    const pickerType: StringPickerType = PICKER_TYPE_MAP[settingsType] ?? \"date\";\n\n    const updateAt = (index: number, val: string | undefined) => {\n        const next = [...values];\n        next[index] = val ?? \"\";\n        field.onChange(next);\n    };\n\n    return (\n        <div className=\"flex flex-col gap-sm\">\n            <Separator labelPosition=\"start\" variant=\"accent\">\n                <span className=\"text-accent-primary text-lg font-semibold\">\n                    {`${field.label ?? \"\"} ${values.length ? `(${values.length})` : \"\"}`}\n                </span>\n            </Separator>\n            {field.description && <FormComponentDescription text={field.description} />}\n            {values.map((val, index) => (\n                <div key={index} className=\"flex items-center gap-sm\">\n                    <div className=\"flex-1\">\n                        <DatePickerPrimitive\n                            {...({\n                                type: pickerType,\n                                value: val || undefined,\n                                onChange: (v: string | undefined) => updateAt(index, v),\n                                disabled: field.disabled,\n                                displayFormat: field.rendererSettings?.displayFormat,\n                                weekStartsOn: field.rendererSettings?.weekStartsOn\n                            } as DatePickerPrimitiveProps)}\n                        />\n                    </div>\n                    <IconButton\n                        icon={<DeleteIcon />}\n                        onClick={e => {\n                            e.stopPropagation();\n                            field.removeItem(index);\n                        }}\n                        size=\"lg\"\n                        variant=\"ghost\"\n                    />\n                </div>\n            ))}\n            <Button\n                disabled={field.disabled}\n                variant=\"tertiary\"\n                icon={<AddIcon />}\n                text={field.rendererSettings?.addItemLabel ?? \"Add Value\"}\n                onClick={() => field.addItem(\"\")}\n            />\n        </div>\n    );\n});\n"],"names":["PICKER_TYPE_MAP","DateTimeInputsRenderer","createFieldRenderer","field","values","settingsType","pickerType","updateAt","index","val","next","Separator","FormComponentDescription","DatePickerPrimitive","undefined","v","IconButton","DeleteIcon","e","Button","AddIcon"],"mappings":";;;;;AAqCA,MAAMA,kBAAoD;IACtD,MAAM;IACN,MAAM;IACN,eAAe;IACf,YAAY;IACZ,yBAAyB;IACzB,sBAAsB;IACtB,OAAO;IACP,MAAM;AACV;AAEO,MAAMC,yBAAyBC,oBAAsC,CAAC,EAAEC,KAAK,EAAE;IAClF,MAAMC,SAAUD,MAAM,KAAK,IAAiB,EAAE;IAC9C,MAAME,eAAeF,MAAM,gBAAgB,EAAE,QAAQ;IACrD,MAAMG,aAA+BN,eAAe,CAACK,aAAa,IAAI;IAEtE,MAAME,WAAW,CAACC,OAAeC;QAC7B,MAAMC,OAAO;eAAIN;SAAO;QACxBM,IAAI,CAACF,MAAM,GAAGC,OAAO;QACrBN,MAAM,QAAQ,CAACO;IACnB;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACC,WAASA;QAAC,eAAc;QAAQ,SAAQ;qBACrC,oBAAC;QAAK,WAAU;OACX,GAAGR,MAAM,KAAK,IAAI,GAAG,CAAC,EAAEC,OAAO,MAAM,GAAG,CAAC,CAAC,EAAEA,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,IAG3ED,MAAM,WAAW,IAAI,WAAJ,GAAI,oBAACS,0BAAwBA;QAAC,MAAMT,MAAM,WAAW;QACtEC,OAAO,GAAG,CAAC,CAACK,KAAKD,QAAAA,WAAAA,GACd,oBAAC;YAAI,KAAKA;YAAO,WAAU;yBACvB,oBAAC;YAAI,WAAU;yBACX,oBAACK,qBACQ;YACD,MAAMP;YACN,OAAOG,OAAOK;YACd,UAAU,CAACC,IAA0BR,SAASC,OAAOO;YACrD,UAAUZ,MAAM,QAAQ;YACxB,eAAeA,MAAM,gBAAgB,EAAE;YACvC,cAAcA,MAAM,gBAAgB,EAAE;QAC1C,mBAGR,oBAACa,YAAUA;YACP,oBAAM,oBAACC,gBAAUA;YACjB,SAASC,CAAAA;gBACLA,EAAE,eAAe;gBACjBf,MAAM,UAAU,CAACK;YACrB;YACA,MAAK;YACL,SAAQ;4BAIpB,oBAACW,QAAMA;QACH,UAAUhB,MAAM,QAAQ;QACxB,SAAQ;QACR,oBAAM,oBAACiB,wBAAOA;QACd,MAAMjB,MAAM,gBAAgB,EAAE,gBAAgB;QAC9C,SAAS,IAAMA,MAAM,OAAO,CAAC;;AAI7C"}