techsbcn-storybook 0.2.1 → 0.2.2

package/dist/components/fields/TextFieldComponent/TextFieldComponent.d.ts

@@ -28,5 +28,5 @@ interface TextFieldComponentProps {
     onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     step?: number | string;
 }
-declare const TextFieldComponent: React.FC<TextFieldComponentProps>;
-export default TextFieldComponent;
+export declare const TextFieldComponent: React.FC<TextFieldComponentProps>;
+export {};

package/dist/components/forms/ChangePasswordForm.d.ts

@@ -16,5 +16,5 @@ interface ChangePasswordFormProps {
         placeholder2?: string;
     };
 }
-declare const ChangePasswordForm: React.FC<ChangePasswordFormProps>;
-export default ChangePasswordForm;
+export declare const ChangePasswordForm: React.FC<ChangePasswordFormProps>;
+export {};

package/dist/components/forms/LoginForm.d.ts

@@ -16,5 +16,5 @@ interface LoginFormProps {
         placeholder2?: string;
     };
 }
-declare const LoginForm: React.FC<LoginFormProps>;
-export default LoginForm;
+export declare const LoginForm: React.FC<LoginFormProps>;
+export {};

package/dist/components/forms/ResetPasswordForm.d.ts

@@ -13,5 +13,5 @@ interface resetPasswordFormProps {
         placeholder?: string;
     };
 }
-declare const ResetPasswordForm: React.FC<resetPasswordFormProps>;
-export default ResetPasswordForm;
+export declare const ResetPasswordForm: React.FC<resetPasswordFormProps>;
+export {};

package/dist/components/wrappers/PublicFormWrapper/PublicFormWrapper.d.ts

@@ -3,5 +3,5 @@ import './PublicFormWrapper.scss';
 interface PublicFormWrapperProps {
     className?: string;
 }
-declare const PublicFormWrapper: React.FC<PublicFormWrapperProps>;
-export default PublicFormWrapper;
+export declare const PublicFormWrapper: React.FC<PublicFormWrapperProps>;
+export {};

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

@@ -6,12 +6,12 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var React = require('react');
 var React__default = _interopDefault(React);
-require('@mui/material');
+var material = require('@mui/material');
 var _ = require('@mui/material/');
