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.
Files changed (126) hide show
  1. package/index.js +2 -1
  2. package/lib/const/styles.js +4 -1
  3. package/lib/helpers/genericForwardRef.js +6 -3
  4. package/lib/helpers/getColorClasses.js +9 -6
  5. package/lib/helpers/getSizeClasses.js +8 -5
  6. package/lib/helpers/getVariantClasses.js +8 -5
  7. package/lib/helpers/helpers.js +18 -10
  8. package/lib/helpers/index.js +13 -1
  9. package/lib/hooks/useClickOutside.js +7 -4
  10. package/lib/hooks/useEnhancedEffect.js +7 -3
  11. package/lib/hooks/useEventCallback.js +10 -4
  12. package/lib/hooks/useLazyRef.js +7 -4
  13. package/lib/hooks/useTimeout.js +11 -6
  14. package/lib/services/DateService.js +6 -2
  15. package/package.json +1 -1
  16. package/types/theme.js +1 -1
  17. package/ui/Accordion/Accordion.classes.js +18 -14
  18. package/ui/Accordion/Accordion.js +37 -35
  19. package/ui/Accordion/index.js +23 -2
  20. package/ui/Adornment/Adornment.js +15 -11
  21. package/ui/Adornment/index.js +17 -2
  22. package/ui/Alert/Alert.js +19 -16
  23. package/ui/Alert/index.js +23 -2
  24. package/ui/Avatar/Avatar.js +21 -18
  25. package/ui/Avatar/index.js +23 -2
  26. package/ui/AvatarGroup/AvatarGroup.js +17 -14
  27. package/ui/AvatarGroup/index.js +23 -2
  28. package/ui/BackDrop/BackDrop.js +12 -9
  29. package/ui/BackDrop/BackDropBase.js +14 -11
  30. package/ui/BackDrop/index.js +23 -2
  31. package/ui/Badge/Badge.js +15 -12
  32. package/ui/Badge/index.js +23 -2
  33. package/ui/Button/Button.js +18 -15
  34. package/ui/Button/index.js +23 -2
  35. package/ui/ButtonGroup/ButtonGroup.js +14 -10
  36. package/ui/ButtonGroup/index.js +23 -2
  37. package/ui/ButtonIcon/ButtonIcon.js +15 -11
  38. package/ui/ButtonIcon/index.js +23 -2
  39. package/ui/Card/Card.js +11 -7
  40. package/ui/Card/index.js +23 -2
  41. package/ui/Chip/Chip.js +18 -15
  42. package/ui/Chip/index.js +23 -2
  43. package/ui/Dropdown/Dropdown.js +19 -16
  44. package/ui/Dropdown/index.js +23 -2
  45. package/ui/Form/Checkbox/Checkbox.js +21 -19
  46. package/ui/Form/Checkbox/index.js +23 -2
  47. package/ui/Form/DateField/DateField.js +27 -25
  48. package/ui/Form/DateField/index.js +23 -2
  49. package/ui/Form/DatePicker/DatePicker.js +20 -13
  50. package/ui/Form/DatePicker/index.js +23 -2
  51. package/ui/Form/FormControls/FormControls.js +18 -15
  52. package/ui/Form/FormControls/index.js +23 -2
  53. package/ui/Form/Interval/Interval.js +22 -20
  54. package/ui/Form/Interval/IntervalSlide.js +15 -13
  55. package/ui/Form/Interval/index.js +33 -3
  56. package/ui/Form/Password/Password.js +16 -14
  57. package/ui/Form/Password/index.js +23 -2
  58. package/ui/Form/Period/Period.js +23 -21
  59. package/ui/Form/Period/index.js +23 -2
  60. package/ui/Form/PeriodSelect/PeriodSelect.js +12 -9
  61. package/ui/Form/PeriodSelect/index.js +23 -2
  62. package/ui/Form/Radio/Radio.js +12 -8
  63. package/ui/Form/Radio/index.js +23 -2
  64. package/ui/Form/Rating/Rating.js +15 -13
  65. package/ui/Form/Rating/index.js +23 -2
  66. package/ui/Form/Select/Select.js +49 -49
  67. package/ui/Form/Select/SelectOptionList.js +12 -8
  68. package/ui/Form/Select/SelectOptionsContainer.js +10 -6
  69. package/ui/Form/Select/SelectSummary.js +36 -32
  70. package/ui/Form/Select/index.js +35 -3
  71. package/ui/Form/Switch/Switch.js +13 -10
  72. package/ui/Form/Switch/index.js +23 -2
  73. package/ui/Form/TextArea/TextArea.js +18 -15
  74. package/ui/Form/TextArea/index.js +23 -2
  75. package/ui/Form/TextField/TextField.js +38 -34
  76. package/ui/Form/TextField/index.js +23 -2
  77. package/ui/Form/TimeField/TimeField.js +12 -8
  78. package/ui/Form/TimeField/index.js +23 -2
  79. package/ui/Form/TimePicker/TimePicker.js +11 -8
  80. package/ui/Form/TimePicker/index.js +23 -2
  81. package/ui/HelperText/HelperText.js +11 -7
  82. package/ui/HelperText/index.js +23 -2
  83. package/ui/Icon/Icon.js +13 -9
  84. package/ui/Icon/Mi.js +14 -10
  85. package/ui/Icon/Mis.js +10 -7
  86. package/ui/Icon/index.js +40 -4
  87. package/ui/Link/Link.js +11 -7
  88. package/ui/Link/index.js +23 -2
  89. package/ui/List/ListItem.js +25 -20
  90. package/ui/List/index.js +23 -2
  91. package/ui/Loader/Loader.js +11 -7
  92. package/ui/Loader/index.js +23 -2
  93. package/ui/Logo/Logo.js +28 -25
  94. package/ui/Logo/index.js +23 -2
  95. package/ui/Modal/BaseModal.js +27 -24
  96. package/ui/Modal/Modal.js +12 -8
  97. package/ui/Modal/index.js +23 -2
  98. package/ui/Pagination/Pagination.js +38 -36
  99. package/ui/Pagination/index.js +23 -2
  100. package/ui/Paper/Paper.js +11 -7
  101. package/ui/Paper/index.js +23 -2
  102. package/ui/Popover/Popover.js +15 -11
  103. package/ui/Popover/index.js +23 -2
  104. package/ui/Popper/Popper.js +11 -8
  105. package/ui/Popper/PopperBase.js +13 -11
  106. package/ui/Popper/index.js +23 -2
  107. package/ui/Skeleton/Skeleton.js +10 -5
  108. package/ui/Skeleton/index.js +23 -2
  109. package/ui/Slider/RcSlider.js +1 -0
  110. package/ui/Slider/Slider.js +18 -15
  111. package/ui/Slider/index.js +23 -2
  112. package/ui/Stack/Stack.js +16 -12
  113. package/ui/Stack/index.js +23 -2
  114. package/ui/Status/Status.js +14 -11
  115. package/ui/Status/index.js +23 -2
  116. package/ui/Stepper/StepItem.js +21 -18
  117. package/ui/Stepper/StepItemIcon.js +15 -11
  118. package/ui/Stepper/Stepper.js +16 -13
  119. package/ui/Stepper/index.js +23 -2
  120. package/ui/Table/Table.js +18 -17
  121. package/ui/Table/TableBase.js +10 -6
  122. package/ui/Table/TableCell.js +14 -10
  123. package/ui/Table/TableRow.js +12 -8
  124. package/ui/Table/index.js +23 -3
  125. package/ui/Tooltip/Tooltip.js +22 -20
  126. package/ui/Tooltip/index.js +23 -2
