@evoke-platform/ui-components 1.0.0-dev.178 → 1.0.0-dev.179

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { GridSortItem, GridValidRowModel, DataGridProps as MuiDataGridProps } from '@mui/x-data-grid';
+import React from 'react';
 import { EmptyContentSelectOptions } from './EmptyContent';
 export declare type GridAction = {
     label: string;
@@ -12,6 +12,9 @@ export declare type BuilderGridProps<T extends GridValidRowModel> = MuiDataGridP
     emptyContentSelectOptions?: EmptyContentSelectOptions;
     title?: string;
     disablePagination?: boolean;
+    hideEmptyContent?: boolean;
+    hideToolbar?: boolean;
+    noRowsOverlay?: React.ReactElement;
 };
 declare const BuilderGrid: <T extends GridValidRowModel>(props: BuilderGridProps<T>) => JSX.Element;
 export default BuilderGrid;

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

@@ -17,10 +17,10 @@ import BuilderGridToolbar from './BuilderGridToolbar';
 import { EmptyContent } from './EmptyContent';
 const BuilderGrid = (props) => {
     var _a, _b;
-    const { loading, action, item, rows, initialSort, emptyContentSelectOptions, title, disablePagination } = props, rest = __rest(props, ["loading", "action", "item", "rows", "initialSort", "emptyContentSelectOptions", "title", "disablePagination"]);
+    const { loading, action, item, rows, initialSort, emptyContentSelectOptions, title, disablePagination, hideEmptyContent, hideToolbar, noRowsOverlay } = props, rest = __rest(props, ["loading", "action", "item", "rows", "initialSort", "emptyContentSelectOptions", "title", "disablePagination", "hideEmptyContent", "hideToolbar", "noRowsOverlay"]);
     const [anchorEl, setAnchorEl] = useState();
     const toolbar = useMemo(() => () => React.createElement(BuilderGridToolbar, { loading: loading, action: action, title: title }), [loading, action]);
-    return (React.createElement(UIThemeProvider, null, loading || rows.length ? (React.createElement(Box, { sx: {
+    return (React.createElement(UIThemeProvider, null, loading || rows.length || hideEmptyContent ? (React.createElement(Box, { sx: {
             backgroundColor: '#fff',
             borderRadius: '6px',
             flexGrow: 1,
@@ -51,7 +51,7 @@ const BuilderGrid = (props) => {
                     backgroundColor: '#F4F6F8',
                     padding: '0 24px',
                 }, '& .MuiDataGrid-columnHeaders': {
-                    borderTop: '1px solid #e2e2e3',
+                    borderTop: hideToolbar ? 'none' : '1px solid #e2e2e3',
                     borderRadius: 0,
                     backgroundColor: '#f4f6f8',
                 }, '& .MuiDataGrid-columnHeaderTitle': {
@@ -59,8 +59,6 @@ const BuilderGrid = (props) => {
                     fontWeight: 700,
                 }, '& .MuiDataGrid-iconButtonContainer': {
                     marginLeft: '4px',
-                }, '& .MuiDataGrid-overlayWrapper': {
-                    display: 'none',
                 }, height: !disablePagination ? 'calc(100vh - 240px)' : 'auto' }, rest.sx), getRowId: (row) => row.id, disableColumnMenu: true, initialState: {
                 sorting: {
                     sortModel: initialSort ? [initialSort] : [],
@@ -78,9 +76,14 @@ const BuilderGrid = (props) => {
                         },
                     },
                 },
-            }, components: {
-                Toolbar: toolbar,
-                NoResultsOverlay: () => React.createElement(Box, null),
+            }, slots: {
+                toolbar: hideToolbar ? null : toolbar,
+                noResultsOverlay: () => {
+                    return React.createElement(Box, null);
+                },
+                noRowsOverlay: () => {
+                    return noRowsOverlay ? noRowsOverlay : null;
+                },
             }, rowHeight: 60, columnHeaderHeight: 62 })))) : (React.createElement(React.Fragment, null, rows && !rows.length && (React.createElement(Box, { sx: {
             backgroundColor: '#fff',
             borderRadius: '6px',

package/package.json

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