techsbcn-storybook 0.12.10 → 0.13.0

package/dist/components/fields/SelectFieldComponent/SelectAsyncField.d.ts

@@ -8,9 +8,9 @@ interface SelectAsyncFieldProps {
     isMulti?: boolean;
     className?: string;
     disabled?: boolean;
-    onChange?: (value: number, name: string) => void;
-    onChangeValue?: (value: number) => void;
-    onChangeOption?: (value: number, label: string) => void;
+    onChange?: (value: any, name: string) => void;
+    onChangeValue?: (value: any) => void;
+    onChangeOption?: (value: any, label: string) => void;
     searchPromise: (filters: SearchFilters) => Promise<any>;
     invalid?: boolean;
     isClearable?: boolean;

package/dist/components/fields/SelectFieldComponent/SelectField.d.ts

@@ -8,8 +8,8 @@ interface SelectFieldProps {
     isMulti?: boolean;
     className?: string;
     disabled?: boolean;
-    onChange?: (value: number, name: string) => void;
-    onChangeValue?: (value: number) => void;
+    onChange?: (value: any, name: string) => void;
+    onChangeValue?: (value: any) => void;
     invalid?: boolean;
     isClearable?: boolean;
     helperText?: string;

package/dist/techsbcn-storybook.cjs.development.js

@@ -2435,8 +2435,14 @@ var LoginForm = function LoginForm(props) {
   }),
       control = _useForm.control,
       handleSubmit = _useForm.handleSubmit,
+      getValues = _useForm.getValues,
+      trigger = _useForm.trigger,
       errors = _useForm.formState.errors;
 
+  var onHandleKeyChange = function onHandleKeyChange(event) {
+    if (event.key === 'Enter') props.onClick(getValues());
+  };
+
   return React__default.createElement(material.Box, {
     m: 2
   }, props.topComponent && React__default.createElement(material.Box, {
@@ -2469,7 +2475,38 @@ var LoginForm = function LoginForm(props) {
         inputRef: ref,
         onChange: function onChange(e) {
           _onChange(e);
-        }
+        },
+        onKeyUp: function () {
+          var _onKeyUp = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(e) {
+            var result;
+            return runtime_1.wrap(function _callee$(_context) {
+              while (1) {
+                switch (_context.prev = _context.next) {
+                  case 0:
+                    _context.next = 2;
+                    return trigger();
+
+                  case 2:
+                    result = _context.sent;
+
+                    if (result) {
+                      onHandleKeyChange(e);
+                    }
+
+                  case 4:
+                  case "end":
+                    return _context.stop();
+                }
+              }
+            }, _callee);
+          }));
+
+          function onKeyUp(_x) {
+            return _onKeyUp.apply(this, arguments);
+          }
+
+          return onKeyUp;
+        }()
       });
     }
   })), React__default.createElement(material.Grid, {
@@ -2495,6 +2532,37 @@ var LoginForm = function LoginForm(props) {
         onChange: function onChange(e) {
           _onChange2(e);
         },
+        onKeyUp: function () {
+          var _onKeyUp2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(e) {
+            var result;
+            return runtime_1.wrap(function _callee2$(_context2) {
+              while (1) {
+                switch (_context2.prev = _context2.next) {
+                  case 0:
+                    _context2.next = 2;
+                    return trigger();
+
+                  case 2:
+                    result = _context2.sent;
+
+                    if (result) {
+                      onHandleKeyChange(e);
+                    }
+
+                  case 4:
+                  case "end":
+                    return _context2.stop();
+                }
+              }
+            }, _callee2);
+          }));
+
+          function onKeyUp(_x2) {
+            return _onKeyUp2.apply(this, arguments);
+          }
+
+          return onKeyUp;
+        }(),
         endIcon: React__default.createElement(material.IconButton, {
           "aria-label": "toggle password visibility",
           onClick: handleClickShowPassword,
@@ -2525,6 +2593,8 @@ var ChangePasswordForm = function ChangePasswordForm(props) {
   }),
       handleSubmit = _useForm.handleSubmit,
       control = _useForm.control,
+      getValues = _useForm.getValues,
+      trigger = _useForm.trigger,
       errors = _useForm.formState.errors;
 
   var _useState = React.useState(false),
@@ -2539,6 +2609,10 @@ var ChangePasswordForm = function ChangePasswordForm(props) {
     event.preventDefault();
   };
 
+  var onHandleKeyChange = function onHandleKeyChange(event) {
+    if (event.key === 'Enter') props.onClick(getValues());
+  };
+
   return React__default.createElement(_.Box, {
     m: 2
   }, props.topComponent && React__default.createElement(_.Box, {
@@ -2572,6 +2646,37 @@ var ChangePasswordForm = function ChangePasswordForm(props) {
         onChange: function onChange(e) {
           _onChange(e);
         },
+        onKeyUp: function () {
+          var _onKeyUp = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(e) {
+            var result;
+            return runtime_1.wrap(function _callee$(_context) {
+              while (1) {
+                switch (_context.prev = _context.next) {
+                  case 0:
+                    _context.next = 2;
+                    return trigger();
+
+                  case 2:
+                    result = _context.sent;
+
+                    if (result) {
+                      onHandleKeyChange(e);
+                    }
+
+                  case 4:
+                  case "end":
+                    return _context.stop();
+                }
+              }
+            }, _callee);
+          }));
+
+          function onKeyUp(_x) {
+            return _onKeyUp.apply(this, arguments);
+          }
+
+          return onKeyUp;
+        }(),
         endIcon: React__default.createElement(_.IconButton, {
           "aria-label": "toggle password visibility",
           onClick: handleClickShowPassword,
@@ -2603,6 +2708,37 @@ var ChangePasswordForm = function ChangePasswordForm(props) {
         onChange: function onChange(e) {
           _onChange2(e);
         },
+        onKeyUp: function () {
+          var _onKeyUp2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(e) {
+            var result;
+            return runtime_1.wrap(function _callee2$(_context2) {
+              while (1) {
+                switch (_context2.prev = _context2.next) {
+                  case 0:
+                    _context2.next = 2;
+                    return trigger();
+
+                  case 2:
+                    result = _context2.sent;
+
+                    if (result) {
+                      onHandleKeyChange(e);
+                    }
+
+                  case 4:
+                  case "end":
+                    return _context2.stop();
+                }
+              }
+            }, _callee2);
+          }));
+
+          function onKeyUp(_x2) {
+            return _onKeyUp2.apply(this, arguments);
+          }
+
+          return onKeyUp;
+        }(),
         endIcon: React__default.createElement(_.IconButton, {
           "aria-label": "toggle password visibility",
           onClick: handleClickShowPassword,
@@ -2631,8 +2767,14 @@ var ResetPasswordForm = function ResetPasswordForm(props) {
   }),
       control = _useForm.control,
       handleSubmit = _useForm.handleSubmit,
+      getValues = _useForm.getValues,
+      trigger = _useForm.trigger,
       errors = _useForm.formState.errors;
 
+  var onHandleKeyChange = function onHandleKeyChange(event) {
+    if (event.key === 'Enter') props.onClick(getValues());
+  };
+
   return React__default.createElement(material.Box, {
     m: 2
   }, props.topComponent && React__default.createElement(material.Box, {
@@ -2659,7 +2801,38 @@ var ResetPasswordForm = function ResetPasswordForm(props) {
         inputRef: ref,
         onChange: function onChange(e) {
           _onChange(e);
-        }
+        },
+        onKeyUp: function () {
+          var _onKeyUp = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(e) {
+            var result;
+            return runtime_1.wrap(function _callee$(_context) {
+              while (1) {
+                switch (_context.prev = _context.next) {
+                  case 0:
+                    _context.next = 2;
+                    return trigger();
+
+                  case 2:
+                    result = _context.sent;
+
+                    if (result) {
+                      onHandleKeyChange(e);
+                    }
+
+                  case 4:
+                  case "end":
+                    return _context.stop();
+                }
+              }
+            }, _callee);
+          }));
+
+          function onKeyUp(_x) {
+            return _onKeyUp.apply(this, arguments);
+          }
+
+          return onKeyUp;
+        }()
       });
     }
   })), React__default.createElement(material.Box, {