react-asc 25.8.1 → 25.8.2

package/index.es.js

@@ -5357,7 +5357,7 @@ var styles$B = {"formInput":"FormInput-module_formInput__VXZip","disabled":"Form
 styleInject(css_248z$B);
 
 const FormInput = (props) => {
-    const { value, name, type, placeholder, className, isValid = true, options = [], textareaOptions, selectOptions, autoCompleteOptions, autoFocus, label, disabled = false, readonly = false, onInput, onChange, onBlur, onKeyDown } = props;
+    const { value, name, type, placeholder, className, isValid = true, options = [], textareaOptions, selectOptions, autoCompleteOptions, autoFocus, label, disabled = false, readonly = false, onInput, onChange, onBlur, onKeyDown, } = props;
     const getCssClasses = () => {
         const cssClasses = [];
         cssClasses.push(styles$B.formInput);
@@ -5380,15 +5380,7 @@ const FormInput = (props) => {
                 type === 'number' ||
                 type === 'password' ||
                 type === 'color' ||
-                type === 'time')
-                &&
-                    jsx("input", { id: name, name: name, type: type, className: getCssClasses(), value: value, autoFocus: autoFocus, onInput: (e) => handleOnInput(e.target.value, type, name), onChange: (e) => handleOnChange((e?.target).value, type, name), onBlur: onBlur, placeholder: placeholder, readOnly: readonly, disabled: disabled, onKeyDown: onKeyDown }), type === 'file' &&
-                jsx(FileInput, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, autoFocus: autoFocus, readOnly: readonly, disabled: disabled, onChange: (e) => handleOnChange(e.target.value, type, name), children: "choose a file" }), type === 'textarea' &&
-                jsx(Textarea, { id: name, name: name, className: className, error: !isValid, value: value, autoFocus: autoFocus, onInput: (e) => handleOnInput(e.target.value, type, name), onChange: (e) => handleOnChange(e.target.value, type, name), placeholder: placeholder, rows: textareaOptions?.rows, style: textareaOptions?.resize !== false ? undefined : { resize: 'none' } }), type === 'select' &&
-                jsx(Select, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, multiple: selectOptions?.multiple, onChange: (e) => handleOnChange(e, type, name), options: options }), type === 'autocomplete' &&
-                jsx(AutoComplete, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, openOnFocus: autoCompleteOptions?.openOnFocus, onChange: (e) => handleOnChange(e, type, name), onSelect: (e) => handleOnChange(e.value, type, name), options: options }), type === 'checkbox' &&
-                jsx(Checkbox, { id: name, name: name, label: label, className: (!isValid ? ' is-invalid' : ''), onChange: (e) => handleOnChange((e?.target).checked, type, name), checked: value }), type === 'radio' &&
-                jsx(Fragment$1, { children: options.map((option) => jsxs("div", { className: "form-check", children: [jsx("input", { id: option.id ? option.id : option.value, name: name, type: "radio", className: "form-check-input", onChange: (e) => handleOnChange((e?.target).value, type, name), value: option.value, checked: value === option.value, onKeyDown: onKeyDown }), jsx("label", { className: "form-check-label", htmlFor: option.id, children: option.label })] }, option.id)) })] }));
+                type === 'time') && (jsx("input", { id: name, name: name, type: type, className: getCssClasses(), value: value, autoFocus: autoFocus, onInput: (e) => handleOnInput(e.target.value, type, name), onChange: (e) => handleOnChange((e?.target).value, type, name), onBlur: onBlur, placeholder: placeholder, readOnly: readonly, disabled: disabled, onKeyDown: onKeyDown })), type === 'file' && (jsx(FileInput, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, autoFocus: autoFocus, readOnly: readonly, disabled: disabled, onChange: (e) => handleOnChange(e.target.value, type, name), children: "choose a file" })), type === 'textarea' && (jsx(Textarea, { id: name, name: name, className: className, error: !isValid, value: value, disabled: disabled, autoFocus: autoFocus, onInput: (e) => handleOnInput(e.target.value, type, name), onChange: (e) => handleOnChange(e.target.value, type, name), placeholder: placeholder, rows: textareaOptions?.rows, style: textareaOptions?.resize !== false ? undefined : { resize: 'none' } })), type === 'select' && (jsx(Select, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, disabled: disabled, multiple: selectOptions?.multiple, onChange: (e) => handleOnChange(e, type, name), options: options })), type === 'autocomplete' && (jsx(AutoComplete, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, disabled: disabled, openOnFocus: autoCompleteOptions?.openOnFocus, onChange: (e) => handleOnChange(e, type, name), onSelect: (e) => handleOnChange(e.value, type, name), options: options })), type === 'checkbox' && (jsx(Checkbox, { id: name, name: name, label: label, disabled: disabled, className: !isValid ? ' is-invalid' : '', onChange: (e) => handleOnChange((e?.target).checked, type, name), checked: value })), type === 'radio' && (jsx(Fragment$1, { children: options.map(option => (jsxs("div", { className: "form-check", children: [jsx("input", { id: option.id ? option.id : option.value, name: name, type: "radio", className: "form-check-input", onChange: (e) => handleOnChange((e?.target).value, type, name), value: option.value, checked: value === option.value, onKeyDown: onKeyDown }), jsx("label", { className: "form-check-label", htmlFor: option.id, children: option.label })] }, option.id))) }))] }));
 };
 
 var css_248z$A = ".FormLabel-module_formLabel__TXcHc {\n  display: inline-block;\n  margin-bottom: 0.5rem;\n}";

