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

package/base/Base/FieldRenderers/DateTimeInputsRenderer.js

@@ -1,66 +1,70 @@
-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, FormComponentErrorMessage, 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("")
+    }), /*#__PURE__*/ react.createElement(FormComponentErrorMessage, {
+        text: field.validation.message,
+        invalid: false === field.validation.isValid,
+        disabled: field.disabled
+    }));
 });
+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":"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","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    FormComponentErrorMessage,\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            <FormComponentErrorMessage\n                text={field.validation.message}\n                invalid={field.validation.isValid === false}\n                disabled={field.disabled}\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","FormComponentErrorMessage"],"mappings":";;;;;AAsCA,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;sBAEjC,oBAACkB,2BAAyBA;QACtB,MAAMlB,MAAM,UAAU,CAAC,OAAO;QAC9B,SAASA,AAA6B,UAA7BA,MAAM,UAAU,CAAC,OAAO;QACjC,UAAUA,MAAM,QAAQ;;AAIxC"}

package/base/Base/FieldRenderers/DateTimeRenderer.js

@@ -1,46 +1,45 @@
-import React from "react";
+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"
+    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
-  }));
+const DateTimeRenderer = createFieldRenderer(({ field })=>{
+    const settingsType = field.rendererSettings?.type ?? "date";
+    const pickerType = PICKER_TYPE_MAP[settingsType] || "date";
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "w-full"
+    }, /*#__PURE__*/ react.createElement(DatePicker, {
+        hint: field.help,
+        type: pickerType,
+        value: field.value,
+        onChange: (v)=>{
+            field.onChange(v);
+            field.onBlur();
+        },
+        disabled: field.disabled,
+        placeholder: field.placeholder,
+        displayFormat: field.rendererSettings?.displayFormat,
+        yearRange: field.rendererSettings?.yearRange,
+        weekStartsOn: field.rendererSettings?.weekStartsOn,
+        presets: field.rendererSettings?.presets,
+        label: field.label,
+        description: field.description,
+        note: field.note,
+        required: field.required,
+        validation: field.validation
+    }));
 });
+export { DateTimeRenderer };
 
 //# sourceMappingURL=DateTimeRenderer.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"base/Base/FieldRenderers/DateTimeRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/DateTimeRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { DatePicker } from \"@webiny/admin-ui\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        dateTimeInput: {\n            fieldType: \"datetime\";\n            settings: {\n                type:\n                    | \"date\"\n                    | \"time\"\n                    | \"dateTimeWithoutTimezone\"\n                    | \"dateTimeWithTimezone\"\n                    | \"month\"\n                    | \"week\"\n                    | \"year\"\n                    | \"dateRange\"\n                    | \"multipleDates\"\n                    | \"multipleMonths\"\n                    | \"multipleYears\";\n                displayFormat?: string;\n                yearRange?: [number, number];\n                weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n                presets?: Array<{ label: string; value: () => Date }>;\n            };\n        };\n    }\n}\n\nconst PICKER_TYPE_MAP: Record<string, string> = {\n    date: \"date\",\n    time: \"time\",\n    dateTimeWithoutTimezone: \"dateTimeLocal\",\n    dateTimeWithTimezone: \"dateTimeTz\",\n    month: \"month\",\n    week: \"week\",\n    year: \"year\",\n    dateRange: \"dateRange\",\n    multipleDates: \"multipleDates\",\n    multipleMonths: \"multipleMonths\",\n    multipleYears: \"multipleYears\"\n};\n\nexport const DateTimeRenderer = createFieldRenderer<\"dateTimeInput\">(({ field }) => {\n    const settingsType = field.rendererSettings?.type ?? \"date\";\n    const pickerType = PICKER_TYPE_MAP[settingsType] || \"date\";\n\n    return (\n        <div className=\"w-full\">\n            <DatePicker\n                hint={field.help}\n                type={pickerType as any}\n                value={field.value as any}\n                onChange={(v: any) => {\n                    field.onChange(v);\n                    field.onBlur();\n                }}\n                disabled={field.disabled}\n                placeholder={field.placeholder}\n                displayFormat={field.rendererSettings?.displayFormat}\n                yearRange={field.rendererSettings?.yearRange}\n                weekStartsOn={field.rendererSettings?.weekStartsOn}\n                presets={field.rendererSettings?.presets}\n                label={field.label}\n                description={field.description}\n                note={field.note}\n                required={field.required}\n                validation={field.validation}\n            />\n        </div>\n    );\n});\n"],"names":["PICKER_TYPE_MAP","DateTimeRenderer","createFieldRenderer","field","settingsType","pickerType","DatePicker","v"],"mappings":";;;AA8BA,MAAMA,kBAA0C;IAC5C,MAAM;IACN,MAAM;IACN,yBAAyB;IACzB,sBAAsB;IACtB,OAAO;IACP,MAAM;IACN,MAAM;IACN,WAAW;IACX,eAAe;IACf,gBAAgB;IAChB,eAAe;AACnB;AAEO,MAAMC,mBAAmBC,oBAAqC,CAAC,EAAEC,KAAK,EAAE;IAC3E,MAAMC,eAAeD,MAAM,gBAAgB,EAAE,QAAQ;IACrD,MAAME,aAAaL,eAAe,CAACI,aAAa,IAAI;IAEpD,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACE,YAAUA;QACP,MAAMH,MAAM,IAAI;QAChB,MAAME;QACN,OAAOF,MAAM,KAAK;QAClB,UAAU,CAACI;YACPJ,MAAM,QAAQ,CAACI;YACfJ,MAAM,MAAM;QAChB;QACA,UAAUA,MAAM,QAAQ;QACxB,aAAaA,MAAM,WAAW;QAC9B,eAAeA,MAAM,gBAAgB,EAAE;QACvC,WAAWA,MAAM,gBAAgB,EAAE;QACnC,cAAcA,MAAM,gBAAgB,EAAE;QACtC,SAASA,MAAM,gBAAgB,EAAE;QACjC,OAAOA,MAAM,KAAK;QAClB,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;;AAI5C"}

