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.
- 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 +11 -6
- package/TimeSelect/index.d.ts +5 -0
- package/TimeSelect/index.js +32 -7
- package/Tooltip/index.js +38 -34
- 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 +12 -10
- 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 +49 -42
- 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 +2 -4
- package/esm/Datepicker/components/TimePicker/index.js +12 -10
- 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 +2 -2
- 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 +12 -10
- package/esm/MultiSelect/components/MenuOverlayItem/index.js +4 -4
- package/esm/MultiSelect/index.js +44 -41
- 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 +12 -7
- package/esm/TimeSelect/index.d.ts +5 -0
- package/esm/TimeSelect/index.js +32 -8
- package/esm/Tooltip/index.js +37 -34
- 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 +2 -4
- package/esm/hooks/useMediaSizes/index.js +5 -3
- package/esm/hooks/useScrollLock/index.js +3 -3
- 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/Accordion/index.js
CHANGED
|
@@ -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(
|
|
20
|
-
var title =
|
|
21
|
-
|
|
22
|
-
boldTitle =
|
|
23
|
-
children =
|
|
24
|
-
className =
|
|
25
|
-
tabIndex =
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
|
|
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 = (
|
|
26
|
-
var TEXT_CLASSES = (
|
|
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
|
-
|
|
30
|
-
size =
|
|
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
|
-
|
|
34
|
-
alt =
|
|
35
|
-
|
|
36
|
-
accountType =
|
|
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",
|
|
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",
|
|
69
|
+
React__default.default.createElement("span", Object.assign({
|
|
69
70
|
ref: ref,
|
|
70
71
|
"data-testid": "avatar",
|
|
71
72
|
role: "button",
|
package/Badge/Control/index.js
CHANGED
|
@@ -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",
|
|
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
|
-
|
|
26
|
-
direction =
|
|
26
|
+
_a$direction = _a.direction,
|
|
27
|
+
direction = _a$direction === void 0 ? "right" : _a$direction,
|
|
27
28
|
invisibleProp = _a.invisible,
|
|
28
|
-
|
|
29
|
-
max =
|
|
30
|
-
|
|
31
|
-
showZero =
|
|
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,
|
|
39
|
-
className: clx("root", (
|
|
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
|
-
|
|
21
|
-
fullWidth =
|
|
22
|
-
|
|
23
|
-
variant =
|
|
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",
|
|
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, (
|
|
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
|
-
},
|
|
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(
|
|
18
|
-
var selectedDate =
|
|
19
|
-
selectedPeriod =
|
|
20
|
-
isChanged =
|
|
21
|
-
onContinue =
|
|
22
|
-
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
|
|
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(
|
|
38
|
-
var isSelected =
|
|
39
|
-
isInSelectedRange =
|
|
40
|
-
isStartOfSelection =
|
|
41
|
-
isEndOfSelection =
|
|
42
|
-
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
|
-
},
|
|
80
|
-
var
|
|
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(
|
|
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
|
|
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,
|
|
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(
|
|
42
|
-
var presets =
|
|
43
|
-
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(
|
|
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
|
|
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(
|
|
30
|
-
var today =
|
|
31
|
-
initialSelectedDate =
|
|
32
|
-
initialSelectedPeriod =
|
|
33
|
-
activeDates =
|
|
34
|
-
datePresets =
|
|
35
|
-
availableDates =
|
|
36
|
-
canSelectRange =
|
|
37
|
-
onChange =
|
|
38
|
-
onCancel =
|
|
39
|
-
|
|
40
|
-
minWidth =
|
|
41
|
-
|
|
42
|
-
withContinueButton =
|
|
43
|
-
className =
|
|
44
|
-
|
|
45
|
-
titleSize =
|
|
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
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
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
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
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
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
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:
|
|
113
|
+
period: period
|
|
107
114
|
});
|
|
108
115
|
}
|
|
109
116
|
index$1.requestIdleCallback(function () {
|
|
110
|
-
return selectDate(
|
|
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 =
|
|
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,
|
|
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,
|
|
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
|
|
40
|
-
selectedDateFrom =
|
|
41
|
-
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(
|
|
6
|
-
var
|
|
7
|
-
today =
|
|
8
|
-
|
|
9
|
-
activeDates =
|
|
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(
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
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)], (
|
|
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
|
-
|
|
24
|
-
size =
|
|
25
|
-
|
|
26
|
-
testID =
|
|
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",
|
|
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", {
|
package/ClickOutside/index.js
CHANGED
|
@@ -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(
|
|
15
|
-
var children =
|
|
16
|
-
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;
|