@synerise/ds-icon-picker 1.6.15 → 1.6.17

package/dist/components/Overlay/Overlay.js

@@ -1,32 +1,24 @@
-import React from 'react';
-import { useTheme } from '@synerise/ds-core';
-import Dropdown from '@synerise/ds-dropdown';
-import Icon, { SearchM } from '@synerise/ds-icon';
-import List from '../List/List';
-var Overlay = function Overlay(_ref) {
-  var value = _ref.value,
-    onSearchChange = _ref.onSearchChange,
-    onClearInput = _ref.onClearInput,
-    placeholder = _ref.placeholder,
-    onSelect = _ref.onSelect,
-    data = _ref.data,
-    focus = _ref.focus,
-    noResultMsg = _ref.noResultMsg;
-  var theme = useTheme();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown.SearchInput, {
-    onSearchChange: onSearchChange,
-    onClearInput: onClearInput,
-    placeholder: placeholder,
-    value: value,
-    autofocus: focus,
-    iconLeft: /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(SearchM, null),
-      color: theme.palette['grey-600']
-    })
-  }), /*#__PURE__*/React.createElement(List, {
-    onSelect: onSelect,
-    data: data,
-    noResultMsg: noResultMsg
-  }));
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useTheme } from "@synerise/ds-core";
+import Dropdown from "@synerise/ds-dropdown";
+import Icon, { SearchM } from "@synerise/ds-icon";
+import List from "../List/List.js";
+const Overlay = ({
+  value,
+  onSearchChange,
+  onClearInput,
+  placeholder,
+  onSelect,
+  data,
+  focus,
+  noResultMsg
+}) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Dropdown.SearchInput, { onSearchChange, onClearInput, placeholder, value, autofocus: focus, iconLeft: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(SearchM, {}), color: theme.palette["grey-600"] }) }),
+    /* @__PURE__ */ jsx(List, { onSelect, data, noResultMsg })
+  ] });
+};
+export {
+  Overlay as default
 };
-export default Overlay;

package/dist/components/Overlay/Overlay.types.d.ts

