colibri-ui 0.8.28 → 0.8.30

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 (181) 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 +2 -4
  80. package/TimeSelect/index.js +4 -4
  81. package/Tooltip/index.js +30 -26
  82. package/Typography/index.js +7 -6
  83. package/base/BaseInput/index.js +1 -1
  84. package/base/FormField/index.js +11 -10
  85. package/base/InputRoot/index.js +15 -14
  86. package/esm/Accordion/index.js +14 -12
  87. package/esm/Avatar/assets/org-circle.svg.js +2 -36
  88. package/esm/Avatar/assets/user-circle.svg.js +2 -15
  89. package/esm/Avatar/index.js +12 -12
  90. package/esm/Badge/Control/index.js +2 -2
  91. package/esm/Badge/index.js +10 -10
  92. package/esm/Button/index.js +9 -9
  93. package/esm/Calendar/components/ContinueButton/index.js +6 -6
  94. package/esm/Calendar/components/Month/Month.js +12 -24
  95. package/esm/Calendar/components/Presets/index.js +4 -8
  96. package/esm/Calendar/index.js +50 -44
  97. package/esm/Calendar/utils/getMonthWeeks.js +3 -3
  98. package/esm/Calendar/utils/getStartMonth.js +5 -5
  99. package/esm/Checkbox/index.js +17 -17
  100. package/esm/Chip/index.js +6 -6
  101. package/esm/ClickOutside/index.js +3 -3
  102. package/esm/Counter/index.js +10 -10
  103. package/esm/Datepicker/components/DatePicker/index.js +12 -10
  104. package/esm/Datepicker/components/TimePicker/Label/index.js +4 -4
  105. package/esm/Datepicker/components/TimePicker/helpers.js +4 -21
  106. package/esm/Datepicker/components/TimePicker/index.js +13 -11
  107. package/esm/Datepicker/index.js +6 -6
  108. package/esm/DotsLoader/index.js +2 -2
  109. package/esm/Dropdown/index.js +43 -40
  110. package/esm/Grid/Item/index.js +8 -8
  111. package/esm/Grid/index.js +9 -9
  112. package/esm/Icons/ArrowNext.js +8 -8
  113. package/esm/Icons/Cart.js +8 -8
  114. package/esm/Icons/Check.js +8 -8
  115. package/esm/Icons/Chevron.js +8 -8
  116. package/esm/Icons/Close.js +6 -6
  117. package/esm/Icons/Cross.js +6 -6
  118. package/esm/Icons/CrossFill.js +8 -8
  119. package/esm/Icons/Edit.js +8 -8
  120. package/esm/Icons/Exit.js +8 -8
  121. package/esm/Icons/EyeClosed.js +8 -8
  122. package/esm/Icons/EyeOpen.js +8 -8
  123. package/esm/Icons/Help.js +6 -6
  124. package/esm/Icons/Info.js +8 -8
  125. package/esm/Icons/Minus.js +8 -8
  126. package/esm/Icons/More.js +8 -8
  127. package/esm/Icons/Plus.js +8 -8
  128. package/esm/Icons/Setting.js +8 -8
  129. package/esm/Icons/Shield.js +8 -8
  130. package/esm/Icons/Trash.js +8 -8
  131. package/esm/Icons/User.js +8 -8
  132. package/esm/Image/index.js +14 -12
  133. package/esm/Input/index.js +6 -6
  134. package/esm/InputRadio/index.js +2 -2
  135. package/esm/Menu/components/MenuItem/index.js +12 -12
  136. package/esm/Menu/index.js +7 -7
  137. package/esm/Modal/components/Close/index.js +4 -4
  138. package/esm/Modal/components/Content/index.js +2 -2
  139. package/esm/Modal/components/Title/index.js +2 -2
  140. package/esm/Modal/index.js +5 -5
  141. package/esm/MultiSelect/components/MenuOverlay/index.js +13 -11
  142. package/esm/MultiSelect/components/MenuOverlayItem/index.js +4 -4
  143. package/esm/MultiSelect/index.js +46 -44
  144. package/esm/MultiSelect/utils/index.js +9 -6
  145. package/esm/Portal/index.js +8 -6
  146. package/esm/RadioGroup/Radio.js +16 -16
  147. package/esm/RadioGroup/index.js +12 -12
  148. package/esm/Select/components/MenuOverlay/index.js +12 -9
  149. package/esm/Select/components/MenuOverlayItem/index.js +7 -7
  150. package/esm/Select/index.js +31 -29
  151. package/esm/Separator/index.js +2 -2
  152. package/esm/Skeleton/index.js +9 -9
  153. package/esm/Status/index.js +8 -8
  154. package/esm/Switch/index.js +6 -6
  155. package/esm/TabsMenu/Tab/Tab.js +2 -2
  156. package/esm/TabsMenu/index.js +6 -6
  157. package/esm/TabsPanels/Panel/index.js +2 -2
  158. package/esm/TabsPanels/index.js +3 -3
  159. package/esm/TextArea/index.js +8 -8
  160. package/esm/Theme/breakpoints.js +11 -14
  161. package/esm/Theme/colors/common.js +1 -3
  162. package/esm/Theme/colors/index.js +1 -2
  163. package/esm/Theme/colors/theme_buenos_aires.js +1 -3
  164. package/esm/Theme/colors/theme_default.js +1 -3
  165. package/esm/TimeSelect/Label/index.js +4 -4
  166. package/esm/TimeSelect/helpers.js +4 -10
  167. package/esm/TimeSelect/index.js +5 -5
  168. package/esm/Tooltip/index.js +29 -26
  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 +3 -5
  174. package/esm/hooks/useMediaSizes/index.js +5 -3
  175. package/esm/hooks/useScrollLock/index.js +3 -3
  176. package/esm/index.js +0 -1
  177. package/helpers/date/index.js +2 -4
  178. package/hooks/useMediaSizes/index.js +9 -3
  179. package/hooks/useScrollLock/index.js +3 -3
  180. package/package.json +2 -1
  181. package/esm/Icons/index.js +0 -19