package/index.js

@@ -5359,7 +5359,7 @@ var styles$B = {"formInput":"FormInput-module_formInput__VXZip","disabled":"Form
 styleInject(css_248z$B);
 
 const FormInput = (props) => {
-    const { value, name, type, placeholder, className, isValid = true, options = [], textareaOptions, selectOptions, autoCompleteOptions, autoFocus, label, disabled = false, readonly = false, onInput, onChange, onBlur, onKeyDown } = props;
+    const { value, name, type, placeholder, className, isValid = true, options = [], textareaOptions, selectOptions, autoCompleteOptions, autoFocus, label, disabled = false, readonly = false, onInput, onChange, onBlur, onKeyDown, } = props;
     const getCssClasses = () => {
         const cssClasses = [];
         cssClasses.push(styles$B.formInput);
@@ -5382,15 +5382,7 @@ const FormInput = (props) => {
                 type === 'number' ||
                 type === 'password' ||
                 type === 'color' ||
-                type === 'time')
-                &&
-                    jsxRuntime.jsx("input", { id: name, name: name, type: type, className: getCssClasses(), value: value, autoFocus: autoFocus, onInput: (e) => handleOnInput(e.target.value, type, name), onChange: (e) => handleOnChange((e?.target).value, type, name), onBlur: onBlur, placeholder: placeholder, readOnly: readonly, disabled: disabled, onKeyDown: onKeyDown }), type === 'file' &&
-                jsxRuntime.jsx(FileInput, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, autoFocus: autoFocus, readOnly: readonly, disabled: disabled, onChange: (e) => handleOnChange(e.target.value, type, name), children: "choose a file" }), type === 'textarea' &&
-                jsxRuntime.jsx(Textarea, { id: name, name: name, className: className, error: !isValid, value: value, autoFocus: autoFocus, onInput: (e) => handleOnInput(e.target.value, type, name), onChange: (e) => handleOnChange(e.target.value, type, name), placeholder: placeholder, rows: textareaOptions?.rows, style: textareaOptions?.resize !== false ? undefined : { resize: 'none' } }), type === 'select' &&
-                jsxRuntime.jsx(Select, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, multiple: selectOptions?.multiple, onChange: (e) => handleOnChange(e, type, name), options: options }), type === 'autocomplete' &&
-                jsxRuntime.jsx(AutoComplete, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, openOnFocus: autoCompleteOptions?.openOnFocus, onChange: (e) => handleOnChange(e, type, name), onSelect: (e) => handleOnChange(e.value, type, name), options: options }), type === 'checkbox' &&
-                jsxRuntime.jsx(Checkbox, { id: name, name: name, label: label, className: (!isValid ? ' is-invalid' : ''), onChange: (e) => handleOnChange((e?.target).checked, type, name), checked: value }), type === 'radio' &&
-                jsxRuntime.jsx(jsxRuntime.Fragment, { children: options.map((option) => jsxRuntime.jsxs("div", { className: "form-check", children: [jsxRuntime.jsx("input", { id: option.id ? option.id : option.value, name: name, type: "radio", className: "form-check-input", onChange: (e) => handleOnChange((e?.target).value, type, name), value: option.value, checked: value === option.value, onKeyDown: onKeyDown }), jsxRuntime.jsx("label", { className: "form-check-label", htmlFor: option.id, children: option.label })] }, option.id)) })] }));
+                type === 'time') && (jsxRuntime.jsx("input", { id: name, name: name, type: type, className: getCssClasses(), value: value, autoFocus: autoFocus, onInput: (e) => handleOnInput(e.target.value, type, name), onChange: (e) => handleOnChange((e?.target).value, type, name), onBlur: onBlur, placeholder: placeholder, readOnly: readonly, disabled: disabled, onKeyDown: onKeyDown })), type === 'file' && (jsxRuntime.jsx(FileInput, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, autoFocus: autoFocus, readOnly: readonly, disabled: disabled, onChange: (e) => handleOnChange(e.target.value, type, name), children: "choose a file" })), type === 'textarea' && (jsxRuntime.jsx(Textarea, { id: name, name: name, className: className, error: !isValid, value: value, disabled: disabled, autoFocus: autoFocus, onInput: (e) => handleOnInput(e.target.value, type, name), onChange: (e) => handleOnChange(e.target.value, type, name), placeholder: placeholder, rows: textareaOptions?.rows, style: textareaOptions?.resize !== false ? undefined : { resize: 'none' } })), type === 'select' && (jsxRuntime.jsx(Select, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, disabled: disabled, multiple: selectOptions?.multiple, onChange: (e) => handleOnChange(e, type, name), options: options })), type === 'autocomplete' && (jsxRuntime.jsx(AutoComplete, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, disabled: disabled, openOnFocus: autoCompleteOptions?.openOnFocus, onChange: (e) => handleOnChange(e, type, name), onSelect: (e) => handleOnChange(e.value, type, name), options: options })), type === 'checkbox' && (jsxRuntime.jsx(Checkbox, { id: name, name: name, label: label, disabled: disabled, className: !isValid ? ' is-invalid' : '', onChange: (e) => handleOnChange((e?.target).checked, type, name), checked: value })), type === 'radio' && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: options.map(option => (jsxRuntime.jsxs("div", { className: "form-check", children: [jsxRuntime.jsx("input", { id: option.id ? option.id : option.value, name: name, type: "radio", className: "form-check-input", onChange: (e) => handleOnChange((e?.target).value, type, name), value: option.value, checked: value === option.value, onKeyDown: onKeyDown }), jsxRuntime.jsx("label", { className: "form-check-label", htmlFor: option.id, children: option.label })] }, option.id))) }))] }));
 };
 
 var css_248z$A = ".FormLabel-module_formLabel__TXcHc {\n  display: inline-block;\n  margin-bottom: 0.5rem;\n}";

package/lib/components/Form/FormInput/FormInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IFormInputOptions, IFormTextAreaOptions, IFormSelectOptions, IFormAutoCompleteOptions } from '../form.interfaces';
+import type { IFormAutoCompleteOptions, IFormInputOptions, IFormSelectOptions, IFormTextAreaOptions } from '../form.interfaces';
 import type { IFormControlType } from '../form.types';
 export interface IFormInputEvent {
     value: any;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-asc",
-	"version": "25.8.1",
+	"version": "25.8.2",
 	"description": "handcrafted react components",
 	"main": "index.js",
 	"module": "index.es.js",