@synerise/ds-operators 0.5.3 → 0.6.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.6.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-operators@0.6.2...@synerise/ds-operators@0.6.3) (2021-11-22)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-operators
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [0.6.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-operators@0.6.1...@synerise/ds-operators@0.6.2) (2021-11-16)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @synerise/ds-operators
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## [0.6.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-operators@0.5.3...@synerise/ds-operators@0.6.1) (2021-11-09)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @synerise/ds-operators
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
# [0.6.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-operators@0.5.3...@synerise/ds-operators@0.6.0) (2021-11-09)
|
|
31
|
+
|
|
32
|
+
**Note:** Version bump only for package @synerise/ds-operators
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
6
38
|
## [0.5.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-operators@0.5.2...@synerise/ds-operators@0.5.3) (2021-11-05)
|
|
7
39
|
|
|
8
40
|
**Note:** Version bump only for package @synerise/ds-operators
|
package/dist/Operator.types.d.ts
CHANGED
|
@@ -26,6 +26,7 @@ export declare type OperatorsGroup = {
|
|
|
26
26
|
};
|
|
27
27
|
export declare type OperatorsProps = {
|
|
28
28
|
value?: OperatorsItem | undefined;
|
|
29
|
+
onActivate?: () => void;
|
|
29
30
|
onChange: (item: OperatorsItem | undefined) => void;
|
|
30
31
|
groups: OperatorsGroup[];
|
|
31
32
|
items: OperatorsItem[];
|
package/dist/Operator.types.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/Operators.js
CHANGED
|
@@ -4,26 +4,13 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
4
4
|
|
|
5
5
|
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; }
|
|
6
6
|
|
|
7
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
|
-
|
|
9
|
-
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."); }
|
|
10
|
-
|
|
11
|
-
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); }
|
|
12
|
-
|
|
13
|
-
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; }
|
|
14
|
-
|
|
15
|
-
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; }
|
|
16
|
-
|
|
17
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
18
|
-
|
|
19
7
|
import * as React from 'react';
|
|
20
8
|
import { useIntl } from 'react-intl';
|
|
21
9
|
import Button from '@synerise/ds-button';
|
|
22
|
-
import
|
|
23
|
-
import { AngleDownS } from '@synerise/ds-icon
|
|
10
|
+
import { getPopupContainer } from '@synerise/ds-utils';
|
|
11
|
+
import Icon, { AngleDownS } from '@synerise/ds-icon';
|
|
24
12
|
import Dropdown from '@synerise/ds-dropdown';
|
|
25
13
|
import Tooltip from '@synerise/ds-tooltip';
|
|
26
|
-
import { getPopupContainer } from '@synerise/ds-utils';
|
|
27
14
|
import OperatorsDropdown from './OperatorsDropdown/OperatorsDropdown';
|
|
28
15
|
import * as S from './Operators.style';
|
|
29
16
|
|
|
@@ -34,15 +21,15 @@ var Operators = function Operators(_ref) {
|
|
|
34
21
|
items = _ref.items,
|
|
35
22
|
texts = _ref.texts,
|
|
36
23
|
opened = _ref.opened,
|
|
37
|
-
getPopupContainerOverride = _ref.getPopupContainerOverride
|
|
24
|
+
getPopupContainerOverride = _ref.getPopupContainerOverride,
|
|
25
|
+
onActivate = _ref.onActivate;
|
|
38
26
|
|
|
39
27
|
var _useIntl = useIntl(),
|
|
40
28
|
formatMessage = _useIntl.formatMessage;
|
|
41
29
|
|
|
42
30
|
var _React$useState = React.useState(false),
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
setDropdownVisible = _React$useState2[1];
|
|
31
|
+
dropdownVisible = _React$useState[0],
|
|
32
|
+
setDropdownVisible = _React$useState[1];
|
|
46
33
|
|
|
47
34
|
var text = React.useMemo(function () {
|
|
48
35
|
return _objectSpread({
|
|
@@ -68,12 +55,20 @@ var Operators = function Operators(_ref) {
|
|
|
68
55
|
setDropdownVisible(true);
|
|
69
56
|
}
|
|
70
57
|
}, [opened]);
|
|
71
|
-
|
|
58
|
+
var handleClick = React.useCallback(function () {
|
|
59
|
+
setDropdownVisible(true);
|
|
60
|
+
onActivate && onActivate();
|
|
61
|
+
}, [setDropdownVisible, onActivate]);
|
|
62
|
+
var onDropdownVisibilityChange = React.useCallback(function (newValue) {
|
|
63
|
+
return newValue && onActivate && onActivate();
|
|
64
|
+
}, [onActivate]);
|
|
65
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
72
66
|
"data-popup-container": true
|
|
73
|
-
}, React.createElement(Dropdown, {
|
|
67
|
+
}, /*#__PURE__*/React.createElement(Dropdown, {
|
|
74
68
|
visible: dropdownVisible,
|
|
75
|
-
|
|
76
|
-
|
|
69
|
+
onVisibleChange: onDropdownVisibilityChange,
|
|
70
|
+
getPopupContainer: getPopupContainerOverride,
|
|
71
|
+
overlay: /*#__PURE__*/React.createElement(OperatorsDropdown, {
|
|
77
72
|
value: value,
|
|
78
73
|
setDropdownVisible: setDropdownVisible,
|
|
79
74
|
setSelected: handleChange,
|
|
@@ -81,20 +76,18 @@ var Operators = function Operators(_ref) {
|
|
|
81
76
|
items: items,
|
|
82
77
|
texts: text
|
|
83
78
|
})
|
|
84
|
-
}, React.createElement(Tooltip, {
|
|
79
|
+
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
85
80
|
getPopupContainer: getPopupContainerOverride || getPopupContainer,
|
|
86
|
-
title: (value
|
|
81
|
+
title: (value == null ? void 0 : value.name) || '',
|
|
87
82
|
trigger: ['hover']
|
|
88
|
-
}, React.createElement(Button, {
|
|
83
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
89
84
|
type: "secondary",
|
|
90
85
|
mode: value ? 'two-icons' : 'label-icon',
|
|
91
|
-
onClick:
|
|
92
|
-
|
|
93
|
-
}
|
|
94
|
-
}, value && React.createElement(Icon, {
|
|
86
|
+
onClick: handleClick
|
|
87
|
+
}, value && /*#__PURE__*/React.createElement(Icon, {
|
|
95
88
|
component: value.icon
|
|
96
|
-
}), React.createElement(S.Value, null, value ? value.name : text.buttonLabel), React.createElement(Icon, {
|
|
97
|
-
component: React.createElement(AngleDownS, null)
|
|
89
|
+
}), /*#__PURE__*/React.createElement(S.Value, null, value ? value.name : text.buttonLabel), /*#__PURE__*/React.createElement(Icon, {
|
|
90
|
+
component: /*#__PURE__*/React.createElement(AngleDownS, null)
|
|
98
91
|
})))));
|
|
99
92
|
};
|
|
100
93
|
|
|
@@ -1,27 +1,14 @@
|
|
|
1
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
|
|
3
|
-
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."); }
|
|
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 _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; }
|
|
8
|
-
|
|
9
|
-
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; }
|
|
10
|
-
|
|
11
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
-
|
|
13
1
|
import * as React from 'react';
|
|
2
|
+
import { v4 as uuid } from 'uuid';
|
|
14
3
|
import Dropdown from '@synerise/ds-dropdown';
|
|
15
|
-
import Icon from '@synerise/ds-icon';
|
|
16
|
-
import SearchM from '@synerise/ds-icon/dist/icons/SearchM';
|
|
4
|
+
import Icon, { SearchM } from '@synerise/ds-icon';
|
|
17
5
|
import Tabs from '@synerise/ds-tabs';
|
|
18
6
|
import { focusWithArrowKeys, useOnClickOutside } from '@synerise/ds-utils';
|
|
19
7
|
import Result from '@synerise/ds-result';
|
|
20
8
|
import Scrollbar from '@synerise/ds-scrollbar';
|
|
21
9
|
import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
|
|
22
|
-
import { v4 as uuid } from 'uuid';
|
|
23
|
-
import * as S from '../Operators.style';
|
|
24
10
|
import OperatorsDropdownItem from './OperatorsDropdownItem';
|
|
11
|
+
import * as S from '../Operators.style';
|
|
25
12
|
var NO_GROUP_NAME = 'NO_GROUP_NAME';
|
|
26
13
|
|
|
27
14
|
var OperatorsDropdown = function OperatorsDropdown(_ref) {
|
|
@@ -32,7 +19,7 @@ var OperatorsDropdown = function OperatorsDropdown(_ref) {
|
|
|
32
19
|
setDropdownVisible = _ref.setDropdownVisible,
|
|
33
20
|
value = _ref.value;
|
|
34
21
|
var defaultTab = React.useMemo(function () {
|
|
35
|
-
var defaultIndex = groups
|
|
22
|
+
var defaultIndex = groups == null ? void 0 : groups.findIndex(function (group) {
|
|
36
23
|
return group.defaultGroup;
|
|
37
24
|
});
|
|
38
25
|
return defaultIndex || 0;
|
|
@@ -40,27 +27,23 @@ var OperatorsDropdown = function OperatorsDropdown(_ref) {
|
|
|
40
27
|
var overlayRef = React.useRef(null);
|
|
41
28
|
|
|
42
29
|
var _React$useState = React.useState(''),
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
setSearchQuery = _React$useState2[1];
|
|
30
|
+
searchQuery = _React$useState[0],
|
|
31
|
+
setSearchQuery = _React$useState[1];
|
|
46
32
|
|
|
47
|
-
var _React$
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
setActiveTab = _React$useState4[1];
|
|
33
|
+
var _React$useState2 = React.useState(defaultTab),
|
|
34
|
+
activeTab = _React$useState2[0],
|
|
35
|
+
setActiveTab = _React$useState2[1];
|
|
51
36
|
|
|
52
|
-
var _React$
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
setActiveGroup = _React$useState6[1];
|
|
37
|
+
var _React$useState3 = React.useState(undefined),
|
|
38
|
+
activeGroup = _React$useState3[0],
|
|
39
|
+
setActiveGroup = _React$useState3[1];
|
|
56
40
|
|
|
57
|
-
var _React$
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
setSearchInputFocus = _React$useState8[1];
|
|
41
|
+
var _React$useState4 = React.useState(true),
|
|
42
|
+
searchInputCanBeFocused = _React$useState4[0],
|
|
43
|
+
setSearchInputFocus = _React$useState4[1];
|
|
61
44
|
|
|
62
45
|
var classNames = React.useMemo(function () {
|
|
63
|
-
return "ds-operator-item ds-operator-item-"
|
|
46
|
+
return "ds-operator-item ds-operator-item-" + uuid();
|
|
64
47
|
}, []);
|
|
65
48
|
useOnClickOutside(overlayRef, function () {
|
|
66
49
|
setDropdownVisible(false);
|
|
@@ -80,11 +63,11 @@ var OperatorsDropdown = function OperatorsDropdown(_ref) {
|
|
|
80
63
|
var resultItems = [];
|
|
81
64
|
Object.keys(groupedItems).forEach(function (key) {
|
|
82
65
|
if (key !== NO_GROUP_NAME) {
|
|
83
|
-
resultItems.push(React.createElement(S.Title, null, key));
|
|
66
|
+
resultItems.push( /*#__PURE__*/React.createElement(S.Title, null, key));
|
|
84
67
|
}
|
|
85
68
|
|
|
86
69
|
groupedItems[key].forEach(function (item) {
|
|
87
|
-
resultItems.push(React.createElement(OperatorsDropdownItem, {
|
|
70
|
+
resultItems.push( /*#__PURE__*/React.createElement(OperatorsDropdownItem, {
|
|
88
71
|
className: classNames,
|
|
89
72
|
key: uuid(),
|
|
90
73
|
item: item,
|
|
@@ -93,14 +76,14 @@ var OperatorsDropdown = function OperatorsDropdown(_ref) {
|
|
|
93
76
|
return setDropdownVisible(false);
|
|
94
77
|
},
|
|
95
78
|
select: setSelected,
|
|
96
|
-
selected: Boolean(value) && item.id === (value
|
|
79
|
+
selected: Boolean(value) && item.id === (value == null ? void 0 : value.id)
|
|
97
80
|
}));
|
|
98
81
|
});
|
|
99
82
|
});
|
|
100
83
|
return resultItems;
|
|
101
84
|
}, [searchQuery, setDropdownVisible, setSelected, value, classNames]);
|
|
102
85
|
var currentTabItems = React.useMemo(function () {
|
|
103
|
-
return groups
|
|
86
|
+
return groups == null ? void 0 : groups.find(function (group, index) {
|
|
104
87
|
return activeTab === index;
|
|
105
88
|
});
|
|
106
89
|
}, [groups, activeTab]);
|
|
@@ -108,7 +91,7 @@ var OperatorsDropdown = function OperatorsDropdown(_ref) {
|
|
|
108
91
|
return items.filter(function (item) {
|
|
109
92
|
return item.name.toLowerCase().includes(searchQuery.toLowerCase());
|
|
110
93
|
}).map(function (item) {
|
|
111
|
-
return React.createElement(OperatorsDropdownItem, {
|
|
94
|
+
return /*#__PURE__*/React.createElement(OperatorsDropdownItem, {
|
|
112
95
|
className: classNames,
|
|
113
96
|
key: item.name + item.groupId,
|
|
114
97
|
item: item,
|
|
@@ -120,7 +103,7 @@ var OperatorsDropdown = function OperatorsDropdown(_ref) {
|
|
|
120
103
|
return setDropdownVisible(false);
|
|
121
104
|
},
|
|
122
105
|
select: setSelected,
|
|
123
|
-
selected: Boolean(value) && item.id === (value
|
|
106
|
+
selected: Boolean(value) && item.id === (value == null ? void 0 : value.id)
|
|
124
107
|
});
|
|
125
108
|
});
|
|
126
109
|
}, [items, searchQuery, setDropdownVisible, setSelected, value, classNames]);
|
|
@@ -129,13 +112,13 @@ var OperatorsDropdown = function OperatorsDropdown(_ref) {
|
|
|
129
112
|
return filteredItems;
|
|
130
113
|
}
|
|
131
114
|
|
|
132
|
-
var hasSubgroups = Boolean(currentTabItems
|
|
115
|
+
var hasSubgroups = Boolean(currentTabItems == null ? void 0 : currentTabItems.subGroups);
|
|
133
116
|
|
|
134
117
|
if (hasSubgroups && !activeGroup) {
|
|
135
118
|
var _currentTabItems$subG;
|
|
136
119
|
|
|
137
|
-
return currentTabItems
|
|
138
|
-
return React.createElement(OperatorsDropdownItem, {
|
|
120
|
+
return currentTabItems == null ? void 0 : (_currentTabItems$subG = currentTabItems.subGroups) == null ? void 0 : _currentTabItems$subG.map(function (subGroup) {
|
|
121
|
+
return /*#__PURE__*/React.createElement(OperatorsDropdownItem, {
|
|
139
122
|
className: classNames,
|
|
140
123
|
key: subGroup.name + subGroup.id,
|
|
141
124
|
item: subGroup,
|
|
@@ -145,29 +128,29 @@ var OperatorsDropdown = function OperatorsDropdown(_ref) {
|
|
|
145
128
|
});
|
|
146
129
|
}
|
|
147
130
|
|
|
148
|
-
if (activeGroup
|
|
149
|
-
return groupByGroupName(items
|
|
131
|
+
if (activeGroup != null && activeGroup.id) {
|
|
132
|
+
return groupByGroupName(items == null ? void 0 : items.filter(function (item) {
|
|
150
133
|
return item.groupId === activeGroup.id;
|
|
151
134
|
}));
|
|
152
135
|
}
|
|
153
136
|
|
|
154
|
-
return groupByGroupName(items
|
|
137
|
+
return groupByGroupName(items == null ? void 0 : items.filter(function (item) {
|
|
155
138
|
var _groups$activeTab;
|
|
156
139
|
|
|
157
|
-
return item.groupId === ((_groups$activeTab = groups[activeTab])
|
|
140
|
+
return item.groupId === ((_groups$activeTab = groups[activeTab]) == null ? void 0 : _groups$activeTab.id);
|
|
158
141
|
}));
|
|
159
142
|
}, [currentTabItems, items, groups, searchQuery, activeTab, filteredItems, activeGroup, groupByGroupName, classNames]);
|
|
160
143
|
var handleSearch = React.useCallback(function (val) {
|
|
161
144
|
setSearchQuery(val);
|
|
162
145
|
}, [setSearchQuery]);
|
|
163
146
|
var getTabs = React.useMemo(function () {
|
|
164
|
-
return (groups
|
|
147
|
+
return (groups == null ? void 0 : groups.map(function (group) {
|
|
165
148
|
return {
|
|
166
149
|
icon: group.icon
|
|
167
150
|
};
|
|
168
151
|
})) || [];
|
|
169
152
|
}, [groups]);
|
|
170
|
-
return React.createElement(Dropdown.Wrapper, {
|
|
153
|
+
return /*#__PURE__*/React.createElement(Dropdown.Wrapper, {
|
|
171
154
|
style: {
|
|
172
155
|
width: '300px',
|
|
173
156
|
zIndex: 9999999
|
|
@@ -180,7 +163,7 @@ var OperatorsDropdown = function OperatorsDropdown(_ref) {
|
|
|
180
163
|
setSearchInputFocus(true);
|
|
181
164
|
});
|
|
182
165
|
}
|
|
183
|
-
}, React.createElement(Dropdown.SearchInput, {
|
|
166
|
+
}, /*#__PURE__*/React.createElement(Dropdown.SearchInput, {
|
|
184
167
|
onSearchChange: handleSearch,
|
|
185
168
|
onClearInput: function onClearInput() {
|
|
186
169
|
return handleSearch('');
|
|
@@ -189,11 +172,11 @@ var OperatorsDropdown = function OperatorsDropdown(_ref) {
|
|
|
189
172
|
value: searchQuery,
|
|
190
173
|
autofocus: !searchQuery || searchInputCanBeFocused,
|
|
191
174
|
autofocusDelay: 50,
|
|
192
|
-
iconLeft: React.createElement(Icon, {
|
|
193
|
-
component: React.createElement(SearchM, null),
|
|
175
|
+
iconLeft: /*#__PURE__*/React.createElement(Icon, {
|
|
176
|
+
component: /*#__PURE__*/React.createElement(SearchM, null),
|
|
194
177
|
color: theme.palette['grey-600']
|
|
195
178
|
})
|
|
196
|
-
}), searchQuery === '' && React.createElement(S.TabsWrapper, null, React.createElement(Tabs, {
|
|
179
|
+
}), searchQuery === '' && /*#__PURE__*/React.createElement(S.TabsWrapper, null, /*#__PURE__*/React.createElement(Tabs, {
|
|
197
180
|
block: true,
|
|
198
181
|
tabs: getTabs,
|
|
199
182
|
activeTab: activeTab,
|
|
@@ -201,7 +184,7 @@ var OperatorsDropdown = function OperatorsDropdown(_ref) {
|
|
|
201
184
|
setActiveTab(index);
|
|
202
185
|
setActiveGroup(undefined);
|
|
203
186
|
}
|
|
204
|
-
})), React.createElement(S.ItemsList, null, React.createElement(Scrollbar, {
|
|
187
|
+
})), /*#__PURE__*/React.createElement(S.ItemsList, null, /*#__PURE__*/React.createElement(Scrollbar, {
|
|
205
188
|
absolute: true,
|
|
206
189
|
maxHeight: 300,
|
|
207
190
|
style: {
|
|
@@ -209,7 +192,7 @@ var OperatorsDropdown = function OperatorsDropdown(_ref) {
|
|
|
209
192
|
}
|
|
210
193
|
}, // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
211
194
|
// @ts-ignore
|
|
212
|
-
currentItems.length ? currentItems : React.createElement(Result, {
|
|
195
|
+
currentItems.length ? currentItems : /*#__PURE__*/React.createElement(Result, {
|
|
213
196
|
noSearchResults: true,
|
|
214
197
|
type: "no-results",
|
|
215
198
|
description: texts.noResults
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import Icon from '@synerise/ds-icon';
|
|
2
|
+
import Icon, { CheckS } from '@synerise/ds-icon';
|
|
3
3
|
import Menu from '@synerise/ds-menu';
|
|
4
4
|
import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
|
|
5
|
-
import { CheckS } from '@synerise/ds-icon/dist/icons';
|
|
6
5
|
|
|
7
6
|
var OperatorsDropdownItem = function OperatorsDropdownItem(_ref) {
|
|
8
7
|
var item = _ref.item,
|
|
@@ -12,15 +11,15 @@ var OperatorsDropdownItem = function OperatorsDropdownItem(_ref) {
|
|
|
12
11
|
select = _ref.select,
|
|
13
12
|
selected = _ref.selected,
|
|
14
13
|
className = _ref.className;
|
|
15
|
-
return React.createElement(Menu.Item, {
|
|
14
|
+
return /*#__PURE__*/React.createElement(Menu.Item, {
|
|
16
15
|
className: className,
|
|
17
16
|
key: item.name + item.id,
|
|
18
|
-
prefixel: searchQuery && React.createElement(Icon, {
|
|
17
|
+
prefixel: searchQuery && /*#__PURE__*/React.createElement(Icon, {
|
|
19
18
|
component: item.icon
|
|
20
19
|
}),
|
|
21
20
|
highlight: searchQuery,
|
|
22
|
-
suffixel: selected && React.createElement(Icon, {
|
|
23
|
-
component: React.createElement(CheckS, null),
|
|
21
|
+
suffixel: selected && /*#__PURE__*/React.createElement(Icon, {
|
|
22
|
+
component: /*#__PURE__*/React.createElement(CheckS, null),
|
|
24
23
|
color: theme.palette['green-600']
|
|
25
24
|
}),
|
|
26
25
|
onClick: function onClick() {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-operators",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.3",
|
|
4
4
|
"description": "Operators UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -32,18 +32,18 @@
|
|
|
32
32
|
],
|
|
33
33
|
"types": "dist/index.d.ts",
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@synerise/ds-button": "^0.
|
|
36
|
-
"@synerise/ds-dropdown": "^0.
|
|
37
|
-
"@synerise/ds-icon": "^0.
|
|
38
|
-
"@synerise/ds-menu": "^0.
|
|
39
|
-
"@synerise/ds-result": "^0.
|
|
40
|
-
"@synerise/ds-scrollbar": "^0.
|
|
41
|
-
"@synerise/ds-tabs": "^0.
|
|
35
|
+
"@synerise/ds-button": "^0.16.2",
|
|
36
|
+
"@synerise/ds-dropdown": "^0.17.3",
|
|
37
|
+
"@synerise/ds-icon": "^0.46.2",
|
|
38
|
+
"@synerise/ds-menu": "^0.11.2",
|
|
39
|
+
"@synerise/ds-result": "^0.6.2",
|
|
40
|
+
"@synerise/ds-scrollbar": "^0.4.2",
|
|
41
|
+
"@synerise/ds-tabs": "^0.12.3",
|
|
42
42
|
"@synerise/ds-utils": "^0.19.0"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"@synerise/ds-core": "*",
|
|
46
46
|
"react": ">=16.9.0 < 17.0.0"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "2468359677783819939fb9f1ef5acc36667ecd1a"
|
|
49
49
|
}
|