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

package/components/IconPicker/components/IconPickerContent.js

@@ -1,41 +1,33 @@
-import React from "react";
-import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/delete.svg";
 import { Button, Icon, OverlayLoader, Tabs } from "@webiny/admin-ui";
 import { IconTypeProvider } from "../config/IconType.js";
 import { IconPickerTabRenderer } from "../IconPickerTab.js";
-const IconPickerContent = ({
-  activeTab,
-  iconTypes,
-  loading,
-  removeIcon,
-  removable
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "relative"
-  }, loading && /*#__PURE__*/React.createElement(OverlayLoader, {
-    size: "sm"
-  }), /*#__PURE__*/React.createElement(Tabs, {
-    size: "sm",
-    spacing: "sm",
-    defaultValue: activeTab,
-    separator: true,
-    tabs: iconTypes.map(iconType => /*#__PURE__*/React.createElement(IconTypeProvider, {
-      key: iconType.name,
-      type: iconType.name
-    }, /*#__PURE__*/React.createElement(IconPickerTabRenderer, null)))
-  }), removable && /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col px-sm py-sm border-solid border-t-sm border-neutral-muted"
-  }, /*#__PURE__*/React.createElement(Button, {
-    size: "md",
-    variant: "secondary",
-    text: "Remove",
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
-      label: "Remove"
-    }),
-    onClick: removeIcon
-  })));
-};
+const IconPickerContent = ({ activeTab, iconTypes, loading, removeIcon, removable })=>/*#__PURE__*/ react.createElement("div", {
+        className: "relative"
+    }, loading && /*#__PURE__*/ react.createElement(OverlayLoader, {
+        size: "sm"
+    }), /*#__PURE__*/ react.createElement(Tabs, {
+        size: "sm",
+        spacing: "sm",
+        defaultValue: activeTab,
+        separator: true,
+        tabs: iconTypes.map((iconType)=>/*#__PURE__*/ react.createElement(IconTypeProvider, {
+                key: iconType.name,
+                type: iconType.name
+            }, /*#__PURE__*/ react.createElement(IconPickerTabRenderer, null)))
+    }), removable && /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col px-sm py-sm border-solid border-t-sm border-neutral-muted"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        size: "md",
+        variant: "secondary",
+        text: "Remove",
+        icon: /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            label: "Remove"
+        }),
+        onClick: removeIcon
+    })));
 export { IconPickerContent };
 
 //# sourceMappingURL=IconPickerContent.js.map

package/components/IconPicker/components/IconPickerContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","DeleteIcon","Button","Icon","OverlayLoader","Tabs","IconTypeProvider","IconPickerTabRenderer","IconPickerContent","activeTab","iconTypes","loading","removeIcon","removable","createElement","className","size","spacing","defaultValue","separator","tabs","map","iconType","key","name","type","variant","text","icon","label","onClick"],"sources":["IconPickerContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { Button, Icon, OverlayLoader, Tabs } from \"@webiny/admin-ui\";\nimport { IconTypeProvider } from \"~/components/IconPicker/config/IconType.js\";\nimport { IconPickerTabRenderer } from \"~/components/IconPicker/IconPickerTab.js\";\nimport type { IconType } from \"~/components/IconPicker/config/index.js\";\n\ninterface IconPickerContentProps {\n    loading?: boolean;\n    iconTypes: IconType[];\n    activeTab?: string;\n    removeIcon: () => void;\n    removable?: boolean;\n}\n\nconst IconPickerContent = ({\n    activeTab,\n    iconTypes,\n    loading,\n    removeIcon,\n    removable\n}: IconPickerContentProps) => {\n    return (\n        <div className={\"relative\"}>\n            {loading && <OverlayLoader size={\"sm\"} />}\n            <Tabs\n                size={\"sm\"}\n                spacing={\"sm\"}\n                defaultValue={activeTab}\n                separator={true}\n                tabs={iconTypes.map(iconType => (\n                    <IconTypeProvider key={iconType.name} type={iconType.name}>\n                        <IconPickerTabRenderer />\n                    </IconTypeProvider>\n                ))}\n            />\n            {removable && (\n                <div\n                    className={\n                        \"flex flex-col px-sm py-sm border-solid border-t-sm border-neutral-muted\"\n                    }\n                >\n                    <Button\n                        size={\"md\"}\n                        variant={\"secondary\"}\n                        text={\"Remove\"}\n                        icon={<Icon icon={<DeleteIcon />} label={\"Remove\"} />}\n                        onClick={removeIcon}\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport { IconPickerContent, type IconPickerContentProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,MAAM,EAAEC,IAAI,EAAEC,aAAa,EAAEC,IAAI,QAAQ,kBAAkB;AACpE,SAASC,gBAAgB;AACzB,SAASC,qBAAqB;AAW9B,MAAMC,iBAAiB,GAAGA,CAAC;EACvBC,SAAS;EACTC,SAAS;EACTC,OAAO;EACPC,UAAU;EACVC;AACoB,CAAC,KAAK;EAC1B,oBACId,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE;EAAW,GACtBJ,OAAO,iBAAIZ,KAAA,CAAAe,aAAA,CAACV,aAAa;IAACY,IAAI,EAAE;EAAK,CAAE,CAAC,eACzCjB,KAAA,CAAAe,aAAA,CAACT,IAAI;IACDW,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,IAAK;IACdC,YAAY,EAAET,SAAU;IACxBU,SAAS,EAAE,IAAK;IAChBC,IAAI,EAAEV,SAAS,CAACW,GAAG,CAACC,QAAQ,iBACxBvB,KAAA,CAAAe,aAAA,CAACR,gBAAgB;MAACiB,GAAG,EAAED,QAAQ,CAACE,IAAK;MAACC,IAAI,EAAEH,QAAQ,CAACE;IAAK,gBACtDzB,KAAA,CAAAe,aAAA,CAACP,qBAAqB,MAAE,CACV,CACrB;EAAE,CACN,CAAC,EACDM,SAAS,iBACNd,KAAA,CAAAe,aAAA;IACIC,SAAS,EACL;EACH,gBAEDhB,KAAA,CAAAe,aAAA,CAACZ,MAAM;IACHc,IAAI,EAAE,IAAK;IACXU,OAAO,EAAE,WAAY;IACrBC,IAAI,EAAE,QAAS;IACfC,IAAI,eAAE7B,KAAA,CAAAe,aAAA,CAACX,IAAI;MAACyB,IAAI,eAAE7B,KAAA,CAAAe,aAAA,CAACb,UAAU,MAAE,CAAE;MAAC4B,KAAK,EAAE;IAAS,CAAE,CAAE;IACtDC,OAAO,EAAElB;EAAW,CACvB,CACA,CAER,CAAC;AAEd,CAAC;AAED,SAASJ,iBAAiB","ignoreList":[]}
+{"version":3,"file":"components/IconPicker/components/IconPickerContent.js","sources":["../../../../src/components/IconPicker/components/IconPickerContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { Button, Icon, OverlayLoader, Tabs } from \"@webiny/admin-ui\";\nimport { IconTypeProvider } from \"~/components/IconPicker/config/IconType.js\";\nimport { IconPickerTabRenderer } from \"~/components/IconPicker/IconPickerTab.js\";\nimport type { IconType } from \"~/components/IconPicker/config/index.js\";\n\ninterface IconPickerContentProps {\n    loading?: boolean;\n    iconTypes: IconType[];\n    activeTab?: string;\n    removeIcon: () => void;\n    removable?: boolean;\n}\n\nconst IconPickerContent = ({\n    activeTab,\n    iconTypes,\n    loading,\n    removeIcon,\n    removable\n}: IconPickerContentProps) => {\n    return (\n        <div className={\"relative\"}>\n            {loading && <OverlayLoader size={\"sm\"} />}\n            <Tabs\n                size={\"sm\"}\n                spacing={\"sm\"}\n                defaultValue={activeTab}\n                separator={true}\n                tabs={iconTypes.map(iconType => (\n                    <IconTypeProvider key={iconType.name} type={iconType.name}>\n                        <IconPickerTabRenderer />\n                    </IconTypeProvider>\n                ))}\n            />\n            {removable && (\n                <div\n                    className={\n                        \"flex flex-col px-sm py-sm border-solid border-t-sm border-neutral-muted\"\n                    }\n                >\n                    <Button\n                        size={\"md\"}\n                        variant={\"secondary\"}\n                        text={\"Remove\"}\n                        icon={<Icon icon={<DeleteIcon />} label={\"Remove\"} />}\n                        onClick={removeIcon}\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport { IconPickerContent, type IconPickerContentProps };\n"],"names":["IconPickerContent","activeTab","iconTypes","loading","removeIcon","removable","OverlayLoader","Tabs","iconType","IconTypeProvider","IconPickerTabRenderer","Button","Icon","DeleteIcon"],"mappings":";;;;;AAeA,MAAMA,oBAAoB,CAAC,EACvBC,SAAS,EACTC,SAAS,EACTC,OAAO,EACPC,UAAU,EACVC,SAAS,EACY,GACd,WAAP,GACI,oBAAC;QAAI,WAAW;OACXF,WAAW,WAAXA,GAAW,oBAACG,eAAaA;QAAC,MAAM;sBACjC,oBAACC,MAAIA;QACD,MAAM;QACN,SAAS;QACT,cAAcN;QACd,WAAW;QACX,MAAMC,UAAU,GAAG,CAACM,CAAAA,WAAAA,WAAAA,GAChB,oBAACC,kBAAgBA;gBAAC,KAAKD,SAAS,IAAI;gBAAE,MAAMA,SAAS,IAAI;6BACrD,oBAACE,uBAAqBA;QAIjCL,aAAa,WAAbA,GACG,oBAAC;QACG,WACI;qBAGJ,oBAACM,QAAMA;QACH,MAAM;QACN,SAAS;QACT,MAAM;QACN,oBAAM,oBAACC,MAAIA;YAAC,oBAAM,oBAACC,gBAAUA;YAAK,OAAO;;QACzC,SAAST"}

