kelt-ui-kit-react 1.2.8 → 1.3.1

package/dist/form/Form.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { FormInterface, FormValuesInterface } from './form.interface';
 
 export type FormProps<T extends {
-    [key: string]: string | number | boolean | Date;
+    [key: string]: string | number | boolean | Date | string[];
 }> = {
     className?: string;
     title?: string;
@@ -12,15 +12,15 @@ export type FormProps<T extends {
     onChange?: (values: FormValuesInterface<T>) => void;
 };
 export declare const DynamicForm: React.ForwardRefExoticComponent<FormProps<{
-    [key: string]: string | number | boolean | Date;
+    [key: string]: string | number | boolean | string[] | Date;
 }> & React.RefAttributes<{
     clearInput?: ((name: string) => void) | undefined;
     resetForm?: (() => void) | undefined;
     focusInitialElement?: (() => void) | undefined;
     getValues?: (() => Partial<{
-        [x: string]: string | number | boolean | Date;
+        [x: string]: string | number | boolean | string[] | Date;
     }>) | undefined;
     updateFormValue?: ((values: Partial<{
-        [x: string]: string | number | boolean | Date;
+        [x: string]: string | number | boolean | string[] | Date;
     }>) => void) | undefined;
 }>>;

package/dist/form/form.enum.d.ts

@@ -7,5 +7,6 @@ export declare enum TypeInputEnum {
     NUMBER = "number",
     CHECKBOX = "checkbox",
     RADIO = "radio",
-    DATE = "date"
+    DATE = "date",
+    SELECT = "select"
 }

package/dist/form/form.interface.d.ts

@@ -1,7 +1,7 @@
 import { TypeInputEnum } from './form.enum';
 
 export type FormValuesInterface<T extends {
-    [key: string]: string | number | boolean | Date;
+    [key: string]: string | number | boolean | Date | string[];
 }> = Partial<{
     [K in keyof T]: T[K];
 }>;
@@ -22,10 +22,15 @@ export interface FormInterface {
     required?: boolean;
     condition?: FormCondition;
     icon?: string;
+    multiple?: boolean;
+    options?: {
+        value: string;
+        label: string;
+    }[];
     className?: string;
     autoComplete?: autoCompleteType;
     step?: string;
-    onChange?: (value: string | number | boolean | Date, name?: string) => void;
+    onChange?: (value: string | number | boolean | Date | string[], name?: string) => void;
     onRequired?: (value: string | number | boolean | Date) => boolean;
     onDisabled?: (value: string | number | boolean | Date) => boolean;
     onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => void;

package/dist/form/input/Input.d.ts

@@ -0,0 +1,24 @@
+
+export interface InputProps {
+    id: string;
+    name: string;
+    type?: string;
+    onInvalid?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    value?: string | number;
+    placeholder?: string;
+    className?: string;
+    inputMode?: "text" | "numeric" | "decimal" | "email" | "tel" | "search";
+    disabled?: boolean;
+    autoFocus?: boolean;
+    required?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    autoComplete?: "on" | "off";
+    ref?: React.Ref<HTMLInputElement>;
+    step?: string;
+    tabIndex?: number;
+    checked?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+}
+export declare const Input: ({ id, name, type, value, onInvalid, placeholder, className, inputMode, minLength, maxLength, autoFocus, disabled, required, autoComplete, ref, tabIndex, step, checked, onChange, onBlur, }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -13,6 +13,7 @@ export { Expands } from './expands/Expands';
 export { FilAriane } from './filAriane/FilAriane';
 export { DynamicForm } from './form/Form';
 export { TypeInputEnum } from './form/form.enum';
+export { Input } from './form/input/Input';
 export { TextArea } from './form/textArea/TextArea';
 export { Grid } from './grid/Grid';
 export { Header } from './header/Header';