@alfalab/core-components-form-control - npm Package Compare versions

Comparing version 3.0.1 to 3.1.0

dist/Component.js

@@ -9,3 +9,2 @@ 'use strict';
 var cn = _interopDefault(require('classnames'));
-var ErrorIcon = _interopDefault(require('@alfalab/icons-classic/ErrorMColorIcon'));
 
@@ -51,20 +50,21 @@ /*! *****************************************************************************
 
-var styles = {"component":"form-control__component_13m3i","inner":"form-control__inner_13m3i","inputWrapper":"form-control__inputWrapper_13m3i","input":"form-control__input_13m3i","label":"form-control__label_13m3i","labelInner":"form-control__labelInner_13m3i","addons":"form-control__addons_13m3i","errorIcon":"form-control__errorIcon_13m3i","leftAddons":"form-control__leftAddons_13m3i","rightAddons":"form-control__rightAddons_13m3i","sub":"form-control__sub_13m3i","hint":"form-control__hint_13m3i","block":"form-control__block_13m3i","s":"form-control__s_13m3i","hasLabel":"form-control__hasLabel_13m3i","m":"form-control__m_13m3i","l":"form-control__l_13m3i","hasLeftAddons":"form-control__hasLeftAddons_13m3i","hasRightAddons":"form-control__hasRightAddons_13m3i","disabled":"form-control__disabled_13m3i","focused":"form-control__focused_13m3i","hasError":"form-control__hasError_13m3i","filled":"form-control__filled_13m3i","error":"form-control__error_13m3i"};
+var styles = {"component":"form-control__component_1kz9s","inner":"form-control__inner_1kz9s","inputWrapper":"form-control__inputWrapper_1kz9s","input":"form-control__input_1kz9s","label":"form-control__label_1kz9s","labelInner":"form-control__labelInner_1kz9s","addons":"form-control__addons_1kz9s","leftAddons":"form-control__leftAddons_1kz9s","rightAddons":"form-control__rightAddons_1kz9s","sub":"form-control__sub_1kz9s","hint":"form-control__hint_1kz9s","block":"form-control__block_1kz9s","s":"form-control__s_1kz9s","hasLabel":"form-control__hasLabel_1kz9s","m":"form-control__m_1kz9s","l":"form-control__l_1kz9s","hasLeftAddons":"form-control__hasLeftAddons_1kz9s","hasRightAddons":"form-control__hasRightAddons_1kz9s","disabled":"form-control__disabled_1kz9s","focused":"form-control__focused_1kz9s","hasError":"form-control__hasError_1kz9s","filled":"form-control__filled_1kz9s","error":"form-control__error_1kz9s"};
 require('./index.css')
 
 var FormControl = React.forwardRef(function (_a, ref) {
-    var _b;
-    var _c = _a.block, block = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? 's' : _d, className = _a.className, labelClassName = _a.labelClassName, addonsClassName = _a.addonsClassName, disabled = _a.disabled, focused = _a.focused, filled = _a.filled, error = _a.error, hint = _a.hint, label = _a.label, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, children = _a.children, dataTestId = _a.dataTestId, restProps = __rest(_a, ["block", "size", "className", "labelClassName", "addonsClassName", "disabled", "focused", "filled", "error", "hint", "label", "leftAddons", "rightAddons", "bottomAddons", "children", "dataTestId"]);
+    var _b, _c;
+    var _d = _a.block, block = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 's' : _e, className = _a.className, labelClassName = _a.labelClassName, addonsClassName = _a.addonsClassName, disabled = _a.disabled, focused = _a.focused, filled = _a.filled, error = _a.error, hint = _a.hint, label = _a.label, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, children = _a.children, dataTestId = _a.dataTestId, restProps = __rest(_a, ["block", "size", "className", "labelClassName", "addonsClassName", "disabled", "focused", "filled", "error", "hint", "label", "leftAddons", "rightAddons", "bottomAddons", "children", "dataTestId"]);
     var errorMessage = typeof error === 'string' ? error : '';
     return (React.createElement("div", { "data-test-id": dataTestId, className: cn(styles.component, styles[size], (_b = {},
-            _b[styles.focused] = focused,
-            _b[styles.disabled] = disabled,
-            _b[styles.filled] = filled,
-            _b[styles.hasError] = error,
-            _b[styles.hasLabel] = label,
             _b[styles.block] = block,
             _b[styles.hasLeftAddons] = leftAddons,
             _b[styles.hasRightAddons] = rightAddons || error,
-            _b), className) },
-        React.createElement("div", __assign({}, restProps, { className: styles.inner, ref: ref }),
+            _b)) },
+        React.createElement("div", __assign({}, restProps, { className: cn(className, styles.inner, (_c = {},
+                _c[styles.focused] = focused,
+                _c[styles.disabled] = disabled,
+                _c[styles.filled] = filled,
+                _c[styles.hasError] = error,
+                _c[styles.hasLabel] = label,
+                _c)), ref: ref }),
             leftAddons && (React.createElement("div", { className: cn(styles.addons, styles.leftAddons, addonsClassName) }, leftAddons)),
@@ -75,5 +75,3 @@ React.createElement("div", { className: styles.inputWrapper },
                 React.createElement("div", { className: styles.input }, children)),
-            rightAddons && (React.createElement("div", { className: cn(styles.addons, styles.rightAddons, addonsClassName) }, rightAddons)),
-            error && (React.createElement("div", { className: styles.errorIcon },
-                React.createElement(ErrorIcon, null)))),
+            rightAddons && (React.createElement("div", { className: cn(styles.addons, styles.rightAddons, addonsClassName) }, rightAddons))),
         bottomAddons,
@@ -80,0 +78,0 @@ errorMessage && (React.createElement("span", { className: cn(styles.sub, styles.error) }, errorMessage)),

dist/cssm/Component.js

@@ -9,3 +9,2 @@ 'use strict';
 var cn = _interopDefault(require('classnames'));
-var ErrorIcon = _interopDefault(require('@alfalab/icons-classic/ErrorMColorIcon'));
 var styles = _interopDefault(require('./index.module.css'));
@@ -53,16 +52,17 @@
 var FormControl = React.forwardRef(function (_a, ref) {
-    var _b;
-    var _c = _a.block, block = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? 's' : _d, className = _a.className, labelClassName = _a.labelClassName, addonsClassName = _a.addonsClassName, disabled = _a.disabled, focused = _a.focused, filled = _a.filled, error = _a.error, hint = _a.hint, label = _a.label, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, children = _a.children, dataTestId = _a.dataTestId, restProps = __rest(_a, ["block", "size", "className", "labelClassName", "addonsClassName", "disabled", "focused", "filled", "error", "hint", "label", "leftAddons", "rightAddons", "bottomAddons", "children", "dataTestId"]);
+    var _b, _c;
+    var _d = _a.block, block = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 's' : _e, className = _a.className, labelClassName = _a.labelClassName, addonsClassName = _a.addonsClassName, disabled = _a.disabled, focused = _a.focused, filled = _a.filled, error = _a.error, hint = _a.hint, label = _a.label, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, children = _a.children, dataTestId = _a.dataTestId, restProps = __rest(_a, ["block", "size", "className", "labelClassName", "addonsClassName", "disabled", "focused", "filled", "error", "hint", "label", "leftAddons", "rightAddons", "bottomAddons", "children", "dataTestId"]);
     var errorMessage = typeof error === 'string' ? error : '';
     return (React.createElement("div", { "data-test-id": dataTestId, className: cn(styles.component, styles[size], (_b = {},
-            _b[styles.focused] = focused,
-            _b[styles.disabled] = disabled,
-            _b[styles.filled] = filled,
-            _b[styles.hasError] = error,
-            _b[styles.hasLabel] = label,
             _b[styles.block] = block,
             _b[styles.hasLeftAddons] = leftAddons,
             _b[styles.hasRightAddons] = rightAddons || error,
-            _b), className) },
-        React.createElement("div", __assign({}, restProps, { className: styles.inner, ref: ref }),
+            _b)) },
+        React.createElement("div", __assign({}, restProps, { className: cn(className, styles.inner, (_c = {},
+                _c[styles.focused] = focused,
+                _c[styles.disabled] = disabled,
+                _c[styles.filled] = filled,
+                _c[styles.hasError] = error,
+                _c[styles.hasLabel] = label,
+                _c)), ref: ref }),
             leftAddons && (React.createElement("div", { className: cn(styles.addons, styles.leftAddons, addonsClassName) }, leftAddons)),
@@ -73,5 +73,3 @@ React.createElement("div", { className: styles.inputWrapper },
                 React.createElement("div", { className: styles.input }, children)),
-            rightAddons && (React.createElement("div", { className: cn(styles.addons, styles.rightAddons, addonsClassName) }, rightAddons)),
-            error && (React.createElement("div", { className: styles.errorIcon },
-                React.createElement(ErrorIcon, null)))),
+            rightAddons && (React.createElement("div", { className: cn(styles.addons, styles.rightAddons, addonsClassName) }, rightAddons))),
         bottomAddons,
@@ -78,0 +76,0 @@ errorMessage && (React.createElement("span", { className: cn(styles.sub, styles.error) }, errorMessage)),

dist/cssm/index.js

@@ -8,3 +8,2 @@ 'use strict';
 require('classnames');
-require('@alfalab/icons-classic/ErrorMColorIcon');
 require('./index.module.css');
@@ -11,0 +10,0 @@

dist/index.js

@@ -8,3 +8,2 @@ 'use strict';
 require('classnames');
-require('@alfalab/icons-classic/ErrorMColorIcon');
 
@@ -11,0 +10,0 @@

dist/modern/Component.js

 import React from 'react';
 import cn from 'classnames';
-import ErrorIcon from '@alfalab/icons-classic/ErrorMColorIcon';
 
-var styles = {"component":"form-control__component_13m3i","inner":"form-control__inner_13m3i","inputWrapper":"form-control__inputWrapper_13m3i","input":"form-control__input_13m3i","label":"form-control__label_13m3i","labelInner":"form-control__labelInner_13m3i","addons":"form-control__addons_13m3i","errorIcon":"form-control__errorIcon_13m3i","leftAddons":"form-control__leftAddons_13m3i","rightAddons":"form-control__rightAddons_13m3i","sub":"form-control__sub_13m3i","hint":"form-control__hint_13m3i","block":"form-control__block_13m3i","s":"form-control__s_13m3i","hasLabel":"form-control__hasLabel_13m3i","m":"form-control__m_13m3i","l":"form-control__l_13m3i","hasLeftAddons":"form-control__hasLeftAddons_13m3i","hasRightAddons":"form-control__hasRightAddons_13m3i","disabled":"form-control__disabled_13m3i","focused":"form-control__focused_13m3i","hasError":"form-control__hasError_13m3i","filled":"form-control__filled_13m3i","error":"form-control__error_13m3i"};
+var styles = {"component":"form-control__component_1kz9s","inner":"form-control__inner_1kz9s","inputWrapper":"form-control__inputWrapper_1kz9s","input":"form-control__input_1kz9s","label":"form-control__label_1kz9s","labelInner":"form-control__labelInner_1kz9s","addons":"form-control__addons_1kz9s","leftAddons":"form-control__leftAddons_1kz9s","rightAddons":"form-control__rightAddons_1kz9s","sub":"form-control__sub_1kz9s","hint":"form-control__hint_1kz9s","block":"form-control__block_1kz9s","s":"form-control__s_1kz9s","hasLabel":"form-control__hasLabel_1kz9s","m":"form-control__m_1kz9s","l":"form-control__l_1kz9s","hasLeftAddons":"form-control__hasLeftAddons_1kz9s","hasRightAddons":"form-control__hasRightAddons_1kz9s","disabled":"form-control__disabled_1kz9s","focused":"form-control__focused_1kz9s","hasError":"form-control__hasError_1kz9s","filled":"form-control__filled_1kz9s","error":"form-control__error_1kz9s"};
 require('./index.css')
@@ -11,12 +10,13 @@
     return (React.createElement("div", { "data-test-id": dataTestId, className: cn(styles.component, styles[size], {
-            [styles.focused]: focused,
-            [styles.disabled]: disabled,
-            [styles.filled]: filled,
-            [styles.hasError]: error,
-            [styles.hasLabel]: label,
             [styles.block]: block,
             [styles.hasLeftAddons]: leftAddons,
             [styles.hasRightAddons]: rightAddons || error,
-        }, className) },
-        React.createElement("div", Object.assign({}, restProps, { className: styles.inner, ref: ref }),
+        }) },
+        React.createElement("div", Object.assign({}, restProps, { className: cn(className, styles.inner, {
+                [styles.focused]: focused,
+                [styles.disabled]: disabled,
+                [styles.filled]: filled,
+                [styles.hasError]: error,
+                [styles.hasLabel]: label,
+            }), ref: ref }),
             leftAddons && (React.createElement("div", { className: cn(styles.addons, styles.leftAddons, addonsClassName) }, leftAddons)),
@@ -27,5 +27,3 @@ React.createElement("div", { className: styles.inputWrapper },
                 React.createElement("div", { className: styles.input }, children)),
-            rightAddons && (React.createElement("div", { className: cn(styles.addons, styles.rightAddons, addonsClassName) }, rightAddons)),
-            error && (React.createElement("div", { className: styles.errorIcon },
-                React.createElement(ErrorIcon, null)))),
+            rightAddons && (React.createElement("div", { className: cn(styles.addons, styles.rightAddons, addonsClassName) }, rightAddons))),
         bottomAddons,
@@ -32,0 +30,0 @@ errorMessage && (React.createElement("span", { className: cn(styles.sub, styles.error) }, errorMessage)),

dist/modern/index.js

 import 'react';
 import 'classnames';
-import '@alfalab/icons-classic/ErrorMColorIcon';
 export { FormControl } from './Component.js';

package.json

 {
     "name": "@alfalab/core-components-form-control",
-    "version": "3.0.1",
+    "version": "3.1.0",
     "description": "FormControl component",
@@ -20,6 +20,3 @@ "keywords": [],
     },
-    "dependencies": {
-        "@alfalab/icons-classic": "^1.7.0"
-    },
-    "gitHead": "003e030ace26efd152bc3a5e688146f57123deb0"
+    "gitHead": "8d4356e60763a523d2a1ef80fdec324f8901bd5c"
 }

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

Dependency count

3

decreased by-25%

Worsened metrics

Total package byte prevSize

43355

decreased by-4.81%

Lines of code

1220

decreased by-4.69%

Dependency changes

• - Removed@alfalab/icons-classic@^1.7.0

• - Removed@alfalab/icons-classic@1.76.0(transitive)