armtek-uikit-react 1.0.155 → 1.0.156

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 +5 -1
  3. package/lib/helpers/genericForwardRef.js +7 -3
  4. package/lib/helpers/getColorClasses.js +10 -6
  5. package/lib/helpers/getSizeClasses.js +9 -5
  6. package/lib/helpers/getVariantClasses.js +9 -5
  7. package/lib/helpers/helpers.js +19 -10
  8. package/lib/helpers/index.js +6 -1
  9. package/lib/hooks/useClickOutside.js +8 -4
  10. package/lib/hooks/useEnhancedEffect.js +8 -3
  11. package/lib/hooks/useEventCallback.js +11 -4
  12. package/lib/hooks/useLazyRef.js +8 -4
  13. package/lib/hooks/useTimeout.js +12 -6
  14. package/lib/services/DateService.js +7 -2
  15. package/package.json +1 -1
  16. package/types/theme.js +3 -1
  17. package/ui/Accordion/Accordion.classes.js +19 -14
  18. package/ui/Accordion/Accordion.js +38 -35
  19. package/ui/Accordion/index.js +8 -1
  20. package/ui/Adornment/Adornment.js +16 -11
  21. package/ui/Adornment/index.js +9 -2
  22. package/ui/Alert/Alert.js +20 -16
  23. package/ui/Alert/index.js +8 -1
  24. package/ui/Avatar/Avatar.js +22 -18
  25. package/ui/Avatar/index.js +8 -1
  26. package/ui/AvatarGroup/AvatarGroup.js +18 -14
  27. package/ui/AvatarGroup/index.js +8 -1
  28. package/ui/BackDrop/BackDrop.js +13 -9
  29. package/ui/BackDrop/BackDropBase.js +15 -11
  30. package/ui/BackDrop/index.js +8 -1
  31. package/ui/Badge/Badge.js +16 -12
  32. package/ui/Badge/index.js +8 -1
  33. package/ui/Button/Button.js +19 -15
  34. package/ui/Button/index.js +8 -1
  35. package/ui/ButtonGroup/ButtonGroup.js +15 -10
  36. package/ui/ButtonGroup/index.js +8 -2
  37. package/ui/ButtonIcon/ButtonIcon.js +16 -11
  38. package/ui/ButtonIcon/index.js +8 -1
  39. package/ui/Card/Card.js +12 -7
  40. package/ui/Card/index.js +8 -1
  41. package/ui/Chip/Chip.js +19 -15
  42. package/ui/Chip/index.js +8 -1
  43. package/ui/Dropdown/Dropdown.js +20 -16
  44. package/ui/Dropdown/index.js +8 -1
  45. package/ui/Form/Checkbox/Checkbox.js +22 -19
  46. package/ui/Form/Checkbox/index.js +8 -1
  47. package/ui/Form/DateField/DateField.js +28 -25
  48. package/ui/Form/DateField/index.js +8 -1
  49. package/ui/Form/DatePicker/DatePicker.js +21 -13
  50. package/ui/Form/DatePicker/index.js +8 -1
  51. package/ui/Form/FormControls/FormControls.js +19 -15
  52. package/ui/Form/FormControls/index.js +8 -1
  53. package/ui/Form/Interval/Interval.js +23 -20
  54. package/ui/Form/Interval/IntervalSlide.js +16 -13
  55. package/ui/Form/Interval/index.js +9 -2
  56. package/ui/Form/Password/Password.js +17 -14
  57. package/ui/Form/Password/index.js +8 -1
  58. package/ui/Form/Period/Period.js +24 -21
  59. package/ui/Form/Period/index.js +8 -1
  60. package/ui/Form/PeriodSelect/PeriodSelect.js +13 -9
  61. package/ui/Form/PeriodSelect/index.js +8 -1
  62. package/ui/Form/Radio/Radio.js +13 -8
  63. package/ui/Form/Radio/index.js +8 -1
  64. package/ui/Form/Rating/Rating.js +16 -13
  65. package/ui/Form/Rating/index.js +8 -1
  66. package/ui/Form/Select/Select.js +50 -49
  67. package/ui/Form/Select/SelectOptionList.js +13 -8
  68. package/ui/Form/Select/SelectOptionsContainer.js +11 -6
  69. package/ui/Form/Select/SelectSummary.js +37 -32
  70. package/ui/Form/Select/index.js +12 -3
  71. package/ui/Form/Switch/Switch.js +14 -10
  72. package/ui/Form/Switch/index.js +8 -1
  73. package/ui/Form/TextArea/TextArea.js +19 -15
  74. package/ui/Form/TextArea/index.js +8 -1
  75. package/ui/Form/TextField/TextField.js +39 -34
  76. package/ui/Form/TextField/index.js +10 -2
  77. package/ui/Form/TimeField/TimeField.js +13 -8
  78. package/ui/Form/TimeField/index.js +8 -1
  79. package/ui/Form/TimePicker/TimePicker.js +12 -8
  80. package/ui/Form/TimePicker/index.js +8 -1
  81. package/ui/HelperText/HelperText.js +12 -7
  82. package/ui/HelperText/index.js +8 -1
  83. package/ui/Icon/Icon.js +14 -9
  84. package/ui/Icon/Mi.js +15 -10
  85. package/ui/Icon/Mis.js +11 -7
  86. package/ui/Icon/index.js +11 -3
  87. package/ui/Link/Link.js +12 -7
  88. package/ui/Link/index.js +8 -1
  89. package/ui/List/ListItem.js +26 -20
  90. package/ui/List/index.js +8 -1
  91. package/ui/Loader/Loader.js +12 -7
  92. package/ui/Loader/index.js +8 -1
  93. package/ui/Logo/Logo.js +29 -25
  94. package/ui/Logo/index.js +8 -1
  95. package/ui/Modal/BaseModal.js +28 -24
  96. package/ui/Modal/Modal.js +13 -8
  97. package/ui/Modal/index.js +8 -1
  98. package/ui/Pagination/Pagination.js +39 -36
  99. package/ui/Pagination/index.js +8 -1
  100. package/ui/Paper/Paper.js +12 -7
  101. package/ui/Paper/index.js +8 -1
  102. package/ui/Popover/Popover.js +16 -11
  103. package/ui/Popover/index.js +8 -1
  104. package/ui/Popper/Popper.js +12 -8
  105. package/ui/Popper/PopperBase.js +14 -11
  106. package/ui/Popper/index.js +9 -2
  107. package/ui/Skeleton/Skeleton.js +11 -5
  108. package/ui/Skeleton/index.js +8 -1
  109. package/ui/Slider/RcSlider.js +1 -0
  110. package/ui/Slider/Slider.js +19 -15
  111. package/ui/Slider/index.js +8 -1
  112. package/ui/Stack/Stack.js +17 -12
  113. package/ui/Stack/index.js +8 -1
  114. package/ui/Status/Status.js +15 -11
  115. package/ui/Status/index.js +8 -1
  116. package/ui/Stepper/StepItem.js +22 -18
  117. package/ui/Stepper/StepItemIcon.js +16 -11
  118. package/ui/Stepper/Stepper.js +17 -13
  119. package/ui/Stepper/index.js +8 -1
  120. package/ui/Table/Table.js +19 -17
  121. package/ui/Table/TableBase.js +11 -6
  122. package/ui/Table/TableCell.js +15 -10
  123. package/ui/Table/TableRow.js +13 -8
  124. package/ui/Table/index.js +10 -3
  125. package/ui/Tooltip/Tooltip.js +23 -20
  126. package/ui/Tooltip/index.js +8 -1
