@neko-os/ui 0.2.3 → 0.4.0

package/dist/components/form/useNewForm.js

@@ -1 +1,211 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import{assocPath,path}from'ramda';import React from'react';import{validateRules,validateAllFields,normalizeRules}from"./validation";export function useNewForm(){var _ref=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},_ref$initialValues=_ref.initialValues,initialValues=_ref$initialValues===void 0?{}:_ref$initialValues,validate=_ref.validate,onSubmit=_ref.onSubmit;var valuesRef=React.useRef(Object.assign({},initialValues));var errorsRef=React.useRef({});var listenersRef=React.useRef({});var errorListenersRef=React.useRef({});var rulesRegistryRef=React.useRef(new Map());var formApi=React.useMemo(function(){var toKey=function toKey(name){return Array.isArray(name)?name.join('.'):name;};var toPath=function toPath(name){return Array.isArray(name)?name:[name];};var notify=function notify(name){var key=toKey(name);if(listenersRef.current[key]){listenersRef.current[key].forEach(function(cb){return cb(path(toPath(name),valuesRef.current));});}};var notifyError=function notifyError(name){var key=toKey(name);if(errorListenersRef.current[key]){errorListenersRef.current[key].forEach(function(cb){return cb(errorsRef.current[key]);});}};var setFieldValue=function setFieldValue(name,value){valuesRef.current=assocPath(toPath(name),value,valuesRef.current);notify(name);};var getFieldValue=function getFieldValue(name){return path(toPath(name),valuesRef.current);};var getError=function getError(name){var key=toKey(name);return errorsRef.current[key];};var setError=function setError(name,error){var key=toKey(name);if(error){errorsRef.current[key]=error;}else{delete errorsRef.current[key];}notifyError(name);};var clearErrors=function clearErrors(){errorsRef.current={};};var registerListener=function registerListener(name,cb){var key=toKey(name);if(!listenersRef.current[key]){listenersRef.current[key]=[];}listenersRef.current[key].push(cb);return function(){listenersRef.current[key]=listenersRef.current[key].filter(function(fn){return fn!==cb;});};};var registerErrorListener=function registerErrorListener(name,cb){var key=toKey(name);if(!errorListenersRef.current[key]){errorListenersRef.current[key]=[];}errorListenersRef.current[key].push(cb);return function(){errorListenersRef.current[key]=errorListenersRef.current[key].filter(function(fn){return fn!==cb;});};};var registerRules=function registerRules(name,rules){var defaultTrigger=arguments.length>2&&arguments[2]!==undefined?arguments[2]:'onSubmit';if(!rules)return;var key=toKey(name);var rulesArray=normalizeRules(rules).map(function(rule){return Object.assign({},rule,{trigger:rule.trigger||defaultTrigger});});rulesRegistryRef.current.set(key,{path:name,rules:rulesArray});return function(){return rulesRegistryRef.current.delete(key);};};var validateField=function(){var _ref2=_asyncToGenerator(function*(name){var trigger=arguments.length>1&&arguments[1]!==undefined?arguments[1]:'onSubmit';var key=toKey(name);var entry=rulesRegistryRef.current.get(key);if(!entry)return null;var value=path(name,valuesRef.current);var error=yield validateRules(value,entry.rules,trigger);if(error){errorsRef.current[key]=error;}else{delete errorsRef.current[key];}notifyError(name);return error;});return function validateField(_x){return _ref2.apply(this,arguments);};}();var validateForm=function(){var _ref3=_asyncToGenerator(function*(){errorsRef.current={};var rulesErrors=yield validateAllFields(valuesRef.current,rulesRegistryRef.current);var legacyErrors=validate?validate(valuesRef.current)||{}:{};Object.entries(rulesErrors).forEach(function(_ref4){var _ref5=_slicedToArray(_ref4,2),key=_ref5[0],error=_ref5[1];errorsRef.current[key]=error;});Object.entries(legacyErrors).forEach(function(_ref6){var _ref7=_slicedToArray(_ref6,2),key=_ref7[0],error=_ref7[1];if(!errorsRef.current[key]){errorsRef.current[key]=error;}});rulesRegistryRef.current.forEach(function(_,key){notifyError(key);});return Object.keys(errorsRef.current).length===0;});return function validateForm(){return _ref3.apply(this,arguments);};}();var handleSubmit=function(){var _ref8=_asyncToGenerator(function*(){var isValid=yield validateForm();if(!isValid)return;console.log('SUBMIT');onSubmit(valuesRef.current);});return function handleSubmit(){return _ref8.apply(this,arguments);};}();return{setFieldValue:setFieldValue,getFieldValue:getFieldValue,getError:getError,setError:setError,clearErrors:clearErrors,registerListener:registerListener,registerErrorListener:registerErrorListener,registerRules:registerRules,validateField:validateField,handleSubmit:handleSubmit,valuesRef:valuesRef};},[validate,onSubmit]);return formApi;}
+function asyncGeneratorStep(n, t, e, r, o, a, c) {try {var i = n[a](c),u = i.value;} catch (n) {return void e(n);}i.done ? t(u) : Promise.resolve(u).then(r, o);}function _asyncToGenerator(n) {return function () {var t = this,e = arguments;return new Promise(function (r, o) {var a = n.apply(t, e);function _next(n) {asyncGeneratorStep(a, r, o, _next, _throw, "next", n);}function _throw(n) {asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);}_next(void 0);});};}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { assocPath, path } from 'ramda';
+import React from 'react';
+import { validateRules, validateAllFields, normalizeRules } from "./validation";
+
+export function useNewForm() {var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},_ref$initialValues = _ref.initialValues,initialValues = _ref$initialValues === void 0 ? {} : _ref$initialValues,validate = _ref.validate,onSubmit = _ref.onSubmit,onValuesChange = _ref.onValuesChange;
+  var valuesRef = React.useRef(Object.assign({}, initialValues));
+  var initialValuesRef = React.useRef(Object.assign({}, initialValues));
+  var errorsRef = React.useRef({});
+  var listenersRef = React.useRef({});
+  var errorListenersRef = React.useRef({});
+  var rulesRegistryRef = React.useRef(new Map());
+  var callbacksRef = React.useRef({ onSubmit: onSubmit, validate: validate, onValuesChange: onValuesChange });
+
+  callbacksRef.current = { onSubmit: onSubmit, validate: validate, onValuesChange: onValuesChange };
+
+  var formApi = React.useMemo(function () {
+    var toKey = function toKey(name) {return Array.isArray(name) ? name.join('.') : name;};
+    var toPath = function toPath(name) {return Array.isArray(name) ? name : [name];};
+
+    var notify = function notify(name) {
+      var key = toKey(name);
+      if (listenersRef.current[key]) {
+        listenersRef.current[key].forEach(function (cb) {return cb(path(toPath(name), valuesRef.current));});
+      }
+    };
+
+    var notifyAll = function notifyAll() {
+      Object.keys(listenersRef.current).forEach(function (key) {var _listenersRef$current;
+        var keyPath = key.split('.');
+        var value = path(keyPath, valuesRef.current);
+        (_listenersRef$current = listenersRef.current[key]) == null ? void 0 : _listenersRef$current.forEach(function (cb) {return cb(value);});
+      });
+    };
+
+    var notifyError = function notifyError(name) {
+      var key = toKey(name);
+      if (errorListenersRef.current[key]) {
+        errorListenersRef.current[key].forEach(function (cb) {return cb(errorsRef.current[key]);});
+      }
+    };
+
+    var notifyAllErrors = function notifyAllErrors() {
+      Object.keys(errorListenersRef.current).forEach(function (key) {var _errorListenersRef$cu;
+        (_errorListenersRef$cu = errorListenersRef.current[key]) == null ? void 0 : _errorListenersRef$cu.forEach(function (cb) {return cb(errorsRef.current[key]);});
+      });
+    };
+
+    var setFieldValue = function setFieldValue(name, value) {
+      valuesRef.current = assocPath(toPath(name), value, valuesRef.current);
+      notify(name);
+      var fn = callbacksRef.current.onValuesChange;
+      if (fn) fn(name, valuesRef.current);
+    };
+
+    var getFieldValue = function getFieldValue(name) {return path(toPath(name), valuesRef.current);};
+
+    var getFieldsValue = function getFieldsValue() {return Object.assign({}, valuesRef.current);};
+
+    var setFieldsValue = function setFieldsValue(obj) {
+      if (!obj) return;
+      Object.entries(obj).forEach(function (_ref2) {var _ref3 = _slicedToArray(_ref2, 2),key = _ref3[0],value = _ref3[1];
+        valuesRef.current = assocPath(toPath(key), value, valuesRef.current);
+      });
+      notifyAll();
+      var fn = callbacksRef.current.onValuesChange;
+      if (fn) fn(null, valuesRef.current);
+    };
+
+    var resetFields = function resetFields() {
+      valuesRef.current = Object.assign({}, initialValuesRef.current);
+      errorsRef.current = {};
+      notifyAll();
+      notifyAllErrors();
+    };
+
+
+    var getError = function getError(name) {
+      var key = toKey(name);
+      return errorsRef.current[key];
+    };
+
+    var setError = function setError(name, error) {
+      var key = toKey(name);
+      if (error) {
+        errorsRef.current[key] = error;
+      } else {
+        delete errorsRef.current[key];
+      }
+      notifyError(name);
+    };
+
+    var clearErrors = function clearErrors() {
+      errorsRef.current = {};
+    };
+
+    var registerListener = function registerListener(name, cb) {
+      var key = toKey(name);
+      if (!listenersRef.current[key]) {
+        listenersRef.current[key] = [];
+      }
+      listenersRef.current[key].push(cb);
+      return function () {
+        listenersRef.current[key] = listenersRef.current[key].filter(function (fn) {return fn !== cb;});
+      };
+    };
+
+    var registerErrorListener = function registerErrorListener(name, cb) {
+      var key = toKey(name);
+      if (!errorListenersRef.current[key]) {
+        errorListenersRef.current[key] = [];
+      }
+      errorListenersRef.current[key].push(cb);
+      return function () {
+        errorListenersRef.current[key] = errorListenersRef.current[key].filter(function (fn) {return fn !== cb;});
+      };
+    };
+
+    var registerRules = function registerRules(name, rules) {var defaultTrigger = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'onSubmit';
+      if (!rules) return;
+      var key = toKey(name);
+      var rulesArray = normalizeRules(rules).map(function (rule) {return Object.assign({},
+        rule, {
+          trigger: rule.trigger || defaultTrigger });}
+      );
+      rulesRegistryRef.current.set(key, { path: name, rules: rulesArray });
+      return function () {return rulesRegistryRef.current.delete(key);};
+    };
+
+    var validateField = function () {var _ref4 = _asyncToGenerator(function* (name) {var trigger = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'onSubmit';
+        var key = toKey(name);
+        var entry = rulesRegistryRef.current.get(key);
+        if (!entry) return null;
+
+        var value = path(name, valuesRef.current);
+        var error = yield validateRules(value, entry.rules, trigger);
+
+        if (error) {
+          errorsRef.current[key] = error;
+        } else {
+          delete errorsRef.current[key];
+        }
+        notifyError(name);
+        return error;
+      });return function validateField(_x) {return _ref4.apply(this, arguments);};}();
+
+    var validateForm = function () {var _ref5 = _asyncToGenerator(function* () {
+
+        errorsRef.current = {};
+
+
+        var rulesErrors = yield validateAllFields(valuesRef.current, rulesRegistryRef.current);
+
+
+        var validate = callbacksRef.current.validate;
+        var legacyErrors = validate ? validate(valuesRef.current) || {} : {};
+
+
+        Object.entries(rulesErrors).forEach(function (_ref6) {var _ref7 = _slicedToArray(_ref6, 2),key = _ref7[0],error = _ref7[1];
+          errorsRef.current[key] = error;
+        });
+
+
+        Object.entries(legacyErrors).forEach(function (_ref8) {var _ref9 = _slicedToArray(_ref8, 2),key = _ref9[0],error = _ref9[1];
+          if (!errorsRef.current[key]) {
+            errorsRef.current[key] = error;
+          }
+        });
+
+
+        rulesRegistryRef.current.forEach(function (_, key) {
+          notifyError(key);
+        });
+
+        return Object.keys(errorsRef.current).length === 0;
+      });return function validateForm() {return _ref5.apply(this, arguments);};}();
+
+    var validateFields = function () {var _ref0 = _asyncToGenerator(function* () {
+        var isValid = yield validateForm();
+        if (!isValid) return Promise.reject(errorsRef.current);
+        return Object.assign({}, valuesRef.current);
+      });return function validateFields() {return _ref0.apply(this, arguments);};}();
+
+    var handleSubmit = function () {var _ref1 = _asyncToGenerator(function* () {
+        var isValid = yield validateForm();
+        if (!isValid) return;
+        var onSubmit = callbacksRef.current.onSubmit;
+        if (onSubmit) onSubmit(Object.assign({}, valuesRef.current));
+      });return function handleSubmit() {return _ref1.apply(this, arguments);};}();
+
+    return {
+      setFieldValue: setFieldValue,
+      getFieldValue: getFieldValue,
+      getFieldsValue: getFieldsValue,
+      setFieldsValue: setFieldsValue,
+      resetFields: resetFields,
+      getError: getError,
+      setError: setError,
+      clearErrors: clearErrors,
+      registerListener: registerListener,
+      registerErrorListener: registerErrorListener,
+      registerRules: registerRules,
+      validateField: validateField,
+      validateFields: validateFields,
+      handleSubmit: handleSubmit,
+      valuesRef: valuesRef,
+      _callbacksRef: callbacksRef
+    };
+  }, []);
+
+  return formApi;
+}

