cloudmr-ux 1.0.1 → 1.0.2

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);
 
@@ -176,11 +177,32 @@ 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

@@ -152,10 +152,31 @@ 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.1",
+  "version": "1.0.2",
   "author": "erosmontin@gmail.com",
   "license": "MIT",
   "repository": "erosmontin/cloudmr-ux",