armtek-uikit-react 1.0.153 → 1.0.155

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 (172) hide show
  1. package/index.js +1 -2
  2. package/lib/const/styles.js +1 -5
  3. package/lib/helpers/genericForwardRef.js +3 -7
  4. package/lib/helpers/getColorClasses.js +6 -10
  5. package/lib/helpers/getSizeClasses.js +5 -9
  6. package/lib/helpers/getVariantClasses.js +5 -9
  7. package/lib/helpers/helpers.js +10 -19
  8. package/lib/helpers/index.d.ts +1 -1
  9. package/lib/helpers/index.js +1 -9
  10. package/lib/hooks/useClickOutside.js +4 -8
  11. package/lib/hooks/useEnhancedEffect.js +3 -8
  12. package/lib/hooks/useEventCallback.js +4 -11
  13. package/lib/hooks/useLazyRef.js +4 -8
  14. package/lib/hooks/useTimeout.js +6 -12
  15. package/lib/services/DateService.js +2 -7
  16. package/package.json +1 -1
  17. package/types/theme.js +1 -3
  18. package/ui/Accordion/Accordion.classes.js +14 -19
  19. package/ui/Accordion/Accordion.js +35 -38
  20. package/ui/Accordion/index.d.ts +1 -1
  21. package/ui/Accordion/index.js +1 -16
  22. package/ui/Adornment/Adornment.js +11 -16
  23. package/ui/Adornment/index.js +2 -9
  24. package/ui/Alert/Alert.js +16 -20
  25. package/ui/Alert/index.d.ts +1 -1
  26. package/ui/Alert/index.js +1 -16
  27. package/ui/Avatar/Avatar.js +18 -22
  28. package/ui/Avatar/index.d.ts +1 -1
  29. package/ui/Avatar/index.js +1 -16
  30. package/ui/AvatarGroup/AvatarGroup.js +14 -18
  31. package/ui/AvatarGroup/index.d.ts +1 -1
  32. package/ui/AvatarGroup/index.js +1 -16
  33. package/ui/BackDrop/BackDrop.js +9 -13
  34. package/ui/BackDrop/BackDropBase.js +11 -15
  35. package/ui/BackDrop/index.d.ts +0 -1
  36. package/ui/BackDrop/index.js +1 -16
  37. package/ui/Badge/Badge.js +12 -16
  38. package/ui/Badge/index.d.ts +1 -2
  39. package/ui/Badge/index.js +1 -16
  40. package/ui/Button/Button.js +15 -19
  41. package/ui/Button/index.d.ts +1 -1
  42. package/ui/Button/index.js +1 -16
  43. package/ui/ButtonGroup/ButtonGroup.js +10 -15
  44. package/ui/ButtonGroup/index.d.ts +1 -1
  45. package/ui/ButtonGroup/index.js +2 -16
  46. package/ui/ButtonIcon/ButtonIcon.js +11 -16
  47. package/ui/ButtonIcon/index.d.ts +1 -1
  48. package/ui/ButtonIcon/index.js +1 -16
  49. package/ui/Card/Card.js +7 -12
  50. package/ui/Card/index.d.ts +1 -1
  51. package/ui/Card/index.js +1 -16
  52. package/ui/Chip/Chip.js +15 -19
  53. package/ui/Chip/index.d.ts +1 -1
  54. package/ui/Chip/index.js +1 -16
  55. package/ui/Dropdown/Dropdown.js +16 -20
  56. package/ui/Dropdown/index.d.ts +1 -1
  57. package/ui/Dropdown/index.js +1 -16
  58. package/ui/Form/Checkbox/Checkbox.js +19 -22
  59. package/ui/Form/Checkbox/index.d.ts +1 -1
  60. package/ui/Form/Checkbox/index.js +1 -16
  61. package/ui/Form/DateField/DateField.js +25 -28
  62. package/ui/Form/DateField/index.d.ts +1 -1
  63. package/ui/Form/DateField/index.js +1 -16
  64. package/ui/Form/DatePicker/DatePicker.js +13 -21
  65. package/ui/Form/DatePicker/index.d.ts +1 -1
  66. package/ui/Form/DatePicker/index.js +1 -16
  67. package/ui/Form/FormControls/FormControls.js +15 -19
  68. package/ui/Form/FormControls/index.d.ts +1 -1
  69. package/ui/Form/FormControls/index.js +1 -16
  70. package/ui/Form/Interval/Interval.js +20 -23
  71. package/ui/Form/Interval/IntervalSlide.js +13 -16
  72. package/ui/Form/Interval/index.d.ts +1 -1
  73. package/ui/Form/Interval/index.js +2 -20
  74. package/ui/Form/Password/Password.js +14 -17
  75. package/ui/Form/Password/index.d.ts +0 -1
  76. package/ui/Form/Password/index.js +1 -16
  77. package/ui/Form/Period/Period.js +21 -24
  78. package/ui/Form/Period/index.d.ts +1 -1
  79. package/ui/Form/Period/index.js +1 -16
  80. package/ui/Form/PeriodSelect/PeriodSelect.js +9 -13
  81. package/ui/Form/PeriodSelect/index.d.ts +0 -1
  82. package/ui/Form/PeriodSelect/index.js +1 -16
  83. package/ui/Form/Radio/Radio.js +8 -13
  84. package/ui/Form/Radio/index.d.ts +0 -1
  85. package/ui/Form/Radio/index.js +1 -16
  86. package/ui/Form/Rating/Rating.js +13 -16
  87. package/ui/Form/Rating/index.d.ts +0 -1
  88. package/ui/Form/Rating/index.js +1 -16
  89. package/ui/Form/Select/Select.js +49 -50
  90. package/ui/Form/Select/SelectOptionList.js +8 -13
  91. package/ui/Form/Select/SelectOptionsContainer.js +6 -11
  92. package/ui/Form/Select/SelectSummary.js +32 -37
  93. package/ui/Form/Select/index.d.ts +2 -2
  94. package/ui/Form/Select/index.js +3 -23
  95. package/ui/Form/Switch/Switch.js +10 -14
  96. package/ui/Form/Switch/index.d.ts +0 -1
  97. package/ui/Form/Switch/index.js +1 -16
  98. package/ui/Form/TextArea/TextArea.js +15 -19
  99. package/ui/Form/TextArea/index.d.ts +1 -1
  100. package/ui/Form/TextArea/index.js +1 -16
  101. package/ui/Form/TextField/TextField.js +34 -39
  102. package/ui/Form/TextField/index.d.ts +1 -1
  103. package/ui/Form/TextField/index.js +2 -11
  104. package/ui/Form/TimeField/TimeField.js +8 -13
  105. package/ui/Form/TimeField/index.d.ts +0 -1
  106. package/ui/Form/TimeField/index.js +1 -16
  107. package/ui/Form/TimePicker/TimePicker.js +8 -12
  108. package/ui/Form/TimePicker/index.d.ts +0 -1
  109. package/ui/Form/TimePicker/index.js +1 -16
  110. package/ui/HelperText/HelperText.js +7 -12
  111. package/ui/HelperText/index.d.ts +0 -1
  112. package/ui/HelperText/index.js +1 -16
  113. package/ui/Icon/Icon.js +9 -14
  114. package/ui/Icon/Mi.js +10 -15
  115. package/ui/Icon/Mis.js +7 -11
  116. package/ui/Icon/index.d.ts +1 -1
  117. package/ui/Icon/index.js +3 -22
  118. package/ui/Link/Link.js +7 -12
  119. package/ui/Link/index.d.ts +1 -1
  120. package/ui/Link/index.js +1 -16
  121. package/ui/List/ListItem.js +20 -26
  122. package/ui/List/index.d.ts +1 -1
  123. package/ui/List/index.js +1 -16
  124. package/ui/Loader/Loader.js +7 -12
  125. package/ui/Loader/index.d.ts +1 -1
  126. package/ui/Loader/index.js +1 -16
  127. package/ui/Logo/Logo.js +25 -29
  128. package/ui/Logo/index.d.ts +1 -1
  129. package/ui/Logo/index.js +1 -16
  130. package/ui/Modal/BaseModal.js +24 -28
  131. package/ui/Modal/Modal.js +8 -13
  132. package/ui/Modal/index.d.ts +1 -1
  133. package/ui/Modal/index.js +1 -16
  134. package/ui/Pagination/Pagination.js +36 -39
  135. package/ui/Pagination/index.d.ts +1 -1
  136. package/ui/Pagination/index.js +1 -16
  137. package/ui/Paper/Paper.js +7 -12
  138. package/ui/Paper/index.d.ts +1 -1
  139. package/ui/Paper/index.js +1 -16
  140. package/ui/Popover/Popover.js +11 -16
  141. package/ui/Popover/index.d.ts +1 -1
  142. package/ui/Popover/index.js +1 -16
  143. package/ui/Popper/Popper.js +8 -12
  144. package/ui/Popper/PopperBase.js +11 -14
  145. package/ui/Popper/index.d.ts +1 -1
  146. package/ui/Popper/index.js +2 -16
  147. package/ui/Skeleton/Skeleton.js +5 -11
  148. package/ui/Skeleton/index.d.ts +0 -1
  149. package/ui/Skeleton/index.js +1 -16
  150. package/ui/Slider/RcSlider.js +0 -1
  151. package/ui/Slider/Slider.js +15 -19
  152. package/ui/Slider/index.d.ts +1 -1
  153. package/ui/Slider/index.js +1 -16
  154. package/ui/Stack/Stack.js +12 -17
  155. package/ui/Stack/index.d.ts +1 -1
  156. package/ui/Stack/index.js +1 -16
  157. package/ui/Status/Status.js +11 -15
  158. package/ui/Status/index.d.ts +0 -1
  159. package/ui/Status/index.js +1 -16
  160. package/ui/Stepper/StepItem.js +18 -22
  161. package/ui/Stepper/StepItemIcon.js +11 -16
  162. package/ui/Stepper/Stepper.js +13 -17
  163. package/ui/Stepper/index.d.ts +1 -1
  164. package/ui/Stepper/index.js +1 -16
  165. package/ui/Table/Table.js +17 -19
  166. package/ui/Table/TableBase.js +6 -11
  167. package/ui/Table/TableCell.js +10 -15
  168. package/ui/Table/TableRow.js +8 -13
  169. package/ui/Table/index.js +3 -10
  170. package/ui/Tooltip/Tooltip.js +20 -23
  171. package/ui/Tooltip/index.d.ts +1 -1
  172. package/ui/Tooltip/index.js +1 -16
