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

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

@@ -1,85 +1,68 @@
-import React, { useState } from "react";
+import react, { useState } from "react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { Button, Dialog, Text } from "@webiny/admin-ui";
-import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
-import { ReactComponent as PlusIcon } from "@webiny/icons/add_circle_outline.svg";
-const normalizeIcon = icon => {
-  if (!icon) {
-    return undefined;
-  }
-  return icon.name.split("/");
+import { ReactComponent } from "@webiny/icons/add.svg";
+import { ReactComponent as add_circle_outline_svg_ReactComponent } from "@webiny/icons/add_circle_outline.svg";
+const normalizeIcon = (icon)=>{
+    if (!icon) return;
+    return icon.name.split("/");
 };
-export const AddTemplateButton = ({
-  templates,
-  onSelect,
-  label = "Add a template",
-  size = "sm",
-  variant = "tertiary"
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-between items-center"
-  }, /*#__PURE__*/React.createElement(Dialog, {
-    size: "lg",
-    className: "w-[800px]",
-    trigger: /*#__PURE__*/React.createElement(Button, {
-      size: size,
-      variant: variant,
-      text: label,
-      icon: /*#__PURE__*/React.createElement(AddIcon, null)
-    }),
-    title: "Insert a template",
-    info: /*#__PURE__*/React.createElement(React.Fragment, null)
-  }, /*#__PURE__*/React.createElement(TemplateGallery, {
-    templates: templates,
-    onSelect: onSelect
-  })));
-};
-const TemplateGallery = ({
-  templates,
-  onSelect
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "gap-md flex flex-wrap p-xs"
-  }, templates.map(template => /*#__PURE__*/React.createElement(TemplateCard, {
-    key: template.id,
-    template: template,
-    onSelect: onSelect
-  })));
-};
-const TemplateCard = ({
-  template,
-  onSelect
-}) => {
-  const [isHovered, setIsHovered] = useState(false);
-  const icon = normalizeIcon(template.icon);
-  return /*#__PURE__*/React.createElement("div", {
-    onMouseEnter: () => setIsHovered(true),
-    onMouseLeave: () => setIsHovered(false),
-    className: "flex flex-col justify-between bg-neutral-base overflow-hidden rounded-lg w-[173px] relative shadow-sm"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center justify-center py-xxl w-full bg-neutral-dimmed"
-  }, icon ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-    className: "text-neutral-xstrong",
-    icon: icon,
-    style: {
-      width: 40,
-      height: 40
-    }
-  }) : null), /*#__PURE__*/React.createElement("div", {
-    className: "py-sm-extra px-md"
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: "md",
-    className: "mb-xs text-neutral-primary font-semibold"
-  }, template.label))), isHovered && /*#__PURE__*/React.createElement(Dialog.Close, {
-    asChild: true
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "absolute inset-0 flex items-center justify-center bg-white/80 cursor-pointer",
-    onClick: () => onSelect(template)
-  }, /*#__PURE__*/React.createElement(Button, {
-    size: "lg",
-    variant: "primary",
-    icon: /*#__PURE__*/React.createElement(PlusIcon, null)
-  }, "Insert"))));
+const AddTemplateButton = ({ templates, onSelect, label = "Add a template", size = "sm", variant = "tertiary" })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-between items-center"
+    }, /*#__PURE__*/ react.createElement(Dialog, {
+        size: "lg",
+        className: "w-[800px]",
+        trigger: /*#__PURE__*/ react.createElement(Button, {
+            size: size,
+            variant: variant,
+            text: label,
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+        }),
+        title: "Insert a template",
+        info: /*#__PURE__*/ react.createElement(react.Fragment, null)
+    }, /*#__PURE__*/ react.createElement(TemplateGallery, {
+        templates: templates,
+        onSelect: onSelect
+    })));
+const TemplateGallery = ({ templates, onSelect })=>/*#__PURE__*/ react.createElement("div", {
+        className: "gap-md flex flex-wrap p-xs"
+    }, templates.map((template)=>/*#__PURE__*/ react.createElement(TemplateCard, {
+            key: template.id,
+            template: template,
+            onSelect: onSelect
+        })));
+const TemplateCard = ({ template, onSelect })=>{
+    const [isHovered, setIsHovered] = useState(false);
+    const icon = normalizeIcon(template.icon);
+    return /*#__PURE__*/ react.createElement("div", {
+        onMouseEnter: ()=>setIsHovered(true),
+        onMouseLeave: ()=>setIsHovered(false),
+        className: "flex flex-col justify-between bg-neutral-base overflow-hidden rounded-lg w-[173px] relative shadow-sm"
+    }, /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-center py-xxl w-full bg-neutral-dimmed"
+    }, icon ? /*#__PURE__*/ react.createElement(FontAwesomeIcon, {
+        className: "text-neutral-xstrong",
+        icon: icon,
+        style: {
+            width: 40,
+            height: 40
+        }
+    }) : null), /*#__PURE__*/ react.createElement("div", {
+        className: "py-sm-extra px-md"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "md",
+        className: "mb-xs text-neutral-primary font-semibold"
+    }, template.label))), isHovered && /*#__PURE__*/ react.createElement(Dialog.Close, {
+        asChild: true
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "absolute inset-0 flex items-center justify-center bg-white/80 cursor-pointer",
+        onClick: ()=>onSelect(template)
+    }, /*#__PURE__*/ react.createElement(Button, {
+        size: "lg",
+        variant: "primary",
+        icon: /*#__PURE__*/ react.createElement(add_circle_outline_svg_ReactComponent, null)
+    }, "Insert"))));
 };
