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

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.d.ts

@@ -1,9 +1,10 @@
 import React from "react";
+import type { FileFieldSettings } from "../../../features/formModel/fieldTypes/FileFieldType.js";
 declare module "../../../features/formModel/abstractions.js" {
     interface IFieldRendererRegistry {
         filePicker: {
             fieldType: "file";
-            settings: undefined;
+            settings: FileFieldSettings;
         };
     }
 }

package/base/Base/FieldRenderers/FilePickerRenderer.js

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

@@ -1,27 +1,26 @@
-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, {
+        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
+                    })))
+            }))
+    });
 });
+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            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"],"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;QACD,OAAOD,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"}

package/base/Base/FieldRenderers/InputRenderer.js

@@ -1,23 +1,19 @@
-import React from "react";
+import react from "react";
 import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
-import { Input } from "@webiny/admin-ui";
-import { DelayedOnChange } from "@webiny/admin-ui";
-export const InputRenderer = createFieldRenderer(({
-  field
-}) => {
-  return /*#__PURE__*/React.createElement(DelayedOnChange, {
-    value: field.value,
-    onChange: value => field.onChange(value)
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: field.label,
-    placeholder: field.placeholder,
-    description: field.description,
-    note: field.note,
-    required: field.required,
-    disabled: field.disabled,
-    validation: field.validation,
-    onBlur: () => field.onBlur()
-  }));
-});
+import { DelayedOnChange, Input } from "@webiny/admin-ui";
+const InputRenderer = createFieldRenderer(({ field })=>/*#__PURE__*/ react.createElement(DelayedOnChange, {
+        value: field.value,
+        onChange: (value)=>field.onChange(value)
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: field.label,
+        placeholder: field.placeholder,
+        description: field.description,
+        note: field.note,
+        required: field.required,
+        disabled: field.disabled,
+        validation: field.validation,
+        onBlur: ()=>field.onBlur()
+    })));
+export { InputRenderer };
 
 //# sourceMappingURL=InputRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","createFieldRenderer","Input","DelayedOnChange","InputRenderer","field","createElement","value","onChange","label","placeholder","description","note","required","disabled","validation","onBlur"],"sources":["InputRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { Input } from \"@webiny/admin-ui\";\nimport { DelayedOnChange } from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        textInput: { fieldType: \"text\"; settings: undefined };\n    }\n}\n\nexport const InputRenderer = createFieldRenderer(({ field }) => {\n    return (\n        <DelayedOnChange value={field.value} onChange={value => field.onChange(value)}>\n            <Input\n                label={field.label}\n                placeholder={field.placeholder}\n                description={field.description}\n                note={field.note}\n                required={field.required}\n                disabled={field.disabled}\n                validation={field.validation}\n                onBlur={() => field.onBlur()}\n            />\n        </DelayedOnChange>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAC5B,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,eAAe,QAAQ,kBAAkB;AAQlD,OAAO,MAAMC,aAAa,GAAGH,mBAAmB,CAAC,CAAC;EAAEI;AAAM,CAAC,KAAK;EAC5D,oBACIL,KAAA,CAAAM,aAAA,CAACH,eAAe;IAACI,KAAK,EAAEF,KAAK,CAACE,KAAM;IAACC,QAAQ,EAAED,KAAK,IAAIF,KAAK,CAACG,QAAQ,CAACD,KAAK;EAAE,gBAC1EP,KAAA,CAAAM,aAAA,CAACJ,KAAK;IACFO,KAAK,EAAEJ,KAAK,CAACI,KAAM;IACnBC,WAAW,EAAEL,KAAK,CAACK,WAAY;IAC/BC,WAAW,EAAEN,KAAK,CAACM,WAAY;IAC/BC,IAAI,EAAEP,KAAK,CAACO,IAAK;IACjBC,QAAQ,EAAER,KAAK,CAACQ,QAAS;IACzBC,QAAQ,EAAET,KAAK,CAACS,QAAS;IACzBC,UAAU,EAAEV,KAAK,CAACU,UAAW;IAC7BC,MAAM,EAAEA,CAAA,KAAMX,KAAK,CAACW,MAAM,CAAC;EAAE,CAChC,CACY,CAAC;AAE1B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"base/Base/FieldRenderers/InputRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/InputRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { Input } from \"@webiny/admin-ui\";\nimport { DelayedOnChange } from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        textInput: { fieldType: \"text\"; settings: undefined };\n    }\n}\n\nexport const InputRenderer = createFieldRenderer(({ field }) => {\n    return (\n        <DelayedOnChange value={field.value} onChange={value => field.onChange(value)}>\n            <Input\n                label={field.label}\n                placeholder={field.placeholder}\n                description={field.description}\n                note={field.note}\n                required={field.required}\n                disabled={field.disabled}\n                validation={field.validation}\n                onBlur={() => field.onBlur()}\n            />\n        </DelayedOnChange>\n    );\n});\n"],"names":["InputRenderer","createFieldRenderer","field","DelayedOnChange","value","Input"],"mappings":";;;AAWO,MAAMA,gBAAgBC,oBAAoB,CAAC,EAAEC,KAAK,EAAE,GAChD,WAAP,GACI,oBAACC,iBAAeA;QAAC,OAAOD,MAAM,KAAK;QAAE,UAAUE,CAAAA,QAASF,MAAM,QAAQ,CAACE;qBACnE,oBAACC,OAAKA;QACF,OAAOH,MAAM,KAAK;QAClB,aAAaA,MAAM,WAAW;QAC9B,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QACxB,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;QAC5B,QAAQ,IAAMA,MAAM,MAAM"}

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