package/dist/components/form/useWatch.js

@@ -1 +1,70 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import React from'react';import{useFormInstance}from"./Form";export function useWatch(name){var _ref=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},form=_ref.form;var contextForm=useFormInstance();form=form||contextForm;var _React$useState=React.useState(function(){var _form;return(_form=form)==null?void 0:_form.getFieldValue(name);}),_React$useState2=_slicedToArray(_React$useState,2),value=_React$useState2[0],setValue=_React$useState2[1];React.useEffect(function(){if(!form){console.error('No form provided to useWatch. Pass it as params or wrap it inside a <Form> component.');return;}setValue(form.getFieldValue(name));var unsubscribe=form.registerListener(name,function(newValue){setValue(newValue);});return unsubscribe;},[form,name]);return value;}export function useWatchAll(form){var contextForm=useFormInstance();form=form||contextForm;var _React$useState3=React.useState(function(){var _form2;return((_form2=form)==null?void 0:_form2.valuesRef.current)||{};}),_React$useState4=_slicedToArray(_React$useState3,2),values=_React$useState4[0],setValues=_React$useState4[1];var watchedFieldsRef=React.useRef(new Set());React.useEffect(function(){if(!form)return;setValues(Object.assign({},form.valuesRef.current));var checkForNewFields=function checkForNewFields(){var currentFields=Object.keys(form.valuesRef.current);var unsubscribers=[];currentFields.forEach(function(field){if(!watchedFieldsRef.current.has(field)){watchedFieldsRef.current.add(field);var unsub=form.registerListener(field,function(){setValues(Object.assign({},form.valuesRef.current));});unsubscribers.push(unsub);}});return unsubscribers;};var unsubscribers=checkForNewFields();var interval=setInterval(function(){var newUnsubs=checkForNewFields();unsubscribers.push.apply(unsubscribers,_toConsumableArray(newUnsubs));},100);return function(){clearInterval(interval);unsubscribers.forEach(function(unsub){return unsub();});watchedFieldsRef.current.clear();};},[form]);return values;}
+function _toConsumableArray(r) {return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();}function _nonIterableSpread() {throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _iterableToArray(r) {if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);}function _arrayWithoutHoles(r) {if (Array.isArray(r)) return _arrayLikeToArray(r);}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import React from 'react';
+import { useFormInstance } from "./Form";
+
+export function useWatch(name) {var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},form = _ref.form;
+  var contextForm = useFormInstance();
+  form = form || contextForm;
+  var _React$useState = React.useState(function () {var _form;return (_form = form) == null ? void 0 : _form.getFieldValue(name);}),_React$useState2 = _slicedToArray(_React$useState, 2),value = _React$useState2[0],setValue = _React$useState2[1];
+
+  React.useEffect(function () {
+    if (!form) {
+      console.error('No form provided to useWatch. Pass it as params or wrap it inside a <Form> component.');
+      return;
+    }
+
+    setValue(form.getFieldValue(name));
+
+    var unsubscribe = form.registerListener(name, function (newValue) {
+      setValue(newValue);
+    });
+
+    return unsubscribe;
+  }, [form, name]);
+
+  return value;
+}
+
+export function useWatchAll(form) {
+  var contextForm = useFormInstance();
+  form = form || contextForm;
+  var _React$useState3 = React.useState(function () {var _form2;return ((_form2 = form) == null ? void 0 : _form2.valuesRef.current) || {};}),_React$useState4 = _slicedToArray(_React$useState3, 2),values = _React$useState4[0],setValues = _React$useState4[1];
+  var watchedFieldsRef = React.useRef(new Set());
+
+  React.useEffect(function () {
+    if (!form) return;
+
+    setValues(Object.assign({}, form.valuesRef.current));
+
+    var checkForNewFields = function checkForNewFields() {
+      var currentFields = Object.keys(form.valuesRef.current);
+      var unsubscribers = [];
+
+      currentFields.forEach(function (field) {
+        if (!watchedFieldsRef.current.has(field)) {
+          watchedFieldsRef.current.add(field);
+          var unsub = form.registerListener(field, function () {
+            setValues(Object.assign({}, form.valuesRef.current));
+          });
+          unsubscribers.push(unsub);
+        }
+      });
+
+      return unsubscribers;
+    };
+
+    var unsubscribers = checkForNewFields();
+
+    var interval = setInterval(function () {
+      var newUnsubs = checkForNewFields();
+      unsubscribers.push.apply(unsubscribers, _toConsumableArray(newUnsubs));
+    }, 100);
+
+    return function () {
+      clearInterval(interval);
+      unsubscribers.forEach(function (unsub) {return unsub();});
+      watchedFieldsRef.current.clear();
+    };
+  }, [form]);
+
+  return values;
+}

