@synerise/ds-cascader 0.2.75 → 0.3.3

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,38 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.3.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-cascader@0.3.2...@synerise/ds-cascader@0.3.3) (2021-11-22)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-cascader
9
+
10
+
11
+
12
+
13
+
14
+ ## [0.3.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-cascader@0.3.1...@synerise/ds-cascader@0.3.2) (2021-11-16)
15
+
16
+ **Note:** Version bump only for package @synerise/ds-cascader
17
+
18
+
19
+
20
+
21
+
22
+ ## [0.3.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-cascader@0.2.75...@synerise/ds-cascader@0.3.1) (2021-11-09)
23
+
24
+ **Note:** Version bump only for package @synerise/ds-cascader
25
+
26
+
27
+
28
+
29
+
30
+ # [0.3.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-cascader@0.2.75...@synerise/ds-cascader@0.3.0) (2021-11-09)
31
+
32
+ **Note:** Version bump only for package @synerise/ds-cascader
33
+
34
+
35
+
36
+
37
+
6
38
  ## [0.2.75](https://github.com/Synerise/synerise-design/compare/@synerise/ds-cascader@0.2.74...@synerise/ds-cascader@0.2.75) (2021-11-05)
7
39
 
8
40
  **Note:** Version bump only for package @synerise/ds-cascader
package/dist/Cascader.js CHANGED
@@ -1,28 +1,7 @@
1
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
2
-
3
- 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."); }
4
-
5
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
6
-
7
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
8
-
9
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
10
-
11
- 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."); }
12
-
13
- 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(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
14
-
15
- 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; }
16
-
17
- function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; }
18
-
19
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
20
-
21
1
  import * as React from 'react';
22
2
  import SearchBar from '@synerise/ds-search-bar';
23
3
  import Menu from '@synerise/ds-menu';
24
- import Icon from '@synerise/ds-icon';
25
- import SearchM from '@synerise/ds-icon/dist/icons/SearchM';
4
+ import Icon, { SearchM } from '@synerise/ds-icon';
26
5
  import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
27
6
  import { useResize } from '@synerise/ds-utils';
28
7
  import * as S from './Cascader.styles';
