@webiny/app-admin 5.41.4 → 5.42.0-beta.1

package/components/IconPicker/IconRepository.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconRepository = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+var _mobx = require("mobx");
+var _Loading = require("./Loading");
+var IconRepository = exports.IconRepository = /*#__PURE__*/function () {
+  function IconRepository(iconTypes, iconPackProviders) {
+    (0, _classCallCheck2.default)(this, IconRepository);
+    (0, _defineProperty2.default)(this, "icons", []);
+    this.iconTypes = iconTypes;
+    this.loading = new _Loading.Loading(true);
+    this.iconPackProviders = iconPackProviders;
+    (0, _mobx.makeAutoObservable)(this);
+  }
+  return (0, _createClass2.default)(IconRepository, [{
+    key: "loadIcons",
+    value: async function loadIcons() {
+      var _this = this;
+      if (this.icons.length > 0) {
+        return;
+      }
+      var icons = await this.runWithLoading(async function () {
+        var icons = await Promise.all(_this.iconPackProviders.map(function (provider) {
+          return provider.getIcons();
+        }));
+        return icons.flat();
+      });
+      var iconTypes = this.iconTypes.map(function (iconType) {
+        return iconType.name;
+      });
+      (0, _mobx.runInAction)(function () {
+        // Make sure we only work with known icon types.
+        _this.icons = icons.filter(function (icon) {
+          return iconTypes.includes(icon.type);
+        });
+      });
+    }
+  }, {
+    key: "getIcons",
+    value: function getIcons() {
+      return (0, _cloneDeep.default)(this.icons);
+    }
+  }, {
+    key: "addIcon",
+    value: function addIcon(icon) {
+      this.icons = [].concat((0, _toConsumableArray2.default)(this.icons), [icon]);
+    }
+  }, {
+    key: "getIconTypes",
+    value: function getIconTypes() {
+      return this.iconTypes;
+    }
+  }, {
+    key: "getLoading",
+    value: function getLoading() {
+      return {
+        isLoading: this.loading.isLoading,
+        loadingLabel: this.loading.loadingLabel,
+        message: this.loading.feedback
+      };
+    }
+  }, {
+    key: "runWithLoading",
+    value: async function runWithLoading(action, loadingLabel, successMessage, failureMessage) {
+      return await this.loading.runCallbackWithLoading(action, loadingLabel, successMessage, failureMessage);
+    }
+  }]);
+}();
+
+//# sourceMappingURL=IconRepository.js.map