package/dist/components/form/validation/defaultMessages.js

@@ -1 +1,20 @@
-export var defaultMessages={required:'This field is required',type:{email:'Please enter a valid email address',url:'Please enter a valid URL',number:'Please enter a valid number',integer:'Please enter a valid integer'},min:{string:function string(min){return`Must be at least ${min} characters`;},number:function number(min){return`Must be at least ${min}`;},array:function array(min){return`Must have at least ${min} items`;}},max:{string:function string(max){return`Must be at most ${max} characters`;},number:function number(max){return`Must be at most ${max}`;},array:function array(max){return`Must have at most ${max} items`;}},pattern:'Invalid format'};
+export var defaultMessages = {
+  required: 'This field is required',
+  type: {
+    email: 'Please enter a valid email address',
+    url: 'Please enter a valid URL',
+    number: 'Please enter a valid number',
+    integer: 'Please enter a valid integer'
+  },
+  min: {
+    string: function string(min) {return `Must be at least ${min} characters`;},
+    number: function number(min) {return `Must be at least ${min}`;},
+    array: function array(min) {return `Must have at least ${min} items`;}
+  },
+  max: {
+    string: function string(max) {return `Must be at most ${max} characters`;},
+    number: function number(max) {return `Must be at most ${max}`;},
+    array: function array(max) {return `Must have at most ${max} items`;}
+  },
+  pattern: 'Invalid format'
+};