@@ -47,39 +26,32 @@ var Cascader = function Cascader(_ref) {
47
26
  selectedCategoriesIds = _ref.selectedCategoriesIds;
48
27
 
49
28
  var _React$useState = React.useState(''),
50
- _React$useState2 = _slicedToArray(_React$useState, 2),
51
- searchQuery = _React$useState2[0],
52
- setSearchQuery = _React$useState2[1];
29
+ searchQuery = _React$useState[0],
30
+ setSearchQuery = _React$useState[1];
31
+
32
+ var _React$useState2 = React.useState(rootCategory),
33
+ activeCategory = _React$useState2[0],
34
+ setActiveCategory = _React$useState2[1];
53
35
 
54
- var _React$useState3 = React.useState(rootCategory),
55
- _React$useState4 = _slicedToArray(_React$useState3, 2),
56
- activeCategory = _React$useState4[0],
57
- setActiveCategory = _React$useState4[1];
36
+ var _React$useState3 = React.useState([]),
37
+ paths = _React$useState3[0],
38
+ setPaths = _React$useState3[1];
39
+
40
+ var _React$useState4 = React.useState([]),
41
+ filteredPaths = _React$useState4[0],
42
+ setFilteredPaths = _React$useState4[1];
58
43
 
59
44
  var _React$useState5 = React.useState([]),
60
- _React$useState6 = _slicedToArray(_React$useState5, 2),
61
- paths = _React$useState6[0],
62
- setPaths = _React$useState6[1];
63
-
64
- var _React$useState7 = React.useState([]),
65
- _React$useState8 = _slicedToArray(_React$useState7, 2),
66
- filteredPaths = _React$useState8[0],
67
- setFilteredPaths = _React$useState8[1];
68
-
69
- var _React$useState9 = React.useState([]),
70
- _React$useState10 = _slicedToArray(_React$useState9, 2),
71
- enteredCategories = _React$useState10[0],
72
- setEnteredCategories = _React$useState10[1];
73
-
74
- var _React$useState11 = React.useState(0),
75
- _React$useState12 = _slicedToArray(_React$useState11, 2),
76
- scrollTop = _React$useState12[0],
77
- setScrollTop = _React$useState12[1];
78
-
79
- var _React$useState13 = React.useState(selectedCategoriesIds || []),
80
- _React$useState14 = _slicedToArray(_React$useState13, 2),
81
- selectedIds = _React$useState14[0],
82
- setSelectedIds = _React$useState14[1];
45
+ enteredCategories = _React$useState5[0],
46
+ setEnteredCategories = _React$useState5[1];
47
+
48
+ var _React$useState6 = React.useState(0),
49
+ scrollTop = _React$useState6[0],
50
+ setScrollTop = _React$useState6[1];
51
+
52
+ var _React$useState7 = React.useState(selectedCategoriesIds || []),
53
+ selectedIds = _React$useState7[0],
54
+ setSelectedIds = _React$useState7[1];
83
55
 
84
56
  var searchResultsContainer = React.useRef();
85
57
  var categoriesContainer = React.useRef();
@@ -89,7 +61,7 @@ var Cascader = function Cascader(_ref) {
89
61
 
90
62
  var previousCategory = enteredCategories[enteredCategories.length - 2];
91
63
  var isSearching = !!paths && searchQuery.length > 0;
92
- var categoriesMaxHeight = maxHeight ? Math.floor((maxHeight - Number(categoriesContainer === null || categoriesContainer === void 0 ? void 0 : (_categoriesContainer$ = categoriesContainer.current) === null || _categoriesContainer$ === void 0 ? void 0 : _categoriesContainer$.offsetTop)) / CATEGORY_ITEM_HEIGHT) * CATEGORY_ITEM_HEIGHT + VERTICAL_PADDING_OFFSET : undefined;
64
+ var categoriesMaxHeight = maxHeight ? Math.floor((maxHeight - Number(categoriesContainer == null ? void 0 : (_categoriesContainer$ = categoriesContainer.current) == null ? void 0 : _categoriesContainer$.offsetTop)) / CATEGORY_ITEM_HEIGHT) * CATEGORY_ITEM_HEIGHT + VERTICAL_PADDING_OFFSET : undefined;
93
65
  var calculateVisibleRows = React.useMemo(function () {
94
66
  return Math.floor((height - VERTICAL_PADDING_OFFSET) / BREADCRUMB_ITEM_HEIGHT);
95
67
  }, [height]);
@@ -110,7 +82,7 @@ var Cascader = function Cascader(_ref) {
110
82
  var itemAlreadySelected = selectedIds.indexOf(item.id) !== -1;
111
83
 
112
84
  if (!itemAlreadySelected) {
113
- newSelectedList = [].concat(_toConsumableArray(selectedIds), [item.id]);
85
+ newSelectedList = [].concat(selectedIds, [item.id]);
114
86
  onCategorySelect && onCategorySelect(item, true);
115
87
  } else {
116
88
  newSelectedList = selectedIds.filter(function (id) {
@@ -119,7 +91,7 @@ var Cascader = function Cascader(_ref) {
119
91
  onCategorySelect && onCategorySelect(item, false);
120
92
  }
121
93
 
122
- setSelectedIds(_toConsumableArray(newSelectedList));
94
+ setSelectedIds([].concat(newSelectedList));
123
95
  };
124
96
 
125
97
  var onCategoryClick = function onCategoryClick(category) {
@@ -128,7 +100,7 @@ var Cascader = function Cascader(_ref) {
128
100
  name: category.name,
129
101
  path: category.path
130
102
  };
131
- var updatedEnteredCategories = [].concat(_toConsumableArray(enteredCategories), [entered]);
103
+ var updatedEnteredCategories = [].concat(enteredCategories, [entered]);
132
104
  var hasMoreCategories = hasNestedCategories(category);
133
105
 
134
106
  if (hasMoreCategories) {
@@ -149,7 +121,7 @@ var Cascader = function Cascader(_ref) {
149
121
  updatedEnteredCategories = enteredCategories.slice(0, enteredCategories.indexOf(chosenCategory) + 1);
150
122
  }
151
123
 
152
- if (chosenCategory === null || chosenCategory === void 0 ? void 0 : chosenCategory.id) {
124
+ if (chosenCategory != null && chosenCategory.id) {
153
125
  var nextActiveCategory = searchCategoryWithId(rootCategory, chosenCategory.id);
154
126
 
155
127
  if (nextActiveCategory) {
@@ -171,28 +143,28 @@ var Cascader = function Cascader(_ref) {
171
143
  setFilteredPaths(filtered);
172
144
  } else setFilteredPaths([]);
173
145
  }, [paths]);
174
- return React.createElement(S.Wrapper, {
146
+ return /*#__PURE__*/React.createElement(S.Wrapper, {
175
147
  className: "ds-cascader"
176
- }, React.createElement(S.InputWrapper, null, React.createElement(SearchBar, {
148
+ }, /*#__PURE__*/React.createElement(S.InputWrapper, null, /*#__PURE__*/React.createElement(SearchBar, {
177
149
  onSearchChange: function onSearchChange(value) {
178
150
  setSearchQuery(value);
179
151
  filterPathsBySearchQuery(value);
180
152
  },
181
153
  placeholder: searchInputPlaceholder || '',
182
154
  value: searchQuery,
183
- iconLeft: React.createElement(Icon, {
184
- component: React.createElement(SearchM, null),
155
+ iconLeft: /*#__PURE__*/React.createElement(Icon, {
156
+ component: /*#__PURE__*/React.createElement(SearchM, null),
185
157
  color: theme.palette['grey-600']
186
158
  }),
187
159
  onClearInput: function onClearInput() {
188
160
  return setSearchQuery('');
189
161
  },
190
162
  clearTooltip: searchClearTooltip
191
- })), React.createElement(S.SearchResults, {
192
- visible: !isSearching || filteredPaths && (filteredPaths === null || filteredPaths === void 0 ? void 0 : filteredPaths.length) > 0,
163
+ })), /*#__PURE__*/React.createElement(S.SearchResults, {
164
+ visible: !isSearching || filteredPaths && (filteredPaths == null ? void 0 : filteredPaths.length) > 0,
193
165
  ref: searchResultsContainer,
194
166
  style: contentStyles
195
- }, React.createElement(Menu, null, isSearching && filteredPaths && React.createElement(S.CascaderScrollbar, {
167
+ }, /*#__PURE__*/React.createElement(Menu, null, isSearching && filteredPaths && /*#__PURE__*/React.createElement(S.CascaderScrollbar, {
196
168
  maxHeight: maxHeight,
197
169
  searching: isSearching,
198
170
  absolute: isSearching,
@@ -200,27 +172,27 @@ var Cascader = function Cascader(_ref) {
200
172
  var currentTarget = _ref2.currentTarget;
201
173
  setScrollTop(currentTarget.scrollTop);
202
174
  }
203
- }, React.createElement(BreadcrumbsList, {
175
+ }, /*#__PURE__*/React.createElement(BreadcrumbsList, {
204
176
  width: "calc(100% - 8px)",
205
177
  visibleRows: calculateVisibleRows,
206
178
  rowHeight: BREADCRUMB_ITEM_HEIGHT,
207
179
  paths: filteredPaths,
208
180
  highlight: searchQuery,
209
181
  onBreadCrumbClick: function onBreadCrumbClick(breadcrumb) {
210
- var selectedCategory = searchCategoryWithId(rootCategory, breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.id);
182
+ var selectedCategory = searchCategoryWithId(rootCategory, breadcrumb == null ? void 0 : breadcrumb.id);
211
183
  selectedCategory ? onItemSelect(selectedCategory) : onItemSelect(breadcrumb);
212
184
  },
213
185
  scrollTop: scrollTop
214
- })), React.createElement(Navigation, {
186
+ })), /*#__PURE__*/React.createElement(Navigation, {
215
187
  backActionVisible: !searchQuery && !!previousCategory && !!previousCategory.name && enteredCategories.length > 1,
216
188
  breadcrumbVisible: !searchQuery && !!activeCategory.path,
217
189
  onPathClick: onPathClick,
218
190
  onHomeIconClick: onHomeIconClick,
219
191
  previousCategory: previousCategory,
220
192
  activeCategory: activeCategory
221
- }), !searchQuery && React.createElement("div", {
193
+ }), !searchQuery && /*#__PURE__*/React.createElement("div", {
222
194
  ref: categoriesContainer
223
- }, React.createElement(S.CascaderScrollbar, {
195
+ }, /*#__PURE__*/React.createElement(S.CascaderScrollbar, {
224
196
  maxHeight: categoriesMaxHeight,
225
197
  searching: isSearching,
226
198
  absolute: isSearching,
@@ -228,7 +200,7 @@ var Cascader = function Cascader(_ref) {
228
200
  var currentTarget = _ref3.currentTarget;
229
201
  setScrollTop(currentTarget.scrollTop);
230
202
  }
231
- }, React.createElement(CategoriesList, {
203
+ }, /*#__PURE__*/React.createElement(CategoriesList, {
232
204
  rootCategory: activeCategory,
233
205
  onCategoryClick: onCategoryClick,
234
206
  suffixel: categorySuffix,
@@ -0,0 +1 @@
1
+ export {};
@@ -1,6 +1,5 @@
1
1
  import * as React from 'react';
2
- import Icon from '@synerise/ds-icon';
3
- import ArrowLeftM from '@synerise/ds-icon/dist/icons/ArrowLeftM';
2
+ import Icon, { ArrowLeftM } from '@synerise/ds-icon';
4
3
  import Divider from '@synerise/ds-divider';
5
4
  import * as S from './BackAction.styles';
6
5
  import { DividerContainer } from '../../Cascader.styles';
@@ -8,11 +7,11 @@ import { DividerContainer } from '../../Cascader.styles';
8
7
  var BackAction = function BackAction(_ref) {
9
8
  var label = _ref.label,
10
9
  onClick = _ref.onClick;
11
- return React.createElement(React.Fragment, null, React.createElement(S.BackActionWrapper, null, React.createElement(S.ContentWrapper, {
10
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.BackActionWrapper, null, /*#__PURE__*/React.createElement(S.ContentWrapper, {
12
11
  onClick: onClick
13
- }, React.createElement(S.IconWrapper, null, React.createElement(Icon, {
14
- component: React.createElement(ArrowLeftM, null)
15
- })), React.createElement(S.Label, null, label))), React.createElement(DividerContainer, null, React.createElement(Divider, {
12
+ }, /*#__PURE__*/React.createElement(S.IconWrapper, null, /*#__PURE__*/React.createElement(Icon, {
13
+ component: /*#__PURE__*/React.createElement(ArrowLeftM, null)
14
+ })), /*#__PURE__*/React.createElement(S.Label, null, label))), /*#__PURE__*/React.createElement(DividerContainer, null, /*#__PURE__*/React.createElement(Divider, {
16
15
  dashed: true
17
16
  })));
18
17
  };
@@ -0,0 +1 @@
1
+ export {};
@@ -6,11 +6,11 @@ var BottomAction = function BottomAction(_ref) {
6
6
  var onClickAction = _ref.onClickAction,
7
7
  children = _ref.children,
8
8
  icon = _ref.icon;
9
- return React.createElement(S.BottomAction, {
9
+ return /*#__PURE__*/React.createElement(S.BottomAction, {
10
10
  onClick: onClickAction
11
- }, icon && React.createElement(S.IconWrapper, null, React.createElement(Icon, {
11
+ }, icon && /*#__PURE__*/React.createElement(S.IconWrapper, null, /*#__PURE__*/React.createElement(Icon, {
12
12
  component: icon
13
- })), React.createElement(S.TextWrapper, null, children));
13
+ })), /*#__PURE__*/React.createElement(S.TextWrapper, null, children));
14
14
  };
15
15
 
16
16
  export default BottomAction;
@@ -0,0 +1 @@
1
+ export {};
@@ -23,11 +23,11 @@ var BreadcrumbsList = function BreadcrumbsList(_ref) {
23
23
  rowHeight: rowHeight || DEFAULT_ROW_HEIGHT,
24
24
  onItemClick: onBreadCrumbClick,
25
25
  itemRender: function itemRender(item) {
26
- return React.createElement(Menu.Breadcrumb, {
26
+ return /*#__PURE__*/React.createElement(Menu.Breadcrumb, {
27
27
  gradientOverlap: true,
28
28
  compact: true,
29
29
  path: item.path,
30
- key: "".concat(item.id),
30
+ key: "" + item.id,
31
31
  description: item.path[item.path.length - 1],
32
32
  highlight: highlight
33
33
  });
@@ -1,8 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import Menu from '@synerise/ds-menu';
3
3
  import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
4
- import { CheckS } from '@synerise/ds-icon/dist/icons';
5
- import Icon from '@synerise/ds-icon';
4
+ import Icon, { CheckS } from '@synerise/ds-icon';
6
5
  import styled from 'styled-components';
7
6
  import { hasNestedCategories } from '../../utlis';
8
7
  var CategoriesSuffix = styled.div.withConfig({
@@ -25,26 +24,26 @@ var CategoriesList = function CategoriesList(_ref) {
25
24
  }, [onSuffixelClick]);
26
25
 
27
26
  var renderSuffix = function renderSuffix(item) {
28
- return React.createElement(CategoriesSuffix, {
27
+ return /*#__PURE__*/React.createElement(CategoriesSuffix, {
29
28
  onClick: function onClick(e) {
30
29
  return onSuffixelClickHandler(item, e);
31
30
  }
32
- }, selectedIds.includes(item.id) ? React.createElement(Icon, {
31
+ }, selectedIds.includes(item.id) ? /*#__PURE__*/React.createElement(Icon, {
33
32
  color: theme.palette['green-600'],
34
- component: React.createElement(CheckS, null)
33
+ component: /*#__PURE__*/React.createElement(CheckS, null)
35
34
  }) : suffixel);
36
35
  };
37
36
 
38
- return React.createElement(React.Fragment, null, Object.keys(rootCategory).filter(function (key) {
37
+ return /*#__PURE__*/React.createElement(React.Fragment, null, Object.keys(rootCategory).filter(function (key) {
39
38
  var _rootCategory$key;
40
39
 
41
- return (_rootCategory$key = rootCategory[key]) === null || _rootCategory$key === void 0 ? void 0 : _rootCategory$key.name;
40
+ return (_rootCategory$key = rootCategory[key]) == null ? void 0 : _rootCategory$key.name;
42
41
  }).map(function (key) {
43
42
  var item = rootCategory[key];
44
- return React.createElement(Menu.Item, {
43
+ return /*#__PURE__*/React.createElement(Menu.Item, {
45
44
  text: item.name,
46
45
  type: selectedIds && selectedIds.includes(item.id) ? '' : 'select',
47
- key: "".concat(item.id),
46
+ key: "" + item.id,
48
47
  suffixel: renderSuffix(item),
49
48
  parent: hasNestedCategories(item),
50
49
  onClick: function onClick() {
@@ -0,0 +1 @@
1
+ export {};
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import * as S from './Divider.styles';
3
3
 
4
4
  var Divider = function Divider(props) {
5
- return React.createElement(S.DividerWrapper, null, React.createElement(Divider, props));
5
+ return /*#__PURE__*/React.createElement(S.DividerWrapper, null, /*#__PURE__*/React.createElement(Divider, props));
6
6
  };
7
7
 
8
8
  export default Divider;
@@ -1,7 +1,6 @@
1
1
  import * as React from 'react';
2
- import Icon from '@synerise/ds-icon';
2
+ import Icon, { HomeM } from '@synerise/ds-icon';
3
3
  import Menu from '@synerise/ds-menu';
4
- import { HomeM } from '@synerise/ds-icon/dist/icons';
5
4
  import Divider from '@synerise/ds-divider';
6
5
  import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
7
6
  import * as S from '../../Cascader.styles';
@@ -16,25 +15,25 @@ var Navigation = function Navigation(_ref) {
16
15
  breadcrumbVisible = _ref.breadcrumbVisible;
17
16
 
18
17
  var renderBreadcrumbs = function renderBreadcrumbs() {
19
- return breadcrumbVisible && activeCategory ? React.createElement(React.Fragment, null, React.createElement(Menu.Breadcrumb, {
18
+ return breadcrumbVisible && activeCategory ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Menu.Breadcrumb, {
20
19
  path: activeCategory.path,
21
20
  onPathClick: onPathClick,
22
21
  gradientOverlap: true,
23
22
  highlightActivePath: true,
24
- prefixel: React.createElement(S.BreadcrumbPrefix, {
23
+ prefixel: /*#__PURE__*/React.createElement(S.BreadcrumbPrefix, {
25
24
  onClick: onHomeIconClick
26
- }, React.createElement(Icon, {
27
- component: React.createElement(HomeM, null),
25
+ }, /*#__PURE__*/React.createElement(Icon, {
26
+ component: /*#__PURE__*/React.createElement(HomeM, null),
28
27
  color: theme.palette['grey-600']
29
28
  })),
30
29
  compact: true
31
- }), React.createElement(S.DividerContainer, null, React.createElement(Divider, {
30
+ }), /*#__PURE__*/React.createElement(S.DividerContainer, null, /*#__PURE__*/React.createElement(Divider, {
32
31
  dashed: true
33
32
  }))) : null;
34
33
  };
35
34
 
36
35
  var renderBackAction = function renderBackAction() {
37
- return backActionVisible && previousCategory ? React.createElement(BackAction, {
36
+ return backActionVisible && previousCategory ? /*#__PURE__*/React.createElement(BackAction, {
38
37
  label: previousCategory.name,
39
38
  onClick: function onClick() {
40
39
  onPathClick(previousCategory.name);
@@ -42,7 +41,7 @@ var Navigation = function Navigation(_ref) {
42
41
  }) : null;
43
42
  };
44
43
 
45
- return React.createElement(React.Fragment, null, renderBreadcrumbs(), renderBackAction());
44
+ return /*#__PURE__*/React.createElement(React.Fragment, null, renderBreadcrumbs(), renderBackAction());
46
45
  };
47
46
 
48
47
  export default Navigation;
@@ -0,0 +1 @@
1
+ export {};
package/dist/utlis.js CHANGED
@@ -1,17 +1,3 @@
1
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
2
-
3
- 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."); }
4
-
5
- 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(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
6
-
7
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
8
-
9
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
10
-
11
- 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; }
12
-
13
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
14
-
15
1
  export var searchCategoryWithId = function searchCategoryWithId(category, id) {
16
2
  if (id === undefined) {
17
3
  return undefined;
@@ -27,7 +13,7 @@ export var searchCategoryWithId = function searchCategoryWithId(category, id) {
27
13
  for (var i = 0; i < keys.length; i += 1) {
28
14
  property = keys[i];
29
15
 
30
- if (Object.prototype.hasOwnProperty.call(category, property) && _typeof(category[property]) === 'object') {
16
+ if (Object.prototype.hasOwnProperty.call(category, property) && typeof category[property] === 'object') {
31
17
  result = searchCategoryWithId(category[property], id);
32
18
 
33
19
  if (result) {
@@ -54,7 +40,7 @@ export var getAllPaths = function getAllPaths(category, resultsArray) {
54
40
  for (var i = 0; i < keys.length; i += 1) {
55
41
  property = keys[i];
56
42
 
57
- if (Object.prototype.hasOwnProperty.call(category, property) && _typeof(category[property]) === 'object') {
43
+ if (Object.prototype.hasOwnProperty.call(category, property) && typeof category[property] === 'object') {
58
44
  results = getAllPaths(category[property], results);
59
45
  }
60
46
  }
@@ -62,8 +48,7 @@ export var getAllPaths = function getAllPaths(category, resultsArray) {
62
48
  return results && results.length > 0 ? results : undefined;
63
49
  };
64
50
  export var filterPaths = function filterPaths(paths, searchQuery) {
65
- var pathsToBeFiltered = _toConsumableArray(paths);
66
-
51
+ var pathsToBeFiltered = [].concat(paths);
67
52
  var filtered = pathsToBeFiltered.filter(function (p) {
68
53
  var productPath = p.path;
69
54
  var lastElementOfPath = productPath[productPath.length - 1];
@@ -78,7 +63,7 @@ export var hasNestedCategories = function hasNestedCategories(category) {
78
63
  for (var i = 0; i < keys.length; i += 1) {
79
64
  property = keys[i];
80
65
 
81
- if (Object.prototype.hasOwnProperty.call(category, property) && _typeof(category[property]) === 'object' && Object.prototype.toString.call(category[property]) === '[object Object]') {
66
+ if (Object.prototype.hasOwnProperty.call(category, property) && typeof category[property] === 'object' && Object.prototype.toString.call(category[property]) === '[object Object]') {
82
67
  return true;
83
68
  }
84
69
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-cascader",
3
- "version": "0.2.75",
3
+ "version": "0.3.3",
4
4
  "description": "Cascader UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -32,19 +32,19 @@
32
32
  ],
33
33
  "types": "dist/index.d.ts",
34
34
  "dependencies": {
35
- "@synerise/ds-button": "^0.15.0",
36
- "@synerise/ds-core": "^0.30.14",
37
- "@synerise/ds-divider": "^0.4.74",
38
- "@synerise/ds-icon": "^0.45.2",
39
- "@synerise/ds-menu": "^0.10.45",
40
- "@synerise/ds-scrollbar": "^0.3.19",
41
- "@synerise/ds-search": "^0.5.54",
42
- "@synerise/ds-search-bar": "^0.4.3",
35
+ "@synerise/ds-button": "^0.16.2",
36
+ "@synerise/ds-core": "^0.31.2",
37
+ "@synerise/ds-divider": "^0.5.3",
38
+ "@synerise/ds-icon": "^0.46.2",
39
+ "@synerise/ds-menu": "^0.11.2",
40
+ "@synerise/ds-scrollbar": "^0.4.2",
41
+ "@synerise/ds-search": "^0.6.3",
42
+ "@synerise/ds-search-bar": "^0.5.2",
43
43
  "@synerise/ds-utils": "^0.19.0"
44
44
  },
45
45
  "peerDependencies": {
46
46
  "@synerise/ds-core": "*",
47
47
  "react": ">=16.9.0 < 17.0.0"
48
48
  },
49
- "gitHead": "bf865b6d1967c42effb68dc794f34dd18ddebe27"
49
+ "gitHead": "2468359677783819939fb9f1ef5acc36667ecd1a"
50
50
  }