cloudmr-ux 1.1.4 → 1.1.6

package/dist/index.css

@@ -182,6 +182,8 @@
   }
 }
 
+/* src/CmrComponents/input-number/InputNumber.css */
+
 /* src/CmrTable/CmrTable.css */
 .css-1lymaxv-MuiDataGrid-root .MuiDataGrid-columnHeader:focus-within,
 .css-1lymaxv-MuiDataGrid-root .MuiDataGrid-cell:focus-within {

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonProps, SxProps, Theme } from '@mui/material';
+import { ButtonProps, SxProps as SxProps$1, Theme as Theme$1 } from '@mui/material';
+import { SxProps, Theme } from '@mui/material/styles';
 import React, { ReactNode, ChangeEvent, CSSProperties, FC } from 'react';
 import { SizeType } from 'antd/lib/config-provider/SizeContext';
 import { CollapsibleType } from 'antd/es/collapse/CollapsePanel';
@@ -7,7 +8,9 @@ import { ExpandIconPosition } from 'antd/es/collapse/Collapse';
 import { AxiosRequestConfig, AxiosResponse } from 'axios';
 import { DataGridProps } from '@mui/x-data-grid';
 
-declare const CmrButton: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const CmrButton: (props: ButtonProps & {
+    sx?: SxProps<Theme>;
+}) => react_jsx_runtime.JSX.Element;
 
 interface CmrInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
     defaultValue?: string;
@@ -111,7 +114,7 @@ interface CMRUploadProps extends React.HTMLAttributes<HTMLDivElement> {
     } | undefined>);
     onUploadProgressUpdate?: (loaded: number, total: number) => void | undefined;
     onUploaded: (res: AxiosResponse, file: File) => Promise<void> | void;
-    sx?: SxProps<Theme> | undefined;
+    sx?: SxProps$1<Theme$1> | undefined;
     rest?: any;
     fileExtension?: string;
     uploadStarted?: () => void;
@@ -224,6 +227,20 @@ interface CmrLabelProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const CmrLabel: (props: CmrLabelProps) => react_jsx_runtime.JSX.Element;
 
