intelicoreact 1.6.22 → 1.6.24

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;