@webiny/app-admin 5.43.2 → 6.0.0-alpha.0

package/components/IconPicker/components/IconPickerTrigger.js

@@ -0,0 +1,52 @@
+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 { IconProvider, IconRenderer } from "../IconRenderer";
+const iconPickerTriggerVariants = cva("wby-cursor-pointer fill-neutral-xstrong", {
+  variants: {
+    size: {
+      md: "wby-w-[64px]",
+      lg: "wby-w-[64px]",
+      xl: "wby-w-[76px]"
+    },
+    disabled: {
+      true: "wby-pointer-events-none"
+    }
+  },
+  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: "wby-flex wby-items-center wby-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"
+  }))));
+};
+export { IconPickerTrigger };
+
+//# sourceMappingURL=IconPickerTrigger.js.map

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

@@ -0,0 +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\";\nimport { Icon } from \"~/components/IconPicker/types\";\n\nconst iconPickerTriggerVariants = cva(\"wby-cursor-pointer fill-neutral-xstrong\", {\n    variants: {\n        size: {\n            md: \"wby-w-[64px]\",\n            lg: \"wby-w-[64px]\",\n            xl: \"wby-w-[76px]\"\n        },\n        disabled: {\n            true: \"wby-pointer-events-none\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\ninterface IconPickerTriggerProps\n    extends VariantProps<typeof inputVariants>,\n        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={\"wby-flex wby-items-center wby-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,yCAAyC,EAAE;EAC7EO,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,cAAc;MAClBC,EAAE,EAAE,cAAc;MAClBC,EAAE,EAAE;IACR,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AASF,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;EAAuC,gBACnDvB,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":[]}

package/components/IconPicker/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./IconPickerCell";
+export * from "./IconPickerContent";
+export * from "./IconPickerRow";
+export * from "./IconPickerTrigger";

package/components/IconPicker/components/index.js

@@ -0,0 +1,6 @@
+export * from "./IconPickerCell";
+export * from "./IconPickerContent";
+export * from "./IconPickerRow";
+export * from "./IconPickerTrigger";
+
+//# sourceMappingURL=index.js.map

package/components/IconPicker/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./IconPickerCell\";\nexport * from \"./IconPickerContent\";\nexport * from \"./IconPickerRow\";\nexport * from \"./IconPickerTrigger\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}

package/components/IconPicker/config/Emojis.js

