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

package/components/IconPicker/IconPickerPresenter.js

@@ -1,77 +1,71 @@
 import { makeAutoObservable, toJS } from "mobx";
-export class IconPickerPresenter {
-  selectedIcon = null;
-  filter = "";
-  activeTab = undefined;
-  isMenuOpened = false;
-  constructor(repository, size) {
-    this.repository = repository;
-    this.size = size;
-    makeAutoObservable(this);
-  }
-  async load(icon = null) {
-    if (icon?.value) {
-      this.selectedIcon = icon;
+class IconPickerPresenter {
+    constructor(repository, size){
+        this.selectedIcon = null;
+        this.filter = "";
+        this.activeTab = void 0;
+        this.isMenuOpened = false;
+        this.repository = repository;
+        this.size = size;
+        makeAutoObservable(this);
     }
-    await this.repository.loadIcons();
-    if (icon && !icon?.value) {
-      this.detectSelectedIcon(icon);
+    async load(icon = null) {
+        if (icon?.value) this.selectedIcon = icon;
+        await this.repository.loadIcons();
+        if (icon && !icon?.value) this.detectSelectedIcon(icon);
     }
-  }
-  get vm() {
-    return {
-      activeTab: this.activeTab,
-      isMenuOpened: this.isMenuOpened,
-      isLoading: this.repository.getLoading().isLoading,
-      icons: this.getFilteredIcons(),
-      iconTypes: this.repository.getIconTypes(),
-      // `toJS` will unwrap an observable into a POJO. This will make it simple to use in child components.
-      selectedIcon: toJS(this.selectedIcon),
-      filter: this.filter,
-      size: this.size
-    };
-  }
-  addIcon(icon) {
-    this.repository.addIcon(icon);
-  }
-  closeMenu() {
-    this.isMenuOpened = false;
-  }
-  openMenu() {
-    this.isMenuOpened = true;
-    this.resetActiveTab();
-  }
-  setActiveTab(value) {
-    this.activeTab = value;
-  }
-  setIcon(icon) {
-    this.selectedIcon = icon;
-  }
-  setFilter(value) {
-    this.filter = value;
-  }
-  getFilteredIcons() {
-    const hyphenUnderscoreRegex = /[-_]/g;
-    const icons = this.repository.getIcons();
-    return icons.filter(icon => icon.name.replace(hyphenUnderscoreRegex, " ").toLowerCase().includes(this.filter.toLowerCase()));
-  }
-  getActiveTabByType(type) {
-    const iconTypes = this.repository.getIconTypes();
-    const iconType = iconTypes.find(iconsByType => iconsByType.name === type);
-    return iconType?.name || iconTypes[0].name;
-  }
-  getDefaultTab() {
-    return this.repository.getIconTypes()[0].name;
-  }
-  resetActiveTab() {
-    this.setActiveTab(this.selectedIcon ? this.getActiveTabByType(this.selectedIcon.type) : this.getDefaultTab());
-  }
-  detectSelectedIcon(icon) {
-    const iconByName = this.repository.getIcons().find(x => x.name === icon.name && icon.type === x.type);
-    if (iconByName) {
-      this.selectedIcon = iconByName;
+    get vm() {
+        return {
+            activeTab: this.activeTab,
+            isMenuOpened: this.isMenuOpened,
+            isLoading: this.repository.getLoading().isLoading,
+            icons: this.getFilteredIcons(),
+            iconTypes: this.repository.getIconTypes(),
+            selectedIcon: toJS(this.selectedIcon),
+            filter: this.filter,
+            size: this.size
+        };
+    }
+    addIcon(icon) {
+        this.repository.addIcon(icon);
+    }
+    closeMenu() {
+        this.isMenuOpened = false;
+    }
+    openMenu() {
+        this.isMenuOpened = true;
+        this.resetActiveTab();
+    }
+    setActiveTab(value) {
+        this.activeTab = value;
+    }
+    setIcon(icon) {
+        this.selectedIcon = icon;
+    }
+    setFilter(value) {
+        this.filter = value;
+    }
+    getFilteredIcons() {
+        const hyphenUnderscoreRegex = /[-_]/g;
+        const icons = this.repository.getIcons();
+        return icons.filter((icon)=>icon.name.replace(hyphenUnderscoreRegex, " ").toLowerCase().includes(this.filter.toLowerCase()));
+    }
+    getActiveTabByType(type) {
+        const iconTypes = this.repository.getIconTypes();
+        const iconType = iconTypes.find((iconsByType)=>iconsByType.name === type);
+        return iconType?.name || iconTypes[0].name;
+    }
+    getDefaultTab() {
+        return this.repository.getIconTypes()[0].name;
+    }
+    resetActiveTab() {
+        this.setActiveTab(this.selectedIcon ? this.getActiveTabByType(this.selectedIcon.type) : this.getDefaultTab());
+    }
+    detectSelectedIcon(icon) {
+        const iconByName = this.repository.getIcons().find((x)=>x.name === icon.name && icon.type === x.type);
+        if (iconByName) this.selectedIcon = iconByName;
     }
-  }
 }
+export { IconPickerPresenter };
 
 //# sourceMappingURL=IconPickerPresenter.js.map

package/components/IconPicker/IconPickerPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","toJS","IconPickerPresenter","selectedIcon","filter","activeTab","undefined","isMenuOpened","constructor","repository","size","load","icon","value","loadIcons","detectSelectedIcon","vm","isLoading","getLoading","icons","getFilteredIcons","iconTypes","getIconTypes","addIcon","closeMenu","openMenu","resetActiveTab","setActiveTab","setIcon","setFilter","hyphenUnderscoreRegex","getIcons","name","replace","toLowerCase","includes","getActiveTabByType","type","iconType","find","iconsByType","getDefaultTab","iconByName","x"],"sources":["IconPickerPresenter.ts"],"sourcesContent":["import { makeAutoObservable, toJS } from \"mobx\";\n\nimport type { IconRepository } from \"./IconRepository\";\nimport type { Icon } from \"./types\";\nimport type { IconType } from \"./config\";\n\nexport interface IconPickerPresenterInterface {\n    load(icon: Icon): Promise<void>;\n    setIcon(icon: Icon): void;\n    addIcon(icon: Icon): void;\n    setFilter(value: string): void;\n    setActiveTab(index: string): void;\n    openMenu(): void;\n    closeMenu(): void;\n    get vm(): {\n        isLoading: boolean;\n        activeTab?: string;\n        isMenuOpened: boolean;\n        icons: Icon[];\n        iconTypes: IconType[];\n        selectedIcon: Icon | null;\n        filter: string;\n        size?: string;\n    };\n}\n\nexport class IconPickerPresenter implements IconPickerPresenterInterface {\n    private repository: IconRepository;\n    private selectedIcon: Icon | null = null;\n    private filter = \"\";\n    private activeTab: string | undefined = undefined;\n    private isMenuOpened = false;\n    private size: string | undefined;\n\n    constructor(repository: IconRepository, size?: string) {\n        this.repository = repository;\n        this.size = size;\n        makeAutoObservable(this);\n    }\n\n    async load(icon: Icon | null = null) {\n        if (icon?.value) {\n            this.selectedIcon = icon;\n        }\n\n        await this.repository.loadIcons();\n\n        if (icon && !icon?.value) {\n            this.detectSelectedIcon(icon);\n        }\n    }\n\n    get vm() {\n        return {\n            activeTab: this.activeTab,\n            isMenuOpened: this.isMenuOpened,\n            isLoading: this.repository.getLoading().isLoading,\n            icons: this.getFilteredIcons(),\n            iconTypes: this.repository.getIconTypes(),\n            // `toJS` will unwrap an observable into a POJO. This will make it simple to use in child components.\n            selectedIcon: toJS(this.selectedIcon),\n            filter: this.filter,\n            size: this.size\n        };\n    }\n\n    addIcon(icon: Icon) {\n        this.repository.addIcon(icon);\n    }\n\n    closeMenu(): void {\n        this.isMenuOpened = false;\n    }\n\n    openMenu(): void {\n        this.isMenuOpened = true;\n        this.resetActiveTab();\n    }\n\n    setActiveTab(value?: string) {\n        this.activeTab = value;\n    }\n\n    setIcon(icon: Icon | null) {\n        this.selectedIcon = icon;\n    }\n\n    setFilter(value: string) {\n        this.filter = value;\n    }\n\n    private getFilteredIcons() {\n        const hyphenUnderscoreRegex = /[-_]/g;\n        const icons = this.repository.getIcons();\n\n        return icons.filter(icon =>\n            icon.name\n                .replace(hyphenUnderscoreRegex, \" \")\n                .toLowerCase()\n                .includes(this.filter.toLowerCase())\n        );\n    }\n\n    private getActiveTabByType(type: string) {\n        const iconTypes = this.repository.getIconTypes();\n        const iconType = iconTypes.find(iconsByType => iconsByType.name === type);\n\n        return iconType?.name || iconTypes[0].name;\n    }\n\n    private getDefaultTab() {\n        return this.repository.getIconTypes()[0].name;\n    }\n\n    private resetActiveTab() {\n        this.setActiveTab(\n            this.selectedIcon\n                ? this.getActiveTabByType(this.selectedIcon.type)\n                : this.getDefaultTab()\n        );\n    }\n\n    private detectSelectedIcon(icon: Icon) {\n        const iconByName = this.repository\n            .getIcons()\n            .find(x => x.name === icon.name && icon.type === x.type);\n\n        if (iconByName) {\n            this.selectedIcon = iconByName;\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"components/IconPicker/IconPickerPresenter.js","sources":["../../../src/components/IconPicker/IconPickerPresenter.ts"],"sourcesContent":["import { makeAutoObservable, toJS } from \"mobx\";\n\nimport type { IconRepository } from \"./IconRepository.js\";\nimport type { Icon } from \"./types.js\";\nimport type { IconType } from \"./config/index.js\";\n\nexport interface IconPickerPresenterInterface {\n    load(icon: Icon): Promise<void>;\n    setIcon(icon: Icon): void;\n    addIcon(icon: Icon): void;\n    setFilter(value: string): void;\n    setActiveTab(index: string): void;\n    openMenu(): void;\n    closeMenu(): void;\n    get vm(): {\n        isLoading: boolean;\n        activeTab?: string;\n        isMenuOpened: boolean;\n        icons: Icon[];\n        iconTypes: IconType[];\n        selectedIcon: Icon | null;\n        filter: string;\n        size?: string;\n    };\n}\n\nexport class IconPickerPresenter implements IconPickerPresenterInterface {\n    private repository: IconRepository;\n    private selectedIcon: Icon | null = null;\n    private filter = \"\";\n    private activeTab: string | undefined = undefined;\n    private isMenuOpened = false;\n    private size: string | undefined;\n\n    constructor(repository: IconRepository, size?: string) {\n        this.repository = repository;\n        this.size = size;\n        makeAutoObservable(this);\n    }\n\n    async load(icon: Icon | null = null) {\n        if (icon?.value) {\n            this.selectedIcon = icon;\n        }\n\n        await this.repository.loadIcons();\n\n        if (icon && !icon?.value) {\n            this.detectSelectedIcon(icon);\n        }\n    }\n\n    get vm() {\n        return {\n            activeTab: this.activeTab,\n            isMenuOpened: this.isMenuOpened,\n            isLoading: this.repository.getLoading().isLoading,\n            icons: this.getFilteredIcons(),\n            iconTypes: this.repository.getIconTypes(),\n            // `toJS` will unwrap an observable into a POJO. This will make it simple to use in child components.\n            selectedIcon: toJS(this.selectedIcon),\n            filter: this.filter,\n            size: this.size\n        };\n    }\n\n    addIcon(icon: Icon) {\n        this.repository.addIcon(icon);\n    }\n\n    closeMenu(): void {\n        this.isMenuOpened = false;\n    }\n\n    openMenu(): void {\n        this.isMenuOpened = true;\n        this.resetActiveTab();\n    }\n\n    setActiveTab(value?: string) {\n        this.activeTab = value;\n    }\n\n    setIcon(icon: Icon | null) {\n        this.selectedIcon = icon;\n    }\n\n    setFilter(value: string) {\n        this.filter = value;\n    }\n\n    private getFilteredIcons() {\n        const hyphenUnderscoreRegex = /[-_]/g;\n        const icons = this.repository.getIcons();\n\n        return icons.filter(icon =>\n            icon.name\n                .replace(hyphenUnderscoreRegex, \" \")\n                .toLowerCase()\n                .includes(this.filter.toLowerCase())\n        );\n    }\n\n    private getActiveTabByType(type: string) {\n        const iconTypes = this.repository.getIconTypes();\n        const iconType = iconTypes.find(iconsByType => iconsByType.name === type);\n\n        return iconType?.name || iconTypes[0].name;\n    }\n\n    private getDefaultTab() {\n        return this.repository.getIconTypes()[0].name;\n    }\n\n    private resetActiveTab() {\n        this.setActiveTab(\n            this.selectedIcon\n                ? this.getActiveTabByType(this.selectedIcon.type)\n                : this.getDefaultTab()\n        );\n    }\n\n    private detectSelectedIcon(icon: Icon) {\n        const iconByName = this.repository\n            .getIcons()\n            .find(x => x.name === icon.name && icon.type === x.type);\n\n        if (iconByName) {\n            this.selectedIcon = iconByName;\n        }\n    }\n}\n"],"names":["IconPickerPresenter","repository","size","undefined","makeAutoObservable","icon","toJS","value","hyphenUnderscoreRegex","icons","type","iconTypes","iconType","iconsByType","iconByName","x"],"mappings":";AA0BO,MAAMA;IAQT,YAAYC,UAA0B,EAAEC,IAAa,CAAE;aAN/C,YAAY,GAAgB;aAC5B,MAAM,GAAG;aACT,SAAS,GAAuBC;aAChC,YAAY,GAAG;QAInB,IAAI,CAAC,UAAU,GAAGF;QAClB,IAAI,CAAC,IAAI,GAAGC;QACZE,mBAAmB,IAAI;IAC3B;IAEA,MAAM,KAAKC,OAAoB,IAAI,EAAE;QACjC,IAAIA,MAAM,OACN,IAAI,CAAC,YAAY,GAAGA;QAGxB,MAAM,IAAI,CAAC,UAAU,CAAC,SAAS;QAE/B,IAAIA,QAAQ,CAACA,MAAM,OACf,IAAI,CAAC,kBAAkB,CAACA;IAEhC;IAEA,IAAI,KAAK;QACL,OAAO;YACH,WAAW,IAAI,CAAC,SAAS;YACzB,cAAc,IAAI,CAAC,YAAY;YAC/B,WAAW,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,SAAS;YACjD,OAAO,IAAI,CAAC,gBAAgB;YAC5B,WAAW,IAAI,CAAC,UAAU,CAAC,YAAY;YAEvC,cAAcC,KAAK,IAAI,CAAC,YAAY;YACpC,QAAQ,IAAI,CAAC,MAAM;YACnB,MAAM,IAAI,CAAC,IAAI;QACnB;IACJ;IAEA,QAAQD,IAAU,EAAE;QAChB,IAAI,CAAC,UAAU,CAAC,OAAO,CAACA;IAC5B;IAEA,YAAkB;QACd,IAAI,CAAC,YAAY,GAAG;IACxB;IAEA,WAAiB;QACb,IAAI,CAAC,YAAY,GAAG;QACpB,IAAI,CAAC,cAAc;IACvB;IAEA,aAAaE,KAAc,EAAE;QACzB,IAAI,CAAC,SAAS,GAAGA;IACrB;IAEA,QAAQF,IAAiB,EAAE;QACvB,IAAI,CAAC,YAAY,GAAGA;IACxB;IAEA,UAAUE,KAAa,EAAE;QACrB,IAAI,CAAC,MAAM,GAAGA;IAClB;IAEQ,mBAAmB;QACvB,MAAMC,wBAAwB;QAC9B,MAAMC,QAAQ,IAAI,CAAC,UAAU,CAAC,QAAQ;QAEtC,OAAOA,MAAM,MAAM,CAACJ,CAAAA,OAChBA,KAAK,IAAI,CACJ,OAAO,CAACG,uBAAuB,KAC/B,WAAW,GACX,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW;IAE7C;IAEQ,mBAAmBE,IAAY,EAAE;QACrC,MAAMC,YAAY,IAAI,CAAC,UAAU,CAAC,YAAY;QAC9C,MAAMC,WAAWD,UAAU,IAAI,CAACE,CAAAA,cAAeA,YAAY,IAAI,KAAKH;QAEpE,OAAOE,UAAU,QAAQD,SAAS,CAAC,EAAE,CAAC,IAAI;IAC9C;IAEQ,gBAAgB;QACpB,OAAO,IAAI,CAAC,UAAU,CAAC,YAAY,EAAE,CAAC,EAAE,CAAC,IAAI;IACjD;IAEQ,iBAAiB;QACrB,IAAI,CAAC,YAAY,CACb,IAAI,CAAC,YAAY,GACX,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAC9C,IAAI,CAAC,aAAa;IAEhC;IAEQ,mBAAmBN,IAAU,EAAE;QACnC,MAAMS,aAAa,IAAI,CAAC,UAAU,CAC7B,QAAQ,GACR,IAAI,CAACC,CAAAA,IAAKA,EAAE,IAAI,KAAKV,KAAK,IAAI,IAAIA,KAAK,IAAI,KAAKU,EAAE,IAAI;QAE3D,IAAID,YACA,IAAI,CAAC,YAAY,GAAGA;IAE5B;AACJ"}

package/components/IconPicker/IconPickerPresenter.test.js

@@ -1,109 +1,84 @@
-import { IconPickerPresenter } from "./IconPickerPresenter";
-import { IconRepository } from "./IconRepository";
-const mockIconTypes = [{
-  name: "icon"
-}, {
-  name: "emoji"
-}, {
-  name: "custom"
-}];
-const mockIcons = [{
-  type: "emoji",
-  name: "thumbs_up",
-  value: "👍",
-  category: "People & Body",
-  skinToneSupport: true
-}, {
-  type: "icon",
-  name: "regular_address-book",
-  value: '<path fill="currentColor" d="M384 48c8.8 0 16 7.2 16 16v384c0 8.8-7.2 16-16 16H96c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h288zM96 0C60.7 0 32 28.7 32 64v384c0 35.3 28.7 64 64 64h288c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H96zm144 256a64 64 0 1 0 0-128a64 64 0 1 0 0 128zm-32 32c-44.2 0-80 35.8-80 80c0 8.8 7.2 16 16 16h192c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80h-64zM512 80c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V80zm-16 112c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16v-64c0-8.8-7.2-16-16-16zm16 144c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16v-64z"/>',
-  category: "Business"
-}];
-const mockIconPackProviders = [{
-  name: "mock_icons",
-  getIcons: async () => {
-    return mockIcons;
-  }
-}];
-describe("IconPickerPresenter", () => {
-  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"
-  };
-  let presenter;
-  beforeEach(() => {
-    const repository = new IconRepository(mockIconTypes, mockIconPackProviders);
-    presenter = new IconPickerPresenter(repository);
-  });
-  it("should create an IconPickerPresenter with the `vm` definition", async () => {
-    // let's load icons and set a predefined `selectedIcon`
-    await presenter.load(icon);
-
-    // `vm` should have the expected `selectedIcon` definition
-    expect(presenter.vm.selectedIcon).toEqual(icon);
-
-    // `vm` should have the expected `icons` definition
-    expect(presenter.vm.icons).toEqual(mockIcons);
-  });
-  it("should be able to select an icon", async () => {
-    // let's load icons
-    await presenter.load();
-
-    // should be able to set the icon
-    presenter.setIcon(presenter.vm.icons[0]);
-
-    // `vm` should have the expected `selectedIcon` value
-    expect(presenter.vm.selectedIcon).toEqual(presenter.vm.icons[0]);
-  });
-  it("should be able to add an icon", async () => {
-    // let's load icons
-    await presenter.load();
-
-    // should be able to set the icon
-    presenter.addIcon(icon);
-
-    // `vm` should have three icons
-    expect(presenter.vm.icons.length).toBe(3);
-
-    // `vm` should have the expected `icons` value
-    expect(presenter.vm.icons).toEqual([...mockIcons, icon]);
-  });
-  it("should be able to filter icons by name", async () => {
-    // let's load icons
-    await presenter.load();
-
-    // should be able to set the filter
-    presenter.setFilter("book");
-
-    // `vm` should have only one icon
-    expect(presenter.vm.icons.length).toBe(1);
-
-    // `vm` should have filtered icon
-    expect(presenter.vm.icons[0]).toEqual(mockIcons[1]);
-  });
-  it("should be able to set active tab on menu open", async () => {
-    // let's load icons and set a predefined `selectedIcon`
-    await presenter.load(mockIcons[0]);
-
-    // default `isMenuOpened` should be false
-    expect(presenter.vm.isMenuOpened).toBe(false);
-
-    // default `activeTab` should be handled by the component itself
-    expect(presenter.vm.activeTab).toBe(undefined);
-
-    // should be able to set `isMenuOpened`
-    // should be able to set `activeTab` based on `selectedIcon` type
-    presenter.openMenu();
-
-    // `vm` should have the expected `isMenuOpened` value
-    expect(presenter.vm.isMenuOpened).toBe(true);
-
-    // `vm` should have the expected `activeTab` value
-    expect(presenter.vm.activeTab).toBe("emoji");
-  });
+import { beforeEach, describe, expect, it } from "vitest";
+import { IconPickerPresenter } from "./IconPickerPresenter.js";
+import { IconRepository } from "./IconRepository.js";
+const mockIconTypes = [
+    {
+        name: "icon"
+    },
+    {
+        name: "emoji"
+    },
+    {
+        name: "custom"
+    }
+];
+const mockIcons = [
+    {
+        type: "emoji",
+        name: "thumbs_up",
+        value: "👍",
+        category: "People & Body",
+        skinToneSupport: true
+    },
+    {
+        type: "icon",
+        name: "regular_address-book",
+        value: '<path fill="currentColor" d="M384 48c8.8 0 16 7.2 16 16v384c0 8.8-7.2 16-16 16H96c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h288zM96 0C60.7 0 32 28.7 32 64v384c0 35.3 28.7 64 64 64h288c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H96zm144 256a64 64 0 1 0 0-128a64 64 0 1 0 0 128zm-32 32c-44.2 0-80 35.8-80 80c0 8.8 7.2 16 16 16h192c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80h-64zM512 80c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V80zm-16 112c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16v-64c0-8.8-7.2-16-16-16zm16 144c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16v-64z"/>',
+        category: "Business"
+    }
+];
+const mockIconPackProviders = [
+    {
+        name: "mock_icons",
+        getIcons: async ()=>mockIcons
+    }
+];
+describe("IconPickerPresenter", ()=>{
+    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"
+    };
+    let presenter;
+    beforeEach(()=>{
+        const repository = new IconRepository(mockIconTypes, mockIconPackProviders);
+        presenter = new IconPickerPresenter(repository);
+    });
+    it("should create an IconPickerPresenter with the `vm` definition", async ()=>{
+        await presenter.load(icon);
+        expect(presenter.vm.selectedIcon).toEqual(icon);
+        expect(presenter.vm.icons).toEqual(mockIcons);
+    });
+    it("should be able to select an icon", async ()=>{
+        await presenter.load();
+        presenter.setIcon(presenter.vm.icons[0]);
+        expect(presenter.vm.selectedIcon).toEqual(presenter.vm.icons[0]);
+    });
+    it("should be able to add an icon", async ()=>{
+        await presenter.load();
+        presenter.addIcon(icon);
+        expect(presenter.vm.icons.length).toBe(3);
+        expect(presenter.vm.icons).toEqual([
+            ...mockIcons,
+            icon
+        ]);
+    });
+    it("should be able to filter icons by name", async ()=>{
+        await presenter.load();
+        presenter.setFilter("book");
+        expect(presenter.vm.icons.length).toBe(1);
+        expect(presenter.vm.icons[0]).toEqual(mockIcons[1]);
+    });
+    it("should be able to set active tab on menu open", async ()=>{
+        await presenter.load(mockIcons[0]);
+        expect(presenter.vm.isMenuOpened).toBe(false);
+        expect(presenter.vm.activeTab).toBe(void 0);
+        presenter.openMenu();
+        expect(presenter.vm.isMenuOpened).toBe(true);
+        expect(presenter.vm.activeTab).toBe("emoji");
+    });
 });
 
 //# sourceMappingURL=IconPickerPresenter.test.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["IconPickerPresenter","IconRepository","mockIconTypes","name","mockIcons","type","value","category","skinToneSupport","mockIconPackProviders","getIcons","describe","icon","color","presenter","beforeEach","repository","it","load","expect","vm","selectedIcon","toEqual","icons","setIcon","addIcon","length","toBe","setFilter","isMenuOpened","activeTab","undefined","openMenu"],"sources":["IconPickerPresenter.test.ts"],"sourcesContent":["import { IconPickerPresenter } from \"./IconPickerPresenter\";\nimport { 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(\"IconPickerPresenter\", () => {\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    let presenter: IconPickerPresenter;\n\n    beforeEach(() => {\n        const repository = new IconRepository(mockIconTypes, mockIconPackProviders);\n        presenter = new IconPickerPresenter(repository);\n    });\n\n    it(\"should create an IconPickerPresenter with the `vm` definition\", async () => {\n        // let's load icons and set a predefined `selectedIcon`\n        await presenter.load(icon);\n\n        // `vm` should have the expected `selectedIcon` definition\n        expect(presenter.vm.selectedIcon).toEqual(icon);\n\n        // `vm` should have the expected `icons` definition\n        expect(presenter.vm.icons).toEqual(mockIcons);\n    });\n\n    it(\"should be able to select an icon\", async () => {\n        // let's load icons\n        await presenter.load();\n\n        // should be able to set the icon\n        presenter.setIcon(presenter.vm.icons[0]);\n\n        // `vm` should have the expected `selectedIcon` value\n        expect(presenter.vm.selectedIcon).toEqual(presenter.vm.icons[0]);\n    });\n\n    it(\"should be able to add an icon\", async () => {\n        // let's load icons\n        await presenter.load();\n\n        // should be able to set the icon\n        presenter.addIcon(icon);\n\n        // `vm` should have three icons\n        expect(presenter.vm.icons.length).toBe(3);\n\n        // `vm` should have the expected `icons` value\n        expect(presenter.vm.icons).toEqual([...mockIcons, icon]);\n    });\n\n    it(\"should be able to filter icons by name\", async () => {\n        // let's load icons\n        await presenter.load();\n\n        // should be able to set the filter\n        presenter.setFilter(\"book\");\n\n        // `vm` should have only one icon\n        expect(presenter.vm.icons.length).toBe(1);\n\n        // `vm` should have filtered icon\n        expect(presenter.vm.icons[0]).toEqual(mockIcons[1]);\n    });\n\n    it(\"should be able to set active tab on menu open\", async () => {\n        // let's load icons and set a predefined `selectedIcon`\n        await presenter.load(mockIcons[0]);\n\n        // default `isMenuOpened` should be false\n        expect(presenter.vm.isMenuOpened).toBe(false);\n\n        // default `activeTab` should be handled by the component itself\n        expect(presenter.vm.activeTab).toBe(undefined);\n\n        // should be able to set `isMenuOpened`\n        // should be able to set `activeTab` based on `selectedIcon` type\n        presenter.openMenu();\n\n        // `vm` should have the expected `isMenuOpened` value\n        expect(presenter.vm.isMenuOpened).toBe(true);\n\n        // `vm` should have the expected `activeTab` value\n        expect(presenter.vm.activeTab).toBe(\"emoji\");\n    });\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"components/IconPicker/IconPickerPresenter.test.js","sources":["../../../src/components/IconPicker/IconPickerPresenter.test.ts"],"sourcesContent":["import { describe, it, expect, beforeEach } from \"vitest\";\nimport { IconPickerPresenter } from \"./IconPickerPresenter.js\";\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(\"IconPickerPresenter\", () => {\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    let presenter: IconPickerPresenter;\n\n    beforeEach(() => {\n        const repository = new IconRepository(mockIconTypes, mockIconPackProviders);\n        presenter = new IconPickerPresenter(repository);\n    });\n\n    it(\"should create an IconPickerPresenter with the `vm` definition\", async () => {\n        // let's load icons and set a predefined `selectedIcon`\n        await presenter.load(icon);\n\n        // `vm` should have the expected `selectedIcon` definition\n        expect(presenter.vm.selectedIcon).toEqual(icon);\n\n        // `vm` should have the expected `icons` definition\n        expect(presenter.vm.icons).toEqual(mockIcons);\n    });\n\n    it(\"should be able to select an icon\", async () => {\n        // let's load icons\n        await presenter.load();\n\n        // should be able to set the icon\n        presenter.setIcon(presenter.vm.icons[0]);\n\n        // `vm` should have the expected `selectedIcon` value\n        expect(presenter.vm.selectedIcon).toEqual(presenter.vm.icons[0]);\n    });\n\n    it(\"should be able to add an icon\", async () => {\n        // let's load icons\n        await presenter.load();\n\n        // should be able to set the icon\n        presenter.addIcon(icon);\n\n        // `vm` should have three icons\n        expect(presenter.vm.icons.length).toBe(3);\n\n        // `vm` should have the expected `icons` value\n        expect(presenter.vm.icons).toEqual([...mockIcons, icon]);\n    });\n\n    it(\"should be able to filter icons by name\", async () => {\n        // let's load icons\n        await presenter.load();\n\n        // should be able to set the filter\n        presenter.setFilter(\"book\");\n\n        // `vm` should have only one icon\n        expect(presenter.vm.icons.length).toBe(1);\n\n        // `vm` should have filtered icon\n        expect(presenter.vm.icons[0]).toEqual(mockIcons[1]);\n    });\n\n    it(\"should be able to set active tab on menu open\", async () => {\n        // let's load icons and set a predefined `selectedIcon`\n        await presenter.load(mockIcons[0]);\n\n        // default `isMenuOpened` should be false\n        expect(presenter.vm.isMenuOpened).toBe(false);\n\n        // default `activeTab` should be handled by the component itself\n        expect(presenter.vm.activeTab).toBe(undefined);\n\n        // should be able to set `isMenuOpened`\n        // should be able to set `activeTab` based on `selectedIcon` type\n        presenter.openMenu();\n\n        // `vm` should have the expected `isMenuOpened` value\n        expect(presenter.vm.isMenuOpened).toBe(true);\n\n        // `vm` should have the expected `activeTab` value\n        expect(presenter.vm.activeTab).toBe(\"emoji\");\n    });\n});\n"],"names":["mockIconTypes","mockIcons","mockIconPackProviders","describe","icon","presenter","beforeEach","repository","IconRepository","IconPickerPresenter","it","expect","undefined"],"mappings":";;;AAKA,MAAMA,gBAAgB;IAAC;QAAE,MAAM;IAAO;IAAG;QAAE,MAAM;IAAQ;IAAG;QAAE,MAAM;IAAS;CAAE;AAE/E,MAAMC,YAAoB;IACtB;QACI,MAAM;QACN,MAAM;QACN,OAAO;QACP,UAAU;QACV,iBAAiB;IACrB;IACA;QACI,MAAM;QACN,MAAM;QACN,OAAO;QACP,UAAU;IACd;CACH;AAED,MAAMC,wBAAwB;IAC1B;QACI,MAAM;QACN,UAAU,UACCD;IAEf;CACH;AAEDE,SAAS,uBAAuB;IAC5B,MAAMC,OAAa;QACf,MAAM;QACN,MAAM;QACN,OAAO;QACP,UAAU;QACV,OAAO;IACX;IAEA,IAAIC;IAEJC,WAAW;QACP,MAAMC,aAAa,IAAIC,eAAeR,eAAeE;QACrDG,YAAY,IAAII,oBAAoBF;IACxC;IAEAG,GAAG,iEAAiE;QAEhE,MAAML,UAAU,IAAI,CAACD;QAGrBO,OAAON,UAAU,EAAE,CAAC,YAAY,EAAE,OAAO,CAACD;QAG1CO,OAAON,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,CAACJ;IACvC;IAEAS,GAAG,oCAAoC;QAEnC,MAAML,UAAU,IAAI;QAGpBA,UAAU,OAAO,CAACA,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE;QAGvCM,OAAON,UAAU,EAAE,CAAC,YAAY,EAAE,OAAO,CAACA,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE;IACnE;IAEAK,GAAG,iCAAiC;QAEhC,MAAML,UAAU,IAAI;QAGpBA,UAAU,OAAO,CAACD;QAGlBO,OAAON,UAAU,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;QAGvCM,OAAON,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC;eAAIJ;YAAWG;SAAK;IAC3D;IAEAM,GAAG,0CAA0C;QAEzC,MAAML,UAAU,IAAI;QAGpBA,UAAU,SAAS,CAAC;QAGpBM,OAAON,UAAU,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;QAGvCM,OAAON,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,OAAO,CAACJ,SAAS,CAAC,EAAE;IACtD;IAEAS,GAAG,iDAAiD;QAEhD,MAAML,UAAU,IAAI,CAACJ,SAAS,CAAC,EAAE;QAGjCU,OAAON,UAAU,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC;QAGvCM,OAAON,UAAU,EAAE,CAAC,SAAS,EAAE,IAAI,CAACO;QAIpCP,UAAU,QAAQ;QAGlBM,OAAON,UAAU,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC;QAGvCM,OAAON,UAAU,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC;IACxC;AACJ"}

package/components/IconPicker/IconPickerPresenterProvider.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { IconPickerPresenterInterface } from "./IconPickerPresenter";
+import type { IconPickerPresenterInterface } from "./IconPickerPresenter.js";
 interface IconPickerPresenterProviderProps {
     presenter: IconPickerPresenterInterface;
     children: React.ReactNode;

package/components/IconPicker/IconPickerPresenterProvider.js

@@ -1,19 +1,13 @@
-import React from "react";
-const IconPickerPresenterContext = /*#__PURE__*/React.createContext(undefined);
-export const IconPickerPresenterProvider = ({
-  presenter,
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(IconPickerPresenterContext.Provider, {
-    value: presenter
-  }, children);
-};
-export function useIconPicker() {
-  const context = React.useContext(IconPickerPresenterContext);
-  if (!context) {
-    throw Error(`Missing <IconPickerPresenterProvider> in the component tree!`);
-  }
-  return context;
+import react from "react";
+const IconPickerPresenterContext = /*#__PURE__*/ react.createContext(void 0);
+const IconPickerPresenterProvider = ({ presenter, children })=>/*#__PURE__*/ react.createElement(IconPickerPresenterContext.Provider, {
+        value: presenter
+    }, children);
+function useIconPicker() {
+    const context = react.useContext(IconPickerPresenterContext);
+    if (!context) throw Error("Missing <IconPickerPresenterProvider> in the component tree!");
+    return context;
 }
+export { IconPickerPresenterProvider, useIconPicker };
 
 //# sourceMappingURL=IconPickerPresenterProvider.js.map

package/components/IconPicker/IconPickerPresenterProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","IconPickerPresenterContext","createContext","undefined","IconPickerPresenterProvider","presenter","children","createElement","Provider","value","useIconPicker","context","useContext","Error"],"sources":["IconPickerPresenterProvider.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { IconPickerPresenterInterface } from \"./IconPickerPresenter\";\n\ninterface IconPickerPresenterProviderProps {\n    presenter: IconPickerPresenterInterface;\n    children: React.ReactNode;\n}\n\nconst IconPickerPresenterContext = React.createContext<IconPickerPresenterInterface | undefined>(\n    undefined\n);\n\nexport const IconPickerPresenterProvider = ({\n    presenter,\n    children\n}: IconPickerPresenterProviderProps) => {\n    return (\n        <IconPickerPresenterContext.Provider value={presenter}>\n            {children}\n        </IconPickerPresenterContext.Provider>\n    );\n};\n\nexport function useIconPicker() {\n    const context = React.useContext(IconPickerPresenterContext);\n    if (!context) {\n        throw Error(`Missing <IconPickerPresenterProvider> in the component tree!`);\n    }\n    return context;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AASzB,MAAMC,0BAA0B,gBAAGD,KAAK,CAACE,aAAa,CAClDC,SACJ,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAGA,CAAC;EACxCC,SAAS;EACTC;AAC8B,CAAC,KAAK;EACpC,oBACIN,KAAA,CAAAO,aAAA,CAACN,0BAA0B,CAACO,QAAQ;IAACC,KAAK,EAAEJ;EAAU,GACjDC,QACgC,CAAC;AAE9C,CAAC;AAED,OAAO,SAASI,aAAaA,CAAA,EAAG;EAC5B,MAAMC,OAAO,GAAGX,KAAK,CAACY,UAAU,CAACX,0BAA0B,CAAC;EAC5D,IAAI,CAACU,OAAO,EAAE;IACV,MAAME,KAAK,CAAC,8DAA8D,CAAC;EAC/E;EACA,OAAOF,OAAO;AAClB","ignoreList":[]}
+{"version":3,"file":"components/IconPicker/IconPickerPresenterProvider.js","sources":["../../../src/components/IconPicker/IconPickerPresenterProvider.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { IconPickerPresenterInterface } from \"./IconPickerPresenter.js\";\n\ninterface IconPickerPresenterProviderProps {\n    presenter: IconPickerPresenterInterface;\n    children: React.ReactNode;\n}\n\nconst IconPickerPresenterContext = React.createContext<IconPickerPresenterInterface | undefined>(\n    undefined\n);\n\nexport const IconPickerPresenterProvider = ({\n    presenter,\n    children\n}: IconPickerPresenterProviderProps) => {\n    return (\n        <IconPickerPresenterContext.Provider value={presenter}>\n            {children}\n        </IconPickerPresenterContext.Provider>\n    );\n};\n\nexport function useIconPicker() {\n    const context = React.useContext(IconPickerPresenterContext);\n    if (!context) {\n        throw Error(`Missing <IconPickerPresenterProvider> in the component tree!`);\n    }\n    return context;\n}\n"],"names":["IconPickerPresenterContext","React","undefined","IconPickerPresenterProvider","presenter","children","useIconPicker","context","Error"],"mappings":";AASA,MAAMA,6BAA6B,WAAHA,GAAGC,MAAAA,aAAmB,CAClDC;AAGG,MAAMC,8BAA8B,CAAC,EACxCC,SAAS,EACTC,QAAQ,EACuB,GACxB,WAAP,GACI,oBAACL,2BAA2B,QAAQ;QAAC,OAAOI;OACvCC;AAKN,SAASC;IACZ,MAAMC,UAAUN,MAAAA,UAAgB,CAACD;IACjC,IAAI,CAACO,SACD,MAAMC,MAAM;IAEhB,OAAOD;AACX"}

package/components/IconPicker/IconPickerTab.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { Icon } from "./types";
+import type { Icon } from "./types.js";
 export declare const IconPickerTabRenderer: (() => null) & {
     original: () => null;
     originalName: string;