@salutejs/plasma-new-hope 0.328.0-canary.2048.15922770814.0 → 0.328.0-canary.2050.15924604410.0

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

@@ -196,7 +196,7 @@ var textFieldRoot = function(Root) {
         hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, hintTargetIcon = _param.hintTargetIcon, _param_hintTargetPlacement = _param.hintTargetPlacement, hintTargetPlacement = _param_hintTargetPlacement === void 0 ? 'outer' : _param_hintTargetPlacement, _param_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, _param_hintOffset = _param.hintOffset, hintOffset = _param_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _param_hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, // variations
         view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, hasDivider = _param.hasDivider, // controlled
         outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // events
-        onChange = _param.onChange, onChangeChips = _param.onChangeChips, onSearch = _param.onSearch, onKeyDown = _param.onKeyDown, onFocus = _param.onFocus, onBlur = _param.onBlur, // Пропсы для внутреннего использования, не отдается наружу.
+        onChange = _param.onChange, onChangeChips = _param.onChangeChips, onSearch = _param.onSearch, onKeyDown = _param.onKeyDown, onFocus = _param.onFocus, onBlur = _param.onBlur, onPaste = _param.onPaste, // Пропсы для внутреннего использования, не отдается наружу.
         // @ts-ignore
         _onEnterDisabled = _param._onEnterDisabled, // @ts-ignore
         _forceChipManipulationWithReadonly = _param._forceChipManipulationWithReadonly, rest = _object_without_properties(_param, [
@@ -246,6 +246,7 @@ var textFieldRoot = function(Root) {
             "onKeyDown",
             "onFocus",
             "onBlur",
+            "onPaste",
             "_onEnterDisabled",
             "_forceChipManipulationWithReadonly"
         ]);
@@ -361,6 +362,23 @@ var textFieldRoot = function(Root) {
                 event.currentTarget.style.width = "".concat(textWidth, "px");
             }
         };
+        var handlePaste = function(event) {
+            if (disabled || readOnly) {
+                return;
+            }
+            if (onPaste) {
+                onPaste(event);
+            }
+            if (hasTextAfter) {
+                setTimeout(function() {
+                    if (!inputRef.current) {
+                        return;
+                    }
+                    var textWidth = (0, _getInputWidth.getInputWidth)(inputRef.current, inputContainerRef.current);
+                    inputRef.current.style.width = "".concat(textWidth, "px");
+                });
+            }
+        };
         var updateChips = function(newChips, newValues) {
             setChips(newChips);
             onChangeChips === null || onChangeChips === void 0 ? void 0 : onChangeChips(newValues);
@@ -554,6 +572,7 @@ var textFieldRoot = function(Root) {
             onKeyDown: handleOnKeyDown,
             onFocus: handleFocus,
             onBlur: handleBlur,
+            onPaste: handlePaste,
             "data-tour": true
         }, rest)), hasInnerLabel && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.Label, {
             "data-root": true,

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

@@ -1,3 +1,11 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -11,6 +19,33 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+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 _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -53,30 +88,73 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import React, { forwardRef } from "react";
+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 _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import React, { forwardRef, useRef, useState } from "react";
 import { NumericFormat } from "react-number-format";
+import { useForkRef } from "@salutejs/plasma-core";
 export var composeNumberFormat = function(InputComponent) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRef) {
-        var _param_thousandSeparator = _param.thousandSeparator, thousandSeparator = _param_thousandSeparator === void 0 ? ' ' : _param_thousandSeparator, _param_decimalScale = _param.decimalScale, decimalScale = _param_decimalScale === void 0 ? 3 : _param_decimalScale, _param_decimalSeparator = _param.decimalSeparator, decimalSeparator = _param_decimalSeparator === void 0 ? '.' : _param_decimalSeparator, onChange = _param.onChange, rest = _object_without_properties(_param, [
+        var _param_thousandSeparator = _param.thousandSeparator, thousandSeparator = _param_thousandSeparator === void 0 ? ' ' : _param_thousandSeparator, _param_decimalScale = _param.decimalScale, decimalScale = _param_decimalScale === void 0 ? 3 : _param_decimalScale, _param_decimalSeparator = _param.decimalSeparator, decimalSeparator = _param_decimalSeparator === void 0 ? '.' : _param_decimalSeparator, disabled = _param.disabled, value = _param.value, onChange = _param.onChange, onPaste = _param.onPaste, rest = _object_without_properties(_param, [
             "thousandSeparator",
             "decimalScale",
             "decimalSeparator",
-            "onChange"
+            "disabled",
+            "value",
+            "onChange",
+            "onPaste"
         ]);
+        var inputRef = useRef(null);
+        var inputForkRef = useForkRef(inputRef, outerRef);
+        var _useState = _sliced_to_array(useState(value), 2), innerValue = _useState[0], setInnerValue = _useState[1];
         var handleChangeValue = function(values, sourceInfo) {
             if (onChange) {
                 var changeEvent = sourceInfo.event;
+                setInnerValue(values.value);
                 onChange(changeEvent, values);
             }
         };
+        var handlePaste = function(event) {
+            if (disabled) {
+                return;
+            }
+            if (decimalSeparator !== '.' && inputRef.current) {
+                if (!Number.isNaN(Number(event.clipboardData.getData('text/plain')))) {
+                    event.preventDefault();
+                    var pastedValue = event.clipboardData.getData('text/plain').replace('.', decimalSeparator);
+                    var input = event.target;
+                    var startPos = input.selectionStart || 0;
+                    var newCursorPos = startPos + pastedValue.length;
+                    setInnerValue(pastedValue);
+                    setTimeout(function() {
+                        var _inputRef_current;
+                        (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.setSelectionRange(newCursorPos, newCursorPos);
+                    }, 10);
+                }
+            }
+            if (onPaste) {
+                onPaste(event);
+            }
+        };
         return /*#__PURE__*/ React.createElement(NumericFormat, _object_spread({
+            value: innerValue,
             thousandSeparator: thousandSeparator,
             decimalScale: decimalScale,
             decimalSeparator: decimalSeparator,
             customInput: InputComponent,
-            getInputRef: outerRef,
+            getInputRef: inputForkRef,
             _textEllipsisDisable: true,
-            onValueChange: handleChangeValue
+            onValueChange: handleChangeValue,
+            onPaste: handlePaste
         }, rest));
     });
 };

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

@@ -134,7 +134,7 @@ export var textFieldRoot = function(Root) {
         hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, hintTargetIcon = _param.hintTargetIcon, _param_hintTargetPlacement = _param.hintTargetPlacement, hintTargetPlacement = _param_hintTargetPlacement === void 0 ? 'outer' : _param_hintTargetPlacement, _param_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, _param_hintOffset = _param.hintOffset, hintOffset = _param_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _param_hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, // variations
         view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, hasDivider = _param.hasDivider, // controlled
         outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // events
-        onChange = _param.onChange, onChangeChips = _param.onChangeChips, onSearch = _param.onSearch, onKeyDown = _param.onKeyDown, onFocus = _param.onFocus, onBlur = _param.onBlur, // Пропсы для внутреннего использования, не отдается наружу.
+        onChange = _param.onChange, onChangeChips = _param.onChangeChips, onSearch = _param.onSearch, onKeyDown = _param.onKeyDown, onFocus = _param.onFocus, onBlur = _param.onBlur, onPaste = _param.onPaste, // Пропсы для внутреннего использования, не отдается наружу.
         // @ts-ignore
         _onEnterDisabled = _param._onEnterDisabled, // @ts-ignore
         _forceChipManipulationWithReadonly = _param._forceChipManipulationWithReadonly, rest = _object_without_properties(_param, [
@@ -184,6 +184,7 @@ export var textFieldRoot = function(Root) {
             "onKeyDown",
             "onFocus",
             "onBlur",
+            "onPaste",
             "_onEnterDisabled",
             "_forceChipManipulationWithReadonly"
         ]);
@@ -299,6 +300,23 @@ export var textFieldRoot = function(Root) {
                 event.currentTarget.style.width = "".concat(textWidth, "px");
             }
         };
+        var handlePaste = function(event) {
+            if (disabled || readOnly) {
+                return;
+            }
+            if (onPaste) {
+                onPaste(event);
+            }
+            if (hasTextAfter) {
+                setTimeout(function() {
+                    if (!inputRef.current) {
+                        return;
+                    }
+                    var textWidth = getInputWidth(inputRef.current, inputContainerRef.current);
+                    inputRef.current.style.width = "".concat(textWidth, "px");
+                });
+            }
+        };
         var updateChips = function(newChips, newValues) {
             setChips(newChips);
             onChangeChips === null || onChangeChips === void 0 ? void 0 : onChangeChips(newValues);
@@ -492,6 +510,7 @@ export var textFieldRoot = function(Root) {
             onKeyDown: handleOnKeyDown,
             onFocus: handleFocus,
             onBlur: handleBlur,
+            onPaste: handlePaste,
             "data-tour": true
         }, rest)), hasInnerLabel && /*#__PURE__*/ React.createElement(Label, {
             "data-root": true,

package/types/components/NumberFormat/NumberFormat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberFormat.d.ts","sourceRoot":"","sources":["../../../src/components/NumberFormat/NumberFormat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,qBAAqB,CAAC;AAE1E,OAAO,KAAK,EAER,wBAAwB,EACxB,0BAA0B,EAC7B,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,0BAA0B,kBAAkB,EAAE,CAAC,CAAC,CAAC;;;;;;;;;qBAyBgyB,CAAC,uCAAuC,CAAC;mGADv6B,CAAC"}
+{"version":3,"file":"NumberFormat.d.ts","sourceRoot":"","sources":["../../../src/components/NumberFormat/NumberFormat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,EAAE,EAAkB,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,qBAAqB,CAAC;AAG1E,OAAO,KAAK,EAER,wBAAwB,EACxB,0BAA0B,EAC7B,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,0BAA0B,kBAAkB,EAAE,CAAC,CAAC,CAAC;;;;;;;;;qBA6CzC,CAAC,uCAC/B,CAAtB;mGAyBD,CAAC"}

package/types/components/TextField/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,EAAuC,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAuCjH,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAIF,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC,4FA+f5E,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAjgBQ,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0iBhF,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,EAAuC,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAuCjH,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAIF,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC,4FAshB5E,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAxhBQ,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAikBhF,CAAC"}