@@ -1,4 +1,4 @@
-import type { FilterElement, IconPickerProps, SelectItemHandler, SourceType, ValueTypeForSource } from '../../IconPicker.types';
+import { FilterElement, IconPickerProps, SelectItemHandler, SourceType, ValueTypeForSource } from '../../IconPicker.types';
 export type OverlayType<Source extends SourceType> = Pick<IconPickerProps<Source>, 'noResultMsg' | 'placeholder'> & {
     value: string;
     data: FilterElement<ValueTypeForSource<Source>>[];

package/dist/components/Overlay/Overlay.types.js

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

package/dist/components/RowItem.d.ts

@@ -1,3 +1,3 @@
-import React, { type ReactElement } from 'react';
-import { type RowItemProps, type SourceType } from '../IconPicker.types';
+import { default as React, ReactElement } from 'react';
+import { RowItemProps, SourceType } from '../IconPicker.types';
 export declare const RowItem: React.MemoExoticComponent<(<Source extends SourceType>({ data, index, style, }: RowItemProps<Source>) => ReactElement)>;

package/dist/components/RowItem.js

@@ -1,28 +1,25 @@
-import React, { memo } from 'react';
-import { areEqual } from 'react-window';
-import * as S from '../IconPicker.styles';
-import { isCategories } from '../utils/typeguards.utils';
-import ListItem from './ListItem/ListItem';
-export var RowItem = /*#__PURE__*/memo(function (_ref) {
-  var data = _ref.data,
-    index = _ref.index,
-    style = _ref.style;
-  var elementSize = data.elementSize,
-    itemsPerRow = data.itemsPerRow,
-    onSelect = data.onSelect,
-    items = data.items;
-  var rowItems = items[index];
-  return /*#__PURE__*/React.createElement("div", {
-    style: style
-  }, /*#__PURE__*/React.createElement(S.ListRow, null, isCategories(rowItems) ? /*#__PURE__*/React.createElement(S.Title, {
-    elementSize: elementSize + "px"
-  }, rowItems[0].category) : rowItems.map(function (item, i) {
-    return /*#__PURE__*/React.createElement(ListItem, {
-      key: i,
-      element: item,
-      itemsPerRow: itemsPerRow,
-      onSelect: onSelect,
-      index: i
-    });
-  })));
-}, areEqual);
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { areEqual } from "react-window";
+import { ListRow, Title } from "../IconPicker.styles.js";
+import { isCategories } from "../utils/typeguards.utils.js";
+import ListItem from "./ListItem/ListItem.js";
+const RowItem = memo(({
+  data,
+  index,
+  style
+}) => {
+  const {
+    elementSize,
+    itemsPerRow,
+    onSelect,
+    items
+  } = data;
+  const rowItems = items[index];
+  return /* @__PURE__ */ jsx("div", { style, children: /* @__PURE__ */ jsx(ListRow, { children: isCategories(rowItems) ? /* @__PURE__ */ jsx(Title, { elementSize: `${elementSize}px`, children: rowItems[0].category }) : rowItems.map((item, i) => {
+    return /* @__PURE__ */ jsx(ListItem, { element: item, itemsPerRow, onSelect, index: i }, i);
+  }) }) });
+}, areEqual);
+export {
+  RowItem
+};

package/dist/hooks/useGroupItems.d.ts

@@ -1,2 +1,2 @@
-import { type FilterElement, type GroupedFilterElement, type SourceType, type ValueTypeForSource } from '../IconPicker.types';
+import { FilterElement, GroupedFilterElement, SourceType, ValueTypeForSource } from '../IconPicker.types';
 export declare const useGroupItems: <Source extends SourceType>(data: FilterElement<ValueTypeForSource<Source>>[], itemsPerRow: number) => GroupedFilterElement<Source>[];

package/dist/hooks/useGroupItems.js

@@ -1,18 +1,20 @@
-import { useMemo } from 'react';
-export var useGroupItems = function useGroupItems(data, itemsPerRow) {
-  var groupedData = useMemo(function () {
-    return data.reduce(function (flatItemsAndCategories, group) {
-      var category = group.category,
-        items = group.items;
+import { useMemo } from "react";
+const useGroupItems = (data, itemsPerRow) => {
+  const groupedData = useMemo(() => {
+    return data.reduce((flatItemsAndCategories, group) => {
+      const {
+        category,
+        items
+      } = group;
       flatItemsAndCategories.push([{
-        category: category
+        category
       }]);
-      var groupItemsLength = items.length;
-      var rowCount = Math.ceil(groupItemsLength / itemsPerRow);
-      for (var i = 0; i < rowCount; i += 1) {
-        var rowItems = [];
-        for (var j = 0; j < itemsPerRow; j += 1) {
-          var idx = itemsPerRow * i + j;
+      const groupItemsLength = items.length;
+      const rowCount = Math.ceil(groupItemsLength / itemsPerRow);
+      for (let i = 0; i < rowCount; i += 1) {
+        const rowItems = [];
+        for (let j = 0; j < itemsPerRow; j += 1) {
+          const idx = itemsPerRow * i + j;
           if (idx < groupItemsLength) {
             rowItems.push(items[idx]);
           }
@@ -23,4 +25,7 @@ export var useGroupItems = function useGroupItems(data, itemsPerRow) {
     }, []);
   }, [data, itemsPerRow]);
   return groupedData;
-};
+};
+export {
+  useGroupItems
+};

package/dist/hooks/useIconSourceLoader.d.ts

@@ -1,2 +1,2 @@
-import { type FilterElement, type SourceType, type ValueTypeForSource } from '../IconPicker.types';
+import { FilterElement, SourceType, ValueTypeForSource } from '../IconPicker.types';
 export declare const useIconSourceLoader: <Source extends SourceType>(data: SourceType) => FilterElement<ValueTypeForSource<Source>>[];

package/dist/hooks/useIconSourceLoader.js

@@ -1,96 +1,53 @@
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-import React, { useCallback, useState } from 'react';
-import Icon from '@synerise/ds-icon';
-import * as medium from '@synerise/ds-icon/dist/icons/M';
-import { loadFontAwesome } from '../utils/loadFontAwesome';
-import { prepareItems } from '../utils/prepareItems';
-import { isDSSourceType, isFASourceType } from '../utils/typeguards.utils';
-export var useIconSourceLoader = function useIconSourceLoader(data) {
-  var _useState = useState([]),
-    items = _useState[0],
-    setItems = _useState[1];
-  var loadedItems = useCallback(function () {
+import { jsx } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import Icon from "@synerise/ds-icon";
+import * as medium from "@synerise/ds-icon/dist/icons/M";
+import { loadFontAwesome } from "../utils/loadFontAwesome.js";
+import { prepareItems } from "../utils/prepareItems.js";
+import { isDSSourceType, isFASourceType } from "../utils/typeguards.utils.js";
+const useIconSourceLoader = (data) => {
+  const [items, setItems] = useState([]);
+  const loadedItems = useCallback(() => {
     if (!items.length) {
-      var loadFAIcons = /*#__PURE__*/function () {
-        var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-          var _yield$loadFontAwesom, fas, fab, far, icon, FontAwesomeIcon;
-          return _regenerator().w(function (_context) {
-            while (1) switch (_context.n) {
-              case 0:
-                _context.n = 1;
-                return loadFontAwesome();
-              case 1:
-                _yield$loadFontAwesom = _context.v;
-                fas = _yield$loadFontAwesom.fas;
-                fab = _yield$loadFontAwesom.fab;
-                far = _yield$loadFontAwesom.far;
-                icon = _yield$loadFontAwesom.icon;
-                FontAwesomeIcon = _yield$loadFontAwesom.FontAwesomeIcon;
-                setItems([{
-                  category: 'Solid',
-                  items: Object.values(fas).map(function (iconData) {
-                    return {
-                      keywords: iconData.iconName,
-                      item: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-                        icon: icon(iconData),
-                        key: iconData.iconName
-                      }),
-                      value: [iconData.prefix, iconData.iconName]
-                    };
-                  })
-                }, {
-                  category: 'Brands',
-                  items: Object.values(fab).map(function (iconData) {
-                    return {
-                      keywords: iconData.iconName,
-                      item: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-                        icon: icon(iconData),
-                        key: iconData.iconName
-                      }),
-                      value: [iconData.prefix, iconData.iconName]
-                    };
-                  })
-                }, {
-                  category: 'Regular',
-                  items: Object.values(far).map(function (iconData) {
-                    return {
-                      keywords: iconData.iconName,
-                      item: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-                        icon: icon(iconData),
-                        key: iconData.iconName
-                      }),
-                      value: [iconData.prefix, iconData.iconName]
-                    };
-                  })
-                }]);
-              case 2:
-                return _context.a(2);
-            }
-          }, _callee);
-        }));
-        return function loadFAIcons() {
-          return _ref.apply(this, arguments);
-        };
-      }();
+      const loadFAIcons = async () => {
+        const {
+          fas,
+          fab,
+          far,
+          icon,
+          FontAwesomeIcon
+        } = await loadFontAwesome();
+        setItems([{
+          category: "Solid",
+          items: Object.values(fas).map((iconData) => ({
+            keywords: iconData.iconName,
+            item: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: icon(iconData) }, iconData.iconName),
+            value: [iconData.prefix, iconData.iconName]
+          }))
+        }, {
+          category: "Brands",
+          items: Object.values(fab).map((iconData) => ({
+            keywords: iconData.iconName,
+            item: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: icon(iconData) }, iconData.iconName),
+            value: [iconData.prefix, iconData.iconName]
+          }))
+        }, {
+          category: "Regular",
+          items: Object.values(far).map((iconData) => ({
+            keywords: iconData.iconName,
+            item: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: icon(iconData) }, iconData.iconName),
+            value: [iconData.prefix, iconData.iconName]
+          }))
+        }]);
+      };
       if (isDSSourceType(data)) {
-        var iconItems = Object.entries(medium).map(function (_ref2) {
-          var name = _ref2[0],
-            Component = _ref2[1];
-          return {
-            keywords: name,
-            item: /*#__PURE__*/React.createElement(Icon, {
-              component: /*#__PURE__*/React.createElement(Component, null)
-            }),
-            value: /*#__PURE__*/React.createElement(Icon, {
-              component: /*#__PURE__*/React.createElement(Component, null)
-            })
-          };
-        });
+        const iconItems = Object.entries(medium).map(([name, Component]) => ({
+          keywords: name,
+          item: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(Component, {}) }),
+          value: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(Component, {}) })
+        }));
         setItems([{
-          category: 'DS Icons',
+          category: "DS Icons",
           items: iconItems
         }]);
         return;
