@synerise/ds-item-filter 0.7.2 → 0.7.6

package/CHANGELOG.md

@@ -3,6 +3,42 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.7.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-filter@0.7.5...@synerise/ds-item-filter@0.7.6) (2021-12-20)
+
+
+### Bug Fixes
+
+* **item-filter:** updates readme, export types ([3e6ceb9](https://github.com/Synerise/synerise-design/commit/3e6ceb9cd6d3467942c1cd7eccc6ddab25f58c39))
+* **table:** fixes returned data by on change selection function ([151e195](https://github.com/Synerise/synerise-design/commit/151e195b8bb6d37f9fdede12aaa569b56ba97e82))
+
+
+
+
+
+## [0.7.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-filter@0.7.4...@synerise/ds-item-filter@0.7.5) (2021-12-01)
+
+**Note:** Version bump only for package @synerise/ds-item-filter
+
+
+
+
+
+## [0.7.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-filter@0.7.3...@synerise/ds-item-filter@0.7.4) (2021-11-23)
+
+**Note:** Version bump only for package @synerise/ds-item-filter
+
+
+
+
+
+## [0.7.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-filter@0.7.2...@synerise/ds-item-filter@0.7.3) (2021-11-22)
+
+**Note:** Version bump only for package @synerise/ds-item-filter
+
+
+
+
+
 ## [0.7.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-filter@0.7.1...@synerise/ds-item-filter@0.7.2) (2021-11-16)
 
 **Note:** Version bump only for package @synerise/ds-item-filter

package/README.md

@@ -49,7 +49,6 @@ import ItemFilter from '@synerise/ds-item-filter'
 | editItem       | Specify a callback that will be called when a user change name of list item     | (`{ id: string, name: string }`) => void | -         |
 | duplicateItem  | Specify a callback that will be called when a user duplicates list item         | (`{ id: string }`) => void               | -         |
 | selectItem     | Specify a callback that will be called when a user select list item             | (`{ id: string }`) => void               | -         |
-| items          | Array of list items                                                             | Item[]                                   | []        |
 | categories     | Array of categories                                                             | Category[]                               | []        |
 | selectedItemId | Id of selected item                                                             | string                                   | undefined |
 | texts          | Object contains texts for buttons, title, confirms etc.                         | Texts                                    | -         |

package/dist/ItemFilter.js

@@ -1,29 +1,9 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import * as React from 'react';
 import { withTheme } from 'styled-components';
 import { injectIntl } from 'react-intl';
@@ -110,17 +90,15 @@ var ItemFilter = function ItemFilter(_ref) {
       _fetchData = _ref.fetchData,
       loading = _ref.loading,
       search = _ref.search;
-  var listRef = /*#__PURE__*/React.createRef();
+  var listRef = React.createRef();
 
   var _React$useState = React.useState(0),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      listHeight = _React$useState2[0],
-      setListHeight = _React$useState2[1];
+      listHeight = _React$useState[0],
+      setListHeight = _React$useState[1];
 
-  var _React$useState3 = React.useState(0),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      activeTab = _React$useState4[0],
-      setActiveTab = _React$useState4[1];
+  var _React$useState2 = React.useState(0),
+      activeTab = _React$useState2[0],
+      setActiveTab = _React$useState2[1];
 
   var listStyle = {
     overflowX: 'unset',
@@ -128,8 +106,8 @@ var ItemFilter = function ItemFilter(_ref) {
   };
   var activeCategory = React.useMemo(function () {
     var category = categories[activeTab];
-    return _objectSpread(_objectSpread({}, category), {}, {
-      items: selectedItemId ? _toConsumableArray(category.items).sort(function (a, b) {
+    return _objectSpread({}, category, {
+      items: selectedItemId ? [].concat(category.items).sort(function (a, b) {
         if (a.id === selectedItemId) {
           return -1;
         }
@@ -139,7 +117,7 @@ var ItemFilter = function ItemFilter(_ref) {
         }
 
         return 0;
-      }) : category.items
+      }) : category.items || []
     });
   }, [categories, activeTab, selectedItemId]);
 
@@ -152,11 +130,13 @@ var ItemFilter = function ItemFilter(_ref) {
       onSelect: selectItem,
       onUpdate: editItem,
       onRemove: removeItem,
-      onDuplicate: duplicateItem,
+      onDuplicate: duplicateItem // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+      // @ts-ignore
+      ,
       item: item,
       selected: item.id === selectedItemId,
-      searchQuery: search === null || search === void 0 ? void 0 : search.value,
-      style: _objectSpread(_objectSpread({}, style), {}, {
+      searchQuery: search == null ? void 0 : search.value,
+      style: _objectSpread({}, style, {
         height: parseFloat(style.height) - FILTER_ITEM_MARGIN_BOTTOM,
         top: parseFloat(style.top) + 24
       })
@@ -197,11 +177,11 @@ var ItemFilter = function ItemFilter(_ref) {
     underscore: true
   })), search && /*#__PURE__*/React.createElement(SearchBar, {
     placeholder: texts.searchPlaceholder,
-    value: search === null || search === void 0 ? void 0 : search.value // eslint-disable-next-line react/jsx-handler-names
+    value: search == null ? void 0 : search.value // eslint-disable-next-line react/jsx-handler-names
     ,
-    onClearInput: search === null || search === void 0 ? void 0 : search.onClear // eslint-disable-next-line react/jsx-handler-names
+    onClearInput: search == null ? void 0 : search.onClear // eslint-disable-next-line react/jsx-handler-names
     ,
-    onSearchChange: search === null || search === void 0 ? void 0 : search.onChange,
+    onSearchChange: search == null ? void 0 : search.onChange,
     clearTooltip: texts.searchClearTooltip,
     iconLeft: /*#__PURE__*/React.createElement(Icon, {
       component: /*#__PURE__*/React.createElement(SearchM, null),
@@ -227,7 +207,7 @@ var ItemFilter = function ItemFilter(_ref) {
     // @ts-ignore
     ,
     onScroll: handleScroll,
-    hasMore: !(search !== null && search !== void 0 && search.value) && activeCategory.hasMore,
+    hasMore: !(search != null && search.value) && activeCategory.hasMore,
     fetchData: function fetchData() {
       return _fetchData(activeCategory);
     },

package/dist/index.d.ts

@@ -1 +1,2 @@
 export { default } from './ItemFilter';
+export * from './ItemFilter.types';

package/dist/index.js

@@ -1 +1,2 @@
-export { default } from './ItemFilter';
+export { default } from './ItemFilter';
+export * from './ItemFilter.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-item-filter",
-  "version": "0.7.2",
+  "version": "0.7.6",
   "description": "ItemFilter UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,21 +32,21 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.16.1",
-    "@synerise/ds-drawer": "^0.5.2",
-    "@synerise/ds-dropdown": "^0.17.2",
-    "@synerise/ds-icon": "^0.46.1",
-    "@synerise/ds-manageable-list": "^0.21.2",
-    "@synerise/ds-result": "^0.6.1",
-    "@synerise/ds-scrollbar": "^0.4.1",
-    "@synerise/ds-search-bar": "^0.5.1",
-    "@synerise/ds-tabs": "^0.12.2",
-    "@synerise/ds-typography": "^0.12.1",
+    "@synerise/ds-button": "^0.16.2",
+    "@synerise/ds-drawer": "^0.5.4",
+    "@synerise/ds-dropdown": "^0.17.4",
+    "@synerise/ds-icon": "^0.46.2",
+    "@synerise/ds-manageable-list": "^0.21.6",
+    "@synerise/ds-result": "^0.6.2",
+    "@synerise/ds-scrollbar": "^0.4.2",
+    "@synerise/ds-search-bar": "^0.5.2",
+    "@synerise/ds-tabs": "^0.12.5",
+    "@synerise/ds-typography": "^0.12.2",
     "react-window": "^1.8.5"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "8e667a88a48d774c550ff4766de71c4aab01f5a9"
+  "gitHead": "dd78d8abea639d2d77cf841f8b41a1382cf8d827"
 }