cloudmr-ux 1.0.3 → 1.0.5

package/dist/index.d.ts

@@ -1,68 +1,69 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ButtonProps } from '@mui/material';
-import React, { ChangeEvent, CSSProperties } from 'react';
+import React, { ChangeEvent, CSSProperties, FC } 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;
 
-interface CmrCheckboxProps extends React.HTMLAttributes<HTMLDivElement> {
-    autoFocus?: boolean;
-    checked?: boolean;
-    defaultChecked?: boolean;
-    disabled?: boolean;
-    indeterminate?: boolean;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    children?: any;
-    style?: any;
-}
+interface CmrCheckboxProps extends React.HTMLAttributes<HTMLDivElement> {
+    autoFocus?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    children?: any;
+    style?: any;
+}
 declare const CmrCheckbox: (props: CmrCheckboxProps) => react_jsx_runtime.JSX.Element;
 
-interface CmrInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
-    defaultValue?: string;
-    id?: string;
-    maxLength?: number;
-    size?: SizeType;
-    value?: string;
-    type?: any;
-    prefix?: React.ReactNode;
-    bordered?: boolean;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-}
+interface CmrInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
+    defaultValue?: string;
+    id?: string;
+    maxLength?: number;
+    size?: SizeType;
+    value?: string;
+    type?: any;
+    prefix?: React.ReactNode;
+    bordered?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+}
 declare const CmrInput: (props: CmrInputProps) => react_jsx_runtime.JSX.Element;
 
-interface CmrRadioOption {
-    label: string;
-    value: string;
-    disabled?: boolean;
-}
-interface CmrRadioProps {
-    options: CmrRadioOption[];
-    groupLabel?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-}
+interface CmrRadioOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+interface CmrRadioProps {
+    options: CmrRadioOption[];
+    groupLabel?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+}
 declare const CmrRadioGroup: React.FC<CmrRadioProps>;
 
-interface Option {
-    label: string;
-    value: string;
-}
-interface CmrSelectProps {
-    options: Option[];
-    label: string;
-    disabled?: boolean;
-}
+interface Option {
+    label: string;
+    value: string;
+}
+interface CmrSelectProps {
+    options: Option[];
+    label: string;
+    disabled?: boolean;
+}
 declare const CmrSelect: React.FC<CmrSelectProps>;
 
-interface CmrTableProps extends Omit<DataGridProps, 'rows'> {
-    dataSource: any[];
-    idAlias?: string;
-    name?: string;
-    style?: CSSProperties;
-    showCheckbox?: boolean;
+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 };
+declare const CmrTable: FC<CmrTableProps>;
+
+export { CmrButton, CmrCheckbox, CmrInput, CmrRadioGroup, CmrSelect, CmrTable, CmrTableProps };

package/dist/index.js

@@ -25,7 +25,7 @@ __export(src_exports, {
   CmrInput: () => CmrInput,
   CmrRadioGroup: () => CmrRadioGroup_default,
   CmrSelect: () => CmrSelect_default,
-  CmrTable: () => CmrTable_default
+  CmrTable: () => CmrTable2
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -178,11 +178,23 @@ var CmrSelect_default = CmrSelect;
 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)(
+  const {
+    dataSource,
+    columns,
+    idAlias,
+    className,
+    onRowSelectionModelChange,
+    style,
+    showCheckbox = true,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: style ?? { height: "400px", width: "100%" }, 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 })) : [],
+      rows: dataSource ? dataSource.map((row) => ({
+        id: idAlias ? row[idAlias] : row["id"],
+        ...row
+      })) : [],
       columns,
       checkboxSelection: showCheckbox,
       onRowSelectionModelChange,
@@ -197,6 +209,9 @@ var CmrTable = (props) => {
   ) });
 };
 var CmrTable_default = CmrTable;
+
+// src/index.ts
+var CmrTable2 = CmrTable_default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CmrButton,

package/dist/index.mjs

@@ -153,11 +153,23 @@ var CmrSelect_default = CmrSelect;
 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(
+  const {
+    dataSource,
+    columns,
+    idAlias,
+    className,
+    onRowSelectionModelChange,
+    style,
+    showCheckbox = true,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsx6("div", { style: style ?? { height: "400px", width: "100%" }, className: className ?? "", children: /* @__PURE__ */ jsx6(
     DataGrid,
     {
-      rows: dataSource ? dataSource.map((row) => ({ id: idAlias ? row[idAlias] : row["id"], ...row })) : [],
+      rows: dataSource ? dataSource.map((row) => ({
+        id: idAlias ? row[idAlias] : row["id"],
+        ...row
+      })) : [],
       columns,
       checkboxSelection: showCheckbox,
       onRowSelectionModelChange,
@@ -172,11 +184,14 @@ var CmrTable = (props) => {
   ) });
 };
 var CmrTable_default = CmrTable;
+
+// src/index.ts
+var CmrTable2 = CmrTable_default;
 export {
   CmrButton,
   CmrCheckbox,
   CmrInput,
   CmrRadioGroup_default as CmrRadioGroup,
   CmrSelect_default as CmrSelect,
-  CmrTable_default as CmrTable
+  CmrTable2 as CmrTable
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudmr-ux",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "author": "erosmontin@gmail.com",
   "license": "MIT",
   "repository": "erosmontin/cloudmr-ux",
@@ -22,7 +22,7 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "tsup": "^6.7.0",
-    "typescript": "^5.6.3"
+    "typescript": "^4.9.5"
   },
   "dependencies": {
     "@emotion/react": "^11.14.0",