package/base/Base/FieldRenderers/FilePickerRenderer.js

@@ -1,51 +1,46 @@
-import React from "react";
+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
-}) => {
-  const settings = field.rendererSettings;
-  return /*#__PURE__*/React.createElement(FileManager, {
-    images: settings?.images,
-    accept: settings?.accept,
-    own: settings?.own,
-    scope: settings?.scope,
-    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 FilePickerRenderer = createFieldRenderer(({ field })=>{
+    const settings = field.rendererSettings;
+    return /*#__PURE__*/ react.createElement(FileManager, {
+        images: settings?.images,
+        accept: settings?.accept,
+        own: settings?.own,
+        scope: settings?.scope,
+        render: ({ showFileManager })=>/*#__PURE__*/ react.createElement(FilePicker, {
+                label: field.label,
+                hint: field.help,
+                description: field.description,
+                type: "area",
+                value: toFilePickerValue(field.value),
+                validation: field.validation,
+                onSelectItem: ()=>showFileManager((file)=>{
+                        field.onChange(fileManagerItemToValue(file));
+                    }),
+                onRemoveItem: ()=>field.onChange(void 0)
+            })
+    });
 });
-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
-  };
+const toFilePickerValue = (value)=>{
+    const img = value;
+    if (!img?.src) return;
+    return {
+        url: img.src,
+        name: img.name,
+        mimeType: img.mimeType
+    };
 };
+const fileManagerItemToValue = (file)=>({
+        id: file.id,
+        name: file.name,
+        size: file.size,
+        mimeType: file.type,
+        src: file.src || "",
+        width: file.width,
+        height: file.height
+    });
+export { FilePickerRenderer };
 
 //# sourceMappingURL=FilePickerRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","createFieldRenderer","FileManager","FilePicker","FilePickerRenderer","field","settings","rendererSettings","createElement","images","accept","own","scope","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\";\nimport type { FileFieldSettings } from \"~/features/formModel/fieldTypes/FileFieldType.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        filePicker: { fieldType: \"file\"; settings: FileFieldSettings };\n    }\n}\n\nexport const FilePickerRenderer = createFieldRenderer<\"filePicker\">(({ field }) => {\n    const settings = field.rendererSettings as FileFieldSettings | undefined;\n\n    return (\n        <FileManager\n            images={settings?.images}\n            accept={settings?.accept}\n            own={settings?.own}\n            scope={settings?.scope}\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;AAW/D,OAAO,MAAMC,kBAAkB,GAAGH,mBAAmB,CAAe,CAAC;EAAEI;AAAM,CAAC,KAAK;EAC/E,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAiD;EAExE,oBACIP,KAAA,CAAAQ,aAAA,CAACN,WAAW;IACRO,MAAM,EAAEH,QAAQ,EAAEG,MAAO;IACzBC,MAAM,EAAEJ,QAAQ,EAAEI,MAAO;IACzBC,GAAG,EAAEL,QAAQ,EAAEK,GAAI;IACnBC,KAAK,EAAEN,QAAQ,EAAEM,KAAM;IACvBC,MAAM,EAAEA,CAAC;MAAEC;IAAgB,CAAC,kBACxBd,KAAA,CAAAQ,aAAA,CAACL,UAAU;MACPY,KAAK,EAAEV,KAAK,CAACU,KAAM;MACnBC,WAAW,EAAEX,KAAK,CAACW,WAAY;MAC/BC,IAAI,EAAC,MAAM;MACXC,KAAK,EAAEC,iBAAiB,CAACd,KAAK,CAACa,KAAK,CAAE;MACtCE,YAAY,EAAEA,CAAA,KACVN,eAAe,CAAEO,IAAyB,IAAK;QAC3ChB,KAAK,CAACiB,QAAQ,CAACC,sBAAsB,CAACF,IAAI,CAAC,CAAC;MAChD,CAAC,CACJ;MACDG,YAAY,EAAEA,CAAA,KAAMnB,KAAK,CAACiB,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":[]}
+{"version":3,"file":"base/Base/FieldRenderers/FilePickerRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/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\";\nimport type { FileFieldSettings } from \"~/features/formModel/fieldTypes/FileFieldType.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        filePicker: { fieldType: \"file\"; settings: FileFieldSettings };\n    }\n}\n\nexport const FilePickerRenderer = createFieldRenderer<\"filePicker\">(({ field }) => {\n    const settings = field.rendererSettings as FileFieldSettings | undefined;\n\n    return (\n        <FileManager\n            images={settings?.images}\n            accept={settings?.accept}\n            own={settings?.own}\n            scope={settings?.scope}\n            render={({ showFileManager }) => (\n                <FilePicker\n                    label={field.label}\n                    hint={field.help}\n                    description={field.description}\n                    type=\"area\"\n                    value={toFilePickerValue(field.value)}\n                    validation={field.validation}\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"],"names":["FilePickerRenderer","createFieldRenderer","field","settings","FileManager","showFileManager","FilePicker","toFilePickerValue","file","fileManagerItemToValue","undefined","value","img"],"mappings":";;;;AAcO,MAAMA,qBAAqBC,oBAAkC,CAAC,EAAEC,KAAK,EAAE;IAC1E,MAAMC,WAAWD,MAAM,gBAAgB;IAEvC,OAAO,WAAP,GACI,oBAACE,aAAWA;QACR,QAAQD,UAAU;QAClB,QAAQA,UAAU;QAClB,KAAKA,UAAU;QACf,OAAOA,UAAU;QACjB,QAAQ,CAAC,EAAEE,eAAe,EAAE,iBACxB,oBAACC,YAAUA;gBACP,OAAOJ,MAAM,KAAK;gBAClB,MAAMA,MAAM,IAAI;gBAChB,aAAaA,MAAM,WAAW;gBAC9B,MAAK;gBACL,OAAOK,kBAAkBL,MAAM,KAAK;gBACpC,YAAYA,MAAM,UAAU;gBAC5B,cAAc,IACVG,gBAAgB,CAACG;wBACbN,MAAM,QAAQ,CAACO,uBAAuBD;oBAC1C;gBAEJ,cAAc,IAAMN,MAAM,QAAQ,CAACQ;;;AAKvD;AAEA,MAAMH,oBAAoB,CAACI;IACvB,MAAMC,MAAMD;IACZ,IAAI,CAACC,KAAK,KACN;IAEJ,OAAO;QAAE,KAAKA,IAAI,GAAG;QAAE,MAAMA,IAAI,IAAI;QAAE,UAAUA,IAAI,QAAQ;IAAC;AAClE;AAEA,MAAMH,yBAAyB,CAACD,OACrB;QACH,IAAIA,KAAK,EAAE;QACX,MAAMA,KAAK,IAAI;QACf,MAAMA,KAAK,IAAI;QACf,UAAUA,KAAK,IAAI;QACnB,KAAKA,KAAK,GAAG,IAAI;QACjB,OAAOA,KAAK,KAAK;QACjB,QAAQA,KAAK,MAAM;IACvB"}

package/base/Base/FieldRenderers/FileUrlPickerRenderer.js

@@ -1,25 +1,21 @@
-import React from "react";
+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)
-    })
-  });
-});
+const FileUrlPickerRenderer = createFieldRenderer(({ field })=>/*#__PURE__*/ react.createElement(FileManager, {
+        images: true,
+        render: ({ showFileManager })=>/*#__PURE__*/ react.createElement(FilePicker, {
+                label: field.label,
+                hint: field.help,
+                description: field.description,
+                type: "area",
+                value: field.value,
+                onSelectItem: ()=>showFileManager((file)=>{
+                        field.onChange(file.src || "");
+                    }),
+                onRemoveItem: ()=>field.onChange(void 0)
+            })
+    }));
+export { FileUrlPickerRenderer };
 
 //# sourceMappingURL=FileUrlPickerRenderer.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"base/Base/FieldRenderers/FileUrlPickerRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/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                    hint={field.help}\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"],"names":["FileUrlPickerRenderer","createFieldRenderer","field","FileManager","showFileManager","FilePicker","file","undefined"],"mappings":";;;;AAYO,MAAMA,wBAAwBC,oBAAoB,CAAC,EAAEC,KAAK,EAAE,GACxD,WAAP,GACI,oBAACC,aAAWA;QACR,QAAQ;QACR,QAAQ,CAAC,EAAEC,eAAe,EAAE,iBACxB,oBAACC,YAAUA;gBACP,OAAOH,MAAM,KAAK;gBAClB,MAAMA,MAAM,IAAI;gBAChB,aAAaA,MAAM,WAAW;gBAC9B,MAAK;gBACL,OAAOA,MAAM,KAAK;gBAClB,cAAc,IACVE,gBAAgB,CAACE;wBACbJ,MAAM,QAAQ,CAACI,KAAK,GAAG,IAAI;oBAC/B;gBAEJ,cAAc,IAAMJ,MAAM,QAAQ,CAACK"}

