armtek-uikit-react 1.0.155 → 1.0.159

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 (139) hide show
  1. package/assets/Popper.scss +3 -0
  2. package/assets/styles.min.css +1 -1
  3. package/assets/styles.min.css.map +1 -1
  4. package/assets/styles.scss +1 -0
  5. package/index.js +2 -1
  6. package/lib/const/styles.js +5 -1
  7. package/lib/helpers/genericForwardRef.d.ts +1 -1
  8. package/lib/helpers/genericForwardRef.js +7 -3
  9. package/lib/helpers/getColorClasses.js +10 -6
  10. package/lib/helpers/getSizeClasses.js +9 -5
  11. package/lib/helpers/getVariantClasses.js +9 -5
  12. package/lib/helpers/helpers.js +19 -10
  13. package/lib/helpers/index.js +6 -1
  14. package/lib/hooks/useClickOutside.js +8 -4
  15. package/lib/hooks/useEnhancedEffect.js +8 -3
  16. package/lib/hooks/useEventCallback.js +11 -4
  17. package/lib/hooks/useLazyRef.js +8 -4
  18. package/lib/hooks/useTimeout.js +12 -6
  19. package/lib/services/DateService.js +7 -2
  20. package/package.json +1 -1
  21. package/types/theme.js +3 -1
  22. package/ui/Accordion/Accordion.classes.js +19 -14
  23. package/ui/Accordion/Accordion.js +38 -35
  24. package/ui/Accordion/index.js +8 -1
  25. package/ui/Adornment/Adornment.js +16 -11
  26. package/ui/Adornment/index.js +9 -2
  27. package/ui/Alert/Alert.js +20 -16
  28. package/ui/Alert/index.js +8 -1
  29. package/ui/Avatar/Avatar.js +22 -18
  30. package/ui/Avatar/index.js +8 -1
  31. package/ui/AvatarGroup/AvatarGroup.js +18 -14
  32. package/ui/AvatarGroup/index.js +8 -1
  33. package/ui/BackDrop/BackDrop.js +13 -9
  34. package/ui/BackDrop/BackDropBase.js +15 -11
  35. package/ui/BackDrop/index.js +8 -1
  36. package/ui/Badge/Badge.js +16 -12
  37. package/ui/Badge/index.js +8 -1
  38. package/ui/Button/Button.d.ts +2 -2
  39. package/ui/Button/Button.js +22 -18
  40. package/ui/Button/index.js +8 -1
  41. package/ui/ButtonGroup/ButtonGroup.js +15 -10
  42. package/ui/ButtonGroup/index.js +8 -2
  43. package/ui/ButtonIcon/ButtonIcon.d.ts +3 -3
  44. package/ui/ButtonIcon/ButtonIcon.js +16 -11
  45. package/ui/ButtonIcon/index.js +8 -1
  46. package/ui/Card/Card.js +12 -7
  47. package/ui/Card/index.js +8 -1
  48. package/ui/Chip/Chip.js +19 -15
  49. package/ui/Chip/index.js +8 -1
  50. package/ui/Dropdown/Dropdown.js +20 -16
  51. package/ui/Dropdown/index.js +8 -1
  52. package/ui/Form/Checkbox/Checkbox.js +22 -19
  53. package/ui/Form/Checkbox/index.js +8 -1
  54. package/ui/Form/DateField/DateField.js +28 -25
  55. package/ui/Form/DateField/index.js +8 -1
  56. package/ui/Form/DatePicker/DatePicker.js +21 -13
  57. package/ui/Form/DatePicker/index.js +8 -1
  58. package/ui/Form/FormControls/FormControls.js +19 -15
  59. package/ui/Form/FormControls/index.js +8 -1
  60. package/ui/Form/Interval/Interval.js +23 -20
  61. package/ui/Form/Interval/IntervalSlide.js +16 -13
  62. package/ui/Form/Interval/index.js +9 -2
  63. package/ui/Form/Password/Password.js +17 -14
  64. package/ui/Form/Password/index.js +8 -1
  65. package/ui/Form/Period/Period.d.ts +1 -1
  66. package/ui/Form/Period/Period.js +24 -21
  67. package/ui/Form/Period/index.js +8 -1
  68. package/ui/Form/PeriodSelect/PeriodSelect.js +13 -9
  69. package/ui/Form/PeriodSelect/index.js +8 -1
  70. package/ui/Form/Radio/Radio.js +13 -8
  71. package/ui/Form/Radio/index.js +8 -1
  72. package/ui/Form/Rating/Rating.js +16 -13
  73. package/ui/Form/Rating/index.js +8 -1
  74. package/ui/Form/Select/Select.d.ts +1 -1
  75. package/ui/Form/Select/Select.js +50 -49
  76. package/ui/Form/Select/SelectOptionList.d.ts +1 -1
  77. package/ui/Form/Select/SelectOptionList.js +13 -8
  78. package/ui/Form/Select/SelectOptionsContainer.js +11 -6
  79. package/ui/Form/Select/SelectSummary.js +37 -32
  80. package/ui/Form/Select/index.js +12 -3
  81. package/ui/Form/Switch/Switch.js +14 -10
  82. package/ui/Form/Switch/index.js +8 -1
  83. package/ui/Form/TextArea/TextArea.js +19 -15
  84. package/ui/Form/TextArea/index.js +8 -1
  85. package/ui/Form/TextField/TextField.js +39 -34
  86. package/ui/Form/TextField/index.js +10 -2
  87. package/ui/Form/TimeField/TimeField.d.ts +3 -3
  88. package/ui/Form/TimeField/TimeField.js +13 -8
  89. package/ui/Form/TimeField/index.js +8 -1
  90. package/ui/Form/TimePicker/TimePicker.js +12 -8
  91. package/ui/Form/TimePicker/index.js +8 -1
  92. package/ui/HelperText/HelperText.js +12 -7
  93. package/ui/HelperText/index.js +8 -1
  94. package/ui/Icon/Icon.js +14 -9
  95. package/ui/Icon/Mi.js +15 -10
  96. package/ui/Icon/Mis.js +11 -7
  97. package/ui/Icon/index.js +11 -3
  98. package/ui/Link/Link.d.ts +1 -1
  99. package/ui/Link/Link.js +15 -10
  100. package/ui/Link/index.js +8 -1
  101. package/ui/List/ListItem.js +26 -20
  102. package/ui/List/index.js +8 -1
  103. package/ui/Loader/Loader.js +12 -7
  104. package/ui/Loader/index.js +8 -1
  105. package/ui/Logo/Logo.js +29 -25
  106. package/ui/Logo/index.js +8 -1
  107. package/ui/Modal/BaseModal.js +28 -24
  108. package/ui/Modal/Modal.js +13 -8
  109. package/ui/Modal/index.js +8 -1
  110. package/ui/Pagination/Pagination.js +39 -36
  111. package/ui/Pagination/index.js +8 -1
  112. package/ui/Paper/Paper.js +12 -7
  113. package/ui/Paper/index.js +8 -1
  114. package/ui/Popover/Popover.js +16 -11
  115. package/ui/Popover/index.js +8 -1
  116. package/ui/Popper/Popper.js +12 -8
  117. package/ui/Popper/PopperBase.js +17 -12
  118. package/ui/Popper/index.js +9 -2
  119. package/ui/Skeleton/Skeleton.js +11 -5
  120. package/ui/Skeleton/index.js +8 -1
  121. package/ui/Slider/RcSlider.js +1 -0
  122. package/ui/Slider/Slider.js +19 -15
  123. package/ui/Slider/index.js +8 -1
  124. package/ui/Stack/Stack.js +17 -12
  125. package/ui/Stack/index.js +8 -1
  126. package/ui/Status/Status.js +15 -11
  127. package/ui/Status/index.js +8 -1
  128. package/ui/Stepper/StepItem.js +22 -18
  129. package/ui/Stepper/StepItemIcon.js +16 -11
  130. package/ui/Stepper/Stepper.js +17 -13
  131. package/ui/Stepper/index.js +8 -1
  132. package/ui/Table/Table.d.ts +1 -1
  133. package/ui/Table/Table.js +19 -17
  134. package/ui/Table/TableBase.js +11 -6
  135. package/ui/Table/TableCell.js +15 -10
  136. package/ui/Table/TableRow.js +13 -8
  137. package/ui/Table/index.js +10 -3
  138. package/ui/Tooltip/Tooltip.js +23 -20
  139. package/ui/Tooltip/index.js +8 -1