package/components/IconPicker/IconRepository.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_cloneDeep","_interopRequireDefault","require","_mobx","_Loading","IconRepository","exports","iconTypes","iconPackProviders","_classCallCheck2","default","_defineProperty2","loading","Loading","makeAutoObservable","_createClass2","key","value","loadIcons","_this","icons","length","runWithLoading","Promise","all","map","provider","getIcons","flat","iconType","name","runInAction","filter","icon","includes","type","cloneDeep","addIcon","concat","_toConsumableArray2","getIconTypes","getLoading","isLoading","loadingLabel","message","feedback","action","successMessage","failureMessage","runCallbackWithLoading"],"sources":["IconRepository.ts"],"sourcesContent":["import cloneDeep from \"lodash/cloneDeep\";\nimport { makeAutoObservable, runInAction } from \"mobx\";\n\nimport { Loading } from \"./Loading\";\nimport { IconPackProviderInterface as IconPackProvider, IconType } from \"./config\";\nimport { Icon } from \"./types\";\n\nexport class IconRepository {\n    private readonly iconPackProviders: IconPackProvider[];\n    private readonly iconTypes: IconType[];\n    private loading: Loading;\n    private icons: Icon[] = [];\n\n    constructor(iconTypes: IconType[], iconPackProviders: IconPackProvider[]) {\n        this.iconTypes = iconTypes;\n        this.loading = new Loading(true);\n        this.iconPackProviders = iconPackProviders;\n        makeAutoObservable(this);\n    }\n\n    async loadIcons() {\n        if (this.icons.length > 0) {\n            return;\n        }\n\n        const icons = await this.runWithLoading(async () => {\n            const icons = await Promise.all(\n                this.iconPackProviders.map(provider => provider.getIcons())\n            );\n            return icons.flat();\n        });\n\n        const iconTypes = this.iconTypes.map(iconType => iconType.name);\n\n        runInAction(() => {\n            // Make sure we only work with known icon types.\n            this.icons = icons.filter(icon => iconTypes.includes(icon.type));\n        });\n    }\n\n    getIcons() {\n        return cloneDeep(this.icons);\n    }\n\n    addIcon(icon: Icon) {\n        this.icons = [...this.icons, icon];\n    }\n\n    getIconTypes() {\n        return this.iconTypes;\n    }\n\n    getLoading() {\n        return {\n            isLoading: this.loading.isLoading,\n            loadingLabel: this.loading.loadingLabel,\n            message: this.loading.feedback\n        };\n    }\n\n    private async runWithLoading<T>(\n        action: () => Promise<T>,\n        loadingLabel?: string,\n        successMessage?: string,\n        failureMessage?: string\n    ) {\n        return await this.loading.runCallbackWithLoading(\n            action,\n            loadingLabel,\n            successMessage,\n            failureMessage\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AAAoC,IAIvBG,cAAc,GAAAC,OAAA,CAAAD,cAAA;EAMvB,SAAAA,eAAYE,SAAqB,EAAEC,iBAAqC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAL,cAAA;IAAA,IAAAM,gBAAA,CAAAD,OAAA,iBAFlD,EAAE;IAGtB,IAAI,CAACH,SAAS,GAAGA,SAAS;IAC1B,IAAI,CAACK,OAAO,GAAG,IAAIC,gBAAO,CAAC,IAAI,CAAC;IAChC,IAAI,CAACL,iBAAiB,GAAGA,iBAAiB;IAC1C,IAAAM,wBAAkB,EAAC,IAAI,CAAC;EAC5B;EAAC,WAAAC,aAAA,CAAAL,OAAA,EAAAL,cAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,eAAMC,SAASA,CAAA,EAAG;MAAA,IAAAC,KAAA;MACd,IAAI,IAAI,CAACC,KAAK,CAACC,MAAM,GAAG,CAAC,EAAE;QACvB;MACJ;MAEA,IAAMD,KAAK,GAAG,MAAM,IAAI,CAACE,cAAc,CAAC,kBAAY;QAChD,IAAMF,KAAK,GAAG,MAAMG,OAAO,CAACC,GAAG,CAC3BL,KAAI,CAACX,iBAAiB,CAACiB,GAAG,CAAC,UAAAC,QAAQ;UAAA,OAAIA,QAAQ,CAACC,QAAQ,CAAC,CAAC;QAAA,EAC9D,CAAC;QACD,OAAOP,KAAK,CAACQ,IAAI,CAAC,CAAC;MACvB,CAAC,CAAC;MAEF,IAAMrB,SAAS,GAAG,IAAI,CAACA,SAAS,CAACkB,GAAG,CAAC,UAAAI,QAAQ;QAAA,OAAIA,QAAQ,CAACC,IAAI;MAAA,EAAC;MAE/D,IAAAC,iBAAW,EAAC,YAAM;QACd;QACAZ,KAAI,CAACC,KAAK,GAAGA,KAAK,CAACY,MAAM,CAAC,UAAAC,IAAI;UAAA,OAAI1B,SAAS,CAAC2B,QAAQ,CAACD,IAAI,CAACE,IAAI,CAAC;QAAA,EAAC;MACpE,CAAC,CAAC;IACN;EAAC;IAAAnB,GAAA;IAAAC,KAAA,EAED,SAAAU,QAAQA,CAAA,EAAG;MACP,OAAO,IAAAS,kBAAS,EAAC,IAAI,CAAChB,KAAK,CAAC;IAChC;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAAoB,OAAOA,CAACJ,IAAU,EAAE;MAChB,IAAI,CAACb,KAAK,MAAAkB,MAAA,KAAAC,mBAAA,CAAA7B,OAAA,EAAO,IAAI,CAACU,KAAK,IAAEa,IAAI,EAAC;IACtC;EAAC;IAAAjB,GAAA;IAAAC,KAAA,EAED,SAAAuB,YAAYA,CAAA,EAAG;MACX,OAAO,IAAI,CAACjC,SAAS;IACzB;EAAC;IAAAS,GAAA;IAAAC,KAAA,EAED,SAAAwB,UAAUA,CAAA,EAAG;MACT,OAAO;QACHC,SAAS,EAAE,IAAI,CAAC9B,OAAO,CAAC8B,SAAS;QACjCC,YAAY,EAAE,IAAI,CAAC/B,OAAO,CAAC+B,YAAY;QACvCC,OAAO,EAAE,IAAI,CAAChC,OAAO,CAACiC;MAC1B,CAAC;IACL;EAAC;IAAA7B,GAAA;IAAAC,KAAA,EAED,eAAcK,cAAcA,CACxBwB,MAAwB,EACxBH,YAAqB,EACrBI,cAAuB,EACvBC,cAAuB,EACzB;MACE,OAAO,MAAM,IAAI,CAACpC,OAAO,CAACqC,sBAAsB,CAC5CH,MAAM,EACNH,YAAY,EACZI,cAAc,EACdC,cACJ,CAAC;IACL;EAAC;AAAA","ignoreList":[]}