package/dist/components/form/validation/index.js

@@ -1 +1,5 @@
-export{defaultMessages}from"./defaultMessages";export{validators}from"./validators";export{validateRules,validateAllFields}from"./validateRules";export{normalizeRules}from"./normalizeRules";export{shouldValidateOn}from"./shouldValidateOn";
+export { defaultMessages } from "./defaultMessages";
+export { validators } from "./validators";
+export { validateRules, validateAllFields } from "./validateRules";
+export { normalizeRules } from "./normalizeRules";
+export { shouldValidateOn } from "./shouldValidateOn";

package/dist/components/form/validation/normalizeRules.js

@@ -1 +1,22 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";export function normalizeRules(rules){if(!rules)return[];if(Array.isArray(rules))return rules;if(typeof rules==='object'){return Object.entries(rules).map(function(_ref){var _ref2=_slicedToArray(_ref,2),key=_ref2[0],value=_ref2[1];return _defineProperty({},key,value);});}return[];}
+function _defineProperty(e, r, t) {return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e;}function _toPropertyKey(t) {var i = _toPrimitive(t, "string");return "symbol" == typeof i ? i : i + "";}function _toPrimitive(t, r) {if ("object" != typeof t || !t) return t;var e = t[Symbol.toPrimitive];if (void 0 !== e) {var i = e.call(t, r || "default");if ("object" != typeof i) return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return ("string" === r ? String : Number)(t);}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}
+
+
+
+
+
+
+
+
+
+
+
+
+
+export function normalizeRules(rules) {
+  if (!rules) return [];
+  if (Array.isArray(rules)) return rules;
+  if (typeof rules === 'object') {
+    return Object.entries(rules).map(function (_ref) {var _ref2 = _slicedToArray(_ref, 2),key = _ref2[0],value = _ref2[1];return _defineProperty({}, key, value);});
+  }
+  return [];
+}

