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