@@ -1,11 +1,15 @@
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";
5
- export const getLetters = name => {
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.getLetters = exports.default = void 0;
6
+ var _clsx = _interopRequireDefault(require("clsx"));
7
+ var _jsxRuntime = require("react/jsx-runtime");
8
+ const getLetters = name => {
6
9
  let nameParts = name.split(' ');
7
10
  return nameParts[0].split('')[0] + (nameParts[1] ? nameParts[1].split('')[0] : '');
8
11
  };
12
+ exports.getLetters = getLetters;
9
13
  const Avatar = props => {
10
14
  const {
11
15
  photo,
@@ -20,40 +24,40 @@ const Avatar = props => {
20
24
  } = props;
21
25
  let displayIcon = icon;
22
26
  if (!props.icon && !props.name && !photo) displayIcon = 'person';
23
- let content = photo ? /*#__PURE__*/_jsx("img", {
27
+ let content = photo ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
24
28
  src: photo,
25
29
  className: 'arm-avatar__img',
26
30
  alt: props.name,
27
31
  title: props.name
28
- }) : props.name ? /*#__PURE__*/_jsx("span", {
32
+ }) : props.name ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
29
33
  className: 'arm-avatar__name',
30
34
  children: getLetters(props.name)
31
- }) : /*#__PURE__*/_jsx("span", {
32
- className: clsx('arm-avatar__icon', 'material_icon_solid'),
35
+ }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
36
+ className: (0, _clsx.default)('arm-avatar__icon', 'material_icon_solid'),
33
37
  children: displayIcon
34
38
  });