package/components/IconPicker/components/IconPickerRow.js

@@ -1,14 +1,9 @@
-import React from "react";
+import react from "react";
 import { cn } from "@webiny/admin-ui";
-const IconPickerRow = ({
-  children,
-  className,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: cn("flex items-center gap-sm", className)
-  }), children);
-};
+const IconPickerRow = ({ children, className, ...props })=>/*#__PURE__*/ react.createElement("div", {
+        ...props,
+        className: cn("flex items-center gap-sm", className)
+    }, children);
 export { IconPickerRow };
 
 //# sourceMappingURL=IconPickerRow.js.map

package/components/IconPicker/components/IconPickerRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","IconPickerRow","children","className","props","createElement","Object","assign"],"sources":["IconPickerRow.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ntype IconPickerRowProps = React.ButtonHTMLAttributes<HTMLDivElement>;\n\nconst IconPickerRow = ({ children, className, ...props }: IconPickerRowProps) => {\n    return (\n        <div {...props} className={cn(\"flex items-center gap-sm\", className)}>\n            {children}\n        </div>\n    );\n};\n\nexport { IconPickerRow, type IconPickerRowProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,QAAQ,kBAAkB;AAIrC,MAAMC,aAAa,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAA0B,CAAC,KAAK;EAC7E,oBACIL,KAAA,CAAAM,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASH,KAAK;IAAED,SAAS,EAAEH,EAAE,CAAC,0BAA0B,EAAEG,SAAS;EAAE,IAChED,QACA,CAAC;AAEd,CAAC;AAED,SAASD,aAAa","ignoreList":[]}
+{"version":3,"file":"components/IconPicker/components/IconPickerRow.js","sources":["../../../../src/components/IconPicker/components/IconPickerRow.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ntype IconPickerRowProps = React.ButtonHTMLAttributes<HTMLDivElement>;\n\nconst IconPickerRow = ({ children, className, ...props }: IconPickerRowProps) => {\n    return (\n        <div {...props} className={cn(\"flex items-center gap-sm\", className)}>\n            {children}\n        </div>\n    );\n};\n\nexport { IconPickerRow, type IconPickerRowProps };\n"],"names":["IconPickerRow","children","className","props","cn"],"mappings":";;AAKA,MAAMA,gBAAgB,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,OAA2B,GACjE,WAAP,GACI,oBAAC;QAAK,GAAGA,KAAK;QAAE,WAAWC,GAAG,4BAA4BF;OACrDD"}

package/components/IconPicker/components/IconPickerTrigger.js

@@ -1,52 +1,50 @@
-import React from "react";
-import { ReactComponent as EmptyIcon } from "@webiny/icons/remove.svg";
-import { ReactComponent as ChevronDown } from "@webiny/icons/keyboard_arrow_down.svg";
-import { cn, cva, Icon as IconComponent, inputVariants } from "@webiny/admin-ui";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/remove.svg";
+import { ReactComponent as keyboard_arrow_down_svg_ReactComponent } from "@webiny/icons/keyboard_arrow_down.svg";
+import { Icon, cn, cva, inputVariants } from "@webiny/admin-ui";
 import { IconProvider, IconRenderer } from "../IconRenderer.js";
 const iconPickerTriggerVariants = cva("cursor-pointer fill-neutral-xstrong", {
-  variants: {
-    size: {
-      md: "w-3xl",
-      lg: "w-3xl",
-      xl: "w-[76px]"
+    variants: {
+        size: {
+            md: "w-3xl",
+            lg: "w-3xl",
+            xl: "w-[76px]"
+        },
+        disabled: {
+            true: "pointer-events-none"
+        }
     },
-    disabled: {
-      true: "pointer-events-none"
+    defaultVariants: {
+        size: "md"
     }
-  },
-  defaultVariants: {
-    size: "md"
-  }
 });
-const IconPickerTrigger = props => {
-  return /*#__PURE__*/React.createElement("div", {
-    "data-disabled": props.disabled,
-    className: cn(inputVariants({
-      size: props.size,
-      variant: props.variant,
-      invalid: props.invalid
-    }), iconPickerTriggerVariants({
-      size: props.size,
-      disabled: props.disabled
-    }))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-xs"
-  }, /*#__PURE__*/React.createElement("div", null, props.icon ? /*#__PURE__*/React.createElement(IconProvider, {
-    icon: props.icon,
-    size: 24
-  }, /*#__PURE__*/React.createElement(IconComponent, {
-    icon: /*#__PURE__*/React.createElement(IconRenderer, null),
-    label: props.icon.name
-  })) : /*#__PURE__*/React.createElement(IconComponent, {
-    icon: /*#__PURE__*/React.createElement(EmptyIcon, null),
-    label: "Search icons",
-    size: "lg"
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconComponent, {
-    size: "sm",
-    icon: /*#__PURE__*/React.createElement(ChevronDown, null),
-    label: "Open list"
-  }))));
-};
+const IconPickerTrigger = (props)=>/*#__PURE__*/ react.createElement("div", {
+        "data-disabled": props.disabled,
+        className: cn(inputVariants({
+            size: props.size,
+            variant: props.variant,
+            invalid: props.invalid
+        }), iconPickerTriggerVariants({
+            size: props.size,
+            disabled: props.disabled
+        }))
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-xs"
+    }, /*#__PURE__*/ react.createElement("div", null, props.icon ? /*#__PURE__*/ react.createElement(IconProvider, {
+        icon: props.icon,
+        size: 24
+    }, /*#__PURE__*/ react.createElement(Icon, {
+        icon: /*#__PURE__*/ react.createElement(IconRenderer, null),
+        label: props.icon.name
+    })) : /*#__PURE__*/ react.createElement(Icon, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Search icons",
+        size: "lg"
+    })), /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Icon, {
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(keyboard_arrow_down_svg_ReactComponent, null),
+        label: "Open list"
+    }))));
 export { IconPickerTrigger };
 
 //# sourceMappingURL=IconPickerTrigger.js.map

package/components/IconPicker/components/IconPickerTrigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","EmptyIcon","ChevronDown","cn","cva","Icon","IconComponent","inputVariants","IconProvider","IconRenderer","iconPickerTriggerVariants","variants","size","md","lg","xl","disabled","true","defaultVariants","IconPickerTrigger","props","createElement","className","variant","invalid","icon","label","name"],"sources":["IconPickerTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as EmptyIcon } from \"@webiny/icons/remove.svg\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { cn, cva, Icon as IconComponent, inputVariants, type VariantProps } from \"@webiny/admin-ui\";\nimport { IconProvider, IconRenderer } from \"~/components/IconPicker/IconRenderer.js\";\nimport type { Icon } from \"~/components/IconPicker/types.js\";\n\nconst iconPickerTriggerVariants = cva(\"cursor-pointer fill-neutral-xstrong\", {\n    variants: {\n        size: {\n            md: \"w-3xl\",\n            lg: \"w-3xl\",\n            xl: \"w-[76px]\"\n        },\n        disabled: {\n            true: \"pointer-events-none\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\ninterface IconPickerTriggerProps\n    extends VariantProps<typeof inputVariants>, VariantProps<typeof iconPickerTriggerVariants> {\n    icon: Icon | null;\n    disabled?: boolean;\n}\n\nconst IconPickerTrigger = (props: IconPickerTriggerProps) => {\n    return (\n        <div\n            data-disabled={props.disabled}\n            className={cn(\n                inputVariants({\n                    size: props.size,\n                    variant: props.variant,\n                    invalid: props.invalid\n                }),\n                iconPickerTriggerVariants({ size: props.size, disabled: props.disabled })\n            )}\n        >\n            <div className={\"flex items-center gap-xs\"}>\n                <div>\n                    {props.icon ? (\n                        <IconProvider icon={props.icon} size={24}>\n                            <IconComponent icon={<IconRenderer />} label={props.icon.name} />\n                        </IconProvider>\n                    ) : (\n                        <IconComponent icon={<EmptyIcon />} label={\"Search icons\"} size={\"lg\"} />\n                    )}\n                </div>\n                <div>\n                    <IconComponent size={\"sm\"} icon={<ChevronDown />} label={\"Open list\"} />\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport { IconPickerTrigger, type IconPickerTriggerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,0BAA0B;AACtE,SAASD,cAAc,IAAIE,WAAW,QAAQ,uCAAuC;AACrF,SAASC,EAAE,EAAEC,GAAG,EAAEC,IAAI,IAAIC,aAAa,EAAEC,aAAa,QAA2B,kBAAkB;AACnG,SAASC,YAAY,EAAEC,YAAY;AAGnC,MAAMC,yBAAyB,GAAGN,GAAG,CAAC,qCAAqC,EAAE;EACzEO,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,OAAO;MACXC,EAAE,EAAE,OAAO;MACXC,EAAE,EAAE;IACR,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AAQF,MAAMO,iBAAiB,GAAIC,KAA6B,IAAK;EACzD,oBACIrB,KAAA,CAAAsB,aAAA;IACI,iBAAeD,KAAK,CAACJ,QAAS;IAC9BM,SAAS,EAAEnB,EAAE,CACTI,aAAa,CAAC;MACVK,IAAI,EAAEQ,KAAK,CAACR,IAAI;MAChBW,OAAO,EAAEH,KAAK,CAACG,OAAO;MACtBC,OAAO,EAAEJ,KAAK,CAACI;IACnB,CAAC,CAAC,EACFd,yBAAyB,CAAC;MAAEE,IAAI,EAAEQ,KAAK,CAACR,IAAI;MAAEI,QAAQ,EAAEI,KAAK,CAACJ;IAAS,CAAC,CAC5E;EAAE,gBAEFjB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE;EAA2B,gBACvCvB,KAAA,CAAAsB,aAAA,cACKD,KAAK,CAACK,IAAI,gBACP1B,KAAA,CAAAsB,aAAA,CAACb,YAAY;IAACiB,IAAI,EAAEL,KAAK,CAACK,IAAK;IAACb,IAAI,EAAE;EAAG,gBACrCb,KAAA,CAAAsB,aAAA,CAACf,aAAa;IAACmB,IAAI,eAAE1B,KAAA,CAAAsB,aAAA,CAACZ,YAAY,MAAE,CAAE;IAACiB,KAAK,EAAEN,KAAK,CAACK,IAAI,CAACE;EAAK,CAAE,CACtD,CAAC,gBAEf5B,KAAA,CAAAsB,aAAA,CAACf,aAAa;IAACmB,IAAI,eAAE1B,KAAA,CAAAsB,aAAA,CAACpB,SAAS,MAAE,CAAE;IAACyB,KAAK,EAAE,cAAe;IAACd,IAAI,EAAE;EAAK,CAAE,CAE3E,CAAC,eACNb,KAAA,CAAAsB,aAAA,2BACItB,KAAA,CAAAsB,aAAA,CAACf,aAAa;IAACM,IAAI,EAAE,IAAK;IAACa,IAAI,eAAE1B,KAAA,CAAAsB,aAAA,CAACnB,WAAW,MAAE,CAAE;IAACwB,KAAK,EAAE;EAAY,CAAE,CACtE,CACJ,CACJ,CAAC;AAEd,CAAC;AAED,SAASP,iBAAiB","ignoreList":[]}
+{"version":3,"file":"components/IconPicker/components/IconPickerTrigger.js","sources":["../../../../src/components/IconPicker/components/IconPickerTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as EmptyIcon } from \"@webiny/icons/remove.svg\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { cn, cva, Icon as IconComponent, inputVariants, type VariantProps } from \"@webiny/admin-ui\";\nimport { IconProvider, IconRenderer } from \"~/components/IconPicker/IconRenderer.js\";\nimport type { Icon } from \"~/components/IconPicker/types.js\";\n\nconst iconPickerTriggerVariants = cva(\"cursor-pointer fill-neutral-xstrong\", {\n    variants: {\n        size: {\n            md: \"w-3xl\",\n            lg: \"w-3xl\",\n            xl: \"w-[76px]\"\n        },\n        disabled: {\n            true: \"pointer-events-none\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\ninterface IconPickerTriggerProps\n    extends VariantProps<typeof inputVariants>, VariantProps<typeof iconPickerTriggerVariants> {\n    icon: Icon | null;\n    disabled?: boolean;\n}\n\nconst IconPickerTrigger = (props: IconPickerTriggerProps) => {\n    return (\n        <div\n            data-disabled={props.disabled}\n            className={cn(\n                inputVariants({\n                    size: props.size,\n                    variant: props.variant,\n                    invalid: props.invalid\n                }),\n                iconPickerTriggerVariants({ size: props.size, disabled: props.disabled })\n            )}\n        >\n            <div className={\"flex items-center gap-xs\"}>\n                <div>\n                    {props.icon ? (\n                        <IconProvider icon={props.icon} size={24}>\n                            <IconComponent icon={<IconRenderer />} label={props.icon.name} />\n                        </IconProvider>\n                    ) : (\n                        <IconComponent icon={<EmptyIcon />} label={\"Search icons\"} size={\"lg\"} />\n                    )}\n                </div>\n                <div>\n                    <IconComponent size={\"sm\"} icon={<ChevronDown />} label={\"Open list\"} />\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport { IconPickerTrigger, type IconPickerTriggerProps };\n"],"names":["iconPickerTriggerVariants","cva","IconPickerTrigger","props","cn","inputVariants","IconProvider","IconComponent","IconRenderer","EmptyIcon","ChevronDown"],"mappings":";;;;;AAOA,MAAMA,4BAA4BC,IAAI,uCAAuC;IACzE,UAAU;QACN,MAAM;YACF,IAAI;YACJ,IAAI;YACJ,IAAI;QACR;QACA,UAAU;YACN,MAAM;QACV;IACJ;IACA,iBAAiB;QACb,MAAM;IACV;AACJ;AAQA,MAAMC,oBAAoB,CAACC,QAChB,WAAP,GACI,oBAAC;QACG,iBAAeA,MAAM,QAAQ;QAC7B,WAAWC,GACPC,cAAc;YACV,MAAMF,MAAM,IAAI;YAChB,SAASA,MAAM,OAAO;YACtB,SAASA,MAAM,OAAO;QAC1B,IACAH,0BAA0B;YAAE,MAAMG,MAAM,IAAI;YAAE,UAAUA,MAAM,QAAQ;QAAC;qBAG3E,oBAAC;QAAI,WAAW;qBACZ,oBAAC,aACIA,MAAM,IAAI,GAAG,WAAH,GACP,oBAACG,cAAYA;QAAC,MAAMH,MAAM,IAAI;QAAE,MAAM;qBAClC,oBAACI,MAAaA;QAAC,oBAAM,oBAACC,cAAYA;QAAK,OAAOL,MAAM,IAAI,CAAC,IAAI;wBAGjE,oBAACI,MAAaA;QAAC,oBAAM,oBAACE,gBAASA;QAAK,OAAO;QAAgB,MAAM;uBAGzE,oBAAC,2BACG,oBAACF,MAAaA;QAAC,MAAM;QAAM,oBAAM,oBAACG,wCAAWA;QAAK,OAAO"}

