cloudmr-ux 1.0.0 → 1.0.2

package/dist/index.css

@@ -140,3 +140,27 @@
 .custom-dropdown .MuiMenuItem-root.Mui-selected:hover {
   background-color: #dcbfea !important;
 }
+
+/* src/CmrTable/CmrTable.css */
+.css-1lymaxv-MuiDataGrid-root .MuiDataGrid-columnHeader:focus-within,
+.css-1lymaxv-MuiDataGrid-root .MuiDataGrid-cell:focus-within {
+  outline: none !important;
+}
+.MuiTablePagination-selectLabel,
+.MuiTablePagination-displayedRows {
+  margin-bottom: 0;
+}
+.MuiDataGrid-columnHeaders {
+  background: rgba(88, 15, 139, 0.08);
+  color: #333;
+}
+.MuiDataGrid-columnHeaders .MuiSvgIcon-root {
+  color: #580f8b;
+}
+// Religning MUI checkbox in the header .MuiDataGrid-columnHeaderCheckbox .MuiDataGrid-columnHeaderTitleContainerContent {
+  padding: 0 !important;
+  margin: 0 !important;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ButtonProps } from '@mui/material';
-import React, { ChangeEvent } from 'react';
+import React, { ChangeEvent, CSSProperties } from 'react';
 import { SizeType } from 'antd/lib/config-provider/SizeContext';
+import { DataGridProps } from '@mui/x-data-grid';
 
 declare const CmrButton: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
 
@@ -55,4 +56,13 @@ interface CmrSelectProps {
 }
 declare const CmrSelect: React.FC<CmrSelectProps>;
 
-export { CmrButton, CmrCheckbox, CmrInput, CmrRadioGroup, CmrSelect };
+interface CmrTableProps extends Omit<DataGridProps, 'rows'> {
+    dataSource: any[];
+    idAlias?: string;
+    name?: string;
+    style?: CSSProperties;
+    showCheckbox?: boolean;
+}
+declare const CmrTable: (props: CmrTableProps) => react_jsx_runtime.JSX.Element;
+
+export { CmrButton, CmrCheckbox, CmrInput, CmrRadioGroup, CmrSelect, CmrTable };

package/dist/index.js

@@ -24,7 +24,8 @@ __export(src_exports, {
   CmrCheckbox: () => CmrCheckbox,
   CmrInput: () => CmrInput,
   CmrRadioGroup: () => CmrRadioGroup_default,
-  CmrSelect: () => CmrSelect_default
+  CmrSelect: () => CmrSelect_default,
+  CmrTable: () => CmrTable_default
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -172,11 +173,36 @@ var CmrSelect = ({ options, label, disabled }) => {
   ] });
 };
 var CmrSelect_default = CmrSelect;
+
+// src/CmrTable/CmrTable.tsx
+var import_x_data_grid = require("@mui/x-data-grid");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var CmrTable = (props) => {
+  const { dataSource, columns, idAlias, className, onRowSelectionModelChange, style, showCheckbox = true, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: style ? style : { height: "400px", width: "100%" }, className: `${className ? className : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_x_data_grid.DataGrid,
+    {
+      rows: dataSource ? dataSource.map((row) => ({ id: idAlias ? row[idAlias] : row["id"], ...row })) : [],
+      columns,
+      checkboxSelection: showCheckbox,
+      onRowSelectionModelChange,
+      initialState: {
+        pagination: {
+          paginationModel: { pageSize: 50, page: 0 }
+        }
+      },
+      localeText: { noRowsLabel: "" },
+      ...rest
+    }
+  ) });
+};
+var CmrTable_default = CmrTable;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CmrButton,
   CmrCheckbox,
   CmrInput,
   CmrRadioGroup,
-  CmrSelect
+  CmrSelect,
+  CmrTable
 });

package/dist/index.mjs

@@ -148,10 +148,35 @@ var CmrSelect = ({ options, label, disabled }) => {
   ] });
 };
 var CmrSelect_default = CmrSelect;
+
+// src/CmrTable/CmrTable.tsx
+import { DataGrid } from "@mui/x-data-grid";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var CmrTable = (props) => {
+  const { dataSource, columns, idAlias, className, onRowSelectionModelChange, style, showCheckbox = true, ...rest } = props;
+  return /* @__PURE__ */ jsx6("div", { style: style ? style : { height: "400px", width: "100%" }, className: `${className ? className : ""}`, children: /* @__PURE__ */ jsx6(
+    DataGrid,
+    {
+      rows: dataSource ? dataSource.map((row) => ({ id: idAlias ? row[idAlias] : row["id"], ...row })) : [],
+      columns,
+      checkboxSelection: showCheckbox,
+      onRowSelectionModelChange,
+      initialState: {
+        pagination: {
+          paginationModel: { pageSize: 50, page: 0 }
+        }
+      },
+      localeText: { noRowsLabel: "" },
+      ...rest
+    }
+  ) });
+};
+var CmrTable_default = CmrTable;
 export {
   CmrButton,
   CmrCheckbox,
   CmrInput,
   CmrRadioGroup_default as CmrRadioGroup,
-  CmrSelect_default as CmrSelect
+  CmrSelect_default as CmrSelect,
+  CmrTable_default as CmrTable
 };

package/package.json

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