package/dist/components/form/validation/shouldValidateOn.js

@@ -1 +1,21 @@
-import{normalizeRules}from"./normalizeRules";export function shouldValidateOn(trigger,rules){var validateTrigger=arguments.length>2&&arguments[2]!==undefined?arguments[2]:'onSubmit';if(!rules)return false;var triggers=Array.isArray(validateTrigger)?validateTrigger:[validateTrigger];if(triggers.includes(trigger))return true;var rulesArray=normalizeRules(rules);return rulesArray.some(function(rule){return rule.trigger===trigger||Array.isArray(rule.trigger)&&rule.trigger.includes(trigger);});}
+import { normalizeRules } from "./normalizeRules";
+
+
+
+
+
+
+
+
+export function shouldValidateOn(trigger, rules) {var validateTrigger = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'onSubmit';
+  if (!rules) return false;
+
+  var triggers = Array.isArray(validateTrigger) ? validateTrigger : [validateTrigger];
+  if (triggers.includes(trigger)) return true;
+
+
+  var rulesArray = normalizeRules(rules);
+  return rulesArray.some(
+    function (rule) {return rule.trigger === trigger || Array.isArray(rule.trigger) && rule.trigger.includes(trigger);}
+  );
+}

package/dist/components/form/validation/validateRules.js

