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

package/components/IconPicker/IconRepository.js

@@ -1,79 +1,47 @@
-"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", []);
+import cloneDeep from "lodash/cloneDeep";
+import { makeAutoObservable, runInAction } from "mobx";
+import { Loading } from "./Loading";
+export class IconRepository {
+  icons = [];
+  constructor(iconTypes, iconPackProviders) {
     this.iconTypes = iconTypes;
-    this.loading = new _Loading.Loading(true);
+    this.loading = new Loading(true);
     this.iconPackProviders = iconPackProviders;
-    (0, _mobx.makeAutoObservable)(this);
+    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);
+  async loadIcons() {
+    if (this.icons.length > 0) {
+      return;
     }
-  }]);
-}();
+    const icons = await this.runWithLoading(async () => {
+      const icons = await Promise.all(this.iconPackProviders.map(provider => provider.getIcons()));
+      return icons.flat();
+    });
+    const iconTypes = this.iconTypes.map(iconType => iconType.name);
+    runInAction(() => {
+      // Make sure we only work with known icon types.
+      this.icons = icons.filter(icon => iconTypes.includes(icon.type));
+    });
+  }
+  getIcons() {
+    return cloneDeep(this.icons);
+  }
+  addIcon(icon) {
+    this.icons = [...this.icons, icon];
+  }
+  getIconTypes() {
+    return this.iconTypes;
+  }
+  getLoading() {
+    return {
+      isLoading: this.loading.isLoading,
+      loadingLabel: this.loading.loadingLabel,
+      message: this.loading.feedback
+    };
+  }
+  async runWithLoading(action, loadingLabel, successMessage, failureMessage) {
+    return await this.loading.runCallbackWithLoading(action, loadingLabel, successMessage, failureMessage);
+  }
+}
 
 //# sourceMappingURL=IconRepository.js.map

package/components/IconPicker/IconRepository.js.map

