@alfalab/core-components-input - npm Package Compare versions

Comparing version 12.1.0 to 12.1.1

Component.desktop.js

@@ -23,6 +23,6 @@ 'use strict';
 
-var defaultColors = {"error":"input__error_1yr3d"};
+var defaultColors = {"error":"input__error_784wp"};
 require('./default.desktop.css')
 
-var invertedColors = {"error":"input__error_1tzz3"};
+var invertedColors = {"error":"input__error_tyfry"};
 require('./inverted.desktop.css')
@@ -29,0 +29,0 @@

Component.mobile.js

@@ -23,6 +23,6 @@ 'use strict';
 
-var defaultColors = {"error":"input__error_125e3"};
+var defaultColors = {"error":"input__error_1eg5v"};
 require('./default.mobile.css')
 
-var invertedColors = {"error":"input__error_zqach"};
+var invertedColors = {"error":"input__error_1sfij"};
 require('./inverted.mobile.css')
@@ -29,0 +29,0 @@

components/base-input/Component.js

@@ -23,9 +23,9 @@ 'use strict';
 
-var defaultColors = {"input":"input__input_1fvbv","hasInnerLabel":"input__hasInnerLabel_1fvbv","clearIcon":"input__clearIcon_1fvbv"};
+var defaultColors = {"input":"input__input_1s63n","hasInnerLabel":"input__hasInnerLabel_1s63n","clearIcon":"input__clearIcon_1s63n"};
 require('./default.css')
 
-var styles = {"input":"input__input_uo405","hasInnerLabel":"input__hasInnerLabel_uo405","s":"input__s_uo405","m":"input__m_uo405","l":"input__l_uo405","xl":"input__xl_uo405","block":"input__block_uo405","clearIcon":"input__clearIcon_uo405","errorIcon":"input__errorIcon_uo405","errorColorIcon":"input__errorColorIcon_uo405","clearButton":"input__clearButton_uo405","successIcon":"input__successIcon_uo405","successColorIcon":"input__successColorIcon_uo405","focusVisible":"input__focusVisible_uo405","onautofillstart":"input__onautofillstart_uo405","onautofillcancel":"input__onautofillcancel_uo405"};
+var styles = {"input":"input__input_6rhzg","hasInnerLabel":"input__hasInnerLabel_6rhzg","s":"input__s_6rhzg","m":"input__m_6rhzg","l":"input__l_6rhzg","xl":"input__xl_6rhzg","block":"input__block_6rhzg","clearIcon":"input__clearIcon_6rhzg","errorIcon":"input__errorIcon_6rhzg","errorColorIcon":"input__errorColorIcon_6rhzg","clearButton":"input__clearButton_6rhzg","successIcon":"input__successIcon_6rhzg","successColorIcon":"input__successColorIcon_6rhzg","focusVisible":"input__focusVisible_6rhzg","onautofillstart":"input__onautofillstart_6rhzg","onautofillcancel":"input__onautofillcancel_6rhzg"};
 require('./index.css')
 
-var invertedColors = {"input":"input__input_16wjv","hasInnerLabel":"input__hasInnerLabel_16wjv","clearIcon":"input__clearIcon_16wjv"};
+var invertedColors = {"input":"input__input_1j7bm","hasInnerLabel":"input__hasInnerLabel_1j7bm","clearIcon":"input__clearIcon_1j7bm"};
 require('./inverted.css')
@@ -37,2 +37,3 @@
 };
