@autobusal/common 1.0.6 → 1.1.0

package/Notifications/Icon.tsx

@@ -0,0 +1,37 @@
+import { IoAlertSharp, IoBusSharp, IoChatboxOutline, IoCheckmarkOutline, IoCloseSharp, IoWarningOutline } from 'react-icons/io5';
+import { ICONS } from './utilities';
+
+interface Props {
+  type: string
+  size?: number
+}
+
+const Icon = ({ type, size }: Props): (JSX.Element | undefined) => {
+  if (!ICONS.includes(type)) {
+    return undefined;
+  }
+
+  switch (type) {
+    case 'warning':
+      return <IoWarningOutline size={ size } />;
+
+    case 'error':
+      return <IoCloseSharp size={ size } />;
+
+    case 'success':
+      return <IoCheckmarkOutline size={ size } />;
+
+    case 'alert':
+      return <IoAlertSharp size={ size } />;
+
+    case 'bus':
+      return <IoBusSharp size={ size } />;
+
+    case 'message':
+      return <IoChatboxOutline size={ size } />;
+  }
+
+  return <></>;
+};
+
+export default Icon;

package/Notifications/utilities.ts

@@ -0,0 +1,16 @@
+export const ICONS = [
+  'warning', 'error', 'success', 'alert', 'bus', 'message'
+];
+
+export const getBackgroundColor = (type?: string): (string | undefined) => {
+  switch (type) {
+    case 'warning':
+      return '#FF9C5A';
+
+    case 'error':
+      return '#FF6B5A';
+
+    case 'success':
+      return '#6CF96B';
+  }
+};

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/index.ts

@@ -17,6 +17,7 @@ import { General, Inline, Box, BoxMiddle, GeneralFull } from './Loading/Loading'
 import IpLogs from './IpLogs/IpLogs';
 import Meta from './Meta';
 import Modal from './Modal/Modal';
+import NotificationIcon from './Notifications/Icon';
 import Pagination from './Pagination/Pagination';
 import Paragraph from './Loading/Paragraph';
 import Passengers from './Passengers/Passengers';
@@ -53,6 +54,7 @@ export {
   IpLogs,
   Meta,
   Modal,
+  NotificationIcon,
   Pagination,
   Paragraph,
   Passengers,

package/package.json

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