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