armtek-uikit-react 1.0.148 → 1.0.150

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (129) hide show
  1. package/assets/BackDrop.scss +3 -1
  2. package/assets/styles.min.css +1 -1
  3. package/assets/styles.min.css.map +1 -1
  4. package/index.js +2 -1
  5. package/lib/const/styles.js +5 -1
  6. package/lib/helpers/genericForwardRef.js +7 -3
  7. package/lib/helpers/getColorClasses.js +10 -6
  8. package/lib/helpers/getSizeClasses.js +9 -5
  9. package/lib/helpers/getVariantClasses.js +9 -5
  10. package/lib/helpers/helpers.js +19 -10
  11. package/lib/helpers/index.js +9 -1
  12. package/lib/hooks/useClickOutside.js +8 -4
  13. package/lib/hooks/useEnhancedEffect.js +8 -3
  14. package/lib/hooks/useEventCallback.js +11 -4
  15. package/lib/hooks/useLazyRef.js +8 -4
  16. package/lib/hooks/useTimeout.js +12 -6
  17. package/lib/services/DateService.js +7 -2
  18. package/package.json +1 -1
  19. package/types/theme.js +3 -1
  20. package/ui/Accordion/Accordion.classes.js +19 -14
  21. package/ui/Accordion/Accordion.js +38 -35
  22. package/ui/Accordion/index.js +16 -2
  23. package/ui/Adornment/Adornment.js +16 -11
  24. package/ui/Adornment/index.js +9 -2
  25. package/ui/Alert/Alert.js +20 -16
  26. package/ui/Alert/index.js +16 -2
  27. package/ui/Avatar/Avatar.js +22 -18
  28. package/ui/Avatar/index.js +16 -2
  29. package/ui/AvatarGroup/AvatarGroup.js +18 -14
  30. package/ui/AvatarGroup/index.js +16 -2
  31. package/ui/BackDrop/BackDrop.js +13 -9
  32. package/ui/BackDrop/BackDropBase.js +15 -11
  33. package/ui/BackDrop/index.js +16 -2
  34. package/ui/Badge/Badge.js +16 -12
  35. package/ui/Badge/index.js +16 -2
  36. package/ui/Button/Button.js +19 -15
  37. package/ui/Button/index.js +16 -2
  38. package/ui/ButtonGroup/ButtonGroup.js +15 -10
  39. package/ui/ButtonGroup/index.js +16 -2
  40. package/ui/ButtonIcon/ButtonIcon.js +16 -11
  41. package/ui/ButtonIcon/index.js +16 -2
  42. package/ui/Card/Card.js +12 -7
  43. package/ui/Card/index.js +16 -2
  44. package/ui/Chip/Chip.js +19 -15
  45. package/ui/Chip/index.js +16 -2
  46. package/ui/Dropdown/Dropdown.js +20 -16
  47. package/ui/Dropdown/index.js +16 -2
  48. package/ui/Form/Checkbox/Checkbox.js +22 -19
  49. package/ui/Form/Checkbox/index.js +16 -2
  50. package/ui/Form/DateField/DateField.js +28 -25
  51. package/ui/Form/DateField/index.js +16 -2
  52. package/ui/Form/DatePicker/DatePicker.js +21 -13
  53. package/ui/Form/DatePicker/index.js +16 -2
  54. package/ui/Form/FormControls/FormControls.js +19 -15
  55. package/ui/Form/FormControls/index.js +16 -2
  56. package/ui/Form/Interval/Interval.js +23 -20
  57. package/ui/Form/Interval/IntervalSlide.js +16 -13
  58. package/ui/Form/Interval/index.js +20 -3
  59. package/ui/Form/Password/Password.js +17 -14
  60. package/ui/Form/Password/index.js +16 -2
  61. package/ui/Form/Period/Period.js +24 -21
  62. package/ui/Form/Period/index.js +16 -2
  63. package/ui/Form/PeriodSelect/PeriodSelect.js +13 -9
  64. package/ui/Form/PeriodSelect/index.js +16 -2
  65. package/ui/Form/Radio/Radio.js +13 -8
  66. package/ui/Form/Radio/index.js +16 -2
  67. package/ui/Form/Rating/Rating.js +16 -13
  68. package/ui/Form/Rating/index.js +16 -2
  69. package/ui/Form/Select/Select.js +50 -49
  70. package/ui/Form/Select/SelectOptionList.js +13 -8
  71. package/ui/Form/Select/SelectOptionsContainer.js +11 -6
  72. package/ui/Form/Select/SelectSummary.js +37 -32
  73. package/ui/Form/Select/index.js +23 -3
  74. package/ui/Form/Switch/Switch.js +14 -10
  75. package/ui/Form/Switch/index.js +16 -2
  76. package/ui/Form/TextArea/TextArea.js +19 -15
  77. package/ui/Form/TextArea/index.js +16 -2
  78. package/ui/Form/TextField/TextField.js +39 -34
  79. package/ui/Form/TextField/index.js +16 -2
  80. package/ui/Form/TimeField/TimeField.js +13 -8
  81. package/ui/Form/TimeField/index.js +16 -2
  82. package/ui/Form/TimePicker/TimePicker.js +12 -8
  83. package/ui/Form/TimePicker/index.js +16 -2
  84. package/ui/HelperText/HelperText.js +12 -7
  85. package/ui/HelperText/index.js +16 -2
  86. package/ui/Icon/Icon.js +14 -9
  87. package/ui/Icon/Mi.js +15 -10
  88. package/ui/Icon/Mis.js +11 -7
  89. package/ui/Icon/index.js +22 -4
  90. package/ui/Link/Link.js +12 -7
  91. package/ui/Link/index.js +16 -2
  92. package/ui/List/ListItem.js +26 -20
  93. package/ui/List/index.js +16 -2
  94. package/ui/Loader/Loader.js +12 -7
  95. package/ui/Loader/index.js +16 -2
  96. package/ui/Logo/Logo.js +29 -25
  97. package/ui/Logo/index.js +16 -2
  98. package/ui/Modal/BaseModal.js +28 -24
  99. package/ui/Modal/Modal.js +13 -8
  100. package/ui/Modal/index.js +16 -2
  101. package/ui/Pagination/Pagination.js +39 -36
  102. package/ui/Pagination/index.js +16 -2
  103. package/ui/Paper/Paper.js +12 -7
  104. package/ui/Paper/index.js +16 -2
  105. package/ui/Popover/Popover.js +16 -11
  106. package/ui/Popover/index.js +16 -2
  107. package/ui/Popper/Popper.js +12 -8
  108. package/ui/Popper/PopperBase.js +14 -11
  109. package/ui/Popper/index.js +16 -2
  110. package/ui/Skeleton/Skeleton.js +11 -5
  111. package/ui/Skeleton/index.js +16 -2
  112. package/ui/Slider/RcSlider.js +1 -0
  113. package/ui/Slider/Slider.js +19 -15
  114. package/ui/Slider/index.js +16 -2
  115. package/ui/Stack/Stack.js +17 -12
  116. package/ui/Stack/index.js +16 -2
  117. package/ui/Status/Status.js +15 -11
  118. package/ui/Status/index.js +16 -2
  119. package/ui/Stepper/StepItem.js +22 -18
  120. package/ui/Stepper/StepItemIcon.js +16 -11
  121. package/ui/Stepper/Stepper.js +17 -13
  122. package/ui/Stepper/index.js +16 -2
  123. package/ui/Table/Table.js +19 -17
  124. package/ui/Table/TableBase.js +11 -6
  125. package/ui/Table/TableCell.js +15 -10
  126. package/ui/Table/TableRow.js +13 -8
  127. package/ui/Table/index.js +10 -3
  128. package/ui/Tooltip/Tooltip.js +23 -20
  129. package/ui/Tooltip/index.js +16 -2