package/components/IconPicker/IconRepository.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/IconPicker/IconRepository.test.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _IconRepository = require("./IconRepository");
+var mockIconTypes = [{
+  name: "icon"
+}, {
+  name: "emoji"
+}, {
+  name: "custom"
+}];
+var mockIcons = [{
+  type: "emoji",
+  name: "thumbs_up",
+  value: "👍",
+  category: "People & Body",
+  skinToneSupport: true
+}, {
+  type: "icon",
+  name: "regular_address-book",
+  value: '<path fill="currentColor" d="M384 48c8.8 0 16 7.2 16 16v384c0 8.8-7.2 16-16 16H96c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h288zM96 0C60.7 0 32 28.7 32 64v384c0 35.3 28.7 64 64 64h288c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H96zm144 256a64 64 0 1 0 0-128a64 64 0 1 0 0 128zm-32 32c-44.2 0-80 35.8-80 80c0 8.8 7.2 16 16 16h192c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80h-64zM512 80c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V80zm-16 112c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16v-64c0-8.8-7.2-16-16-16zm16 144c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16v-64z"/>',
+  category: "Business"
+}];
+var mockIconPackProviders = [{
+  name: "mock_icons",
+  getIcons: async function getIcons() {
+    return mockIcons;
+  }
+}];
+describe("IconRepository", function () {
+  var icon = {
+    type: "icon",
+    name: "solid_bullseye",
+    value: '<path fill="currentColor" d="M448 256a192 192 0 1 0-384 0a192 192 0 1 0 384 0zM0 256a256 256 0 1 1 512 0a256 256 0 1 1-512 0zm256 80a80 80 0 1 0 0-160a80 80 0 1 0 0 160zm0-224a144 144 0 1 1 0 288a144 144 0 1 1 0-288zm-32 144a32 32 0 1 1 64 0a32 32 0 1 1-64 0z"/>',
+    category: "Business",
+    color: "#282fe6"
+  };
+  it("should create an IconRepository and load icons and iconTypes", async function () {
+    // create repository
+    var repository = new _IconRepository.IconRepository(mockIconTypes, mockIconPackProviders);
+
+    // repository should get the expected iconTypes array
+    expect(repository.getIconTypes()).toEqual(mockIconTypes);
+
+    // getIcons should return empty array
+    expect(repository.getIcons()).toEqual([]);
+
+    // load icons
+    await repository.loadIcons();
+
+    // getIcons should return the expected icons array
+    expect(repository.getIcons()).toEqual(mockIcons);
+  });
+  it("should create an IconRepository and add icon", function () {
+    // create repository
+    var repository = new _IconRepository.IconRepository(mockIconTypes, mockIconPackProviders);
+
+    // getIcons should return empty array
+    expect(repository.getIcons()).toEqual([]);
+
+    // add icon
+    repository.addIcon(icon);
+
+    // getIcons should return the expected icons array
+    expect(repository.getIcons()).toEqual([icon]);
+  });
+});
+
+//# sourceMappingURL=IconRepository.test.js.map

