cloudmr-ux 3.0.4 → 3.0.6

package/dist/CmrComponents/header/Header.d.ts

@@ -11,7 +11,8 @@ interface HeaderProps {
     menuList: MenuItem[];
     siteLogo: string;
     dropdownMenuItems?: DropdownMenuItem[];
+    headerColor?: string;
 }
-declare const Header: ({ menuList, siteLogo, dropdownMenuItems }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Header: ({ menuList, siteLogo, dropdownMenuItems, headerColor }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Header;
 export type { MenuItem, DropdownMenuItem };

package/dist/CmrComponents/header/Header.js

@@ -18,13 +18,13 @@ import { Container, Toolbar } from "@mui/material";
 import { useAppDispatch, useAppSelector } from "../../core/store/hooks";
 import { signOut } from "../../core/features/authenticate/authenticateActionCreation";
 var Header = function (_a) {
-    var menuList = _a.menuList, siteLogo = _a.siteLogo, _b = _a.dropdownMenuItems, dropdownMenuItems = _b === void 0 ? [] : _b;
+    var menuList = _a.menuList, siteLogo = _a.siteLogo, _b = _a.dropdownMenuItems, dropdownMenuItems = _b === void 0 ? [] : _b, _c = _a.headerColor, headerColor = _c === void 0 ? "#390063" : _c;
     var config = getAppConfig();
     var navigate = useNavigate();
     var dispatch = useAppDispatch();
     var authentication = useAppSelector(function (state) { return state.authenticate; });
     var currPath = navigate.name;
-    var _c = useState(config.APP_NAME), menuSelect = _c[0], setMenuSelect = _c[1];
+    var _d = useState(config.APP_NAME), menuSelect = _d[0], setMenuSelect = _d[1];
     var email = authentication.email;
     var handleLogout = function () {
         dispatch(signOut());
@@ -52,7 +52,7 @@ var Header = function (_a) {
         return false;
     };
     return (_jsx("nav", __assign({ className: "navbar navbar-expand-md navbar-dark bg-dark shadow-sm", style: {
-            background: "#390063",
+            background: headerColor,
             paddingTop: "10px",
             paddingBottom: "10px"
         } }, { children: _jsx(Container, __assign({ maxWidth: "lg" }, { children: _jsxs(Toolbar, __assign({ sx: {

package/dist/CmrTable/CmrTable.d.ts

@@ -8,6 +8,9 @@ export interface CmrTableProps extends Omit<DataGridProps, 'rows'> {
     name?: string;
     style?: CSSProperties;
     showCheckbox?: boolean;
+    headerBgColor?: string;
+    headerTextColor?: string;
+    headerIconColor?: string;
 }
 declare const CmrTable: React.FC<CmrTableProps>;
 export default CmrTable;

package/dist/CmrTable/CmrTable.js

@@ -24,7 +24,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import './CmrTable.css';
 import { DataGrid } from '@mui/x-data-grid';
 var CmrTable = function (props) {
-    var dataSource = props.dataSource, columns = props.columns, idAlias = props.idAlias, className = props.className, onRowSelectionModelChange = props.onRowSelectionModelChange, style = props.style, _a = props.showCheckbox, showCheckbox = _a === void 0 ? true : _a, rest = __rest(props, ["dataSource", "columns", "idAlias", "className", "onRowSelectionModelChange", "style", "showCheckbox"]);
+    var dataSource = props.dataSource, columns = props.columns, idAlias = props.idAlias, className = props.className, onRowSelectionModelChange = props.onRowSelectionModelChange, style = props.style, _a = props.showCheckbox, showCheckbox = _a === void 0 ? true : _a, _b = props.headerBgColor, headerBgColor = _b === void 0 ? '#F3E5F5' : _b, _c = props.headerTextColor, headerTextColor = _c === void 0 ? '#333' : _c, _d = props.headerIconColor, headerIconColor = _d === void 0 ? '#580f8b' : _d, rest = __rest(props, ["dataSource", "columns", "idAlias", "className", "onRowSelectionModelChange", "style", "showCheckbox", "headerBgColor", "headerTextColor", "headerIconColor"]);
     return (_jsx("div", __assign({ style: style !== null && style !== void 0 ? style : { height: '400px', width: '100%' }, className: className !== null && className !== void 0 ? className : '' }, { children: _jsx(DataGrid, __assign({ rows: dataSource
                 ? dataSource.map(function (row) { return (__assign({ id: idAlias ? row[idAlias] : row['id'] }, row)); })
                 : [], columns: columns, checkboxSelection: showCheckbox, onRowSelectionModelChange: onRowSelectionModelChange, initialState: {
@@ -33,11 +33,11 @@ var CmrTable = function (props) {
                 }
             }, sx: {
                 '& .MuiDataGrid-columnHeaders': {
-                    backgroundColor: '#F3E5F5',
-                    color: '#333'
+                    backgroundColor: headerBgColor,
+                    color: headerTextColor
                 },
                 '& .MuiDataGrid-columnHeaders .MuiSvgIcon-root': {
-                    color: '#580f8b'
+                    color: headerIconColor
                 },
                 '& .MuiDataGrid-columnHeaderTitle': {
                     fontWeight: 'bold'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudmr-ux",
-  "version": "3.0.4",
+  "version": "3.0.6",
   "author": "erosmontin@gmail.com",
   "license": "MIT",
   "repository": "erosmontin/cloudmr-ux",