@salutejs/plasma-new-hope 0.159.0-canary.1443.11140129684.0 → 0.159.0-canary.1464.11140740510.0

package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Slider = exports.RailWrap = exports.Rail = exports.Fill = void 0;
+exports.Slider = exports.RailWrap = exports.Rail = exports.InputHidden = exports.Fill = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _mixins = /*#__PURE__*/require("../../../../mixins");
 var _Slider = /*#__PURE__*/require("../../Slider.tokens");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var Slider = exports.Slider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
@@ -18,4 +19,7 @@ var Rail = exports.Rail = /*#__PURE__*/_styledComponents["default"].div.withConf
 })(["position:relative;top:50%;height:var(", ");border-radius:var(", ");background-color:var(", ");overflow:hidden;transform:translateY(-50%);"], _Slider.tokens.railHeight, _Slider.tokens.railBorderRadius, _Slider.tokens.railBackgroundColor);
 var Fill = exports.Fill = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-ik0bjb-3"
-})(["position:absolute;height:100%;top:0;left:0;background:var(", ");width:0;"], _Slider.tokens.fillColor);
+})(["position:absolute;height:100%;top:0;left:0;background:var(", ");width:0;"], _Slider.tokens.fillColor);
+var InputHidden = exports.InputHidden = /*#__PURE__*/_styledComponents["default"].input.withConfig({
+  componentId: "plasma-new-hope__sc-ik0bjb-4"
+})(["", ";"], /*#__PURE__*/(0, _mixins.applyHidden)());

package/styled-components/cjs/components/Slider/components/index.js

@@ -24,4 +24,15 @@ Object.keys(_Double).forEach(function (key) {
       return _Double[key];
     }
   });
+});
+var _DoubleUncontrolled = /*#__PURE__*/require("./DoubleUncontrolled/DoubleUncontrolled");
+Object.keys(_DoubleUncontrolled).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DoubleUncontrolled[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DoubleUncontrolled[key];
+    }
+  });
 });

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

@@ -128,7 +128,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
       _useState6 = _slicedToArray(_useState5, 2),
       uncontrolledValue = _useState6[0],
       setUncontrolledValue = _useState6[1];
-    var outerRef = innerRef && 'current' in innerRef ? innerRef : /*#__PURE__*/(0, _react.createRef)();
+    var outerRef = /*#__PURE__*/(0, _react.createRef)();
     var innerOptional = required ? false : optional;
     var hasHelper = Boolean(leftHelper || rightHelper || helperText);
     var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
@@ -201,7 +201,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
       hasContentRight: Boolean(contentRight),
       hasHelper: hasHelper,
       applyCustomWidth: applyCustomWidth,
-      ref: outerRef,
+      ref: (0, _utils.mergeRefs)(outerRef, innerRef),
       disabled: disabled,
       height: autoResize || Boolean(clear) ? minAuto : height,
       width: width,

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

@@ -40,6 +40,7 @@ const meta: Meta<typeof Slider> = {
             'gap',
             'settings',
             'hasHoverAnimation',
+            'type',
         ]),
     },
 };

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

@@ -39,6 +39,7 @@ const meta: Meta<typeof Slider> = {
             'gap',
             'settings',
             'hasHoverAnimation',
+            'type',
         ]),
     },
 };

package/styled-components/cjs/index.js

@@ -553,17 +553,6 @@ Object.keys(_Slider).forEach(function (key) {
     }
   });
 });
-var _Steps = /*#__PURE__*/require("./components/Steps");
-Object.keys(_Steps).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Steps[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Steps[key];
-    }
-  });
-});
 var _Range = /*#__PURE__*/require("./components/Range");
 Object.keys(_Range).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/styled-components/cjs/mixins/applyHidden.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.applyHidden = void 0;
+var applyHidden = exports.applyHidden = function applyHidden() {
+  return "visibility: hidden;\n    width: 0;\n    height: 0;\n    opacity: 0;\n    margin: 0;\n    padding: 0;\n    border: none;\n";
+};

package/styled-components/cjs/mixins/index.js

@@ -123,4 +123,15 @@ Object.keys(_applyDisabled).forEach(function (key) {
       return _applyDisabled[key];
     }
   });
+});
+var _applyHidden = /*#__PURE__*/require("./applyHidden");
+Object.keys(_applyHidden).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _applyHidden[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _applyHidden[key];
+    }
+  });
 });

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

