@bluemarble/bm-components 0.0.28 → 0.0.30

package/dist/esm/index.js

@@ -29,7 +29,10 @@ const GridHeader = ({ setOrder, setOrderBy, order, orderBy, titles = [], }) => {
     return (React__default.createElement(TableHead, null,
         React__default.createElement(TableRow, { sx: { backgroundColor: "background.default" } }, titles.map((title) => {
             return (React__default.createElement(TableCell, { key: title.name, sortDirection: orderBy === title.name ? order : false, sx: Object.assign({ fontWeight: "bold" }, title.sx) },
-                React__default.createElement(TableSortLabel, { onClick: () => onRequestSort(title.name), active: orderBy === title.name, direction: orderBy === title.name ? order : "asc" }, title.label)));
+                React__default.createElement(TableSortLabel, { onClick: () => onRequestSort(title.name), active: orderBy === title.name, direction: orderBy === title.name ? order : "asc", sx: {
+                        position: "relative",
+                        svg: { position: "absolute", right: "-70%" },
+                    } }, title.label)));
         }))));
 };
 
@@ -3842,12 +3845,9 @@ const CustomTableCell = (_a) => {
 const Td = memo(CustomTableCell);
 
 const CustomTableRow = (props) => {
-    const { children, sx, striped = true, bordered = false, onSave, rowData } = props, rest = __rest(props, ["children", "sx", "striped", "bordered", "onSave", "rowData"]);
+    const { children, sx, striped = true, bordered = undefined } = props, rest = __rest(props, ["children", "sx", "striped", "bordered"]);
     return (React__default.createElement(TableRow, Object.assign({ sx: Object.assign({ "&:nth-of-type(even)": { bgcolor: striped ? "action.selected" : "" } }, sx) }, rest), React__default.Children.map(children, (child) => React__default.cloneElement(child, {
         bordered,
-        rowData,
-        rowIndex: props.index,
-        onSave,
     }))));
 };
 const Tr = memo(CustomTableRow);
@@ -3862,7 +3862,7 @@ const AutoCreatedRows = ({ tableData, columns, primaryKey, }) => {
 };
 
 const Grid = (props) => {
-    const { columnTitles, isLoading, footer, noFilterButtons = false, selectedFilters, customButtons, setSelectedFilters, defaultData, setTableData, updateFilters, tableData, rowOptions = [60, 100, 150], noPagination, primaryKey, } = props;
+    const { columnTitles, isLoading, footer, noFilterButtons = false, selectedFilters, customButtons, setSelectedFilters, defaultData, setTableData, updateFilters, tableData, rowOptions = [60, 100, 150], noPagination, primaryKey, noFilters, } = props;
     const [order, setOrder] = useState(undefined);
     const [orderBy, setOrderBy] = useState("");
     const [page, setPage] = useState(0);
@@ -4001,7 +4001,7 @@ const Grid = (props) => {
     }, [selectedFilters]);
     return (React__default.createElement(Paper, null,
         isLoading && React__default.createElement(LinearProgress, null),
-        React__default.createElement(FiltersBar, { setAnchorEl: setAnchorEl, setOpenSearch: setOpenSearch, searchAnchorEl: searchAnchorEl, noFilterButtons: noFilterButtons, selectedFilters: selectedFilters, customButtons: customButtons, handleCloseFilter: handleCloseFilter }),
+        !noFilters && (React__default.createElement(FiltersBar, { setAnchorEl: setAnchorEl, setOpenSearch: setOpenSearch, searchAnchorEl: searchAnchorEl, noFilterButtons: noFilterButtons, selectedFilters: selectedFilters, customButtons: customButtons, handleCloseFilter: handleCloseFilter })),
         React__default.createElement(TableContainer, null,
             React__default.createElement(Table, { size: "small" },
                 React__default.createElement(GridHeader, { titles: columnTitles, order: order, orderBy: orderBy, setOrder: setOrder, setOrderBy: setOrderBy }),