armtek-uikit-react 1.0.148 → 1.0.150
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/BackDrop.scss +3 -1
- package/assets/styles.min.css +1 -1
- package/assets/styles.min.css.map +1 -1
- package/index.js +2 -1
- package/lib/const/styles.js +5 -1
- package/lib/helpers/genericForwardRef.js +7 -3
- package/lib/helpers/getColorClasses.js +10 -6
- package/lib/helpers/getSizeClasses.js +9 -5
- package/lib/helpers/getVariantClasses.js +9 -5
- package/lib/helpers/helpers.js +19 -10
- package/lib/helpers/index.js +9 -1
- package/lib/hooks/useClickOutside.js +8 -4
- package/lib/hooks/useEnhancedEffect.js +8 -3
- package/lib/hooks/useEventCallback.js +11 -4
- package/lib/hooks/useLazyRef.js +8 -4
- package/lib/hooks/useTimeout.js +12 -6
- package/lib/services/DateService.js +7 -2
- package/package.json +1 -1
- package/types/theme.js +3 -1
- package/ui/Accordion/Accordion.classes.js +19 -14
- package/ui/Accordion/Accordion.js +38 -35
- package/ui/Accordion/index.js +16 -2
- package/ui/Adornment/Adornment.js +16 -11
- package/ui/Adornment/index.js +9 -2
- package/ui/Alert/Alert.js +20 -16
- package/ui/Alert/index.js +16 -2
- package/ui/Avatar/Avatar.js +22 -18
- package/ui/Avatar/index.js +16 -2
- package/ui/AvatarGroup/AvatarGroup.js +18 -14
- package/ui/AvatarGroup/index.js +16 -2
- package/ui/BackDrop/BackDrop.js +13 -9
- package/ui/BackDrop/BackDropBase.js +15 -11
- package/ui/BackDrop/index.js +16 -2
- package/ui/Badge/Badge.js +16 -12
- package/ui/Badge/index.js +16 -2
- package/ui/Button/Button.js +19 -15
- package/ui/Button/index.js +16 -2
- package/ui/ButtonGroup/ButtonGroup.js +15 -10
- package/ui/ButtonGroup/index.js +16 -2
- package/ui/ButtonIcon/ButtonIcon.js +16 -11
- package/ui/ButtonIcon/index.js +16 -2
- package/ui/Card/Card.js +12 -7
- package/ui/Card/index.js +16 -2
- package/ui/Chip/Chip.js +19 -15
- package/ui/Chip/index.js +16 -2
- package/ui/Dropdown/Dropdown.js +20 -16
- package/ui/Dropdown/index.js +16 -2
- package/ui/Form/Checkbox/Checkbox.js +22 -19
- package/ui/Form/Checkbox/index.js +16 -2
- package/ui/Form/DateField/DateField.js +28 -25
- package/ui/Form/DateField/index.js +16 -2
- package/ui/Form/DatePicker/DatePicker.js +21 -13
- package/ui/Form/DatePicker/index.js +16 -2
- package/ui/Form/FormControls/FormControls.js +19 -15
- package/ui/Form/FormControls/index.js +16 -2
- package/ui/Form/Interval/Interval.js +23 -20
- package/ui/Form/Interval/IntervalSlide.js +16 -13
- package/ui/Form/Interval/index.js +20 -3
- package/ui/Form/Password/Password.js +17 -14
- package/ui/Form/Password/index.js +16 -2
- package/ui/Form/Period/Period.js +24 -21
- package/ui/Form/Period/index.js +16 -2
- package/ui/Form/PeriodSelect/PeriodSelect.js +13 -9
- package/ui/Form/PeriodSelect/index.js +16 -2
- package/ui/Form/Radio/Radio.js +13 -8
- package/ui/Form/Radio/index.js +16 -2
- package/ui/Form/Rating/Rating.js +16 -13
- package/ui/Form/Rating/index.js +16 -2
- package/ui/Form/Select/Select.js +50 -49
- package/ui/Form/Select/SelectOptionList.js +13 -8
- package/ui/Form/Select/SelectOptionsContainer.js +11 -6
- package/ui/Form/Select/SelectSummary.js +37 -32
- package/ui/Form/Select/index.js +23 -3
- package/ui/Form/Switch/Switch.js +14 -10
- package/ui/Form/Switch/index.js +16 -2
- package/ui/Form/TextArea/TextArea.js +19 -15
- package/ui/Form/TextArea/index.js +16 -2
- package/ui/Form/TextField/TextField.js +39 -34
- package/ui/Form/TextField/index.js +16 -2
- package/ui/Form/TimeField/TimeField.js +13 -8
- package/ui/Form/TimeField/index.js +16 -2
- package/ui/Form/TimePicker/TimePicker.js +12 -8
- package/ui/Form/TimePicker/index.js +16 -2
- package/ui/HelperText/HelperText.js +12 -7
- package/ui/HelperText/index.js +16 -2
- package/ui/Icon/Icon.js +14 -9
- package/ui/Icon/Mi.js +15 -10
- package/ui/Icon/Mis.js +11 -7
- package/ui/Icon/index.js +22 -4
- package/ui/Link/Link.js +12 -7
- package/ui/Link/index.js +16 -2
- package/ui/List/ListItem.js +26 -20
- package/ui/List/index.js +16 -2
- package/ui/Loader/Loader.js +12 -7
- package/ui/Loader/index.js +16 -2
- package/ui/Logo/Logo.js +29 -25
- package/ui/Logo/index.js +16 -2
- package/ui/Modal/BaseModal.js +28 -24
- package/ui/Modal/Modal.js +13 -8
- package/ui/Modal/index.js +16 -2
- package/ui/Pagination/Pagination.js +39 -36
- package/ui/Pagination/index.js +16 -2
- package/ui/Paper/Paper.js +12 -7
- package/ui/Paper/index.js +16 -2
- package/ui/Popover/Popover.js +16 -11
- package/ui/Popover/index.js +16 -2
- package/ui/Popper/Popper.js +12 -8
- package/ui/Popper/PopperBase.js +14 -11
- package/ui/Popper/index.js +16 -2
- package/ui/Skeleton/Skeleton.js +11 -5
- package/ui/Skeleton/index.js +16 -2
- package/ui/Slider/RcSlider.js +1 -0
- package/ui/Slider/Slider.js +19 -15
- package/ui/Slider/index.js +16 -2
- package/ui/Stack/Stack.js +17 -12
- package/ui/Stack/index.js +16 -2
- package/ui/Status/Status.js +15 -11
- package/ui/Status/index.js +16 -2
- package/ui/Stepper/StepItem.js +22 -18
- package/ui/Stepper/StepItemIcon.js +16 -11
- package/ui/Stepper/Stepper.js +17 -13
- package/ui/Stepper/index.js +16 -2
- package/ui/Table/Table.js +19 -17
- package/ui/Table/TableBase.js +11 -6
- package/ui/Table/TableCell.js +15 -10
- package/ui/Table/TableRow.js +13 -8
- package/ui/Table/index.js +10 -3
- package/ui/Tooltip/Tooltip.js +23 -20
- package/ui/Tooltip/index.js +16 -2
package/ui/Popover/Popover.js
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.default = exports.Popover = void 0;
|
|
6
|
+
var _BackDrop = _interopRequireDefault(require("../BackDrop"));
|
|
7
|
+
var _PopperBase = require("../Popper/PopperBase");
|
|
8
|
+
var _Paper = _interopRequireDefault(require("../Paper"));
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const Popover = props => {
|
|
7
11
|
const {
|
|
8
12
|
onClose,
|
|
9
13
|
matchWidth = false,
|
|
@@ -12,13 +16,13 @@ export const Popover = props => {
|
|
|
12
16
|
...popperProps
|
|
13
17
|
} = props;
|
|
14
18
|
if (!props.open || !popperProps.anchorEl) return null;
|
|
15
|
-
return /*#__PURE__*/
|
|
16
|
-
children: /*#__PURE__*/
|
|
19
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
20
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackDrop.default, {
|
|
17
21
|
onClick: onClose,
|
|
18
|
-
children: /*#__PURE__*/
|
|
22
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopperBase.PopperBase, {
|
|
19
23
|
...popperProps,
|
|
20
24
|
anchorEl: popperProps.anchorEl,
|
|
21
|
-
children: /*#__PURE__*/
|
|
25
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paper.default, {
|
|
22
26
|
className: classes == null ? void 0 : classes.paper,
|
|
23
27
|
style: matchWidth ? {
|
|
24
28
|
width: popperProps.anchorEl.clientWidth
|
|
@@ -29,4 +33,5 @@ export const Popover = props => {
|
|
|
29
33
|
})
|
|
30
34
|
});
|
|
31
35
|
};
|
|
32
|
-
|
|
36
|
+
exports.Popover = Popover;
|
|
37
|
+
var _default = exports.default = Popover;
|
package/ui/Popover/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 _Popover = _interopRequireWildcard(require("./Popover"));
|
|
7
|
+
exports.default = _Popover.default;
|
|
8
|
+
Object.keys(_Popover).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] === _Popover[key]) return;
|
|
12
|
+
exports[key] = _Popover[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/Popper/Popper.js
CHANGED
|
@@ -1,16 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
import { PopperBase } from "./PopperBase";
|
|
1
|
+
"use strict";
|
|
3
2
|
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = exports.Popper = void 0;
|
|
5
|
+
var _reactDom = require("react-dom");
|
|
6
|
+
var _PopperBase = require("./PopperBase");
|
|
7
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
8
|
//TODO TESTS
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
export const Popper = props => {
|
|
9
|
+
|
|
10
|
+
const Popper = props => {
|
|
8
11
|
if (!props.open) return null;
|
|
9
|
-
return /*#__PURE__*/
|
|
10
|
-
children: /*#__PURE__*/createPortal( /*#__PURE__*/
|
|
12
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
13
|
+
children: /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopperBase.PopperBase, {
|
|
11
14
|
...props,
|
|
12
15
|
children: props.children
|
|
13
16
|
}), document.body)
|
|
14
17
|
});
|
|
15
18
|
};
|
|
16
|
-
|
|
19
|
+
exports.Popper = Popper;
|
|
20
|
+
var _default = exports.default = Popper;
|
package/ui/Popper/PopperBase.js
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
"use client";
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.default = exports.PopperBase = void 0;
|
|
6
|
+
var _react = require("react");
|
|
7
|
+
var _core = require("@popperjs/core");
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
const PopperBase = props => {
|
|
8
10
|
const {
|
|
9
11
|
anchorEl,
|
|
10
12
|
children,
|
|
@@ -13,8 +15,8 @@ export const PopperBase = props => {
|
|
|
13
15
|
anchorPosition,
|
|
14
16
|
open
|
|
15
17
|
} = props;
|
|
16
|
-
const tooltipRef = useRef(null);
|
|
17
|
-
useEffect(() => {
|
|
18
|
+
const tooltipRef = (0, _react.useRef)(null);
|
|
19
|
+
(0, _react.useEffect)(() => {
|
|
18
20
|
let modifiers = [{
|
|
19
21
|
name: 'offset',
|
|
20
22
|
options: {
|
|
@@ -34,7 +36,7 @@ export const PopperBase = props => {
|
|
|
34
36
|
}
|
|
35
37
|
});
|
|
36
38
|
}
|
|
37
|
-
const popper = createPopper(anchorEl, tooltipRef.current, {
|
|
39
|
+
const popper = (0, _core.createPopper)(anchorEl, tooltipRef.current, {
|
|
38
40
|
placement: placement,
|
|
39
41
|
modifiers: modifiers
|
|
40
42
|
});
|
|
@@ -43,12 +45,13 @@ export const PopperBase = props => {
|
|
|
43
45
|
// handlePopperRefRef.current!(null)
|
|
44
46
|
};
|
|
45
47
|
}, [open, placement]);
|
|
46
|
-
return /*#__PURE__*/
|
|
47
|
-
children: /*#__PURE__*/
|
|
48
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
49
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
48
50
|
ref: tooltipRef,
|
|
49
51
|
className: className,
|
|
50
52
|
children: children
|
|
51
53
|
})
|
|
52
54
|
});
|
|
53
55
|
};
|
|
54
|
-
|
|
56
|
+
exports.PopperBase = PopperBase;
|
|
57
|
+
var _default = exports.default = PopperBase;
|
package/ui/Popper/index.js
CHANGED
|
@@ -1,2 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
var _exportNames = {};
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _Popper = _interopRequireDefault(require("./Popper"));
|
|
8
|
+
exports.default = _Popper.default;
|
|
9
|
+
var _PopperBase = require("./PopperBase");
|
|
10
|
+
Object.keys(_PopperBase).forEach(function (key) {
|
|
11
|
+
if (key === "default" || key === "__esModule") return;
|
|
12
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
13
|
+
if (key in exports && exports[key] === _PopperBase[key]) return;
|
|
14
|
+
exports[key] = _PopperBase[key];
|
|
15
|
+
});
|
|
16
|
+
module.exports = exports.default;
|
package/ui/Skeleton/Skeleton.js
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.default = void 0;
|
|
6
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
7
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
3
8
|
const Skeleton = props => {
|
|
4
9
|
const {
|
|
5
10
|
width = '100%',
|
|
@@ -8,9 +13,9 @@ const Skeleton = props => {
|
|
|
8
13
|
circle,
|
|
9
14
|
...divProps
|
|
10
15
|
} = props;
|
|
11
|
-
return /*#__PURE__*/
|
|
16
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
12
17
|
...divProps,
|
|
13
|
-
className:
|
|
18
|
+
className: (0, _clsx.default)(className, 'arm-skeleton', {
|
|
14
19
|
'arm-skeleton_circle': !!circle
|
|
15
20
|
}),
|
|
16
21
|
style: {
|
|
@@ -19,4 +24,5 @@ const Skeleton = props => {
|
|
|
19
24
|
}
|
|
20
25
|
});
|
|
21
26
|
};
|
|
22
|
-
|
|
27
|
+
var _default = exports.default = Skeleton;
|
|
28
|
+
module.exports = exports.default;
|
package/ui/Skeleton/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 _Skeleton = _interopRequireWildcard(require("./Skeleton"));
|
|
7
|
+
exports.default = _Skeleton.default;
|
|
8
|
+
Object.keys(_Skeleton).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] === _Skeleton[key]) return;
|
|
12
|
+
exports[key] = _Skeleton[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/Slider/RcSlider.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
package/ui/Slider/Slider.js
CHANGED
|
@@ -1,27 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.default = void 0;
|
|
6
|
+
var _rcSlider = _interopRequireDefault(require("rc-slider"));
|
|
7
|
+
require("!style-loader!css-loader!./style.css");
|
|
8
|
+
var _HelperText = _interopRequireDefault(require("../HelperText/HelperText"));
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
7
10
|
const Slider = props => {
|
|
8
11
|
let {
|
|
9
12
|
size = 'large',
|
|
10
13
|
...restProps
|
|
11
14
|
} = props;
|
|
12
|
-
return /*#__PURE__*/
|
|
13
|
-
children: /*#__PURE__*/
|
|
14
|
-
children: [/*#__PURE__*/
|
|
15
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
16
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
17
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_rcSlider.default, {
|
|
15
18
|
...restProps,
|
|
16
19
|
className: '_' + size
|
|
17
|
-
}), restProps.min !== undefined && restProps.max !== undefined && /*#__PURE__*/
|
|
20
|
+
}), restProps.min !== undefined && restProps.max !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
18
21
|
className: 'arm-slider__text',
|
|
19
|
-
children: [/*#__PURE__*/
|
|
20
|
-
children: /*#__PURE__*/
|
|
22
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
23
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
|
|
21
24
|
children: restProps.min
|
|
22
25
|
})
|
|
23
|
-
}), /*#__PURE__*/
|
|
24
|
-
children: /*#__PURE__*/
|
|
26
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
27
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
|
|
25
28
|
children: restProps.max
|
|
26
29
|
})
|
|
27
30
|
})]
|
|
@@ -29,4 +32,5 @@ const Slider = props => {
|
|
|
29
32
|
})
|
|
30
33
|
});
|
|
31
34
|
};
|
|
32
|
-
|
|
35
|
+
var _default = exports.default = Slider;
|
|
36
|
+
module.exports = exports.default;
|
package/ui/Slider/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 _Slider = _interopRequireWildcard(require("./Slider"));
|
|
7
|
+
exports.default = _Slider.default;
|
|
8
|
+
Object.keys(_Slider).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] === _Slider[key]) return;
|
|
12
|
+
exports[key] = _Slider[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/Stack/Stack.js
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
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 _react = require("react");
|
|
7
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
5
9
|
const wrapItem = (item, spacing, index) => {
|
|
6
|
-
if (!Array.isArray(item)) return [/*#__PURE__*/cloneElement( /*#__PURE__*/
|
|
10
|
+
if (!Array.isArray(item)) return [/*#__PURE__*/(0, _react.cloneElement)( /*#__PURE__*/(0, _jsxRuntime.jsx)(StackItem, {
|
|
7
11
|
spacing: spacing,
|
|
8
12
|
children: item
|
|
9
13
|
}, index))];
|
|
@@ -25,14 +29,14 @@ const Stack = props => {
|
|
|
25
29
|
// childrenProp = children.map((child, index) => {
|
|
26
30
|
// return cloneElement(<StackItem key={index} spacing={spacing}>{child}</StackItem>)
|
|
27
31
|
// })
|
|
28
|
-
} else childrenProp = /*#__PURE__*/
|
|
32
|
+
} else childrenProp = /*#__PURE__*/(0, _jsxRuntime.jsx)(StackItem, {
|
|
29
33
|
spacing: spacing,
|
|
30
34
|
children: children
|
|
31
35
|
});
|
|
32
|
-
return /*#__PURE__*/
|
|
33
|
-
children: /*#__PURE__*/
|
|
36
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
37
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
34
38
|
...divProps,
|
|
35
|
-
className:
|
|
39
|
+
className: (0, _clsx.default)('arm-stack', 'flex', className, {
|
|
36
40
|
'flex-wrap': !!wrap,
|
|
37
41
|
'items-center': center,
|
|
38
42
|
['arm-stack_spacing_' + spacing]: !!spacing
|
|
@@ -46,11 +50,12 @@ const StackItem = props => {
|
|
|
46
50
|
children,
|
|
47
51
|
spacing
|
|
48
52
|
} = props;
|
|
49
|
-
return /*#__PURE__*/
|
|
50
|
-
className:
|
|
53
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
54
|
+
className: (0, _clsx.default)({
|
|
51
55
|
['arm-stack-item_spacing_' + spacing]: !!spacing
|
|
52
56
|
}),
|
|
53
57
|
children: children
|
|
54
58
|
});
|
|
55
59
|
};
|
|
56
|
-
|
|
60
|
+
var _default = exports.default = Stack;
|
|
61
|
+
module.exports = exports.default;
|
package/ui/Stack/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 _Stack = _interopRequireWildcard(require("./Stack"));
|
|
7
|
+
exports.default = _Stack.default;
|
|
8
|
+
Object.keys(_Stack).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] === _Stack[key]) return;
|
|
12
|
+
exports[key] = _Stack[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/Status/Status.js
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.default = void 0;
|
|
6
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
7
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
5
8
|
function Status(props) {
|
|
6
9
|
let {
|
|
7
10
|
color,
|
|
@@ -14,20 +17,21 @@ function Status(props) {
|
|
|
14
17
|
...restProps
|
|
15
18
|
} = props;
|
|
16
19
|
const Component = as || 'span';
|
|
17
|
-
return /*#__PURE__*/
|
|
18
|
-
children: /*#__PURE__*/
|
|
20
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
21
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, {
|
|
19
22
|
...restProps,
|
|
20
|
-
className:
|
|
23
|
+
className: (0, _clsx.default)('arm-status', ['arm-status_' + color], className, {
|
|
21
24
|
['arm-status_size_' + size]: !!size
|
|
22
25
|
}),
|
|
23
|
-
children: [/*#__PURE__*/
|
|
26
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
24
27
|
className: 'arm-status__content',
|
|
25
28
|
children: text || children
|
|
26
|
-
}), icon && /*#__PURE__*/
|
|
27
|
-
className:
|
|
29
|
+
}), icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
30
|
+
className: (0, _clsx.default)('arm-status__icon', 'material_icon'),
|
|
28
31
|
children: icon
|
|
29
32
|
})]
|
|
30
33
|
})
|
|
31
34
|
});
|
|
32
35
|
}
|
|
33
|
-
|
|
36
|
+
var _default = exports.default = Status;
|
|
37
|
+
module.exports = exports.default;
|
package/ui/Status/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 _Status = _interopRequireWildcard(require("./Status"));
|
|
7
|
+
exports.default = _Status.default;
|
|
8
|
+
Object.keys(_Status).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] === _Status[key]) return;
|
|
12
|
+
exports[key] = _Status[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/Stepper/StepItem.js
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.default = void 0;
|
|
6
|
+
var _StepItemIcon = _interopRequireDefault(require("./StepItemIcon"));
|
|
7
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
+
var _Button = _interopRequireDefault(require("../Button/Button"));
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
7
10
|
const StepItem = props => {
|
|
8
11
|
let {
|
|
9
12
|
title,
|
|
@@ -15,31 +18,31 @@ const StepItem = props => {
|
|
|
15
18
|
orientation = 'horizontal',
|
|
16
19
|
...iconProps
|
|
17
20
|
} = props;
|
|
18
|
-
return /*#__PURE__*/
|
|
19
|
-
children: /*#__PURE__*/
|
|
20
|
-
className:
|
|
21
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
22
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
23
|
+
className: (0, _clsx.default)('arm-step-item', ['arm-step-item_' + props.size], {
|
|
21
24
|
'arm-step-item_last': last,
|
|
22
25
|
'arm-step-item_horizontal': orientation === 'horizontal'
|
|
23
26
|
}),
|
|
24
|
-
children: [/*#__PURE__*/
|
|
27
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
25
28
|
className: 'arm-step-item__inner',
|
|
26
|
-
children: [/*#__PURE__*/
|
|
29
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
27
30
|
className: 'arm-step-item__icon',
|
|
28
|
-
children: /*#__PURE__*/
|
|
31
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepItemIcon.default, {
|
|
29
32
|
...iconProps
|
|
30
33
|
})
|
|
31
|
-
}), !!title && /*#__PURE__*/
|
|
32
|
-
className:
|
|
34
|
+
}), !!title && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
35
|
+
className: (0, _clsx.default)('arm-step-item__title', {
|
|
33
36
|
'arm-step-item__title_error': iconProps.error,
|
|
34
37
|
'arm-step-item__title_with_content': content || children
|
|
35
38
|
}),
|
|
36
39
|
children: title
|
|
37
40
|
})]
|
|
38
|
-
}), /*#__PURE__*/
|
|
41
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
39
42
|
className: 'arm-step-item__content',
|
|
40
|
-
children: [content || children, !!button && /*#__PURE__*/
|
|
43
|
+
children: [content || children, !!button && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
41
44
|
className: 'arm-step-item__button',
|
|
42
|
-
children: /*#__PURE__*/
|
|
45
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
43
46
|
...buttonProps,
|
|
44
47
|
children: button
|
|
45
48
|
})
|
|
@@ -48,4 +51,5 @@ const StepItem = props => {
|
|
|
48
51
|
})
|
|
49
52
|
});
|
|
50
53
|
};
|
|
51
|
-
|
|
54
|
+
var _default = exports.default = StepItem;
|
|
55
|
+
module.exports = exports.default;
|
|
@@ -1,28 +1,32 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.default = void 0;
|
|
6
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
7
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
8
|
const StepItemIcon = props => {
|
|
5
9
|
let icon = '';
|
|
6
10
|
if (!props.number) {
|
|
7
11
|
if (props.active) icon = 'schedule';else if (props.complete) icon = 'done';
|
|
8
12
|
}
|
|
9
|
-
return /*#__PURE__*/
|
|
10
|
-
children: /*#__PURE__*/
|
|
11
|
-
className:
|
|
13
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
14
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
15
|
+
className: (0, _clsx.default)('arm-step-item-icon', ['arm-step-item-icon_' + props.size], {
|
|
12
16
|
['arm-step-item-icon_active']: props.active,
|
|
13
17
|
['arm-step-item-icon_error']: props.error,
|
|
14
18
|
['arm-step-item-icon_complete']: props.complete,
|
|
15
19
|
['arm-step-item-icon_icon']: !props.icon
|
|
16
20
|
}),
|
|
17
|
-
children: /*#__PURE__*/
|
|
21
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
18
22
|
className: 'arm-step-item-icon__inner',
|
|
19
|
-
children: !props.error ? !props.number ? /*#__PURE__*/
|
|
23
|
+
children: !props.error ? !props.number ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
20
24
|
className: 'material_icon_solid',
|
|
21
25
|
children: icon
|
|
22
|
-
}) : /*#__PURE__*/
|
|
26
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
23
27
|
className: 'arm-step-item-icon__number',
|
|
24
28
|
children: props.number
|
|
25
|
-
}) : /*#__PURE__*/
|
|
29
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
26
30
|
className: 'material_icon_solid',
|
|
27
31
|
children: "warning"
|
|
28
32
|
})
|
|
@@ -30,4 +34,5 @@ const StepItemIcon = props => {
|
|
|
30
34
|
})
|
|
31
35
|
});
|
|
32
36
|
};
|
|
33
|
-
|
|
37
|
+
var _default = exports.default = StepItemIcon;
|
|
38
|
+
module.exports = exports.default;
|
package/ui/Stepper/Stepper.js
CHANGED
|
@@ -1,25 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.default = void 0;
|
|
6
|
+
var _StepItem = _interopRequireDefault(require("./StepItem"));
|
|
7
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
7
10
|
const Stepper = props => {
|
|
8
11
|
var _props$steps;
|
|
9
12
|
let {
|
|
10
13
|
orientation = 'horizontal'
|
|
11
14
|
} = props;
|
|
12
|
-
return /*#__PURE__*/
|
|
13
|
-
children: /*#__PURE__*/
|
|
14
|
-
className:
|
|
15
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
16
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
17
|
+
className: (0, _clsx.default)('arm-stepper', ['arm-stepper_' + props.size], {
|
|
15
18
|
['arm-stepper_horizontal']: orientation === 'horizontal'
|
|
16
19
|
}),
|
|
17
20
|
children: (_props$steps = props.steps) == null ? void 0 : _props$steps.map((item, index) => {
|
|
18
21
|
var _props$steps2;
|
|
19
22
|
let title = typeof item === 'string' || typeof item === 'number' ? String(item) : item.title;
|
|
20
23
|
let params = typeof item === 'string' || typeof item === 'number' ? {} : item;
|
|
21
|
-
return /*#__PURE__*/
|
|
22
|
-
children: [/*#__PURE__*/
|
|
24
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
|
|
25
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepItem.default, {
|
|
23
26
|
error: index + 1 === props.error,
|
|
24
27
|
active: index + 1 === props.active,
|
|
25
28
|
complete: index + 1 === props.complete || index + 1 < (props.active || 0),
|
|
@@ -28,7 +31,7 @@ const Stepper = props => {
|
|
|
28
31
|
last: index + 1 === ((_props$steps2 = props.steps) == null ? void 0 : _props$steps2.length),
|
|
29
32
|
orientation: orientation,
|
|
30
33
|
size: props.size
|
|
31
|
-
}), index + 1 < props.steps.length && /*#__PURE__*/
|
|
34
|
+
}), index + 1 < props.steps.length && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
32
35
|
className: 'arm-stepper__connector'
|
|
33
36
|
})]
|
|
34
37
|
}, index);
|
|
@@ -36,4 +39,5 @@ const Stepper = props => {
|
|
|
36
39
|
})
|
|
37
40
|
});
|
|
38
41
|
};
|
|
39
|
-
|
|
42
|
+
var _default = exports.default = Stepper;
|
|
43
|
+
module.exports = exports.default;
|
package/ui/Stepper/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 _Stepper = _interopRequireWildcard(require("./Stepper"));
|
|
7
|
+
exports.default = _Stepper.default;
|
|
8
|
+
Object.keys(_Stepper).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] === _Stepper[key]) return;
|
|
12
|
+
exports[key] = _Stepper[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;
|