eyzy - npm Package Compare versions

Comparing version 0.0.17 to 0.0.18

dist/eyzy.js

 
 /*!
- * Eyzy v0.0.17
+ * Eyzy v0.0.18
  * (c) 2022 amsik
@@ -118,6 +118,7 @@ * Released under the MIT License.
     var Field = function (_a) {
-        var label = _a.label, helpText = _a.helpText, children = _a.children, fit = _a.fit, required = _a.required;
+        var label = _a.label, helpText = _a.helpText, children = _a.children, fit = _a.fit, required = _a.required, error = _a.error;
         var id = React.useMemo(function () { return "e-" + uid(); }, []);
         var classNames = cn('e-field', {
-            fit: fit
+            fit: fit,
+            error: error
         });
@@ -128,11 +129,9 @@ // @ts-ignore
         });
-        if (label || helpText) {
-            return (React__default.createElement("div", { className: classNames },
-                label && (React__default.createElement("label", { className: 'e-label', htmlFor: id },
-                    label,
-                    required && React__default.createElement("span", { className: 'e-asterisk' }, "*"))),
-                helpText && (React__default.createElement("div", { className: 'e-help' }, helpText)),
-                React__default.createElement("div", { className: 'e-ctrl' }, child)));
-        }
-        return (React__default.createElement("div", { className: classNames }, child));
+        return (React__default.createElement("div", { className: classNames },
+            label && (React__default.createElement("label", { className: 'e-label', htmlFor: id },
+                label,
+                required && React__default.createElement("span", { className: 'e-asterisk' }, "*"))),
+            React__default.createElement("div", { className: 'e-ctrl' }, child),
+            error && (React__default.createElement("div", { className: 'e-error' }, error)),
+            helpText && (React__default.createElement("div", { className: 'e-help' }, helpText))));
     };
@@ -193,3 +192,3 @@
     function BaseInput(props, ref) {
-        var className = props.className, width = props.width, required = props.required, fit = props.fit, type = props.type, style = props.style, helpText = props.helpText, label = props.label, onPressEnter = props.onPressEnter, onPressEsc = props.onPressEsc, onKeyDown = props.onKeyDown, onChange = props.onChange, rest = __rest(props, ["className", "width", "required", "fit", "type", "style", "helpText", "label", "onPressEnter", "onPressEsc", "onKeyDown", "onChange"]);
+        var className = props.className, width = props.width, required = props.required, fit = props.fit, type = props.type, style = props.style, error = props.error, helpText = props.helpText, label = props.label, onPressEnter = props.onPressEnter, onPressEsc = props.onPressEsc, onKeyDown = props.onKeyDown, onChange = props.onChange, rest = __rest(props, ["className", "width", "required", "fit", "type", "style", "error", "helpText", "label", "onPressEnter", "onPressEsc", "onKeyDown", "onChange"]);
         var _a = React.useState(props.value || props.defaultValue || ''), value = _a[0], setValue = _a[1];
@@ -228,3 +227,4 @@ var handleChange = function (e) {
         var ElementType = type === 'textarea' ? 'textarea' : 'input';
-        return (React__default.createElement(Field, { label: label, helpText: helpText, fit: fit, required: required },
+        console.log(error);
+        return (React__default.createElement(Field, { label: label, helpText: helpText, fit: fit, required: required, error: error },
             React__default.createElement(FocusRing, null,
@@ -231,0 +231,0 @@ React__default.createElement(ElementType, __assign({}, rest, { ref: ref, value: value, type: type || 'text', className: classNames, style: elemStyle, onChange: handleChange, onKeyDown: handleKeyDown })))));

es/eyzy.js

 
 /*!
- * Eyzy v0.0.17
+ * Eyzy v0.0.18
  * (c) 2022 amsik
@@ -112,6 +112,7 @@ * Released under the MIT License.
 var Field = function (_a) {
-    var label = _a.label, helpText = _a.helpText, children = _a.children, fit = _a.fit, required = _a.required;
+    var label = _a.label, helpText = _a.helpText, children = _a.children, fit = _a.fit, required = _a.required, error = _a.error;
     var id = useMemo(function () { return "e-" + uid(); }, []);
     var classNames = cn('e-field', {
-        fit: fit
+        fit: fit,
+        error: error
     });
@@ -122,11 +123,9 @@ // @ts-ignore
     });
-    if (label || helpText) {
-        return (React.createElement("div", { className: classNames },
-            label && (React.createElement("label", { className: 'e-label', htmlFor: id },
-                label,
-                required && React.createElement("span", { className: 'e-asterisk' }, "*"))),
-            helpText && (React.createElement("div", { className: 'e-help' }, helpText)),
-            React.createElement("div", { className: 'e-ctrl' }, child)));
-    }
-    return (React.createElement("div", { className: classNames }, child));
+    return (React.createElement("div", { className: classNames },
+        label && (React.createElement("label", { className: 'e-label', htmlFor: id },
+            label,
+            required && React.createElement("span", { className: 'e-asterisk' }, "*"))),
+        React.createElement("div", { className: 'e-ctrl' }, child),
+        error && (React.createElement("div", { className: 'e-error' }, error)),
+        helpText && (React.createElement("div", { className: 'e-help' }, helpText))));
 };
@@ -187,3 +186,3 @@
 function BaseInput(props, ref) {
-    var className = props.className, width = props.width, required = props.required, fit = props.fit, type = props.type, style = props.style, helpText = props.helpText, label = props.label, onPressEnter = props.onPressEnter, onPressEsc = props.onPressEsc, onKeyDown = props.onKeyDown, onChange = props.onChange, rest = __rest(props, ["className", "width", "required", "fit", "type", "style", "helpText", "label", "onPressEnter", "onPressEsc", "onKeyDown", "onChange"]);
+    var className = props.className, width = props.width, required = props.required, fit = props.fit, type = props.type, style = props.style, error = props.error, helpText = props.helpText, label = props.label, onPressEnter = props.onPressEnter, onPressEsc = props.onPressEsc, onKeyDown = props.onKeyDown, onChange = props.onChange, rest = __rest(props, ["className", "width", "required", "fit", "type", "style", "error", "helpText", "label", "onPressEnter", "onPressEsc", "onKeyDown", "onChange"]);
     var _a = useState(props.value || props.defaultValue || ''), value = _a[0], setValue = _a[1];
@@ -222,3 +221,4 @@ var handleChange = function (e) {
     var ElementType = type === 'textarea' ? 'textarea' : 'input';
-    return (React.createElement(Field, { label: label, helpText: helpText, fit: fit, required: required },
+    console.log(error);
+    return (React.createElement(Field, { label: label, helpText: helpText, fit: fit, required: required, error: error },
         React.createElement(FocusRing, null,
@@ -225,0 +225,0 @@ React.createElement(ElementType, __assign({}, rest, { ref: ref, value: value, type: type || 'text', className: classNames, style: elemStyle, onChange: handleChange, onKeyDown: handleKeyDown })))));

package.json

 {
   "name": "eyzy",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "author": "Kostiantyn",
@@ -5,0 +5,0 @@ "description": "React UI Toolkit",

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

176918

increased by0.54%

Lines of code

1777

increased by0.68%

No dependency changes