package/base/Base/FieldRenderers/HiddenRenderer.js

@@ -1,5 +1,5 @@
-export const HiddenRenderer = _props => {
-  return null;
-};
+import "react";
+const HiddenRenderer = (_props)=>null;
+export { HiddenRenderer };
 
 //# sourceMappingURL=HiddenRenderer.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"base/Base/FieldRenderers/HiddenRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/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"],"names":["HiddenRenderer","_props"],"mappings":";AASO,MAAMA,iBAAiB,CAACC,SACpB"}

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

@@ -1,5 +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;
+export declare const HorizontalTabsRenderer: (({ node }: TabsNodeRendererProps) => React.JSX.Element) & React.NamedExoticComponent<TabsNodeRendererProps> & {
+    readonly type: ({ node }: TabsNodeRendererProps) => React.JSX.Element;
 };

package/base/Base/FieldRenderers/HorizontalTabsRenderer.js

@@ -1,27 +1,27 @@
-import React from "react";
+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
-      })))
-    }))
-  });
+const HorizontalTabsRenderer_HorizontalTabsRenderer = observer(function({ node }) {
+    return /*#__PURE__*/ react.createElement(Tabs, {
+        ...node.rendererSettings,
+        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"
+                }, tab.layout.map((childNode, index)=>/*#__PURE__*/ react.createElement(LayoutNodeRenderer, {
+                        key: index,
+                        node: childNode
+                    })))
+            }))
+    });
 });
