@salutejs/plasma-new-hope 0.336.0-canary.2219.17638454714.0 → 0.336.0-canary.2219.17693950410.0

package/styled-components/cjs/components/CodeField/hooks/useWebOTP.js

@@ -0,0 +1,246 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useWebOTP", {
+    enumerable: true,
+    get: function() {
+        return useWebOTP;
+    }
+});
+var _react = require("react");
+var _utils = require("../utils");
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+var isOTPCredential = function(credential) {
+    return credential !== null && 'code' in credential;
+};
+var useWebOTP = function(param) {
+    var codeString = param.codeString, enableSMSAutoRead = param.enableSMSAutoRead, disabled = param.disabled, codeLength = param.codeLength, codeSetter = param.codeSetter, onFullCodeEnter = param.onFullCodeEnter;
+    var abortControllerRef = (0, _react.useRef)(null);
+    var startWebOTPListener = (0, _react.useCallback)(function() {
+        return _async_to_generator(function() {
+            var otp, otpCode, newCode, err;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (!enableSMSAutoRead || disabled || !(0, _utils.isWebOTPSupported)()) {
+                            return [
+                                2
+                            ];
+                        }
+                        if (abortControllerRef.current) {
+                            abortControllerRef.current.abort();
+                        }
+                        abortControllerRef.current = new AbortController();
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            3,
+                            ,
+                            4
+                        ]);
+                        return [
+                            4,
+                            navigator.credentials.get({
+                                otp: {
+                                    transport: [
+                                        'sms'
+                                    ]
+                                },
+                                signal: abortControllerRef.current.signal
+                            })
+                        ];
+                    case 2:
+                        otp = _state.sent();
+                        if (otp && isOTPCredential(otp) && otp.code) {
+                            otpCode = otp.code;
+                            if (otpCode.length === codeLength) {
+                                newCode = (0, _utils.getCodeValue)(codeLength, otpCode);
+                                codeSetter(newCode);
+                                if (onFullCodeEnter) {
+                                    onFullCodeEnter(otpCode);
+                                }
+                            }
+                        }
+                        return [
+                            3,
+                            4
+                        ];
+                    case 3:
+                        err = _state.sent();
+                        if (_instanceof(err, DOMException)) {
+                            if (err.name !== 'AbortError' && err.name !== 'NotAllowedError') {
+                                console.warn('Web OTP API error:', err);
+                            }
+                        } else if (_instanceof(err, Error)) {
+                            console.warn('Web OTP API error:', err);
+                        } else {
+                            console.warn('Unknown Web OTP API error:', err);
+                        }
+                        return [
+                            3,
+                            4
+                        ];
+                    case 4:
+                        return [
+                            2
+                        ];
+                }
+            });
+        })();
+    }, [
+        enableSMSAutoRead,
+        disabled,
+        codeLength,
+        onFullCodeEnter
+    ]);
+    var stopWebOTPListener = (0, _react.useCallback)(function() {
+        if (abortControllerRef.current) {
+            abortControllerRef.current.abort();
+            abortControllerRef.current = null;
+        }
+    }, []);
+    (0, _react.useEffect)(function() {
+        if ((0, _utils.isWebOTPSupported)() && codeString === '' && enableSMSAutoRead && !disabled) {
+            startWebOTPListener();
+        } else {
+            stopWebOTPListener();
+        }
+        return function() {
+            stopWebOTPListener();
+        };
+    }, [
+        codeString,
+        enableSMSAutoRead,
+        disabled,
+        startWebOTPListener,
+        stopWebOTPListener
+    ]);
+};

package/styled-components/cjs/components/CodeField/utils/handleCodeError.js

