@salutejs/plasma-new-hope 0.239.0-canary.1699.12749937190.0 → 0.239.0-canary.1702.12749548652.0

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

@@ -19,7 +19,7 @@ var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
 var _RangeDate = /*#__PURE__*/require("./RangeDate.styles");
 var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover/RangeDatePopover");
-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", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+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"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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); }
@@ -104,6 +104,8 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
       _ref$closeOnEsc = _ref.closeOnEsc,
       closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
+      _ref$closeAfterDateSe = _ref.closeAfterDateSelect,
+      closeAfterDateSelect = _ref$closeAfterDateSe === void 0 ? true : _ref$closeAfterDateSe,
       offset = _ref.offset,
       onToggle = _ref.onToggle,
       onChange = _ref.onChange,
@@ -156,6 +158,14 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       _useState14 = _slicedToArray(_useState13, 2),
       inputSecondValue = _useState14[0],
       setInputSecondValue = _useState14[1];
+    var _useState15 = (0, _react.useState)(Boolean(calendarFirstValue) && Boolean(calendarSecondValue)),
+      _useState16 = _slicedToArray(_useState15, 2),
+      fullDateEntered = _useState16[0],
+      setFullDateEntered = _useState16[1];
+    var _useState17 = (0, _react.useState)(false),
+      _useState18 = _slicedToArray(_useState17, 2),
+      secondTextFieldClicked = _useState18[0],
+      setSecondTextFieldClicked = _useState18[1];
     var setFirstInputValue = function setFirstInputValue(value) {
       setInputFirstValue(value);
       if (onChange) {
@@ -216,12 +226,12 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       }),
       handleChangeSecondValue = _useDatePicker2.handleChangeValue,
       handleCommitSecondDate = _useDatePicker2.handleCommitDate;
-    var handleToggle = function handleToggle(opened, event) {
+    var handleToggle = function handleToggle(currentOpened, event) {
       var _firstInputRef$curren, _secondInputRef$curre;
       if (disabled || readOnly) {
         return;
       }
-      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;
+      var isCalendarOpen = (firstInputRef !== null && firstInputRef !== void 0 && (_firstInputRef$curren = firstInputRef.current) !== null && _firstInputRef$curren !== void 0 && _firstInputRef$curren.contains((event === null || event === void 0 ? void 0 : event.target) || null) || secondInputRef !== null && secondInputRef !== void 0 && (_secondInputRef$curre = secondInputRef.current) !== null && _secondInputRef$curre !== void 0 && _secondInputRef$curre.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$curre2;
@@ -232,11 +242,22 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
           firstInputRef === null || firstInputRef === void 0 || (_firstInputRef$curren2 = firstInputRef.current) === null || _firstInputRef$curren2 === void 0 || _firstInputRef$curren2.focus();
         }
       }
+      if (!isCalendarOpen) {
+        setSecondTextFieldClicked(false);
+      }
       if (onToggle) {
         return onToggle(isCalendarOpen, event);
       }
       setIsInnerOpen(isCalendarOpen);
     };
+    var handleFocusFirstTextField = function handleFocusFirstTextField(event) {
+      onFocusFirstTextfield === null || onFocusFirstTextfield === void 0 || onFocusFirstTextfield(event);
+      setSecondTextFieldClicked(false);
+    };
+    var handleFocusSecondTextField = function handleFocusSecondTextField(event) {
+      onFocusSecondTextfield === null || onFocusSecondTextfield === void 0 || onFocusSecondTextfield(event);
+      setSecondTextFieldClicked(true);
+    };
     var handleBlur = function handleBlur(event, outerHandler) {
       if (!inputFirstValue || !inputSecondValue) {
         outerHandler === null || outerHandler === void 0 || outerHandler(event);
@@ -276,6 +297,33 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
         closeOnEsc: closeOnEsc
       }),
       onKeyDown = _useKeyNavigation.onKeyDown;
