@steroidsjs/core 3.0.0-beta.92 → 3.0.0-beta.94

package/ui/form/InputField/hooks/useInputFieldWarningByType.js

@@ -0,0 +1,35 @@
+"use strict";
+exports.__esModule = true;
+exports.useInputFieldWarningByType = exports.INPUT_TYPES_SUPPORTED_SELECTION = void 0;
+/* eslint-disable max-len */
+/* eslint-disable no-unused-expressions */
+var react_use_1 = require("react-use");
+exports.INPUT_TYPES_SUPPORTED_SELECTION = ['text', 'search', 'tel', 'url', 'password'];
+var INPUT_TYPES_REPLACEMENT_HASH = {
+    email: 'EmailField',
+    date: 'DateField',
+    month: 'DateField',
+    week: 'CalendarSystem',
+    time: 'DateTimeField',
+    'datetime-local': 'DateField',
+    number: 'NumberField',
+    range: 'SliderField',
+    checkbox: 'CheckboxField',
+    radio: 'RadioField',
+    button: 'Button',
+    file: 'FileField',
+    submit: 'Button',
+    image: 'Button',
+    reset: 'Button'
+};
+var useInputFieldWarningByType = function (type) {
+    (0, react_use_1.useMount)(function () {
+        if (!exports.INPUT_TYPES_SUPPORTED_SELECTION.includes(type)) {
+            var recommendedUiComponent = "<".concat(INPUT_TYPES_REPLACEMENT_HASH[type], " />");
+            INPUT_TYPES_REPLACEMENT_HASH[type]
+                ? console.warn("<InputField /> with \"".concat(type, "\" type does not support setSelectionRange() method. Try to use ").concat(recommendedUiComponent, " instead."))
+                : console.warn("< InputField /> with \"".concat(type, "\" type does not support setSelectionRange() method.Try to use native <input /> tag."));
+        }
+    });
+};
+exports.useInputFieldWarningByType = useInputFieldWarningByType;