+export { AddTemplateButton };
 
 //# sourceMappingURL=TemplatePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","FontAwesomeIcon","Button","Dialog","Text","ReactComponent","AddIcon","PlusIcon","normalizeIcon","icon","undefined","name","split","AddTemplateButton","templates","onSelect","label","size","variant","createElement","className","trigger","text","title","info","Fragment","TemplateGallery","map","template","TemplateCard","key","id","isHovered","setIsHovered","onMouseEnter","onMouseLeave","style","width","height","Close","asChild","onClick"],"sources":["TemplatePicker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { Button, Dialog, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as PlusIcon } from \"@webiny/icons/add_circle_outline.svg\";\nimport type { ITemplateIcon, ITemplateVM } from \"~/features/formModel/index.js\";\n\nconst normalizeIcon = (icon: ITemplateIcon | undefined): IconProp | undefined => {\n    if (!icon) {\n        return undefined;\n    }\n    return icon.name.split(\"/\") as IconProp;\n};\n\nexport interface AddTemplateButtonProps {\n    templates: ITemplateVM[];\n    onSelect: (template: ITemplateVM) => void;\n    label?: string;\n    size?: \"sm\" | \"md\" | \"lg\";\n    variant?: \"primary\" | \"secondary\" | \"tertiary\";\n}\n\nexport const AddTemplateButton = ({\n    templates,\n    onSelect,\n    label = \"Add a template\",\n    size = \"sm\",\n    variant = \"tertiary\"\n}: AddTemplateButtonProps) => {\n    return (\n        <div className={\"flex justify-between items-center\"}>\n            <Dialog\n                size={\"lg\"}\n                className={\"w-[800px]\"}\n                trigger={<Button size={size} variant={variant} text={label} icon={<AddIcon />} />}\n                title={\"Insert a template\"}\n                info={<></>}\n            >\n                <TemplateGallery templates={templates} onSelect={onSelect} />\n            </Dialog>\n        </div>\n    );\n};\n\ninterface TemplateGalleryProps {\n    templates: ITemplateVM[];\n    onSelect: (template: ITemplateVM) => void;\n}\n\nconst TemplateGallery = ({ templates, onSelect }: TemplateGalleryProps) => {\n    return (\n        <div className={\"gap-md flex flex-wrap p-xs\"}>\n            {templates.map(template => (\n                <TemplateCard key={template.id} template={template} onSelect={onSelect} />\n            ))}\n        </div>\n    );\n};\n\ninterface TemplateCardProps {\n    template: ITemplateVM;\n    onSelect: (template: ITemplateVM) => void;\n}\n\nconst TemplateCard = ({ template, onSelect }: TemplateCardProps) => {\n    const [isHovered, setIsHovered] = useState(false);\n    const icon = normalizeIcon(template.icon);\n\n    return (\n        <div\n            onMouseEnter={() => setIsHovered(true)}\n            onMouseLeave={() => setIsHovered(false)}\n            className={\n                \"flex flex-col justify-between bg-neutral-base overflow-hidden rounded-lg w-[173px] relative shadow-sm\"\n            }\n        >\n            <div>\n                <div className={\"flex items-center justify-center py-xxl w-full bg-neutral-dimmed\"}>\n                    {icon ? (\n                        <FontAwesomeIcon\n                            className={\"text-neutral-xstrong\"}\n                            icon={icon}\n                            style={{ width: 40, height: 40 }}\n                        />\n                    ) : null}\n                </div>\n                <div className={\"py-sm-extra px-md\"}>\n                    <Text size={\"md\"} className={\"mb-xs text-neutral-primary font-semibold\"}>\n                        {template.label}\n                    </Text>\n                </div>\n            </div>\n\n            {isHovered && (\n                <Dialog.Close asChild>\n                    <div\n                        className={\n                            \"absolute inset-0 flex items-center justify-center bg-white/80 cursor-pointer\"\n                        }\n                        onClick={() => onSelect(template)}\n                    >\n                        <Button size={\"lg\"} variant={\"primary\"} icon={<PlusIcon />}>\n                            Insert\n                        </Button>\n                    </div>\n                </Dialog.Close>\n            )}\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"base/Base/FieldRenderers/ObjectRenderer/TemplatePicker.js","sources":["../../../../../src/base/Base/FieldRenderers/ObjectRenderer/TemplatePicker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { Button, Dialog, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as PlusIcon } from \"@webiny/icons/add_circle_outline.svg\";\nimport type { ITemplateIcon, ITemplateVM } from \"~/features/formModel/index.js\";\n\nconst normalizeIcon = (icon: ITemplateIcon | undefined): IconProp | undefined => {\n    if (!icon) {\n        return undefined;\n    }\n    return icon.name.split(\"/\") as IconProp;\n};\n\nexport interface AddTemplateButtonProps {\n    templates: ITemplateVM[];\n    onSelect: (template: ITemplateVM) => void;\n    label?: string;\n    size?: \"sm\" | \"md\" | \"lg\";\n    variant?: \"primary\" | \"secondary\" | \"tertiary\";\n}\n\nexport const AddTemplateButton = ({\n    templates,\n    onSelect,\n    label = \"Add a template\",\n    size = \"sm\",\n    variant = \"tertiary\"\n}: AddTemplateButtonProps) => {\n    return (\n        <div className={\"flex justify-between items-center\"}>\n            <Dialog\n                size={\"lg\"}\n                className={\"w-[800px]\"}\n                trigger={<Button size={size} variant={variant} text={label} icon={<AddIcon />} />}\n                title={\"Insert a template\"}\n                info={<></>}\n            >\n                <TemplateGallery templates={templates} onSelect={onSelect} />\n            </Dialog>\n        </div>\n    );\n};\n\ninterface TemplateGalleryProps {\n    templates: ITemplateVM[];\n    onSelect: (template: ITemplateVM) => void;\n}\n\nconst TemplateGallery = ({ templates, onSelect }: TemplateGalleryProps) => {\n    return (\n        <div className={\"gap-md flex flex-wrap p-xs\"}>\n            {templates.map(template => (\n                <TemplateCard key={template.id} template={template} onSelect={onSelect} />\n            ))}\n        </div>\n    );\n};\n\ninterface TemplateCardProps {\n    template: ITemplateVM;\n    onSelect: (template: ITemplateVM) => void;\n}\n\nconst TemplateCard = ({ template, onSelect }: TemplateCardProps) => {\n    const [isHovered, setIsHovered] = useState(false);\n    const icon = normalizeIcon(template.icon);\n\n    return (\n        <div\n            onMouseEnter={() => setIsHovered(true)}\n            onMouseLeave={() => setIsHovered(false)}\n            className={\n                \"flex flex-col justify-between bg-neutral-base overflow-hidden rounded-lg w-[173px] relative shadow-sm\"\n            }\n        >\n            <div>\n                <div className={\"flex items-center justify-center py-xxl w-full bg-neutral-dimmed\"}>\n                    {icon ? (\n                        <FontAwesomeIcon\n                            className={\"text-neutral-xstrong\"}\n                            icon={icon}\n                            style={{ width: 40, height: 40 }}\n                        />\n                    ) : null}\n                </div>\n                <div className={\"py-sm-extra px-md\"}>\n                    <Text size={\"md\"} className={\"mb-xs text-neutral-primary font-semibold\"}>\n                        {template.label}\n                    </Text>\n                </div>\n            </div>\n\n            {isHovered && (\n                <Dialog.Close asChild>\n                    <div\n                        className={\n                            \"absolute inset-0 flex items-center justify-center bg-white/80 cursor-pointer\"\n                        }\n                        onClick={() => onSelect(template)}\n                    >\n                        <Button size={\"lg\"} variant={\"primary\"} icon={<PlusIcon />}>\n                            Insert\n                        </Button>\n                    </div>\n                </Dialog.Close>\n            )}\n        </div>\n    );\n};\n"],"names":["normalizeIcon","icon","AddTemplateButton","templates","onSelect","label","size","variant","Dialog","Button","AddIcon","TemplateGallery","template","TemplateCard","isHovered","setIsHovered","useState","FontAwesomeIcon","Text","PlusIcon"],"mappings":";;;;;AAQA,MAAMA,gBAAgB,CAACC;IACnB,IAAI,CAACA,MACD;IAEJ,OAAOA,KAAK,IAAI,CAAC,KAAK,CAAC;AAC3B;AAUO,MAAMC,oBAAoB,CAAC,EAC9BC,SAAS,EACTC,QAAQ,EACRC,QAAQ,gBAAgB,EACxBC,OAAO,IAAI,EACXC,UAAU,UAAU,EACC,GACd,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,QAAMA;QACH,MAAM;QACN,WAAW;QACX,uBAAS,oBAACC,QAAMA;YAAC,MAAMH;YAAM,SAASC;YAAS,MAAMF;YAAO,oBAAM,oBAACK,gBAAOA;;QAC1E,OAAO;QACP,oBAAM;qBAEN,oBAACC,iBAAeA;QAAC,WAAWR;QAAW,UAAUC;;AAWjE,MAAMO,kBAAkB,CAAC,EAAER,SAAS,EAAEC,QAAQ,EAAwB,GAC3D,WAAP,GACI,oBAAC;QAAI,WAAW;OACXD,UAAU,GAAG,CAACS,CAAAA,WAAAA,WAAAA,GACX,oBAACC,cAAYA;YAAC,KAAKD,SAAS,EAAE;YAAE,UAAUA;YAAU,UAAUR;;AAW9E,MAAMS,eAAe,CAAC,EAAED,QAAQ,EAAER,QAAQ,EAAqB;IAC3D,MAAM,CAACU,WAAWC,aAAa,GAAGC,SAAS;IAC3C,MAAMf,OAAOD,cAAcY,SAAS,IAAI;IAExC,OAAO,WAAP,GACI,oBAAC;QACG,cAAc,IAAMG,aAAa;QACjC,cAAc,IAAMA,aAAa;QACjC,WACI;qBAGJ,oBAAC,2BACG,oBAAC;QAAI,WAAW;OACXd,OAAO,WAAPA,GACG,oBAACgB,iBAAeA;QACZ,WAAW;QACX,MAAMhB;QACN,OAAO;YAAE,OAAO;YAAI,QAAQ;QAAG;SAEnC,qBAER,oBAAC;QAAI,WAAW;qBACZ,oBAACiB,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBN,SAAS,KAAK,KAK1BE,aAAa,WAAbA,GACG,oBAACN,OAAO,KAAK;QAAC;qBACV,oBAAC;QACG,WACI;QAEJ,SAAS,IAAMJ,SAASQ;qBAExB,oBAACH,QAAMA;QAAC,MAAM;QAAM,SAAS;QAAW,oBAAM,oBAACU,uCAAQA;OAAK;AAQpF"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["fieldsToData","fields","data","field","name","value","resolveItemTitle","item","index","label","itemTitle","fallback","find","f","String"],"sources":["resolveItemTitle.ts"],"sourcesContent":["import type { IFieldVM, IObjectFieldItemVM } from \"~/features/formModel/index.js\";\n\ntype ItemTitleSetting = string | ((data: Record<string, unknown>, index: number) => string);\n\nfunction fieldsToData(fields: IFieldVM[]): Record<string, unknown> {\n    const data: Record<string, unknown> = {};\n    for (const field of fields) {\n        data[field.name] = field.value;\n    }\n    return data;\n}\n\nexport function resolveItemTitle(\n    item: IObjectFieldItemVM,\n    index: number,\n    label: string | undefined,\n    itemTitle: ItemTitleSetting | undefined\n): string {\n    const fallback = `${label || \"Item\"} #${index + 1}`;\n\n    if (!itemTitle) {\n        return fallback;\n    }\n\n    if (typeof itemTitle === \"string\") {\n        const field = item.fields.find(f => f.name === itemTitle);\n        const value = field ? String(field.value ?? \"\") : \"\";\n        return value || fallback;\n    }\n\n    const data = fieldsToData(item.fields);\n    return itemTitle(data, index) || fallback;\n}\n"],"mappings":"AAIA,SAASA,YAAYA,CAACC,MAAkB,EAA2B;EAC/D,MAAMC,IAA6B,GAAG,CAAC,CAAC;EACxC,KAAK,MAAMC,KAAK,IAAIF,MAAM,EAAE;IACxBC,IAAI,CAACC,KAAK,CAACC,IAAI,CAAC,GAAGD,KAAK,CAACE,KAAK;EAClC;EACA,OAAOH,IAAI;AACf;AAEA,OAAO,SAASI,gBAAgBA,CAC5BC,IAAwB,EACxBC,KAAa,EACbC,KAAyB,EACzBC,SAAuC,EACjC;EACN,MAAMC,QAAQ,GAAG,GAAGF,KAAK,IAAI,MAAM,KAAKD,KAAK,GAAG,CAAC,EAAE;EAEnD,IAAI,CAACE,SAAS,EAAE;IACZ,OAAOC,QAAQ;EACnB;EAEA,IAAI,OAAOD,SAAS,KAAK,QAAQ,EAAE;IAC/B,MAAMP,KAAK,GAAGI,IAAI,CAACN,MAAM,CAACW,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACT,IAAI,KAAKM,SAAS,CAAC;IACzD,MAAML,KAAK,GAAGF,KAAK,GAAGW,MAAM,CAACX,KAAK,CAACE,KAAK,IAAI,EAAE,CAAC,GAAG,EAAE;IACpD,OAAOA,KAAK,IAAIM,QAAQ;EAC5B;EAEA,MAAMT,IAAI,GAAGF,YAAY,CAACO,IAAI,CAACN,MAAM,CAAC;EACtC,OAAOS,SAAS,CAACR,IAAI,EAAEM,KAAK,CAAC,IAAIG,QAAQ;AAC7C","ignoreList":[]}