@@ -1 +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":[]}
+{"version":3,"names":["cloneDeep","makeAutoObservable","runInAction","Loading","IconRepository","icons","constructor","iconTypes","iconPackProviders","loading","loadIcons","length","runWithLoading","Promise","all","map","provider","getIcons","flat","iconType","name","filter","icon","includes","type","addIcon","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,OAAOA,SAAS,MAAM,kBAAkB;AACxC,SAASC,kBAAkB,EAAEC,WAAW,QAAQ,MAAM;AAEtD,SAASC,OAAO;AAIhB,OAAO,MAAMC,cAAc,CAAC;EAIhBC,KAAK,GAAW,EAAE;EAE1BC,WAAWA,CAACC,SAAqB,EAAEC,iBAAqC,EAAE;IACtE,IAAI,CAACD,SAAS,GAAGA,SAAS;IAC1B,IAAI,CAACE,OAAO,GAAG,IAAIN,OAAO,CAAC,IAAI,CAAC;IAChC,IAAI,CAACK,iBAAiB,GAAGA,iBAAiB;IAC1CP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,MAAMS,SAASA,CAAA,EAAG;IACd,IAAI,IAAI,CAACL,KAAK,CAACM,MAAM,GAAG,CAAC,EAAE;MACvB;IACJ;IAEA,MAAMN,KAAK,GAAG,MAAM,IAAI,CAACO,cAAc,CAAC,YAAY;MAChD,MAAMP,KAAK,GAAG,MAAMQ,OAAO,CAACC,GAAG,CAC3B,IAAI,CAACN,iBAAiB,CAACO,GAAG,CAACC,QAAQ,IAAIA,QAAQ,CAACC,QAAQ,CAAC,CAAC,CAC9D,CAAC;MACD,OAAOZ,KAAK,CAACa,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAMX,SAAS,GAAG,IAAI,CAACA,SAAS,CAACQ,GAAG,CAACI,QAAQ,IAAIA,QAAQ,CAACC,IAAI,CAAC;IAE/DlB,WAAW,CAAC,MAAM;MACd;MACA,IAAI,CAACG,KAAK,GAAGA,KAAK,CAACgB,MAAM,CAACC,IAAI,IAAIf,SAAS,CAACgB,QAAQ,CAACD,IAAI,CAACE,IAAI,CAAC,CAAC;IACpE,CAAC,CAAC;EACN;EAEAP,QAAQA,CAAA,EAAG;IACP,OAAOjB,SAAS,CAAC,IAAI,CAACK,KAAK,CAAC;EAChC;EAEAoB,OAAOA,CAACH,IAAU,EAAE;IAChB,IAAI,CAACjB,KAAK,GAAG,CAAC,GAAG,IAAI,CAACA,KAAK,EAAEiB,IAAI,CAAC;EACtC;EAEAI,YAAYA,CAAA,EAAG;IACX,OAAO,IAAI,CAACnB,SAAS;EACzB;EAEAoB,UAAUA,CAAA,EAAG;IACT,OAAO;MACHC,SAAS,EAAE,IAAI,CAACnB,OAAO,CAACmB,SAAS;MACjCC,YAAY,EAAE,IAAI,CAACpB,OAAO,CAACoB,YAAY;MACvCC,OAAO,EAAE,IAAI,CAACrB,OAAO,CAACsB;IAC1B,CAAC;EACL;EAEA,MAAcnB,cAAcA,CACxBoB,MAAwB,EACxBH,YAAqB,EACrBI,cAAuB,EACvBC,cAAuB,EACzB;IACE,OAAO,MAAM,IAAI,CAACzB,OAAO,CAAC0B,sBAAsB,CAC5CH,MAAM,EACNH,YAAY,EACZI,cAAc,EACdC,cACJ,CAAC;EACL;AACJ","ignoreList":[]}

package/components/IconPicker/IconRepository.test.js

@@ -1,14 +1,12 @@
-"use strict";
-
-var _IconRepository = require("./IconRepository");
-var mockIconTypes = [{
+import { IconRepository } from "./IconRepository";
+const mockIconTypes = [{
   name: "icon"
 }, {
   name: "emoji"
 }, {
   name: "custom"
 }];
-var mockIcons = [{
+const mockIcons = [{
   type: "emoji",
   name: "thumbs_up",
   value: "👍",
@@ -20,23 +18,23 @@ var mockIcons = [{
   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 = [{
+const mockIconPackProviders = [{
   name: "mock_icons",
-  getIcons: async function getIcons() {
+  getIcons: async () => {
     return mockIcons;
   }
 }];
-describe("IconRepository", function () {
-  var icon = {
+describe("IconRepository", () => {
+  const 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 () {
+  it("should create an IconRepository and load icons and iconTypes", async () => {
     // create repository
-    var repository = new _IconRepository.IconRepository(mockIconTypes, mockIconPackProviders);
+    const repository = new IconRepository(mockIconTypes, mockIconPackProviders);
 
     // repository should get the expected iconTypes array
     expect(repository.getIconTypes()).toEqual(mockIconTypes);
@@ -50,9 +48,9 @@ describe("IconRepository", function () {
     // getIcons should return the expected icons array
     expect(repository.getIcons()).toEqual(mockIcons);
   });
-  it("should create an IconRepository and add icon", function () {
+  it("should create an IconRepository and add icon", () => {
     // create repository
-    var repository = new _IconRepository.IconRepository(mockIconTypes, mockIconPackProviders);
+    const repository = new IconRepository(mockIconTypes, mockIconPackProviders);
 
     // getIcons should return empty array
     expect(repository.getIcons()).toEqual([]);

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

@@ -1 +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":[]}
+{"version":3,"names":["IconRepository","mockIconTypes","name","mockIcons","type","value","category","skinToneSupport","mockIconPackProviders","getIcons","describe","icon","color","it","repository","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,SAASA,cAAc;AAGvB,MAAMC,aAAa,GAAG,CAAC;EAAEC,IAAI,EAAE;AAAO,CAAC,EAAE;EAAEA,IAAI,EAAE;AAAQ,CAAC,EAAE;EAAEA,IAAI,EAAE;AAAS,CAAC,CAAC;AAE/E,MAAMC,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,MAAME,qBAAqB,GAAG,CAC1B;EACIN,IAAI,EAAE,YAAY;EAClBO,QAAQ,EAAE,MAAAA,CAAA,KAAY;IAClB,OAAON,SAAS;EACpB;AACJ,CAAC,CACJ;AAEDO,QAAQ,CAAC,gBAAgB,EAAE,MAAM;EAC7B,MAAMC,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,YAAY;IAC3E;IACA,MAAMC,UAAU,GAAG,IAAId,cAAc,CAACC,aAAa,EAAEO,qBAAqB,CAAC;;IAE3E;IACAO,MAAM,CAACD,UAAU,CAACE,YAAY,CAAC,CAAC,CAAC,CAACC,OAAO,CAAChB,aAAa,CAAC;;IAExD;IACAc,MAAM,CAACD,UAAU,CAACL,QAAQ,CAAC,CAAC,CAAC,CAACQ,OAAO,CAAC,EAAE,CAAC;;IAEzC;IACA,MAAMH,UAAU,CAACI,SAAS,CAAC,CAAC;;IAE5B;IACAH,MAAM,CAACD,UAAU,CAACL,QAAQ,CAAC,CAAC,CAAC,CAACQ,OAAO,CAACd,SAAS,CAAC;EACpD,CAAC,CAAC;EAEFU,EAAE,CAAC,8CAA8C,EAAE,MAAM;IACrD;IACA,MAAMC,UAAU,GAAG,IAAId,cAAc,CAACC,aAAa,EAAEO,qBAAqB,CAAC;;IAE3E;IACAO,MAAM,CAACD,UAAU,CAACL,QAAQ,CAAC,CAAC,CAAC,CAACQ,OAAO,CAAC,EAAE,CAAC;;IAEzC;IACAH,UAAU,CAACK,OAAO,CAACR,IAAI,CAAC;;IAExB;IACAI,MAAM,CAACD,UAAU,CAACL,QAAQ,CAAC,CAAC,CAAC,CAACQ,OAAO,CAAC,CAACN,IAAI,CAAC,CAAC;EACjD,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

package/components/IconPicker/IconRepositoryFactory.js

@@ -1,40 +1,17 @@
-"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("#");
+import { IconRepository } from "./IconRepository";
+class IconRepositoryFactory {
+  cache = new Map();
+  getRepository(iconTypes, iconPackProviders) {
+    const cacheKey = this.getCacheKey(iconTypes, iconPackProviders);
+    if (!this.cache.has(cacheKey)) {
+      this.cache.set(cacheKey, new IconRepository(iconTypes, iconPackProviders));
     }
-  }]);
-}();
-var iconRepositoryFactory = exports.iconRepositoryFactory = new IconRepositoryFactory();
+    return this.cache.get(cacheKey);
+  }
+  getCacheKey(iconTypes, iconPackProviders) {
+    return [...iconTypes.map(iconType => iconType.name).sort(), ...iconPackProviders.map(provider => provider.name).sort()].join("#");
+  }
+}
+export const iconRepositoryFactory = new IconRepositoryFactory();
 
 //# sourceMappingURL=IconRepositoryFactory.js.map

package/components/IconPicker/IconRepositoryFactory.js.map

@@ -1 +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":[]}
+{"version":3,"names":["IconRepository","IconRepositoryFactory","cache","Map","getRepository","iconTypes","iconPackProviders","cacheKey","getCacheKey","has","set","get","map","iconType","name","sort","provider","join","iconRepositoryFactory"],"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,SAASA,cAAc;AAGvB,MAAMC,qBAAqB,CAAC;EAChBC,KAAK,GAAgC,IAAIC,GAAG,CAAC,CAAC;EAEtDC,aAAaA,CAACC,SAAqB,EAAEC,iBAAqC,EAAE;IACxE,MAAMC,QAAQ,GAAG,IAAI,CAACC,WAAW,CAACH,SAAS,EAAEC,iBAAiB,CAAC;IAE/D,IAAI,CAAC,IAAI,CAACJ,KAAK,CAACO,GAAG,CAACF,QAAQ,CAAC,EAAE;MAC3B,IAAI,CAACL,KAAK,CAACQ,GAAG,CAACH,QAAQ,EAAE,IAAIP,cAAc,CAACK,SAAS,EAAEC,iBAAiB,CAAC,CAAC;IAC9E;IAEA,OAAO,IAAI,CAACJ,KAAK,CAACS,GAAG,CAACJ,QAAQ,CAAC;EACnC;EAEQC,WAAWA,CAACH,SAAqB,EAAEC,iBAAqC,EAAE;IAC9E,OAAO,CACH,GAAGD,SAAS,CAACO,GAAG,CAACC,QAAQ,IAAIA,QAAQ,CAACC,IAAI,CAAC,CAACC,IAAI,CAAC,CAAC,EAClD,GAAGT,iBAAiB,CAACM,GAAG,CAACI,QAAQ,IAAIA,QAAQ,CAACF,IAAI,CAAC,CAACC,IAAI,CAAC,CAAC,CAC7D,CAACE,IAAI,CAAC,GAAG,CAAC;EACf;AACJ;AAEA,OAAO,MAAMC,qBAAqB,GAAG,IAAIjB,qBAAqB,CAAC,CAAC","ignoreList":[]}

package/components/IconPicker/Loading.js

@@ -1,76 +1,50 @@
-"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);
+import { makeAutoObservable } from "mobx";
+export class Loading {
+  constructor(isLoading = false) {
     this._isLoading = isLoading;
     this._loadingLabel = "";
     this._feedback = "";
     this._success = false;
-    (0, _mobx.makeAutoObservable)(this);
+    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;
-      }
+  startLoading(label) {
+    this._isLoading = true;
+    this._loadingLabel = label || "";
+    this._feedback = "";
+    this._success = false;
+  }
+  stopLoadingWithSuccess(message) {
+    this._isLoading = false;
+    this._loadingLabel = "";
+    this._feedback = message || "";
+    this._success = true;
+  }
+  stopLoadingWithError(message) {
+    this._isLoading = false;
+    this._loadingLabel = "";
+    this._feedback = message || "";
+    this._success = false;
+  }
+  get isLoading() {
+    return this._isLoading;
+  }
+  get loadingLabel() {
+    return this._loadingLabel;
+  }
+  get feedback() {
+    return this._feedback;
+  }
+  async runCallbackWithLoading(callback, loadingLabel, successMessage, failureMessage) {
+    try {
+      this.startLoading(loadingLabel);
+      const 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

@@ -1 +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":[]}
+{"version":3,"names":["makeAutoObservable","Loading","constructor","isLoading","_isLoading","_loadingLabel","_feedback","_success","startLoading","label","stopLoadingWithSuccess","message","stopLoadingWithError","loadingLabel","feedback","runCallbackWithLoading","callback","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,SAASA,kBAAkB,QAAQ,MAAM;AAEzC,OAAO,MAAMC,OAAO,CAAC;EAMjBC,WAAWA,CAACC,SAAS,GAAG,KAAK,EAAE;IAC3B,IAAI,CAACC,UAAU,GAAGD,SAAS;IAC3B,IAAI,CAACE,aAAa,GAAG,EAAE;IACvB,IAAI,CAACC,SAAS,GAAG,EAAE;IACnB,IAAI,CAACC,QAAQ,GAAG,KAAK;IACrBP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAQ,YAAYA,CAACC,KAAc,EAAE;IACzB,IAAI,CAACL,UAAU,GAAG,IAAI;IACtB,IAAI,CAACC,aAAa,GAAGI,KAAK,IAAI,EAAE;IAChC,IAAI,CAACH,SAAS,GAAG,EAAE;IACnB,IAAI,CAACC,QAAQ,GAAG,KAAK;EACzB;EAEAG,sBAAsBA,CAACC,OAAgB,EAAE;IACrC,IAAI,CAACP,UAAU,GAAG,KAAK;IACvB,IAAI,CAACC,aAAa,GAAG,EAAE;IACvB,IAAI,CAACC,SAAS,GAAGK,OAAO,IAAI,EAAE;IAC9B,IAAI,CAACJ,QAAQ,GAAG,IAAI;EACxB;EAEAK,oBAAoBA,CAACD,OAAgB,EAAE;IACnC,IAAI,CAACP,UAAU,GAAG,KAAK;IACvB,IAAI,CAACC,aAAa,GAAG,EAAE;IACvB,IAAI,CAACC,SAAS,GAAGK,OAAO,IAAI,EAAE;IAC9B,IAAI,CAACJ,QAAQ,GAAG,KAAK;EACzB;EAEA,IAAIJ,SAASA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACC,UAAU;EAC1B;EAEA,IAAIS,YAAYA,CAAA,EAAG;IACf,OAAO,IAAI,CAACR,aAAa;EAC7B;EAEA,IAAIS,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACR,SAAS;EACzB;EAEA,MAAMS,sBAAsBA,CACxBC,QAA0B,EAC1BH,YAAqB,EACrBI,cAAuB,EACvBC,cAAuB,EACb;IACV,IAAI;MACA,IAAI,CAACV,YAAY,CAACK,YAAY,CAAC;MAC/B,MAAMM,MAAM,GAAG,MAAMH,QAAQ,CAAC,CAAC;MAC/B,IAAI,CAACN,sBAAsB,CAACO,cAAc,CAAC;MAC3C,OAAOE,MAAM;IACjB,CAAC,CAAC,OAAOC,CAAC,EAAE;MACR,IAAI,CAACR,oBAAoB,CAACQ,CAAC,CAACT,OAAO,IAAIO,cAAc,CAAC;MACtD,MAAME,CAAC;IACX;EACJ;AACJ","ignoreList":[]}

package/components/IconPicker/components/IconPickerCell.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { type VariantProps } from "@webiny/admin-ui";
+import { Icon } from "..";
+declare const iconPickerCellVariants: (props?: ({
+    isActive?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface IconPickerCellProps extends VariantProps<typeof iconPickerCellVariants> {
+    icon: Icon;
+    onIconClick: (icon: Icon) => void;
+}
+declare const IconPickerCell: ({ isActive, icon, onIconClick }: IconPickerCellProps) => React.JSX.Element;
+export { IconPickerCell, IconPickerCellProps };

package/components/IconPicker/components/IconPickerCell.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { cn, cva } from "@webiny/admin-ui";
+import { IconProvider, IconRenderer } from "../IconRenderer";
+const iconPickerCellVariants = cva(["wby-flex wby-justify-center wby-items-center", "wby-rounded-md wby-cursor-pointer wby-size-xl wby-p-xs", "hover:wby-bg-neutral-dimmed wby-transition-all wby-duration-500 wby-ease-out"], {
+  variants: {
+    isActive: {
+      true: "wby-bg-neutral-dimmed"
+    }
+  }
+});
+const IconPickerCell = ({
+  isActive,
+  icon,
+  onIconClick
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn(iconPickerCellVariants({
+      isActive
+    })),
+    onClick: () => onIconClick(icon)
+  }, /*#__PURE__*/React.createElement(IconProvider, {
+    icon: icon
+  }, /*#__PURE__*/React.createElement(IconRenderer, null)));
+};
+export { IconPickerCell };
+
+//# sourceMappingURL=IconPickerCell.js.map

package/components/IconPicker/components/IconPickerCell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","cva","IconProvider","IconRenderer","iconPickerCellVariants","variants","isActive","true","IconPickerCell","icon","onIconClick","createElement","className","onClick"],"sources":["IconPickerCell.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, type VariantProps } from \"@webiny/admin-ui\";\nimport { Icon } from \"~/components/IconPicker\";\nimport { IconProvider, IconRenderer } from \"~/components/IconPicker/IconRenderer\";\n\nconst iconPickerCellVariants = cva(\n    [\n        \"wby-flex wby-justify-center wby-items-center\",\n        \"wby-rounded-md wby-cursor-pointer wby-size-xl wby-p-xs\",\n        \"hover:wby-bg-neutral-dimmed wby-transition-all wby-duration-500 wby-ease-out\"\n    ],\n    {\n        variants: {\n            isActive: {\n                true: \"wby-bg-neutral-dimmed\"\n            }\n        }\n    }\n);\n\ninterface IconPickerCellProps extends VariantProps<typeof iconPickerCellVariants> {\n    icon: Icon;\n    onIconClick: (icon: Icon) => void;\n}\n\nconst IconPickerCell = ({ isActive, icon, onIconClick }: IconPickerCellProps) => {\n    return (\n        <div className={cn(iconPickerCellVariants({ isActive }))} onClick={() => onIconClick(icon)}>\n            <IconProvider icon={icon}>\n                <IconRenderer />\n            </IconProvider>\n        </div>\n    );\n};\n\nexport { IconPickerCell, IconPickerCellProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG,QAA2B,kBAAkB;AAE7D,SAASC,YAAY,EAAEC,YAAY;AAEnC,MAAMC,sBAAsB,GAAGH,GAAG,CAC9B,CACI,8CAA8C,EAC9C,wDAAwD,EACxD,8EAA8E,CACjF,EACD;EACII,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CACJ,CAAC;AAOD,MAAMC,cAAc,GAAGA,CAAC;EAAEF,QAAQ;EAAEG,IAAI;EAAEC;AAAiC,CAAC,KAAK;EAC7E,oBACIX,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEZ,EAAE,CAACI,sBAAsB,CAAC;MAAEE;IAAS,CAAC,CAAC,CAAE;IAACO,OAAO,EAAEA,CAAA,KAAMH,WAAW,CAACD,IAAI;EAAE,gBACvFV,KAAA,CAAAY,aAAA,CAACT,YAAY;IAACO,IAAI,EAAEA;EAAK,gBACrBV,KAAA,CAAAY,aAAA,CAACR,YAAY,MAAE,CACL,CACb,CAAC;AAEd,CAAC;AAED,SAASK,cAAc","ignoreList":[]}

package/components/IconPicker/components/IconPickerContent.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { IconType } from "../config";
+interface IconPickerContentProps {
+    loading?: boolean;
+    iconTypes: IconType[];
+    activeTab?: string;
+    removeIcon: () => void;
+    removable?: boolean;
+}
+declare const IconPickerContent: ({ activeTab, iconTypes, loading, removeIcon, removable }: IconPickerContentProps) => React.JSX.Element;
+export { IconPickerContent, type IconPickerContentProps };

package/components/IconPicker/components/IconPickerContent.js

@@ -0,0 +1,41 @@
+import React from "react";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import { Button, Icon, OverlayLoader, Tabs } from "@webiny/admin-ui";
+import { IconTypeProvider } from "../config/IconType";
+import { IconPickerTabRenderer } from "../IconPickerTab";
+const IconPickerContent = ({
+  activeTab,
+  iconTypes,
+  loading,
+  removeIcon,
+  removable
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-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: "wby-flex wby-flex-col wby-px-sm wby-py-sm wby-border-solid wby-border-t-sm wby-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
+  })));
+};
+export { IconPickerContent };
+
+//# sourceMappingURL=IconPickerContent.js.map

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

@@ -0,0 +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\";\nimport { IconPickerTabRenderer } from \"~/components/IconPicker/IconPickerTab\";\nimport { IconType } from \"~/components/IconPicker/config\";\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={\"wby-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                        \"wby-flex wby-flex-col wby-px-sm wby-py-sm wby-border-solid wby-border-t-sm wby-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;EAAe,GAC1BJ,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":[]}

package/components/IconPicker/components/IconPickerRow.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+type IconPickerRowProps = React.ButtonHTMLAttributes<HTMLDivElement>;
+declare const IconPickerRow: ({ children, className, ...props }: IconPickerRowProps) => React.JSX.Element;
+export { IconPickerRow, type IconPickerRowProps };

package/components/IconPicker/components/IconPickerRow.js

@@ -0,0 +1,14 @@
+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("wby-flex wby-items-center wby-gap-sm", className)
+  }), children);
+};
+export { IconPickerRow };
+
+//# sourceMappingURL=IconPickerRow.js.map

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

@@ -0,0 +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(\"wby-flex wby-items-center wby-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,sCAAsC,EAAEG,SAAS;EAAE,IAC5ED,QACA,CAAC;AAEd,CAAC;AAED,SAASD,aAAa","ignoreList":[]}

package/components/IconPicker/components/IconPickerTrigger.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { inputVariants, type VariantProps } from "@webiny/admin-ui";
+import { Icon } from "../types";
+declare const iconPickerTriggerVariants: (props?: ({
+    size?: "md" | "lg" | "xl" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface IconPickerTriggerProps extends VariantProps<typeof inputVariants>, VariantProps<typeof iconPickerTriggerVariants> {
+    icon: Icon | null;
+    disabled?: boolean;
+}
+declare const IconPickerTrigger: (props: IconPickerTriggerProps) => React.JSX.Element;
+export { IconPickerTrigger, type IconPickerTriggerProps };