@visiion/forms-library 1.0.0 → 1.1.0

package/dist/components/Common/NavigationButton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { NavigationButtonProps } from '../../types';
+import React from "react";
+import { NavigationButtonProps } from "../../types";
 declare const NavigationButton: React.FC<NavigationButtonProps>;
 export default NavigationButton;

package/dist/components/Common/RadioOption.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface RadioOptionProps {
+    id: string;
+    name: string;
+    value: string;
+    checked: boolean;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    label: string;
+    disabled?: boolean;
+}
+declare const RadioOption: React.FC<RadioOptionProps>;
+export default RadioOption;

package/dist/components/Common/TextInputField.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import { TextInputProps } from "flowbite-react";
+import { IconType } from "react-icons";
+interface TextInputFieldProps extends TextInputProps {
+    id?: string;
+    label?: string;
+    type: string;
+    placeholder?: string;
+    value?: string | number;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    icon?: IconType;
+    addon?: string;
+    rightIcon?: IconType;
+    containerClassName?: string;
+    className?: string;
+    color?: string;
+    helperText?: React.ReactNode;
+    maxLength?: number;
+    counterCharacters?: boolean;
+    inputClassName?: string;
+}
+declare const TextInputField: React.ForwardRefExoticComponent<TextInputFieldProps & React.RefAttributes<HTMLInputElement>>;
+export default TextInputField;

package/dist/components/Common/index.d.ts

@@ -1 +1,3 @@
-export { default as NavigationButton } from './NavigationButton';
+export { default as NavigationButton } from "./NavigationButton";
+export { default as TextInputField } from "./TextInputField";
+export { default as RadioOption } from "./RadioOption";