+{"version":3,"file":"base/Base/FieldRenderers/ObjectRenderer/resolveItemTitle.js","sources":["../../../../../src/base/Base/FieldRenderers/ObjectRenderer/resolveItemTitle.ts"],"sourcesContent":["import type { IFieldVM, IObjectFieldItemVM } from \"~/features/formModel/index.js\";\n\ntype ItemTitleSetting = string | ((data: Record<string, unknown>, index: number) => string);\n\nfunction fieldsToData(fields: IFieldVM[]): Record<string, unknown> {\n    const data: Record<string, unknown> = {};\n    for (const field of fields) {\n        data[field.name] = field.value;\n    }\n    return data;\n}\n\nexport function resolveItemTitle(\n    item: IObjectFieldItemVM,\n    index: number,\n    label: string | undefined,\n    itemTitle: ItemTitleSetting | undefined\n): string {\n    const fallback = `${label || \"Item\"} #${index + 1}`;\n\n    if (!itemTitle) {\n        return fallback;\n    }\n\n    if (typeof itemTitle === \"string\") {\n        const field = item.fields.find(f => f.name === itemTitle);\n        const value = field ? String(field.value ?? \"\") : \"\";\n        return value || fallback;\n    }\n\n    const data = fieldsToData(item.fields);\n    return itemTitle(data, index) || fallback;\n}\n"],"names":["fieldsToData","fields","data","field","resolveItemTitle","item","index","label","itemTitle","fallback","f","value","String"],"mappings":"AAIA,SAASA,aAAaC,MAAkB;IACpC,MAAMC,OAAgC,CAAC;IACvC,KAAK,MAAMC,SAASF,OAChBC,IAAI,CAACC,MAAM,IAAI,CAAC,GAAGA,MAAM,KAAK;IAElC,OAAOD;AACX;AAEO,SAASE,iBACZC,IAAwB,EACxBC,KAAa,EACbC,KAAyB,EACzBC,SAAuC;IAEvC,MAAMC,WAAW,GAAGF,SAAS,OAAO,EAAE,EAAED,QAAQ,GAAG;IAEnD,IAAI,CAACE,WACD,OAAOC;IAGX,IAAI,AAAqB,YAArB,OAAOD,WAAwB;QAC/B,MAAML,QAAQE,KAAK,MAAM,CAAC,IAAI,CAACK,CAAAA,IAAKA,EAAE,IAAI,KAAKF;QAC/C,MAAMG,QAAQR,QAAQS,OAAOT,MAAM,KAAK,IAAI,MAAM;QAClD,OAAOQ,SAASF;IACpB;IAEA,MAAMP,OAAOF,aAAaK,KAAK,MAAM;IACrC,OAAOG,UAAUN,MAAMI,UAAUG;AACrC"}

