intelicoreact 1.6.19 → 1.6.20

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,
+  };
+}

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

@@ -1 +1,78 @@
-function e(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}function r(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function t(e){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(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(t){r(e,t,n[t])})}return e}function n(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):(function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t})(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}),e}import o from"../functions/General";var i=function(){};export default function u(){var u,c=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},l=c.form,f=c.setForm,a=void 0===f?i:f,s=o({FormFields:c.FormFields}),d=s.joinData,y=s.getFieldData,m=s.updateFormField,b=s.getFormFields,F=s.getFormFieldsAsArray,p=s.getFormFieldsKeys,g=function(e){var r="function"==typeof e;a(function(o){return o.fields?n(t({},o),{fields:r?e(o.fields):e}):r?e(o):e})};return r(u={joinData:d,getFieldData:y,getFormFields:b,getFormField:function(e){var r,t,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:l;return(null==(r=Object.values(b(n)))?void 0:r.find(function(r){return(null==r?void 0:r.key)===e}))||(null==(t=Object.keys(b(n)))?void 0:t.reduce(function(r,t){return t===e&&(r=b(n)[t]),r},null))},setFormFields:g,setFormField:function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return g(function(t){return m(t,e,r)})}},"getFormFields",function(){return b(l)}),r(u,"getFormFieldsAsArray",function(){return F(b(l))}),r(u,"getFormFieldsKeys",function(){return p(b(l))}),r(u,"removeAllFormFields",function(){return g({})}),r(u,"removeFormField",function(e){return g(function(o){return Object.keys(o).filter(function(r){return r!==e}).reduce(function(e,i){return n(t({},e),r({},i,o[i]))},{})})}),r(u,"removeFormFields",function(o){var i=((function(e){if(Array.isArray(e))return e})(o)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(o)||function(r,t){if(r){if("string"==typeof r)return e(r,void 0);var n=Object.prototype.toString.call(r).slice(8,-1);if("Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(r,t)}}(o)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).slice(0);return g(function(e){return Object.keys(e).filter(function(e){return!i.includes(e)}).reduce(function(o,i){return n(t({},o),r({},i,e[i]))},{})})}),u}
+import General from "../functions/General";
+
+const noop = () => {};
+
+export default function ObjectWithNamedKeyObjects({
+  form,
+  setForm = noop,
+  FormFields,
+} = {}) {
+  const {
+    joinData,
+    getFieldData,
+    updateFormField,
+    getFormFields,
+    getFormFieldsAsArray,
+    getFormFieldsKeys,
+  } = General({
+    FormFields,
+  });
+
+  const getFormField = (key, argForm = form) => {
+    return (
+      Object.values(getFormFields(argForm))?.find(
+        (field) => field?.key === key,
+      ) ||
+      Object.keys(getFormFields(argForm))?.reduce((result, field) => {
+        if (field === key) result = getFormFields(argForm)[field];
+        return result;
+      }, null)
+    );
+  };
+  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) =>
+    setFormFields((fields) => updateFormField(fields, data, key));
+
+  const removeAllFormFields = () => setFormFields({});
+  const removeFormField = (key) =>
+    setFormFields((state) =>
+      Object.keys(state)
+        .filter((fKey) => fKey !== key)
+        .reduce((obj, key) => ({ ...obj, [key]: state[key] }), {}),
+    );
+  const removeFormFields = ([...keys]) =>
+    setFormFields((state) =>
+      Object.keys(state)
+        .filter((fKey) => !keys.includes(fKey))
+        .reduce((obj, key) => ({ ...obj, [key]: state[key] }), {}),
+    );
+
+  return {
+    joinData,
+    getFieldData,
+    getFormFields,
+    getFormField,
+    setFormFields,
+    setFormField,
+    // eslint-disable-next-line no-dupe-keys
+    getFormFields: () => getFormFields(form),
+    getFormFieldsAsArray: () => getFormFieldsAsArray(getFormFields(form)),
+    getFormFieldsKeys: () => getFormFieldsKeys(getFormFields(form)),
+    removeAllFormFields,
+    removeFormField,
+    removeFormFields,
+  };
+}

package/dist/Functions/useFormTools/functions/General.js

@@ -1 +1,134 @@
-function e(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}function r(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function t(e){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(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(t){r(e,t,n[t])})}return e}function n(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):(function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t})(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}),e}function o(r){return function(r){if(Array.isArray(r))return e(r)}(r)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(r)||u(r)||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(e){return e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e}function u(r,t){if(r){if("string"==typeof r)return e(r,t);var n=Object.prototype.toString.call(r).slice(8,-1);if("Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(r,t)}}export default function a(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=e.form,c=e.FormFields,f=void 0===c?[]:c,l=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a;return(null==e?void 0:e.fields)||e},y=function(e,r){var t={item:void 0,itemIndex:void 0};return Array.isArray(e)?(t.item=null==e?void 0:e.find(function(e){return e.key===r}),t.itemIndex=t.item?e.findIndex(function(e){return e.key===r}):e.length):(void 0===e?"undefined":i(e))==="object"&&(t.item=e[r]||Object.values(e).find(function(e){return e.key===r}),t.itemIndex=t.item?e[r]?r:Object.values(e).findIndex(function(e){return e.key===r}):r),t};return{joinData:function(){for(var e=arguments.length,r=Array(e),n=0;n<e;n++)r[n]=arguments[n];var a=(function(e){if(Array.isArray(e))return e}(r)||function(e,r){var t,n,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var i=[],u=!0,a=!1;try{for(o=o.call(e);!(u=(t=o.next()).done)&&(i.push(t.value),i.length!==r);u=!0);}catch(e){a=!0,n=e}finally{try{u||null==o.return||o.return()}finally{if(a)throw n}}return i}}(r,1)||u(r,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],c=Array.isArray(a)?"Array":(void 0===a?"undefined":i(a))==="object"?"Object":void 0,f=Array.isArray(a)?[]:(void 0===a?"undefined":i(a))==="object"?{}:null;if(f)return r.reduce(function(e,r){if("Array"===c)if(Array.isArray(r))return o(e).concat(o(r));else return o(e).concat([r]);return"Object"===c?t({},e,r):f},f)},getFieldData:function(e){if(Array.isArray(f))if(f[e])return t({},f[e]);else return t({},f.find(function(r){return r.key===e}));if((void 0===f?"undefined":i(f))==="object")return t({},f[e])||t({},Object.values(f).find(function(r){return r.key===e}))},popFormField:y,updateFormField:function(e,o,i){var u="function"==typeof o;if(!i)return o.key?Object.values(e).reduce(function(i,a,c){var f=e[a.key]?a.key:c;return n(t({},i),r({},f,o.key===a.key?u?o(a):o:a))},{}):n(t({},e),r({},e.length||0,u?o({}):o));var a=y(e,i),c=a.item,f=void 0===c?o:c;return e[a.itemIndex]=u?o(f||{}):t({},f,o),e},getFormFields:l,getFormFieldsAsArray:function(e){return Array.isArray(e)?e:(void 0===e?"undefined":i(e))==="object"?Object.values(e):e},getFieldClassName:function(e,r){return"form-".concat(r,"_field-").concat(e)},getFormFieldsKeys:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:l();return Array.isArray(e)?e.map(function(e){return e.key}):(void 0===e?"undefined":i(e))==="object"?Object.values(e).map(function(e){return e.key}):e}}}
+export default function General({ form, 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)) {
+      if (FormFields[key]) {
+        return { ...FormFields[key] };
+      } else {
+        return { ...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 = (argForm = form) => {
+    return argForm?.fields || argForm;
+  };
+  const getFormFieldsAsArray = (fields) => {
+    if (Array.isArray(fields)) return fields;
+
+    if (typeof fields === "object") {
+      return Object.values(fields);
+    }
+
+    return fields;
+  };
+  const getFormFieldsKeys = (fields = getFormFields()) => {
+    if (Array.isArray(fields)) return fields.map(({ key }) => key);
+
+    if (typeof fields === "object") {
+      return Object.values(fields).map(({ key }) => key);
+    }
+
+    return fields;
+  };
+  const popFormField = (fields, key) => {
+    const result = { item: undefined, itemIndex: undefined };
+
+    if (Array.isArray(fields)) {
+      result.item = fields?.find((f) => f.key === key);
+      result.itemIndex = result.item
+        ? fields.findIndex((f) => f.key === key)
+        : fields.length;
+    } else if (typeof fields === "object") {
+      result.item =
+        fields[key] || Object.values(fields).find((f) => f.key === key);
+      result.itemIndex = result.item
+        ? fields[key]
+          ? key
+          : Object.values(fields).findIndex((f) => f.key === key)
+        : key;
+    }
+
+    return result;
+  };
+  const updateFormField = (fields, data, key) => {
+    const isFunction = typeof data === "function";
+    //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 { item: field = data, itemIndex } = popFormField(fields, key);
+
+    fields[itemIndex] = isFunction ? data(field || {}) : { ...field, ...data };
+
+    return fields;
+  };
+
+  const getFieldClassName = (key, type) => {
+    return `form-${type}_field-${key}`;
+  };
+
+  return {
+    joinData,
+    getFieldData,
+    popFormField,
+    updateFormField,
+    getFormFields,
+    getFormFieldsAsArray,
+    getFieldClassName,
+    getFormFieldsKeys,
+  };
+}

package/dist/Functions/useFormTools/functions/RenderFields.js

@@ -1 +1,111 @@
-function r(r,e){(null==e||e>r.length)&&(e=r.length);for(var n=0,t=Array(e);n<e;n++)t[n]=r[n];return t}import{jsx as e}from"react/jsx-runtime";var n=function(){return null},t=function(){return null},o=function(){return null};export default function i(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},c=i.form,l=i.fields,u=i.cols,a=void 0===u?1:u,f=i.FormDataDriver,p=i.RenderFieldComponent,d=void 0===p?n:p,y=i.onFieldChange,s=void 0===y?t:y,b=i.onFieldBlur,m=void 0===b?o:b,v=(void 0===f?function(){return null}:f)({form:c}).getFormField,O=function(){return a>6?6:a},g=function(n){try{var t,o,i=(t=function(r){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},t=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(n).filter(function(r){return Object.getOwnPropertyDescriptor(n,r).enumerable}))),t.forEach(function(e){var t;t=n[e],e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t})}return r}({},v(n)),o={key:n},o=null!=o?o:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):(function(r,e){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);n.push.apply(n,t)}return n})(Object(o)).forEach(function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}),t),c=i.wrapperRef;return e("div",{id:"render-field-wrapper-".concat(n),ref:c?"function"==typeof c?function(r){return c(r,n)}:c:null,children:e(d,{field:i,onChange:function(r){return s(n,r)},onBlur:function(){for(var e=arguments.length,n=Array(e),t=0;t<e;t++)n[t]=arguments[t];return m.apply(void 0,function(e){if(Array.isArray(e))return r(e)}(n)||function(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(n)||function(e,n){if(e){if("string"==typeof e)return r(e,void 0);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return r(e,n)}}(n)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())}},n)},"render-field-wrapper-".concat(n))}catch(r){return null}};return(1===a?function(){return l.map(g)}:function(){var r=(null==l?void 0:l.length)||0,n=O()>r?r:O();return n?e("div",{className:"row",children:Array(n).fill([]).map(function(e,t){var o=r/n*t;return l.slice(o,o+r/n)}).map(function(r,t){return e("div",{className:"col-12 col-lg-".concat(parseInt(12/n,10)),children:r.map(g)},"render-fields-row-".concat(t))})}):null})()}
+const defaultRenderFieldComponent = () => {
+  // eslint-disable-next-line no-console
+  console.error("RenderFields: RenderFieldComponent Property is not recieved!");
+  return null;
+};
+
+const defaultFormDataDriver = () => {
+  // eslint-disable-next-line no-console
+  console.error("RenderFields: FormDataDriver Property is not recieved!");
+  return null;
+};
+
+const defaultOnFieldChange = () => {
+  // eslint-disable-next-line no-console
+  console.warn(
+    "RenderFields: Be careful, onFieldChange handler is not recieved!",
+  );
+  return null;
+};
+
+const defaultOnFieldBlur = () => {
+  // eslint-disable-next-line no-console
+  console.warn(
+    "RenderFields: Be careful, defaultOnFieldBlur handler is not recieved!",
+  );
+  return null;
+};
+
+export default function RenderFields({
+  form,
+  fields,
+  cols = 1,
+  FormDataDriver = defaultFormDataDriver,
+  RenderFieldComponent = defaultRenderFieldComponent,
+  onFieldChange = defaultOnFieldChange,
+  onFieldBlur = defaultOnFieldBlur,
+} = {}) {
+  const maxColumns = 6;
+  const maxWidth = 12;
+
+  const { getFormField } = FormDataDriver({ form });
+
+  const getColumnsQty = () => {
+    return cols > maxColumns ? maxColumns : cols;
+  };
+
+  const renderFormField = (key) => {
+    try {
+      const field = { ...getFormField(key), key };
+      const { wrapperRef } = field;
+
+      return (
+        <div
+          key={`render-field-wrapper-${key}`}
+          id={`render-field-wrapper-${key}`}
+          ref={
+            wrapperRef
+              ? typeof wrapperRef === "function"
+                ? (node) => wrapperRef(node, key)
+                : wrapperRef
+              : null
+          }
+        >
+          <RenderFieldComponent
+            key={key}
+            field={field}
+            onChange={(value) => onFieldChange(key, value)}
+            onBlur={(...args) => onFieldBlur(...args)}
+          />
+        </div>
+      );
+    } catch (e) {
+      return null;
+    }
+  };
+
+  const renderSingleColumn = () => {
+    return fields.map(renderFormField);
+  };
+  const renderSplitColumns = () => {
+    const fieldsLen = fields?.length || 0;
+    const columnsQty =
+      getColumnsQty() > fieldsLen ? fieldsLen : getColumnsQty();
+
+    if (!columnsQty) return null;
+
+    const parts = new Array(columnsQty).fill([]).map((v, i) => {
+      const startIndex = (fieldsLen / columnsQty) * i;
+      const endIndex = startIndex + fieldsLen / columnsQty;
+
+      return fields.slice(startIndex, endIndex);
+    });
+
+    return (
+      <div className="row">
+        {parts.map((part, i) => (
+          <div
+            key={`render-fields-row-${i}`}
+            className={`col-12 col-lg-${parseInt(maxWidth / columnsQty, 10)}`}
+          >
+            {part.map(renderFormField)}
+          </div>
+        ))}
+      </div>
+    );
+  };
+
+  const render = cols === 1 ? renderSingleColumn : renderSplitColumns;
+
+  return render();
+}

package/dist/Functions/useFormTools/functions/usePrevious.js

@@ -1 +1,12 @@
-import{useEffect as r,useRef as t}from"react";export default function(n){var e=t();return r(function(){e.current=n},[n]),e.current}
+import { useEffect, useRef } from "react";
+
+function usePrevious(value) {
+  const ref = useRef();
+
+  useEffect(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}
+
+export default usePrevious;