@form-instant/react-input-mapping 0.1.9 → 0.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@form-instant/react-input-mapping",
-    "version": "0.1.9",
+    "version": "0.1.11",
     "license": "MIT",
     "author": {
         "name": "leomerida15",
@@ -11,13 +11,8 @@
     "module": "dist/react-input-mapping.esm.js",
     "typings": "dist/index.d.ts",
     "files": [
-        "dist",
-        "src"
+        "dist"
     ],
-    "private": false,
-    "exports": {
-        ".": "./src/index.ts"
-    },
     "scripts": {
         "analyze": "size-limit --why",
         "build": "dts build",

package/src/InputMapping/class.ts

@@ -1,70 +0,0 @@
-import { FC } from 'react';
-import { INPUT_COMPONENTS_KEYS } from './types';
-
-type MergeKeys<T, U> = {
-    [K in keyof T | keyof U]: K extends keyof T ? T[K] : K extends keyof U ? U[K] : never;
-};
-
-// K extiende de INPUT_COMPONENTS_KEYS y puede incluir más claves personalizadas
-export class InputMapping<P = object, K extends string = INPUT_COMPONENTS_KEYS> extends Map<
-    MergeKeys<K, INPUT_COMPONENTS_KEYS>,
-    FC<P>
-> {
-    private zodAdacter() {
-        return Object.entries({
-            ZodBoolean: 'checkbox',
-            ZodDate: 'date',
-            ZodEnum: 'select',
-            ZodNativeEnum: 'select',
-            ZodNumber: 'number',
-            string: 'text',
-        });
-    }
-
-    private appendObj(obj: Partial<Record<K | INPUT_COMPONENTS_KEYS, FC<P>>>) {
-        const keys = Object.keys(obj) as Array<K | INPUT_COMPONENTS_KEYS>;
-
-        type Ky = MergeKeys<K, INPUT_COMPONENTS_KEYS>;
-
-        for (const key of keys) this.set(key as Ky, obj[key]!);
-
-        for (const [k, v] of this.zodAdacter()) this.set(k as Ky, this.get(v)!);
-    }
-
-    constructor(obj?: Partial<Record<K | INPUT_COMPONENTS_KEYS, FC<P>>>) {
-        super();
-
-        if (!obj) return;
-
-        this.appendObj(obj);
-    }
-
-    exists(k: string) {
-        const isHas = super.has(k as MergeKeys<K, INPUT_COMPONENTS_KEYS>);
-
-        if (!isHas) return 'fallback';
-
-        return k as MergeKeys<K, INPUT_COMPONENTS_KEYS>;
-    }
-
-    get(k: MergeKeys<K, INPUT_COMPONENTS_KEYS> | string) {
-        return super.get(k as MergeKeys<K, INPUT_COMPONENTS_KEYS>);
-    }
-
-    set(k: MergeKeys<K, INPUT_COMPONENTS_KEYS>, v: FC<P>) {
-        if (!super.has(k)) super.set(k, v);
-
-        return this;
-    }
-
-    extends(cb: (mapingp: InputMapping<P, K | INPUT_COMPONENTS_KEYS>) => Record<never, FC<P>>) {
-        const obj = Object.fromEntries(super.entries()) as Record<string, FC<P>>;
-
-        const extendObj = cb(this as unknown as InputMapping<P, K | INPUT_COMPONENTS_KEYS>);
-
-        return new InputMapping<P, K | INPUT_COMPONENTS_KEYS>({
-            ...obj,
-            ...extendObj,
-        } as Record<K | INPUT_COMPONENTS_KEYS, FC<P>>);
-    }
-}

package/src/InputMapping/context.tsx

@@ -1,4 +0,0 @@
-import { createContext } from 'use-context-selector';
-import { InputMapping } from './class';
-
-export const InputMappingContext = createContext<InputMapping>(new InputMapping());

package/src/InputMapping/index.ts

@@ -1,5 +0,0 @@
-export * from './class';
-export * from './context';
-export * from './provider';
-export * from './types';
-export * from './useInputMapping';

package/src/InputMapping/provider.tsx

@@ -1,35 +0,0 @@
-import { createElement } from 'react';
-import { InputMapping } from './class';
-import { InputMappingContext } from './context';
-import { INPUT_COMPONENTS_KEYS, ParsedField } from './types';
-import { useInputMapping } from './useInputMapping';
-
-interface createFormInstantContainerRetuen<P = object, K extends string = INPUT_COMPONENTS_KEYS> {
-    useInputMapping: () => InputMapping<P, K>;
-    FormInstantInputsProvider: FCC;
-}
-
-export const createFormInstantContainer = <P = object, K extends string = INPUT_COMPONENTS_KEYS>(
-    inputMapping: InputMapping<P, K>,
-) => {
-    const FormInstantInputsProvider: FCC = (props) =>
-        createElement(InputMappingContext.Provider, {
-            value: inputMapping as InputMapping,
-            children: props.children,
-        });
-
-    return {
-        FormInstantInputsProvider,
-        useInputMapping,
-    } as createFormInstantContainerRetuen<P, K>;
-};
-
-export const ElementMapping: FC<ParsedField<null, string>> = (props) => {
-    const InputMapping = useInputMapping();
-
-    const Element = InputMapping.get(props.type);
-
-    if (!Element) return null;
-
-    return createElement(Element, props);
-};

package/src/InputMapping/types.ts

@@ -1,27 +0,0 @@
-export type INPUT_COMPONENTS_KEYS =
-    | 'checkbox'
-    | 'date'
-    | 'select'
-    | 'radio'
-    | 'switch'
-    | 'textarea'
-    | 'number'
-    | 'file'
-    | 'text'
-    | 'fallback';
-
-export interface ParsedField<AdditionalRenderable, FieldTypes = string> {
-    key: string;
-    type: string;
-    required: boolean;
-    default?: any;
-    fieldConfig?: FieldConfig<AdditionalRenderable, FieldTypes>;
-
-    // Field-specific
-    options?: [string, string][]; // [value, label] for enums
-    schema?: ParsedField<AdditionalRenderable, FieldTypes>[]; // For objects and arrays
-}
-
-export type FieldConfig<AdditionalRenderable = object, FieldTypes = string> = {
-    fieldType?: FieldTypes;
-} & AdditionalRenderable;

package/src/InputMapping/useInputMapping.tsx

@@ -1,30 +0,0 @@
-import { useReducer, useRef } from 'react';
-import { useContext } from 'use-context-selector';
-import { InputMapping } from './class';
-import { InputMappingContext } from './context';
-
-export const useInputMapping = () => {
-    const initialState = useContext(InputMappingContext);
-    const mapRef = useRef(initialState);
-    const [, reRender] = useReducer((x) => x + 1, 0);
-
-    mapRef.current.set = (...args) => {
-        InputMapping.prototype.set.apply(mapRef.current, args);
-        reRender();
-        return mapRef.current;
-    };
-
-    mapRef.current.clear = (...args) => {
-        InputMapping.prototype.clear.apply(mapRef.current, args);
-        reRender();
-    };
-
-    mapRef.current.delete = (...args) => {
-        const res = InputMapping.prototype.delete.apply(mapRef.current, args);
-        reRender();
-
-        return res;
-    };
-
-    return mapRef.current;
-};

package/src/global.d.ts

@@ -1,13 +0,0 @@
-import { FC as FCN, ReactNode } from 'react';
-
-declare global {
-    type FCCP<P extends object = object> = P & {
-        children: ReactNode;
-    };
-
-    type FCCR = ReactNode;
-
-    type FCC<P = object> = FCN<P & FCCP>;
-
-    type FC<P = object> = FCN<P>;
-}

package/src/index.ts

@@ -1 +0,0 @@
-export * from './InputMapping';