package/base/Base/FieldRenderers/PassthroughRenderer.js

@@ -1,15 +1,12 @@
-import React from "react";
+import react from "react";
 import { createObjectFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
 import { LayoutNodeRenderer } from "../../../features/formModel/FormView.js";
-export const PassthroughRenderer = createObjectFieldRenderer(({
-  field
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-4"
-  }, field.layout.map((node, index) => /*#__PURE__*/React.createElement(LayoutNodeRenderer, {
-    key: index,
-    node: node
-  })));
-});
+const PassthroughRenderer = createObjectFieldRenderer(({ field })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-4"
+    }, field.layout.map((node, index)=>/*#__PURE__*/ react.createElement(LayoutNodeRenderer, {
+            key: index,
+            node: node
+        }))));
+export { PassthroughRenderer };
 
 //# sourceMappingURL=PassthroughRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","createObjectFieldRenderer","LayoutNodeRenderer","PassthroughRenderer","field","createElement","className","layout","map","node","index","key"],"sources":["PassthroughRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createObjectFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { LayoutNodeRenderer } from \"~/features/formModel/FormView.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        passthrough: { fieldType: string; settings: undefined };\n    }\n}\n\nexport const PassthroughRenderer = createObjectFieldRenderer(({ field }) => {\n    return (\n        <div className=\"flex flex-col gap-4\">\n            {field.layout.map((node, index) => (\n                <LayoutNodeRenderer key={index} node={node} />\n            ))}\n        </div>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,yBAAyB;AAClC,SAASC,kBAAkB;AAQ3B,OAAO,MAAMC,mBAAmB,GAAGF,yBAAyB,CAAC,CAAC;EAAEG;AAAM,CAAC,KAAK;EACxE,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAC;EAAqB,GAC/BF,KAAK,CAACG,MAAM,CAACC,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBAC1BV,KAAA,CAAAK,aAAA,CAACH,kBAAkB;IAACS,GAAG,EAAED,KAAM;IAACD,IAAI,EAAEA;EAAK,CAAE,CAChD,CACA,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"base/Base/FieldRenderers/PassthroughRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/PassthroughRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createObjectFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { LayoutNodeRenderer } from \"~/features/formModel/FormView.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        passthrough: { fieldType: string; settings: undefined };\n    }\n}\n\nexport const PassthroughRenderer = createObjectFieldRenderer(({ field }) => {\n    return (\n        <div className=\"flex flex-col gap-4\">\n            {field.layout.map((node, index) => (\n                <LayoutNodeRenderer key={index} node={node} />\n            ))}\n        </div>\n    );\n});\n"],"names":["PassthroughRenderer","createObjectFieldRenderer","field","node","index","LayoutNodeRenderer"],"mappings":";;;AAUO,MAAMA,sBAAsBC,0BAA0B,CAAC,EAAEC,KAAK,EAAE,GAC5D,WAAP,GACI,oBAAC;QAAI,WAAU;OACVA,MAAM,MAAM,CAAC,GAAG,CAAC,CAACC,MAAMC,QAAAA,WAAAA,GACrB,oBAACC,oBAAkBA;YAAC,KAAKD;YAAO,MAAMD"}

