@salutejs/plasma-new-hope 0.168.0-canary.1484.11355807813.0 → 0.168.1-canary.1346.11361458839.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -12
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +4 -6
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +12 -18
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/{AccordionItem.styles_t0tdpe.css → AccordionItem.styles_aus2x3.css} +7 -8
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +77 -15
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +14 -7
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_size/base.js +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_size/base_1d0sbzw.css +1 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -8
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js +20 -48
- package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +11 -1
- package/cjs/components/DatePicker/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/DatePicker/utils/dateHelper.js +31 -0
- package/cjs/components/DatePicker/utils/dateHelper.js.map +1 -1
- package/cjs/index.css +12 -13
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +4 -6
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +16 -20
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +77 -15
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +14 -7
- package/emotion/cjs/components/DatePicker/RangeDate/variations/_size/base.js +1 -1
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -8
- package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +20 -48
- package/emotion/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +11 -1
- package/emotion/cjs/components/DatePicker/utils/dateHelper.js +31 -1
- package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +1 -80
- package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +1 -80
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +6 -8
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +15 -19
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +79 -17
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +14 -7
- package/emotion/es/components/DatePicker/RangeDate/variations/_size/base.js +1 -1
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +34 -9
- package/emotion/es/components/DatePicker/hooks/useDatePicker.js +21 -49
- package/emotion/es/components/DatePicker/hooks/useKeyboardNavigation.js +11 -1
- package/emotion/es/components/DatePicker/utils/dateHelper.js +30 -0
- package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +1 -80
- package/emotion/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +1 -80
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -12
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +6 -8
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +13 -18
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/{AccordionItem.styles_t0tdpe.css → AccordionItem.styles_aus2x3.css} +7 -8
- package/es/components/DatePicker/RangeDate/RangeDate.css +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.js +79 -17
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +14 -7
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/RangeDate/variations/_size/base.js +1 -1
- package/es/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -1
- package/es/components/DatePicker/RangeDate/variations/_size/base_1d0sbzw.css +1 -0
- package/es/components/DatePicker/SingleDate/SingleDate.js +34 -9
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/hooks/useDatePicker.js +21 -49
- package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/es/components/DatePicker/hooks/useKeyboardNavigation.js +11 -1
- package/es/components/DatePicker/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/DatePicker/utils/dateHelper.js +31 -1
- package/es/components/DatePicker/utils/dateHelper.js.map +1 -1
- package/es/index.css +12 -13
- package/package.json +2 -2
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +4 -6
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +8 -11
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +77 -15
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +14 -7
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -8
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +20 -48
- package/styled-components/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +11 -1
- package/styled-components/cjs/components/DatePicker/utils/dateHelper.js +31 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +1 -80
- package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +1 -80
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +6 -8
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +7 -10
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +79 -17
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +14 -7
- package/styled-components/es/components/DatePicker/RangeDate/variations/_size/base.js +1 -1
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +34 -9
- package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +21 -49
- package/styled-components/es/components/DatePicker/hooks/useKeyboardNavigation.js +11 -1
- package/styled-components/es/components/DatePicker/utils/dateHelper.js +30 -0
- package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +1 -80
- package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +1 -80
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts +2 -16
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts +0 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts +1 -5
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts +8 -6
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +10 -10
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +16 -6
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +2 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/variations/_size/base.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +2 -2
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +14 -4
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts +2 -3
- package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
- package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts +3 -1
- package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/DatePicker/utils/dateHelper.d.ts +10 -0
- package/types/components/DatePicker/utils/dateHelper.d.ts.map +1 -1
- package/types/components/Popover/Popover.types.d.ts +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +6 -6
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +6 -6
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_size/base_1911nyw.css +0 -1
- package/es/components/DatePicker/RangeDate/variations/_size/base_1911nyw.css +0 -1
@@ -1,14 +1,13 @@
|
|
1
1
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
2
2
|
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
6
|
-
.
|
7
|
-
.
|
8
|
-
.
|
9
|
-
.
|
10
|
-
.
|
11
|
-
.
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.AccordionItem_styles_t0tdpe_s1c2l4h5__c045d912{position:relative;height:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:1rem;}
|
3
|
+
.AccordionItem_styles_aus2x3_s1d847tf__94808ef4{background:var(--plasma-accordion-item-background);border:var(--plasma-accordion-item-border);border-bottom:var(--plasma-accordion-item-border-bottom);}.AccordionItem_styles_aus2x3_s1d847tf__94808ef4:last-child{border-bottom:var(--plasma-accordion-item-border);}.AccordionItem_styles_aus2x3_s1d847tf__94808ef4.AccordionItem_styles_aus2x3_accordionDisabled__94808ef4{opacity:0.4;cursor:not-allowed;}
|
4
|
+
.AccordionItem_styles_aus2x3_s18inj31__94808ef4{width:100%;border:none;padding:var(--plasma-accordion-item-padding);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;box-sizing:border-box;cursor:pointer;position:relative;}.AccordionItem_styles_aus2x3_s18inj31__94808ef4:focus{outline:none;}.AccordionItem_styles_aus2x3_s18inj31__94808ef4::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.AccordionItem_styles_aus2x3_s18inj31__94808ef4.AccordionItem_styles_aus2x3_focusVisible__94808ef4:focus::before,.AccordionItem_styles_aus2x3_s18inj31__94808ef4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-accordion-item-focus);}
|
5
|
+
.AccordionItem_styles_aus2x3_s1kvo44v__94808ef4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
6
|
+
.AccordionItem_styles_aus2x3_s2tqnbp__94808ef4{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.AccordionItem_styles_aus2x3_s2tqnbp__94808ef4.AccordionItem_styles_aus2x3_accordionItemShowBody__94808ef4{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
7
|
+
.AccordionItem_styles_aus2x3_s11daj3x__94808ef4{-webkit-transition:0.2s;transition:0.2s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.AccordionItem_styles_aus2x3_s11daj3x__94808ef4.AccordionItem_styles_aus2x3_accordionItemShowBody__94808ef4{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
8
|
+
.AccordionItem_styles_aus2x3_sy09zp7__94808ef4{color:var(--plasma-accordion-item-title-color);font-family:var(--plasma-accordion-item-title-font-family);font-size:var(--plasma-accordion-item-title-font-size);font-weight:var(--plasma-accordion-item-title-font-weight);font-style:var(--plasma-accordion-item-title-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);letter-spacing:var(--plasma-accordion-item-title-letter-spacing);line-height:var(--plasma-accordion-item-title-line-height);text-align:left;}
|
9
|
+
.AccordionItem_styles_aus2x3_sbzgv9z__94808ef4{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows 0.2s ease-out;transition:grid-template-rows 0.2s ease-out;overflow:hidden;}.AccordionItem_styles_aus2x3_sbzgv9z__94808ef4.AccordionItem_styles_aus2x3_accordionItemShowBody__94808ef4{grid-template-rows:1fr;padding-bottom:var(--plasma-accordion-item-padding-vertical);}.AccordionItem_styles_aus2x3_sbzgv9z__94808ef4.AccordionItem_styles_aus2x3_accordionItemShowBody__94808ef4.AccordionItem_styles_aus2x3_accordionPlusAnimationElement__94808ef4{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
10
|
+
.AccordionItem_styles_aus2x3_s1ewkyyv__94808ef4{color:var(--plasma-accordion-item-text-color);font-family:var(--plasma-accordion-item-text-font-family);font-size:var(--plasma-accordion-item-text-font-size);font-weight:var(--plasma-accordion-item-text-font-weight);font-style:var(--plasma-accordion-item-text-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);letter-spacing:var(--plasma-accordion-item-text-letter-spacing);line-height:var(--plasma-accordion-item-text-line-height);overflow:hidden;padding-right:var(--plasma-accordion-item-padding-horizontal);padding-left:var(--plasma-accordion-item-padding-horizontal-left);text-align:left;}
|
11
|
+
.AccordionItem_styles_aus2x3_s15qiue1__94808ef4{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);}
|
12
|
+
.AccordionItem_styles_aus2x3_syldew1__94808ef4{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;}.AccordionItem_styles_aus2x3_syldew1__94808ef4.AccordionItem_styles_aus2x3_accordionPlusAnimationElement__94808ef4{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.AccordionItem_styles_aus2x3_syldew1__94808ef4.AccordionItem_styles_aus2x3_accordionItemShowBody__94808ef4{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
13
|
+
.AccordionItem_styles_aus2x3_s1he8scv__94808ef4{position:relative;height:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:1rem;}
|
@@ -10,7 +10,7 @@ var index = require('../../../../utils/index.js');
|
|
10
10
|
var AccordionItem_styles = require('./AccordionItem.styles.js');
|
11
11
|
|
12
12
|
var _StyledMinus, _StyledArrow;
|
13
|
-
var AccordionItem =
|
13
|
+
var AccordionItem = function AccordionItem(_ref) {
|
14
14
|
var _ref2;
|
15
15
|
var value = _ref.value,
|
16
16
|
contentRight = _ref.contentRight,
|
@@ -28,7 +28,6 @@ var AccordionItem = /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
|
|
28
28
|
disabled = _ref.disabled,
|
29
29
|
_ref$alignWithTitle = _ref.alignWithTitle,
|
30
30
|
alignWithTitle = _ref$alignWithTitle === void 0 ? true : _ref$alignWithTitle,
|
31
|
-
opened = _ref.opened,
|
32
31
|
view = _ref.view,
|
33
32
|
onChange = _ref.onChange;
|
34
33
|
var key = (_ref2 = eventKey !== null && eventKey !== void 0 ? eventKey : index$1) !== null && _ref2 !== void 0 ? _ref2 : 0;
|
@@ -51,7 +50,7 @@ var AccordionItem = /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
|
|
51
50
|
var leftPaddingBody = leftContentWidth && (alignWithTitle || view === 'clear') ? "calc(".concat(leftContentWidth, "px + var(").concat(Accordion_tokens.tokens.accordionItemGap, "))") : 0;
|
52
51
|
setLeftPadding(leftPaddingBody);
|
53
52
|
}, [value, type, leftContentRef, setLeftPadding]);
|
54
|
-
var openedBodyClass =
|
53
|
+
var openedBodyClass = value ? Accordion_tokens.classes.accordionItemShowBody : undefined;
|
55
54
|
var StyledAnimationPLus = function StyledAnimationPLus() {
|
56
55
|
return /*#__PURE__*/React.createElement(AccordionItem_styles.StyledPlus, null, _StyledMinus || (_StyledMinus = /*#__PURE__*/React.createElement(AccordionItem_styles.StyledMinus, {
|
57
56
|
size: "xs",
|
@@ -74,7 +73,6 @@ var AccordionItem = /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
|
|
74
73
|
return /*#__PURE__*/React.createElement(AccordionItem_styles.StyledAccordionItem, {
|
75
74
|
className: index.cx(Accordion_tokens.classes.accordionItem, className, disabledClass),
|
76
75
|
key: key,
|
77
|
-
ref: outerRef,
|
78
76
|
style: _rollupPluginBabelHelpers.objectSpread2({
|
79
77
|
borderRadius: accordionBorderRadius
|
80
78
|
}, style)
|
@@ -88,7 +86,7 @@ var AccordionItem = /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
|
|
88
86
|
}, /*#__PURE__*/React.createElement(AccordionItem_styles.StyledAccordionHeaderLeft, null, leftContent && /*#__PURE__*/React.createElement(AccordionItem_styles.StyledAccordionContentLeft, {
|
89
87
|
ref: leftContentRef,
|
90
88
|
className: leftContentRotate
|
91
|
-
}, leftContent), /*#__PURE__*/React.createElement(AccordionItem_styles.StyledAccordionTitle, null, title)),
|
89
|
+
}, leftContent), /*#__PURE__*/React.createElement(AccordionItem_styles.StyledAccordionTitle, null, title)), /*#__PURE__*/React.createElement(AccordionItem_styles.StyledAccordionContentRight, {
|
92
90
|
className: rightContentRotate
|
93
91
|
}, rightContent && rightContent)), /*#__PURE__*/React.createElement(AccordionItem_styles.StyledAccordionBodyAnimate, {
|
94
92
|
"aria-labelledby": "accordion-item-".concat(key),
|
@@ -101,7 +99,7 @@ var AccordionItem = /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
|
|
101
99
|
}, /*#__PURE__*/React.createElement(AccordionItem_styles.StyledAccordionBody, {
|
102
100
|
className: Accordion_tokens.classes.accordionItemBody
|
103
101
|
}, children)));
|
104
|
-
}
|
102
|
+
};
|
105
103
|
|
106
104
|
exports.AccordionItem = AccordionItem;
|
107
105
|
//# sourceMappingURL=AccordionItem.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef, useEffect } from 'react';\n\nimport { convertRoundnessMatrix } from '../../../../utils/roundness';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { cx } from '../../../../utils';\n\nimport {\n StyledAccordionItem,\n StyledAccordionHeader,\n StyledAccordionBody,\n StyledAccordionTitle,\n StyledAccordionContentLeft,\n StyledAccordionHeaderLeft,\n StyledAccordionContentRight,\n StyledArrow,\n StyledMinus,\n StyledPlus,\n StyledAccordionBodyAnimate,\n StyledAccordionContentRightDefault,\n} from './AccordionItem.styles';\nimport type { AccordionItemProps } from './AccordionItem.types';\n\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(\n (\n {\n value,\n contentRight,\n contentLeft,\n title,\n pin = 'square-square',\n children,\n type = 'sign',\n index,\n className,\n style,\n eventKey,\n disabled,\n alignWithTitle = true,\n opened,\n view,\n onChange,\n },\n outerRef,\n ) => {\n const key = eventKey ?? index ?? 0;\n\n const [leftPadding, setLeftPadding] = useState<string | number | null>();\n\n const handleOpen = () => {\n if (disabled) {\n return;\n }\n if (onChange) {\n onChange(key, !value);\n }\n };\n\n const leftContentRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const leftContentWidth = leftContentRef?.current?.offsetWidth ?? 0;\n const leftPaddingBody =\n leftContentWidth && (alignWithTitle || view === 'clear')\n ? `calc(${leftContentWidth}px + var(${tokens.accordionItemGap}))`\n : 0;\n setLeftPadding(leftPaddingBody);\n }, [value, type, leftContentRef, setLeftPadding]);\n\n const openedBodyClass = opened ?? value ? classes.accordionItemShowBody : undefined;\n\n const StyledAnimationPLus = () => (\n <StyledPlus>\n <StyledMinus size=\"xs\" color=\"inhert\" />\n <StyledMinus\n size=\"xs\"\n color=\"inhert\"\n className={openedBodyClass ?? classes.accordionPlusAnimationElement}\n />\n </StyledPlus>\n );\n\n const accordionBorderRadius = convertRoundnessMatrix(pin, `var(${tokens.accordionItemBorderRadius})`, '1.5rem');\n const disabledClass = disabled ? classes.accordionDisabled : '';\n\n const leftContent = contentLeft ?? (type === 'arrow' ? <StyledArrow size=\"xs\" color=\"inhert\" /> : undefined);\n const leftContentRotate = type === 'arrow' && value ? classes.accordionItemShowBody : undefined;\n\n const rightContent = contentRight ?? (type === 'sign' ? <StyledAnimationPLus /> : undefined);\n const rightContentRotate = type === 'sign' && value ? classes.accordionItemShowBody : undefined;\n\n return (\n <StyledAccordionItem\n className={cx(classes.accordionItem, className, disabledClass)}\n key={key}\n ref={outerRef}\n style={{ borderRadius: accordionBorderRadius, ...style }}\n >\n <StyledAccordionHeader\n role=\"tab\"\n tabIndex={0}\n onClick={handleOpen}\n aria-expanded={value}\n aria-controls={`accordion-item-section${key}`}\n id={`accordion-item-${key}`}\n >\n <StyledAccordionHeaderLeft>\n {leftContent && (\n <StyledAccordionContentLeft ref={leftContentRef} className={leftContentRotate}>\n {leftContent}\n </StyledAccordionContentLeft>\n )}\n <StyledAccordionTitle>{title}</StyledAccordionTitle>\n </StyledAccordionHeaderLeft>\n\n {contentRight ? (\n <StyledAccordionContentRightDefault>{contentRight}</StyledAccordionContentRightDefault>\n ) : (\n <StyledAccordionContentRight className={rightContentRotate}>\n {rightContent && rightContent}\n </StyledAccordionContentRight>\n )}\n </StyledAccordionHeader>\n <StyledAccordionBodyAnimate\n aria-labelledby={`accordion-item-${key}`}\n aria-hidden={!value}\n id={`accordion-item-section${key}`}\n className={cx(openedBodyClass)}\n style={{ paddingLeft: `${leftPadding}` }}\n >\n <StyledAccordionBody className={classes.accordionItemBody}>{children}</StyledAccordionBody>\n </StyledAccordionBodyAnimate>\n </StyledAccordionItem>\n );\n },\n);\n"],"names":["AccordionItem","forwardRef","_ref","outerRef","_ref2","value","contentRight","contentLeft","title","_ref$pin","pin","children","_ref$type","type","index","className","style","eventKey","disabled","_ref$alignWithTitle","alignWithTitle","opened","view","onChange","key","_useState","useState","_useState2","_slicedToArray","leftPadding","setLeftPadding","handleOpen","leftContentRef","useRef","useEffect","_leftContentRef$curre","_leftContentRef$curre2","leftContentWidth","current","offsetWidth","leftPaddingBody","concat","tokens","accordionItemGap","openedBodyClass","classes","accordionItemShowBody","undefined","StyledAnimationPLus","React","createElement","StyledPlus","_StyledMinus","StyledMinus","size","color","accordionPlusAnimationElement","accordionBorderRadius","convertRoundnessMatrix","accordionItemBorderRadius","disabledClass","accordionDisabled","leftContent","_StyledArrow","StyledArrow","leftContentRotate","rightContent","rightContentRotate","StyledAccordionItem","cx","accordionItem","ref","_objectSpread","borderRadius","StyledAccordionHeader","role","tabIndex","onClick","id","StyledAccordionHeaderLeft","StyledAccordionContentLeft","StyledAccordionTitle","StyledAccordionContentRightDefault","StyledAccordionContentRight","StyledAccordionBodyAnimate","paddingLeft","StyledAccordionBody","accordionItemBody"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\nimport { convertRoundnessMatrix } from '../../../../utils/roundness';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { cx } from '../../../../utils';\n\nimport {\n StyledAccordionItem,\n StyledAccordionHeader,\n StyledAccordionBody,\n StyledAccordionTitle,\n StyledAccordionContentLeft,\n StyledAccordionHeaderLeft,\n StyledAccordionContentRight,\n StyledArrow,\n StyledMinus,\n StyledPlus,\n StyledAccordionBodyAnimate,\n} from './AccordionItem.styles';\nimport type { AccordionItemProps } from './AccordionItem.types';\n\nexport const AccordionItem: React.FC<AccordionItemProps> = ({\n value,\n contentRight,\n contentLeft,\n title,\n pin = 'square-square',\n children,\n type = 'sign',\n index,\n className,\n style,\n eventKey,\n disabled,\n alignWithTitle = true,\n view,\n onChange,\n}) => {\n const key = eventKey ?? index ?? 0;\n\n const [leftPadding, setLeftPadding] = useState<string | number | null>();\n\n const handleOpen = () => {\n if (disabled) {\n return;\n }\n if (onChange) {\n onChange(key, !value);\n }\n };\n\n const leftContentRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const leftContentWidth = leftContentRef?.current?.offsetWidth ?? 0;\n const leftPaddingBody =\n leftContentWidth && (alignWithTitle || view === 'clear')\n ? `calc(${leftContentWidth}px + var(${tokens.accordionItemGap}))`\n : 0;\n setLeftPadding(leftPaddingBody);\n }, [value, type, leftContentRef, setLeftPadding]);\n\n const openedBodyClass = value ? classes.accordionItemShowBody : undefined;\n\n const StyledAnimationPLus = () => (\n <StyledPlus>\n <StyledMinus size=\"xs\" color=\"inhert\" />\n <StyledMinus\n size=\"xs\"\n color=\"inhert\"\n className={openedBodyClass ?? classes.accordionPlusAnimationElement}\n />\n </StyledPlus>\n );\n\n const accordionBorderRadius = convertRoundnessMatrix(pin, `var(${tokens.accordionItemBorderRadius})`, '1.5rem');\n const disabledClass = disabled ? classes.accordionDisabled : '';\n\n const leftContent = contentLeft ?? (type === 'arrow' ? <StyledArrow size=\"xs\" color=\"inhert\" /> : undefined);\n const leftContentRotate = type === 'arrow' && value ? classes.accordionItemShowBody : undefined;\n\n const rightContent = contentRight ?? (type === 'sign' ? <StyledAnimationPLus /> : undefined);\n const rightContentRotate = type === 'sign' && value ? classes.accordionItemShowBody : undefined;\n\n return (\n <StyledAccordionItem\n className={cx(classes.accordionItem, className, disabledClass)}\n key={key}\n style={{ borderRadius: accordionBorderRadius, ...style }}\n >\n <StyledAccordionHeader\n role=\"tab\"\n tabIndex={0}\n onClick={handleOpen}\n aria-expanded={value}\n aria-controls={`accordion-item-section${key}`}\n id={`accordion-item-${key}`}\n >\n <StyledAccordionHeaderLeft>\n {leftContent && (\n <StyledAccordionContentLeft ref={leftContentRef} className={leftContentRotate}>\n {leftContent}\n </StyledAccordionContentLeft>\n )}\n <StyledAccordionTitle>{title}</StyledAccordionTitle>\n </StyledAccordionHeaderLeft>\n\n <StyledAccordionContentRight className={rightContentRotate}>\n {rightContent && rightContent}\n </StyledAccordionContentRight>\n </StyledAccordionHeader>\n <StyledAccordionBodyAnimate\n aria-labelledby={`accordion-item-${key}`}\n aria-hidden={!value}\n id={`accordion-item-section${key}`}\n className={cx(openedBodyClass)}\n style={{ paddingLeft: `${leftPadding}` }}\n >\n <StyledAccordionBody className={classes.accordionItemBody}>{children}</StyledAccordionBody>\n </StyledAccordionBodyAnimate>\n </StyledAccordionItem>\n );\n};\n"],"names":["AccordionItem","_ref","_ref2","value","contentRight","contentLeft","title","_ref$pin","pin","children","_ref$type","type","index","className","style","eventKey","disabled","_ref$alignWithTitle","alignWithTitle","view","onChange","key","_useState","useState","_useState2","_slicedToArray","leftPadding","setLeftPadding","handleOpen","leftContentRef","useRef","useEffect","_leftContentRef$curre","_leftContentRef$curre2","leftContentWidth","current","offsetWidth","leftPaddingBody","concat","tokens","accordionItemGap","openedBodyClass","classes","accordionItemShowBody","undefined","StyledAnimationPLus","React","createElement","StyledPlus","_StyledMinus","StyledMinus","size","color","accordionPlusAnimationElement","accordionBorderRadius","convertRoundnessMatrix","accordionItemBorderRadius","disabledClass","accordionDisabled","leftContent","_StyledArrow","StyledArrow","leftContentRotate","rightContent","rightContentRotate","StyledAccordionItem","cx","accordionItem","_objectSpread","borderRadius","StyledAccordionHeader","role","tabIndex","onClick","id","StyledAccordionHeaderLeft","StyledAccordionContentLeft","ref","StyledAccordionTitle","StyledAccordionContentRight","StyledAccordionBodyAnimate","paddingLeft","StyledAccordionBody","accordionItemBody"],"mappings":"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"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './AccordionItem.
|
1
|
+
import './AccordionItem.styles_aus2x3.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -28,50 +28,45 @@ var StyledAccordionContentRight = /*#__PURE__*/react.styled('div')({
|
|
28
28
|
"class": "s2tqnbp",
|
29
29
|
propsAsIs: false
|
30
30
|
});
|
31
|
-
var StyledAccordionContentRightDefault = /*#__PURE__*/react.styled('div')({
|
32
|
-
name: "StyledAccordionContentRightDefault",
|
33
|
-
"class": "s11daj3x",
|
34
|
-
propsAsIs: false
|
35
|
-
});
|
36
31
|
var StyledAccordionContentLeft = /*#__PURE__*/react.styled('div')({
|
37
32
|
name: "StyledAccordionContentLeft",
|
38
|
-
"class": "
|
33
|
+
"class": "s11daj3x",
|
39
34
|
propsAsIs: false
|
40
35
|
});
|
41
36
|
var StyledAccordionTitle = /*#__PURE__*/react.styled('div')({
|
42
37
|
name: "StyledAccordionTitle",
|
43
|
-
"class": "
|
38
|
+
"class": "sy09zp7",
|
44
39
|
propsAsIs: false
|
45
40
|
});
|
46
41
|
var StyledAccordionBodyAnimate = /*#__PURE__*/react.styled('div')({
|
47
42
|
name: "StyledAccordionBodyAnimate",
|
48
|
-
"class": "
|
43
|
+
"class": "sbzgv9z",
|
49
44
|
propsAsIs: false
|
50
45
|
});
|
51
46
|
var StyledAccordionBody = /*#__PURE__*/react.styled('div')({
|
52
47
|
name: "StyledAccordionBody",
|
53
|
-
"class": "
|
48
|
+
"class": "s1ewkyyv",
|
54
49
|
propsAsIs: false
|
55
50
|
});
|
56
|
-
var
|
51
|
+
var _exp31 = function _exp31() {
|
57
52
|
return IconChevronDownFill.IconChevronDownFill;
|
58
53
|
};
|
59
|
-
var StyledArrow = /*#__PURE__*/react.styled(
|
54
|
+
var StyledArrow = /*#__PURE__*/react.styled(_exp31())({
|
60
55
|
name: "StyledArrow",
|
61
|
-
"class": "
|
56
|
+
"class": "s15qiue1",
|
62
57
|
propsAsIs: true
|
63
58
|
});
|
64
|
-
var
|
59
|
+
var _exp33 = function _exp33() {
|
65
60
|
return IconMinus.IconMinus;
|
66
61
|
};
|
67
|
-
var StyledMinus = /*#__PURE__*/react.styled(
|
62
|
+
var StyledMinus = /*#__PURE__*/react.styled(_exp33())({
|
68
63
|
name: "StyledMinus",
|
69
|
-
"class": "
|
64
|
+
"class": "syldew1",
|
70
65
|
propsAsIs: true
|
71
66
|
});
|
72
67
|
var StyledPlus = /*#__PURE__*/react.styled('div')({
|
73
68
|
name: "StyledPlus",
|
74
|
-
"class": "
|
69
|
+
"class": "s1he8scv",
|
75
70
|
propsAsIs: false
|
76
71
|
});
|
77
72
|
|
@@ -79,7 +74,6 @@ exports.StyledAccordionBody = StyledAccordionBody;
|
|
79
74
|
exports.StyledAccordionBodyAnimate = StyledAccordionBodyAnimate;
|
80
75
|
exports.StyledAccordionContentLeft = StyledAccordionContentLeft;
|
81
76
|
exports.StyledAccordionContentRight = StyledAccordionContentRight;
|
82
|
-
exports.StyledAccordionContentRightDefault = StyledAccordionContentRightDefault;
|
83
77
|
exports.StyledAccordionHeader = StyledAccordionHeader;
|
84
78
|
exports.StyledAccordionHeaderLeft = StyledAccordionHeaderLeft;
|
85
79
|
exports.StyledAccordionItem = StyledAccordionItem;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"AccordionItem.styles.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { IconChevronDownFill, IconMinus } from '../../../_Icon';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { addFocus } from '../../../../mixins';\n\nexport const StyledAccordionItem = styled.div`\n background: var(${tokens.accordionItemBackground});\n border: var(${tokens.accordionItemBorder});\n border-bottom: var(${tokens.accordionItemBorderBottom});\n\n &:last-child {\n border-bottom: var(${tokens.accordionItemBorder});\n }\n\n &.${classes.accordionDisabled} {\n opacity: 0.4;\n cursor: not-allowed;\n }\n`;\n\nexport const StyledAccordionHeader = styled.button`\n width: 100%;\n border: none;\n padding: var(${tokens.accordionItemPadding});\n display: flex;\n gap: var(${tokens.accordionItemGap});\n justify-content: space-between;\n align-items: center;\n background: none;\n box-sizing: border-box;\n cursor: pointer;\n\n &:focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: '0.125rem',\n outlineSize: '0.125rem',\n outlineRadius: '0',\n outlineColor: `var(${tokens.accordionItemFocus})`,\n })}\n`;\n\nexport const StyledAccordionHeaderLeft = styled.div`\n display: flex;\n gap: var(${tokens.accordionItemGap});\n justify-content: space-between;\n align-items: center;\n`;\n\nexport const StyledAccordionContentRight = styled.div`\n transition: 0.2s;\n transform: rotate(90deg);\n\n &.${classes.accordionItemShowBody} {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n`;\n\nexport const
|
1
|
+
{"version":3,"file":"AccordionItem.styles.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { IconChevronDownFill, IconMinus } from '../../../_Icon';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { addFocus } from '../../../../mixins';\n\nexport const StyledAccordionItem = styled.div`\n background: var(${tokens.accordionItemBackground});\n border: var(${tokens.accordionItemBorder});\n border-bottom: var(${tokens.accordionItemBorderBottom});\n\n &:last-child {\n border-bottom: var(${tokens.accordionItemBorder});\n }\n\n &.${classes.accordionDisabled} {\n opacity: 0.4;\n cursor: not-allowed;\n }\n`;\n\nexport const StyledAccordionHeader = styled.button`\n width: 100%;\n border: none;\n padding: var(${tokens.accordionItemPadding});\n display: flex;\n gap: var(${tokens.accordionItemGap});\n justify-content: space-between;\n align-items: center;\n background: none;\n box-sizing: border-box;\n cursor: pointer;\n\n &:focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: '0.125rem',\n outlineSize: '0.125rem',\n outlineRadius: '0',\n outlineColor: `var(${tokens.accordionItemFocus})`,\n })}\n`;\n\nexport const StyledAccordionHeaderLeft = styled.div`\n display: flex;\n gap: var(${tokens.accordionItemGap});\n justify-content: space-between;\n align-items: center;\n`;\n\nexport const StyledAccordionContentRight = styled.div`\n transition: 0.2s;\n transform: rotate(90deg);\n\n &.${classes.accordionItemShowBody} {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n`;\n\nexport const StyledAccordionContentLeft = styled.div`\n transition: 0.2s;\n display: flex;\n align-items: center;\n\n &.${classes.accordionItemShowBody} {\n transition: 0.2s;\n transform: rotate(180deg);\n }\n`;\n\nexport const StyledAccordionTitle = styled.div`\n color: var(${tokens.accordionItemTitleColor});\n font-family: var(${tokens.accordionItemTitleFontFamily});\n font-size: var(${tokens.accordionItemTitleFontSize});\n font-weight: var(${tokens.accordionItemTitleFontWeight});\n font-style: var(${tokens.accordionItemTitleFontStyle});\n letter-spacing: var(${tokens.accordionItemTitleLetterSpacing});\n line-height: var(${tokens.accordionItemTitleLineHeight});\n text-align: left;\n`;\n\nexport const StyledAccordionBodyAnimate = styled.div`\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.2s ease-out;\n overflow: hidden;\n\n &.${classes.accordionItemShowBody} {\n grid-template-rows: 1fr;\n padding-bottom: var(${tokens.accordionItemPaddingVertical});\n\n &.${classes.accordionPlusAnimationElement} {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n }\n`;\n\nexport const StyledAccordionBody = styled.div`\n color: var(${tokens.accordionItemTextColor});\n font-family: var(${tokens.accordionItemTextFontFamily});\n font-size: var(${tokens.accordionItemTextFontSize});\n font-weight: var(${tokens.accordionItemTextFontWeight});\n font-style: var(${tokens.accordionItemTextFontStyle});\n letter-spacing: var(${tokens.accordionItemTextLetterSpacing});\n line-height: var(${tokens.accordionItemTextLineHeight});\n overflow: hidden;\n padding-right: var(${tokens.accordionItemPaddingHorizontal});\n padding-left: var(${tokens.accordionItemPaddingHorizontalLeft});\n text-align: left;\n`;\n\nexport const StyledArrow = styled(IconChevronDownFill)`\n pointer-events: none;\n user-select: none;\n color: var(${tokens.accordionItemIconColor});\n`;\n\nexport const StyledMinus = styled(IconMinus)`\n pointer-events: none;\n user-select: none;\n color: var(${tokens.accordionItemIconColor});\n display: flex;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n\n &.${classes.accordionPlusAnimationElement} {\n transition: 0.2s;\n transform: rotate(90deg);\n }\n\n &.${classes.accordionItemShowBody} {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n`;\n\nexport const StyledPlus = styled.div`\n position: relative;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1rem;\n`;\n"],"names":["StyledAccordionItem","styled","name","class","propsAsIs","StyledAccordionHeader","StyledAccordionHeaderLeft","StyledAccordionContentRight","StyledAccordionContentLeft","StyledAccordionTitle","StyledAccordionBodyAnimate","StyledAccordionBody","_exp31","IconChevronDownFill","StyledArrow","_exp33","IconMinus","StyledMinus","StyledPlus"],"mappings":";;;;;;;;;AAMO,IAAMA,mBAAmB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAaxC,EAAA;AAEM,IAAMC,qBAAqB,gBAAGJ,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAsB1C,EAAA;AAEM,IAAME,yBAAyB,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK9C,EAAA;AAEM,IAAMG,2BAA2B,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,6BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQhD,EAAA;AAEM,IAAMI,0BAA0B,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,4BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS/C,EAAA;AAEM,IAAMK,oBAAoB,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CASzC,EAAA;AAEM,IAAMM,0BAA0B,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,4BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAe/C,EAAA;AAEM,IAAMO,mBAAmB,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYxC,EAAA;AAAC,IAAAQ,MAAA,GAhHgBA,SAgHhBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,uCAAmB,CAAA;AAAA,CAAA,CAAA;AAA9C,IAAMC,WAAW,gBAAGb,YAAM,CAAAW,MAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAAC,IAAAW,MAAA,GAtHgBA,SAsHhBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,mBAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMC,WAAW,gBAAGhB,YAAM,CAAAc,MAAA,EAAA,CAAA,CAAA;AAAAb,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAmBhC,EAAA;AAEM,IAAMc,UAAU,gBAAGjB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO/B;;;;;;;;;;;;;;"}
|
@@ -2,11 +2,10 @@
|
|
2
2
|
.s18inj31{width:100%;border:none;padding:var(--plasma-accordion-item-padding);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;box-sizing:border-box;cursor:pointer;position:relative;}.s18inj31:focus{outline:none;}.s18inj31::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s18inj31.focus-visible:focus::before,.s18inj31[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-accordion-item-focus);}
|
3
3
|
.s1kvo44v{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
4
4
|
.s2tqnbp{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s2tqnbp.accordion-item-show-body{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
5
|
-
.s11daj3x{
|
6
|
-
.sy09zp7{-
|
7
|
-
.sbzgv9z{
|
8
|
-
.s1ewkyyv{
|
9
|
-
.s15qiue1{
|
10
|
-
.syldew1{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);}
|
11
|
-
.s1he8scv{
|
12
|
-
.s1c2l4h5{position:relative;height:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:1rem;}
|
5
|
+
.s11daj3x{-webkit-transition:0.2s;transition:0.2s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s11daj3x.accordion-item-show-body{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
6
|
+
.sy09zp7{color:var(--plasma-accordion-item-title-color);font-family:var(--plasma-accordion-item-title-font-family);font-size:var(--plasma-accordion-item-title-font-size);font-weight:var(--plasma-accordion-item-title-font-weight);font-style:var(--plasma-accordion-item-title-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);letter-spacing:var(--plasma-accordion-item-title-letter-spacing);line-height:var(--plasma-accordion-item-title-line-height);text-align:left;}
|
7
|
+
.sbzgv9z{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows 0.2s ease-out;transition:grid-template-rows 0.2s ease-out;overflow:hidden;}.sbzgv9z.accordion-item-show-body{grid-template-rows:1fr;padding-bottom:var(--plasma-accordion-item-padding-vertical);}.sbzgv9z.accordion-item-show-body.accordion-plus-animation-element{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
8
|
+
.s1ewkyyv{color:var(--plasma-accordion-item-text-color);font-family:var(--plasma-accordion-item-text-font-family);font-size:var(--plasma-accordion-item-text-font-size);font-weight:var(--plasma-accordion-item-text-font-weight);font-style:var(--plasma-accordion-item-text-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);letter-spacing:var(--plasma-accordion-item-text-letter-spacing);line-height:var(--plasma-accordion-item-text-line-height);overflow:hidden;padding-right:var(--plasma-accordion-item-padding-horizontal);padding-left:var(--plasma-accordion-item-padding-horizontal-left);text-align:left;}
|
9
|
+
.s15qiue1{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);}
|
10
|
+
.syldew1{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;}.syldew1.accordion-plus-animation-element{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.syldew1.accordion-item-show-body{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
11
|
+
.s1he8scv{position:relative;height:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:1rem;}
|
@@ -69,7 +69,7 @@
|
|
69
69
|
.DatePickerBase_styles_mjc9xz_s1ywkx25__32181e7c{width:var(--plasma-date-picker-width);padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-item-width:var(--plasma-date-picker-calendar__quarter-item-width);--plasma-calendar-quarter-item-height:var(--plasma-date-picker-calendar__quarter-item-height);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);}
|
70
70
|
.DatePickerBase_styles_mjc9xz_i1kteo3u__32181e7c{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
71
71
|
|
72
|
-
.
|
72
|
+
.base_1d0sbzw_bxpb4df__7076066f .base_1d0sbzw_ss94ai0__7076066f{margin:var(--plasma-date-picker__label-offset);font-family:var(--plasma-date-picker__label-font-family);font-size:var(--plasma-date-picker__label-font-size);font-style:var(--plasma-date-picker__label-font-style);font-weight:var(--plasma-date-picker__label-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__label-letter-spacing);letter-spacing:var(--plasma-date-picker__label-letter-spacing);line-height:var(--plasma-date-picker__label-line-height);}.base_1d0sbzw_bxpb4df__7076066f .base_1d0sbzw_l1b381ow__7076066f{margin:var(--plasma-date-picker__left-helper-offset);font-family:var(--plasma-date-picker__left-helper-font-family);font-size:var(--plasma-date-picker__left-helper-font-size);font-style:var(--plasma-date-picker__left-helper-font-style);font-weight:var(--plasma-date-picker__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);line-height:var(--plasma-date-picker__left-helper-line-height);}
|
73
73
|
|
74
74
|
.base_11yn9y8_bcuyjma__ffe2947a .base_11yn9y8_ss94ai0__ffe2947a{display:block;color:var(--plasma-date-picker__label-color);}.base_11yn9y8_bcuyjma__ffe2947a .base_11yn9y8_l1b381ow__ffe2947a{color:var(--plasma-date-picker__left-helper-color);}
|
75
75
|
|
@@ -10,6 +10,7 @@ var useDatePicker = require('../hooks/useDatePicker.js');
|
|
10
10
|
var DatePicker_tokens = require('../DatePicker.tokens.js');
|
11
11
|
var useKeyboardNavigation = require('../hooks/useKeyboardNavigation.js');
|
12
12
|
var DatePickerBase_styles = require('../DatePickerBase.styles.js');
|
13
|
+
var calendarRangeHelper = require('../../Calendar/utils/calendarRangeHelper.js');
|
13
14
|
var base$1 = require('./variations/_size/base.js');
|
14
15
|
var base = require('./variations/_view/base.js');
|
15
16
|
var base$2 = require('./variations/_disabled/base.js');
|
@@ -18,7 +19,7 @@ var RangeDate_styles = require('./RangeDate.styles.js');
|
|
18
19
|
var RangeDatePopover = require('./RangeDatePopover/RangeDatePopover.js');
|
19
20
|
var noop = require('../../../utils/noop.js');
|
20
21
|
|
21
|
-
var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
22
|
+
var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
22
23
|
var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
23
24
|
return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
24
25
|
var _rangeRef$current, _rangeRef$current2;
|
@@ -78,6 +79,10 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
78
79
|
disabledYearList = _ref.disabledYearList,
|
79
80
|
_ref$type = _ref.type,
|
80
81
|
type = _ref$type === void 0 ? 'Days' : _ref$type,
|
82
|
+
_ref$frame = _ref.frame,
|
83
|
+
frame = _ref$frame === void 0 ? 'document' : _ref$frame,
|
84
|
+
_ref$usePortal = _ref.usePortal,
|
85
|
+
usePortal = _ref$usePortal === void 0 ? false : _ref$usePortal,
|
81
86
|
_ref$placement = _ref.placement,
|
82
87
|
placement = _ref$placement === void 0 ? ['top', 'bottom'] : _ref$placement,
|
83
88
|
_ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
|
@@ -93,8 +98,8 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
93
98
|
onCommitSecondDate = _ref.onCommitSecondDate,
|
94
99
|
onFocusFirstTextfield = _ref.onFocusFirstTextfield,
|
95
100
|
onFocusSecondTextfield = _ref.onFocusSecondTextfield,
|
96
|
-
|
97
|
-
|
101
|
+
_onBlurFirstTextfield = _ref.onBlurFirstTextfield,
|
102
|
+
_onBlurSecondTextfield = _ref.onBlurSecondTextfield,
|
98
103
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
99
104
|
var rangeRef = ref && 'current' in ref ? ref : /*#__PURE__*/React.createRef();
|
100
105
|
var rootRef = React.useRef(null);
|
@@ -165,7 +170,6 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
165
170
|
currentValue: inputFirstValue,
|
166
171
|
setInputValue: setFirstInputValue,
|
167
172
|
setCalendarValue: setCalendarFirstValue,
|
168
|
-
setIsInnerOpen: setIsInnerOpen,
|
169
173
|
dateFormatDelimiter: dateFormatDelimiter,
|
170
174
|
format: format,
|
171
175
|
lang: lang,
|
@@ -174,7 +178,6 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
174
178
|
maskWithFormat: maskWithFormat,
|
175
179
|
valueError: firstValueError,
|
176
180
|
valueSuccess: firstValueSuccess,
|
177
|
-
inputRef: firstInputRef,
|
178
181
|
name: name,
|
179
182
|
onChangeValue: onChangeFirstValue,
|
180
183
|
onCommitDate: onCommitFirstDate
|
@@ -185,7 +188,6 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
185
188
|
currentValue: inputSecondValue,
|
186
189
|
setInputValue: setSecondInputValue,
|
187
190
|
setCalendarValue: setCalendarSecondValue,
|
188
|
-
setIsInnerOpen: setIsInnerOpen,
|
189
191
|
dateFormatDelimiter: dateFormatDelimiter,
|
190
192
|
format: format,
|
191
193
|
lang: lang,
|
@@ -194,7 +196,6 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
194
196
|
maskWithFormat: maskWithFormat,
|
195
197
|
valueError: secondValueError,
|
196
198
|
valueSuccess: secondValueSuccess,
|
197
|
-
inputRef: secondInputRef,
|
198
199
|
onChangeValue: onChangeSecondValue,
|
199
200
|
onCommitDate: onCommitSecondDate
|
200
201
|
}),
|
@@ -205,15 +206,59 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
205
206
|
if (disabled || readOnly) {
|
206
207
|
return;
|
207
208
|
}
|
208
|
-
var isCalendarOpen = firstInputRef !== null && firstInputRef !== void 0 && (_firstInputRef$curren = firstInputRef.current) !== null && _firstInputRef$curren !== void 0 && _firstInputRef$curren.contains(event.target || null) || secondInputRef !== null && secondInputRef !== void 0 && (_secondInputRef$curre = secondInputRef.current) !== null && _secondInputRef$curre !== void 0 && _secondInputRef$curre.contains(event.target || null) ? true : opened;
|
209
|
+
var isCalendarOpen = (firstInputRef !== null && firstInputRef !== void 0 && (_firstInputRef$curren = firstInputRef.current) !== null && _firstInputRef$curren !== void 0 && _firstInputRef$curren.contains(event.target || null) || secondInputRef !== null && secondInputRef !== void 0 && (_secondInputRef$curre = secondInputRef.current) !== null && _secondInputRef$curre !== void 0 && _secondInputRef$curre.contains(event.target || null)) && event.code !== useKeyboardNavigation.keys.Escape ? true : opened;
|
210
|
+
if (!isCalendarOpen) {
|
211
|
+
if (calendarFirstValue && !calendarSecondValue) {
|
212
|
+
var _secondInputRef$curre2;
|
213
|
+
secondInputRef === null || secondInputRef === void 0 || (_secondInputRef$curre2 = secondInputRef.current) === null || _secondInputRef$curre2 === void 0 || _secondInputRef$curre2.focus();
|
214
|
+
}
|
215
|
+
if (calendarSecondValue || !calendarFirstValue) {
|
216
|
+
var _firstInputRef$curren2;
|
217
|
+
firstInputRef === null || firstInputRef === void 0 || (_firstInputRef$curren2 = firstInputRef.current) === null || _firstInputRef$curren2 === void 0 || _firstInputRef$curren2.focus();
|
218
|
+
}
|
219
|
+
}
|
209
220
|
if (onToggle) {
|
210
221
|
return onToggle(isCalendarOpen, event);
|
211
222
|
}
|
212
223
|
setIsInnerOpen(isCalendarOpen);
|
213
224
|
};
|
225
|
+
var handleBlur = function handleBlur(event, outerHandler) {
|
226
|
+
if (!inputFirstValue || !inputSecondValue) {
|
227
|
+
outerHandler === null || outerHandler === void 0 || outerHandler(event);
|
228
|
+
return;
|
229
|
+
}
|
230
|
+
var _getDateFromFormat = dateHelper.getDateFromFormat(inputFirstValue, format, lang),
|
231
|
+
firstDate = _getDateFromFormat.value,
|
232
|
+
firstIsSuccess = _getDateFromFormat.isSuccess;
|
233
|
+
var _getDateFromFormat2 = dateHelper.getDateFromFormat(inputSecondValue, format, lang),
|
234
|
+
secondDate = _getDateFromFormat2.value,
|
235
|
+
secondIsSuccess = _getDateFromFormat2.isSuccess;
|
236
|
+
if (!firstIsSuccess || !secondIsSuccess) {
|
237
|
+
outerHandler === null || outerHandler === void 0 || outerHandler(event);
|
238
|
+
return;
|
239
|
+
}
|
240
|
+
var _getSortedValues = calendarRangeHelper.getSortedValues([new Date(firstDate), new Date(secondDate)]),
|
241
|
+
_getSortedValues2 = _rollupPluginBabelHelpers.slicedToArray(_getSortedValues, 2),
|
242
|
+
startValue = _getSortedValues2[0],
|
243
|
+
endValue = _getSortedValues2[1];
|
244
|
+
setFirstInputValue(dateHelper.formatInputValue({
|
245
|
+
value: startValue,
|
246
|
+
format: format,
|
247
|
+
lang: lang
|
248
|
+
}));
|
249
|
+
setSecondInputValue(dateHelper.formatInputValue({
|
250
|
+
value: endValue,
|
251
|
+
format: format,
|
252
|
+
lang: lang
|
253
|
+
}));
|
254
|
+
setCalendarFirstValue(dateHelper.formatCalendarValue(startValue, format, lang));
|
255
|
+
setCalendarSecondValue(dateHelper.formatCalendarValue(endValue, format, lang));
|
256
|
+
outerHandler === null || outerHandler === void 0 || outerHandler(event);
|
257
|
+
};
|
214
258
|
var _useKeyNavigation = useKeyboardNavigation.useKeyNavigation({
|
215
259
|
isCalendarOpen: isInnerOpen,
|
216
|
-
onToggle: handleToggle
|
260
|
+
onToggle: handleToggle,
|
261
|
+
closeOnEsc: closeOnEsc
|
217
262
|
}),
|
218
263
|
onKeyDown = _useKeyNavigation.onKeyDown;
|
219
264
|
var RangeComponent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(RangeDate_styles.StyledRange, {
|
@@ -259,8 +304,12 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
259
304
|
},
|
260
305
|
onFocusFirstTextfield: onFocusFirstTextfield,
|
261
306
|
onFocusSecondTextfield: onFocusSecondTextfield,
|
262
|
-
onBlurFirstTextfield: onBlurFirstTextfield
|
263
|
-
|
307
|
+
onBlurFirstTextfield: function onBlurFirstTextfield(event) {
|
308
|
+
return handleBlur(event, _onBlurFirstTextfield);
|
309
|
+
},
|
310
|
+
onBlurSecondTextfield: function onBlurSecondTextfield(event) {
|
311
|
+
return handleBlur(event, _onBlurSecondTextfield);
|
312
|
+
},
|
264
313
|
onKeyDown: onKeyDown
|
265
314
|
}));
|
266
315
|
React.useEffect(function () {
|
@@ -303,6 +352,16 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
303
352
|
lang: lang
|
304
353
|
}));
|
305
354
|
}, [format, lang]);
|
355
|
+
var RootWrapper = React.useCallback(function (_ref2) {
|
356
|
+
var children = _ref2.children;
|
357
|
+
return /*#__PURE__*/React.createElement(Root, {
|
358
|
+
view: view,
|
359
|
+
size: size,
|
360
|
+
className: index.cx(DatePicker_tokens.classes.datePickerRoot, className),
|
361
|
+
disabled: disabled,
|
362
|
+
readOnly: !disabled && readOnly
|
363
|
+
}, children);
|
364
|
+
}, [view, size, disabled, readOnly]);
|
306
365
|
return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
|
307
366
|
ref: rootRef,
|
308
367
|
view: view,
|
@@ -325,6 +384,8 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
325
384
|
disabledYearList: disabledYearList,
|
326
385
|
min: min,
|
327
386
|
max: max,
|
387
|
+
frame: frame,
|
388
|
+
usePortal: usePortal,
|
328
389
|
placement: placement,
|
329
390
|
closeOnOverlayClick: closeOnOverlayClick,
|
330
391
|
closeOnEsc: closeOnEsc,
|
@@ -333,14 +394,15 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
333
394
|
onToggle: handleToggle,
|
334
395
|
lang: lang,
|
335
396
|
isDoubleCalendar: isDoubleCalendar,
|
397
|
+
rootWrapper: RootWrapper,
|
336
398
|
onChangeStartOfRange: function onChangeStartOfRange(firstDate, dateInfo) {
|
337
399
|
handleCommitFirstDate(firstDate, false, true, dateInfo);
|
338
400
|
handleCommitSecondDate('');
|
339
401
|
},
|
340
|
-
onChangeValue: function onChangeValue(
|
341
|
-
var
|
342
|
-
firstDate =
|
343
|
-
secondDate =
|
402
|
+
onChangeValue: function onChangeValue(_ref3, dateInfo) {
|
403
|
+
var _ref4 = _rollupPluginBabelHelpers.slicedToArray(_ref3, 2),
|
404
|
+
firstDate = _ref4[0],
|
405
|
+
secondDate = _ref4[1];
|
344
406
|
firstDate && handleCommitFirstDate(firstDate, false, true, dateInfo);
|
345
407
|
secondDate && handleCommitSecondDate(secondDate, false, true, dateInfo);
|
346
408
|
if (firstDate && secondDate && !firstValueError && !secondValueError) {
|