package/components/IconPicker/components/index.js

@@ -2,5 +2,3 @@ export * from "./IconPickerCell.js";
 export * from "./IconPickerContent.js";
 export * from "./IconPickerRow.js";
 export * from "./IconPickerTrigger.js";
-
-//# sourceMappingURL=index.js.map

package/components/IconPicker/config/Emojis.js

@@ -1,24 +1,22 @@
-import React from "react";
+import react from "react";
 import { IconPickerConfig } from "./index.js";
-export const Emojis = () => {
-  return /*#__PURE__*/React.createElement(IconPickerConfig, null, /*#__PURE__*/React.createElement(IconPickerConfig.IconPack, {
-    name: "default_emojis",
-    provider: async () => {
-      const emojisJson = await import(/* webpackChunkName: "iconpicker-emojis" */
-      "unicode-emoji-json/data-by-emoji.json");
-      const emojis = emojisJson.default;
-      return Object.keys(emojis).map(key => {
-        const emoji = emojis[key];
-        return {
-          type: "emoji",
-          name: emoji.slug,
-          value: key,
-          category: emoji.group,
-          skinToneSupport: emoji.skin_tone_support
-        };
-      });
-    }
-  }));
-};
+const Emojis = ()=>/*#__PURE__*/ react.createElement(IconPickerConfig, null, /*#__PURE__*/ react.createElement(IconPickerConfig.IconPack, {
+        name: "default_emojis",
+        provider: async ()=>{
+            const emojisJson = await import("unicode-emoji-json/data-by-emoji.json");
+            const emojis = emojisJson.default;
+            return Object.keys(emojis).map((key)=>{
+                const emoji = emojis[key];
+                return {
+                    type: "emoji",
+                    name: emoji.slug,
+                    value: key,
+                    category: emoji.group,
+                    skinToneSupport: emoji.skin_tone_support
+                };
+            });
+        }
+    }));
+export { Emojis };
 
 //# sourceMappingURL=Emojis.js.map