@@ -0,0 +1,13 @@
+import React from "react";
+import type { FileFieldSettings } from "../../../features/formModel/fieldTypes/FileFieldType.js";
+declare module "../../../features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        multiFilePicker: {
+            fieldType: "file";
+            settings: FileFieldSettings;
+        };
+    }
+}
+export declare const MultiFilePickerRenderer: React.ComponentType<{
+    field: import("~/features/formModel/abstractions.js").IFieldVM;
+}>;

package/base/Base/FieldRenderers/MultiFilePickerRenderer.js

@@ -0,0 +1,70 @@
+import react from "react";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
+import { FileManager } from "../../ui/FileManager.js";
+import { MultiFilePicker } from "@webiny/admin-ui";
+const toFilePickerValues = (value)=>{
+    if (!Array.isArray(value)) return [];
+    return value.filter((item)=>item?.src).map((item)=>({
+            id: item.id,
+            url: item.src,
+            name: item.name,
+            mimeType: item.mimeType,
+            size: item.size
+        }));
+};
+const fileManagerItemToValue = (file)=>({
+        id: file.id,
+        name: file.name,
+        size: file.size,
+        mimeType: file.type,
+        src: file.src || "",
+        width: file.width,
+        height: file.height
+    });
+const MultiFilePickerRenderer = createFieldRenderer(({ field })=>{
+    const settings = field.rendererSettings;
+    const values = toFilePickerValues(field.value);
+    const currentValues = Array.isArray(field.value) ? field.value : [];
+    return /*#__PURE__*/ react.createElement(FileManager, {
+        multiple: true,
+        images: settings?.images,
+        accept: settings?.accept,
+        own: settings?.own,
+        scope: settings?.scope,
+        render: ({ showFileManager })=>{
+            const selectFiles = (replaceIndex = -1)=>{
+                showFileManager((files)=>{
+                    const newValues = files.map(fileManagerItemToValue);
+                    if (-1 === replaceIndex) field.onChange([
+                        ...currentValues,
+                        ...newValues
+                    ]);
+                    else field.onChange([
+                        ...currentValues.slice(0, replaceIndex),
+                        ...newValues,
+                        ...currentValues.slice(replaceIndex + 1)
+                    ]);
+                });
+            };
+            return /*#__PURE__*/ react.createElement(MultiFilePicker, {
+                label: field.label,
+                description: field.description,
+                note: field.note,
+                hint: field.help,
+                values: values,
+                type: "compact",
+                onSelectItem: ()=>selectFiles(),
+                onReplaceItem: (_, index)=>selectFiles(index),
+                onRemoveItem: (_, index)=>{
+                    field.onChange([
+                        ...currentValues.slice(0, index),
+                        ...currentValues.slice(index + 1)
+                    ]);
+                }
+            });
+        }
+    });
+});
+export { MultiFilePickerRenderer };
+
+//# sourceMappingURL=MultiFilePickerRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/FieldRenderers/MultiFilePickerRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/MultiFilePickerRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { FileManager } from \"~/base/ui/FileManager.js\";\nimport type { FileManagerFileItem } from \"~/base/ui/FileManager.js\";\nimport { MultiFilePicker } from \"@webiny/admin-ui\";\nimport type { FileItemDto } from \"@webiny/admin-ui\";\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        multiFilePicker: { fieldType: \"file\"; settings: FileFieldSettings };\n    }\n}\n\nconst toFilePickerValues = (value: unknown): FileItemDto[] => {\n    if (!Array.isArray(value)) {\n        return [];\n    }\n    return value\n        .filter((item: FileValue) => item?.src)\n        .map((item: FileValue) => ({\n            id: item.id,\n            url: item.src,\n            name: item.name,\n            mimeType: item.mimeType,\n            size: item.size\n        }));\n};\n\nconst fileManagerItemToValue = (file: FileManagerFileItem): FileValue => ({\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\nexport const MultiFilePickerRenderer = createFieldRenderer<\"multiFilePicker\">(({ field }) => {\n    const settings = field.rendererSettings as FileFieldSettings | undefined;\n    const values = toFilePickerValues(field.value);\n    const currentValues = (Array.isArray(field.value) ? field.value : []) as FileValue[];\n\n    return (\n        <FileManager\n            multiple\n            images={settings?.images}\n            accept={settings?.accept}\n            own={settings?.own}\n            scope={settings?.scope}\n            render={({ showFileManager }) => {\n                const selectFiles = (replaceIndex = -1) => {\n                    showFileManager((files: FileManagerFileItem[]) => {\n                        const newValues = files.map(fileManagerItemToValue);\n                        if (replaceIndex === -1) {\n                            field.onChange([...currentValues, ...newValues]);\n                        } else {\n                            field.onChange([\n                                ...currentValues.slice(0, replaceIndex),\n                                ...newValues,\n                                ...currentValues.slice(replaceIndex + 1)\n                            ]);\n                        }\n                    });\n                };\n\n                return (\n                    <MultiFilePicker\n                        label={field.label}\n                        description={field.description}\n                        note={field.note}\n                        hint={field.help}\n                        values={values}\n                        type=\"compact\"\n                        onSelectItem={() => selectFiles()}\n                        onReplaceItem={(_, index) => selectFiles(index)}\n                        onRemoveItem={(_, index) => {\n                            field.onChange([\n                                ...currentValues.slice(0, index),\n                                ...currentValues.slice(index + 1)\n                            ]);\n                        }}\n                    />\n                );\n            }}\n        />\n    );\n});\n"],"names":["toFilePickerValues","value","Array","item","fileManagerItemToValue","file","MultiFilePickerRenderer","createFieldRenderer","field","settings","values","currentValues","FileManager","showFileManager","selectFiles","replaceIndex","files","newValues","MultiFilePicker","_","index"],"mappings":";;;;AAeA,MAAMA,qBAAqB,CAACC;IACxB,IAAI,CAACC,MAAM,OAAO,CAACD,QACf,OAAO,EAAE;IAEb,OAAOA,MACF,MAAM,CAAC,CAACE,OAAoBA,MAAM,KAClC,GAAG,CAAC,CAACA,OAAqB;YACvB,IAAIA,KAAK,EAAE;YACX,KAAKA,KAAK,GAAG;YACb,MAAMA,KAAK,IAAI;YACf,UAAUA,KAAK,QAAQ;YACvB,MAAMA,KAAK,IAAI;QACnB;AACR;AAEA,MAAMC,yBAAyB,CAACC,OAA0C;QACtE,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;AAEO,MAAMC,0BAA0BC,oBAAuC,CAAC,EAAEC,KAAK,EAAE;IACpF,MAAMC,WAAWD,MAAM,gBAAgB;IACvC,MAAME,SAASV,mBAAmBQ,MAAM,KAAK;IAC7C,MAAMG,gBAAiBT,MAAM,OAAO,CAACM,MAAM,KAAK,IAAIA,MAAM,KAAK,GAAG,EAAE;IAEpE,OAAO,WAAP,GACI,oBAACI,aAAWA;QACR;QACA,QAAQH,UAAU;QAClB,QAAQA,UAAU;QAClB,KAAKA,UAAU;QACf,OAAOA,UAAU;QACjB,QAAQ,CAAC,EAAEI,eAAe,EAAE;YACxB,MAAMC,cAAc,CAACC,eAAe,EAAE;gBAClCF,gBAAgB,CAACG;oBACb,MAAMC,YAAYD,MAAM,GAAG,CAACZ;oBAC5B,IAAIW,AAAiB,OAAjBA,cACAP,MAAM,QAAQ,CAAC;2BAAIG;2BAAkBM;qBAAU;yBAE/CT,MAAM,QAAQ,CAAC;2BACRG,cAAc,KAAK,CAAC,GAAGI;2BACvBE;2BACAN,cAAc,KAAK,CAACI,eAAe;qBACzC;gBAET;YACJ;YAEA,OAAO,WAAP,GACI,oBAACG,iBAAeA;gBACZ,OAAOV,MAAM,KAAK;gBAClB,aAAaA,MAAM,WAAW;gBAC9B,MAAMA,MAAM,IAAI;gBAChB,MAAMA,MAAM,IAAI;gBAChB,QAAQE;gBACR,MAAK;gBACL,cAAc,IAAMI;gBACpB,eAAe,CAACK,GAAGC,QAAUN,YAAYM;gBACzC,cAAc,CAACD,GAAGC;oBACdZ,MAAM,QAAQ,CAAC;2BACRG,cAAc,KAAK,CAAC,GAAGS;2BACvBT,cAAc,KAAK,CAACS,QAAQ;qBAClC;gBACL;;QAGZ;;AAGZ"}