35
- return /*#__PURE__*/_jsx(_Fragment, {
36
- children: /*#__PURE__*/_jsxs("div", {
39
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
40
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
37
41
  ...divProps,
38
- className: clsx('arm-avatar', className, {
42
+ className: (0, _clsx.default)('arm-avatar', className, {
39
43
  ['arm-avatar__photo']: !!photo,
40
44
  ['arm-avatar__icon']: !!displayIcon
41
45
  }, ['arm-avatar_' + size]),
42
- children: [/*#__PURE__*/_jsx("div", {
46
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
43
47
  className: 'arm-avatar__inner',
44
- children: href ? /*#__PURE__*/_jsx("a", {
48
+ children: href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
45
49
  href: href,
46
50
  ...linkProps,
47
51
  className: 'arm-avatar__text',
48
52
  children: content
49
- }) : /*#__PURE__*/_jsx("span", {
53
+ }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
50
54
  className: 'arm-avatar__text',
51
55
  children: content
52
56
  })
53
- }), status && /*#__PURE__*/_jsx("span", {
54
- className: clsx('arm-avatar__status', ['arm-avatar__status_' + status])
57
+ }), status && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
58
+ className: (0, _clsx.default)('arm-avatar__status', ['arm-avatar__status_' + status])
55
59
  })]
56
60
  })
57
61
  });
58
62
  };
