intelicoreact 1.6.22 → 1.6.24

package/dist/Functions/presets/inputMaskPresets.js

@@ -1 +1,170 @@
-export var MASK_PRESETS={BANK_ACCOUNT:{type:"inputMask",maskPattern:"DDDDDDDDDD",maskPlaceholder:"X",isNumericMobileKeyboard:!0,blinkErrors:!0,showErrors:!1},CC_EXPIRATION_DATE:{type:"inputMask",maskPattern:"MM/YY",maskPatternPlaceholder:"MM/YY",usePatternPlaceholder:!0,isNumericMobileKeyboard:!0,blinkErrors:!0,showErrors:!1,focusSelector:"input"},DATE_PRESET:{type:"inputMask",maskPattern:"DD.DD.DDDD",maskPatternPlaceholder:"MM.DD.YYYY",usePatternPlaceholder:!0,isNumericMobileKeyboard:!0,blinkErrors:!0,showErrors:!1,autocomplete:"bday",focusSelector:"input"},ZIP_PRESET:{type:"inputMask",focusSelector:"input",maskPattern:"DDDDD",maskPlaceholder:"X",isNumericMobileKeyboard:!0,blinkErrors:!0,showErrors:!1,autocomplete:"postal-code",rules:"fieldZip"},SSN_PRESET:{type:"inputMask",maskPattern:"DDDDDDDDD",maskPlaceholder:"X",focusSelector:"input",isNumericMobileKeyboard:!0,blinkErrors:!0,showErrors:!1},MOBILE_PHONE_PRESET:{type:"inputMask",maskPattern:"(DDD) DDD-DDDD",maskPlaceholder:"X",focusSelector:"input",isNumericMobileKeyboard:!0,blinkErrors:!0,showErrors:!1,autocomplete:"tel-national"},SHORT_SSN_PRESET:{type:"inputMask3",maskPattern:"DDDD",maskPlaceholder:"X",focusSelector:"input",isNumericMobileKeyboard:!0,blinkErrors:!0,showErrors:!1},ABA_PRESET:{type:"inputMask",maskPattern:"DDDDDDDDD",maskPlaceholder:"X",isNumericMobileKeyboard:!0,blinkErrors:!0,showErrors:!1}};
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'DD.DD.DDDD',
+ * @param maskPatternPlaceholder: 'MM.DD.YYYY',
+ * @param usePatternPlaceholder: true,
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ * @param autocomplete: 'bday',
+ * @param focusSelector: 'input',
+ */
+const DATE_PRESET = {
+  type: "inputMask",
+  maskPattern: "DD.DD.DDDD",
+  maskPatternPlaceholder: "MM.DD.YYYY",
+  usePatternPlaceholder: true,
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false,
+  autocomplete: "bday",
+  focusSelector: "input",
+};
+
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'DDDDD',
+ * @param maskPlaceholder: 'X',
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ * @param focusSelector: 'input',
+ * @param autocomplete: 'postal-code',
+ * @param rules: 'fieldZip'
+ */
+const ZIP_PRESET = {
+  type: "inputMask",
+  focusSelector: "input",
+  maskPattern: "DDDDD",
+  maskPlaceholder: "X",
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false,
+  autocomplete: "postal-code",
+  rules: "fieldZip",
+};
+
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'DDDDDDDDD',
+ * @param maskPlaceholder: 'X',
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ * @param focusSelector: 'input',
+ */
+const SSN_PRESET = {
+  type: "inputMask",
+  maskPattern: "DDDDDDDDD",
+  maskPlaceholder: "X",
+  focusSelector: "input",
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false,
+};
+
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'DDD-DDD-DDDD',
+ * @param maskPlaceholder: 'X',
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ * @param focusSelector: 'input',
+ * @param autocomplete: 'tel-national',
+ */
+const MOBILE_PHONE_PRESET = {
+  type: "inputMask",
+  // maskPattern: 'DDD-DDD-DDDD',
+  maskPattern: "(DDD) DDD-DDDD",
+  maskPlaceholder: "X",
+  focusSelector: "input",
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false,
+  autocomplete: "tel-national",
+};
+
+/**
+ * @param type: 'inputMask3',
+ * @param maskPattern: 'DDDD',
+ * @param maskPlaceholder: 'X',
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ */
+const SHORT_SSN_PRESET = {
+  type: "inputMask3",
+  maskPattern: "DDDD",
+  maskPlaceholder: "X",
+  focusSelector: "input",
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false,
+};
+
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'DDDDDDDDD',
+ * @param maskPlaceholder: 'X',
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ */
+const ABA_PRESET = {
+  type: "inputMask",
+  maskPattern: "DDDDDDDDD",
+  maskPlaceholder: "X",
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false,
+};
+
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'MM/YY',
+ * @param maskPatternPlaceholder: 'MM/YY',
+ * @param usePatternPlaceholder: true,
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ * @param focusSelector: 'input',
+ */
+const CC_EXPIRATION_DATE = {
+  type: "inputMask",
+  maskPattern: "MM/YY",
+  maskPatternPlaceholder: "MM/YY",
+  usePatternPlaceholder: true,
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false,
+  focusSelector: "input",
+};
+
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'DDDDDDDDDD',
+ * @param maskPlaceholder: 'X',
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ */
+const BANK_ACCOUNT = {
+  type: "inputMask",
+  maskPattern: "DDDDDDDDDD",
+  maskPlaceholder: "X",
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false,
+};
+
+export const MASK_PRESETS = {
+  BANK_ACCOUNT,
+  CC_EXPIRATION_DATE,
+  DATE_PRESET,
+  ZIP_PRESET,
+  SSN_PRESET,
+  MOBILE_PHONE_PRESET,
+  SHORT_SSN_PRESET,
+  ABA_PRESET,
+};