package/components/IconPicker/IconRepository.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_IconRepository","require","mockIconTypes","name","mockIcons","type","value","category","skinToneSupport","mockIconPackProviders","getIcons","describe","icon","color","it","repository","IconRepository","expect","getIconTypes","toEqual","loadIcons","addIcon"],"sources":["IconRepository.test.ts"],"sourcesContent":["import { IconRepository } from \"./IconRepository\";\nimport { Icon } from \"./types\";\n\nconst mockIconTypes = [{ name: \"icon\" }, { name: \"emoji\" }, { name: \"custom\" }];\n\nconst mockIcons: Icon[] = [\n    {\n        type: \"emoji\",\n        name: \"thumbs_up\",\n        value: \"👍\",\n        category: \"People & Body\",\n        skinToneSupport: true\n    },\n    {\n        type: \"icon\",\n        name: \"regular_address-book\",\n        value: '<path fill=\"currentColor\" d=\"M384 48c8.8 0 16 7.2 16 16v384c0 8.8-7.2 16-16 16H96c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h288zM96 0C60.7 0 32 28.7 32 64v384c0 35.3 28.7 64 64 64h288c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H96zm144 256a64 64 0 1 0 0-128a64 64 0 1 0 0 128zm-32 32c-44.2 0-80 35.8-80 80c0 8.8 7.2 16 16 16h192c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80h-64zM512 80c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V80zm-16 112c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16v-64c0-8.8-7.2-16-16-16zm16 144c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16v-64z\"/>',\n        category: \"Business\"\n    }\n];\n\nconst mockIconPackProviders = [\n    {\n        name: \"mock_icons\",\n        getIcons: async () => {\n            return mockIcons;\n        }\n    }\n];\n\ndescribe(\"IconRepository\", () => {\n    const icon: Icon = {\n        type: \"icon\",\n        name: \"solid_bullseye\",\n        value: '<path fill=\"currentColor\" d=\"M448 256a192 192 0 1 0-384 0a192 192 0 1 0 384 0zM0 256a256 256 0 1 1 512 0a256 256 0 1 1-512 0zm256 80a80 80 0 1 0 0-160a80 80 0 1 0 0 160zm0-224a144 144 0 1 1 0 288a144 144 0 1 1 0-288zm-32 144a32 32 0 1 1 64 0a32 32 0 1 1-64 0z\"/>',\n        category: \"Business\",\n        color: \"#282fe6\"\n    };\n\n    it(\"should create an IconRepository and load icons and iconTypes\", async () => {\n        // create repository\n        const repository = new IconRepository(mockIconTypes, mockIconPackProviders);\n\n        // repository should get the expected iconTypes array\n        expect(repository.getIconTypes()).toEqual(mockIconTypes);\n\n        // getIcons should return empty array\n        expect(repository.getIcons()).toEqual([]);\n\n        // load icons\n        await repository.loadIcons();\n\n        // getIcons should return the expected icons array\n        expect(repository.getIcons()).toEqual(mockIcons);\n    });\n\n    it(\"should create an IconRepository and add icon\", () => {\n        // create repository\n        const repository = new IconRepository(mockIconTypes, mockIconPackProviders);\n\n        // getIcons should return empty array\n        expect(repository.getIcons()).toEqual([]);\n\n        // add icon\n        repository.addIcon(icon);\n\n        // getIcons should return the expected icons array\n        expect(repository.getIcons()).toEqual([icon]);\n    });\n});\n"],"mappings":";;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAGA,IAAMC,aAAa,GAAG,CAAC;EAAEC,IAAI,EAAE;AAAO,CAAC,EAAE;EAAEA,IAAI,EAAE;AAAQ,CAAC,EAAE;EAAEA,IAAI,EAAE;AAAS,CAAC,CAAC;AAE/E,IAAMC,SAAiB,GAAG,CACtB;EACIC,IAAI,EAAE,OAAO;EACbF,IAAI,EAAE,WAAW;EACjBG,KAAK,EAAE,IAAI;EACXC,QAAQ,EAAE,eAAe;EACzBC,eAAe,EAAE;AACrB,CAAC,EACD;EACIH,IAAI,EAAE,MAAM;EACZF,IAAI,EAAE,sBAAsB;EAC5BG,KAAK,EAAE,inBAAinB;EACxnBC,QAAQ,EAAE;AACd,CAAC,CACJ;AAED,IAAME,qBAAqB,GAAG,CAC1B;EACIN,IAAI,EAAE,YAAY;EAClBO,QAAQ,EAAE,eAAVA,QAAQA,CAAA,EAAc;IAClB,OAAON,SAAS;EACpB;AACJ,CAAC,CACJ;AAEDO,QAAQ,CAAC,gBAAgB,EAAE,YAAM;EAC7B,IAAMC,IAAU,GAAG;IACfP,IAAI,EAAE,MAAM;IACZF,IAAI,EAAE,gBAAgB;IACtBG,KAAK,EAAE,wQAAwQ;IAC/QC,QAAQ,EAAE,UAAU;IACpBM,KAAK,EAAE;EACX,CAAC;EAEDC,EAAE,CAAC,8DAA8D,EAAE,kBAAY;IAC3E;IACA,IAAMC,UAAU,GAAG,IAAIC,8BAAc,CAACd,aAAa,EAAEO,qBAAqB,CAAC;;IAE3E;IACAQ,MAAM,CAACF,UAAU,CAACG,YAAY,CAAC,CAAC,CAAC,CAACC,OAAO,CAACjB,aAAa,CAAC;;IAExD;IACAe,MAAM,CAACF,UAAU,CAACL,QAAQ,CAAC,CAAC,CAAC,CAACS,OAAO,CAAC,EAAE,CAAC;;IAEzC;IACA,MAAMJ,UAAU,CAACK,SAAS,CAAC,CAAC;;IAE5B;IACAH,MAAM,CAACF,UAAU,CAACL,QAAQ,CAAC,CAAC,CAAC,CAACS,OAAO,CAACf,SAAS,CAAC;EACpD,CAAC,CAAC;EAEFU,EAAE,CAAC,8CAA8C,EAAE,YAAM;IACrD;IACA,IAAMC,UAAU,GAAG,IAAIC,8BAAc,CAACd,aAAa,EAAEO,qBAAqB,CAAC;;IAE3E;IACAQ,MAAM,CAACF,UAAU,CAACL,QAAQ,CAAC,CAAC,CAAC,CAACS,OAAO,CAAC,EAAE,CAAC;;IAEzC;IACAJ,UAAU,CAACM,OAAO,CAACT,IAAI,CAAC;;IAExB;IACAK,MAAM,CAACF,UAAU,CAACL,QAAQ,CAAC,CAAC,CAAC,CAACS,OAAO,CAAC,CAACP,IAAI,CAAC,CAAC;EACjD,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