package/components/IconPicker/config/Emojis.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","IconPickerConfig","Emojis","createElement","IconPack","name","provider","emojisJson","emojis","default","Object","keys","map","key","emoji","type","slug","value","category","group","skinToneSupport","skin_tone_support"],"sources":["Emojis.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconPickerConfig } from \"./index.js\";\n\ntype EmojiSet = {\n    [key: string]: {\n        name: string;\n        slug: string;\n        group: string;\n        emoji_version: string;\n        unicode_version: string;\n        skin_tone_support: boolean;\n    };\n};\n\nexport const Emojis = () => {\n    return (\n        <IconPickerConfig>\n            <IconPickerConfig.IconPack\n                name=\"default_emojis\"\n                provider={async () => {\n                    const emojisJson = await import(\n                        /* webpackChunkName: \"iconpicker-emojis\" */\n                        \"unicode-emoji-json/data-by-emoji.json\"\n                    );\n\n                    const emojis: EmojiSet = emojisJson.default;\n\n                    return Object.keys(emojis).map(key => {\n                        const emoji = emojis[key];\n                        return {\n                            type: \"emoji\",\n                            name: emoji.slug,\n                            value: key,\n                            category: emoji.group,\n                            skinToneSupport: emoji.skin_tone_support\n                        };\n                    });\n                }}\n            />\n        </IconPickerConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB;AAazB,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,oBACIF,KAAA,CAAAG,aAAA,CAACF,gBAAgB,qBACbD,KAAA,CAAAG,aAAA,CAACF,gBAAgB,CAACG,QAAQ;IACtBC,IAAI,EAAC,gBAAgB;IACrBC,QAAQ,EAAE,MAAAA,CAAA,KAAY;MAClB,MAAMC,UAAU,GAAG,MAAM,MAAM,CAC3B;MACA,uCACJ,CAAC;MAED,MAAMC,MAAgB,GAAGD,UAAU,CAACE,OAAO;MAE3C,OAAOC,MAAM,CAACC,IAAI,CAACH,MAAM,CAAC,CAACI,GAAG,CAACC,GAAG,IAAI;QAClC,MAAMC,KAAK,GAAGN,MAAM,CAACK,GAAG,CAAC;QACzB,OAAO;UACHE,IAAI,EAAE,OAAO;UACbV,IAAI,EAAES,KAAK,CAACE,IAAI;UAChBC,KAAK,EAAEJ,GAAG;UACVK,QAAQ,EAAEJ,KAAK,CAACK,KAAK;UACrBC,eAAe,EAAEN,KAAK,CAACO;QAC3B,CAAC;MACL,CAAC,CAAC;IACN;EAAE,CACL,CACa,CAAC;AAE3B,CAAC","ignoreList":[]}
+{"version":3,"file":"components/IconPicker/config/Emojis.js","sources":["../../../../src/components/IconPicker/config/Emojis.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconPickerConfig } from \"./index.js\";\n\ntype EmojiSet = {\n    [key: string]: {\n        name: string;\n        slug: string;\n        group: string;\n        emoji_version: string;\n        unicode_version: string;\n        skin_tone_support: boolean;\n    };\n};\n\nexport const Emojis = () => {\n    return (\n        <IconPickerConfig>\n            <IconPickerConfig.IconPack\n                name=\"default_emojis\"\n                provider={async () => {\n                    const emojisJson = await import(\n                        /* webpackChunkName: \"iconpicker-emojis\" */\n                        \"unicode-emoji-json/data-by-emoji.json\"\n                    );\n\n                    const emojis: EmojiSet = emojisJson.default;\n\n                    return Object.keys(emojis).map(key => {\n                        const emoji = emojis[key];\n                        return {\n                            type: \"emoji\",\n                            name: emoji.slug,\n                            value: key,\n                            category: emoji.group,\n                            skinToneSupport: emoji.skin_tone_support\n                        };\n                    });\n                }}\n            />\n        </IconPickerConfig>\n    );\n};\n"],"names":["Emojis","IconPickerConfig","emojisJson","emojis","Object","key","emoji"],"mappings":";;AAcO,MAAMA,SAAS,IACX,WAAP,GACI,oBAACC,kBAAgBA,MAAAA,WAAAA,GACb,oBAACA,iBAAiB,QAAQ;QACtB,MAAK;QACL,UAAU;YACN,MAAMC,aAAa,MAAM,MAAM,CAAN;YAKzB,MAAMC,SAAmBD,WAAW,OAAO;YAE3C,OAAOE,OAAO,IAAI,CAACD,QAAQ,GAAG,CAACE,CAAAA;gBAC3B,MAAMC,QAAQH,MAAM,CAACE,IAAI;gBACzB,OAAO;oBACH,MAAM;oBACN,MAAMC,MAAM,IAAI;oBAChB,OAAOD;oBACP,UAAUC,MAAM,KAAK;oBACrB,iBAAiBA,MAAM,iBAAiB;gBAC5C;YACJ;QACJ"}

