colibri-ui 0.8.29 → 0.8.31

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 (179) hide show
  1. package/Accordion/index.js +13 -10
  2. package/Avatar/index.js +12 -11
  3. package/Badge/Control/index.js +1 -1
  4. package/Badge/index.js +10 -9
  5. package/Button/index.js +9 -8
  6. package/Calendar/components/ContinueButton/index.js +6 -6
  7. package/Calendar/components/Month/Month.js +13 -24
  8. package/Calendar/components/Presets/index.js +4 -8
  9. package/Calendar/index.js +49 -42
  10. package/Calendar/utils/getMonthWeeks.js +3 -3
  11. package/Calendar/utils/getStartMonth.js +5 -5
  12. package/Checkbox/index.js +18 -17
  13. package/Chip/index.js +5 -5
  14. package/ClickOutside/index.js +3 -3
  15. package/Counter/index.js +10 -10
  16. package/Datepicker/components/DatePicker/index.js +13 -10
  17. package/Datepicker/components/TimePicker/Label/index.js +4 -4
  18. package/Datepicker/components/TimePicker/helpers.js +2 -4
  19. package/Datepicker/components/TimePicker/index.js +13 -10
  20. package/Datepicker/index.js +6 -6
  21. package/DotsLoader/index.js +2 -2
  22. package/Dropdown/index.js +44 -40
  23. package/Grid/Item/index.js +9 -8
  24. package/Grid/index.js +9 -9
  25. package/Icons/ArrowNext.js +7 -7
  26. package/Icons/Cart.js +7 -7
  27. package/Icons/Check.js +7 -7
  28. package/Icons/Chevron.js +7 -7
  29. package/Icons/Close.js +5 -5
  30. package/Icons/Cross.js +5 -5
  31. package/Icons/CrossFill.js +7 -7
  32. package/Icons/Edit.js +7 -7
  33. package/Icons/Exit.js +7 -7
  34. package/Icons/EyeClosed.js +7 -7
  35. package/Icons/EyeOpen.js +7 -7
  36. package/Icons/Help.js +5 -5
  37. package/Icons/Info.js +7 -7
  38. package/Icons/Minus.js +7 -7
  39. package/Icons/More.js +7 -7
  40. package/Icons/Plus.js +7 -7
  41. package/Icons/Setting.js +7 -7
  42. package/Icons/Shield.js +7 -7
  43. package/Icons/Trash.js +7 -7
  44. package/Icons/User.js +7 -7
  45. package/Image/index.js +14 -11
  46. package/Input/index.js +5 -5
  47. package/InputRadio/index.js +1 -1
  48. package/Menu/components/MenuItem/index.js +13 -12
  49. package/Menu/index.js +7 -7
  50. package/Modal/components/Close/index.js +2 -2
  51. package/Modal/components/Content/index.js +2 -2
  52. package/Modal/components/Title/index.js +2 -2
  53. package/Modal/index.js +5 -5
  54. package/MultiSelect/components/MenuOverlay/index.js +13 -10
  55. package/MultiSelect/components/MenuOverlayItem/index.js +4 -4
  56. package/MultiSelect/index.js +45 -41
  57. package/MultiSelect/utils/index.js +13 -6
  58. package/Portal/index.js +9 -6
  59. package/RadioGroup/Radio.js +16 -16
  60. package/RadioGroup/index.js +12 -12
  61. package/Select/components/MenuOverlay/index.js +13 -9
  62. package/Select/components/MenuOverlayItem/index.js +7 -7
  63. package/Select/index.js +32 -29
  64. package/Separator/index.js +2 -2
  65. package/Skeleton/index.js +9 -9
  66. package/Status/index.js +9 -8
  67. package/Switch/index.js +6 -5
  68. package/TabsMenu/Tab/Tab.js +1 -1
  69. package/TabsMenu/index.js +5 -5
  70. package/TabsPanels/Panel/index.js +1 -1
  71. package/TabsPanels/index.js +2 -2
  72. package/TextArea/index.js +7 -7
  73. package/Theme/breakpoints.js +15 -14
  74. package/Theme/colors/common.js +1 -3
  75. package/Theme/colors/index.js +1 -2
  76. package/Theme/colors/theme_buenos_aires.js +1 -3
  77. package/Theme/colors/theme_default.js +1 -3
  78. package/TimeSelect/Label/index.js +4 -4
  79. package/TimeSelect/helpers.js +11 -6
  80. package/TimeSelect/index.d.ts +5 -0
  81. package/TimeSelect/index.js +32 -7
  82. package/Tooltip/index.js +38 -34
  83. package/Typography/index.js +7 -6
  84. package/base/BaseInput/index.js +1 -1
  85. package/base/FormField/index.js +11 -10
  86. package/base/InputRoot/index.js +15 -14
  87. package/esm/Accordion/index.js +12 -10
  88. package/esm/Avatar/index.js +12 -12
  89. package/esm/Badge/Control/index.js +2 -2
  90. package/esm/Badge/index.js +10 -10
  91. package/esm/Button/index.js +9 -9
  92. package/esm/Calendar/components/ContinueButton/index.js +6 -6
  93. package/esm/Calendar/components/Month/Month.js +12 -24
  94. package/esm/Calendar/components/Presets/index.js +4 -8
  95. package/esm/Calendar/index.js +49 -42
  96. package/esm/Calendar/utils/getMonthWeeks.js +3 -3
  97. package/esm/Calendar/utils/getStartMonth.js +5 -5
  98. package/esm/Checkbox/index.js +17 -17
  99. package/esm/Chip/index.js +6 -6
  100. package/esm/ClickOutside/index.js +3 -3
  101. package/esm/Counter/index.js +10 -10
  102. package/esm/Datepicker/components/DatePicker/index.js +12 -10
  103. package/esm/Datepicker/components/TimePicker/Label/index.js +4 -4
  104. package/esm/Datepicker/components/TimePicker/helpers.js +2 -4
  105. package/esm/Datepicker/components/TimePicker/index.js +12 -10
  106. package/esm/Datepicker/index.js +6 -6
  107. package/esm/DotsLoader/index.js +2 -2
  108. package/esm/Dropdown/index.js +43 -40
  109. package/esm/Grid/Item/index.js +8 -8
  110. package/esm/Grid/index.js +9 -9
  111. package/esm/Icons/ArrowNext.js +8 -8
  112. package/esm/Icons/Cart.js +8 -8
  113. package/esm/Icons/Check.js +8 -8
  114. package/esm/Icons/Chevron.js +8 -8
  115. package/esm/Icons/Close.js +6 -6
  116. package/esm/Icons/Cross.js +6 -6
  117. package/esm/Icons/CrossFill.js +8 -8
  118. package/esm/Icons/Edit.js +8 -8
  119. package/esm/Icons/Exit.js +8 -8
  120. package/esm/Icons/EyeClosed.js +8 -8
  121. package/esm/Icons/EyeOpen.js +8 -8
  122. package/esm/Icons/Help.js +6 -6
  123. package/esm/Icons/Info.js +8 -8
  124. package/esm/Icons/Minus.js +8 -8
  125. package/esm/Icons/More.js +8 -8
  126. package/esm/Icons/Plus.js +8 -8
  127. package/esm/Icons/Setting.js +8 -8
  128. package/esm/Icons/Shield.js +8 -8
  129. package/esm/Icons/Trash.js +8 -8
  130. package/esm/Icons/User.js +8 -8
  131. package/esm/Image/index.js +14 -12
  132. package/esm/Input/index.js +6 -6
  133. package/esm/InputRadio/index.js +2 -2
  134. package/esm/Menu/components/MenuItem/index.js +12 -12
  135. package/esm/Menu/index.js +7 -7
  136. package/esm/Modal/components/Close/index.js +2 -2
  137. package/esm/Modal/components/Content/index.js +2 -2
  138. package/esm/Modal/components/Title/index.js +2 -2
  139. package/esm/Modal/index.js +5 -5
  140. package/esm/MultiSelect/components/MenuOverlay/index.js +12 -10
  141. package/esm/MultiSelect/components/MenuOverlayItem/index.js +4 -4
  142. package/esm/MultiSelect/index.js +44 -41
  143. package/esm/MultiSelect/utils/index.js +9 -6
  144. package/esm/Portal/index.js +8 -6
  145. package/esm/RadioGroup/Radio.js +16 -16
  146. package/esm/RadioGroup/index.js +12 -12
  147. package/esm/Select/components/MenuOverlay/index.js +12 -9
  148. package/esm/Select/components/MenuOverlayItem/index.js +7 -7
  149. package/esm/Select/index.js +31 -29
  150. package/esm/Separator/index.js +2 -2
  151. package/esm/Skeleton/index.js +9 -9
  152. package/esm/Status/index.js +8 -8
  153. package/esm/Switch/index.js +6 -6
  154. package/esm/TabsMenu/Tab/Tab.js +2 -2
  155. package/esm/TabsMenu/index.js +6 -6
  156. package/esm/TabsPanels/Panel/index.js +2 -2
  157. package/esm/TabsPanels/index.js +3 -3
  158. package/esm/TextArea/index.js +8 -8
  159. package/esm/Theme/breakpoints.js +11 -14
  160. package/esm/Theme/colors/common.js +1 -3
  161. package/esm/Theme/colors/index.js +1 -2
  162. package/esm/Theme/colors/theme_buenos_aires.js +1 -3
  163. package/esm/Theme/colors/theme_default.js +1 -3
  164. package/esm/TimeSelect/Label/index.js +4 -4
  165. package/esm/TimeSelect/helpers.js +12 -7
  166. package/esm/TimeSelect/index.d.ts +5 -0
  167. package/esm/TimeSelect/index.js +32 -8
  168. package/esm/Tooltip/index.js +37 -34
  169. package/esm/Typography/index.js +7 -7
  170. package/esm/base/BaseInput/index.js +2 -2
  171. package/esm/base/FormField/index.js +10 -10
  172. package/esm/base/InputRoot/index.js +14 -14
  173. package/esm/helpers/date/index.js +2 -4
  174. package/esm/hooks/useMediaSizes/index.js +5 -3
  175. package/esm/hooks/useScrollLock/index.js +3 -3
  176. package/helpers/date/index.js +2 -4
  177. package/hooks/useMediaSizes/index.js +9 -3
  178. package/hooks/useScrollLock/index.js +3 -3
  179. package/package.json +2 -1