package/base/Base/FieldRenderers/RadioButtonsRenderer.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","createFieldRenderer","RadioGroup","RadioButtonsRenderer","field","options","createElement","label","description","note","required","disabled","validation","items","map","opt","value","String","undefined","onChange","onBlur"],"sources":["RadioButtonsRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { RadioGroup } from \"@webiny/admin-ui\";\nimport type { IValueOption } from \"~/features/formModel/index.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        radioButtons: { fieldType: \"text\" | \"number\"; options: true; settings: undefined };\n    }\n}\n\nexport const RadioButtonsRenderer = createFieldRenderer(({ field }) => {\n    const options: IValueOption[] = field.options ?? [];\n\n    return (\n        <RadioGroup\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            required={field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n            items={options.map(opt => ({\n                label: opt.label,\n                value: String(opt.value)\n            }))}\n            value={field.value !== undefined ? String(field.value) : undefined}\n            onChange={value => {\n                field.onChange(value);\n                field.onBlur();\n            }}\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAC5B,SAASC,UAAU,QAAQ,kBAAkB;AAS7C,OAAO,MAAMC,oBAAoB,GAAGF,mBAAmB,CAAC,CAAC;EAAEG;AAAM,CAAC,KAAK;EACnE,MAAMC,OAAuB,GAAGD,KAAK,CAACC,OAAO,IAAI,EAAE;EAEnD,oBACIL,KAAA,CAAAM,aAAA,CAACJ,UAAU;IACPK,KAAK,EAAEH,KAAK,CAACG,KAAM;IACnBC,WAAW,EAAEJ,KAAK,CAACI,WAAY;IAC/BC,IAAI,EAAEL,KAAK,CAACK,IAAK;IACjBC,QAAQ,EAAEN,KAAK,CAACM,QAAS;IACzBC,QAAQ,EAAEP,KAAK,CAACO,QAAS;IACzBC,UAAU,EAAER,KAAK,CAACQ,UAAW;IAC7BC,KAAK,EAAER,OAAO,CAACS,GAAG,CAACC,GAAG,KAAK;MACvBR,KAAK,EAAEQ,GAAG,CAACR,KAAK;MAChBS,KAAK,EAAEC,MAAM,CAACF,GAAG,CAACC,KAAK;IAC3B,CAAC,CAAC,CAAE;IACJA,KAAK,EAAEZ,KAAK,CAACY,KAAK,KAAKE,SAAS,GAAGD,MAAM,CAACb,KAAK,CAACY,KAAK,CAAC,GAAGE,SAAU;IACnEC,QAAQ,EAAEH,KAAK,IAAI;MACfZ,KAAK,CAACe,QAAQ,CAACH,KAAK,CAAC;MACrBZ,KAAK,CAACgB,MAAM,CAAC,CAAC;IAClB;EAAE,CACL,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"base/Base/FieldRenderers/RadioButtonsRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/RadioButtonsRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { RadioGroup } from \"@webiny/admin-ui\";\nimport type { IValueOption } from \"~/features/formModel/index.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        radioButtons: { fieldType: \"text\" | \"number\"; options: true; settings: undefined };\n    }\n}\n\nexport const RadioButtonsRenderer = createFieldRenderer(({ field }) => {\n    const options: IValueOption[] = field.options ?? [];\n\n    return (\n        <RadioGroup\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            required={field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n            items={options.map(opt => ({\n                label: opt.label,\n                value: String(opt.value)\n            }))}\n            value={field.value !== undefined ? String(field.value) : undefined}\n            onChange={value => {\n                field.onChange(value);\n                field.onBlur();\n            }}\n        />\n    );\n});\n"],"names":["RadioButtonsRenderer","createFieldRenderer","field","options","RadioGroup","opt","String","undefined","value"],"mappings":";;;AAWO,MAAMA,uBAAuBC,oBAAoB,CAAC,EAAEC,KAAK,EAAE;IAC9D,MAAMC,UAA0BD,MAAM,OAAO,IAAI,EAAE;IAEnD,OAAO,WAAP,GACI,oBAACE,YAAUA;QACP,OAAOF,MAAM,KAAK;QAClB,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QACxB,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;QAC5B,OAAOC,QAAQ,GAAG,CAACE,CAAAA,MAAQ;gBACvB,OAAOA,IAAI,KAAK;gBAChB,OAAOC,OAAOD,IAAI,KAAK;YAC3B;QACA,OAAOH,AAAgBK,WAAhBL,MAAM,KAAK,GAAiBI,OAAOJ,MAAM,KAAK,IAAIK;QACzD,UAAUC,CAAAA;YACNN,MAAM,QAAQ,CAACM;YACfN,MAAM,MAAM;QAChB;;AAGZ"}

