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/Table/Table.js CHANGED
@@ -1,11 +1,13 @@
1
- import { Fragment } from 'react';
2
- import { TableRow } from "./TableRow";
3
- import { TableCell } from "./TableCell";
4
- import { TableBase } from "./TableBase";
5
- import { fixedForwardRef } from "../../lib/helpers";
6
- import { jsx as _jsx } from "react/jsx-runtime";
7
- import { jsxs as _jsxs } from "react/jsx-runtime";
8
- import { Fragment as _Fragment } from "react/jsx-runtime";
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.Table = void 0;
5
+ var _react = require("react");
6
+ var _TableRow = require("./TableRow");
7
+ var _TableCell = require("./TableCell");
8
+ var _TableBase = require("./TableBase");
9
+ var _helpers = require("../../lib/helpers");
10
+ var _jsxRuntime = require("react/jsx-runtime");
9
11
  function TableInit(props, ref) {
10
12
  const {
11
13
  className,
@@ -18,15 +20,15 @@ function TableInit(props, ref) {
18
20
  getRow,
19
21
  ...tableProps
20
22
  } = props;
21
- return /*#__PURE__*/_jsx(_Fragment, {
22
- children: /*#__PURE__*/_jsx(TableBase, {
23
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
24
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableBase.TableBase, {
23
25
  ...tableProps,
24
26
  ref: ref,
25
- children: /*#__PURE__*/_jsxs("tbody", {
26
- children: [/*#__PURE__*/_jsx(TableRow, {
27
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("tbody", {
28
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableRow.TableRow, {
27
29
  className: classes == null ? void 0 : classes.tableRowHead,
28
30
  children: structure.map((item, index) => {
29
- return /*#__PURE__*/_jsx(TableCell, {
31
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableCell.TableCell, {
30
32
  head: true,
31
33
  className: classes == null ? void 0 : classes.tableCellHead,
32
34
  size: size,
@@ -36,14 +38,14 @@ function TableInit(props, ref) {
36
38
  })
37
39
  }), items.map((row, index) => {
38
40
  let rowClass = !!(classes != null && classes.tableRow) ? typeof classes.tableRow === 'string' ? classes.tableRow : classes.tableRow(row) : '';
39
- return getRow ? /*#__PURE__*/_jsx(Fragment, {
41
+ return getRow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
40
42
  children: getRow(row, index)
41
- }, index) : /*#__PURE__*/_jsx(TableRow, {
43
+ }, index) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableRow.TableRow, {
42
44
  className: rowClass,
43
45
  onClick: e => onClick ? onClick(row, e) : null,
44
46
  children: structure.map((item, itemIndex) => {
45
47
  let cellClass = !!(classes != null && classes.tableCell) ? typeof classes.tableCell === 'string' ? classes.tableCell : classes.tableCell(row, item.code) : '';
46
- return /*#__PURE__*/_jsx(TableCell, {
48
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableCell.TableCell, {
47
49
  size: size,
48
50
  variant: variant,
49
51
  className: cellClass,
@@ -56,4 +58,4 @@ function TableInit(props, ref) {
56
58
  })
57
59
  });
58
60
  }
59
- export const Table = fixedForwardRef(TableInit);
61
+ const Table = exports.Table = (0, _helpers.fixedForwardRef)(TableInit);
@@ -1,16 +1,21 @@
1
- import { forwardRef } from 'react';
2
- import clsx from 'clsx';
3
- import { jsx as _jsx } from "react/jsx-runtime";
4
- export const TableBase = /*#__PURE__*/forwardRef((props, ref) => {
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.TableBase = void 0;
6
+ var _react = require("react");
7
+ var _clsx = _interopRequireDefault(require("clsx"));
8
+ var _jsxRuntime = require("react/jsx-runtime");
9
+ const TableBase = exports.TableBase = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
5
10
  const {
6
11
  className,
7
12
  children,
8
13
  ...tableProps
9
14
  } = props;
10
- return /*#__PURE__*/_jsx("table", {
15
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
11
16
  ...tableProps,
12
17
  ref: ref,
13
- className: clsx(className, 'arm-table'),
18
+ className: (0, _clsx.default)(className, 'arm-table'),
14
19
  children: children
15
20
  });
16
21
  });
@@ -1,7 +1,11 @@
1
- import clsx from 'clsx';
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import { Fragment as _Fragment } from "react/jsx-runtime";
4
- export const TableCell = props => {
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.TableCell = void 0;
6
+ var _clsx = _interopRequireDefault(require("clsx"));
7
+ var _jsxRuntime = require("react/jsx-runtime");
8
+ const TableCell = props => {
5
9
  const {
6
10
  className,
7
11
  children,
@@ -11,15 +15,15 @@ export const TableCell = props => {
11
15
  size,
12
16
  ...cellProps
13
17
  } = props;
14
- return /*#__PURE__*/_jsx(_Fragment, {
15
- children: /*#__PURE__*/_jsx("td", {
18
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
19
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
16
20
  ...cellProps,
17
- className: clsx(className, 'arm-table-cell', {
21
+ className: (0, _clsx.default)(className, 'arm-table-cell', {
18
22
  'arm-table-cell_head': !!head,
19
23
  ['arm-table-cell_variant_' + variant]: !!variant
20
24
  }),
21
- children: /*#__PURE__*/_jsx("div", {
22
- className: clsx('arm-table-cell__inner', innerClassName, {
25
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
26
+ className: (0, _clsx.default)('arm-table-cell__inner', innerClassName, {
23
27
  ['arm-table-cell__inner_size_' + size]: !!size,
24
28
  ['arm-table-cell__inner_variant_' + variant]: !!variant
25
29
  }),
@@ -27,4 +31,5 @@ export const TableCell = props => {
27
31
  })
28
32
  })
29
33
  });
30
- };
34
+ };
35
+ exports.TableCell = TableCell;
@@ -1,19 +1,24 @@
1
- import clsx from 'clsx';
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import { Fragment as _Fragment } from "react/jsx-runtime";
4
- export const TableRow = props => {
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.TableRow = void 0;
6
+ var _clsx = _interopRequireDefault(require("clsx"));
7
+ var _jsxRuntime = require("react/jsx-runtime");
8
+ const TableRow = props => {
5
9
  const {
6
10
  className,
7
11
  children,
8
12
  ...rowProps
9
13
  } = props;
10
- return /*#__PURE__*/_jsx(_Fragment, {
11
- children: /*#__PURE__*/_jsx("tr", {
14
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
15
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
12
16
  ...rowProps,
13
- className: clsx(className, 'arm-table-row', {
17
+ className: (0, _clsx.default)(className, 'arm-table-row', {
14
18
  'arm-table-row_click': !!rowProps.onClick
15
19
  }),
16
20
  children: children
17
21
  })
18
22
  });
19
- };
23
+ };
24
+ exports.TableRow = TableRow;
package/ui/Table/index.js CHANGED
@@ -1,3 +1,10 @@
1
- export { Table } from "./Table";
2
- export { TableCell } from "./TableCell";
3
- export { TableRow } from "./TableRow";
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.TableRow = exports.TableCell = exports.Table = void 0;
5
+ var _Table = require("./Table");
6
+ exports.Table = _Table.Table;
7
+ var _TableCell = require("./TableCell");
8
+ exports.TableCell = _TableCell.TableCell;
9
+ var _TableRow = require("./TableRow");
10
+ exports.TableRow = _TableRow.TableRow;
@@ -1,13 +1,15 @@
1
+ "use strict";
1
2
  "use client";
2
3
 
3
- import { cloneElement, isValidElement, useRef, useState } from 'react';
4
- import useTimeout from "../../lib/hooks/useTimeout";
5
- import useEventCallback from "../../lib/hooks/useEventCallback";
6
- import Popper from "../Popper";
7
- import clsx from 'clsx';
8
- import { jsx as _jsx } from "react/jsx-runtime";
9
- import { Fragment as _Fragment } from "react/jsx-runtime";
10
- import { jsxs as _jsxs } from "react/jsx-runtime";
4
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
+ exports.__esModule = true;
6
+ exports.default = void 0;
7
+ var _react = require("react");
8
+ var _useTimeout = _interopRequireDefault(require("../../lib/hooks/useTimeout"));
9
+ var _useEventCallback = _interopRequireDefault(require("../../lib/hooks/useEventCallback"));
10
+ var _Popper = _interopRequireDefault(require("../Popper"));
11
+ var _clsx = _interopRequireDefault(require("clsx"));
12
+ var _jsxRuntime = require("react/jsx-runtime");
11
13
  function composeEventHandler(handler, eventHandler) {
12
14
  return event => {
13
15
  if (eventHandler) {
@@ -27,18 +29,18 @@ function Tooltip(props) {
27
29
  placement = 'top',
28
30
  classNames
29
31
  } = props;
30
- const children = /*#__PURE__*/isValidElement(childrenProp) ? childrenProp : /*#__PURE__*/_jsx("span", {
32
+ const children = /*#__PURE__*/(0, _react.isValidElement)(childrenProp) ? childrenProp : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
31
33
  children: childrenProp
32
34
  });
33
- const [openState, setOpenState] = useState(false);
34
- const anchorEl = useRef();
35
- const closeTimer = useTimeout();
36
- const enterTimer = useTimeout();
37
- const leaveTimer = useTimeout();
35
+ const [openState, setOpenState] = (0, _react.useState)(false);
36
+ const anchorEl = (0, _react.useRef)();
37
+ const closeTimer = (0, _useTimeout.default)();
38
+ const enterTimer = (0, _useTimeout.default)();
39
+ const leaveTimer = (0, _useTimeout.default)();
38
40
  const handleOpen = event => {
39
41
  setOpenState(true);
40
42
  };
41
- const handleClose = useEventCallback(event => {
43
+ const handleClose = (0, _useEventCallback.default)(event => {
42
44
  setOpenState(false);
43
45
 
44
46
  // closeTimer.start(theme.transitions.duration.shortest, () => {
@@ -65,17 +67,18 @@ function Tooltip(props) {
65
67
  childrenProps.onMouseOver = composeEventHandler(handleMouseOver, childrenProps.onMouseOver);
66
68
  childrenProps.onMouseLeave = composeEventHandler(handleMouseLeave, childrenProps.onMouseLeave);
67
69
  childrenProps.ref = anchorEl;
68
- return /*#__PURE__*/_jsxs(_Fragment, {
69
- children: [/*#__PURE__*/cloneElement(children, childrenProps), anchorEl.current && /*#__PURE__*/_jsx(Popper, {
70
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
71
+ children: [/*#__PURE__*/(0, _react.cloneElement)(children, childrenProps), anchorEl.current && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popper.default, {
70
72
  placement: placement,
71
73
  open: openState,
72
74
  className: classNames == null ? void 0 : classNames.popper,
73
75
  anchorEl: anchorEl.current,
74
- children: /*#__PURE__*/_jsx("span", {
75
- className: clsx('arm-tooltip__item', classNames == null ? void 0 : classNames.tooltip),
76
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
77
+ className: (0, _clsx.default)('arm-tooltip__item', classNames == null ? void 0 : classNames.tooltip),
76
78
  children: text
77
79
  })
78
80
  })]
79
81
  });
80
82
  }
81
- export default Tooltip;
83
+ var _default = exports.default = Tooltip;
84
+ module.exports = exports.default;
@@ -1,2 +1,16 @@
1
- export { default } from "./Tooltip";
2
- export * from "./Tooltip";
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ var _exportNames = {};
5
+ exports.default = void 0;
6
+ var _Tooltip = _interopRequireWildcard(require("./Tooltip"));
7
+ exports.default = _Tooltip.default;
8
+ Object.keys(_Tooltip).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] === _Tooltip[key]) return;
12
+ exports[key] = _Tooltip[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;