@evoke-platform/ui-components 1.0.0-dev.215 → 1.0.0-dev.217

package/dist/published/components/core/StaticDatePicker/StaticDatePicker.js

@@ -9,10 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { LocalDate } from '@js-joda/core';
+import { StaticDatePicker as MUIStaticDatePicker, } from '@mui/x-date-pickers';
 import React from 'react';
 import UIThemeProvider from '../../../theme';
-import { StaticDatePicker as MUIStaticDatePicker, } from '@mui/x-date-pickers';
-import { LocalDate } from '@js-joda/core';
 import { InvalidDate } from '../../../util/date';
 import TextField from '../TextField';
 const StaticDatePicker = (props) => {

package/dist/published/components/core/Stepper/Step/Step.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Step as MUIStep } from '@mui/material';
+import React from 'react';
 import UIThemeProvider from '../../../../theme';
 const Step = (props) => {
     return (React.createElement(UIThemeProvider, null,

package/dist/published/components/core/Stepper/StepButton/StepButton.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { StepButton as MUIStepButton } from '@mui/material';
+import React from 'react';
 import UIThemeProvider from '../../../../theme';
 const StepButton = (props) => {
     return (React.createElement(UIThemeProvider, null,

package/dist/published/components/core/Stepper/StepConnector/StepConnector.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { StepConnector as MUIStepConnector } from '@mui/material';
+import React from 'react';
 import UIThemeProvider from '../../../../theme';
 const StepConnector = (props) => {
     return (React.createElement(UIThemeProvider, null,

package/dist/published/components/core/Stepper/StepContent/StepContent.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { StepContent as MUIStepContent } from '@mui/material';
+import React from 'react';
 import UIThemeProvider from '../../../../theme';
 const StepContent = (props) => {
     return (React.createElement(UIThemeProvider, null,

package/dist/published/components/core/Stepper/StepIcon/StepIcon.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { StepIcon as MUIStepIcon } from '@mui/material';
+import React from 'react';
 import UIThemeProvider from '../../../../theme';
 const StepIcon = (props) => {
     return (React.createElement(UIThemeProvider, null,

package/dist/published/components/core/Stepper/StepLabel/StepLabel.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { StepLabel as MUIStepLabel } from '@mui/material';
+import React from 'react';
 import UIThemeProvider from '../../../../theme';
 const StepLabel = (props) => {
     return (React.createElement(UIThemeProvider, null,

package/dist/published/components/core/Stepper/Stepper.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Stepper as MUIStepper } from '@mui/material';
+import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Stepper = (props) => {
     return (React.createElement(UIThemeProvider, null,

package/dist/published/components/core/Stepper/index.d.ts

@@ -1,8 +1,8 @@
 import Step from './Step';
-import Stepper from './Stepper';
-import StepIcon from './StepIcon';
-import StepLabel from './StepLabel';
 import StepButton from './StepButton';
-import StepContent from './StepContent';
 import StepConnector from './StepConnector';
-export { Stepper, Step, StepLabel, StepContent, StepIcon, StepButton, StepConnector };
+import StepContent from './StepContent';
+import StepIcon from './StepIcon';
+import StepLabel from './StepLabel';
+import Stepper from './Stepper';
+export { Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper };

package/dist/published/components/core/Stepper/index.js

@@ -1,8 +1,8 @@
 import Step from './Step';
-import Stepper from './Stepper';
-import StepIcon from './StepIcon';
-import StepLabel from './StepLabel';
 import StepButton from './StepButton';
-import StepContent from './StepContent';
 import StepConnector from './StepConnector';
-export { Stepper, Step, StepLabel, StepContent, StepIcon, StepButton, StepConnector };
+import StepContent from './StepContent';
+import StepIcon from './StepIcon';
+import StepLabel from './StepLabel';
+import Stepper from './Stepper';
+export { Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper };

package/dist/published/components/core/Switch/Switch.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Switch as MUISwitch } from '@mui/material';
+import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Switch = (props) => {
     return (React.createElement(UIThemeProvider, null,

package/dist/published/components/core/Table/Table.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Table as MUITable } from '@mui/material';
+import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Table = (props) => {
     return (React.createElement(UIThemeProvider, null,

package/dist/published/components/core/Tabs/Tab/Tab.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Tab as MUITab } from '@mui/material';
+import React from 'react';
 import UIThemeProvider from '../../../../theme';
 const Tab = (props) => {
     return (React.createElement(UIThemeProvider, null,

package/dist/published/components/core/Tabs/Tabs.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Tabs as MUITabs } from '@mui/material';
+import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Tabs = (props) => {
     return (React.createElement(UIThemeProvider, null,

package/dist/published/components/core/Tabs/index.d.ts

@@ -1,3 +1,3 @@
-import Tabs from './Tabs';
 import Tab from './Tab';
-export { Tabs, Tab };
+import Tabs from './Tabs';
+export { Tab, Tabs };

package/dist/published/components/core/Tabs/index.js

@@ -1,3 +1,3 @@
-import Tabs from './Tabs';
 import Tab from './Tab';
-export { Tabs, Tab };
+import Tabs from './Tabs';
+export { Tab, Tabs };

package/dist/published/components/core/TextField/TextField.js

@@ -1,5 +1,5 @@
 import { InputLabel, TextField as MUITextField } from '@mui/material';
-import * as React from 'react';
+import React from 'react';
 import UIThemeProvider from '../../../theme';
 import FieldError from '../FieldError';
 import Typography from '../Typography';

package/dist/published/components/core/TextField/TextField.test.js

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom/extend-expect';
-import React from 'react';
 import { render, screen } from '@testing-library/react';
+import React from 'react';
 import TextField from './index';
 test('render TextField and check for data-testid === label-outside when labelPlacement === outside-top && variant === outlined', () => {
     render(React.createElement(TextField, { id: "testinput", labelPlacement: "outside-top", variant: "outlined", label: "Title" }));

package/dist/published/components/core/ToggleButton/ToggleButton.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { ToggleButton as MUIToggleButton } from '@mui/material';
+import React from 'react';
 import UIThemeProvider from '../../../theme';
 const ToggleButton = (props) => {
     return (React.createElement(UIThemeProvider, null,

package/dist/published/components/core/ToggleButtonGroup/ToggleButtonGroup.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { ToggleButtonGroup as MUIToggleButtonGroup } from '@mui/material';
+import React from 'react';
 import UIThemeProvider from '../../../theme';
 const ToggleButtonGroup = (props) => {
     return (React.createElement(UIThemeProvider, null,

package/dist/published/components/core/Tooltip/Tooltip.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Tooltip as MUITooltip } from '@mui/material';
+import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Tooltip = (props) => {
     var _a, _b, _c;

package/dist/published/components/core/Typography/index.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import { Typography as MUITypography } from '@mui/material';
+import React from 'react';
 import UIThemeProvider from '../../../theme';
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const Typography = (props) => {

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

@@ -1,53 +1,53 @@
-export { Accordion, AccordionDetails, AccordionActions, AccordionSummary } from './Accordion';
-export { AppBar } from './AppBar';
+export { Accordion, AccordionActions, AccordionDetails, AccordionSummary } from './Accordion';
 export { Alert } from './Alert';
 export { AlertTitle } from './AlertTitle';
+export { AppBar } from './AppBar';
 export { Autocomplete } from './Autocomplete';
 export { Avatar } from './Avatar';
 export { Backdrop } from './Backdrop';
 export { Badge } from './Badge';
+export { Breadcrumbs } from './Breadcrumbs';
 export { Button } from './Button';
+export { ButtonGroup } from './ButtonGroup';
+export { Card } from './Card';
 export { Checkbox } from './Checkbox';
 export { Chip } from './Chip';
 export { CircularProgress } from './CircularProgress';
+export { Collapse } from './Collapse';
 export * from './DatePicker';
 export * from './DateTimePicker';
-export { Dialog, DialogTitle, DialogActions, DialogContent, DialogContentText } from './Dialog';
+export { Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from './Dialog';
 export { Divider } from './Divider';
 export { Drawer } from './Drawer';
+export { FieldError } from './FieldError';
+export { FormControl, FormControlLabel, FormGroup, FormHelperText, FormLabel } from './FormElements';
+export { IconButton } from './IconButton';
 export { LinearProgress } from './LinearProgress';
 export { Link } from './Link';
-export * from './LocalizationProvider';
+export { List, ListItem } from './List';
 export { LoadingButton } from './LoadingButton';
+export * from './LocalizationProvider';
 export { Menu, MenuItem } from './Menu';
+export { Paper } from './Paper';
+export { Popover } from './Popover';
+export { Popper } from './Popper';
+export { Radio, RadioGroup } from './RadioGroup';
+export { Select } from './Select';
 export { Skeleton } from './Skeleton';
 export { Snackbar } from './Snackbar';
 export * from './StaticDatePicker';
+export { Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper } from './Stepper';
 export { Switch } from './Switch';
-export { TextField } from './TextField';
-export { Typography } from './Typography';
-export { Paper } from './Paper';
-export { List, ListItem } from './List';
-export { Card } from './Card';
-export { Collapse } from './Collapse';
-export { IconButton } from './IconButton';
 export { Table } from './Table';
-export { ButtonGroup } from './ButtonGroup';
-export { Breadcrumbs } from './Breadcrumbs';
+export { Tab, Tabs } from './Tabs';
+export { TextField } from './TextField';
 export { ToggleButton } from './ToggleButton';
 export { ToggleButtonGroup } from './ToggleButtonGroup';
-export { Tabs, Tab } from './Tabs';
 export { Tooltip } from './Tooltip';
-export { FormControl, FormGroup, FormLabel, FormControlLabel, FormHelperText } from './FormElements';
-export { Radio, RadioGroup } from './RadioGroup';
-export { FieldError } from './FieldError';
-export { Select } from './Select';
-export { Step, StepLabel, Stepper, StepContent, StepButton, StepIcon, StepConnector } from './Stepper';
-export { Popover } from './Popover';
-export { Popper } from './Popper';
-export { SvgIcon, TableBody, TableCell, TableContainer, TableHead, TablePagination, TableRow, TableSortLabel, ListItemButton, ListItemText, CardActions, CardActionArea, CardContent, CardMedia, CardHeader, Input, InputLabel, InputAdornment, } from '@mui/material';
+export { Typography } from './Typography';
 export { TabContext, TabList, TabPanel, TreeItem, TreeView } from '@mui/lab';
+export { CardActionArea, CardActions, CardContent, CardHeader, CardMedia, Input, InputAdornment, InputLabel, ListItemButton, ListItemText, SvgIcon, TableBody, TableCell, TableContainer, TableHead, TablePagination, TableRow, TableSortLabel, } from '@mui/material';
 export { useGridApiRef } from '@mui/x-data-grid';
 export type { GridSize } from '@mui/material';
+export type { GridCellParams, GridColDef, GridEventListener, GridFilterModel, GridInitialState, GridRowParams, GridValueFormatterParams, GridValueGetterParams, } from '@mui/x-data-grid';
 export type { AutocompleteOption } from './Autocomplete/Autocomplete';
-export type { GridCellParams, GridColDef, GridRowParams, GridFilterModel, GridValueFormatterParams, GridValueGetterParams, GridEventListener, GridInitialState, } from '@mui/x-data-grid';

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

@@ -1,51 +1,51 @@
-export { Accordion, AccordionDetails, AccordionActions, AccordionSummary } from './Accordion';
-export { AppBar } from './AppBar';
+export { Accordion, AccordionActions, AccordionDetails, AccordionSummary } from './Accordion';
 export { Alert } from './Alert';
 export { AlertTitle } from './AlertTitle';
+export { AppBar } from './AppBar';
 export { Autocomplete } from './Autocomplete';
 export { Avatar } from './Avatar';
 export { Backdrop } from './Backdrop';
 export { Badge } from './Badge';
+export { Breadcrumbs } from './Breadcrumbs';
 export { Button } from './Button';
+export { ButtonGroup } from './ButtonGroup';
+export { Card } from './Card';
 export { Checkbox } from './Checkbox';
 export { Chip } from './Chip';
 export { CircularProgress } from './CircularProgress';
+export { Collapse } from './Collapse';
 export * from './DatePicker';
 export * from './DateTimePicker';
-export { Dialog, DialogTitle, DialogActions, DialogContent, DialogContentText } from './Dialog';
+export { Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from './Dialog';
 export { Divider } from './Divider';
 export { Drawer } from './Drawer';
+export { FieldError } from './FieldError';
+export { FormControl, FormControlLabel, FormGroup, FormHelperText, FormLabel } from './FormElements';
+export { IconButton } from './IconButton';
 export { LinearProgress } from './LinearProgress';
 export { Link } from './Link';
-export * from './LocalizationProvider';
+export { List, ListItem } from './List';
 export { LoadingButton } from './LoadingButton';
+export * from './LocalizationProvider';
 export { Menu, MenuItem } from './Menu';
+export { Paper } from './Paper';
+export { Popover } from './Popover';
+export { Popper } from './Popper';
+export { Radio, RadioGroup } from './RadioGroup';
+export { Select } from './Select';
 export { Skeleton } from './Skeleton';
 export { Snackbar } from './Snackbar';
 export * from './StaticDatePicker';
+export { Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper } from './Stepper';
 export { Switch } from './Switch';
-export { TextField } from './TextField';
-export { Typography } from './Typography';
-export { Paper } from './Paper';
-export { List, ListItem } from './List';
-export { Card } from './Card';
-export { Collapse } from './Collapse';
-export { IconButton } from './IconButton';
 export { Table } from './Table';
-export { ButtonGroup } from './ButtonGroup';
-export { Breadcrumbs } from './Breadcrumbs';
+export { Tab, Tabs } from './Tabs';
+export { TextField } from './TextField';
 export { ToggleButton } from './ToggleButton';
 export { ToggleButtonGroup } from './ToggleButtonGroup';
-export { Tabs, Tab } from './Tabs';
 export { Tooltip } from './Tooltip';
-export { FormControl, FormGroup, FormLabel, FormControlLabel, FormHelperText } from './FormElements';
-export { Radio, RadioGroup } from './RadioGroup';
-export { FieldError } from './FieldError';
-export { Select } from './Select';
-export { Step, StepLabel, Stepper, StepContent, StepButton, StepIcon, StepConnector } from './Stepper';
-export { Popover } from './Popover';
-export { Popper } from './Popper';
+export { Typography } from './Typography';
 //TODO: Review following components. They also need theme control:
-export { SvgIcon, TableBody, TableCell, TableContainer, TableHead, TablePagination, TableRow, TableSortLabel, ListItemButton, ListItemText, CardActions, CardActionArea, CardContent, CardMedia, CardHeader, Input, InputLabel, InputAdornment, } from '@mui/material';
 export { TabContext, TabList, TabPanel, TreeItem, TreeView } from '@mui/lab';
+export { CardActionArea, CardActions, CardContent, CardHeader, CardMedia, Input, InputAdornment, InputLabel, ListItemButton, ListItemText, SvgIcon, TableBody, TableCell, TableContainer, TableHead, TablePagination, TableRow, TableSortLabel, } from '@mui/material';
 export { useGridApiRef } from '@mui/x-data-grid';

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

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

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

@@ -13,14 +13,14 @@ import { Box } from '@mui/material';
 import { DataGrid as MuiDataGrid, } from '@mui/x-data-grid';
 import React, { useMemo, useState } from 'react';
 import UIThemeProvider from '../../../theme';
+import ErrorComponent from '../ErrorComponent';
 import BuilderGridToolbar from './BuilderGridToolbar';
 import { EmptyContent } from './EmptyContent';
-import ErrorComponent from '../ErrorComponent';
 const BuilderGrid = (props) => {
     var _a, _b, _c, _d, _e;
-    const { loading, actions, item, rows, initialSort, emptyContentSelectOptions, emptyContentActionIndex, title, subtitle, disablePagination, hideEmptyContent, hideToolbar, noRowsOverlay, filterComponent, error } = props, rest = __rest(props, ["loading", "actions", "item", "rows", "initialSort", "emptyContentSelectOptions", "emptyContentActionIndex", "title", "subtitle", "disablePagination", "hideEmptyContent", "hideToolbar", "noRowsOverlay", "filterComponent", "error"]);
+    const { loading, actions, item, rows, initialSort, emptyContentSelectOptions, emptyContentActionIndex, title, subtitle, disablePagination, hideEmptyContent, hideToolbar, hideSearchbar, noRowsOverlay, filterComponent, error } = props, rest = __rest(props, ["loading", "actions", "item", "rows", "initialSort", "emptyContentSelectOptions", "emptyContentActionIndex", "title", "subtitle", "disablePagination", "hideEmptyContent", "hideToolbar", "hideSearchbar", "noRowsOverlay", "filterComponent", "error"]);
     const [anchorEl, setAnchorEl] = useState();
-    const toolbar = useMemo(() => () => (React.createElement(BuilderGridToolbar, { loading: loading, actions: actions, title: title, subtitle: subtitle, filter: filterComponent })), [loading, actions]);
+    const toolbar = useMemo(() => () => (React.createElement(BuilderGridToolbar, { loading: loading, actions: actions, title: title, subtitle: subtitle, hideSearchbar: hideSearchbar, filter: filterComponent })), [loading, actions]);
     return (React.createElement(UIThemeProvider, null, loading || rows.length || hideEmptyContent ? (React.createElement(Box, { sx: {
             backgroundColor: '#fff',
             borderRadius: '6px',

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

@@ -1,11 +1,12 @@
 import { GridToolbarProps as MuiGridToolbarProps } from '@mui/x-data-grid';
-import React from 'react';
+import { ReactElement } from 'react';
 import { GridAction } from './BuilderGrid';
 export declare type BuilderGridToolbar = MuiGridToolbarProps & {
     actions?: GridAction[];
     title?: string;
     subtitle?: string;
-    filter?: React.ReactElement;
+    filter?: ReactElement;
+    hideSearchbar?: boolean;
 };
 declare function BuilderGridToolbar(props: BuilderGridToolbar): JSX.Element;
 export default BuilderGridToolbar;

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

@@ -1,4 +1,4 @@
-import { Box, Typography } from '@mui/material';
+import { Typography } from '@mui/material';
 import { GridToolbarContainer, GridToolbarQuickFilter, } from '@mui/x-data-grid';
 import React from 'react';
 import UIThemeProvider from '../../../theme';
@@ -6,11 +6,13 @@ import { Grid } from '../../layout';
 import { ToolbarActions } from './ToolbarActions';
 function BuilderGridToolbar(props) {
     var _a, _b, _c;
-    const { theme, actions, title, subtitle, filter } = props;
+    const { theme, actions, title, subtitle, filter, hideSearchbar } = props;
     const styles = {
         container: {
             display: 'flex',
             margin: '0 0 15px 0',
+            justifyContent: 'space-between',
+            width: '100%',
         },
         iconButton: {
             minWidth: '36px',
@@ -42,19 +44,18 @@ function BuilderGridToolbar(props) {
     };
     return (React.createElement(UIThemeProvider, { args: { theme: theme } },
         React.createElement(GridToolbarContainer, { sx: { padding: '0' } },
-            title && (React.createElement(React.Fragment, null,
-                React.createElement(Box, { display: subtitle ? 'flex' : 'block', justifyContent: 'space-between', width: '100%' },
-                    React.createElement(Box, null,
-                        React.createElement(Typography, { sx: { fontSize: '18px', fontWeight: 700, marginBottom: '6px', marginTop: '6px' } }, title),
-                        subtitle && React.createElement(Typography, { sx: { fontSize: '14px' } }, subtitle)),
-                    React.createElement(ToolbarActions, { actions: actions })))),
-            React.createElement(Grid, { container: true, sx: styles.container },
-                !subtitle && (React.createElement(Grid, { item: true, xs: filter ? 3 : 6, sx: {
-                        display: 'flex',
-                        alignItems: 'center',
-                    } },
-                    React.createElement(GridToolbarQuickFilter, { variant: "outlined", size: "small", sx: Object.assign(Object.assign({}, styles.quickFilter), { flex: filter ? 1 : 0 }) }))),
-                filter && (React.createElement(Grid, { xs: 6, item: true, sx: { display: 'flex' } }, filter)),
-                !title && React.createElement(ToolbarActions, { actions: actions })))));
+            React.createElement(Grid, { xs: 12, sx: styles.container },
+                React.createElement(Grid, { display: 'block' },
+                    title && (React.createElement(Typography, { sx: {
+                            fontSize: '18px',
+                            fontWeight: 700,
+                            marginBottom: '6px',
+                        } }, title)),
+                    React.createElement(Grid, { sx: { display: 'flex' } },
+                        !hideSearchbar && (React.createElement(GridToolbarQuickFilter, { variant: "outlined", size: "small", sx: styles.quickFilter })),
+                        filter && (React.createElement(Grid, { item: true, sx: { display: 'flex', marginLeft: '16px' } }, filter))),
+                    subtitle && (React.createElement(Typography, { sx: { fontSize: '14px', marginTop: !hideSearchbar ? '8px' : '0px' } }, subtitle))),
+                React.createElement(Grid, null,
+                    React.createElement(ToolbarActions, { actions: actions }))))));
 }
 export default BuilderGridToolbar;

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

@@ -1,7 +1,7 @@
-import React from 'react';
+import { ReactElement } from 'react';
 import { GridAction } from './BuilderGrid';
 declare type ToolbarActionsProps = {
-    filter?: React.ReactElement;
+    filter?: ReactElement;
     actions?: GridAction[];
 };
 export declare const ToolbarActions: (props: ToolbarActionsProps) => JSX.Element;

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

@@ -2,8 +2,8 @@ import React from 'react';
 import { Button } from '../../core';
 import { Grid } from '../../layout';
 export const ToolbarActions = (props) => {
-    const { filter, actions } = props;
-    return (React.createElement(Grid, { item: true, container: true, xs: filter ? 3 : 6, display: 'flex', alignItems: 'center', justifyContent: 'flex-end' }, actions === null || actions === void 0 ? void 0 : actions.filter((a) => !a.isHidden).map((action, index) => (React.createElement(Grid, { item: true, display: 'flex', alignItems: 'center', justifyContent: 'flex-end' },
+    const { actions } = props;
+    return (React.createElement(Grid, { item: true, container: true, display: 'flex', alignItems: 'center', justifyContent: 'flex-end' }, actions === null || actions === void 0 ? void 0 : actions.filter((a) => !a.isHidden).map((action, index) => (React.createElement(Grid, { item: true, display: 'flex', alignItems: 'center', justifyContent: 'flex-end' },
         React.createElement(Button, { sx: {
                 fontWeight: 700,
                 height: '36px',

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

@@ -1,6 +1,6 @@
-import React from 'react';
+import { ElementType } from 'react';
 import 'react-querybuilder/dist/query-builder.css';
-import { Operator, ObjectProperty, PresetValue } from './types';
+import { ObjectProperty, Operator, PresetValue } from './types';
 import { ValueEditorProps } from './ValueEditor';
 export declare type CriteriaInputProps = {
     properties: ObjectProperty[];
@@ -10,7 +10,7 @@ export declare type CriteriaInputProps = {
     enablePresetValues?: boolean;
     presetValues?: PresetValue[];
     dynamicContentInput?: {
-        component: React.ElementType;
+        component: ElementType;
         previousSteps: unknown[];
         trigger?: Record<string, unknown>;
     };

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

@@ -1,9 +1,9 @@
 import { AddRounded, RemoveCircleOutlineRounded } from '@mui/icons-material';
 import { QueryBuilderMaterial } from '@react-querybuilder/material';
+import { isEmpty, startCase } from 'lodash';
 import React, { useEffect, useMemo, useState } from 'react';
-import { QueryBuilder, formatQuery, parseMongoDB, useRuleGroup, TestID, RuleGroupBodyComponents, RuleGroupHeaderComponents, } from 'react-querybuilder';
+import { QueryBuilder, RuleGroupBodyComponents, RuleGroupHeaderComponents, TestID, formatQuery, parseMongoDB, useRuleGroup, } from 'react-querybuilder';
 import 'react-querybuilder/dist/query-builder.css';
-import { isEmpty, startCase } from 'lodash';
 import { Autocomplete, Button, IconButton, TextField } from '../../core';
 import { Box } from '../../layout';
 import { difference } from '../util';

package/dist/published/components/custom/CriteriaBuilder/ValueEditor.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { AutocompleteOption } from '../../core';
 import { ValueEditorProps as ValueEditorBaseProps } from 'react-querybuilder';
+import { AutocompleteOption } from '../../core';
 export declare type ValueEditorProps = ValueEditorBaseProps & {
     values?: AutocompleteOption[] | any[];
 };

package/dist/published/components/custom/CriteriaBuilder/ValueEditor.js

@@ -1,9 +1,9 @@
+import { ClearRounded } from '@mui/icons-material';
+import { Box, darken, lighten, styled } from '@mui/material';
+import { TimePicker } from '@mui/x-date-pickers';
 import React, { useRef, useState } from 'react';
 import { Autocomplete, Chip, DatePicker, LocalizationProvider, Menu, MenuItem, TextField, Typography, } from '../../core';
 import { NumericFormat } from '../FormField/InputFieldComponent';
-import { Box, darken, lighten, styled } from '@mui/material';
-import { ClearRounded } from '@mui/icons-material';
-import { TimePicker } from '@mui/x-date-pickers';
 const GroupHeader = styled('div')(({ theme }) => ({
     position: 'sticky',
     top: '-8px',

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { DataGridProps as MuiDataGridProps, GridValidRowModel } from '@mui/x-data-grid';
 import { Theme } from '@mui/material';
+import { GridValidRowModel, DataGridProps as MuiDataGridProps } from '@mui/x-data-grid';
 export declare type BulkAction = {
     label: string;
     onClick: () => void;

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

@@ -9,14 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { DataGrid as MuiDataGrid, getGridStringOperators, getGridDateOperators, getGridSingleSelectOperators, getGridBooleanOperators, GridPagination, getGridNumericOperators, } from '@mui/x-data-grid';
-import { lighten } from '@mui/material';
+import { Box, Typography, lighten } from '@mui/material';
+import { GridPagination, DataGrid as MuiDataGrid, getGridBooleanOperators, getGridDateOperators, getGridNumericOperators, getGridSingleSelectOperators, getGridStringOperators, } from '@mui/x-data-grid';
 import React, { useEffect, useState } from 'react';
-import Toolbar from './Toolbar';
 import UIThemeProvider from '../../../theme';
-import { Box, Typography } from '@mui/material';
-import { dateTimeBetweenOperator } from './DateTimeCustomOperator';
 import LinearProgress from '../../core/LinearProgress';
+import { dateTimeBetweenOperator } from './DateTimeCustomOperator';
+import Toolbar from './Toolbar';
 export default function (props) {
     var _a;
     const { onRefresh, loading, theme, title, bulkAction, filterSettings, columns, rows, hideSearchbar, loadingOptions } = props, rest = __rest(props, ["onRefresh", "loading", "theme", "title", "bulkAction", "filterSettings", "columns", "rows", "hideSearchbar", "loadingOptions"]);

package/dist/published/components/custom/DataGrid/DateTimeCustomOperator.js

@@ -1,7 +1,7 @@
 import { Box, debounce, TextField } from '@mui/material';
 import { useGridRootProps } from '@mui/x-data-grid';
-import React, { useEffect, useState } from 'react';
 import { isNil } from 'lodash';
+import React, { useEffect, useState } from 'react';
 function DateTimeRangeFilter(props) {
     var _a;
     const rootProps = useGridRootProps();

package/dist/published/components/custom/DataGrid/Toolbar.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { GridToolbarProps as MuiGridToolbarProps } from '@mui/x-data-grid';
 import { Theme } from '@mui/material';
+import { GridToolbarProps as MuiGridToolbarProps } from '@mui/x-data-grid';
 import { BulkAction } from './DataGrid';
 export declare type GridToolbarProps = MuiGridToolbarProps & {
     onRefresh?: () => void;

package/dist/published/components/custom/DataGrid/Toolbar.js

@@ -1,10 +1,10 @@
 import { FileDownloadRounded, FilterAlt, Refresh, TableChartRounded, TableRowsRounded } from '@mui/icons-material';
+import { Typography } from '@mui/material';
 import { GridToolbarColumnsButton, GridToolbarContainer, GridToolbarDensitySelector, GridToolbarExport, GridToolbarFilterButton, GridToolbarQuickFilter, } from '@mui/x-data-grid';
 import React from 'react';
-import { Grid } from '../../layout';
-import { IconButton, Button } from '../../core';
 import UIThemeProvider from '../../../theme';
-import { Typography } from '@mui/material';
+import { Button, IconButton } from '../../core';
+import { Grid } from '../../layout';
 function Toolbar(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const { onRefresh, setAnchorEl, loading, theme, title, bulkAction, hideSearchbar } = props;