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,22 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
var _Button = _interopRequireDefault(require("../Button/Button"));
|
|
6
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
7
|
+
var _helpers = require("../../lib/helpers");
|
|
8
|
+
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
7
10
|
function ButtonIcon(props, ref) {
|
|
8
|
-
return /*#__PURE__*/
|
|
9
|
-
children: /*#__PURE__*/
|
|
11
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
12
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
10
13
|
color: 'neutral',
|
|
11
14
|
variant: 'transparent',
|
|
12
15
|
...props,
|
|
13
16
|
ref: ref,
|
|
14
17
|
asIcon: true,
|
|
15
|
-
className:
|
|
18
|
+
className: (0, _clsx.default)('arm-button-icon', ['arm-button-icon_' + props.size], props.className, {
|
|
16
19
|
'arm-button-icon_square': props.radius === false,
|
|
17
20
|
'border-radius': props.radius === true
|
|
18
21
|
}),
|
|
19
|
-
children: props.mi || props.mis ? /*#__PURE__*/
|
|
22
|
+
children: props.mi || props.mis ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
20
23
|
icon: props.mi || props.mis,
|
|
21
24
|
variant: props.mis ? 'contained' : 'outlined',
|
|
22
25
|
...props.iconProps
|
|
@@ -24,4 +27,5 @@ function ButtonIcon(props, ref) {
|
|
|
24
27
|
})
|
|
25
28
|
});
|
|
26
29
|
}
|
|
27
|
-
|
|
30
|
+
var _default = exports.default = (0, _helpers.fixedForwardRef)(ButtonIcon);
|
|
31
|
+
module.exports = exports.default;
|
package/ui/ButtonIcon/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 _ButtonIcon.default;
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
var _ButtonIcon = _interopRequireWildcard(require("./ButtonIcon"));
|
|
11
|
+
Object.keys(_ButtonIcon).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] === _ButtonIcon[key]) return;
|
|
15
|
+
Object.defineProperty(exports, key, {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () {
|
|
18
|
+
return _ButtonIcon[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/Card/Card.js
CHANGED
|
@@ -1,12 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
6
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
7
|
const Card = props => {
|
|
5
|
-
return /*#__PURE__*/
|
|
6
|
-
children: /*#__PURE__*/
|
|
8
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
9
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
7
10
|
...props,
|
|
8
|
-
className:
|
|
11
|
+
className: (0, _clsx.default)('arm-card', props.className)
|
|
9
12
|
})
|
|
10
13
|
});
|
|
11
14
|
};
|
|
12
|
-
|
|
15
|
+
var _default = exports.default = Card;
|
|
16
|
+
module.exports = exports.default;
|
package/ui/Card/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 _Card.default;
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
var _Card = _interopRequireWildcard(require("./Card"));
|
|
11
|
+
Object.keys(_Card).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] === _Card[key]) return;
|
|
15
|
+
Object.defineProperty(exports, key, {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () {
|
|
18
|
+
return _Card[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/Chip/Chip.js
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
6
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
5
7
|
function Chip(props) {
|
|
6
8
|
let {
|
|
7
9
|
size,
|
|
@@ -18,26 +20,26 @@ function Chip(props) {
|
|
|
18
20
|
...restProps
|
|
19
21
|
} = props;
|
|
20
22
|
let Component = as || 'span';
|
|
21
|
-
return /*#__PURE__*/
|
|
22
|
-
children: /*#__PURE__*/
|
|
23
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
24
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
|
|
23
25
|
...restProps,
|
|
24
|
-
className:
|
|
26
|
+
className: (0, _clsx.default)('arm-chip', className, {
|
|
25
27
|
'arm-chip_disabled': !!disabled
|
|
26
28
|
}, ['arm-chip_' + size], ['arm-chip_' + variant], ['arm-chip_' + color], ['arm-chip_' + shape]),
|
|
27
|
-
children: /*#__PURE__*/
|
|
29
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
28
30
|
className: 'arm-chip__inner',
|
|
29
|
-
children: [icon && /*#__PURE__*/
|
|
30
|
-
className:
|
|
31
|
+
children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
32
|
+
className: (0, _clsx.default)('material_icon', 'arm-chip__icon', ['arm-chip__icon_' + size]),
|
|
31
33
|
children: icon
|
|
32
|
-
}), /*#__PURE__*/
|
|
34
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
33
35
|
className: 'arm-chip__text',
|
|
34
36
|
children: text || children
|
|
35
|
-
}), onClose && /*#__PURE__*/
|
|
36
|
-
className:
|
|
37
|
+
}), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
38
|
+
className: (0, _clsx.default)('material_icon_solid', {
|
|
37
39
|
'arm-chip__close_disabled': !!disabled
|
|
38
40
|
}, ['arm-chip__close_' + size], ['arm-chip__close_' + color], 'arm-chip__close'),
|
|
39
41
|
onClick: onClose,
|
|
40
|
-
children: /*#__PURE__*/
|
|
42
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
41
43
|
className: 'mis',
|
|
42
44
|
children: "cancel"
|
|
43
45
|
})
|
|
@@ -46,4 +48,5 @@ function Chip(props) {
|
|
|
46
48
|
})
|
|
47
49
|
});
|
|
48
50
|
}
|
|
49
|
-
|
|
51
|
+
var _default = exports.default = Chip;
|
|
52
|
+
module.exports = exports.default;
|
package/ui/Chip/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 _Chip.default;
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
var _Chip = _interopRequireWildcard(require("./Chip"));
|
|
11
|
+
Object.keys(_Chip).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] === _Chip[key]) return;
|
|
15
|
+
Object.defineProperty(exports, key, {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () {
|
|
18
|
+
return _Chip[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/Dropdown/Dropdown.js
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
"use strict";
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
exports.default = void 0;
|
|
6
|
+
var _react = require("react");
|
|
7
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
+
var _reactTransitionGroup = require("react-transition-group");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
10
|
function Dropdown(props) {
|
|
9
11
|
var _nodeRef$current;
|
|
10
12
|
const {
|
|
@@ -14,21 +16,21 @@ function Dropdown(props) {
|
|
|
14
16
|
transitionProps,
|
|
15
17
|
...divProps
|
|
16
18
|
} = props;
|
|
17
|
-
const nodeRef = useRef(null);
|
|
19
|
+
const nodeRef = (0, _react.useRef)(null);
|
|
18
20
|
const contentHeight = (_nodeRef$current = nodeRef.current) == null ? void 0 : _nodeRef$current.scrollHeight;
|
|
19
21
|
const duration = 1000;
|
|
20
|
-
useEffect(() => {
|
|
22
|
+
(0, _react.useEffect)(() => {
|
|
21
23
|
if (nodeRef.current && contentHeight) nodeRef.current.style.setProperty("--content-height", String(contentHeight) + 'px');
|
|
22
24
|
}, [contentHeight]);
|
|
23
|
-
return /*#__PURE__*/
|
|
24
|
-
children: /*#__PURE__*/
|
|
25
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
26
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
25
27
|
...divProps,
|
|
26
|
-
className:
|
|
27
|
-
children: /*#__PURE__*/
|
|
28
|
-
className:
|
|
28
|
+
className: (0, _clsx.default)('arm-dropdown', className),
|
|
29
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
30
|
+
className: (0, _clsx.default)({
|
|
29
31
|
// [css.Dropdown__ContentWrapper_hidden]: !expanded
|
|
30
32
|
}),
|
|
31
|
-
children: /*#__PURE__*/
|
|
33
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
|
|
32
34
|
classNames: {
|
|
33
35
|
'enter': 'arm-dropdown__ContentWrapperEnter',
|
|
34
36
|
'enterActive': 'arm-dropdown__ContentWrapperEnterActive',
|
|
@@ -39,9 +41,9 @@ function Dropdown(props) {
|
|
|
39
41
|
timeout: duration,
|
|
40
42
|
nodeRef: nodeRef,
|
|
41
43
|
...transitionProps,
|
|
42
|
-
children: /*#__PURE__*/
|
|
44
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
43
45
|
ref: nodeRef,
|
|
44
|
-
children: /*#__PURE__*/
|
|
46
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
45
47
|
className: 'arm-dropdown__Content',
|
|
46
48
|
children: children
|
|
47
49
|
})
|
|
@@ -51,4 +53,5 @@ function Dropdown(props) {
|
|
|
51
53
|
})
|
|
52
54
|
});
|
|
53
55
|
}
|
|
54
|
-
|
|
56
|
+
var _default = exports.default = Dropdown;
|
|
57
|
+
module.exports = exports.default;
|
package/ui/Dropdown/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 _Dropdown.default;
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
var _Dropdown = _interopRequireWildcard(require("./Dropdown"));
|
|
11
|
+
Object.keys(_Dropdown).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] === _Dropdown[key]) return;
|
|
15
|
+
Object.defineProperty(exports, key, {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () {
|
|
18
|
+
return _Dropdown[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,10 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
"use strict";
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
exports.default = void 0;
|
|
6
|
+
var _react = require("react");
|
|
7
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
9
|
const Checkbox = props => {
|
|
9
10
|
let {
|
|
10
11
|
label,
|
|
@@ -16,39 +17,39 @@ const Checkbox = props => {
|
|
|
16
17
|
className,
|
|
17
18
|
...inputProps
|
|
18
19
|
} = props;
|
|
19
|
-
const [checked, setChecked] = useState(!!props.defaultChecked);
|
|
20
|
-
const labelRef = useRef(null);
|
|
20
|
+
const [checked, setChecked] = (0, _react.useState)(!!props.defaultChecked);
|
|
21
|
+
const labelRef = (0, _react.useRef)(null);
|
|
21
22
|
const handleChange = e => {
|
|
22
23
|
if (inputProps.checked === undefined) setChecked(prev => !prev);
|
|
23
24
|
if (onChange) onChange(e);
|
|
24
25
|
};
|
|
25
|
-
return /*#__PURE__*/
|
|
26
|
-
children: /*#__PURE__*/
|
|
27
|
-
className:
|
|
28
|
-
'arm-checkbox_text': ! /*#__PURE__*/isValidElement(label)
|
|
26
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
27
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
28
|
+
className: (0, _clsx.default)('arm-checkbox', className, {
|
|
29
|
+
'arm-checkbox_text': ! /*#__PURE__*/(0, _react.isValidElement)(label)
|
|
29
30
|
}),
|
|
30
|
-
children: [/*#__PURE__*/
|
|
31
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
|
|
31
32
|
ref: labelRef,
|
|
32
|
-
className:
|
|
33
|
+
className: (0, _clsx.default)('arm-checkbox__label', ['arm-checkbox_' + size], ['arm-checkbox_' + variant], ['arm-checkbox_' + color], {
|
|
33
34
|
'arm-checkbox__label_checked': inputProps.checked !== undefined ? inputProps.checked : checked,
|
|
34
35
|
'arm-checkbox__label_intermediate': !!intermediate,
|
|
35
36
|
'arm-checkbox__label_disabled': !!inputProps.disabled
|
|
36
37
|
}),
|
|
37
|
-
children: /*#__PURE__*/
|
|
38
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
38
39
|
...inputProps,
|
|
39
|
-
className:
|
|
40
|
+
className: (0, _clsx.default)('arm-checkbox__input', {
|
|
40
41
|
'arm-checkbox__input_checked': !!inputProps.checked
|
|
41
42
|
}),
|
|
42
43
|
onChange: handleChange,
|
|
43
44
|
type: props.type || 'checkbox'
|
|
44
45
|
})
|
|
45
|
-
}), label && /*#__PURE__*/
|
|
46
|
+
}), label && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
46
47
|
onClick: () => {
|
|
47
48
|
var _labelRef$current;
|
|
48
49
|
return (_labelRef$current = labelRef.current) == null ? void 0 : _labelRef$current.click();
|
|
49
50
|
},
|
|
50
|
-
className:
|
|
51
|
-
'arm-checkbox__text_raw': ! /*#__PURE__*/isValidElement(label),
|
|
51
|
+
className: (0, _clsx.default)('arm-checkbox__text', {
|
|
52
|
+
'arm-checkbox__text_raw': ! /*#__PURE__*/(0, _react.isValidElement)(label),
|
|
52
53
|
['arm-checkbox_text_size_' + size]: size
|
|
53
54
|
}),
|
|
54
55
|
children: label
|
|
@@ -56,4 +57,5 @@ const Checkbox = props => {
|
|
|
56
57
|
})
|
|
57
58
|
});
|
|
58
59
|
};
|
|
59
|
-
|
|
60
|
+
var _default = exports.default = Checkbox;
|
|
61
|
+
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 _Checkbox.default;
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
var _Checkbox = _interopRequireWildcard(require("./Checkbox"));
|
|
11
|
+
Object.keys(_Checkbox).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] === _Checkbox[key]) return;
|
|
15
|
+
Object.defineProperty(exports, key, {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () {
|
|
18
|
+
return _Checkbox[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,16 +1,17 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
"use strict";
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
exports.getDateFormat = exports.default = exports.DateField = void 0;
|
|
6
|
+
var _TextField = _interopRequireDefault(require("../TextField/TextField"));
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _Card = _interopRequireDefault(require("../../Card/Card"));
|
|
9
|
+
var _DatePicker = _interopRequireDefault(require("../DatePicker/DatePicker"));
|
|
10
|
+
var _ButtonIcon = _interopRequireDefault(require("../../ButtonIcon"));
|
|
11
|
+
var _BackDrop = _interopRequireDefault(require("../../BackDrop"));
|
|
12
|
+
var _PopperBase = require("../../Popper/PopperBase");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
const getDateFormat = format => {
|
|
14
15
|
let out = {};
|
|
15
16
|
if (!format) return out;
|
|
16
17
|
if (format.includes('dd')) out.day = '2-digit';
|
|
@@ -20,7 +21,8 @@ export const getDateFormat = format => {
|
|
|
20
21
|
if (format.includes('mm')) out.minute = '2-digit';
|
|
21
22
|
return out;
|
|
22
23
|
};
|
|
23
|
-
|
|
24
|
+
exports.getDateFormat = getDateFormat;
|
|
25
|
+
const DateField = exports.DateField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
24
26
|
var _dateValue;
|
|
25
27
|
let {
|
|
26
28
|
onChange,
|
|
@@ -38,8 +40,8 @@ export const DateField = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
38
40
|
value,
|
|
39
41
|
...datepickerProps
|
|
40
42
|
} = props;
|
|
41
|
-
let [date, setDate] = useState(null);
|
|
42
|
-
let [open, setOpen] = useState(false);
|
|
43
|
+
let [date, setDate] = (0, _react.useState)(null);
|
|
44
|
+
let [open, setOpen] = (0, _react.useState)(false);
|
|
43
45
|
if (showTime && !showTimeOnly) format = 'dd.MM.yyyy HH:mm';else if (showTimeOnly) format = 'HH:mm';
|
|
44
46
|
const handleChange = d => {
|
|
45
47
|
setDate(d);
|
|
@@ -63,14 +65,14 @@ export const DateField = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
63
65
|
if (props.onClick) props.onClick(e);
|
|
64
66
|
};
|
|
65
67
|
let realValue = value !== undefined ? value : date;
|
|
66
|
-
const btnRef = useRef();
|
|
68
|
+
const btnRef = (0, _react.useRef)();
|
|
67
69
|
const inputIcon = showTime && showTimeOnly ? 'schedule' : 'calendar_today';
|
|
68
70
|
let dateValue = typeof realValue === 'string' ? new Date(realValue) : realValue;
|
|
69
71
|
if (!(dateValue instanceof Date && !isNaN(dateValue.getDate()))) dateValue = null;
|
|
70
72
|
|
|
71
73
|
//TODO Подключение Popover ломает тесты, разобраться почему
|
|
72
|
-
return /*#__PURE__*/
|
|
73
|
-
children: [/*#__PURE__*/
|
|
74
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
75
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
|
|
74
76
|
ref: ref,
|
|
75
77
|
label: label,
|
|
76
78
|
placeholder: placeholder,
|
|
@@ -80,29 +82,29 @@ export const DateField = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
80
82
|
...inputProps,
|
|
81
83
|
value: ((_dateValue = dateValue) == null ? void 0 : _dateValue.toLocaleString('ru-RU', getDateFormat(format))) || '',
|
|
82
84
|
onChange: () => null,
|
|
83
|
-
endAdornment: /*#__PURE__*/
|
|
85
|
+
endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
|
|
84
86
|
size: 'medium',
|
|
85
87
|
variant: 'transparent',
|
|
86
88
|
onClick: handleClick,
|
|
87
89
|
color: 'neutral',
|
|
88
|
-
children: /*#__PURE__*/
|
|
90
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
89
91
|
ref: btnRef,
|
|
90
92
|
className: 'material_icon',
|
|
91
93
|
children: inputIcon
|
|
92
94
|
})
|
|
93
95
|
})
|
|
94
|
-
}), open && /*#__PURE__*/
|
|
96
|
+
}), open && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackDrop.default, {
|
|
95
97
|
onClick: () => setOpen(false),
|
|
96
|
-
children: /*#__PURE__*/
|
|
98
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopperBase.PopperBase, {
|
|
97
99
|
anchorEl: btnRef.current,
|
|
98
100
|
open: open,
|
|
99
101
|
placement: 'bottom-end',
|
|
100
|
-
children: /*#__PURE__*/
|
|
102
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
101
103
|
style: {
|
|
102
104
|
backgroundColor: '#fff',
|
|
103
105
|
width: '100%'
|
|
104
106
|
},
|
|
105
|
-
children: /*#__PURE__*/
|
|
107
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
|
|
106
108
|
timeIntervals: 15,
|
|
107
109
|
calendarContainer: PickerCard,
|
|
108
110
|
popperPlacement: "top-end",
|
|
@@ -155,7 +157,7 @@ export const DateField = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
155
157
|
// })
|
|
156
158
|
|
|
157
159
|
const PickerCard = props => {
|
|
158
|
-
return /*#__PURE__*/
|
|
160
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.default, {
|
|
159
161
|
className: props.className,
|
|
160
162
|
style: {
|
|
161
163
|
zIndex: 6
|
|
@@ -163,4 +165,4 @@ const PickerCard = props => {
|
|
|
163
165
|
children: props.children
|
|
164
166
|
});
|
|
165
167
|
};
|
|
166
|
-
|
|
168
|
+
var _default = exports.default = DateField;
|
|
@@ -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 _DateField.default;
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
var _DateField = _interopRequireWildcard(require("./DateField"));
|
|
11
|
+
Object.keys(_DateField).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] === _DateField[key]) return;
|
|
15
|
+
Object.defineProperty(exports, key, {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () {
|
|
18
|
+
return _DateField[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,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
var _react = require("react");
|
|
6
|
+
var _reactDatepicker = _interopRequireWildcard(require("react-datepicker"));
|
|
7
|
+
require("!style-loader!css-loader!./styles.css");
|
|
8
|
+
var _ru = _interopRequireDefault(require("date-fns/locale/ru"));
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
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); }
|
|
11
|
+
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; }
|
|
4
12
|
// import './styles.css'
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
8
|
-
registerLocale('ru', ru);
|
|
13
|
+
|
|
14
|
+
(0, _reactDatepicker.registerLocale)('ru', _ru.default);
|
|
9
15
|
const renderDayContents = day => {
|
|
10
|
-
return /*#__PURE__*/
|
|
16
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
11
17
|
className: 'customDay',
|
|
12
18
|
children: day
|
|
13
19
|
});
|
|
14
20
|
};
|
|
15
|
-
const DatePicker = /*#__PURE__*/forwardRef((props, ref) => {
|
|
21
|
+
const DatePicker = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
16
22
|
let {
|
|
17
23
|
onChange,
|
|
18
24
|
selectsRange = false,
|
|
@@ -21,10 +27,10 @@ const DatePicker = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
21
27
|
const handleChange = (date, event) => {
|
|
22
28
|
if (onChange) onChange(date, event);
|
|
23
29
|
};
|
|
24
|
-
return /*#__PURE__*/
|
|
25
|
-
children: /*#__PURE__*/
|
|
30
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
31
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
26
32
|
className: 'ui-datepicker',
|
|
27
|
-
children: /*#__PURE__*/
|
|
33
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactDatepicker.default, {
|
|
28
34
|
ref: ref,
|
|
29
35
|
locale: 'ru',
|
|
30
36
|
onChange: handleChange,
|
|
@@ -36,4 +42,5 @@ const DatePicker = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
36
42
|
})
|
|
37
43
|
});
|
|
38
44
|
});
|
|
39
|
-
|
|
45
|
+
var _default = exports.default = DatePicker;
|
|
46
|
+
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 _DatePicker.default;
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
var _DatePicker = _interopRequireWildcard(require("./DatePicker"));
|
|
11
|
+
Object.keys(_DatePicker).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] === _DatePicker[key]) return;
|
|
15
|
+
Object.defineProperty(exports, key, {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () {
|
|
18
|
+
return _DatePicker[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; }
|