@@ -13,8 +13,11 @@ var _exportNames = {
   IS_REACT_18: true,
   safeUseId: true,
   isNumber: true,
+  mergeRefs: true,
+  setRefList: true,
   isEmpty: true,
-  constants: true
+  constants: true,
+  noop: true
 };
 Object.defineProperty(exports, "IS_REACT_18", {
   enumerable: true,
@@ -53,17 +56,36 @@ Object.defineProperty(exports, "isNumber", {
     return _isNumber.isNumber;
   }
 });
+Object.defineProperty(exports, "mergeRefs", {
+  enumerable: true,
+  get: function get() {
+    return _setRefList.mergeRefs;
+  }
+});
+Object.defineProperty(exports, "noop", {
+  enumerable: true,
+  get: function get() {
+    return _noop.noop;
+  }
+});
 Object.defineProperty(exports, "safeUseId", {
   enumerable: true,
   get: function get() {
     return _react.safeUseId;
   }
 });
+Object.defineProperty(exports, "setRefList", {
+  enumerable: true,
+  get: function get() {
+    return _setRefList.setRefList;
+  }
+});
 var _canUseDOM = /*#__PURE__*/require("./canUseDOM");
 var _extractTextFrom = /*#__PURE__*/require("./extractTextFrom");
 var _getSizeValueFromProp = /*#__PURE__*/require("./getSizeValueFromProp");
 var _react = /*#__PURE__*/require("./react");
 var _isNumber = /*#__PURE__*/require("./isNumber");
+var _setRefList = /*#__PURE__*/require("./setRefList");
 var _isEmpty = /*#__PURE__*/require("./isEmpty");
 var _constants = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("./constants"));
 exports.constants = _constants;
@@ -79,6 +101,7 @@ Object.keys(_getPopoverPlacement).forEach(function (key) {
     }
   });
 });
+var _noop = /*#__PURE__*/require("./noop");
 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; }
 var cx = exports.cx = function cx() {

package/styled-components/cjs/utils/noop.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.noop = void 0;
+var noop = exports.noop = {
+  onChange: function onChange() {}
+};

package/styled-components/cjs/utils/setRefList.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mergeRefs = mergeRefs;
+exports.setRefList = setRefList;
+function mergeRefs() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+  return function (val) {
+    setRefList.apply(void 0, [val].concat(refs));
+  };
+}
+function setRefList(val) {
+  for (var _len2 = arguments.length, refs = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+    refs[_key2 - 1] = arguments[_key2];
+  }
+  refs.forEach(function (ref) {
+    if (typeof ref === 'function') {
+      ref(val);
+    }
+    if (ref != null && typeof ref !== 'function') {
+      ref.current = val;
+    }
+  });
+}

package/styled-components/es/components/DatePicker/DatePickerBase.styles.js

@@ -1,6 +1,7 @@
 import styled from 'styled-components';
 import { calendarBaseConfig, calendarBaseTokens } from '../Calendar';
 import { component, mergeConfig } from '../../engines';
+import { applyHidden } from '../../mixins';
 import { tokens } from './DatePicker.tokens';
 var mergedCalendarConfig = /*#__PURE__*/mergeConfig(calendarBaseConfig);
 var Calendar = /*#__PURE__*/component(mergedCalendarConfig);
@@ -9,4 +10,7 @@ export var baseCalendarTokens = /*#__PURE__*/"\n    padding-top: var(".concat(to
 // NOTE: переопределение токенов Calendar
 export var StyledCalendar = /*#__PURE__*/styled(Calendar).withConfig({
   componentId: "plasma-new-hope__sc-1i6o09y-0"
-})(["width:var(", ");", ""], tokens.width, baseCalendarTokens);
+})(["width:var(", ");", ""], tokens.width, baseCalendarTokens);
+export var InputHidden = /*#__PURE__*/styled.input.withConfig({
+  componentId: "plasma-new-hope__sc-1i6o09y-1"
+})(["", ";"], /*#__PURE__*/applyHidden());

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

@@ -1,4 +1,4 @@
-var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
 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."); }
@@ -9,11 +9,12 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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; }
 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; }
 import React, { createRef, forwardRef, useCallback, useEffect, useRef, useState } from 'react';
-import { cx } from '../../../utils';
+import { cx, noop } from '../../../utils';
 import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';
 import { useDatePicker } from '../hooks/useDatePicker';
 import { classes } from '../DatePicker.tokens';
 import { useKeyNavigation } from '../hooks/useKeyboardNavigation';