+interface CmrInputNumberProps {
+    defaultValue?: number;
+    disabled?: boolean;
+    keyboard?: boolean;
+    max?: number;
+    min?: number;
+    size?: SizeType;
+    value?: number;
+    onChange?: (value: number | null) => void;
+    children?: React.ReactNode;
+    style?: CSSProperties;
+}
+declare const CmrInputNumber: (props: CmrInputNumberProps) => react_jsx_runtime.JSX.Element;
+
 interface CmrTableProps extends Omit<DataGridProps, 'rows'> {
     dataSource: any[];
     idAlias?: string;
@@ -234,4 +251,4 @@ interface CmrTableProps extends Omit<DataGridProps, 'rows'> {
 
 declare const CmrTable: FC<CmrTableProps>;
 
-export { CmrUpload as CMRUpload, CmrButton, CmrCheckbox, CmrCollapse, CmrConfirmation, CmrDeletionDialog, CmrEditConfirmation, CmrInput, CmrLabel, CmrNameDialog, CmrPanel, CmrRadioGroup, CmrSelect, CmrTable, CmrTableProps, CmrTabs, LambdaFile };
+export { CmrUpload as CMRUpload, CmrButton, CmrCheckbox, CmrCollapse, CmrConfirmation, CmrDeletionDialog, CmrEditConfirmation, CmrInput, CmrInputNumber, CmrLabel, CmrNameDialog, CmrPanel, CmrRadioGroup, CmrSelect, CmrTable, CmrTableProps, CmrTabs, LambdaFile };

package/dist/index.js

@@ -38,6 +38,7 @@ __export(src_exports, {
   CmrDeletionDialog: () => CmrDeletionDialog,
   CmrEditConfirmation: () => CmrEditConfirmation,
   CmrInput: () => CmrInput,
+  CmrInputNumber: () => InputNumber_default,
   CmrLabel: () => Label_default,
   CmrNameDialog: () => CmrNameDialog,
   CmrPanel: () => Panel_default,
@@ -52,7 +53,29 @@ module.exports = __toCommonJS(src_exports);
 var import_material = require("@mui/material");
 var import_jsx_runtime = require("react/jsx-runtime");
 var CmrButton = (props) => {
-  const { children, onClick, variant = "contained", disabled = false, ...rest } = props;
+  const { children, onClick, variant = "contained", disabled = false, sx, ...rest } = props;
+  const baseSx = {
+    boxShadow: "none",
+    "&:hover": {
+      boxShadow: "none"
+    }
+  };
+  let combinedSx;
+  if (Array.isArray(sx)) {
+    combinedSx = [baseSx, ...sx];
+  } else if (typeof sx === "function") {
+    combinedSx = (theme) => ({
+      ...baseSx,
+      ...sx(theme)
+    });
+  } else if (typeof sx === "object" && sx !== null) {
+    combinedSx = {
+      ...baseSx,
+      ...sx
+    };
+  } else {
+    combinedSx = baseSx;
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_material.Button,
     {
@@ -62,14 +85,7 @@ var CmrButton = (props) => {
       style: { textTransform: "none" },
       variant,
       disabled,
-      sx: {
-        boxShadow: "none",
-        // Removes the shadow on the button by default
-        "&:hover": {
-          boxShadow: "none"
-          // Removes the shadow on hover as well
-        }
-      },
+      sx: combinedSx,
       children
     }
   );
@@ -1089,9 +1105,18 @@ var CmrCheckbox = (props) => {
 };
 var Checkbox_default = CmrCheckbox;
 
+// src/CmrComponents/input-number/InputNumber.tsx
+var import_antd2 = require("antd");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var CmrInputNumber = (props) => {
+  const { defaultValue, style, max, min, value, onChange, children, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd2.InputNumber, { defaultValue, max, style, min, value, onChange, ...rest, children });
+};
+var InputNumber_default = CmrInputNumber;
+
 // src/CmrTable/CmrTable.tsx
 var import_x_data_grid = require("@mui/x-data-grid");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var CmrTable = (props) => {
   const {
     dataSource,
@@ -1103,7 +1128,7 @@ var CmrTable = (props) => {
     showCheckbox = true,
     ...rest
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: style ?? { height: "400px", width: "100%" }, className: className ?? "", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: style ?? { height: "400px", width: "100%" }, className: className ?? "", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     import_x_data_grid.DataGrid,
     {
       rows: dataSource ? dataSource.map((row) => ({
@@ -1137,6 +1162,7 @@ var CmrTable2 = CmrTable_default;
   CmrDeletionDialog,
   CmrEditConfirmation,
   CmrInput,
+  CmrInputNumber,
   CmrLabel,
   CmrNameDialog,
   CmrPanel,

package/dist/index.mjs

@@ -2,7 +2,29 @@
 import { Button } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
 var CmrButton = (props) => {
-  const { children, onClick, variant = "contained", disabled = false, ...rest } = props;
+  const { children, onClick, variant = "contained", disabled = false, sx, ...rest } = props;
+  const baseSx = {
+    boxShadow: "none",
+    "&:hover": {
+      boxShadow: "none"
+    }
+  };
+  let combinedSx;
+  if (Array.isArray(sx)) {
+    combinedSx = [baseSx, ...sx];
+  } else if (typeof sx === "function") {
+    combinedSx = (theme) => ({
+      ...baseSx,
+      ...sx(theme)
+    });
+  } else if (typeof sx === "object" && sx !== null) {
+    combinedSx = {
+      ...baseSx,
+      ...sx
+    };
+  } else {
+    combinedSx = baseSx;
+  }
   return /* @__PURE__ */ jsx(
     Button,
     {
@@ -12,14 +34,7 @@ var CmrButton = (props) => {
       style: { textTransform: "none" },
       variant,
       disabled,
-      sx: {
-        boxShadow: "none",
-        // Removes the shadow on the button by default
-        "&:hover": {
-          boxShadow: "none"
-          // Removes the shadow on hover as well
-        }
-      },
+      sx: combinedSx,
       children
     }
   );
@@ -1045,9 +1060,18 @@ var CmrCheckbox = (props) => {
 };
 var Checkbox_default = CmrCheckbox;
 
+// src/CmrComponents/input-number/InputNumber.tsx
+import { InputNumber } from "antd";
+import { jsx as jsx17 } from "react/jsx-runtime";
+var CmrInputNumber = (props) => {
+  const { defaultValue, style, max, min, value, onChange, children, ...rest } = props;
+  return /* @__PURE__ */ jsx17(InputNumber, { defaultValue, max, style, min, value, onChange, ...rest, children });
+};
+var InputNumber_default = CmrInputNumber;
+
 // src/CmrTable/CmrTable.tsx
 import { DataGrid } from "@mui/x-data-grid";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var CmrTable = (props) => {
   const {
     dataSource,
@@ -1059,7 +1083,7 @@ var CmrTable = (props) => {
     showCheckbox = true,
     ...rest
   } = props;
-  return /* @__PURE__ */ jsx17("div", { style: style ?? { height: "400px", width: "100%" }, className: className ?? "", children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18("div", { style: style ?? { height: "400px", width: "100%" }, className: className ?? "", children: /* @__PURE__ */ jsx18(
     DataGrid,
     {
       rows: dataSource ? dataSource.map((row) => ({
@@ -1092,6 +1116,7 @@ export {
   CmrDeletionDialog,
   CmrEditConfirmation,
   CmrInput,
+  InputNumber_default as CmrInputNumber,
   Label_default as CmrLabel,
   CmrNameDialog,
   Panel_default as CmrPanel,

package/package.json

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