package/dist/components/Forms/GenericForm.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
-import { IFormConfig } from '../../types';
+import React from "react";
+import { IFormConfig } from "../../types";
+import { type CustomFlowbiteTheme } from "flowbite-react";
 interface IGenericFormProps {
     config: IFormConfig;
     stepperData?: any;
@@ -7,6 +8,8 @@ interface IGenericFormProps {
     changeActiveStep?: (step: number) => void;
     loading?: boolean;
     className?: string;
+    stepperDataKey?: string;
+    flowbiteTheme?: CustomFlowbiteTheme;
 }
 export declare const GenericForm: React.FC<IGenericFormProps>;
 export {};

package/dist/components/Inputs/AddressInput.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { IFormField } from "../../types";
+interface AddressInputProps {
+    field: IFormField;
+    value: any;
+    onChange: (inputData: {
+        target: {
+            name: string;
+            value: any;
+            id?: string;
+            type?: string;
+        };
+    }) => void;
+    error?: string;
+    onSearch?: (value: string | any) => void;
+    showMap?: boolean;
+    mapHeight?: string;
+}
+declare const AddressInput: React.FC<AddressInputProps>;
+export default AddressInput;

package/dist/components/Inputs/Alert.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-type AlertType = 'info' | 'warning' | 'error';
+import React from "react";
+type AlertType = "info" | "warning" | "error";
 interface CustomAlertProps {
-    type?: AlertType | 'warning' | 'info' | 'error' | string;
+    type?: AlertType | "warning" | "info" | "error" | string;
     text: string | null;
     icon?: React.FC<any> | string;
     className?: string;
     iconClassName?: string;
     textClassName?: string;
 }
-declare const Alert: React.FC<CustomAlertProps>;
+export declare const Alert: ({ type, text, icon, className, iconClassName, textClassName, }: CustomAlertProps) => import("react/jsx-runtime").JSX.Element;
 export default Alert;

package/dist/components/Inputs/CheckboxInput.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { IFormField } from '../../types';
+import React from "react";
+import { IFormField } from "../../types";
 interface CheckboxInputProps {
     field: IFormField;
     value: boolean;

package/dist/components/Inputs/DatePicker.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { IFormField } from "../../types";
+interface DatePickerProps extends IFormField {
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    error?: string;
+}
+declare const DatePicker: React.FC<DatePickerProps>;
+export default DatePicker;

package/dist/components/Inputs/DynamicInput.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { IFormField } from '../../types';
+import React from "react";
+import { IFormField } from "../../types";
 interface DynamicInputProps {
     field: IFormField;
     value: any;

package/dist/components/Inputs/GoogleMaps.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface GoogleMapsProps {
+    children: React.ReactNode;
+    apiKey?: string;
+}
+export declare const GoogleMaps: React.FC<GoogleMapsProps>;
+export default GoogleMaps;

package/dist/components/Inputs/InputWrapper.d.ts

@@ -1,4 +1,10 @@
 import React from 'react';
-import { InputWrapperProps } from '../../types';
+interface InputWrapperProps {
+    id: string;
+    label: string;
+    error?: string;
+    tooltip?: string;
+    children: React.ReactNode;
+}
 declare const InputWrapper: React.FC<InputWrapperProps>;
 export default InputWrapper;

package/dist/components/Inputs/RadioInput.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { IFormField } from "../../types";
+interface RadioInputProps {
+    field: IFormField;
+    value: string | number;
+    onChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => void;
+    error?: string;
+}
+declare const RadioInput: React.FC<RadioInputProps>;
+export default RadioInput;

package/dist/components/Inputs/RutInput.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { IFormField } from '../../types';
+import React from "react";
+import { IFormField } from "../../types";
 interface RutInputProps {
     field: IFormField;
     value: any;

package/dist/components/Inputs/SelectInput.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { IFormField } from '../../types';
+import React from "react";
+import { IFormField } from "../../types";
 interface SelectInputProps {
     field: IFormField;
     value: string | number;

package/dist/components/Inputs/StatusScreen.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+interface StatusScreenProps {
+    title?: string;
+    message?: string;
+    type?: "success" | "error" | "warning" | "info";
+    leftButton?: {
+        label: string;
+        onClick: () => void;
+    };
+    rightButton?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+declare const StatusScreen: React.FC<StatusScreenProps>;
+export default StatusScreen;

package/dist/components/Inputs/SubtitleInput.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface SubtitleInputProps {
+    title?: string;
+    description?: string;
+    className?: string;
+}
+declare const SubtitleInput: React.FC<SubtitleInputProps>;
+export default SubtitleInput;

package/dist/components/Inputs/SwornDeclaration.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { IFormField } from "../../types";
+interface SwornDeclarationProps extends IFormField {
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    error?: string;
+}
+declare const SwornDeclaration: React.FC<SwornDeclarationProps>;
+export default SwornDeclaration;

package/dist/components/Inputs/TextInput.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { IFormField } from '../../types';
+import React from "react";
+import { IFormField } from "../../types";
 interface TextInputProps {
     field: IFormField;
     value: string | number;

package/dist/components/Inputs/TextareaInput.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { IFormField } from '../../types';
+import React from "react";
+import { IFormField } from "../../types";
 interface TextareaInputProps {
     field?: IFormField;
     value?: string;

package/dist/components/Inputs/index.d.ts

@@ -1,8 +1,14 @@
-export { default as TextInput } from './TextInput';
-export { default as SelectInput } from './SelectInput';
-export { default as CheckboxInput } from './CheckboxInput';
-export { default as TextareaInput } from './TextareaInput';
-export { default as RutInput } from './RutInput';
-export { default as Alert } from './Alert';
-export { default as DynamicInput } from './DynamicInput';
-export { default as InputWrapper } from './InputWrapper';
+export { default as TextInput } from "./TextInput";
+export { default as SelectInput } from "./SelectInput";
+export { default as RadioInput } from "./RadioInput";
+export { default as TextareaInput } from "./TextareaInput";
+export { default as CheckboxInput } from "./CheckboxInput";
+export { default as RutInput } from "./RutInput";
+export { default as AddressInput } from "./AddressInput";
+export { default as DynamicInput } from "./DynamicInput";
+export { default as StatusScreen } from "./StatusScreen";
+export { default as SwornDeclaration } from "./SwornDeclaration";
+export { default as DatePicker } from "./DatePicker";
+export { default as SubtitleInput } from "./SubtitleInput";
+export { default as Alert } from "./Alert";
+export { default as InputWrapper } from "./InputWrapper";

package/dist/components/Steppers/Simple.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface Step {
+    label: string;
+    value: number;
+}
+interface FormStepperProps {
+    activeStep: number;
+    steps: Step[];
+    completedSteps: number[];
+    changeActiveStep: (step: number) => void;
+}
+declare const FormStepper: React.FC<FormStepperProps>;
+export default FormStepper;

package/dist/components/Steppers/Stepper.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface Step {
+    label: string;
+    value: number;
+}
+interface FormStepperProps {
+    activeStep: number;
+    steps: Step[];
+    completedSteps: number[];
+    changeActiveStep: (step: number) => void;
+}
+declare const FormStepper: React.FC<FormStepperProps>;
+export default FormStepper;

package/dist/components/Steppers/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Stepper";

package/dist/config/theme.d.ts

@@ -0,0 +1,2 @@
+import { CustomFlowbiteTheme } from 'flowbite-react';
+export declare const customTheme: CustomFlowbiteTheme;

package/dist/contexts/MiDtContext.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { Region, Comuna } from "../utils/Common";
+interface MiDtData {
+    allData: {
+        metadata: {
+            Regiones: Region[];
+            Comunas: Comuna[];
+        };
+    };
+}
+interface MiDtContextType {
+    miDtData: MiDtData;
+}
+declare const MiDtContext: React.Context<MiDtContextType>;
+export declare const MiDtProvider: React.FC<{
+    children: React.ReactNode;
+    regiones?: Region[];
+    comunas?: Comuna[];
+}>;
+export declare const useMiDt: () => MiDtContextType;
+export default MiDtContext;

package/dist/index.d.ts

@@ -1,6 +1,12 @@
-export { GenericForm } from './components/Forms';
-export { TextInput, SelectInput, CheckboxInput, TextareaInput, RutInput, Alert, DynamicInput, InputWrapper, } from './components/Inputs';
-export { NavigationButton } from './components/Common';
-export type { IFormField, IFormConfig, IStepProps, ResponseOnSearch, NavigationButtonProps, DynamicInputProps, InputWrapperProps, StepperContextType, ValidationRule, CommonValidations, } from './types';
-export { createValidationSchema, commonValidations, } from './utils/validationSchemas';
-export { clean as cleanRut, formatRut, validate as validateRut, maskRut, validateOnlyNumbersAndLetters, } from './utils/rut';
+export { GenericForm } from "./components/Forms";
+export { TextInput, SelectInput, RadioInput, CheckboxInput, TextareaInput, RutInput, AddressInput, Alert, DynamicInput, InputWrapper, StatusScreen, SwornDeclaration, DatePicker, SubtitleInput, } from "./components/Inputs";
+export { NavigationButton, TextInputField, RadioOption, } from "./components/Common";
+export { GoogleMaps } from "./components/Inputs/GoogleMaps";
+export { MiDtProvider, useMiDt } from "./contexts/MiDtContext";
+export { Flowbite } from "flowbite-react";
+export type { CustomFlowbiteTheme } from "flowbite-react";
+export type { IFormField, IFormConfig, IStepProps, ResponseOnSearch, NavigationButtonProps, DynamicInputProps, InputWrapperProps, StepperContextType, ValidationRule, CommonValidations, } from "./types";
+export { createValidationSchema, commonValidations, } from "./utils/validationSchemas";
+export { clean as cleanRut, formatRut, validate as validateRut, maskRut, validateOnlyNumbersAndLetters, } from "./utils/rut";
+export { default as Common } from "./utils/Common";
+export type { Region, Comuna } from "./utils/Common";