@@ -104,4 +61,7 @@ export var useIconSourceLoader = function useIconSourceLoader(data) {
   }, [data, items.length]);
   loadedItems();
   return items;
-};
+};
+export {
+  useIconSourceLoader
+};

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './IconPicker';
+import { default as default2 } from "./IconPicker.js";
+export {
+  default2 as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/dist/utils/createItemData.d.ts

@@ -1,2 +1,2 @@
-import type { ListItemData, SourceType } from '../IconPicker.types';
+import { ListItemData, SourceType } from '../IconPicker.types';
 export declare const createItemData: <Source extends SourceType>(items: ListItemData<Source>["items"], elementSize: ListItemData<Source>["elementSize"], onSelect: ListItemData<Source>["onSelect"], itemsPerRow: ListItemData<Source>["itemsPerRow"]) => ListItemData<Source>;

package/dist/utils/createItemData.js

@@ -1,9 +1,10 @@
-import memoize from 'memoize-one';
-export var createItemData = memoize(function (items, elementSize, onSelect, itemsPerRow) {
-  return {
-    items: items,
-    elementSize: elementSize,
-    onSelect: onSelect,
-    itemsPerRow: itemsPerRow
-  };
-});
+import memoize from "memoize-one";
+const createItemData = memoize((items, elementSize, onSelect, itemsPerRow) => ({
+  items,
+  elementSize,
+  onSelect,
+  itemsPerRow
+}));
+export {
+  createItemData
+};

package/dist/utils/loadFontAwesome.d.ts

@@ -1,7 +1,7 @@
 export declare const loadFontAwesome: () => Promise<{
-    fas: import("@fortawesome/fontawesome-svg-core").IconPack;
-    icon: typeof import("@fortawesome/fontawesome-svg-core").icon;
-    fab: import("@fortawesome/fontawesome-svg-core").IconPack;
-    far: import("@fortawesome/fontawesome-svg-core").IconPack;
-    FontAwesomeIcon: typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon;
+    fas: import('@fortawesome/fontawesome-svg-core').IconPack;
+    icon: typeof import('@fortawesome/fontawesome-svg-core').icon;
+    fab: import('@fortawesome/fontawesome-svg-core').IconPack;
+    far: import('@fortawesome/fontawesome-svg-core').IconPack;
+    FontAwesomeIcon: typeof import('@fortawesome/react-fontawesome').FontAwesomeIcon;
 }>;

package/dist/utils/loadFontAwesome.js

@@ -1,39 +1,36 @@
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-export var loadFontAwesome = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-    var core, solid, brands, regular, component, loaded, _loaded$, library, icon, fas, fab, far, FontAwesomeIcon;
-    return _regenerator().w(function (_context) {
-      while (1) switch (_context.n) {
-        case 0:
-          core = import('@fortawesome/fontawesome-svg-core');
-          solid = import('@fortawesome/free-solid-svg-icons');
-          brands = import('@fortawesome/free-brands-svg-icons');
-          regular = import('@fortawesome/free-regular-svg-icons');
-          component = import('@fortawesome/react-fontawesome');
-          _context.n = 1;
-          return Promise.all([core, solid, brands, regular, component]);
-        case 1:
-          loaded = _context.v;
-          _loaded$ = loaded[0], library = _loaded$.library, icon = _loaded$.icon;
-          fas = loaded[1].fas;
-          fab = loaded[2].fab;
-          far = loaded[3].far;
-          FontAwesomeIcon = loaded[4].FontAwesomeIcon;
-          library.add(fas, fab, far);
-          return _context.a(2, {
-            fas: fas,
-            icon: icon,
-            fab: fab,
-            far: far,
-            FontAwesomeIcon: FontAwesomeIcon
-          });
-      }
-    }, _callee);
-  }));
-  return function loadFontAwesome() {
-    return _ref.apply(this, arguments);
+import { __vitePreload } from "../_virtual/preload-helper.js";
+const loadFontAwesome = async () => {
+  const core = __vitePreload(() => import("@fortawesome/fontawesome-svg-core"), true ? [] : void 0);
+  const solid = __vitePreload(() => import("@fortawesome/free-solid-svg-icons"), true ? [] : void 0);
+  const brands = __vitePreload(() => import("@fortawesome/free-brands-svg-icons"), true ? [] : void 0);
+  const regular = __vitePreload(() => import("@fortawesome/free-regular-svg-icons"), true ? [] : void 0);
+  const component = __vitePreload(() => import("@fortawesome/react-fontawesome"), true ? [] : void 0);
+  const loaded = await Promise.all([core, solid, brands, regular, component]);
+  const {
+    library,
+    icon
+  } = loaded[0];
+  const {
+    fas
+  } = loaded[1];
+  const {
+    fab
+  } = loaded[2];
+  const {
+    far
+  } = loaded[3];
+  const {
+    FontAwesomeIcon
+  } = loaded[4];
+  library.add(fas, fab, far);
+  return {
+    fas,
+    icon,
+    fab,
+    far,
+    FontAwesomeIcon
   };
-}();
+};
+export {
+  loadFontAwesome
+};

