armtek-uikit-react 1.0.154 → 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 (127) 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.js +1 -6
  9. package/lib/hooks/useClickOutside.js +4 -8
  10. package/lib/hooks/useEnhancedEffect.js +3 -8
  11. package/lib/hooks/useEventCallback.js +4 -11
  12. package/lib/hooks/useLazyRef.js +4 -8
  13. package/lib/hooks/useTimeout.js +6 -12
  14. package/lib/services/DateService.js +2 -7
  15. package/package.json +1 -1
  16. package/types/theme.js +1 -3
  17. package/ui/Accordion/Accordion.classes.js +14 -19
  18. package/ui/Accordion/Accordion.js +35 -38
  19. package/ui/Accordion/index.d.ts +1 -1
  20. package/ui/Accordion/index.js +1 -9
  21. package/ui/Adornment/Adornment.js +11 -16
  22. package/ui/Adornment/index.js +2 -9
  23. package/ui/Alert/Alert.js +16 -20
  24. package/ui/Alert/index.js +1 -8
  25. package/ui/Avatar/Avatar.js +18 -22
  26. package/ui/Avatar/index.js +1 -8
  27. package/ui/AvatarGroup/AvatarGroup.js +14 -18
  28. package/ui/AvatarGroup/index.js +1 -8
  29. package/ui/BackDrop/BackDrop.js +9 -13
  30. package/ui/BackDrop/BackDropBase.js +11 -15
  31. package/ui/BackDrop/index.js +1 -8
  32. package/ui/Badge/Badge.js +12 -16
  33. package/ui/Badge/index.js +1 -8
  34. package/ui/Button/Button.js +15 -19
  35. package/ui/Button/index.js +1 -8
  36. package/ui/ButtonGroup/ButtonGroup.js +10 -15
  37. package/ui/ButtonGroup/index.js +2 -8
  38. package/ui/ButtonIcon/ButtonIcon.js +11 -16
  39. package/ui/ButtonIcon/index.js +1 -8
  40. package/ui/Card/Card.js +7 -12
  41. package/ui/Card/index.js +1 -8
  42. package/ui/Chip/Chip.js +15 -19
  43. package/ui/Chip/index.js +1 -8
  44. package/ui/Dropdown/Dropdown.js +16 -20
  45. package/ui/Dropdown/index.js +1 -8
  46. package/ui/Form/Checkbox/Checkbox.js +19 -22
  47. package/ui/Form/Checkbox/index.js +1 -8
  48. package/ui/Form/DateField/DateField.js +25 -28
  49. package/ui/Form/DateField/index.js +1 -8
  50. package/ui/Form/DatePicker/DatePicker.js +13 -21
  51. package/ui/Form/DatePicker/index.js +1 -8
  52. package/ui/Form/FormControls/FormControls.js +15 -19
  53. package/ui/Form/FormControls/index.js +1 -8
  54. package/ui/Form/Interval/Interval.js +20 -23
  55. package/ui/Form/Interval/IntervalSlide.js +13 -16
  56. package/ui/Form/Interval/index.js +2 -9
  57. package/ui/Form/Password/Password.js +14 -17
  58. package/ui/Form/Password/index.js +1 -8
  59. package/ui/Form/Period/Period.js +21 -24
  60. package/ui/Form/Period/index.js +1 -8
  61. package/ui/Form/PeriodSelect/PeriodSelect.js +9 -13
  62. package/ui/Form/PeriodSelect/index.js +1 -8
  63. package/ui/Form/Radio/Radio.js +8 -13
  64. package/ui/Form/Radio/index.js +1 -8
  65. package/ui/Form/Rating/Rating.js +13 -16
  66. package/ui/Form/Rating/index.js +1 -8
  67. package/ui/Form/Select/Select.js +49 -50
  68. package/ui/Form/Select/SelectOptionList.js +8 -13
  69. package/ui/Form/Select/SelectOptionsContainer.js +6 -11
  70. package/ui/Form/Select/SelectSummary.js +32 -37
  71. package/ui/Form/Select/index.js +3 -12
  72. package/ui/Form/Switch/Switch.js +10 -14
  73. package/ui/Form/Switch/index.js +1 -8
  74. package/ui/Form/TextArea/TextArea.js +15 -19
  75. package/ui/Form/TextArea/index.js +1 -8
  76. package/ui/Form/TextField/TextField.js +34 -39
  77. package/ui/Form/TextField/index.js +2 -10
  78. package/ui/Form/TimeField/TimeField.js +8 -13
  79. package/ui/Form/TimeField/index.js +1 -8
  80. package/ui/Form/TimePicker/TimePicker.js +8 -12
  81. package/ui/Form/TimePicker/index.js +1 -8
  82. package/ui/HelperText/HelperText.js +7 -12
  83. package/ui/HelperText/index.js +1 -8
  84. package/ui/Icon/Icon.js +9 -14
  85. package/ui/Icon/Mi.js +10 -15
  86. package/ui/Icon/Mis.js +7 -11
  87. package/ui/Icon/index.js +3 -11
  88. package/ui/Link/Link.js +7 -12
  89. package/ui/Link/index.js +1 -8
  90. package/ui/List/ListItem.js +20 -26
  91. package/ui/List/index.js +1 -8
  92. package/ui/Loader/Loader.js +7 -12
  93. package/ui/Loader/index.js +1 -8
  94. package/ui/Logo/Logo.js +25 -29
  95. package/ui/Logo/index.js +1 -8
  96. package/ui/Modal/BaseModal.js +24 -28
  97. package/ui/Modal/Modal.js +8 -13
  98. package/ui/Modal/index.js +1 -8
  99. package/ui/Pagination/Pagination.js +36 -39
  100. package/ui/Pagination/index.js +1 -8
  101. package/ui/Paper/Paper.js +7 -12
  102. package/ui/Paper/index.js +1 -8
  103. package/ui/Popover/Popover.js +11 -16
  104. package/ui/Popover/index.js +1 -8
  105. package/ui/Popper/Popper.js +8 -12
  106. package/ui/Popper/PopperBase.js +11 -14
  107. package/ui/Popper/index.js +2 -9
  108. package/ui/Skeleton/Skeleton.js +5 -11
  109. package/ui/Skeleton/index.js +1 -8
  110. package/ui/Slider/RcSlider.js +0 -1
  111. package/ui/Slider/Slider.js +15 -19
  112. package/ui/Slider/index.js +1 -8
  113. package/ui/Stack/Stack.js +12 -17
  114. package/ui/Stack/index.js +1 -8
  115. package/ui/Status/Status.js +11 -15
  116. package/ui/Status/index.js +1 -8
  117. package/ui/Stepper/StepItem.js +18 -22
  118. package/ui/Stepper/StepItemIcon.js +11 -16
  119. package/ui/Stepper/Stepper.js +13 -17
  120. package/ui/Stepper/index.js +1 -8
  121. package/ui/Table/Table.js +17 -19
  122. package/ui/Table/TableBase.js +6 -11
  123. package/ui/Table/TableCell.js +10 -15
  124. package/ui/Table/TableRow.js +8 -13
  125. package/ui/Table/index.js +3 -10
  126. package/ui/Tooltip/Tooltip.js +20 -23
  127. package/ui/Tooltip/index.js +1 -8