@@ -2,6 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
5
6
  var React = require('react');
6
7
  var classNames = require('classnames/bind');
7
8
  require('../Icons/index.js');
@@ -11,21 +12,23 @@ var Chevron = require('../Icons/Chevron.js');
11
12
 
12
13
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
13
14
 
15
+ var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
14
16
  var React__default = /*#__PURE__*/_interopDefault(React);
15
17
  var classNames__default = /*#__PURE__*/_interopDefault(classNames);
16
18
  var styles__default = /*#__PURE__*/_interopDefault(styles);
17
19
 
18
20
  var clx = classNames__default.default.bind(styles__default.default);
19
- var Accordion = function Accordion(_a) {
20
- var title = _a.title,
21
- _b = _a.boldTitle,
22
- boldTitle = _b === void 0 ? false : _b,
23
- children = _a.children,
24
- className = _a.className,
25
- tabIndex = _a.tabIndex;
26
- var _c = React.useState(false),
27
- isOpen = _c[0],
28
- setIsOpen = _c[1];
21
+ var Accordion = function Accordion(_ref) {
22
+ var title = _ref.title,
23
+ _ref$boldTitle = _ref.boldTitle,
24
+ boldTitle = _ref$boldTitle === void 0 ? false : _ref$boldTitle,
25
+ children = _ref.children,
26
+ className = _ref.className,
27
+ tabIndex = _ref.tabIndex;
28
+ var _useState = React.useState(false),
29
+ _useState2 = _slicedToArray__default.default(_useState, 2),
30
+ isOpen = _useState2[0],
31
+ setIsOpen = _useState2[1];
29
32
  var contentRef = React.useRef(null);
30
33
  var toggleAccordion = function toggleAccordion() {
31
34
  return setIsOpen(!isOpen);
package/Avatar/index.js CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
5
6
  var tslib = require('tslib');
6
7
  var React = require('react');
7
8
  var classNames = require('classnames/bind');
@@ -13,27 +14,27 @@ var index_props = require('./index.props.js');
13
14
 
14
15
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
15
16
 
17
+ var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
16
18
  var React__default = /*#__PURE__*/_interopDefault(React);
17
19
  var classNames__default = /*#__PURE__*/_interopDefault(classNames);
18
20
  var styles__default = /*#__PURE__*/_interopDefault(styles);
19
21
 
20
- var _a, _b;
21
22
  var clx = classNames__default.default.bind(styles__default.default);
22
23
  var getStubImage = function getStubImage(type) {
23
24
  return type === index_props.AccountType.Organization ? orgCircle.default : userCircle.default;
24
25
  };
25
- var SIZE_CLASSES = (_a = {}, _a[constants.AvatarSize.S] = styles__default.default.sizeS, _a[constants.AvatarSize.M] = styles__default.default.sizeM, _a[constants.AvatarSize.L] = styles__default.default.sizeL, _a[constants.AvatarSize.XL] = styles__default.default.sizeXL, _a[constants.AvatarSize.XXL] = styles__default.default.sizeXXL, _a[constants.AvatarSize.XXXL] = styles__default.default.sizeXXXL, _a);
26
- var TEXT_CLASSES = (_b = {}, _b[constants.AvatarSize.S] = styles__default.default.textS, _b[constants.AvatarSize.M] = styles__default.default.textM, _b[constants.AvatarSize.L] = styles__default.default.textL, _b[constants.AvatarSize.XL] = styles__default.default.textXL, _b[constants.AvatarSize.XXL] = styles__default.default.textXXL, _b[constants.AvatarSize.XXXL] = styles__default.default.textXXXL, _b);
26
+ var SIZE_CLASSES = _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, constants.AvatarSize.S, styles__default.default.sizeS), constants.AvatarSize.M, styles__default.default.sizeM), constants.AvatarSize.L, styles__default.default.sizeL), constants.AvatarSize.XL, styles__default.default.sizeXL), constants.AvatarSize.XXL, styles__default.default.sizeXXL), constants.AvatarSize.XXXL, styles__default.default.sizeXXXL);
27
+ var TEXT_CLASSES = _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, constants.AvatarSize.S, styles__default.default.textS), constants.AvatarSize.M, styles__default.default.textM), constants.AvatarSize.L, styles__default.default.textL), constants.AvatarSize.XL, styles__default.default.textXL), constants.AvatarSize.XXL, styles__default.default.textXXL), constants.AvatarSize.XXXL, styles__default.default.textXXXL);
27
28
  var Avatar = /*#__PURE__*/React.memo(function (props) {
28
29
  var src = props.src,
29
- _a = props.size,
30
- size = _a === void 0 ? constants.AvatarSize.M : _a,
30
+ _props$size = props.size,
31
+ size = _props$size === void 0 ? constants.AvatarSize.M : _props$size,
31
32
  className = props.className,
32
33
  bordered = props.bordered,
33
- _b = props.alt,
34
- alt = _b === void 0 ? "Profile avatar" : _b,
35
- _c = props.accountType,
36
- accountType = _c === void 0 ? index_props.AccountType.Organization : _c,
34
+ _props$alt = props.alt,
35
+ alt = _props$alt === void 0 ? "Profile avatar" : _props$alt,
36
+ _props$accountType = props.accountType,
37
+ accountType = _props$accountType === void 0 ? index_props.AccountType.Organization : _props$accountType,
37
38
  onClick = props.onClick,
38
39
  initials = props.initials,
39
40
  loading = props.loading,
@@ -54,7 +55,7 @@ var Avatar = /*#__PURE__*/React.memo(function (props) {
54
55
  onClick: onClick,
55
56
  role: "button",
56
57
  "aria-label": ariaLabel || "Avatar"
57
- }, /*#__PURE__*/React__default.default.createElement("img", tslib.__assign({
58
+ }, /*#__PURE__*/React__default.default.createElement("img", Object.assign({
58
59
  ref: ref,
59
60
  "data-testid": "avatar",
60
61
  alt: alt,
@@ -65,7 +66,7 @@ var Avatar = /*#__PURE__*/React.memo(function (props) {
65
66
  }, rest)))) : (
66
67
  /*#__PURE__*/
67
68
  // eslint-disable-next-line jsx-a11y/click-events-have-key-events
68
- React__default.default.createElement("span", tslib.__assign({
69
+ React__default.default.createElement("span", Object.assign({
69
70
  ref: ref,
70
71
  "data-testid": "avatar",
71
72
  role: "button",
@@ -15,7 +15,7 @@ var BadgeControl = function BadgeControl(_a) {
15
15
  var className = _a.className,
16
16
  children = _a.children,
17
17
  props = tslib.__rest(_a, ["className", "children"]);
18
- return /*#__PURE__*/React__default.default.createElement("span", tslib.__assign({
18
+ return /*#__PURE__*/React__default.default.createElement("span", Object.assign({
19
19
  className: classNames__default.default(styles__default.default.root, className)
20
20
  }, props), children);
21
21
  };
package/Badge/index.js CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
5
6
  var tslib = require('tslib');
6
7
  var React = require('react');
7
8
  var classNames = require('classnames/bind');
@@ -10,33 +11,33 @@ var styles = require('./Badge.module.css');
10
11
 
11
12
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
12
13
 
14
+ var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
13
15
  var React__default = /*#__PURE__*/_interopDefault(React);
14
16
  var classNames__default = /*#__PURE__*/_interopDefault(classNames);
15
17
  var styles__default = /*#__PURE__*/_interopDefault(styles);
16
18
 
17
19
  var clx = classNames__default.default.bind(styles__default.default);
18
20
  var Badge = function Badge(_a) {
19
- var _b;
20
21
  var background = _a.background,
21
22
  children = _a.children,
22
23
  className = _a.className,
23
24
  color = _a.color,
24
25
  content = _a.content,
25
- _c = _a.direction,
26
- direction = _c === void 0 ? "right" : _c,
26
+ _a$direction = _a.direction,
27
+ direction = _a$direction === void 0 ? "right" : _a$direction,
27
28
  invisibleProp = _a.invisible,
28
- _d = _a.max,
29
- max = _d === void 0 ? 99 : _d,
30
- _e = _a.showZero,
31
- showZero = _e === void 0 ? false : _e,
29
+ _a$max = _a.max,
30
+ max = _a$max === void 0 ? 99 : _a$max,
31
+ _a$showZero = _a.showZero,
32
+ showZero = _a$showZero === void 0 ? false : _a$showZero,
32
33
  props = tslib.__rest(_a, ["background", "children", "className", "color", "content", "direction", "invisible", "max", "showZero"]);
33
34
  var invisible = invisibleProp;
34
35
  if (invisibleProp == null && (content === 0 && !showZero || content == null)) {
35
36
  invisible = true;
36
37
  }
37
38
  var displayValue = content ? content > max ? "".concat(max, "+") : content : undefined;
38
- return /*#__PURE__*/React__default.default.createElement(index.BadgeControl, tslib.__assign({}, props), children, displayValue && (/*#__PURE__*/React__default.default.createElement("span", {
39
- className: clx("root", (_b = {}, _b["root_direction_".concat(direction)] = !!direction, _b.root_invisible = invisible, _b), className),
39
+ return /*#__PURE__*/React__default.default.createElement(index.BadgeControl, Object.assign({}, props), children, displayValue && (/*#__PURE__*/React__default.default.createElement("span", {
40
+ className: clx("root", _defineProperty__default.default(_defineProperty__default.default({}, "root_direction_".concat(direction), !!direction), "root_invisible", invisible), className),
40
41
  "data-testid": "badge",
41
42
  style: {
42
43
  backgroundColor: background,
package/Button/index.js CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
5
6
  var tslib = require('tslib');
6
7
  var React = require('react');
7
8
  var classNames = require('classnames/bind');
@@ -9,18 +10,18 @@ var styles = require('./Button.module.css');
9
10
 
10
11
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
11
12
 
13
+ var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
12
14
  var React__default = /*#__PURE__*/_interopDefault(React);
13
15
  var classNames__default = /*#__PURE__*/_interopDefault(classNames);
14
16
  var styles__default = /*#__PURE__*/_interopDefault(styles);
15
17
 
16
18
  var clx = classNames__default.default.bind(styles__default.default);
17
19
  var Button = function Button(_a) {
18
- var _b;
19
20
  var className = _a.className,
20
- _c = _a.fullWidth,
21
- fullWidth = _c === void 0 ? false : _c,
22
- _d = _a.variant,
23
- variant = _d === void 0 ? "primary" : _d,
21
+ _a$fullWidth = _a.fullWidth,
22
+ fullWidth = _a$fullWidth === void 0 ? false : _a$fullWidth,
23
+ _a$variant = _a.variant,
24
+ variant = _a$variant === void 0 ? "primary" : _a$variant,
24
25
  iconStart = _a.iconStart,
25
26
  iconEnd = _a.iconEnd,
26
27
  icon = _a.icon,
@@ -31,13 +32,13 @@ var Button = function Button(_a) {
31
32
  type = _a.type,
32
33
  ref = _a.ref,
33
34
  props = tslib.__rest(_a, ["className", "fullWidth", "variant", "iconStart", "iconEnd", "icon", "size", "children", "disabled", "onClick", "type", "ref"]);
34
- return /*#__PURE__*/React__default.default.createElement("button", tslib.__assign({
35
+ return /*#__PURE__*/React__default.default.createElement("button", Object.assign({
35
36
  onClick: onClick,
36
37
  ref: ref,
37
- className: clx(styles__default.default.root, (_b = {
38
+ className: clx(styles__default.default.root, _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({
38
39
  root_icon: !!icon,
39
40
  root_fullWidth: !!fullWidth
40
- }, _b["size_".concat(size)] = !!size, _b["variant_".concat(variant)] = !!variant, _b["variant_".concat(variant, "_disabled")] = !!disabled, _b), className),
41
+ }, "size_".concat(size), !!size), "variant_".concat(variant), !!variant), "variant_".concat(variant, "_disabled"), !!disabled), className),
41
42
  disabled: disabled,
42
43
  "data-testid": "button",
43
44
  type: type || "button",
@@ -14,12 +14,12 @@ var classNames__default = /*#__PURE__*/_interopDefault(classNames);
14
14
  var styles__default = /*#__PURE__*/_interopDefault(styles);
15
15
 
16
16
  var clx = classNames__default.default.bind(styles__default.default);
17
- var ContinueButton = function ContinueButton(_a) {
18
- var selectedDate = _a.selectedDate,
19
- selectedPeriod = _a.selectedPeriod,
20
- isChanged = _a.isChanged,
21
- onContinue = _a.onContinue,
22
- onCancel = _a.onCancel;
17
+ var ContinueButton = function ContinueButton(_ref) {
18
+ var selectedDate = _ref.selectedDate,
19
+ selectedPeriod = _ref.selectedPeriod,
20
+ isChanged = _ref.isChanged,
21
+ onContinue = _ref.onContinue,
22
+ onCancel = _ref.onCancel;
23
23
  var selectedDates = React.useMemo(function () {
24
24
  if (selectedDate && selectedPeriod) {
25
25
  return index.getPeriodDates(selectedDate, selectedPeriod);
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib = require('tslib');
3
+ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
4
4
  var React = require('react');
5
5
  var classNames = require('classnames/bind');
6
6
  var leadingZeros = require('../../../libs/numbers/leadingZeros.js');
@@ -29,17 +29,18 @@ function _interopNamespace(e) {
29
29
  return Object.freeze(n);
30
30
  }
31
31
 
32
+ var _toConsumableArray__default = /*#__PURE__*/_interopDefault(_toConsumableArray);
32
33
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
33
34
  var classNames__default = /*#__PURE__*/_interopDefault(classNames);
34
35
  var styles__default = /*#__PURE__*/_interopDefault(styles);
35
36
 
36
37
  var clx = classNames__default.default.bind(styles__default.default);
37
- var Item = function Item(_a) {
38
- var isSelected = _a.isSelected,
39
- isInSelectedRange = _a.isInSelectedRange,
40
- isStartOfSelection = _a.isStartOfSelection,
41
- isEndOfSelection = _a.isEndOfSelection,
42
- children = _a.children;
38
+ var Item = function Item(_ref) {
39
+ var isSelected = _ref.isSelected,
40
+ isInSelectedRange = _ref.isInSelectedRange,
41
+ isStartOfSelection = _ref.isStartOfSelection,
42
+ isEndOfSelection = _ref.isEndOfSelection,
43
+ children = _ref.children;
43
44
  var noSelection = isStartOfSelection && isEndOfSelection ? styles__default.default["no-selection"] : "";
44
45
  var startClass = isStartOfSelection && !isEndOfSelection ? styles__default.default["start-of-selection"] : "";
45
46
  var endClass = isEndOfSelection && !isStartOfSelection ? styles__default.default["end-of-selection"] : "";
@@ -76,12 +77,8 @@ var Month = function Month(props) {
76
77
  className: clx(styles__default.default.table)
77
78
  }, /*#__PURE__*/React__namespace.createElement("ul", {
78
79
  className: clx(styles__default.default.legend)
79
- }, tslib.__spreadArray([], Array(7), true).map(function (_) {
80
- var rest = [];
81
- for (var _i = 1; _i < arguments.length; _i++) {
82
- rest[_i - 1] = arguments[_i];
83
- }
84
- var index$2 = rest[0] + 1;
80
+ }, _toConsumableArray__default.default(Array(7)).map(function (_) {
81
+ var index$2 = (arguments.length <= 1 ? undefined : arguments[1]) + 1;
85
82
  return /*#__PURE__*/React__namespace.createElement("li", {
86
83
  className: clx(styles__default.default.day),
87
84
  key: index$2
@@ -92,19 +89,11 @@ var Month = function Month(props) {
92
89
  }
93
90
  }, index$1.getShortWeekDayNameByIndex(index$2)));
94
91
  })), getMonthWeeks.getMonthWeeks(props).map(function (days) {
95
- var rest1 = [];
96
- for (var _i = 1; _i < arguments.length; _i++) {
97
- rest1[_i - 1] = arguments[_i];
98
- }
99
92
  return /*#__PURE__*/React__namespace.createElement("ul", {
100
- key: "week-".concat(rest1[0]),
93
+ key: "week-".concat(arguments.length <= 1 ? undefined : arguments[1]),
101
94
  className: clx(styles__default.default.week)
102
95
  }, days.map(function (day) {
103
- var rest2 = [];
104
- for (var _i = 1; _i < arguments.length; _i++) {
105
- rest2[_i - 1] = arguments[_i];
106
- }
107
- var key = "day-".concat(rest2[0]);
96
+ var key = "day-".concat(arguments.length <= 1 ? undefined : arguments[1]);
108
97
  if (day.isDummy) {
109
98
  return /*#__PURE__*/React__namespace.createElement("li", {
110
99
  className: clx(styles__default.default.day),
@@ -118,7 +107,7 @@ var Month = function Month(props) {
118
107
  isInSelectedRange: day.isInSelectedRange
119
108
  };
120
109
  var dayInnerActive = day.isActive ? styles__default.default["day-inner-active"] : "";
121
- return /*#__PURE__*/React__namespace.createElement(Item, tslib.__assign({}, attrs, {
110
+ return /*#__PURE__*/React__namespace.createElement(Item, Object.assign({}, attrs, {
122
111
  key: key
123
112
  }), /*#__PURE__*/React__namespace.createElement("button", {
124
113
  className: clx(styles__default.default["day-inner"], dayInnerActive),
@@ -38,9 +38,9 @@ exports.PRESETS = void 0;
38
38
  PRESETS["CURWEEK"] = "currWeek";
39
39
  PRESETS["NEXTWEEK"] = "nextWeek";
40
40
  })(exports.PRESETS || (exports.PRESETS = {}));
41
- var Presets = function Presets(_a) {
42
- var presets = _a.presets,
43
- onPresetSelect = _a.onPresetSelect;
41
+ var Presets = function Presets(_ref) {
42
+ var presets = _ref.presets,
43
+ onPresetSelect = _ref.onPresetSelect;
44
44
  return /*#__PURE__*/React__namespace.createElement("div", {
45
45
  "data-testid": "presets"
46
46
  }, /*#__PURE__*/React__namespace.createElement("div", {
@@ -48,13 +48,9 @@ var Presets = function Presets(_a) {
48
48
  }, /*#__PURE__*/React__namespace.createElement("div", {
49
49
  className: clx(styles__default.default.inner)
50
50
  }, presets.map(function (preset) {
51
- var rest = [];
52
- for (var _i = 1; _i < arguments.length; _i++) {
53
- rest[_i - 1] = arguments[_i];
54
- }
55
51
  return /*#__PURE__*/React__namespace.createElement("div", {
56
52
  className: clx(styles__default.default.item),
57
- key: "preset=".concat(rest[0])
53
+ key: "preset=".concat(arguments.length <= 1 ? undefined : arguments[1])
58
54
  }, /*#__PURE__*/React__namespace.createElement(index.default, {
59
55
  variant: "outline",
60
56
  onClick: function onClick() {
package/Calendar/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib = require('tslib');
5
+ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
6
6
  var React = require('react');
7
7
  var classNames = require('classnames/bind');
8
8
  var index$1 = require('../libs/requestIdleCallback/index.js');
@@ -18,6 +18,7 @@ var ArrowNext = require('../Icons/ArrowNext.js');
18
18
 
19
19
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
20
20
 
21
+ var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
21
22
  var React__default = /*#__PURE__*/_interopDefault(React);
22
23
  var classNames__default = /*#__PURE__*/_interopDefault(classNames);
23
24
  var styles__default = /*#__PURE__*/_interopDefault(styles);
@@ -26,35 +27,37 @@ var clx = classNames__default.default.bind(styles__default.default);
26
27
  var idleCallbackOptions = {
27
28
  timeout: 1000
28
29
  };
29
- var Calendar = function Calendar(_a) {
30
- var today = _a.today,
31
- initialSelectedDate = _a.selectedDate,
32
- initialSelectedPeriod = _a.selectedPeriod,
33
- activeDates = _a.activeDates,
34
- datePresets = _a.datePresets,
35
- availableDates = _a.availableDates,
36
- canSelectRange = _a.canSelectRange,
37
- onChange = _a.onChange,
38
- onCancel = _a.onCancel,
39
- _b = _a.minWidth,
40
- minWidth = _b === void 0 ? 360 : _b,
41
- _c = _a.withContinueButton,
42
- withContinueButton = _c === void 0 ? false : _c,
43
- className = _a.className,
44
- _d = _a.titleSize,
45
- titleSize = _d === void 0 ? "h3" : _d;
30
+ var Calendar = function Calendar(_ref) {
31
+ var today = _ref.today,
32
+ initialSelectedDate = _ref.selectedDate,
33
+ initialSelectedPeriod = _ref.selectedPeriod,
34
+ activeDates = _ref.activeDates,
35
+ datePresets = _ref.datePresets,
36
+ availableDates = _ref.availableDates,
37
+ canSelectRange = _ref.canSelectRange,
38
+ onChange = _ref.onChange,
39
+ onCancel = _ref.onCancel,
40
+ _ref$minWidth = _ref.minWidth,
41
+ minWidth = _ref$minWidth === void 0 ? 360 : _ref$minWidth,
42
+ _ref$withContinueButt = _ref.withContinueButton,
43
+ withContinueButton = _ref$withContinueButt === void 0 ? false : _ref$withContinueButt,
44
+ className = _ref.className,
45
+ _ref$titleSize = _ref.titleSize,
46
+ titleSize = _ref$titleSize === void 0 ? "h3" : _ref$titleSize;
46
47
  var $root = React.useRef(null);
47
48
  var startMonth = getStartMonth.getStartMonth({
48
49
  today: today,
49
50
  activeDates: activeDates
50
51
  });
51
- var _e = React.useState(initialSelectedDate),
52
- selectedDate = _e[0],
53
- setSelectedDate = _e[1];
54
- var _f = React.useState(initialSelectedPeriod),
55
- selectedPeriod = _f[0],
56
- setSelectedPeriod = _f[1];
57
- var _g = React.useState(function () {
52
+ var _useState = React.useState(initialSelectedDate),
53
+ _useState2 = _slicedToArray__default.default(_useState, 2),
54
+ selectedDate = _useState2[0],
55
+ setSelectedDate = _useState2[1];
56
+ var _useState3 = React.useState(initialSelectedPeriod),
57
+ _useState4 = _slicedToArray__default.default(_useState3, 2),
58
+ selectedPeriod = _useState4[0],
59
+ setSelectedPeriod = _useState4[1];
60
+ var _useState5 = React.useState(function () {
58
61
  if (initialSelectedDate) {
59
62
  return getNumberOfMonthsBetweenDates.getNumberOfMonthsBetweenDates(startMonth, initialSelectedDate);
60
63
  } else if (activeDates && activeDates.length) {
@@ -62,14 +65,17 @@ var Calendar = function Calendar(_a) {
62
65
  }
63
66
  return 0;
64
67
  }),
65
- currentMonthOffset = _g[0],
66
- setCurrentMonthOffset = _g[1];
67
- var _h = React.useState(0),
68
- contentWidth = _h[0],
69
- setContentWidth = _h[1];
70
- var _j = React.useState(true),
71
- isRangeCompleted = _j[0],
72
- setIsRangeCompleted = _j[1];
68
+ _useState6 = _slicedToArray__default.default(_useState5, 2),
69
+ currentMonthOffset = _useState6[0],
70
+ setCurrentMonthOffset = _useState6[1];
71
+ var _useState7 = React.useState(0),
72
+ _useState8 = _slicedToArray__default.default(_useState7, 2),
73
+ contentWidth = _useState8[0],
74
+ setContentWidth = _useState8[1];
75
+ var _useState9 = React.useState(true),
76
+ _useState10 = _slicedToArray__default.default(_useState9, 2),
77
+ isRangeCompleted = _useState10[0],
78
+ setIsRangeCompleted = _useState10[1];
73
79
  React.useEffect(function () {
74
80
  var _a;
75
81
  setContentWidth(((_a = $root.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0);
@@ -96,18 +102,19 @@ var Calendar = function Calendar(_a) {
96
102
  }, [startMonth]);
97
103
  var handleDayClick = React.useCallback(function (date) {
98
104
  if (canSelectRange && selectedDate && !isRangeCompleted) {
99
- var _a = [date, selectedDate].sort(),
100
- startDate_1 = _a[0],
101
- endDate = _a[1];
102
- var period_1 = index.getDaysDiff(new Date(startDate_1), new Date(endDate)) + 1;
105
+ var _sort = [date, selectedDate].sort(),
106
+ _sort2 = _slicedToArray__default.default(_sort, 2),
107
+ startDate = _sort2[0],
108
+ endDate = _sort2[1];
109
+ var period = index.getDaysDiff(new Date(startDate), new Date(endDate)) + 1;
103
110
  if (onChange) {
104
111
  onChange({
105
112
  date: date,
106
- period: period_1
113
+ period: period
107
114
  });
108
115
  }
109
116
  index$1.requestIdleCallback(function () {
110
- return selectDate(startDate_1, period_1, true);
117
+ return selectDate(startDate, period, true);
111
118
  }, idleCallbackOptions);
112
119
  } else {
113
120
  if (onChange) {
@@ -187,16 +194,16 @@ var Calendar = function Calendar(_a) {
187
194
  }, [currentMonthOffset - 1, currentMonthOffset, currentMonthOffset + 1].filter(function (index) {
188
195
  return index >= 0;
189
196
  }).map(function (index) {
190
- var attrs = tslib.__assign(tslib.__assign({}, commonAttrs), {
197
+ var attrs = Object.assign(Object.assign({}, commonAttrs), {
191
198
  today: today,
192
199
  startDate: getMonthStartDate(index),
193
200
  offsetLeft: index * contentWidth
194
201
  });
195
- return /*#__PURE__*/React__default.default.createElement(Month.Month, tslib.__assign({}, attrs, {
202
+ return /*#__PURE__*/React__default.default.createElement(Month.Month, Object.assign({}, attrs, {
196
203
  titleSize: titleSize,
197
204
  key: "month-".concat(index)
198
205
  }));
199
- }))) : (/*#__PURE__*/React__default.default.createElement(Month.Month, tslib.__assign({
206
+ }))) : (/*#__PURE__*/React__default.default.createElement(Month.Month, Object.assign({
200
207
  titleSize: titleSize,
201
208
  today: today,
202
209
  startDate: getMonthStartDate(currentMonthOffset),
@@ -36,9 +36,9 @@ function getSelectedDates(options) {
36
36
  };
37
37
  }
38
38
  function getMonthWeeks(options) {
39
- var _a = getSelectedDates(options),
40
- selectedDateFrom = _a.selectedDateFrom,
41
- selectedDateTo = _a.selectedDateTo;
39
+ var _getSelectedDates = getSelectedDates(options),
40
+ selectedDateFrom = _getSelectedDates.selectedDateFrom,
41
+ selectedDateTo = _getSelectedDates.selectedDateTo;
42
42
  var currMonth = options.startDate.getMonth();
43
43
  var weeks = [[]];
44
44
  var currWeek = weeks[weeks.length - 1];
@@ -2,11 +2,11 @@
2
2
 
3
3
  var leadingZeros = require('../../libs/numbers/leadingZeros.js');
4
4
 
5
- function getStartMonth(_a) {
6
- var _b = _a.today,
7
- today = _b === void 0 ? "" : _b,
8
- _c = _a.activeDates,
9
- activeDates = _c === void 0 ? [""] : _c;
5
+ function getStartMonth(_ref) {
6
+ var _ref$today = _ref.today,
7
+ today = _ref$today === void 0 ? "" : _ref$today,
8
+ _ref$activeDates = _ref.activeDates,
9
+ activeDates = _ref$activeDates === void 0 ? [""] : _ref$activeDates;
10
10
  var sortedDates = [].concat(activeDates, today).filter(Boolean).sort();
11
11
  var date = new Date(sortedDates[0]);
12
12
  return [date.getFullYear(), leadingZeros.leadingZeros(date.getMonth() + 1, 2)].join("-");
package/Checkbox/index.js CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
5
6
  var React = require('react');
6
7
  var classNames = require('classnames/bind');
7
8
  var index = require('../Typography/index.js');
@@ -9,27 +10,27 @@ var styles = require('./Checkbox.module.css');
9
10
 
10
11
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
11
12
 
13
+ var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
12
14
  var React__default = /*#__PURE__*/_interopDefault(React);
13
15
  var classNames__default = /*#__PURE__*/_interopDefault(classNames);
14
16
  var styles__default = /*#__PURE__*/_interopDefault(styles);
15
17
 
16
18
  var clx = classNames__default.default.bind(styles__default.default);
17
- var Checkbox = function Checkbox(_a) {
18
- var _b;
19
- var id = _a.id,
20
- name = _a.name,
21
- value = _a.value,
22
- label = _a.label,
23
- hint = _a.hint,
24
- checked = _a.checked,
25
- onChange = _a.onChange,
26
- onFocus = _a.onFocus,
27
- onBlur = _a.onBlur,
28
- _c = _a.variant,
29
- variant = _c === void 0 ? "primary" : _c,
30
- className = _a.className,
31
- disabled = _a.disabled,
32
- hasError = _a.hasError;
19
+ var Checkbox = function Checkbox(_ref) {
20
+ var id = _ref.id,
21
+ name = _ref.name,
22
+ value = _ref.value,
23
+ label = _ref.label,
24
+ hint = _ref.hint,
25
+ checked = _ref.checked,
26
+ onChange = _ref.onChange,
27
+ onFocus = _ref.onFocus,
28
+ onBlur = _ref.onBlur,
29
+ _ref$variant = _ref.variant,
30
+ variant = _ref$variant === void 0 ? "primary" : _ref$variant,
31
+ className = _ref.className,
32
+ disabled = _ref.disabled,
33
+ hasError = _ref.hasError;
33
34
  return /*#__PURE__*/React__default.default.createElement("div", {
34
35
  className: clx(styles__default.default.root)
35
36
  }, /*#__PURE__*/React__default.default.createElement("label", {
@@ -47,7 +48,7 @@ var Checkbox = function Checkbox(_a) {
47
48
  onBlur: onBlur,
48
49
  disabled: disabled
49
50
  }), /*#__PURE__*/React__default.default.createElement("span", {
50
- className: clx(styles__default.default["fake-checkbox"], styles__default.default["variant_".concat(variant)], (_b = {}, _b[styles__default.default["variant_".concat(variant, "_disabled")]] = disabled, _b[styles__default.default["variant_".concat(variant, "_error")]] = hasError, _b[styles__default.default["variant_".concat(variant, "_checked")]] = checked, _b[styles__default.default.checked] = checked, _b))
51
+ className: clx(styles__default.default["fake-checkbox"], styles__default.default["variant_".concat(variant)], _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, styles__default.default["variant_".concat(variant, "_disabled")], disabled), styles__default.default["variant_".concat(variant, "_error")], hasError), styles__default.default["variant_".concat(variant, "_checked")], checked), styles__default.default.checked, checked))
51
52
  }), /*#__PURE__*/React__default.default.createElement("span", {
52
53
  className: clx(styles__default.default.text)
53
54
  }, label)), hint && (/*#__PURE__*/React__default.default.createElement(index.default, {
package/Chip/index.js CHANGED
@@ -20,12 +20,12 @@ var Chip = function Chip(_a) {
20
20
  isActive = _a.isActive,
21
21
  onClick = _a.onClick,
22
22
  onClickIcon = _a.onClickIcon,
23
- _b = _a.size,
24
- size = _b === void 0 ? "m" : _b,
25
- _c = _a.testID,
26
- testID = _c === void 0 ? "chip" : _c,
23
+ _a$size = _a.size,
24
+ size = _a$size === void 0 ? "m" : _a$size,
25
+ _a$testID = _a.testID,
26
+ testID = _a$testID === void 0 ? "chip" : _a$testID,
27
27
  props = tslib.__rest(_a, ["children", "iconEnd", "isActive", "onClick", "onClickIcon", "size", "testID"]);
28
- return /*#__PURE__*/React__default.default.createElement("span", tslib.__assign({
28
+ return /*#__PURE__*/React__default.default.createElement("span", Object.assign({
29
29
  className: clx("chip"),
30
30
  "data-testid": testID
31
31
  }, props), /*#__PURE__*/React__default.default.createElement("span", {
@@ -11,9 +11,9 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
11
11
  var _typeof__default = /*#__PURE__*/_interopDefault(_typeof);
12
12
  var React__default = /*#__PURE__*/_interopDefault(React);
13
13
 
14
- var ClickOutside = function ClickOutside(_a) {
15
- var children = _a.children,
16
- onClick = _a.onClick;
14
+ var ClickOutside = function ClickOutside(_ref) {
15
+ var children = _ref.children,
16
+ onClick = _ref.onClick;
17
17
  var childRef = React.useRef();
18
18
  index.default(childRef, onClick);
19
19
  if (! /*#__PURE__*/React__default.default.isValidElement(children)) return null;