package/components/IconPicker/IconRepositoryFactory.d.ts

@@ -0,0 +1,9 @@
+import { IconRepository } from "./IconRepository";
+import { IconPackProviderInterface as IconPackProvider, IconType } from "./config";
+declare class IconRepositoryFactory {
+    private cache;
+    getRepository(iconTypes: IconType[], iconPackProviders: IconPackProvider[]): IconRepository;
+    private getCacheKey;
+}
+export declare const iconRepositoryFactory: IconRepositoryFactory;
+export {};

package/components/IconPicker/IconRepositoryFactory.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.iconRepositoryFactory = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _IconRepository = require("./IconRepository");
+var IconRepositoryFactory = /*#__PURE__*/function () {
+  function IconRepositoryFactory() {
+    (0, _classCallCheck2.default)(this, IconRepositoryFactory);
+    (0, _defineProperty2.default)(this, "cache", new Map());
+  }
+  return (0, _createClass2.default)(IconRepositoryFactory, [{
+    key: "getRepository",
+    value: function getRepository(iconTypes, iconPackProviders) {
+      var cacheKey = this.getCacheKey(iconTypes, iconPackProviders);
+      if (!this.cache.has(cacheKey)) {
+        this.cache.set(cacheKey, new _IconRepository.IconRepository(iconTypes, iconPackProviders));
+      }
+      return this.cache.get(cacheKey);
+    }
+  }, {
+    key: "getCacheKey",
+    value: function getCacheKey(iconTypes, iconPackProviders) {
+      return [].concat((0, _toConsumableArray2.default)(iconTypes.map(function (iconType) {
+        return iconType.name;
+      }).sort()), (0, _toConsumableArray2.default)(iconPackProviders.map(function (provider) {
+        return provider.name;
+      }).sort())).join("#");
+    }
+  }]);
+}();
+var iconRepositoryFactory = exports.iconRepositoryFactory = new IconRepositoryFactory();
+
+//# sourceMappingURL=IconRepositoryFactory.js.map

package/components/IconPicker/IconRepositoryFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_IconRepository","require","IconRepositoryFactory","_classCallCheck2","default","_defineProperty2","Map","_createClass2","key","value","getRepository","iconTypes","iconPackProviders","cacheKey","getCacheKey","cache","has","set","IconRepository","get","concat","_toConsumableArray2","map","iconType","name","sort","provider","join","iconRepositoryFactory","exports"],"sources":["IconRepositoryFactory.ts"],"sourcesContent":["import { IconRepository } from \"./IconRepository\";\nimport { IconPackProviderInterface as IconPackProvider, IconType } from \"./config\";\n\nclass IconRepositoryFactory {\n    private cache: Map<string, IconRepository> = new Map();\n\n    getRepository(iconTypes: IconType[], iconPackProviders: IconPackProvider[]) {\n        const cacheKey = this.getCacheKey(iconTypes, iconPackProviders);\n\n        if (!this.cache.has(cacheKey)) {\n            this.cache.set(cacheKey, new IconRepository(iconTypes, iconPackProviders));\n        }\n\n        return this.cache.get(cacheKey) as IconRepository;\n    }\n\n    private getCacheKey(iconTypes: IconType[], iconPackProviders: IconPackProvider[]) {\n        return [\n            ...iconTypes.map(iconType => iconType.name).sort(),\n            ...iconPackProviders.map(provider => provider.name).sort()\n        ].join(\"#\");\n    }\n}\n\nexport const iconRepositoryFactory = new IconRepositoryFactory();\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAkD,IAG5CC,qBAAqB;EAAA,SAAAA,sBAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAF,qBAAA;IAAA,IAAAG,gBAAA,CAAAD,OAAA,iBACsB,IAAIE,GAAG,CAAC,CAAC;EAAA;EAAA,WAAAC,aAAA,CAAAH,OAAA,EAAAF,qBAAA;IAAAM,GAAA;IAAAC,KAAA,EAEtD,SAAAC,aAAaA,CAACC,SAAqB,EAAEC,iBAAqC,EAAE;MACxE,IAAMC,QAAQ,GAAG,IAAI,CAACC,WAAW,CAACH,SAAS,EAAEC,iBAAiB,CAAC;MAE/D,IAAI,CAAC,IAAI,CAACG,KAAK,CAACC,GAAG,CAACH,QAAQ,CAAC,EAAE;QAC3B,IAAI,CAACE,KAAK,CAACE,GAAG,CAACJ,QAAQ,EAAE,IAAIK,8BAAc,CAACP,SAAS,EAAEC,iBAAiB,CAAC,CAAC;MAC9E;MAEA,OAAO,IAAI,CAACG,KAAK,CAACI,GAAG,CAACN,QAAQ,CAAC;IACnC;EAAC;IAAAL,GAAA;IAAAC,KAAA,EAED,SAAQK,WAAWA,CAACH,SAAqB,EAAEC,iBAAqC,EAAE;MAC9E,OAAO,GAAAQ,MAAA,KAAAC,mBAAA,CAAAjB,OAAA,EACAO,SAAS,CAACW,GAAG,CAAC,UAAAC,QAAQ;QAAA,OAAIA,QAAQ,CAACC,IAAI;MAAA,EAAC,CAACC,IAAI,CAAC,CAAC,OAAAJ,mBAAA,CAAAjB,OAAA,EAC/CQ,iBAAiB,CAACU,GAAG,CAAC,UAAAI,QAAQ;QAAA,OAAIA,QAAQ,CAACF,IAAI;MAAA,EAAC,CAACC,IAAI,CAAC,CAAC,GAC5DE,IAAI,CAAC,GAAG,CAAC;IACf;EAAC;AAAA;AAGE,IAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAI1B,qBAAqB,CAAC,CAAC","ignoreList":[]}