-require('yup');
-require('react-hook-form');
-require('@hookform/resolvers/yup');
-require('@mui/icons-material');
+var yup = require('yup');
+var reactHookForm = require('react-hook-form');
+var yup$1 = require('@hookform/resolvers/yup');
+var iconsMaterial = require('@mui/icons-material');
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -43,6 +43,21 @@ function styleInject(css, ref) {
 var css_248z = ".public-form-wrapper .wrapper-box {\n  background: white;\n  border-radius: 5px;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;\n}";
 styleInject(css_248z);
 
+var PublicFormWrapper = function PublicFormWrapper(props) {
+  return React__default.createElement(material.Box, {
+    height: "100%",
+    className: "public-form-wrapper " + (props.className ? props.className : ''),
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  }, React__default.createElement(material.Container, {
+    maxWidth: "xs"
+  }, React__default.createElement(material.Box, {
+    className: "wrapper-box",
+    p: 1
+  }, props.children)));
+};
+
 var css_248z$1 = ".MuiButton-root {\n  width: auto;\n  padding: 0.8rem 1rem !important;\n  text-transform: inherit !important;\n  line-height: inherit !important;\n  font-size: calc(12pt + (14 - 12) * calc(100vw - 300px)/1300) !important;\n  box-shadow: none !important;\n}\n.MuiButton-root.btn-login {\n  width: 100%;\n}\n.MuiButton-root.btn-modal-cancel {\n  background-color: #666666 !important;\n}\n.MuiButton-root:hover {\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;\n}\n.MuiButton-root .MuiCircularProgress-root {\n  color: white !important;\n}\n.MuiButton-root .MuiButton-label {\n  font-size: calc(12pt + (14 - 12) * calc(100vw - 300px)/1300) !important;\n}\n.MuiButton-root .MuiButton-label .MuiCircularProgress-root {\n  color: white !important;\n}";
 styleInject(css_248z$1);
 
@@ -64,5 +79,321 @@ var ButtonComponent = function ButtonComponent(props) {
 var css_248z$2 = ".text-field-component .MuiFormLabel-root + .MuiInputBase-formControl {\n  margin-top: 22px !important;\n}\n.text-field-component .MuiInputBase-root {\n  color: grey !important;\n  border: 1px solid grey;\n  padding: 0.43rem 0.87rem;\n  background-color: white !important;\n  border-radius: 3px !important;\n}\n.text-field-component .MuiInputBase-root.Mui-error {\n  border: 1px solid #F24726 !important;\n}\n.text-field-component .MuiInputBase-root:not(.Mui-disabled):hover {\n  border: 1px solid grey;\n}\n.text-field-component .MuiInputBase-root.Mui-focused {\n  border: 1px solid grey;\n}\n.text-field-component .MuiInputBase-root .MuiInputBase-input {\n  color: #666666 !important;\n  background-color: white !important;\n}\n.text-field-component .MuiInputBase-root .MuiInputBase-input::placeholder {\n  text-overflow: ellipsis !important;\n  color: #666666 !important;\n  opacity: 1;\n}\n.text-field-component .MuiInputBase-root .Mui-disabled {\n  -webkit-text-fill-color: #666666 !important;\n}\n.text-field-component .MuiFormHelperText-root {\n  padding: 0 !important;\n  font-size: 0.85rem !important;\n}";
 styleInject(css_248z$2);
 
+var TextFieldComponent = function TextFieldComponent(props) {
+  return React__default.createElement(_.Box, {
+    className: "text-field-component",
+    width: "100%"
+  }, React__default.createElement(_.TextField, {
+    error: props.error,
+    id: props.id,
+    label: props.label,
+    defaultValue: props.value,
+    className: props.className,
+    required: props.required,
+    disabled: props.disabled,
+    type: props.type,
+    placeholder: props.placeholder,
+    autoComplete: props.autoComplete,
+    variant: "standard",
+    ref: props.inputRef,
+    InputProps: {
+      disableUnderline: true,
+      startAdornment: props.startIcon,
+      endAdornment: props.endIcon,
+      inputProps: {
+        max: props.maxNumber,
+        min: props.minNumber,
+        step: props.step
+      }
+    },
+    InputLabelProps: {
+      shrink: true
+    },
+    helperText: props.helperText,
+    fullWidth: props.fullWidth,
+    multiline: props.multiline,
+    rows: props.rows,
+    onChange: props.onChange,
+    onKeyUp: props.onKeyUp,
+    inputProps: {
+      maxLength: props.maxLength,
+      step: props.step,
+      max: props.maxNumber,
+      min: props.minNumber
+    }
+  }));
+};
+TextFieldComponent.defaultProps = {
+  fullWidth: true,
+  type: 'text'
+};
+
+var LoginForm = function LoginForm(props) {
+  var LoginSchema = yup.object().shape({
+    email: yup.string().required(props.requiredText.requiredTextMail),
+    password: yup.string().required(props.requiredText.requiredTextPassword)
+  });
+
+  var _useState = React.useState(false),
+      showPassword = _useState[0],
+      setShownPassword = _useState[1];
+
+  var handleClickShowPassword = function handleClickShowPassword() {
+    setShownPassword(!showPassword);
+  };
+
+  var _useForm = reactHookForm.useForm({
+    resolver: yup$1.yupResolver(LoginSchema)
+  }),
+      control = _useForm.control,
+      handleSubmit = _useForm.handleSubmit,
+      errors = _useForm.formState.errors;
+
+  return React__default.createElement(material.Box, {
+    m: 2
+  }, props.topComponent && React__default.createElement(material.Box, {
+    m: 2
+  }, props.topComponent), React__default.createElement(material.Box, {
+    my: 2
+  }, React__default.createElement(material.Grid, {
+    container: true,
+    direction: "column",
+    spacing: 1
+  }, React__default.createElement(material.Grid, {
+    item: true
+  }, React__default.createElement(reactHookForm.Controller, {
+    control: control,
+    name: 'email',
+    render: function render(_ref) {
+      var _errors$email;
+
+      var _ref$field = _ref.field,
+          _onChange = _ref$field.onChange,
+          name = _ref$field.name,
+          ref = _ref$field.ref;
+      return React__default.createElement(TextFieldComponent, {
+        label: props.valuesText.text1,
+        placeholder: props.valuesText.placeholder1,
+        autoComplete: "email",
+        error: !!errors.email,
+        helperText: (_errors$email = errors.email) == null ? void 0 : _errors$email.message,
+        name: name,
+        inputRef: ref,
+        onChange: function onChange(e) {
+          _onChange(e);
+        }
+      });
+    }
+  })), React__default.createElement(material.Grid, {
+    item: true
+  }, React__default.createElement(reactHookForm.Controller, {
+    control: control,
+    name: 'password',
+    render: function render(_ref2) {
+      var _errors$password;
+
+      var _ref2$field = _ref2.field,
+          _onChange2 = _ref2$field.onChange,
+          name = _ref2$field.name,
+          ref = _ref2$field.ref;
+      return React__default.createElement(TextFieldComponent, {
+        label: props.valuesText.text2,
+        placeholder: props.valuesText.placeholder2,
+        type: showPassword ? 'text' : 'password',
+        error: !!errors.password,
+        helperText: (_errors$password = errors.password) == null ? void 0 : _errors$password.message,
+        name: name,
+        inputRef: ref,
+        onChange: function onChange(e) {
+          _onChange2(e);
+        },
+        endIcon: React__default.createElement(material.IconButton, {
+          "aria-label": "toggle password visibility",
+          onClick: handleClickShowPassword,
+          size: "small"
+        }, showPassword ? React__default.createElement(iconsMaterial.Visibility, null) : React__default.createElement(iconsMaterial.VisibilityOff, null))
+      });
+    }
+  })))), React__default.createElement(material.Box, {
+    mb: 5
+  }, React__default.createElement(ButtonComponent, {
+    label: props.valuesText.buttonText,
+    loading: props.loading,
+    className: "btn-login",
+    onClick: handleSubmit(props.onClick)
+  })), props.bottomComponent && React__default.createElement(material.Box, {
+    m: 2
+  }, props.bottomComponent));
+};
+
+var ChangePasswordForm = function ChangePasswordForm(props) {
+  var validationSchema = yup.object().shape({
+    password: yup.string().required(props.requiredText.requiredTextPassword),
+    passwordConfirmation: yup.string().when('password', function (password, schema) {
+      if (password) return schema.required(props.requiredText.requiredTextPassword);
+    }).oneOf([yup.ref('password'), null], props.requiredText.requiredTextSamePassword)
+  });
+
+  var _useForm = reactHookForm.useForm({
+    resolver: yup$1.yupResolver(validationSchema)
+  }),
+      handleSubmit = _useForm.handleSubmit,
+      control = _useForm.control,
+      errors = _useForm.formState.errors;
+
+  var _useState = React.useState(false),
+      showPassword = _useState[0],
+      setShownPassword = _useState[1];
+
+  var handleClickShowPassword = function handleClickShowPassword() {
+    setShownPassword(!showPassword);
+  };
+
+  var handleMouseDownPassword = function handleMouseDownPassword(event) {
+    event.preventDefault();
+  };
+
+  return React__default.createElement(_.Box, null, props.topComponent && React__default.createElement(_.Box, {
+    m: 2
+  }, props.topComponent), React__default.createElement(_.Box, {
+    m: 2
+  }, React__default.createElement(_.Grid, {
+    container: true,
+    direction: "column",
+    spacing: 1
+  }, React__default.createElement(_.Grid, {
+    item: true
+  }, React__default.createElement(reactHookForm.Controller, {
+    control: control,
+    name: 'password',
+    render: function render(_ref) {
+      var _errors$password;
+
+      var _ref$field = _ref.field,
+          _onChange = _ref$field.onChange,
+          name = _ref$field.name,
+          ref = _ref$field.ref;
+      return React__default.createElement(TextFieldComponent, {
+        label: props.valuesText.text1,
+        type: showPassword ? 'text' : 'password',
+        error: !!errors.password,
+        placeholder: props.valuesText.placeholder1,
+        helperText: (_errors$password = errors.password) == null ? void 0 : _errors$password.message,
+        name: name,
+        inputRef: ref,
+        onChange: function onChange(e) {
+          _onChange(e);
+        },
+        endIcon: React__default.createElement(_.IconButton, {
+          "aria-label": "toggle password visibility",
+          onClick: handleClickShowPassword,
+          onMouseDown: handleMouseDownPassword,
+          size: "small"
+        }, showPassword ? React__default.createElement(iconsMaterial.Visibility, null) : React__default.createElement(iconsMaterial.VisibilityOff, null))
+      });
+    }
+  })), React__default.createElement(_.Grid, {
+    item: true
+  }, React__default.createElement(reactHookForm.Controller, {
+    control: control,
+    name: 'passwordConfirmation',
+    render: function render(_ref2) {
+      var _errors$passwordConfi;
+
+      var _ref2$field = _ref2.field,
+          _onChange2 = _ref2$field.onChange,
+          name = _ref2$field.name,
+          ref = _ref2$field.ref;
+      return React__default.createElement(TextFieldComponent, {
+        label: props.valuesText.text2,
+        placeholder: props.valuesText.placeholder2,
+        type: showPassword ? 'text' : 'password',
+        error: !!errors.passwordConfirmation,
+        helperText: (_errors$passwordConfi = errors.passwordConfirmation) == null ? void 0 : _errors$passwordConfi.message,
+        name: name,
+        inputRef: ref,
+        onChange: function onChange(e) {
+          _onChange2(e);
+        },
+        endIcon: React__default.createElement(_.IconButton, {
+          "aria-label": "toggle password visibility",
+          onClick: handleClickShowPassword,
+          onMouseDown: handleMouseDownPassword,
+          size: "small"
+        }, showPassword ? React__default.createElement(iconsMaterial.Visibility, null) : React__default.createElement(iconsMaterial.VisibilityOff, null))
+      });
+    }
+  })))), React__default.createElement(_.Box, {
+    m: 2
+  }, React__default.createElement(ButtonComponent, {
+    label: props.valuesText.buttonText,
+    className: "btn-login",
+    onClick: handleSubmit(props.onClick),
+    loading: props.loading
+  })), props.bottomComponent && React__default.createElement(_.Box, {
+    m: 2
+  }, props.bottomComponent));
+};
+
+var ResetPasswordForm = function ResetPasswordForm(props) {
+  var ResetSchema = yup.object().shape({
+    email: yup.string().required(props.requiredText.requiredTextMail)
+  });
+
+  var _useForm = reactHookForm.useForm({
+    resolver: yup$1.yupResolver(ResetSchema)
+  }),
+      control = _useForm.control,
+      handleSubmit = _useForm.handleSubmit,
+      errors = _useForm.formState.errors;
+
+  return React__default.createElement(material.Box, {
+    m: 2
+  }, props.topComponent && React__default.createElement(material.Box, {
+    m: 2
+  }, props.topComponent), React__default.createElement(material.Box, {
+    mx: 2,
+    my: 2
+  }, React__default.createElement(reactHookForm.Controller, {
+    control: control,
+    name: 'email',
+    render: function render(_ref) {
+      var _errors$email;
+
+      var _ref$field = _ref.field,
+          _onChange = _ref$field.onChange,
+          name = _ref$field.name,
+          ref = _ref$field.ref;
+      return React__default.createElement(TextFieldComponent, {
+        label: props.valuesText.text,
+        placeholder: props.valuesText.placeholder,
+        autoComplete: "email",
+        error: !!errors.email,
+        helperText: (_errors$email = errors.email) == null ? void 0 : _errors$email.message,
+        name: name,
+        inputRef: ref,
+        onChange: function onChange(e) {
+          _onChange(e);
+        }
+      });
+    }
+  })), React__default.createElement(material.Box, {
+    mx: 2,
+    mb: 5
+  }, React__default.createElement(ButtonComponent, {
+    label: props.valuesText.buttonText,
+    className: "btn-login",
+    onClick: handleSubmit(props.onClick),
+    loading: props.loading
+  })), props.bottomComponent && React__default.createElement(material.Box, {
+    m: 2
+  }, props.bottomComponent));
+};
+
 exports.ButtonComponent = ButtonComponent;
+exports.ChangePasswordForm = ChangePasswordForm;
+exports.LoginForm = LoginForm;
+exports.PublicFormWrapper = PublicFormWrapper;
+exports.ResetPasswordForm = ResetPasswordForm;
+exports.TextFieldComponent = TextFieldComponent;
 //# sourceMappingURL=techsbcn-storybook.cjs.development.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"techsbcn-storybook.cjs.development.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/fields/ButtonComponent/ButtonComponent.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\r\nimport { Button, CircularProgress } from '@mui/material/';\r\nimport './ButtonComponent.scss';\r\n\r\nexport interface ButtonComponentProps {\r\n  className?: string;\r\n  label?: string;\r\n  startIcon?: React.ReactNode;\r\n  endIcon?: React.ReactNode;\r\n  onClick?: () => void;\r\n  loading?: boolean;\r\n  form?: string;\r\n  type?: 'button' | 'submit' | 'reset';\r\n  disabled?: boolean;\r\n}\r\n\r\nexport const ButtonComponent: React.FC<ButtonComponentProps> = (props) => {\r\n  return (\r\n    <Button\r\n      type={props.type && props.type}\r\n      variant=\"contained\"\r\n      form={props.form && props.form}\r\n      className={`main-background-color ${props.className ? props.className : ''}`}\r\n      startIcon={!props.loading && props.startIcon}\r\n      endIcon={!props.loading && props.endIcon}\r\n      onClick={props.onClick}\r\n      disabled={!props.loading && props.disabled}\r\n    >\r\n      {props.loading ? <CircularProgress size={25} /> : props.label}\r\n    </Button>\r\n  );\r\n};\r\n"],"names":["ButtonComponent","props","React","Button","type","variant","form","className","startIcon","loading","endIcon","onClick","disabled","CircularProgress","size","label"],"mappings":";;;;;;;;;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;ICTaA,eAAe,GAAmC,SAAlDA,eAAkD,CAACC,KAAD;AAC7D,SACEC,4BAAA,CAACC,QAAD;AACEC,IAAAA,IAAI,EAAEH,KAAK,CAACG,IAAN,IAAcH,KAAK,CAACG;AAC1BC,IAAAA,OAAO,EAAC;AACRC,IAAAA,IAAI,EAAEL,KAAK,CAACK,IAAN,IAAcL,KAAK,CAACK;AAC1BC,IAAAA,SAAS,8BAA2BN,KAAK,CAACM,SAAN,GAAkBN,KAAK,CAACM,SAAxB,GAAoC,EAA/D;AACTC,IAAAA,SAAS,EAAE,CAACP,KAAK,CAACQ,OAAP,IAAkBR,KAAK,CAACO;AACnCE,IAAAA,OAAO,EAAE,CAACT,KAAK,CAACQ,OAAP,IAAkBR,KAAK,CAACS;AACjCC,IAAAA,OAAO,EAAEV,KAAK,CAACU;AACfC,IAAAA,QAAQ,EAAE,CAACX,KAAK,CAACQ,OAAP,IAAkBR,KAAK,CAACW;GARpC,EAUGX,KAAK,CAACQ,OAAN,GAAgBP,4BAAA,CAACW,kBAAD;AAAkBC,IAAAA,IAAI,EAAE;GAAxB,CAAhB,GAAiDb,KAAK,CAACc,KAV1D,CADF;AAcD,CAfM;;;;;;;"}
+{"version":3,"file":"techsbcn-storybook.cjs.development.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/wrappers/PublicFormWrapper/PublicFormWrapper.tsx","../src/components/fields/ButtonComponent/ButtonComponent.tsx","../src/components/fields/TextFieldComponent/TextFieldComponent.tsx","../src/components/forms/LoginForm.tsx","../src/components/forms/ChangePasswordForm.tsx","../src/components/forms/ResetPasswordForm.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\r\nimport { Box, Container } from '@mui/material';\r\nimport './PublicFormWrapper.scss';\r\n\r\ninterface PublicFormWrapperProps {\r\n  className?: string;\r\n}\r\n\r\nexport const PublicFormWrapper: React.FC<PublicFormWrapperProps> = (props) => {\r\n  return (\r\n    <Box\r\n      height=\"100%\"\r\n      className={`public-form-wrapper ${props.className ? props.className : ''}`}\r\n      display=\"flex\"\r\n      justifyContent=\"center\"\r\n      alignItems=\"center\"\r\n    >\r\n      <Container maxWidth=\"xs\">\r\n        <Box className=\"wrapper-box\" p={1}>\r\n          {props.children}\r\n        </Box>\r\n      </Container>\r\n    </Box>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { Button, CircularProgress } from '@mui/material/';\r\nimport './ButtonComponent.scss';\r\n\r\nexport interface ButtonComponentProps {\r\n  className?: string;\r\n  label?: string;\r\n  startIcon?: React.ReactNode;\r\n  endIcon?: React.ReactNode;\r\n  onClick?: () => void;\r\n  loading?: boolean;\r\n  form?: string;\r\n  type?: 'button' | 'submit' | 'reset';\r\n  disabled?: boolean;\r\n}\r\n\r\nexport const ButtonComponent: React.FC<ButtonComponentProps> = (props) => {\r\n  return (\r\n    <Button\r\n      type={props.type && props.type}\r\n      variant=\"contained\"\r\n      form={props.form && props.form}\r\n      className={`main-background-color ${props.className ? props.className : ''}`}\r\n      startIcon={!props.loading && props.startIcon}\r\n      endIcon={!props.loading && props.endIcon}\r\n      onClick={props.onClick}\r\n      disabled={!props.loading && props.disabled}\r\n    >\r\n      {props.loading ? <CircularProgress size={25} /> : props.label}\r\n    </Button>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { TextField, Box } from '@mui/material/';\r\nimport './TextFieldComponent.scss';\r\n\r\nexport type InputType =\r\n  | 'text'\r\n  | 'radio'\r\n  | 'checkbox'\r\n  | 'textarea'\r\n  | 'submit'\r\n  | 'date'\r\n  | 'hidden'\r\n  | 'number'\r\n  | 'range'\r\n  | 'password'\r\n  | 'time'\r\n  | 'file';\r\n\r\ninterface TextFieldComponentProps {\r\n  id?: string;\r\n  label?: string;\r\n  name?: string;\r\n  value?: string | number;\r\n  className?: string;\r\n  type?: InputType;\r\n  placeholder?: string;\r\n  required?: boolean;\r\n  disabled?: boolean;\r\n  minNumber?: number;\r\n  maxNumber?: number;\r\n  error?: boolean;\r\n  startIcon?: React.ReactNode;\r\n  endIcon?: React.ReactNode;\r\n  fullWidth?: boolean;\r\n  helperText?: string;\r\n  textFieldRef?: any;\r\n  inputRef?: React.Ref<any>;\r\n  autoComplete?: string;\r\n  multiline?: boolean;\r\n  rows?: number;\r\n  maxLength?: number;\r\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n  onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\r\n  step?: number | string;\r\n}\r\n\r\nexport const TextFieldComponent: React.FC<TextFieldComponentProps> = (props) => {\r\n  return (\r\n    <Box className=\"text-field-component\" width=\"100%\">\r\n      <TextField\r\n        error={props.error}\r\n        id={props.id}\r\n        label={props.label}\r\n        defaultValue={props.value}\r\n        className={props.className}\r\n        required={props.required}\r\n        disabled={props.disabled}\r\n        type={props.type}\r\n        placeholder={props.placeholder}\r\n        autoComplete={props.autoComplete}\r\n        variant=\"standard\"\r\n        ref={props.inputRef}\r\n        InputProps={{\r\n          disableUnderline: true,\r\n          startAdornment: props.startIcon,\r\n          endAdornment: props.endIcon,\r\n          inputProps: {\r\n            max: props.maxNumber,\r\n            min: props.minNumber,\r\n            step: props.step,\r\n          },\r\n        }}\r\n        InputLabelProps={{ shrink: true }}\r\n        helperText={props.helperText}\r\n        fullWidth={props.fullWidth}\r\n        multiline={props.multiline}\r\n        rows={props.rows}\r\n        onChange={props.onChange}\r\n        onKeyUp={props.onKeyUp}\r\n        inputProps={{\r\n          maxLength: props.maxLength,\r\n          step: props.step,\r\n          max: props.maxNumber,\r\n          min: props.minNumber,\r\n        }}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n\r\nTextFieldComponent.defaultProps = {\r\n  fullWidth: true,\r\n  type: 'text',\r\n};\r\n","import React, { useState } from 'react';\r\nimport { Box, Grid, IconButton } from '@mui/material';\r\nimport * as yup from 'yup';\r\nimport { useForm, Controller } from 'react-hook-form';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\nimport { Visibility, VisibilityOff } from '@mui/icons-material';\r\nimport { TextFieldComponent } from '../fields/TextFieldComponent/TextFieldComponent';\r\nimport { ButtonComponent } from '../fields/ButtonComponent/ButtonComponent';\r\n\r\ninterface LoginFormProps {\r\n  onClick: (data: any) => void;\r\n  topComponent?: React.ReactNode;\r\n  bottomComponent?: React.ReactNode;\r\n  loading: boolean;\r\n  requiredText: { requiredTextMail: string; requiredTextPassword: string };\r\n  valuesText: { buttonText: string; text1: string; placeholder1?: string; text2: string; placeholder2?: string };\r\n}\r\n\r\nexport const LoginForm: React.FC<LoginFormProps> = (props) => {\r\n  const LoginSchema = yup.object().shape({\r\n    email: yup.string().required(props.requiredText.requiredTextMail),\r\n    password: yup.string().required(props.requiredText.requiredTextPassword),\r\n  });\r\n\r\n  const [showPassword, setShownPassword] = useState(false);\r\n  const handleClickShowPassword = () => {\r\n    setShownPassword(!showPassword);\r\n  };\r\n\r\n  const {\r\n    control,\r\n    handleSubmit,\r\n    formState: { errors },\r\n  } = useForm({\r\n    resolver: yupResolver(LoginSchema),\r\n  });\r\n\r\n  return (\r\n    <Box m={2}>\r\n      {props.topComponent && <Box m={2}>{props.topComponent}</Box>}\r\n      <Box my={2}>\r\n        <Grid container direction=\"column\" spacing={1}>\r\n          <Grid item>\r\n            <Controller\r\n              control={control}\r\n              name={'email'}\r\n              render={({ field: { onChange, name, ref } }) => (\r\n                <TextFieldComponent\r\n                  label={props.valuesText.text1}\r\n                  placeholder={props.valuesText.placeholder1}\r\n                  autoComplete=\"email\"\r\n                  error={!!errors.email}\r\n                  helperText={errors.email?.message}\r\n                  name={name}\r\n                  inputRef={ref}\r\n                  onChange={(e) => {\r\n                    onChange(e);\r\n                  }}\r\n                />\r\n              )}\r\n            />\r\n          </Grid>\r\n          <Grid item>\r\n            <Controller\r\n              control={control}\r\n              name={'password'}\r\n              render={({ field: { onChange, name, ref } }) => (\r\n                <TextFieldComponent\r\n                  label={props.valuesText.text2}\r\n                  placeholder={props.valuesText.placeholder2}\r\n                  type={showPassword ? 'text' : 'password'}\r\n                  error={!!errors.password}\r\n                  helperText={errors.password?.message}\r\n                  name={name}\r\n                  inputRef={ref}\r\n                  onChange={(e) => {\r\n                    onChange(e);\r\n                  }}\r\n                  endIcon={\r\n                    <IconButton aria-label=\"toggle password visibility\" onClick={handleClickShowPassword} size=\"small\">\r\n                      {showPassword ? <Visibility /> : <VisibilityOff />}\r\n                    </IconButton>\r\n                  }\r\n                />\r\n              )}\r\n            />\r\n          </Grid>\r\n        </Grid>\r\n      </Box>\r\n      <Box mb={5}>\r\n        <ButtonComponent\r\n          label={props.valuesText.buttonText}\r\n          loading={props.loading}\r\n          className=\"btn-login\"\r\n          onClick={handleSubmit(props.onClick)}\r\n        />\r\n      </Box>\r\n      {props.bottomComponent && <Box m={2}>{props.bottomComponent}</Box>}\r\n    </Box>\r\n  );\r\n};\r\n","import React, { useState } from 'react';\r\nimport { Box, Grid, IconButton } from '@mui/material/';\r\nimport { Visibility, VisibilityOff } from '@mui/icons-material';\r\nimport { useForm, Controller } from 'react-hook-form';\r\nimport * as yup from 'yup';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\nimport { TextFieldComponent } from '../fields/TextFieldComponent/TextFieldComponent';\r\nimport { ButtonComponent } from '../fields/ButtonComponent/ButtonComponent';\r\n\r\ninterface ChangePasswordFormProps {\r\n  onClick: (data: any) => void;\r\n  loading: boolean;\r\n  topComponent?: React.ReactNode;\r\n  bottomComponent?: React.ReactNode;\r\n  requiredText: { requiredTextPassword: string; requiredTextSamePassword: string };\r\n  valuesText: { buttonText: string; text1: string; placeholder1?: string; text2: string; placeholder2?: string };\r\n}\r\n\r\nexport const ChangePasswordForm: React.FC<ChangePasswordFormProps> = (props) => {\r\n  const validationSchema = yup.object().shape({\r\n    password: yup.string().required(props.requiredText.requiredTextPassword),\r\n    passwordConfirmation: yup\r\n      .string()\r\n      .when('password', (password: any, schema: any) => {\r\n        if (password) return schema.required(props.requiredText.requiredTextPassword);\r\n      })\r\n      .oneOf([yup.ref('password'), null], props.requiredText.requiredTextSamePassword),\r\n  });\r\n\r\n  const {\r\n    handleSubmit,\r\n    control,\r\n    formState: { errors },\r\n  } = useForm({\r\n    resolver: yupResolver(validationSchema),\r\n  });\r\n\r\n  const [showPassword, setShownPassword] = useState(false);\r\n\r\n  const handleClickShowPassword = () => {\r\n    setShownPassword(!showPassword);\r\n  };\r\n\r\n  const handleMouseDownPassword = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n    event.preventDefault();\r\n  };\r\n\r\n  return (\r\n    <Box>\r\n      {props.topComponent && <Box m={2}>{props.topComponent}</Box>}\r\n      <Box m={2}>\r\n        <Grid container direction=\"column\" spacing={1}>\r\n          <Grid item>\r\n            <Controller\r\n              control={control}\r\n              name={'password'}\r\n              render={({ field: { onChange, name, ref } }) => (\r\n                <TextFieldComponent\r\n                  label={props.valuesText.text1}\r\n                  type={showPassword ? 'text' : 'password'}\r\n                  error={!!errors.password}\r\n                  placeholder={props.valuesText.placeholder1}\r\n                  helperText={errors.password?.message}\r\n                  name={name}\r\n                  inputRef={ref}\r\n                  onChange={(e) => {\r\n                    onChange(e);\r\n                  }}\r\n                  endIcon={\r\n                    <IconButton\r\n                      aria-label=\"toggle password visibility\"\r\n                      onClick={handleClickShowPassword}\r\n                      onMouseDown={handleMouseDownPassword}\r\n                      size=\"small\"\r\n                    >\r\n                      {showPassword ? <Visibility /> : <VisibilityOff />}\r\n                    </IconButton>\r\n                  }\r\n                />\r\n              )}\r\n            />\r\n          </Grid>\r\n          <Grid item>\r\n            <Controller\r\n              control={control}\r\n              name={'passwordConfirmation'}\r\n              render={({ field: { onChange, name, ref } }) => (\r\n                <TextFieldComponent\r\n                  label={props.valuesText.text2}\r\n                  placeholder={props.valuesText.placeholder2}\r\n                  type={showPassword ? 'text' : 'password'}\r\n                  error={!!errors.passwordConfirmation}\r\n                  helperText={errors.passwordConfirmation?.message}\r\n                  name={name}\r\n                  inputRef={ref}\r\n                  onChange={(e) => {\r\n                    onChange(e);\r\n                  }}\r\n                  endIcon={\r\n                    <IconButton\r\n                      aria-label=\"toggle password visibility\"\r\n                      onClick={handleClickShowPassword}\r\n                      onMouseDown={handleMouseDownPassword}\r\n                      size=\"small\"\r\n                    >\r\n                      {showPassword ? <Visibility /> : <VisibilityOff />}\r\n                    </IconButton>\r\n                  }\r\n                />\r\n              )}\r\n            />\r\n          </Grid>\r\n        </Grid>\r\n      </Box>\r\n      <Box m={2}>\r\n        <ButtonComponent\r\n          label={props.valuesText.buttonText}\r\n          className=\"btn-login\"\r\n          onClick={handleSubmit(props.onClick)}\r\n          loading={props.loading}\r\n        />\r\n      </Box>\r\n      {props.bottomComponent && <Box m={2}>{props.bottomComponent}</Box>}\r\n    </Box>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { Box } from '@mui/material';\r\nimport * as yup from 'yup';\r\nimport { useForm, Controller } from 'react-hook-form';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\nimport { TextFieldComponent } from '../fields/TextFieldComponent/TextFieldComponent';\r\nimport { ButtonComponent } from '../fields/ButtonComponent/ButtonComponent';\r\n\r\ninterface resetPasswordFormProps {\r\n  onClick: (data: any) => void;\r\n  loading: boolean;\r\n  topComponent?: React.ReactNode;\r\n  bottomComponent?: React.ReactNode;\r\n  requiredText: { requiredTextMail: string };\r\n  valuesText: { buttonText: string; text: string; placeholder?: string };\r\n}\r\n\r\nexport const ResetPasswordForm: React.FC<resetPasswordFormProps> = (props) => {\r\n  const ResetSchema = yup.object().shape({\r\n    email: yup.string().required(props.requiredText.requiredTextMail),\r\n  });\r\n\r\n  const {\r\n    control,\r\n    handleSubmit,\r\n    formState: { errors },\r\n  } = useForm({\r\n    resolver: yupResolver(ResetSchema),\r\n  });\r\n\r\n  return (\r\n    <Box m={2}>\r\n      {props.topComponent && <Box m={2}>{props.topComponent}</Box>}\r\n      <Box mx={2} my={2}>\r\n        <Controller\r\n          control={control}\r\n          name={'email'}\r\n          render={({ field: { onChange, name, ref } }) => (\r\n            <TextFieldComponent\r\n              label={props.valuesText.text}\r\n              placeholder={props.valuesText.placeholder}\r\n              autoComplete=\"email\"\r\n              error={!!errors.email}\r\n              helperText={errors.email?.message}\r\n              name={name}\r\n              inputRef={ref}\r\n              onChange={(e) => {\r\n                onChange(e);\r\n              }}\r\n            />\r\n          )}\r\n        />\r\n      </Box>\r\n      <Box mx={2} mb={5}>\r\n        <ButtonComponent\r\n          label={props.valuesText.buttonText}\r\n          className=\"btn-login\"\r\n          onClick={handleSubmit(props.onClick)}\r\n          loading={props.loading}\r\n        />\r\n      </Box>\r\n      {props.bottomComponent && <Box m={2}>{props.bottomComponent}</Box>}\r\n    </Box>\r\n  );\r\n};\r\n"],"names":["PublicFormWrapper","props","React","Box","height","className","display","justifyContent","alignItems","Container","maxWidth","p","children","ButtonComponent","Button","type","variant","form","startIcon","loading","endIcon","onClick","disabled","CircularProgress","size","label","TextFieldComponent","width","TextField","error","id","defaultValue","value","required","placeholder","autoComplete","ref","inputRef","InputProps","disableUnderline","startAdornment","endAdornment","inputProps","max","maxNumber","min","minNumber","step","InputLabelProps","shrink","helperText","fullWidth","multiline","rows","onChange","onKeyUp","maxLength","defaultProps","LoginForm","LoginSchema","yup","shape","email","requiredText","requiredTextMail","password","requiredTextPassword","useState","showPassword","setShownPassword","handleClickShowPassword","useForm","resolver","yupResolver","control","handleSubmit","errors","formState","m","topComponent","my","Grid","container","direction","spacing","item","Controller","name","render","field","valuesText","text1","placeholder1","message","e","text2","placeholder2","IconButton","Visibility","VisibilityOff","mb","buttonText","bottomComponent","ChangePasswordForm","validationSchema","passwordConfirmation","when","schema","oneOf","requiredTextSamePassword","handleMouseDownPassword","event","preventDefault","onMouseDown","ResetPasswordForm","ResetSchema","mx","text"],"mappings":"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"}

package/dist/techsbcn-storybook.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t,o=(t=require("react"))&&"object"==typeof t&&"default"in t?t.default:t;require("@mui/material");var n=require("@mui/material/");function e(t,o){void 0===o&&(o={});var n=o.insertAt;if(t&&"undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.styleSheet?r.styleSheet.cssText=t:r.appendChild(document.createTextNode(t))}}require("yup"),require("react-hook-form"),require("@hookform/resolvers/yup"),require("@mui/icons-material"),e(".public-form-wrapper .wrapper-box {\n  background: white;\n  border-radius: 5px;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;\n}"),e(".MuiButton-root {\n  width: auto;\n  padding: 0.8rem 1rem !important;\n  text-transform: inherit !important;\n  line-height: inherit !important;\n  font-size: calc(12pt + (14 - 12) * calc(100vw - 300px)/1300) !important;\n  box-shadow: none !important;\n}\n.MuiButton-root.btn-login {\n  width: 100%;\n}\n.MuiButton-root.btn-modal-cancel {\n  background-color: #666666 !important;\n}\n.MuiButton-root:hover {\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;\n}\n.MuiButton-root .MuiCircularProgress-root {\n  color: white !important;\n}\n.MuiButton-root .MuiButton-label {\n  font-size: calc(12pt + (14 - 12) * calc(100vw - 300px)/1300) !important;\n}\n.MuiButton-root .MuiButton-label .MuiCircularProgress-root {\n  color: white !important;\n}"),e(".text-field-component .MuiFormLabel-root + .MuiInputBase-formControl {\n  margin-top: 22px !important;\n}\n.text-field-component .MuiInputBase-root {\n  color: grey !important;\n  border: 1px solid grey;\n  padding: 0.43rem 0.87rem;\n  background-color: white !important;\n  border-radius: 3px !important;\n}\n.text-field-component .MuiInputBase-root.Mui-error {\n  border: 1px solid #F24726 !important;\n}\n.text-field-component .MuiInputBase-root:not(.Mui-disabled):hover {\n  border: 1px solid grey;\n}\n.text-field-component .MuiInputBase-root.Mui-focused {\n  border: 1px solid grey;\n}\n.text-field-component .MuiInputBase-root .MuiInputBase-input {\n  color: #666666 !important;\n  background-color: white !important;\n}\n.text-field-component .MuiInputBase-root .MuiInputBase-input::placeholder {\n  text-overflow: ellipsis !important;\n  color: #666666 !important;\n  opacity: 1;\n}\n.text-field-component .MuiInputBase-root .Mui-disabled {\n  -webkit-text-fill-color: #666666 !important;\n}\n.text-field-component .MuiFormHelperText-root {\n  padding: 0 !important;\n  font-size: 0.85rem !important;\n}"),exports.ButtonComponent=function(t){return o.createElement(n.Button,{type:t.type&&t.type,variant:"contained",form:t.form&&t.form,className:"main-background-color "+(t.className?t.className:""),startIcon:!t.loading&&t.startIcon,endIcon:!t.loading&&t.endIcon,onClick:t.onClick,disabled:!t.loading&&t.disabled},t.loading?o.createElement(n.CircularProgress,{size:25}):t.label)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,o=require("@mui/material"),r=require("@mui/material/"),a=require("yup"),l=require("react-hook-form"),i=require("@hookform/resolvers/yup"),m=require("@mui/icons-material");function s(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}s(".public-form-wrapper .wrapper-box {\n  background: white;\n  border-radius: 5px;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;\n}"),s(".MuiButton-root {\n  width: auto;\n  padding: 0.8rem 1rem !important;\n  text-transform: inherit !important;\n  line-height: inherit !important;\n  font-size: calc(12pt + (14 - 12) * calc(100vw - 300px)/1300) !important;\n  box-shadow: none !important;\n}\n.MuiButton-root.btn-login {\n  width: 100%;\n}\n.MuiButton-root.btn-modal-cancel {\n  background-color: #666666 !important;\n}\n.MuiButton-root:hover {\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;\n}\n.MuiButton-root .MuiCircularProgress-root {\n  color: white !important;\n}\n.MuiButton-root .MuiButton-label {\n  font-size: calc(12pt + (14 - 12) * calc(100vw - 300px)/1300) !important;\n}\n.MuiButton-root .MuiButton-label .MuiCircularProgress-root {\n  color: white !important;\n}");var p=function(e){return n.createElement(r.Button,{type:e.type&&e.type,variant:"contained",form:e.form&&e.form,className:"main-background-color "+(e.className?e.className:""),startIcon:!e.loading&&e.startIcon,endIcon:!e.loading&&e.endIcon,onClick:e.onClick,disabled:!e.loading&&e.disabled},e.loading?n.createElement(r.CircularProgress,{size:25}):e.label)};s(".text-field-component .MuiFormLabel-root + .MuiInputBase-formControl {\n  margin-top: 22px !important;\n}\n.text-field-component .MuiInputBase-root {\n  color: grey !important;\n  border: 1px solid grey;\n  padding: 0.43rem 0.87rem;\n  background-color: white !important;\n  border-radius: 3px !important;\n}\n.text-field-component .MuiInputBase-root.Mui-error {\n  border: 1px solid #F24726 !important;\n}\n.text-field-component .MuiInputBase-root:not(.Mui-disabled):hover {\n  border: 1px solid grey;\n}\n.text-field-component .MuiInputBase-root.Mui-focused {\n  border: 1px solid grey;\n}\n.text-field-component .MuiInputBase-root .MuiInputBase-input {\n  color: #666666 !important;\n  background-color: white !important;\n}\n.text-field-component .MuiInputBase-root .MuiInputBase-input::placeholder {\n  text-overflow: ellipsis !important;\n  color: #666666 !important;\n  opacity: 1;\n}\n.text-field-component .MuiInputBase-root .Mui-disabled {\n  -webkit-text-fill-color: #666666 !important;\n}\n.text-field-component .MuiFormHelperText-root {\n  padding: 0 !important;\n  font-size: 0.85rem !important;\n}");var u=function(e){return n.createElement(r.Box,{className:"text-field-component",width:"100%"},n.createElement(r.TextField,{error:e.error,id:e.id,label:e.label,defaultValue:e.value,className:e.className,required:e.required,disabled:e.disabled,type:e.type,placeholder:e.placeholder,autoComplete:e.autoComplete,variant:"standard",ref:e.inputRef,InputProps:{disableUnderline:!0,startAdornment:e.startIcon,endAdornment:e.endIcon,inputProps:{max:e.maxNumber,min:e.minNumber,step:e.step}},InputLabelProps:{shrink:!0},helperText:e.helperText,fullWidth:e.fullWidth,multiline:e.multiline,rows:e.rows,onChange:e.onChange,onKeyUp:e.onKeyUp,inputProps:{maxLength:e.maxLength,step:e.step,max:e.maxNumber,min:e.minNumber}}))};u.defaultProps={fullWidth:!0,type:"text"},exports.ButtonComponent=p,exports.ChangePasswordForm=function(e){var o=a.object().shape({password:a.string().required(e.requiredText.requiredTextPassword),passwordConfirmation:a.string().when("password",(function(t,n){if(t)return n.required(e.requiredText.requiredTextPassword)})).oneOf([a.ref("password"),null],e.requiredText.requiredTextSamePassword)}),s=l.useForm({resolver:i.yupResolver(o)}),c=s.handleSubmit,d=s.control,x=s.formState.errors,f=t.useState(!1),b=f[0],h=f[1],g=function(){h(!b)},C=function(e){e.preventDefault()};return n.createElement(r.Box,null,e.topComponent&&n.createElement(r.Box,{m:2},e.topComponent),n.createElement(r.Box,{m:2},n.createElement(r.Grid,{container:!0,direction:"column",spacing:1},n.createElement(r.Grid,{item:!0},n.createElement(l.Controller,{control:d,name:"password",render:function(t){var o,a=t.field,l=a.onChange;return n.createElement(u,{label:e.valuesText.text1,type:b?"text":"password",error:!!x.password,placeholder:e.valuesText.placeholder1,helperText:null==(o=x.password)?void 0:o.message,name:a.name,inputRef:a.ref,onChange:function(e){l(e)},endIcon:n.createElement(r.IconButton,{"aria-label":"toggle password visibility",onClick:g,onMouseDown:C,size:"small"},n.createElement(b?m.Visibility:m.VisibilityOff,null))})}})),n.createElement(r.Grid,{item:!0},n.createElement(l.Controller,{control:d,name:"passwordConfirmation",render:function(t){var o,a=t.field,l=a.onChange;return n.createElement(u,{label:e.valuesText.text2,placeholder:e.valuesText.placeholder2,type:b?"text":"password",error:!!x.passwordConfirmation,helperText:null==(o=x.passwordConfirmation)?void 0:o.message,name:a.name,inputRef:a.ref,onChange:function(e){l(e)},endIcon:n.createElement(r.IconButton,{"aria-label":"toggle password visibility",onClick:g,onMouseDown:C,size:"small"},n.createElement(b?m.Visibility:m.VisibilityOff,null))})}})))),n.createElement(r.Box,{m:2},n.createElement(p,{label:e.valuesText.buttonText,className:"btn-login",onClick:c(e.onClick),loading:e.loading})),e.bottomComponent&&n.createElement(r.Box,{m:2},e.bottomComponent))},exports.LoginForm=function(e){var r=a.object().shape({email:a.string().required(e.requiredText.requiredTextMail),password:a.string().required(e.requiredText.requiredTextPassword)}),s=t.useState(!1),c=s[0],d=s[1],x=function(){d(!c)},f=l.useForm({resolver:i.yupResolver(r)}),b=f.control,h=f.handleSubmit,g=f.formState.errors;return n.createElement(o.Box,{m:2},e.topComponent&&n.createElement(o.Box,{m:2},e.topComponent),n.createElement(o.Box,{my:2},n.createElement(o.Grid,{container:!0,direction:"column",spacing:1},n.createElement(o.Grid,{item:!0},n.createElement(l.Controller,{control:b,name:"email",render:function(t){var o,r=t.field,a=r.onChange;return n.createElement(u,{label:e.valuesText.text1,placeholder:e.valuesText.placeholder1,autoComplete:"email",error:!!g.email,helperText:null==(o=g.email)?void 0:o.message,name:r.name,inputRef:r.ref,onChange:function(e){a(e)}})}})),n.createElement(o.Grid,{item:!0},n.createElement(l.Controller,{control:b,name:"password",render:function(t){var r,a=t.field,l=a.onChange;return n.createElement(u,{label:e.valuesText.text2,placeholder:e.valuesText.placeholder2,type:c?"text":"password",error:!!g.password,helperText:null==(r=g.password)?void 0:r.message,name:a.name,inputRef:a.ref,onChange:function(e){l(e)},endIcon:n.createElement(o.IconButton,{"aria-label":"toggle password visibility",onClick:x,size:"small"},n.createElement(c?m.Visibility:m.VisibilityOff,null))})}})))),n.createElement(o.Box,{mb:5},n.createElement(p,{label:e.valuesText.buttonText,loading:e.loading,className:"btn-login",onClick:h(e.onClick)})),e.bottomComponent&&n.createElement(o.Box,{m:2},e.bottomComponent))},exports.PublicFormWrapper=function(e){return n.createElement(o.Box,{height:"100%",className:"public-form-wrapper "+(e.className?e.className:""),display:"flex",justifyContent:"center",alignItems:"center"},n.createElement(o.Container,{maxWidth:"xs"},n.createElement(o.Box,{className:"wrapper-box",p:1},e.children)))},exports.ResetPasswordForm=function(e){var t=a.object().shape({email:a.string().required(e.requiredText.requiredTextMail)}),r=l.useForm({resolver:i.yupResolver(t)}),m=r.control,s=r.handleSubmit,c=r.formState.errors;return n.createElement(o.Box,{m:2},e.topComponent&&n.createElement(o.Box,{m:2},e.topComponent),n.createElement(o.Box,{mx:2,my:2},n.createElement(l.Controller,{control:m,name:"email",render:function(t){var o,r=t.field,a=r.onChange;return n.createElement(u,{label:e.valuesText.text,placeholder:e.valuesText.placeholder,autoComplete:"email",error:!!c.email,helperText:null==(o=c.email)?void 0:o.message,name:r.name,inputRef:r.ref,onChange:function(e){a(e)}})}})),n.createElement(o.Box,{mx:2,mb:5},n.createElement(p,{label:e.valuesText.buttonText,className:"btn-login",onClick:s(e.onClick),loading:e.loading})),e.bottomComponent&&n.createElement(o.Box,{m:2},e.bottomComponent))},exports.TextFieldComponent=u;
 //# sourceMappingURL=techsbcn-storybook.cjs.production.min.js.map

package/dist/techsbcn-storybook.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"techsbcn-storybook.cjs.production.min.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/fields/ButtonComponent/ButtonComponent.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\r\nimport { Button, CircularProgress } from '@mui/material/';\r\nimport './ButtonComponent.scss';\r\n\r\nexport interface ButtonComponentProps {\r\n  className?: string;\r\n  label?: string;\r\n  startIcon?: React.ReactNode;\r\n  endIcon?: React.ReactNode;\r\n  onClick?: () => void;\r\n  loading?: boolean;\r\n  form?: string;\r\n  type?: 'button' | 'submit' | 'reset';\r\n  disabled?: boolean;\r\n}\r\n\r\nexport const ButtonComponent: React.FC<ButtonComponentProps> = (props) => {\r\n  return (\r\n    <Button\r\n      type={props.type && props.type}\r\n      variant=\"contained\"\r\n      form={props.form && props.form}\r\n      className={`main-background-color ${props.className ? props.className : ''}`}\r\n      startIcon={!props.loading && props.startIcon}\r\n      endIcon={!props.loading && props.endIcon}\r\n      onClick={props.onClick}\r\n      disabled={!props.loading && props.disabled}\r\n    >\r\n      {props.loading ? <CircularProgress size={25} /> : props.label}\r\n    </Button>\r\n  );\r\n};\r\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","props","React","Button","variant","form","className","startIcon","loading","endIcon","onClick","disabled","CircularProgress","size","label"],"mappings":"yMAAA,SAASA,EAAYC,EAAKC,QACX,IAARA,IAAiBA,EAAM,IAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,0wECPiB,SAACe,UAE5DC,gBAACC,UACCT,KAAMO,EAAMP,MAAQO,EAAMP,KAC1BU,QAAQ,YACRC,KAAMJ,EAAMI,MAAQJ,EAAMI,KAC1BC,oCAAoCL,EAAMK,UAAYL,EAAMK,UAAY,IACxEC,WAAYN,EAAMO,SAAWP,EAAMM,UACnCE,SAAUR,EAAMO,SAAWP,EAAMQ,QACjCC,QAAST,EAAMS,QACfC,UAAWV,EAAMO,SAAWP,EAAMU,UAEjCV,EAAMO,QAAUN,gBAACU,oBAAiBC,KAAM,KAASZ,EAAMa"}
+{"version":3,"file":"techsbcn-storybook.cjs.production.min.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/fields/ButtonComponent/ButtonComponent.tsx","../src/components/fields/TextFieldComponent/TextFieldComponent.tsx","../src/components/forms/ChangePasswordForm.tsx","../src/components/forms/LoginForm.tsx","../src/components/wrappers/PublicFormWrapper/PublicFormWrapper.tsx","../src/components/forms/ResetPasswordForm.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\r\nimport { Button, CircularProgress } from '@mui/material/';\r\nimport './ButtonComponent.scss';\r\n\r\nexport interface ButtonComponentProps {\r\n  className?: string;\r\n  label?: string;\r\n  startIcon?: React.ReactNode;\r\n  endIcon?: React.ReactNode;\r\n  onClick?: () => void;\r\n  loading?: boolean;\r\n  form?: string;\r\n  type?: 'button' | 'submit' | 'reset';\r\n  disabled?: boolean;\r\n}\r\n\r\nexport const ButtonComponent: React.FC<ButtonComponentProps> = (props) => {\r\n  return (\r\n    <Button\r\n      type={props.type && props.type}\r\n      variant=\"contained\"\r\n      form={props.form && props.form}\r\n      className={`main-background-color ${props.className ? props.className : ''}`}\r\n      startIcon={!props.loading && props.startIcon}\r\n      endIcon={!props.loading && props.endIcon}\r\n      onClick={props.onClick}\r\n      disabled={!props.loading && props.disabled}\r\n    >\r\n      {props.loading ? <CircularProgress size={25} /> : props.label}\r\n    </Button>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { TextField, Box } from '@mui/material/';\r\nimport './TextFieldComponent.scss';\r\n\r\nexport type InputType =\r\n  | 'text'\r\n  | 'radio'\r\n  | 'checkbox'\r\n  | 'textarea'\r\n  | 'submit'\r\n  | 'date'\r\n  | 'hidden'\r\n  | 'number'\r\n  | 'range'\r\n  | 'password'\r\n  | 'time'\r\n  | 'file';\r\n\r\ninterface TextFieldComponentProps {\r\n  id?: string;\r\n  label?: string;\r\n  name?: string;\r\n  value?: string | number;\r\n  className?: string;\r\n  type?: InputType;\r\n  placeholder?: string;\r\n  required?: boolean;\r\n  disabled?: boolean;\r\n  minNumber?: number;\r\n  maxNumber?: number;\r\n  error?: boolean;\r\n  startIcon?: React.ReactNode;\r\n  endIcon?: React.ReactNode;\r\n  fullWidth?: boolean;\r\n  helperText?: string;\r\n  textFieldRef?: any;\r\n  inputRef?: React.Ref<any>;\r\n  autoComplete?: string;\r\n  multiline?: boolean;\r\n  rows?: number;\r\n  maxLength?: number;\r\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n  onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\r\n  step?: number | string;\r\n}\r\n\r\nexport const TextFieldComponent: React.FC<TextFieldComponentProps> = (props) => {\r\n  return (\r\n    <Box className=\"text-field-component\" width=\"100%\">\r\n      <TextField\r\n        error={props.error}\r\n        id={props.id}\r\n        label={props.label}\r\n        defaultValue={props.value}\r\n        className={props.className}\r\n        required={props.required}\r\n        disabled={props.disabled}\r\n        type={props.type}\r\n        placeholder={props.placeholder}\r\n        autoComplete={props.autoComplete}\r\n        variant=\"standard\"\r\n        ref={props.inputRef}\r\n        InputProps={{\r\n          disableUnderline: true,\r\n          startAdornment: props.startIcon,\r\n          endAdornment: props.endIcon,\r\n          inputProps: {\r\n            max: props.maxNumber,\r\n            min: props.minNumber,\r\n            step: props.step,\r\n          },\r\n        }}\r\n        InputLabelProps={{ shrink: true }}\r\n        helperText={props.helperText}\r\n        fullWidth={props.fullWidth}\r\n        multiline={props.multiline}\r\n        rows={props.rows}\r\n        onChange={props.onChange}\r\n        onKeyUp={props.onKeyUp}\r\n        inputProps={{\r\n          maxLength: props.maxLength,\r\n          step: props.step,\r\n          max: props.maxNumber,\r\n          min: props.minNumber,\r\n        }}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n\r\nTextFieldComponent.defaultProps = {\r\n  fullWidth: true,\r\n  type: 'text',\r\n};\r\n","import React, { useState } from 'react';\r\nimport { Box, Grid, IconButton } from '@mui/material/';\r\nimport { Visibility, VisibilityOff } from '@mui/icons-material';\r\nimport { useForm, Controller } from 'react-hook-form';\r\nimport * as yup from 'yup';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\nimport { TextFieldComponent } from '../fields/TextFieldComponent/TextFieldComponent';\r\nimport { ButtonComponent } from '../fields/ButtonComponent/ButtonComponent';\r\n\r\ninterface ChangePasswordFormProps {\r\n  onClick: (data: any) => void;\r\n  loading: boolean;\r\n  topComponent?: React.ReactNode;\r\n  bottomComponent?: React.ReactNode;\r\n  requiredText: { requiredTextPassword: string; requiredTextSamePassword: string };\r\n  valuesText: { buttonText: string; text1: string; placeholder1?: string; text2: string; placeholder2?: string };\r\n}\r\n\r\nexport const ChangePasswordForm: React.FC<ChangePasswordFormProps> = (props) => {\r\n  const validationSchema = yup.object().shape({\r\n    password: yup.string().required(props.requiredText.requiredTextPassword),\r\n    passwordConfirmation: yup\r\n      .string()\r\n      .when('password', (password: any, schema: any) => {\r\n        if (password) return schema.required(props.requiredText.requiredTextPassword);\r\n      })\r\n      .oneOf([yup.ref('password'), null], props.requiredText.requiredTextSamePassword),\r\n  });\r\n\r\n  const {\r\n    handleSubmit,\r\n    control,\r\n    formState: { errors },\r\n  } = useForm({\r\n    resolver: yupResolver(validationSchema),\r\n  });\r\n\r\n  const [showPassword, setShownPassword] = useState(false);\r\n\r\n  const handleClickShowPassword = () => {\r\n    setShownPassword(!showPassword);\r\n  };\r\n\r\n  const handleMouseDownPassword = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n    event.preventDefault();\r\n  };\r\n\r\n  return (\r\n    <Box>\r\n      {props.topComponent && <Box m={2}>{props.topComponent}</Box>}\r\n      <Box m={2}>\r\n        <Grid container direction=\"column\" spacing={1}>\r\n          <Grid item>\r\n            <Controller\r\n              control={control}\r\n              name={'password'}\r\n              render={({ field: { onChange, name, ref } }) => (\r\n                <TextFieldComponent\r\n                  label={props.valuesText.text1}\r\n                  type={showPassword ? 'text' : 'password'}\r\n                  error={!!errors.password}\r\n                  placeholder={props.valuesText.placeholder1}\r\n                  helperText={errors.password?.message}\r\n                  name={name}\r\n                  inputRef={ref}\r\n                  onChange={(e) => {\r\n                    onChange(e);\r\n                  }}\r\n                  endIcon={\r\n                    <IconButton\r\n                      aria-label=\"toggle password visibility\"\r\n                      onClick={handleClickShowPassword}\r\n                      onMouseDown={handleMouseDownPassword}\r\n                      size=\"small\"\r\n                    >\r\n                      {showPassword ? <Visibility /> : <VisibilityOff />}\r\n                    </IconButton>\r\n                  }\r\n                />\r\n              )}\r\n            />\r\n          </Grid>\r\n          <Grid item>\r\n            <Controller\r\n              control={control}\r\n              name={'passwordConfirmation'}\r\n              render={({ field: { onChange, name, ref } }) => (\r\n                <TextFieldComponent\r\n                  label={props.valuesText.text2}\r\n                  placeholder={props.valuesText.placeholder2}\r\n                  type={showPassword ? 'text' : 'password'}\r\n                  error={!!errors.passwordConfirmation}\r\n                  helperText={errors.passwordConfirmation?.message}\r\n                  name={name}\r\n                  inputRef={ref}\r\n                  onChange={(e) => {\r\n                    onChange(e);\r\n                  }}\r\n                  endIcon={\r\n                    <IconButton\r\n                      aria-label=\"toggle password visibility\"\r\n                      onClick={handleClickShowPassword}\r\n                      onMouseDown={handleMouseDownPassword}\r\n                      size=\"small\"\r\n                    >\r\n                      {showPassword ? <Visibility /> : <VisibilityOff />}\r\n                    </IconButton>\r\n                  }\r\n                />\r\n              )}\r\n            />\r\n          </Grid>\r\n        </Grid>\r\n      </Box>\r\n      <Box m={2}>\r\n        <ButtonComponent\r\n          label={props.valuesText.buttonText}\r\n          className=\"btn-login\"\r\n          onClick={handleSubmit(props.onClick)}\r\n          loading={props.loading}\r\n        />\r\n      </Box>\r\n      {props.bottomComponent && <Box m={2}>{props.bottomComponent}</Box>}\r\n    </Box>\r\n  );\r\n};\r\n","import React, { useState } from 'react';\r\nimport { Box, Grid, IconButton } from '@mui/material';\r\nimport * as yup from 'yup';\r\nimport { useForm, Controller } from 'react-hook-form';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\nimport { Visibility, VisibilityOff } from '@mui/icons-material';\r\nimport { TextFieldComponent } from '../fields/TextFieldComponent/TextFieldComponent';\r\nimport { ButtonComponent } from '../fields/ButtonComponent/ButtonComponent';\r\n\r\ninterface LoginFormProps {\r\n  onClick: (data: any) => void;\r\n  topComponent?: React.ReactNode;\r\n  bottomComponent?: React.ReactNode;\r\n  loading: boolean;\r\n  requiredText: { requiredTextMail: string; requiredTextPassword: string };\r\n  valuesText: { buttonText: string; text1: string; placeholder1?: string; text2: string; placeholder2?: string };\r\n}\r\n\r\nexport const LoginForm: React.FC<LoginFormProps> = (props) => {\r\n  const LoginSchema = yup.object().shape({\r\n    email: yup.string().required(props.requiredText.requiredTextMail),\r\n    password: yup.string().required(props.requiredText.requiredTextPassword),\r\n  });\r\n\r\n  const [showPassword, setShownPassword] = useState(false);\r\n  const handleClickShowPassword = () => {\r\n    setShownPassword(!showPassword);\r\n  };\r\n\r\n  const {\r\n    control,\r\n    handleSubmit,\r\n    formState: { errors },\r\n  } = useForm({\r\n    resolver: yupResolver(LoginSchema),\r\n  });\r\n\r\n  return (\r\n    <Box m={2}>\r\n      {props.topComponent && <Box m={2}>{props.topComponent}</Box>}\r\n      <Box my={2}>\r\n        <Grid container direction=\"column\" spacing={1}>\r\n          <Grid item>\r\n            <Controller\r\n              control={control}\r\n              name={'email'}\r\n              render={({ field: { onChange, name, ref } }) => (\r\n                <TextFieldComponent\r\n                  label={props.valuesText.text1}\r\n                  placeholder={props.valuesText.placeholder1}\r\n                  autoComplete=\"email\"\r\n                  error={!!errors.email}\r\n                  helperText={errors.email?.message}\r\n                  name={name}\r\n                  inputRef={ref}\r\n                  onChange={(e) => {\r\n                    onChange(e);\r\n                  }}\r\n                />\r\n              )}\r\n            />\r\n          </Grid>\r\n          <Grid item>\r\n            <Controller\r\n              control={control}\r\n              name={'password'}\r\n              render={({ field: { onChange, name, ref } }) => (\r\n                <TextFieldComponent\r\n                  label={props.valuesText.text2}\r\n                  placeholder={props.valuesText.placeholder2}\r\n                  type={showPassword ? 'text' : 'password'}\r\n                  error={!!errors.password}\r\n                  helperText={errors.password?.message}\r\n                  name={name}\r\n                  inputRef={ref}\r\n                  onChange={(e) => {\r\n                    onChange(e);\r\n                  }}\r\n                  endIcon={\r\n                    <IconButton aria-label=\"toggle password visibility\" onClick={handleClickShowPassword} size=\"small\">\r\n                      {showPassword ? <Visibility /> : <VisibilityOff />}\r\n                    </IconButton>\r\n                  }\r\n                />\r\n              )}\r\n            />\r\n          </Grid>\r\n        </Grid>\r\n      </Box>\r\n      <Box mb={5}>\r\n        <ButtonComponent\r\n          label={props.valuesText.buttonText}\r\n          loading={props.loading}\r\n          className=\"btn-login\"\r\n          onClick={handleSubmit(props.onClick)}\r\n        />\r\n      </Box>\r\n      {props.bottomComponent && <Box m={2}>{props.bottomComponent}</Box>}\r\n    </Box>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { Box, Container } from '@mui/material';\r\nimport './PublicFormWrapper.scss';\r\n\r\ninterface PublicFormWrapperProps {\r\n  className?: string;\r\n}\r\n\r\nexport const PublicFormWrapper: React.FC<PublicFormWrapperProps> = (props) => {\r\n  return (\r\n    <Box\r\n      height=\"100%\"\r\n      className={`public-form-wrapper ${props.className ? props.className : ''}`}\r\n      display=\"flex\"\r\n      justifyContent=\"center\"\r\n      alignItems=\"center\"\r\n    >\r\n      <Container maxWidth=\"xs\">\r\n        <Box className=\"wrapper-box\" p={1}>\r\n          {props.children}\r\n        </Box>\r\n      </Container>\r\n    </Box>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { Box } from '@mui/material';\r\nimport * as yup from 'yup';\r\nimport { useForm, Controller } from 'react-hook-form';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\nimport { TextFieldComponent } from '../fields/TextFieldComponent/TextFieldComponent';\r\nimport { ButtonComponent } from '../fields/ButtonComponent/ButtonComponent';\r\n\r\ninterface resetPasswordFormProps {\r\n  onClick: (data: any) => void;\r\n  loading: boolean;\r\n  topComponent?: React.ReactNode;\r\n  bottomComponent?: React.ReactNode;\r\n  requiredText: { requiredTextMail: string };\r\n  valuesText: { buttonText: string; text: string; placeholder?: string };\r\n}\r\n\r\nexport const ResetPasswordForm: React.FC<resetPasswordFormProps> = (props) => {\r\n  const ResetSchema = yup.object().shape({\r\n    email: yup.string().required(props.requiredText.requiredTextMail),\r\n  });\r\n\r\n  const {\r\n    control,\r\n    handleSubmit,\r\n    formState: { errors },\r\n  } = useForm({\r\n    resolver: yupResolver(ResetSchema),\r\n  });\r\n\r\n  return (\r\n    <Box m={2}>\r\n      {props.topComponent && <Box m={2}>{props.topComponent}</Box>}\r\n      <Box mx={2} my={2}>\r\n        <Controller\r\n          control={control}\r\n          name={'email'}\r\n          render={({ field: { onChange, name, ref } }) => (\r\n            <TextFieldComponent\r\n              label={props.valuesText.text}\r\n              placeholder={props.valuesText.placeholder}\r\n              autoComplete=\"email\"\r\n              error={!!errors.email}\r\n              helperText={errors.email?.message}\r\n              name={name}\r\n              inputRef={ref}\r\n              onChange={(e) => {\r\n                onChange(e);\r\n              }}\r\n            />\r\n          )}\r\n        />\r\n      </Box>\r\n      <Box mx={2} mb={5}>\r\n        <ButtonComponent\r\n          label={props.valuesText.buttonText}\r\n          className=\"btn-login\"\r\n          onClick={handleSubmit(props.onClick)}\r\n          loading={props.loading}\r\n        />\r\n      </Box>\r\n      {props.bottomComponent && <Box m={2}>{props.bottomComponent}</Box>}\r\n    </Box>\r\n  );\r\n};\r\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","ButtonComponent","props","React","Button","variant","form","className","startIcon","loading","endIcon","onClick","disabled","CircularProgress","size","label","TextFieldComponent","Box","width","TextField","error","id","defaultValue","value","required","placeholder","autoComplete","inputRef","InputProps","disableUnderline","startAdornment","endAdornment","inputProps","max","maxNumber","min","minNumber","step","InputLabelProps","shrink","helperText","fullWidth","multiline","rows","onChange","onKeyUp","maxLength","defaultProps","validationSchema","yup","shape","password","requiredText","requiredTextPassword","passwordConfirmation","when","schema","oneOf","requiredTextSamePassword","useForm","resolver","yupResolver","handleSubmit","control","errors","formState","useState","showPassword","setShownPassword","handleClickShowPassword","handleMouseDownPassword","event","preventDefault","topComponent","m","Grid","container","direction","spacing","item","Controller","name","render","field","valuesText","text1","placeholder1","_errors$password","message","e","IconButton","onMouseDown","Visibility","VisibilityOff","text2","placeholder2","_errors$passwordConfi","buttonText","bottomComponent","LoginSchema","email","requiredTextMail","my","_errors$email","mb","height","display","justifyContent","alignItems","Container","maxWidth","p","children","ResetSchema","mx","text"],"mappings":"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"}

package/dist/techsbcn-storybook.esm.js

@@ -1,10 +1,10 @@
-import React from 'react';
-import '@mui/material';
-import { Button, CircularProgress } from '@mui/material/';
-import 'yup';
-import 'react-hook-form';
-import '@hookform/resolvers/yup';
-import '@mui/icons-material';
+import React, { useState } from 'react';
+import { Box, Container, Grid, IconButton } from '@mui/material';
+import { Button, CircularProgress, Box as Box$1, TextField, Grid as Grid$1, IconButton as IconButton$1 } from '@mui/material/';
+import { object, string, ref } from 'yup';
+import { useForm, Controller } from 'react-hook-form';
+import { yupResolver } from '@hookform/resolvers/yup';
+import { Visibility, VisibilityOff } from '@mui/icons-material';
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -36,6 +36,21 @@ function styleInject(css, ref) {
 var css_248z = ".public-form-wrapper .wrapper-box {\n  background: white;\n  border-radius: 5px;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;\n}";
 styleInject(css_248z);
 
+var PublicFormWrapper = function PublicFormWrapper(props) {
+  return React.createElement(Box, {
+    height: "100%",
+    className: "public-form-wrapper " + (props.className ? props.className : ''),
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  }, React.createElement(Container, {
+    maxWidth: "xs"
+  }, React.createElement(Box, {
+    className: "wrapper-box",
+    p: 1
+  }, props.children)));
+};
+
 var css_248z$1 = ".MuiButton-root {\n  width: auto;\n  padding: 0.8rem 1rem !important;\n  text-transform: inherit !important;\n  line-height: inherit !important;\n  font-size: calc(12pt + (14 - 12) * calc(100vw - 300px)/1300) !important;\n  box-shadow: none !important;\n}\n.MuiButton-root.btn-login {\n  width: 100%;\n}\n.MuiButton-root.btn-modal-cancel {\n  background-color: #666666 !important;\n}\n.MuiButton-root:hover {\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;\n}\n.MuiButton-root .MuiCircularProgress-root {\n  color: white !important;\n}\n.MuiButton-root .MuiButton-label {\n  font-size: calc(12pt + (14 - 12) * calc(100vw - 300px)/1300) !important;\n}\n.MuiButton-root .MuiButton-label .MuiCircularProgress-root {\n  color: white !important;\n}";
 styleInject(css_248z$1);
 
@@ -57,5 +72,316 @@ var ButtonComponent = function ButtonComponent(props) {
 var css_248z$2 = ".text-field-component .MuiFormLabel-root + .MuiInputBase-formControl {\n  margin-top: 22px !important;\n}\n.text-field-component .MuiInputBase-root {\n  color: grey !important;\n  border: 1px solid grey;\n  padding: 0.43rem 0.87rem;\n  background-color: white !important;\n  border-radius: 3px !important;\n}\n.text-field-component .MuiInputBase-root.Mui-error {\n  border: 1px solid #F24726 !important;\n}\n.text-field-component .MuiInputBase-root:not(.Mui-disabled):hover {\n  border: 1px solid grey;\n}\n.text-field-component .MuiInputBase-root.Mui-focused {\n  border: 1px solid grey;\n}\n.text-field-component .MuiInputBase-root .MuiInputBase-input {\n  color: #666666 !important;\n  background-color: white !important;\n}\n.text-field-component .MuiInputBase-root .MuiInputBase-input::placeholder {\n  text-overflow: ellipsis !important;\n  color: #666666 !important;\n  opacity: 1;\n}\n.text-field-component .MuiInputBase-root .Mui-disabled {\n  -webkit-text-fill-color: #666666 !important;\n}\n.text-field-component .MuiFormHelperText-root {\n  padding: 0 !important;\n  font-size: 0.85rem !important;\n}";
 styleInject(css_248z$2);
 
-export { ButtonComponent };
+var TextFieldComponent = function TextFieldComponent(props) {
+  return React.createElement(Box$1, {
+    className: "text-field-component",
+    width: "100%"
+  }, React.createElement(TextField, {
+    error: props.error,
+    id: props.id,
+    label: props.label,
+    defaultValue: props.value,
+    className: props.className,
+    required: props.required,
+    disabled: props.disabled,
+    type: props.type,
+    placeholder: props.placeholder,
+    autoComplete: props.autoComplete,
+    variant: "standard",
+    ref: props.inputRef,
+    InputProps: {
+      disableUnderline: true,
+      startAdornment: props.startIcon,
+      endAdornment: props.endIcon,
+      inputProps: {
+        max: props.maxNumber,
+        min: props.minNumber,
+        step: props.step
+      }
+    },
+    InputLabelProps: {
+      shrink: true
+    },
+    helperText: props.helperText,
+    fullWidth: props.fullWidth,
+    multiline: props.multiline,
+    rows: props.rows,
+    onChange: props.onChange,
+    onKeyUp: props.onKeyUp,
+    inputProps: {
+      maxLength: props.maxLength,
+      step: props.step,
+      max: props.maxNumber,
+      min: props.minNumber
+    }
+  }));
+};
+TextFieldComponent.defaultProps = {
+  fullWidth: true,
+  type: 'text'
+};
+
+var LoginForm = function LoginForm(props) {
+  var LoginSchema = object().shape({
+    email: string().required(props.requiredText.requiredTextMail),
+    password: string().required(props.requiredText.requiredTextPassword)
+  });
+
+  var _useState = useState(false),
+      showPassword = _useState[0],
+      setShownPassword = _useState[1];
+
+  var handleClickShowPassword = function handleClickShowPassword() {
+    setShownPassword(!showPassword);
+  };
+
+  var _useForm = useForm({
+    resolver: yupResolver(LoginSchema)
+  }),
+      control = _useForm.control,
+      handleSubmit = _useForm.handleSubmit,
+      errors = _useForm.formState.errors;
+
+  return React.createElement(Box, {
+    m: 2
+  }, props.topComponent && React.createElement(Box, {
+    m: 2
+  }, props.topComponent), React.createElement(Box, {
+    my: 2
+  }, React.createElement(Grid, {
+    container: true,
+    direction: "column",
+    spacing: 1
+  }, React.createElement(Grid, {
+    item: true
+  }, React.createElement(Controller, {
+    control: control,
+    name: 'email',
+    render: function render(_ref) {
+      var _errors$email;
+
+      var _ref$field = _ref.field,
+          _onChange = _ref$field.onChange,
+          name = _ref$field.name,
+          ref = _ref$field.ref;
+      return React.createElement(TextFieldComponent, {
+        label: props.valuesText.text1,
+        placeholder: props.valuesText.placeholder1,
+        autoComplete: "email",
+        error: !!errors.email,
+        helperText: (_errors$email = errors.email) == null ? void 0 : _errors$email.message,
+        name: name,
+        inputRef: ref,
+        onChange: function onChange(e) {
+          _onChange(e);
+        }
+      });
+    }
+  })), React.createElement(Grid, {
+    item: true
+  }, React.createElement(Controller, {
+    control: control,
+    name: 'password',
+    render: function render(_ref2) {
+      var _errors$password;
+
+      var _ref2$field = _ref2.field,
+          _onChange2 = _ref2$field.onChange,
+          name = _ref2$field.name,
+          ref = _ref2$field.ref;
+      return React.createElement(TextFieldComponent, {
+        label: props.valuesText.text2,
+        placeholder: props.valuesText.placeholder2,
+        type: showPassword ? 'text' : 'password',
+        error: !!errors.password,
+        helperText: (_errors$password = errors.password) == null ? void 0 : _errors$password.message,
+        name: name,
+        inputRef: ref,
+        onChange: function onChange(e) {
+          _onChange2(e);
+        },
+        endIcon: React.createElement(IconButton, {
+          "aria-label": "toggle password visibility",
+          onClick: handleClickShowPassword,
+          size: "small"
+        }, showPassword ? React.createElement(Visibility, null) : React.createElement(VisibilityOff, null))
+      });
+    }
+  })))), React.createElement(Box, {
+    mb: 5
+  }, React.createElement(ButtonComponent, {
+    label: props.valuesText.buttonText,
+    loading: props.loading,
+    className: "btn-login",
+    onClick: handleSubmit(props.onClick)
+  })), props.bottomComponent && React.createElement(Box, {
+    m: 2
+  }, props.bottomComponent));
+};
+
+var ChangePasswordForm = function ChangePasswordForm(props) {
+  var validationSchema = object().shape({
+    password: string().required(props.requiredText.requiredTextPassword),
+    passwordConfirmation: string().when('password', function (password, schema) {
+      if (password) return schema.required(props.requiredText.requiredTextPassword);
+    }).oneOf([ref('password'), null], props.requiredText.requiredTextSamePassword)
+  });
+
+  var _useForm = useForm({
+    resolver: yupResolver(validationSchema)
+  }),
+      handleSubmit = _useForm.handleSubmit,
+      control = _useForm.control,
+      errors = _useForm.formState.errors;
+
+  var _useState = useState(false),
+      showPassword = _useState[0],
+      setShownPassword = _useState[1];
+
+  var handleClickShowPassword = function handleClickShowPassword() {
+    setShownPassword(!showPassword);
+  };
+
+  var handleMouseDownPassword = function handleMouseDownPassword(event) {
+    event.preventDefault();
+  };
+
+  return React.createElement(Box$1, null, props.topComponent && React.createElement(Box$1, {
+    m: 2
+  }, props.topComponent), React.createElement(Box$1, {
+    m: 2
+  }, React.createElement(Grid$1, {
+    container: true,
+    direction: "column",
+    spacing: 1
+  }, React.createElement(Grid$1, {
+    item: true
+  }, React.createElement(Controller, {
+    control: control,
+    name: 'password',
+    render: function render(_ref) {
+      var _errors$password;
+
+      var _ref$field = _ref.field,
+          _onChange = _ref$field.onChange,
+          name = _ref$field.name,
+          ref = _ref$field.ref;
+      return React.createElement(TextFieldComponent, {
+        label: props.valuesText.text1,
+        type: showPassword ? 'text' : 'password',
+        error: !!errors.password,
+        placeholder: props.valuesText.placeholder1,
+        helperText: (_errors$password = errors.password) == null ? void 0 : _errors$password.message,
+        name: name,
+        inputRef: ref,
+        onChange: function onChange(e) {
+          _onChange(e);
+        },
+        endIcon: React.createElement(IconButton$1, {
+          "aria-label": "toggle password visibility",
+          onClick: handleClickShowPassword,
+          onMouseDown: handleMouseDownPassword,
+          size: "small"
+        }, showPassword ? React.createElement(Visibility, null) : React.createElement(VisibilityOff, null))
+      });
+    }
+  })), React.createElement(Grid$1, {
+    item: true
+  }, React.createElement(Controller, {
+    control: control,
+    name: 'passwordConfirmation',
+    render: function render(_ref2) {
+      var _errors$passwordConfi;
+
+      var _ref2$field = _ref2.field,
+          _onChange2 = _ref2$field.onChange,
+          name = _ref2$field.name,
+          ref = _ref2$field.ref;
+      return React.createElement(TextFieldComponent, {
+        label: props.valuesText.text2,
+        placeholder: props.valuesText.placeholder2,
+        type: showPassword ? 'text' : 'password',
+        error: !!errors.passwordConfirmation,
+        helperText: (_errors$passwordConfi = errors.passwordConfirmation) == null ? void 0 : _errors$passwordConfi.message,
+        name: name,
+        inputRef: ref,
+        onChange: function onChange(e) {
+          _onChange2(e);
+        },
+        endIcon: React.createElement(IconButton$1, {
+          "aria-label": "toggle password visibility",
+          onClick: handleClickShowPassword,
+          onMouseDown: handleMouseDownPassword,
+          size: "small"
+        }, showPassword ? React.createElement(Visibility, null) : React.createElement(VisibilityOff, null))
+      });
+    }
+  })))), React.createElement(Box$1, {
+    m: 2
+  }, React.createElement(ButtonComponent, {
+    label: props.valuesText.buttonText,
+    className: "btn-login",
+    onClick: handleSubmit(props.onClick),
+    loading: props.loading
+  })), props.bottomComponent && React.createElement(Box$1, {
+    m: 2
+  }, props.bottomComponent));
+};
+
+var ResetPasswordForm = function ResetPasswordForm(props) {
+  var ResetSchema = object().shape({
+    email: string().required(props.requiredText.requiredTextMail)
+  });
+
+  var _useForm = useForm({
+    resolver: yupResolver(ResetSchema)
+  }),
+      control = _useForm.control,
+      handleSubmit = _useForm.handleSubmit,
+      errors = _useForm.formState.errors;
+
+  return React.createElement(Box, {
+    m: 2
+  }, props.topComponent && React.createElement(Box, {
+    m: 2
+  }, props.topComponent), React.createElement(Box, {
+    mx: 2,
+    my: 2
+  }, React.createElement(Controller, {
+    control: control,
+    name: 'email',
+    render: function render(_ref) {
+      var _errors$email;
+
+      var _ref$field = _ref.field,
+          _onChange = _ref$field.onChange,
+          name = _ref$field.name,
+          ref = _ref$field.ref;
+      return React.createElement(TextFieldComponent, {
+        label: props.valuesText.text,
+        placeholder: props.valuesText.placeholder,
+        autoComplete: "email",
+        error: !!errors.email,
+        helperText: (_errors$email = errors.email) == null ? void 0 : _errors$email.message,
+        name: name,
+        inputRef: ref,
+        onChange: function onChange(e) {
+          _onChange(e);
+        }
+      });
+    }
+  })), React.createElement(Box, {
+    mx: 2,
+    mb: 5
+  }, React.createElement(ButtonComponent, {
+    label: props.valuesText.buttonText,
+    className: "btn-login",
+    onClick: handleSubmit(props.onClick),
+    loading: props.loading
+  })), props.bottomComponent && React.createElement(Box, {
+    m: 2
+  }, props.bottomComponent));
+};
+
+export { ButtonComponent, ChangePasswordForm, LoginForm, PublicFormWrapper, ResetPasswordForm, TextFieldComponent };
 //# sourceMappingURL=techsbcn-storybook.esm.js.map

package/dist/techsbcn-storybook.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"techsbcn-storybook.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/fields/ButtonComponent/ButtonComponent.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\r\nimport { Button, CircularProgress } from '@mui/material/';\r\nimport './ButtonComponent.scss';\r\n\r\nexport interface ButtonComponentProps {\r\n  className?: string;\r\n  label?: string;\r\n  startIcon?: React.ReactNode;\r\n  endIcon?: React.ReactNode;\r\n  onClick?: () => void;\r\n  loading?: boolean;\r\n  form?: string;\r\n  type?: 'button' | 'submit' | 'reset';\r\n  disabled?: boolean;\r\n}\r\n\r\nexport const ButtonComponent: React.FC<ButtonComponentProps> = (props) => {\r\n  return (\r\n    <Button\r\n      type={props.type && props.type}\r\n      variant=\"contained\"\r\n      form={props.form && props.form}\r\n      className={`main-background-color ${props.className ? props.className : ''}`}\r\n      startIcon={!props.loading && props.startIcon}\r\n      endIcon={!props.loading && props.endIcon}\r\n      onClick={props.onClick}\r\n      disabled={!props.loading && props.disabled}\r\n    >\r\n      {props.loading ? <CircularProgress size={25} /> : props.label}\r\n    </Button>\r\n  );\r\n};\r\n"],"names":["ButtonComponent","props","React","Button","type","variant","form","className","startIcon","loading","endIcon","onClick","disabled","CircularProgress","size","label"],"mappings":";;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;ICTaA,eAAe,GAAmC,SAAlDA,eAAkD,CAACC,KAAD;AAC7D,SACEC,mBAAA,CAACC,MAAD;AACEC,IAAAA,IAAI,EAAEH,KAAK,CAACG,IAAN,IAAcH,KAAK,CAACG;AAC1BC,IAAAA,OAAO,EAAC;AACRC,IAAAA,IAAI,EAAEL,KAAK,CAACK,IAAN,IAAcL,KAAK,CAACK;AAC1BC,IAAAA,SAAS,8BAA2BN,KAAK,CAACM,SAAN,GAAkBN,KAAK,CAACM,SAAxB,GAAoC,EAA/D;AACTC,IAAAA,SAAS,EAAE,CAACP,KAAK,CAACQ,OAAP,IAAkBR,KAAK,CAACO;AACnCE,IAAAA,OAAO,EAAE,CAACT,KAAK,CAACQ,OAAP,IAAkBR,KAAK,CAACS;AACjCC,IAAAA,OAAO,EAAEV,KAAK,CAACU;AACfC,IAAAA,QAAQ,EAAE,CAACX,KAAK,CAACQ,OAAP,IAAkBR,KAAK,CAACW;GARpC,EAUGX,KAAK,CAACQ,OAAN,GAAgBP,mBAAA,CAACW,gBAAD;AAAkBC,IAAAA,IAAI,EAAE;GAAxB,CAAhB,GAAiDb,KAAK,CAACc,KAV1D,CADF;AAcD,CAfM;;;;;;;"}
+{"version":3,"file":"techsbcn-storybook.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/wrappers/PublicFormWrapper/PublicFormWrapper.tsx","../src/components/fields/ButtonComponent/ButtonComponent.tsx","../src/components/fields/TextFieldComponent/TextFieldComponent.tsx","../src/components/forms/LoginForm.tsx","../src/components/forms/ChangePasswordForm.tsx","../src/components/forms/ResetPasswordForm.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\r\nimport { Box, Container } from '@mui/material';\r\nimport './PublicFormWrapper.scss';\r\n\r\ninterface PublicFormWrapperProps {\r\n  className?: string;\r\n}\r\n\r\nexport const PublicFormWrapper: React.FC<PublicFormWrapperProps> = (props) => {\r\n  return (\r\n    <Box\r\n      height=\"100%\"\r\n      className={`public-form-wrapper ${props.className ? props.className : ''}`}\r\n      display=\"flex\"\r\n      justifyContent=\"center\"\r\n      alignItems=\"center\"\r\n    >\r\n      <Container maxWidth=\"xs\">\r\n        <Box className=\"wrapper-box\" p={1}>\r\n          {props.children}\r\n        </Box>\r\n      </Container>\r\n    </Box>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { Button, CircularProgress } from '@mui/material/';\r\nimport './ButtonComponent.scss';\r\n\r\nexport interface ButtonComponentProps {\r\n  className?: string;\r\n  label?: string;\r\n  startIcon?: React.ReactNode;\r\n  endIcon?: React.ReactNode;\r\n  onClick?: () => void;\r\n  loading?: boolean;\r\n  form?: string;\r\n  type?: 'button' | 'submit' | 'reset';\r\n  disabled?: boolean;\r\n}\r\n\r\nexport const ButtonComponent: React.FC<ButtonComponentProps> = (props) => {\r\n  return (\r\n    <Button\r\n      type={props.type && props.type}\r\n      variant=\"contained\"\r\n      form={props.form && props.form}\r\n      className={`main-background-color ${props.className ? props.className : ''}`}\r\n      startIcon={!props.loading && props.startIcon}\r\n      endIcon={!props.loading && props.endIcon}\r\n      onClick={props.onClick}\r\n      disabled={!props.loading && props.disabled}\r\n    >\r\n      {props.loading ? <CircularProgress size={25} /> : props.label}\r\n    </Button>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { TextField, Box } from '@mui/material/';\r\nimport './TextFieldComponent.scss';\r\n\r\nexport type InputType =\r\n  | 'text'\r\n  | 'radio'\r\n  | 'checkbox'\r\n  | 'textarea'\r\n  | 'submit'\r\n  | 'date'\r\n  | 'hidden'\r\n  | 'number'\r\n  | 'range'\r\n  | 'password'\r\n  | 'time'\r\n  | 'file';\r\n\r\ninterface TextFieldComponentProps {\r\n  id?: string;\r\n  label?: string;\r\n  name?: string;\r\n  value?: string | number;\r\n  className?: string;\r\n  type?: InputType;\r\n  placeholder?: string;\r\n  required?: boolean;\r\n  disabled?: boolean;\r\n  minNumber?: number;\r\n  maxNumber?: number;\r\n  error?: boolean;\r\n  startIcon?: React.ReactNode;\r\n  endIcon?: React.ReactNode;\r\n  fullWidth?: boolean;\r\n  helperText?: string;\r\n  textFieldRef?: any;\r\n  inputRef?: React.Ref<any>;\r\n  autoComplete?: string;\r\n  multiline?: boolean;\r\n  rows?: number;\r\n  maxLength?: number;\r\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n  onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\r\n  step?: number | string;\r\n}\r\n\r\nexport const TextFieldComponent: React.FC<TextFieldComponentProps> = (props) => {\r\n  return (\r\n    <Box className=\"text-field-component\" width=\"100%\">\r\n      <TextField\r\n        error={props.error}\r\n        id={props.id}\r\n        label={props.label}\r\n        defaultValue={props.value}\r\n        className={props.className}\r\n        required={props.required}\r\n        disabled={props.disabled}\r\n        type={props.type}\r\n        placeholder={props.placeholder}\r\n        autoComplete={props.autoComplete}\r\n        variant=\"standard\"\r\n        ref={props.inputRef}\r\n        InputProps={{\r\n          disableUnderline: true,\r\n          startAdornment: props.startIcon,\r\n          endAdornment: props.endIcon,\r\n          inputProps: {\r\n            max: props.maxNumber,\r\n            min: props.minNumber,\r\n            step: props.step,\r\n          },\r\n        }}\r\n        InputLabelProps={{ shrink: true }}\r\n        helperText={props.helperText}\r\n        fullWidth={props.fullWidth}\r\n        multiline={props.multiline}\r\n        rows={props.rows}\r\n        onChange={props.onChange}\r\n        onKeyUp={props.onKeyUp}\r\n        inputProps={{\r\n          maxLength: props.maxLength,\r\n          step: props.step,\r\n          max: props.maxNumber,\r\n          min: props.minNumber,\r\n        }}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n\r\nTextFieldComponent.defaultProps = {\r\n  fullWidth: true,\r\n  type: 'text',\r\n};\r\n","import React, { useState } from 'react';\r\nimport { Box, Grid, IconButton } from '@mui/material';\r\nimport * as yup from 'yup';\r\nimport { useForm, Controller } from 'react-hook-form';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\nimport { Visibility, VisibilityOff } from '@mui/icons-material';\r\nimport { TextFieldComponent } from '../fields/TextFieldComponent/TextFieldComponent';\r\nimport { ButtonComponent } from '../fields/ButtonComponent/ButtonComponent';\r\n\r\ninterface LoginFormProps {\r\n  onClick: (data: any) => void;\r\n  topComponent?: React.ReactNode;\r\n  bottomComponent?: React.ReactNode;\r\n  loading: boolean;\r\n  requiredText: { requiredTextMail: string; requiredTextPassword: string };\r\n  valuesText: { buttonText: string; text1: string; placeholder1?: string; text2: string; placeholder2?: string };\r\n}\r\n\r\nexport const LoginForm: React.FC<LoginFormProps> = (props) => {\r\n  const LoginSchema = yup.object().shape({\r\n    email: yup.string().required(props.requiredText.requiredTextMail),\r\n    password: yup.string().required(props.requiredText.requiredTextPassword),\r\n  });\r\n\r\n  const [showPassword, setShownPassword] = useState(false);\r\n  const handleClickShowPassword = () => {\r\n    setShownPassword(!showPassword);\r\n  };\r\n\r\n  const {\r\n    control,\r\n    handleSubmit,\r\n    formState: { errors },\r\n  } = useForm({\r\n    resolver: yupResolver(LoginSchema),\r\n  });\r\n\r\n  return (\r\n    <Box m={2}>\r\n      {props.topComponent && <Box m={2}>{props.topComponent}</Box>}\r\n      <Box my={2}>\r\n        <Grid container direction=\"column\" spacing={1}>\r\n          <Grid item>\r\n            <Controller\r\n              control={control}\r\n              name={'email'}\r\n              render={({ field: { onChange, name, ref } }) => (\r\n                <TextFieldComponent\r\n                  label={props.valuesText.text1}\r\n                  placeholder={props.valuesText.placeholder1}\r\n                  autoComplete=\"email\"\r\n                  error={!!errors.email}\r\n                  helperText={errors.email?.message}\r\n                  name={name}\r\n                  inputRef={ref}\r\n                  onChange={(e) => {\r\n                    onChange(e);\r\n                  }}\r\n                />\r\n              )}\r\n            />\r\n          </Grid>\r\n          <Grid item>\r\n            <Controller\r\n              control={control}\r\n              name={'password'}\r\n              render={({ field: { onChange, name, ref } }) => (\r\n                <TextFieldComponent\r\n                  label={props.valuesText.text2}\r\n                  placeholder={props.valuesText.placeholder2}\r\n                  type={showPassword ? 'text' : 'password'}\r\n                  error={!!errors.password}\r\n                  helperText={errors.password?.message}\r\n                  name={name}\r\n                  inputRef={ref}\r\n                  onChange={(e) => {\r\n                    onChange(e);\r\n                  }}\r\n                  endIcon={\r\n                    <IconButton aria-label=\"toggle password visibility\" onClick={handleClickShowPassword} size=\"small\">\r\n                      {showPassword ? <Visibility /> : <VisibilityOff />}\r\n                    </IconButton>\r\n                  }\r\n                />\r\n              )}\r\n            />\r\n          </Grid>\r\n        </Grid>\r\n      </Box>\r\n      <Box mb={5}>\r\n        <ButtonComponent\r\n          label={props.valuesText.buttonText}\r\n          loading={props.loading}\r\n          className=\"btn-login\"\r\n          onClick={handleSubmit(props.onClick)}\r\n        />\r\n      </Box>\r\n      {props.bottomComponent && <Box m={2}>{props.bottomComponent}</Box>}\r\n    </Box>\r\n  );\r\n};\r\n","import React, { useState } from 'react';\r\nimport { Box, Grid, IconButton } from '@mui/material/';\r\nimport { Visibility, VisibilityOff } from '@mui/icons-material';\r\nimport { useForm, Controller } from 'react-hook-form';\r\nimport * as yup from 'yup';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\nimport { TextFieldComponent } from '../fields/TextFieldComponent/TextFieldComponent';\r\nimport { ButtonComponent } from '../fields/ButtonComponent/ButtonComponent';\r\n\r\ninterface ChangePasswordFormProps {\r\n  onClick: (data: any) => void;\r\n  loading: boolean;\r\n  topComponent?: React.ReactNode;\r\n  bottomComponent?: React.ReactNode;\r\n  requiredText: { requiredTextPassword: string; requiredTextSamePassword: string };\r\n  valuesText: { buttonText: string; text1: string; placeholder1?: string; text2: string; placeholder2?: string };\r\n}\r\n\r\nexport const ChangePasswordForm: React.FC<ChangePasswordFormProps> = (props) => {\r\n  const validationSchema = yup.object().shape({\r\n    password: yup.string().required(props.requiredText.requiredTextPassword),\r\n    passwordConfirmation: yup\r\n      .string()\r\n      .when('password', (password: any, schema: any) => {\r\n        if (password) return schema.required(props.requiredText.requiredTextPassword);\r\n      })\r\n      .oneOf([yup.ref('password'), null], props.requiredText.requiredTextSamePassword),\r\n  });\r\n\r\n  const {\r\n    handleSubmit,\r\n    control,\r\n    formState: { errors },\r\n  } = useForm({\r\n    resolver: yupResolver(validationSchema),\r\n  });\r\n\r\n  const [showPassword, setShownPassword] = useState(false);\r\n\r\n  const handleClickShowPassword = () => {\r\n    setShownPassword(!showPassword);\r\n  };\r\n\r\n  const handleMouseDownPassword = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n    event.preventDefault();\r\n  };\r\n\r\n  return (\r\n    <Box>\r\n      {props.topComponent && <Box m={2}>{props.topComponent}</Box>}\r\n      <Box m={2}>\r\n        <Grid container direction=\"column\" spacing={1}>\r\n          <Grid item>\r\n            <Controller\r\n              control={control}\r\n              name={'password'}\r\n              render={({ field: { onChange, name, ref } }) => (\r\n                <TextFieldComponent\r\n                  label={props.valuesText.text1}\r\n                  type={showPassword ? 'text' : 'password'}\r\n                  error={!!errors.password}\r\n                  placeholder={props.valuesText.placeholder1}\r\n                  helperText={errors.password?.message}\r\n                  name={name}\r\n                  inputRef={ref}\r\n                  onChange={(e) => {\r\n                    onChange(e);\r\n                  }}\r\n                  endIcon={\r\n                    <IconButton\r\n                      aria-label=\"toggle password visibility\"\r\n                      onClick={handleClickShowPassword}\r\n                      onMouseDown={handleMouseDownPassword}\r\n                      size=\"small\"\r\n                    >\r\n                      {showPassword ? <Visibility /> : <VisibilityOff />}\r\n                    </IconButton>\r\n                  }\r\n                />\r\n              )}\r\n            />\r\n          </Grid>\r\n          <Grid item>\r\n            <Controller\r\n              control={control}\r\n              name={'passwordConfirmation'}\r\n              render={({ field: { onChange, name, ref } }) => (\r\n                <TextFieldComponent\r\n                  label={props.valuesText.text2}\r\n                  placeholder={props.valuesText.placeholder2}\r\n                  type={showPassword ? 'text' : 'password'}\r\n                  error={!!errors.passwordConfirmation}\r\n                  helperText={errors.passwordConfirmation?.message}\r\n                  name={name}\r\n                  inputRef={ref}\r\n                  onChange={(e) => {\r\n                    onChange(e);\r\n                  }}\r\n                  endIcon={\r\n                    <IconButton\r\n                      aria-label=\"toggle password visibility\"\r\n                      onClick={handleClickShowPassword}\r\n                      onMouseDown={handleMouseDownPassword}\r\n                      size=\"small\"\r\n                    >\r\n                      {showPassword ? <Visibility /> : <VisibilityOff />}\r\n                    </IconButton>\r\n                  }\r\n                />\r\n              )}\r\n            />\r\n          </Grid>\r\n        </Grid>\r\n      </Box>\r\n      <Box m={2}>\r\n        <ButtonComponent\r\n          label={props.valuesText.buttonText}\r\n          className=\"btn-login\"\r\n          onClick={handleSubmit(props.onClick)}\r\n          loading={props.loading}\r\n        />\r\n      </Box>\r\n      {props.bottomComponent && <Box m={2}>{props.bottomComponent}</Box>}\r\n    </Box>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { Box } from '@mui/material';\r\nimport * as yup from 'yup';\r\nimport { useForm, Controller } from 'react-hook-form';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\nimport { TextFieldComponent } from '../fields/TextFieldComponent/TextFieldComponent';\r\nimport { ButtonComponent } from '../fields/ButtonComponent/ButtonComponent';\r\n\r\ninterface resetPasswordFormProps {\r\n  onClick: (data: any) => void;\r\n  loading: boolean;\r\n  topComponent?: React.ReactNode;\r\n  bottomComponent?: React.ReactNode;\r\n  requiredText: { requiredTextMail: string };\r\n  valuesText: { buttonText: string; text: string; placeholder?: string };\r\n}\r\n\r\nexport const ResetPasswordForm: React.FC<resetPasswordFormProps> = (props) => {\r\n  const ResetSchema = yup.object().shape({\r\n    email: yup.string().required(props.requiredText.requiredTextMail),\r\n  });\r\n\r\n  const {\r\n    control,\r\n    handleSubmit,\r\n    formState: { errors },\r\n  } = useForm({\r\n    resolver: yupResolver(ResetSchema),\r\n  });\r\n\r\n  return (\r\n    <Box m={2}>\r\n      {props.topComponent && <Box m={2}>{props.topComponent}</Box>}\r\n      <Box mx={2} my={2}>\r\n        <Controller\r\n          control={control}\r\n          name={'email'}\r\n          render={({ field: { onChange, name, ref } }) => (\r\n            <TextFieldComponent\r\n              label={props.valuesText.text}\r\n              placeholder={props.valuesText.placeholder}\r\n              autoComplete=\"email\"\r\n              error={!!errors.email}\r\n              helperText={errors.email?.message}\r\n              name={name}\r\n              inputRef={ref}\r\n              onChange={(e) => {\r\n                onChange(e);\r\n              }}\r\n            />\r\n          )}\r\n        />\r\n      </Box>\r\n      <Box mx={2} mb={5}>\r\n        <ButtonComponent\r\n          label={props.valuesText.buttonText}\r\n          className=\"btn-login\"\r\n          onClick={handleSubmit(props.onClick)}\r\n          loading={props.loading}\r\n        />\r\n      </Box>\r\n      {props.bottomComponent && <Box m={2}>{props.bottomComponent}</Box>}\r\n    </Box>\r\n  );\r\n};\r\n"],"names":["PublicFormWrapper","props","React","Box","height","className","display","justifyContent","alignItems","Container","maxWidth","p","children","ButtonComponent","Button","type","variant","form","startIcon","loading","endIcon","onClick","disabled","CircularProgress","size","label","TextFieldComponent","width","TextField","error","id","defaultValue","value","required","placeholder","autoComplete","ref","inputRef","InputProps","disableUnderline","startAdornment","endAdornment","inputProps","max","maxNumber","min","minNumber","step","InputLabelProps","shrink","helperText","fullWidth","multiline","rows","onChange","onKeyUp","maxLength","defaultProps","LoginForm","LoginSchema","yup","shape","email","requiredText","requiredTextMail","password","requiredTextPassword","useState","showPassword","setShownPassword","handleClickShowPassword","useForm","resolver","yupResolver","control","handleSubmit","errors","formState","m","topComponent","my","Grid","container","direction","spacing","item","Controller","name","render","field","valuesText","text1","placeholder1","message","e","text2","placeholder2","IconButton","Visibility","VisibilityOff","mb","buttonText","bottomComponent","ChangePasswordForm","validationSchema","passwordConfirmation","when","schema","oneOf","requiredTextSamePassword","handleMouseDownPassword","event","preventDefault","onMouseDown","ResetPasswordForm","ResetSchema","mx","text"],"mappings":"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"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.2.1",
+  "version": "0.2.2",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/fields/TextFieldComponent/TextFieldComponent.tsx

@@ -44,7 +44,7 @@ interface TextFieldComponentProps {
   step?: number | string;
 }
 
-const TextFieldComponent: React.FC<TextFieldComponentProps> = (props) => {
+export const TextFieldComponent: React.FC<TextFieldComponentProps> = (props) => {
   return (
     <Box className="text-field-component" width="100%">
       <TextField
@@ -87,8 +87,8 @@ const TextFieldComponent: React.FC<TextFieldComponentProps> = (props) => {
     </Box>
   );
 };
+
 TextFieldComponent.defaultProps = {
   fullWidth: true,
   type: 'text',
 };
-export default TextFieldComponent;

package/src/components/forms/ChangePasswordForm.tsx

@@ -4,7 +4,7 @@ import { Visibility, VisibilityOff } from '@mui/icons-material';
 import { useForm, Controller } from 'react-hook-form';
 import * as yup from 'yup';
 import { yupResolver } from '@hookform/resolvers/yup';
-import TextFieldComponent from '../fields/TextFieldComponent/TextFieldComponent';
+import { TextFieldComponent } from '../fields/TextFieldComponent/TextFieldComponent';
 import { ButtonComponent } from '../fields/ButtonComponent/ButtonComponent';
 
 interface ChangePasswordFormProps {
@@ -16,7 +16,7 @@ interface ChangePasswordFormProps {
   valuesText: { buttonText: string; text1: string; placeholder1?: string; text2: string; placeholder2?: string };
 }
 
-const ChangePasswordForm: React.FC<ChangePasswordFormProps> = (props) => {
+export const ChangePasswordForm: React.FC<ChangePasswordFormProps> = (props) => {
   const validationSchema = yup.object().shape({
     password: yup.string().required(props.requiredText.requiredTextPassword),
     passwordConfirmation: yup
@@ -124,5 +124,3 @@ const ChangePasswordForm: React.FC<ChangePasswordFormProps> = (props) => {
     </Box>
   );
 };
-
-export default ChangePasswordForm;

package/src/components/forms/LoginForm.tsx

@@ -4,7 +4,7 @@ import * as yup from 'yup';
 import { useForm, Controller } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { Visibility, VisibilityOff } from '@mui/icons-material';
-import TextFieldComponent from '../fields/TextFieldComponent/TextFieldComponent';
+import { TextFieldComponent } from '../fields/TextFieldComponent/TextFieldComponent';
 import { ButtonComponent } from '../fields/ButtonComponent/ButtonComponent';
 
 interface LoginFormProps {
@@ -16,7 +16,7 @@ interface LoginFormProps {
   valuesText: { buttonText: string; text1: string; placeholder1?: string; text2: string; placeholder2?: string };
 }
 
-const LoginForm: React.FC<LoginFormProps> = (props) => {
+export const LoginForm: React.FC<LoginFormProps> = (props) => {
   const LoginSchema = yup.object().shape({
     email: yup.string().required(props.requiredText.requiredTextMail),
     password: yup.string().required(props.requiredText.requiredTextPassword),
@@ -99,5 +99,3 @@ const LoginForm: React.FC<LoginFormProps> = (props) => {
     </Box>
   );
 };
-
-export default LoginForm;

package/src/components/forms/ResetPasswordForm.tsx

@@ -3,7 +3,7 @@ import { Box } from '@mui/material';
 import * as yup from 'yup';
 import { useForm, Controller } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
-import TextFieldComponent from '../fields/TextFieldComponent/TextFieldComponent';
+import { TextFieldComponent } from '../fields/TextFieldComponent/TextFieldComponent';
 import { ButtonComponent } from '../fields/ButtonComponent/ButtonComponent';
 
 interface resetPasswordFormProps {
@@ -15,7 +15,7 @@ interface resetPasswordFormProps {
   valuesText: { buttonText: string; text: string; placeholder?: string };
 }
 
-const ResetPasswordForm: React.FC<resetPasswordFormProps> = (props) => {
+export const ResetPasswordForm: React.FC<resetPasswordFormProps> = (props) => {
   const ResetSchema = yup.object().shape({
     email: yup.string().required(props.requiredText.requiredTextMail),
   });
@@ -63,5 +63,3 @@ const ResetPasswordForm: React.FC<resetPasswordFormProps> = (props) => {
     </Box>
   );
 };
-
-export default ResetPasswordForm;

package/src/components/wrappers/PublicFormWrapper/PublicFormWrapper.tsx

@@ -5,7 +5,8 @@ import './PublicFormWrapper.scss';
 interface PublicFormWrapperProps {
   className?: string;
 }
-const PublicFormWrapper: React.FC<PublicFormWrapperProps> = (props) => {
+
+export const PublicFormWrapper: React.FC<PublicFormWrapperProps> = (props) => {
   return (
     <Box
       height="100%"
@@ -22,5 +23,3 @@ const PublicFormWrapper: React.FC<PublicFormWrapperProps> = (props) => {
     </Box>
   );
 };
-
-export default PublicFormWrapper;