package/dist/utils/matchesSearchQuery.js

@@ -1,3 +1,6 @@
-export var matchesSearchQuery = function matchesSearchQuery(text, searchQuery) {
+const matchesSearchQuery = (text, searchQuery) => {
   return text.toLowerCase().includes(searchQuery.toLowerCase());
-};
+};
+export {
+  matchesSearchQuery
+};

package/dist/utils/prepareItems.d.ts

@@ -1,2 +1,2 @@
-import { type DataSource, type FilterElement, type ValueTypeForSource } from '../IconPicker.types';
+import { DataSource, FilterElement, ValueTypeForSource } from '../IconPicker.types';
 export declare const prepareItems: (data: DataSource[]) => FilterElement<ValueTypeForSource<DataSource[]>>[];

package/dist/utils/prepareItems.js

@@ -1,12 +1,14 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-export var prepareItems = function prepareItems(data) {
-  return data.map(function (group) {
-    return _extends({}, group, {
-      items: group.items.map(function (item) {
-        return _extends({}, item, {
-          value: item.value === undefined ? item.item : item.value
-        });
-      })
-    });
-  });
-};
+const prepareItems = (data) => {
+  return data.map((group) => ({
+    ...group,
+    items: group.items.map((item) => {
+      return {
+        ...item,
+        value: item.value === void 0 ? item.item : item.value
+      };
+    })
+  }));
+};
+export {
+  prepareItems
+};