+import { InputHidden } from '../DatePickerBase.styles';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as viewCSS } from './variations/_view/base';
 import { base as disabledCSS } from './variations/_disabled/base';
@@ -38,6 +39,7 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      name = _ref.name,
       _ref$dividerVariant = _ref.dividerVariant,
       dividerVariant = _ref$dividerVariant === void 0 ? 'dash' : _ref$dividerVariant,
       dividerIcon = _ref.dividerIcon,
@@ -86,6 +88,7 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
       offset = _ref.offset,
       onToggle = _ref.onToggle,
+      onChange = _ref.onChange,
       onChangeFirstValue = _ref.onChangeFirstValue,
       onChangeSecondValue = _ref.onChangeSecondValue,
       onCommitFirstDate = _ref.onCommitFirstDate,
@@ -97,6 +100,8 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       rest = _objectWithoutProperties(_ref, _excluded);
     var rangeRef = ref && 'current' in ref ? ref : /*#__PURE__*/createRef();
     var rootRef = useRef(null);
+    var innerRefFirst = useRef(null);
+    var innerRefSecond = useRef(null);
     var _useState = useState(rangeRef === null || rangeRef === void 0 || (_rangeRef$current = rangeRef.current) === null || _rangeRef$current === void 0 ? void 0 : _rangeRef$current.firstTextField()),
       _useState2 = _slicedToArray(_useState, 2),
       firstInputRef = _useState2[0],
@@ -133,12 +138,34 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       _useState14 = _slicedToArray(_useState13, 2),
       inputSecondValue = _useState14[0],
       setInputSecondValue = _useState14[1];
+    var setFirstInputValue = function setFirstInputValue(value) {
+      setInputFirstValue(value);
+      if (onChange) {
+        onChange({
+          target: {
+            value: "".concat(value, " - ").concat(inputSecondValue),
+            name: name
+          }
+        });
+      }
+    };
+    var setSecondInputValue = function setSecondInputValue(value) {
+      setInputSecondValue(value);
+      if (onChange) {
+        onChange({
+          target: {
+            value: "".concat(inputFirstValue, " - ").concat(value),
+            name: name
+          }
+        });
+      }
+    };
     var dateFormatDelimiter = useCallback(function () {
       return getDateFormatDelimiter(format);
     }, [format]);
     var _useDatePicker = useDatePicker({
         currentValue: inputFirstValue,
-        setInputValue: setInputFirstValue,
+        setInputValue: setFirstInputValue,
         setCalendarValue: setCalendarFirstValue,
         setIsInnerOpen: setIsInnerOpen,
         dateFormatDelimiter: dateFormatDelimiter,
@@ -150,6 +177,7 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
         valueError: firstValueError,
         valueSuccess: firstValueSuccess,
         inputRef: firstInputRef,
+        name: name,
         onChangeValue: onChangeFirstValue,
         onCommitDate: onCommitFirstDate
       }),
@@ -157,7 +185,7 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       handleCommitFirstDate = _useDatePicker.handleCommitDate;
     var _useDatePicker2 = useDatePicker({
         currentValue: inputSecondValue,
-        setInputValue: setInputSecondValue,
+        setInputValue: setSecondInputValue,
         setCalendarValue: setCalendarSecondValue,
         setIsInnerOpen: setIsInnerOpen,
         dateFormatDelimiter: dateFormatDelimiter,
@@ -216,6 +244,7 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       secondValueSuccess: secondValueSuccess,
       onChangeFirstValue: handleChangeFirstValue,
       onChangeSecondValue: handleChangeSecondValue,
+      name: name,
       onSearchFirstValue: function onSearchFirstValue(_, date) {
         handleCommitFirstDate(String(date), true, false);
         if (!calendarSecondValue || secondValueError) {
@@ -320,7 +349,21 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
           setIsInnerOpen(false);
         }
       }
-    }), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper));
+    }), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper), /*#__PURE__*/React.createElement(InputHidden, _extends({
+      name: name,
+      type: "hidden",
+      datatype: "datepicker-double",
+      "data-datepicker": "from",
+      value: inputFirstValue,
+      ref: innerRefFirst
+    }, noop)), /*#__PURE__*/React.createElement(InputHidden, _extends({
+      name: name,
+      type: "hidden",
+      datatype: "datepicker-double",
+      "data-datepicker": "to",
+      value: inputSecondValue,
+      ref: innerRefSecond
+    }, noop)));
   });
 };
 export var datePickerRangeConfig = {

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

@@ -1,4 +1,4 @@
-var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur"];
+var _excluded = ["className", "opened", "label", "labelPlacement", "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", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
 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."); }
@@ -9,11 +9,11 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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; }
 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; }
 import React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
