@neko-os/ui 0.2.2 → 0.3.0

package/dist/components/form/FormItem.js

@@ -1 +1,118 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/form/FormItem.js";var _excluded=["name","label","isAbsolutePath","children","useDefaultValue","rules","validateTrigger"];import React from'react';import{FormGroup,useRelativePath}from"./FormGroup";import{Text}from"../text/Text";import{View}from"../structure/View";import{clearProps}from"../../modifiers/_helpers";import{useFormInstance,useFormState}from"./Form";import{shouldValidateOn}from"./validation";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function FormItem(_ref){var _child$props;var name=_ref.name,label=_ref.label,isAbsolutePath=_ref.isAbsolutePath,children=_ref.children,useDefaultValue=_ref.useDefaultValue,rules=_ref.rules,_ref$validateTrigger=_ref.validateTrigger,validateTrigger=_ref$validateTrigger===void 0?'onSubmit':_ref$validateTrigger,props=_objectWithoutProperties(_ref,_excluded);var form=useFormInstance();var formState=useFormState();var listPath=useRelativePath(name,{isAbsolutePath:isAbsolutePath});var listPathStr=listPath.join('$NEKOJOIN$');var _React$useState=React.useState(form.getFieldValue(listPath)),_React$useState2=_slicedToArray(_React$useState,2),value=_React$useState2[0],setValue=_React$useState2[1];var _React$useState3=React.useState(form.getError(listPath)),_React$useState4=_slicedToArray(_React$useState3,2),error=_React$useState4[0],setError=_React$useState4[1];React.useEffect(function(){return form.registerRules(listPath,rules,validateTrigger);},[listPathStr,JSON.stringify(rules),validateTrigger]);React.useEffect(function(){return form.registerListener(listPath,function(val){return setValue(val);});},[listPathStr]);React.useEffect(function(){return form.registerErrorListener(listPath,function(err){return setError(err);});},[listPathStr]);var handleChange=function handleChange(e){var _e$target$value,_e$target;var val=(_e$target$value=e==null?void 0:(_e$target=e.target)==null?void 0:_e$target.value)!=null?_e$target$value:e;form.setFieldValue(listPath,val);if(shouldValidateOn('onChange',rules,validateTrigger)){form.validateField(listPath,'onChange');}};var handleBlur=function handleBlur(e,originalOnBlur){if(originalOnBlur)originalOnBlur(e);if(shouldValidateOn('onBlur',rules,validateTrigger)){form.validateField(listPath,'onBlur');}};var valueKey='value';if(!!useDefaultValue)valueKey='defaultValue';var child=typeof children==='function'?null:React.Children.only(children);var originalOnBlur=child==null?void 0:(_child$props=child.props)==null?void 0:_child$props.onBlur;var childProps=clearProps(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},valueKey,value===undefined?'':value),"onChange",handleChange),"onBlur",function onBlur(e){return handleBlur(e,originalOnBlur);}),"disabled",(formState==null?void 0:formState.disabled)===true||undefined),"error",!!error||undefined));var content;if(typeof children==='function'){content=children(childProps);}else{content=React.cloneElement(child,Object.assign({},child.props,childProps));}return _jsx(FormGroup,{name:listPath,children:_jsxs(View,Object.assign({},props,{children:[label&&_jsx(Text,{sm:true,marginB:"xxs",children:label}),content,error&&_jsx(Text,{color:"red",children:error})]}))});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/form/FormItem.js";var _excluded = ["name", "label", "isAbsolutePath", "children", "useDefaultValue", "rules", "validateTrigger", "hidden", "valuePropName", "initialValue", "extra", "noStyle"];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;}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 React from 'react';
+
+import { FormGroup, useRelativePath } from "./FormGroup";
+import { Text } from "../text/Text";
+import { View } from "../structure/View";
+import { clearProps } from "../../modifiers/_helpers";
+import { useFormInstance, useFormState } from "./Form";
+import { shouldValidateOn } from "./validation";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+export function FormItem(_ref)
+
+
+
+
+
+
+
+
+
+
+
+
+
+{var _child$props;var name = _ref.name,label = _ref.label,isAbsolutePath = _ref.isAbsolutePath,children = _ref.children,useDefaultValue = _ref.useDefaultValue,rules = _ref.rules,_ref$validateTrigger = _ref.validateTrigger,validateTrigger = _ref$validateTrigger === void 0 ? 'onSubmit' : _ref$validateTrigger,hidden = _ref.hidden,valuePropName = _ref.valuePropName,initialValue = _ref.initialValue,extra = _ref.extra,noStyle = _ref.noStyle,props = _objectWithoutProperties(_ref, _excluded);
+  var form = useFormInstance();
+  var formState = useFormState();
+  var listPath = useRelativePath(name, { isAbsolutePath: isAbsolutePath });
+  var listPathStr = listPath.join('$NEKOJOIN$');
+  var _React$useState = React.useState(form.getFieldValue(listPath)),_React$useState2 = _slicedToArray(_React$useState, 2),value = _React$useState2[0],setValue = _React$useState2[1];
+  var _React$useState3 = React.useState(form.getError(listPath)),_React$useState4 = _slicedToArray(_React$useState3, 2),error = _React$useState4[0],setError = _React$useState4[1];
+
+
+  React.useEffect(function () {
+    if (initialValue !== undefined && form.getFieldValue(listPath) === undefined) {
+      form.setFieldValue(listPath, initialValue);
+    }
+  }, [listPathStr]);
+
+
+  React.useEffect(function () {
+    return form.registerRules(listPath, rules, validateTrigger);
+  }, [listPathStr, JSON.stringify(rules), validateTrigger]);
+
+
+  React.useEffect(function () {
+    return form.registerListener(listPath, function (val) {return setValue(val);});
+  }, [listPathStr]);
+
+
+  React.useEffect(function () {
+    return form.registerErrorListener(listPath, function (err) {return setError(err);});
+  }, [listPathStr]);
+
+  var handleChange = function handleChange(e) {var _e$target$value, _e$target;
+    var val = (_e$target$value = e == null ? void 0 : (_e$target = e.target) == null ? void 0 : _e$target.value) != null ? _e$target$value : e;
+    form.setFieldValue(listPath, val);
+
+    if (shouldValidateOn('onChange', rules, validateTrigger)) {
+      form.validateField(listPath, 'onChange');
+    }
+  };
+
+  var handleBlur = function handleBlur(e, originalOnBlur) {
+    if (originalOnBlur) originalOnBlur(e);
+
+    if (shouldValidateOn('onBlur', rules, validateTrigger)) {
+      form.validateField(listPath, 'onBlur');
+    }
+  };
+
+  var valueKey = valuePropName || 'value';
+  if (!!useDefaultValue) valueKey = 'defaultValue';
+
+  var child = typeof children === 'function' ? null : React.Children.only(children);
+  var originalOnBlur = child == null ? void 0 : (_child$props = child.props) == null ? void 0 : _child$props.onBlur;
+
+  var childProps = clearProps(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},
+  valueKey, value === undefined ? '' : value), "onChange",
+  handleChange), "onBlur",
+  function onBlur(e) {return handleBlur(e, originalOnBlur);}), "disabled",
+  (formState == null ? void 0 : formState.disabled) === true || undefined), "error",
+  !!error || undefined)
+  );
+
+  var content;
+  if (typeof children === 'function') {
+    content = children(childProps);
+  } else {
+    content = React.cloneElement(child, Object.assign({}, child.props, childProps));
+  }
+
+  if (hidden) {
+    return (
+      _jsx(FormGroup, { name: listPath, children:
+        _jsx(View, { hidden: true, children: content }) }
+      ));
+
+  }
+
+  if (noStyle) {
+    return _jsx(FormGroup, { name: listPath, children: content });
+  }
+
+  return (
+    _jsx(FormGroup, { name: listPath, children:
+      _jsxs(View, Object.assign({}, props, { children: [
+        label &&
+        _jsx(Text, { sm: true, marginB: "xxs", children:
+          label }
+        ),
+
+        content,
+        error && _jsx(Text, { color: "red", children: error }),
+        extra && _jsx(View, { marginT: "xxs", children: extra })] })
+      ) }
+    ));
+
+}

