@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 +32 -0
- package/dist/Cascader.js +42 -70
- package/dist/Cascader.types.js +1 -0
- package/dist/Elements/BackAction/BackAction.js +5 -6
- package/dist/Elements/BackAction/BackAction.types.js +1 -0
- package/dist/Elements/BottomAction/BottomAction.js +3 -3
- package/dist/Elements/BottomAction/BottomAction.types.js +1 -0
- package/dist/Elements/BreadcrumbsList/BreadcrumbsList.js +2 -2
- package/dist/Elements/BreadcrumbsList/BreadcrumbsList.types.js +1 -0
- package/dist/Elements/CategoriesList/CategoriesList.js +8 -9
- package/dist/Elements/CategoriesList/CategoriesList.types.js +1 -0
- package/dist/Elements/Divider/Divider.js +1 -1
- package/dist/Elements/Navigation/Navigation.js +8 -9
- package/dist/Elements/Navigation/Navigation.types.js +1 -0
- package/dist/utlis.js +4 -19
- package/package.json +10 -10
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
|
-
|
|
51
|
-
|
|
52
|
-
|
|
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(
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
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
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
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
|
|
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(
|
|
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(
|
|
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(
|
|
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
|
|
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
|
|
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
|
|
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,
|
package/dist/Cascader.types.js
CHANGED
|
@@ -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: ""
|
|
30
|
+
key: "" + item.id,
|
|
31
31
|
description: item.path[item.path.length - 1],
|
|
32
32
|
highlight: highlight
|
|
33
33
|
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -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
|
|
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])
|
|
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: ""
|
|
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) &&
|
|
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) &&
|
|
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 =
|
|
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) &&
|
|
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.
|
|
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.
|
|
36
|
-
"@synerise/ds-core": "^0.
|
|
37
|
-
"@synerise/ds-divider": "^0.
|
|
38
|
-
"@synerise/ds-icon": "^0.
|
|
39
|
-
"@synerise/ds-menu": "^0.
|
|
40
|
-
"@synerise/ds-scrollbar": "^0.
|
|
41
|
-
"@synerise/ds-search": "^0.
|
|
42
|
-
"@synerise/ds-search-bar": "^0.
|
|
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": "
|
|
49
|
+
"gitHead": "2468359677783819939fb9f1ef5acc36667ecd1a"
|
|
50
50
|
}
|