@@ -1,17 +1,19 @@
1
+ "use strict";
1
2
  "use client";
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.__esModule = true;
6
+ exports.default = exports.Pagination = void 0;
7
+ var _Stack = _interopRequireDefault(require("../Stack"));
8
+ var _ButtonIcon = _interopRequireDefault(require("../ButtonIcon"));
9
+ var _react = require("react");
10
+ var _Icon = require("../Icon");
11
+ var _Button = _interopRequireDefault(require("../Button"));
12
+ var _Popover = _interopRequireDefault(require("../Popover"));
13
+ var _List = _interopRequireDefault(require("../List"));
14
+ var _jsxRuntime = require("react/jsx-runtime");
13
15
  const MAX_DISPLAY = 5;
14
- export const Pagination = props => {
16
+ const Pagination = props => {
15
17
  const {
16
18
  pageSize,
17
19
  pageSizes,
@@ -36,68 +38,68 @@ export const Pagination = props => {
36
38
  if (selectedPage !== page) onChange(selectedPage);
37
39
  };
38
40
  if (total <= 1) return null;
39
- return /*#__PURE__*/_jsx(_Fragment, {
40
- children: /*#__PURE__*/_jsxs(Stack, {
41
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
42
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
41
43
  spacing: 'small',
42
- children: [pageSizes && onPageSizeSelect && /*#__PURE__*/_jsx(PaginationPerPage, {
44
+ children: [pageSizes && onPageSizeSelect && /*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationPerPage, {
43
45
  ...props,
44
46
  pageSizes: pageSizes,
45
47
  onPageSizeSelect: onPageSizeSelect
46
- }), /*#__PURE__*/_jsxs(Stack, {
48
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
47
49
  center: true,
48
50
  ...stackProps,
49
- children: [page > 1 && /*#__PURE__*/_jsx(ButtonIcon, {
51
+ children: [page > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
50
52
  onClick: handleClick(page - 1),
51
53
  size: 'small',
52
54
  variant: 'transparent',
53
55
  color: 'neutral',
54
- children: /*#__PURE__*/_jsx(Mi, {
56
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Mi, {
55
57
  icon: 'chevron_left'
56
58
  })
57
- }), displayFirst && /*#__PURE__*/_jsx(ButtonIcon, {
59
+ }), displayFirst && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
58
60
  onClick: handleClick(1),
59
61
  size: 'small',
60
62
  variant: 'transparent',
61
63
  color: 'neutral',
62
- children: /*#__PURE__*/_jsx("div", {
64
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
63
65
  className: 'arm-pagination__item',
64
66
  children: "1"
65
67
  })
66
- }), displayFirstDots && /*#__PURE__*/_jsx(ButtonIcon, {
68
+ }), displayFirstDots && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
67
69
  size: 'small',
68
70
  disabled: true,
69
71
  children: "..."
70
72
  }), pageArr.map(item => {
71
- return /*#__PURE__*/_jsx(ButtonIcon, {
73
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
72
74
  onClick: handleClick(item),
73
75
  size: 'small',
74
76
  className: page === item ? 'bg-gray-100' : '',
75
77
  variant: 'transparent',
76
78
  color: 'neutral',
77
- children: /*#__PURE__*/_jsx("div", {
79
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
78
80
  className: 'arm-pagination__item',
79
81
  children: item
80
82
  })
81
83
  }, item);
82
- }), displayLastDots && /*#__PURE__*/_jsx(ButtonIcon, {
84
+ }), displayLastDots && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
83
85
  size: 'small',
84
86
  disabled: true,
85
87
  children: "..."
86
- }), displayLast && /*#__PURE__*/_jsx(ButtonIcon, {
88
+ }), displayLast && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
87
89
  onClick: handleClick(total),
88
90
  size: 'small',
89
91
  variant: 'transparent',
90
92
  color: 'neutral',
91
- children: /*#__PURE__*/_jsx("div", {
93
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
92
94
  className: 'arm-pagination__item',
93
95
  children: total
94
96
  })
95
- }), page !== total && /*#__PURE__*/_jsx(ButtonIcon, {
97
+ }), page !== total && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
96
98
  onClick: handleClick(page + 1),
97
99
  size: 'small',
98
100
  variant: 'transparent',
99
101
  color: 'neutral',
100
- children: /*#__PURE__*/_jsx(Mi, {
102
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Mi, {
101
103
  icon: 'chevron_right'
102
104
  })
103
105
  })]
@@ -105,6 +107,7 @@ export const Pagination = props => {
105
107
  })
106
108
  });
107
109
  };
110
+ exports.Pagination = Pagination;
108
111
  const PaginationPerPage = props => {
109
112
  const {
110
113
  pageSize,
@@ -112,31 +115,31 @@ const PaginationPerPage = props => {
112
115
  pageSizeLabel,
113
116
  onPageSizeSelect
114
117
  } = props;
115
- const [visible, setVisible] = useState(false);
116
- const btnRef = useRef(null);
118
+ const [visible, setVisible] = (0, _react.useState)(false);
119
+ const btnRef = (0, _react.useRef)(null);
117
120
  const handleClose = () => setVisible(false);
118
121
  const handleClick = item => {
119
122
  onPageSizeSelect(item);
120
123
  handleClose();
121
124
  };
122
- return /*#__PURE__*/_jsxs(Stack, {
125
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
123
126
  spacing: 'small',
124
127
  center: true,
125
128
  className: 'flex items-center',
126
- children: [pageSizeLabel && /*#__PURE__*/_jsx("div", {
129
+ children: [pageSizeLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
127
130
  className: 'text-small',
128
131
  children: pageSizeLabel
129
- }), /*#__PURE__*/_jsx(Button, {
132
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
130
133
  variant: 'transparent',
131
134
  onClick: () => setVisible(true),
132
135
  ref: btnRef,
133
- endAdornment: /*#__PURE__*/_jsx(Mi, {
136
+ endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Mi, {
134
137
  icon: 'expand_more'
135
138
  }),
136
139
  size: 'small',
137
140
  color: 'neutral',
138
141
  children: pageSize
139
- }), /*#__PURE__*/_jsx(Popover, {
142
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
140
143
  placement: 'bottom',
141
144
  open: visible,
142
145
  anchorEl: btnRef.current,
@@ -144,7 +147,7 @@ const PaginationPerPage = props => {
144
147
  classes: {
145
148
  paper: 'p-0'
146
149
  },
147
- children: pageSizes.map(item => /*#__PURE__*/_jsx(ListItem, {
150
+ children: pageSizes.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, {
148
151
  onClick: () => handleClick(item),
149
152
  active: item === pageSize,
150
153
  children: item
@@ -152,4 +155,4 @@ const PaginationPerPage = props => {
152
155
  })]
153
156
  });
154
157
  };
155
- export default Pagination;
158
+ var _default = exports.default = Pagination;
@@ -1 +1,8 @@
1
- export { default } from "./Pagination";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = void 0;
6
+ var _Pagination = _interopRequireDefault(require("./Pagination"));
7
+ exports.default = _Pagination.default;
8
+ module.exports = exports.default;
package/ui/Paper/Paper.js CHANGED
@@ -1,6 +1,10 @@
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.__esModule = true;
5
+ exports.default = void 0;
6
+ var _clsx = _interopRequireDefault(require("clsx"));
7
+ var _jsxRuntime = require("react/jsx-runtime");
4
8
  const Paper = props => {
5
9
  let {
6
10
  children,
@@ -9,9 +13,9 @@ const Paper = props => {
9
13
  variant = 'elevation',
10
14
  ...divPops
11
15
  } = props;
12
- return /*#__PURE__*/_jsx(_Fragment, {
13
- children: /*#__PURE__*/_jsx("div", {
14
- className: clsx('arm-paper', className, {
16
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
17
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
18
+ className: (0, _clsx.default)('arm-paper', className, {
15
19
  'arm-paper_elevation': variant === 'elevation',
16
20
  'arm-paper_outlined': variant === 'outlined',
17
21
  'arm-paper_dark': theme === 'dark'
@@ -21,4 +25,5 @@ const Paper = props => {
21
25
  })
22
26
  });
23
27
  };
24
- export default Paper;
28
+ var _default = exports.default = Paper;
29
+ module.exports = exports.default;
package/ui/Paper/index.js CHANGED
@@ -1 +1,8 @@
1
- export { default } from "./Paper";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = void 0;
6
+ var _Paper = _interopRequireDefault(require("./Paper"));
7
+ exports.default = _Paper.default;
8
+ module.exports = exports.default;
@@ -1,9 +1,13 @@
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.__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__*/_jsx(_Fragment, {
16
- children: /*#__PURE__*/_jsx(BackDrop, {
19
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
20
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackDrop.default, {
17
21
  onClick: onClose,
18
- children: /*#__PURE__*/_jsx(PopperBase, {
22
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopperBase.PopperBase, {
19
23
  ...popperProps,
20
24
  anchorEl: popperProps.anchorEl,
21
- children: /*#__PURE__*/_jsx(Paper, {
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
- export default Popover;
36
+ exports.Popover = Popover;
37
+ var _default = exports.default = Popover;
@@ -1 +1,8 @@
1
- export { default } from "./Popover";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = void 0;
6
+ var _Popover = _interopRequireDefault(require("./Popover"));
7
+ exports.default = _Popover.default;
8
+ module.exports = exports.default;
@@ -1,16 +1,20 @@
1
- import { createPortal } from 'react-dom';
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
- import { jsx as _jsx } from "react/jsx-runtime";
6
- import { Fragment as _Fragment } from "react/jsx-runtime";
7
- export const Popper = props => {
9
+
10
+ const Popper = props => {
8
11
  if (!props.open) return null;
9
- return /*#__PURE__*/_jsx(_Fragment, {
10
- children: /*#__PURE__*/createPortal( /*#__PURE__*/_jsx(PopperBase, {
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
- export default Popper;
19
+ exports.Popper = Popper;
20
+ var _default = exports.default = Popper;
@@ -1,10 +1,12 @@
1
+ "use strict";
1
2
  "use client";
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.__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__*/_jsx(_Fragment, {
47
- children: /*#__PURE__*/_jsx("div", {
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
- export default PopperBase;
56
+ exports.PopperBase = PopperBase;
57
+ var _default = exports.default = PopperBase;
@@ -1,2 +1,9 @@
1
- export { default } from "./Popper";
2
- export { PopperBase } from "./PopperBase";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = exports.PopperBase = void 0;
6
+ var _Popper = _interopRequireDefault(require("./Popper"));
7
+ exports.default = _Popper.default;
8
+ var _PopperBase = require("./PopperBase");
9
+ exports.PopperBase = _PopperBase.PopperBase;
@@ -1,5 +1,10 @@
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.__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__*/_jsx("div", {
16
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
12
17
  ...divProps,
13
- className: clsx(className, 'arm-skeleton', {
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
- export default Skeleton;
27
+ var _default = exports.default = Skeleton;
28
+ module.exports = exports.default;
@@ -1 +1,8 @@
1
- export { default } from "./Skeleton";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = void 0;
6
+ var _Skeleton = _interopRequireDefault(require("./Skeleton"));
7
+ exports.default = _Skeleton.default;
8
+ module.exports = exports.default;
@@ -0,0 +1 @@
1
+ "use strict";
@@ -1,27 +1,30 @@
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.__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__*/_jsx(_Fragment, {
13
- children: /*#__PURE__*/_jsxs("div", {
14
- children: [/*#__PURE__*/_jsx(RcSlider, {
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__*/_jsxs("div", {
20
+ }), restProps.min !== undefined && restProps.max !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
18
21
  className: 'arm-slider__text',
19
- children: [/*#__PURE__*/_jsx("div", {
20
- children: /*#__PURE__*/_jsx(HelperText, {
22
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
23
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
21
24
  children: restProps.min
22
25
  })
23
- }), /*#__PURE__*/_jsx("div", {
24
- children: /*#__PURE__*/_jsx(HelperText, {
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
- export default Slider;
35
+ var _default = exports.default = Slider;
36
+ module.exports = exports.default;
@@ -1 +1,8 @@
1
- export { default } from "./Slider";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = void 0;
6
+ var _Slider = _interopRequireDefault(require("./Slider"));
7
+ exports.default = _Slider.default;
8
+ module.exports = exports.default;
package/ui/Stack/Stack.js CHANGED
@@ -1,9 +1,13 @@
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.__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__*/_jsx(StackItem, {
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__*/_jsx(StackItem, {
32
+ } else childrenProp = /*#__PURE__*/(0, _jsxRuntime.jsx)(StackItem, {
29
33
  spacing: spacing,
30
34
  children: children
31
35
  });
32
- return /*#__PURE__*/_jsx(_Fragment, {
33
- children: /*#__PURE__*/_jsx("div", {
36
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
37
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
34
38
  ...divProps,
35
- className: clsx('arm-stack', 'flex', 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__*/_jsx("div", {
50
- className: clsx({
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
- export default Stack;
60
+ var _default = exports.default = Stack;
61
+ module.exports = exports.default;
package/ui/Stack/index.js CHANGED
@@ -1 +1,8 @@
1
- export { default } from "./Stack";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = void 0;
6
+ var _Stack = _interopRequireDefault(require("./Stack"));
7
+ exports.default = _Stack.default;
8
+ module.exports = exports.default;
@@ -1,7 +1,10 @@
1
- import clsx from 'clsx';
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import { jsxs as _jsxs } 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.__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__*/_jsx(_Fragment, {
18
- children: /*#__PURE__*/_jsxs(Component, {
20
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
21
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, {
19
22
  ...restProps,
20
- className: clsx('arm-status', ['arm-status_' + color], className, {
23
+ className: (0, _clsx.default)('arm-status', ['arm-status_' + color], className, {
21
24
  ['arm-status_size_' + size]: !!size
22
25
  }),
23
- children: [/*#__PURE__*/_jsx("span", {
26
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
24
27
  className: 'arm-status__content',
25
28
  children: text || children
26
- }), icon && /*#__PURE__*/_jsx("span", {
27
- className: clsx('arm-status__icon', 'material_icon'),
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
- export default Status;
36
+ var _default = exports.default = Status;
37
+ module.exports = exports.default;
@@ -1 +1,8 @@
1
- export { default } from "./Status";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = void 0;
6
+ var _Status = _interopRequireDefault(require("./Status"));
7
+ exports.default = _Status.default;
8
+ module.exports = exports.default;