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,17 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
"use strict";
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
exports.default = exports.Pagination = void 0;
|
|
6
|
+
var _Stack = _interopRequireDefault(require("../Stack"));
|
|
7
|
+
var _ButtonIcon = _interopRequireDefault(require("../ButtonIcon"));
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
var _Icon = require("../Icon");
|
|
10
|
+
var _Button = _interopRequireDefault(require("../Button"));
|
|
11
|
+
var _Popover = require("../Popover");
|
|
12
|
+
var _List = _interopRequireDefault(require("../List"));
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
14
|
const MAX_DISPLAY = 5;
|
|
14
|
-
|
|
15
|
+
const Pagination = props => {
|
|
15
16
|
const {
|
|
16
17
|
pageSize,
|
|
17
18
|
pageSizes,
|
|
@@ -36,68 +37,68 @@ export const Pagination = props => {
|
|
|
36
37
|
if (selectedPage !== page) onChange(selectedPage);
|
|
37
38
|
};
|
|
38
39
|
if (total <= 1) return null;
|
|
39
|
-
return /*#__PURE__*/
|
|
40
|
-
children: /*#__PURE__*/
|
|
40
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
41
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
|
|
41
42
|
spacing: 'small',
|
|
42
|
-
children: [pageSizes && onPageSizeSelect && /*#__PURE__*/
|
|
43
|
+
children: [pageSizes && onPageSizeSelect && /*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationPerPage, {
|
|
43
44
|
...props,
|
|
44
45
|
pageSizes: pageSizes,
|
|
45
46
|
onPageSizeSelect: onPageSizeSelect
|
|
46
|
-
}), /*#__PURE__*/
|
|
47
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
|
|
47
48
|
center: true,
|
|
48
49
|
...stackProps,
|
|
49
|
-
children: [page > 1 && /*#__PURE__*/
|
|
50
|
+
children: [page > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
|
|
50
51
|
onClick: handleClick(page - 1),
|
|
51
52
|
size: 'small',
|
|
52
53
|
variant: 'transparent',
|
|
53
54
|
color: 'neutral',
|
|
54
|
-
children: /*#__PURE__*/
|
|
55
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Mi, {
|
|
55
56
|
icon: 'chevron_left'
|
|
56
57
|
})
|
|
57
|
-
}), displayFirst && /*#__PURE__*/
|
|
58
|
+
}), displayFirst && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
|
|
58
59
|
onClick: handleClick(1),
|
|
59
60
|
size: 'small',
|
|
60
61
|
variant: 'transparent',
|
|
61
62
|
color: 'neutral',
|
|
62
|
-
children: /*#__PURE__*/
|
|
63
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
63
64
|
className: 'arm-pagination__item',
|
|
64
65
|
children: "1"
|
|
65
66
|
})
|
|
66
|
-
}), displayFirstDots && /*#__PURE__*/
|
|
67
|
+
}), displayFirstDots && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
|
|
67
68
|
size: 'small',
|
|
68
69
|
disabled: true,
|
|
69
70
|
children: "..."
|
|
70
71
|
}), pageArr.map(item => {
|
|
71
|
-
return /*#__PURE__*/
|
|
72
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
|
|
72
73
|
onClick: handleClick(item),
|
|
73
74
|
size: 'small',
|
|
74
75
|
className: page === item ? 'bg-gray-100' : '',
|
|
75
76
|
variant: 'transparent',
|
|
76
77
|
color: 'neutral',
|
|
77
|
-
children: /*#__PURE__*/
|
|
78
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
78
79
|
className: 'arm-pagination__item',
|
|
79
80
|
children: item
|
|
80
81
|
})
|
|
81
82
|
}, item);
|
|
82
|
-
}), displayLastDots && /*#__PURE__*/
|
|
83
|
+
}), displayLastDots && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
|
|
83
84
|
size: 'small',
|
|
84
85
|
disabled: true,
|
|
85
86
|
children: "..."
|
|
86
|
-
}), displayLast && /*#__PURE__*/
|
|
87
|
+
}), displayLast && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
|
|
87
88
|
onClick: handleClick(total),
|
|
88
89
|
size: 'small',
|
|
89
90
|
variant: 'transparent',
|
|
90
91
|
color: 'neutral',
|
|
91
|
-
children: /*#__PURE__*/
|
|
92
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
92
93
|
className: 'arm-pagination__item',
|
|
93
94
|
children: total
|
|
94
95
|
})
|
|
95
|
-
}), page !== total && /*#__PURE__*/
|
|
96
|
+
}), page !== total && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
|
|
96
97
|
onClick: handleClick(page + 1),
|
|
97
98
|
size: 'small',
|
|
98
99
|
variant: 'transparent',
|
|
99
100
|
color: 'neutral',
|
|
100
|
-
children: /*#__PURE__*/
|
|
101
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Mi, {
|
|
101
102
|
icon: 'chevron_right'
|
|
102
103
|
})
|
|
103
104
|
})]
|
|
@@ -105,6 +106,7 @@ export const Pagination = props => {
|
|
|
105
106
|
})
|
|
106
107
|
});
|
|
107
108
|
};
|
|
109
|
+
exports.Pagination = Pagination;
|
|
108
110
|
const PaginationPerPage = props => {
|
|
109
111
|
const {
|
|
110
112
|
pageSize,
|
|
@@ -112,31 +114,31 @@ const PaginationPerPage = props => {
|
|
|
112
114
|
pageSizeLabel,
|
|
113
115
|
onPageSizeSelect
|
|
114
116
|
} = props;
|
|
115
|
-
const [visible, setVisible] = useState(false);
|
|
116
|
-
const btnRef = useRef(null);
|
|
117
|
+
const [visible, setVisible] = (0, _react.useState)(false);
|
|
118
|
+
const btnRef = (0, _react.useRef)(null);
|
|
117
119
|
const handleClose = () => setVisible(false);
|
|
118
120
|
const handleClick = item => {
|
|
119
121
|
onPageSizeSelect(item);
|
|
120
122
|
handleClose();
|
|
121
123
|
};
|
|
122
|
-
return /*#__PURE__*/
|
|
124
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
|
|
123
125
|
spacing: 'small',
|
|
124
126
|
center: true,
|
|
125
127
|
className: 'flex items-center',
|
|
126
|
-
children: [pageSizeLabel && /*#__PURE__*/
|
|
128
|
+
children: [pageSizeLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
127
129
|
className: 'text-small',
|
|
128
130
|
children: pageSizeLabel
|
|
129
|
-
}), /*#__PURE__*/
|
|
131
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
130
132
|
variant: 'transparent',
|
|
131
133
|
onClick: () => setVisible(true),
|
|
132
134
|
ref: btnRef,
|
|
133
|
-
endAdornment: /*#__PURE__*/
|
|
135
|
+
endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Mi, {
|
|
134
136
|
icon: 'expand_more'
|
|
135
137
|
}),
|
|
136
138
|
size: 'small',
|
|
137
139
|
color: 'neutral',
|
|
138
140
|
children: pageSize
|
|
139
|
-
}), /*#__PURE__*/
|
|
141
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.Popover, {
|
|
140
142
|
placement: 'bottom',
|
|
141
143
|
open: visible,
|
|
142
144
|
anchorEl: btnRef.current,
|
|
@@ -144,7 +146,7 @@ const PaginationPerPage = props => {
|
|
|
144
146
|
classes: {
|
|
145
147
|
paper: 'p-0'
|
|
146
148
|
},
|
|
147
|
-
children: pageSizes.map(item => /*#__PURE__*/
|
|
149
|
+
children: pageSizes.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, {
|
|
148
150
|
onClick: () => handleClick(item),
|
|
149
151
|
active: item === pageSize,
|
|
150
152
|
children: item
|
|
@@ -152,4 +154,4 @@ const PaginationPerPage = props => {
|
|
|
152
154
|
})]
|
|
153
155
|
});
|
|
154
156
|
};
|
|
155
|
-
|
|
157
|
+
var _default = exports.default = Pagination;
|
package/ui/Pagination/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 _Pagination.default;
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
var _Pagination = _interopRequireWildcard(require("./Pagination"));
|
|
11
|
+
Object.keys(_Pagination).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] === _Pagination[key]) return;
|
|
15
|
+
Object.defineProperty(exports, key, {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () {
|
|
18
|
+
return _Pagination[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/Paper/Paper.js
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
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 Paper = props => {
|
|
5
8
|
let {
|
|
6
9
|
children,
|
|
@@ -9,9 +12,9 @@ const Paper = props => {
|
|
|
9
12
|
variant = 'elevation',
|
|
10
13
|
...divPops
|
|
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-paper', className, {
|
|
15
18
|
'arm-paper_elevation': variant === 'elevation',
|
|
16
19
|
'arm-paper_outlined': variant === 'outlined',
|
|
17
20
|
'arm-paper_dark': theme === 'dark'
|
|
@@ -21,4 +24,5 @@ const Paper = props => {
|
|
|
21
24
|
})
|
|
22
25
|
});
|
|
23
26
|
};
|
|
24
|
-
|
|
27
|
+
var _default = exports.default = Paper;
|
|
28
|
+
module.exports = exports.default;
|
package/ui/Paper/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 _Paper.default;
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
var _Paper = _interopRequireWildcard(require("./Paper"));
|
|
11
|
+
Object.keys(_Paper).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] === _Paper[key]) return;
|
|
15
|
+
Object.defineProperty(exports, key, {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () {
|
|
18
|
+
return _Paper[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/Popover/Popover.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.default = exports.Popover = void 0;
|
|
5
|
+
var _BackDrop = _interopRequireDefault(require("../BackDrop"));
|
|
6
|
+
var _PopperBase = require("../Popper/PopperBase");
|
|
7
|
+
var _Paper = _interopRequireDefault(require("../Paper"));
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
const Popover = props => {
|
|
7
10
|
const {
|
|
8
11
|
onClose,
|
|
9
12
|
matchWidth = false,
|
|
@@ -12,13 +15,13 @@ export const Popover = props => {
|
|
|
12
15
|
...popperProps
|
|
13
16
|
} = props;
|
|
14
17
|
if (!props.open || !popperProps.anchorEl) return null;
|
|
15
|
-
return /*#__PURE__*/
|
|
16
|
-
children: /*#__PURE__*/
|
|
18
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
19
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackDrop.default, {
|
|
17
20
|
onClick: onClose,
|
|
18
|
-
children: /*#__PURE__*/
|
|
21
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopperBase.PopperBase, {
|
|
19
22
|
...popperProps,
|
|
20
23
|
anchorEl: popperProps.anchorEl,
|
|
21
|
-
children: /*#__PURE__*/
|
|
24
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paper.default, {
|
|
22
25
|
className: classes == null ? void 0 : classes.paper,
|
|
23
26
|
style: matchWidth ? {
|
|
24
27
|
width: popperProps.anchorEl.clientWidth
|
|
@@ -29,4 +32,5 @@ export const Popover = props => {
|
|
|
29
32
|
})
|
|
30
33
|
});
|
|
31
34
|
};
|
|
32
|
-
|
|
35
|
+
exports.Popover = Popover;
|
|
36
|
+
var _default = exports.default = Popover;
|
package/ui/Popover/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 _Popover.default;
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
var _Popover = _interopRequireWildcard(require("./Popover"));
|
|
11
|
+
Object.keys(_Popover).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] === _Popover[key]) return;
|
|
15
|
+
Object.defineProperty(exports, key, {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () {
|
|
18
|
+
return _Popover[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/Popper/Popper.js
CHANGED
|
@@ -1,16 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
import { PopperBase } from "./PopperBase";
|
|
1
|
+
"use strict";
|
|
3
2
|
|
|
3
|
+
exports.default = exports.Popper = void 0;
|
|
4
|
+
var _reactDom = require("react-dom");
|
|
5
|
+
var _PopperBase = require("./PopperBase");
|
|
6
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
7
|
//TODO TESTS
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
export const Popper = props => {
|
|
8
|
+
|
|
9
|
+
const Popper = props => {
|
|
8
10
|
if (!props.open) return null;
|
|
9
|
-
return /*#__PURE__*/
|
|
10
|
-
children: /*#__PURE__*/createPortal( /*#__PURE__*/
|
|
11
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
12
|
+
children: /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopperBase.PopperBase, {
|
|
11
13
|
...props,
|
|
12
14
|
children: props.children
|
|
13
15
|
}), document.body)
|
|
14
16
|
});
|
|
15
17
|
};
|
|
16
|
-
|
|
18
|
+
exports.Popper = Popper;
|
|
19
|
+
var _default = exports.default = Popper;
|
package/ui/Popper/PopperBase.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
"use strict";
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
exports.default = exports.PopperBase = void 0;
|
|
5
|
+
var _react = require("react");
|
|
6
|
+
var _core = require("@popperjs/core");
|
|
7
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
|
+
const PopperBase = props => {
|
|
8
9
|
const {
|
|
9
10
|
anchorEl,
|
|
10
11
|
children,
|
|
@@ -13,8 +14,8 @@ export const PopperBase = props => {
|
|
|
13
14
|
anchorPosition,
|
|
14
15
|
open
|
|
15
16
|
} = props;
|
|
16
|
-
const tooltipRef = useRef(null);
|
|
17
|
-
useEffect(() => {
|
|
17
|
+
const tooltipRef = (0, _react.useRef)(null);
|
|
18
|
+
(0, _react.useEffect)(() => {
|
|
18
19
|
let modifiers = [{
|
|
19
20
|
name: 'offset',
|
|
20
21
|
options: {
|
|
@@ -34,7 +35,7 @@ export const PopperBase = props => {
|
|
|
34
35
|
}
|
|
35
36
|
});
|
|
36
37
|
}
|
|
37
|
-
const popper = createPopper(anchorEl, tooltipRef.current, {
|
|
38
|
+
const popper = (0, _core.createPopper)(anchorEl, tooltipRef.current, {
|
|
38
39
|
placement: placement,
|
|
39
40
|
modifiers: modifiers
|
|
40
41
|
});
|
|
@@ -43,12 +44,13 @@ export const PopperBase = props => {
|
|
|
43
44
|
// handlePopperRefRef.current!(null)
|
|
44
45
|
};
|
|
45
46
|
}, [open, placement]);
|
|
46
|
-
return /*#__PURE__*/
|
|
47
|
-
children: /*#__PURE__*/
|
|
47
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
48
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
48
49
|
ref: tooltipRef,
|
|
49
50
|
className: className,
|
|
50
51
|
children: children
|
|
51
52
|
})
|
|
52
53
|
});
|
|
53
54
|
};
|
|
54
|
-
|
|
55
|
+
exports.PopperBase = PopperBase;
|
|
56
|
+
var _default = exports.default = PopperBase;
|
package/ui/Popper/index.js
CHANGED
|
@@ -1,2 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
var _exportNames = {};
|
|
5
|
+
Object.defineProperty(exports, "default", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function () {
|
|
8
|
+
return _Popper.default;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
var _Popper = _interopRequireDefault(require("./Popper"));
|
|
12
|
+
var _PopperBase = require("./PopperBase");
|
|
13
|
+
Object.keys(_PopperBase).forEach(function (key) {
|
|
14
|
+
if (key === "default" || key === "__esModule") return;
|
|
15
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
16
|
+
if (key in exports && exports[key] === _PopperBase[key]) return;
|
|
17
|
+
Object.defineProperty(exports, key, {
|
|
18
|
+
enumerable: true,
|
|
19
|
+
get: function () {
|
|
20
|
+
return _PopperBase[key];
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
});
|
package/ui/Skeleton/Skeleton.js
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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");
|
|
3
7
|
const Skeleton = props => {
|
|
4
8
|
const {
|
|
5
9
|
width = '100%',
|
|
@@ -8,9 +12,9 @@ const Skeleton = props => {
|
|
|
8
12
|
circle,
|
|
9
13
|
...divProps
|
|
10
14
|
} = props;
|
|
11
|
-
return /*#__PURE__*/
|
|
15
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
12
16
|
...divProps,
|
|
13
|
-
className:
|
|
17
|
+
className: (0, _clsx.default)(className, 'arm-skeleton', {
|
|
14
18
|
'arm-skeleton_circle': !!circle
|
|
15
19
|
}),
|
|
16
20
|
style: {
|
|
@@ -19,4 +23,5 @@ const Skeleton = props => {
|
|
|
19
23
|
}
|
|
20
24
|
});
|
|
21
25
|
};
|
|
22
|
-
|
|
26
|
+
var _default = exports.default = Skeleton;
|
|
27
|
+
module.exports = exports.default;
|
package/ui/Skeleton/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 _Skeleton.default;
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
var _Skeleton = _interopRequireWildcard(require("./Skeleton"));
|
|
11
|
+
Object.keys(_Skeleton).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] === _Skeleton[key]) return;
|
|
15
|
+
Object.defineProperty(exports, key, {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () {
|
|
18
|
+
return _Skeleton[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/Slider/RcSlider.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
package/ui/Slider/Slider.js
CHANGED
|
@@ -1,27 +1,29 @@
|
|
|
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 _rcSlider = _interopRequireDefault(require("rc-slider"));
|
|
6
|
+
require("!style-loader!css-loader!./style.css");
|
|
7
|
+
var _HelperText = _interopRequireDefault(require("../HelperText/HelperText"));
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
7
9
|
const Slider = props => {
|
|
8
10
|
let {
|
|
9
11
|
size = 'large',
|
|
10
12
|
...restProps
|
|
11
13
|
} = props;
|
|
12
|
-
return /*#__PURE__*/
|
|
13
|
-
children: /*#__PURE__*/
|
|
14
|
-
children: [/*#__PURE__*/
|
|
14
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
15
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
16
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_rcSlider.default, {
|
|
15
17
|
...restProps,
|
|
16
18
|
className: '_' + size
|
|
17
|
-
}), restProps.min !== undefined && restProps.max !== undefined && /*#__PURE__*/
|
|
19
|
+
}), restProps.min !== undefined && restProps.max !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
18
20
|
className: 'arm-slider__text',
|
|
19
|
-
children: [/*#__PURE__*/
|
|
20
|
-
children: /*#__PURE__*/
|
|
21
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
22
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
|
|
21
23
|
children: restProps.min
|
|
22
24
|
})
|
|
23
|
-
}), /*#__PURE__*/
|
|
24
|
-
children: /*#__PURE__*/
|
|
25
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
26
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
|
|
25
27
|
children: restProps.max
|
|
26
28
|
})
|
|
27
29
|
})]
|
|
@@ -29,4 +31,5 @@ const Slider = props => {
|
|
|
29
31
|
})
|
|
30
32
|
});
|
|
31
33
|
};
|
|
32
|
-
|
|
34
|
+
var _default = exports.default = Slider;
|
|
35
|
+
module.exports = exports.default;
|
package/ui/Slider/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 _Slider.default;
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
var _Slider = _interopRequireWildcard(require("./Slider"));
|
|
11
|
+
Object.keys(_Slider).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] === _Slider[key]) return;
|
|
15
|
+
Object.defineProperty(exports, key, {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () {
|
|
18
|
+
return _Slider[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/Stack/Stack.js
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
var _react = require("react");
|
|
6
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
7
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
5
8
|
const wrapItem = (item, spacing, index) => {
|
|
6
|
-
if (!Array.isArray(item)) return [/*#__PURE__*/cloneElement( /*#__PURE__*/
|
|
9
|
+
if (!Array.isArray(item)) return [/*#__PURE__*/(0, _react.cloneElement)( /*#__PURE__*/(0, _jsxRuntime.jsx)(StackItem, {
|
|
7
10
|
spacing: spacing,
|
|
8
11
|
children: item
|
|
9
12
|
}, index))];
|
|
@@ -25,14 +28,14 @@ const Stack = props => {
|
|
|
25
28
|
// childrenProp = children.map((child, index) => {
|
|
26
29
|
// return cloneElement(<StackItem key={index} spacing={spacing}>{child}</StackItem>)
|
|
27
30
|
// })
|
|
28
|
-
} else childrenProp = /*#__PURE__*/
|
|
31
|
+
} else childrenProp = /*#__PURE__*/(0, _jsxRuntime.jsx)(StackItem, {
|
|
29
32
|
spacing: spacing,
|
|
30
33
|
children: children
|
|
31
34
|
});
|
|
32
|
-
return /*#__PURE__*/
|
|
33
|
-
children: /*#__PURE__*/
|
|
35
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
36
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
34
37
|
...divProps,
|
|
35
|
-
className:
|
|
38
|
+
className: (0, _clsx.default)('arm-stack', 'flex', className, {
|
|
36
39
|
'flex-wrap': !!wrap,
|
|
37
40
|
'items-center': center,
|
|
38
41
|
['arm-stack_spacing_' + spacing]: !!spacing
|
|
@@ -46,11 +49,12 @@ const StackItem = props => {
|
|
|
46
49
|
children,
|
|
47
50
|
spacing
|
|
48
51
|
} = props;
|
|
49
|
-
return /*#__PURE__*/
|
|
50
|
-
className:
|
|
52
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
53
|
+
className: (0, _clsx.default)({
|
|
51
54
|
['arm-stack-item_spacing_' + spacing]: !!spacing
|
|
52
55
|
}),
|
|
53
56
|
children: children
|
|
54
57
|
});
|
|
55
58
|
};
|
|
56
|
-
|
|
59
|
+
var _default = exports.default = Stack;
|
|
60
|
+
module.exports = exports.default;
|