@autobusal/common 1.0.0 → 1.0.2

package/Loading/styles.ts

@@ -1,5 +1,4 @@
 import styled from 'styled-components';
-import { Middle } from '@layouts/Full/styles';
 
 export const ContainerGeneral = styled.div`
   width: 100%;
@@ -42,7 +41,14 @@ export const ItemParagraph = styled.div<{
   border-radius: 5px;
 `;
 
-export const ContainerBoxMiddle = styled(Middle)`
+export const ContainerBoxMiddle = styled.div`
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  max-width: 400px;
+  width: 92%;
+  transform: translate(-50%, -50%);
+
   & > h1 {
     margin-bottom: 15px;
   }

package/Viewer/Data.tsx

@@ -25,6 +25,11 @@ const Data = ({ id, item, refs, t, onUpdate }: Props): (JSX.Element | null) => {
     return null;
   }
 
+  const value = {
+    string: (item.value !== undefined && item.value !== null) ? String(item.value) : undefined,
+    number: (item.value !== undefined && item.value !== null) ? Number(item.value) : undefined
+  };
+
   switch (item.type) {
     case 'checkbox':
       return <input type="checkbox" value={ 1 } defaultChecked={ Number(item.value) == 1 } { ...refs(item.name, Validate(String(item.rules), t)) } />;
@@ -43,41 +48,38 @@ const Data = ({ id, item, refs, t, onUpdate }: Props): (JSX.Element | null) => {
       );
 
     case 'component':
-      return <div className="row-data">{ item.value }</div>;
+      return <div className="row-data">{ value.string }</div>;
 
     case 'display':
-      return <Display className="row-data">{ item.value }</Display>;
+      return <Display className="row-data">{ value.string }</Display>;
 
     case 'date':
     case 'dob':
-    case 'picker': {
-      const value = (item.value !== null && item.value !== undefined) ? String(item.value) : undefined;
-
+    case 'picker':
       return (
         <Calendar
           type={ item.type }
           name={ item.name }
-          defaultValue={ value }
+          defaultValue={ value.string }
           t={ t }
           validation={ item.rules }
           refs={ refs }
           onUpdate={ onUpdate }
         />
       );
-    }
 
     case 'date-picker':
       return <DatePicker item={ item } t={ t } refs={ refs } onUpdate={ onUpdate } />;
 
     case 'email':
-      return <input type="email" defaultValue={ item.value !== undefined ? String(item.value) : undefined } { ...refs(item.name, Validate(String(item.rules), t)) } />;
+      return <input type="email" defaultValue={ value.string } { ...refs(item.name, Validate(String(item.rules), t)) } />;
 
     case 'file':
     case 'files':
       return (
         <File
           name={ item.name }
-          value={ item.value !== undefined ? String(item.value) : undefined }
+          value={ value.string }
           validation={ item.rules }
           multiple={ item.type === 'files' }
           t={ t }
@@ -86,13 +88,13 @@ const Data = ({ id, item, refs, t, onUpdate }: Props): (JSX.Element | null) => {
       );
 
     case 'float':
-      return <input type="number" defaultValue={ item.value !== undefined ? Number(item.value) : undefined } { ...refs(item.name, Validate(String(item.rules), t)) } step="0.01" />;
+      return <input type="number" defaultValue={ value.number } { ...refs(item.name, Validate(String(item.rules), t)) } step="0.01" />;
 
     case 'link':
-      return <Linked id={ id } value={ item.value } url={ item.url } />;
+      return <Linked id={ id } value={ value.string } url={ item.url } />;
 
     case 'number':
-      return <input type="number" defaultValue={ item.value !== undefined ? Number(item?.value) : undefined } { ...refs(item.name, Validate(String(item.rules), t)) } />
+      return <input type="number" defaultValue={ value.number } { ...refs(item.name, Validate(String(item.rules), t)) } />
 
     case 'password':
       return <Password name={ item.name } validation={ item.rules } t={ t } refs={ refs } />;
@@ -101,16 +103,16 @@ const Data = ({ id, item, refs, t, onUpdate }: Props): (JSX.Element | null) => {
       return <Dropdown item={ item } refs={ refs } t={ t } />;
 
     case 'text':
-      return <input type="text" defaultValue={ item.value !== undefined ? String(item.value) : undefined } { ...refs(item.name, Validate(String(item.rules), t)) } />;
+      return <input type="text" defaultValue={ value.string } { ...refs(item.name, Validate(String(item.rules), t)) } />;
 
     case 'textarea':
-      return <textarea defaultValue={ item.value !== undefined ? String(item.value) : undefined } { ...refs(item.name, Validate(String(item.rules), t)) }></textarea>;
+      return <textarea defaultValue={ value.string } { ...refs(item.name, Validate(String(item.rules), t)) }></textarea>;
 
     case 'textarea-html':
       return (
         <TextareaHtml
           name={ item.name }
-          value={ item.value ? String(item.value) : undefined }
+          value={ value.string }
           validation={ item.rules }
           t={ t }
           refs={ refs }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/common",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "type": "module",
   "main": "index.ts"
 }