+    var handleChangeStartOfRange = function handleChangeStartOfRange(chosenDate, dateInfo) {
+      if (fullDateEntered) {
+        var prevValue = secondTextFieldClicked ? calendarFirstValue : calendarSecondValue;
+        var _getSortedValues3 = (0, _utils2.getSortedValues)([prevValue, chosenDate]),
+          _getSortedValues4 = _slicedToArray(_getSortedValues3, 2),
+          first = _getSortedValues4[0],
+          second = _getSortedValues4[1];
+        handleCommitFirstDate(first, false, true, dateInfo);
+        handleCommitSecondDate(second, false, true, dateInfo);
+        if (!firstValueError && !secondValueError && closeAfterDateSelect) {
+          handleToggle(false);
+        }
+        return;
+      }
+      handleCommitFirstDate(chosenDate, false, true, dateInfo);
+      handleCommitSecondDate('');
+    };
+    var handleChangeCalendarValue = function handleChangeCalendarValue(_ref2, dateInfo) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        firstDate = _ref3[0],
+        secondDate = _ref3[1];
+      firstDate && handleCommitFirstDate(firstDate, false, true, dateInfo);
+      secondDate && handleCommitSecondDate(secondDate, false, true, dateInfo);
+      if (firstDate && secondDate && !firstValueError && !secondValueError && closeAfterDateSelect) {
+        handleToggle(false);
+      }
+    };
     var RangeComponent = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledRange, {
       ref: rangeRef,
       autoComplete: autoComplete,
@@ -321,8 +369,8 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
           rangeRef === null || rangeRef === void 0 || (_rangeRef$current4 = rangeRef.current) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.firstTextField()) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.current) === null || _rangeRef$current4 === void 0 || _rangeRef$current4.focus();
         }
       },
-      onFocusFirstTextfield: onFocusFirstTextfield,
-      onFocusSecondTextfield: onFocusSecondTextfield,
+      onFocusFirstTextfield: handleFocusFirstTextField,
+      onFocusSecondTextfield: handleFocusSecondTextField,
       onBlurFirstTextfield: function onBlurFirstTextfield(event) {
         return handleBlur(event, _onBlurFirstTextfield);
       },
@@ -371,8 +419,13 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
         lang: lang
       }));
     }, [format, lang]);
