@imposium-hub/components 1.36.3 → 1.38.0

package/Entry.ts

@@ -22,6 +22,7 @@ import NumberField from './components/number-field/NumberField';
 import SelectField from './components/select-field/SelectField';
 import TextField from './components/text-field/TextField';
 import TextAreaField from './components/text-area-field/TextAreaField';
+import ToastService from './components/toast-service/ToastService';
 import SliderField from './components/slider-field/SliderField';
 import ColorField from './components/color-field/ColorField';
 import Tag from './components/tag/Tag';
@@ -139,6 +140,7 @@ export {
     Tag,
     TextField,
     TextAreaField,
+    ToastService,
     SliderField,
     Section,
     DeterminateLoader,

package/Util.ts

@@ -167,6 +167,7 @@ export const isObjEmpty = (obj : any) => {
 };
 
 export const validateAssetMimetype = (file : File) : boolean => {
+
     const [fileType, fileFormat] = file.type.split('/');
     const nameSegments = file.name.split('.');
     const extension = nameSegments[nameSegments.length - 1];
@@ -201,6 +202,7 @@ export const validateAssetMimetype = (file : File) : boolean => {
 export const isFont = (mimeType, extension) => {
 
     const accepted = [
+        'font',
         'otf',
         'sfnt',
         'ttf',

package/components/toast-service/ToastService.tsx

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import cogoToast from 'cogo-toast';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faInfoCircle } from '@fortawesome/free-solid-svg-icons/faInfoCircle';
+import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons/faExclamationTriangle';
+
+export default class ToastService {
+    private static readonly DEFAULT_TOAST_CONFIG : any = {
+        hideAfter: 3,
+        position: 'bottom-right'
+    };
+
+    private static INFO_STYLE : any = {
+        bar: {
+            size: '2px',
+            style: 'solid',
+            color: '#56B05E'
+        },
+        renderIcon: () => (<FontAwesomeIcon icon = {faInfoCircle} color = '#56B05E' />)
+    };
+
+    private static ERROR_STYLE : any = {
+        bar: {
+            size: '2px',
+            style: 'solid',
+            color: '#AF1126'
+        },
+        renderIcon: () => (<FontAwesomeIcon icon = {faExclamationTriangle} color = '#AF1126' />)
+    };
+
+    public static emit = (type : string, copy : string) : void => {
+        switch (type) {
+            case 'info':
+                cogoToast.info(
+                    copy,
+                    {
+                        ...ToastService.DEFAULT_TOAST_CONFIG,
+                        ...ToastService.INFO_STYLE
+                    }
+                );
+                return;
+            case 'error':
+                cogoToast.error(
+                    copy,
+                    {
+                        ...ToastService.DEFAULT_TOAST_CONFIG,
+                        ...ToastService.ERROR_STYLE
+                    }
+                );
+                return;
+            default:
+                return;
+        }
+    }
+}