59
- export default Avatar;
63
+ var _default = exports.default = Avatar;
@@ -1 +1,8 @@
1
- export { default } from "./Avatar";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = void 0;
6
+ var _Avatar = _interopRequireDefault(require("./Avatar"));
7
+ exports.default = _Avatar.default;
8
+ module.exports = exports.default;
@@ -1,21 +1,24 @@
1
- import { Children, cloneElement, isValidElement } from 'react';
2
- import clsx from 'clsx';
3
- import { jsxs as _jsxs } from "react/jsx-runtime";
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- import { Fragment as _Fragment } from "react/jsx-runtime";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = void 0;
6
+ var _react = require("react");
7
+ var _clsx = _interopRequireDefault(require("clsx"));
8
+ var _jsxRuntime = require("react/jsx-runtime");
6
9
  const AvatarGroup = props => {
7
- let arrChildren = Children.toArray(props.children);
10
+ let arrChildren = _react.Children.toArray(props.children);
8
11
  let visiblePart = arrChildren.slice(0, props.limit || 3);
9
- return /*#__PURE__*/_jsx(_Fragment, {
10
- children: /*#__PURE__*/_jsxs("div", {
11
- className: clsx('arm-avatar-group', ['arm-avatar-group_' + props.size]),
12
- children: [visiblePart.length < arrChildren.length && /*#__PURE__*/_jsxs("div", {
13
- className: clsx('arm-avatar-group__item', 'arm-avatar-group__remains', ['arm-avatar-group__remains_' + props.size]),
12
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
13
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
14
+ className: (0, _clsx.default)('arm-avatar-group', ['arm-avatar-group_' + props.size]),
15
+ children: [visiblePart.length < arrChildren.length && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
16
+ className: (0, _clsx.default)('arm-avatar-group__item', 'arm-avatar-group__remains', ['arm-avatar-group__remains_' + props.size]),
14
17
  children: ["+", arrChildren.length - visiblePart.length]
15
18
  }), visiblePart.map((item, index) => {
16
- return /*#__PURE__*/_jsx("div", {
19
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
17
20
  className: 'arm-avatar-group__item',
18
- children: /*#__PURE__*/isValidElement(item) && /*#__PURE__*/cloneElement(item, {
21
+ children: /*#__PURE__*/(0, _react.isValidElement)(item) && /*#__PURE__*/(0, _react.cloneElement)(item, {
19
22
  ...item.props,
20
23
  size: props.size,
21
24
  key: index
@@ -25,4 +28,5 @@ const AvatarGroup = props => {
25
28
  })
26
29
  });
27
30
  };
28
- export default AvatarGroup;
31
+ var _default = exports.default = AvatarGroup;
32
+ module.exports = exports.default;
@@ -1 +1,8 @@
1
- export { default } from "./AvatarGroup";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = void 0;
6
+ var _AvatarGroup = _interopRequireDefault(require("./AvatarGroup"));
7
+ exports.default = _AvatarGroup.default;
8
+ module.exports = exports.default;
@@ -1,21 +1,25 @@
1
- import { isValidElement } from 'react';
2
- import { createPortal } from 'react-dom';
3
- import { BackDropBase } from "./BackDropBase";
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- import { Fragment as _Fragment } from "react/jsx-runtime";
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+ var _react = require("react");
6
+ var _reactDom = require("react-dom");
7
+ var _BackDropBase = require("./BackDropBase");
8
+ var _jsxRuntime = require("react/jsx-runtime");
6
9
  const BackDrop = props => {
7
10
  const {
8
11
  children,
9
12
  ...backDropProps
10
13
  } = props;
11
- const childrenProp = /*#__PURE__*/isValidElement(children) ? children : /*#__PURE__*/_jsx("span", {
14
+ const childrenProp = /*#__PURE__*/(0, _react.isValidElement)(children) ? children : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
12
15
  children: children
13
16
  });
14
- return /*#__PURE__*/_jsx(_Fragment, {
15
- children: /*#__PURE__*/createPortal( /*#__PURE__*/_jsx(BackDropBase, {
17
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
18
+ children: /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackDropBase.BackDropBase, {
16
19
  ...backDropProps,
17
20
  children: childrenProp
18
21
  }), document.body)
19
22
  });
20
23
  };
21
- export default BackDrop;
24
+ var _default = exports.default = BackDrop;
25
+ module.exports = exports.default;
@@ -1,8 +1,11 @@
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";
5
- export const BackDropBase = props => {
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.BackDropBase = void 0;
6
+ var _clsx = _interopRequireDefault(require("clsx"));
7
+ var _jsxRuntime = require("react/jsx-runtime");
8
+ const BackDropBase = props => {
6
9
  const {
7
10
  children,
8
11
  width = 500,
@@ -13,13 +16,13 @@ export const BackDropBase = props => {
13
16
  e.stopPropagation();
14
17
  if (onClick) onClick(e);
15
18
  };
16
- return /*#__PURE__*/_jsx(_Fragment, {
17
- children: /*#__PURE__*/_jsxs("div", {
18
- className: clsx('arm-backdrop', className),
19
- children: [/*#__PURE__*/_jsx("div", {
19
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
20
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
21
+ className: (0, _clsx.default)('arm-backdrop', className),
22
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
20
23
  className: 'arm-backdrop__overlay',
21
24
  onClick: handleClick
22
- }), /*#__PURE__*/_jsx("div", {
25
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
23
26
  className: 'arm-backdrop__inner',
24
27
  style: {
25
28
  maxWidth: width + 'px'
@@ -28,4 +31,5 @@ export const BackDropBase = props => {
28
31
  })]
29
32
  })
30
33
  });
31
- };
34
+ };
35
+ exports.BackDropBase = BackDropBase;
@@ -1 +1,8 @@
1
- export { default } from "./BackDrop";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = void 0;
6
+ var _BackDrop = _interopRequireDefault(require("./BackDrop"));
7
+ exports.default = _BackDrop.default;
8
+ module.exports = exports.default;
package/ui/Badge/Badge.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
  function Badge(props) {
6
9
  let {
7
10
  color,
@@ -9,14 +12,14 @@ function Badge(props) {
9
12
  position,
10
13
  className
11
14
  } = props;
12
- return /*#__PURE__*/_jsx(_Fragment, {
13
- children: /*#__PURE__*/_jsxs("span", {
14
- className: clsx('arm-badge', className),
15
- children: [/*#__PURE__*/_jsx("span", {
16
- className: clsx('arm-badge__content'),
15
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
16
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
17
+ className: (0, _clsx.default)('arm-badge', className),
18
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
19
+ className: (0, _clsx.default)('arm-badge__content'),
17
20
  children: props.children
18
- }), /*#__PURE__*/_jsx("span", {
19
- className: clsx('arm-badge__item', ['arm-badge__item_' + color], ['arm-badge__item_' + shape], ['arm-badge__item_' + position], {
21
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
22
+ className: (0, _clsx.default)('arm-badge__item', ['arm-badge__item_' + color], ['arm-badge__item_' + shape], ['arm-badge__item_' + position], {
20
23
  'arm-badge__item_content': props.badgeText !== undefined && !shape,
21
24
  'arm-badge__item_content_circle': !!props.badgeText !== undefined && shape === 'circle',
22
25
  'arm-badge__item_content_square': !!props.badgeText !== undefined && shape === 'square'
@@ -26,4 +29,5 @@ function Badge(props) {
26
29
  })
27
30
  });
28
31
  }
29
- export default Badge;
32
+ var _default = exports.default = Badge;
33
+ module.exports = exports.default;
package/ui/Badge/index.js CHANGED
@@ -1 +1,8 @@
1
- export { default } from "./Badge";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = void 0;
6
+ var _Badge = _interopRequireDefault(require("./Badge"));
7
+ exports.default = _Badge.default;
8
+ module.exports = exports.default;
@@ -12,9 +12,9 @@ type OwnProps<T extends ElementType = BtnType> = {
12
12
  asIcon?: boolean;
13
13
  theme?: ThemeType;
14
14
  fullWidth?: boolean;
15
- disableStyles?: boolean;
15
+ disablestyles?: boolean;
16
16
  as?: T;
17
17
  };
18
18
  export type ButtonProps<T extends ElementType = BtnType> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps<T>>;
19
- declare const _default: <T extends ElementType = "button">(props: OwnProps<T> & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<T>>, keyof OwnProps<T_1>> & import("react").RefAttributes<any>) => ReactNode;
19
+ declare const _default: <T extends ElementType = "button">(props: OwnProps<T> & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<T>>, keyof OwnProps<T_1>> & import("react").RefAttributes<any>) => JSX.Element;
20
20
  export default _default;
@@ -1,8 +1,11 @@
1
- import clsx from 'clsx';
2
- import { fixedForwardRef } from "../../lib/helpers";
3
- import { jsx as _jsx } from "react/jsx-runtime";
4
- import { jsxs as _jsxs } from "react/jsx-runtime";
5
- 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 _helpers = require("../../lib/helpers");
8
+ var _jsxRuntime = require("react/jsx-runtime");
6
9
  const Button = (props, ref) => {
7
10
  let {
8
11
  size = 'extraLarge',
@@ -17,12 +20,12 @@ const Button = (props, ref) => {
17
20
  asIcon,
18
21
  theme,
19
22
  fullWidth,
20
- disableStyles,
23
+ disablestyles,
21
24
  as,
22
25
  ...restProps
23
26
  } = props;
24
27
  let Component = as || 'button';
25
- const classNames = clsx('arm-button', 'arm-button_' + size, 'arm-button_' + variant, 'arm-button_' + color, className, {
28
+ const classNames = (0, _clsx.default)('arm-button', 'arm-button_' + size, 'arm-button_' + variant, 'arm-button_' + color, className, {
26
29
  ['arm-button_grouped_' + group]: group,
27
30
  'arm-button_radius_none': radius === false,
28
31
  'arm-button_radius_full': radius === true,
@@ -31,28 +34,29 @@ const Button = (props, ref) => {
31
34
  ['arm-button_theme_' + theme]: !!theme
32
35
  });
33
36
  const polymorphProps = !!as && typeof as !== 'string' ? {
34
- disableStyles: true
37
+ disablestyles: true
35
38
  } : {};
36
- return /*#__PURE__*/_jsx(_Fragment, {
37
- children: /*#__PURE__*/_jsxs(Component, {
39
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
40
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, {
38
41
  ref: ref,
39
42
  type: 'button',
40
43
  ...restProps,
41
44
  ...polymorphProps,
42
- className: !disableStyles ? classNames : className,
43
- children: [startAdornment && /*#__PURE__*/_jsx("div", {
44
- className: clsx('arm-button__adornment', 'arm-button__adornment_start'),
45
+ className: !disablestyles ? classNames : className,
46
+ children: [startAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
47
+ className: (0, _clsx.default)('arm-button__adornment', 'arm-button__adornment_start'),
45
48
  children: startAdornment
46
- }), /*#__PURE__*/_jsx("div", {
47
- className: clsx({
49
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
50
+ className: (0, _clsx.default)({
48
51
  'arm-button__iconWrapper': !!asIcon
49
52
  }),
50
53
  children: children
51
- }), endAdornment && /*#__PURE__*/_jsx("div", {
52
- className: clsx('arm-button__adornment', 'arm-button__adornment_end'),
54
+ }), endAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
55
+ className: (0, _clsx.default)('arm-button__adornment', 'arm-button__adornment_end'),
53
56
  children: endAdornment
54
57
  })]
55
58
  })
56
59
  });
57
60
  };
58
- export default fixedForwardRef(Button);
61
+ var _default = exports.default = (0, _helpers.fixedForwardRef)(Button);
62
+ module.exports = exports.default;
@@ -1 +1,8 @@
1
- export { default } from "./Button";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = void 0;
6
+ var _Button = _interopRequireDefault(require("./Button"));
7
+ exports.default = _Button.default;
8
+ module.exports = exports.default;
@@ -1,7 +1,11 @@
1
- import { Children, cloneElement, isValidElement } from 'react';
2
- import clsx from 'clsx';
3
- import { jsx as _jsx } from "react/jsx-runtime";
4
- import { Fragment as _Fragment } from "react/jsx-runtime";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = void 0;
6
+ var _react = require("react");
7
+ var _clsx = _interopRequireDefault(require("clsx"));
8
+ var _jsxRuntime = require("react/jsx-runtime");
5
9
  const ButtonGroup = props => {
6
10
  let {
7
11
  orientation = 'inline',
@@ -9,12 +13,12 @@ const ButtonGroup = props => {
9
13
  children,
10
14
  ...buttonProps
11
15
  } = props;
12
- let arrChildren = Children.toArray(children);
13
- return /*#__PURE__*/_jsx(_Fragment, {
14
- children: /*#__PURE__*/_jsx("div", {
15
- className: clsx('arm-button-group', ['arm-button-group_' + orientation], className),
16
+ let arrChildren = _react.Children.toArray(children);
17
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
18
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
19
+ className: (0, _clsx.default)('arm-button-group', ['arm-button-group_' + orientation], className),
16
20
  children: arrChildren.map((item, index) => {
17
- return /*#__PURE__*/isValidElement(item) && /*#__PURE__*/cloneElement(item, {
21
+ return /*#__PURE__*/(0, _react.isValidElement)(item) && /*#__PURE__*/(0, _react.cloneElement)(item, {
18
22
  ...item.props,
19
23
  ...buttonProps,
20
24
  group: orientation,
@@ -24,4 +28,5 @@ const ButtonGroup = props => {
24
28
  })
25
29
  });
26
30
  };
27
- export default ButtonGroup;
31
+ var _default = exports.default = ButtonGroup;
32
+ module.exports = exports.default;
@@ -1,2 +1,8 @@
1
- export { default } from "./ButtonGroup";
2
- export {} from "./ButtonGroup";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = void 0;
6
+ var _ButtonGroup = _interopRequireDefault(require("./ButtonGroup"));
7
+ exports.default = _ButtonGroup.default;
8
+ module.exports = exports.default;
@@ -16,7 +16,7 @@ declare const _default: <T extends ElementType = "button">(props: ButtonIconProp
16
16
  asIcon?: boolean | undefined;
17
17
  theme?: import("../../types/theme").ThemeType | undefined;
18
18
  fullWidth?: boolean | undefined;
19
- disableStyles?: boolean | undefined;
19
+ disablestyles?: boolean | undefined;
20
20
  as?: T | undefined;
21
21
  } & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<T>>, keyof {
22
22
  size?: import("../../types/theme").SizeType | undefined;
@@ -29,7 +29,7 @@ declare const _default: <T extends ElementType = "button">(props: ButtonIconProp
29
29
  asIcon?: boolean | undefined;
30
30
  theme?: import("../../types/theme").ThemeType | undefined;
31
31
  fullWidth?: boolean | undefined;
32
- disableStyles?: boolean | undefined;
32
+ disablestyles?: boolean | undefined;
33
33
  as?: T_1 | undefined;
34
- }> & import("react").RefAttributes<T>) => import("react").ReactNode;
34
+ }> & import("react").RefAttributes<T>) => JSX.Element;
35
35
  export default _default;
@@ -1,22 +1,26 @@
1
- import Button from "../Button/Button";
2
- import clsx from 'clsx';
3
- import { fixedForwardRef } from "../../lib/helpers";
4
- import Icon from "../Icon";
5
- import { jsx as _jsx } from "react/jsx-runtime";
6
- import { Fragment as _Fragment } from "react/jsx-runtime";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = void 0;
6
+ var _Button = _interopRequireDefault(require("../Button/Button"));
7
+ var _clsx = _interopRequireDefault(require("clsx"));
8
+ var _helpers = require("../../lib/helpers");
9
+ var _Icon = _interopRequireDefault(require("../Icon"));
10
+ var _jsxRuntime = require("react/jsx-runtime");
7
11
  function ButtonIcon(props, ref) {
8
- return /*#__PURE__*/_jsx(_Fragment, {
9
- children: /*#__PURE__*/_jsx(Button, {
12
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
13
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
10
14
  color: 'neutral',
11
15
  variant: 'transparent',
12
16
  ...props,
13
17
  ref: ref,
14
18
  asIcon: true,
15
- className: clsx('arm-button-icon', ['arm-button-icon_' + props.size], props.className, {
19
+ className: (0, _clsx.default)('arm-button-icon', ['arm-button-icon_' + props.size], props.className, {
16
20
  'arm-button-icon_square': props.radius === false,
17
21
  'border-radius': props.radius === true
18
22
  }),
19
- children: props.mi || props.mis ? /*#__PURE__*/_jsx(Icon, {
23
+ children: props.mi || props.mis ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
20
24
  icon: props.mi || props.mis,
21
25
  variant: props.mis ? 'contained' : 'outlined',
22
26
  ...props.iconProps
@@ -24,4 +28,5 @@ function ButtonIcon(props, ref) {
24
28
  })
25
29
  });
26
30
  }
27
- export default fixedForwardRef(ButtonIcon);
31
+ var _default = exports.default = (0, _helpers.fixedForwardRef)(ButtonIcon);
32
+ module.exports = exports.default;
@@ -1 +1,8 @@
1
- export { default } from "./ButtonIcon";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = void 0;
6
+ var _ButtonIcon = _interopRequireDefault(require("./ButtonIcon"));
7
+ exports.default = _ButtonIcon.default;
8
+ module.exports = exports.default;
package/ui/Card/Card.js CHANGED
@@ -1,12 +1,17 @@
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 Card = props => {
5
- return /*#__PURE__*/_jsx(_Fragment, {
6
- children: /*#__PURE__*/_jsx("div", {
9
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
10
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
7
11
  ...props,
8
- className: clsx('arm-card', props.className)
12
+ className: (0, _clsx.default)('arm-card', props.className)
9
13
  })
10
14
  });
11
15
  };
12
- export default Card;
16
+ var _default = exports.default = Card;
17
+ module.exports = exports.default;
package/ui/Card/index.js CHANGED
@@ -1 +1,8 @@
1
- export { default } from "./Card";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = void 0;
6
+ var _Card = _interopRequireDefault(require("./Card"));
7
+ exports.default = _Card.default;
8
+ module.exports = exports.default;
package/ui/Chip/Chip.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
  function Chip(props) {
6
9
  let {
7
10
  size,
@@ -18,26 +21,26 @@ function Chip(props) {
18
21
  ...restProps
19
22
  } = props;
20
23
  let Component = as || 'span';
21
- return /*#__PURE__*/_jsx(_Fragment, {
22
- children: /*#__PURE__*/_jsx(Component, {
24
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
25
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
23
26
  ...restProps,
24
- className: clsx('arm-chip', className, {
27
+ className: (0, _clsx.default)('arm-chip', className, {
25
28
  'arm-chip_disabled': !!disabled
26
29
  }, ['arm-chip_' + size], ['arm-chip_' + variant], ['arm-chip_' + color], ['arm-chip_' + shape]),
27
- children: /*#__PURE__*/_jsxs("span", {
30
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
28
31
  className: 'arm-chip__inner',
29
- children: [icon && /*#__PURE__*/_jsx("span", {
30
- className: clsx('material_icon', 'arm-chip__icon', ['arm-chip__icon_' + size]),
32
+ children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
33
+ className: (0, _clsx.default)('material_icon', 'arm-chip__icon', ['arm-chip__icon_' + size]),
31
34
  children: icon
32
- }), /*#__PURE__*/_jsx("span", {
35
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
33
36
  className: 'arm-chip__text',
34
37
  children: text || children
35
- }), onClose && /*#__PURE__*/_jsx("span", {
36
- className: clsx('material_icon_solid', {
38
+ }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
39
+ className: (0, _clsx.default)('material_icon_solid', {
37
40
  'arm-chip__close_disabled': !!disabled
38
41
  }, ['arm-chip__close_' + size], ['arm-chip__close_' + color], 'arm-chip__close'),
39
42
  onClick: onClose,
40
- children: /*#__PURE__*/_jsx("span", {
43
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
41
44
  className: 'mis',
42
45
  children: "cancel"
43
46
  })
@@ -46,4 +49,5 @@ function Chip(props) {
46
49
  })
47
50
  });
48
51
  }
49
- export default Chip;
52
+ var _default = exports.default = Chip;
53
+ module.exports = exports.default;
package/ui/Chip/index.js CHANGED
@@ -1 +1,8 @@
1
- export { default } from "./Chip";
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.default = void 0;
6
+ var _Chip = _interopRequireDefault(require("./Chip"));
7
+ exports.default = _Chip.default;
8
+ module.exports = exports.default;