-    var RootWrapper = (0, _react.useCallback)(function (_ref2) {
-      var children = _ref2.children;
+    (0, _react.useEffect)(function () {
+      if (Boolean(calendarFirstValue) && Boolean(calendarSecondValue)) {
+        setFullDateEntered(true);
+      }
+    }, [calendarFirstValue, calendarSecondValue]);
+    var RootWrapper = (0, _react.useCallback)(function (_ref4) {
+      var children = _ref4.children;
       return /*#__PURE__*/_react["default"].createElement(Root, {
         view: view,
         size: size,
@@ -414,20 +467,8 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       lang: lang,
       isDoubleCalendar: isDoubleCalendar,
       rootWrapper: RootWrapper,
-      onChangeStartOfRange: function onChangeStartOfRange(firstDate, dateInfo) {
-        handleCommitFirstDate(firstDate, false, true, dateInfo);
-        handleCommitSecondDate('');
-      },
-      onChangeValue: function onChangeValue(_ref3, dateInfo) {
-        var _ref4 = _slicedToArray(_ref3, 2),
-          firstDate = _ref4[0],
-          secondDate = _ref4[1];
-        firstDate && handleCommitFirstDate(firstDate, false, true, dateInfo);
-        secondDate && handleCommitSecondDate(secondDate, false, true, dateInfo);
-        if (firstDate && secondDate && !firstValueError && !secondValueError) {
-          setIsInnerOpen(false);
-        }
-      }
+      onChangeStartOfRange: handleChangeStartOfRange,
+      onChangeValue: handleChangeCalendarValue
     }), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_DatePickerBase.InputHidden, _extends({
       name: name,
       type: "hidden",

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

@@ -17,8 +17,7 @@ var _base3 = /*#__PURE__*/require("./variations/_shape/base");
 var _base4 = /*#__PURE__*/require("./variations/_background-type/base");
 var _base5 = /*#__PURE__*/require("./variations/_segmentation/base");
 var _base6 = /*#__PURE__*/require("./variations/_disabled/base");
-var _utils2 = /*#__PURE__*/require("./utils");
-var _excluded = ["className", "style", "width", "value", "min", "max", "step", "precision", "isLoading", "loader", "size", "view", "clear", "shape", "segmentation", "inputBackgroundType", "disabled", "textBefore", "textAfter", "customIncrementButton", "incrementIcon", "customDecrementButton", "decrementIcon", "isManualInput", "onChange", "onIncrement", "onDecrement"];
+var _excluded = ["className", "style", "width", "value", "min", "max", "step", "isLoading", "loader", "size", "view", "clear", "shape", "segmentation", "inputBackgroundType", "disabled", "textBefore", "textAfter", "customIncrementButton", "incrementIcon", "customDecrementButton", "decrementIcon", "isManualInput", "onChange", "onIncrement", "onDecrement"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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); }
@@ -46,8 +45,6 @@ var numberInputRoot = exports.numberInputRoot = function numberInputRoot(Root) {
       max = _ref.max,
       _ref$step = _ref.step,
       step = _ref$step === void 0 ? 1 : _ref$step,
-      _ref$precision = _ref.precision,
-      precision = _ref$precision === void 0 ? 2 : _ref$precision,
       isLoading = _ref.isLoading,
       loader = _ref.loader,
       size = _ref.size,
@@ -81,7 +78,6 @@ var numberInputRoot = exports.numberInputRoot = function numberInputRoot(Root) {
       _useState6 = _slicedToArray(_useState5, 2),
       isAnimationRun = _useState6[0],
       setIsAnimationRun = _useState6[1];
-    console.log('innerValue', innerValue);
     var innerWidth = width ? (0, _utils.getSizeValueFromProp)(width) : '100%';
     var actionIconSize = size === 'xs' ? 'xs' : 's';
     var solidViewClass = segmentation === 'solid' ? _NumberInput.classes.solidView : undefined;
@@ -102,8 +98,7 @@ var numberInputRoot = exports.numberInputRoot = function numberInputRoot(Root) {
       if (isLoading || disabled || isAnimationRun) {
         return;
       }
-      var preciseDiff = (0, _utils2.getPreciseValue)(Number(innerValue) - step, precision);
-      var diffValue = Number(preciseDiff);
+      var diffValue = Number(innerValue) - step;
       var resValue = min !== undefined && diffValue <= min ? min : diffValue;
       setInnerValue(resValue);
       if (onDecrement) {
@@ -117,8 +112,7 @@ var numberInputRoot = exports.numberInputRoot = function numberInputRoot(Root) {
       if (isLoading || disabled || isAnimationRun) {
         return;
       }
-      var preciseDiff = (0, _utils2.getPreciseValue)(Number(innerValue) + step, precision);
-      var diffValue = Number(preciseDiff);
+      var diffValue = Number(innerValue) + step;
       var resValue = max !== undefined && diffValue >= max ? max : diffValue;
       setInnerValue(resValue);
       if (onIncrement) {
@@ -162,7 +156,6 @@ var numberInputRoot = exports.numberInputRoot = function numberInputRoot(Root) {
       ref: ref,
       segmentation: segmentation,
       value: innerValue,
-      precision: precision,
       min: min,
       max: max,
       isManualInput: isManualInput,

package/styled-components/cjs/components/NumberInput/ui/Input/Input.js

@@ -14,7 +14,7 @@ var _utils2 = /*#__PURE__*/require("../../utils");
 var _constants = /*#__PURE__*/require("../../../../utils/constants");
 var _Input = /*#__PURE__*/require("./Input.styles");
 var _StyledSpinner;
-var _excluded = ["value", "precision", "min", "max", "isLoading", "loader", "disabled", "segmentation", "textBefore", "textAfter", "isManualInput", "isInputFocused", "setIsInputFocused", "setIsAnimationRun", "setInnerValue", "onChange", "onBlur", "onKeyDown"];
+var _excluded = ["value", "min", "max", "isLoading", "loader", "disabled", "segmentation", "textBefore", "textAfter", "isManualInput", "isInputFocused", "setIsInputFocused", "setIsAnimationRun", "setInnerValue", "onChange", "onBlur", "onKeyDown"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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); }
@@ -28,7 +28,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 var NumberInput = exports.NumberInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var value = _ref.value,
-    precision = _ref.precision,
     min = _ref.min,
     max = _ref.max,
     isLoading = _ref.isLoading,
@@ -94,6 +93,11 @@ var NumberInput = exports.NumberInput = /*#__PURE__*/(0, _react.forwardRef)(func
       setIsAnimationRun(false);
       return;
     }
+    if (String(newValue).endsWith('.')) {
+      setValues(null, Number(newValue));
+      setIsAnimationRun(false);
+      return;
+    }
     var resValue = Number(newValue);
     if (max !== undefined && resValue > max) {
       setErrorClass(_NumberInput.classes.errorAnimation);
@@ -105,16 +109,6 @@ var NumberInput = exports.NumberInput = /*#__PURE__*/(0, _react.forwardRef)(func
       setErrorClass(_NumberInput.classes.errorAnimation);
       setErrorValue(min);
       setIsAnimationRun(true);
-      return;
-    }
-    if (String(newValue).endsWith('.')) {
-      setValues(null, Number(newValue));
-      setIsAnimationRun(false);
-      return;
-    }
-    if (precision !== undefined) {
-      var preciseNewValue = Number((0, _utils2.getPreciseValue)(newValue, precision));
-      setValues(null, preciseNewValue);
     }
     setIsAnimationRun(false);
   };
@@ -140,18 +134,15 @@ var NumberInput = exports.NumberInput = /*#__PURE__*/(0, _react.forwardRef)(func
       }
       return;
     }
-    console.log('here');
     var isValid = _utils2.numberSchema.test(cleanValue);
     if (!isValid) {
-      console.log('not valid', cleanValue);
       setValues(event, lastValidValue);
       return;
     }
-    console.log('valid!', cleanValue);
     if (textWrapperRef !== null && textWrapperRef !== void 0 && textWrapperRef.current && wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current && (textWrapperRef === null || textWrapperRef === void 0 || (_textWrapperRef$curre = textWrapperRef.current) === null || _textWrapperRef$curre === void 0 ? void 0 : _textWrapperRef$curre.clientWidth) > (wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.clientWidth)) {
       wrapperRef.current.scrollLeft = textWrapperRef.current.offsetWidth - textWrapperRef.current.offsetLeft || 0;
     }
-    setValues(event, cleanValue);
+    setValues(event, Number(cleanValue));
   };
   var handleClickInputWrapper = function handleClickInputWrapper() {
     if (!isManualInput || !inputRef.current) {

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

@@ -3,16 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.numberSchema = exports.getPreciseValue = exports.excludingNumberSchema = exports.defaultCharacterWidth = void 0;
+exports.numberSchema = exports.excludingNumberSchema = exports.defaultCharacterWidth = void 0;
 var defaultCharacterWidth = exports.defaultCharacterWidth = '1ch';
 var numberSchema = exports.numberSchema = /^(-)?\d+(\.\d+)?$/;
-var excludingNumberSchema = exports.excludingNumberSchema = /[^-.\d]/g;
-var getPreciseValue = exports.getPreciseValue = function getPreciseValue(value, precision) {
-  var innerValue = String(value);
-  if (precision !== undefined) {
-    var factor = Math.pow(10, precision);
-    var preparedValue = Number(innerValue) < 0 ? Number(innerValue) - Number.EPSILON : Number(innerValue) + Number.EPSILON;
-    return String(Math.round(preparedValue * factor) / factor);
-  }
-  return innerValue;
-};
+var excludingNumberSchema = exports.excludingNumberSchema = /[^-.\d]/g;

package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx

@@ -192,7 +192,6 @@ const StoryRange = ({
     const rangeRef = useRef<RangeInputRefs>(null);
 
     const [isOpen, setIsOpen] = useState(false);
-    const [firstDate, setFirstDate] = useState<string | Date>('');
 
     const iconSize = size === 'xs' ? 'xs' : 's';
     const showDividerIcon = dividerVariant === 'icon';
@@ -239,12 +238,6 @@ const StoryRange = ({
             onChangeSecondValue={(e, currentValue) => {
                 onChangeSecondValue(e, currentValue);
             }}
-            onCommitFirstDate={(currentValue) => {
-                setFirstDate(currentValue);
-            }}
-            onCommitSecondDate={(currentValue) => {
-                firstDate && currentValue && setIsOpen(false);
-            }}
             lang={lang}
             {...dividerIconProps}
             {...rest}

package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx

@@ -96,7 +96,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         segmentation: 'default',
         min: 0,
         max: 9,
-        precision: 2,
         step: 1,
         width: 188,
         isManualInput: false,

package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx

@@ -186,12 +186,12 @@ const StoryRange = ({
     secondValueError,
     secondValueSuccess,
     size,
+    lang,
     ...rest
 }: StoryPropsRange) => {
     const rangeRef = useRef<RangeInputRefs>(null);
 
     const [isOpen, setIsOpen] = useState(false);
-    const [firstDate, setFirstDate] = useState<string | Date>('');
 
     const iconSize = size === 'xs' ? 'xs' : 's';
     const showDividerIcon = dividerVariant === 'icon';
@@ -238,12 +238,7 @@ const StoryRange = ({
             onChangeSecondValue={(e, currentValue) => {
                 onChangeSecondValue(e, currentValue);
             }}
-            onCommitFirstDate={(currentValue) => {
-                setFirstDate(currentValue);
-            }}
-            onCommitSecondDate={(currentValue) => {
-                firstDate && currentValue && setIsOpen(false);
-            }}
+            lang={lang}
             {...dividerIconProps}
             {...rest}
         />

package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx

@@ -96,7 +96,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         segmentation: 'default',
         min: 0,
         max: 9,
-        precision: 2,
         step: 1,
         width: 188,
         isManualInput: false,

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

@@ -1,4 +1,4 @@
-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", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+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"];
 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); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 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."); }
@@ -95,6 +95,8 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
       _ref$closeOnEsc = _ref.closeOnEsc,
       closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
+      _ref$closeAfterDateSe = _ref.closeAfterDateSelect,
+      closeAfterDateSelect = _ref$closeAfterDateSe === void 0 ? true : _ref$closeAfterDateSe,
       offset = _ref.offset,
       onToggle = _ref.onToggle,
       onChange = _ref.onChange,
@@ -147,6 +149,14 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       _useState14 = _slicedToArray(_useState13, 2),
       inputSecondValue = _useState14[0],
       setInputSecondValue = _useState14[1];
+    var _useState15 = useState(Boolean(calendarFirstValue) && Boolean(calendarSecondValue)),
+      _useState16 = _slicedToArray(_useState15, 2),
+      fullDateEntered = _useState16[0],
+      setFullDateEntered = _useState16[1];
+    var _useState17 = useState(false),
+      _useState18 = _slicedToArray(_useState17, 2),
+      secondTextFieldClicked = _useState18[0],
+      setSecondTextFieldClicked = _useState18[1];
     var setFirstInputValue = function setFirstInputValue(value) {
       setInputFirstValue(value);
       if (onChange) {
@@ -207,12 +217,12 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       }),
       handleChangeSecondValue = _useDatePicker2.handleChangeValue,
       handleCommitSecondDate = _useDatePicker2.handleCommitDate;
-    var handleToggle = function handleToggle(opened, event) {
+    var handleToggle = function handleToggle(currentOpened, event) {
       var _firstInputRef$curren, _secondInputRef$curre;
       if (disabled || readOnly) {
         return;
       }
-      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 !== keys.Escape ? true : opened;
+      var isCalendarOpen = (firstInputRef !== null && firstInputRef !== void 0 && (_firstInputRef$curren = firstInputRef.current) !== null && _firstInputRef$curren !== void 0 && _firstInputRef$curren.contains((event === null || event === void 0 ? void 0 : event.target) || null) || secondInputRef !== null && secondInputRef !== void 0 && (_secondInputRef$curre = secondInputRef.current) !== null && _secondInputRef$curre !== void 0 && _secondInputRef$curre.contains((event === null || event === void 0 ? void 0 : event.target) || null)) && (event === null || event === void 0 ? void 0 : event.code) !== keys.Escape ? true : currentOpened;
       if (!isCalendarOpen) {
         if (calendarFirstValue && !calendarSecondValue) {
           var _secondInputRef$curre2;
@@ -223,11 +233,22 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
           firstInputRef === null || firstInputRef === void 0 || (_firstInputRef$curren2 = firstInputRef.current) === null || _firstInputRef$curren2 === void 0 || _firstInputRef$curren2.focus();
         }
       }
+      if (!isCalendarOpen) {
+        setSecondTextFieldClicked(false);
+      }
       if (onToggle) {
         return onToggle(isCalendarOpen, event);
       }
       setIsInnerOpen(isCalendarOpen);
     };
+    var handleFocusFirstTextField = function handleFocusFirstTextField(event) {
+      onFocusFirstTextfield === null || onFocusFirstTextfield === void 0 || onFocusFirstTextfield(event);
+      setSecondTextFieldClicked(false);
+    };
+    var handleFocusSecondTextField = function handleFocusSecondTextField(event) {
+      onFocusSecondTextfield === null || onFocusSecondTextfield === void 0 || onFocusSecondTextfield(event);
+      setSecondTextFieldClicked(true);
+    };
     var handleBlur = function handleBlur(event, outerHandler) {
       if (!inputFirstValue || !inputSecondValue) {
         outerHandler === null || outerHandler === void 0 || outerHandler(event);
@@ -267,6 +288,33 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
         closeOnEsc: closeOnEsc
       }),
       onKeyDown = _useKeyNavigation.onKeyDown;
+    var handleChangeStartOfRange = function handleChangeStartOfRange(chosenDate, dateInfo) {
+      if (fullDateEntered) {
+        var prevValue = secondTextFieldClicked ? calendarFirstValue : calendarSecondValue;
+        var _getSortedValues3 = getSortedValues([prevValue, chosenDate]),
+          _getSortedValues4 = _slicedToArray(_getSortedValues3, 2),
+          first = _getSortedValues4[0],
+          second = _getSortedValues4[1];
+        handleCommitFirstDate(first, false, true, dateInfo);
+        handleCommitSecondDate(second, false, true, dateInfo);
+        if (!firstValueError && !secondValueError && closeAfterDateSelect) {
+          handleToggle(false);
+        }
+        return;
+      }
+      handleCommitFirstDate(chosenDate, false, true, dateInfo);
+      handleCommitSecondDate('');
+    };
+    var handleChangeCalendarValue = function handleChangeCalendarValue(_ref2, dateInfo) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        firstDate = _ref3[0],
+        secondDate = _ref3[1];
+      firstDate && handleCommitFirstDate(firstDate, false, true, dateInfo);
+      secondDate && handleCommitSecondDate(secondDate, false, true, dateInfo);
+      if (firstDate && secondDate && !firstValueError && !secondValueError && closeAfterDateSelect) {
+        handleToggle(false);
+      }
+    };
     var RangeComponent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledRange, {
       ref: rangeRef,
       autoComplete: autoComplete,
@@ -312,8 +360,8 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
           rangeRef === null || rangeRef === void 0 || (_rangeRef$current4 = rangeRef.current) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.firstTextField()) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.current) === null || _rangeRef$current4 === void 0 || _rangeRef$current4.focus();
         }
       },
-      onFocusFirstTextfield: onFocusFirstTextfield,
-      onFocusSecondTextfield: onFocusSecondTextfield,
+      onFocusFirstTextfield: handleFocusFirstTextField,
+      onFocusSecondTextfield: handleFocusSecondTextField,
       onBlurFirstTextfield: function onBlurFirstTextfield(event) {
         return handleBlur(event, _onBlurFirstTextfield);
       },
@@ -362,8 +410,13 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
         lang: lang
       }));
     }, [format, lang]);
-    var RootWrapper = useCallback(function (_ref2) {
-      var children = _ref2.children;
+    useEffect(function () {
+      if (Boolean(calendarFirstValue) && Boolean(calendarSecondValue)) {
+        setFullDateEntered(true);
+      }
+    }, [calendarFirstValue, calendarSecondValue]);
+    var RootWrapper = useCallback(function (_ref4) {
+      var children = _ref4.children;
       return /*#__PURE__*/React.createElement(Root, {
         view: view,
         size: size,
@@ -405,20 +458,8 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       lang: lang,
       isDoubleCalendar: isDoubleCalendar,
       rootWrapper: RootWrapper,
-      onChangeStartOfRange: function onChangeStartOfRange(firstDate, dateInfo) {
-        handleCommitFirstDate(firstDate, false, true, dateInfo);
-        handleCommitSecondDate('');
-      },
-      onChangeValue: function onChangeValue(_ref3, dateInfo) {
-        var _ref4 = _slicedToArray(_ref3, 2),
-          firstDate = _ref4[0],
-          secondDate = _ref4[1];
-        firstDate && handleCommitFirstDate(firstDate, false, true, dateInfo);
-        secondDate && handleCommitSecondDate(secondDate, false, true, dateInfo);
-        if (firstDate && secondDate && !firstValueError && !secondValueError) {
-          setIsInnerOpen(false);
-        }
-      }
+      onChangeStartOfRange: handleChangeStartOfRange,
+      onChangeValue: handleChangeCalendarValue
     }), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper), /*#__PURE__*/React.createElement(InputHidden, _extends({
       name: name,
       type: "hidden",

package/styled-components/es/components/NumberInput/NumberInput.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "style", "width", "value", "min", "max", "step", "precision", "isLoading", "loader", "size", "view", "clear", "shape", "segmentation", "inputBackgroundType", "disabled", "textBefore", "textAfter", "customIncrementButton", "incrementIcon", "customDecrementButton", "decrementIcon", "isManualInput", "onChange", "onIncrement", "onDecrement"];
+var _excluded = ["className", "style", "width", "value", "min", "max", "step", "isLoading", "loader", "size", "view", "clear", "shape", "segmentation", "inputBackgroundType", "disabled", "textBefore", "textAfter", "customIncrementButton", "incrementIcon", "customDecrementButton", "decrementIcon", "isManualInput", "onChange", "onIncrement", "onDecrement"];
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -26,7 +26,6 @@ import { base as shapeCSS } from './variations/_shape/base';
 import { base as inputBackgroundTypeCSS } from './variations/_background-type/base';
 import { base as segmentationCSS } from './variations/_segmentation/base';
 import { base as disabledCSS } from './variations/_disabled/base';
-import { getPreciseValue } from './utils';
 export var numberInputRoot = function numberInputRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
     var _ref2;
@@ -38,8 +37,6 @@ export var numberInputRoot = function numberInputRoot(Root) {
       max = _ref.max,
       _ref$step = _ref.step,
       step = _ref$step === void 0 ? 1 : _ref$step,
-      _ref$precision = _ref.precision,
-      precision = _ref$precision === void 0 ? 2 : _ref$precision,
       isLoading = _ref.isLoading,
       loader = _ref.loader,
       size = _ref.size,
@@ -73,7 +70,6 @@ export var numberInputRoot = function numberInputRoot(Root) {
       _useState6 = _slicedToArray(_useState5, 2),
       isAnimationRun = _useState6[0],
       setIsAnimationRun = _useState6[1];
-    console.log('innerValue', innerValue);
     var innerWidth = width ? getSizeValueFromProp(width) : '100%';
     var actionIconSize = size === 'xs' ? 'xs' : 's';
     var solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;
@@ -94,8 +90,7 @@ export var numberInputRoot = function numberInputRoot(Root) {
       if (isLoading || disabled || isAnimationRun) {
         return;
       }
-      var preciseDiff = getPreciseValue(Number(innerValue) - step, precision);
-      var diffValue = Number(preciseDiff);
+      var diffValue = Number(innerValue) - step;
       var resValue = min !== undefined && diffValue <= min ? min : diffValue;
       setInnerValue(resValue);
       if (onDecrement) {
@@ -109,8 +104,7 @@ export var numberInputRoot = function numberInputRoot(Root) {
       if (isLoading || disabled || isAnimationRun) {
         return;
       }
-      var preciseDiff = getPreciseValue(Number(innerValue) + step, precision);
-      var diffValue = Number(preciseDiff);
+      var diffValue = Number(innerValue) + step;
       var resValue = max !== undefined && diffValue >= max ? max : diffValue;
       setInnerValue(resValue);
       if (onIncrement) {
@@ -154,7 +148,6 @@ export var numberInputRoot = function numberInputRoot(Root) {
       ref: ref,
       segmentation: segmentation,
       value: innerValue,
-      precision: precision,
       min: min,
       max: max,
       isManualInput: isManualInput,