package/base/Base/FieldRenderers/SelectRenderer.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","createFieldRenderer","Select","SelectRenderer","field","options","createElement","label","placeholder","description","note","value","String","onChange","onBlur","required","disabled","validation","map","opt"],"sources":["SelectRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { IValueOption } from \"~/features/formModel/index.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        dropdown: { fieldType: \"text\" | \"number\"; options: true; settings: undefined };\n    }\n}\n\nexport const SelectRenderer = createFieldRenderer(({ field }) => {\n    const options: IValueOption[] = field.options ?? [];\n\n    return (\n        <Select\n            label={field.label}\n            placeholder={field.placeholder}\n            description={field.description}\n            note={field.note}\n            value={field.value != null ? String(field.value) : \"\"}\n            onChange={value => {\n                field.onChange(value);\n                field.onBlur();\n            }}\n            required={field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n            options={options.map(opt => ({\n                label: opt.label,\n                value: String(opt.value),\n                disabled: opt.disabled\n            }))}\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAC5B,SAASC,MAAM,QAAQ,kBAAkB;AASzC,OAAO,MAAMC,cAAc,GAAGF,mBAAmB,CAAC,CAAC;EAAEG;AAAM,CAAC,KAAK;EAC7D,MAAMC,OAAuB,GAAGD,KAAK,CAACC,OAAO,IAAI,EAAE;EAEnD,oBACIL,KAAA,CAAAM,aAAA,CAACJ,MAAM;IACHK,KAAK,EAAEH,KAAK,CAACG,KAAM;IACnBC,WAAW,EAAEJ,KAAK,CAACI,WAAY;IAC/BC,WAAW,EAAEL,KAAK,CAACK,WAAY;IAC/BC,IAAI,EAAEN,KAAK,CAACM,IAAK;IACjBC,KAAK,EAAEP,KAAK,CAACO,KAAK,IAAI,IAAI,GAAGC,MAAM,CAACR,KAAK,CAACO,KAAK,CAAC,GAAG,EAAG;IACtDE,QAAQ,EAAEF,KAAK,IAAI;MACfP,KAAK,CAACS,QAAQ,CAACF,KAAK,CAAC;MACrBP,KAAK,CAACU,MAAM,CAAC,CAAC;IAClB,CAAE;IACFC,QAAQ,EAAEX,KAAK,CAACW,QAAS;IACzBC,QAAQ,EAAEZ,KAAK,CAACY,QAAS;IACzBC,UAAU,EAAEb,KAAK,CAACa,UAAW;IAC7BZ,OAAO,EAAEA,OAAO,CAACa,GAAG,CAACC,GAAG,KAAK;MACzBZ,KAAK,EAAEY,GAAG,CAACZ,KAAK;MAChBI,KAAK,EAAEC,MAAM,CAACO,GAAG,CAACR,KAAK,CAAC;MACxBK,QAAQ,EAAEG,GAAG,CAACH;IAClB,CAAC,CAAC;EAAE,CACP,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"base/Base/FieldRenderers/SelectRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/SelectRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { IValueOption } from \"~/features/formModel/index.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        dropdown: { fieldType: \"text\" | \"number\"; options: true; settings: undefined };\n    }\n}\n\nexport const SelectRenderer = createFieldRenderer(({ field }) => {\n    const options: IValueOption[] = field.options ?? [];\n\n    return (\n        <Select\n            label={field.label}\n            placeholder={field.placeholder}\n            description={field.description}\n            note={field.note}\n            value={field.value != null ? String(field.value) : \"\"}\n            onChange={value => {\n                field.onChange(value);\n                field.onBlur();\n            }}\n            required={field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n            options={options.map(opt => ({\n                label: opt.label,\n                value: String(opt.value),\n                disabled: opt.disabled\n            }))}\n        />\n    );\n});\n"],"names":["SelectRenderer","createFieldRenderer","field","options","Select","String","value","opt"],"mappings":";;;AAWO,MAAMA,iBAAiBC,oBAAoB,CAAC,EAAEC,KAAK,EAAE;IACxD,MAAMC,UAA0BD,MAAM,OAAO,IAAI,EAAE;IAEnD,OAAO,WAAP,GACI,oBAACE,QAAMA;QACH,OAAOF,MAAM,KAAK;QAClB,aAAaA,MAAM,WAAW;QAC9B,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,OAAOA,AAAe,QAAfA,MAAM,KAAK,GAAWG,OAAOH,MAAM,KAAK,IAAI;QACnD,UAAUI,CAAAA;YACNJ,MAAM,QAAQ,CAACI;YACfJ,MAAM,MAAM;QAChB;QACA,UAAUA,MAAM,QAAQ;QACxB,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;QAC5B,SAASC,QAAQ,GAAG,CAACI,CAAAA,MAAQ;gBACzB,OAAOA,IAAI,KAAK;gBAChB,OAAOF,OAAOE,IAAI,KAAK;gBACvB,UAAUA,IAAI,QAAQ;YAC1B;;AAGZ"}