@@ -1,17 +1,18 @@
1
1
  "use client";
2
+ "use strict";
2
3
 
3
- import Stack from "../Stack";
4
- import ButtonIcon from "../ButtonIcon";
5
- import { useRef, useState } from 'react';
6
- import { Mi } from "../Icon";
7
- import Button from "../Button";
8
- import { Popover } from "../Popover";
9
- import ListItem from "../List";
10
- import { jsx as _jsx } from "react/jsx-runtime";
11
- import { jsxs as _jsxs } from "react/jsx-runtime";
12
- import { Fragment as _Fragment } from "react/jsx-runtime";
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
- export const Pagination = props => {
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__*/_jsx(_Fragment, {
40
- children: /*#__PURE__*/_jsxs(Stack, {
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__*/_jsx(PaginationPerPage, {
43
+ children: [pageSizes && onPageSizeSelect && /*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationPerPage, {
43
44
  ...props,
44
45
  pageSizes: pageSizes,
45
46
  onPageSizeSelect: onPageSizeSelect
46
- }), /*#__PURE__*/_jsxs(Stack, {
47
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
47
48
  center: true,
48
49
  ...stackProps,
49
- children: [page > 1 && /*#__PURE__*/_jsx(ButtonIcon, {
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__*/_jsx(Mi, {
55
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Mi, {
55
56
  icon: 'chevron_left'
56
57
  })
57
- }), displayFirst && /*#__PURE__*/_jsx(ButtonIcon, {
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__*/_jsx("div", {
63
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
63
64
  className: 'arm-pagination__item',
64
65
  children: "1"
65
66
  })
66
- }), displayFirstDots && /*#__PURE__*/_jsx(ButtonIcon, {
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__*/_jsx(ButtonIcon, {
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__*/_jsx("div", {
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__*/_jsx(ButtonIcon, {
83
+ }), displayLastDots && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
83
84
  size: 'small',
84
85
  disabled: true,
85
86
  children: "..."
86
- }), displayLast && /*#__PURE__*/_jsx(ButtonIcon, {
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__*/_jsx("div", {
92
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
92
93
  className: 'arm-pagination__item',
93
94
  children: total
94
95
  })
95
- }), page !== total && /*#__PURE__*/_jsx(ButtonIcon, {
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__*/_jsx(Mi, {
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__*/_jsxs(Stack, {
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__*/_jsx("div", {
128
+ children: [pageSizeLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
127
129
  className: 'text-small',
128
130
  children: pageSizeLabel
129
- }), /*#__PURE__*/_jsx(Button, {
131
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
130
132
  variant: 'transparent',
131
133
  onClick: () => setVisible(true),
132
134
  ref: btnRef,
133
- endAdornment: /*#__PURE__*/_jsx(Mi, {
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__*/_jsx(Popover, {
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__*/_jsx(ListItem, {
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
- export default Pagination;
157
+ var _default = exports.default = Pagination;
@@ -1,2 +1,23 @@
1
- export { default } from "./Pagination";
2
- export * from "./Pagination";
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
- import clsx from 'clsx';
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import { Fragment as _Fragment } from "react/jsx-runtime";
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__*/_jsx(_Fragment, {
13
- children: /*#__PURE__*/_jsx("div", {
14
- className: clsx('arm-paper', 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
- export default Paper;
27
+ var _default = exports.default = Paper;
28
+ module.exports = exports.default;
package/ui/Paper/index.js CHANGED
@@ -1,2 +1,23 @@
1
- export { default } from "./Paper";
2
- export * from "./Paper";
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; }
@@ -1,9 +1,12 @@
1
- import BackDrop from "../BackDrop";
2
- import { PopperBase } from "../Popper/PopperBase";
3
- import Paper from "../Paper";
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- import { Fragment as _Fragment } from "react/jsx-runtime";
6
- export const Popover = props => {
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__*/_jsx(_Fragment, {
16
- children: /*#__PURE__*/_jsx(BackDrop, {
18
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
19
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackDrop.default, {
17
20
  onClick: onClose,
18
- children: /*#__PURE__*/_jsx(PopperBase, {
21
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopperBase.PopperBase, {
19
22
  ...popperProps,
20
23
  anchorEl: popperProps.anchorEl,
21
- children: /*#__PURE__*/_jsx(Paper, {
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
- export default Popover;
35
+ exports.Popover = Popover;
36
+ var _default = exports.default = Popover;
@@ -1,2 +1,23 @@
1
- export { default } from "./Popover";
2
- export * from "./Popover";
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; }
@@ -1,16 +1,19 @@
1
- import { createPortal } from 'react-dom';
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
- import { jsx as _jsx } from "react/jsx-runtime";
6
- import { Fragment as _Fragment } from "react/jsx-runtime";
7
- export const Popper = props => {
8
+
9
+ const Popper = props => {
8
10
  if (!props.open) return null;
9
- return /*#__PURE__*/_jsx(_Fragment, {
10
- children: /*#__PURE__*/createPortal( /*#__PURE__*/_jsx(PopperBase, {
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
- export default Popper;
18
+ exports.Popper = Popper;
19
+ var _default = exports.default = Popper;
@@ -1,10 +1,11 @@
1
1
  "use client";
2
+ "use strict";
2
3
 
3
- import { useEffect, useRef } from 'react';
4
- import { createPopper } from '@popperjs/core';
5
- import { jsx as _jsx } from "react/jsx-runtime";
6
- import { Fragment as _Fragment } from "react/jsx-runtime";
7
- export const PopperBase = props => {
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__*/_jsx(_Fragment, {
47
- children: /*#__PURE__*/_jsx("div", {
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
- export default PopperBase;
55
+ exports.PopperBase = PopperBase;
56
+ var _default = exports.default = PopperBase;
@@ -1,2 +1,23 @@
1
- export { default } from "./Popper";
2
- export * from "./PopperBase";
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
+ });
@@ -1,5 +1,9 @@
1
- import clsx from 'clsx';
2
- import { jsx as _jsx } from "react/jsx-runtime";
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__*/_jsx("div", {
15
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
12
16
  ...divProps,
13
- className: clsx(className, 'arm-skeleton', {
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
- export default Skeleton;
26
+ var _default = exports.default = Skeleton;
27
+ module.exports = exports.default;
@@ -1,2 +1,23 @@
1
- export { default } from "./Skeleton";
2
- export * from "./Skeleton";
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; }
@@ -0,0 +1 @@
1
+ "use strict";
@@ -1,27 +1,29 @@
1
- import RcSlider from 'rc-slider';
2
- import '!style-loader!css-loader!./style.css';
3
- import HelperText from "../HelperText/HelperText";
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- import { jsxs as _jsxs } from "react/jsx-runtime";
6
- import { Fragment as _Fragment } from "react/jsx-runtime";
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__*/_jsx(_Fragment, {
13
- children: /*#__PURE__*/_jsxs("div", {
14
- children: [/*#__PURE__*/_jsx(RcSlider, {
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__*/_jsxs("div", {
19
+ }), restProps.min !== undefined && restProps.max !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
18
20
  className: 'arm-slider__text',
19
- children: [/*#__PURE__*/_jsx("div", {
20
- children: /*#__PURE__*/_jsx(HelperText, {
21
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
22
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
21
23
  children: restProps.min
22
24
  })
23
- }), /*#__PURE__*/_jsx("div", {
24
- children: /*#__PURE__*/_jsx(HelperText, {
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
- export default Slider;
34
+ var _default = exports.default = Slider;
35
+ module.exports = exports.default;
@@ -1,2 +1,23 @@
1
- export { default } from "./Slider";
2
- export * from "./Slider";
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
- import { cloneElement } from 'react';
2
- import clsx from 'clsx';
3
- import { jsx as _jsx } from "react/jsx-runtime";
4
- import { Fragment as _Fragment } from "react/jsx-runtime";
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__*/_jsx(StackItem, {
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__*/_jsx(StackItem, {
31
+ } else childrenProp = /*#__PURE__*/(0, _jsxRuntime.jsx)(StackItem, {
29
32
  spacing: spacing,
30
33
  children: children
31
34
  });
32
- return /*#__PURE__*/_jsx(_Fragment, {
33
- children: /*#__PURE__*/_jsx("div", {
35
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
36
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
34
37
  ...divProps,
35
- className: clsx('arm-stack', 'flex', 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__*/_jsx("div", {
50
- className: clsx({
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
- export default Stack;
59
+ var _default = exports.default = Stack;
60
+ module.exports = exports.default;