@autobusal/common 1.0.6 → 1.0.7

package/Viewer/Data.tsx

@@ -32,7 +32,7 @@ const Data = ({ id, item, refs, t, onUpdate }: Props): (JSX.Element | null) => {
 
   switch (item.type) {
     case 'checkbox':
-      return <input type="checkbox" value={ 1 } defaultChecked={ Number(item.value) == 1 } { ...refs(item.name, Validate(String(item.rules), t)) } />;
+      return <input type="checkbox" value={ 1 } defaultChecked={ Number(item.value) === 1 } { ...refs(item.name, Validate(String(item.rules), t)) } />;
 
     case 'checkbox-list':
     case 'checkbox-list-all':

package/Viewer/Items/TextareaHtml.tsx

@@ -29,6 +29,7 @@ const TextareaHtml = ({ name, value, validation, t, refs, onUpdate }: Props): JS
         onEditorChange={ onChange }
         initialValue={ value ?? '' }
         tinymceScriptSrc="/tinymce/tinymce.min.js"
+        licenseKey="gpl"
         init={{
           height: 350,
           menubar: false,

package/Viewer/Loading.tsx

@@ -0,0 +1,14 @@
+import { TFunction } from 'i18next';
+import { Inline } from '../Loading/Loading';
+
+interface Props {
+  t: TFunction<'common'>
+}
+
+const Loading = ({ t }: Props): JSX.Element => (
+  <div className="box">
+    <Inline text={ t('table.loading_data', { ns: 'common' }) } />
+  </div>
+);
+
+export default Loading;

package/Viewer/Viewer.tsx

@@ -1,5 +1,6 @@
 import { useForm } from 'react-hook-form';
 import { TFunction } from 'i18next';
+import Loading from './Loading';
 import Item from './Item';
 import Actions from './Actions';
 import { Container } from './styles';
@@ -9,6 +10,7 @@ interface Props {
   id: number
   type?: 'simple'
   data: ViewData[]
+  fetching?: boolean
   pending?: boolean
   actions?: string[]
   t: TFunction<'common'>
@@ -16,8 +18,12 @@ interface Props {
   onDelete?: (data?: any) => void
 }
 
-const Viewer = ({ id, type, data, pending, actions, t, onSave, onDelete }: Props): JSX.Element => {
+const Viewer = ({ id, type, data, fetching, pending, actions, t, onSave, onDelete }: Props): JSX.Element => {
   const { register, handleSubmit, formState: { errors }, setValue } = useForm<any>();
+  
+  if (fetching) {
+    return <Loading t={ t } />;
+  }
 
   const items = data.map((item, index) => (
     <Item

package/package.json

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