package/components/IconPicker/config/FontAwesomeIcons.js

@@ -1,61 +1,57 @@
-import React from "react";
+import react from "react";
 import { IconPickerConfig } from "./index.js";
-export const FontAwesomeIcons = () => {
-  return /*#__PURE__*/React.createElement(IconPickerConfig, null, /*#__PURE__*/React.createElement(IconPickerConfig.IconPack, {
-    name: "fa6_brands",
-    provider: async () => {
-      const fa6Brands = await import(/* webpackChunkName: "iconpicker-fa6-brands" */
-      "@iconify/json/json/fa6-brands.json");
-      const icons = fa6Brands.icons;
-      const categories = fa6Brands.categories;
-      return Object.keys(icons).map(key => {
-        const icon = icons[key];
-        return {
-          type: "icon",
-          name: `fa6_brands_${key}`,
-          value: icon.body,
-          category: Object.keys(categories).find(categoryKey => categories[categoryKey].includes(key)),
-          width: icon.width
-        };
-      });
-    }
-  }), /*#__PURE__*/React.createElement(IconPickerConfig.IconPack, {
-    name: "fa6_regular",
-    provider: async () => {
-      const fa6Regular = await import(/* webpackChunkName: "iconpicker-fa6-regular" */
-      "@iconify/json/json/fa6-regular.json");
-      const icons = fa6Regular.icons;
-      const categories = fa6Regular.categories;
-      return Object.keys(icons).map(key => {
-        const icon = icons[key];
-        return {
-          type: "icon",
-          name: `fa6_regular_${key}`,
-          value: icon.body,
-          category: Object.keys(categories).find(categoryKey => categories[categoryKey].includes(key)),
-          width: icon.width
-        };
-      });
-    }
-  }), /*#__PURE__*/React.createElement(IconPickerConfig.IconPack, {
-    name: "fa6_solid",
-    provider: async () => {
-      const fa6Solid = await import(/* webpackChunkName: "iconpicker-fa6-solid" */
-      "@iconify/json/json/fa6-solid.json");
-      const icons = fa6Solid.icons;
-      const categories = fa6Solid.categories;
-      return Object.keys(icons).map(key => {
-        const icon = icons[key];
-        return {
-          type: "icon",
-          name: `fa6_solid_${key}`,
-          value: icon.body,
-          category: Object.keys(categories).find(categoryKey => categories[categoryKey].includes(key)),
-          width: icon.width
-        };
-      });
-    }
-  }));
-};
+const FontAwesomeIcons = ()=>/*#__PURE__*/ react.createElement(IconPickerConfig, null, /*#__PURE__*/ react.createElement(IconPickerConfig.IconPack, {
+        name: "fa6_brands",
+        provider: async ()=>{
+            const fa6Brands = await import("@iconify/json/json/fa6-brands.json");
+            const icons = fa6Brands.icons;
+            const categories = fa6Brands.categories;
+            return Object.keys(icons).map((key)=>{
+                const icon = icons[key];
+                return {
+                    type: "icon",
+                    name: `fa6_brands_${key}`,
+                    value: icon.body,
+                    category: Object.keys(categories).find((categoryKey)=>categories[categoryKey].includes(key)),
+                    width: icon.width
+                };
+            });
+        }
+    }), /*#__PURE__*/ react.createElement(IconPickerConfig.IconPack, {
+        name: "fa6_regular",
+        provider: async ()=>{
+            const fa6Regular = await import("@iconify/json/json/fa6-regular.json");
+            const icons = fa6Regular.icons;
+            const categories = fa6Regular.categories;
+            return Object.keys(icons).map((key)=>{
+                const icon = icons[key];
+                return {
+                    type: "icon",
+                    name: `fa6_regular_${key}`,
+                    value: icon.body,
+                    category: Object.keys(categories).find((categoryKey)=>categories[categoryKey].includes(key)),
+                    width: icon.width
+                };
+            });
+        }
+    }), /*#__PURE__*/ react.createElement(IconPickerConfig.IconPack, {
+        name: "fa6_solid",
+        provider: async ()=>{
+            const fa6Solid = await import("@iconify/json/json/fa6-solid.json");
+            const icons = fa6Solid.icons;
+            const categories = fa6Solid.categories;
+            return Object.keys(icons).map((key)=>{
+                const icon = icons[key];
+                return {
+                    type: "icon",
+                    name: `fa6_solid_${key}`,
+                    value: icon.body,
+                    category: Object.keys(categories).find((categoryKey)=>categories[categoryKey].includes(key)),
+                    width: icon.width
+                };
+            });
+        }
+    }));
+export { FontAwesomeIcons };
 
 //# sourceMappingURL=FontAwesomeIcons.js.map