@@ -1 +1,83 @@
-import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import{path as getPath}from'ramda';import{validators}from"./validators";export function validateRules(_x,_x2){return _validateRules.apply(this,arguments);}function _validateRules(){_validateRules=_asyncToGenerator(function*(value,rules){var trigger=arguments.length>2&&arguments[2]!==undefined?arguments[2]:'onSubmit';if(!rules||rules.length===0)return null;for(var rule of rules){var ruleTrigger=rule.trigger||'onSubmit';var triggers=Array.isArray(ruleTrigger)?ruleTrigger:[ruleTrigger];if(trigger!=='onSubmit'&&!triggers.includes(trigger)){continue;}var error=null;if(rule.validator){try{yield rule.validator(rule,value);}catch(e){error=e.message||rule.message||'Validation failed';}}else{if(rule.required){error=validators.required(value,rule);}if(!error&&rule.type){error=validators.type(value,rule);}if(!error&&rule.min!==undefined){error=validators.min(value,rule);}if(!error&&rule.max!==undefined){error=validators.max(value,rule);}if(!error&&rule.pattern){error=validators.pattern(value,rule);}}if(error){return error;}}return null;});return _validateRules.apply(this,arguments);}export function validateAllFields(_x3,_x4){return _validateAllFields.apply(this,arguments);}function _validateAllFields(){_validateAllFields=_asyncToGenerator(function*(values,rulesRegistry){var errors={};var validationPromises=[];rulesRegistry.forEach(function(_ref,pathKey){var path=_ref.path,rules=_ref.rules;var value=getPath(path,values);validationPromises.push(validateRules(value,rules,'onSubmit').then(function(error){if(error){errors[pathKey]=error;}}));});yield Promise.all(validationPromises);return errors;});return _validateAllFields.apply(this,arguments);}
+function asyncGeneratorStep(n, t, e, r, o, a, c) {try {var i = n[a](c),u = i.value;} catch (n) {return void e(n);}i.done ? t(u) : Promise.resolve(u).then(r, o);}function _asyncToGenerator(n) {return function () {var t = this,e = arguments;return new Promise(function (r, o) {var a = n.apply(t, e);function _next(n) {asyncGeneratorStep(a, r, o, _next, _throw, "next", n);}function _throw(n) {asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);}_next(void 0);});};}import { path as getPath } from 'ramda';
+import { validators } from "./validators";
+
+
+
+
+
+
+
+
+export function validateRules(_x, _x2) {return _validateRules.apply(this, arguments);}function _validateRules() {_validateRules = _asyncToGenerator(function* (value, rules) {var trigger = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'onSubmit';
+    if (!rules || rules.length === 0) return null;
+
+    for (var rule of rules) {
+      var ruleTrigger = rule.trigger || 'onSubmit';
+      var triggers = Array.isArray(ruleTrigger) ? ruleTrigger : [ruleTrigger];
+
+
+      if (trigger !== 'onSubmit' && !triggers.includes(trigger)) {
+        continue;
+      }
+
+      var error = null;
+
+
+      if (rule.validator) {
+        try {
+          yield rule.validator(rule, value);
+        } catch (e) {
+          error = e.message || rule.message || 'Validation failed';
+        }
+      } else {
+
+        if (rule.required) {
+          error = validators.required(value, rule);
+        }
+        if (!error && rule.type) {
+          error = validators.type(value, rule);
+        }
+        if (!error && rule.min !== undefined) {
+          error = validators.min(value, rule);
+        }
+        if (!error && rule.max !== undefined) {
+          error = validators.max(value, rule);
+        }
+        if (!error && rule.pattern) {
+          error = validators.pattern(value, rule);
+        }
+      }
+
+      if (error) {
+        return error;
+      }
+    }
+
+    return null;
+  });return _validateRules.apply(this, arguments);}
+
+
+
+
+
+
+
+export function validateAllFields(_x3, _x4) {return _validateAllFields.apply(this, arguments);}function _validateAllFields() {_validateAllFields = _asyncToGenerator(function* (values, rulesRegistry) {
+    var errors = {};
+    var validationPromises = [];
+
+    rulesRegistry.forEach(function (_ref, pathKey) {var path = _ref.path,rules = _ref.rules;
+      var value = getPath(path, values);
+
+      validationPromises.push(
+        validateRules(value, rules, 'onSubmit').then(function (error) {
+          if (error) {
+            errors[pathKey] = error;
+          }
+        })
+      );
+    });
+
+    yield Promise.all(validationPromises);
+    return errors;
+  });return _validateAllFields.apply(this, arguments);}