package/dist/components/form/FormList.js

@@ -1 +1,143 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/form/FormList.js";import React from'react';import{FormGroup,useRelativePath}from"./FormGroup";import{Text}from"../text/Text";import{useFormInstance}from"./Form";import{shouldValidateOn}from"./validation";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var FormListContext=React.createContext(null);var useFormList=function useFormList(){return React.useContext(FormListContext);};export function FormList(_ref){var name=_ref.name,isAbsolutePath=_ref.isAbsolutePath,children=_ref.children,rules=_ref.rules,_ref$validateTrigger=_ref.validateTrigger,validateTrigger=_ref$validateTrigger===void 0?'onSubmit':_ref$validateTrigger;var form=useFormInstance();var listPath=useRelativePath(name,{isAbsolutePath:isAbsolutePath});var listPathStr=listPath.join('$NEKOJOIN$');var _React$useState=React.useState(form.getError(listPath)),_React$useState2=_slicedToArray(_React$useState,2),error=_React$useState2[0],setError=_React$useState2[1];var keyCounter=React.useRef(0);var keysMap=React.useRef(new WeakMap());React.useEffect(function(){return form.registerRules(listPath,rules,validateTrigger);},[listPathStr,JSON.stringify(rules),validateTrigger]);React.useEffect(function(){return form.registerErrorListener(listPath,function(err){return setError(err);});},[listPathStr]);var generateFields=function generateFields(items){if(!Array.isArray(items))return[];return items.map(function(item,index){var key;if(typeof item==='object'&&item!==null){key=keysMap.current.get(item);if(!key){key=`field_${keyCounter.current++}`;keysMap.current.set(item,key);}}else{key=`field_${keyCounter.current++}`;}return{key:key,name:index};});};var _React$useState3=React.useState(function(){var initial=form.getFieldValue(listPath)||[];return generateFields(initial);}),_React$useState4=_slicedToArray(_React$useState3,2),fields=_React$useState4[0],setFields=_React$useState4[1];React.useEffect(function(){return form.registerListener(listPath,function(val){setFields(generateFields(val));});},[listPathStr]);var validateOnChange=function validateOnChange(){if(shouldValidateOn('onChange',rules,validateTrigger)){form.validateField(listPath,'onChange');}};var add=function add(){var defaultValue=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var current=form.getFieldValue(listPath)||[];form.setFieldValue(listPath,[].concat(_toConsumableArray(current),[defaultValue]));validateOnChange();};var addOn=function addOn(index){var defaultValue=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var current=form.getFieldValue(listPath)||[];form.setFieldValue(listPath,[].concat(_toConsumableArray(current.slice(0,index)),[defaultValue],_toConsumableArray(current.slice(index))));validateOnChange();};var replace=function replace(index,value){var current=form.getFieldValue(listPath)||[];form.setFieldValue(listPath,current.map(function(item,i){return i===index?value:item;}));};var duplicate=function duplicate(index){var current=form.getFieldValue(listPath)||[];var value=current[index];if(!value)return;var clonedValue=typeof value==='object'?Object.assign({},value):value;addOn(index+1,clonedValue);};var move=function move(fromIndex,toIndex){var current=form.getFieldValue(listPath)||[];if(fromIndex<0||fromIndex>=current.length)return;if(toIndex<0||toIndex>=current.length)return;var item=current[fromIndex];var updated=_toConsumableArray(current);updated.splice(fromIndex,1);updated.splice(toIndex,0,item);form.setFieldValue(listPath,updated);};var remove=function remove(index){var current=form.getFieldValue(listPath)||[];form.setFieldValue(listPath,current.filter(function(_,i){return i!==index;}));validateOnChange();};var actions=React.useMemo(function(){return{add:add,addOn:addOn,replace:replace,remove:remove,move:move,duplicate:duplicate};},[listPathStr,rules,validateTrigger]);var content;if(typeof children==='function'){content=children(fields,actions);}else{var child=React.Children.only(children);content=React.cloneElement(child,Object.assign({},child.props,{fields:fields},actions));}return _jsx(FormGroup,{name:listPath,children:_jsxs(FormListContext.Provider,{value:actions,children:[content,error&&_jsx(Text,{color:"red",children:error})]})});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/form/FormList.js";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 { FormGroup, useRelativePath } from "./FormGroup";
+import { Text } from "../text/Text";
+import { useFormInstance } from "./Form";
+import { shouldValidateOn } from "./validation";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+var FormListContext = React.createContext(null);
+var useFormList = function useFormList() {return React.useContext(FormListContext);};
+
+export function FormList(_ref) {var name = _ref.name,isAbsolutePath = _ref.isAbsolutePath,children = _ref.children,rules = _ref.rules,_ref$validateTrigger = _ref.validateTrigger,validateTrigger = _ref$validateTrigger === void 0 ? 'onSubmit' : _ref$validateTrigger;
+  var form = useFormInstance();
+  var listPath = useRelativePath(name, { isAbsolutePath: isAbsolutePath });
+  var listPathStr = listPath.join('$NEKOJOIN$');
+  var _React$useState = React.useState(form.getError(listPath)),_React$useState2 = _slicedToArray(_React$useState, 2),error = _React$useState2[0],setError = _React$useState2[1];
+
+
+  var keyCounter = React.useRef(0);
+
+  var keysMap = React.useRef(new WeakMap());
+
+
+  React.useEffect(function () {
+    return form.registerRules(listPath, rules, validateTrigger);
+  }, [listPathStr, JSON.stringify(rules), validateTrigger]);
+
+
+  React.useEffect(function () {
+    return form.registerErrorListener(listPath, function (err) {return setError(err);});
+  }, [listPathStr]);
+
+  var generateFields = function generateFields(items) {
+    if (!Array.isArray(items)) return [];
+    return items.map(function (item, index) {
+      var key;
+      if (typeof item === 'object' && item !== null) {
+        key = keysMap.current.get(item);
+        if (!key) {
+          key = `field_${keyCounter.current++}`;
+          keysMap.current.set(item, key);
+        }
+      } else {
+        key = `field_${keyCounter.current++}`;
+      }
+      return { key: key, name: index };
+    });
+  };
+
+  var _React$useState3 = React.useState(function () {
+      var initial = form.getFieldValue(listPath) || [];
+      return generateFields(initial);
+    }),_React$useState4 = _slicedToArray(_React$useState3, 2),fields = _React$useState4[0],setFields = _React$useState4[1];
+
+  React.useEffect(function () {
+    return form.registerListener(listPath, function (val) {
+      setFields(generateFields(val));
+    });
+  }, [listPathStr]);
+
+  var validateOnChange = function validateOnChange() {
+    if (shouldValidateOn('onChange', rules, validateTrigger)) {
+      form.validateField(listPath, 'onChange');
+    }
+  };
+
+  var add = function add() {var defaultValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var current = form.getFieldValue(listPath) || [];
+    form.setFieldValue(listPath, [].concat(_toConsumableArray(current), [defaultValue]));
+    validateOnChange();
+  };
+
+  var addOn = function addOn(index) {var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var current = form.getFieldValue(listPath) || [];
+    form.setFieldValue(listPath, [].concat(_toConsumableArray(current.slice(0, index)), [defaultValue], _toConsumableArray(current.slice(index))));
+    validateOnChange();
+  };
+
+  var replace = function replace(index, value) {
+    var current = form.getFieldValue(listPath) || [];
+    form.setFieldValue(
+      listPath,
+      current.map(function (item, i) {return i === index ? value : item;})
+    );
+  };
+
+  var duplicate = function duplicate(index) {
+    var current = form.getFieldValue(listPath) || [];
+    var value = current[index];
+    if (!value) return;
+
+    var clonedValue = typeof value === 'object' ? Object.assign({}, value) : value;
+    addOn(index + 1, clonedValue);
+  };
+
+  var move = function move(fromIndex, toIndex) {
+    var current = form.getFieldValue(listPath) || [];
+    if (fromIndex < 0 || fromIndex >= current.length) return;
+    if (toIndex < 0 || toIndex >= current.length) return;
+    var item = current[fromIndex];
+    var updated = _toConsumableArray(current);
+    updated.splice(fromIndex, 1);
+    updated.splice(toIndex, 0, item);
+    form.setFieldValue(listPath, updated);
+  };
+
+  var remove = function remove(index) {
+    var current = form.getFieldValue(listPath) || [];
+    form.setFieldValue(
+      listPath,
+      current.filter(function (_, i) {return i !== index;})
+    );
+    validateOnChange();
+  };
+
+  var actions = React.useMemo(
+    function () {return {
+        add: add,
+        addOn: addOn,
+        replace: replace,
+        remove: remove,
+        move: move,
+        duplicate: duplicate
+      };},
+    [listPathStr, rules, validateTrigger]
+  );
+
+  var content;
+  if (typeof children === 'function') {
+    content = children(fields, actions);
+  } else {
+    var child = React.Children.only(children);
+    content = React.cloneElement(child, Object.assign({}, child.props, { fields: fields }, actions));
+  }
+
+  return (
+    _jsx(FormGroup, { name: listPath, children:
+      _jsxs(FormListContext.Provider, { value: actions, children: [
+        content,
+        error && _jsx(Text, { color: "red", children: error })] }
+      ) }
+    ));
+
+}