package/components/IconPicker/Loading.d.ts

@@ -0,0 +1,14 @@
+export declare class Loading {
+    private _isLoading;
+    private _loadingLabel;
+    private _feedback;
+    private _success;
+    constructor(isLoading?: boolean);
+    startLoading(label?: string): void;
+    stopLoadingWithSuccess(message?: string): void;
+    stopLoadingWithError(message?: string): void;
+    get isLoading(): boolean;
+    get loadingLabel(): string;
+    get feedback(): string;
+    runCallbackWithLoading<T>(callback: () => Promise<T>, loadingLabel?: string, successMessage?: string, failureMessage?: string): Promise<T>;
+}

package/components/IconPicker/Loading.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Loading = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _mobx = require("mobx");
+var Loading = exports.Loading = /*#__PURE__*/function () {
+  function Loading() {
+    var isLoading = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    (0, _classCallCheck2.default)(this, Loading);
+    this._isLoading = isLoading;
+    this._loadingLabel = "";
+    this._feedback = "";
+    this._success = false;
+    (0, _mobx.makeAutoObservable)(this);
+  }
+  return (0, _createClass2.default)(Loading, [{
+    key: "startLoading",
+    value: function startLoading(label) {
+      this._isLoading = true;
+      this._loadingLabel = label || "";
+      this._feedback = "";
+      this._success = false;
+    }
+  }, {
+    key: "stopLoadingWithSuccess",
+    value: function stopLoadingWithSuccess(message) {
+      this._isLoading = false;
+      this._loadingLabel = "";
+      this._feedback = message || "";
+      this._success = true;
+    }
+  }, {
+    key: "stopLoadingWithError",
+    value: function stopLoadingWithError(message) {
+      this._isLoading = false;
+      this._loadingLabel = "";
+      this._feedback = message || "";
+      this._success = false;
+    }
+  }, {
+    key: "isLoading",
+    get: function get() {
+      return this._isLoading;
+    }
+  }, {
+    key: "loadingLabel",
+    get: function get() {
+      return this._loadingLabel;
+    }
+  }, {
+    key: "feedback",
+    get: function get() {
+      return this._feedback;
+    }
+  }, {
+    key: "runCallbackWithLoading",
+    value: async function runCallbackWithLoading(callback, loadingLabel, successMessage, failureMessage) {
+      try {
+        this.startLoading(loadingLabel);
+        var result = await callback();
+        this.stopLoadingWithSuccess(successMessage);
+        return result;
+      } catch (e) {
+        this.stopLoadingWithError(e.message || failureMessage);
+        throw e;
+      }
+    }
+  }]);
+}();
+
+//# sourceMappingURL=Loading.js.map