+export { HorizontalTabsRenderer_HorizontalTabsRenderer as HorizontalTabsRenderer };
 
 //# sourceMappingURL=HorizontalTabsRenderer.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"base/Base/FieldRenderers/HorizontalTabsRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/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            {...(node.rendererSettings as Record<string, any>)}\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\"}>\n                            {tab.layout.map((childNode, index) => (\n                                <LayoutNodeRenderer key={index} node={childNode} />\n                            ))}\n                        </div>\n                    }\n                />\n            ))}\n        />\n    );\n});\n"],"names":["HorizontalTabsRenderer","observer","node","Tabs","id","tab","renderTabIcon","childNode","index","LayoutNodeRenderer"],"mappings":";;;;AAMO,MAAMA,gDAAyBC,SAAS,SAAgC,EAC3EC,IAAI,EACgB;IACpB,OAAO,WAAP,GACI,oBAACC,MAAIA;QACA,GAAID,KAAK,gBAAgB;QAC1B,OAAOA,KAAK,WAAW;QACvB,eAAeE,CAAAA,KAAMF,KAAK,YAAY,CAACE;QACvC,MAAMF,KAAK,IAAI,CAAC,GAAG,CAACG,CAAAA,MAAAA,WAAAA,GAChB,oBAACF,KAAK,GAAG;gBACL,KAAKE,IAAI,EAAE;gBACX,OAAOA,IAAI,EAAE;gBACb,MAAMC,cAAcD,IAAI,IAAI;gBAC5B,SAASA,IAAI,KAAK;gBAClB,UAAUA,IAAI,QAAQ;gBACtB,uBACI,oBAAC;oBAAI,WAAW;mBACXA,IAAI,MAAM,CAAC,GAAG,CAAC,CAACE,WAAWC,QAAAA,WAAAA,GACxB,oBAACC,oBAAkBA;wBAAC,KAAKD;wBAAO,MAAMD;;;;AAQtE"}