package/dist/components/form/validation/validators.js

@@ -1 +1,82 @@
-import{defaultMessages}from"./defaultMessages";var isEmpty=function isEmpty(value){if(value===undefined||value===null)return true;if(typeof value==='string'&&value.trim()==='')return true;if(Array.isArray(value)&&value.length===0)return true;return false;};export var validators={required:function required(value,rule){if(isEmpty(value)){return rule.message||defaultMessages.required;}return null;},type:function type(value,rule){if(isEmpty(value))return null;var typeValidators={email:function email(v){return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v);},url:function url(v){try{new URL(v);return true;}catch(_unused){return false;}},number:function number(v){return!isNaN(Number(v));},integer:function integer(v){return Number.isInteger(Number(v))&&!isNaN(Number(v));}};var validator=typeValidators[rule.type];if(validator&&!validator(value)){return rule.message||defaultMessages.type[rule.type]||`Invalid ${rule.type}`;}return null;},min:function min(value,rule){if(isEmpty(value))return null;if(typeof value==='string'&&value.length<rule.min){return rule.message||defaultMessages.min.string(rule.min);}if(typeof value==='number'&&value<rule.min){return rule.message||defaultMessages.min.number(rule.min);}if(Array.isArray(value)&&value.length<rule.min){return rule.message||defaultMessages.min.array(rule.min);}return null;},max:function max(value,rule){if(isEmpty(value))return null;if(typeof value==='string'&&value.length>rule.max){return rule.message||defaultMessages.max.string(rule.max);}if(typeof value==='number'&&value>rule.max){return rule.message||defaultMessages.max.number(rule.max);}if(Array.isArray(value)&&value.length>rule.max){return rule.message||defaultMessages.max.array(rule.max);}return null;},pattern:function pattern(value,rule){if(isEmpty(value))return null;var regex=rule.pattern instanceof RegExp?rule.pattern:new RegExp(rule.pattern);if(!regex.test(String(value))){return rule.message||defaultMessages.pattern;}return null;}};
+import { defaultMessages } from "./defaultMessages";
+
+var isEmpty = function isEmpty(value) {
+  if (value === undefined || value === null) return true;
+  if (typeof value === 'string' && value.trim() === '') return true;
+  if (Array.isArray(value) && value.length === 0) return true;
+  return false;
+};
+
+export var validators = {
+  required: function required(value, rule) {
+    if (isEmpty(value)) {
+      return rule.message || defaultMessages.required;
+    }
+    return null;
+  },
+
+  type: function type(value, rule) {
+    if (isEmpty(value)) return null;
+
+    var typeValidators = {
+      email: function email(v) {return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v);},
+      url: function url(v) {
+        try {
+          new URL(v);
+          return true;
+        } catch (_unused) {
+          return false;
+        }
+      },
+      number: function number(v) {return !isNaN(Number(v));},
+      integer: function integer(v) {return Number.isInteger(Number(v)) && !isNaN(Number(v));}
+    };
+
+    var validator = typeValidators[rule.type];
+    if (validator && !validator(value)) {
+      return rule.message || defaultMessages.type[rule.type] || `Invalid ${rule.type}`;
+    }
+    return null;
+  },
+
+  min: function min(value, rule) {
+    if (isEmpty(value)) return null;
+
+    if (typeof value === 'string' && value.length < rule.min) {
+      return rule.message || defaultMessages.min.string(rule.min);
+    }
+    if (typeof value === 'number' && value < rule.min) {
+      return rule.message || defaultMessages.min.number(rule.min);
+    }
+    if (Array.isArray(value) && value.length < rule.min) {
+      return rule.message || defaultMessages.min.array(rule.min);
+    }
+    return null;
+  },
+
+  max: function max(value, rule) {
+    if (isEmpty(value)) return null;
+
+    if (typeof value === 'string' && value.length > rule.max) {
+      return rule.message || defaultMessages.max.string(rule.max);
+    }
+    if (typeof value === 'number' && value > rule.max) {
+      return rule.message || defaultMessages.max.number(rule.max);
+    }
+    if (Array.isArray(value) && value.length > rule.max) {
+      return rule.message || defaultMessages.max.array(rule.max);
+    }
+    return null;
+  },
+
+  pattern: function pattern(value, rule) {
+    if (isEmpty(value)) return null;
+
+    var regex = rule.pattern instanceof RegExp ? rule.pattern : new RegExp(rule.pattern);
+
+    if (!regex.test(String(value))) {
+      return rule.message || defaultMessages.pattern;
+    }
+    return null;
+  }
+};

