@evoke-platform/ui-components 1.0.0-dev.203 → 1.0.0-dev.204

package/dist/published/components/custom/ErrorComponent/ErrorComponent.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { GridSize } from '@mui/material';
+export declare type ErrorComponentProps = {
+    code?: 'AccessDenied' | 'NotFound' | 'Misconfigured';
+    message?: string;
+    colspan?: GridSize;
+    styles?: React.CSSProperties;
+};
+export default function ErrorComponent(props: ErrorComponentProps): JSX.Element;

package/dist/published/components/custom/ErrorComponent/ErrorComponent.js

@@ -0,0 +1,59 @@
+import React from 'react';
+import { Box, Typography, Grid } from '@mui/material';
+import { LockRounded, ErrorRounded, WarningRounded, BuildRounded } from '@mui/icons-material';
+export default function ErrorComponent(props) {
+    const { code, message, colspan, styles } = props;
+    const getTitle = () => {
+        switch (code) {
+            case 'AccessDenied':
+                return 'Access Denied';
+            case 'NotFound':
+                return 'Not Found';
+            case 'Misconfigured':
+                return 'Configuration Error';
+            default:
+                return 'Hmm. Something went wrong.';
+        }
+    };
+    const getSubtitle = () => {
+        if (message)
+            return message;
+        switch (code) {
+            case 'AccessDenied':
+                return 'You do not have permission to view this content.';
+            case 'NotFound':
+                return 'The requested content could not be found.';
+            case 'Misconfigured':
+                return `It looks like something is missing.`;
+            default:
+                return 'There was an error while loading.';
+        }
+    };
+    const getIcon = () => {
+        switch (code) {
+            case 'AccessDenied':
+                return React.createElement(LockRounded, { sx: { color: '#0075A7' } });
+            case 'NotFound':
+                return React.createElement(ErrorRounded, { sx: { color: '#A12723' } });
+            case 'Misconfigured':
+                return React.createElement(BuildRounded, { sx: { color: '#ef8228' } });
+            default:
+                return React.createElement(WarningRounded, { sx: { color: '#ef8228' } });
+        }
+    };
+    return (React.createElement(Grid, { item: true, xs: colspan !== null && colspan !== void 0 ? colspan : 12, sm: 12, sx: Object.assign({ background: 'white', display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column', boxShadow: '0px 8px 16px 0px rgba(145, 158, 171, 0.12)', borderRadius: '6px', height: 200 }, styles) },
+        React.createElement(Box, { sx: {
+                padding: '8px',
+                height: '36px',
+                width: '36px',
+                borderRadius: '8px',
+                backgroundColor: '#F9FAFB',
+                boxShadow: '0px 1px 2px 0px rgba(0, 0, 0, 0.12)',
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                marginBottom: '16px',
+            } }, getIcon()),
+        React.createElement(Typography, { sx: { fontWeight: 700, fontSize: '18px' } }, getTitle()),
+        React.createElement(Typography, { sx: { marginTop: '4px' } }, getSubtitle())));
+}

package/dist/published/components/custom/ErrorComponent/index.d.ts

@@ -0,0 +1,3 @@
+import ErrorComponent from './ErrorComponent';
+export { ErrorComponent };
+export default ErrorComponent;

package/dist/published/components/custom/ErrorComponent/index.js

@@ -0,0 +1,3 @@
+import ErrorComponent from './ErrorComponent';
+export { ErrorComponent };
+export default ErrorComponent;

package/dist/published/components/custom/index.d.ts

@@ -1,6 +1,7 @@
 export { BuilderGrid } from './BuilderGrid';
 export { CriteriaBuilder } from './CriteriaBuilder';
 export { DataGrid } from './DataGrid';
+export { ErrorComponent } from './ErrorComponent';
 export { FormField } from './FormField';
 export { MenuBar } from './Menubar';
 export { MultiSelect } from './MultiSelect';

package/dist/published/components/custom/index.js

@@ -1,6 +1,7 @@
 export { BuilderGrid } from './BuilderGrid';
 export { CriteriaBuilder } from './CriteriaBuilder';
 export { DataGrid } from './DataGrid';
+export { ErrorComponent } from './ErrorComponent';
 export { FormField } from './FormField';
 export { MenuBar } from './Menubar';
 export { MultiSelect } from './MultiSelect';

package/dist/published/index.d.ts

@@ -1,7 +1,7 @@
 export { ClickAwayListener, Toolbar, createTheme, styled } from '@mui/material';
 export { CalendarPicker, DateTimePicker, MonthPicker, PickersDay, StaticDateTimePicker, StaticTimePicker, TimePicker, YearPicker, } from '@mui/x-date-pickers';
 export * from './components/core';
-export { BuilderGrid, CriteriaBuilder, DataGrid, FormField, MenuBar, MultiSelect, RepeatableField, UserAvatar, } from './components/custom';
+export { BuilderGrid, CriteriaBuilder, DataGrid, ErrorComponent, FormField, MenuBar, MultiSelect, RepeatableField, UserAvatar, } from './components/custom';
 export { Box, Container, Grid, Stack } from './components/layout';
 export * from './util';
 export * as EVOKE_TYPES from './types';

package/dist/published/index.js

@@ -1,7 +1,7 @@
 export { ClickAwayListener, Toolbar, createTheme, styled } from '@mui/material';
 export { CalendarPicker, DateTimePicker, MonthPicker, PickersDay, StaticDateTimePicker, StaticTimePicker, TimePicker, YearPicker, } from '@mui/x-date-pickers';
 export * from './components/core';
-export { BuilderGrid, CriteriaBuilder, DataGrid, FormField, MenuBar, MultiSelect, RepeatableField, UserAvatar, } from './components/custom';
+export { BuilderGrid, CriteriaBuilder, DataGrid, ErrorComponent, FormField, MenuBar, MultiSelect, RepeatableField, UserAvatar, } from './components/custom';
 export { Box, Container, Grid, Stack } from './components/layout';
 export * from './util';
 export * as EVOKE_TYPES from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.0.0-dev.203",
+    "version": "1.0.0-dev.204",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",