-import { cx, getPlacements } from '../../../utils';
+import { cx, getPlacements, noop } from '../../../utils';
 import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';
 import { useDatePicker } from '../hooks/useDatePicker';
 import { classes } from '../DatePicker.tokens';
-import { StyledCalendar } from '../DatePickerBase.styles';
+import { InputHidden, StyledCalendar } from '../DatePickerBase.styles';
 import { useKeyNavigation } from '../hooks/useKeyboardNavigation';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as viewCSS } from './variations/_view/base';
@@ -40,6 +40,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
       readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      name = _ref.name,
       _ref$defaultDate = _ref.defaultDate,
       defaultDate = _ref$defaultDate === void 0 ? '' : _ref$defaultDate,
       valueError = _ref.valueError,
@@ -73,8 +74,10 @@ export var datePickerRoot = function datePickerRoot(Root) {
       onToggle = _ref.onToggle,
       onFocus = _ref.onFocus,
       onBlur = _ref.onBlur,
+      onChange = _ref.onChange,
       rest = _objectWithoutProperties(_ref, _excluded);
     var inputRef = useRef(null);
+    var innerRef = useRef(null);
     var _useState = useState(opened),
       _useState2 = _slicedToArray(_useState, 2),
       isInnerOpen = _useState2[0],
@@ -109,9 +112,11 @@ export var datePickerRoot = function datePickerRoot(Root) {
         valueError: valueError,
         valueSuccess: valueSuccess,
         inputRef: inputRef,
+        name: name,
         onToggle: onToggle,
         onChangeValue: onChangeValue,
-        onCommitDate: onCommitDate
+        onCommitDate: onCommitDate,
+        onChange: onChange
       }),
       datePickerErrorClass = _useDatePicker.datePickerErrorClass,
       datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
@@ -205,7 +210,13 @@ export var datePickerRoot = function datePickerRoot(Root) {
       onChangeValue: function onChangeValue(date, dateInfo) {
         return handleCommitDate(date, false, true, dateInfo);
       }
-    })), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper));
+    })), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper), /*#__PURE__*/React.createElement(InputHidden, _extends({
+      type: "hidden",
+      datatype: "datepicker-single",
+      name: name,
+      value: inputValue,
+      ref: innerRef
+    }, noop)));
   });
 };
 export var datePickerConfig = {

package/styled-components/es/components/DatePicker/hooks/useDatePicker.js

@@ -16,9 +16,11 @@ export var useDatePicker = function useDatePicker(_ref) {
     valueError = _ref.valueError,
     valueSuccess = _ref.valueSuccess,
     inputRef = _ref.inputRef,
+    name = _ref.name,
     onToggle = _ref.onToggle,
     onChangeValue = _ref.onChangeValue,
-    onCommitDate = _ref.onCommitDate;
+    onCommitDate = _ref.onCommitDate,
+    onChange = _ref.onChange;
   var datePickerErrorClass = valueError ? classes.datePickerError : undefined;
   var datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined;
   var handleToggle = function handleToggle(opened, event) {
@@ -45,6 +47,12 @@ export var useDatePicker = function useDatePicker(_ref) {
         lang: lang
       }));
       onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
+      onChange === null || onChange === void 0 || onChange({
+        target: {
+          value: newValue,
+          name: name
+        }
+      });
       return;
     }
 
@@ -77,6 +85,12 @@ export var useDatePicker = function useDatePicker(_ref) {
       isLengthEqual: isLengthEqual
     }));
     onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
+    onChange === null || onChange === void 0 || onChange({
+      target: {
+        value: newValue,
+        name: name
+      }
+    });
   };
   var handleCommitDate = function handleCommitDate(date, applyFormat, isCalendarValue, dateInfo) {
     if (disabled || readOnly) {
@@ -95,6 +109,16 @@ export var useDatePicker = function useDatePicker(_ref) {
         lang: lang
       }));
       onCommitDate === null || onCommitDate === void 0 || onCommitDate(date, false, true, dateInfo);
+      onChange === null || onChange === void 0 || onChange({
+        target: {
+          value: formatInputValue({
+            value: date,
+            format: format,
+            lang: lang
+          }),
+          name: name
+        }
+      });
       return;
     }
     var formatString = applyFormat ? format : undefined;
