@visiion/forms-library 1.0.0

package/dist/types/index.d.ts

@@ -0,0 +1,118 @@
+import React from 'react';
+export interface IFormField {
+    id: string;
+    name: string;
+    type: 'radio' | 'text' | 'select' | 'textarea' | 'checkbox' | 'rut' | 'address' | 'subtitle' | 'alert' | 'date' | 'declaration' | 'status';
+    label: string;
+    value?: string | number | null;
+    options?: Array<{
+        value: string;
+        label: string;
+    }>;
+    required?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    addon?: string;
+    minLength?: number;
+    maxLength?: number;
+    className?: string;
+    onSearch?: (value: string | any) => void;
+    onAddressChange?: (address: any) => void;
+    showMap?: boolean;
+    mapHeight?: string;
+    validation?: {
+        pattern?: string;
+        message?: string;
+    };
+    validations?: Array<{
+        type: 'required' | 'min' | 'max' | 'email' | 'pattern' | 'custom';
+        params: string[];
+    }>;
+    tooltip?: string;
+    props?: any;
+}
+export interface IFormConfig {
+    id: string;
+    title: string;
+    subtitle?: string;
+    description?: string;
+    backStep?: string | null;
+    showInfoAlert?: boolean;
+    steps?: any;
+    infoMessage?: {
+        type: string | 'info' | 'warning' | 'error';
+        message: string | null;
+    };
+    fields: IFormField[];
+    navigation?: {
+        containerClass?: string;
+        buttons?: {
+            key: string;
+            direction: string | 'next' | 'back' | 'success' | 'guardar' | 'out';
+            label: string;
+            onClick: string;
+            show: boolean;
+            disabled?: boolean;
+            className?: string;
+        }[];
+    };
+    validation?: (formData: any) => {
+        success: boolean;
+        message: string;
+        nextStep: string;
+        step?: number | undefined;
+    } | undefined;
+    onNext?: (formData: any) => void;
+    onBack?: () => void;
+    onOut?: () => void;
+    onEnd?: () => void;
+    onSearch?: (field: IFormField, value: string, formData: any) => void;
+    initialData?: any;
+}
+export interface IStepProps {
+    activeStep: number;
+    changeActiveStep: (stepValue: number) => void;
+    markStepCompleted: (stepValue: number) => void;
+}
+export interface ResponseOnSearch {
+    data?: any;
+    success?: boolean;
+    nextStep?: string | null;
+}
+export interface NavigationButtonProps {
+    direction: 'default' | 'next' | 'back' | 'success' | 'guardar' | 'out' | 'out-light';
+    onClick: (e: React.FormEvent) => void;
+    disabled?: boolean;
+    label?: string;
+}
+export interface DynamicInputProps {
+    field: IFormField;
+    value: any;
+    onChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => void;
+    error?: string;
+}
+export interface InputWrapperProps {
+    label?: string;
+    error?: string;
+    tooltip?: string;
+    required?: boolean;
+    children: React.ReactNode;
+    className?: string;
+}
+export interface StepperContextType {
+    stepperData: any | null;
+    setStepperData: React.Dispatch<React.SetStateAction<any | null>>;
+    resetStepperData: () => void;
+    currentDate: Date | null;
+}
+export interface ValidationRule {
+    type: 'required' | 'min' | 'max' | 'email' | 'pattern' | 'custom';
+    params: string[];
+}
+export interface CommonValidations {
+    required: (message?: string) => ValidationRule;
+    min: (length: number, message?: string) => ValidationRule;
+    max: (length: number, message?: string) => ValidationRule;
+    email: (message?: string) => ValidationRule;
+    pattern: (regex: string, message?: string) => ValidationRule;
+}

package/dist/utils/rut.d.ts

@@ -0,0 +1,13 @@
+export declare function clean(rut: string | unknown): string;
+export declare function formatRut(rut: string): string;
+export declare const serialRegex: RegExp;
+export declare const validateOnlyNumbersAndLetters: (value: string) => boolean;
+export declare function servicioRut(rut: string): string;
+export declare function dgv(T: number): string | number;
+export declare function validate(rut: string): boolean;
+/**
+ * Enmascara un RUT ocultando los dígitos del medio
+ * @param rut - RUT formateado (ej: "19.178.946-6")
+ * @returns RUT enmascarado (ej: "19.178.XXX-6")
+ */
+export declare function maskRut(rut: string): string;

package/dist/utils/validationSchemas.d.ts

@@ -0,0 +1,8 @@
+import * as Yup from 'yup';
+import { IFormField, CommonValidations } from '../types';
+export declare const createValidationSchema: (fields: IFormField[]) => Yup.ObjectSchema<{
+    [x: string]: any;
+}, Yup.AnyObject, {
+    [x: string]: any;
+}, "">;
+export declare const commonValidations: CommonValidations;

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@visiion/forms-library",
+  "version": "1.0.0",
+  "description": "Librería de componentes de formularios reutilizables",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Kuantaz/forms-library.git"
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "test": "jest",
+    "lint": "eslint src --ext .ts,.tsx",
+    "format": "prettier --write src/**/*.{ts,tsx}",
+    "prepare": "pnpm run build"
+  },
+  "keywords": [
+    "react",
+    "forms",
+    "components",
+    "typescript",
+    "ui"
+  ],
+  "author": "Visiion Team",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "@googlemaps/js-api-loader": "^1.16.6",
+    "@react-google-maps/api": "^2.19.3",
+    "flowbite-react": "^0.10.1",
+    "react-icons": "^4.12.0",
+    "yup": "^1.6.1"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.5",
+    "@types/react": "^18.3.23",
+    "@types/react-dom": "^18.3.7",
+    "@typescript-eslint/eslint-plugin": "^8.31.0",
+    "@typescript-eslint/parser": "^8.31.0",
+    "eslint": "^9.25.1",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "prettier": "^3.3.2",
+    "rollup": "^4.9.4",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "tslib": "^2.8.1",
+    "typescript": "^5.2.2"
+  },
+  "directories": {
+    "example": "example"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Kuantaz/forms-library.git"
+  },
+  "bugs": {
+    "url": "https://github.com/Kuantaz/forms-library/issues"
+  },
+  "homepage": "https://github.com/Kuantaz/forms-library#readme"
+}