@@ -1,14 +1,9 @@
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 _Checkbox = _interopRequireDefault(require("../Form/Checkbox/Checkbox"));
8
- var _Adornment = _interopRequireWildcard(require("../Adornment/Adornment"));
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- 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); }
11
- 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
+ import clsx from 'clsx';
2
+ import Checkbox from "../Form/Checkbox/Checkbox";
3
+ import Adornment, { AdornmentContainer } from "../Adornment/Adornment";
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";
12
7
  function ListItem(props) {
13
8
  let {
14
9
  children,
@@ -25,10 +20,10 @@ function ListItem(props) {
25
20
  } = props;
26
21
  let withStartAdornment = checked !== undefined || !!startAdornment;
27
22
  let Component = as || 'button';
28
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
29
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, {
23
+ return /*#__PURE__*/_jsx(_Fragment, {
24
+ children: /*#__PURE__*/_jsxs(Component, {
30
25
  ...restProps,
31
- className: (0, _clsx.default)('arm-listitem', className, {
26
+ className: clsx('arm-listitem', className, {
32
27
  'arm-listitem_active': !!active || !!checked,
33
28
  'arm-listitem_divider': !!divider,
34
29
  'arm-listitem_disabled': !!restProps.disabled,
@@ -36,35 +31,35 @@ function ListItem(props) {
36
31
  'arm-listitem_startAdornment': withStartAdornment,
37
32
  'arm-listitem_dark': theme === 'dark'
38
33
  }),
39
- children: [withStartAdornment && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Adornment.AdornmentContainer, {
40
- children: [checked !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.default, {
34
+ children: [withStartAdornment && /*#__PURE__*/_jsxs(AdornmentContainer, {
35
+ children: [checked !== undefined && /*#__PURE__*/_jsx(Adornment, {
41
36
  position: 'start',
42
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
37
+ children: /*#__PURE__*/_jsx(Checkbox, {
43
38
  theme: theme,
44
39
  disabled: restProps.disabled,
45
40
  checked: checked,
46
41
  readOnly: true,
47
42
  size: 'small'
48
43
  })
49
- }), !!startAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.default, {
44
+ }), !!startAdornment && /*#__PURE__*/_jsx(Adornment, {
50
45
  theme: theme,
51
46
  position: 'start',
52
47
  children: startAdornment
53
48
  })]
54
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
55
- className: (0, _clsx.default)('arm-listitem__content', {
49
+ }), /*#__PURE__*/_jsxs("span", {
50
+ className: clsx('arm-listitem__content', {
56
51
  'arm-listitem__content_adornment_left': withStartAdornment
57
52
  }),
58
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
53
+ children: [/*#__PURE__*/_jsx("span", {
59
54
  className: 'arm-listitem__text',
60
55
  children: children
61
- }), title && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
56
+ }), title && /*#__PURE__*/_jsx("span", {
62
57
  className: 'arm-listitem__helper',
63
58
  children: title
64
59
  })]
65
- }), !!endAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.AdornmentContainer, {
60
+ }), !!endAdornment && /*#__PURE__*/_jsx(AdornmentContainer, {
66
61
  position: 'end',
67
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.default, {
62
+ children: /*#__PURE__*/_jsx(Adornment, {
68
63
  theme: theme,
69
64
  position: 'end',
70
65
  children: endAdornment
@@ -73,5 +68,4 @@ function ListItem(props) {
73
68
  })
74
69
  });
75
70
  }
76
- var _default = exports.default = ListItem;
77
- module.exports = exports.default;
71
+ export default ListItem;
@@ -1,2 +1,2 @@
1
1
  export { default } from './ListItem';
2
- export * from './ListItem';
2
+ export { type ListItemProps } from './ListItem';
package/ui/List/index.js CHANGED
@@ -1,16 +1 @@
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
+ export { default } from "./ListItem";
@@ -1,10 +1,6 @@
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");
1
+ import clsx from 'clsx';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { Fragment as _Fragment } from "react/jsx-runtime";
8
4
  const Loader = props => {
9
5
  let {
10
6
  size,
@@ -13,10 +9,10 @@ const Loader = props => {
13
9
  className,
14
10
  ...divProps
15
11
  } = props;
16
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
17
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
12
+ return /*#__PURE__*/_jsx(_Fragment, {
13
+ children: /*#__PURE__*/_jsx("div", {
18
14
  ...divProps,
19
- className: (0, _clsx.default)('arm-loader', {
15
+ className: clsx('arm-loader', {
20
16
  ['arm-loader_size_' + size]: size,
21
17
  ['arm-loader_theme_' + theme]: theme,
22
18
  ['arm-loader_color_' + color]: color
@@ -24,5 +20,4 @@ const Loader = props => {
24
20
  })
25
21
  });
26
22
  };
27
- var _default = exports.default = Loader;
28
- module.exports = exports.default;
23
+ export default Loader;
@@ -1,2 +1,2 @@
1
1
  export { default } from './Loader';
2
- export * from './Loader';
2
+ export { type LoaderProps } from './Loader';
@@ -1,16 +1 @@
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;
1
+ export { default } from "./Loader";
package/ui/Logo/Logo.js CHANGED
@@ -1,10 +1,7 @@
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");
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";
8
5
  const Logo = props => {
9
6
  let {
10
7
  description,
@@ -20,41 +17,41 @@ const Logo = props => {
20
17
  height,
21
18
  ...restProps
22
19
  } = props;
23
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
24
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
20
+ return /*#__PURE__*/_jsx(_Fragment, {
21
+ children: /*#__PURE__*/_jsx("div", {
25
22
  ...restProps,
26
- className: (0, _clsx.default)('arm-logo', {
23
+ className: clsx('arm-logo', {
27
24
  'arm-logo_inverse': inverse,
28
25
  'arm-logo_shape': shape
29
26
  }, className),
30
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
27
+ children: /*#__PURE__*/_jsxs("div", {
31
28
  className: "logo__inner",
32
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
29
+ children: [/*#__PURE__*/_jsx("div", {
33
30
  className: 'arm-logo__img',
34
- children: href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
31
+ children: href ? /*#__PURE__*/_jsx("a", {
35
32
  href: href,
36
33
  ...linkProps,
37
- children: src ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
34
+ children: src ? /*#__PURE__*/_jsx("img", {
38
35
  src: src,
39
36
  alt: ''
40
- }) : children || /*#__PURE__*/(0, _jsxRuntime.jsx)(LogoArmtek, {
37
+ }) : children || /*#__PURE__*/_jsx(LogoArmtek, {
41
38
  black: black,
42
39
  inverse: inverse,
43
40
  width: width,
44
41
  height: height
45
42
  })
46
- }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
47
- children: src ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
43
+ }) : /*#__PURE__*/_jsx("span", {
44
+ children: src ? /*#__PURE__*/_jsx("img", {
48
45
  src: src,
49
46
  alt: ''
50
- }) : children || /*#__PURE__*/(0, _jsxRuntime.jsx)(LogoArmtek, {
47
+ }) : children || /*#__PURE__*/_jsx(LogoArmtek, {
51
48
  black: black,
52
49
  inverse: inverse,
53
50
  width: width,
54
51
  height: height
55
52
  })
56
53
  })
57
- }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
54
+ }), description && /*#__PURE__*/_jsx("div", {
58
55
  className: 'arm-logo__description',
59
56
  children: description
60
57
  })]
@@ -73,38 +70,37 @@ const LogoArmtek = ({
73
70
  if (black) part1Color = part2Color;
74
71
  let w = width || 324;
75
72
  let h = height || 40;
76
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
77
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
73
+ return /*#__PURE__*/_jsx(_Fragment, {
74
+ children: /*#__PURE__*/_jsxs("svg", {
78
75
  xmlns: "http://www.w3.org/2000/svg",
79
76
  width: "124",
80
77
  height: "15",
81
78
  viewBox: "0 0 124 15",
82
79
  fill: "none",
83
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
80
+ children: [/*#__PURE__*/_jsx("path", {
84
81
  fillRule: "evenodd",
85
82
  clipRule: "evenodd",
86
83
  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",
87
84
  fill: part1Color
88
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
85
+ }), /*#__PURE__*/_jsx("path", {
89
86
  fillRule: "evenodd",
90
87
  clipRule: "evenodd",
91
88
  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",
92
89
  fill: part1Color
93
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
90
+ }), /*#__PURE__*/_jsx("path", {
94
91
  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",
95
92
  fill: part1Color
96
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
93
+ }), /*#__PURE__*/_jsx("path", {
97
94
  d: "M84.5345 0H67.6301L66.8307 3.78527H72.3088L69.9342 15H75.8589L78.2571 3.78527H83.7351L84.5345 0Z",
98
95
  fill: part2Color
99
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
96
+ }), /*#__PURE__*/_jsx("path", {
100
97
  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",
101
98
  fill: part2Color
102
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
99
+ }), /*#__PURE__*/_jsx("path", {
103
100
  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",
104
101
  fill: part2Color
105
102
  })]
106
103
  })
107
104
  });
108
105
  };
109
- var _default = exports.default = Logo;
110
- module.exports = exports.default;
106
+ export default Logo;
@@ -1,2 +1,2 @@
1
1
  export { default } from './Logo';
2
- export * from './Logo';
2
+ export { type LogoProps } from './Logo';
package/ui/Logo/index.js CHANGED
@@ -1,16 +1 @@
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
+ export { default } from "./Logo";
@@ -1,13 +1,10 @@
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 => {
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 => {
11
8
  const {
12
9
  className,
13
10
  title,
@@ -21,34 +18,34 @@ const BaseModal = props => {
21
18
  ...divProps
22
19
  } = props;
23
20
  const showControls = !!onSubmit;
24
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
25
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
21
+ return /*#__PURE__*/_jsx(_Fragment, {
22
+ children: /*#__PURE__*/_jsxs("div", {
26
23
  ...divProps,
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, {
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, {
33
30
  variant: 'transparent',
34
31
  onClick: onClose,
35
- className: (0, _clsx.default)('arm-modal__close', classes == null ? void 0 : classes['Arm-Modal__close']),
32
+ className: clsx('arm-modal__close', classes == null ? void 0 : classes['Arm-Modal__close']),
36
33
  color: 'neutral',
37
34
  size: 'medium',
38
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
35
+ children: /*#__PURE__*/_jsx("span", {
39
36
  className: 'material_icon',
40
37
  children: "close"
41
38
  })
42
39
  })]
43
40
  })
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", {
41
+ }), /*#__PURE__*/_jsx("div", {
42
+ className: clsx('arm-modal__body', classes == null ? void 0 : classes['Arm-Modal__body']),
43
+ children: /*#__PURE__*/_jsx("div", {
47
44
  children: children
48
45
  })
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, {
46
+ }), showControls && /*#__PURE__*/_jsx("div", {
47
+ className: clsx('arm-modal__footer', classes == null ? void 0 : classes['Arm-Modal__footer']),
48
+ children: /*#__PURE__*/_jsx(FormControls, {
52
49
  className: classes == null ? void 0 : classes['Arm-FormControls'],
53
50
  onSubmit: onSubmit,
54
51
  onCancel: onCancel,
@@ -58,5 +55,4 @@ const BaseModal = props => {
58
55
  })]
59
56
  })
60
57
  });
61
- };
62
- exports.BaseModal = BaseModal;
58
+ };
package/ui/Modal/Modal.js CHANGED
@@ -1,11 +1,7 @@
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");
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";
9
5
  const Modal = props => {
10
6
  const {
11
7
  open,
@@ -13,16 +9,15 @@ const Modal = props => {
13
9
  ...modalProps
14
10
  } = props;
15
11
  if (!open) return null;
16
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
17
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackDrop.default, {
12
+ return /*#__PURE__*/_jsx(_Fragment, {
13
+ children: /*#__PURE__*/_jsx(BackDrop, {
18
14
  width: width,
19
15
  onClick: modalProps.onClose,
20
16
  className: 'arm-modal__backdrop',
21
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseModal.BaseModal, {
17
+ children: /*#__PURE__*/_jsx(BaseModal, {
22
18
  ...modalProps
23
19
  })
24
20
  })
25
21
  });
26
22
  };
27
- var _default = exports.default = Modal;
28
- module.exports = exports.default;
23
+ export default Modal;
@@ -1,2 +1,2 @@
1
1
  export { default } from './Modal';
2
- export * from './Modal';
2
+ export { type ModalProps } from './Modal';
package/ui/Modal/index.js CHANGED
@@ -1,16 +1 @@
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
+ export { default } from "./Modal";
@@ -1,19 +1,17 @@
1
- "use strict";
2
1
  "use client";
3
2
 
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");
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";
15
13
  const MAX_DISPLAY = 5;
16
- const Pagination = props => {
14
+ export const Pagination = props => {
17
15
  const {
18
16
  pageSize,
19
17
  pageSizes,
@@ -38,68 +36,68 @@ const Pagination = props => {
38
36
  if (selectedPage !== page) onChange(selectedPage);
39
37
  };
40
38
  if (total <= 1) return null;
41
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
42
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
39
+ return /*#__PURE__*/_jsx(_Fragment, {
40
+ children: /*#__PURE__*/_jsxs(Stack, {
43
41
  spacing: 'small',
44
- children: [pageSizes && onPageSizeSelect && /*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationPerPage, {
42
+ children: [pageSizes && onPageSizeSelect && /*#__PURE__*/_jsx(PaginationPerPage, {
45
43
  ...props,
46
44
  pageSizes: pageSizes,
47
45
  onPageSizeSelect: onPageSizeSelect
48
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
46
+ }), /*#__PURE__*/_jsxs(Stack, {
49
47
  center: true,
50
48
  ...stackProps,
51
- children: [page > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
49
+ children: [page > 1 && /*#__PURE__*/_jsx(ButtonIcon, {
52
50
  onClick: handleClick(page - 1),
53
51
  size: 'small',
54
52
  variant: 'transparent',
55
53
  color: 'neutral',
56
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Mi, {
54
+ children: /*#__PURE__*/_jsx(Mi, {
57
55
  icon: 'chevron_left'
58
56
  })
59
- }), displayFirst && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
57
+ }), displayFirst && /*#__PURE__*/_jsx(ButtonIcon, {
60
58
  onClick: handleClick(1),
61
59
  size: 'small',
62
60
  variant: 'transparent',
63
61
  color: 'neutral',
64
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
62
+ children: /*#__PURE__*/_jsx("div", {
65
63
  className: 'arm-pagination__item',
66
64
  children: "1"
67
65
  })
68
- }), displayFirstDots && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
66
+ }), displayFirstDots && /*#__PURE__*/_jsx(ButtonIcon, {
69
67
  size: 'small',
70
68
  disabled: true,
71
69
  children: "..."
72
70
  }), pageArr.map(item => {
73
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
71
+ return /*#__PURE__*/_jsx(ButtonIcon, {
74
72
  onClick: handleClick(item),
75
73
  size: 'small',
76
74
  className: page === item ? 'bg-gray-100' : '',
77
75
  variant: 'transparent',
78
76
  color: 'neutral',
79
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
77
+ children: /*#__PURE__*/_jsx("div", {
80
78
  className: 'arm-pagination__item',
81
79
  children: item
82
80
  })
83
81
  }, item);
84
- }), displayLastDots && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
82
+ }), displayLastDots && /*#__PURE__*/_jsx(ButtonIcon, {
85
83
  size: 'small',
86
84
  disabled: true,
87
85
  children: "..."
88
- }), displayLast && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
86
+ }), displayLast && /*#__PURE__*/_jsx(ButtonIcon, {
89
87
  onClick: handleClick(total),
90
88
  size: 'small',
91
89
  variant: 'transparent',
92
90
  color: 'neutral',
93
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
91
+ children: /*#__PURE__*/_jsx("div", {
94
92
  className: 'arm-pagination__item',
95
93
  children: total
96
94
  })
97
- }), page !== total && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
95
+ }), page !== total && /*#__PURE__*/_jsx(ButtonIcon, {
98
96
  onClick: handleClick(page + 1),
99
97
  size: 'small',
100
98
  variant: 'transparent',
101
99
  color: 'neutral',
102
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Mi, {
100
+ children: /*#__PURE__*/_jsx(Mi, {
103
101
  icon: 'chevron_right'
104
102
  })
105
103
  })]
@@ -107,7 +105,6 @@ const Pagination = props => {
107
105
  })
108
106
  });
109
107
  };
110
- exports.Pagination = Pagination;
111
108
  const PaginationPerPage = props => {
112
109
  const {
113
110
  pageSize,
@@ -115,31 +112,31 @@ const PaginationPerPage = props => {
115
112
  pageSizeLabel,
116
113
  onPageSizeSelect
117
114
  } = props;
118
- const [visible, setVisible] = (0, _react.useState)(false);
119
- const btnRef = (0, _react.useRef)(null);
115
+ const [visible, setVisible] = useState(false);
116
+ const btnRef = useRef(null);
120
117
  const handleClose = () => setVisible(false);
121
118
  const handleClick = item => {
122
119
  onPageSizeSelect(item);
123
120
  handleClose();
124
121
  };
125
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
122
+ return /*#__PURE__*/_jsxs(Stack, {
126
123
  spacing: 'small',
127
124
  center: true,
128
125
  className: 'flex items-center',
129
- children: [pageSizeLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
126
+ children: [pageSizeLabel && /*#__PURE__*/_jsx("div", {
130
127
  className: 'text-small',
131
128
  children: pageSizeLabel
132
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
129
+ }), /*#__PURE__*/_jsx(Button, {
133
130
  variant: 'transparent',
134
131
  onClick: () => setVisible(true),
135
132
  ref: btnRef,
136
- endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Mi, {
133
+ endAdornment: /*#__PURE__*/_jsx(Mi, {
137
134
  icon: 'expand_more'
138
135
  }),
139
136
  size: 'small',
140
137
  color: 'neutral',
141
138
  children: pageSize
142
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.Popover, {
139
+ }), /*#__PURE__*/_jsx(Popover, {
143
140
  placement: 'bottom',
144
141
  open: visible,
145
142
  anchorEl: btnRef.current,
@@ -147,7 +144,7 @@ const PaginationPerPage = props => {
147
144
  classes: {
148
145
  paper: 'p-0'
149
146
  },
150
- children: pageSizes.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, {
147
+ children: pageSizes.map(item => /*#__PURE__*/_jsx(ListItem, {
151
148
  onClick: () => handleClick(item),
152
149
  active: item === pageSize,
153
150
  children: item
@@ -155,4 +152,4 @@ const PaginationPerPage = props => {
155
152
  })]
156
153
  });
157
154
  };
158
- var _default = exports.default = Pagination;
155
+ export default Pagination;
@@ -1,2 +1,2 @@
1
1
  export { default } from './Pagination';
2
- export * from './Pagination';
2
+ export { type PaginationProps } from './Pagination';