package/Counter/index.js CHANGED
@@ -16,16 +16,16 @@ var classNames__default = /*#__PURE__*/_interopDefault(classNames);
16
16
  var styles__default = /*#__PURE__*/_interopDefault(styles);
17
17
 
18
18
  var clx = classNames__default.default.bind(styles__default.default);
19
- var Counter = function Counter(_a) {
20
- var _b = _a.value,
21
- value = _b === void 0 ? 1 : _b,
22
- max = _a.max,
23
- _c = _a.min,
24
- min = _c === void 0 ? 0 : _c,
25
- fullWidth = _a.fullWidth,
26
- onChange = _a.onChange,
27
- disabled = _a.disabled,
28
- className = _a.className;
19
+ var Counter = function Counter(_ref) {
20
+ var _ref$value = _ref.value,
21
+ value = _ref$value === void 0 ? 1 : _ref$value,
22
+ max = _ref.max,
23
+ _ref$min = _ref.min,
24
+ min = _ref$min === void 0 ? 0 : _ref$min,
25
+ fullWidth = _ref.fullWidth,
26
+ onChange = _ref.onChange,
27
+ disabled = _ref.disabled,
28
+ className = _ref.className;
29
29
  var minusDisabled = disabled || value <= min;
30
30
  var plusDisabled = disabled || value >= max;
31
31
  var handleChange = function handleChange(delta) {
@@ -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
  var index = require('../../../Dropdown/index.js');
@@ -11,6 +12,7 @@ var styles = require('./index.module.css');
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);
@@ -30,17 +32,18 @@ var CalendarIcon = function CalendarIcon() {
30
32
  d: "M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z"
31
33
  }));
32
34
  };