@@ -37,7 +37,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 var handleCodeError = function(param) {
-    var codeLength = param.codeLength, codeErrorBehavior = param.codeErrorBehavior, currentCode = param.currentCode, inputRefs = param.inputRefs, inputContainerRef = param.inputContainerRef, captionRef = param.captionRef, setCode = param.setCode, codeSetter = param.codeSetter;
+    var codeLength = param.codeLength, codeErrorBehavior = param.codeErrorBehavior, currentCode = param.currentCode, inputRefs = param.inputRefs, inputContainerRef = param.inputContainerRef, captionRef = param.captionRef, setInnerValue = param.setInnerValue, codeSetter = param.codeSetter;
     if (!inputContainerRef.current) {
         return;
     }
@@ -51,7 +51,7 @@ var handleCodeError = function(param) {
                 var newCode = _to_consumable_array(currentCode);
                 newCode.pop();
                 codeSetter(newCode);
-                setCode(currentCode);
+                setInnerValue(currentCode);
                 (_inputContainerRef_current = inputContainerRef.current) === null || _inputContainerRef_current === void 0 ? void 0 : _inputContainerRef_current.classList.remove(_CodeFieldtokens.classes.codeErrorAnimation);
                 setTimeout(function() {
                     var _inputRefs_current_, _inputRefs_current_1;

package/styled-components/cjs/components/CodeField/utils/handleItemError.js

@@ -36,14 +36,17 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 var handleItemError = function(param) {
-    var currentSymbol = param.currentSymbol, itemErrorBehavior = param.itemErrorBehavior, index = param.index, newCode = param.newCode, inputRefs = param.inputRefs, setCode = param.setCode, codeSetter = param.codeSetter;
+    var currentSymbol = param.currentSymbol, itemErrorBehavior = param.itemErrorBehavior, index = param.index, newCode = param.newCode, inputRefs = param.inputRefs, setInnerValue = param.setInnerValue, codeSetter = param.codeSetter, onChange = param.onChange;
     if (!inputRefs.current[index] || currentSymbol === ' ') {
         return;
     }
     switch(itemErrorBehavior){
         case 'keep':
             var _inputRefs_current_index;
-            setCode(newCode);
+            setInnerValue(newCode);
+            if (onChange) {
+                onChange(newCode.join(''));
+            }
             (_inputRefs_current_index = inputRefs.current[index]) === null || _inputRefs_current_index === void 0 ? void 0 : _inputRefs_current_index.classList.add(_CodeFieldtokens.classes.itemError, _CodeFieldtokens.classes.itemErrorAnimation);
             setTimeout(function() {
                 var _inputRefs_current_index;
@@ -57,11 +60,17 @@ var handleItemError = function(param) {
         case 'forbid-enter':
             newCode[index] = '';
             codeSetter(newCode);
+            if (onChange) {
+                onChange(newCode.join(''));
+            }
             break;
         case 'remove-symbol':
         default:
             var _inputRefs_current_index1;
-            setCode(newCode);
+            setInnerValue(newCode);
+            if (onChange) {
+                onChange(newCode.join(''));
+            }
             (_inputRefs_current_index1 = inputRefs.current[index]) === null || _inputRefs_current_index1 === void 0 ? void 0 : _inputRefs_current_index1.classList.add(_CodeFieldtokens.classes.itemError, _CodeFieldtokens.classes.itemErrorFade, _CodeFieldtokens.classes.itemErrorAnimation);
             setTimeout(function() {
                 var _inputRefs_current_index;

package/styled-components/cjs/components/CodeField/utils/index.js

@@ -23,8 +23,12 @@ _export(exports, {
     },
     get handleItemError () {
         return _handleItemError.handleItemError;
+    },
+    get isWebOTPSupported () {
+        return _isWebOTPSupported.isWebOTPSupported;
     }
 });
 var _initialValuesHelper = require("./initialValuesHelper");
 var _handleItemError = require("./handleItemError");
 var _handleCodeError = require("./handleCodeError");
+var _isWebOTPSupported = require("./isWebOTPSupported");

package/styled-components/cjs/components/CodeField/utils/isWebOTPSupported.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "isWebOTPSupported", {
+    enumerable: true,
+    get: function() {
+        return isWebOTPSupported;
+    }
+});
+var isWebOTPSupported = function() {
+    return typeof window !== 'undefined' && 'OTPCredential' in window && navigator.credentials && typeof navigator.credentials.get === 'function';
+};

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js

@@ -41,9 +41,6 @@ function _array_like_to_array(arr, len) {
 function _array_with_holes(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -98,9 +95,6 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
 function _iterable_to_array_limit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -128,9 +122,6 @@ function _iterable_to_array_limit(arr, i) {
 function _non_iterable_rest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -200,9 +191,6 @@ function _object_without_properties_loose(source, excluded) {
 function _sliced_to_array(arr, i) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
 function _type_of(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
@@ -275,7 +263,7 @@ var comboboxRoot = function(Root) {
             return (0, _getPathMaps.getTreeMaps)(transformedItems);
         }, [
             items
-        ]), 3), valueToCheckedMap = _useMemo[0], valueToItemMap = _useMemo[1], labelToItemMap = _useMemo[2];
+        ]), 2), valueToCheckedMap = _useMemo[0], valueToItemMap = _useMemo[1];
         var _useState = _sliced_to_array((0, _react.useState)((0, _utils2.getTextValue)(multiple, outerValue, valueToItemMap, renderValue)), 2), textValue = _useState[0], setTextValue = _useState[1];
         var _useState1 = _sliced_to_array((0, _react.useState)(multiple ? [] : ''), 2), internalValue = _useState1[0], setInternalValue = _useState1[1];
         var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
@@ -363,39 +351,18 @@ var comboboxRoot = function(Root) {
             }
         };
         // Обработчик чипов
-        var handleChipsChange = function(chipLabels) {
+        var handleChipClick = function(chip) {
             if (!Array.isArray(value)) return;
-            // TODO: #1564
-            // Из лейблов чипов получаем value у item и далее прокидываем его в onChange.
-            if (renderValue && !isTargetAmount) {
-                var resultValues = _to_consumable_array(value);
-                value.forEach(function(_, index) {
+            if (isTargetAmount) {
+                // При закрытии чипа в режиме isTargetAmount в value оставляем только disabled-элементы
+                onChange(value.filter(function(val) {
                     var _valueToItemMap_get;
-                    var stringValue = value[index];
-                    var label = (_valueToItemMap_get = valueToItemMap.get(stringValue)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label;
-                    var labelAfterRenderValue = renderValue(label ? labelToItemMap.get(label) : {
-                        value: stringValue,
-                        label: stringValue.toString()
-                    });
-                    if (!chipLabels.includes(labelAfterRenderValue)) {
-                        resultValues.splice(index, 1);
-                    }
-                });
-                var removedItemValue = (0, _utils2.getRemovedElement)(value, resultValues, isTargetAmount);
-                onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) || {
-                    value: removedItemValue,
-                    label: removedItemValue.toString()
-                } : null);
+                    return valueToItemMap === null || valueToItemMap === void 0 ? void 0 : (_valueToItemMap_get = valueToItemMap.get(val)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.disabled;
+                }));
             } else {
-                var newValues = chipLabels.map(function(chipLabel) {
-                    var _labelToItemMap_get;
-                    return ((_labelToItemMap_get = labelToItemMap.get(chipLabel)) === null || _labelToItemMap_get === void 0 ? void 0 : _labelToItemMap_get.value) || chipLabel;
-                });
-                var removedItemValue1 = (0, _utils2.getRemovedElement)(value, newValues, isTargetAmount);
-                onChange(newValues, removedItemValue1 ? valueToItemMap.get(removedItemValue1) || {
-                    value: removedItemValue1,
-                    label: removedItemValue1.toString()
-                } : null);
+                onChange(value.filter(function(val) {
+                    return val !== chip.value;
+                }), valueToItemMap.get(chip.value) || null);
             }
         };
         // Обработчик открытия/закрытия выпадающего списка
@@ -425,14 +392,32 @@ var comboboxRoot = function(Root) {
                 return;
             }
             var checkedCopy = new Map(checked);
-            if (!checkedCopy.get(item.value)) {
-                checkedCopy.set(item.value, true);
-                (0, _utils2.updateDescendants)(item, checkedCopy, true, valueToItemMap);
-            } else {
-                checkedCopy.set(item.value, false);
-                (0, _utils2.updateDescendants)(item, checkedCopy, false);
+            switch(checkedCopy.get(item.value)){
+                // Если чекбокс в состоянии indeterminate
+                case 'indeterminate':
+                    {
+                        (0, _utils2.updateDescendants)(item, checkedCopy, true, valueToItemMap);
+                        break;
+                    }
+                // Если чекбокс в состоянии checked
+                case true:
+                    {
+                        (0, _utils2.updateDescendants)(item, checkedCopy, false, valueToItemMap);
+                        checkedCopy.set(item.value, false);
+                        break;
+                    }
+                // Если чекбокс в состоянии unchecked
+                case false:
+                    {
+                        (0, _utils2.updateDescendants)(item, checkedCopy, true, valueToItemMap);
+                        checkedCopy.set(item.value, true);
+                        break;
+                    }
+                default:
+                    {
+                        break;
+                    }
             }
-            (0, _utils2.updateAncestors)(item, checkedCopy);
             var newValues = [];
             valueToItemMap.forEach(function(item, key) {
                 if (checkedCopy.get(key)) {
@@ -499,20 +484,28 @@ var comboboxRoot = function(Root) {
                 if (value.length === 0) return [];
                 if (isTargetAmount) {
                     return [
-                        "Выбрано ".concat(targetAmount || value.length)
+                        {
+                            value: '_removeAll',
+                            label: "Выбрано ".concat(targetAmount || value.length),
+                            disabled: value.every(function(val) {
+                                var _valueToItemMap_get;
+                                return valueToItemMap === null || valueToItemMap === void 0 ? void 0 : (_valueToItemMap_get = valueToItemMap.get(val)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.disabled;
+                            })
+                        }
                     ];
                 }
-                var renderValueMapper = renderValue && function(stringValue) {
-                    return renderValue(valueToItemMap.get(stringValue) || {
-                        value: stringValue,
-                        label: stringValue.toString()
-                    });
-                };
-                var valueToItemMapper = function(stringValue) {
-                    var _valueToItemMap_get;
-                    return ((_valueToItemMap_get = valueToItemMap.get(stringValue)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || stringValue.toString();
-                };
-                return value.map(renderValueMapper || valueToItemMapper);
+                return value.map(function(value) {
+                    var _valueToItemMap_get, _valueToItemMap_get1;
+                    var currentLabel = renderValue ? renderValue(valueToItemMap.get(value) || {
+                        value: value,
+                        label: value
+                    }) : ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || value.toString();
+                    return {
+                        value: value,
+                        label: currentLabel,
+                        disabled: ((_valueToItemMap_get1 = valueToItemMap.get(value)) === null || _valueToItemMap_get1 === void 0 ? void 0 : _valueToItemMap_get1.disabled) || false
+                    };
+                });
             }
             return [];
         };
@@ -669,8 +662,8 @@ var comboboxRoot = function(Root) {
                     keepPlaceholder: keepPlaceholder
                 }, multiple ? {
                     enumerationType: 'chip',
-                    chips: getChips(),
-                    onChangeChips: handleChipsChange
+                    _chips: getChips(),
+                    _onChipClick: handleChipClick
                 } : {
                     enumerationType: 'plain'
                 }, rest), {

package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js

@@ -42,16 +42,14 @@ var getPathMap = function(items) {
 var getTreeMaps = function(items) {
     var valueToCheckedMap = new Map();
     var valueToItemMap = new Map();
-    var labelToItemMap = new Map();
     var rec = function(items) {
         var prevIndex = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : '';
         items === null || items === void 0 ? void 0 : items.forEach(function(item, index) {
-            var value = item.value, label = item.label, innerItems = item.items;
+            var value = item.value, innerItems = item.items;
             var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
             valueToCheckedMap.set(value, false);
             if ((0, _utils.isEmpty)(innerItems) || !innerItems) {
                 valueToItemMap.set(value, item);
-                labelToItemMap.set(label, item);
             } else {
                 rec(innerItems, currIndex);
             }
@@ -60,7 +58,6 @@ var getTreeMaps = function(items) {
     rec(items);
     return [
         valueToCheckedMap,
-        valueToItemMap,
-        labelToItemMap
+        valueToItemMap
     ];
 };

package/styled-components/cjs/components/Combobox/ComboboxNew/utils/index.js

@@ -15,9 +15,6 @@ _export(exports, {
     get getItemId () {
         return _getItemId.getItemId;
     },
-    get getRemovedElement () {
-        return _getRemovedElement.getRemovedElement;
-    },
     get getTextValue () {
         return _getTextValue.getTextValue;
     },
@@ -44,5 +41,4 @@ var _updateSingleAncestors = require("./updateSingleAncestors");
 var _sizeToIconSize = require("./sizeToIconSize");
 var _filterItems = require("./filterItems");
 var _getItemId = require("./getItemId");
-var _getRemovedElement = require("./getRemovedElement");
 var _getTextValue = require("./getTextValue");

package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js

@@ -389,16 +389,6 @@ var datePickerRangeRoot = function(Root) {
                 return;
             }
             var isCalendarOpen = ((firstInputRef === null || firstInputRef === void 0 ? void 0 : (_firstInputRef_current = firstInputRef.current) === null || _firstInputRef_current === void 0 ? void 0 : _firstInputRef_current.contains((event === null || event === void 0 ? void 0 : event.target) || null)) || (secondInputRef === null || secondInputRef === void 0 ? void 0 : (_secondInputRef_current = secondInputRef.current) === null || _secondInputRef_current === void 0 ? void 0 : _secondInputRef_current.contains((event === null || event === void 0 ? void 0 : event.target) || null))) && (event === null || event === void 0 ? void 0 : event.code) !== _useKeyboardNavigation.keys.Escape ? true : currentOpened;
-            if (!isCalendarOpen) {
-                if (calendarFirstValue && !calendarSecondValue) {
-                    var _secondInputRef_current1;
-                    secondInputRef === null || secondInputRef === void 0 ? void 0 : (_secondInputRef_current1 = secondInputRef.current) === null || _secondInputRef_current1 === void 0 ? void 0 : _secondInputRef_current1.focus();
-                }
-                if (calendarSecondValue && !calendarFirstValue) {
-                    var _firstInputRef_current1;
-                    firstInputRef === null || firstInputRef === void 0 ? void 0 : (_firstInputRef_current1 = firstInputRef.current) === null || _firstInputRef_current1 === void 0 ? void 0 : _firstInputRef_current1.focus();
-                }
-            }
             if (!isCalendarOpen) {
                 setSecondTextFieldClicked(false);
             }
@@ -437,28 +427,40 @@ var datePickerRangeRoot = function(Root) {
             }, commonArgs)), endOriginalDate = _getFormattedDates1.originalDate;
             if (!calendarFirstValue && correctStartDates.calendar) {
                 startOriginalDate = new Date(correctStartDates.calendar);
+            }
+            if (!calendarSecondValue && correctEndDates.calendar) {
+                endOriginalDate = new Date(correctEndDates.calendar);
+            }
+            var _getSortedValues = _sliced_to_array((0, _utils1.getSortedValues)([
+                startOriginalDate,
+                endOriginalDate
+            ]), 2), startValue = _getSortedValues[0], endValue = _getSortedValues[1];
+            var _getFormattedDates2 = (0, _utils2.getFormattedDates)(_object_spread({
+                value: startValue,
+                delimiter: dateFormatDelimiter
+            }, commonArgs)), formattedFirstDate = _getFormattedDates2.formattedDate, originalFirstDate = _getFormattedDates2.originalDate, isoFirstDate = _getFormattedDates2.isoDate;
+            var _getFormattedDates3 = (0, _utils2.getFormattedDates)(_object_spread({
+                value: endValue,
+                delimiter: dateFormatDelimiter
+            }, commonArgs)), formattedSecondDate = _getFormattedDates3.formattedDate, originalSecondDate = _getFormattedDates3.originalDate, isoSecondDate = _getFormattedDates3.isoDate;
+            if (formattedFirstDate !== inputFirstValue) {
                 if (onChangeFirstValue) {
-                    onChangeFirstValue(event, correctStartDates.input, correctStartDates.calendar, correctStartDates.calendar.toISOString());
+                    onChangeFirstValue(event, formattedFirstDate, originalFirstDate, isoFirstDate);
                 }
                 if (onCommitFirstDate) {
-                    var dateInfo = getFirstQuarterInfo(correctStartDates.calendar);
-                    onCommitFirstDate(correctStartDates.input, false, true, dateInfo, correctStartDates.calendar, correctStartDates.calendar.toISOString());
+                    var dateInfo = originalFirstDate ? getFirstQuarterInfo(originalFirstDate) : undefined;
+                    onCommitFirstDate(formattedFirstDate, false, true, dateInfo, originalFirstDate, isoFirstDate);
                 }
             }
-            if (!calendarSecondValue && correctEndDates.calendar) {
-                endOriginalDate = new Date(correctEndDates.calendar);
+            if (formattedSecondDate !== inputSecondValue) {
                 if (onChangeSecondValue) {
-                    onChangeSecondValue(event, correctEndDates.input, correctEndDates.calendar, correctEndDates.calendar.toISOString());
+                    onChangeSecondValue(event, formattedSecondDate, originalSecondDate, isoSecondDate);
                 }
                 if (onCommitSecondDate) {
-                    var dateInfo1 = getSecondQuarterInfo(correctEndDates.calendar);
-                    onCommitSecondDate(correctEndDates.input, false, true, dateInfo1, correctEndDates.calendar, correctEndDates.calendar.toISOString());
+                    var dateInfo1 = originalSecondDate ? getSecondQuarterInfo(originalSecondDate) : undefined;
+                    onCommitSecondDate(formattedSecondDate, false, true, dateInfo1, originalSecondDate, isoSecondDate);
                 }
             }
-            var _getSortedValues = _sliced_to_array((0, _utils1.getSortedValues)([
-                startOriginalDate,
-                endOriginalDate
-            ]), 2), startValue = _getSortedValues[0], endValue = _getSortedValues[1];
             setFirstInputValue(startValue);
             setSecondInputValue(endValue);
             outerHandler === null || outerHandler === void 0 ? void 0 : outerHandler(event);

package/styled-components/cjs/components/Popover/Popover.js

@@ -238,6 +238,7 @@ var popoverRoot = function(Root) {
         var portalRef = (0, _react.useRef)(null);
         var targetRef = (0, _react.useRef)(null);
         var trapRef = (0, _hooks.useFocusTrap)(innerIsOpen && isFocusTrapped);
+        var uuid = (0, _utils.safeUseId)();
         var popoverForkRef = (0, _plasmacore.useForkRef)(popoverRef, trapRef);
         var _useState = _sliced_to_array((0, _react.useState)(null), 2), arrowElement = _useState[0], setArrowElement = _useState[1];
         var _useState1 = _sliced_to_array((0, _react.useState)(false), 2), forceRender = _useState1[1];
@@ -388,8 +389,9 @@ var popoverRoot = function(Root) {
                 portal = rootRef.current;
             }
             if (!portal) {
+                var portalId = "".concat(POPOVER_PORTAL_ID, "-").concat(uuid);
                 portal = document.createElement('div');
-                portal.setAttribute('id', POPOVER_PORTAL_ID);
+                portal.setAttribute('id', portalId);
                 if (typeof frame === 'string' && frame !== 'document') {
                     var _document_getElementById;
                     (_document_getElementById = document.getElementById(frame)) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.appendChild(portal);