techsbcn-storybook 0.14.0 → 0.14.1

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import './TextFieldComponent.scss';
 export declare type InputType = 'text' | 'radio' | 'checkbox' | 'textarea' | 'submit' | 'date' | 'hidden' | 'number' | 'range' | 'password' | 'time' | 'file';
-interface TextFieldComponentProps {
+export interface TextFieldComponentProps {
     id?: string;
     label?: string;
     name?: string;
@@ -31,4 +31,3 @@ interface TextFieldComponentProps {
     noBorders?: boolean;
 }
 export declare const TextFieldComponent: React.FC<TextFieldComponentProps>;
-export {};

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

@@ -6,6 +6,7 @@ interface ChangePasswordFormProps {
     bottomComponent?: React.ReactNode;
     requiredText: {
         requiredTextPassword: string;
+        requiredPasswordPolices: string;
         requiredTextSamePassword: string;
     };
     valuesText: {

package/dist/components/tables/SimpleTableComponent/SimpleTableComponent.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ObjectKey } from '../../../interfaces';
 import './SimpleTableComponent.scss';
-import { InputType } from '../../fields/TextFieldComponent/TextFieldComponent';
+import { TextFieldComponentProps } from '../../fields/TextFieldComponent/TextFieldComponent';
 interface SimpleTableComponentProps {
     rows: any[];
     values: ObjectKey;
@@ -65,7 +65,7 @@ interface ActionProps {
 }
 interface EditableCellProps {
     isTextField?: {
-        type?: InputType;
+        textFieldProps?: TextFieldComponentProps;
         onCellValueChange: (data: any) => void;
     };
     isSelectField?: {

package/dist/components/tables/TableComponent/TableComponent.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SearchFilters, ObjectKey } from '../../../interfaces';
 import './TableComponent.scss';
-import { InputType } from '../../fields/TextFieldComponent/TextFieldComponent';
+import { TextFieldComponentProps } from '../../fields/TextFieldComponent/TextFieldComponent';
 interface TableComponentProps {
     rows: any[];
     values: ObjectKey;
@@ -67,7 +67,7 @@ interface ActionProps {
 }
 interface EditableCellProps {
     isTextField?: {
-        type?: InputType;
+        textFieldProps?: TextFieldComponentProps;
         onCellValueChange: (data: any) => void;
     };
     isSelectField?: {

package/dist/data/_globalization/es.d.ts

@@ -49,6 +49,7 @@ declare var _default: {
     requiredMail: string;
     requiredPassword: string;
     requiredSamePassword: string;
+    requiredPasswordPolices: string;
     UserAlreadyExistsException: string;
     EntityDoesNotExistException: string;
     NotAuthorizedException: string;

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

@@ -559,12 +559,11 @@ var TableComponent = function TableComponent(props) {
         setUpdate();
       };
 
-      return React__default.createElement(TextFieldComponent, {
-        type: editableCell.isTextField.type,
+      return React__default.createElement(TextFieldComponent, Object.assign({}, editableCell.isTextField.textFieldProps, {
         onChange: handleTextFieldChange,
         name: fieldName,
         defaultValue: value
-      });
+      }));
     } else {
       return value;
     }
@@ -935,14 +934,11 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
         setUpdate();
       };
 
-      return React__default.createElement(TextFieldComponent, {
-        type: editableCell.isTextField.type,
+      return React__default.createElement(TextFieldComponent, Object.assign({}, editableCell.isTextField.textFieldProps, {
         onChange: handleTextFieldChange,
         name: fieldName,
-        defaultValue: value,
-        step: "any",
-        minNumber: 0
-      });
+        defaultValue: value
+      }));
     } else {
       return value;
     }
@@ -1483,7 +1479,10 @@ var TextSimpleComponent = function TextSimpleComponent(props) {
     width: "" + (props.fullWidth ? 'auto' : 'fit-content')
   }, props.startIcon && React__default.createElement(_.Box, {
     mr: 1
-  }, props.startIcon), props.value, props.endIcon && React__default.createElement(_.Box, {
+  }, props.startIcon), props.isLoading ? React__default.createElement(_.CircularProgress, {
+    className: "circular-progress-main-color",
+    size: 20
+  }) : props.value, props.endIcon && React__default.createElement(_.Box, {
     ml: "" + (props.fullWidth ? 'auto' : 1)
   }, props.endIcon)), props.helperText && React__default.createElement(_.Box, {
     className: "helper-text " + (props.error ? 'has-error' : '')
@@ -2599,7 +2598,7 @@ var LoginForm = function LoginForm(props) {
 
 var ChangePasswordForm = function ChangePasswordForm(props) {
   var validationSchema = yup.object().shape({
-    password: yup.string().required(props.requiredText.requiredTextPassword),
+    password: yup.string().required(props.requiredText.requiredTextPassword).matches(/^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{6,})/, props.requiredText.requiredPasswordPolices),
     passwordConfirmation: yup.string().when('password', function (password, schema) {
       if (password) return schema.required(props.requiredText.requiredTextPassword);
     }).oneOf([yup.ref('password'), null], props.requiredText.requiredTextSamePassword)