package/ui/List/index.js CHANGED
@@ -1,2 +1,16 @@
1
- export { default } from "./ListItem";
2
- export * from "./ListItem";
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ var _exportNames = {};
5
+ exports.default = void 0;
6
+ var _ListItem = _interopRequireWildcard(require("./ListItem"));
7
+ exports.default = _ListItem.default;
8
+ Object.keys(_ListItem).forEach(function (key) {
9
+ if (key === "default" || key === "__esModule") return;
10
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
11
+ if (key in exports && exports[key] === _ListItem[key]) return;
12
+ exports[key] = _ListItem[key];
13
+ });
14
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
15
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
+ module.exports = exports.default;
@@ -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 Loader = props => {
5
9
  let {
6
10
  size,
@@ -9,10 +13,10 @@ const Loader = props => {
9
13
  className,
10
14
  ...divProps
11
15
  } = props;
12
- return /*#__PURE__*/_jsx(_Fragment, {
13
- children: /*#__PURE__*/_jsx("div", {
16
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
17
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
14
18
  ...divProps,
15
- className: clsx('arm-loader', {
19
+ className: (0, _clsx.default)('arm-loader', {
16
20
  ['arm-loader_size_' + size]: size,
17
21
  ['arm-loader_theme_' + theme]: theme,
18
22
  ['arm-loader_color_' + color]: color
@@ -20,4 +24,5 @@ const Loader = props => {
20
24
  })
21
25
  });
22
26
  };
23
- export default Loader;
27
+ var _default = exports.default = Loader;
28
+ module.exports = exports.default;
@@ -1,2 +1,16 @@
1
- export { default } from "./Loader";
2
- export * from "./Loader";
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ var _exportNames = {};
5
+ exports.default = void 0;
6
+ var _Loader = _interopRequireWildcard(require("./Loader"));
7
+ exports.default = _Loader.default;
8
+ Object.keys(_Loader).forEach(function (key) {
9
+ if (key === "default" || key === "__esModule") return;
10
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
11
+ if (key in exports && exports[key] === _Loader[key]) return;
12
+ exports[key] = _Loader[key];
13
+ });
14
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
15
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
+ module.exports = exports.default;
package/ui/Logo/Logo.js CHANGED
@@ -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
  const Logo = props => {
6
9
  let {
7
10
  description,
@@ -17,41 +20,41 @@ const Logo = props => {
17
20
  height,
18
21
  ...restProps
19
22
  } = props;
20
- return /*#__PURE__*/_jsx(_Fragment, {
21
- children: /*#__PURE__*/_jsx("div", {
23
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
24
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
22
25
  ...restProps,
23
- className: clsx('arm-logo', {
26
+ className: (0, _clsx.default)('arm-logo', {
24
27
  'arm-logo_inverse': inverse,
25
28
  'arm-logo_shape': shape
26
29
  }, className),
27
- children: /*#__PURE__*/_jsxs("div", {
30
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
28
31
  className: "logo__inner",
29
- children: [/*#__PURE__*/_jsx("div", {
32
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
30
33
  className: 'arm-logo__img',
31
- children: href ? /*#__PURE__*/_jsx("a", {
34
+ children: href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
32
35
  href: href,
33
36
  ...linkProps,
34
- children: src ? /*#__PURE__*/_jsx("img", {
37
+ children: src ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
35
38
  src: src,
36
39
  alt: ''
37
- }) : children || /*#__PURE__*/_jsx(LogoArmtek, {
40
+ }) : children || /*#__PURE__*/(0, _jsxRuntime.jsx)(LogoArmtek, {
38
41
  black: black,
39
42
  inverse: inverse,
40
43
  width: width,
41
44
  height: height
42
45
  })
43
- }) : /*#__PURE__*/_jsx("span", {
44
- children: src ? /*#__PURE__*/_jsx("img", {
46
+ }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
47
+ children: src ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
45
48
  src: src,
46
49
  alt: ''
47
- }) : children || /*#__PURE__*/_jsx(LogoArmtek, {
50
+ }) : children || /*#__PURE__*/(0, _jsxRuntime.jsx)(LogoArmtek, {
48
51
  black: black,
49
52
  inverse: inverse,
50
53
  width: width,
51
54
  height: height
52
55
  })
53
56
  })
54
- }), description && /*#__PURE__*/_jsx("div", {
57
+ }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
55
58
  className: 'arm-logo__description',
56
59
  children: description
57
60
  })]
@@ -70,37 +73,38 @@ const LogoArmtek = ({
70
73
  if (black) part1Color = part2Color;
71
74
  let w = width || 324;
72
75
  let h = height || 40;
73
- return /*#__PURE__*/_jsx(_Fragment, {
74
- children: /*#__PURE__*/_jsxs("svg", {
76
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
77
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
75
78
  xmlns: "http://www.w3.org/2000/svg",
76
79
  width: "124",
77
80
  height: "15",
78
81
  viewBox: "0 0 124 15",
79
82
  fill: "none",
80
- children: [/*#__PURE__*/_jsx("path", {
83
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
81
84
  fillRule: "evenodd",
82
85
  clipRule: "evenodd",
83
86
  d: "M9.56897 0L0 15H6.30094L7.2884 13.2837H13.4718L13.7304 15H20.0313L16.8574 0H9.56897ZM9.38088 9.61599L12.2257 4.53762H12.2727L12.9545 9.61599H9.38088Z",
84
87
  fill: part1Color
85
- }), /*#__PURE__*/_jsx("path", {
88
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
86
89
  fillRule: "evenodd",
87
90
  clipRule: "evenodd",
88
91
  d: "M41.1677 4.18495C41.5204 2.53918 40.9091 1.10502 39.8981 0.540752C39.1693 0.141066 38.1583 0 36.4655 0H23.9812L20.8072 15H26.732L27.7194 10.3683H31.9279C33.0094 10.3683 33.2445 11.0502 33.0799 12.1552C33.0343 12.4623 32.9923 12.7357 32.9548 12.9802C32.7797 14.1202 32.701 14.6322 32.7978 15H39.2633C38.9577 14.4592 38.8166 13.848 38.9107 13.2367L39.3574 9.96865C39.522 8.67555 38.9812 7.89969 38.1583 7.66458V7.61756C39.9687 7.10031 40.8621 5.59561 41.1677 4.18495ZM34.6552 5.19592C34.4436 6.13636 33.8793 6.60658 32.7273 6.60658H28.5188L29.1066 3.78527H33.221C34.2085 3.78527 34.8903 4.04389 34.6552 5.19592Z",
89
92
  fill: part1Color
90
- }), /*#__PURE__*/_jsx("path", {
93
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
91
94
  d: "M53.2053 8.72257L57.5078 0H65.8307L62.6567 15H57.2727L59.5533 4.279H59.5062L54.0752 15H49.5846L48.7147 4.279H48.6677L46.3871 15H41.0031L44.2006 0H52.547L53.1348 8.72257H53.2053Z",
92
95
  fill: part1Color
93
- }), /*#__PURE__*/_jsx("path", {
96
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
94
97
  d: "M84.5345 0H67.6301L66.8307 3.78527H72.3088L69.9342 15H75.8589L78.2571 3.78527H83.7351L84.5345 0Z",
95
98
  fill: part2Color
96
- }), /*#__PURE__*/_jsx("path", {
99
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
97
100
  d: "M99.1348 9.33386L99.9107 5.68966H90.6003L91.0235 3.66771H101.039L101.839 0H85.8981L82.7006 15H98.6411L99.4169 11.3558H89.4013L89.8245 9.33386H99.1348Z",
98
101
  fill: part2Color
99
- }), /*#__PURE__*/_jsx("path", {
102
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
100
103
  d: "M115.216 0H123.069L115.146 5.80721L120.459 15H112.583L109.715 9.23981L107.387 10.9561L106.517 15H100.592L103.79 0H109.715L108.586 5.28997L115.216 0Z",
101
104
  fill: part2Color
102
105
  })]
103
106
  })
104
107
  });
105
108
  };
106
- export default Logo;
109
+ var _default = exports.default = Logo;
110
+ module.exports = exports.default;
package/ui/Logo/index.js CHANGED
@@ -1,2 +1,16 @@
1
- export { default } from "./Logo";
2
- export * from "./Logo";
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ var _exportNames = {};
5
+ exports.default = void 0;
6
+ var _Logo = _interopRequireWildcard(require("./Logo"));
7
+ exports.default = _Logo.default;
8
+ Object.keys(_Logo).forEach(function (key) {
9
+ if (key === "default" || key === "__esModule") return;
10
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
11
+ if (key in exports && exports[key] === _Logo[key]) return;
12
+ exports[key] = _Logo[key];
13
+ });
14
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
15
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
+ module.exports = exports.default;
@@ -1,10 +1,13 @@
1
- import clsx from 'clsx';
2
- import FormControls from "../Form/FormControls";
3
- import ButtonIcon from "../ButtonIcon";
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";
7
- export const BaseModal = props => {
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.BaseModal = void 0;
6
+ var _clsx = _interopRequireDefault(require("clsx"));
7
+ var _FormControls = _interopRequireDefault(require("../Form/FormControls"));
8
+ var _ButtonIcon = _interopRequireDefault(require("../ButtonIcon"));
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ const BaseModal = props => {
8
11
  const {
9
12
  className,
10
13
  title,
@@ -18,34 +21,34 @@ export const BaseModal = props => {
18
21
  ...divProps
19
22
  } = props;
20
23
  const showControls = !!onSubmit;
21
- return /*#__PURE__*/_jsx(_Fragment, {
22
- children: /*#__PURE__*/_jsxs("div", {
24
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
25
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
23
26
  ...divProps,
24
- className: clsx(className, 'arm-modal', classes == null ? void 0 : classes['Arm-Modal']),
25
- children: [title && /*#__PURE__*/_jsx("div", {
26
- className: clsx('arm-modal__header', classes == null ? void 0 : classes['Arm-Modal__header']),
27
- children: /*#__PURE__*/_jsxs("div", {
28
- className: clsx('arm-modal__title', classes == null ? void 0 : classes['Arm-Modal__title']),
29
- children: [title, onClose && /*#__PURE__*/_jsx(ButtonIcon, {
27
+ className: (0, _clsx.default)(className, 'arm-modal', classes == null ? void 0 : classes['Arm-Modal']),
28
+ children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
29
+ className: (0, _clsx.default)('arm-modal__header', classes == null ? void 0 : classes['Arm-Modal__header']),
30
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
31
+ className: (0, _clsx.default)('arm-modal__title', classes == null ? void 0 : classes['Arm-Modal__title']),
32
+ children: [title, onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
30
33
  variant: 'transparent',
31
34
  onClick: onClose,
32
- className: clsx('arm-modal__close', classes == null ? void 0 : classes['Arm-Modal__close']),
35
+ className: (0, _clsx.default)('arm-modal__close', classes == null ? void 0 : classes['Arm-Modal__close']),
33
36
  color: 'neutral',
34
37
  size: 'medium',
35
- children: /*#__PURE__*/_jsx("span", {
38
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
36
39
  className: 'material_icon',
37
40
  children: "close"
38
41
  })
39
42
  })]
40
43
  })
41
- }), /*#__PURE__*/_jsx("div", {
42
- className: clsx('arm-modal__body', classes == null ? void 0 : classes['Arm-Modal__body']),
43
- children: /*#__PURE__*/_jsx("div", {
44
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
45
+ className: (0, _clsx.default)('arm-modal__body', classes == null ? void 0 : classes['Arm-Modal__body']),
46
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
44
47
  children: children
45
48
  })
46
- }), showControls && /*#__PURE__*/_jsx("div", {
47
- className: clsx('arm-modal__footer', classes == null ? void 0 : classes['Arm-Modal__footer']),
48
- children: /*#__PURE__*/_jsx(FormControls, {
49
+ }), showControls && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
50
+ className: (0, _clsx.default)('arm-modal__footer', classes == null ? void 0 : classes['Arm-Modal__footer']),
51
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControls.default, {
49
52
  className: classes == null ? void 0 : classes['Arm-FormControls'],
50
53
  onSubmit: onSubmit,
51
54
  onCancel: onCancel,
@@ -55,4 +58,5 @@ export const BaseModal = props => {
55
58
  })]
56
59
  })
57
60
  });
58
- };
61
+ };
62
+ exports.BaseModal = BaseModal;
package/ui/Modal/Modal.js CHANGED
@@ -1,7 +1,11 @@
1
- import { BaseModal } from "./BaseModal";
2
- import BackDrop from "../BackDrop";
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 _BaseModal = require("./BaseModal");
7
+ var _BackDrop = _interopRequireDefault(require("../BackDrop"));
8
+ var _jsxRuntime = require("react/jsx-runtime");
5
9
  const Modal = props => {
6
10
  const {
7
11
  open,
@@ -9,15 +13,16 @@ const Modal = props => {
9
13
  ...modalProps
10
14
  } = props;
11
15
  if (!open) return null;
12
- return /*#__PURE__*/_jsx(_Fragment, {
13
- children: /*#__PURE__*/_jsx(BackDrop, {
16
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
17
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackDrop.default, {
14
18
  width: width,
15
19
  onClick: modalProps.onClose,
16
20
  className: 'arm-modal__backdrop',
17
- children: /*#__PURE__*/_jsx(BaseModal, {
21
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseModal.BaseModal, {
18
22
  ...modalProps
19
23
  })
20
24
  })
21
25
  });
22
26
  };
23
- export default Modal;
27
+ var _default = exports.default = Modal;
28
+ module.exports = exports.default;
package/ui/Modal/index.js CHANGED
@@ -1,2 +1,16 @@
1
- export { default } from "./Modal";
2
- export * from "./Modal";
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ var _exportNames = {};
5
+ exports.default = void 0;
6
+ var _Modal = _interopRequireWildcard(require("./Modal"));
7
+ exports.default = _Modal.default;
8
+ Object.keys(_Modal).forEach(function (key) {
9
+ if (key === "default" || key === "__esModule") return;
10
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
11
+ if (key in exports && exports[key] === _Modal[key]) return;
12
+ exports[key] = _Modal[key];
13
+ });
14
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
15
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
+ module.exports = exports.default;
@@ -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 = 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.Popover, {
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,2 +1,16 @@
1
- export { default } from "./Pagination";
2
- export * from "./Pagination";
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ var _exportNames = {};
5
+ exports.default = void 0;
6
+ var _Pagination = _interopRequireWildcard(require("./Pagination"));
7
+ exports.default = _Pagination.default;
8
+ Object.keys(_Pagination).forEach(function (key) {
9
+ if (key === "default" || key === "__esModule") return;
10
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
11
+ if (key in exports && exports[key] === _Pagination[key]) return;
12
+ exports[key] = _Pagination[key];
13
+ });
14
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
15
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
+ module.exports = exports.default;
package/ui/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,2 +1,16 @@
1
- export { default } from "./Paper";
2
- export * from "./Paper";
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ var _exportNames = {};
5
+ exports.default = void 0;
6
+ var _Paper = _interopRequireWildcard(require("./Paper"));
7
+ exports.default = _Paper.default;
8
+ Object.keys(_Paper).forEach(function (key) {
9
+ if (key === "default" || key === "__esModule") return;
10
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
11
+ if (key in exports && exports[key] === _Paper[key]) return;
12
+ exports[key] = _Paper[key];
13
+ });
14
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
15
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
+ module.exports = exports.default;