package/dist/utils/typeguards.utils.d.ts

@@ -1,4 +1,4 @@
-import { type Category, type DSSource, type DataSource, type FASource, type GroupedFilterElement, type SourceType } from '../IconPicker.types';
+import { Category, DSSource, DataSource, FASource, GroupedFilterElement, SourceType } from '../IconPicker.types';
 export declare const isFASourceType: (data: SourceType) => data is FASource;
 export declare const isDSSourceType: (data: SourceType) => data is DSSource;
 export declare const isData: (data: SourceType) => data is DataSource[];

package/dist/utils/typeguards.utils.js

@@ -1,12 +1,18 @@
-export var isFASourceType = function isFASourceType(data) {
-  return data === 'font-awesome';
+const isFASourceType = (data) => {
+  return data === "font-awesome";
 };
-export var isDSSourceType = function isDSSourceType(data) {
-  return data === 'design-system';
+const isDSSourceType = (data) => {
+  return data === "design-system";
 };
-export var isData = function isData(data) {
+const isData = (data) => {
   return Array.isArray(data);
 };
-export var isCategories = function isCategories(element) {
-  return !!('category' in element[0] && element[0].category);
-};
+const isCategories = (element) => {
+  return !!("category" in element[0] && element[0].category);
+};
+export {
+  isCategories,
+  isDSSourceType,
+  isData,
+  isFASourceType
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-icon-picker",
-  "version": "1.6.15",
+  "version": "1.6.17",
   "description": "IconPicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -32,14 +32,14 @@
   "sideEffects": false,
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.5.17",
-    "@synerise/ds-button-group": "^1.1.42",
-    "@synerise/ds-dropdown": "^1.3.1",
-    "@synerise/ds-icon": "^1.15.0",
-    "@synerise/ds-popover": "^1.5.2",
-    "@synerise/ds-scrollbar": "^1.2.16",
-    "@synerise/ds-tooltip": "^1.4.9",
-    "@synerise/ds-utils": "^1.7.0",
+    "@synerise/ds-button": "^1.5.19",
+    "@synerise/ds-button-group": "^1.1.44",
+    "@synerise/ds-dropdown": "^1.3.3",
+    "@synerise/ds-icon": "^1.15.2",
+    "@synerise/ds-popover": "^1.5.3",
+    "@synerise/ds-scrollbar": "^1.2.18",
+    "@synerise/ds-tooltip": "^1.4.11",
+    "@synerise/ds-utils": "^1.7.1",
     "memoize-one": "^5.1.1",
     "react-window": "^1.8.11"
   },
@@ -54,5 +54,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "c2384982c3533a31eb5e5e0408f8dcecb2b0f399"
 }