package/dist/components/helpers/ConditionalLazyRender.js

@@ -1 +1,6 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/helpers/ConditionalLazyRender.js";var _excluded=["children"];import{LazyRender}from"./LazyRender";import{jsx as _jsx}from"react/jsx-runtime";export function ConditionalLazyRender(_ref){var children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);if(!props.delay&&!props.whenVisible&&!props.destroyOffScreen)return children;return _jsx(LazyRender,Object.assign({},props,{children:children}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/helpers/ConditionalLazyRender.js";var _excluded = ["children"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { LazyRender } from "./LazyRender";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function ConditionalLazyRender(_ref) {var children = _ref.children,props = _objectWithoutProperties(_ref, _excluded);
+  if (!props.delay && !props.whenVisible && !props.destroyOffScreen) return children;
+  return _jsx(LazyRender, Object.assign({}, props, { children: children }));
+}

package/dist/components/helpers/LazyAction.js

@@ -1 +1,22 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/helpers/LazyAction.js";var _excluded=["children","disabled","action","minHeight"];import{is}from'ramda';import React from'react';import{LazyRender}from"./LazyRender";import{jsx as _jsx}from"react/jsx-runtime";function InnerContent(_ref){var action=_ref.action;React.useEffect(function(){action==null?void 0:action();},[]);return false;}export function LazyAction(_ref2){var children=_ref2.children,disabled=_ref2.disabled,action=_ref2.action,initMinHeight=_ref2.minHeight,props=_objectWithoutProperties(_ref2,_excluded);if(!action||!is(Function,action)||!!disabled)return false;return _jsx(LazyRender,Object.assign({whenVisible:true,minHeight:2},props,{children:_jsx(InnerContent,{action:action})}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/helpers/LazyAction.js";var _excluded = ["children", "disabled", "action", "minHeight"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { is } from 'ramda';
+import React from 'react';
+
+import { LazyRender } from "./LazyRender";import { jsx as _jsx } from "react/jsx-runtime";
+
+function InnerContent(_ref) {var action = _ref.action;
+  React.useEffect(function () {
+    action == null ? void 0 : action();
+  }, []);
+
+  return false;
+}
+
+export function LazyAction(_ref2) {var children = _ref2.children,disabled = _ref2.disabled,action = _ref2.action,initMinHeight = _ref2.minHeight,props = _objectWithoutProperties(_ref2, _excluded);
+  if (!action || !is(Function, action) || !!disabled) return false;
+
+  return (
+    _jsx(LazyRender, Object.assign({ whenVisible: true, minHeight: 2 }, props, { children:
+      _jsx(InnerContent, { action: action }) })
+    ));
+
+}