@@ -109,6 +133,15 @@ export var useDatePicker = function useDatePicker(_ref) {
       lang: lang
     }));
     onCommitDate === null || onCommitDate === void 0 || onCommitDate(newDate, isError, isSuccess);
+    onChange === null || onChange === void 0 || onChange({
+      target: {
+        value: formatInputValue({
+          value: date,
+          format: format
+        }),
+        name: name
+      }
+    });
   };
   return {
     datePickerErrorClass: datePickerErrorClass,

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

@@ -1,17 +1,29 @@
+var _excluded = ["type"];
 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 _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; }
+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; }
+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); }
 import React, { forwardRef } from 'react';
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as disabledCSS } from './variations/_disabled/base';
-import { SingleSlider, DoubleSlider } from './components';
-var isSingleValueProps = function isSingleValueProps(props) {
-  return typeof props.value === 'number';
+import { SingleSlider, DoubleUncontrolled } from './components';
+// TODO: проверить, можно ли обойтись без каста типов
+
+var isSingleValueProps = function isSingleValueProps(props, type) {
+  return typeof props.value === 'number' || type === 'single' && _typeof(props.value) !== 'object';
+};
+var isDoubleValueProps = function isDoubleValueProps(props, type) {
+  return _typeof(props.value) === 'object' || type === 'double';
 };
 export var sliderRoot = function sliderRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(Root, _extends({
+  return /*#__PURE__*/forwardRef(function (_ref, ref) {
+    var _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'single' : _ref$type,
+      props = _objectWithoutProperties(_ref, _excluded);
+    return /*#__PURE__*/React.createElement(Root, _extends({}, props, {
       ref: ref
-    }, props), isSingleValueProps(props) && /*#__PURE__*/React.createElement(SingleSlider, props), !isSingleValueProps(props) && /*#__PURE__*/React.createElement(DoubleSlider, props));
+    }), isSingleValueProps(props, type) && /*#__PURE__*/React.createElement(SingleSlider, props), isDoubleValueProps(props, type) && /*#__PURE__*/React.createElement(DoubleUncontrolled, props));
   });
 };
 export var sliderConfig = {

package/styled-components/es/components/Slider/components/Double/Double.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 = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize"];
+var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize", "name"];
 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; }
@@ -17,9 +17,10 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { SliderBase } from '../SliderBase/SliderBase';
 import { Handler } from '../../ui';
+import { cx, isNumber, noop } from '../../../../utils';
 import { sizeData } from '../../utils';
-import { cx, isNumber } from '../../../../utils';
 import { classes } from '../../Slider.tokens';
+import { InputHidden } from '../SliderBase/SliderBase.styles';
 import { SliderWrapper, InputsWrapper, Label, LabelContentLeft, LabelWrapper, StyledInput, DoubleWrapper } from './Double.styles';
 function getXCenterHandle(handle) {
   var _handle$parentElement;
@@ -45,6 +46,7 @@ export var DoubleSlider = function DoubleSlider(_ref) {
     ariaLabel = _ref.ariaLabel,
     _ref$multipleStepSize = _ref.multipleStepSize,
     multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
+    name = _ref.name,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState({
       stepSize: 0,
@@ -80,6 +82,8 @@ export var DoubleSlider = function DoubleSlider(_ref) {
   var secondHandleRef = useRef(null);
   var firstHandleValue = useRef(value[0]);
   var secondHandleValue = useRef(value[1]);
+  var innerRefFirst = useRef(null);
+  var innerRefSecond = useRef(null);
   var stepSize = state.stepSize;
   var hasLabelContent = label || labelContentLeft;
   var firstInputActiveClass = firstInputActive && !disabled ? classes.textFieldActive : undefined;
@@ -306,5 +310,19 @@ export var DoubleSlider = function DoubleSlider(_ref) {
     onChange: onSecondTextfieldChange,
     onBlur: onSecondTextfieldBlur,
     onKeyDown: onTextfieldKeyDown
-  }))));
+  }))), /*#__PURE__*/React.createElement(InputHidden, _extends({
+    name: name,
+    type: "number",
+    datatype: "slider-double",
+    "data-slidertype": "min",
+    value: firstValue,
+    ref: innerRefFirst
+  }, noop)), /*#__PURE__*/React.createElement(InputHidden, _extends({
+    name: name,
+    type: "number",
+    datatype: "slider-double",
+    "data-slidertype": "max",
+    value: secondValue,
+    ref: innerRefSecond
+  }, noop)));
 };