package/components/IconPicker/config/FontAwesomeIcons.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","IconPickerConfig","FontAwesomeIcons","createElement","IconPack","name","provider","fa6Brands","icons","categories","Object","keys","map","key","icon","type","value","body","category","find","categoryKey","includes","width","fa6Regular","fa6Solid"],"sources":["FontAwesomeIcons.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconPickerConfig } from \"./index.js\";\n\ntype FaIconSet = {\n    [key: string]: {\n        body: string;\n        width?: number;\n    };\n};\n\ntype FaCategorySet = {\n    [key: string]: string[];\n};\n\nexport const FontAwesomeIcons = () => {\n    return (\n        <IconPickerConfig>\n            {/* Default Icons Providers */}\n            <IconPickerConfig.IconPack\n                name=\"fa6_brands\"\n                provider={async () => {\n                    const fa6Brands = await import(\n                        /* webpackChunkName: \"iconpicker-fa6-brands\" */\n                        \"@iconify/json/json/fa6-brands.json\"\n                    );\n\n                    const icons: FaIconSet = fa6Brands.icons;\n                    const categories: FaCategorySet = fa6Brands.categories;\n\n                    return Object.keys(icons).map(key => {\n                        const icon = icons[key];\n                        return {\n                            type: \"icon\",\n                            name: `fa6_brands_${key}`,\n                            value: icon.body,\n                            category: Object.keys(categories).find(categoryKey =>\n                                categories[categoryKey].includes(key)\n                            ),\n                            width: icon.width\n                        };\n                    });\n                }}\n            />\n            <IconPickerConfig.IconPack\n                name=\"fa6_regular\"\n                provider={async () => {\n                    const fa6Regular = await import(\n                        /* webpackChunkName: \"iconpicker-fa6-regular\" */\n                        \"@iconify/json/json/fa6-regular.json\"\n                    );\n\n                    const icons: FaIconSet = fa6Regular.icons;\n                    const categories: FaCategorySet = fa6Regular.categories;\n\n                    return Object.keys(icons).map(key => {\n                        const icon = icons[key];\n                        return {\n                            type: \"icon\",\n                            name: `fa6_regular_${key}`,\n                            value: icon.body,\n                            category: Object.keys(categories).find(categoryKey =>\n                                categories[categoryKey].includes(key)\n                            ),\n                            width: icon.width\n                        };\n                    });\n                }}\n            />\n            <IconPickerConfig.IconPack\n                name=\"fa6_solid\"\n                provider={async () => {\n                    const fa6Solid = await import(\n                        /* webpackChunkName: \"iconpicker-fa6-solid\" */\n                        \"@iconify/json/json/fa6-solid.json\"\n                    );\n\n                    const icons: FaIconSet = fa6Solid.icons;\n                    const categories: FaCategorySet = fa6Solid.categories;\n\n                    return Object.keys(icons).map(key => {\n                        const icon = icons[key];\n                        return {\n                            type: \"icon\",\n                            name: `fa6_solid_${key}`,\n                            value: icon.body,\n                            category: Object.keys(categories).find(categoryKey =>\n                                categories[categoryKey].includes(key)\n                            ),\n                            width: icon.width\n                        };\n                    });\n                }}\n            />\n        </IconPickerConfig>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"components/IconPicker/config/FontAwesomeIcons.js","sources":["../../../../src/components/IconPicker/config/FontAwesomeIcons.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconPickerConfig } from \"./index.js\";\n\ntype FaIconSet = {\n    [key: string]: {\n        body: string;\n        width?: number;\n    };\n};\n\ntype FaCategorySet = {\n    [key: string]: string[];\n};\n\nexport const FontAwesomeIcons = () => {\n    return (\n        <IconPickerConfig>\n            {/* Default Icons Providers */}\n            <IconPickerConfig.IconPack\n                name=\"fa6_brands\"\n                provider={async () => {\n                    const fa6Brands = await import(\n                        /* webpackChunkName: \"iconpicker-fa6-brands\" */\n                        \"@iconify/json/json/fa6-brands.json\"\n                    );\n\n                    const icons: FaIconSet = fa6Brands.icons;\n                    const categories: FaCategorySet = fa6Brands.categories;\n\n                    return Object.keys(icons).map(key => {\n                        const icon = icons[key];\n                        return {\n                            type: \"icon\",\n                            name: `fa6_brands_${key}`,\n                            value: icon.body,\n                            category: Object.keys(categories).find(categoryKey =>\n                                categories[categoryKey].includes(key)\n                            ),\n                            width: icon.width\n                        };\n                    });\n                }}\n            />\n            <IconPickerConfig.IconPack\n                name=\"fa6_regular\"\n                provider={async () => {\n                    const fa6Regular = await import(\n                        /* webpackChunkName: \"iconpicker-fa6-regular\" */\n                        \"@iconify/json/json/fa6-regular.json\"\n                    );\n\n                    const icons: FaIconSet = fa6Regular.icons;\n                    const categories: FaCategorySet = fa6Regular.categories;\n\n                    return Object.keys(icons).map(key => {\n                        const icon = icons[key];\n                        return {\n                            type: \"icon\",\n                            name: `fa6_regular_${key}`,\n                            value: icon.body,\n                            category: Object.keys(categories).find(categoryKey =>\n                                categories[categoryKey].includes(key)\n                            ),\n                            width: icon.width\n                        };\n                    });\n                }}\n            />\n            <IconPickerConfig.IconPack\n                name=\"fa6_solid\"\n                provider={async () => {\n                    const fa6Solid = await import(\n                        /* webpackChunkName: \"iconpicker-fa6-solid\" */\n                        \"@iconify/json/json/fa6-solid.json\"\n                    );\n\n                    const icons: FaIconSet = fa6Solid.icons;\n                    const categories: FaCategorySet = fa6Solid.categories;\n\n                    return Object.keys(icons).map(key => {\n                        const icon = icons[key];\n                        return {\n                            type: \"icon\",\n                            name: `fa6_solid_${key}`,\n                            value: icon.body,\n                            category: Object.keys(categories).find(categoryKey =>\n                                categories[categoryKey].includes(key)\n                            ),\n                            width: icon.width\n                        };\n                    });\n                }}\n            />\n        </IconPickerConfig>\n    );\n};\n"],"names":["FontAwesomeIcons","IconPickerConfig","fa6Brands","icons","categories","Object","key","icon","categoryKey","fa6Regular","fa6Solid"],"mappings":";;AAcO,MAAMA,mBAAmB,IACrB,WAAP,GACI,oBAACC,kBAAgBA,MAAAA,WAAAA,GAEb,oBAACA,iBAAiB,QAAQ;QACtB,MAAK;QACL,UAAU;YACN,MAAMC,YAAY,MAAM,MAAM,CAAN;YAKxB,MAAMC,QAAmBD,UAAU,KAAK;YACxC,MAAME,aAA4BF,UAAU,UAAU;YAEtD,OAAOG,OAAO,IAAI,CAACF,OAAO,GAAG,CAACG,CAAAA;gBAC1B,MAAMC,OAAOJ,KAAK,CAACG,IAAI;gBACvB,OAAO;oBACH,MAAM;oBACN,MAAM,CAAC,WAAW,EAAEA,KAAK;oBACzB,OAAOC,KAAK,IAAI;oBAChB,UAAUF,OAAO,IAAI,CAACD,YAAY,IAAI,CAACI,CAAAA,cACnCJ,UAAU,CAACI,YAAY,CAAC,QAAQ,CAACF;oBAErC,OAAOC,KAAK,KAAK;gBACrB;YACJ;QACJ;sBAEJ,oBAACN,iBAAiB,QAAQ;QACtB,MAAK;QACL,UAAU;YACN,MAAMQ,aAAa,MAAM,MAAM,CAAN;YAKzB,MAAMN,QAAmBM,WAAW,KAAK;YACzC,MAAML,aAA4BK,WAAW,UAAU;YAEvD,OAAOJ,OAAO,IAAI,CAACF,OAAO,GAAG,CAACG,CAAAA;gBAC1B,MAAMC,OAAOJ,KAAK,CAACG,IAAI;gBACvB,OAAO;oBACH,MAAM;oBACN,MAAM,CAAC,YAAY,EAAEA,KAAK;oBAC1B,OAAOC,KAAK,IAAI;oBAChB,UAAUF,OAAO,IAAI,CAACD,YAAY,IAAI,CAACI,CAAAA,cACnCJ,UAAU,CAACI,YAAY,CAAC,QAAQ,CAACF;oBAErC,OAAOC,KAAK,KAAK;gBACrB;YACJ;QACJ;sBAEJ,oBAACN,iBAAiB,QAAQ;QACtB,MAAK;QACL,UAAU;YACN,MAAMS,WAAW,MAAM,MAAM,CAAN;YAKvB,MAAMP,QAAmBO,SAAS,KAAK;YACvC,MAAMN,aAA4BM,SAAS,UAAU;YAErD,OAAOL,OAAO,IAAI,CAACF,OAAO,GAAG,CAACG,CAAAA;gBAC1B,MAAMC,OAAOJ,KAAK,CAACG,IAAI;gBACvB,OAAO;oBACH,MAAM;oBACN,MAAM,CAAC,UAAU,EAAEA,KAAK;oBACxB,OAAOC,KAAK,IAAI;oBAChB,UAAUF,OAAO,IAAI,CAACD,YAAY,IAAI,CAACI,CAAAA,cACnCJ,UAAU,CAACI,YAAY,CAAC,QAAQ,CAACF;oBAErC,OAAOC,KAAK,KAAK;gBACrB;YACJ;QACJ"}