package/base/Base/FieldRenderers/NumberInputRenderer.js

@@ -1,23 +1,20 @@
-import React from "react";
+import react from "react";
 import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
 import { DelayedOnChange, Input } from "@webiny/admin-ui";
-export const NumberInputRenderer = createFieldRenderer(({
-  field
-}) => {
-  return /*#__PURE__*/React.createElement(DelayedOnChange, {
-    value: field.value,
-    onChange: value => field.onChange(value)
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: field.label,
-    placeholder: field.placeholder,
-    description: field.description,
-    note: field.note,
-    required: field.required,
-    disabled: field.disabled,
-    validation: field.validation,
-    onBlur: () => field.onBlur(),
-    type: "number"
-  }));
-});
+const NumberInputRenderer = createFieldRenderer(({ field })=>/*#__PURE__*/ react.createElement(DelayedOnChange, {
+        value: field.value,
+        onChange: (value)=>field.onChange(value)
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: field.label,
+        placeholder: field.placeholder,
+        description: field.description,
+        note: field.note,
+        required: field.required,
+        disabled: field.disabled,
+        validation: field.validation,
+        onBlur: ()=>field.onBlur(),
+        type: "number"
+    })));
+export { NumberInputRenderer };
 
 //# sourceMappingURL=NumberInputRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","createFieldRenderer","DelayedOnChange","Input","NumberInputRenderer","field","createElement","value","onChange","label","placeholder","description","note","required","disabled","validation","onBlur","type"],"sources":["NumberInputRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { DelayedOnChange, Input } from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        numberInput: { fieldType: \"number\"; settings: undefined };\n    }\n}\n\nexport const NumberInputRenderer = createFieldRenderer(({ field }) => {\n    return (\n        <DelayedOnChange value={field.value} onChange={value => field.onChange(value)}>\n            <Input\n                label={field.label}\n                placeholder={field.placeholder}\n                description={field.description}\n                note={field.note}\n                required={field.required}\n                disabled={field.disabled}\n                validation={field.validation}\n                onBlur={() => field.onBlur()}\n                type=\"number\"\n            />\n        </DelayedOnChange>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAC5B,SAASC,eAAe,EAAEC,KAAK,QAAQ,kBAAkB;AAQzD,OAAO,MAAMC,mBAAmB,GAAGH,mBAAmB,CAAC,CAAC;EAAEI;AAAM,CAAC,KAAK;EAClE,oBACIL,KAAA,CAAAM,aAAA,CAACJ,eAAe;IAACK,KAAK,EAAEF,KAAK,CAACE,KAAM;IAACC,QAAQ,EAAED,KAAK,IAAIF,KAAK,CAACG,QAAQ,CAACD,KAAK;EAAE,gBAC1EP,KAAA,CAAAM,aAAA,CAACH,KAAK;IACFM,KAAK,EAAEJ,KAAK,CAACI,KAAM;IACnBC,WAAW,EAAEL,KAAK,CAACK,WAAY;IAC/BC,WAAW,EAAEN,KAAK,CAACM,WAAY;IAC/BC,IAAI,EAAEP,KAAK,CAACO,IAAK;IACjBC,QAAQ,EAAER,KAAK,CAACQ,QAAS;IACzBC,QAAQ,EAAET,KAAK,CAACS,QAAS;IACzBC,UAAU,EAAEV,KAAK,CAACU,UAAW;IAC7BC,MAAM,EAAEA,CAAA,KAAMX,KAAK,CAACW,MAAM,CAAC,CAAE;IAC7BC,IAAI,EAAC;EAAQ,CAChB,CACY,CAAC;AAE1B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"base/Base/FieldRenderers/NumberInputRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/NumberInputRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { DelayedOnChange, Input } from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        numberInput: { fieldType: \"number\"; settings: undefined };\n    }\n}\n\nexport const NumberInputRenderer = createFieldRenderer(({ field }) => {\n    return (\n        <DelayedOnChange value={field.value} onChange={value => field.onChange(value)}>\n            <Input\n                label={field.label}\n                placeholder={field.placeholder}\n                description={field.description}\n                note={field.note}\n                required={field.required}\n                disabled={field.disabled}\n                validation={field.validation}\n                onBlur={() => field.onBlur()}\n                type=\"number\"\n            />\n        </DelayedOnChange>\n    );\n});\n"],"names":["NumberInputRenderer","createFieldRenderer","field","DelayedOnChange","value","Input"],"mappings":";;;AAUO,MAAMA,sBAAsBC,oBAAoB,CAAC,EAAEC,KAAK,EAAE,GACtD,WAAP,GACI,oBAACC,iBAAeA;QAAC,OAAOD,MAAM,KAAK;QAAE,UAAUE,CAAAA,QAASF,MAAM,QAAQ,CAACE;qBACnE,oBAACC,OAAKA;QACF,OAAOH,MAAM,KAAK;QAClB,aAAaA,MAAM,WAAW;QAC9B,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QACxB,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;QAC5B,QAAQ,IAAMA,MAAM,MAAM;QAC1B,MAAK"}