+var preventDefault = function (e) { return e.preventDefault(); };
 var BaseInput = React__default.default.forwardRef(function (_a, ref) {
@@ -99,3 +100,3 @@ var _b, _c;
         return (addonsVisible && (React__default.default.createElement(React.Fragment, null,
-            clearButtonVisible && (React__default.default.createElement(coreComponentsButton.Button, { type: 'button', view: 'ghost', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: styles.clearButton, onClick: handleClear, tabIndex: -1 },
+            clearButtonVisible && (React__default.default.createElement(coreComponentsButton.Button, { type: 'button', view: 'ghost', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: styles.clearButton, onClick: handleClear, tabIndex: -1, onMouseDown: preventDefault },
                 React__default.default.createElement(CrossCircleMIcon.CrossCircleMIcon, { className: cn__default.default(styles.clearIcon, colorCommonStyles[colors].clearIcon) }))),
@@ -102,0 +103,0 @@ rightAddons,

cssm/components/base-input/Component.js

@@ -33,2 +33,3 @@ 'use strict';
 };
+var preventDefault = function (e) { return e.preventDefault(); };
 var BaseInput = React__default.default.forwardRef(function (_a, ref) {
@@ -95,3 +96,3 @@ var _b, _c;
         return (addonsVisible && (React__default.default.createElement(React.Fragment, null,
-            clearButtonVisible && (React__default.default.createElement(coreComponentsButton.Button, { type: 'button', view: 'ghost', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: styles__default.default.clearButton, onClick: handleClear, tabIndex: -1 },
+            clearButtonVisible && (React__default.default.createElement(coreComponentsButton.Button, { type: 'button', view: 'ghost', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: styles__default.default.clearButton, onClick: handleClear, tabIndex: -1, onMouseDown: preventDefault },
                 React__default.default.createElement(CrossCircleMIcon.CrossCircleMIcon, { className: cn__default.default(styles__default.default.clearIcon, colorCommonStyles[colors].clearIcon) }))),
@@ -98,0 +99,0 @@ rightAddons,

esm/Component.desktop.js

@@ -15,6 +15,6 @@ import { __assign } from 'tslib';
 
-var defaultColors = {"error":"input__error_1yr3d"};
+var defaultColors = {"error":"input__error_784wp"};
 require('./default.desktop.css')
 
-var invertedColors = {"error":"input__error_1tzz3"};
+var invertedColors = {"error":"input__error_tyfry"};
 require('./inverted.desktop.css')
@@ -21,0 +21,0 @@

esm/Component.mobile.js

@@ -15,6 +15,6 @@ import { __assign } from 'tslib';
 
-var defaultColors = {"error":"input__error_125e3"};
+var defaultColors = {"error":"input__error_1eg5v"};
 require('./default.mobile.css')
 
-var invertedColors = {"error":"input__error_zqach"};
+var invertedColors = {"error":"input__error_1sfij"};
 require('./inverted.mobile.css')
@@ -21,0 +21,0 @@

esm/components/base-input/Component.js

@@ -13,9 +13,9 @@ import { __rest, __assign } from 'tslib';
 
-var defaultColors = {"input":"input__input_1fvbv","hasInnerLabel":"input__hasInnerLabel_1fvbv","clearIcon":"input__clearIcon_1fvbv"};
+var defaultColors = {"input":"input__input_1s63n","hasInnerLabel":"input__hasInnerLabel_1s63n","clearIcon":"input__clearIcon_1s63n"};
 require('./default.css')
 
-var styles = {"input":"input__input_uo405","hasInnerLabel":"input__hasInnerLabel_uo405","s":"input__s_uo405","m":"input__m_uo405","l":"input__l_uo405","xl":"input__xl_uo405","block":"input__block_uo405","clearIcon":"input__clearIcon_uo405","errorIcon":"input__errorIcon_uo405","errorColorIcon":"input__errorColorIcon_uo405","clearButton":"input__clearButton_uo405","successIcon":"input__successIcon_uo405","successColorIcon":"input__successColorIcon_uo405","focusVisible":"input__focusVisible_uo405","onautofillstart":"input__onautofillstart_uo405","onautofillcancel":"input__onautofillcancel_uo405"};
+var styles = {"input":"input__input_6rhzg","hasInnerLabel":"input__hasInnerLabel_6rhzg","s":"input__s_6rhzg","m":"input__m_6rhzg","l":"input__l_6rhzg","xl":"input__xl_6rhzg","block":"input__block_6rhzg","clearIcon":"input__clearIcon_6rhzg","errorIcon":"input__errorIcon_6rhzg","errorColorIcon":"input__errorColorIcon_6rhzg","clearButton":"input__clearButton_6rhzg","successIcon":"input__successIcon_6rhzg","successColorIcon":"input__successColorIcon_6rhzg","focusVisible":"input__focusVisible_6rhzg","onautofillstart":"input__onautofillstart_6rhzg","onautofillcancel":"input__onautofillcancel_6rhzg"};
 require('./index.css')
 
-var invertedColors = {"input":"input__input_16wjv","hasInnerLabel":"input__hasInnerLabel_16wjv","clearIcon":"input__clearIcon_16wjv"};
+var invertedColors = {"input":"input__input_1j7bm","hasInnerLabel":"input__hasInnerLabel_1j7bm","clearIcon":"input__clearIcon_1j7bm"};
 require('./inverted.css')
@@ -27,2 +27,3 @@
 };
+var preventDefault = function (e) { return e.preventDefault(); };
 var BaseInput = React.forwardRef(function (_a, ref) {
@@ -89,3 +90,3 @@ var _b, _c;
         return (addonsVisible && (React.createElement(Fragment, null,
-            clearButtonVisible && (React.createElement(Button, { type: 'button', view: 'ghost', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: styles.clearButton, onClick: handleClear, tabIndex: -1 },
+            clearButtonVisible && (React.createElement(Button, { type: 'button', view: 'ghost', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: styles.clearButton, onClick: handleClear, tabIndex: -1, onMouseDown: preventDefault },
                 React.createElement(CrossCircleMIcon, { className: cn(styles.clearIcon, colorCommonStyles[colors].clearIcon) }))),
@@ -92,0 +93,0 @@ rightAddons,

modern/Component.desktop.js

@@ -14,6 +14,6 @@ import React, { forwardRef } from 'react';
 
-const defaultColors = {"error":"input__error_1yr3d"};
+const defaultColors = {"error":"input__error_784wp"};
 require('./default.desktop.css')
 
-const invertedColors = {"error":"input__error_1tzz3"};
+const invertedColors = {"error":"input__error_tyfry"};
 require('./inverted.desktop.css')
@@ -20,0 +20,0 @@

modern/Component.mobile.js

@@ -14,6 +14,6 @@ import React, { forwardRef } from 'react';
 
-const defaultColors = {"error":"input__error_125e3"};
+const defaultColors = {"error":"input__error_1eg5v"};
 require('./default.mobile.css')
 
-const invertedColors = {"error":"input__error_zqach"};
+const invertedColors = {"error":"input__error_1sfij"};
 require('./inverted.mobile.css')
@@ -20,0 +20,0 @@

modern/components/base-input/Component.js

@@ -12,9 +12,9 @@ import React, { useRef, useState, useCallback, Fragment } from 'react';
 
-const defaultColors = {"input":"input__input_1fvbv","hasInnerLabel":"input__hasInnerLabel_1fvbv","clearIcon":"input__clearIcon_1fvbv"};
+const defaultColors = {"input":"input__input_1s63n","hasInnerLabel":"input__hasInnerLabel_1s63n","clearIcon":"input__clearIcon_1s63n"};
 require('./default.css')
 
-const styles = {"input":"input__input_uo405","hasInnerLabel":"input__hasInnerLabel_uo405","s":"input__s_uo405","m":"input__m_uo405","l":"input__l_uo405","xl":"input__xl_uo405","block":"input__block_uo405","clearIcon":"input__clearIcon_uo405","errorIcon":"input__errorIcon_uo405","errorColorIcon":"input__errorColorIcon_uo405","clearButton":"input__clearButton_uo405","successIcon":"input__successIcon_uo405","successColorIcon":"input__successColorIcon_uo405","focusVisible":"input__focusVisible_uo405","onautofillstart":"input__onautofillstart_uo405","onautofillcancel":"input__onautofillcancel_uo405"};
+const styles = {"input":"input__input_6rhzg","hasInnerLabel":"input__hasInnerLabel_6rhzg","s":"input__s_6rhzg","m":"input__m_6rhzg","l":"input__l_6rhzg","xl":"input__xl_6rhzg","block":"input__block_6rhzg","clearIcon":"input__clearIcon_6rhzg","errorIcon":"input__errorIcon_6rhzg","errorColorIcon":"input__errorColorIcon_6rhzg","clearButton":"input__clearButton_6rhzg","successIcon":"input__successIcon_6rhzg","successColorIcon":"input__successColorIcon_6rhzg","focusVisible":"input__focusVisible_6rhzg","onautofillstart":"input__onautofillstart_6rhzg","onautofillcancel":"input__onautofillcancel_6rhzg"};
 require('./index.css')
 
-const invertedColors = {"input":"input__input_16wjv","hasInnerLabel":"input__hasInnerLabel_16wjv","clearIcon":"input__clearIcon_16wjv"};
+const invertedColors = {"input":"input__input_1j7bm","hasInnerLabel":"input__hasInnerLabel_1j7bm","clearIcon":"input__clearIcon_1j7bm"};
 require('./inverted.css')
@@ -26,2 +26,3 @@
 };
+const preventDefault = (e) => e.preventDefault();
 const BaseInput = React.forwardRef(({ size = 's', type = 'text', block = false, colors = 'default', bottomAddons, dataTestId, clear = false, disabled, error, success, hint, className, fieldClassName, inputClassName, labelClassName, addonsClassName, focusedClassName, filledClassName, label, labelView = 'inner', leftAddons, onFocus, onBlur, onChange, onClear, onClick, onMouseDown, onMouseUp, onAnimationStart, rightAddons, value, defaultValue, wrapperRef, readOnly, FormControlComponent, colorStyles = { default: {}, inverted: {} }, onKeyDown, disableUserInput, ...restProps }, ref) => {
@@ -86,3 +87,3 @@ const uncontrolled = value === undefined;
         return (addonsVisible && (React.createElement(Fragment, null,
-            clearButtonVisible && (React.createElement(Button, { type: 'button', view: 'ghost', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: styles.clearButton, onClick: handleClear, tabIndex: -1 },
+            clearButtonVisible && (React.createElement(Button, { type: 'button', view: 'ghost', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: styles.clearButton, onClick: handleClear, tabIndex: -1, onMouseDown: preventDefault },
                 React.createElement(CrossCircleMIcon, { className: cn(styles.clearIcon, colorCommonStyles[colors].clearIcon) }))),
@@ -89,0 +90,0 @@ rightAddons,

package.json

 {
     "name": "@alfalab/core-components-input",
-    "version": "12.1.0",
+    "version": "12.1.1",
     "description": "",
@@ -5,0 +5,0 @@ "keywords": [],

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

230187

increased by0.22%

Lines of code

5267

increased by0.11%

No dependency changes