@salutejs/plasma-new-hope 0.249.0-canary.1720.13031638569.0 → 0.249.0-canary.1724.12950317416.0
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/cjs/components/Accordion/Accordion.tokens.js +1 -0
- package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +10 -8
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/{AccordionItem.styles_aus2x3.css → AccordionItem.styles_56cr5h.css} +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +0 -8
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +0 -8
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +36 -57
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +16 -31
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconChevronDownFill.js +6 -3
- package/cjs/components/_Icon/Icons/IconChevronDownFill.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconMinus.js +6 -3
- package/cjs/components/_Icon/Icons/IconMinus.js.map +1 -1
- package/cjs/index.css +11 -11
- package/emotion/cjs/components/Accordion/Accordion.tokens.js +1 -0
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +10 -8
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +11 -20
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +0 -8
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +0 -8
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +36 -57
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +16 -31
- package/emotion/cjs/components/_Icon/Icons/IconChevronDownFill.js +8 -3
- package/emotion/cjs/components/_Icon/Icons/IconMinus.js +8 -3
- package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +10 -6
- package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +10 -10
- package/emotion/es/components/Accordion/Accordion.tokens.js +1 -0
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +10 -8
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +11 -20
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +0 -8
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +0 -8
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +38 -59
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +18 -33
- package/emotion/es/components/_Icon/Icons/IconChevronDownFill.js +8 -3
- package/emotion/es/components/_Icon/Icons/IconMinus.js +8 -3
- package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +10 -6
- package/emotion/es/examples/plasma_web/components/Accordion/Accordion.config.js +10 -10
- package/es/components/Accordion/Accordion.tokens.js +1 -0
- package/es/components/Accordion/Accordion.tokens.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +10 -8
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/{AccordionItem.styles_aus2x3.css → AccordionItem.styles_56cr5h.css} +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.js +0 -8
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +0 -8
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.js +38 -59
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +18 -33
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/_Icon/Icons/IconChevronDownFill.js +6 -3
- package/es/components/_Icon/Icons/IconChevronDownFill.js.map +1 -1
- package/es/components/_Icon/Icons/IconMinus.js +6 -3
- package/es/components/_Icon/Icons/IconMinus.js.map +1 -1
- package/es/index.css +11 -11
- package/package.json +2 -2
- package/styled-components/cjs/components/Accordion/Accordion.tokens.js +1 -0
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +10 -8
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +0 -8
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +0 -8
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +36 -57
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +16 -31
- package/styled-components/cjs/components/_Icon/Icons/IconChevronDownFill.js +8 -3
- package/styled-components/cjs/components/_Icon/Icons/IconMinus.js +8 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +5 -1
- package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +6 -6
- package/styled-components/es/components/Accordion/Accordion.tokens.js +1 -0
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +10 -8
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +0 -8
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +0 -8
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +38 -59
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +18 -33
- package/styled-components/es/components/_Icon/Icons/IconChevronDownFill.js +8 -3
- package/styled-components/es/components/_Icon/Icons/IconMinus.js +8 -3
- package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +5 -1
- package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +6 -6
- package/types/components/Accordion/Accordion.tokens.d.ts +1 -0
- package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +0 -2
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +0 -4
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +0 -2
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +0 -4
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts +4 -0
- package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts +4 -0
- package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +0 -2
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts +4 -4
- package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Accordion/Accordion.d.ts +4 -4
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +0 -2
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "
|
1
|
+
var _excluded = ["className", "autoComplete", "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", "required", "requiredPlacement", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -8,9 +8,9 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
8
8
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
9
9
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
10
10
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
11
|
-
import React, { createRef, forwardRef, useCallback, useEffect,
|
11
|
+
import React, { createRef, forwardRef, useCallback, useEffect, useRef, useState } from 'react';
|
12
12
|
import { cx, noop } from '../../../utils';
|
13
|
-
import { formatCalendarValue, formatInputValue, getDateFormatDelimiter, getDateFromFormat
|
13
|
+
import { formatCalendarValue, formatInputValue, getDateFormatDelimiter, getDateFromFormat } from '../utils/dateHelper';
|
14
14
|
import { useDatePicker } from '../hooks/useDatePicker';
|
15
15
|
import { classes } from '../DatePicker.tokens';
|
16
16
|
import { keys, useKeyNavigation } from '../hooks/useKeyboardNavigation';
|
@@ -31,7 +31,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
31
31
|
isDoubleCalendar = _ref$isDoubleCalendar === void 0 ? false : _ref$isDoubleCalendar,
|
32
32
|
_ref$opened = _ref.opened,
|
33
33
|
opened = _ref$opened === void 0 ? false : _ref$opened,
|
34
|
-
externalValue = _ref.value,
|
35
34
|
label = _ref.label,
|
36
35
|
leftHelper = _ref.leftHelper,
|
37
36
|
contentLeft = _ref.contentLeft,
|
@@ -114,10 +113,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
114
113
|
var rootRef = useRef(null);
|
115
114
|
var innerRefFirst = useRef(null);
|
116
115
|
var innerRefSecond = useRef(null);
|
117
|
-
var _ref2 = externalValue || [],
|
118
|
-
_ref3 = _slicedToArray(_ref2, 2),
|
119
|
-
startExternalValue = _ref3[0],
|
120
|
-
endExternalValue = _ref3[1];
|
121
116
|
var _useState = useState(rangeRef === null || rangeRef === void 0 || (_rangeRef$current = rangeRef.current) === null || _rangeRef$current === void 0 ? void 0 : _rangeRef$current.firstTextField()),
|
122
117
|
_useState2 = _slicedToArray(_useState, 2),
|
123
118
|
firstInputRef = _useState2[0],
|
@@ -130,24 +125,24 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
130
125
|
_useState6 = _slicedToArray(_useState5, 2),
|
131
126
|
isInnerOpen = _useState6[0],
|
132
127
|
setIsInnerOpen = _useState6[1];
|
133
|
-
var _useState7 = useState(formatCalendarValue(
|
128
|
+
var _useState7 = useState(formatCalendarValue(defaultFirstDate, format, lang)),
|
134
129
|
_useState8 = _slicedToArray(_useState7, 2),
|
135
130
|
calendarFirstValue = _useState8[0],
|
136
131
|
setCalendarFirstValue = _useState8[1];
|
137
132
|
var _useState9 = useState(formatInputValue({
|
138
|
-
value:
|
133
|
+
value: defaultFirstDate,
|
139
134
|
format: format,
|
140
135
|
lang: lang
|
141
136
|
})),
|
142
137
|
_useState10 = _slicedToArray(_useState9, 2),
|
143
138
|
inputFirstValue = _useState10[0],
|
144
139
|
setInputFirstValue = _useState10[1];
|
145
|
-
var _useState11 = useState(formatCalendarValue(
|
140
|
+
var _useState11 = useState(formatCalendarValue(defaultSecondDate, format, lang)),
|
146
141
|
_useState12 = _slicedToArray(_useState11, 2),
|
147
142
|
calendarSecondValue = _useState12[0],
|
148
143
|
setCalendarSecondValue = _useState12[1];
|
149
144
|
var _useState13 = useState(formatInputValue({
|
150
|
-
value:
|
145
|
+
value: defaultSecondDate,
|
151
146
|
format: format,
|
152
147
|
lang: lang
|
153
148
|
})),
|
@@ -285,8 +280,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
285
280
|
}));
|
286
281
|
setCalendarFirstValue(formatCalendarValue(startValue, format, lang));
|
287
282
|
setCalendarSecondValue(formatCalendarValue(endValue, format, lang));
|
288
|
-
handleCommitFirstDate(startValue, true, false);
|
289
|
-
handleCommitSecondDate(endValue, true, false);
|
290
283
|
outerHandler === null || outerHandler === void 0 || outerHandler(event);
|
291
284
|
};
|
292
285
|
var _useKeyNavigation = useKeyNavigation({
|
@@ -312,10 +305,10 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
312
305
|
handleToggle(false);
|
313
306
|
}
|
314
307
|
};
|
315
|
-
var handleChangeCalendarValue = function handleChangeCalendarValue(
|
316
|
-
var
|
317
|
-
firstDate =
|
318
|
-
secondDate =
|
308
|
+
var handleChangeCalendarValue = function handleChangeCalendarValue(_ref2, dateInfo) {
|
309
|
+
var _ref3 = _slicedToArray(_ref2, 2),
|
310
|
+
firstDate = _ref3[0],
|
311
|
+
secondDate = _ref3[1];
|
319
312
|
if (firstDate) {
|
320
313
|
handleCommitFirstDate(firstDate, false, true, dateInfo);
|
321
314
|
}
|
@@ -392,56 +385,42 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
392
385
|
});
|
393
386
|
}, [opened]);
|
394
387
|
useEffect(function () {
|
395
|
-
|
396
|
-
setFullDateEntered(true);
|
397
|
-
}
|
398
|
-
}, [calendarFirstValue, calendarSecondValue]);
|
399
|
-
useLayoutEffect(function () {
|
388
|
+
setCalendarFirstValue(formatCalendarValue(defaultFirstDate, format, lang));
|
400
389
|
setInputFirstValue(formatInputValue({
|
401
|
-
value:
|
390
|
+
value: defaultFirstDate,
|
402
391
|
format: format,
|
403
392
|
lang: lang
|
404
393
|
}));
|
405
|
-
|
406
|
-
|
407
|
-
|
408
|
-
}
|
409
|
-
var _validateDateWithFull = validateDateWithFullMonth({
|
410
|
-
currentValue: inputFirstValue,
|
411
|
-
format: format,
|
412
|
-
lang: lang
|
413
|
-
}),
|
414
|
-
hasMonthFullName = _validateDateWithFull.hasMonthFullName,
|
415
|
-
isValidMonth = _validateDateWithFull.isValidMonth,
|
416
|
-
isLengthEqual = _validateDateWithFull.isLengthEqual;
|
417
|
-
if (!hasMonthFullName && (inputFirstValue === null || inputFirstValue === void 0 ? void 0 : inputFirstValue.length) === (format === null || format === void 0 ? void 0 : format.length) || isValidMonth && isLengthEqual) {
|
418
|
-
setCalendarFirstValue(formatCalendarValue(inputFirstValue, format, lang));
|
419
|
-
}
|
420
|
-
}, [startExternalValue, defaultFirstDate, format, lang]);
|
421
|
-
useLayoutEffect(function () {
|
394
|
+
}, [defaultFirstDate]);
|
395
|
+
useEffect(function () {
|
396
|
+
setCalendarSecondValue(formatCalendarValue(defaultSecondDate, format, lang));
|
422
397
|
setInputSecondValue(formatInputValue({
|
423
|
-
value:
|
398
|
+
value: defaultSecondDate,
|
424
399
|
format: format,
|
425
400
|
lang: lang
|
426
401
|
}));
|
427
|
-
|
428
|
-
|
429
|
-
|
430
|
-
|
431
|
-
|
432
|
-
|
433
|
-
|
434
|
-
|
435
|
-
|
436
|
-
|
437
|
-
|
438
|
-
|
439
|
-
|
440
|
-
|
402
|
+
}, [defaultSecondDate]);
|
403
|
+
useEffect(function () {
|
404
|
+
setCalendarFirstValue(formatCalendarValue(defaultFirstDate, format, lang));
|
405
|
+
setInputFirstValue(formatInputValue({
|
406
|
+
value: defaultFirstDate,
|
407
|
+
format: format,
|
408
|
+
lang: lang
|
409
|
+
}));
|
410
|
+
setCalendarSecondValue(formatCalendarValue(defaultSecondDate, format, lang));
|
411
|
+
setInputSecondValue(formatInputValue({
|
412
|
+
value: defaultSecondDate,
|
413
|
+
format: format,
|
414
|
+
lang: lang
|
415
|
+
}));
|
416
|
+
}, [format, lang]);
|
417
|
+
useEffect(function () {
|
418
|
+
if (calendarFirstValue && calendarSecondValue) {
|
419
|
+
setFullDateEntered(true);
|
441
420
|
}
|
442
|
-
}, [
|
443
|
-
var RootWrapper = useCallback(function (
|
444
|
-
var children =
|
421
|
+
}, [calendarFirstValue, calendarSecondValue]);
|
422
|
+
var RootWrapper = useCallback(function (_ref4) {
|
423
|
+
var children = _ref4.children;
|
445
424
|
return /*#__PURE__*/React.createElement(Root, {
|
446
425
|
view: view,
|
447
426
|
size: size,
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["className", "opened", "
|
1
|
+
var _excluded = ["className", "opened", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -8,9 +8,9 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
8
8
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
9
9
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
10
10
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
11
|
-
import React, { forwardRef, useCallback, useEffect,
|
11
|
+
import React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
|
12
12
|
import { cx, getPlacements, noop } from '../../../utils';
|
13
|
-
import { formatCalendarValue, formatInputValue, getDateFormatDelimiter
|
13
|
+
import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';
|
14
14
|
import { useDatePicker } from '../hooks/useDatePicker';
|
15
15
|
import { classes } from '../DatePicker.tokens';
|
16
16
|
import { InputHidden, StyledCalendar } from '../DatePickerBase.styles';
|
@@ -25,7 +25,6 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
25
25
|
var className = _ref.className,
|
26
26
|
_ref$opened = _ref.opened,
|
27
27
|
opened = _ref$opened === void 0 ? false : _ref$opened,
|
28
|
-
value = _ref.value,
|
29
28
|
label = _ref.label,
|
30
29
|
_ref$labelPlacement = _ref.labelPlacement,
|
31
30
|
labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
|
@@ -94,12 +93,12 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
94
93
|
_useState2 = _slicedToArray(_useState, 2),
|
95
94
|
isInnerOpen = _useState2[0],
|
96
95
|
setIsInnerOpen = _useState2[1];
|
97
|
-
var _useState3 = useState(formatCalendarValue(
|
96
|
+
var _useState3 = useState(formatCalendarValue(defaultDate, format, lang)),
|
98
97
|
_useState4 = _slicedToArray(_useState3, 2),
|
99
98
|
calendarValue = _useState4[0],
|
100
99
|
setCalendarValue = _useState4[1];
|
101
100
|
var _useState5 = useState(formatInputValue({
|
102
|
-
value:
|
101
|
+
value: defaultDate,
|
103
102
|
format: format,
|
104
103
|
lang: lang
|
105
104
|
})),
|
@@ -130,12 +129,6 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
130
129
|
datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
|
131
130
|
handleChangeValue = _useDatePicker.handleChangeValue,
|
132
131
|
handleCommitDate = _useDatePicker.handleCommitDate;
|
133
|
-
var handleBlur = function handleBlur(event, date) {
|
134
|
-
if (onBlur) {
|
135
|
-
onBlur(event);
|
136
|
-
}
|
137
|
-
handleCommitDate(date, true, false);
|
138
|
-
};
|
139
132
|
var handleToggle = function handleToggle(opened, event) {
|
140
133
|
if (disabled || readOnly) {
|
141
134
|
return;
|
@@ -174,9 +167,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
174
167
|
return handleCommitDate(date, true, false);
|
175
168
|
},
|
176
169
|
onFocus: onFocus,
|
177
|
-
onBlur:
|
178
|
-
return handleBlur(event, inputValue);
|
179
|
-
},
|
170
|
+
onBlur: onBlur,
|
180
171
|
onKeyDown: onKeyDown,
|
181
172
|
required: required,
|
182
173
|
requiredPlacement: requiredPlacement,
|
@@ -189,28 +180,22 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
189
180
|
return prevOpen !== opened && opened;
|
190
181
|
});
|
191
182
|
}, [opened]);
|
192
|
-
|
183
|
+
useEffect(function () {
|
184
|
+
setCalendarValue(formatCalendarValue(defaultDate, format, lang));
|
193
185
|
setInputValue(formatInputValue({
|
194
|
-
value:
|
186
|
+
value: defaultDate,
|
195
187
|
format: format,
|
196
188
|
lang: lang
|
197
189
|
}));
|
198
|
-
|
199
|
-
|
200
|
-
|
201
|
-
|
202
|
-
|
203
|
-
|
204
|
-
|
205
|
-
|
206
|
-
|
207
|
-
hasMonthFullName = _validateDateWithFull.hasMonthFullName,
|
208
|
-
isValidMonth = _validateDateWithFull.isValidMonth,
|
209
|
-
isLengthEqual = _validateDateWithFull.isLengthEqual;
|
210
|
-
if (!hasMonthFullName && (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) === (format === null || format === void 0 ? void 0 : format.length) || isValidMonth && isLengthEqual) {
|
211
|
-
setCalendarValue(formatCalendarValue(inputValue, format, lang));
|
212
|
-
}
|
213
|
-
}, [value, defaultDate, format, lang]);
|
190
|
+
}, [defaultDate]);
|
191
|
+
useEffect(function () {
|
192
|
+
setCalendarValue(formatCalendarValue(defaultDate, format, lang));
|
193
|
+
setInputValue(formatInputValue({
|
194
|
+
value: defaultDate,
|
195
|
+
format: format,
|
196
|
+
lang: lang
|
197
|
+
}));
|
198
|
+
}, [format, lang]);
|
214
199
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
215
200
|
view: view,
|
216
201
|
size: size,
|
@@ -1,3 +1,7 @@
|
|
1
|
+
var _excluded = ["size", "color", "className"];
|
2
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
1
5
|
import React from 'react';
|
2
6
|
import { ChevronDownFill } from '../Icon.assets/ChevronDownFill';
|
3
7
|
import { IconRoot } from '../IconRoot';
|
@@ -5,11 +9,12 @@ export var IconChevronDownFill = function IconChevronDownFill(_ref) {
|
|
5
9
|
var _ref$size = _ref.size,
|
6
10
|
size = _ref$size === void 0 ? 'xs' : _ref$size,
|
7
11
|
color = _ref.color,
|
8
|
-
className = _ref.className
|
9
|
-
|
12
|
+
className = _ref.className,
|
13
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
14
|
+
return /*#__PURE__*/React.createElement(IconRoot, _extends({
|
10
15
|
className: className,
|
11
16
|
size: size,
|
12
17
|
color: color,
|
13
18
|
icon: ChevronDownFill
|
14
|
-
});
|
19
|
+
}, rest));
|
15
20
|
};
|
@@ -1,3 +1,7 @@
|
|
1
|
+
var _excluded = ["size", "color", "className"];
|
2
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
1
5
|
import React from 'react';
|
2
6
|
import { Minus } from '../Icon.assets/Minus';
|
3
7
|
import { IconRoot } from '../IconRoot';
|
@@ -5,11 +9,12 @@ export var IconMinus = function IconMinus(_ref) {
|
|
5
9
|
var _ref$size = _ref.size,
|
6
10
|
size = _ref$size === void 0 ? 's' : _ref$size,
|
7
11
|
color = _ref.color,
|
8
|
-
className = _ref.className
|
9
|
-
|
12
|
+
className = _ref.className,
|
13
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
14
|
+
return /*#__PURE__*/React.createElement(IconRoot, _extends({
|
10
15
|
className: className,
|
11
16
|
size: size,
|
12
17
|
color: color,
|
13
18
|
icon: Minus
|
14
|
-
});
|
19
|
+
}, rest));
|
15
20
|
};
|