@synerise/ds-icon-picker 0.5.2 → 0.5.3

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.5.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-icon-picker@0.5.2...@synerise/ds-icon-picker@0.5.3) (2024-11-28)
+
+**Note:** Version bump only for package @synerise/ds-icon-picker
+
+
+
+
+
 ## [0.5.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-icon-picker@0.5.1...@synerise/ds-icon-picker@0.5.2) (2024-11-21)
 
 

package/dist/IconPicker.js

@@ -3,52 +3,40 @@ import Dropdown from '@synerise/ds-dropdown';
 import { useOnClickOutside } from '@synerise/ds-utils';
 import * as S from './IconPicker.styles';
 import Overlay from './Overlay/Overlay';
-
 var IconPicker = function IconPicker(_ref) {
   var button = _ref.button,
-      data = _ref.data,
-      _onSelect = _ref.onSelect,
-      trigger = _ref.trigger,
-      placeholder = _ref.placeholder,
-      noResultMsg = _ref.noResultMsg;
-
+    data = _ref.data,
+    _onSelect = _ref.onSelect,
+    trigger = _ref.trigger,
+    placeholder = _ref.placeholder,
+    noResultMsg = _ref.noResultMsg;
   var _React$useState = React.useState(data),
-      filteredData = _React$useState[0],
-      setFilteredData = _React$useState[1];
-
+    filteredData = _React$useState[0],
+    setFilteredData = _React$useState[1];
   var _React$useState2 = React.useState(''),
-      value = _React$useState2[0],
-      setValue = _React$useState2[1];
-
+    value = _React$useState2[0],
+    setValue = _React$useState2[1];
   var _React$useState3 = React.useState(false),
-      isOpen = _React$useState3[0],
-      setOpen = _React$useState3[1];
-
+    isOpen = _React$useState3[0],
+    setOpen = _React$useState3[1];
   var _React$useState4 = React.useState(false),
-      focus = _React$useState4[0],
-      setFocus = _React$useState4[1];
-
+    focus = _React$useState4[0],
+    setFocus = _React$useState4[1];
   var ref = React.useRef(null);
-
   var filter = function filter(searchTerm) {
     setValue(searchTerm);
-
     var _final = data.filter(function (item) {
       return item.category.toLowerCase().includes(searchTerm.toLowerCase());
     });
-
     setFilteredData(_final);
   };
-
   useOnClickOutside(ref, function () {
     setOpen(false);
   });
-
   var onClearInput = function onClearInput() {
     setValue('');
     setFilteredData(data);
   };
-
   var toggleOpen = function toggleOpen() {
     setOpen(function (prevState) {
       return !prevState;
@@ -57,7 +45,6 @@ var IconPicker = function IconPicker(_ref) {
       return !isOpen && true;
     });
   };
-
   return /*#__PURE__*/React.createElement(Dropdown, {
     visible: isOpen,
     trigger: trigger,
@@ -76,9 +63,7 @@ var IconPicker = function IconPicker(_ref) {
         setOpen(function (prevState) {
           return !prevState;
         });
-
         _onSelect(val);
-
         setFocus(false);
       },
       focus: focus,
@@ -88,5 +73,4 @@ var IconPicker = function IconPicker(_ref) {
     onClick: toggleOpen
   }));
 };
-
 export default IconPicker;

package/dist/List/List.js

@@ -5,14 +5,13 @@ import Icon, { SearchNoResultsM } from '@synerise/ds-icon';
 import { theme } from '@synerise/ds-core';
 import ListItem from '../ListItem/ListItem';
 import * as S from '../IconPicker.styles';
-
 var List = function List(_ref) {
   var data = _ref.data,
-      onSelect = _ref.onSelect,
-      _ref$noResultMsg = _ref.noResultMsg,
-      noResultMsg = _ref$noResultMsg === void 0 ? /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "DS.ICON-PICKER.NO-RESULTS"
-  }) : _ref$noResultMsg;
+    onSelect = _ref.onSelect,
+    _ref$noResultMsg = _ref.noResultMsg,
+    noResultMsg = _ref$noResultMsg === void 0 ? /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "DS.ICON-PICKER.NO-RESULTS"
+    }) : _ref$noResultMsg;
   return /*#__PURE__*/React.createElement(Scrollbar, {
     maxHeight: 330
   }, !data.length ? /*#__PURE__*/React.createElement(S.OverlayWrapper, null, /*#__PURE__*/React.createElement(S.NoResults, null, /*#__PURE__*/React.createElement(S.Content, null, /*#__PURE__*/React.createElement(S.Icon, null, /*#__PURE__*/React.createElement(Icon, {
@@ -32,5 +31,4 @@ var List = function List(_ref) {
     })));
   }));
 };
-
 export default List;

package/dist/ListItem/ListItem.js

@@ -1,16 +1,13 @@
 import React from 'react';
 import Button from '@synerise/ds-button';
 import * as S from '../IconPicker.styles';
-
 var ListItem = function ListItem(_ref) {
   var element = _ref.element,
-      index = _ref.index,
-      onSelect = _ref.onSelect;
-
+    index = _ref.index,
+    onSelect = _ref.onSelect;
   var selectIcon = function selectIcon() {
     onSelect(element.item);
   };
-
   return /*#__PURE__*/React.createElement(S.ListItem, null, typeof element.item !== 'string' && element.item.type.name === 'Avatar' ?
   /*#__PURE__*/
   // eslint-disable-line
@@ -27,5 +24,4 @@ var ListItem = function ListItem(_ref) {
     className: "icon-wrapper"
   }, typeof element.item === 'string' ? /*#__PURE__*/React.createElement(S.FontIcon, null, element.item) : element.item))));
 };
-
 export default ListItem;

package/dist/Overlay/Overlay.js

@@ -3,16 +3,15 @@ import Icon, { SearchM } from '@synerise/ds-icon';
 import { theme } from '@synerise/ds-core';
 import Dropdown from '@synerise/ds-dropdown/dist/Dropdown';
 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;
+    onSearchChange = _ref.onSearchChange,
+    onClearInput = _ref.onClearInput,
+    placeholder = _ref.placeholder,
+    onSelect = _ref.onSelect,
+    data = _ref.data,
+    focus = _ref.focus,
+    noResultMsg = _ref.noResultMsg;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown.SearchInput, {
     onSearchChange: onSearchChange,
     onClearInput: onClearInput,
@@ -29,5 +28,4 @@ var Overlay = function Overlay(_ref) {
     noResultMsg: noResultMsg
   }));
 };
-
 export default Overlay;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-icon-picker",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "IconPicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -31,10 +31,10 @@
   "sideEffects": false,
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.21.19",
-    "@synerise/ds-dropdown": "^0.18.24",
-    "@synerise/ds-icon": "^0.67.0",
-    "@synerise/ds-scrollbar": "^0.11.19",
+    "@synerise/ds-button": "^0.21.20",
+    "@synerise/ds-dropdown": "^0.18.25",
+    "@synerise/ds-icon": "^0.67.1",
+    "@synerise/ds-scrollbar": "^0.11.20",
     "@synerise/ds-utils": "^0.31.2"
   },
   "peerDependencies": {
@@ -43,5 +43,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "5.0.1"
   },
-  "gitHead": "05f083c767e2cec3c2f91c9475aee89852a77d6c"
+  "gitHead": "4a56ee7ef816c22341ce704154dc7aa65b7d1dcc"
 }