armtek-uikit-react 1.0.149 → 1.0.151
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/index.js +2 -1
- package/lib/const/styles.js +4 -1
- package/lib/helpers/genericForwardRef.js +6 -3
- package/lib/helpers/getColorClasses.js +9 -6
- package/lib/helpers/getSizeClasses.js +8 -5
- package/lib/helpers/getVariantClasses.js +8 -5
- package/lib/helpers/helpers.js +18 -10
- package/lib/helpers/index.js +13 -1
- package/lib/hooks/useClickOutside.js +7 -4
- package/lib/hooks/useEnhancedEffect.js +7 -3
- package/lib/hooks/useEventCallback.js +10 -4
- package/lib/hooks/useLazyRef.js +7 -4
- package/lib/hooks/useTimeout.js +11 -6
- package/lib/services/DateService.js +6 -2
- package/package.json +1 -1
- package/types/theme.js +1 -1
- package/ui/Accordion/Accordion.classes.js +18 -14
- package/ui/Accordion/Accordion.js +37 -35
- package/ui/Accordion/index.js +23 -2
- package/ui/Adornment/Adornment.js +15 -11
- package/ui/Adornment/index.js +17 -2
- package/ui/Alert/Alert.js +19 -16
- package/ui/Alert/index.js +23 -2
- package/ui/Avatar/Avatar.js +21 -18
- package/ui/Avatar/index.js +23 -2
- package/ui/AvatarGroup/AvatarGroup.js +17 -14
- package/ui/AvatarGroup/index.js +23 -2
- package/ui/BackDrop/BackDrop.js +12 -9
- package/ui/BackDrop/BackDropBase.js +14 -11
- package/ui/BackDrop/index.js +23 -2
- package/ui/Badge/Badge.js +15 -12
- package/ui/Badge/index.js +23 -2
- package/ui/Button/Button.js +18 -15
- package/ui/Button/index.js +23 -2
- package/ui/ButtonGroup/ButtonGroup.js +14 -10
- package/ui/ButtonGroup/index.js +23 -2
- package/ui/ButtonIcon/ButtonIcon.js +15 -11
- package/ui/ButtonIcon/index.js +23 -2
- package/ui/Card/Card.js +11 -7
- package/ui/Card/index.js +23 -2
- package/ui/Chip/Chip.js +18 -15
- package/ui/Chip/index.js +23 -2
- package/ui/Dropdown/Dropdown.js +19 -16
- package/ui/Dropdown/index.js +23 -2
- package/ui/Form/Checkbox/Checkbox.js +21 -19
- package/ui/Form/Checkbox/index.js +23 -2
- package/ui/Form/DateField/DateField.js +27 -25
- package/ui/Form/DateField/index.js +23 -2
- package/ui/Form/DatePicker/DatePicker.js +20 -13
- package/ui/Form/DatePicker/index.js +23 -2
- package/ui/Form/FormControls/FormControls.js +18 -15
- package/ui/Form/FormControls/index.js +23 -2
- package/ui/Form/Interval/Interval.js +22 -20
- package/ui/Form/Interval/IntervalSlide.js +15 -13
- package/ui/Form/Interval/index.js +33 -3
- package/ui/Form/Password/Password.js +16 -14
- package/ui/Form/Password/index.js +23 -2
- package/ui/Form/Period/Period.js +23 -21
- package/ui/Form/Period/index.js +23 -2
- package/ui/Form/PeriodSelect/PeriodSelect.js +12 -9
- package/ui/Form/PeriodSelect/index.js +23 -2
- package/ui/Form/Radio/Radio.js +12 -8
- package/ui/Form/Radio/index.js +23 -2
- package/ui/Form/Rating/Rating.js +15 -13
- package/ui/Form/Rating/index.js +23 -2
- package/ui/Form/Select/Select.js +49 -49
- package/ui/Form/Select/SelectOptionList.js +12 -8
- package/ui/Form/Select/SelectOptionsContainer.js +10 -6
- package/ui/Form/Select/SelectSummary.js +36 -32
- package/ui/Form/Select/index.js +35 -3
- package/ui/Form/Switch/Switch.js +13 -10
- package/ui/Form/Switch/index.js +23 -2
- package/ui/Form/TextArea/TextArea.js +18 -15
- package/ui/Form/TextArea/index.js +23 -2
- package/ui/Form/TextField/TextField.js +38 -34
- package/ui/Form/TextField/index.js +23 -2
- package/ui/Form/TimeField/TimeField.js +12 -8
- package/ui/Form/TimeField/index.js +23 -2
- package/ui/Form/TimePicker/TimePicker.js +11 -8
- package/ui/Form/TimePicker/index.js +23 -2
- package/ui/HelperText/HelperText.js +11 -7
- package/ui/HelperText/index.js +23 -2
- package/ui/Icon/Icon.js +13 -9
- package/ui/Icon/Mi.js +14 -10
- package/ui/Icon/Mis.js +10 -7
- package/ui/Icon/index.js +40 -4
- package/ui/Link/Link.js +11 -7
- package/ui/Link/index.js +23 -2
- package/ui/List/ListItem.js +25 -20
- package/ui/List/index.js +23 -2
- package/ui/Loader/Loader.js +11 -7
- package/ui/Loader/index.js +23 -2
- package/ui/Logo/Logo.js +28 -25
- package/ui/Logo/index.js +23 -2
- package/ui/Modal/BaseModal.js +27 -24
- package/ui/Modal/Modal.js +12 -8
- package/ui/Modal/index.js +23 -2
- package/ui/Pagination/Pagination.js +38 -36
- package/ui/Pagination/index.js +23 -2
- package/ui/Paper/Paper.js +11 -7
- package/ui/Paper/index.js +23 -2
- package/ui/Popover/Popover.js +15 -11
- package/ui/Popover/index.js +23 -2
- package/ui/Popper/Popper.js +11 -8
- package/ui/Popper/PopperBase.js +13 -11
- package/ui/Popper/index.js +23 -2
- package/ui/Skeleton/Skeleton.js +10 -5
- package/ui/Skeleton/index.js +23 -2
- package/ui/Slider/RcSlider.js +1 -0
- package/ui/Slider/Slider.js +18 -15
- package/ui/Slider/index.js +23 -2
- package/ui/Stack/Stack.js +16 -12
- package/ui/Stack/index.js +23 -2
- package/ui/Status/Status.js +14 -11
- package/ui/Status/index.js +23 -2
- package/ui/Stepper/StepItem.js +21 -18
- package/ui/Stepper/StepItemIcon.js +15 -11
- package/ui/Stepper/Stepper.js +16 -13
- package/ui/Stepper/index.js +23 -2
- package/ui/Table/Table.js +18 -17
- package/ui/Table/TableBase.js +10 -6
- package/ui/Table/TableCell.js +14 -10
- package/ui/Table/TableRow.js +12 -8
- package/ui/Table/index.js +23 -3
- package/ui/Tooltip/Tooltip.js +22 -20
- package/ui/Tooltip/index.js +23 -2
package/ui/Form/Rating/Rating.js
CHANGED
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
"use strict";
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
exports.default = void 0;
|
|
6
|
+
var _react = require("react");
|
|
7
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
9
|
const Rating = props => {
|
|
9
10
|
let {
|
|
10
11
|
size = 'large',
|
|
11
12
|
onChange,
|
|
12
13
|
...restProps
|
|
13
14
|
} = props;
|
|
14
|
-
let [value, setValue] = useState(props.defaultValue || 0);
|
|
15
|
-
let [hovered, setHovered] = useState(0);
|
|
15
|
+
let [value, setValue] = (0, _react.useState)(props.defaultValue || 0);
|
|
16
|
+
let [hovered, setHovered] = (0, _react.useState)(0);
|
|
16
17
|
let realValue = props.value !== undefined ? props.value : value;
|
|
17
18
|
const handleClick = index => () => {
|
|
18
19
|
setValue(index);
|
|
@@ -24,19 +25,19 @@ const Rating = props => {
|
|
|
24
25
|
const handleLeaveRating = () => {
|
|
25
26
|
setHovered(realValue);
|
|
26
27
|
};
|
|
27
|
-
return /*#__PURE__*/
|
|
28
|
-
children: /*#__PURE__*/
|
|
28
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
29
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
29
30
|
className: 'arm-rating',
|
|
30
31
|
onMouseLeave: handleLeaveRating,
|
|
31
|
-
children: [/*#__PURE__*/
|
|
32
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
32
33
|
value: value,
|
|
33
34
|
...restProps,
|
|
34
35
|
type: "hidden"
|
|
35
36
|
}), [...Array(5)].map((_, index) => {
|
|
36
|
-
return /*#__PURE__*/
|
|
37
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
37
38
|
onClick: handleClick(index + 1),
|
|
38
39
|
onMouseEnter: handleMouseEnter(index + 1),
|
|
39
|
-
className:
|
|
40
|
+
className: (0, _clsx.default)('material_icon', {
|
|
40
41
|
['material_icon_solid']: index + 1 <= hovered || index + 1 <= realValue,
|
|
41
42
|
'arm-rating__item_disabled': !!restProps.disabled
|
|
42
43
|
}, 'arm-rating__item', ['arm-rating__item_' + size]),
|
|
@@ -46,4 +47,5 @@ const Rating = props => {
|
|
|
46
47
|
})
|
|
47
48
|
});
|
|
48
49
|
};
|
|
49
|
-
|
|
50
|
+
var _default = exports.default = Rating;
|
|
51
|
+
module.exports = exports.default;
|
package/ui/Form/Rating/index.js
CHANGED
|
@@ -1,2 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _exportNames = {};
|
|
4
|
+
Object.defineProperty(exports, "default", {
|
|
5
|
+
enumerable: true,
|
|
6
|
+
get: function () {
|
|
7
|
+
return _Rating.default;
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
var _Rating = _interopRequireWildcard(require("./Rating"));
|
|
11
|
+
Object.keys(_Rating).forEach(function (key) {
|
|
12
|
+
if (key === "default" || key === "__esModule") return;
|
|
13
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
14
|
+
if (key in exports && exports[key] === _Rating[key]) return;
|
|
15
|
+
Object.defineProperty(exports, key, {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () {
|
|
18
|
+
return _Rating[key];
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
});
|
|
22
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
23
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
package/ui/Form/Select/Select.js
CHANGED
|
@@ -1,23 +1,24 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
"use strict";
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
exports.getOptionValue = exports.default = exports.SelectOptions = void 0;
|
|
6
|
+
var _TextField = _interopRequireDefault(require("../TextField/TextField"));
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
9
|
+
var _useClickOutside = _interopRequireDefault(require("../../../lib/hooks/useClickOutside"));
|
|
10
|
+
var _ButtonIcon = _interopRequireDefault(require("../../ButtonIcon"));
|
|
11
|
+
var _Adornment = _interopRequireDefault(require("../../Adornment"));
|
|
12
|
+
var _SelectSummary = require("./SelectSummary");
|
|
13
|
+
var _Popover = _interopRequireDefault(require("../../Popover/Popover"));
|
|
14
|
+
var _helpers = require("../../../lib/helpers");
|
|
15
|
+
var _SelectOptionsContainer = require("./SelectOptionsContainer");
|
|
16
|
+
var _SelectOptionList = require("./SelectOptionList");
|
|
17
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
|
+
const getOptionValue = option => option.value || option.text;
|
|
18
19
|
|
|
19
20
|
// let selectEl!: HTMLSelectElement
|
|
20
|
-
|
|
21
|
+
exports.getOptionValue = getOptionValue;
|
|
21
22
|
function Select(props, ref) {
|
|
22
23
|
var _options$find;
|
|
23
24
|
let {
|
|
@@ -44,12 +45,12 @@ function Select(props, ref) {
|
|
|
44
45
|
query,
|
|
45
46
|
...inputProps
|
|
46
47
|
} = props;
|
|
47
|
-
let [active, setActive] = useState(!!defaultOpen);
|
|
48
|
-
let [selected, setSelected] = useState(defaultValue || (multiple ? [] : ''));
|
|
49
|
-
let [focused, setFocused] = useState(false);
|
|
50
|
-
let [q, setQ] = useState('');
|
|
51
|
-
const anchorEl = useRef(null);
|
|
52
|
-
const inlineOptRef =
|
|
48
|
+
let [active, setActive] = (0, _react.useState)(!!defaultOpen);
|
|
49
|
+
let [selected, setSelected] = (0, _react.useState)(defaultValue || (multiple ? [] : ''));
|
|
50
|
+
let [focused, setFocused] = (0, _react.useState)(false);
|
|
51
|
+
let [q, setQ] = (0, _react.useState)('');
|
|
52
|
+
const anchorEl = (0, _react.useRef)(null);
|
|
53
|
+
const inlineOptRef = (0, _useClickOutside.default)(handleClose);
|
|
53
54
|
const handleOpen = () => {
|
|
54
55
|
if (!inputProps.disabled) {
|
|
55
56
|
setActive(true);
|
|
@@ -134,16 +135,16 @@ function Select(props, ref) {
|
|
|
134
135
|
if (onClose) onClose();else setActive(false);
|
|
135
136
|
}
|
|
136
137
|
let displayClear = clear && (multiple ? realValue && realValue.length > 0 : !!realValue);
|
|
137
|
-
let selectEndAdornment = /*#__PURE__*/
|
|
138
|
-
children: [/*#__PURE__*/
|
|
138
|
+
let selectEndAdornment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
139
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.default, {
|
|
139
140
|
children: endAdornment
|
|
140
|
-
}), displayClear && /*#__PURE__*/
|
|
141
|
-
children: /*#__PURE__*/
|
|
141
|
+
}), displayClear && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.default, {
|
|
142
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
|
|
142
143
|
size: 'small',
|
|
143
144
|
onClick: handleResetAll,
|
|
144
145
|
mi: 'close'
|
|
145
146
|
})
|
|
146
|
-
}), /*#__PURE__*/
|
|
147
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
|
|
147
148
|
size: 'small',
|
|
148
149
|
color: 'neutral',
|
|
149
150
|
onClick: handleOpen,
|
|
@@ -151,28 +152,28 @@ function Select(props, ref) {
|
|
|
151
152
|
mi: 'arrow_drop_down'
|
|
152
153
|
})]
|
|
153
154
|
});
|
|
154
|
-
const cachedWrapperProps = useMemo(() => ({
|
|
155
|
+
const cachedWrapperProps = (0, _react.useMemo)(() => ({
|
|
155
156
|
onClick: handleOpen
|
|
156
157
|
}), []);
|
|
157
|
-
const cachedClasses = useMemo(() => {
|
|
158
|
+
const cachedClasses = (0, _react.useMemo)(() => {
|
|
158
159
|
var _inputProps$classes;
|
|
159
160
|
return {
|
|
160
161
|
...inputProps.classes,
|
|
161
|
-
wrapper:
|
|
162
|
+
wrapper: (0, _clsx.default)((_inputProps$classes = inputProps.classes) == null ? void 0 : _inputProps$classes.wrapper, 'arm-select__wrapper')
|
|
162
163
|
};
|
|
163
164
|
}, []);
|
|
164
|
-
const cachedStyles = useMemo(() => ({
|
|
165
|
+
const cachedStyles = (0, _react.useMemo)(() => ({
|
|
165
166
|
pointerEvents: 'none'
|
|
166
167
|
}), []);
|
|
167
|
-
return /*#__PURE__*/
|
|
168
|
-
children: /*#__PURE__*/
|
|
168
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
169
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
169
170
|
className: className,
|
|
170
|
-
children: [/*#__PURE__*/
|
|
171
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
171
172
|
className: 'arm-select',
|
|
172
|
-
children: [/*#__PURE__*/
|
|
173
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
173
174
|
className: 'arm-select__input_wrapper',
|
|
174
175
|
ref: anchorEl,
|
|
175
|
-
children: /*#__PURE__*/
|
|
176
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
|
|
176
177
|
...inputProps,
|
|
177
178
|
classes: cachedClasses,
|
|
178
179
|
onChange: handleSearch,
|
|
@@ -186,12 +187,12 @@ function Select(props, ref) {
|
|
|
186
187
|
style: cachedStyles,
|
|
187
188
|
WrapperProps: cachedWrapperProps
|
|
188
189
|
})
|
|
189
|
-
}), multiple && !realActive && /*#__PURE__*/
|
|
190
|
+
}), multiple && !realActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectSummary.SelectSummaryChips, {
|
|
190
191
|
options: selectedOptions,
|
|
191
192
|
disabled: inputProps.disabled,
|
|
192
193
|
onDelete: handleSelect
|
|
193
194
|
})]
|
|
194
|
-
}), realActive && (!inline && anchorEl.current ? /*#__PURE__*/
|
|
195
|
+
}), realActive && (!inline && anchorEl.current ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
|
|
195
196
|
classes: {
|
|
196
197
|
paper: 'px-0'
|
|
197
198
|
},
|
|
@@ -200,7 +201,7 @@ function Select(props, ref) {
|
|
|
200
201
|
open: realActive,
|
|
201
202
|
onClose: handleClose,
|
|
202
203
|
placement: 'bottom-start',
|
|
203
|
-
children: /*#__PURE__*/
|
|
204
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectOptions, {
|
|
204
205
|
disabled: inputProps.disabled,
|
|
205
206
|
options: options,
|
|
206
207
|
multiple: multiple,
|
|
@@ -214,9 +215,9 @@ function Select(props, ref) {
|
|
|
214
215
|
onSelectAll: handleSelectAll,
|
|
215
216
|
onSubmit: handleSubmit
|
|
216
217
|
})
|
|
217
|
-
}) : /*#__PURE__*/
|
|
218
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
218
219
|
ref: inlineOptRef,
|
|
219
|
-
children: /*#__PURE__*/
|
|
220
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectOptions, {
|
|
220
221
|
disabled: inputProps.disabled,
|
|
221
222
|
options: options,
|
|
222
223
|
multiple: multiple,
|
|
@@ -234,7 +235,7 @@ function Select(props, ref) {
|
|
|
234
235
|
})
|
|
235
236
|
});
|
|
236
237
|
}
|
|
237
|
-
|
|
238
|
+
const SelectOptions = exports.SelectOptions = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
238
239
|
let {
|
|
239
240
|
options,
|
|
240
241
|
value,
|
|
@@ -249,20 +250,20 @@ export const SelectOptions = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
249
250
|
...callbacks
|
|
250
251
|
} = props;
|
|
251
252
|
if (multiple && optionControls === undefined) optionControls = true;
|
|
252
|
-
return /*#__PURE__*/
|
|
253
|
-
children: /*#__PURE__*/
|
|
253
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
254
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SelectOptionsContainer.SelectOptionsContainer, {
|
|
254
255
|
ref: ref,
|
|
255
256
|
inline: !!inline,
|
|
256
|
-
children: [beforeList, /*#__PURE__*/
|
|
257
|
+
children: [beforeList, /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOptionList.SelectOptionList, {
|
|
257
258
|
options: options,
|
|
258
259
|
multiple: multiple,
|
|
259
260
|
value: value,
|
|
260
261
|
listStyle: listStyle,
|
|
261
262
|
disabled: disabled,
|
|
262
263
|
onChange: onClick
|
|
263
|
-
}), afterList, !!optionControls && !!multiple && /*#__PURE__*/
|
|
264
|
+
}), afterList, !!optionControls && !!multiple && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
264
265
|
className: 'arm-selectSummary__wrapper',
|
|
265
|
-
children: /*#__PURE__*/
|
|
266
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectSummary.SelectSummary, {
|
|
266
267
|
options: options,
|
|
267
268
|
value: value,
|
|
268
269
|
onClose: onClick,
|
|
@@ -287,5 +288,4 @@ export const SelectOptions = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
287
288
|
// text: '123123123'
|
|
288
289
|
// },]} />
|
|
289
290
|
// }
|
|
290
|
-
|
|
291
|
-
export default fixedForwardRef(Select);
|
|
291
|
+
var _default = exports.default = (0, _helpers.fixedForwardRef)(Select);
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.SelectOptionList = void 0;
|
|
5
|
+
var _List = _interopRequireDefault(require("../../List"));
|
|
6
|
+
var _Select = require("./Select");
|
|
7
|
+
var _helpers = require("../../../lib/helpers");
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
5
9
|
function SelectOptionListBase(props, ref) {
|
|
6
10
|
const {
|
|
7
11
|
options,
|
|
@@ -11,14 +15,14 @@ function SelectOptionListBase(props, ref) {
|
|
|
11
15
|
disabled,
|
|
12
16
|
onChange
|
|
13
17
|
} = props;
|
|
14
|
-
return /*#__PURE__*/
|
|
18
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
15
19
|
ref: ref,
|
|
16
20
|
className: "arm-options__list",
|
|
17
21
|
children: options.map((item, index) => {
|
|
18
|
-
let optValue = getOptionValue(item);
|
|
22
|
+
let optValue = (0, _Select.getOptionValue)(item);
|
|
19
23
|
let active = multiple === true && value ? value.includes(optValue) : optValue === value;
|
|
20
24
|
let checked = listStyle === 'checkbox' && !!multiple ? active : undefined;
|
|
21
|
-
return /*#__PURE__*/
|
|
25
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, {
|
|
22
26
|
disabled: disabled || !!item.disabled,
|
|
23
27
|
checked: checked,
|
|
24
28
|
active: active,
|
|
@@ -28,4 +32,4 @@ function SelectOptionListBase(props, ref) {
|
|
|
28
32
|
})
|
|
29
33
|
});
|
|
30
34
|
}
|
|
31
|
-
|
|
35
|
+
const SelectOptionList = exports.SelectOptionList = (0, _helpers.fixedForwardRef)(SelectOptionListBase);
|
|
@@ -1,13 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.SelectOptionsContainer = void 0;
|
|
5
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
6
|
+
var _react = require("react");
|
|
7
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
|
+
const SelectOptionsContainer = exports.SelectOptionsContainer = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
5
9
|
inline,
|
|
6
10
|
children
|
|
7
11
|
}, ref) => {
|
|
8
|
-
return /*#__PURE__*/
|
|
12
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
9
13
|
ref: ref,
|
|
10
|
-
className:
|
|
14
|
+
className: (0, _clsx.default)('arm-options', {
|
|
11
15
|
'arm-options_inline': !!inline
|
|
12
16
|
}),
|
|
13
17
|
children: children
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.SelectSummaryChips = exports.SelectSummary = void 0;
|
|
5
|
+
var _Badge = _interopRequireDefault(require("../../Badge"));
|
|
6
|
+
var _Button = _interopRequireDefault(require("../../Button"));
|
|
7
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
+
var _Chip = _interopRequireDefault(require("../../Chip"));
|
|
9
|
+
var _Select = require("./Select");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
const SelectSummary = props => {
|
|
10
12
|
let {
|
|
11
13
|
label_check_all = 'Выбрать все',
|
|
12
14
|
label_uncheck_all = 'Очистить все',
|
|
@@ -20,59 +22,59 @@ export const SelectSummary = props => {
|
|
|
20
22
|
disabled
|
|
21
23
|
} = props;
|
|
22
24
|
let valueArr = value ? Array.isArray(value) ? value : [value] : [];
|
|
23
|
-
let selectedOptions = options.filter(item => valueArr.includes(getOptionValue(item)));
|
|
25
|
+
let selectedOptions = options.filter(item => valueArr.includes((0, _Select.getOptionValue)(item)));
|
|
24
26
|
let selectAllDisabled = disabled || selectedOptions.length === options.length;
|
|
25
27
|
let resetAllDisabled = disabled || selectedOptions.length === 0;
|
|
26
|
-
return /*#__PURE__*/
|
|
27
|
-
children: /*#__PURE__*/
|
|
28
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
29
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
28
30
|
className: 'arm-selectSummary',
|
|
29
|
-
children: [selectedOptions.length > 0 && /*#__PURE__*/
|
|
31
|
+
children: [selectedOptions.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
30
32
|
className: 'arm-selectSummary__options',
|
|
31
|
-
children: /*#__PURE__*/
|
|
33
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectSummaryChips, {
|
|
32
34
|
options: selectedOptions,
|
|
33
35
|
onDelete: onClose,
|
|
34
36
|
disabled: disabled
|
|
35
37
|
})
|
|
36
|
-
}), /*#__PURE__*/
|
|
38
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
37
39
|
className: 'arm-selectSummary__row',
|
|
38
|
-
children: [!!onSelectAll && /*#__PURE__*/
|
|
39
|
-
className:
|
|
40
|
+
children: [!!onSelectAll && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
41
|
+
className: (0, _clsx.default)('arm-selectSummary__check', {
|
|
40
42
|
'arm-selectSummary__check_disabled': selectAllDisabled
|
|
41
43
|
}),
|
|
42
|
-
children: /*#__PURE__*/
|
|
44
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
|
|
43
45
|
badgeText: options.length,
|
|
44
46
|
shape: 'square',
|
|
45
47
|
color: 'info',
|
|
46
48
|
position: 'center-right',
|
|
47
|
-
children: /*#__PURE__*/
|
|
49
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
48
50
|
className: 'arm-selectSummary__checkLabel',
|
|
49
51
|
onClick: onSelectAll,
|
|
50
52
|
children: label_check_all
|
|
51
53
|
})
|
|
52
54
|
})
|
|
53
|
-
}), !!onClear && /*#__PURE__*/
|
|
54
|
-
className:
|
|
55
|
+
}), !!onClear && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
56
|
+
className: (0, _clsx.default)('arm-selectSummary__check', {
|
|
55
57
|
'arm-selectSummary__check_disabled': resetAllDisabled
|
|
56
58
|
}),
|
|
57
|
-
children: /*#__PURE__*/
|
|
59
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
|
|
58
60
|
badgeText: selectedOptions.length,
|
|
59
61
|
shape: 'square',
|
|
60
62
|
color: 'info',
|
|
61
63
|
position: 'center-right',
|
|
62
|
-
children: /*#__PURE__*/
|
|
64
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
63
65
|
className: 'arm-selectSummary__checkLabel',
|
|
64
66
|
onClick: onClear,
|
|
65
67
|
children: label_uncheck_all
|
|
66
68
|
})
|
|
67
69
|
})
|
|
68
|
-
}), !!onSubmit && /*#__PURE__*/
|
|
69
|
-
children: /*#__PURE__*/
|
|
70
|
+
}), !!onSubmit && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
71
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
70
72
|
className: 'arm-selectSummary__button',
|
|
71
73
|
disabled: disabled,
|
|
72
74
|
variant: 'transparent',
|
|
73
75
|
size: 'small',
|
|
74
76
|
onClick: onSubmit,
|
|
75
|
-
children: /*#__PURE__*/
|
|
77
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
76
78
|
children: label_submit
|
|
77
79
|
})
|
|
78
80
|
})
|
|
@@ -81,23 +83,25 @@ export const SelectSummary = props => {
|
|
|
81
83
|
})
|
|
82
84
|
});
|
|
83
85
|
};
|
|
84
|
-
|
|
86
|
+
exports.SelectSummary = SelectSummary;
|
|
87
|
+
const SelectSummaryChips = props => {
|
|
85
88
|
let {
|
|
86
89
|
options,
|
|
87
90
|
onDelete,
|
|
88
91
|
disabled
|
|
89
92
|
} = props;
|
|
90
|
-
return /*#__PURE__*/
|
|
91
|
-
children: /*#__PURE__*/
|
|
93
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
94
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
92
95
|
className: 'arm-selectSummary__optionList',
|
|
93
96
|
children: options.map(option => {
|
|
94
|
-
return /*#__PURE__*/
|
|
97
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
|
|
95
98
|
disabled: disabled,
|
|
96
99
|
className: 'arm-selectSummary__option',
|
|
97
100
|
text: option.text,
|
|
98
101
|
onClose: e => onDelete(e, option)
|
|
99
|
-
}, getOptionValue(option));
|
|
102
|
+
}, (0, _Select.getOptionValue)(option));
|
|
100
103
|
})
|
|
101
104
|
})
|
|
102
105
|
});
|
|
103
|
-
};
|
|
106
|
+
};
|
|
107
|
+
exports.SelectSummaryChips = SelectSummaryChips;
|
package/ui/Form/Select/index.js
CHANGED
|
@@ -1,3 +1,35 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _exportNames = {};
|
|
4
|
+
Object.defineProperty(exports, "default", {
|
|
5
|
+
enumerable: true,
|
|
6
|
+
get: function () {
|
|
7
|
+
return _Select.default;
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
var _Select = _interopRequireWildcard(require("./Select"));
|
|
11
|
+
Object.keys(_Select).forEach(function (key) {
|
|
12
|
+
if (key === "default" || key === "__esModule") return;
|
|
13
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
14
|
+
if (key in exports && exports[key] === _Select[key]) return;
|
|
15
|
+
Object.defineProperty(exports, key, {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () {
|
|
18
|
+
return _Select[key];
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
});
|
|
22
|
+
var _SelectSummary = require("./SelectSummary");
|
|
23
|
+
Object.keys(_SelectSummary).forEach(function (key) {
|
|
24
|
+
if (key === "default" || key === "__esModule") return;
|
|
25
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
26
|
+
if (key in exports && exports[key] === _SelectSummary[key]) return;
|
|
27
|
+
Object.defineProperty(exports, key, {
|
|
28
|
+
enumerable: true,
|
|
29
|
+
get: function () {
|
|
30
|
+
return _SelectSummary[key];
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
});
|
|
34
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
35
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
package/ui/Form/Switch/Switch.js
CHANGED
|
@@ -1,23 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
6
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
5
7
|
const Switch = props => {
|
|
6
8
|
let {
|
|
7
9
|
size,
|
|
8
10
|
...restProps
|
|
9
11
|
} = props;
|
|
10
|
-
return /*#__PURE__*/
|
|
11
|
-
children: /*#__PURE__*/
|
|
12
|
-
className:
|
|
13
|
-
children: [/*#__PURE__*/
|
|
12
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
13
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
|
|
14
|
+
className: (0, _clsx.default)('arm-switch', ['arm-switch_' + props.size]),
|
|
15
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
14
16
|
className: 'arm-switch__input',
|
|
15
17
|
...restProps,
|
|
16
18
|
type: "checkbox"
|
|
17
|
-
}), /*#__PURE__*/
|
|
19
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
18
20
|
className: 'arm-switch__slider'
|
|
19
21
|
})]
|
|
20
22
|
})
|
|
21
23
|
});
|
|
22
24
|
};
|
|
23
|
-
|
|
25
|
+
var _default = exports.default = Switch;
|
|
26
|
+
module.exports = exports.default;
|
package/ui/Form/Switch/index.js
CHANGED
|
@@ -1,2 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _exportNames = {};
|
|
4
|
+
Object.defineProperty(exports, "default", {
|
|
5
|
+
enumerable: true,
|
|
6
|
+
get: function () {
|
|
7
|
+
return _Switch.default;
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
var _Switch = _interopRequireWildcard(require("./Switch"));
|
|
11
|
+
Object.keys(_Switch).forEach(function (key) {
|
|
12
|
+
if (key === "default" || key === "__esModule") return;
|
|
13
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
14
|
+
if (key in exports && exports[key] === _Switch[key]) return;
|
|
15
|
+
Object.defineProperty(exports, key, {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () {
|
|
18
|
+
return _Switch[key];
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
});
|
|
22
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
23
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|