@onesy/ui-react 1.0.129 → 1.0.131

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.129",
+  "version": "1.0.131",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar Erić <lazareric1@proton.me>",

package/types.js

@@ -1,2 +1,5 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/useForm/index.js

@@ -1,12 +1,26 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.validate = exports.useForm = exports.default = void 0;
-var useForm_1 = require("./useForm");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(useForm_1).default; } });
-var useForm_2 = require("./useForm");
-Object.defineProperty(exports, "useForm", { enumerable: true, get: function () { return __importDefault(useForm_2).default; } });
-var validate_1 = require("./validate");
-Object.defineProperty(exports, "validate", { enumerable: true, get: function () { return __importDefault(validate_1).default; } });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _useForm.default;
+  }
+});
+Object.defineProperty(exports, "useForm", {
+  enumerable: true,
+  get: function () {
+    return _useForm.default;
+  }
+});
+Object.defineProperty(exports, "validate", {
+  enumerable: true,
+  get: function () {
+    return _validate.default;
+  }
+});
+var _useForm = _interopRequireDefault(require("./useForm"));
+var _validate = _interopRequireDefault(require("./validate"));

package/useForm/useForm.js

@@ -1,180 +1,209 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("@onesy/utils");
-const style_react_1 = require("@onesy/style-react");
-const validate_1 = __importDefault(require("./validate"));
-const useForm = (props) => {
-    const { values: values_ = {}, validate: validate_, rerenderOnUpdate = true, autoValidate, valueDefault, validDefault } = props;
-    const theme = (0, style_react_1.useOnesyTheme)();
-    const l = theme.l;
-    const [form, setForm] = react_1.default.useState({
-        value: valueDefault !== undefined ? valueDefault : {},
-        values: (0, utils_1.copy)(values_ || {}),
-        valid: validDefault !== undefined ? validDefault : false
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("@onesy/utils");
+var _styleReact = require("@onesy/style-react");
+var _validate = _interopRequireDefault(require("./validate"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const useForm = props => {
+  const {
+    values: values_ = {},
+    validate: validate_,
+    rerenderOnUpdate = true,
+    autoValidate,
+    valueDefault,
+    validDefault
+  } = props;
+  const theme = (0, _styleReact.useOnesyTheme)();
+  const l = theme.l;
+  const [form, setForm] = _react.default.useState({
+    value: valueDefault !== undefined ? valueDefault : {},
+    values: (0, _utils.copy)(values_ || {}),
+    valid: validDefault !== undefined ? validDefault : false
+  });
+  const refs = {
+    form: _react.default.useRef(form),
+    value: _react.default.useRef((0, _utils.copy)(valueDefault !== undefined ? valueDefault : {})),
+    values: _react.default.useRef((0, _utils.copy)(values_ || {})),
+    valid: _react.default.useRef(validDefault !== undefined ? validDefault : false)
+  };
+  refs.form.current = form;
+  const init = () => {
+    const formNew = _objectSpread({}, refs.form.current);
+    const {
+      values
+    } = formNew;
+    const value = {};
+    const properties = Object.keys(values);
+    properties.forEach(item => {
+      const valueProperty = values[item];
+      if ((valueProperty === null || valueProperty === void 0 ? void 0 : valueProperty.value) !== undefined) {
+        (0, _utils.setObjectValue)(value, item, (0, _utils.copy)(valueProperty.value));
+      }
     });
-    const refs = {
-        form: react_1.default.useRef(form),
-        value: react_1.default.useRef((0, utils_1.copy)(valueDefault !== undefined ? valueDefault : {})),
-        values: react_1.default.useRef((0, utils_1.copy)(values_ || {})),
-        valid: react_1.default.useRef(validDefault !== undefined ? validDefault : false)
-    };
-    refs.form.current = form;
-    const init = () => {
-        const formNew = Object.assign({}, refs.form.current);
-        const { values } = formNew;
-        const value = {};
-        const properties = Object.keys(values);
-        properties.forEach(item => {
-            const valueProperty = values[item];
-            if ((valueProperty === null || valueProperty === void 0 ? void 0 : valueProperty.value) !== undefined) {
-                (0, utils_1.setObjectValue)(value, item, (0, utils_1.copy)(valueProperty.value));
-            }
-        });
-        // update
-        refs.value.current = value;
-        setForm(previous => {
-            return Object.assign(Object.assign({}, previous), { value });
-        });
-    };
-    react_1.default.useEffect(() => {
-        // init
-        init();
-    }, []);
-    const onChange = async (...args) => {
-        var _a, _b;
-        const formNew = Object.assign({}, refs.form.current);
-        const value = {};
-        const valuesArgs = (0, utils_1.is)('array', args[0]) ? args[0] : [args];
-        const options = (valuesArgs[0][3] || {});
-        const rerenderOnUpdate_ = options.rerenderOnUpdate !== undefined ? options.rerenderOnUpdate : rerenderOnUpdate;
-        const values = refs.values.current;
-        for (const arg of valuesArgs) {
-            const [property_, value_, propertyNested] = arg;
-            let property = values[property_];
-            if (!property) {
-                values[property_] = {
-                    name: (_b = (_a = (propertyNested || property_)) === null || _a === void 0 ? void 0 : _a.split('.')) === null || _b === void 0 ? void 0 : _b.slice(-1)[0],
-                    touched: true
-                };
-                property = values[property_];
-            }
-            if (!propertyNested)
-                property.value = value_;
-            else
-                (0, utils_1.setObjectValue)(property.value, propertyNested, value_);
-            property.touched = true;
-            if (autoValidate) {
-                // Validate the property
-                if (property.required && property.value === undefined) {
-                    const name = (0, utils_1.is)('function', property.propertyNameUpdate) ? property.propertyNameUpdate(property.name) : property.capitalize !== false ? (0, utils_1.capitalize)(property.name) : property.name;
-                    property.error = `${l(name)} ${l('is required')}`;
-                }
-                else {
-                    property.error = undefined;
-                    // validations
-                    try {
-                        await (0, validate_1.default)(property, property_, formNew, { l });
-                    }
-                    catch (error) {
-                        property.error = error.message;
-                    }
-                }
-            }
-        }
-        const properties = Object.keys(values);
-        let valid = autoValidate ? properties.every((item) => {
-            const prop = values[item];
-            return (!prop.error &&
-                (!prop.required ||
-                    prop.value !== undefined));
-        }) : refs.valid.current;
-        if (autoValidate && (0, utils_1.is)('function', validate_))
-            valid = valid && validate_(values, formNew);
-        properties.forEach(item => {
-            const valueProperty = values[item];
-            if ((valueProperty === null || valueProperty === void 0 ? void 0 : valueProperty.value) !== undefined) {
-                (0, utils_1.setObjectValue)(value, item, (0, utils_1.copy)(valueProperty.value));
-            }
-        });
-        // update
-        refs.value.current = value;
-        refs.values.current = values;
-        refs.valid.current = valid;
-        if (rerenderOnUpdate_) {
-            setForm(previous => {
-                return Object.assign(Object.assign({}, previous), { value,
-                    values,
-                    valid });
+
+    // update
+    refs.value.current = value;
+    setForm(previous => {
+      return _objectSpread(_objectSpread({}, previous), {}, {
+        value
+      });
+    });
+  };
+  _react.default.useEffect(() => {
+    // init
+    init();
+  }, []);
+  const onChange = async (...args) => {
+    const formNew = _objectSpread({}, refs.form.current);
+    const value = {};
+    const valuesArgs = (0, _utils.is)('array', args[0]) ? args[0] : [args];
+    const options = valuesArgs[0][3] || {};
+    const rerenderOnUpdate_ = options.rerenderOnUpdate !== undefined ? options.rerenderOnUpdate : rerenderOnUpdate;
+    const values = refs.values.current;
+    for (const arg of valuesArgs) {
+      const [property_, value_, propertyNested] = arg;
+      let property = values[property_];
+      if (!property) {
+        var _ref;
+        values[property_] = {
+          name: (_ref = propertyNested || property_) === null || _ref === void 0 || (_ref = _ref.split('.')) === null || _ref === void 0 ? void 0 : _ref.slice(-1)[0],
+          touched: true
+        };
+        property = values[property_];
+      }
+      if (!propertyNested) property.value = value_;else (0, _utils.setObjectValue)(property.value, propertyNested, value_);
+      property.touched = true;
+      if (autoValidate) {
+        // Validate the property
+        if (property.required && property.value === undefined) {
+          const name = (0, _utils.is)('function', property.propertyNameUpdate) ? property.propertyNameUpdate(property.name) : property.capitalize !== false ? (0, _utils.capitalize)(property.name) : property.name;
+          property.error = `${l(name)} ${l('is required')}`;
+        } else {
+          property.error = undefined;
+
+          // validations
+          try {
+            await (0, _validate.default)(property, property_, formNew, {
+              l
             });
+          } catch (error) {
+            property.error = error.message;
+          }
         }
-    };
-    const validate = async () => {
-        const formNew = Object.assign({}, refs.form.current);
-        const values = refs.values.current;
-        const value = {};
-        const properties = Object.keys(values);
-        for (const item of properties) {
-            const property = values[item];
-            // Validate the property
-            if (property.required && property.value === undefined) {
-                const name = (0, utils_1.is)('function', property.propertyNameUpdate) ? property.propertyNameUpdate(property.name) : property.capitalize !== false ? (0, utils_1.capitalize)(property.name) : property.name;
-                property.error = `${l(name)} ${l('is required')}`;
-            }
-            else {
-                property.error = undefined;
-                // validations
-                try {
-                    await (0, validate_1.default)(property, item, formNew, { l });
-                    property.error = undefined;
-                }
-                catch (error) {
-                    property.error = error.message;
-                }
-            }
-        }
-        let valid = properties.every((item) => {
-            const prop = values[item];
-            return (!prop.error &&
-                (!prop.required ||
-                    prop.value !== undefined));
-        });
-        if ((0, utils_1.is)('function', validate_))
-            valid = valid && validate_(values, formNew);
-        // value
-        properties.forEach(item => {
-            const valueProperty = values[item];
-            if ((valueProperty === null || valueProperty === void 0 ? void 0 : valueProperty.value) !== undefined) {
-                (0, utils_1.setObjectValue)(value, item, (0, utils_1.copy)(valueProperty.value));
-            }
-        });
-        // update
-        refs.value.current = value;
-        refs.values.current = values;
-        refs.valid.current = valid;
-        setForm(previous => {
-            return Object.assign(Object.assign({}, previous), { value,
-                values,
-                valid });
-        });
-        return valid;
-    };
-    const clear = () => {
-        const formNew = Object.assign(Object.assign({}, refs.form.current), { value: (0, utils_1.copy)(valueDefault !== undefined ? valueDefault : {}), values: (0, utils_1.copy)(values_ || {}), valid: validDefault !== undefined ? validDefault : false });
-        // update
-        refs.value.current = formNew.value;
-        refs.values.current = formNew.values;
-        refs.valid.current = formNew.valid;
-        setForm(previous => {
-            return Object.assign(Object.assign({}, previous), formNew);
+      }
+    }
+    const properties = Object.keys(values);
+    let valid = autoValidate ? properties.every(item => {
+      const prop = values[item];
+      return !prop.error && (!prop.required || prop.value !== undefined);
+    }) : refs.valid.current;
+    if (autoValidate && (0, _utils.is)('function', validate_)) valid = valid && validate_(values, formNew);
+    properties.forEach(item => {
+      const valueProperty = values[item];
+      if ((valueProperty === null || valueProperty === void 0 ? void 0 : valueProperty.value) !== undefined) {
+        (0, _utils.setObjectValue)(value, item, (0, _utils.copy)(valueProperty.value));
+      }
+    });
+
+    // update
+    refs.value.current = value;
+    refs.values.current = values;
+    refs.valid.current = valid;
+    if (rerenderOnUpdate_) {
+      setForm(previous => {
+        return _objectSpread(_objectSpread({}, previous), {}, {
+          value,
+          values,
+          valid
         });
-    };
-    return Object.assign(Object.assign({}, form), { value: rerenderOnUpdate ? form.value : refs.value.current, values: rerenderOnUpdate ? form.values : refs.values.current, valid: rerenderOnUpdate ? form.valid : refs.valid.current, init,
-        validate,
-        onChange,
-        clear, updateForm: setForm });
+      });
+    }
+  };
+  const validate = async () => {
+    const formNew = _objectSpread({}, refs.form.current);
+    const values = refs.values.current;
+    const value = {};
+    const properties = Object.keys(values);
+    for (const item of properties) {
+      const property = values[item];
+
+      // Validate the property
+      if (property.required && property.value === undefined) {
+        const name = (0, _utils.is)('function', property.propertyNameUpdate) ? property.propertyNameUpdate(property.name) : property.capitalize !== false ? (0, _utils.capitalize)(property.name) : property.name;
+        property.error = `${l(name)} ${l('is required')}`;
+      } else {
+        property.error = undefined;
+
+        // validations
+        try {
+          await (0, _validate.default)(property, item, formNew, {
+            l
+          });
+          property.error = undefined;
+        } catch (error) {
+          property.error = error.message;
+        }
+      }
+    }
+    let valid = properties.every(item => {
+      const prop = values[item];
+      return !prop.error && (!prop.required || prop.value !== undefined);
+    });
+    if ((0, _utils.is)('function', validate_)) valid = valid && validate_(values, formNew);
+
+    // value
+    properties.forEach(item => {
+      const valueProperty = values[item];
+      if ((valueProperty === null || valueProperty === void 0 ? void 0 : valueProperty.value) !== undefined) {
+        (0, _utils.setObjectValue)(value, item, (0, _utils.copy)(valueProperty.value));
+      }
+    });
+
+    // update
+    refs.value.current = value;
+    refs.values.current = values;
+    refs.valid.current = valid;
+    setForm(previous => {
+      return _objectSpread(_objectSpread({}, previous), {}, {
+        value,
+        values,
+        valid
+      });
+    });
+    return valid;
+  };
+  const clear = () => {
+    const formNew = _objectSpread(_objectSpread({}, refs.form.current), {}, {
+      value: (0, _utils.copy)(valueDefault !== undefined ? valueDefault : {}),
+      values: (0, _utils.copy)(values_ || {}),
+      valid: validDefault !== undefined ? validDefault : false
+    });
+
+    // update
+    refs.value.current = formNew.value;
+    refs.values.current = formNew.values;
+    refs.valid.current = formNew.valid;
+    setForm(previous => {
+      return _objectSpread(_objectSpread({}, previous), formNew);
+    });
+  };
+  return _objectSpread(_objectSpread({}, form), {}, {
+    value: rerenderOnUpdate ? form.value : refs.value.current,
+    values: rerenderOnUpdate ? form.values : refs.values.current,
+    valid: rerenderOnUpdate ? form.valid : refs.valid.current,
+    init,
+    validate,
+    onChange,
+    clear,
+    updateForm: setForm
+  });
 };
-exports.default = useForm;
+var _default = exports.default = useForm;