package/base/Base/FieldRenderers/SwitchRenderer.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","createFieldRenderer","Switch","SwitchRenderer","field","createElement","checked","value","onChange","label","description","note","required","disabled","validation"],"sources":["SwitchRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { Switch } from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        switch: { fieldType: \"boolean\"; settings: undefined };\n    }\n}\n\nexport const SwitchRenderer = createFieldRenderer(({ field }) => {\n    return (\n        <Switch\n            checked={!!field.value}\n            onChange={value => field.onChange(value)}\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            required={field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAC5B,SAASC,MAAM,QAAQ,kBAAkB;AAQzC,OAAO,MAAMC,cAAc,GAAGF,mBAAmB,CAAC,CAAC;EAAEG;AAAM,CAAC,KAAK;EAC7D,oBACIJ,KAAA,CAAAK,aAAA,CAACH,MAAM;IACHI,OAAO,EAAE,CAAC,CAACF,KAAK,CAACG,KAAM;IACvBC,QAAQ,EAAED,KAAK,IAAIH,KAAK,CAACI,QAAQ,CAACD,KAAK,CAAE;IACzCE,KAAK,EAAEL,KAAK,CAACK,KAAM;IACnBC,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;EAAW,CAChC,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"base/Base/FieldRenderers/SwitchRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/SwitchRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { Switch } from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        switch: { fieldType: \"boolean\"; settings: undefined };\n    }\n}\n\nexport const SwitchRenderer = createFieldRenderer(({ field }) => {\n    return (\n        <Switch\n            checked={!!field.value}\n            onChange={value => field.onChange(value)}\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            required={field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n        />\n    );\n});\n"],"names":["SwitchRenderer","createFieldRenderer","field","Switch","value"],"mappings":";;;AAUO,MAAMA,iBAAiBC,oBAAoB,CAAC,EAAEC,KAAK,EAAE,GACjD,WAAP,GACI,oBAACC,QAAMA;QACH,SAAS,CAAC,CAACD,MAAM,KAAK;QACtB,UAAUE,CAAAA,QAASF,MAAM,QAAQ,CAACE;QAClC,OAAOF,MAAM,KAAK;QAClB,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QACxB,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU"}

