@webiny/app-admin 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313

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

@@ -1 +1 @@
-{"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 type { 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":[]}
+{"version":3,"names":["describe","it","expect","IconRepository","mockIconTypes","name","mockIcons","type","value","category","skinToneSupport","mockIconPackProviders","getIcons","icon","color","repository","getIconTypes","toEqual","loadIcons","addIcon"],"sources":["IconRepository.test.ts"],"sourcesContent":["import { describe, it, expect } from \"vitest\";\nimport { IconRepository } from \"./IconRepository.js\";\nimport type { Icon } from \"./types.js\";\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,QAAQ,EAAEC,EAAE,EAAEC,MAAM,QAAQ,QAAQ;AAC7C,SAASC,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;AAEDN,QAAQ,CAAC,gBAAgB,EAAE,MAAM;EAC7B,MAAMa,IAAU,GAAG;IACfN,IAAI,EAAE,MAAM;IACZF,IAAI,EAAE,gBAAgB;IACtBG,KAAK,EAAE,wQAAwQ;IAC/QC,QAAQ,EAAE,UAAU;IACpBK,KAAK,EAAE;EACX,CAAC;EAEDb,EAAE,CAAC,8DAA8D,EAAE,YAAY;IAC3E;IACA,MAAMc,UAAU,GAAG,IAAIZ,cAAc,CAACC,aAAa,EAAEO,qBAAqB,CAAC;;IAE3E;IACAT,MAAM,CAACa,UAAU,CAACC,YAAY,CAAC,CAAC,CAAC,CAACC,OAAO,CAACb,aAAa,CAAC;;IAExD;IACAF,MAAM,CAACa,UAAU,CAACH,QAAQ,CAAC,CAAC,CAAC,CAACK,OAAO,CAAC,EAAE,CAAC;;IAEzC;IACA,MAAMF,UAAU,CAACG,SAAS,CAAC,CAAC;;IAE5B;IACAhB,MAAM,CAACa,UAAU,CAACH,QAAQ,CAAC,CAAC,CAAC,CAACK,OAAO,CAACX,SAAS,CAAC;EACpD,CAAC,CAAC;EAEFL,EAAE,CAAC,8CAA8C,EAAE,MAAM;IACrD;IACA,MAAMc,UAAU,GAAG,IAAIZ,cAAc,CAACC,aAAa,EAAEO,qBAAqB,CAAC;;IAE3E;IACAT,MAAM,CAACa,UAAU,CAACH,QAAQ,CAAC,CAAC,CAAC,CAACK,OAAO,CAAC,EAAE,CAAC;;IAEzC;IACAF,UAAU,CAACI,OAAO,CAACN,IAAI,CAAC;;IAExB;IACAX,MAAM,CAACa,UAAU,CAACH,QAAQ,CAAC,CAAC,CAAC,CAACK,OAAO,CAAC,CAACJ,IAAI,CAAC,CAAC;EACjD,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

package/components/IconPicker/IconRepositoryFactory.d.ts

@@ -1,5 +1,5 @@
-import { IconRepository } from "./IconRepository";
-import type { IconPackProviderInterface as IconPackProvider, IconType } from "./config";
+import { IconRepository } from "./IconRepository.js";
+import type { IconPackProviderInterface as IconPackProvider, IconType } from "./config/index.js";
 declare class IconRepositoryFactory {
     private cache;
     getRepository(iconTypes: IconType[], iconPackProviders: IconPackProvider[]): IconRepository;

package/components/IconPicker/IconRepositoryFactory.js

@@ -1,4 +1,4 @@
-import { IconRepository } from "./IconRepository";
+import { IconRepository } from "./IconRepository.js";
 class IconRepositoryFactory {
   cache = new Map();
   getRepository(iconTypes, iconPackProviders) {

package/components/IconPicker/IconRepositoryFactory.js.map

@@ -1 +1 @@
-{"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 type { 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":[]}
+{"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.js\";\nimport type { IconPackProviderInterface as IconPackProvider, IconType } from \"./config/index.js\";\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/components/IconPickerCell.d.ts

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

package/components/IconPicker/components/IconPickerCell.js

@@ -1,10 +1,10 @@
 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"], {
+import { IconProvider, IconRenderer } from "../IconRenderer.js";
+const iconPickerCellVariants = cva(["flex justify-center items-center", "rounded-md cursor-pointer size-xl p-xs", "hover:bg-neutral-dimmed transition-all duration-500 ease-out"], {
   variants: {
     isActive: {
-      true: "wby-bg-neutral-dimmed"
+      true: "bg-neutral-dimmed"
     }
   }
 });

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

@@ -1 +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 type { 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":[]}
+{"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 type { Icon } from \"~/components/IconPicker/index.js\";\nimport { IconProvider, IconRenderer } from \"~/components/IconPicker/IconRenderer.js\";\n\nconst iconPickerCellVariants = cva(\n    [\n        \"flex justify-center items-center\",\n        \"rounded-md cursor-pointer size-xl p-xs\",\n        \"hover:bg-neutral-dimmed transition-all duration-500 ease-out\"\n    ],\n    {\n        variants: {\n            isActive: {\n                true: \"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, type 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,kCAAkC,EAClC,wCAAwC,EACxC,8DAA8D,CACjE,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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { IconType } from "../config";
+import type { IconType } from "../../../components/IconPicker/config/index.js";
 interface IconPickerContentProps {
     loading?: boolean;
     iconTypes: IconType[];

package/components/IconPicker/components/IconPickerContent.js

@@ -1,8 +1,8 @@
 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";
+import { IconTypeProvider } from "../config/IconType.js";
+import { IconPickerTabRenderer } from "../IconPickerTab.js";
 const IconPickerContent = ({
   activeTab,
   iconTypes,
@@ -11,7 +11,7 @@ const IconPickerContent = ({
   removable
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-relative"
+    className: "relative"
   }, loading && /*#__PURE__*/React.createElement(OverlayLoader, {
     size: "sm"
   }), /*#__PURE__*/React.createElement(Tabs, {
@@ -24,7 +24,7 @@ const IconPickerContent = ({
       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"
+    className: "flex flex-col px-sm py-sm border-solid border-t-sm border-neutral-muted"
   }, /*#__PURE__*/React.createElement(Button, {
     size: "md",
     variant: "secondary",

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

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","DeleteIcon","Button","Icon","OverlayLoader","Tabs","IconTypeProvider","IconPickerTabRenderer","IconPickerContent","activeTab","iconTypes","loading","removeIcon","removable","createElement","className","size","spacing","defaultValue","separator","tabs","map","iconType","key","name","type","variant","text","icon","label","onClick"],"sources":["IconPickerContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { Button, Icon, OverlayLoader, Tabs } from \"@webiny/admin-ui\";\nimport { IconTypeProvider } from \"~/components/IconPicker/config/IconType\";\nimport { IconPickerTabRenderer } from \"~/components/IconPicker/IconPickerTab\";\nimport type { 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":[]}
+{"version":3,"names":["React","ReactComponent","DeleteIcon","Button","Icon","OverlayLoader","Tabs","IconTypeProvider","IconPickerTabRenderer","IconPickerContent","activeTab","iconTypes","loading","removeIcon","removable","createElement","className","size","spacing","defaultValue","separator","tabs","map","iconType","key","name","type","variant","text","icon","label","onClick"],"sources":["IconPickerContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { Button, Icon, OverlayLoader, Tabs } from \"@webiny/admin-ui\";\nimport { IconTypeProvider } from \"~/components/IconPicker/config/IconType.js\";\nimport { IconPickerTabRenderer } from \"~/components/IconPicker/IconPickerTab.js\";\nimport type { IconType } from \"~/components/IconPicker/config/index.js\";\n\ninterface IconPickerContentProps {\n    loading?: boolean;\n    iconTypes: IconType[];\n    activeTab?: string;\n    removeIcon: () => void;\n    removable?: boolean;\n}\n\nconst IconPickerContent = ({\n    activeTab,\n    iconTypes,\n    loading,\n    removeIcon,\n    removable\n}: IconPickerContentProps) => {\n    return (\n        <div className={\"relative\"}>\n            {loading && <OverlayLoader size={\"sm\"} />}\n            <Tabs\n                size={\"sm\"}\n                spacing={\"sm\"}\n                defaultValue={activeTab}\n                separator={true}\n                tabs={iconTypes.map(iconType => (\n                    <IconTypeProvider key={iconType.name} type={iconType.name}>\n                        <IconPickerTabRenderer />\n                    </IconTypeProvider>\n                ))}\n            />\n            {removable && (\n                <div\n                    className={\n                        \"flex flex-col px-sm py-sm border-solid border-t-sm border-neutral-muted\"\n                    }\n                >\n                    <Button\n                        size={\"md\"}\n                        variant={\"secondary\"}\n                        text={\"Remove\"}\n                        icon={<Icon icon={<DeleteIcon />} label={\"Remove\"} />}\n                        onClick={removeIcon}\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport { IconPickerContent, type IconPickerContentProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,MAAM,EAAEC,IAAI,EAAEC,aAAa,EAAEC,IAAI,QAAQ,kBAAkB;AACpE,SAASC,gBAAgB;AACzB,SAASC,qBAAqB;AAW9B,MAAMC,iBAAiB,GAAGA,CAAC;EACvBC,SAAS;EACTC,SAAS;EACTC,OAAO;EACPC,UAAU;EACVC;AACoB,CAAC,KAAK;EAC1B,oBACId,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE;EAAW,GACtBJ,OAAO,iBAAIZ,KAAA,CAAAe,aAAA,CAACV,aAAa;IAACY,IAAI,EAAE;EAAK,CAAE,CAAC,eACzCjB,KAAA,CAAAe,aAAA,CAACT,IAAI;IACDW,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,IAAK;IACdC,YAAY,EAAET,SAAU;IACxBU,SAAS,EAAE,IAAK;IAChBC,IAAI,EAAEV,SAAS,CAACW,GAAG,CAACC,QAAQ,iBACxBvB,KAAA,CAAAe,aAAA,CAACR,gBAAgB;MAACiB,GAAG,EAAED,QAAQ,CAACE,IAAK;MAACC,IAAI,EAAEH,QAAQ,CAACE;IAAK,gBACtDzB,KAAA,CAAAe,aAAA,CAACP,qBAAqB,MAAE,CACV,CACrB;EAAE,CACN,CAAC,EACDM,SAAS,iBACNd,KAAA,CAAAe,aAAA;IACIC,SAAS,EACL;EACH,gBAEDhB,KAAA,CAAAe,aAAA,CAACZ,MAAM;IACHc,IAAI,EAAE,IAAK;IACXU,OAAO,EAAE,WAAY;IACrBC,IAAI,EAAE,QAAS;IACfC,IAAI,eAAE7B,KAAA,CAAAe,aAAA,CAACX,IAAI;MAACyB,IAAI,eAAE7B,KAAA,CAAAe,aAAA,CAACb,UAAU,MAAE,CAAE;MAAC4B,KAAK,EAAE;IAAS,CAAE,CAAE;IACtDC,OAAO,EAAElB;EAAW,CACvB,CACA,CAER,CAAC;AAEd,CAAC;AAED,SAASJ,iBAAiB","ignoreList":[]}

package/components/IconPicker/components/IconPickerRow.js

@@ -6,7 +6,7 @@ const IconPickerRow = ({
   ...props
 }) => {
   return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: cn("wby-flex wby-items-center wby-gap-sm", className)
+    className: cn("flex items-center gap-sm", className)
   }), children);
 };
 export { IconPickerRow };

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

@@ -1 +1 @@
-{"version":3,"names":["React","cn","IconPickerRow","children","className","props","createElement","Object","assign"],"sources":["IconPickerRow.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ntype IconPickerRowProps = React.ButtonHTMLAttributes<HTMLDivElement>;\n\nconst IconPickerRow = ({ children, className, ...props }: IconPickerRowProps) => {\n    return (\n        <div {...props} className={cn(\"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":[]}
+{"version":3,"names":["React","cn","IconPickerRow","children","className","props","createElement","Object","assign"],"sources":["IconPickerRow.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ntype IconPickerRowProps = React.ButtonHTMLAttributes<HTMLDivElement>;\n\nconst IconPickerRow = ({ children, className, ...props }: IconPickerRowProps) => {\n    return (\n        <div {...props} className={cn(\"flex items-center gap-sm\", className)}>\n            {children}\n        </div>\n    );\n};\n\nexport { IconPickerRow, type IconPickerRowProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,QAAQ,kBAAkB;AAIrC,MAAMC,aAAa,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAA0B,CAAC,KAAK;EAC7E,oBACIL,KAAA,CAAAM,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASH,KAAK;IAAED,SAAS,EAAEH,EAAE,CAAC,0BAA0B,EAAEG,SAAS;EAAE,IAChED,QACA,CAAC;AAEd,CAAC;AAED,SAASD,aAAa","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { inputVariants, type VariantProps } from "@webiny/admin-ui";
-import type { Icon } from "../types";
+import type { Icon } from "../../../components/IconPicker/types.js";
 declare const iconPickerTriggerVariants: (props?: ({
     size?: "md" | "lg" | "xl" | null | undefined;
     disabled?: boolean | null | undefined;

package/components/IconPicker/components/IconPickerTrigger.js

@@ -2,16 +2,16 @@ import React from "react";
 import { ReactComponent as EmptyIcon } from "@webiny/icons/remove.svg";
 import { ReactComponent as ChevronDown } from "@webiny/icons/keyboard_arrow_down.svg";
 import { cn, cva, Icon as IconComponent, inputVariants } from "@webiny/admin-ui";
-import { IconProvider, IconRenderer } from "../IconRenderer";
-const iconPickerTriggerVariants = cva("wby-cursor-pointer fill-neutral-xstrong", {
+import { IconProvider, IconRenderer } from "../IconRenderer.js";
+const iconPickerTriggerVariants = cva("cursor-pointer fill-neutral-xstrong", {
   variants: {
     size: {
-      md: "wby-w-[64px]",
-      lg: "wby-w-[64px]",
-      xl: "wby-w-[76px]"
+      md: "w-3xl",
+      lg: "w-3xl",
+      xl: "w-[76px]"
     },
     disabled: {
-      true: "wby-pointer-events-none"
+      true: "pointer-events-none"
     }
   },
   defaultVariants: {
@@ -30,7 +30,7 @@ const IconPickerTrigger = props => {
       disabled: props.disabled
     }))
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-gap-xs"
+    className: "flex items-center gap-xs"
   }, /*#__PURE__*/React.createElement("div", null, props.icon ? /*#__PURE__*/React.createElement(IconProvider, {
     icon: props.icon,
     size: 24

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

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","EmptyIcon","ChevronDown","cn","cva","Icon","IconComponent","inputVariants","IconProvider","IconRenderer","iconPickerTriggerVariants","variants","size","md","lg","xl","disabled","true","defaultVariants","IconPickerTrigger","props","createElement","className","variant","invalid","icon","label","name"],"sources":["IconPickerTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as EmptyIcon } from \"@webiny/icons/remove.svg\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { cn, cva, Icon as IconComponent, inputVariants, type VariantProps } from \"@webiny/admin-ui\";\nimport { IconProvider, IconRenderer } from \"~/components/IconPicker/IconRenderer\";\nimport type { Icon } from \"~/components/IconPicker/types\";\n\nconst iconPickerTriggerVariants = cva(\"wby-cursor-pointer fill-neutral-xstrong\", {\n    variants: {\n        size: {\n            md: \"wby-w-[64px]\",\n            lg: \"wby-w-[64px]\",\n            xl: \"wby-w-[76px]\"\n        },\n        disabled: {\n            true: \"wby-pointer-events-none\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\ninterface IconPickerTriggerProps\n    extends VariantProps<typeof inputVariants>,\n        VariantProps<typeof iconPickerTriggerVariants> {\n    icon: Icon | null;\n    disabled?: boolean;\n}\n\nconst IconPickerTrigger = (props: IconPickerTriggerProps) => {\n    return (\n        <div\n            data-disabled={props.disabled}\n            className={cn(\n                inputVariants({\n                    size: props.size,\n                    variant: props.variant,\n                    invalid: props.invalid\n                }),\n                iconPickerTriggerVariants({ size: props.size, disabled: props.disabled })\n            )}\n        >\n            <div className={\"wby-flex wby-items-center wby-gap-xs\"}>\n                <div>\n                    {props.icon ? (\n                        <IconProvider icon={props.icon} size={24}>\n                            <IconComponent icon={<IconRenderer />} label={props.icon.name} />\n                        </IconProvider>\n                    ) : (\n                        <IconComponent icon={<EmptyIcon />} label={\"Search icons\"} size={\"lg\"} />\n                    )}\n                </div>\n                <div>\n                    <IconComponent size={\"sm\"} icon={<ChevronDown />} label={\"Open list\"} />\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport { IconPickerTrigger, type IconPickerTriggerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,0BAA0B;AACtE,SAASD,cAAc,IAAIE,WAAW,QAAQ,uCAAuC;AACrF,SAASC,EAAE,EAAEC,GAAG,EAAEC,IAAI,IAAIC,aAAa,EAAEC,aAAa,QAA2B,kBAAkB;AACnG,SAASC,YAAY,EAAEC,YAAY;AAGnC,MAAMC,yBAAyB,GAAGN,GAAG,CAAC,yCAAyC,EAAE;EAC7EO,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,cAAc;MAClBC,EAAE,EAAE,cAAc;MAClBC,EAAE,EAAE;IACR,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AASF,MAAMO,iBAAiB,GAAIC,KAA6B,IAAK;EACzD,oBACIrB,KAAA,CAAAsB,aAAA;IACI,iBAAeD,KAAK,CAACJ,QAAS;IAC9BM,SAAS,EAAEnB,EAAE,CACTI,aAAa,CAAC;MACVK,IAAI,EAAEQ,KAAK,CAACR,IAAI;MAChBW,OAAO,EAAEH,KAAK,CAACG,OAAO;MACtBC,OAAO,EAAEJ,KAAK,CAACI;IACnB,CAAC,CAAC,EACFd,yBAAyB,CAAC;MAAEE,IAAI,EAAEQ,KAAK,CAACR,IAAI;MAAEI,QAAQ,EAAEI,KAAK,CAACJ;IAAS,CAAC,CAC5E;EAAE,gBAEFjB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE;EAAuC,gBACnDvB,KAAA,CAAAsB,aAAA,cACKD,KAAK,CAACK,IAAI,gBACP1B,KAAA,CAAAsB,aAAA,CAACb,YAAY;IAACiB,IAAI,EAAEL,KAAK,CAACK,IAAK;IAACb,IAAI,EAAE;EAAG,gBACrCb,KAAA,CAAAsB,aAAA,CAACf,aAAa;IAACmB,IAAI,eAAE1B,KAAA,CAAAsB,aAAA,CAACZ,YAAY,MAAE,CAAE;IAACiB,KAAK,EAAEN,KAAK,CAACK,IAAI,CAACE;EAAK,CAAE,CACtD,CAAC,gBAEf5B,KAAA,CAAAsB,aAAA,CAACf,aAAa;IAACmB,IAAI,eAAE1B,KAAA,CAAAsB,aAAA,CAACpB,SAAS,MAAE,CAAE;IAACyB,KAAK,EAAE,cAAe;IAACd,IAAI,EAAE;EAAK,CAAE,CAE3E,CAAC,eACNb,KAAA,CAAAsB,aAAA,2BACItB,KAAA,CAAAsB,aAAA,CAACf,aAAa;IAACM,IAAI,EAAE,IAAK;IAACa,IAAI,eAAE1B,KAAA,CAAAsB,aAAA,CAACnB,WAAW,MAAE,CAAE;IAACwB,KAAK,EAAE;EAAY,CAAE,CACtE,CACJ,CACJ,CAAC;AAEd,CAAC;AAED,SAASP,iBAAiB","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","EmptyIcon","ChevronDown","cn","cva","Icon","IconComponent","inputVariants","IconProvider","IconRenderer","iconPickerTriggerVariants","variants","size","md","lg","xl","disabled","true","defaultVariants","IconPickerTrigger","props","createElement","className","variant","invalid","icon","label","name"],"sources":["IconPickerTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as EmptyIcon } from \"@webiny/icons/remove.svg\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { cn, cva, Icon as IconComponent, inputVariants, type VariantProps } from \"@webiny/admin-ui\";\nimport { IconProvider, IconRenderer } from \"~/components/IconPicker/IconRenderer.js\";\nimport type { Icon } from \"~/components/IconPicker/types.js\";\n\nconst iconPickerTriggerVariants = cva(\"cursor-pointer fill-neutral-xstrong\", {\n    variants: {\n        size: {\n            md: \"w-3xl\",\n            lg: \"w-3xl\",\n            xl: \"w-[76px]\"\n        },\n        disabled: {\n            true: \"pointer-events-none\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\ninterface IconPickerTriggerProps\n    extends VariantProps<typeof inputVariants>,\n        VariantProps<typeof iconPickerTriggerVariants> {\n    icon: Icon | null;\n    disabled?: boolean;\n}\n\nconst IconPickerTrigger = (props: IconPickerTriggerProps) => {\n    return (\n        <div\n            data-disabled={props.disabled}\n            className={cn(\n                inputVariants({\n                    size: props.size,\n                    variant: props.variant,\n                    invalid: props.invalid\n                }),\n                iconPickerTriggerVariants({ size: props.size, disabled: props.disabled })\n            )}\n        >\n            <div className={\"flex items-center gap-xs\"}>\n                <div>\n                    {props.icon ? (\n                        <IconProvider icon={props.icon} size={24}>\n                            <IconComponent icon={<IconRenderer />} label={props.icon.name} />\n                        </IconProvider>\n                    ) : (\n                        <IconComponent icon={<EmptyIcon />} label={\"Search icons\"} size={\"lg\"} />\n                    )}\n                </div>\n                <div>\n                    <IconComponent size={\"sm\"} icon={<ChevronDown />} label={\"Open list\"} />\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport { IconPickerTrigger, type IconPickerTriggerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,0BAA0B;AACtE,SAASD,cAAc,IAAIE,WAAW,QAAQ,uCAAuC;AACrF,SAASC,EAAE,EAAEC,GAAG,EAAEC,IAAI,IAAIC,aAAa,EAAEC,aAAa,QAA2B,kBAAkB;AACnG,SAASC,YAAY,EAAEC,YAAY;AAGnC,MAAMC,yBAAyB,GAAGN,GAAG,CAAC,qCAAqC,EAAE;EACzEO,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,OAAO;MACXC,EAAE,EAAE,OAAO;MACXC,EAAE,EAAE;IACR,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AASF,MAAMO,iBAAiB,GAAIC,KAA6B,IAAK;EACzD,oBACIrB,KAAA,CAAAsB,aAAA;IACI,iBAAeD,KAAK,CAACJ,QAAS;IAC9BM,SAAS,EAAEnB,EAAE,CACTI,aAAa,CAAC;MACVK,IAAI,EAAEQ,KAAK,CAACR,IAAI;MAChBW,OAAO,EAAEH,KAAK,CAACG,OAAO;MACtBC,OAAO,EAAEJ,KAAK,CAACI;IACnB,CAAC,CAAC,EACFd,yBAAyB,CAAC;MAAEE,IAAI,EAAEQ,KAAK,CAACR,IAAI;MAAEI,QAAQ,EAAEI,KAAK,CAACJ;IAAS,CAAC,CAC5E;EAAE,gBAEFjB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE;EAA2B,gBACvCvB,KAAA,CAAAsB,aAAA,cACKD,KAAK,CAACK,IAAI,gBACP1B,KAAA,CAAAsB,aAAA,CAACb,YAAY;IAACiB,IAAI,EAAEL,KAAK,CAACK,IAAK;IAACb,IAAI,EAAE;EAAG,gBACrCb,KAAA,CAAAsB,aAAA,CAACf,aAAa;IAACmB,IAAI,eAAE1B,KAAA,CAAAsB,aAAA,CAACZ,YAAY,MAAE,CAAE;IAACiB,KAAK,EAAEN,KAAK,CAACK,IAAI,CAACE;EAAK,CAAE,CACtD,CAAC,gBAEf5B,KAAA,CAAAsB,aAAA,CAACf,aAAa;IAACmB,IAAI,eAAE1B,KAAA,CAAAsB,aAAA,CAACpB,SAAS,MAAE,CAAE;IAACyB,KAAK,EAAE,cAAe;IAACd,IAAI,EAAE;EAAK,CAAE,CAE3E,CAAC,eACNb,KAAA,CAAAsB,aAAA,2BACItB,KAAA,CAAAsB,aAAA,CAACf,aAAa;IAACM,IAAI,EAAE,IAAK;IAACa,IAAI,eAAE1B,KAAA,CAAAsB,aAAA,CAACnB,WAAW,MAAE,CAAE;IAACwB,KAAK,EAAE;EAAY,CAAE,CACtE,CACJ,CACJ,CAAC;AAEd,CAAC;AAED,SAASP,iBAAiB","ignoreList":[]}

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

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

package/components/IconPicker/components/index.js

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

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

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

package/components/IconPicker/config/Emojis.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { IconPickerConfig } from ".";
+import { IconPickerConfig } from "./index.js";
 export const Emojis = () => {
   return /*#__PURE__*/React.createElement(IconPickerConfig, null, /*#__PURE__*/React.createElement(IconPickerConfig.IconPack, {
     name: "default_emojis",

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

@@ -1 +1 @@
-{"version":3,"names":["React","IconPickerConfig","Emojis","createElement","IconPack","name","provider","emojisJson","emojis","default","Object","keys","map","key","emoji","type","slug","value","category","group","skinToneSupport","skin_tone_support"],"sources":["Emojis.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconPickerConfig } from \".\";\n\ntype EmojiSet = {\n    [key: string]: {\n        name: string;\n        slug: string;\n        group: string;\n        emoji_version: string;\n        unicode_version: string;\n        skin_tone_support: boolean;\n    };\n};\n\nexport const Emojis = () => {\n    return (\n        <IconPickerConfig>\n            <IconPickerConfig.IconPack\n                name=\"default_emojis\"\n                provider={async () => {\n                    const emojisJson = await import(\n                        /* webpackChunkName: \"iconpicker-emojis\" */\n                        \"unicode-emoji-json/data-by-emoji.json\"\n                    );\n\n                    const emojis: EmojiSet = emojisJson.default;\n\n                    return Object.keys(emojis).map(key => {\n                        const emoji = emojis[key];\n                        return {\n                            type: \"emoji\",\n                            name: emoji.slug,\n                            value: key,\n                            category: emoji.group,\n                            skinToneSupport: emoji.skin_tone_support\n                        };\n                    });\n                }}\n            />\n        </IconPickerConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,GAAG;AAapC,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,oBACIF,KAAA,CAAAG,aAAA,CAACF,gBAAgB,qBACbD,KAAA,CAAAG,aAAA,CAACF,gBAAgB,CAACG,QAAQ;IACtBC,IAAI,EAAC,gBAAgB;IACrBC,QAAQ,EAAE,MAAAA,CAAA,KAAY;MAClB,MAAMC,UAAU,GAAG,MAAM,MAAM,CAC3B;MACA,uCACJ,CAAC;MAED,MAAMC,MAAgB,GAAGD,UAAU,CAACE,OAAO;MAE3C,OAAOC,MAAM,CAACC,IAAI,CAACH,MAAM,CAAC,CAACI,GAAG,CAACC,GAAG,IAAI;QAClC,MAAMC,KAAK,GAAGN,MAAM,CAACK,GAAG,CAAC;QACzB,OAAO;UACHE,IAAI,EAAE,OAAO;UACbV,IAAI,EAAES,KAAK,CAACE,IAAI;UAChBC,KAAK,EAAEJ,GAAG;UACVK,QAAQ,EAAEJ,KAAK,CAACK,KAAK;UACrBC,eAAe,EAAEN,KAAK,CAACO;QAC3B,CAAC;MACL,CAAC,CAAC;IACN;EAAE,CACL,CACa,CAAC;AAE3B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","IconPickerConfig","Emojis","createElement","IconPack","name","provider","emojisJson","emojis","default","Object","keys","map","key","emoji","type","slug","value","category","group","skinToneSupport","skin_tone_support"],"sources":["Emojis.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconPickerConfig } from \"./index.js\";\n\ntype EmojiSet = {\n    [key: string]: {\n        name: string;\n        slug: string;\n        group: string;\n        emoji_version: string;\n        unicode_version: string;\n        skin_tone_support: boolean;\n    };\n};\n\nexport const Emojis = () => {\n    return (\n        <IconPickerConfig>\n            <IconPickerConfig.IconPack\n                name=\"default_emojis\"\n                provider={async () => {\n                    const emojisJson = await import(\n                        /* webpackChunkName: \"iconpicker-emojis\" */\n                        \"unicode-emoji-json/data-by-emoji.json\"\n                    );\n\n                    const emojis: EmojiSet = emojisJson.default;\n\n                    return Object.keys(emojis).map(key => {\n                        const emoji = emojis[key];\n                        return {\n                            type: \"emoji\",\n                            name: emoji.slug,\n                            value: key,\n                            category: emoji.group,\n                            skinToneSupport: emoji.skin_tone_support\n                        };\n                    });\n                }}\n            />\n        </IconPickerConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB;AAazB,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,oBACIF,KAAA,CAAAG,aAAA,CAACF,gBAAgB,qBACbD,KAAA,CAAAG,aAAA,CAACF,gBAAgB,CAACG,QAAQ;IACtBC,IAAI,EAAC,gBAAgB;IACrBC,QAAQ,EAAE,MAAAA,CAAA,KAAY;MAClB,MAAMC,UAAU,GAAG,MAAM,MAAM,CAC3B;MACA,uCACJ,CAAC;MAED,MAAMC,MAAgB,GAAGD,UAAU,CAACE,OAAO;MAE3C,OAAOC,MAAM,CAACC,IAAI,CAACH,MAAM,CAAC,CAACI,GAAG,CAACC,GAAG,IAAI;QAClC,MAAMC,KAAK,GAAGN,MAAM,CAACK,GAAG,CAAC;QACzB,OAAO;UACHE,IAAI,EAAE,OAAO;UACbV,IAAI,EAAES,KAAK,CAACE,IAAI;UAChBC,KAAK,EAAEJ,GAAG;UACVK,QAAQ,EAAEJ,KAAK,CAACK,KAAK;UACrBC,eAAe,EAAEN,KAAK,CAACO;QAC3B,CAAC;MACL,CAAC,CAAC;IACN;EAAE,CACL,CACa,CAAC;AAE3B,CAAC","ignoreList":[]}

package/components/IconPicker/config/FontAwesomeIcons.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { IconPickerConfig } from ".";
+import { IconPickerConfig } from "./index.js";
 export const FontAwesomeIcons = () => {
   return /*#__PURE__*/React.createElement(IconPickerConfig, null, /*#__PURE__*/React.createElement(IconPickerConfig.IconPack, {
     name: "fa6_brands",

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

@@ -1 +1 @@
-{"version":3,"names":["React","IconPickerConfig","FontAwesomeIcons","createElement","IconPack","name","provider","fa6Brands","icons","categories","Object","keys","map","key","icon","type","value","body","category","find","categoryKey","includes","width","fa6Regular","fa6Solid"],"sources":["FontAwesomeIcons.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconPickerConfig } from \".\";\n\ntype FaIconSet = {\n    [key: string]: {\n        body: string;\n        width?: number;\n    };\n};\n\ntype FaCategorySet = {\n    [key: string]: string[];\n};\n\nexport const FontAwesomeIcons = () => {\n    return (\n        <IconPickerConfig>\n            {/* Default Icons Providers */}\n            <IconPickerConfig.IconPack\n                name=\"fa6_brands\"\n                provider={async () => {\n                    const fa6Brands = await import(\n                        /* webpackChunkName: \"iconpicker-fa6-brands\" */\n                        \"@iconify/json/json/fa6-brands.json\"\n                    );\n\n                    const icons: FaIconSet = fa6Brands.icons;\n                    const categories: FaCategorySet = fa6Brands.categories;\n\n                    return Object.keys(icons).map(key => {\n                        const icon = icons[key];\n                        return {\n                            type: \"icon\",\n                            name: `fa6_brands_${key}`,\n                            value: icon.body,\n                            category: Object.keys(categories).find(categoryKey =>\n                                categories[categoryKey].includes(key)\n                            ),\n                            width: icon.width\n                        };\n                    });\n                }}\n            />\n            <IconPickerConfig.IconPack\n                name=\"fa6_regular\"\n                provider={async () => {\n                    const fa6Regular = await import(\n                        /* webpackChunkName: \"iconpicker-fa6-regular\" */\n                        \"@iconify/json/json/fa6-regular.json\"\n                    );\n\n                    const icons: FaIconSet = fa6Regular.icons;\n                    const categories: FaCategorySet = fa6Regular.categories;\n\n                    return Object.keys(icons).map(key => {\n                        const icon = icons[key];\n                        return {\n                            type: \"icon\",\n                            name: `fa6_regular_${key}`,\n                            value: icon.body,\n                            category: Object.keys(categories).find(categoryKey =>\n                                categories[categoryKey].includes(key)\n                            ),\n                            width: icon.width\n                        };\n                    });\n                }}\n            />\n            <IconPickerConfig.IconPack\n                name=\"fa6_solid\"\n                provider={async () => {\n                    const fa6Solid = await import(\n                        /* webpackChunkName: \"iconpicker-fa6-solid\" */\n                        \"@iconify/json/json/fa6-solid.json\"\n                    );\n\n                    const icons: FaIconSet = fa6Solid.icons;\n                    const categories: FaCategorySet = fa6Solid.categories;\n\n                    return Object.keys(icons).map(key => {\n                        const icon = icons[key];\n                        return {\n                            type: \"icon\",\n                            name: `fa6_solid_${key}`,\n                            value: icon.body,\n                            category: Object.keys(categories).find(categoryKey =>\n                                categories[categoryKey].includes(key)\n                            ),\n                            width: icon.width\n                        };\n                    });\n                }}\n            />\n        </IconPickerConfig>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","IconPickerConfig","FontAwesomeIcons","createElement","IconPack","name","provider","fa6Brands","icons","categories","Object","keys","map","key","icon","type","value","body","category","find","categoryKey","includes","width","fa6Regular","fa6Solid"],"sources":["FontAwesomeIcons.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconPickerConfig } from \"./index.js\";\n\ntype FaIconSet = {\n    [key: string]: {\n        body: string;\n        width?: number;\n    };\n};\n\ntype FaCategorySet = {\n    [key: string]: string[];\n};\n\nexport const FontAwesomeIcons = () => {\n    return (\n        <IconPickerConfig>\n            {/* Default Icons Providers */}\n            <IconPickerConfig.IconPack\n                name=\"fa6_brands\"\n                provider={async () => {\n                    const fa6Brands = await import(\n                        /* webpackChunkName: \"iconpicker-fa6-brands\" */\n                        \"@iconify/json/json/fa6-brands.json\"\n                    );\n\n                    const icons: FaIconSet = fa6Brands.icons;\n                    const categories: FaCategorySet = fa6Brands.categories;\n\n                    return Object.keys(icons).map(key => {\n                        const icon = icons[key];\n                        return {\n                            type: \"icon\",\n                            name: `fa6_brands_${key}`,\n                            value: icon.body,\n                            category: Object.keys(categories).find(categoryKey =>\n                                categories[categoryKey].includes(key)\n                            ),\n                            width: icon.width\n                        };\n                    });\n                }}\n            />\n            <IconPickerConfig.IconPack\n                name=\"fa6_regular\"\n                provider={async () => {\n                    const fa6Regular = await import(\n                        /* webpackChunkName: \"iconpicker-fa6-regular\" */\n                        \"@iconify/json/json/fa6-regular.json\"\n                    );\n\n                    const icons: FaIconSet = fa6Regular.icons;\n                    const categories: FaCategorySet = fa6Regular.categories;\n\n                    return Object.keys(icons).map(key => {\n                        const icon = icons[key];\n                        return {\n                            type: \"icon\",\n                            name: `fa6_regular_${key}`,\n                            value: icon.body,\n                            category: Object.keys(categories).find(categoryKey =>\n                                categories[categoryKey].includes(key)\n                            ),\n                            width: icon.width\n                        };\n                    });\n                }}\n            />\n            <IconPickerConfig.IconPack\n                name=\"fa6_solid\"\n                provider={async () => {\n                    const fa6Solid = await import(\n                        /* webpackChunkName: \"iconpicker-fa6-solid\" */\n                        \"@iconify/json/json/fa6-solid.json\"\n                    );\n\n                    const icons: FaIconSet = fa6Solid.icons;\n                    const categories: FaCategorySet = fa6Solid.categories;\n\n                    return Object.keys(icons).map(key => {\n                        const icon = icons[key];\n                        return {\n                            type: \"icon\",\n                            name: `fa6_solid_${key}`,\n                            value: icon.body,\n                            category: Object.keys(categories).find(categoryKey =>\n                                categories[categoryKey].includes(key)\n                            ),\n                            width: icon.width\n                        };\n                    });\n                }}\n            />\n        </IconPickerConfig>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { Icon } from "../types";
+import type { Icon } from "../../../components/IconPicker/types.js";
 export type IconPackProviderProps = {
     name: string;
     provider: () => Promise<Icon[]> | Icon[];

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

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

package/components/IconPicker/config/IconType.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { Property, useIdGenerator } from "@webiny/react-properties";
-import { IconRenderer, useIcon } from "../IconRenderer";
-import { IconPickerTabRenderer } from "../IconPickerTab";
+import { IconRenderer, useIcon } from "../IconRenderer.js";
+import { IconPickerTabRenderer } from "../IconPickerTab.js";
 const IconTypeContext = /*#__PURE__*/React.createContext(undefined);
 export const IconTypeProvider = ({
   type,

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

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

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

@@ -1,8 +1,8 @@
 import React from "react";
-import { IconType } from "./IconType";
-import type { Icon } from "../types";
+import { IconType } from "./IconType.js";
+import type { Icon } from "../types.js";
 export declare const IconPickerConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => React.JSX.Element) & {
-    IconPack: ({ name, provider }: import("./IconPackProvider").IconPackProviderProps) => React.JSX.Element;
+    IconPack: ({ name, provider }: import("./IconPackProvider.js").IconPackProviderProps) => React.JSX.Element;
     IconType: IconType;
 };
 export declare const IconPickerWithConfig: ({ onProperties, children }: import("@webiny/react-properties").WithConfigProps) => React.JSX.Element;

package/components/IconPicker/config/index.js

@@ -1,13 +1,13 @@
 import React, { useMemo } from "react";
 import { createConfigurableComponent } from "@webiny/react-properties";
-import { IconPackProvider as IconPack } from "./IconPackProvider";
-import { IconType } from "./IconType";
-import { SimpleIconPlugin } from "../plugins/iconsPlugin";
-import { EmojiPlugin } from "../plugins/emojisPlugin";
-import { CustomIconPlugin } from "../plugins/customPlugin";
+import { IconPackProvider as IconPack } from "./IconPackProvider.js";
+import { IconType } from "./IconType.js";
+import { SimpleIconPlugin } from "../plugins/iconsPlugin.js";
+import { EmojiPlugin } from "../plugins/emojisPlugin.js";
+import { CustomIconPlugin } from "../plugins/customPlugin.js";
 import { createProvider } from "@webiny/app";
-import { Emojis } from "./Emojis";
-import { FontAwesomeIcons } from "./FontAwesomeIcons";
+import { Emojis } from "./Emojis.js";
+import { FontAwesomeIcons } from "./FontAwesomeIcons.js";
 const base = createConfigurableComponent("IconPicker");
 export const IconPickerConfig = Object.assign(base.Config, {
   IconPack,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","createConfigurableComponent","IconPackProvider","IconPack","IconType","SimpleIconPlugin","EmojiPlugin","CustomIconPlugin","createProvider","Emojis","FontAwesomeIcons","base","IconPickerConfig","Object","assign","Config","IconPickerWithConfig","WithConfig","IconPickerConfigProvider","Original","children","createElement","constructor","name","loader","getIcons","useIconPickerConfig","config","useConfig","iconPackProviders","iconTypes","map","provider","load","DefaultIcons","Fragment"],"sources":["index.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport { IconPackProvider as IconPack } from \"./IconPackProvider\";\nimport { IconType } from \"./IconType\";\nimport { SimpleIconPlugin } from \"../plugins/iconsPlugin\";\nimport { EmojiPlugin } from \"../plugins/emojisPlugin\";\nimport { CustomIconPlugin } from \"../plugins/customPlugin\";\nimport type { Icon } from \"../types\";\nimport { createProvider } from \"@webiny/app\";\nimport { Emojis } from \"./Emojis\";\nimport { FontAwesomeIcons } from \"./FontAwesomeIcons\";\n\nconst base = createConfigurableComponent<IconPickerConfig>(\"IconPicker\");\n\nexport const IconPickerConfig = Object.assign(base.Config, { IconPack, IconType });\nexport const IconPickerWithConfig = base.WithConfig;\n\nexport const IconPickerConfigProvider = createProvider(Original => {\n    return function IconPickerConfigProvider({ children }) {\n        return (\n            <IconPickerWithConfig>\n                <Original>{children}</Original>\n            </IconPickerWithConfig>\n        );\n    };\n});\n\nexport interface IconPackLoader {\n    (): Promise<Icon[]>;\n}\n\ninterface IconTypeInterface {\n    name: string;\n}\n\nexport type { IconTypeInterface as IconType };\n\ninterface IconPickerConfig {\n    iconTypes: IconTypeInterface[];\n    iconPackProviders: {\n        name: string;\n        load: IconPackLoader;\n    }[];\n}\n\nexport interface IconPackProviderInterface {\n    name: string;\n    getIcons(): Promise<Icon[]>;\n}\n\nclass IconPackProvider implements IconPackProviderInterface {\n    public readonly name: string;\n    private readonly loader: IconPackLoader;\n\n    constructor(name: string, loader: IconPackLoader) {\n        this.name = name;\n        this.loader = loader;\n    }\n\n    getIcons(): Promise<Icon[]> {\n        return this.loader();\n    }\n}\n\nexport function useIconPickerConfig() {\n    const config = base.useConfig();\n\n    const iconPackProviders = config.iconPackProviders || [];\n\n    return useMemo(\n        () => ({\n            iconTypes: config.iconTypes || [],\n            iconPackProviders: iconPackProviders.map(\n                provider => new IconPackProvider(provider.name, provider.load)\n            )\n        }),\n        [config]\n    );\n}\n\nexport const DefaultIcons = () => {\n    return (\n        <>\n            <SimpleIconPlugin />\n            <EmojiPlugin />\n            <CustomIconPlugin />\n            <Emojis />\n            <FontAwesomeIcons />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,2BAA2B,QAAQ,0BAA0B;AACtE,SAASC,gBAAgB,IAAIC,QAAQ;AACrC,SAASC,QAAQ;AACjB,SAASC,gBAAgB;AACzB,SAASC,WAAW;AACpB,SAASC,gBAAgB;AAEzB,SAASC,cAAc,QAAQ,aAAa;AAC5C,SAASC,MAAM;AACf,SAASC,gBAAgB;AAEzB,MAAMC,IAAI,GAAGV,2BAA2B,CAAmB,YAAY,CAAC;AAExE,OAAO,MAAMW,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAACH,IAAI,CAACI,MAAM,EAAE;EAAEZ,QAAQ;EAAEC;AAAS,CAAC,CAAC;AAClF,OAAO,MAAMY,oBAAoB,GAAGL,IAAI,CAACM,UAAU;AAEnD,OAAO,MAAMC,wBAAwB,GAAGV,cAAc,CAACW,QAAQ,IAAI;EAC/D,OAAO,SAASD,wBAAwBA,CAAC;IAAEE;EAAS,CAAC,EAAE;IACnD,oBACIrB,KAAA,CAAAsB,aAAA,CAACL,oBAAoB,qBACjBjB,KAAA,CAAAsB,aAAA,CAACF,QAAQ,QAAEC,QAAmB,CACZ,CAAC;EAE/B,CAAC;AACL,CAAC,CAAC;AAyBF,MAAMlB,gBAAgB,CAAsC;EAIxDoB,WAAWA,CAACC,IAAY,EAAEC,MAAsB,EAAE;IAC9C,IAAI,CAACD,IAAI,GAAGA,IAAI;IAChB,IAAI,CAACC,MAAM,GAAGA,MAAM;EACxB;EAEAC,QAAQA,CAAA,EAAoB;IACxB,OAAO,IAAI,CAACD,MAAM,CAAC,CAAC;EACxB;AACJ;AAEA,OAAO,SAASE,mBAAmBA,CAAA,EAAG;EAClC,MAAMC,MAAM,GAAGhB,IAAI,CAACiB,SAAS,CAAC,CAAC;EAE/B,MAAMC,iBAAiB,GAAGF,MAAM,CAACE,iBAAiB,IAAI,EAAE;EAExD,OAAO7B,OAAO,CACV,OAAO;IACH8B,SAAS,EAAEH,MAAM,CAACG,SAAS,IAAI,EAAE;IACjCD,iBAAiB,EAAEA,iBAAiB,CAACE,GAAG,CACpCC,QAAQ,IAAI,IAAI9B,gBAAgB,CAAC8B,QAAQ,CAACT,IAAI,EAAES,QAAQ,CAACC,IAAI,CACjE;EACJ,CAAC,CAAC,EACF,CAACN,MAAM,CACX,CAAC;AACL;AAEA,OAAO,MAAMO,YAAY,GAAGA,CAAA,KAAM;EAC9B,oBACInC,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAoC,QAAA,qBACIpC,KAAA,CAAAsB,aAAA,CAAChB,gBAAgB,MAAE,CAAC,eACpBN,KAAA,CAAAsB,aAAA,CAACf,WAAW,MAAE,CAAC,eACfP,KAAA,CAAAsB,aAAA,CAACd,gBAAgB,MAAE,CAAC,eACpBR,KAAA,CAAAsB,aAAA,CAACZ,MAAM,MAAE,CAAC,eACVV,KAAA,CAAAsB,aAAA,CAACX,gBAAgB,MAAE,CACrB,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","createConfigurableComponent","IconPackProvider","IconPack","IconType","SimpleIconPlugin","EmojiPlugin","CustomIconPlugin","createProvider","Emojis","FontAwesomeIcons","base","IconPickerConfig","Object","assign","Config","IconPickerWithConfig","WithConfig","IconPickerConfigProvider","Original","children","createElement","constructor","name","loader","getIcons","useIconPickerConfig","config","useConfig","iconPackProviders","iconTypes","map","provider","load","DefaultIcons","Fragment"],"sources":["index.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport { IconPackProvider as IconPack } from \"./IconPackProvider.js\";\nimport { IconType } from \"./IconType.js\";\nimport { SimpleIconPlugin } from \"../plugins/iconsPlugin.js\";\nimport { EmojiPlugin } from \"../plugins/emojisPlugin.js\";\nimport { CustomIconPlugin } from \"../plugins/customPlugin.js\";\nimport type { Icon } from \"../types.js\";\nimport { createProvider } from \"@webiny/app\";\nimport { Emojis } from \"./Emojis.js\";\nimport { FontAwesomeIcons } from \"./FontAwesomeIcons.js\";\n\nconst base = createConfigurableComponent<IconPickerConfig>(\"IconPicker\");\n\nexport const IconPickerConfig = Object.assign(base.Config, { IconPack, IconType });\nexport const IconPickerWithConfig = base.WithConfig;\n\nexport const IconPickerConfigProvider = createProvider(Original => {\n    return function IconPickerConfigProvider({ children }) {\n        return (\n            <IconPickerWithConfig>\n                <Original>{children}</Original>\n            </IconPickerWithConfig>\n        );\n    };\n});\n\nexport interface IconPackLoader {\n    (): Promise<Icon[]>;\n}\n\ninterface IconTypeInterface {\n    name: string;\n}\n\nexport type { IconTypeInterface as IconType };\n\ninterface IconPickerConfig {\n    iconTypes: IconTypeInterface[];\n    iconPackProviders: {\n        name: string;\n        load: IconPackLoader;\n    }[];\n}\n\nexport interface IconPackProviderInterface {\n    name: string;\n    getIcons(): Promise<Icon[]>;\n}\n\nclass IconPackProvider implements IconPackProviderInterface {\n    public readonly name: string;\n    private readonly loader: IconPackLoader;\n\n    constructor(name: string, loader: IconPackLoader) {\n        this.name = name;\n        this.loader = loader;\n    }\n\n    getIcons(): Promise<Icon[]> {\n        return this.loader();\n    }\n}\n\nexport function useIconPickerConfig() {\n    const config = base.useConfig();\n\n    const iconPackProviders = config.iconPackProviders || [];\n\n    return useMemo(\n        () => ({\n            iconTypes: config.iconTypes || [],\n            iconPackProviders: iconPackProviders.map(\n                provider => new IconPackProvider(provider.name, provider.load)\n            )\n        }),\n        [config]\n    );\n}\n\nexport const DefaultIcons = () => {\n    return (\n        <>\n            <SimpleIconPlugin />\n            <EmojiPlugin />\n            <CustomIconPlugin />\n            <Emojis />\n            <FontAwesomeIcons />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,2BAA2B,QAAQ,0BAA0B;AACtE,SAASC,gBAAgB,IAAIC,QAAQ;AACrC,SAASC,QAAQ;AACjB,SAASC,gBAAgB;AACzB,SAASC,WAAW;AACpB,SAASC,gBAAgB;AAEzB,SAASC,cAAc,QAAQ,aAAa;AAC5C,SAASC,MAAM;AACf,SAASC,gBAAgB;AAEzB,MAAMC,IAAI,GAAGV,2BAA2B,CAAmB,YAAY,CAAC;AAExE,OAAO,MAAMW,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAACH,IAAI,CAACI,MAAM,EAAE;EAAEZ,QAAQ;EAAEC;AAAS,CAAC,CAAC;AAClF,OAAO,MAAMY,oBAAoB,GAAGL,IAAI,CAACM,UAAU;AAEnD,OAAO,MAAMC,wBAAwB,GAAGV,cAAc,CAACW,QAAQ,IAAI;EAC/D,OAAO,SAASD,wBAAwBA,CAAC;IAAEE;EAAS,CAAC,EAAE;IACnD,oBACIrB,KAAA,CAAAsB,aAAA,CAACL,oBAAoB,qBACjBjB,KAAA,CAAAsB,aAAA,CAACF,QAAQ,QAAEC,QAAmB,CACZ,CAAC;EAE/B,CAAC;AACL,CAAC,CAAC;AAyBF,MAAMlB,gBAAgB,CAAsC;EAIxDoB,WAAWA,CAACC,IAAY,EAAEC,MAAsB,EAAE;IAC9C,IAAI,CAACD,IAAI,GAAGA,IAAI;IAChB,IAAI,CAACC,MAAM,GAAGA,MAAM;EACxB;EAEAC,QAAQA,CAAA,EAAoB;IACxB,OAAO,IAAI,CAACD,MAAM,CAAC,CAAC;EACxB;AACJ;AAEA,OAAO,SAASE,mBAAmBA,CAAA,EAAG;EAClC,MAAMC,MAAM,GAAGhB,IAAI,CAACiB,SAAS,CAAC,CAAC;EAE/B,MAAMC,iBAAiB,GAAGF,MAAM,CAACE,iBAAiB,IAAI,EAAE;EAExD,OAAO7B,OAAO,CACV,OAAO;IACH8B,SAAS,EAAEH,MAAM,CAACG,SAAS,IAAI,EAAE;IACjCD,iBAAiB,EAAEA,iBAAiB,CAACE,GAAG,CACpCC,QAAQ,IAAI,IAAI9B,gBAAgB,CAAC8B,QAAQ,CAACT,IAAI,EAAES,QAAQ,CAACC,IAAI,CACjE;EACJ,CAAC,CAAC,EACF,CAACN,MAAM,CACX,CAAC;AACL;AAEA,OAAO,MAAMO,YAAY,GAAGA,CAAA,KAAM;EAC9B,oBACInC,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAoC,QAAA,qBACIpC,KAAA,CAAAsB,aAAA,CAAChB,gBAAgB,MAAE,CAAC,eACpBN,KAAA,CAAAsB,aAAA,CAACf,WAAW,MAAE,CAAC,eACfP,KAAA,CAAAsB,aAAA,CAACd,gBAAgB,MAAE,CAAC,eACpBR,KAAA,CAAAsB,aAAA,CAACZ,MAAM,MAAE,CAAC,eACVV,KAAA,CAAAsB,aAAA,CAACX,gBAAgB,MAAE,CACrB,CAAC;AAEX,CAAC","ignoreList":[]}

package/components/IconPicker/index.d.ts

@@ -1,7 +1,7 @@
-export { IconPicker } from "./IconPicker";
-export { IconPickerConfig } from "./config";
-export { useIcon } from "./IconRenderer";
-export { useIconPicker } from "./IconPickerPresenterProvider";
-export { useIconType } from "./config/IconType";
-export { defaultIcon } from "./defaultIcon";
-export type { Icon } from "./types";
+export { IconPicker } from "./IconPicker.js";
+export { IconPickerConfig } from "./config/index.js";
+export { useIcon } from "./IconRenderer.js";
+export { useIconPicker } from "./IconPickerPresenterProvider.js";
+export { useIconType } from "./config/IconType.js";
+export { defaultIcon } from "./defaultIcon.js";
+export type { Icon } from "./types.js";

package/components/IconPicker/index.js

@@ -1,8 +1,8 @@
-export { IconPicker } from "./IconPicker";
-export { IconPickerConfig } from "./config";
-export { useIcon } from "./IconRenderer";
-export { useIconPicker } from "./IconPickerPresenterProvider";
-export { useIconType } from "./config/IconType";
-export { defaultIcon } from "./defaultIcon";
+export { IconPicker } from "./IconPicker.js";
+export { IconPickerConfig } from "./config/index.js";
+export { useIcon } from "./IconRenderer.js";
+export { useIconPicker } from "./IconPickerPresenterProvider.js";
+export { useIconType } from "./config/IconType.js";
+export { defaultIcon } from "./defaultIcon.js";
 
 //# sourceMappingURL=index.js.map

package/components/IconPicker/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["IconPicker","IconPickerConfig","useIcon","useIconPicker","useIconType","defaultIcon"],"sources":["index.tsx"],"sourcesContent":["export { IconPicker } from \"./IconPicker\";\nexport { IconPickerConfig } from \"./config\";\nexport { useIcon } from \"./IconRenderer\";\nexport { useIconPicker } from \"./IconPickerPresenterProvider\";\nexport { useIconType } from \"./config/IconType\";\nexport { defaultIcon } from \"./defaultIcon\";\nexport type { Icon } from \"./types\";\n"],"mappings":"AAAA,SAASA,UAAU;AACnB,SAASC,gBAAgB;AACzB,SAASC,OAAO;AAChB,SAASC,aAAa;AACtB,SAASC,WAAW;AACpB,SAASC,WAAW","ignoreList":[]}
+{"version":3,"names":["IconPicker","IconPickerConfig","useIcon","useIconPicker","useIconType","defaultIcon"],"sources":["index.tsx"],"sourcesContent":["export { IconPicker } from \"./IconPicker.js\";\nexport { IconPickerConfig } from \"./config/index.js\";\nexport { useIcon } from \"./IconRenderer.js\";\nexport { useIconPicker } from \"./IconPickerPresenterProvider.js\";\nexport { useIconType } from \"./config/IconType.js\";\nexport { defaultIcon } from \"./defaultIcon.js\";\nexport type { Icon } from \"./types.js\";\n"],"mappings":"AAAA,SAASA,UAAU;AACnB,SAASC,gBAAgB;AACzB,SAASC,OAAO;AAChB,SAASC,aAAa;AACtB,SAASC,WAAW;AACpB,SAASC,WAAW","ignoreList":[]}

package/components/IconPicker/plugins/customPlugin.js

@@ -2,12 +2,12 @@ import React from "react";
 import { useApolloClient } from "@apollo/react-hooks";
 import { observer } from "mobx-react-lite";
 import { Button } from "@webiny/admin-ui";
-import { FileManager } from "../../../base/ui/FileManager";
-import { IconPickerTab } from "../IconPickerTab";
-import { useIcon } from "..";
-import { useIconPicker } from "../IconPickerPresenterProvider";
-import { IconPickerConfig } from "../config";
-import { LIST_CUSTOM_ICONS } from "./graphql";
+import { FileManager } from "../../../base/ui/FileManager.js";
+import { IconPickerTab } from "../IconPickerTab.js";
+import { useIcon } from "../index.js";
+import { useIconPicker } from "../IconPickerPresenterProvider.js";
+import { IconPickerConfig } from "../config/index.js";
+import { LIST_CUSTOM_ICONS } from "./graphql.js";
 /**
  * NOTE: Avoid using `@emotion/styled` in icon renderer components across all plugins.
  * This is crucial for serializing component rendering into a string value as plain HTML,
@@ -40,21 +40,18 @@ const IconFilePicker = ({
     },
     onChange: onChange,
     scope: "scope:iconPicker",
-    accept: ["image/svg+xml"]
-  }, ({
-    showFileManager
-  }) => /*#__PURE__*/React.createElement(Button, {
-    variant: "primary",
-    text: "Browse",
-    onClick: () => {
-      showFileManager();
-    }
-  }));
+    accept: ["image/svg+xml"],
+    render: ({
+      showFileManager
+    }) => /*#__PURE__*/React.createElement(Button, {
+      variant: "primary",
+      text: "Browse",
+      onClick: () => {
+        showFileManager();
+      }
+    })
+  });
 };
-function getNameOrId(file) {
-  const name = (file.meta || []).find(obj => obj.key === "name");
-  return name ? name.value : file.id;
-}
 const CustomIconTab = observer(() => {
   const presenter = useIconPicker();
   const onIconSelect = icon => {
@@ -62,19 +59,17 @@ const CustomIconTab = observer(() => {
     presenter.closeMenu();
   };
   const onIconFileSelect = file => {
-    const name = getNameOrId(file);
     presenter.setIcon({
       type: "custom",
-      name,
+      name: file.name,
       value: file.src
     });
     presenter.closeMenu();
   };
   const onIconFileUpload = file => {
-    const name = getNameOrId(file);
     const icon = {
       type: "custom",
-      name,
+      name: file.name,
       value: file.src
     };
     presenter.addIcon(icon);