npm - @webiny/app-admin - Versions diffs - 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7 - Mend

@webiny/app-admin 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1222) hide show

package/components/IconPicker/IconPickerPresenterProvider.d.ts CHANGED Viewed

@@ -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.map CHANGED Viewed

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

package/components/IconPicker/IconPickerTab.d.ts CHANGED Viewed

@@ -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;

package/components/IconPicker/IconPickerTab.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import React, { Fragment } from "react";
 import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
 import { List } from "react-virtualized";
-import groupBy from "lodash/groupBy";
+import groupBy from "lodash/groupBy.js";
 import { Text, DelayedOnChange, Input, Tabs, Icon as IconComponent } from "@webiny/admin-ui";
 import { makeDecoratable } from "@webiny/react-composition";
-import { useIconPicker } from "./IconPickerPresenterProvider";
-import { useIconType } from "./config/IconType";
-import { IconPickerCell, IconPickerRow } from "./components";
-import { ICON_PICKER_SIZE } from "./types";
+import { useIconPicker } from "./IconPickerPresenterProvider.js";
+import { useIconType } from "./config/IconType.js";
+import { IconPickerCell, IconPickerRow } from "./components/index.js";
+import { ICON_PICKER_SIZE } from "./types.js";
 const COLUMN_COUNT = 8;
 export const IconPickerTabRenderer = makeDecoratable("IconPickerTabRenderer", () => null);
 const getRows = (icons, size) => {
@@ -80,7 +80,7 @@ const RowRenderer = ({
       style: style
     }, /*#__PURE__*/React.createElement(Text, {
       size: "sm",
-      className: "wby-uppercase wby-self-end wby-text-neutral-muted wby-mb-sm"
+      className: "uppercase self-end text-neutral-muted mb-sm"
     }, row.name));
   }
   return /*#__PURE__*/React.createElement(IconPickerRow, {
@@ -116,7 +116,7 @@ export const IconPickerTab = ({
     value: value,
     trigger: label,
     content: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      className: "wby-flex wby-items-center wby-justify-center wby-gap-sm"
+      className: "flex items-center justify-center gap-sm"
     }, /*#__PURE__*/React.createElement(DelayedOnChange, {
       value: presenter.vm.filter,
       onChange: value => presenter.setFilter(value)
@@ -134,11 +134,11 @@ export const IconPickerTab = ({
         label: "Search icons"
       })
     })), actions ? /*#__PURE__*/React.createElement("div", null, actions) : null), /*#__PURE__*/React.createElement("div", {
-      className: "wby-relative"
+      className: "relative"
     }, isEmpty ? /*#__PURE__*/React.createElement("div", {
-      className: "wby-pt-md wby-text-neutral-strong"
+      className: "pt-md text-neutral-strong"
     }, /*#__PURE__*/React.createElement(Text, null, "No results found.")) : /*#__PURE__*/React.createElement(List, {
-      className: "wby-outline-none",
+      className: "outline-none",
       rowRenderer: ({
         key,
         ...props

package/components/IconPicker/IconPickerTab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Fragment","ReactComponent","SearchIcon","List","groupBy","Text","DelayedOnChange","Input","Tabs","Icon","IconComponent","makeDecoratable","useIconPicker","useIconType","IconPickerCell","IconPickerRow","ICON_PICKER_SIZE","COLUMN_COUNT","IconPickerTabRenderer","getRows","icons","size","groupedObjects","rows","key","rowIcons","push","type","name","length","splice","SMALL","undefined","useIconTypeRows","presenter","vm","filter","icon","isEmpty","rowCount","RowRenderer","row","style","cellDecorator","onIconClick","value","selectedIcon","createElement","className","map","item","itemKey","isActive","noopDecorator","cell","IconPickerTab","label","actions","onChange","Tab","trigger","content","setFilter","placeholder","variant","startIcon","rowRenderer","props","Object","assign","index","width","height","rowHeight"],"sources":["IconPickerTab.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { List } from \"react-virtualized\";\nimport groupBy from \"lodash/groupBy\";\n\nimport { Text, DelayedOnChange, Input, Tabs, Icon as IconComponent } from \"@webiny/admin-ui\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nimport { useIconPicker } from \"./IconPickerPresenterProvider\";\nimport { useIconType } from \"./config/IconType\";\nimport { IconPickerCell, IconPickerRow } from \"./components\";\nimport type { Icon, IconPickerGridRow } from \"./types\";\nimport { ICON_PICKER_SIZE } from \"./types\";\n\nconst COLUMN_COUNT = 8;\n\nexport const IconPickerTabRenderer = makeDecoratable(\"IconPickerTabRenderer\", () => null);\n\nconst getRows = (icons: Icon[], size?: string) => {\n // Group the icons by their category.\n const groupedObjects = groupBy(icons, \"category\");\n const rows: IconPickerGridRow[] = [];\n\n // Iterate over each category in the grouped icons.\n for (const key in groupedObjects) {\n // Skip any group where the key is `undefined` (these icons will be handled separately).\n if (key !== \"undefined\") {\n const rowIcons = groupedObjects[key];\n\n // Add a row for the category name.\n rows.push({ type: \"category-name\", name: key });\n\n // Split the icons in this category into groups of COLUMN_COUNT and add them as rows.\n while (rowIcons.length) {\n rows.push({\n type: \"icons\",\n icons: rowIcons.splice(0, size === ICON_PICKER_SIZE.SMALL ? 6 : COLUMN_COUNT)\n });\n }\n }\n }\n\n // Handle icons that don't have a category (key is `undefined`).\n if (groupedObjects.undefined) {\n const rowIcons = groupedObjects.undefined;\n\n // Add a row for the `Uncategorized` category name.\n rows.push({ type: \"category-name\", name: \"Uncategorized\" });\n\n // Split these icons into groups of COLUMN_COUNT and add them as rows.\n while (rowIcons.length) {\n rows.push({\n type: \"icons\",\n icons: rowIcons.splice(0, size === ICON_PICKER_SIZE.SMALL ? 6 : COLUMN_COUNT)\n });\n }\n }\n\n return rows;\n};\n\nconst useIconTypeRows = (type: string) => {\n const presenter = useIconPicker();\n const icons = presenter.vm.icons.filter(icon => icon.type === type);\n const rows = getRows(icons, presenter.vm.size);\n\n return {\n isEmpty: rows.length === 0,\n rows,\n rowCount: rows.length\n };\n};\n\ninterface RenderRowProps {\n onIconClick: (icon: Icon) => void;\n style: Record<string, any>;\n row: IconPickerGridRow;\n cellDecorator: CellDecorator;\n}\n\nconst RowRenderer = ({ row, style, cellDecorator, onIconClick }: RenderRowProps) => {\n const presenter = useIconPicker();\n const value = presenter.vm.selectedIcon;\n\n if (row.type === \"category-name\") {\n return (\n <IconPickerRow style={style}>\n <Text\n size={\"sm\"}\n className={\"wby-uppercase wby-self-end wby-text-neutral-muted wby-mb-sm\"}\n >\n {row.name}\n </Text>\n </IconPickerRow>\n );\n }\n\n return (\n <IconPickerRow style={style}>\n {row.icons.map((item, itemKey) => (\n <Fragment key={itemKey}>\n {cellDecorator(\n <IconPickerCell\n key={itemKey}\n icon={item}\n isActive={item.name === value?.name}\n onIconClick={() => onIconClick(item)}\n />\n )}\n </Fragment>\n ))}\n </IconPickerRow>\n );\n};\n\ninterface CellDecorator {\n (cell: React.ReactElement): React.ReactElement;\n}\n\nconst noopDecorator: CellDecorator = cell => cell;\n\nexport interface IconPickerTabProps {\n label: string;\n value: string;\n onChange: (icon: Icon) => void;\n actions?: React.ReactElement;\n cellDecorator?: CellDecorator;\n}\n\nexport const IconPickerTab = ({\n label,\n value,\n actions,\n onChange,\n cellDecorator = noopDecorator\n}: IconPickerTabProps) => {\n const { type } = useIconType();\n const { isEmpty, rowCount, rows } = useIconTypeRows(type);\n const presenter = useIconPicker();\n const size = presenter.vm.size;\n\n return (\n <Tabs.Tab\n value={value}\n trigger={label}\n content={\n <div>\n <div className={\"wby-flex wby-items-center wby-justify-center wby-gap-sm\"}>\n <DelayedOnChange\n value={presenter.vm.filter}\n onChange={value => presenter.setFilter(value)}\n >\n {({ value, onChange }) => (\n <Input\n value={value}\n onChange={value => onChange(value as unknown as string)}\n placeholder={\"Search icons...\"}\n variant={\"secondary\"}\n size={\"md\"}\n startIcon={\n <IconComponent\n icon={<SearchIcon />}\n label={\"Search icons\"}\n />\n }\n />\n )}\n </DelayedOnChange>\n {actions ? <div>{actions}</div> : null}\n </div>\n <div className={\"wby-relative\"}>\n {isEmpty ? (\n <div className={\"wby-pt-md wby-text-neutral-strong\"}>\n <Text>{\"No results found.\"}</Text>\n </div>\n ) : (\n <List\n className={\"wby-outline-none\"}\n rowRenderer={({ key, ...props }) => (\n <RowRenderer\n key={key}\n row={rows[props.index]}\n cellDecorator={cellDecorator}\n onIconClick={onChange}\n {...props}\n />\n )}\n width={size === ICON_PICKER_SIZE.SMALL ? 232 : 312}\n height={size === ICON_PICKER_SIZE.SMALL ? 240 : 350}\n rowCount={rowCount}\n rowHeight={40}\n />\n )}\n </div>\n </div>\n }\n />\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","Fragment","ReactComponent","SearchIcon","List","groupBy","Text","DelayedOnChange","Input","Tabs","Icon","IconComponent","makeDecoratable","useIconPicker","useIconType","IconPickerCell","IconPickerRow","ICON_PICKER_SIZE","COLUMN_COUNT","IconPickerTabRenderer","getRows","icons","size","groupedObjects","rows","key","rowIcons","push","type","name","length","splice","SMALL","undefined","useIconTypeRows","presenter","vm","filter","icon","isEmpty","rowCount","RowRenderer","row","style","cellDecorator","onIconClick","value","selectedIcon","createElement","className","map","item","itemKey","isActive","noopDecorator","cell","IconPickerTab","label","actions","onChange","Tab","trigger","content","setFilter","placeholder","variant","startIcon","rowRenderer","props","Object","assign","index","width","height","rowHeight"],"sources":["IconPickerTab.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { List } from \"react-virtualized\";\nimport groupBy from \"lodash/groupBy.js\";\n\nimport { Text, DelayedOnChange, Input, Tabs, Icon as IconComponent } from \"@webiny/admin-ui\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nimport { useIconPicker } from \"./IconPickerPresenterProvider.js\";\nimport { useIconType } from \"./config/IconType.js\";\nimport { IconPickerCell, IconPickerRow } from \"./components/index.js\";\nimport type { Icon, IconPickerGridRow } from \"./types.js\";\nimport { ICON_PICKER_SIZE } from \"./types.js\";\n\nconst COLUMN_COUNT = 8;\n\nexport const IconPickerTabRenderer = makeDecoratable(\"IconPickerTabRenderer\", () => null);\n\nconst getRows = (icons: Icon[], size?: string) => {\n // Group the icons by their category.\n const groupedObjects = groupBy(icons, \"category\");\n const rows: IconPickerGridRow[] = [];\n\n // Iterate over each category in the grouped icons.\n for (const key in groupedObjects) {\n // Skip any group where the key is `undefined` (these icons will be handled separately).\n if (key !== \"undefined\") {\n const rowIcons = groupedObjects[key];\n\n // Add a row for the category name.\n rows.push({ type: \"category-name\", name: key });\n\n // Split the icons in this category into groups of COLUMN_COUNT and add them as rows.\n while (rowIcons.length) {\n rows.push({\n type: \"icons\",\n icons: rowIcons.splice(0, size === ICON_PICKER_SIZE.SMALL ? 6 : COLUMN_COUNT)\n });\n }\n }\n }\n\n // Handle icons that don't have a category (key is `undefined`).\n if (groupedObjects.undefined) {\n const rowIcons = groupedObjects.undefined;\n\n // Add a row for the `Uncategorized` category name.\n rows.push({ type: \"category-name\", name: \"Uncategorized\" });\n\n // Split these icons into groups of COLUMN_COUNT and add them as rows.\n while (rowIcons.length) {\n rows.push({\n type: \"icons\",\n icons: rowIcons.splice(0, size === ICON_PICKER_SIZE.SMALL ? 6 : COLUMN_COUNT)\n });\n }\n }\n\n return rows;\n};\n\nconst useIconTypeRows = (type: string) => {\n const presenter = useIconPicker();\n const icons = presenter.vm.icons.filter(icon => icon.type === type);\n const rows = getRows(icons, presenter.vm.size);\n\n return {\n isEmpty: rows.length === 0,\n rows,\n rowCount: rows.length\n };\n};\n\ninterface RenderRowProps {\n onIconClick: (icon: Icon) => void;\n style: Record<string, any>;\n row: IconPickerGridRow;\n cellDecorator: CellDecorator;\n}\n\nconst RowRenderer = ({ row, style, cellDecorator, onIconClick }: RenderRowProps) => {\n const presenter = useIconPicker();\n const value = presenter.vm.selectedIcon;\n\n if (row.type === \"category-name\") {\n return (\n <IconPickerRow style={style}>\n <Text size={\"sm\"} className={\"uppercase self-end text-neutral-muted mb-sm\"}>\n {row.name}\n </Text>\n </IconPickerRow>\n );\n }\n\n return (\n <IconPickerRow style={style}>\n {row.icons.map((item, itemKey) => (\n <Fragment key={itemKey}>\n {cellDecorator(\n <IconPickerCell\n key={itemKey}\n icon={item}\n isActive={item.name === value?.name}\n onIconClick={() => onIconClick(item)}\n />\n )}\n </Fragment>\n ))}\n </IconPickerRow>\n );\n};\n\ninterface CellDecorator {\n (cell: React.ReactElement): React.ReactElement;\n}\n\nconst noopDecorator: CellDecorator = cell => cell;\n\nexport interface IconPickerTabProps {\n label: string;\n value: string;\n onChange: (icon: Icon) => void;\n actions?: React.ReactElement;\n cellDecorator?: CellDecorator;\n}\n\nexport const IconPickerTab = ({\n label,\n value,\n actions,\n onChange,\n cellDecorator = noopDecorator\n}: IconPickerTabProps) => {\n const { type } = useIconType();\n const { isEmpty, rowCount, rows } = useIconTypeRows(type);\n const presenter = useIconPicker();\n const size = presenter.vm.size;\n\n return (\n <Tabs.Tab\n value={value}\n trigger={label}\n content={\n <div>\n <div className={\"flex items-center justify-center gap-sm\"}>\n <DelayedOnChange\n value={presenter.vm.filter}\n onChange={value => presenter.setFilter(value)}\n >\n {({ value, onChange }) => (\n <Input\n value={value}\n onChange={value => onChange(value as unknown as string)}\n placeholder={\"Search icons...\"}\n variant={\"secondary\"}\n size={\"md\"}\n startIcon={\n <IconComponent\n icon={<SearchIcon />}\n label={\"Search icons\"}\n />\n }\n />\n )}\n </DelayedOnChange>\n {actions ? <div>{actions}</div> : null}\n </div>\n <div className={\"relative\"}>\n {isEmpty ? (\n <div className={\"pt-md text-neutral-strong\"}>\n <Text>{\"No results found.\"}</Text>\n </div>\n ) : (\n <List\n className={\"outline-none\"}\n rowRenderer={({ key, ...props }) => (\n <RowRenderer\n key={key}\n row={rows[props.index]}\n cellDecorator={cellDecorator}\n onIconClick={onChange}\n {...props}\n />\n )}\n width={size === ICON_PICKER_SIZE.SMALL ? 232 : 312}\n height={size === ICON_PICKER_SIZE.SMALL ? 240 : 350}\n rowCount={rowCount}\n rowHeight={40}\n />\n )}\n </div>\n </div>\n }\n />\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/IconPicker/IconRenderer.d.ts CHANGED Viewed

@@ -1,20 +1,20 @@
 import React from "react";
-import type { Icon } from "./types";
-export declare const IconRenderer: ((props: unknown) => JSX.Element | null) & {
-    original: (props: unknown) => JSX.Element | null;
+import type { Icon } from "./types.js";
+export declare const IconRenderer: ((props: unknown) => React.JSX.Element | null) & {
+    original: (props: unknown) => React.JSX.Element | null;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: unknown) => JSX.Element | null) & {
-        original: (props: unknown) => JSX.Element | null;
+    original: ((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: unknown) => JSX.Element | null) & {
-        original: (props: unknown) => JSX.Element | null;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/components/IconPicker/IconRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","toJS","makeDecoratable","createVoidComponent","IconRenderer","IconContext","createContext","undefined","IconProvider","icon","size","children","createElement","Provider","value","useIcon","context","useContext","Error"],"sources":["IconRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { toJS } from \"mobx\";\n\nimport { makeDecoratable, createVoidComponent } from \"@webiny/react-composition\";\n\nimport type { Icon } from \"./types\";\n\nexport const IconRenderer = makeDecoratable(\"IconPickerIcon\", createVoidComponent());\n\ninterface IconContext<T extends Icon = Icon> {\n icon: T;\n size: number;\n}\n\nconst IconContext = React.createContext<IconContext \| undefined>(undefined);\n\ninterface IconProviderProps {\n icon: Icon;\n size?: number;\n children: React.ReactNode;\n}\n\nexport const IconProvider = ({ icon, size = 32, children }: IconProviderProps) => {\n // I want to use the POJO via the context, to reduce the need of using `observer` HOC everywhere.\n return (\n <IconContext.Provider value={{ icon: toJS(icon), size }}>{children}</IconContext.Provider>\n );\n};\n\nexport function useIcon<T extends Icon = Icon>(): IconContext<T> {\n const context = React.useContext(IconContext);\n if (!context) {\n throw Error(`Missing <IconProvider> in the component tree!`);\n }\n return context as IconContext<T>;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,MAAM;AAE3B,SAASC,eAAe,EAAEC,mBAAmB,QAAQ,2BAA2B;AAIhF,OAAO,MAAMC,YAAY,GAAGF,eAAe,CAAC,gBAAgB,EAAEC,mBAAmB,CAAC,CAAC,CAAC;AAOpF,MAAME,WAAW,gBAAGL,KAAK,CAACM,aAAa,CAA0BC,SAAS,CAAC;AAQ3E,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,IAAI;EAAEC,IAAI,GAAG,EAAE;EAAEC;AAA4B,CAAC,KAAK;EAC9E;EACA,oBACIX,KAAA,CAAAY,aAAA,CAACP,WAAW,CAACQ,QAAQ;IAACC,KAAK,EAAE;MAAEL,IAAI,EAAER,IAAI,CAACQ,IAAI,CAAC;MAAEC;IAAK;EAAE,GAAEC,QAA+B,CAAC;AAElG,CAAC;AAED,OAAO,SAASI,OAAOA,CAAA,EAA0C;EAC7D,MAAMC,OAAO,GAAGhB,KAAK,CAACiB,UAAU,CAACZ,WAAW,CAAC;EAC7C,IAAI,CAACW,OAAO,EAAE;IACV,MAAME,KAAK,CAAC,+CAA+C,CAAC;EAChE;EACA,OAAOF,OAAO;AAClB","ignoreList":[]}
1	+ {"version":3,"names":["React","toJS","makeDecoratable","createVoidComponent","IconRenderer","IconContext","createContext","undefined","IconProvider","icon","size","children","createElement","Provider","value","useIcon","context","useContext","Error"],"sources":["IconRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { toJS } from \"mobx\";\n\nimport { makeDecoratable, createVoidComponent } from \"@webiny/react-composition\";\n\nimport type { Icon } from \"./types.js\";\n\nexport const IconRenderer = makeDecoratable(\"IconPickerIcon\", createVoidComponent());\n\ninterface IconContext<T extends Icon = Icon> {\n icon: T;\n size: number;\n}\n\nconst IconContext = React.createContext<IconContext \| undefined>(undefined);\n\ninterface IconProviderProps {\n icon: Icon;\n size?: number;\n children: React.ReactNode;\n}\n\nexport const IconProvider = ({ icon, size = 32, children }: IconProviderProps) => {\n // I want to use the POJO via the context, to reduce the need of using `observer` HOC everywhere.\n return (\n <IconContext.Provider value={{ icon: toJS(icon), size }}>{children}</IconContext.Provider>\n );\n};\n\nexport function useIcon<T extends Icon = Icon>(): IconContext<T> {\n const context = React.useContext(IconContext);\n if (!context) {\n throw Error(`Missing <IconProvider> in the component tree!`);\n }\n return context as IconContext<T>;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,MAAM;AAE3B,SAASC,eAAe,EAAEC,mBAAmB,QAAQ,2BAA2B;AAIhF,OAAO,MAAMC,YAAY,GAAGF,eAAe,CAAC,gBAAgB,EAAEC,mBAAmB,CAAC,CAAC,CAAC;AAOpF,MAAME,WAAW,gBAAGL,KAAK,CAACM,aAAa,CAA0BC,SAAS,CAAC;AAQ3E,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,IAAI;EAAEC,IAAI,GAAG,EAAE;EAAEC;AAA4B,CAAC,KAAK;EAC9E;EACA,oBACIX,KAAA,CAAAY,aAAA,CAACP,WAAW,CAACQ,QAAQ;IAACC,KAAK,EAAE;MAAEL,IAAI,EAAER,IAAI,CAACQ,IAAI,CAAC;MAAEC;IAAK;EAAE,GAAEC,QAA+B,CAAC;AAElG,CAAC;AAED,OAAO,SAASI,OAAOA,CAAA,EAA0C;EAC7D,MAAMC,OAAO,GAAGhB,KAAK,CAACiB,UAAU,CAACZ,WAAW,CAAC;EAC7C,IAAI,CAACW,OAAO,EAAE;IACV,MAAME,KAAK,CAAC,+CAA+C,CAAC;EAChE;EACA,OAAOF,OAAO;AAClB","ignoreList":[]}

package/components/IconPicker/IconRepository.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { IconPackProviderInterface as IconPackProvider, IconType } from "./config";
-import type { Icon } from "./types";
+import type { IconPackProviderInterface as IconPackProvider, IconType } from "./config/index.js";
+import type { Icon } from "./types.js";
 export declare class IconRepository {
     private readonly iconPackProviders;
     private readonly iconTypes;

package/components/IconPicker/IconRepository.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import cloneDeep from "lodash/cloneDeep";
+import cloneDeep from "lodash/cloneDeep.js";
 import { makeAutoObservable, runInAction } from "mobx";
-import { Loading } from "./Loading";
+import { Loading } from "./Loading.js";
 export class IconRepository {
   icons = [];
   constructor(iconTypes, iconPackProviders) {

package/components/IconPicker/IconRepository.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["cloneDeep","makeAutoObservable","runInAction","Loading","IconRepository","icons","constructor","iconTypes","iconPackProviders","loading","loadIcons","length","runWithLoading","Promise","all","map","provider","getIcons","flat","iconType","name","filter","icon","includes","type","addIcon","getIconTypes","getLoading","isLoading","loadingLabel","message","feedback","action","successMessage","failureMessage","runCallbackWithLoading"],"sources":["IconRepository.ts"],"sourcesContent":["import cloneDeep from \"lodash/cloneDeep\";\nimport { makeAutoObservable, runInAction } from \"mobx\";\n\nimport { Loading } from \"./Loading\";\nimport type { IconPackProviderInterface as IconPackProvider, IconType } from \"./config\";\nimport type { Icon } from \"./types\";\n\nexport class IconRepository {\n private readonly iconPackProviders: IconPackProvider[];\n private readonly iconTypes: IconType[];\n private loading: Loading;\n private icons: Icon[] = [];\n\n constructor(iconTypes: IconType[], iconPackProviders: IconPackProvider[]) {\n this.iconTypes = iconTypes;\n this.loading = new Loading(true);\n this.iconPackProviders = iconPackProviders;\n makeAutoObservable(this);\n }\n\n async loadIcons() {\n if (this.icons.length > 0) {\n return;\n }\n\n const icons = await this.runWithLoading(async () => {\n const icons = await Promise.all(\n this.iconPackProviders.map(provider => provider.getIcons())\n );\n return icons.flat();\n });\n\n const iconTypes = this.iconTypes.map(iconType => iconType.name);\n\n runInAction(() => {\n // Make sure we only work with known icon types.\n this.icons = icons.filter(icon => iconTypes.includes(icon.type));\n });\n }\n\n getIcons() {\n return cloneDeep(this.icons);\n }\n\n addIcon(icon: Icon) {\n this.icons = [...this.icons, icon];\n }\n\n getIconTypes() {\n return this.iconTypes;\n }\n\n getLoading() {\n return {\n isLoading: this.loading.isLoading,\n loadingLabel: this.loading.loadingLabel,\n message: this.loading.feedback\n };\n }\n\n private async runWithLoading<T>(\n action: () => Promise<T>,\n loadingLabel?: string,\n successMessage?: string,\n failureMessage?: string\n ) {\n return await this.loading.runCallbackWithLoading(\n action,\n loadingLabel,\n successMessage,\n failureMessage\n );\n }\n}\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,~~kBAAkB~~;~~AACxC~~,SAASC,kBAAkB,EAAEC,WAAW,QAAQ,MAAM;AAEtD,SAASC,OAAO;AAIhB,OAAO,MAAMC,cAAc,CAAC;EAIhBC,KAAK,GAAW,EAAE;EAE1BC,WAAWA,CAACC,SAAqB,EAAEC,iBAAqC,EAAE;IACtE,IAAI,CAACD,SAAS,GAAGA,SAAS;IAC1B,IAAI,CAACE,OAAO,GAAG,IAAIN,OAAO,CAAC,IAAI,CAAC;IAChC,IAAI,CAACK,iBAAiB,GAAGA,iBAAiB;IAC1CP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,MAAMS,SAASA,CAAA,EAAG;IACd,IAAI,IAAI,CAACL,KAAK,CAACM,MAAM,GAAG,CAAC,EAAE;MACvB;IACJ;IAEA,MAAMN,KAAK,GAAG,MAAM,IAAI,CAACO,cAAc,CAAC,YAAY;MAChD,MAAMP,KAAK,GAAG,MAAMQ,OAAO,CAACC,GAAG,CAC3B,IAAI,CAACN,iBAAiB,CAACO,GAAG,CAACC,QAAQ,IAAIA,QAAQ,CAACC,QAAQ,CAAC,CAAC,CAC9D,CAAC;MACD,OAAOZ,KAAK,CAACa,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAMX,SAAS,GAAG,IAAI,CAACA,SAAS,CAACQ,GAAG,CAACI,QAAQ,IAAIA,QAAQ,CAACC,IAAI,CAAC;IAE/DlB,WAAW,CAAC,MAAM;MACd;MACA,IAAI,CAACG,KAAK,GAAGA,KAAK,CAACgB,MAAM,CAACC,IAAI,IAAIf,SAAS,CAACgB,QAAQ,CAACD,IAAI,CAACE,IAAI,CAAC,CAAC;IACpE,CAAC,CAAC;EACN;EAEAP,QAAQA,CAAA,EAAG;IACP,OAAOjB,SAAS,CAAC,IAAI,CAACK,KAAK,CAAC;EAChC;EAEAoB,OAAOA,CAACH,IAAU,EAAE;IAChB,IAAI,CAACjB,KAAK,GAAG,CAAC,GAAG,IAAI,CAACA,KAAK,EAAEiB,IAAI,CAAC;EACtC;EAEAI,YAAYA,CAAA,EAAG;IACX,OAAO,IAAI,CAACnB,SAAS;EACzB;EAEAoB,UAAUA,CAAA,EAAG;IACT,OAAO;MACHC,SAAS,EAAE,IAAI,CAACnB,OAAO,CAACmB,SAAS;MACjCC,YAAY,EAAE,IAAI,CAACpB,OAAO,CAACoB,YAAY;MACvCC,OAAO,EAAE,IAAI,CAACrB,OAAO,CAACsB;IAC1B,CAAC;EACL;EAEA,MAAcnB,cAAcA,CACxBoB,MAAwB,EACxBH,YAAqB,EACrBI,cAAuB,EACvBC,cAAuB,EACzB;IACE,OAAO,MAAM,IAAI,CAACzB,OAAO,CAAC0B,sBAAsB,CAC5CH,MAAM,EACNH,YAAY,EACZI,cAAc,EACdC,cACJ,CAAC;EACL;AACJ","ignoreList":[]}
1	+ {"version":3,"names":["cloneDeep","makeAutoObservable","runInAction","Loading","IconRepository","icons","constructor","iconTypes","iconPackProviders","loading","loadIcons","length","runWithLoading","Promise","all","map","provider","getIcons","flat","iconType","name","filter","icon","includes","type","addIcon","getIconTypes","getLoading","isLoading","loadingLabel","message","feedback","action","successMessage","failureMessage","runCallbackWithLoading"],"sources":["IconRepository.ts"],"sourcesContent":["import cloneDeep from \"lodash/cloneDeep.js\";\nimport { makeAutoObservable, runInAction } from \"mobx\";\n\nimport { Loading } from \"./Loading.js\";\nimport type { IconPackProviderInterface as IconPackProvider, IconType } from \"./config/index.js\";\nimport type { Icon } from \"./types.js\";\n\nexport class IconRepository {\n private readonly iconPackProviders: IconPackProvider[];\n private readonly iconTypes: IconType[];\n private loading: Loading;\n private icons: Icon[] = [];\n\n constructor(iconTypes: IconType[], iconPackProviders: IconPackProvider[]) {\n this.iconTypes = iconTypes;\n this.loading = new Loading(true);\n this.iconPackProviders = iconPackProviders;\n makeAutoObservable(this);\n }\n\n async loadIcons() {\n if (this.icons.length > 0) {\n return;\n }\n\n const icons = await this.runWithLoading(async () => {\n const icons = await Promise.all(\n this.iconPackProviders.map(provider => provider.getIcons())\n );\n return icons.flat();\n });\n\n const iconTypes = this.iconTypes.map(iconType => iconType.name);\n\n runInAction(() => {\n // Make sure we only work with known icon types.\n this.icons = icons.filter(icon => iconTypes.includes(icon.type));\n });\n }\n\n getIcons() {\n return cloneDeep(this.icons);\n }\n\n addIcon(icon: Icon) {\n this.icons = [...this.icons, icon];\n }\n\n getIconTypes() {\n return this.iconTypes;\n }\n\n getLoading() {\n return {\n isLoading: this.loading.isLoading,\n loadingLabel: this.loading.loadingLabel,\n message: this.loading.feedback\n };\n }\n\n private async runWithLoading<T>(\n action: () => Promise<T>,\n loadingLabel?: string,\n successMessage?: string,\n failureMessage?: string\n ) {\n return await this.loading.runCallbackWithLoading(\n action,\n loadingLabel,\n successMessage,\n failureMessage\n );\n }\n}\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,qBAAqB;AAC3C,SAASC,kBAAkB,EAAEC,WAAW,QAAQ,MAAM;AAEtD,SAASC,OAAO;AAIhB,OAAO,MAAMC,cAAc,CAAC;EAIhBC,KAAK,GAAW,EAAE;EAE1BC,WAAWA,CAACC,SAAqB,EAAEC,iBAAqC,EAAE;IACtE,IAAI,CAACD,SAAS,GAAGA,SAAS;IAC1B,IAAI,CAACE,OAAO,GAAG,IAAIN,OAAO,CAAC,IAAI,CAAC;IAChC,IAAI,CAACK,iBAAiB,GAAGA,iBAAiB;IAC1CP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,MAAMS,SAASA,CAAA,EAAG;IACd,IAAI,IAAI,CAACL,KAAK,CAACM,MAAM,GAAG,CAAC,EAAE;MACvB;IACJ;IAEA,MAAMN,KAAK,GAAG,MAAM,IAAI,CAACO,cAAc,CAAC,YAAY;MAChD,MAAMP,KAAK,GAAG,MAAMQ,OAAO,CAACC,GAAG,CAC3B,IAAI,CAACN,iBAAiB,CAACO,GAAG,CAACC,QAAQ,IAAIA,QAAQ,CAACC,QAAQ,CAAC,CAAC,CAC9D,CAAC;MACD,OAAOZ,KAAK,CAACa,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAMX,SAAS,GAAG,IAAI,CAACA,SAAS,CAACQ,GAAG,CAACI,QAAQ,IAAIA,QAAQ,CAACC,IAAI,CAAC;IAE/DlB,WAAW,CAAC,MAAM;MACd;MACA,IAAI,CAACG,KAAK,GAAGA,KAAK,CAACgB,MAAM,CAACC,IAAI,IAAIf,SAAS,CAACgB,QAAQ,CAACD,IAAI,CAACE,IAAI,CAAC,CAAC;IACpE,CAAC,CAAC;EACN;EAEAP,QAAQA,CAAA,EAAG;IACP,OAAOjB,SAAS,CAAC,IAAI,CAACK,KAAK,CAAC;EAChC;EAEAoB,OAAOA,CAACH,IAAU,EAAE;IAChB,IAAI,CAACjB,KAAK,GAAG,CAAC,GAAG,IAAI,CAACA,KAAK,EAAEiB,IAAI,CAAC;EACtC;EAEAI,YAAYA,CAAA,EAAG;IACX,OAAO,IAAI,CAACnB,SAAS;EACzB;EAEAoB,UAAUA,CAAA,EAAG;IACT,OAAO;MACHC,SAAS,EAAE,IAAI,CAACnB,OAAO,CAACmB,SAAS;MACjCC,YAAY,EAAE,IAAI,CAACpB,OAAO,CAACoB,YAAY;MACvCC,OAAO,EAAE,IAAI,CAACrB,OAAO,CAACsB;IAC1B,CAAC;EACL;EAEA,MAAcnB,cAAcA,CACxBoB,MAAwB,EACxBH,YAAqB,EACrBI,cAAuB,EACvBC,cAAuB,EACzB;IACE,OAAO,MAAM,IAAI,CAACzB,OAAO,CAAC0B,sBAAsB,CAC5CH,MAAM,EACNH,YAAY,EACZI,cAAc,EACdC,cACJ,CAAC;EACL;AACJ","ignoreList":[]}

package/components/IconPicker/IconRepository.test.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import { IconRepository } from "./IconRepository";
+import { describe, it, expect } from "vitest";
+import { IconRepository } from "./IconRepository.js";
 const mockIconTypes = [{
   name: "icon"
 }, {

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

	@@ -1 +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":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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.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 CHANGED Viewed

@@ -1,12 +1,12 @@
 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;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface IconPickerCellProps extends VariantProps<typeof iconPickerCellVariants> {
     icon: Icon;
     onIconClick: (icon: Icon) => void;
 }
 declare const IconPickerCell: ({ isActive, icon, onIconClick }: IconPickerCellProps) => React.JSX.Element;
-export { IconPickerCell, IconPickerCellProps };
+export { IconPickerCell, type IconPickerCellProps };

package/components/IconPicker/components/IconPickerCell.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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/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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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.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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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(\"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 CHANGED Viewed

@@ -1,10 +1,10 @@
 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;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface IconPickerTriggerProps extends VariantProps<typeof inputVariants>, VariantProps<typeof iconPickerTriggerVariants> {
     icon: Icon | null;
     disabled?: boolean;

package/components/IconPicker/components/IconPickerTrigger.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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.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>, 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;AAQF,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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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 \"./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 CHANGED Viewed

@@ -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",