package/dist/components/form/FormWrapperComponent.js

@@ -1 +1,52 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/form/FormWrapperComponent.js";var _excluded=["children","form"];import{pipe}from'ramda';import{useBackgroundModifier}from"../../modifiers/background";import{useBorderModifier}from"../../modifiers/border";import{useDisplayModifier}from"../../modifiers/display";import{useFlexModifier}from"../../modifiers/flex";import{useFlexWrapperModifier}from"../../modifiers/flexWrapper";import{useFormState}from"./Form";import{useMarginModifier}from"../../modifiers/margin";import{usePaddingModifier}from"../../modifiers/padding";import{usePositionModifier}from"../../modifiers/position";import{useShadowModifier}from"../../modifiers/shadow";import{useSizeModifier}from"../../modifiers/size";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function FormWrapperComponent(_ref){var children=_ref.children,form=_ref.form,rootProps=_objectWithoutProperties(_ref,_excluded);var formState=useFormState();var _pipe=pipe(useDisplayModifier,useSizeModifier,usePositionModifier,usePaddingModifier,useMarginModifier,useFlexWrapperModifier,useFlexModifier,useBackgroundModifier,useBorderModifier,useShadowModifier)([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_=_pipe2[0],props=_pipe2[1];var handleSubmit=function handleSubmit(e){e.preventDefault();if(formState!=null&&formState.loading||formState!=null&&formState.disabled)return;form.handleSubmit();};return _jsxs("form",Object.assign({onSubmit:handleSubmit},props,{children:[children,_jsx("input",{type:"submit",style:{display:'none'}})]}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/form/FormWrapperComponent.js";var _excluded = ["children", "form", "onSubmit"];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;}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 { pipe } from 'ramda';
+
+import { useBackgroundModifier } from "../../modifiers/background";
+import { useBorderModifier } from "../../modifiers/border";
+import { useDisplayModifier } from "../../modifiers/display";
+import { useFlexModifier } from "../../modifiers/flex";
+import { useFlexWrapperModifier } from "../../modifiers/flexWrapper";
+import { useFormState } from "./Form";
+import { useMarginModifier } from "../../modifiers/margin";
+import { usePaddingModifier } from "../../modifiers/padding";
+import { usePositionModifier } from "../../modifiers/position";
+import { useShadowModifier } from "../../modifiers/shadow";
+import { useSizeModifier } from "../../modifiers/size";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+export function FormWrapperComponent(_ref) {var children = _ref.children,form = _ref.form,onSubmit = _ref.onSubmit,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var formState = useFormState();
+  var _pipe = pipe(
+      useDisplayModifier,
+
+      useSizeModifier,
+      usePositionModifier,
+      usePaddingModifier,
+      useMarginModifier,
+      useFlexWrapperModifier,
+      useFlexModifier,
+      useBackgroundModifier,
+      useBorderModifier,
+      useShadowModifier
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_ = _pipe2[0],props = _pipe2[1];
+
+  var handleSubmit = function () {var _ref2 = _asyncToGenerator(function* (e) {
+      e.preventDefault();
+      if (formState != null && formState.loading || formState != null && formState.disabled) return;
+      if (onSubmit) {
+        try {
+          var values = yield form.validateFields();
+          onSubmit(values);
+        } catch (e) {
+
+        }
+      } else {
+        form.handleSubmit();
+      }
+    });return function handleSubmit(_x) {return _ref2.apply(this, arguments);};}();
+
+  return (
+    _jsxs("form", Object.assign({ onSubmit: handleSubmit }, props, { children: [
+      children,
+      _jsx("input", { type: "submit", style: { display: 'none' } })] })
+    ));
+
+}

package/dist/components/form/FormWrapperComponent.native.js

@@ -1 +1,5 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/form/FormWrapperComponent.native.js";var _excluded=["children"];import{View}from"../structure/View";import{jsx as _jsx}from"react/jsx-runtime";export function FormWrapperComponent(_ref){var children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);return _jsx(View,Object.assign({},props,{children:children}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/form/FormWrapperComponent.native.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 { View } from "../structure/View";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function FormWrapperComponent(_ref) {var children = _ref.children,props = _objectWithoutProperties(_ref, _excluded);
+  return _jsx(View, Object.assign({}, props, { children: children }));
+}

