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
|
@@ -1,12 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
"use client";
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _TextField = require("../TextField/TextField");
|
|
9
|
+
var _HelperText = _interopRequireDefault(require("../../HelperText/HelperText"));
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
const Interval = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
10
12
|
let {
|
|
11
13
|
value,
|
|
12
14
|
defaultValue,
|
|
@@ -20,9 +22,9 @@ const Interval = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
20
22
|
max = 0,
|
|
21
23
|
...inputProps
|
|
22
24
|
} = props;
|
|
23
|
-
let [focused, setFocused] = useState(false);
|
|
24
|
-
let [currentMin, setCurrentMin] = useState(min);
|
|
25
|
-
let [currentMax, setCurrentMax] = useState(max);
|
|
25
|
+
let [focused, setFocused] = (0, _react.useState)(false);
|
|
26
|
+
let [currentMin, setCurrentMin] = (0, _react.useState)(min);
|
|
27
|
+
let [currentMax, setCurrentMax] = (0, _react.useState)(max);
|
|
26
28
|
const handleFocus = () => {
|
|
27
29
|
setFocused(true);
|
|
28
30
|
};
|
|
@@ -47,19 +49,19 @@ const Interval = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
47
49
|
realMin = value[0];
|
|
48
50
|
realMax = value[1];
|
|
49
51
|
}
|
|
50
|
-
return /*#__PURE__*/
|
|
51
|
-
children: /*#__PURE__*/
|
|
52
|
-
children: [/*#__PURE__*/
|
|
52
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
53
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
54
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.TextFieldContainer, {
|
|
53
55
|
focused: focused,
|
|
54
56
|
error: error,
|
|
55
57
|
disabled: disabled,
|
|
56
58
|
size: inputProps.size,
|
|
57
59
|
variant: inputProps.variant,
|
|
58
|
-
children: /*#__PURE__*/
|
|
60
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
59
61
|
className: 'arm-interval',
|
|
60
|
-
children: [/*#__PURE__*/
|
|
62
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
61
63
|
className: 'arm-interval__item',
|
|
62
|
-
children: /*#__PURE__*/
|
|
64
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.TextFieldInput, {
|
|
63
65
|
...inputProps,
|
|
64
66
|
value: realMin,
|
|
65
67
|
label: labelStart,
|
|
@@ -69,9 +71,9 @@ const Interval = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
69
71
|
focused: true,
|
|
70
72
|
onChange: handleMin
|
|
71
73
|
})
|
|
72
|
-
}), /*#__PURE__*/
|
|
74
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
73
75
|
className: 'arm-interval__item',
|
|
74
|
-
children: /*#__PURE__*/
|
|
76
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.TextFieldInput, {
|
|
75
77
|
...inputProps,
|
|
76
78
|
value: realMax,
|
|
77
79
|
label: labelEnd,
|
|
@@ -84,7 +86,7 @@ const Interval = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
84
86
|
})
|
|
85
87
|
})]
|
|
86
88
|
})
|
|
87
|
-
}), helperText && /*#__PURE__*/
|
|
89
|
+
}), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
|
|
88
90
|
className: 'arm-interval__helper',
|
|
89
91
|
error: error,
|
|
90
92
|
children: helperText
|
|
@@ -92,4 +94,5 @@ const Interval = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
92
94
|
})
|
|
93
95
|
});
|
|
94
96
|
});
|
|
95
|
-
|
|
97
|
+
var _default = exports.default = Interval;
|
|
98
|
+
module.exports = exports.default;
|
|
@@ -1,17 +1,19 @@
|
|
|
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 _Interval = _interopRequireDefault(require("./Interval"));
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
var _Slider = _interopRequireDefault(require("../../Slider/Slider"));
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
11
|
const IntervalSlide = props => {
|
|
10
12
|
let {
|
|
11
13
|
onChange,
|
|
12
14
|
...restProps
|
|
13
15
|
} = props;
|
|
14
|
-
let [value, setValue] = useState([props.min, props.max]);
|
|
16
|
+
let [value, setValue] = (0, _react.useState)([props.min, props.max]);
|
|
15
17
|
const handleChange = value => {
|
|
16
18
|
setValue(value);
|
|
17
19
|
if (onChange) onChange(value);
|
|
@@ -19,15 +21,15 @@ const IntervalSlide = props => {
|
|
|
19
21
|
const handleSlide = value => {
|
|
20
22
|
if (Array.isArray(value)) handleChange(value);
|
|
21
23
|
};
|
|
22
|
-
return /*#__PURE__*/
|
|
23
|
-
children: /*#__PURE__*/
|
|
24
|
-
children: [/*#__PURE__*/
|
|
24
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
25
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
26
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Interval.default, {
|
|
25
27
|
value: value,
|
|
26
28
|
...restProps,
|
|
27
29
|
onChange: setValue
|
|
28
|
-
}), /*#__PURE__*/
|
|
30
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
29
31
|
className: 'arm-intervalslide__slider',
|
|
30
|
-
children: /*#__PURE__*/
|
|
32
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
|
|
31
33
|
range: true,
|
|
32
34
|
min: props.min,
|
|
33
35
|
max: props.max,
|
|
@@ -40,4 +42,5 @@ const IntervalSlide = props => {
|
|
|
40
42
|
})
|
|
41
43
|
});
|
|
42
44
|
};
|
|
43
|
-
|
|
45
|
+
var _default = exports.default = IntervalSlide;
|
|
46
|
+
module.exports = exports.default;
|
|
@@ -1,3 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
var _exportNames = {
|
|
6
|
+
IntervalSlide: true
|
|
7
|
+
};
|
|
8
|
+
exports.default = exports.IntervalSlide = void 0;
|
|
9
|
+
var _Interval = _interopRequireWildcard(require("./Interval"));
|
|
10
|
+
exports.default = _Interval.default;
|
|
11
|
+
Object.keys(_Interval).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] === _Interval[key]) return;
|
|
15
|
+
exports[key] = _Interval[key];
|
|
16
|
+
});
|
|
17
|
+
var _IntervalSlide = _interopRequireDefault(require("./IntervalSlide"));
|
|
18
|
+
exports.IntervalSlide = _IntervalSlide.default;
|
|
19
|
+
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); }
|
|
20
|
+
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; }
|
|
@@ -1,18 +1,21 @@
|
|
|
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 = exports.Password = void 0;
|
|
7
|
+
var _TextField = _interopRequireDefault(require("../TextField/TextField"));
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
var _ButtonIcon = _interopRequireDefault(require("../../ButtonIcon"));
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
const Password = exports.Password = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
9
12
|
let {
|
|
10
13
|
onChange,
|
|
11
14
|
...restProps
|
|
12
15
|
} = props;
|
|
13
|
-
let [value, setValue] = useState('');
|
|
14
|
-
let [isPassword, setIsPassword] = useState(true);
|
|
15
|
-
const inputRef = useRef(ref);
|
|
16
|
+
let [value, setValue] = (0, _react.useState)('');
|
|
17
|
+
let [isPassword, setIsPassword] = (0, _react.useState)(true);
|
|
18
|
+
const inputRef = (0, _react.useRef)(ref);
|
|
16
19
|
const handleChange = e => {
|
|
17
20
|
setValue(e.target.value);
|
|
18
21
|
if (onChange) onChange(e);
|
|
@@ -20,19 +23,19 @@ export const Password = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
20
23
|
const handleClick = () => {
|
|
21
24
|
setIsPassword(prev => !prev);
|
|
22
25
|
};
|
|
23
|
-
return /*#__PURE__*/
|
|
24
|
-
children: /*#__PURE__*/
|
|
26
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
27
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
|
|
25
28
|
value: value,
|
|
26
29
|
ref: inputRef,
|
|
27
30
|
...restProps,
|
|
28
31
|
type: isPassword ? 'password' : 'text',
|
|
29
32
|
onChange: handleChange,
|
|
30
|
-
endAdornment: /*#__PURE__*/
|
|
33
|
+
endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
|
|
31
34
|
size: 'medium',
|
|
32
35
|
variant: 'transparent',
|
|
33
36
|
color: 'neutral',
|
|
34
37
|
onClick: handleClick,
|
|
35
|
-
children: /*#__PURE__*/
|
|
38
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
36
39
|
className: 'material_icon',
|
|
37
40
|
children: isPassword ? 'visibility_off' : 'visibility'
|
|
38
41
|
})
|
|
@@ -40,4 +43,4 @@ export const Password = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
40
43
|
})
|
|
41
44
|
});
|
|
42
45
|
});
|
|
43
|
-
|
|
46
|
+
var _default = exports.default = Password;
|
|
@@ -1,2 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
var _exportNames = {};
|
|
5
|
+
exports.default = void 0;
|
|
6
|
+
var _Password = _interopRequireWildcard(require("./Password"));
|
|
7
|
+
exports.default = _Password.default;
|
|
8
|
+
Object.keys(_Password).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] === _Password[key]) return;
|
|
12
|
+
exports[key] = _Password[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;
|
package/ui/Form/Period/Period.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
|
-
|
|
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 _ButtonIcon = _interopRequireDefault(require("../../ButtonIcon"));
|
|
10
|
+
var _Card = _interopRequireDefault(require("../../Card/Card"));
|
|
11
|
+
var _DatePicker = _interopRequireDefault(require("../DatePicker/DatePicker"));
|
|
12
|
+
var _DateService = require("../../../lib/services/DateService");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
const Period = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
13
15
|
let {
|
|
14
16
|
onChange,
|
|
15
17
|
format = 'dd.MM.yyyy',
|
|
16
18
|
onInput,
|
|
17
19
|
...restProps
|
|
18
20
|
} = props;
|
|
19
|
-
let [active, setActive] = useState(false);
|
|
20
|
-
let [value, setValue] = useState([new Date(), null]);
|
|
21
|
+
let [active, setActive] = (0, _react.useState)(false);
|
|
22
|
+
let [value, setValue] = (0, _react.useState)([new Date(), null]);
|
|
21
23
|
const handleClick = () => {
|
|
22
24
|
setActive(true);
|
|
23
25
|
};
|
|
@@ -40,30 +42,30 @@ const Period = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
40
42
|
};
|
|
41
43
|
let realValue = Array.isArray(props.value) ? props.value : value;
|
|
42
44
|
let displayValue = '';
|
|
43
|
-
if (realValue[0] && realValue[1]) displayValue = `${DateService(realValue[0]).format('dd.MM.yyyy')} - ${DateService(realValue[1]).format('dd.MM.yyyy')}`;
|
|
44
|
-
return /*#__PURE__*/
|
|
45
|
-
children: /*#__PURE__*/
|
|
45
|
+
if (realValue[0] && realValue[1]) displayValue = `${(0, _DateService.DateService)(realValue[0]).format('dd.MM.yyyy')} - ${(0, _DateService.DateService)(realValue[1]).format('dd.MM.yyyy')}`;
|
|
46
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
47
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
46
48
|
className: 'arm-period',
|
|
47
|
-
children: [/*#__PURE__*/
|
|
49
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
|
|
48
50
|
ref: ref,
|
|
49
51
|
placeholder: 'дд.мм.гггг - дд.мм.гггг',
|
|
50
52
|
...restProps,
|
|
51
53
|
value: displayValue,
|
|
52
54
|
onChange: () => null,
|
|
53
55
|
onFocus: handleClick,
|
|
54
|
-
endAdornment: /*#__PURE__*/
|
|
56
|
+
endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
|
|
55
57
|
size: 'medium',
|
|
56
58
|
variant: 'transparent',
|
|
57
59
|
color: 'neutral',
|
|
58
60
|
onClick: handleClick,
|
|
59
|
-
children: /*#__PURE__*/
|
|
61
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
60
62
|
className: 'material_icon',
|
|
61
63
|
children: "calendar_today"
|
|
62
64
|
})
|
|
63
65
|
})
|
|
64
|
-
}), active && /*#__PURE__*/
|
|
66
|
+
}), active && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.default, {
|
|
65
67
|
className: 'arm-period__picker',
|
|
66
|
-
children: /*#__PURE__*/
|
|
68
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
|
|
67
69
|
onChange: handleChange,
|
|
68
70
|
selectsRange: true,
|
|
69
71
|
onBlur: () => {
|
|
@@ -77,4 +79,5 @@ const Period = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
77
79
|
})
|
|
78
80
|
});
|
|
79
81
|
});
|
|
80
|
-
|
|
82
|
+
var _default = exports.default = Period;
|
|
83
|
+
module.exports = exports.default;
|
package/ui/Form/Period/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 _Period = _interopRequireWildcard(require("./Period"));
|
|
7
|
+
exports.default = _Period.default;
|
|
8
|
+
Object.keys(_Period).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] === _Period[key]) return;
|
|
12
|
+
exports[key] = _Period[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,18 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
"use client";
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _DatePicker = _interopRequireDefault(require("../DatePicker/DatePicker"));
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
7
10
|
const PeriodSelect = () => {
|
|
8
|
-
const [startDate, setStartDate] = useState(new Date());
|
|
9
|
-
const [endDate, setEndDate] = useState(null);
|
|
11
|
+
const [startDate, setStartDate] = (0, _react.useState)(new Date());
|
|
12
|
+
const [endDate, setEndDate] = (0, _react.useState)(null);
|
|
10
13
|
const handleChange = date => {
|
|
11
14
|
setStartDate(date[0]);
|
|
12
15
|
setEndDate(date[1]);
|
|
13
16
|
};
|
|
14
|
-
return /*#__PURE__*/
|
|
15
|
-
children: /*#__PURE__*/
|
|
17
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
18
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
|
|
16
19
|
selected: startDate,
|
|
17
20
|
onChange: handleChange,
|
|
18
21
|
startDate: startDate,
|
|
@@ -21,4 +24,5 @@ const PeriodSelect = () => {
|
|
|
21
24
|
})
|
|
22
25
|
});
|
|
23
26
|
};
|
|
24
|
-
|
|
27
|
+
var _default = exports.default = PeriodSelect;
|
|
28
|
+
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 _PeriodSelect = _interopRequireWildcard(require("./PeriodSelect"));
|
|
7
|
+
exports.default = _PeriodSelect.default;
|
|
8
|
+
Object.keys(_PeriodSelect).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] === _PeriodSelect[key]) return;
|
|
12
|
+
exports[key] = _PeriodSelect[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;
|
package/ui/Form/Radio/Radio.js
CHANGED
|
@@ -1,14 +1,19 @@
|
|
|
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 _Checkbox = _interopRequireDefault(require("../Checkbox/Checkbox"));
|
|
7
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
5
9
|
const Radio = props => {
|
|
6
|
-
return /*#__PURE__*/
|
|
7
|
-
children: /*#__PURE__*/
|
|
10
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
11
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
|
|
8
12
|
...props,
|
|
9
|
-
className:
|
|
13
|
+
className: (0, _clsx.default)(props.className, 'arm-radio'),
|
|
10
14
|
type: 'radio'
|
|
11
15
|
})
|
|
12
16
|
});
|
|
13
17
|
};
|
|
14
|
-
|
|
18
|
+
var _default = exports.default = Radio;
|
|
19
|
+
module.exports = exports.default;
|
package/ui/Form/Radio/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 _Radio = _interopRequireWildcard(require("./Radio"));
|
|
7
|
+
exports.default = _Radio.default;
|
|
8
|
+
Object.keys(_Radio).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] === _Radio[key]) return;
|
|
12
|
+
exports[key] = _Radio[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;
|
package/ui/Form/Rating/Rating.js
CHANGED
|
@@ -1,18 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
"use client";
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
10
|
const Rating = props => {
|
|
9
11
|
let {
|
|
10
12
|
size = 'large',
|
|
11
13
|
onChange,
|
|
12
14
|
...restProps
|
|
13
15
|
} = props;
|
|
14
|
-
let [value, setValue] = useState(props.defaultValue || 0);
|
|
15
|
-
let [hovered, setHovered] = useState(0);
|
|
16
|
+
let [value, setValue] = (0, _react.useState)(props.defaultValue || 0);
|
|
17
|
+
let [hovered, setHovered] = (0, _react.useState)(0);
|
|
16
18
|
let realValue = props.value !== undefined ? props.value : value;
|
|
17
19
|
const handleClick = index => () => {
|
|
18
20
|
setValue(index);
|
|
@@ -24,19 +26,19 @@ const Rating = props => {
|
|
|
24
26
|
const handleLeaveRating = () => {
|
|
25
27
|
setHovered(realValue);
|
|
26
28
|
};
|
|
27
|
-
return /*#__PURE__*/
|
|
28
|
-
children: /*#__PURE__*/
|
|
29
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
30
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
29
31
|
className: 'arm-rating',
|
|
30
32
|
onMouseLeave: handleLeaveRating,
|
|
31
|
-
children: [/*#__PURE__*/
|
|
33
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
32
34
|
value: value,
|
|
33
35
|
...restProps,
|
|
34
36
|
type: "hidden"
|
|
35
37
|
}), [...Array(5)].map((_, index) => {
|
|
36
|
-
return /*#__PURE__*/
|
|
38
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
37
39
|
onClick: handleClick(index + 1),
|
|
38
40
|
onMouseEnter: handleMouseEnter(index + 1),
|
|
39
|
-
className:
|
|
41
|
+
className: (0, _clsx.default)('material_icon', {
|
|
40
42
|
['material_icon_solid']: index + 1 <= hovered || index + 1 <= realValue,
|
|
41
43
|
'arm-rating__item_disabled': !!restProps.disabled
|
|
42
44
|
}, 'arm-rating__item', ['arm-rating__item_' + size]),
|
|
@@ -46,4 +48,5 @@ const Rating = props => {
|
|
|
46
48
|
})
|
|
47
49
|
});
|
|
48
50
|
};
|
|
49
|
-
|
|
51
|
+
var _default = exports.default = Rating;
|
|
52
|
+
module.exports = exports.default;
|
package/ui/Form/Rating/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 _Rating = _interopRequireWildcard(require("./Rating"));
|
|
7
|
+
exports.default = _Rating.default;
|
|
8
|
+
Object.keys(_Rating).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] === _Rating[key]) return;
|
|
12
|
+
exports[key] = _Rating[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;
|