@salutejs/plasma-new-hope 0.336.0-canary.2210.17488241312.0 → 0.336.0-canary.2210.17546691141.0

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

@@ -29,7 +29,6 @@ var _base = require("./variations/_view/base");
 var _base1 = require("./variations/_size/base");
 var _base2 = require("./variations/_shape/base");
 var _base3 = require("./variations/_disabled/base");
-var _useWebOTP = require("./hooks/useWebOTP");
 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];
@@ -213,18 +212,20 @@ var codeFieldRoot = function(Root) {
             "onChange",
             "onFullCodeEnter"
         ]);
+        var _autocompleteRef_current;
         var _useState = _sliced_to_array((0, _react.useState)((0, _utils1.getCodeValue)(codeLength, '')), 2), innerValue = _useState[0], setInnerValue = _useState[1];
-        var code = (outerValue === null || outerValue === void 0 ? void 0 : outerValue.length) ? (0, _utils1.getCodeValue)(codeLength, outerValue) : innerValue;
+        var code = typeof outerValue === 'string' ? (0, _utils1.getCodeValue)(codeLength, outerValue) : innerValue;
         var _useState1 = _sliced_to_array((0, _react.useState)(code.join('')), 2), originalValue = _useState1[0], setOriginalValue = _useState1[1];
-        var _useState2 = _sliced_to_array((0, _react.useState)(null), 2), otpVal = _useState2[0], setOtpVal = _useState2[1];
+        // const [otpVal, setOtpVal] = useState<Credential | null>(null);
         var inputRefs = (0, _react.useRef)([]);
         var inputContainerRef = (0, _react.useRef)(null);
         var captionRef = (0, _react.useRef)(null);
+        var autocompleteRef = (0, _react.useRef)(null);
         var fieldPattern = (0, _utils1.getFieldPattern)(allowedSymbols);
         var placeholderValue = (0, _utils1.getPlaceholderValue)(codeLength, placeholder);
         var parts = codeLength === 6 ? 2 : 1;
         var widthValue = width ? (0, _utils.getSizeValueFromProp)(width, 'rem') : undefined;