package/base/Base/FieldRenderers/TagsRenderer.js

@@ -1,21 +1,20 @@
-import React from "react";
+import react from "react";
 import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
 import { Tags } from "@webiny/admin-ui";
-export const TagsRenderer = createFieldRenderer(({
-  field
-}) => {
-  const value = field.value ?? [];
-  return /*#__PURE__*/React.createElement(Tags, {
-    label: field.label,
-    placeholder: field.placeholder || "Add values",
-    description: field.description,
-    note: field.note,
-    required: field.required,
-    disabled: field.disabled,
-    validation: field.validation,
-    value: value,
-    onChange: value => field.onChange(value)
-  });
+const TagsRenderer = createFieldRenderer(({ field })=>{
+    const value = field.value ?? [];
+    return /*#__PURE__*/ react.createElement(Tags, {
+        label: field.label,
+        placeholder: field.placeholder || "Add values",
+        description: field.description,
+        note: field.note,
+        required: field.required,
+        disabled: field.disabled,
+        validation: field.validation,
+        value: value,
+        onChange: (value)=>field.onChange(value)
+    });
 });
+export { TagsRenderer };
 
 //# sourceMappingURL=TagsRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","createFieldRenderer","Tags","TagsRenderer","field","value","createElement","label","placeholder","description","note","required","disabled","validation","onChange"],"sources":["TagsRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { Tags } from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        tags: { fieldType: \"text\"; settings: undefined };\n    }\n}\n\nexport const TagsRenderer = createFieldRenderer(({ field }) => {\n    const value = (field.value as string[]) ?? [];\n\n    return (\n        <Tags\n            label={field.label}\n            placeholder={field.placeholder || \"Add values\"}\n            description={field.description}\n            note={field.note}\n            required={field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n            value={value}\n            onChange={value => field.onChange(value)}\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAC5B,SAASC,IAAI,QAAQ,kBAAkB;AAQvC,OAAO,MAAMC,YAAY,GAAGF,mBAAmB,CAAC,CAAC;EAAEG;AAAM,CAAC,KAAK;EAC3D,MAAMC,KAAK,GAAID,KAAK,CAACC,KAAK,IAAiB,EAAE;EAE7C,oBACIL,KAAA,CAAAM,aAAA,CAACJ,IAAI;IACDK,KAAK,EAAEH,KAAK,CAACG,KAAM;IACnBC,WAAW,EAAEJ,KAAK,CAACI,WAAW,IAAI,YAAa;IAC/CC,WAAW,EAAEL,KAAK,CAACK,WAAY;IAC/BC,IAAI,EAAEN,KAAK,CAACM,IAAK;IACjBC,QAAQ,EAAEP,KAAK,CAACO,QAAS;IACzBC,QAAQ,EAAER,KAAK,CAACQ,QAAS;IACzBC,UAAU,EAAET,KAAK,CAACS,UAAW;IAC7BR,KAAK,EAAEA,KAAM;IACbS,QAAQ,EAAET,KAAK,IAAID,KAAK,CAACU,QAAQ,CAACT,KAAK;EAAE,CAC5C,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"base/Base/FieldRenderers/TagsRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/TagsRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { Tags } from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        tags: { fieldType: \"text\"; settings: undefined };\n    }\n}\n\nexport const TagsRenderer = createFieldRenderer(({ field }) => {\n    const value = (field.value as string[]) ?? [];\n\n    return (\n        <Tags\n            label={field.label}\n            placeholder={field.placeholder || \"Add values\"}\n            description={field.description}\n            note={field.note}\n            required={field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n            value={value}\n            onChange={value => field.onChange(value)}\n        />\n    );\n});\n"],"names":["TagsRenderer","createFieldRenderer","field","value","Tags"],"mappings":";;;AAUO,MAAMA,eAAeC,oBAAoB,CAAC,EAAEC,KAAK,EAAE;IACtD,MAAMC,QAASD,MAAM,KAAK,IAAiB,EAAE;IAE7C,OAAO,WAAP,GACI,oBAACE,MAAIA;QACD,OAAOF,MAAM,KAAK;QAClB,aAAaA,MAAM,WAAW,IAAI;QAClC,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QACxB,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;QAC5B,OAAOC;QACP,UAAUA,CAAAA,QAASD,MAAM,QAAQ,CAACC;;AAG9C"}