package/index.js CHANGED
@@ -39,5 +39,4 @@
39
39
  // export type {StepperProps} from './ui/Stepper/Stepper'
40
40
  //
41
41
  // export {default as Tooltip} from './ui/Tooltip/Tooltip'
42
- // export type {TooltipProps} from './ui/Tooltip/Tooltip'
43
- "use strict";
42
+ // export type {TooltipProps} from './ui/Tooltip/Tooltip'
@@ -1,5 +1 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.CSS_PREFIX = void 0;
5
- const CSS_PREFIX = exports.CSS_PREFIX = 'arm-';
1
+ export const CSS_PREFIX = 'arm-';
@@ -1,8 +1,4 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.fixedForwardRef = fixedForwardRef;
5
- var _react = require("react");
6
- function fixedForwardRef(render) {
7
- return /*#__PURE__*/(0, _react.forwardRef)(render);
1
+ import { forwardRef } from 'react';
2
+ export function fixedForwardRef(render) {
3
+ return /*#__PURE__*/forwardRef(render);
8
4
  }
@@ -1,15 +1,11 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.getColorClasses = getColorClasses;
5
- var _helpers = require("./helpers");
6
- var _styles = require("../const/styles");
7
- function getColorClasses(base) {
1
+ import { getColors, getStatusColors } from "./helpers";
2
+ import { CSS_PREFIX } from "../const/styles";
3
+ export function getColorClasses(base) {
8
4
  return Object.entries({
9
- ...(0, _helpers.getColors)(),
10
- ...(0, _helpers.getStatusColors)()
5
+ ...getColors(),
6
+ ...getStatusColors()
11
7
  }).reduce((prev, current) => {
12
- prev[base + '_' + current[0]] = _styles.CSS_PREFIX + base + '_color_' + current[0];
8
+ prev[base + '_' + current[0]] = CSS_PREFIX + base + '_color_' + current[0];
13
9
  return prev;
14
10
  }, {});
15
11
  }
@@ -1,12 +1,8 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.getSizeClasses = getSizeClasses;
5
- var _helpers = require("./helpers");
6
- var _styles = require("../const/styles");
7
- function getSizeClasses(base) {
8
- return Object.entries((0, _helpers.getSizes)()).reduce((prev, current) => {
9
- prev[base + '_' + current[0]] = _styles.CSS_PREFIX + base + '_size_' + current[0];
1
+ import { getSizes } from "./helpers";
2
+ import { CSS_PREFIX } from "../const/styles";
3
+ export function getSizeClasses(base) {
4
+ return Object.entries(getSizes()).reduce((prev, current) => {
5
+ prev[base + '_' + current[0]] = CSS_PREFIX + base + '_size_' + current[0];
10
6
  return prev;
11
7
  }, {});
12
8
  }
@@ -1,12 +1,8 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.getVariantClasses = getVariantClasses;
5
- var _helpers = require("./helpers");
6
- var _styles = require("../const/styles");
7
- function getVariantClasses(base, variants) {
8
- return (variants ? variants : Object.keys((0, _helpers.getVariants)())).reduce((prev, current) => {
9
- prev[base + '_' + current] = _styles.CSS_PREFIX + base + '_variant_' + current;
1
+ import { getVariants } from "./helpers";
2
+ import { CSS_PREFIX } from "../const/styles";
3
+ export function getVariantClasses(base, variants) {
4
+ return (variants ? variants : Object.keys(getVariants())).reduce((prev, current) => {
5
+ prev[base + '_' + current] = CSS_PREFIX + base + '_variant_' + current;
10
6
  return prev;
11
7
  }, {});
12
8
  }
@@ -1,16 +1,12 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.getVariants = exports.getStatusColors = exports.getSizes = exports.getCssPrefix = exports.getColors = exports.SizeEnum = exports.ColorEnum = void 0;
5
- var _styles = require("../const/styles");
6
- let SizeEnum = exports.SizeEnum = /*#__PURE__*/function (SizeEnum) {
1
+ import { CSS_PREFIX } from "../const/styles";
2
+ export let SizeEnum = /*#__PURE__*/function (SizeEnum) {
7
3
  SizeEnum["SMALL"] = "small";
8
4
  SizeEnum["MEDIUM"] = "meidum";
9
5
  SizeEnum["LARGE"] = "large";
10
6
  SizeEnum["EXTRA_LARGE"] = "extraLarge";
11
7
  return SizeEnum;
12
8
  }({});
13
- let ColorEnum = exports.ColorEnum = /*#__PURE__*/function (ColorEnum) {
9
+ export let ColorEnum = /*#__PURE__*/function (ColorEnum) {
14
10
  ColorEnum["PRIMARY"] = "primary";
15
11
  ColorEnum["SECONDARY"] = "secondary";
16
12
  ColorEnum["NEUTRAL"] = "neutral";
@@ -20,7 +16,7 @@ let ColorEnum = exports.ColorEnum = /*#__PURE__*/function (ColorEnum) {
20
16
  ColorEnum["INFO"] = "info";
21
17
  return ColorEnum;
22
18
  }({});
23
- const getVariants = except => {
19
+ export const getVariants = except => {
24
20
  let variants = {
25
21
  contained: 'Заливка',
26
22
  outlined: 'С границами',
@@ -29,16 +25,14 @@ const getVariants = except => {
29
25
  if (except) variants = filter(variants, except);
30
26
  return variants;
31
27
  };
32
- exports.getVariants = getVariants;
33
- const getColors = () => {
28
+ export const getColors = () => {
34
29
  return {
35
30
  [ColorEnum.PRIMARY]: 'Основной',
36
31
  [ColorEnum.SECONDARY]: 'Второстепенный',
37
32
  [ColorEnum.NEUTRAL]: 'Нейтральный'
38
33
  };
39
34
  };
40
- exports.getColors = getColors;
41
- const getStatusColors = () => {
35
+ export const getStatusColors = () => {
42
36
  return {
43
37
  [ColorEnum.INFO]: 'Инфо',
44
38
  [ColorEnum.ERROR]: 'Ошибка',
@@ -46,8 +40,7 @@ const getStatusColors = () => {
46
40
  [ColorEnum.WARNING]: 'Уведомление'
47
41
  };
48
42
  };
49
- exports.getStatusColors = getStatusColors;
50
- const getSizes = except => {
43
+ export const getSizes = except => {
51
44
  let sizes = {
52
45
  [SizeEnum.SMALL]: 'Маленький',
53
46
  [SizeEnum.MEDIUM]: 'Средний',
@@ -57,17 +50,15 @@ const getSizes = except => {
57
50
  if (except) sizes = filter(sizes, except);
58
51
  return sizes;
59
52
  };
60
- exports.getSizes = getSizes;
61
53
  const filter = (obj, arr) => {
62
54
  return Object.entries(obj).filter(item => !arr.includes(item[0])).reduce((prev, current) => {
63
55
  prev[current[0]] = current[1];
64
56
  return prev;
65
57
  }, {});
66
58
  };
67
- const getCssPrefix = classes => {
59
+ export const getCssPrefix = classes => {
68
60
  return classes.reduce((prev, current) => {
69
- prev[current] = _styles.CSS_PREFIX + current;
61
+ prev[current] = CSS_PREFIX + current;
70
62
  return prev;
71
63
  }, {});
72
- };
73
- exports.getCssPrefix = getCssPrefix;
64
+ };
@@ -1,6 +1 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.fixedForwardRef = void 0;
5
- var _genericForwardRef = require("./genericForwardRef");
6
- exports.fixedForwardRef = _genericForwardRef.fixedForwardRef;
1
+ export { fixedForwardRef } from "./genericForwardRef";
@@ -1,12 +1,9 @@
1
- "use strict";
2
1
  "use client";
3
2
 
4
- exports.__esModule = true;
5
- exports.default = void 0;
6
- var _react = require("react");
3
+ import { useEffect, useRef } from 'react';
7
4
  const useClickOutside = callback => {
8
- const ref = (0, _react.useRef)(null);
9
- (0, _react.useEffect)(() => {
5
+ const ref = useRef(null);
6
+ useEffect(() => {
10
7
  function handleClickOutside(event) {
11
8
  if (ref.current && !ref.current.contains(event.target)) callback();
12
9
  }
@@ -17,5 +14,4 @@ const useClickOutside = callback => {
17
14
  }, [ref]);
18
15
  return ref;
19
16
  };
20
- var _default = exports.default = useClickOutside;
21
- module.exports = exports.default;
17
+ export default useClickOutside;
@@ -1,11 +1,7 @@
1
- "use strict";
2
1
  "use client";
3
2
 
4
- exports.__esModule = true;
5
- exports.default = void 0;
6
- var React = _interopRequireWildcard(require("react"));
7
- 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); }
8
- 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; }
3
+ import * as React from 'react';
4
+
9
5
  /**
10
6
  * A version of `React.useLayoutEffect` that does not show a warning when server-side rendering.
11
7
  * This is useful for effects that are only needed for client-side rendering but not for SSR.
@@ -14,5 +10,4 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
14
10
  * and confirm it doesn't apply to your use-case.
15
11
  */
16
12
  const useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
17
- var _default = exports.default = useEnhancedEffect;
18
- module.exports = exports.default;
13
+ export default useEnhancedEffect;
@@ -1,21 +1,14 @@
1
- "use strict";
2
1
  "use client";
3
2
 
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
- exports.__esModule = true;
6
- exports.default = void 0;
7
- var React = _interopRequireWildcard(require("react"));
8
- var _useEnhancedEffect = _interopRequireDefault(require("./useEnhancedEffect"));
9
- 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); }
10
- 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; }
3
+ import * as React from 'react';
4
+ import useEnhancedEffect from "./useEnhancedEffect";
11
5
  function useEventCallback(fn) {
12
6
  const ref = React.useRef(fn);
13
- (0, _useEnhancedEffect.default)(() => {
7
+ useEnhancedEffect(() => {
14
8
  ref.current = fn;
15
9
  });
16
10
  return React.useRef((...args) =>
17
11
  // @ts-expect-error hide `this`
18
12
  (0, ref.current)(...args)).current;
19
13
  }
20
- var _default = exports.default = useEventCallback;
21
- module.exports = exports.default;
14
+ export default useEventCallback;
@@ -1,15 +1,11 @@
1
- "use strict";
2
1
  "use client";
3
2
 
4
- exports.__esModule = true;
5
- exports.default = useLazyRef;
6
- var _react = require("react");
3
+ import { useRef } from 'react';
7
4
  const UNINITIALIZED = {};
8
- function useLazyRef(init, initArg) {
9
- const ref = (0, _react.useRef)(UNINITIALIZED);
5
+ export default function useLazyRef(init, initArg) {
6
+ const ref = useRef(UNINITIALIZED);
10
7
  if (ref.current === UNINITIALIZED) {
11
8
  ref.current = init(initArg);
12
9
  }
13
10
  return ref;
14
- }
15
- module.exports = exports.default;
11
+ }
@@ -1,13 +1,8 @@
1
- "use strict";
2
1
  "use client";
3
2
 
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
- exports.__esModule = true;
6
- exports.Timeout = void 0;
7
- exports.default = useTimeout;
8
- var _useLazyRef = _interopRequireDefault(require("./useLazyRef"));
9
- var _react = require("react");
10
- class Timeout {
3
+ import useLazyRef from "./useLazyRef";
4
+ import { useEffect } from 'react';
5
+ export class Timeout {
11
6
  constructor() {
12
7
  this.currentId = 0;
13
8
  this.clear = () => {
@@ -34,9 +29,8 @@ class Timeout {
34
29
  }, delay);
35
30
  }
36
31
  }
37
- exports.Timeout = Timeout;
38
- function useTimeout() {
39
- const timeout = (0, _useLazyRef.default)(Timeout.create).current;
40
- (0, _react.useEffect)(timeout.disposeEffect, []);
32
+ export default function useTimeout() {
33
+ const timeout = useLazyRef(Timeout.create).current;
34
+ useEffect(timeout.disposeEffect, []);
41
35
  return timeout;
42
36
  }
@@ -1,7 +1,3 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = exports.DateService = void 0;
5
1
  class DateClass {
6
2
  constructor(date) {
7
3
  this.date = date;
@@ -40,8 +36,7 @@ class DateClass {
40
36
  return DateClass.getDisplayValue(m);
41
37
  }
42
38
  }
43
- const DateService = date => {
39
+ export const DateService = date => {
44
40
  return new DateClass(date);
45
41
  };
46
- exports.DateService = DateService;
47
- var _default = exports.default = DateClass;
42
+ export default DateClass;
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"armtek-uikit-react","version":"1.0.154","description":"Armtek UIKit for React","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"build":"^0.1.4","clsx":"^2.0.0","rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}
1
+ {"name":"armtek-uikit-react","version":"1.0.155","description":"Armtek UIKit for React","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"build":"^0.1.4","clsx":"^2.0.0","rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}
package/types/theme.js CHANGED
@@ -1,3 +1 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
1
+ export {};
@@ -1,11 +1,7 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = void 0;
5
- var _styles = require("../../lib/const/styles");
6
- var _getSizeClasses = require("../../lib/helpers/getSizeClasses");
7
- var _getColorClasses = require("../../lib/helpers/getColorClasses");
8
- var _getVariantClasses = require("../../lib/helpers/getVariantClasses");
1
+ import { CSS_PREFIX } from "../../lib/const/styles";
2
+ import { getSizeClasses } from "../../lib/helpers/getSizeClasses";
3
+ import { getColorClasses } from "../../lib/helpers/getColorClasses";
4
+ import { getVariantClasses } from "../../lib/helpers/getVariantClasses";
9
5
  const BASE_CLASS_NAME = 'accordion';
10
6
  const BASE_CLASSES = {
11
7
  'accordion': BASE_CLASS_NAME,
@@ -18,17 +14,16 @@ const BASE_CLASSES = {
18
14
  const variants = ['blockquote', 'alert', 'section', 'contained'];
19
15
  const classes = {
20
16
  ...Object.entries(BASE_CLASSES).reduce((prev, current) => {
21
- prev[current[0]] = _styles.CSS_PREFIX + current[1];
17
+ prev[current[0]] = CSS_PREFIX + current[1];
22
18
  return prev;
23
19
  }, {}),
24
- ...(0, _getSizeClasses.getSizeClasses)(BASE_CLASSES.accordion),
25
- ...(0, _getColorClasses.getColorClasses)(BASE_CLASSES.accordion),
26
- ...(0, _getColorClasses.getColorClasses)(BASE_CLASSES.accordion_head),
27
- ...(0, _getColorClasses.getColorClasses)(BASE_CLASSES.accordion_body),
28
- ...(0, _getVariantClasses.getVariantClasses)(BASE_CLASSES.accordion, variants),
29
- ...(0, _getVariantClasses.getVariantClasses)(BASE_CLASSES.accordion_title, variants),
30
- ...(0, _getVariantClasses.getVariantClasses)(BASE_CLASSES.accordion_head, variants),
31
- ...(0, _getVariantClasses.getVariantClasses)(BASE_CLASSES.accordion_body, variants)
20
+ ...getSizeClasses(BASE_CLASSES.accordion),
21
+ ...getColorClasses(BASE_CLASSES.accordion),
22
+ ...getColorClasses(BASE_CLASSES.accordion_head),
23
+ ...getColorClasses(BASE_CLASSES.accordion_body),
24
+ ...getVariantClasses(BASE_CLASSES.accordion, variants),
25
+ ...getVariantClasses(BASE_CLASSES.accordion_title, variants),
26
+ ...getVariantClasses(BASE_CLASSES.accordion_head, variants),
27
+ ...getVariantClasses(BASE_CLASSES.accordion_body, variants)
32
28
  };
33
- var _default = exports.default = classes;
34
- module.exports = exports.default;
29
+ export default classes;
@@ -1,15 +1,13 @@
1
- "use strict";
2
1
  "use client";
3
2
 
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
- exports.__esModule = true;
6
- exports.default = void 0;
7
- var _react = require("react");
8
- var _clsx = _interopRequireDefault(require("clsx"));
9
- var _Dropdown = _interopRequireDefault(require("../Dropdown"));
10
- var _ButtonIcon = _interopRequireDefault(require("../ButtonIcon"));
11
- var _Accordion = _interopRequireDefault(require("./Accordion.classes"));
12
- var _jsxRuntime = require("react/jsx-runtime");
3
+ import { useState } from 'react';
4
+ import clsx from 'clsx';
5
+ import Dropdown from "../Dropdown";
6
+ import ButtonIcon from "../ButtonIcon";
7
+ import css from "./Accordion.classes";
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ import { jsxs as _jsxs } from "react/jsx-runtime";
10
+ import { Fragment as _Fragment } from "react/jsx-runtime";
13
11
  const Accordion = props => {
14
12
  let {
15
13
  title,
@@ -26,9 +24,9 @@ const Accordion = props => {
26
24
  size,
27
25
  ...divPops
28
26
  } = props;
29
- const [isExpanded, setIsExpanded] = (0, _react.useState)(!!defaultExpanded);
27
+ const [isExpanded, setIsExpanded] = useState(!!defaultExpanded);
30
28
  const openProp = expanded !== undefined ? expanded : isExpanded;
31
- const [contentHidden, setContentHidden] = (0, _react.useState)(!openProp);
29
+ const [contentHidden, setContentHidden] = useState(!openProp);
32
30
  const iconCode = openProp ? 'expand_less' : 'expand_more';
33
31
  const handleExpand = () => {
34
32
  if (expanded === undefined) setIsExpanded(prev => !prev);
@@ -59,49 +57,49 @@ const Accordion = props => {
59
57
  buttonTheme = 'dark';
60
58
  }
61
59
  }
62
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
63
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
60
+ return /*#__PURE__*/_jsx(_Fragment, {
61
+ children: /*#__PURE__*/_jsxs("div", {
64
62
  ...divPops,
65
- className: (0, _clsx.default)(_Accordion.default.accordion, className, {
66
- [_Accordion.default['accordion_' + size]]: !!size,
67
- [_Accordion.default['accordion_' + variant]]: !!variant,
68
- [_Accordion.default['accordion_' + color]]: !!color
63
+ className: clsx(css.accordion, className, {
64
+ [css['accordion_' + size]]: !!size,
65
+ [css['accordion_' + variant]]: !!variant,
66
+ [css['accordion_' + color]]: !!color
69
67
  }),
70
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
71
- className: (0, _clsx.default)(_Accordion.default.accordion_head, classNames == null ? void 0 : classNames.AccordionHead, {
72
- [_Accordion.default['accordion__head_' + variant]]: !!variant,
73
- [_Accordion.default['accordion__head_' + color]]: !!color,
68
+ children: [/*#__PURE__*/_jsxs("div", {
69
+ className: clsx(css.accordion_head, classNames == null ? void 0 : classNames.AccordionHead, {
70
+ [css['accordion__head_' + variant]]: !!variant,
71
+ [css['accordion__head_' + color]]: !!color,
74
72
  'py-1': size === 'small',
75
73
  'py-2': size === 'medium',
76
74
  'py-3': size === 'large',
77
75
  'py-4': size === 'extraLarge'
78
76
  }),
79
77
  onClick: handleHeadClick,
80
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
81
- className: (0, _clsx.default)(classNames == null ? void 0 : classNames.AccordionTitle, {
82
- [_Accordion.default['accordion__title_' + variant]]: !!variant
78
+ children: [/*#__PURE__*/_jsx("div", {
79
+ className: clsx(classNames == null ? void 0 : classNames.AccordionTitle, {
80
+ [css['accordion__title_' + variant]]: !!variant
83
81
  }),
84
82
  children: title
85
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
86
- className: (0, _clsx.default)(classNames == null ? void 0 : classNames.AccordionTitle, _Accordion.default.accordion_toggle),
87
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
83
+ }), /*#__PURE__*/_jsx("div", {
84
+ className: clsx(classNames == null ? void 0 : classNames.AccordionTitle, css.accordion_toggle),
85
+ children: /*#__PURE__*/_jsx(ButtonIcon, {
88
86
  onClick: handleIconClick,
89
87
  size: 'small',
90
88
  color: buttonColor,
91
89
  theme: buttonTheme,
92
90
  variant: 'transparent',
93
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
91
+ children: /*#__PURE__*/_jsx("span", {
94
92
  className: "mi",
95
93
  children: iconCode
96
94
  })
97
95
  })
98
96
  })]
99
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
100
- className: (0, _clsx.default)(classNames == null ? void 0 : classNames.AccordionBody, _Accordion.default.accordion__body, {
101
- [_Accordion.default['accordion__body_' + variant]]: !!variant,
102
- [_Accordion.default['accordion__body_' + color]]: !!color
97
+ }), /*#__PURE__*/_jsx("div", {
98
+ className: clsx(classNames == null ? void 0 : classNames.AccordionBody, css.accordion__body, {
99
+ [css['accordion__body_' + variant]]: !!variant,
100
+ [css['accordion__body_' + color]]: !!color
103
101
  }),
104
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default, {
102
+ children: /*#__PURE__*/_jsx(Dropdown, {
105
103
  transitionProps: {
106
104
  unmountOnExit: true,
107
105
  ...transitionProps,
@@ -109,8 +107,8 @@ const Accordion = props => {
109
107
  onEnter: handleEnter
110
108
  },
111
109
  expanded: openProp,
112
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
113
- className: (0, _clsx.default)(classNames == null ? void 0 : classNames.AccordionContent, _Accordion.default.accordion_content),
110
+ children: /*#__PURE__*/_jsx("div", {
111
+ className: clsx(classNames == null ? void 0 : classNames.AccordionContent, css.accordion_content),
114
112
  style: {
115
113
  display: contentHidden ? 'none' : 'block'
116
114
  },
@@ -121,5 +119,4 @@ const Accordion = props => {
121
119
  })
122
120
  });
123
121
  };
124
- var _default = exports.default = Accordion;
125
- module.exports = exports.default;
122
+ export default Accordion;
@@ -1,2 +1,2 @@
1
1
  export { default } from './Accordion';
2
- export * as Accordion from './Accordion';
2
+ export { type AccordionProps } from './Accordion';
@@ -1,9 +1 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = exports.Accordion = void 0;
5
- var _Accordion = _interopRequireWildcard(require("./Accordion"));
6
- exports.default = _Accordion.default;
7
- exports.Accordion = _Accordion;
8
- 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); }
9
- 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
+ export { default } from "./Accordion";
@@ -1,10 +1,6 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports.default = exports.AdornmentContainer = 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
  // import { getCssPrefix } from 'lib/helpers/helpers'
9
5
 
10
6
  const AdornmentClasses = ['adornmentContainer', 'adornmentContainer_end', 'adornment_start', 'adornment_end'];
@@ -18,10 +14,10 @@ const Adornment = props => {
18
14
  className,
19
15
  ...spanProps
20
16
  } = props;
21
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
22
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
17
+ return /*#__PURE__*/_jsx(_Fragment, {
18
+ children: /*#__PURE__*/_jsx("div", {
23
19
  ...spanProps,
24
- className: (0, _clsx.default)(className, 'arm-adornment', {
20
+ className: clsx(className, 'arm-adornment', {
25
21
  'arm-adornment_start': position === 'start',
26
22
  'arm-adornment_end': position !== 'start'
27
23
  }),
@@ -29,22 +25,21 @@ const Adornment = props => {
29
25
  })
30
26
  });
31
27
  };
32
- const AdornmentContainer = props => {
28
+ export const AdornmentContainer = props => {
33
29
  let {
34
30
  position = 'start',
35
31
  className,
36
32
  children,
37
33
  ...inputProps
38
34
  } = props;
39
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
40
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
35
+ return /*#__PURE__*/_jsx(_Fragment, {
36
+ children: /*#__PURE__*/_jsx("div", {
41
37
  ...inputProps,
42
- className: (0, _clsx.default)('arm-adornment__container', {
38
+ className: clsx('arm-adornment__container', {
43
39
  'arm-adornment__container_end': position !== 'start'
44
40
  }, className),
45
41
  children: children
46
42
  })
47
43
  });
48
44
  };
49
- exports.AdornmentContainer = AdornmentContainer;
50
- var _default = exports.default = Adornment;
45
+ export default Adornment;
@@ -1,9 +1,2 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = exports.AdornmentContainer = void 0;
5
- var _Adornment = _interopRequireWildcard(require("./Adornment"));
6
- exports.default = _Adornment.default;
7
- exports.AdornmentContainer = _Adornment.AdornmentContainer;
8
- 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); }
9
- 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
+ export { default } from "./Adornment";
2
+ export { AdornmentContainer } from "./Adornment";