material-react-table 1.5.7 → 1.5.9

package/dist/cjs/index.js

@@ -1201,7 +1201,7 @@ const MRT_GlobalFilterTextField = ({ table, }) => {
         React__default["default"].createElement(MRT_FilterOptionMenu, { anchorEl: anchorEl, setAnchorEl: setAnchorEl, table: table, onSelect: handleClear })));
 };
 
-const MRT_LinearProgressBar = ({ isTopToolbar, table }) => {
+const MRT_LinearProgressBar = ({ isTopToolbar, table, }) => {
     const { options: { muiLinearProgressProps }, getState, } = table;
     const { isLoading, showProgressBars } = getState();
     const linearProgressProps = muiLinearProgressProps instanceof Function
@@ -1421,7 +1421,7 @@ const commonToolbarStyles = ({ theme }) => ({
     transition: 'all 150ms ease-in-out',
     zIndex: 1,
 });
-const MRT_TopToolbar = ({ table }) => {
+const MRT_TopToolbar = ({ table, }) => {
     var _a;
     const { getState, options: { enableGlobalFilter, enablePagination, enableToolbarInternalActions, muiTopToolbarProps, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderTopToolbarCustomActions, }, refs: { topToolbarRef }, } = table;
     const { isFullScreen, showGlobalFilter } = getState();
@@ -1466,7 +1466,7 @@ const MRT_TopToolbar = ({ table }) => {
         React__default["default"].createElement(MRT_LinearProgressBar, { isTopToolbar: true, table: table })));
 };
 
-const MRT_BottomToolbar = ({ table }) => {
+const MRT_BottomToolbar = ({ table, }) => {
     const { getState, options: { enablePagination, muiBottomToolbarProps, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderBottomToolbarCustomActions, }, refs: { bottomToolbarRef }, } = table;
     const { isFullScreen } = getState();
     const isMobile = useMediaQuery__default["default"]('(max-width:720px)');
@@ -1680,7 +1680,7 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
                 },
             }, margin: "none", placeholder: filterChipLabel || isSelectFilter || isMultiSelectFilter
                 ? undefined
-                : filterPlaceholder, onChange: handleChange, onClick: (e) => e.stopPropagation(), select: isSelectFilter || isMultiSelectFilter, value: filterValue, variant: "standard", InputProps: {
+                : filterPlaceholder, onChange: handleChange, onClick: (e) => e.stopPropagation(), select: isSelectFilter || isMultiSelectFilter, value: filterValue !== null && filterValue !== void 0 ? filterValue : '', variant: "standard", InputProps: {
                 startAdornment: showChangeModeButton ? (React__default["default"].createElement(InputAdornment__default["default"], { position: "start" },
                     React__default["default"].createElement(Tooltip__default["default"], { arrow: true, title: localization.changeFilterMode },
                         React__default["default"].createElement("span", null,
@@ -2672,7 +2672,7 @@ const MRT_Table = ({ table }) => {
         virtualPaddingLeft,
         virtualPaddingRight,
     };
-    return (React__default["default"].createElement(Table__default["default"], Object.assign({ stickyHeader: enableStickyHeader || isFullScreen }, tableProps, { sx: (theme) => (Object.assign({ display: layoutMode === 'grid' ? 'grid' : 'table', tableLayout: layoutMode !== 'grid' && enableColumnResizing ? 'fixed' : undefined }, ((tableProps === null || tableProps === void 0 ? void 0 : tableProps.sx) instanceof Function
+    return (React__default["default"].createElement(Table__default["default"], Object.assign({ stickyHeader: enableStickyHeader || isFullScreen }, tableProps, { sx: (theme) => (Object.assign({ borderCollapse: 'separate', display: layoutMode === 'grid' ? 'grid' : 'table', tableLayout: layoutMode !== 'grid' && enableColumnResizing ? 'fixed' : undefined }, ((tableProps === null || tableProps === void 0 ? void 0 : tableProps.sx) instanceof Function
             ? tableProps.sx(theme)
             : tableProps === null || tableProps === void 0 ? void 0 : tableProps.sx))) }),
         enableTableHead && React__default["default"].createElement(MRT_TableHead, Object.assign({}, props)),
@@ -3050,6 +3050,7 @@ const MaterialReactTable = (_a) => {
     return (React__default["default"].createElement(MRT_TableRoot, Object.assign({ aggregationFns: _aggregationFns, autoResetExpanded: autoResetExpanded, columnResizeMode: columnResizeMode, defaultColumn: _defaultColumn, defaultDisplayColumn: _defaultDisplayColumn, editingMode: editingMode, enableBottomToolbar: enableBottomToolbar, enableColumnActions: enableColumnActions, enableColumnFilters: enableColumnFilters, enableColumnOrdering: enableColumnOrdering, enableColumnResizing: enableColumnResizing, enableDensityToggle: enableDensityToggle, enableExpandAll: enableExpandAll, enableFilters: enableFilters, enableFullScreenToggle: enableFullScreenToggle, enableGlobalFilter: enableGlobalFilter, enableGlobalFilterRankedResults: enableGlobalFilterRankedResults, enableGrouping: enableGrouping, enableHiding: enableHiding, enableMultiRowSelection: enableMultiRowSelection, enableMultiSort: enableMultiSort, enablePagination: enablePagination, enablePinning: enablePinning, enableRowSelection: enableRowSelection, enableSelectAll: enableSelectAll, enableSorting: enableSorting, enableStickyHeader: enableStickyHeader, enableTableFooter: enableTableFooter, enableTableHead: enableTableHead, enableToolbarInternalActions: enableToolbarInternalActions, enableTopToolbar: enableTopToolbar, filterFns: _filterFns, icons: _icons, layoutMode: layoutMode, localization: _localization, manualFiltering: manualFiltering, manualGrouping: manualGrouping, manualPagination: manualPagination, manualSorting: manualSorting, positionActionsColumn: positionActionsColumn, positionExpandColumn: positionExpandColumn, positionGlobalFilter: positionGlobalFilter, positionPagination: positionPagination, positionToolbarAlertBanner: positionToolbarAlertBanner, positionToolbarDropZone: positionToolbarDropZone, rowNumberMode: rowNumberMode, selectAllMode: selectAllMode, sortingFns: _sortingFns }, rest)));
 };
 
+exports.MRT_BottomToolbar = MRT_BottomToolbar;
 exports.MRT_CopyButton = MRT_CopyButton;
 exports.MRT_FilterOptionMenu = MRT_FilterOptionMenu;
 exports.MRT_FullScreenToggleButton = MRT_FullScreenToggleButton;
@@ -3063,5 +3064,6 @@ exports.MRT_ToggleRowActionMenuButton = MRT_ToggleRowActionMenuButton;
 exports.MRT_ToolbarAlertBanner = MRT_ToolbarAlertBanner;
 exports.MRT_ToolbarDropZone = MRT_ToolbarDropZone;
 exports.MRT_ToolbarInternalButtons = MRT_ToolbarInternalButtons;
+exports.MRT_TopToolbar = MRT_TopToolbar;
 exports["default"] = MaterialReactTable;
 //# sourceMappingURL=index.js.map