33
- var DatePicker = function DatePicker(_a) {
34
- var className = _a.className,
35
- _b = _a.selectedDate,
36
- selectedDate = _b === void 0 ? "" : _b,
37
- onChangeDate = _a.onChangeDate;
38
- var _c = React.useState(selectedDate),
39
- date = _c[0],
40
- setDate = _c[1];
35
+ var DatePicker = function DatePicker(_ref) {
36
+ var className = _ref.className,
37
+ _ref$selectedDate = _ref.selectedDate,
38
+ selectedDate = _ref$selectedDate === void 0 ? "" : _ref$selectedDate,
39
+ onChangeDate = _ref.onChangeDate;
40
+ var _useState = React.useState(selectedDate),
41
+ _useState2 = _slicedToArray__default.default(_useState, 2),
42
+ date = _useState2[0],
43
+ setDate = _useState2[1];
41
44
  // eslint-disable-next-line @typescript-eslint/no-shadow
42
- var handleDateChange = function handleDateChange(_a) {
43
- var date = _a.date;
45
+ var handleDateChange = function handleDateChange(_ref2) {
46
+ var date = _ref2.date;
44
47
  setDate(date);
45
48
  onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(date);
46
49
  };
@@ -8,10 +8,10 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
8
8
 
9
9
  var React__default = /*#__PURE__*/_interopDefault(React);
10
10
 
11
- var OptionLabel = function OptionLabel(_a) {
12
- var time = _a.time,
13
- onClick = _a.onClick,
14
- onMouseEnter = _a.onMouseEnter;
11
+ var OptionLabel = function OptionLabel(_ref) {
12
+ var time = _ref.time,
13
+ onClick = _ref.onClick,
14
+ onMouseEnter = _ref.onMouseEnter;
15
15
  var ref = React.useRef(null);
16
16
  return (
17
17
  /*#__PURE__*/
@@ -11,10 +11,8 @@ var DEFAULT_TIME = {
11
11
  var formatTime = function formatTime(date) {
12
12
  return dateFns.format(date, "HH:mm");
13
13
  };
14
- var generateSuggest = function generateSuggest(interval) {
15
- if (interval === void 0) {
16
- interval = 15;
17
- }
14
+ var generateSuggest = function generateSuggest() {
15
+ var interval = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 15;
18
16
  return new Array(24 * 60 / interval).fill(null).map(function (_, index) {
19
17
  var date = dateFns.addMinutes(day, index * interval);
20
18
  return {
@@ -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
  var index$1 = require('../../../Select/index.js');
@@ -11,21 +12,23 @@ var index = require('./Label/index.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 TimePicker = function TimePicker(_a) {
20
- var className = _a.className,
21
- _b = _a.interval,
22
- interval = _b === void 0 ? 30 : _b,
23
- _c = _a.selectedTime,
24
- selectedTime = _c === void 0 ? "" : _c,
25
- onChangeTime = _a.onChangeTime;
26
- var _d = React.useState(selectedTime),
27
- time = _d[0],
28
- setTime = _d[1];
21
+ var TimePicker = function TimePicker(_ref) {
22
+ var className = _ref.className,
23
+ _ref$interval = _ref.interval,
24
+ interval = _ref$interval === void 0 ? 30 : _ref$interval,
25
+ _ref$selectedTime = _ref.selectedTime,
26
+ selectedTime = _ref$selectedTime === void 0 ? "" : _ref$selectedTime,
27
+ onChangeTime = _ref.onChangeTime;
28
+ var _useState = React.useState(selectedTime),
29
+ _useState2 = _slicedToArray__default.default(_useState, 2),
30
+ time = _useState2[0],
31
+ setTime = _useState2[1];
29
32
  var options = React.useMemo(function () {
30
33
  return helpers.generateSuggest(interval).map(function (item) {
31
34
  return {
@@ -15,12 +15,12 @@ var classNames__default = /*#__PURE__*/_interopDefault(classNames);
15
15
  var styles__default = /*#__PURE__*/_interopDefault(styles);
16
16
 
17
17
  var clx = classNames__default.default.bind(styles__default.default);
18
- var Datepicker = function Datepicker(_a) {
19
- var className = _a.className,
20
- selectedTime = _a.selectedTime,
21
- selectedDate = _a.selectedDate,
22
- onChangeDate = _a.onChangeDate,
23
- onChangeTime = _a.onChangeTime;
18
+ var Datepicker = function Datepicker(_ref) {
19
+ var className = _ref.className,
20
+ selectedTime = _ref.selectedTime,
21
+ selectedDate = _ref.selectedDate,
22
+ onChangeDate = _ref.onChangeDate,
23
+ onChangeTime = _ref.onChangeTime;
24
24
  return /*#__PURE__*/React__default.default.createElement("div", {
25
25
  className: clx(styles__default.default.root, className)
26
26
  }, /*#__PURE__*/React__default.default.createElement(index.default, {
@@ -13,8 +13,8 @@ var classNames__default = /*#__PURE__*/_interopDefault(classNames);
13
13
  var styles__default = /*#__PURE__*/_interopDefault(styles);
14
14
 
15
15
  var clx = classNames__default.default.bind(styles__default.default);
16
- var DotsLoader = function DotsLoader(_a) {
17
- var color = _a.color;
16
+ var DotsLoader = function DotsLoader(_ref) {
17
+ var color = _ref.color;
18
18
  return /*#__PURE__*/React__default.default.createElement("div", {
19
19
  className: clx("wrapper")
20
20
  }, /*#__PURE__*/React__default.default.createElement("div", {
package/Dropdown/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 reactPopper = require('react-popper');
@@ -13,45 +13,49 @@ var styles = require('./Dropdown.module.css');
13
13
 
14
14
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
15
15
 
16
+ var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
16
17
  var React__default = /*#__PURE__*/_interopDefault(React);
17
18
  var classNames__default = /*#__PURE__*/_interopDefault(classNames);
18
19
  var styles__default = /*#__PURE__*/_interopDefault(styles);
19
20
 
20
21
  var clx = classNames__default.default.bind(styles__default.default);
21
- var Dropdown = function Dropdown(_a) {
22
- var children = _a.children,
23
- zIndex = _a.zIndex,
24
- fontSize = _a.fontSize,
25
- disabled = _a.disabled,
26
- onVisibleChange = _a.onVisibleChange,
27
- overlay = _a.overlay,
28
- _b = _a.placement,
29
- placement = _b === void 0 ? "bottom-start" : _b,
30
- _c = _a.strategy,
31
- strategy = _c === void 0 ? "absolute" : _c,
32
- _d = _a.trigger,
33
- trigger = _d === void 0 ? ["hover"] : _d,
34
- _e = _a.visible,
35
- visibleProp = _e === void 0 ? true : _e,
36
- _f = _a.preventOverflow,
37
- preventOverflow = _f === void 0 ? false : _f,
38
- _g = _a.preventAutoClose,
39
- preventAutoClose = _g === void 0 ? false : _g,
40
- _h = _a.flip,
41
- flip = _h === void 0 ? true : _h,
42
- _j = _a.samewidth,
43
- samewidth = _j === void 0 ? false : _j;
44
- var _k = React.useState(null),
45
- controlElement = _k[0],
46
- setControlElement = _k[1];
47
- var _l = React.useState(null),
48
- popperElement = _l[0],
49
- setPopperElement = _l[1];
50
- var _m = React.useState(false),
51
- visible = _m[0],
52
- setVisible = _m[1];
22
+ var Dropdown = function Dropdown(_ref) {
23
+ var children = _ref.children,
24
+ zIndex = _ref.zIndex,
25
+ fontSize = _ref.fontSize,
26
+ disabled = _ref.disabled,
27
+ onVisibleChange = _ref.onVisibleChange,
28
+ overlay = _ref.overlay,
29
+ _ref$placement = _ref.placement,
30
+ placement = _ref$placement === void 0 ? "bottom-start" : _ref$placement,
31
+ _ref$strategy = _ref.strategy,
32
+ strategy = _ref$strategy === void 0 ? "absolute" : _ref$strategy,
33
+ _ref$trigger = _ref.trigger,
34
+ trigger = _ref$trigger === void 0 ? ["hover"] : _ref$trigger,
35
+ _ref$visible = _ref.visible,
36
+ visibleProp = _ref$visible === void 0 ? true : _ref$visible,
37
+ _ref$preventOverflow = _ref.preventOverflow,
38
+ preventOverflow = _ref$preventOverflow === void 0 ? false : _ref$preventOverflow,
39
+ _ref$preventAutoClose = _ref.preventAutoClose,
40
+ preventAutoClose = _ref$preventAutoClose === void 0 ? false : _ref$preventAutoClose,
41
+ _ref$flip = _ref.flip,
42
+ flip = _ref$flip === void 0 ? true : _ref$flip,
43
+ _ref$samewidth = _ref.samewidth,
44
+ samewidth = _ref$samewidth === void 0 ? false : _ref$samewidth;
45
+ var _useState = React.useState(null),
46
+ _useState2 = _slicedToArray__default.default(_useState, 2),
47
+ controlElement = _useState2[0],
48
+ setControlElement = _useState2[1];
49
+ var _useState3 = React.useState(null),
50
+ _useState4 = _slicedToArray__default.default(_useState3, 2),
51
+ popperElement = _useState4[0],
52
+ setPopperElement = _useState4[1];
53
+ var _useState5 = React.useState(false),
54
+ _useState6 = _slicedToArray__default.default(_useState5, 2),
55
+ visible = _useState6[0],
56
+ setVisible = _useState6[1];
53
57
  var isVisible = visibleProp && visible && !disabled;
54
- var _o = reactPopper.usePopper(controlElement, popperElement, {
58
+ var _usePopper = reactPopper.usePopper(controlElement, popperElement, {
55
59
  placement: placement,
56
60
  strategy: strategy,
57
61
  modifiers: [{
@@ -65,9 +69,9 @@ var Dropdown = function Dropdown(_a) {
65
69
  enabled: preventOverflow
66
70
  }]
67
71
  }),
68
- popperStyles = _o.styles,
69
- attributes = _o.attributes,
70
- update = _o.update;
72
+ popperStyles = _usePopper.styles,
73
+ attributes = _usePopper.attributes,
74
+ update = _usePopper.update;
71
75
  var isNotComponent = typeof children === "string";
72
76
  var reference = React.useMemo(function () {
73
77
  if (!children) return null;
@@ -137,16 +141,16 @@ var Dropdown = function Dropdown(_a) {
137
141
  React.useEffect(function () {
138
142
  if (update) update();
139
143
  }, [update, visible]);
140
- return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, reference && (/*#__PURE__*/React__default.default.createElement(reference.type, tslib.__assign({
144
+ return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, reference && (/*#__PURE__*/React__default.default.createElement(reference.type, Object.assign({
141
145
  ref: setControlElement,
142
146
  tabIndex: 0
143
147
  }, reference.props))), isVisible && (/*#__PURE__*/React__default.default.createElement(index.default, null, /*#__PURE__*/React__default.default.createElement(index$1.default, {
144
148
  onClick: onClickOutside
145
- }, /*#__PURE__*/React__default.default.createElement("div", tslib.__assign({
149
+ }, /*#__PURE__*/React__default.default.createElement("div", Object.assign({
146
150
  ref: setPopperElement,
147
151
  "data-testid": "popper-container",
148
152
  className: clx("popper-container"),
149
- style: tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({}, popperStyles.popper), {
153
+ style: Object.assign(Object.assign(Object.assign(Object.assign({}, popperStyles.popper), {
150
154
  zIndex: zIndex,
151
155
  minWidth: controlElement === null || controlElement === void 0 ? void 0 : controlElement.offsetWidth
152
156
  }), samewidth && {
@@ -2,25 +2,26 @@
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');
7
8
  var styles = require('./Grid-Item.module.css');
8
9
 
9
10
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
11
 
12
+ var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
11
13
  var React__default = /*#__PURE__*/_interopDefault(React);
12
14
  var classNames__default = /*#__PURE__*/_interopDefault(classNames);
13
15
  var styles__default = /*#__PURE__*/_interopDefault(styles);
14
16
 
15
- var GridItem = function GridItem(_a) {
16
- var _b;
17
- var children = _a.children,
18
- _c = _a.fullWidth,
19
- fullWidth = _c === void 0 ? false : _c,
20
- className = _a.className,
21
- style = _a.style;
17
+ var GridItem = function GridItem(_ref) {
18
+ var children = _ref.children,
19
+ _ref$fullWidth = _ref.fullWidth,
20
+ fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
21
+ className = _ref.className,
22
+ style = _ref.style;
22
23
  return /*#__PURE__*/React__default.default.createElement("div", {
23
- className: classNames__default.default(styles__default.default.item, (_b = {}, _b[styles__default.default.full] = fullWidth, _b), className),
24
+ className: classNames__default.default(styles__default.default.item, _defineProperty__default.default({}, styles__default.default.full, fullWidth), className),
24
25
  style: style
25
26
  }, children);
26
27
  };
package/Grid/index.js CHANGED
@@ -12,15 +12,15 @@ var React__default = /*#__PURE__*/_interopDefault(React);
12
12
  var classNames__default = /*#__PURE__*/_interopDefault(classNames);
13
13
  var styles__default = /*#__PURE__*/_interopDefault(styles);
14
14
 
15
- var Grid = function Grid(_a) {
16
- var children = _a.children,
17
- _b = _a.gridRowGap,
18
- gridRowGap = _b === void 0 ? 24 : _b,
19
- _c = _a.gridColumnGap,
20
- gridColumnGap = _c === void 0 ? 16 : _c,
21
- _d = _a.gridItemMinWidth,
22
- gridItemMinWidth = _d === void 0 ? 100 : _d,
23
- className = _a.className;
15
+ var Grid = function Grid(_ref) {
16
+ var children = _ref.children,
17
+ _ref$gridRowGap = _ref.gridRowGap,
18
+ gridRowGap = _ref$gridRowGap === void 0 ? 24 : _ref$gridRowGap,
19
+ _ref$gridColumnGap = _ref.gridColumnGap,
20
+ gridColumnGap = _ref$gridColumnGap === void 0 ? 16 : _ref$gridColumnGap,
21
+ _ref$gridItemMinWidth = _ref.gridItemMinWidth,
22
+ gridItemMinWidth = _ref$gridItemMinWidth === void 0 ? 100 : _ref$gridItemMinWidth,
23
+ className = _ref.className;
24
24
  return /*#__PURE__*/React__default.default.createElement("div", {
25
25
  className: classNames__default.default(styles__default.default.root, className),
26
26
  style: {
@@ -10,15 +10,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
10
  var React__default = /*#__PURE__*/_interopDefault(React);
11
11
 
12
12
  var ArrowNext = (function (_a) {
13
- var _b = _a.fill,
14
- fill = _b === void 0 ? "currentColor" : _b,
15
- _c = _a.width,
16
- width = _c === void 0 ? 10 : _c,
17
- _d = _a.height,
18
- height = _d === void 0 ? 16 : _d,
13
+ var _a$fill = _a.fill,
14
+ fill = _a$fill === void 0 ? "currentColor" : _a$fill,
15
+ _a$width = _a.width,
16
+ width = _a$width === void 0 ? 10 : _a$width,
17
+ _a$height = _a.height,
18
+ height = _a$height === void 0 ? 16 : _a$height,
19
19
  ref = _a.ref,
20
20
  props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
21
- return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
21
+ return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
22
22
  ref: ref,
23
23
  fill: "none",
24
24
  width: width,
package/Icons/Cart.js CHANGED
@@ -10,15 +10,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
10
  var React__default = /*#__PURE__*/_interopDefault(React);
11
11
 
12
12
  var Cart = (function (_a) {
13
- var _b = _a.fill,
14
- fill = _b === void 0 ? "currentColor" : _b,
15
- _c = _a.width,
16
- width = _c === void 0 ? 24 : _c,
17
- _d = _a.height,
18
- height = _d === void 0 ? 24 : _d,
13
+ var _a$fill = _a.fill,
14
+ fill = _a$fill === void 0 ? "currentColor" : _a$fill,
15
+ _a$width = _a.width,
16
+ width = _a$width === void 0 ? 24 : _a$width,
17
+ _a$height = _a.height,
18
+ height = _a$height === void 0 ? 24 : _a$height,
19
19
  ref = _a.ref,
20
20
  props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
21
- return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
21
+ return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
22
22
  xmlns: "http://www.w3.org/2000/svg",
23
23
  focusable: "false",
24
24
  ref: ref,
package/Icons/Check.js CHANGED
@@ -10,15 +10,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
10
  var React__default = /*#__PURE__*/_interopDefault(React);
11
11
 
12
12
  var Check = (function (_a) {
13
- var _b = _a.fill,
14
- fill = _b === void 0 ? "currentColor" : _b,
15
- _c = _a.width,
16
- width = _c === void 0 ? 24 : _c,
17
- _d = _a.height,
18
- height = _d === void 0 ? 24 : _d,
13
+ var _a$fill = _a.fill,
14
+ fill = _a$fill === void 0 ? "currentColor" : _a$fill,
15
+ _a$width = _a.width,
16
+ width = _a$width === void 0 ? 24 : _a$width,
17
+ _a$height = _a.height,
18
+ height = _a$height === void 0 ? 24 : _a$height,
19
19
  ref = _a.ref,
20
20
  props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
21
- return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
21
+ return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
22
22
  xmlns: "http://www.w3.org/2000/svg",
23
23
  width: width,
24
24
  height: height,
package/Icons/Chevron.js CHANGED
@@ -10,15 +10,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
10
  var React__default = /*#__PURE__*/_interopDefault(React);
11
11
 
12
12
  var Chevron = (function (_a) {
13
- var _b = _a.fill,
14
- fill = _b === void 0 ? "currentColor" : _b,
15
- _c = _a.width,
16
- width = _c === void 0 ? 24 : _c,
17
- _d = _a.height,
18
- height = _d === void 0 ? 24 : _d,
13
+ var _a$fill = _a.fill,
14
+ fill = _a$fill === void 0 ? "currentColor" : _a$fill,
15
+ _a$width = _a.width,
16
+ width = _a$width === void 0 ? 24 : _a$width,
17
+ _a$height = _a.height,
18
+ height = _a$height === void 0 ? 24 : _a$height,
19
19
  ref = _a.ref,
20
20
  props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
21
- return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
21
+ return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
22
22
  xmlns: "http://www.w3.org/2000/svg",
23
23
  fill: fill,
24
24
  width: width,
package/Icons/Close.js CHANGED
@@ -10,13 +10,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
10
  var React__default = /*#__PURE__*/_interopDefault(React);
11
11
 
12
12
  var CloseIcon = (function (_a) {
13
- var _b = _a.width,
14
- width = _b === void 0 ? 24 : _b,
15
- _c = _a.height,
16
- height = _c === void 0 ? 24 : _c,
13
+ var _a$width = _a.width,
14
+ width = _a$width === void 0 ? 24 : _a$width,
15
+ _a$height = _a.height,
16
+ height = _a$height === void 0 ? 24 : _a$height,
17
17
  ref = _a.ref,
18
18
  props = tslib.__rest(_a, ["width", "height", "ref"]);
19
- return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
19
+ return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
20
20
  xmlns: "http://www.w3.org/2000/svg",
21
21
  width: width,
22
22
  height: height,
package/Icons/Cross.js CHANGED
@@ -10,13 +10,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
10
  var React__default = /*#__PURE__*/_interopDefault(React);
11
11
 
12
12
  var Cross = (function (_a) {
13
- var _b = _a.width,
14
- width = _b === void 0 ? 24 : _b,
15
- _c = _a.height,
16
- height = _c === void 0 ? 24 : _c,
13
+ var _a$width = _a.width,
14
+ width = _a$width === void 0 ? 24 : _a$width,
15
+ _a$height = _a.height,
16
+ height = _a$height === void 0 ? 24 : _a$height,
17
17
  ref = _a.ref,
18
18
  props = tslib.__rest(_a, ["width", "height", "ref"]);
19
- return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
19
+ return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
20
20
  xmlns: "http://www.w3.org/2000/svg",
21
21
  fill: "none",
22
22
  width: width,
@@ -10,15 +10,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
10
  var React__default = /*#__PURE__*/_interopDefault(React);
11
11
 
12
12
  var CrossFill = (function (_a) {
13
- var _b = _a.fill,
14
- fill = _b === void 0 ? "currentColor" : _b,
15
- _c = _a.width,
16
- width = _c === void 0 ? 24 : _c,
17
- _d = _a.height,
18
- height = _d === void 0 ? 24 : _d,
13
+ var _a$fill = _a.fill,
14
+ fill = _a$fill === void 0 ? "currentColor" : _a$fill,
15
+ _a$width = _a.width,
16
+ width = _a$width === void 0 ? 24 : _a$width,
17
+ _a$height = _a.height,
18
+ height = _a$height === void 0 ? 24 : _a$height,
19
19
  ref = _a.ref,
20
20
  props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
21
- return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
21
+ return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
22
22
  xmlns: "http://www.w3.org/2000/svg",
23
23
  width: width,
24
24
  height: height,
package/Icons/Edit.js CHANGED
@@ -10,15 +10,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
10
  var React__default = /*#__PURE__*/_interopDefault(React);
11
11
 
12
12
  var Edit = (function (_a) {
13
- var _b = _a.fill,
14
- fill = _b === void 0 ? "currentColor" : _b,
15
- _c = _a.width,
16
- width = _c === void 0 ? 24 : _c,
17
- _d = _a.height,
18
- height = _d === void 0 ? 24 : _d,
13
+ var _a$fill = _a.fill,
14
+ fill = _a$fill === void 0 ? "currentColor" : _a$fill,
15
+ _a$width = _a.width,
16
+ width = _a$width === void 0 ? 24 : _a$width,
17
+ _a$height = _a.height,
18
+ height = _a$height === void 0 ? 24 : _a$height,
19
19
  ref = _a.ref,
20
20
  props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
21
- return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
21
+ return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
22
22
  xmlns: "http://www.w3.org/2000/svg",
23
23
  width: width,
24
24
  height: height
package/Icons/Exit.js CHANGED
@@ -10,15 +10,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
10
  var React__default = /*#__PURE__*/_interopDefault(React);
11
11
 
12
12
  var Exit = (function (_a) {
13
- var _b = _a.fill,
14
- fill = _b === void 0 ? "currentColor" : _b,
15
- _c = _a.width,
16
- width = _c === void 0 ? 24 : _c,
17
- _d = _a.height,
18
- height = _d === void 0 ? 24 : _d,
13
+ var _a$fill = _a.fill,
14
+ fill = _a$fill === void 0 ? "currentColor" : _a$fill,
15
+ _a$width = _a.width,
16
+ width = _a$width === void 0 ? 24 : _a$width,
17
+ _a$height = _a.height,
18
+ height = _a$height === void 0 ? 24 : _a$height,
19
19
  ref = _a.ref,
20
20
  props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
21
- return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
21
+ return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
22
22
  xmlns: "http://www.w3.org/2000/svg",
23
23
  width: width,
24
24
  height: height,
@@ -10,15 +10,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
10
  var React__default = /*#__PURE__*/_interopDefault(React);
11
11
 
12
12
  var EyeClosed = (function (_a) {
13
- var _b = _a.fill,
14
- fill = _b === void 0 ? "currentColor" : _b,
15
- _c = _a.width,
16
- width = _c === void 0 ? 24 : _c,
17
- _d = _a.height,
18
- height = _d === void 0 ? 24 : _d,
13
+ var _a$fill = _a.fill,
14
+ fill = _a$fill === void 0 ? "currentColor" : _a$fill,
15
+ _a$width = _a.width,
16
+ width = _a$width === void 0 ? 24 : _a$width,
17
+ _a$height = _a.height,
18
+ height = _a$height === void 0 ? 24 : _a$height,
19
19
  ref = _a.ref,
20
20
  props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
21
- return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
21
+ return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
22
22
  xmlns: "http://www.w3.org/2000/svg",
23
23
  fill: fill,
24
24
  width: width,
package/Icons/EyeOpen.js CHANGED
@@ -10,15 +10,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
10
  var React__default = /*#__PURE__*/_interopDefault(React);
11
11
 
12
12
  var EyeOpen = (function (_a) {
13
- var _b = _a.fill,
14
- fill = _b === void 0 ? "currentColor" : _b,
15
- _c = _a.width,
16
- width = _c === void 0 ? 24 : _c,
17
- _d = _a.height,
18
- height = _d === void 0 ? 24 : _d,
13
+ var _a$fill = _a.fill,
14
+ fill = _a$fill === void 0 ? "currentColor" : _a$fill,
15
+ _a$width = _a.width,
16
+ width = _a$width === void 0 ? 24 : _a$width,
17
+ _a$height = _a.height,
18
+ height = _a$height === void 0 ? 24 : _a$height,
19
19
  ref = _a.ref,
20
20
  props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
21
- return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
21
+ return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
22
22
  xmlns: "http://www.w3.org/2000/svg",
23
23
  fill: fill,
24
24
  width: width,