package/dist/components/form/SubmitButton.js

@@ -1 +1,22 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/form/SubmitButton.js";var _excluded=["form","disabled","Wrapper"];import{Button}from"../actions/Button";import{useFormInstance,useFormState}from"./Form";import{jsx as _jsx}from"react/jsx-runtime";export function SubmitButton(_ref){var form=_ref.form,disabled=_ref.disabled,Wrapper=_ref.Wrapper,props=_objectWithoutProperties(_ref,_excluded);var formState=useFormState();var contextForm=useFormInstance();form=form||contextForm;disabled=(formState==null?void 0:formState.disabled)||disabled;Wrapper=Wrapper||Button;var handleSubmit=function handleSubmit(){if(!form){console.error('No form provided to useWatch. Pass it as params or wrap it inside a <Form> component.');return;}form.handleSubmit();};return _jsx(Wrapper,Object.assign({},props,{disabled:disabled,onPress:handleSubmit}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/form/SubmitButton.js";var _excluded = ["form", "disabled", "Wrapper"];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 { Button } from "../actions/Button";
+import { useFormInstance, useFormState } from "./Form";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function SubmitButton(_ref) {var form = _ref.form,disabled = _ref.disabled,Wrapper = _ref.Wrapper,props = _objectWithoutProperties(_ref, _excluded);
+  var formState = useFormState();
+  var contextForm = useFormInstance();
+  form = form || contextForm;
+  disabled = (formState == null ? void 0 : formState.disabled) || disabled;
+
+  Wrapper = Wrapper || Button;
+
+  var handleSubmit = function handleSubmit() {
+    if (!form) {
+      console.error('No form provided to useWatch. Pass it as params or wrap it inside a <Form> component.');
+      return;
+    }
+
+    form.handleSubmit();
+  };
+
+  return _jsx(Wrapper, Object.assign({}, props, { disabled: disabled, onPress: handleSubmit }));
+}

package/dist/components/form/index.js

@@ -1 +1,9 @@
-export*from"./Form";export*from"./FormItem";export*from"./FormList";export*from"./FormWrapperComponent";export*from"./FormGroup";export*from"./useNewForm";export*from"./useWatch";export*from"./SubmitButton";export*from"./validation";
+export * from "./Form";
+export * from "./FormItem";
+export * from "./FormList";
+export * from "./FormWrapperComponent";
+export * from "./FormGroup";
+export * from "./useNewForm";
+export * from "./useWatch";
+export * from "./SubmitButton";
+export * from "./validation";