package/components/IconPicker/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","Loading","exports","isLoading","arguments","length","undefined","_classCallCheck2","default","_isLoading","_loadingLabel","_feedback","_success","makeAutoObservable","_createClass2","key","value","startLoading","label","stopLoadingWithSuccess","message","stopLoadingWithError","get","runCallbackWithLoading","callback","loadingLabel","successMessage","failureMessage","result","e"],"sources":["Loading.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nexport class Loading {\n    private _isLoading: boolean;\n    private _loadingLabel: string;\n    private _feedback: string;\n    private _success: boolean;\n\n    constructor(isLoading = false) {\n        this._isLoading = isLoading;\n        this._loadingLabel = \"\";\n        this._feedback = \"\";\n        this._success = false;\n        makeAutoObservable(this);\n    }\n\n    startLoading(label?: string) {\n        this._isLoading = true;\n        this._loadingLabel = label || \"\";\n        this._feedback = \"\";\n        this._success = false;\n    }\n\n    stopLoadingWithSuccess(message?: string) {\n        this._isLoading = false;\n        this._loadingLabel = \"\";\n        this._feedback = message || \"\";\n        this._success = true;\n    }\n\n    stopLoadingWithError(message?: string) {\n        this._isLoading = false;\n        this._loadingLabel = \"\";\n        this._feedback = message || \"\";\n        this._success = false;\n    }\n\n    get isLoading() {\n        return this._isLoading;\n    }\n\n    get loadingLabel() {\n        return this._loadingLabel;\n    }\n\n    get feedback() {\n        return this._feedback;\n    }\n\n    async runCallbackWithLoading<T>(\n        callback: () => Promise<T>,\n        loadingLabel?: string,\n        successMessage?: string,\n        failureMessage?: string\n    ): Promise<T> {\n        try {\n            this.startLoading(loadingLabel);\n            const result = await callback();\n            this.stopLoadingWithSuccess(successMessage);\n            return result;\n        } catch (e) {\n            this.stopLoadingWithError(e.message || failureMessage);\n            throw e;\n        }\n    }\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAA0C,IAE7BC,OAAO,GAAAC,OAAA,CAAAD,OAAA;EAMhB,SAAAA,QAAA,EAA+B;IAAA,IAAnBE,SAAS,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAP,OAAA;IACzB,IAAI,CAACQ,UAAU,GAAGN,SAAS;IAC3B,IAAI,CAACO,aAAa,GAAG,EAAE;IACvB,IAAI,CAACC,SAAS,GAAG,EAAE;IACnB,IAAI,CAACC,QAAQ,GAAG,KAAK;IACrB,IAAAC,wBAAkB,EAAC,IAAI,CAAC;EAC5B;EAAC,WAAAC,aAAA,CAAAN,OAAA,EAAAP,OAAA;IAAAc,GAAA;IAAAC,KAAA,EAED,SAAAC,YAAYA,CAACC,KAAc,EAAE;MACzB,IAAI,CAACT,UAAU,GAAG,IAAI;MACtB,IAAI,CAACC,aAAa,GAAGQ,KAAK,IAAI,EAAE;MAChC,IAAI,CAACP,SAAS,GAAG,EAAE;MACnB,IAAI,CAACC,QAAQ,GAAG,KAAK;IACzB;EAAC;IAAAG,GAAA;IAAAC,KAAA,EAED,SAAAG,sBAAsBA,CAACC,OAAgB,EAAE;MACrC,IAAI,CAACX,UAAU,GAAG,KAAK;MACvB,IAAI,CAACC,aAAa,GAAG,EAAE;MACvB,IAAI,CAACC,SAAS,GAAGS,OAAO,IAAI,EAAE;MAC9B,IAAI,CAACR,QAAQ,GAAG,IAAI;IACxB;EAAC;IAAAG,GAAA;IAAAC,KAAA,EAED,SAAAK,oBAAoBA,CAACD,OAAgB,EAAE;MACnC,IAAI,CAACX,UAAU,GAAG,KAAK;MACvB,IAAI,CAACC,aAAa,GAAG,EAAE;MACvB,IAAI,CAACC,SAAS,GAAGS,OAAO,IAAI,EAAE;MAC9B,IAAI,CAACR,QAAQ,GAAG,KAAK;IACzB;EAAC;IAAAG,GAAA;IAAAO,GAAA,EAED,SAAAA,IAAA,EAAgB;MACZ,OAAO,IAAI,CAACb,UAAU;IAC1B;EAAC;IAAAM,GAAA;IAAAO,GAAA,EAED,SAAAA,IAAA,EAAmB;MACf,OAAO,IAAI,CAACZ,aAAa;IAC7B;EAAC;IAAAK,GAAA;IAAAO,GAAA,EAED,SAAAA,IAAA,EAAe;MACX,OAAO,IAAI,CAACX,SAAS;IACzB;EAAC;IAAAI,GAAA;IAAAC,KAAA,EAED,eAAMO,sBAAsBA,CACxBC,QAA0B,EAC1BC,YAAqB,EACrBC,cAAuB,EACvBC,cAAuB,EACb;MACV,IAAI;QACA,IAAI,CAACV,YAAY,CAACQ,YAAY,CAAC;QAC/B,IAAMG,MAAM,GAAG,MAAMJ,QAAQ,CAAC,CAAC;QAC/B,IAAI,CAACL,sBAAsB,CAACO,cAAc,CAAC;QAC3C,OAAOE,MAAM;MACjB,CAAC,CAAC,OAAOC,CAAC,EAAE;QACR,IAAI,CAACR,oBAAoB,CAACQ,CAAC,CAACT,OAAO,IAAIO,cAAc,CAAC;QACtD,MAAME,CAAC;MACX;IACJ;EAAC;AAAA","ignoreList":[]}

package/components/IconPicker/config/Emojis.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Emojis: () => React.JSX.Element;

package/components/IconPicker/config/Emojis.js

@@ -0,0 +1,31 @@
+"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, {
+    name: "default_emojis",
+    provider: async function provider() {
+      var 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];
+        return {
+          type: "emoji",
+          name: emoji.slug,
+          value: key,
+          category: emoji.group,
+          skinToneSupport: emoji.skin_tone_support
+        };
+      });
+    }
+  }));
+};
+
+//# sourceMappingURL=Emojis.js.map

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