package/dist/Functions/presets/inputPresets.js

@@ -1 +1,60 @@
-import{getSafelyValue as e}from"../fieldValueFormatters";export var NAME_SYMBOLS_EXCLUDER={fieldChangesMiddleware:function(r){var a=new RegExp(/[^a-zA-Z-\s']/g),E=new RegExp(/['-]{2,}/g),p=new RegExp(/\s{2,}/g),_=new RegExp(/['-](?=\s)/g);return e(r).replace(a,"").replace(E,"").replace(p," ").replace(_,"")},blurTrim:{trimStart:!0,trimEnd:!0,characters:["-","'"," "]}};export var ONLY_STRING_AND_DASH={fieldChangesMiddleware:function(r){var a=new RegExp(/[^a-zA-Z-]|--/gi),E=new RegExp(/-+/g);return e(r).replace(a,"").replace(E,"-")}};export var INPUT_PRESETS={NAME_SYMBOLS_EXCLUDER:NAME_SYMBOLS_EXCLUDER,ONLY_STRING_AND_DASH:ONLY_STRING_AND_DASH};
+import { getSafelyValue } from "../fieldValueFormatters";
+
+export const NAME_SYMBOLS_EXCLUDER = {
+  /**
+   * @name fieldChangesMiddleware
+   * @description Обрабатывает входящую строку, удаляет все символы, которые не являются
+   * алфавитными, дефисами, апострофами или пробелами. Не дает ввести дубли символов дефиса или апострофа.
+   * Режет спецсимволы, если после них не идет буква.
+   *
+   * @param {string} value - Входная строка для обработки.
+   * @returns {string} - Обработанная строка.
+   */
+  fieldChangesMiddleware: (value) => {
+    // remove invalid characters
+    const invalidCharacters = new RegExp(/[^a-zA-Z-\s']/g);
+    // handle any two '-' or ''' should not be side by side
+    const sideBySideHyphenOrApostrophe = new RegExp(/['-]{2,}/g);
+    // replace sequence of spaces with single space
+    const multipleSpaces = new RegExp(/\s{2,}/g);
+    // remove '-' or ''' if they are followed by a space
+    const beforeSpace = new RegExp(/['-](?=\s)/g);
+
+    const sanitizedValue = getSafelyValue(value)
+      .replace(invalidCharacters, "")
+      .replace(sideBySideHyphenOrApostrophe, "")
+      .replace(multipleSpaces, " ")
+      .replace(beforeSpace, "");
+
+    return sanitizedValue;
+  },
+  blurTrim: {
+    trimStart: true,
+    trimEnd: true,
+    characters: ["-", "'", " "],
+  },
+};
+
+export const ONLY_STRING_AND_DASH = {
+  /**
+   * @name fieldChangesMiddleware
+   * @description Обрабатывает входную строку, удаляет все неалфавитные символы, заменяет двойные дефисы на одинарные
+   * и удаляет все дефисы в начале или конце строки.
+   * @param {string} value - входная строка для обработки
+   * @returns {string} обработанная строка
+   */
+  fieldChangesMiddleware: (value) => {
+    const nonAlphabeticAndNotSingleDash = new RegExp(/[^a-zA-Z-]|--/gi);
+    const consecutiveDashes = new RegExp(/-+/g);
+
+    const sanitizedInput = getSafelyValue(value);
+
+    return sanitizedInput
+      .replace(nonAlphabeticAndNotSingleDash, "")
+      .replace(consecutiveDashes, "-");
+  },
+};
+export const INPUT_PRESETS = {
+  NAME_SYMBOLS_EXCLUDER,
+  ONLY_STRING_AND_DASH,
+};

package/dist/Functions/presets/mobileKeyboardTypesPresets.js

@@ -1 +1,45 @@
-export var ALL_KEYBOARD_TYPES={numeric:{inputMode:"decimal"},email:{inputMode:"email"}};export var NUMERIC_KEYBOARD={attributesOfNativeInput:ALL_KEYBOARD_TYPES.numeric};export var EMAIL_KEYBOARD={attributesOfNativeInput:ALL_KEYBOARD_TYPES.email};
+//? Удобно использовать для расширения объекта атрибутов
+export const ALL_KEYBOARD_TYPES = {
+  numeric: { inputMode: "decimal" },
+  email: { inputMode: "email" },
+};
+
+//? Например:
+/*
+  const constructor = [
+    ...
+    {
+      key: 'someField',
+      ...
+      attributesOfNativeInput: {
+        'data-testId': `someFieldTestId-${someId}`,
+        ...ALL_KEYBOARD_TYPES.numeric
+      }
+    }
+    ...
+  ];
+
+*/
+
+// *****************************
+//? Удобно использовать для расширения объекта филда, если в филде более не добавляются другие атрибуты
+//? Например:
+/*
+  const constructor = [
+    ...
+    {
+      key: 'someField',
+      ...NUMERIC_KEYBOARD
+      ...
+    }
+    ...
+  ];
+
+*/
+
+export const NUMERIC_KEYBOARD = {
+  attributesOfNativeInput: ALL_KEYBOARD_TYPES.numeric,
+};
+export const EMAIL_KEYBOARD = {
+  attributesOfNativeInput: ALL_KEYBOARD_TYPES.email,
+};

package/dist/Functions/schemas.js

@@ -1 +1,31 @@
-import*as e from"yup";export var forgotSchema=e.object().shape({email:e.string().email("Invalid email").required("E-mail is required")});export var loginSchema=e.object().shape({email:e.string().email("Invalid email").required("E-mail is required"),password:e.string().required("No password provided").min(8,"Password is too short - should be 8 chars minimum").matches(/[a-zA-Z]/,"Password can only contain Latin letters"),remember:e.bool()});export var registerSchema=e.object().shape({name:e.string().required("Name is required"),email:e.string().email("Invalid email").required("E-mail is required"),password:e.string().required("No password provided").min(8,"Password is too short - should be 8 chars minimum").matches(/[a-zA-Z]/,"Password can only contain Latin letters"),confirmPassword:e.string().required("Confirm password").oneOf([e.ref("password")],"Passwords must match"),promo:e.string(),recaptcha:e.bool().oneOf([!0],"Field must be checked")});
+import * as yup from "yup";
+
+export const forgotSchema = yup.object().shape({
+  email: yup.string().email("Invalid email").required("E-mail is required"),
+});
+
+export const loginSchema = yup.object().shape({
+  email: yup.string().email("Invalid email").required("E-mail is required"),
+  password: yup
+    .string()
+    .required("No password provided")
+    .min(8, "Password is too short - should be 8 chars minimum")
+    .matches(/[a-zA-Z]/, "Password can only contain Latin letters"),
+  remember: yup.bool(),
+});
+
+export const registerSchema = yup.object().shape({
+  name: yup.string().required("Name is required"),
+  email: yup.string().email("Invalid email").required("E-mail is required"),
+  password: yup
+    .string()
+    .required("No password provided")
+    .min(8, "Password is too short - should be 8 chars minimum")
+    .matches(/[a-zA-Z]/, "Password can only contain Latin letters"),
+  confirmPassword: yup
+    .string()
+    .required("Confirm password")
+    .oneOf([yup.ref("password")], "Passwords must match"),
+  promo: yup.string(),
+  recaptcha: yup.bool().oneOf([true], "Field must be checked"),
+});

package/dist/Functions/useBodyScrollLock.js

@@ -1 +1,17 @@
-import{useEffect as o}from"react";export default function(t){o(function(){return t?document.body.style.overflow="hidden":document.body.style.overflow="auto",function(){document.body.style.overflow="auto"}},[t])}
+import { useEffect } from "react";
+
+const useBodyScrollLock = (isScrollBodyLocked) => {
+  useEffect(() => {
+    if (isScrollBodyLocked) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "auto";
+    }
+
+    return () => {
+      document.body.style.overflow = "auto";
+    };
+  }, [isScrollBodyLocked]);
+};
+
+export default useBodyScrollLock;

package/dist/Functions/useClickOutside.js

@@ -1 +1,15 @@
-import{useEffect as n}from"react";export var useClickOutside=function(e,t,r){var o=function(n){e.current&&!e.current.contains(n.target)&&t(r)};n(function(){return document.addEventListener("mousedown",o),function(){document.removeEventListener("mousedown",o)}},[e])};
+import { useEffect } from "react";
+
+export const useClickOutside = (ref, setOut, open) => {
+  function handleClickOutside(event) {
+    if (ref.current && !ref.current.contains(event.target)) {
+      setOut(open);
+    }
+  }
+  useEffect(() => {
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [ref]);
+};

package/dist/Functions/useDebounce.js

@@ -1 +1,17 @@
-function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var n=0,e=Array(t);n<t;n++)e[n]=r[n];return e}import{useEffect as t,useState as n}from"react";export var useDebounce=function(e){var o,a=e.searchValue,u=e.delay,i=(o=n(a),function(r){if(Array.isArray(r))return r}(o)||function(r,t){var n,e,o=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=o){var a=[],u=!0,i=!1;try{for(o=o.call(r);!(u=(n=o.next()).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(r){i=!0,e=r}finally{try{u||null==o.return||o.return()}finally{if(i)throw e}}return a}}(o,2)||function(t,n){if(t){if("string"==typeof t)return r(t,2);var e=Object.prototype.toString.call(t).slice(8,-1);if("Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return r(t,n)}}(o,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),l=i[0],c=i[1];return t(function(){var r=setTimeout(function(){c(a)},u);return function(){clearTimeout(r)}},[a,u]),l};
+import React, { useEffect, useState } from "react";
+
+export const useDebounce = ({ searchValue, delay }) => {
+  const [debouncedValue, setDebouncedValue] = useState(searchValue);
+
+  useEffect(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(searchValue);
+    }, delay);
+
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [searchValue, delay]);
+
+  return debouncedValue;
+};

package/dist/Functions/useFieldFocus.js

@@ -1 +1,84 @@
-function e(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function r(r){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.forEach(function(n){e(r,n,t[n])})}return r}function n(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):(function(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n})(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}),e}import{createRef as t,useEffect as o}from"react";export default function u(u){var i=u.form,c=u.setForm,l=!!((void 0===i?"undefined":i&&"undefined"!=typeof Symbol&&i.constructor===Symbol?"symbol":typeof i)=="object"&&!Array.isArray(i)),f=function(e){var r,n;return l?null!=(n=null==i?void 0:i[e])?n:null==(r=Object.values(i))?void 0:r.find(function(r){return r.key===e}):null==i?void 0:i.find(function(r){return r.key===e})},a=function(){var e;return l?null==(e=Object.values(i))?void 0:e.filter(function(e){return e.error}):null==i?void 0:i.filter(function(e){return null==e?void 0:e.error})},d=function(){l?c(function(o){var u;return null==(u=Object.keys(o))?void 0:u.reduce(function(u,i){var c=o[i];return n(r({},u),e({},i,n(r({},c),{ref:t(),wrapperRef:t()})))},{})}):c(function(e){return null==e?void 0:e.map(function(e){return e.ref=t(),e.wrapperRef=t(),e})})},v=function(e){var r=e.field,n=e.action,t=void 0===n?"focus":n;if(!r||!(null==r?void 0:r.ref))return null;setTimeout(function(){var e,n;null==(n=r.ref.current)||null==(e=n.querySelector((null==r?void 0:r.focusSelector)||"input"))||e[t]()},50)};return o(function(){d()},[null==i?void 0:i.length]),{setFocusTo:function(e){var r=f(e);if(!r)return!1;v({field:r})},setFocusToErroredField:function(){var e,r=null==(e=a())?void 0:e[0];if(!r)return!1;v({field:r})}}}
+import { createRef, useEffect } from "react";
+
+export default function useFieldsFocus({ form, setForm }) {
+  const isFormAsObject = Boolean(
+    typeof form === "object" && !Array.isArray(form),
+  );
+
+  const getField = (key) => {
+    if (isFormAsObject) {
+      return (
+        form?.[key] ?? Object.values(form)?.find((field) => field.key === key)
+      );
+    } else {
+      return form?.find((field) => field.key === key);
+    }
+  };
+
+  const getErroredFields = () => {
+    if (isFormAsObject) {
+      return Object.values(form)?.filter((field) => field.error);
+    } else {
+      return form?.filter((f) => f?.error);
+    }
+  };
+
+  const addRefsToFields = () => {
+    if (isFormAsObject) {
+      setForm((form) => {
+        return Object.keys(form)?.reduce((result, key) => {
+          const field = form[key];
+          return {
+            ...result,
+            [key]: {
+              ...field,
+              ref: createRef(),
+              wrapperRef: createRef(),
+            },
+          };
+        }, {});
+      });
+    } else {
+      setForm((form) => {
+        return form?.map((field) => {
+          field.ref = createRef();
+          field.wrapperRef = createRef();
+
+          return field;
+        });
+      });
+    }
+  };
+
+  const toggleFieldFocus = ({ field, action = "focus" }) => {
+    if (!field || !field?.ref) return null;
+
+    setTimeout(() => {
+      field.ref.current
+        ?.querySelector(field?.focusSelector || "input")
+        ?.[action]();
+    }, 50);
+  };
+
+  const setFocusTo = (key) => {
+    const field = getField(key);
+    if (!field) return false;
+
+    toggleFieldFocus({ field });
+  };
+  const setFocusToErroredField = () => {
+    const field = getErroredFields()?.[0];
+    if (!field) return false;
+
+    toggleFieldFocus({ field });
+  };
+
+  useEffect(() => {
+    addRefsToFields();
+  }, [form?.length]);
+
+  return {
+    setFocusTo,
+    setFocusToErroredField,
+  };
+}

package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js

@@ -1 +1,39 @@
-import e from"../functions/General";export default function r(r){var t=r.form,n=r.setForm,o=e({FormFields:r.FormFields}),i=o.joinData,F=o.getFieldData,l=o.updateFormField,u=o.getFormFields,d=o.getFormFieldsAsArray,m=o.getFormFieldsKeys,s=function(e){var r="function"==typeof e;n(function(t){return r?e(t):e})};return{joinData:i,getFieldData:F,getFormFields:u,getFormField:function(e){var r,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t;return null==(r=u(n))?void 0:r.find(function(r){return r.key===e})},setFormFields:s,setFormField:function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return s(function(t){return l(t,e,r)})},getFormFieldsAsArray:function(e){return d(e||u())},getFormFieldsKeys:function(e){return m(e||u())},removeAllFormFields:function(){return s([])}}}
+import General from "../functions/General";
+
+export default function ArrayWithObjects({ form, setForm, FormFields }) {
+  const {
+    joinData,
+    getFieldData,
+    updateFormField,
+    getFormFields,
+    getFormFieldsAsArray,
+    getFormFieldsKeys,
+  } = General({
+    FormFields,
+  });
+
+  const getFormField = (key, argForm = form) => {
+    return getFormFields(argForm)?.find((f) => f.key === key);
+  };
+  const setFormFields = (data) => {
+    const isFunction = typeof data === "function";
+    setForm((state) => (isFunction ? data(state) : data));
+  };
+  const setFormField = (data, key = null) =>
+    setFormFields((fields) => updateFormField(fields, data, key));
+
+  const removeAllFormFields = () => setFormFields([]);
+
+  return {
+    joinData,
+    getFieldData,
+    getFormFields,
+    getFormField,
+    setFormFields,
+    setFormField,
+    getFormFieldsAsArray: (fields) =>
+      getFormFieldsAsArray(fields || getFormFields()),
+    getFormFieldsKeys: (fields) => getFormFieldsKeys(fields || getFormFields()),
+    removeAllFormFields,
+  };
+}

package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js

@@ -1 +1,159 @@
-function r(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,n=Array(e);t<e;t++)n[t]=r[t];return n}function e(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function t(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(r){return Object.getOwnPropertyDescriptor(n,r).enumerable}))),o.forEach(function(t){e(r,t,n[t])})}return r}function n(r,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):(function(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t.push.apply(t,n)}return t})(Object(e)).forEach(function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(e,t))}),r}function o(e){return function(e){if(Array.isArray(e))return r(e)}(e)||function(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(e)||u(e)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(r){return r&&"undefined"!=typeof Symbol&&r.constructor===Symbol?"symbol":typeof r}function u(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(e,t)}}export default function c(r){var c=r.form,f=r.setForm,a=r.FormFields,l=function(){for(var r=arguments.length,e=Array(r),n=0;n<r;n++)e[n]=arguments[n];var c=(function(r){if(Array.isArray(r))return r}(e)||function(r,e){var t,n,o=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=o){var i=[],u=!0,c=!1;try{for(o=o.call(r);!(u=(t=o.next()).done)&&(i.push(t.value),i.length!==e);u=!0);}catch(r){c=!0,n=r}finally{try{u||null==o.return||o.return()}finally{if(c)throw n}}return i}}(e,1)||u(e,1)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],f=Array.isArray(c)?"Array":(void 0===c?"undefined":i(c))==="object"?"Object":void 0,a=Array.isArray(c)?[]:(void 0===c?"undefined":i(c))==="object"?{}:null;if(a)return e.reduce(function(r,e){if("Array"===f)if(Array.isArray(e))return o(r).concat(o(e));else return o(r).concat([e]);return"Object"===f?t({},r,e):a},a)},y=function(){return c.fields||c},s=function(r){var e="function"==typeof r;f(function(o){return o.fields?n(t({},o),{fields:e?r(o.fields):r}):e?r(o):r})};return{joinData:l,getFieldData:function(r){return Array.isArray(a)?a[r]||a.find(function(e){return e.key===r}):(void 0===a?"undefined":i(a))==="object"?a[r]||Object.values(a).find(function(e){return e.key===r}):void 0},getFormFields:y,getFormField:function(r){return"Array"===FormProto?y().find(function(e){return e.key===r}):"Object"===FormProto?Object.values(y()).find(function(e){return e.key===r})||Object.keys(y()).reduce(function(e,t){return t===r&&(e=y()[t]),e},{}):void 0},setFormFields:s,setFormField:function(r){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,u="function"==typeof r;s(function(c){if(!o)return r.key?Object.values(c).reduce(function(o,i,f){var a=c[i.key]?i.key:f;return n(t({},o),e({},a,r.key===i.key?u?r(i):r:i))},{}):n(t({},c),e({},c.length||0,u?r({}):r));var f,a,y,s=(f=c,a=o,(y={fields:f,item:void 0}).item=f[a]||f.find(function(r){return r.key===a}),y.item&&(Array.isArray(f)?isNaN(parseInt(a,10))?y.fields=y.fields.filter(function(r){return r.key!==a}):y.fields.splice(a,1):(void 0===f?"undefined":i(f))==="object"&&(y.fields=Object.values(f).reduce(function(r,e){return a!==e.key&&(r[a]=f[a]),r},{}))),y),d=s.fields,b=s.item,m=u?r(b||{}):t({},b,r);return l(d,c[o]?e({},o,m):m)})}}}
+export default function ObjectWithIterableObjects({
+  form,
+  setForm,
+  FormFields,
+}) {
+  const joinData = (...args) => {
+    const [mainArg] = args;
+    const MainArgProto = Array.isArray(mainArg)
+      ? "Array"
+      : typeof mainArg === "object"
+        ? "Object"
+        : undefined;
+    const template = Array.isArray(mainArg)
+      ? []
+      : typeof mainArg === "object"
+        ? {}
+        : null;
+
+    if (!template) return undefined;
+
+    return args.reduce((result, item) => {
+      if (MainArgProto === "Array") {
+        if (Array.isArray(item)) {
+          return [...result, ...item];
+        } else {
+          return [...result, item];
+        }
+      } else if (MainArgProto === "Object") {
+        return { ...result, ...item };
+      } else {
+        return template;
+      }
+    }, template);
+  };
+
+  const getFieldData = (key) => {
+    if (Array.isArray(FormFields)) {
+      return FormFields[key] || FormFields.find((f) => f.key === key);
+    } else if (typeof FormFields === "object") {
+      return (
+        FormFields[key] || Object.values(FormFields).find((f) => f.key === key)
+      );
+    } else {
+      return undefined;
+    }
+  };
+  const getFormFields = () => {
+    return form.fields || form;
+  };
+  const getFormField = (key) => {
+    // eslint-disable-next-line no-undef
+    if (FormProto === "Array") {
+      return getFormFields().find((field) => field.key === key);
+      // eslint-disable-next-line no-undef
+    } else if (FormProto === "Object") {
+      return (
+        Object.values(getFormFields()).find((field) => field.key === key) ||
+        Object.keys(getFormFields()).reduce((result, field) => {
+          if (field === key) result = getFormFields()[field];
+          return result;
+        }, {})
+      );
+    } else {
+      return undefined;
+    }
+  };
+  const setFormFields = (data) => {
+    const isFunction = typeof data === "function";
+
+    setForm((state) => {
+      if (state.fields) {
+        return {
+          ...state,
+          fields: isFunction ? data(state.fields) : data,
+        };
+      } else {
+        return isFunction ? data(state) : data;
+      }
+    });
+  };
+  const setFormField = (data, key = null) => {
+    const isFunction = typeof data === "function";
+
+    setFormFields((fields) => {
+      const pop = (fields, key) => {
+        const result = { fields, item: undefined };
+
+        result.item = fields[key] || fields.find((f) => f.key === key);
+
+        if (!result.item) return result;
+
+        if (Array.isArray(fields)) {
+          const index = parseInt(key, 10);
+          if (!isNaN(index)) {
+            result.fields.splice(key, 1);
+          } else {
+            result.fields = result.fields.filter((f) => f.key !== key);
+          }
+        } else if (typeof fields === "object") {
+          result.fields = Object.values(fields).reduce(
+            (object, { key: fKey }) => {
+              if (key !== fKey) {
+                object[key] = fields[key];
+              }
+              return object;
+            },
+            {},
+          );
+        }
+
+        return result;
+      };
+      const update = (fields) => {
+        //KEY is NULLable
+        if (!key) {
+          return data.key
+            ? Object.values(fields).reduce((result, field, i) => {
+                const index = fields[field.key] ? field.key : i;
+
+                return {
+                  ...result,
+                  [index]:
+                    data.key === field.key
+                      ? isFunction
+                        ? data(field)
+                        : data
+                      : field,
+                };
+              }, {})
+            : {
+                ...fields,
+                [fields.length || 0]: isFunction ? data({}) : data,
+              };
+        }
+
+        const { fields: filtered, item: field } = pop(fields, key);
+
+        const updatedField = isFunction
+          ? data(field || {})
+          : { ...field, ...data };
+        return joinData(
+          filtered,
+          fields[key] ? { [key]: updatedField } : updatedField,
+        );
+      };
+
+      return update(fields);
+    });
+  };
+
+  return {
+    joinData,
+    getFieldData,
+    getFormFields,
+    getFormField,
+    setFormFields,
+    setFormField,
+  };
+}