package/ui/form/NumberField/hooks/useInputTypeNumber.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 interface IInputTypeNumberProps {
     max: any;
     min: any;
-    value: any;
+    value: string | undefined | null;
 }
 declare const useInputTypeNumber: (currentInputRef: React.MutableRefObject<HTMLInputElement>, inputTypeNumberProps: IInputTypeNumberProps, onChange: (event: React.ChangeEvent<HTMLInputElement>, value?: any) => void) => {
     onInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;

package/ui/form/NumberField/hooks/useInputTypeNumber.js

@@ -5,22 +5,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var react_1 = __importDefault(require("react"));
 var useInputTypeNumber = function (currentInputRef, inputTypeNumberProps, onChange) {
-    var setValidity = react_1["default"].useCallback(function (message) {
-        var _a;
-        (_a = currentInputRef.current) === null || _a === void 0 ? void 0 : _a.setCustomValidity(message);
-    }, [currentInputRef]);
-    var checkIsValueFalsy = function (value) { return value === '' || value === null || value === undefined; };
     react_1["default"].useEffect(function () {
-        var defaultValidity = 'The number is not included in the range';
-        // eslint-disable-next-line no-unused-expressions
-        inputTypeNumberProps.value > inputTypeNumberProps.max
+        var _a;
+        var defaultValidity = 'The number is not valid.';
+        var errorMessage = inputTypeNumberProps.value > inputTypeNumberProps.max
             || inputTypeNumberProps.value < inputTypeNumberProps.min
-            || checkIsValueFalsy(inputTypeNumberProps.value)
-            ? setValidity(__(defaultValidity) + " ".concat(inputTypeNumberProps.min, " \u2014 ").concat(inputTypeNumberProps.max))
-            : setValidity('');
-    }, [currentInputRef, inputTypeNumberProps.value, inputTypeNumberProps.max, inputTypeNumberProps.min, setValidity]);
+            || !inputTypeNumberProps.value
+            ? __(defaultValidity)
+            : '';
+        (_a = currentInputRef.current) === null || _a === void 0 ? void 0 : _a.setCustomValidity(errorMessage);
+    }, [currentInputRef, inputTypeNumberProps.value, inputTypeNumberProps.max, inputTypeNumberProps.min]);
     var isValueNumeric = function (value) {
-        if (checkIsValueFalsy(value)) {
+        if (!value) {
             return true;
         }
         /**

package/ui/form/index.d.ts

@@ -29,7 +29,8 @@ import TextField from './TextField';
 import TimeField from './TimeField';
 import RateField from './RateField';
 import MaskField from './MaskField';
-export { AutoCompleteField, BlankField, Button, CheckboxField, CheckboxListField, DateField, DateRangeField, DateTimeField, DateTimeRangeField, DropDownField, Field, FieldLayout, FieldList, FieldSet, FileField, Form, HtmlField, InputField, NavField, NumberField, PasswordField, RadioField, RadioListField, ReCaptchaField, SliderField, SwitcherField, TextField, TimeField, RateField, MaskField, };
+import EmailField from './EmailField';
+export { AutoCompleteField, BlankField, Button, CheckboxField, CheckboxListField, DateField, DateRangeField, DateTimeField, DateTimeRangeField, DropDownField, Field, FieldLayout, FieldList, FieldSet, FileField, Form, HtmlField, InputField, NavField, NumberField, PasswordField, RadioField, RadioListField, ReCaptchaField, SliderField, SwitcherField, TextField, TimeField, RateField, MaskField, EmailField, };
 declare const _default: {
     AutoCompleteField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./AutoCompleteField/AutoCompleteField").IAutoCompleteFieldProps>;
     BlankField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./BlankField/BlankField").IBlankFieldProps>;
@@ -61,5 +62,6 @@ declare const _default: {
     TimeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./TimeField/TimeField").ITimeFieldProps>;
     RateField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./RateField/RateField").IRateFieldProps>;
     MaskField: typeof MaskField;
+    EmailField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./EmailField/EmailField").IEmailFieldProps>;
 };
 export default _default;

package/ui/form/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.MaskField = exports.RateField = exports.TimeField = exports.TextField = exports.SwitcherField = exports.SliderField = exports.ReCaptchaField = exports.RadioListField = exports.RadioField = exports.PasswordField = exports.NumberField = exports.NavField = exports.InputField = exports.HtmlField = exports.Form = exports.FileField = exports.FieldSet = exports.FieldList = exports.FieldLayout = exports.Field = exports.DropDownField = exports.DateTimeRangeField = exports.DateTimeField = exports.DateRangeField = exports.DateField = exports.CheckboxListField = exports.CheckboxField = exports.Button = exports.BlankField = exports.AutoCompleteField = void 0;
+exports.EmailField = exports.MaskField = exports.RateField = exports.TimeField = exports.TextField = exports.SwitcherField = exports.SliderField = exports.ReCaptchaField = exports.RadioListField = exports.RadioField = exports.PasswordField = exports.NumberField = exports.NavField = exports.InputField = exports.HtmlField = exports.Form = exports.FileField = exports.FieldSet = exports.FieldList = exports.FieldLayout = exports.Field = exports.DropDownField = exports.DateTimeRangeField = exports.DateTimeField = exports.DateRangeField = exports.DateField = exports.CheckboxListField = exports.CheckboxField = exports.Button = exports.BlankField = exports.AutoCompleteField = void 0;
 var AutoCompleteField_1 = __importDefault(require("./AutoCompleteField"));
 exports.AutoCompleteField = AutoCompleteField_1["default"];
 var BlankField_1 = __importDefault(require("./BlankField"));
@@ -64,6 +64,8 @@ var RateField_1 = __importDefault(require("./RateField"));
 exports.RateField = RateField_1["default"];
 var MaskField_1 = __importDefault(require("./MaskField"));
 exports.MaskField = MaskField_1["default"];
+var EmailField_1 = __importDefault(require("./EmailField"));
+exports.EmailField = EmailField_1["default"];
 exports["default"] = {
     AutoCompleteField: AutoCompleteField_1["default"],
     BlankField: BlankField_1["default"],
@@ -94,5 +96,6 @@ exports["default"] = {
     TextField: TextField_1["default"],
     TimeField: TimeField_1["default"],
     RateField: RateField_1["default"],
-    MaskField: MaskField_1["default"]
+    MaskField: MaskField_1["default"],
+    EmailField: EmailField_1["default"]
 };