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.
- package/Accordion/index.js +13 -10
- package/Avatar/index.js +12 -11
- package/Badge/Control/index.js +1 -1
- package/Badge/index.js +10 -9
- package/Button/index.js +9 -8
- package/Calendar/components/ContinueButton/index.js +6 -6
- package/Calendar/components/Month/Month.js +13 -24
- package/Calendar/components/Presets/index.js +4 -8
- package/Calendar/index.js +49 -42
- package/Calendar/utils/getMonthWeeks.js +3 -3
- package/Calendar/utils/getStartMonth.js +5 -5
- package/Checkbox/index.js +18 -17
- package/Chip/index.js +5 -5
- package/ClickOutside/index.js +3 -3
- package/Counter/index.js +10 -10
- package/Datepicker/components/DatePicker/index.js +13 -10
- package/Datepicker/components/TimePicker/Label/index.js +4 -4
- package/Datepicker/components/TimePicker/helpers.js +2 -4
- package/Datepicker/components/TimePicker/index.js +13 -10
- package/Datepicker/index.js +6 -6
- package/DotsLoader/index.js +2 -2
- package/Dropdown/index.js +44 -40
- package/Grid/Item/index.js +9 -8
- package/Grid/index.js +9 -9
- package/Icons/ArrowNext.js +7 -7
- package/Icons/Cart.js +7 -7
- package/Icons/Check.js +7 -7
- package/Icons/Chevron.js +7 -7
- package/Icons/Close.js +5 -5
- package/Icons/Cross.js +5 -5
- package/Icons/CrossFill.js +7 -7
- package/Icons/Edit.js +7 -7
- package/Icons/Exit.js +7 -7
- package/Icons/EyeClosed.js +7 -7
- package/Icons/EyeOpen.js +7 -7
- package/Icons/Help.js +5 -5
- package/Icons/Info.js +7 -7
- package/Icons/Minus.js +7 -7
- package/Icons/More.js +7 -7
- package/Icons/Plus.js +7 -7
- package/Icons/Setting.js +7 -7
- package/Icons/Shield.js +7 -7
- package/Icons/Trash.js +7 -7
- package/Icons/User.js +7 -7
- package/Image/index.js +14 -11
- package/Input/index.js +5 -5
- package/InputRadio/index.js +1 -1
- package/Menu/components/MenuItem/index.js +13 -12
- package/Menu/index.js +7 -7
- package/Modal/components/Close/index.js +2 -2
- package/Modal/components/Content/index.js +2 -2
- package/Modal/components/Title/index.js +2 -2
- package/Modal/index.js +5 -5
- package/MultiSelect/components/MenuOverlay/index.js +13 -10
- package/MultiSelect/components/MenuOverlayItem/index.js +4 -4
- package/MultiSelect/index.js +45 -41
- package/MultiSelect/utils/index.js +13 -6
- package/Portal/index.js +9 -6
- package/RadioGroup/Radio.js +16 -16
- package/RadioGroup/index.js +12 -12
- package/Select/components/MenuOverlay/index.js +13 -9
- package/Select/components/MenuOverlayItem/index.js +7 -7
- package/Select/index.js +32 -29
- package/Separator/index.js +2 -2
- package/Skeleton/index.js +9 -9
- package/Status/index.js +9 -8
- package/Switch/index.js +6 -5
- package/TabsMenu/Tab/Tab.js +1 -1
- package/TabsMenu/index.js +5 -5
- package/TabsPanels/Panel/index.js +1 -1
- package/TabsPanels/index.js +2 -2
- package/TextArea/index.js +7 -7
- package/Theme/breakpoints.js +15 -14
- package/Theme/colors/common.js +1 -3
- package/Theme/colors/index.js +1 -2
- package/Theme/colors/theme_buenos_aires.js +1 -3
- package/Theme/colors/theme_default.js +1 -3
- package/TimeSelect/Label/index.js +4 -4
- package/TimeSelect/helpers.js +2 -4
- package/TimeSelect/index.js +4 -4
- package/Tooltip/index.js +30 -26
- package/Typography/index.js +7 -6
- package/base/BaseInput/index.js +1 -1
- package/base/FormField/index.js +11 -10
- package/base/InputRoot/index.js +15 -14
- package/esm/Accordion/index.js +14 -12
- package/esm/Avatar/assets/org-circle.svg.js +2 -36
- package/esm/Avatar/assets/user-circle.svg.js +2 -15
- package/esm/Avatar/index.js +12 -12
- package/esm/Badge/Control/index.js +2 -2
- package/esm/Badge/index.js +10 -10
- package/esm/Button/index.js +9 -9
- package/esm/Calendar/components/ContinueButton/index.js +6 -6
- package/esm/Calendar/components/Month/Month.js +12 -24
- package/esm/Calendar/components/Presets/index.js +4 -8
- package/esm/Calendar/index.js +50 -44
- package/esm/Calendar/utils/getMonthWeeks.js +3 -3
- package/esm/Calendar/utils/getStartMonth.js +5 -5
- package/esm/Checkbox/index.js +17 -17
- package/esm/Chip/index.js +6 -6
- package/esm/ClickOutside/index.js +3 -3
- package/esm/Counter/index.js +10 -10
- package/esm/Datepicker/components/DatePicker/index.js +12 -10
- package/esm/Datepicker/components/TimePicker/Label/index.js +4 -4
- package/esm/Datepicker/components/TimePicker/helpers.js +4 -21
- package/esm/Datepicker/components/TimePicker/index.js +13 -11
- package/esm/Datepicker/index.js +6 -6
- package/esm/DotsLoader/index.js +2 -2
- package/esm/Dropdown/index.js +43 -40
- package/esm/Grid/Item/index.js +8 -8
- package/esm/Grid/index.js +9 -9
- package/esm/Icons/ArrowNext.js +8 -8
- package/esm/Icons/Cart.js +8 -8
- package/esm/Icons/Check.js +8 -8
- package/esm/Icons/Chevron.js +8 -8
- package/esm/Icons/Close.js +6 -6
- package/esm/Icons/Cross.js +6 -6
- package/esm/Icons/CrossFill.js +8 -8
- package/esm/Icons/Edit.js +8 -8
- package/esm/Icons/Exit.js +8 -8
- package/esm/Icons/EyeClosed.js +8 -8
- package/esm/Icons/EyeOpen.js +8 -8
- package/esm/Icons/Help.js +6 -6
- package/esm/Icons/Info.js +8 -8
- package/esm/Icons/Minus.js +8 -8
- package/esm/Icons/More.js +8 -8
- package/esm/Icons/Plus.js +8 -8
- package/esm/Icons/Setting.js +8 -8
- package/esm/Icons/Shield.js +8 -8
- package/esm/Icons/Trash.js +8 -8
- package/esm/Icons/User.js +8 -8
- package/esm/Image/index.js +14 -12
- package/esm/Input/index.js +6 -6
- package/esm/InputRadio/index.js +2 -2
- package/esm/Menu/components/MenuItem/index.js +12 -12
- package/esm/Menu/index.js +7 -7
- package/esm/Modal/components/Close/index.js +4 -4
- package/esm/Modal/components/Content/index.js +2 -2
- package/esm/Modal/components/Title/index.js +2 -2
- package/esm/Modal/index.js +5 -5
- package/esm/MultiSelect/components/MenuOverlay/index.js +13 -11
- package/esm/MultiSelect/components/MenuOverlayItem/index.js +4 -4
- package/esm/MultiSelect/index.js +46 -44
- package/esm/MultiSelect/utils/index.js +9 -6
- package/esm/Portal/index.js +8 -6
- package/esm/RadioGroup/Radio.js +16 -16
- package/esm/RadioGroup/index.js +12 -12
- package/esm/Select/components/MenuOverlay/index.js +12 -9
- package/esm/Select/components/MenuOverlayItem/index.js +7 -7
- package/esm/Select/index.js +31 -29
- package/esm/Separator/index.js +2 -2
- package/esm/Skeleton/index.js +9 -9
- package/esm/Status/index.js +8 -8
- package/esm/Switch/index.js +6 -6
- package/esm/TabsMenu/Tab/Tab.js +2 -2
- package/esm/TabsMenu/index.js +6 -6
- package/esm/TabsPanels/Panel/index.js +2 -2
- package/esm/TabsPanels/index.js +3 -3
- package/esm/TextArea/index.js +8 -8
- package/esm/Theme/breakpoints.js +11 -14
- package/esm/Theme/colors/common.js +1 -3
- package/esm/Theme/colors/index.js +1 -2
- package/esm/Theme/colors/theme_buenos_aires.js +1 -3
- package/esm/Theme/colors/theme_default.js +1 -3
- package/esm/TimeSelect/Label/index.js +4 -4
- package/esm/TimeSelect/helpers.js +4 -10
- package/esm/TimeSelect/index.js +5 -5
- package/esm/Tooltip/index.js +29 -26
- package/esm/Typography/index.js +7 -7
- package/esm/base/BaseInput/index.js +2 -2
- package/esm/base/FormField/index.js +10 -10
- package/esm/base/InputRoot/index.js +14 -14
- package/esm/helpers/date/index.js +3 -5
- package/esm/hooks/useMediaSizes/index.js +5 -3
- package/esm/hooks/useScrollLock/index.js +3 -3
- package/esm/index.js +0 -1
- package/helpers/date/index.js +2 -4
- package/hooks/useMediaSizes/index.js +9 -3
- package/hooks/useScrollLock/index.js +3 -3
- package/package.json +2 -1
- 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(
|
|
20
|
-
var
|
|
21
|
-
value =
|
|
22
|
-
max =
|
|
23
|
-
|
|
24
|
-
min =
|
|
25
|
-
fullWidth =
|
|
26
|
-
onChange =
|
|
27
|
-
disabled =
|
|
28
|
-
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(
|
|
34
|
-
var className =
|
|
35
|
-
|
|
36
|
-
selectedDate =
|
|
37
|
-
onChangeDate =
|
|
38
|
-
var
|
|
39
|
-
|
|
40
|
-
|
|
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(
|
|
43
|
-
var 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(
|
|
12
|
-
var time =
|
|
13
|
-
onClick =
|
|
14
|
-
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(
|
|
15
|
-
|
|
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(
|
|
20
|
-
var className =
|
|
21
|
-
|
|
22
|
-
interval =
|
|
23
|
-
|
|
24
|
-
selectedTime =
|
|
25
|
-
onChangeTime =
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
|
|
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 {
|
package/Datepicker/index.js
CHANGED
|
@@ -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(
|
|
19
|
-
var className =
|
|
20
|
-
selectedTime =
|
|
21
|
-
selectedDate =
|
|
22
|
-
onChangeDate =
|
|
23
|
-
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, {
|
package/DotsLoader/index.js
CHANGED
|
@@ -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(
|
|
17
|
-
var 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
|
|
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(
|
|
22
|
-
var children =
|
|
23
|
-
zIndex =
|
|
24
|
-
fontSize =
|
|
25
|
-
disabled =
|
|
26
|
-
onVisibleChange =
|
|
27
|
-
overlay =
|
|
28
|
-
|
|
29
|
-
placement =
|
|
30
|
-
|
|
31
|
-
strategy =
|
|
32
|
-
|
|
33
|
-
trigger =
|
|
34
|
-
|
|
35
|
-
visibleProp =
|
|
36
|
-
|
|
37
|
-
preventOverflow =
|
|
38
|
-
|
|
39
|
-
preventAutoClose =
|
|
40
|
-
|
|
41
|
-
flip =
|
|
42
|
-
|
|
43
|
-
samewidth =
|
|
44
|
-
var
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
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
|
|
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 =
|
|
69
|
-
attributes =
|
|
70
|
-
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,
|
|
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",
|
|
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:
|
|
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 && {
|
package/Grid/Item/index.js
CHANGED
|
@@ -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(
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
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, (
|
|
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(
|
|
16
|
-
var children =
|
|
17
|
-
|
|
18
|
-
gridRowGap =
|
|
19
|
-
|
|
20
|
-
gridColumnGap =
|
|
21
|
-
|
|
22
|
-
gridItemMinWidth =
|
|
23
|
-
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: {
|
package/Icons/ArrowNext.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 ArrowNext = (function (_a) {
|
|
13
|
-
var
|
|
14
|
-
fill =
|
|
15
|
-
|
|
16
|
-
width =
|
|
17
|
-
|
|
18
|
-
height =
|
|
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",
|
|
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
|
|
14
|
-
fill =
|
|
15
|
-
|
|
16
|
-
width =
|
|
17
|
-
|
|
18
|
-
height =
|
|
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",
|
|
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
|
|
14
|
-
fill =
|
|
15
|
-
|
|
16
|
-
width =
|
|
17
|
-
|
|
18
|
-
height =
|
|
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",
|
|
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
|
|
14
|
-
fill =
|
|
15
|
-
|
|
16
|
-
width =
|
|
17
|
-
|
|
18
|
-
height =
|
|
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",
|
|
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
|
|
14
|
-
width =
|
|
15
|
-
|
|
16
|
-
height =
|
|
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",
|
|
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
|
|
14
|
-
width =
|
|
15
|
-
|
|
16
|
-
height =
|
|
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",
|
|
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,
|
package/Icons/CrossFill.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 CrossFill = (function (_a) {
|
|
13
|
-
var
|
|
14
|
-
fill =
|
|
15
|
-
|
|
16
|
-
width =
|
|
17
|
-
|
|
18
|
-
height =
|
|
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",
|
|
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
|
|
14
|
-
fill =
|
|
15
|
-
|
|
16
|
-
width =
|
|
17
|
-
|
|
18
|
-
height =
|
|
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",
|
|
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
|
|
14
|
-
fill =
|
|
15
|
-
|
|
16
|
-
width =
|
|
17
|
-
|
|
18
|
-
height =
|
|
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",
|
|
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/EyeClosed.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 EyeClosed = (function (_a) {
|
|
13
|
-
var
|
|
14
|
-
fill =
|
|
15
|
-
|
|
16
|
-
width =
|
|
17
|
-
|
|
18
|
-
height =
|
|
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",
|
|
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
|
|
14
|
-
fill =
|
|
15
|
-
|
|
16
|
-
width =
|
|
17
|
-
|
|
18
|
-
height =
|
|
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",
|
|
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,
|