@form-instant/react-input-mapping 0.0.0-alpha

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 leomerida15
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,160 @@
+# DTS React User Guide
+
+Congrats! You just saved yourself hours of work by bootstrapping this project with DTS. Let’s get you oriented with what’s here and how to use it.
+
+> This DTS setup is meant for developing React component libraries (not apps!) that can be published to NPM. If you’re looking to build a React-based app, you should use `create-react-app`, `razzle`, `nextjs`, `gatsby`, or `react-static`.
+
+> If you’re new to TypeScript and React, checkout [this handy cheatsheet](https://github.com/sw-yx/react-typescript-cheatsheet/)
+
+## Commands
+
+DTS scaffolds your new library inside `/src`, and also sets up a [Vite-based](https://vitejs.dev) playground for it inside `/example`.
+
+The recommended workflow is to run DTS in one terminal:
+
+```bash
+npm start # or yarn start
+```
+
+This builds to `/dist` and runs the project in watch mode so any edits you save inside `src` causes a rebuild to `/dist`.
+
+Then run the example inside another:
+
+```bash
+cd example
+npm i # or yarn to install dependencies
+npm start # or yarn start
+```
+
+The default example imports and live reloads whatever is in `/dist`, so if you are seeing an out of date component, make sure DTS is running in watch mode like we recommend above. 
+
+To do a one-off build, use `npm run build` or `yarn build`.
+
+To run tests, use `npm test` or `yarn test`.
+
+## Configuration
+
+Code quality is set up for you with `prettier`, `husky`, and `lint-staged`. Adjust the respective fields in `package.json` accordingly.
+
+### Jest
+
+Jest tests are set up to run with `npm test` or `yarn test`.
+
+### Bundle analysis
+
+Calculates the real cost of your library using [size-limit](https://github.com/ai/size-limit) with `npm run size` and visulize it with `npm run analyze`.
+
+#### Setup Files
+
+This is the folder structure we set up for you:
+
+```txt
+/example
+  index.html
+  index.tsx       # test your component here in a demo app
+  package.json
+  tsconfig.json
+/src
+  index.tsx       # EDIT THIS
+/test
+  index.test.tsx  # EDIT THIS
+.gitignore
+package.json
+README.md         # EDIT THIS
+tsconfig.json
+```
+
+#### React Testing Library
+
+We do not set up `react-testing-library` for you yet, we welcome contributions and documentation on this.
+
+### Rollup
+
+DTS uses [Rollup](https://rollupjs.org) as a bundler and generates multiple rollup configs for various module formats and build settings. See [Optimizations](#optimizations) for details.
+
+### TypeScript
+
+`tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs.
+
+## Continuous Integration
+
+### GitHub Actions
+
+Two actions are added by default:
+
+- `main` which installs deps w/ cache, lints, tests, and builds on all pushes against a Node and OS matrix
+- `size` which comments cost comparison of your library on every pull request using [`size-limit`](https://github.com/ai/size-limit)
+
+## Optimizations
+
+Please see the main `dts` [optimizations docs](https://github.com/weiran-zsd/dts-cli#optimizations). In particular, know that you can take advantage of development-only optimizations:
+
+```js
+// ./types/index.d.ts
+declare var __DEV__: boolean;
+
+// inside your code...
+if (__DEV__) {
+  console.log('foo');
+}
+```
+
+You can also choose to install and use [invariant](https://github.com/weiran-zsd/dts-cli#invariant) and [warning](https://github.com/weiran-zsd/dts-cli#warning) functions.
+
+## Module Formats
+
+CJS, ESModules, and UMD module formats are supported.
+
+The appropriate paths are configured in `package.json` and `dist/index.js` accordingly. Please report if any issues are found.
+
+## Deploying the Example Playground
+
+The Playground is just a simple [Vite](https://vitejs.dev) app, you can deploy it anywhere you would normally deploy that. Here are some guidelines for **manually** deploying with the Netlify CLI (`npm i -g netlify-cli`):
+
+```bash
+cd example # if not already in the example folder
+npm run build # builds to dist
+netlify deploy # deploy the dist folder
+```
+
+Alternatively, if you already have a git repo connected, you can set up continuous deployment with Netlify:
+
+```bash
+netlify init
+# build command: yarn build && cd example && yarn && yarn build
+# directory to deploy: example/dist
+# pick yes for netlify.toml
+```
+
+## Named Exports
+
+Per Palmer Group guidelines, [always use named exports.](https://github.com/palmerhq/typescript#exports) Code split inside your React app instead of your React library.
+
+## Including Styles
+
+There are many ways to ship styles, including with CSS-in-JS. DTS has no opinion on this, configure how you like.
+
+For vanilla CSS, you can include it at the root directory and add it to the `files` section in your `package.json`, so that it can be imported separately by your users and run through their bundler's loader.
+
+## Publishing to NPM
+
+We recommend using [np](https://github.com/sindresorhus/np).
+
+## Usage with Lerna
+
+When creating a new package with DTS within a project set up with Lerna, you might encounter a `Cannot resolve dependency` error when trying to run the `example` project. To fix that you will need to make changes to the `package.json` file _inside the `example` directory_.
+
+The problem is that due to the nature of how dependencies are installed in Lerna projects, the aliases in the example project's `package.json` might not point to the right place, as those dependencies might have been installed in the root of your Lerna project.
+
+Change the `alias` to point to where those packages are actually installed. This depends on the directory structure of your Lerna project, so the actual path might be different from the diff below.
+
+```diff
+   "alias": {
+-    "react": "../node_modules/react",
+-    "react-dom": "../node_modules/react-dom"
++    "react": "../../../node_modules/react",
++    "react-dom": "../../../node_modules/react-dom"
+   },
+```
+
+An alternative to fixing this problem would be to remove aliases altogether and define the dependencies referenced as aliases as dev dependencies instead. [However, that might cause other problems.](https://github.com/formium/tsdx/issues/64)

package/dist/InputMapping/class.d.ts

@@ -0,0 +1,15 @@
+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;
+};
+export declare class InputMapping<P = object, K extends string = INPUT_COMPONENTS_KEYS> extends Map<MergeKeys<K, INPUT_COMPONENTS_KEYS>, FC<P>> {
+    private zodAdacter;
+    private appendObj;
+    constructor(obj?: Partial<Record<K | INPUT_COMPONENTS_KEYS, FC<P>>>);
+    exists(k: string): "fallback" | MergeKeys<K, INPUT_COMPONENTS_KEYS>;
+    get(k: MergeKeys<K, INPUT_COMPONENTS_KEYS> | string): FC<P> | undefined;
+    set(k: MergeKeys<K, INPUT_COMPONENTS_KEYS>, v: FC<P>): this;
+    extends(cb: (mapingp: InputMapping<P, K | INPUT_COMPONENTS_KEYS>) => Record<never, FC<P>>): InputMapping<P, INPUT_COMPONENTS_KEYS | K>;
+}
+export {};

package/dist/InputMapping/context.d.ts

@@ -0,0 +1,2 @@
+import { InputMapping } from "./class";
+export declare const InputMappingContext: import("use-context-selector").Context<InputMapping<object, import("./types").INPUT_COMPONENTS_KEYS>>;

package/dist/InputMapping/index.d.ts

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

package/dist/InputMapping/provider.d.ts

@@ -0,0 +1,8 @@
+import { InputMapping } from "./class";
+import { INPUT_COMPONENTS_KEYS } from "./types";
+interface createFormInstantContainerRetuen<P = object, K extends string = INPUT_COMPONENTS_KEYS> {
+    useInputMapping: () => InputMapping<P, K>;
+    FormInstantInputsProvider: FCC;
+}
+export declare const createFormInstantContainer: <P = object, K extends string = INPUT_COMPONENTS_KEYS>(inputMapping: InputMapping<P, K>) => createFormInstantContainerRetuen<P, K>;
+export {};

package/dist/InputMapping/types.d.ts

@@ -0,0 +1,13 @@
+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>;
+    options?: [string, string][];
+    schema?: ParsedField<AdditionalRenderable, FieldTypes>[];
+}
+export type FieldConfig<AdditionalRenderable = {}, FieldTypes = string> = {
+    fieldType?: FieldTypes;
+} & AdditionalRenderable;

package/dist/InputMapping/useInputMapping.d.ts

@@ -0,0 +1,2 @@
+import { InputMapping } from './class';
+export declare const useInputMapping: () => InputMapping<object, import("./types").INPUT_COMPONENTS_KEYS>;

package/dist/index.d.ts

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

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./react-input-mapping.cjs.production.min.js')
+} else {
+  module.exports = require('./react-input-mapping.cjs.development.js')
+}

package/dist/react-input-mapping.cjs.development.js

@@ -0,0 +1,212 @@
+'use strict';
+
+var useContextSelector = require('use-context-selector');
+var react = require('react');
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _assertThisInitialized(e) {
+  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e;
+}
+function _construct(t, e, r) {
+  if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments);
+  var o = [null];
+  o.push.apply(o, e);
+  var p = new (t.bind.apply(t, o))();
+  return r && _setPrototypeOf(p, r.prototype), p;
+}
+function _createForOfIteratorHelperLoose(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (t) return (t = t.call(r)).next.bind(t);
+  if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+    t && (r = t);
+    var o = 0;
+    return function () {
+      return o >= r.length ? {
+        done: !0
+      } : {
+        done: !1,
+        value: r[o++]
+      };
+    };
+  }
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _getPrototypeOf(t) {
+  return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
+    return t.__proto__ || Object.getPrototypeOf(t);
+  }, _getPrototypeOf(t);
+}
+function _inheritsLoose(t, o) {
+  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
+}
+function _isNativeFunction(t) {
+  try {
+    return -1 !== Function.toString.call(t).indexOf("[native code]");
+  } catch (n) {
+    return "function" == typeof t;
+  }
+}
+function _isNativeReflectConstruct() {
+  try {
+    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+  } catch (t) {}
+  return (_isNativeReflectConstruct = function () {
+    return !!t;
+  })();
+}
+function _setPrototypeOf(t, e) {
+  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+    return t.__proto__ = e, t;
+  }, _setPrototypeOf(t, e);
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+function _wrapNativeSuper(t) {
+  var r = "function" == typeof Map ? new Map() : void 0;
+  return _wrapNativeSuper = function (t) {
+    if (null === t || !_isNativeFunction(t)) return t;
+    if ("function" != typeof t) throw new TypeError("Super expression must either be null or a function");
+    if (void 0 !== r) {
+      if (r.has(t)) return r.get(t);
+      r.set(t, Wrapper);
+    }
+    function Wrapper() {
+      return _construct(t, arguments, _getPrototypeOf(this).constructor);
+    }
+    return Wrapper.prototype = Object.create(t.prototype, {
+      constructor: {
+        value: Wrapper,
+        enumerable: !1,
+        writable: !0,
+        configurable: !0
+      }
+    }), _setPrototypeOf(Wrapper, t);
+  }, _wrapNativeSuper(t);
+}
+
+// K extiende de INPUT_COMPONENTS_KEYS y puede incluir más claves personalizadas
+var InputMapping = /*#__PURE__*/function (_Map) {
+  function InputMapping(obj) {
+    var _this;
+    _this = _Map.call(this) || this;
+    if (!obj) return _assertThisInitialized(_this);
+    _this.appendObj(obj);
+    return _this;
+  }
+  _inheritsLoose(InputMapping, _Map);
+  var _proto = InputMapping.prototype;
+  _proto.zodAdacter = function zodAdacter() {
+    return Object.entries({
+      ZodBoolean: "checkbox",
+      ZodDate: "date",
+      ZodEnum: "select",
+      ZodNativeEnum: "select",
+      ZodNumber: "number",
+      string: "text"
+    });
+  };
+  _proto.appendObj = function appendObj(obj) {
+    var keys = Object.keys(obj);
+    for (var _i = 0, _keys = keys; _i < _keys.length; _i++) {
+      var key = _keys[_i];
+      this.set(key, obj[key]);
+    }
+    for (var _iterator = _createForOfIteratorHelperLoose(this.zodAdacter()), _step; !(_step = _iterator()).done;) {
+      var _step$value = _step.value,
+        k = _step$value[0],
+        v = _step$value[1];
+      this.set(k, this.get(v));
+    }
+  };
+  _proto.exists = function exists(k) {
+    var isHas = _Map.prototype.has.call(this, k);
+    if (!isHas) return "fallback";
+    return k;
+  };
+  _proto.get = function get(k) {
+    return _Map.prototype.get.call(this, k);
+  };
+  _proto.set = function set(k, v) {
+    if (!_Map.prototype.has.call(this, k)) _Map.prototype.set.call(this, k, v);
+    return this;
+  };
+  _proto["extends"] = function _extends$1(cb) {
+    var obj = Object.fromEntries(_Map.prototype.entries.call(this));
+    var extendObj = cb(this);
+    return new InputMapping(_extends({}, obj, extendObj));
+  };
+  return InputMapping;
+}(/*#__PURE__*/_wrapNativeSuper(Map));
+
+var InputMappingContext = /*#__PURE__*/useContextSelector.createContext(/*#__PURE__*/new InputMapping());
+
+var useInputMapping = function useInputMapping() {
+  var initialState = useContextSelector.useContext(InputMappingContext);
+  var mapRef = react.useRef(initialState);
+  var _useReducer = react.useReducer(function (x) {
+      return x + 1;
+    }, 0),
+    reRender = _useReducer[1];
+  mapRef.current.set = function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    InputMapping.prototype.set.apply(mapRef.current, args);
+    reRender();
+    return mapRef.current;
+  };
+  mapRef.current.clear = function () {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    InputMapping.prototype.clear.apply(mapRef.current, args);
+    reRender();
+  };
+  mapRef.current["delete"] = function () {
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+    var res = InputMapping.prototype["delete"].apply(mapRef.current, args);
+    reRender();
+    return res;
+  };
+  return mapRef.current;
+};
+
+var createFormInstantContainer = function createFormInstantContainer(inputMapping) {
+  var FormInstantInputsProvider = function FormInstantInputsProvider(props) {
+    return react.createElement(InputMappingContext.Provider, {
+      value: inputMapping,
+      children: props.children
+    });
+  };
+  return {
+    FormInstantInputsProvider: FormInstantInputsProvider,
+    useInputMapping: useInputMapping
+  };
+};
+
+exports.InputMapping = InputMapping;
+exports.InputMappingContext = InputMappingContext;
+exports.createFormInstantContainer = createFormInstantContainer;
+exports.useInputMapping = useInputMapping;
+//# sourceMappingURL=react-input-mapping.cjs.development.js.map

package/dist/react-input-mapping.cjs.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-input-mapping.cjs.development.js","sources":["../src/InputMapping/class.ts","../src/InputMapping/context.tsx","../src/InputMapping/useInputMapping.tsx","../src/InputMapping/provider.tsx"],"sourcesContent":["import { FC } from \"react\";\nimport { INPUT_COMPONENTS_KEYS } from \"./types\";\n\ntype MergeKeys<T, U> = {\n    [K in keyof T | keyof U]: K extends keyof T ? T[K] : K extends keyof U ? U[K] : never;\n};\n\n// K extiende de INPUT_COMPONENTS_KEYS y puede incluir más claves personalizadas\nexport class InputMapping<P = object, K extends string = INPUT_COMPONENTS_KEYS> extends Map<\n    MergeKeys<K, INPUT_COMPONENTS_KEYS>,\n    FC<P>\n> {\n    private zodAdacter() {\n        return Object.entries({\n            ZodBoolean: \"checkbox\",\n            ZodDate: \"date\",\n            ZodEnum: \"select\",\n            ZodNativeEnum: \"select\",\n            ZodNumber: \"number\",\n            string: \"text\",\n        });\n    }\n\n    private appendObj(obj: Partial<Record<K | INPUT_COMPONENTS_KEYS, FC<P>>>) {\n        const keys = Object.keys(obj) as Array<K | INPUT_COMPONENTS_KEYS>;\n\n        type Ky = MergeKeys<K, INPUT_COMPONENTS_KEYS>;\n\n        for (const key of keys) this.set(key as Ky, obj[key]!);\n\n        for (const [k, v] of this.zodAdacter()) this.set(k as Ky, this.get(v)!);\n    }\n\n    constructor(obj?: Partial<Record<K | INPUT_COMPONENTS_KEYS, FC<P>>>) {\n        super();\n\n        if (!obj) return;\n\n        this.appendObj(obj);\n    }\n\n    exists(k: string) {\n        const isHas = super.has(k as MergeKeys<K, INPUT_COMPONENTS_KEYS>);\n\n        if (!isHas) return \"fallback\";\n\n        return k as MergeKeys<K, INPUT_COMPONENTS_KEYS>;\n    }\n\n    get(k: MergeKeys<K, INPUT_COMPONENTS_KEYS> | string) {\n        return super.get(k as MergeKeys<K, INPUT_COMPONENTS_KEYS>);\n    }\n\n    set(k: MergeKeys<K, INPUT_COMPONENTS_KEYS>, v: FC<P>) {\n        if (!super.has(k)) super.set(k, v);\n\n        return this;\n    }\n\n    extends(cb: (mapingp: InputMapping<P, K | INPUT_COMPONENTS_KEYS>) => Record<never, FC<P>>) {\n        const obj = Object.fromEntries(super.entries()) as Record<string, FC<P>>;\n\n        const extendObj = cb(this as unknown as InputMapping<P, K | INPUT_COMPONENTS_KEYS>);\n\n        return new InputMapping<P, K | INPUT_COMPONENTS_KEYS>({\n            ...obj,\n            ...extendObj,\n        } as Record<K | INPUT_COMPONENTS_KEYS, FC<P>>);\n    }\n}\n","\"use client\";\nimport { createContext } from \"use-context-selector\";\nimport { InputMapping } from \"./class\";\n\nexport const InputMappingContext = createContext<InputMapping>(new InputMapping());\n","'use client';\nimport { useReducer, useRef } from 'react';\nimport { useContext } from 'use-context-selector';\nimport { InputMapping } from './class';\nimport { InputMappingContext } from './context';\n\nexport const useInputMapping = () => {\n  const initialState = useContext(InputMappingContext);\n  const mapRef = useRef(initialState);\n  const [, reRender] = useReducer((x) => x + 1, 0);\n\n  mapRef.current.set = (...args) => {\n    InputMapping.prototype.set.apply(mapRef.current, args);\n    reRender();\n    return mapRef.current;\n  };\n\n  mapRef.current.clear = (...args) => {\n    InputMapping.prototype.clear.apply(mapRef.current, args);\n    reRender();\n  };\n\n  mapRef.current.delete = (...args) => {\n    const res = InputMapping.prototype.delete.apply(mapRef.current, args);\n    reRender();\n\n    return res;\n  };\n\n  return mapRef.current;\n};\n","import { createElement } from \"react\";\nimport { InputMapping } from \"./class\";\nimport { InputMappingContext } from \"./context\";\nimport { INPUT_COMPONENTS_KEYS } from \"./types\";\nimport { useInputMapping } from \"./useInputMapping\";\n\ninterface createFormInstantContainerRetuen<P = object, K extends string = INPUT_COMPONENTS_KEYS> {\n    useInputMapping: () => InputMapping<P, K>;\n    FormInstantInputsProvider: FCC;\n}\n\nexport const createFormInstantContainer = <P = object, K extends string = INPUT_COMPONENTS_KEYS>(\n    inputMapping: InputMapping<P, K>,\n) => {\n    const FormInstantInputsProvider: FCC = (props) =>\n        createElement(InputMappingContext.Provider, {\n            value: inputMapping as InputMapping,\n            children: props.children,\n        });\n\n    return { FormInstantInputsProvider, useInputMapping } as createFormInstantContainerRetuen<P, K>;\n};\n"],"names":["InputMapping","_Map","obj","_this","call","_assertThisInitialized","appendObj","_inheritsLoose","_proto","prototype","zodAdacter","Object","entries","ZodBoolean","ZodDate","ZodEnum","ZodNativeEnum","ZodNumber","string","keys","_i","_keys","length","key","set","_iterator","_createForOfIteratorHelperLoose","_step","done","_step$value","value","k","v","get","exists","isHas","has","extends","cb","fromEntries","extendObj","_extends2","_wrapNativeSuper","Map","InputMappingContext","createContext","useInputMapping","initialState","useContext","mapRef","useRef","_useReducer","useReducer","x","reRender","current","_len","arguments","args","Array","_key","apply","clear","_len2","_key2","_len3","_key3","res","createFormInstantContainer","inputMapping","FormInstantInputsProvider","props","createElement","Provider","children"],"mappings":"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"}

package/dist/react-input-mapping.cjs.production.min.js

@@ -0,0 +1,2 @@
+"use strict";var t=require("use-context-selector"),e=require("react");function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function n(){return n=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)({}).hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},n.apply(null,arguments)}function o(t){return o=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},o(t)}function u(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(u=function(){return!!t})()}function a(t,e){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},a(t,e)}function c(t){var e="function"==typeof Map?new Map:void 0;return c=function(t){if(null===t||!function(t){try{return-1!==Function.toString.call(t).indexOf("[native code]")}catch(e){return"function"==typeof t}}(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,r)}function r(){return function(t,e,r){if(u())return Reflect.construct.apply(null,arguments);var n=[null];n.push.apply(n,e);var o=new(t.bind.apply(t,n));return r&&a(o,r.prototype),o}(t,arguments,o(this).constructor)}return r.prototype=Object.create(t.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),a(r,t)},c(t)}var i=function(t){function e(e){var r;return r=t.call(this)||this,e?(r.appendObj(e),r):function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(r)}var o,u;u=t,(o=e).prototype=Object.create(u.prototype),o.prototype.constructor=o,a(o,u);var c=e.prototype;return c.zodAdacter=function(){return Object.entries({ZodBoolean:"checkbox",ZodDate:"date",ZodEnum:"select",ZodNativeEnum:"select",ZodNumber:"number",string:"text"})},c.appendObj=function(t){for(var e=0,n=Object.keys(t);e<n.length;e++){var o=n[e];this.set(o,t[o])}for(var u,a=function(t){var e="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(e)return(e=e.call(t)).next.bind(e);if(Array.isArray(t)||(e=function(t,e){if(t){if("string"==typeof t)return r(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}}(t))){e&&(t=e);var n=0;return function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(this.zodAdacter());!(u=a()).done;){var c=u.value;this.set(c[0],this.get(c[1]))}},c.exists=function(e){return t.prototype.has.call(this,e)?e:"fallback"},c.get=function(e){return t.prototype.get.call(this,e)},c.set=function(e,r){return t.prototype.has.call(this,e)||t.prototype.set.call(this,e,r),this},c.extends=function(r){return new e(n({},Object.fromEntries(t.prototype.entries.call(this)),r(this)))},e}(c(Map)),p=t.createContext(new i),l=function(){var r=t.useContext(p),n=e.useRef(r),o=e.useReducer((function(t){return t+1}),0)[1];return n.current.set=function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return i.prototype.set.apply(n.current,e),o(),n.current},n.current.clear=function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];i.prototype.clear.apply(n.current,e),o()},n.current.delete=function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];var u=i.prototype.delete.apply(n.current,e);return o(),u},n.current};exports.InputMapping=i,exports.InputMappingContext=p,exports.createFormInstantContainer=function(t){return{FormInstantInputsProvider:function(r){return e.createElement(p.Provider,{value:t,children:r.children})},useInputMapping:l}},exports.useInputMapping=l;
+//# sourceMappingURL=react-input-mapping.cjs.production.min.js.map

package/dist/react-input-mapping.cjs.production.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-input-mapping.cjs.production.min.js","sources":["../src/InputMapping/class.ts","../src/InputMapping/context.tsx","../src/InputMapping/useInputMapping.tsx","../src/InputMapping/provider.tsx"],"sourcesContent":["import { FC } from \"react\";\nimport { INPUT_COMPONENTS_KEYS } from \"./types\";\n\ntype MergeKeys<T, U> = {\n    [K in keyof T | keyof U]: K extends keyof T ? T[K] : K extends keyof U ? U[K] : never;\n};\n\n// K extiende de INPUT_COMPONENTS_KEYS y puede incluir más claves personalizadas\nexport class InputMapping<P = object, K extends string = INPUT_COMPONENTS_KEYS> extends Map<\n    MergeKeys<K, INPUT_COMPONENTS_KEYS>,\n    FC<P>\n> {\n    private zodAdacter() {\n        return Object.entries({\n            ZodBoolean: \"checkbox\",\n            ZodDate: \"date\",\n            ZodEnum: \"select\",\n            ZodNativeEnum: \"select\",\n            ZodNumber: \"number\",\n            string: \"text\",\n        });\n    }\n\n    private appendObj(obj: Partial<Record<K | INPUT_COMPONENTS_KEYS, FC<P>>>) {\n        const keys = Object.keys(obj) as Array<K | INPUT_COMPONENTS_KEYS>;\n\n        type Ky = MergeKeys<K, INPUT_COMPONENTS_KEYS>;\n\n        for (const key of keys) this.set(key as Ky, obj[key]!);\n\n        for (const [k, v] of this.zodAdacter()) this.set(k as Ky, this.get(v)!);\n    }\n\n    constructor(obj?: Partial<Record<K | INPUT_COMPONENTS_KEYS, FC<P>>>) {\n        super();\n\n        if (!obj) return;\n\n        this.appendObj(obj);\n    }\n\n    exists(k: string) {\n        const isHas = super.has(k as MergeKeys<K, INPUT_COMPONENTS_KEYS>);\n\n        if (!isHas) return \"fallback\";\n\n        return k as MergeKeys<K, INPUT_COMPONENTS_KEYS>;\n    }\n\n    get(k: MergeKeys<K, INPUT_COMPONENTS_KEYS> | string) {\n        return super.get(k as MergeKeys<K, INPUT_COMPONENTS_KEYS>);\n    }\n\n    set(k: MergeKeys<K, INPUT_COMPONENTS_KEYS>, v: FC<P>) {\n        if (!super.has(k)) super.set(k, v);\n\n        return this;\n    }\n\n    extends(cb: (mapingp: InputMapping<P, K | INPUT_COMPONENTS_KEYS>) => Record<never, FC<P>>) {\n        const obj = Object.fromEntries(super.entries()) as Record<string, FC<P>>;\n\n        const extendObj = cb(this as unknown as InputMapping<P, K | INPUT_COMPONENTS_KEYS>);\n\n        return new InputMapping<P, K | INPUT_COMPONENTS_KEYS>({\n            ...obj,\n            ...extendObj,\n        } as Record<K | INPUT_COMPONENTS_KEYS, FC<P>>);\n    }\n}\n","\"use client\";\nimport { createContext } from \"use-context-selector\";\nimport { InputMapping } from \"./class\";\n\nexport const InputMappingContext = createContext<InputMapping>(new InputMapping());\n","'use client';\nimport { useReducer, useRef } from 'react';\nimport { useContext } from 'use-context-selector';\nimport { InputMapping } from './class';\nimport { InputMappingContext } from './context';\n\nexport const useInputMapping = () => {\n  const initialState = useContext(InputMappingContext);\n  const mapRef = useRef(initialState);\n  const [, reRender] = useReducer((x) => x + 1, 0);\n\n  mapRef.current.set = (...args) => {\n    InputMapping.prototype.set.apply(mapRef.current, args);\n    reRender();\n    return mapRef.current;\n  };\n\n  mapRef.current.clear = (...args) => {\n    InputMapping.prototype.clear.apply(mapRef.current, args);\n    reRender();\n  };\n\n  mapRef.current.delete = (...args) => {\n    const res = InputMapping.prototype.delete.apply(mapRef.current, args);\n    reRender();\n\n    return res;\n  };\n\n  return mapRef.current;\n};\n","import { createElement } from \"react\";\nimport { InputMapping } from \"./class\";\nimport { InputMappingContext } from \"./context\";\nimport { INPUT_COMPONENTS_KEYS } from \"./types\";\nimport { useInputMapping } from \"./useInputMapping\";\n\ninterface createFormInstantContainerRetuen<P = object, K extends string = INPUT_COMPONENTS_KEYS> {\n    useInputMapping: () => InputMapping<P, K>;\n    FormInstantInputsProvider: FCC;\n}\n\nexport const createFormInstantContainer = <P = object, K extends string = INPUT_COMPONENTS_KEYS>(\n    inputMapping: InputMapping<P, K>,\n) => {\n    const FormInstantInputsProvider: FCC = (props) =>\n        createElement(InputMappingContext.Provider, {\n            value: inputMapping as InputMapping,\n            children: props.children,\n        });\n\n    return { FormInstantInputsProvider, useInputMapping } as createFormInstantContainerRetuen<P, K>;\n};\n"],"names":["InputMapping","_Map","obj","_this","call","this","appendObj","_assertThisInitialized","_proto","prototype","zodAdacter","Object","entries","ZodBoolean","ZodDate","ZodEnum","ZodNativeEnum","ZodNumber","string","_i","_keys","keys","length","key","set","_step","_iterator","_createForOfIteratorHelperLoose","done","_step$value","value","get","exists","k","has","v","cb","_extends2","fromEntries","_wrapNativeSuper","Map","InputMappingContext","createContext","useInputMapping","initialState","useContext","mapRef","useRef","reRender","useReducer","x","current","_len","arguments","args","Array","_key","apply","clear","_len2","_key2","_len3","_key3","res","inputMapping","FormInstantInputsProvider","props","createElement","Provider","children"],"mappings":"89CAQaA,IAAAA,WAAmEC,GAyB5E,SAAAD,EAAYE,GAAuD,IAAAC,EAG/D,OAFAA,EAAAF,EAAAG,YAAOC,KAEFH,GAELC,EAAKG,UAAUJ,GAAKC,4HAFVI,CAAAJ,EAGd,WAACF,KAAAD,yEAAA,IAAAQ,EAAAR,EAAAS,UA6BA,OA7BAD,EA3BOE,WAAA,WACJ,OAAOC,OAAOC,QAAQ,CAClBC,WAAY,WACZC,QAAS,OACTC,QAAS,SACTC,cAAe,SACfC,UAAW,SACXC,OAAQ,UAEfV,EAEOF,UAAA,SAAUJ,GAKd,IAJA,IAIAiB,EAAA,EAAAC,EAJaT,OAAOU,KAAKnB,GAIHiB,EAAAC,EAAAE,OAAAH,IAAA,CAAjB,IAAMI,EAAGH,EAAAD,GAAUd,KAAKmB,IAAID,EAAWrB,EAAIqB,GAAO,CAEvD,IAAA,IAAsCE,EAAtCC,2pBAAAC,CAAqBtB,KAAKK,gBAAYe,EAAAC,KAAAE,MAAE,CAAA,IAAAC,EAAAJ,EAAAK,MAAAzB,KAAKmB,IAAhCK,EAAA,GAA6CxB,KAAK0B,IAA/CF,EAAA,IAAuD,GAC1ErB,EAUDwB,OAAA,SAAOC,GAGH,OAFWhC,EAAAQ,UAASyB,IAAG9B,KAAC6B,KAAAA,GAIjBA,EAFY,YAGtBzB,EAEDuB,IAAA,SAAIE,GACA,OAAAhC,EAAAQ,UAAasB,IAAG3B,UAAC6B,IACpBzB,EAEDgB,IAAA,SAAIS,EAAwCE,GAGxC,OAFIlC,EAAAQ,UAAOyB,IAAG9B,KAAAC,KAAC4B,IAAIhC,EAAAQ,UAAMe,IAAGpB,KAAAC,KAAC4B,EAAGE,GAEzB9B,MACVG,EAED,QAAA,SAAQ4B,GAKJ,OAAO,IAAIpC,EAAYqC,KAJX1B,OAAO2B,YAAWrC,EAAAQ,UAAOG,QAAOR,YAE1BgC,EAAG/B,SAMxBL,CAAA,EAAAuC,EA5DmFC,MCJ3EC,EAAsBC,EAAAA,cAA4B,IAAI1C,GCEtD2C,EAAkB,WAC7B,IAAMC,EAAeC,aAAWJ,GAC1BK,EAASC,SAAOH,GACbI,EAAYC,cAAW,SAACC,GAAC,OAAKA,EAAI,CAAC,GAAE,GAA7B,GAoBjB,OAlBAJ,EAAOK,QAAQ3B,IAAM,WAAY,IAAA,IAAA4B,EAAAC,UAAA/B,OAARgC,EAAIC,IAAAA,MAAAH,GAAAI,EAAA,EAAAA,EAAAJ,EAAAI,IAAJF,EAAIE,GAAAH,UAAAG,GAG3B,OAFAxD,EAAaS,UAAUe,IAAIiC,MAAMX,EAAOK,QAASG,GACjDN,IACOF,EAAOK,SAGhBL,EAAOK,QAAQO,MAAQ,WAAY,IAAA,IAAAC,EAAAN,UAAA/B,OAARgC,EAAIC,IAAAA,MAAAI,GAAAC,EAAA,EAAAA,EAAAD,EAAAC,IAAJN,EAAIM,GAAAP,UAAAO,GAC7B5D,EAAaS,UAAUiD,MAAMD,MAAMX,EAAOK,QAASG,GACnDN,KAGFF,EAAOK,QAAc,OAAG,WAAY,IAAA,IAAAU,EAAAR,UAAA/B,OAARgC,EAAIC,IAAAA,MAAAM,GAAAC,EAAA,EAAAA,EAAAD,EAAAC,IAAJR,EAAIQ,GAAAT,UAAAS,GAC9B,IAAMC,EAAM/D,EAAaS,UAAgB,OAACgD,MAAMX,EAAOK,QAASG,GAGhE,OAFAN,IAEOe,GAGFjB,EAAOK,OAChB,0FCnB0C,SACtCa,GAQA,MAAO,CAAEC,0BAN8B,SAACC,GAAK,OACzCC,EAAaA,cAAC1B,EAAoB2B,SAAU,CACxCtC,MAAOkC,EACPK,SAAUH,EAAMG,UAClB,EAE8B1B,gBAAAA,EACxC"}

package/dist/react-input-mapping.esm.js

@@ -0,0 +1,207 @@
+import { createContext, useContext } from 'use-context-selector';
+import { useRef, useReducer, createElement } from 'react';
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _assertThisInitialized(e) {
+  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e;
+}
+function _construct(t, e, r) {
+  if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments);
+  var o = [null];
+  o.push.apply(o, e);
+  var p = new (t.bind.apply(t, o))();
+  return r && _setPrototypeOf(p, r.prototype), p;
+}
+function _createForOfIteratorHelperLoose(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (t) return (t = t.call(r)).next.bind(t);
+  if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+    t && (r = t);
+    var o = 0;
+    return function () {
+      return o >= r.length ? {
+        done: !0
+      } : {
+        done: !1,
+        value: r[o++]
+      };
+    };
+  }
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _getPrototypeOf(t) {
+  return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
+    return t.__proto__ || Object.getPrototypeOf(t);
+  }, _getPrototypeOf(t);
+}
+function _inheritsLoose(t, o) {
+  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
+}
+function _isNativeFunction(t) {
+  try {
+    return -1 !== Function.toString.call(t).indexOf("[native code]");
+  } catch (n) {
+    return "function" == typeof t;
+  }
+}
+function _isNativeReflectConstruct() {
+  try {
+    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+  } catch (t) {}
+  return (_isNativeReflectConstruct = function () {
+    return !!t;
+  })();
+}
+function _setPrototypeOf(t, e) {
+  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+    return t.__proto__ = e, t;
+  }, _setPrototypeOf(t, e);
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+function _wrapNativeSuper(t) {
+  var r = "function" == typeof Map ? new Map() : void 0;
+  return _wrapNativeSuper = function (t) {
+    if (null === t || !_isNativeFunction(t)) return t;
+    if ("function" != typeof t) throw new TypeError("Super expression must either be null or a function");
+    if (void 0 !== r) {
+      if (r.has(t)) return r.get(t);
+      r.set(t, Wrapper);
+    }
+    function Wrapper() {
+      return _construct(t, arguments, _getPrototypeOf(this).constructor);
+    }
+    return Wrapper.prototype = Object.create(t.prototype, {
+      constructor: {
+        value: Wrapper,
+        enumerable: !1,
+        writable: !0,
+        configurable: !0
+      }
+    }), _setPrototypeOf(Wrapper, t);
+  }, _wrapNativeSuper(t);
+}
+
+// K extiende de INPUT_COMPONENTS_KEYS y puede incluir más claves personalizadas
+var InputMapping = /*#__PURE__*/function (_Map) {
+  function InputMapping(obj) {
+    var _this;
+    _this = _Map.call(this) || this;
+    if (!obj) return _assertThisInitialized(_this);
+    _this.appendObj(obj);
+    return _this;
+  }
+  _inheritsLoose(InputMapping, _Map);
+  var _proto = InputMapping.prototype;
+  _proto.zodAdacter = function zodAdacter() {
+    return Object.entries({
+      ZodBoolean: "checkbox",
+      ZodDate: "date",
+      ZodEnum: "select",
+      ZodNativeEnum: "select",
+      ZodNumber: "number",
+      string: "text"
+    });
+  };
+  _proto.appendObj = function appendObj(obj) {
+    var keys = Object.keys(obj);
+    for (var _i = 0, _keys = keys; _i < _keys.length; _i++) {
+      var key = _keys[_i];
+      this.set(key, obj[key]);
+    }
+    for (var _iterator = _createForOfIteratorHelperLoose(this.zodAdacter()), _step; !(_step = _iterator()).done;) {
+      var _step$value = _step.value,
+        k = _step$value[0],
+        v = _step$value[1];
+      this.set(k, this.get(v));
+    }
+  };
+  _proto.exists = function exists(k) {
+    var isHas = _Map.prototype.has.call(this, k);
+    if (!isHas) return "fallback";
+    return k;
+  };
+  _proto.get = function get(k) {
+    return _Map.prototype.get.call(this, k);
+  };
+  _proto.set = function set(k, v) {
+    if (!_Map.prototype.has.call(this, k)) _Map.prototype.set.call(this, k, v);
+    return this;
+  };
+  _proto["extends"] = function _extends$1(cb) {
+    var obj = Object.fromEntries(_Map.prototype.entries.call(this));
+    var extendObj = cb(this);
+    return new InputMapping(_extends({}, obj, extendObj));
+  };
+  return InputMapping;
+}(/*#__PURE__*/_wrapNativeSuper(Map));
+
+var InputMappingContext = /*#__PURE__*/createContext(/*#__PURE__*/new InputMapping());
+
+var useInputMapping = function useInputMapping() {
+  var initialState = useContext(InputMappingContext);
+  var mapRef = useRef(initialState);
+  var _useReducer = useReducer(function (x) {
+      return x + 1;
+    }, 0),
+    reRender = _useReducer[1];
+  mapRef.current.set = function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    InputMapping.prototype.set.apply(mapRef.current, args);
+    reRender();
+    return mapRef.current;
+  };
+  mapRef.current.clear = function () {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    InputMapping.prototype.clear.apply(mapRef.current, args);
+    reRender();
+  };
+  mapRef.current["delete"] = function () {
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+    var res = InputMapping.prototype["delete"].apply(mapRef.current, args);
+    reRender();
+    return res;
+  };
+  return mapRef.current;
+};
+
+var createFormInstantContainer = function createFormInstantContainer(inputMapping) {
+  var FormInstantInputsProvider = function FormInstantInputsProvider(props) {
+    return createElement(InputMappingContext.Provider, {
+      value: inputMapping,
+      children: props.children
+    });
+  };
+  return {
+    FormInstantInputsProvider: FormInstantInputsProvider,
+    useInputMapping: useInputMapping
+  };
+};
+
+export { InputMapping, InputMappingContext, createFormInstantContainer, useInputMapping };
+//# sourceMappingURL=react-input-mapping.esm.js.map

package/dist/react-input-mapping.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-input-mapping.esm.js","sources":["../src/InputMapping/class.ts","../src/InputMapping/context.tsx","../src/InputMapping/useInputMapping.tsx","../src/InputMapping/provider.tsx"],"sourcesContent":["import { FC } from \"react\";\nimport { INPUT_COMPONENTS_KEYS } from \"./types\";\n\ntype MergeKeys<T, U> = {\n    [K in keyof T | keyof U]: K extends keyof T ? T[K] : K extends keyof U ? U[K] : never;\n};\n\n// K extiende de INPUT_COMPONENTS_KEYS y puede incluir más claves personalizadas\nexport class InputMapping<P = object, K extends string = INPUT_COMPONENTS_KEYS> extends Map<\n    MergeKeys<K, INPUT_COMPONENTS_KEYS>,\n    FC<P>\n> {\n    private zodAdacter() {\n        return Object.entries({\n            ZodBoolean: \"checkbox\",\n            ZodDate: \"date\",\n            ZodEnum: \"select\",\n            ZodNativeEnum: \"select\",\n            ZodNumber: \"number\",\n            string: \"text\",\n        });\n    }\n\n    private appendObj(obj: Partial<Record<K | INPUT_COMPONENTS_KEYS, FC<P>>>) {\n        const keys = Object.keys(obj) as Array<K | INPUT_COMPONENTS_KEYS>;\n\n        type Ky = MergeKeys<K, INPUT_COMPONENTS_KEYS>;\n\n        for (const key of keys) this.set(key as Ky, obj[key]!);\n\n        for (const [k, v] of this.zodAdacter()) this.set(k as Ky, this.get(v)!);\n    }\n\n    constructor(obj?: Partial<Record<K | INPUT_COMPONENTS_KEYS, FC<P>>>) {\n        super();\n\n        if (!obj) return;\n\n        this.appendObj(obj);\n    }\n\n    exists(k: string) {\n        const isHas = super.has(k as MergeKeys<K, INPUT_COMPONENTS_KEYS>);\n\n        if (!isHas) return \"fallback\";\n\n        return k as MergeKeys<K, INPUT_COMPONENTS_KEYS>;\n    }\n\n    get(k: MergeKeys<K, INPUT_COMPONENTS_KEYS> | string) {\n        return super.get(k as MergeKeys<K, INPUT_COMPONENTS_KEYS>);\n    }\n\n    set(k: MergeKeys<K, INPUT_COMPONENTS_KEYS>, v: FC<P>) {\n        if (!super.has(k)) super.set(k, v);\n\n        return this;\n    }\n\n    extends(cb: (mapingp: InputMapping<P, K | INPUT_COMPONENTS_KEYS>) => Record<never, FC<P>>) {\n        const obj = Object.fromEntries(super.entries()) as Record<string, FC<P>>;\n\n        const extendObj = cb(this as unknown as InputMapping<P, K | INPUT_COMPONENTS_KEYS>);\n\n        return new InputMapping<P, K | INPUT_COMPONENTS_KEYS>({\n            ...obj,\n            ...extendObj,\n        } as Record<K | INPUT_COMPONENTS_KEYS, FC<P>>);\n    }\n}\n","\"use client\";\nimport { createContext } from \"use-context-selector\";\nimport { InputMapping } from \"./class\";\n\nexport const InputMappingContext = createContext<InputMapping>(new InputMapping());\n","'use client';\nimport { useReducer, useRef } from 'react';\nimport { useContext } from 'use-context-selector';\nimport { InputMapping } from './class';\nimport { InputMappingContext } from './context';\n\nexport const useInputMapping = () => {\n  const initialState = useContext(InputMappingContext);\n  const mapRef = useRef(initialState);\n  const [, reRender] = useReducer((x) => x + 1, 0);\n\n  mapRef.current.set = (...args) => {\n    InputMapping.prototype.set.apply(mapRef.current, args);\n    reRender();\n    return mapRef.current;\n  };\n\n  mapRef.current.clear = (...args) => {\n    InputMapping.prototype.clear.apply(mapRef.current, args);\n    reRender();\n  };\n\n  mapRef.current.delete = (...args) => {\n    const res = InputMapping.prototype.delete.apply(mapRef.current, args);\n    reRender();\n\n    return res;\n  };\n\n  return mapRef.current;\n};\n","import { createElement } from \"react\";\nimport { InputMapping } from \"./class\";\nimport { InputMappingContext } from \"./context\";\nimport { INPUT_COMPONENTS_KEYS } from \"./types\";\nimport { useInputMapping } from \"./useInputMapping\";\n\ninterface createFormInstantContainerRetuen<P = object, K extends string = INPUT_COMPONENTS_KEYS> {\n    useInputMapping: () => InputMapping<P, K>;\n    FormInstantInputsProvider: FCC;\n}\n\nexport const createFormInstantContainer = <P = object, K extends string = INPUT_COMPONENTS_KEYS>(\n    inputMapping: InputMapping<P, K>,\n) => {\n    const FormInstantInputsProvider: FCC = (props) =>\n        createElement(InputMappingContext.Provider, {\n            value: inputMapping as InputMapping,\n            children: props.children,\n        });\n\n    return { FormInstantInputsProvider, useInputMapping } as createFormInstantContainerRetuen<P, K>;\n};\n"],"names":["InputMapping","_Map","obj","_this","call","_assertThisInitialized","appendObj","_inheritsLoose","_proto","prototype","zodAdacter","Object","entries","ZodBoolean","ZodDate","ZodEnum","ZodNativeEnum","ZodNumber","string","keys","_i","_keys","length","key","set","_iterator","_createForOfIteratorHelperLoose","_step","done","_step$value","value","k","v","get","exists","isHas","has","extends","cb","fromEntries","extendObj","_extends2","_wrapNativeSuper","Map","InputMappingContext","createContext","useInputMapping","initialState","useContext","mapRef","useRef","_useReducer","useReducer","x","reRender","current","_len","arguments","args","Array","_key","apply","clear","_len2","_key2","_len3","_key3","res","createFormInstantContainer","inputMapping","FormInstantInputsProvider","props","createElement","Provider","children"],"mappings":"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"}

package/package.json

@@ -0,0 +1,77 @@
+{
+  "name": "@form-instant/react-input-mapping",
+  "version": "0.0.0-alpha",
+  "license": "MIT",
+  "author": {
+    "name": "leomerida15",
+    "email": "dimasmerida15@gmail.com",
+    "url": "https://github.com/leomerida15"
+  },
+  "main": "dist/index.js",
+  "module": "dist/react-input-mapping.esm.js",
+  "typings": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "private": false,
+  "exports": {
+    ".": "./src/index.ts"
+  },
+  "scripts": {
+    "analyze": "size-limit --why",
+    "build": "dts build",
+    "lint": "dts lint",
+    "prepare": "dts build",
+    "size": "size-limit",
+    "start": "dts watch",
+    "test": "dts test --passWithNoTests",
+    "Up": "npm publish --access public"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "dts lint"
+    }
+  },
+  "prettier": {
+    "printWidth": 80,
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5"
+  },
+  "jest": {
+    "testEnvironment": "jsdom"
+  },
+  "peerDependencies": {
+    "react": ">=16"
+  },
+  "engines": {
+    "node": ">=12"
+  },
+  "size-limit": [
+    {
+      "path": "dist/react-input-mapping.cjs.production.min.js",
+      "limit": "10 KB"
+    },
+    {
+      "path": "dist/react-input-mapping.esm.js",
+      "limit": "10 KB"
+    }
+  ],
+  "dependencies": {
+    "use-context-selector": "^2.0.0"
+  },
+  "devDependencies": {
+    "@size-limit/preset-small-lib": "^11.1.4",
+    "@tsconfig/recommended": "^1.0.7",
+    "@tsconfig/vite-react": "^3.0.2",
+    "@types/bun": "^1.1.8",
+    "dts-cli": "^2.0.5",
+    "husky": "^9.1.5",
+    "nodemon": "^3.1.4",
+    "prettier": "^3.3.3",
+    "size-limit": "^11.1.4",
+    "tslib": "^2.7.0",
+    "typescript": "^5.5.4"
+  }
+}

package/src/InputMapping/class.ts

@@ -0,0 +1,70 @@
+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

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

package/src/InputMapping/index.ts

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

package/src/InputMapping/provider.tsx

@@ -0,0 +1,22 @@
+import { createElement } from "react";
+import { InputMapping } from "./class";
+import { InputMappingContext } from "./context";
+import { INPUT_COMPONENTS_KEYS } 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>;
+};

package/src/InputMapping/types.ts

@@ -0,0 +1,27 @@
+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 = {}, FieldTypes = string> = {
+  fieldType?: FieldTypes;
+} & AdditionalRenderable;

package/src/InputMapping/useInputMapping.tsx

@@ -0,0 +1,31 @@
+'use client';
+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

@@ -0,0 +1,13 @@
+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

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