package/components/IconPicker/config/IconPackProvider.js

@@ -1,23 +1,21 @@
-import React from "react";
+import react from "react";
 import { Property, useIdGenerator } from "@webiny/react-properties";
-export const IconPackProvider = ({
-  name,
-  provider
-}) => {
-  const getId = useIdGenerator("iconPackProvider");
-  return /*#__PURE__*/React.createElement(Property, {
-    id: getId(name),
-    name: "iconPackProviders",
-    array: true
-  }, /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "name"),
-    name: "name",
-    value: name
-  }), /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "load"),
-    name: "load",
-    value: provider
-  }));
+const IconPackProvider = ({ name, provider })=>{
+    const getId = useIdGenerator("iconPackProvider");
+    return /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "iconPackProviders",
+        array: true
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "name"),
+        name: "name",
+        value: name
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "load"),
+        name: "load",
+        value: provider
+    }));
 };
+export { IconPackProvider };
 
 //# sourceMappingURL=IconPackProvider.js.map

package/components/IconPicker/config/IconPackProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Property","useIdGenerator","IconPackProvider","name","provider","getId","createElement","id","array","value"],"sources":["IconPackProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport type { Icon } from \"~/components/IconPicker/types.js\";\n\nexport type IconPackProviderProps = {\n    name: string;\n    provider: () => Promise<Icon[]> | Icon[];\n};\n\nexport const IconPackProvider = ({ name, provider }: IconPackProviderProps) => {\n    const getId = useIdGenerator(\"iconPackProvider\");\n\n    return (\n        <Property id={getId(name)} name={\"iconPackProviders\"} array={true}>\n            <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n            <Property id={getId(name, \"load\")} name={\"load\"} value={provider} />\n        </Property>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAQnE,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAgC,CAAC,KAAK;EAC3E,MAAMC,KAAK,GAAGJ,cAAc,CAAC,kBAAkB,CAAC;EAEhD,oBACIF,KAAA,CAAAO,aAAA,CAACN,QAAQ;IAACO,EAAE,EAAEF,KAAK,CAACF,IAAI,CAAE;IAACA,IAAI,EAAE,mBAAoB;IAACK,KAAK,EAAE;EAAK,gBAC9DT,KAAA,CAAAO,aAAA,CAACN,QAAQ;IAACO,EAAE,EAAEF,KAAK,CAACF,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACM,KAAK,EAAEN;EAAK,CAAE,CAAC,eAChEJ,KAAA,CAAAO,aAAA,CAACN,QAAQ;IAACO,EAAE,EAAEF,KAAK,CAACF,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACM,KAAK,EAAEL;EAAS,CAAE,CAC7D,CAAC;AAEnB,CAAC","ignoreList":[]}
+{"version":3,"file":"components/IconPicker/config/IconPackProvider.js","sources":["../../../../src/components/IconPicker/config/IconPackProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport type { Icon } from \"~/components/IconPicker/types.js\";\n\nexport type IconPackProviderProps = {\n    name: string;\n    provider: () => Promise<Icon[]> | Icon[];\n};\n\nexport const IconPackProvider = ({ name, provider }: IconPackProviderProps) => {\n    const getId = useIdGenerator(\"iconPackProvider\");\n\n    return (\n        <Property id={getId(name)} name={\"iconPackProviders\"} array={true}>\n            <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n            <Property id={getId(name, \"load\")} name={\"load\"} value={provider} />\n        </Property>\n    );\n};\n"],"names":["IconPackProvider","name","provider","getId","useIdGenerator","Property"],"mappings":";;AASO,MAAMA,mBAAmB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAyB;IACtE,MAAMC,QAAQC,eAAe;IAE7B,OAAO,WAAP,GACI,oBAACC,UAAQA;QAAC,IAAIF,MAAMF;QAAO,MAAM;QAAqB,OAAO;qBACzD,oBAACI,UAAQA;QAAC,IAAIF,MAAMF,MAAM;QAAS,MAAM;QAAQ,OAAOA;sBACxD,oBAACI,UAAQA;QAAC,IAAIF,MAAMF,MAAM;QAAS,MAAM;QAAQ,OAAOC;;AAGpE"}