@@ -0,0 +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":[]}

package/components/IconPicker/config/FontAwesomeIcons.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FontAwesomeIcons: () => React.JSX.Element;

package/components/IconPicker/config/FontAwesomeIcons.js

@@ -0,0 +1,74 @@
+"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, {
+    name: "fa6_brands",
+    provider: async function provider() {
+      var 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];
+        return {
+          type: "icon",
+          name: "fa6_brands_".concat(key),
+          value: icon.body,
+          category: Object.keys(categories).find(function (categoryKey) {
+            return categories[categoryKey].includes(key);
+          }),
+          width: icon.width
+        };
+      });
+    }
+  }), /*#__PURE__*/_react.default.createElement(_.IconPickerConfig.IconPack, {
+    name: "fa6_regular",
+    provider: async function provider() {
+      var 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];
+        return {
+          type: "icon",
+          name: "fa6_regular_".concat(key),
+          value: icon.body,
+          category: Object.keys(categories).find(function (categoryKey) {
+            return categories[categoryKey].includes(key);
+          }),
+          width: icon.width
+        };
+      });
+    }
+  }), /*#__PURE__*/_react.default.createElement(_.IconPickerConfig.IconPack, {
+    name: "fa6_solid",
+    provider: async function provider() {
+      var 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];
+        return {
+          type: "icon",
+          name: "fa6_solid_".concat(key),
+          value: icon.body,
+          category: Object.keys(categories).find(function (categoryKey) {
+            return categories[categoryKey].includes(key);
+          }),
+          width: icon.width
+        };
+      });
+    }
+  }));
+};
+
+//# sourceMappingURL=FontAwesomeIcons.js.map

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

@@ -0,0 +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":[]}

package/components/IconPicker/config/IconPackProvider.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { Icon } from "../types";
+export type IconPackProviderProps = {
+    name: string;
+    provider: () => Promise<Icon[]> | Icon[];
+};
+export declare const IconPackProvider: ({ name, provider }: IconPackProviderProps) => React.JSX.Element;

package/components/IconPicker/config/IconPackProvider.js

@@ -0,0 +1,29 @@
+"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, {
+    id: getId(name),
+    name: "iconPackProviders",
+    array: true
+  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: getId(name, "name"),
+    name: "name",
+    value: name
+  }), /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: getId(name, "load"),
+    name: "load",
+    value: provider
+  }));
+};
+
+//# sourceMappingURL=IconPackProvider.js.map

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

@@ -0,0 +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":[]}

package/components/IconPicker/config/IconType.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+export type IconTypeProps = {
+    name: string;
+    before?: string;
+    after?: string;
+    remove?: boolean;
+    children?: React.ReactNode;
+};
+interface IconTypeContext {
+    type: string;
+}
+declare const IconTypeContext: React.Context<IconTypeContext | undefined>;
+interface IconTypeProviderProps {
+    type: string;
+    children: React.ReactNode;
+}
+export declare const IconTypeProvider: ({ type, children }: IconTypeProviderProps) => React.JSX.Element;
+export declare function useIconType(): IconTypeContext;
+export interface IconType extends React.FC<IconTypeProps> {
+    Icon: typeof Icon;
+    Tab: typeof Tab;
+}
+export declare const IconType: IconType;
+export type IconProps = {
+    element: React.ReactElement;
+};
+export declare const Icon: ({ element }: IconProps) => React.JSX.Element;
+export type TabProps = {
+    element: React.ReactElement;
+};
+export declare const Tab: ({ element }: TabProps) => React.JSX.Element;
+export {};