intelicoreact 1.5.38 → 1.5.41

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

@@ -1,67 +1,77 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return ObjectWithNamedKeyObjects;
-    }
-});
-const _General = /*#__PURE__*/ _interop_require_default(require("../functions/General"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const noop = ()=>{};
-function ObjectWithNamedKeyObjects({ form, setForm = noop, FormFields } = {}) {
-    const { joinData, getFieldData, updateFormField, getFormFields, getFormFieldsAsArray, getFormFieldsKeys } = (0, _General.default)({
-        FormFields
+exports.default = ObjectWithNamedKeyObjects;
+var _General = _interopRequireDefault(require("../functions/General"));
+const noop = () => {};
+function ObjectWithNamedKeyObjects() {
+  let {
+    form,
+    setForm = noop,
+    FormFields
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    joinData,
+    getFieldData,
+    updateFormField,
+    getFormFields,
+    getFormFieldsAsArray,
+    getFormFieldsKeys
+  } = (0, _General.default)({
+    FormFields
+  });
+  const getFormField = function (key) {
+    let argForm = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 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 getFormField = (key, argForm = form)=>{
-        var _Object_values, _Object_keys;
-        return ((_Object_values = Object.values(getFormFields(argForm))) === null || _Object_values === void 0 ? void 0 : _Object_values.find((field)=>(field === null || field === void 0 ? void 0 : field.key) === key)) || ((_Object_keys = Object.keys(getFormFields(argForm))) === null || _Object_keys === void 0 ? void 0 : _Object_keys.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
-    };
-}
+  };
+  const setFormField = function (data) {
+    let key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    return 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 = _ref => {
+    let [...keys] = _ref;
+    return 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,127 +1,139 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return General;
+exports.default = General;
+function General() {
+  let {
+    form,
+    FormFields = []
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const joinData = function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
-});
-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)
-            };
+    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 undefined;
-        }
-    };
-    const getFormFields = (argForm = form)=>{
-        return (argForm === null || argForm === void 0 ? void 0 : argForm.fields) || argForm;
-    };
-    const getFormFieldsAsArray = (fields)=>{
-        if (Array.isArray(fields)) return fields;
-        if (typeof fields === "object") {
-            return Object.values(fields);
+          return [...result, item];
         }
-        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
+      } else if (MainArgProto === "Object") {
+        return {
+          ...result,
+          ...item
         };
-        if (Array.isArray(fields)) {
-            result.item = fields === null || fields === void 0 ? void 0 : 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
+      } else {
+        return template;
+      }
+    }, template);
+  };
+  const getFieldData = key => {
+    if (Array.isArray(FormFields)) {
+      if (FormFields[key]) {
+        return {
+          ...FormFields[key]
         };
-        return fields;
-    };
-    const getFieldClassName = (key, type)=>{
-        return `form-${type}_field-${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 = function () {
+    let argForm = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 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 = function () {
+    let fields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getFormFields();
+    if (Array.isArray(fields)) return fields.map(_ref => {
+      let {
+        key
+      } = _ref;
+      return key;
+    });
+    if (typeof fields === "object") {
+      return Object.values(fields).map(_ref2 => {
+        let {
+          key
+        } = _ref2;
+        return key;
+      });
+    }
+    return fields;
+  };
+  const popFormField = (fields, key) => {
+    const result = {
+      item: undefined,
+      itemIndex: undefined
     };
-    return {
-        joinData,
-        getFieldData,
-        popFormField,
-        updateFormField,
-        getFormFields,
-        getFormFieldsAsArray,
-        getFieldClassName,
-        getFormFieldsKeys
+    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,83 +1,93 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return RenderFields;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const defaultRenderFieldComponent = ()=>{
-    // eslint-disable-next-line no-console
-    console.error("RenderFields: RenderFieldComponent Property is not recieved!");
-    return null;
+exports.default = RenderFields;
+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 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 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;
+const defaultOnFieldBlur = () => {
+  // eslint-disable-next-line no-console
+  console.warn("RenderFields: Be careful, defaultOnFieldBlur handler is not recieved!");
+  return null;
 };
-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 /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                id: `render-field-wrapper-${key}`,
-                ref: wrapperRef ? typeof wrapperRef === "function" ? (node)=>wrapperRef(node, key) : wrapperRef : null,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(RenderFieldComponent, {
-                    field: field,
-                    onChange: (value)=>onFieldChange(key, value),
-                    onBlur: (...args)=>onFieldBlur(...args)
-                }, key)
-            }, `render-field-wrapper-${key}`);
-        } catch (e) {
-            return null;
+function RenderFields() {
+  let {
+    form,
+    fields,
+    cols = 1,
+    FormDataDriver = defaultFormDataDriver,
+    RenderFieldComponent = defaultRenderFieldComponent,
+    onFieldChange = defaultOnFieldChange,
+    onFieldBlur = defaultOnFieldBlur
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  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 /*#__PURE__*/React.createElement("div", {
+        key: `render-field-wrapper-${key}`,
+        id: `render-field-wrapper-${key}`,
+        ref: wrapperRef ? typeof wrapperRef === "function" ? node => wrapperRef(node, key) : wrapperRef : null
+      }, /*#__PURE__*/React.createElement(RenderFieldComponent, {
+        key: key,
+        field: field,
+        onChange: value => onFieldChange(key, value),
+        onBlur: function () {
+          return onFieldBlur(...arguments);
         }
-    };
-    const renderSingleColumn = ()=>{
-        return fields.map(renderFormField);
-    };
-    const renderSplitColumns = ()=>{
-        const fieldsLen = (fields === null || fields === void 0 ? void 0 : 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 /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            className: "row",
-            children: parts.map((part, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: `col-12 col-lg-${parseInt(maxWidth / columnsQty, 10)}`,
-                    children: part.map(renderFormField)
-                }, `render-fields-row-${i}`))
-        });
-    };
-    const render = cols === 1 ? renderSingleColumn : renderSplitColumns;
-    return render();
-}
+      }));
+    } 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 /*#__PURE__*/React.createElement("div", {
+      className: "row"
+    }, parts.map((part, i) => /*#__PURE__*/React.createElement("div", {
+      key: `render-fields-row-${i}`,
+      className: `col-12 col-lg-${parseInt(maxWidth / columnsQty, 10)}`
+    }, part.map(renderFormField))));
+  };
+  const render = cols === 1 ? renderSingleColumn : renderSplitColumns;
+  return render();
+}

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

@@ -1,21 +1,15 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _react = require("react");
+exports.default = void 0;
+var _react = require("react");
 function usePrevious(value) {
-    const ref = (0, _react.useRef)();
-    (0, _react.useEffect)(()=>{
-        ref.current = value;
-    }, [
-        value
-    ]);
-    return ref.current;
+  const ref = (0, _react.useRef)();
+  (0, _react.useEffect)(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
 }
-const _default = usePrevious;
+var _default = exports.default = usePrevious;