intelicoreact 0.1.18 → 0.1.21

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

@@ -0,0 +1,166 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ObjectWithIterableObjects;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function ObjectWithIterableObjects(_ref) {
+  var form = _ref.form,
+      setForm = _ref.setForm,
+      FormFields = _ref.FormFields;
+
+  var joinData = function joinData() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    var mainArg = args[0];
+    var MainArgProto = Array.isArray(mainArg) ? 'Array' : (0, _typeof2.default)(mainArg) === 'object' ? 'Object' : undefined;
+    var template = Array.isArray(mainArg) ? [] : (0, _typeof2.default)(mainArg) === 'object' ? {} : null;
+    if (!template) return undefined;
+    return args.reduce(function (result, item) {
+      if (MainArgProto === 'Array') {
+        if (Array.isArray(item)) {
+          return [].concat((0, _toConsumableArray2.default)(result), (0, _toConsumableArray2.default)(item));
+        } else {
+          return [].concat((0, _toConsumableArray2.default)(result), [item]);
+        }
+      } else if (MainArgProto === 'Object') {
+        return _objectSpread(_objectSpread({}, result), item);
+      } else {
+        return template;
+      }
+    }, template);
+  };
+
+  var getFieldData = function getFieldData(key) {
+    if (Array.isArray(FormFields)) {
+      return FormFields[key] || FormFields.find(function (f) {
+        return f.key === key;
+      });
+    } else if ((0, _typeof2.default)(FormFields) === 'object') {
+      return FormFields[key] || Object.values(FormFields).find(function (f) {
+        return f.key === key;
+      });
+    } else {
+      return undefined;
+    }
+  };
+
+  var getFormFields = function getFormFields() {
+    return form.fields || form;
+  };
+
+  var getFormField = function getFormField(key) {
+    // eslint-disable-next-line no-undef
+    if (FormProto === 'Array') {
+      return getFormFields().find(function (field) {
+        return field.key === key;
+      }); // eslint-disable-next-line no-undef
+    } else if (FormProto === 'Object') {
+      return Object.values(getFormFields()).find(function (field) {
+        return field.key === key;
+      }) || Object.keys(getFormFields()).reduce(function (result, field) {
+        if (field === key) result = getFormFields()[field];
+        return result;
+      }, {});
+    } else {
+      return undefined;
+    }
+  };
+
+  var setFormFields = function setFormFields(data) {
+    var isFunction = typeof data === 'function';
+    setForm(function (state) {
+      if (state.fields) {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          fields: isFunction ? data(state.fields) : data
+        });
+      } else {
+        return isFunction ? data(state) : data;
+      }
+    });
+  };
+
+  var setFormField = function setFormField(data) {
+    var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    var isFunction = typeof data === 'function';
+    setFormFields(function (fields) {
+      var pop = function pop(fields, key) {
+        var result = {
+          fields: fields,
+          item: undefined
+        };
+        result.item = fields[key] || fields.find(function (f) {
+          return f.key === key;
+        });
+        if (!result.item) return result;
+
+        if (Array.isArray(fields)) {
+          var index = parseInt(key);
+
+          if (!isNaN(index)) {
+            result.fields.splice(key, 1);
+          } else {
+            result.fields = result.fields.filter(function (f) {
+              return f.key !== key;
+            });
+          }
+        } else if ((0, _typeof2.default)(fields) === 'object') {
+          result.fields = Object.values(fields).reduce(function (object, _ref2) {
+            var fKey = _ref2.key;
+
+            if (key !== fKey) {
+              object[key] = fields[key];
+            }
+
+            return object;
+          }, {});
+        }
+
+        return result;
+      };
+
+      var update = function update(fields) {
+        //KEY is NULLable
+        if (!key) {
+          return data.key ? Object.values(fields).reduce(function (result, field, i) {
+            var index = fields[field.key] ? field.key : i;
+            return _objectSpread(_objectSpread({}, result), {}, (0, _defineProperty2.default)({}, index, data.key === field.key ? isFunction ? data(field) : data : field));
+          }, {}) : _objectSpread(_objectSpread({}, fields), {}, (0, _defineProperty2.default)({}, fields.length || 0, isFunction ? data({}) : data));
+        }
+
+        var _pop = pop(fields, key),
+            filtered = _pop.fields,
+            field = _pop.item;
+
+        var updatedField = isFunction ? data(field || {}) : _objectSpread(_objectSpread({}, field), data);
+        return joinData(filtered, fields[key] ? (0, _defineProperty2.default)({}, key, updatedField) : updatedField);
+      };
+
+      return update(fields);
+    });
+  };
+
+  return {
+    joinData: joinData,
+    getFieldData: getFieldData,
+    getFormFields: getFormFields,
+    getFormField: getFormField,
+    setFormFields: setFormFields,
+    setFormField: setFormField
+  };
+}

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

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ObjectWithNamedKeyObjects;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _General2 = _interopRequireDefault(require("../functions/General"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var noop = function noop() {};
+
+function ObjectWithNamedKeyObjects() {
+  var _ref2;
+
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      form = _ref.form,
+      _ref$setForm = _ref.setForm,
+      setForm = _ref$setForm === void 0 ? noop : _ref$setForm,
+      FormFields = _ref.FormFields;
+
+  var _General = (0, _General2.default)({
+    FormFields: FormFields
+  }),
+      joinData = _General.joinData,
+      getFieldData = _General.getFieldData,
+      updateFormField = _General.updateFormField,
+      _getFormFields = _General.getFormFields,
+      _getFormFieldsAsArray = _General.getFormFieldsAsArray,
+      _getFormFieldsKeys = _General.getFormFieldsKeys;
+
+  var getFormField = function getFormField(key) {
+    var _Object$values, _Object$keys;
+
+    var argForm = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : form;
+    return ((_Object$values = Object.values(_getFormFields(argForm))) === null || _Object$values === void 0 ? void 0 : _Object$values.find(function (field) {
+      return (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(function (result, field) {
+      if (field === key) result = _getFormFields(argForm)[field];
+      return result;
+    }, null));
+  };
+
+  var setFormFields = function setFormFields(data) {
+    var isFunction = typeof data === 'function';
+    setForm(function (state) {
+      if (state.fields) {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          fields: isFunction ? data(state.fields) : data
+        });
+      } else {
+        return isFunction ? data(state) : data;
+      }
+    });
+  };
+
+  var setFormField = function setFormField(data) {
+    var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    return setFormFields(function (fields) {
+      return updateFormField(fields, data, key);
+    });
+  };
+
+  var removeAllFormFields = function removeAllFormFields() {
+    return setFormFields({});
+  };
+
+  return _ref2 = {
+    joinData: joinData,
+    getFieldData: getFieldData,
+    getFormFields: _getFormFields,
+    getFormField: getFormField,
+    setFormFields: setFormFields,
+    setFormField: setFormField
+  }, (0, _defineProperty2.default)(_ref2, "getFormFields", function getFormFields() {
+    return _getFormFields(form);
+  }), (0, _defineProperty2.default)(_ref2, "getFormFieldsAsArray", function getFormFieldsAsArray() {
+    return _getFormFieldsAsArray(_getFormFields(form));
+  }), (0, _defineProperty2.default)(_ref2, "getFormFieldsKeys", function getFormFieldsKeys() {
+    return _getFormFieldsKeys(_getFormFields(form));
+  }), (0, _defineProperty2.default)(_ref2, "removeAllFormFields", removeAllFormFields), _ref2;
+}

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

@@ -0,0 +1,158 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = General;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function General() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      form = _ref.form,
+      _ref$FormFields = _ref.FormFields,
+      FormFields = _ref$FormFields === void 0 ? [] : _ref$FormFields;
+
+  var joinData = function joinData() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    var mainArg = args[0];
+    var MainArgProto = Array.isArray(mainArg) ? 'Array' : (0, _typeof2.default)(mainArg) === 'object' ? 'Object' : undefined;
+    var template = Array.isArray(mainArg) ? [] : (0, _typeof2.default)(mainArg) === 'object' ? {} : null;
+    if (!template) return undefined;
+    return args.reduce(function (result, item) {
+      if (MainArgProto === 'Array') {
+        if (Array.isArray(item)) {
+          return [].concat((0, _toConsumableArray2.default)(result), (0, _toConsumableArray2.default)(item));
+        } else {
+          return [].concat((0, _toConsumableArray2.default)(result), [item]);
+        }
+      } else if (MainArgProto === 'Object') {
+        return _objectSpread(_objectSpread({}, result), item);
+      } else {
+        return template;
+      }
+    }, template);
+  };
+
+  var getFieldData = function getFieldData(key) {
+    if (Array.isArray(FormFields)) {
+      if (FormFields[key]) {
+        return _objectSpread({}, FormFields[key]);
+      } else {
+        return _objectSpread({}, FormFields.find(function (f) {
+          return f.key === key;
+        }));
+      }
+    } else if ((0, _typeof2.default)(FormFields) === 'object') {
+      return _objectSpread({}, FormFields[key]) || _objectSpread({}, Object.values(FormFields).find(function (f) {
+        return f.key === key;
+      }));
+    } else {
+      return undefined;
+    }
+  };
+
+  var getFormFields = function getFormFields() {
+    var argForm = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : form;
+    return (argForm === null || argForm === void 0 ? void 0 : argForm.fields) || argForm;
+  };
+
+  var getFormFieldsAsArray = function getFormFieldsAsArray(fields) {
+    if (Array.isArray(fields)) return fields;
+
+    if ((0, _typeof2.default)(fields) === 'object') {
+      return Object.values(fields);
+    }
+
+    return fields;
+  };
+
+  var getFormFieldsKeys = function getFormFieldsKeys() {
+    var fields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getFormFields();
+    if (Array.isArray(fields)) return fields.map(function (_ref2) {
+      var key = _ref2.key;
+      return key;
+    });
+
+    if ((0, _typeof2.default)(fields) === 'object') {
+      return Object.values(fields).map(function (_ref3) {
+        var key = _ref3.key;
+        return key;
+      });
+    }
+
+    return fields;
+  };
+
+  var popFormField = function popFormField(fields, key) {
+    var result = {
+      item: undefined,
+      itemIndex: undefined
+    };
+
+    if (Array.isArray(fields)) {
+      result.item = fields === null || fields === void 0 ? void 0 : fields.find(function (f) {
+        return f.key === key;
+      });
+      result.itemIndex = result.item ? fields.findIndex(function (f) {
+        return f.key === key;
+      }) : fields.length;
+    } else if ((0, _typeof2.default)(fields) === 'object') {
+      result.item = fields[key] || Object.values(fields).find(function (f) {
+        return f.key === key;
+      });
+      result.itemIndex = result.item ? fields[key] ? key : Object.values(fields).findIndex(function (f) {
+        return f.key === key;
+      }) : key;
+    }
+
+    return result;
+  };
+
+  var updateFormField = function updateFormField(fields, data, key) {
+    var isFunction = typeof data === 'function'; //KEY is NULLable
+
+    if (!key) {
+      return data.key ? Object.values(fields).reduce(function (result, field, i) {
+        var index = fields[field.key] ? field.key : i;
+        return _objectSpread(_objectSpread({}, result), {}, (0, _defineProperty2.default)({}, index, data.key === field.key ? isFunction ? data(field) : data : field));
+      }, {}) : _objectSpread(_objectSpread({}, fields), {}, (0, _defineProperty2.default)({}, fields.length || 0, isFunction ? data({}) : data));
+    }
+
+    var _popFormField = popFormField(fields, key),
+        _popFormField$item = _popFormField.item,
+        field = _popFormField$item === void 0 ? data : _popFormField$item,
+        itemIndex = _popFormField.itemIndex;
+
+    fields[itemIndex] = isFunction ? data(field || {}) : _objectSpread(_objectSpread({}, field), data);
+    return fields;
+  };
+
+  var getFieldClassName = function getFieldClassName(key, type) {
+    return "form-".concat(type, "_field-").concat(key);
+  };
+
+  return {
+    joinData: joinData,
+    getFieldData: getFieldData,
+    popFormField: popFormField,
+    updateFormField: updateFormField,
+    getFormFields: getFormFields,
+    getFormFieldsAsArray: getFormFieldsAsArray,
+    getFieldClassName: getFieldClassName,
+    getFormFieldsKeys: getFormFieldsKeys
+  };
+}

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

@@ -0,0 +1,113 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = RenderFields;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var defaultRenderFieldComponent = function defaultRenderFieldComponent() {
+  // eslint-disable-next-line no-console
+  console.error('RenderFields: RenderFieldComponent Property is not recieved!');
+  return null;
+};
+
+var defaultFormDataDriver = function defaultFormDataDriver() {
+  // eslint-disable-next-line no-console
+  console.error('RenderFields: FormDataDriver Property is not recieved!');
+  return null;
+};
+
+var defaultOnFieldChange = function defaultOnFieldChange() {
+  // eslint-disable-next-line no-console
+  console.warn('RenderFields: Be careful, onFieldChange handler is not recieved!');
+  return null;
+};
+
+var defaultOnFieldBlur = function defaultOnFieldBlur() {
+  // eslint-disable-next-line no-console
+  console.warn('RenderFields: Be careful, defaultOnFieldBlur handler is not recieved!');
+  return null;
+};
+
+function RenderFields() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      form = _ref.form,
+      fields = _ref.fields,
+      _ref$cols = _ref.cols,
+      cols = _ref$cols === void 0 ? 1 : _ref$cols,
+      _ref$FormDataDriver = _ref.FormDataDriver,
+      FormDataDriver = _ref$FormDataDriver === void 0 ? defaultFormDataDriver : _ref$FormDataDriver,
+      _ref$RenderFieldCompo = _ref.RenderFieldComponent,
+      RenderFieldComponent = _ref$RenderFieldCompo === void 0 ? defaultRenderFieldComponent : _ref$RenderFieldCompo,
+      _ref$onFieldChange = _ref.onFieldChange,
+      onFieldChange = _ref$onFieldChange === void 0 ? defaultOnFieldChange : _ref$onFieldChange,
+      _ref$onFieldBlur = _ref.onFieldBlur,
+      onFieldBlur = _ref$onFieldBlur === void 0 ? defaultOnFieldBlur : _ref$onFieldBlur;
+
+  var maxColumns = 6;
+  var maxWidth = 12;
+
+  var _FormDataDriver = FormDataDriver({
+    form: form
+  }),
+      getFormField = _FormDataDriver.getFormField;
+
+  var getColumnsQty = function getColumnsQty() {
+    return cols > maxColumns ? maxColumns : cols;
+  };
+
+  var renderFormField = function renderFormField(key) {
+    try {
+      var field = _objectSpread(_objectSpread({}, getFormField(key)), {}, {
+        key: key
+      });
+
+      return /*#__PURE__*/React.createElement(RenderFieldComponent, {
+        key: key,
+        field: field,
+        onChange: function onChange(value) {
+          return onFieldChange(key, value);
+        },
+        onBlur: function onBlur() {
+          return onFieldBlur.apply(void 0, arguments);
+        }
+      });
+    } catch (e) {
+      return null;
+    }
+  };
+
+  var renderSingleColumn = function renderSingleColumn() {
+    return fields.map(renderFormField);
+  };
+
+  var renderSplitColumns = function renderSplitColumns() {
+    var fieldsLen = (fields === null || fields === void 0 ? void 0 : fields.length) || 0;
+    var columnsQty = getColumnsQty() > fieldsLen ? fieldsLen : getColumnsQty();
+    if (!columnsQty) return null;
+    var parts = new Array(columnsQty).fill([]).map(function (v, i) {
+      var startIndex = fieldsLen / columnsQty * i;
+      var endIndex = startIndex + fieldsLen / columnsQty;
+      return fields.slice(startIndex, endIndex);
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: "row"
+    }, parts.map(function (part, i) {
+      return /*#__PURE__*/React.createElement("div", {
+        key: "render-fields-row-".concat(i),
+        className: "col-12 col-lg-".concat(parseInt(maxWidth / columnsQty))
+      }, part.map(renderFormField));
+    }));
+  };
+
+  var render = cols === 1 ? renderSingleColumn : renderSplitColumns;
+  return render();
+}

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

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