@@ -1,21 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Emojis = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require(".");
-var Emojis = exports.Emojis = function Emojis() {
-  return /*#__PURE__*/_react.default.createElement(_.IconPickerConfig, null, /*#__PURE__*/_react.default.createElement(_.IconPickerConfig.IconPack, {
+import React from "react";
+import { IconPickerConfig } from ".";
+export const Emojis = () => {
+  return /*#__PURE__*/React.createElement(IconPickerConfig, null, /*#__PURE__*/React.createElement(IconPickerConfig.IconPack, {
     name: "default_emojis",
-    provider: async function provider() {
-      var emojisJson = await import(/* webpackChunkName: "iconpicker-emojis" */
+    provider: async () => {
+      const emojisJson = await import(/* webpackChunkName: "iconpicker-emojis" */
       "unicode-emoji-json/data-by-emoji.json");
-      var emojis = emojisJson.default;
-      return Object.keys(emojis).map(function (key) {
-        var emoji = emojis[key];
+      const emojis = emojisJson.default;
+      return Object.keys(emojis).map(key => {
+        const emoji = emojis[key];
         return {
           type: "emoji",
           name: emoji.slug,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_","Emojis","exports","default","createElement","IconPickerConfig","IconPack","name","provider","emojisJson","emojis","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 \".\";\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,CAAA,GAAAD,OAAA;AAaO,IAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAA,EAAS;EACxB,oBACIJ,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACJ,CAAA,CAAAK,gBAAgB,qBACbR,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACJ,CAAA,CAAAK,gBAAgB,CAACC,QAAQ;IACtBC,IAAI,EAAC,gBAAgB;IACrBC,QAAQ,EAAE,eAAVA,QAAQA,CAAA,EAAc;MAClB,IAAMC,UAAU,GAAG,MAAM,MAAM,CAC3B;MACA,uCACJ,CAAC;MAED,IAAMC,MAAgB,GAAGD,UAAU,CAACN,OAAO;MAE3C,OAAOQ,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAACG,GAAG,CAAC,UAAAC,GAAG,EAAI;QAClC,IAAMC,KAAK,GAAGL,MAAM,CAACI,GAAG,CAAC;QACzB,OAAO;UACHE,IAAI,EAAE,OAAO;UACbT,IAAI,EAAEQ,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,"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 \".\";\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,QAAQ,GAAG;AAapC,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":[]}

package/components/IconPicker/config/FontAwesomeIcons.js

@@ -1,69 +1,56 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FontAwesomeIcons = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require(".");
-var FontAwesomeIcons = exports.FontAwesomeIcons = function FontAwesomeIcons() {
-  return /*#__PURE__*/_react.default.createElement(_.IconPickerConfig, null, /*#__PURE__*/_react.default.createElement(_.IconPickerConfig.IconPack, {
+import React from "react";
+import { IconPickerConfig } from ".";
+export const FontAwesomeIcons = () => {
+  return /*#__PURE__*/React.createElement(IconPickerConfig, null, /*#__PURE__*/React.createElement(IconPickerConfig.IconPack, {
     name: "fa6_brands",
-    provider: async function provider() {
-      var fa6Brands = await import(/* webpackChunkName: "iconpicker-fa6-brands" */
+    provider: async () => {
+      const fa6Brands = await import(/* webpackChunkName: "iconpicker-fa6-brands" */
       "@iconify/json/json/fa6-brands.json");
-      var icons = fa6Brands.icons;
-      var categories = fa6Brands.categories;
-      return Object.keys(icons).map(function (key) {
-        var icon = icons[key];
+      const icons = fa6Brands.icons;
+      const categories = fa6Brands.categories;
+      return Object.keys(icons).map(key => {
+        const icon = icons[key];
         return {
           type: "icon",
-          name: "fa6_brands_".concat(key),
+          name: `fa6_brands_${key}`,
           value: icon.body,
-          category: Object.keys(categories).find(function (categoryKey) {
-            return categories[categoryKey].includes(key);
-          }),
+          category: Object.keys(categories).find(categoryKey => categories[categoryKey].includes(key)),
           width: icon.width
         };
       });
     }
-  }), /*#__PURE__*/_react.default.createElement(_.IconPickerConfig.IconPack, {
+  }), /*#__PURE__*/React.createElement(IconPickerConfig.IconPack, {
     name: "fa6_regular",
-    provider: async function provider() {
-      var fa6Regular = await import(/* webpackChunkName: "iconpicker-fa6-regular" */
+    provider: async () => {
+      const fa6Regular = await import(/* webpackChunkName: "iconpicker-fa6-regular" */
       "@iconify/json/json/fa6-regular.json");
-      var icons = fa6Regular.icons;
-      var categories = fa6Regular.categories;
-      return Object.keys(icons).map(function (key) {
-        var icon = icons[key];
+      const icons = fa6Regular.icons;
+      const categories = fa6Regular.categories;
+      return Object.keys(icons).map(key => {
+        const icon = icons[key];
         return {
           type: "icon",
-          name: "fa6_regular_".concat(key),
+          name: `fa6_regular_${key}`,
           value: icon.body,
-          category: Object.keys(categories).find(function (categoryKey) {
-            return categories[categoryKey].includes(key);
-          }),
+          category: Object.keys(categories).find(categoryKey => categories[categoryKey].includes(key)),
           width: icon.width
         };
       });
     }
-  }), /*#__PURE__*/_react.default.createElement(_.IconPickerConfig.IconPack, {
+  }), /*#__PURE__*/React.createElement(IconPickerConfig.IconPack, {
     name: "fa6_solid",
-    provider: async function provider() {
-      var fa6Solid = await import(/* webpackChunkName: "iconpicker-fa6-solid" */
+    provider: async () => {
+      const fa6Solid = await import(/* webpackChunkName: "iconpicker-fa6-solid" */
       "@iconify/json/json/fa6-solid.json");
-      var icons = fa6Solid.icons;
-      var categories = fa6Solid.categories;
-      return Object.keys(icons).map(function (key) {
-        var icon = icons[key];
+      const icons = fa6Solid.icons;
+      const categories = fa6Solid.categories;
+      return Object.keys(icons).map(key => {
+        const icon = icons[key];
         return {
           type: "icon",
-          name: "fa6_solid_".concat(key),
+          name: `fa6_solid_${key}`,
           value: icon.body,
-          category: Object.keys(categories).find(function (categoryKey) {
-            return categories[categoryKey].includes(key);
-          }),
+          category: Object.keys(categories).find(categoryKey => categories[categoryKey].includes(key)),
           width: icon.width
         };
       });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_","FontAwesomeIcons","exports","default","createElement","IconPickerConfig","IconPack","name","provider","fa6Brands","icons","categories","Object","keys","map","key","icon","type","concat","value","body","category","find","categoryKey","includes","width","fa6Regular","fa6Solid"],"sources":["FontAwesomeIcons.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconPickerConfig } from \".\";\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,"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 \".\";\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":[]}

package/components/IconPicker/config/IconPackProvider.js

@@ -1,25 +1,19 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IconPackProvider = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactProperties = require("@webiny/react-properties");
-var IconPackProvider = exports.IconPackProvider = function IconPackProvider(_ref) {
-  var name = _ref.name,
-    provider = _ref.provider;
-  var getId = (0, _reactProperties.useIdGenerator)("iconPackProvider");
-  return /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+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.default.createElement(_reactProperties.Property, {
+  }, /*#__PURE__*/React.createElement(Property, {
     id: getId(name, "name"),
     name: "name",
     value: name
-  }), /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }), /*#__PURE__*/React.createElement(Property, {
     id: getId(name, "load"),
     name: "load",
     value: provider

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactProperties","IconPackProvider","exports","_ref","name","provider","getId","useIdGenerator","default","createElement","Property","id","array","value"],"sources":["IconPackProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { Icon } from \"~/components/IconPicker/types\";\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAQO,IAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAAE,IAAA,EAAkD;EAAA,IAA5CC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAC7C,IAAMC,KAAK,GAAG,IAAAC,+BAAc,EAAC,kBAAkB,CAAC;EAEhD,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,gBAAA,CAAAU,QAAQ;IAACC,EAAE,EAAEL,KAAK,CAACF,IAAI,CAAE;IAACA,IAAI,EAAE,mBAAoB;IAACQ,KAAK,EAAE;EAAK,gBAC9Df,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,gBAAA,CAAAU,QAAQ;IAACC,EAAE,EAAEL,KAAK,CAACF,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACS,KAAK,EAAET;EAAK,CAAE,CAAC,eAChEP,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,gBAAA,CAAAU,QAAQ;IAACC,EAAE,EAAEL,KAAK,CAACF,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACS,KAAK,EAAER;EAAS,CAAE,CAC7D,CAAC;AAEnB,CAAC","ignoreList":[]}
+{"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 { Icon } from \"~/components/IconPicker/types\";\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":[]}

package/components/IconPicker/config/IconType.js

@@ -1,90 +1,87 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Tab = exports.IconTypeProvider = exports.IconType = exports.Icon = void 0;
-exports.useIconType = useIconType;
-var _react = _interopRequireDefault(require("react"));
-var _reactProperties = require("@webiny/react-properties");
-var _IconRenderer = require("../IconRenderer");
-var _IconPickerTab = require("../IconPickerTab");
-var IconTypeContext = /*#__PURE__*/_react.default.createContext(undefined);
-var IconTypeProvider = exports.IconTypeProvider = function IconTypeProvider(_ref) {
-  var type = _ref.type,
-    children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(IconTypeContext.Provider, {
+import React from "react";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+import { IconRenderer, useIcon } from "../IconRenderer";
+import { IconPickerTabRenderer } from "../IconPickerTab";
+const IconTypeContext = /*#__PURE__*/React.createContext(undefined);
+export const IconTypeProvider = ({
+  type,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(IconTypeContext.Provider, {
     value: {
-      type: type
+      type
     }
   }, children);
 };
-function useIconType() {
-  var context = _react.default.useContext(IconTypeContext);
+export function useIconType() {
+  const context = React.useContext(IconTypeContext);
   if (!context) {
-    throw Error("Missing <IconTypeProvider> in the component tree!");
+    throw Error(`Missing <IconTypeProvider> in the component tree!`);
   }
   return context;
 }
-var IconType = exports.IconType = function IconType(_ref2) {
-  var name = _ref2.name,
-    _ref2$before = _ref2.before,
-    before = _ref2$before === void 0 ? undefined : _ref2$before,
-    _ref2$after = _ref2.after,
-    after = _ref2$after === void 0 ? undefined : _ref2$after,
-    _ref2$remove = _ref2.remove,
-    remove = _ref2$remove === void 0 ? false : _ref2$remove,
-    children = _ref2.children;
-  var getId = (0, _reactProperties.useIdGenerator)("iconType");
-  var placeBefore = before !== undefined ? getId(before) : undefined;
-  var placeAfter = after !== undefined ? getId(after) : undefined;
-  return /*#__PURE__*/_react.default.createElement(IconTypeProvider, {
+export const IconType = ({
+  name,
+  before = undefined,
+  after = undefined,
+  remove = false,
+  children
+}) => {
+  const getId = useIdGenerator("iconType");
+  const placeBefore = before !== undefined ? getId(before) : undefined;
+  const placeAfter = after !== undefined ? getId(after) : undefined;
+  return /*#__PURE__*/React.createElement(IconTypeProvider, {
     type: name
-  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }, /*#__PURE__*/React.createElement(Property, {
     id: getId(name),
     name: "iconTypes",
     before: placeBefore,
     after: placeAfter,
     remove: remove,
     array: true
-  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }, /*#__PURE__*/React.createElement(Property, {
     id: getId(name, "name"),
     name: "name",
     value: name
   }), children));
 };
-var Icon = exports.Icon = function Icon(_ref3) {
-  var element = _ref3.element;
-  var _useIconType = useIconType(),
-    configType = _useIconType.type;
-  var IconDecorator = _IconRenderer.IconRenderer.createDecorator(function (Original) {
+export const Icon = ({
+  element
+}) => {
+  const {
+    type: configType
+  } = useIconType();
+  const IconDecorator = IconRenderer.createDecorator(Original => {
     return function IconRenderer() {
-      var _useIcon = (0, _IconRenderer.useIcon)(),
-        icon = _useIcon.icon;
+      const {
+        icon
+      } = useIcon();
       if (icon.type !== configType) {
-        return /*#__PURE__*/_react.default.createElement(Original, null);
+        return /*#__PURE__*/React.createElement(Original, null);
       }
       return element;
     };
   });
-  return /*#__PURE__*/_react.default.createElement(IconDecorator, null);
+  return /*#__PURE__*/React.createElement(IconDecorator, null);
 };
-var Tab = exports.Tab = function Tab(_ref4) {
-  var element = _ref4.element;
-  var _useIconType2 = useIconType(),
-    configType = _useIconType2.type;
-  var IconPickerTabDecorator = _IconPickerTab.IconPickerTabRenderer.createDecorator(function (Original) {
+export const Tab = ({
+  element
+}) => {
+  const {
+    type: configType
+  } = useIconType();
+  const IconPickerTabDecorator = IconPickerTabRenderer.createDecorator(Original => {
     return function IconPickerTabRenderer() {
-      var _useIconType3 = useIconType(),
-        type = _useIconType3.type;
+      const {
+        type
+      } = useIconType();
       if (type !== configType) {
-        return /*#__PURE__*/_react.default.createElement(Original, null);
+        return /*#__PURE__*/React.createElement(Original, null);
       }
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, element);
+      return /*#__PURE__*/React.createElement(React.Fragment, null, element);
     };
   });
-  return /*#__PURE__*/_react.default.createElement(IconPickerTabDecorator, null);
+  return /*#__PURE__*/React.createElement(IconPickerTabDecorator, null);
 };
 IconType.Icon = Icon;
 IconType.Tab = Tab;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactProperties","_IconRenderer","_IconPickerTab","IconTypeContext","React","createContext","undefined","IconTypeProvider","exports","_ref","type","children","default","createElement","Provider","value","useIconType","context","useContext","Error","IconType","_ref2","name","_ref2$before","before","_ref2$after","after","_ref2$remove","remove","getId","useIdGenerator","placeBefore","placeAfter","Property","id","array","Icon","_ref3","element","_useIconType","configType","IconDecorator","IconRenderer","createDecorator","Original","_useIcon","useIcon","icon","Tab","_ref4","_useIconType2","IconPickerTabDecorator","IconPickerTabRenderer","_useIconType3","Fragment"],"sources":["IconType.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nimport { IconRenderer, useIcon } from \"../IconRenderer\";\nimport { IconPickerTabRenderer } from \"../IconPickerTab\";\n\nexport type IconTypeProps = {\n    name: string;\n    before?: string;\n    after?: string;\n    remove?: boolean;\n    children?: React.ReactNode;\n};\n\ninterface IconTypeContext {\n    type: string;\n}\n\nconst IconTypeContext = React.createContext<IconTypeContext | undefined>(undefined);\n\ninterface IconTypeProviderProps {\n    type: string;\n    children: React.ReactNode;\n}\n\nexport const IconTypeProvider = ({ type, children }: IconTypeProviderProps) => {\n    return <IconTypeContext.Provider value={{ type }}>{children}</IconTypeContext.Provider>;\n};\n\nexport function useIconType() {\n    const context = React.useContext(IconTypeContext);\n    if (!context) {\n        throw Error(`Missing <IconTypeProvider> in the component tree!`);\n    }\n    return context;\n}\n\nexport interface IconType extends React.FC<IconTypeProps> {\n    Icon: typeof Icon;\n    Tab: typeof Tab;\n}\n\nexport const IconType: IconType = ({\n    name,\n    before = undefined,\n    after = undefined,\n    remove = false,\n    children\n}) => {\n    const getId = useIdGenerator(\"iconType\");\n\n    const placeBefore = before !== undefined ? getId(before) : undefined;\n    const placeAfter = after !== undefined ? getId(after) : undefined;\n\n    return (\n        <IconTypeProvider type={name}>\n            <Property\n                id={getId(name)}\n                name={\"iconTypes\"}\n                before={placeBefore}\n                after={placeAfter}\n                remove={remove}\n                array={true}\n            >\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                {children}\n            </Property>\n        </IconTypeProvider>\n    );\n};\n\nexport type IconProps = {\n    element: React.ReactElement;\n};\n\nexport const Icon = ({ element }: IconProps) => {\n    const { type: configType } = useIconType();\n\n    const IconDecorator = IconRenderer.createDecorator(Original => {\n        return function IconRenderer() {\n            const { icon } = useIcon();\n\n            if (icon.type !== configType) {\n                return <Original />;\n            }\n\n            return element;\n        };\n    });\n\n    return <IconDecorator />;\n};\n\nexport type TabProps = {\n    element: React.ReactElement;\n};\n\nexport const Tab = ({ element }: TabProps) => {\n    const { type: configType } = useIconType();\n\n    const IconPickerTabDecorator = IconPickerTabRenderer.createDecorator(Original => {\n        return function IconPickerTabRenderer() {\n            const { type } = useIconType();\n\n            if (type !== configType) {\n                return <Original />;\n            }\n\n            return <>{element}</>;\n        };\n    });\n\n    return <IconPickerTabDecorator />;\n};\n\nIconType.Icon = Icon;\nIconType.Tab = Tab;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Property","useIdGenerator","IconRenderer","useIcon","IconPickerTabRenderer","IconTypeContext","createContext","undefined","IconTypeProvider","type","children","createElement","Provider","value","useIconType","context","useContext","Error","IconType","name","before","after","remove","getId","placeBefore","placeAfter","id","array","Icon","element","configType","IconDecorator","createDecorator","Original","icon","Tab","IconPickerTabDecorator","Fragment"],"sources":["IconType.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nimport { IconRenderer, useIcon } from \"../IconRenderer\";\nimport { IconPickerTabRenderer } from \"../IconPickerTab\";\n\nexport type IconTypeProps = {\n    name: string;\n    before?: string;\n    after?: string;\n    remove?: boolean;\n    children?: React.ReactNode;\n};\n\ninterface IconTypeContext {\n    type: string;\n}\n\nconst IconTypeContext = React.createContext<IconTypeContext | undefined>(undefined);\n\ninterface IconTypeProviderProps {\n    type: string;\n    children: React.ReactNode;\n}\n\nexport const IconTypeProvider = ({ type, children }: IconTypeProviderProps) => {\n    return <IconTypeContext.Provider value={{ type }}>{children}</IconTypeContext.Provider>;\n};\n\nexport function useIconType() {\n    const context = React.useContext(IconTypeContext);\n    if (!context) {\n        throw Error(`Missing <IconTypeProvider> in the component tree!`);\n    }\n    return context;\n}\n\nexport interface IconType extends React.FC<IconTypeProps> {\n    Icon: typeof Icon;\n    Tab: typeof Tab;\n}\n\nexport const IconType: IconType = ({\n    name,\n    before = undefined,\n    after = undefined,\n    remove = false,\n    children\n}) => {\n    const getId = useIdGenerator(\"iconType\");\n\n    const placeBefore = before !== undefined ? getId(before) : undefined;\n    const placeAfter = after !== undefined ? getId(after) : undefined;\n\n    return (\n        <IconTypeProvider type={name}>\n            <Property\n                id={getId(name)}\n                name={\"iconTypes\"}\n                before={placeBefore}\n                after={placeAfter}\n                remove={remove}\n                array={true}\n            >\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                {children}\n            </Property>\n        </IconTypeProvider>\n    );\n};\n\nexport type IconProps = {\n    element: React.ReactElement;\n};\n\nexport const Icon = ({ element }: IconProps) => {\n    const { type: configType } = useIconType();\n\n    const IconDecorator = IconRenderer.createDecorator(Original => {\n        return function IconRenderer() {\n            const { icon } = useIcon();\n\n            if (icon.type !== configType) {\n                return <Original />;\n            }\n\n            return element;\n        };\n    });\n\n    return <IconDecorator />;\n};\n\nexport type TabProps = {\n    element: React.ReactElement;\n};\n\nexport const Tab = ({ element }: TabProps) => {\n    const { type: configType } = useIconType();\n\n    const IconPickerTabDecorator = IconPickerTabRenderer.createDecorator(Original => {\n        return function IconPickerTabRenderer() {\n            const { type } = useIconType();\n\n            if (type !== configType) {\n                return <Original />;\n            }\n\n            return <>{element}</>;\n        };\n    });\n\n    return <IconPickerTabDecorator />;\n};\n\nIconType.Icon = Icon;\nIconType.Tab = Tab;\n"],"mappings":"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","ignoreList":[]}

package/components/IconPicker/config/index.js

@@ -1,63 +1,45 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IconPickerWithConfig = exports.IconPickerConfigProvider = exports.IconPickerConfig = exports.DefaultIcons = void 0;
-exports.useIconPickerConfig = useIconPickerConfig;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactProperties = require("@webiny/react-properties");
-var _IconPackProvider = require("./IconPackProvider");
-var _IconType = require("./IconType");
-var _iconsPlugin = require("../plugins/iconsPlugin");
-var _emojisPlugin = require("../plugins/emojisPlugin");
-var _customPlugin = require("../plugins/customPlugin");
-var _app = require("@webiny/app");
-var _Emojis = require("./Emojis");
-var _FontAwesomeIcons = require("./FontAwesomeIcons");
-var base = (0, _reactProperties.createConfigurableComponent)("IconPicker");
-var IconPickerConfig = exports.IconPickerConfig = Object.assign(base.Config, {
-  IconPack: _IconPackProvider.IconPackProvider,
-  IconType: _IconType.IconType
+import React, { useMemo } from "react";
+import { createConfigurableComponent } from "@webiny/react-properties";
+import { IconPackProvider as IconPack } from "./IconPackProvider";
+import { IconType } from "./IconType";
+import { SimpleIconPlugin } from "../plugins/iconsPlugin";
+import { EmojiPlugin } from "../plugins/emojisPlugin";
+import { CustomIconPlugin } from "../plugins/customPlugin";
+import { createProvider } from "@webiny/app";
+import { Emojis } from "./Emojis";
+import { FontAwesomeIcons } from "./FontAwesomeIcons";
+const base = createConfigurableComponent("IconPicker");
+export const IconPickerConfig = Object.assign(base.Config, {
+  IconPack,
+  IconType
 });
-var IconPickerWithConfig = exports.IconPickerWithConfig = base.WithConfig;
-var IconPickerConfigProvider = exports.IconPickerConfigProvider = (0, _app.createProvider)(function (Original) {
-  return function IconPickerConfigProvider(_ref) {
-    var children = _ref.children;
-    return /*#__PURE__*/_react.default.createElement(IconPickerWithConfig, null, /*#__PURE__*/_react.default.createElement(Original, null, children));
+export const IconPickerWithConfig = base.WithConfig;
+export const IconPickerConfigProvider = createProvider(Original => {
+  return function IconPickerConfigProvider({
+    children
+  }) {
+    return /*#__PURE__*/React.createElement(IconPickerWithConfig, null, /*#__PURE__*/React.createElement(Original, null, children));
   };
 });
-var IconPackProvider = /*#__PURE__*/function () {
-  function IconPackProvider(name, loader) {
-    (0, _classCallCheck2.default)(this, IconPackProvider);
+class IconPackProvider {
+  constructor(name, loader) {
     this.name = name;
     this.loader = loader;
   }
-  return (0, _createClass2.default)(IconPackProvider, [{
-    key: "getIcons",
-    value: function getIcons() {
-      return this.loader();
-    }
-  }]);
-}();
-function useIconPickerConfig() {
-  var config = base.useConfig();
-  var iconPackProviders = config.iconPackProviders || [];
-  return (0, _react.useMemo)(function () {
-    return {
-      iconTypes: config.iconTypes || [],
-      iconPackProviders: iconPackProviders.map(function (provider) {
-        return new IconPackProvider(provider.name, provider.load);
-      })
-    };
-  }, [config]);
+  getIcons() {
+    return this.loader();
+  }
+}
+export function useIconPickerConfig() {
+  const config = base.useConfig();
+  const iconPackProviders = config.iconPackProviders || [];
+  return useMemo(() => ({
+    iconTypes: config.iconTypes || [],
+    iconPackProviders: iconPackProviders.map(provider => new IconPackProvider(provider.name, provider.load))
+  }), [config]);
 }
-var DefaultIcons = exports.DefaultIcons = function DefaultIcons() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_iconsPlugin.SimpleIconPlugin, null), /*#__PURE__*/_react.default.createElement(_emojisPlugin.EmojiPlugin, null), /*#__PURE__*/_react.default.createElement(_customPlugin.CustomIconPlugin, null), /*#__PURE__*/_react.default.createElement(_Emojis.Emojis, null), /*#__PURE__*/_react.default.createElement(_FontAwesomeIcons.FontAwesomeIcons, null));
+export const DefaultIcons = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SimpleIconPlugin, null), /*#__PURE__*/React.createElement(EmojiPlugin, null), /*#__PURE__*/React.createElement(CustomIconPlugin, null), /*#__PURE__*/React.createElement(Emojis, null), /*#__PURE__*/React.createElement(FontAwesomeIcons, null));
 };
 
 //# sourceMappingURL=index.js.map