-        var isWebOTPEnabled = autoComplete === 'one-time-code' && !disabled && !(0, _utils1.isWebOTPSupported)();
+        var isWebOTPEnabled = autoComplete === 'one-time-code' && !disabled && (0, _utils1.isWebOTPSupported)();
         var getLastActiveIndex = function() {
             if (code.length && code.length < codeLength) {
                 return code.length;
@@ -235,25 +236,25 @@ var codeFieldRoot = function(Root) {
             return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;
         };
         var codeSetter = function(newCode) {
-            setInnerValue(newCode);
             var originalCode = newCode.join('');
+            setInnerValue((0, _utils1.getCodeValue)(codeLength, originalCode));
             setOriginalValue(originalCode);
             if (onChange) {
                 onChange(originalCode);
             }
-            if (originalCode.length > 0) {
-                stopWebOTPListener();
-            }
+        // if (originalCode.length > 0) {
+        //     stopWebOTPListener();
+        // }
         };
-        var _useWebOTP1 = (0, _useWebOTP.useWebOTP)({
-            codeString: originalValue,
-            enableSMSAutoRead: autoComplete === 'one-time-code',
-            disabled: Boolean(disabled),
-            codeLength: codeLength,
-            codeSetter: codeSetter,
-            onFullCodeEnter: onFullCodeEnter,
-            setOtpVal: setOtpVal
-        }), startWebOTPListener = _useWebOTP1.startWebOTPListener, stopWebOTPListener = _useWebOTP1.stopWebOTPListener;
+        // const { startWebOTPListener, stopWebOTPListener } = useWebOTP({
+        //     codeString: originalValue,
+        //     enableSMSAutoRead: autoComplete === 'one-time-code',
+        //     disabled: Boolean(disabled),
+        //     codeLength,
+        //     codeSetter,
+        //     onFullCodeEnter,
+        //     setOtpVal,
+        // });
         var handleClick = function() {
             if (disabled) {
                 return;
@@ -311,6 +312,9 @@ var codeFieldRoot = function(Root) {
                     setIsError(false);
                 }
             }
+            if (!symbol) {
+                return;
+            }
             if (!fieldPattern) {
                 newCode[index] = symbol;
                 codeSetter(newCode);
@@ -320,9 +324,6 @@ var codeFieldRoot = function(Root) {
                 }
                 return;
             }
-            if (!symbol) {
-                return;
-            }
             if (fieldPattern.test(symbol)) {
                 newCode[index] = symbol.charAt(symbol.length - 1);
                 codeSetter(newCode);
@@ -367,7 +368,7 @@ var codeFieldRoot = function(Root) {
             if (onFullCodeEnter) {
                 onFullCodeEnter(fullCode);
             }
-            startWebOTPListener();
+        // startWebOTPListener();
         }, []);
         (0, _hooks1.useCodeHook)({
             inputRefs: inputRefs,
@@ -394,6 +395,16 @@ var codeFieldRoot = function(Root) {
         }, [
             isError
         ]);
+        (0, _react.useEffect)(function() {
+            if (disabled || !autocompleteRef.current) {
+                return;
+            }
+            var autocompleteCode = autocompleteRef.current.value.split('');
+            codeSetter(autocompleteCode);
+        }, [
+            (_autocompleteRef_current = autocompleteRef.current) === null || _autocompleteRef_current === void 0 ? void 0 : _autocompleteRef_current.value,
+            disabled
+        ]);
         return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
             ref: ref,
             view: view,
@@ -436,8 +447,10 @@ var codeFieldRoot = function(Root) {
             captionAlign: captionAlign,
             widthValue: widthValue
         }, caption), isWebOTPEnabled && /*#__PURE__*/ _react.default.createElement(_CodeFieldstyles.HiddenInput, _object_spread({
+            ref: autocompleteRef,
+            autoComplete: autoComplete,
             tabIndex: -1
-        }, rest))), /*#__PURE__*/ _react.default.createElement("div", null, JSON.stringify(otpVal)));
+        }, rest))));
     });
 };
 var codeFieldConfig = {

package/styled-components/cjs/components/CodeField/CodeField.styles.js

@@ -80,32 +80,32 @@ var base = (0, _styledcomponents.css)([
 ], _CodeFieldtokens.classes.captionAlignLeft);
 var CodeWrapper = _styledcomponents.default.div.withConfig({
     displayName: "CodeField.styles__CodeWrapper",
-    componentId: "sc-ff3d9c22-0"
+    componentId: "sc-ae648a72-0"
 })([
     "display:flex;align-items:center;"
 ]);
 var CodeGroup = _styledcomponents.default.div.withConfig({
     displayName: "CodeField.styles__CodeGroup",
-    componentId: "sc-ff3d9c22-1"
+    componentId: "sc-ae648a72-1"
 })([
     "display:flex;align-items:center;"
 ]);
 var Separator = _styledcomponents.default.div.withConfig({
     displayName: "CodeField.styles__Separator",
-    componentId: "sc-ff3d9c22-2"
+    componentId: "sc-ae648a72-2"
 })([
     "width:var(",
     ");"
 ], _CodeFieldtokens.tokens.separatorWidth);
 var ItemInput = _styledcomponents.default.input.withConfig({
     displayName: "CodeField.styles__ItemInput",
-    componentId: "sc-ff3d9c22-3"
+    componentId: "sc-ae648a72-3"
 })([
     "box-sizing:border-box;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;"
 ]);
 var CaptionWrapper = _styledcomponents.default.div.withConfig({
     displayName: "CodeField.styles__CaptionWrapper",
-    componentId: "sc-ff3d9c22-4"
+    componentId: "sc-ae648a72-4"
 })([
     "text-align:",
     ";align-self:",
@@ -123,7 +123,7 @@ var CaptionWrapper = _styledcomponents.default.div.withConfig({
 });
 var HiddenInput = _styledcomponents.default.input.withConfig({
     displayName: "CodeField.styles__HiddenInput",
-    componentId: "sc-ff3d9c22-5"
+    componentId: "sc-ae648a72-5"
 })([
-    "display:none;"
+    ""
 ]);

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

@@ -170,7 +170,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var paginationRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var outerValue = _param.value, defaultValue = _param.defaultValue, outerPerPage = _param.perPage, defaultPerPage = _param.defaultPerPage, _param_slots = _param.slots, slots = _param_slots === void 0 ? _utils1.defaultValues.slots : _param_slots, view = _param.view, viewCurrentPage = _param.viewCurrentPage, _param_type = _param.type, type = _param_type === void 0 ? _utils1.defaultValues.type : _param_type, size = _param.size, _param_pilled = _param.pilled, pilled = _param_pilled === void 0 ? _utils1.defaultValues.pilled : _param_pilled, _param_square = _param.square, square = _param_square === void 0 ? _utils1.defaultValues.square : _param_square, _param_disabledPages = _param.disabledPages, disabledPages = _param_disabledPages === void 0 ? _utils1.defaultValues.disabledPages : _param_disabledPages, _param_count = _param.count, count = _param_count === void 0 ? _utils1.defaultValues.value : _param_count, _param_hasQuickJump = _param.hasQuickJump, hasQuickJump = _param_hasQuickJump === void 0 ? _utils1.defaultValues.hasQuickJump : _param_hasQuickJump, _param_hasPerPage = _param.hasPerPage, hasPerPage = _param_hasPerPage === void 0 ? _utils1.defaultValues.hasPerPage : _param_hasPerPage, _param_perPageList = _param.perPageList, perPageList = _param_perPageList === void 0 ? _utils1.defaultValues.perPageList : _param_perPageList, _param_isCommonButtonStyles = _param.isCommonButtonStyles, isCommonButtonStyles = _param_isCommonButtonStyles === void 0 ? _utils1.defaultValues.isCommonButtonStyles : _param_isCommonButtonStyles, _param_placeholderQuickJump = _param.placeholderQuickJump, placeholderQuickJump = _param_placeholderQuickJump === void 0 ? _utils1.defaultValues.placeholderQuickJump : _param_placeholderQuickJump, _param_textQuickJump = _param.textQuickJump, textQuickJump = _param_textQuickJump === void 0 ? _utils1.defaultValues.textQuickJump : _param_textQuickJump, _param_textPerPage = _param.textPerPage, textPerPage = _param_textPerPage === void 0 ? _utils1.defaultValues.textPerPage : _param_textPerPage, leftContent = _param.leftContent, rightContent = _param.rightContent, listWidth = _param.listWidth, onChangePageValue = _param.onChangePageValue, onChangePerPageValue = _param.onChangePerPageValue, onChange = _param.onChange, rest = _object_without_properties(_param, [
+        var outerValue = _param.value, defaultValue = _param.defaultValue, outerPerPage = _param.perPage, defaultPerPage = _param.defaultPerPage, _param_slots = _param.slots, slots = _param_slots === void 0 ? _utils1.defaultValues.slots : _param_slots, view = _param.view, viewCurrentPage = _param.viewCurrentPage, _param_type = _param.type, type = _param_type === void 0 ? _utils1.defaultValues.type : _param_type, size = _param.size, _param_pilled = _param.pilled, pilled = _param_pilled === void 0 ? _utils1.defaultValues.pilled : _param_pilled, _param_square = _param.square, square = _param_square === void 0 ? _utils1.defaultValues.square : _param_square, _param_disabledPages = _param.disabledPages, disabledPages = _param_disabledPages === void 0 ? _utils1.defaultValues.disabledPages : _param_disabledPages, _param_count = _param.count, count = _param_count === void 0 ? _utils1.defaultValues.value : _param_count, _param_hasQuickJump = _param.hasQuickJump, hasQuickJump = _param_hasQuickJump === void 0 ? _utils1.defaultValues.hasQuickJump : _param_hasQuickJump, _param_hasPerPage = _param.hasPerPage, hasPerPage = _param_hasPerPage === void 0 ? _utils1.defaultValues.hasPerPage : _param_hasPerPage, _param_perPageList = _param.perPageList, perPageList = _param_perPageList === void 0 ? _utils1.defaultValues.perPageList : _param_perPageList, _param_isCommonButtonStyles = _param.isCommonButtonStyles, isCommonButtonStyles = _param_isCommonButtonStyles === void 0 ? _utils1.defaultValues.isCommonButtonStyles : _param_isCommonButtonStyles, _param_placeholderQuickJump = _param.placeholderQuickJump, placeholderQuickJump = _param_placeholderQuickJump === void 0 ? _utils1.defaultValues.placeholderQuickJump : _param_placeholderQuickJump, _param_textQuickJump = _param.textQuickJump, textQuickJump = _param_textQuickJump === void 0 ? _utils1.defaultValues.textQuickJump : _param_textQuickJump, _param_textPerPage = _param.textPerPage, textPerPage = _param_textPerPage === void 0 ? _utils1.defaultValues.textPerPage : _param_textPerPage, leftContent = _param.leftContent, rightContent = _param.rightContent, _param_listWidth = _param.listWidth, listWidth = _param_listWidth === void 0 ? 'fit-content' : _param_listWidth, onChangePageValue = _param.onChangePageValue, onChangePerPageValue = _param.onChangePerPageValue, onChange = _param.onChange, rest = _object_without_properties(_param, [
             "value",
             "defaultValue",
             "perPage",

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

@@ -1 +1,16 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Combobox", {
+    enumerable: true,
+    get: function() {
+        return Combobox;
+    }
+});
+var _engines = require("../../../engines");
+var _ = require("../../..");
+var _Comboboxconfig = require("./Combobox.config");
+var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
+var ComboboxComponent = (0, _engines.component)(mergedConfig);
+var Combobox = ComboboxComponent;

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

@@ -111,7 +111,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     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, Fragment, useCallback, useRef, useState } from "react";
+import React, { forwardRef, Fragment, useCallback, useEffect, useRef, useState } from "react";
 import cls from "classnames";
 import { useDidMountEffect } from "../../hooks";
 import { getSizeValueFromProp } from "../../utils";
@@ -124,7 +124,7 @@ import { base as viewCSS } from "./variations/_view/base";
 import { base as sizeCSS } from "./variations/_size/base";
 import { base as shapeCSS } from "./variations/_shape/base";
 import { base as disabledCSS } from "./variations/_disabled/base";
-import { useWebOTP } from "./hooks/useWebOTP";
+// import { useWebOTP } from './hooks/useWebOTP';
 export var codeFieldRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, ref) {
         var className = _param.className, outerValue = _param.value, placeholder = _param.placeholder, autoFocus = _param.autoFocus, _param_codeLength = _param.codeLength, codeLength = _param_codeLength === void 0 ? 6 : _param_codeLength, caption = _param.caption, _param_captionAlign = _param.captionAlign, captionAlign = _param_captionAlign === void 0 ? 'left' : _param_captionAlign, width = _param.width, _param_shape = _param.shape, shape = _param_shape === void 0 ? 'default' : _param_shape, view = _param.view, size = _param.size, disabled = _param.disabled, isError = _param.isError, _param_allowedSymbols = _param.allowedSymbols, allowedSymbols = _param_allowedSymbols === void 0 ? ONLY_DIGITS_PATTERN : _param_allowedSymbols, _param_itemErrorBehavior = _param.itemErrorBehavior, itemErrorBehavior = _param_itemErrorBehavior === void 0 ? 'remove-symbol' : _param_itemErrorBehavior, _param_codeErrorBehavior = _param.codeErrorBehavior, codeErrorBehavior = _param_codeErrorBehavior === void 0 ? 'remove-code' : _param_codeErrorBehavior, _param_autoComplete = _param.autoComplete, autoComplete = _param_autoComplete === void 0 ? 'one-time-code' : _param_autoComplete, setIsError = _param.setIsError, onChange = _param.onChange, onFullCodeEnter = _param.onFullCodeEnter, rest = _object_without_properties(_param, [
@@ -149,18 +149,20 @@ export var codeFieldRoot = function(Root) {
             "onChange",
             "onFullCodeEnter"
         ]);
+        var _autocompleteRef_current;
         var _useState = _sliced_to_array(useState(getCodeValue(codeLength, '')), 2), innerValue = _useState[0], setInnerValue = _useState[1];
-        var code = (outerValue === null || outerValue === void 0 ? void 0 : outerValue.length) ? getCodeValue(codeLength, outerValue) : innerValue;
+        var code = typeof outerValue === 'string' ? getCodeValue(codeLength, outerValue) : innerValue;
         var _useState1 = _sliced_to_array(useState(code.join('')), 2), originalValue = _useState1[0], setOriginalValue = _useState1[1];
-        var _useState2 = _sliced_to_array(useState(null), 2), otpVal = _useState2[0], setOtpVal = _useState2[1];
+        // const [otpVal, setOtpVal] = useState<Credential | null>(null);
         var inputRefs = useRef([]);
         var inputContainerRef = useRef(null);
         var captionRef = useRef(null);
+        var autocompleteRef = useRef(null);
         var fieldPattern = getFieldPattern(allowedSymbols);
         var placeholderValue = getPlaceholderValue(codeLength, placeholder);
         var parts = codeLength === 6 ? 2 : 1;
         var widthValue = width ? getSizeValueFromProp(width, 'rem') : undefined;
-        var isWebOTPEnabled = autoComplete === 'one-time-code' && !disabled && !isWebOTPSupported();
+        var isWebOTPEnabled = autoComplete === 'one-time-code' && !disabled && isWebOTPSupported();
         var getLastActiveIndex = function() {
             if (code.length && code.length < codeLength) {
                 return code.length;
@@ -171,25 +173,25 @@ export var codeFieldRoot = function(Root) {
             return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;
         };
         var codeSetter = function(newCode) {
-            setInnerValue(newCode);
             var originalCode = newCode.join('');
+            setInnerValue(getCodeValue(codeLength, originalCode));
             setOriginalValue(originalCode);
             if (onChange) {
                 onChange(originalCode);
             }
-            if (originalCode.length > 0) {
-                stopWebOTPListener();
-            }
+        // if (originalCode.length > 0) {
+        //     stopWebOTPListener();
+        // }
         };
-        var _useWebOTP = useWebOTP({
-            codeString: originalValue,
-            enableSMSAutoRead: autoComplete === 'one-time-code',
-            disabled: Boolean(disabled),
-            codeLength: codeLength,
-            codeSetter: codeSetter,
-            onFullCodeEnter: onFullCodeEnter,
-            setOtpVal: setOtpVal
-        }), startWebOTPListener = _useWebOTP.startWebOTPListener, stopWebOTPListener = _useWebOTP.stopWebOTPListener;
+        // const { startWebOTPListener, stopWebOTPListener } = useWebOTP({
+        //     codeString: originalValue,
+        //     enableSMSAutoRead: autoComplete === 'one-time-code',
+        //     disabled: Boolean(disabled),
+        //     codeLength,
+        //     codeSetter,
+        //     onFullCodeEnter,
+        //     setOtpVal,
+        // });
         var handleClick = function() {
             if (disabled) {
                 return;
@@ -247,6 +249,9 @@ export var codeFieldRoot = function(Root) {
                     setIsError(false);
                 }
             }
+            if (!symbol) {
+                return;
+            }
             if (!fieldPattern) {
                 newCode[index] = symbol;
                 codeSetter(newCode);
@@ -256,9 +261,6 @@ export var codeFieldRoot = function(Root) {
                 }
                 return;
             }
-            if (!symbol) {
-                return;
-            }
             if (fieldPattern.test(symbol)) {
                 newCode[index] = symbol.charAt(symbol.length - 1);
                 codeSetter(newCode);
@@ -303,7 +305,7 @@ export var codeFieldRoot = function(Root) {
             if (onFullCodeEnter) {
                 onFullCodeEnter(fullCode);
             }
-            startWebOTPListener();
+        // startWebOTPListener();
         }, []);
         useCodeHook({
             inputRefs: inputRefs,
@@ -330,6 +332,16 @@ export var codeFieldRoot = function(Root) {
         }, [
             isError
         ]);
+        useEffect(function() {
+            if (disabled || !autocompleteRef.current) {
+                return;
+            }
+            var autocompleteCode = autocompleteRef.current.value.split('');
+            codeSetter(autocompleteCode);
+        }, [
+            (_autocompleteRef_current = autocompleteRef.current) === null || _autocompleteRef_current === void 0 ? void 0 : _autocompleteRef_current.value,
+            disabled
+        ]);
         return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Root, _object_spread({
             ref: ref,
             view: view,
@@ -372,8 +384,10 @@ export var codeFieldRoot = function(Root) {
             captionAlign: captionAlign,
             widthValue: widthValue
         }, caption), isWebOTPEnabled && /*#__PURE__*/ React.createElement(HiddenInput, _object_spread({
+            ref: autocompleteRef,
+            autoComplete: autoComplete,
             tabIndex: -1
-        }, rest))), /*#__PURE__*/ React.createElement("div", null, JSON.stringify(otpVal)));
+        }, rest))));
     });
 };
 export var codeFieldConfig = {

package/styled-components/es/components/CodeField/CodeField.styles.js

@@ -7,32 +7,32 @@ export var base = css([
 ], classes.captionAlignLeft);
 export var CodeWrapper = styled.div.withConfig({
     displayName: "CodeField.styles__CodeWrapper",
-    componentId: "sc-ff3d9c22-0"
+    componentId: "sc-ae648a72-0"
 })([
     "display:flex;align-items:center;"
 ]);
 export var CodeGroup = styled.div.withConfig({
     displayName: "CodeField.styles__CodeGroup",
-    componentId: "sc-ff3d9c22-1"
+    componentId: "sc-ae648a72-1"
 })([
     "display:flex;align-items:center;"
 ]);
 export var Separator = styled.div.withConfig({
     displayName: "CodeField.styles__Separator",
-    componentId: "sc-ff3d9c22-2"
+    componentId: "sc-ae648a72-2"
 })([
     "width:var(",
     ");"
 ], tokens.separatorWidth);
 export var ItemInput = styled.input.withConfig({
     displayName: "CodeField.styles__ItemInput",
-    componentId: "sc-ff3d9c22-3"
+    componentId: "sc-ae648a72-3"
 })([
     "box-sizing:border-box;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;"
 ]);
 export var CaptionWrapper = styled.div.withConfig({
     displayName: "CodeField.styles__CaptionWrapper",
-    componentId: "sc-ff3d9c22-4"
+    componentId: "sc-ae648a72-4"
 })([
     "text-align:",
     ";align-self:",
@@ -50,7 +50,7 @@ export var CaptionWrapper = styled.div.withConfig({
 });
 export var HiddenInput = styled.input.withConfig({
     displayName: "CodeField.styles__HiddenInput",
-    componentId: "sc-ff3d9c22-5"
+    componentId: "sc-ae648a72-5"
 })([
-    "display:none;"
+    ""
 ]);

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

@@ -111,7 +111,7 @@ import { PaginationQuickJumpToPage } from "./ui/PaginationQuickJumpToPage/Pagina
 import { PaginationSelectPerPage } from "./ui/PaginationSelectPerPage/PaginationSelectPerPage";
 export var paginationRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, ref) {
-        var outerValue = _param.value, defaultValue = _param.defaultValue, outerPerPage = _param.perPage, defaultPerPage = _param.defaultPerPage, _param_slots = _param.slots, slots = _param_slots === void 0 ? defaultValues.slots : _param_slots, view = _param.view, viewCurrentPage = _param.viewCurrentPage, _param_type = _param.type, type = _param_type === void 0 ? defaultValues.type : _param_type, size = _param.size, _param_pilled = _param.pilled, pilled = _param_pilled === void 0 ? defaultValues.pilled : _param_pilled, _param_square = _param.square, square = _param_square === void 0 ? defaultValues.square : _param_square, _param_disabledPages = _param.disabledPages, disabledPages = _param_disabledPages === void 0 ? defaultValues.disabledPages : _param_disabledPages, _param_count = _param.count, count = _param_count === void 0 ? defaultValues.value : _param_count, _param_hasQuickJump = _param.hasQuickJump, hasQuickJump = _param_hasQuickJump === void 0 ? defaultValues.hasQuickJump : _param_hasQuickJump, _param_hasPerPage = _param.hasPerPage, hasPerPage = _param_hasPerPage === void 0 ? defaultValues.hasPerPage : _param_hasPerPage, _param_perPageList = _param.perPageList, perPageList = _param_perPageList === void 0 ? defaultValues.perPageList : _param_perPageList, _param_isCommonButtonStyles = _param.isCommonButtonStyles, isCommonButtonStyles = _param_isCommonButtonStyles === void 0 ? defaultValues.isCommonButtonStyles : _param_isCommonButtonStyles, _param_placeholderQuickJump = _param.placeholderQuickJump, placeholderQuickJump = _param_placeholderQuickJump === void 0 ? defaultValues.placeholderQuickJump : _param_placeholderQuickJump, _param_textQuickJump = _param.textQuickJump, textQuickJump = _param_textQuickJump === void 0 ? defaultValues.textQuickJump : _param_textQuickJump, _param_textPerPage = _param.textPerPage, textPerPage = _param_textPerPage === void 0 ? defaultValues.textPerPage : _param_textPerPage, leftContent = _param.leftContent, rightContent = _param.rightContent, listWidth = _param.listWidth, onChangePageValue = _param.onChangePageValue, onChangePerPageValue = _param.onChangePerPageValue, onChange = _param.onChange, rest = _object_without_properties(_param, [
+        var outerValue = _param.value, defaultValue = _param.defaultValue, outerPerPage = _param.perPage, defaultPerPage = _param.defaultPerPage, _param_slots = _param.slots, slots = _param_slots === void 0 ? defaultValues.slots : _param_slots, view = _param.view, viewCurrentPage = _param.viewCurrentPage, _param_type = _param.type, type = _param_type === void 0 ? defaultValues.type : _param_type, size = _param.size, _param_pilled = _param.pilled, pilled = _param_pilled === void 0 ? defaultValues.pilled : _param_pilled, _param_square = _param.square, square = _param_square === void 0 ? defaultValues.square : _param_square, _param_disabledPages = _param.disabledPages, disabledPages = _param_disabledPages === void 0 ? defaultValues.disabledPages : _param_disabledPages, _param_count = _param.count, count = _param_count === void 0 ? defaultValues.value : _param_count, _param_hasQuickJump = _param.hasQuickJump, hasQuickJump = _param_hasQuickJump === void 0 ? defaultValues.hasQuickJump : _param_hasQuickJump, _param_hasPerPage = _param.hasPerPage, hasPerPage = _param_hasPerPage === void 0 ? defaultValues.hasPerPage : _param_hasPerPage, _param_perPageList = _param.perPageList, perPageList = _param_perPageList === void 0 ? defaultValues.perPageList : _param_perPageList, _param_isCommonButtonStyles = _param.isCommonButtonStyles, isCommonButtonStyles = _param_isCommonButtonStyles === void 0 ? defaultValues.isCommonButtonStyles : _param_isCommonButtonStyles, _param_placeholderQuickJump = _param.placeholderQuickJump, placeholderQuickJump = _param_placeholderQuickJump === void 0 ? defaultValues.placeholderQuickJump : _param_placeholderQuickJump, _param_textQuickJump = _param.textQuickJump, textQuickJump = _param_textQuickJump === void 0 ? defaultValues.textQuickJump : _param_textQuickJump, _param_textPerPage = _param.textPerPage, textPerPage = _param_textPerPage === void 0 ? defaultValues.textPerPage : _param_textPerPage, leftContent = _param.leftContent, rightContent = _param.rightContent, _param_listWidth = _param.listWidth, listWidth = _param_listWidth === void 0 ? 'fit-content' : _param_listWidth, onChangePageValue = _param.onChangePageValue, onChangePerPageValue = _param.onChangePerPageValue, onChange = _param.onChange, rest = _object_without_properties(_param, [
             "value",
             "defaultValue",
             "perPage",

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

@@ -1 +1 @@
-{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAGnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAkBxD,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;sLAyTxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBA3TQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoV5E,CAAC"}
+{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyE,MAAM,OAAO,CAAC;AAG9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAkBxD,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;sLAsUxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAxUQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiW5E,CAAC"}

package/types/components/CodeField/CodeField.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAUhB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAGrB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAErB,CAAC;AAEF,eAAO,MAAM,SAAS,8KAQrB,CAAC;AAEF,eAAO,MAAM,cAAc;kBAA8B,MAAM,GAAG,QAAQ;iBAAe,MAAM;EAK9F,CAAC;AAEF,eAAO,MAAM,WAAW,8KAEvB,CAAC"}
+{"version":3,"file":"CodeField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAUhB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAGrB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAErB,CAAC;AAEF,eAAO,MAAM,SAAS,8KAQrB,CAAC;AAEF,eAAO,MAAM,cAAc;kBAA8B,MAAM,GAAG,QAAQ;iBAAe,MAAM;EAK9F,CAAC;AAEF,eAAO,MAAM,WAAW,8KAAiB,CAAC"}

package/types/components/Pagination/Pagination.types.d.ts

@@ -2,35 +2,110 @@ import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';
 import type { AsProps, NumericRange, CreateArrayWithLengthX } from '../../types';
 export type PaginationTypes = 'compact' | 'default';
 export type CustomPaginationProps = {
+    /**
+     * Вид
+     */
     view?: string;
+    /**
+     *  Вид выбранной кнопки
+     */
     viewCurrentPage?: string;
+    /**
+     *  Левый контент
+     */
     leftContent?: ReactNode;
+    /**
+     *  Правый контент
+     */
     rightContent?: ReactNode;
+    /**
+     *  Тип обычный или компактный
+     */
     type?: PaginationTypes;
+    /**
+     * Размер
+     */
     size?: string;
+    /**
+     * Количество страниц
+     */
     count?: number;
+    /**
+     * Выбранная страница
+     */
     value?: number;
+    /**
+     * Выбранная страница по умолчанию
+     */
     defaultValue?: number;
+    /**
+     * Выбор страницы через Input
+     */
     hasQuickJump?: boolean;
+    /**
+     * Выбор количества результатов на странице
+     */
     hasPerPage?: boolean;
+    /**
+     * Выбранное количество результатов на странице
+     */
     perPage?: number;
+    /**
+     * Выбранное количество результатов на странице по умолчанию
+     */
     defaultPerPage?: number;
+    /**
+     * Список результатов на странице
+     */
     perPageList?: number[];
+    /**
+     * Заблокированные страницы
+     */
     disabledPages?: string[];
+    /**
+     * Количество PageButtons
+     */
     slots?: NumericRange<CreateArrayWithLengthX<7>, 15>;
+    /**
+     * Скругление кнопки
+     */
     pilled?: boolean;
+    /**
+     * Равная ширина и высота кнопки
+     */
     square?: boolean;
+    /**
+     * Авто изменение стиля кнопок в ButtonGroup
+     */
     isCommonButtonStyles?: boolean;
+    /**
+     * Placeholder TextField'a для быстрого прыжка на страницу
+     */
     placeholderQuickJump?: string;
+    /**
+     * Текст для быстрого прыжка на страницу
+     */
     textQuickJump?: string;
+    /**
+     * Текст для выбора кол-ва результатов на странице
+     */
     textPerPage?: string;
     /**
      * Значение css width для выпадающего списка.
      * @example width="200px"
      */
     listWidth?: CSSProperties['width'];
+    /**
+     * Функция которая исполняeтся при изменении `page`, `perPage`
+     */
     onChange?: (page?: number, perPage?: number) => void;
+    /**
+     * @deprecated - использовать onChange
+     */
     onChangePageValue?: (page?: number) => void;
+    /**
+     * @deprecated - использовать onChange
+     */
     onChangePerPageValue?: (perPage?: number) => void;
 };
 export interface PaginationProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'>, AsProps, CustomPaginationProps {

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAKjF,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,CAAC;AAEpD,MAAM,MAAM,qBAAqB,GAAG;IAIhC,IAAI,CAAC,EAAE,MAAM,CAAC;IAKd,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,WAAW,CAAC,EAAE,SAAS,CAAC;IAKxB,YAAY,CAAC,EAAE,SAAS,CAAC;IAKzB,IAAI,CAAC,EAAE,eAAe,CAAC;IAKvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAKd,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,YAAY,CAAC,EAAE,OAAO,CAAC;IAKvB,UAAU,CAAC,EAAE,OAAO,CAAC;IAKrB,OAAO,CAAC,EAAE,MAAM,CAAC;IAKjB,cAAc,CAAC,EAAE,MAAM,CAAC;IAKxB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IAKvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IAKzB,KAAK,CAAC,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAKpD,MAAM,CAAC,EAAE,OAAO,CAAC;IAKjB,MAAM,CAAC,EAAE,OAAO,CAAC;IAKjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAK/B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAK9B,aAAa,CAAC,EAAE,MAAM,CAAC;IAKvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAKnC,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAIrD,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAI5C,oBAAoB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,MAAM,WAAW,eACb,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC,EACrE,OAAO,EACP,qBAAqB;CAAG"}
+{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAKjF,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,CAAC;AAEpD,MAAM,MAAM,qBAAqB,GAAG;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IAEvB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEpD;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAEnC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,MAAM,WAAW,eACb,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC,EACrE,OAAO,EACP,qBAAqB;CAAG"}

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

@@ -1,107 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var isWebOTPSupported = require('../utils/isWebOTPSupported.js');
-var initialValuesHelper = require('../utils/initialValuesHelper.js');
-
-// Type guard function to check if credential is OTPCredential
-var isOTPCredential = function isOTPCredential(credential) {
-  return credential !== null && 'code' in credential;
-};
-var useWebOTP = function useWebOTP(_ref) {
-  var codeString = _ref.codeString,
-    enableSMSAutoRead = _ref.enableSMSAutoRead,
-    disabled = _ref.disabled,
-    codeLength = _ref.codeLength,
-    codeSetter = _ref.codeSetter,
-    onFullCodeEnter = _ref.onFullCodeEnter,
-    setOtpVal = _ref.setOtpVal;
-  var abortControllerRef = React.useRef(null);
-  var startWebOTPListener = React.useCallback(/*#__PURE__*/_rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-    var otp, otpCode, newCode;
-    return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          if (!(!enableSMSAutoRead || disabled || !isWebOTPSupported.isWebOTPSupported())) {
-            _context.next = 2;
-            break;
-          }
-          return _context.abrupt("return");
-        case 2:
-          if (abortControllerRef.current) {
-            abortControllerRef.current.abort();
-          }
-          abortControllerRef.current = new AbortController();
-          _context.prev = 4;
-          _context.next = 7;
-          return navigator.credentials.get({
-            otp: {
-              transport: ['sms']
-            },
-            signal: abortControllerRef.current.signal
-          });
-        case 7:
-          otp = _context.sent;
-          console.log('otp received', otp);
-          setOtpVal(otp);
-
-          // Type guard to check if it's an OTP credential
-          if (otp && isOTPCredential(otp) && otp.code) {
-            otpCode = otp.code; // Validate the OTP code length matches our expected length
-            if (otpCode.length === codeLength) {
-              newCode = initialValuesHelper.getCodeValue(codeLength, otpCode);
-              codeSetter(newCode);
-
-              // Trigger full code enter callback
-              if (onFullCodeEnter) {
-                onFullCodeEnter(otpCode);
-              }
-            }
-          }
-          _context.next = 16;
-          break;
-        case 13:
-          _context.prev = 13;
-          _context.t0 = _context["catch"](4);
-          if (_context.t0 instanceof DOMException) {
-            if (_context.t0.name !== 'AbortError' && _context.t0.name !== 'NotAllowedError') {
-              console.warn('Web OTP API error:', _context.t0);
-            }
-          } else if (_context.t0 instanceof Error) {
-            console.warn('Web OTP API error:', _context.t0);
-          } else {
-            console.warn('Unknown Web OTP API error:', _context.t0);
-          }
-        case 16:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[4, 13]]);
-  })), [enableSMSAutoRead, disabled, codeLength, onFullCodeEnter]);
-  var stopWebOTPListener = React.useCallback(function () {
-    if (abortControllerRef.current) {
-      abortControllerRef.current.abort();
-      abortControllerRef.current = null;
-    }
-  }, []);
-  React.useEffect(function () {
-    if (isWebOTPSupported.isWebOTPSupported() && codeString === '' && enableSMSAutoRead && !disabled) {
-      startWebOTPListener();
-    } else {
-      stopWebOTPListener();
-    }
-    return function () {
-      stopWebOTPListener();
-    };
-  }, [codeString, enableSMSAutoRead, disabled, startWebOTPListener, stopWebOTPListener]);
-  return {
-    startWebOTPListener: startWebOTPListener,
-    stopWebOTPListener: stopWebOTPListener
-  };
-};
-
-exports.useWebOTP = useWebOTP;
-//# sourceMappingURL=useWebOTP.js.map