cloudmr-ux 1.1.5 → 1.1.7

package/dist/index.css

@@ -1,42 +1,4 @@
 /* src/CmrComponents/CmrButton/CmrButton.css */
-.cmr-button {
-  background-color: #580F8B !important;
-  color: white !important;
-  padding-top: 0.375rem !important;
-  padding-bottom: 0.375rem !important;
-  padding-right: 0.75rem !important;
-  padding-left: 0.75rem !important;
-  border: 2px solid #580F8B !important;
-  border-radius: 4px !important;
-  text-align: center !important;
-  font-family: "Source Sans 3", sans-serif !important;
-  font-size: 14.4px !important;
-  line-height: 1.5 !important;
-  font-weight: 400 !important;
-}
-.cmr-button:hover {
-  background-color: #390063 !important;
-}
-.cmr-button.outlined {
-  background-color: transparent !important;
-  border: 2px solid #580F8B !important;
-  color: #580F8B !important;
-}
-.cmr-button.outlined:hover {
-  background-color: #580F8B !important;
-  color: white !important;
-}
-.cmr-button.Mui-disabled {
-  background-color: #ced4da !important;
-  color: #999 !important;
-  border: 2px solid #ced4da !important;
-  cursor: not-allowed !important;
-}
-.cmr-button.Mui-disabled:hover {
-  background-color: #ced4da !important;
-  color: #999 !important;
-}
-
 /* src/CmrComponents/CmrCheckbox/CmrCheckbox.css */
 .cmr-label {
   font-size: 14.4px;
@@ -182,6 +144,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

@@ -224,6 +224,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 +248,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

@@ -31,13 +31,14 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   CMRUpload: () => Upload_default,
-  CmrButton: () => CmrButton,
+  CmrButton: () => CmrButton_default,
   CmrCheckbox: () => Checkbox_default,
   CmrCollapse: () => Collapse_default,
   CmrConfirmation: () => CmrConfirmation,
   CmrDeletionDialog: () => CmrDeletionDialog,
   CmrEditConfirmation: () => CmrEditConfirmation,
   CmrInput: () => CmrInput,
+  CmrInputNumber: () => InputNumber_default,
   CmrLabel: () => Label_default,
   CmrNameDialog: () => CmrNameDialog,
   CmrPanel: () => Panel_default,
@@ -52,28 +53,10 @@ 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;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_material.Button,
-    {
-      onClick,
-      ...rest,
-      className: `cmr-button ${variant}`,
-      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
-        }
-      },
-      children
-    }
-  );
+  const { children, onClick, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { onClick, ...rest, style: { ...props.style, textTransform: "none" }, children });
 };
+var CmrButton_default = CmrButton;
 
 // src/CmrComponents/CmrCheckbox/CmrCheckbox.tsx
 var import_material2 = require("@mui/material");
@@ -823,8 +806,8 @@ function CmrNameDialog(props) {
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_DialogActions2.default, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CmrButton, { variant: "outlined", onClick: handleClose, children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CmrButton, { variant: "contained", color: "primary", onClick: handleConfirm, children: "Confirm" })
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CmrButton_default, { variant: "outlined", onClick: handleClose, children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CmrButton_default, { variant: "contained", color: "primary", onClick: handleConfirm, children: "Confirm" })
         ] })
       ]
     }
@@ -871,8 +854,8 @@ function CmrConfirmation({
     /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_DialogContent3.default, { sx: { width }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_DialogContentText2.default, { alignContent: "center", children: message }),
       /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_DialogActions3.default, { className: "mt-4", children: [
-        cancellable && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CmrButton, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: cancelText }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CmrButton, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
+        cancellable && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: cancelText }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
       ] })
     ] })
   ] });
@@ -989,8 +972,8 @@ function CmrEditConfirmation({
         }
       ) }),
       /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_DialogActions5.default, { children: [
-        cancellable && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CmrButton, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CmrButton, { variant: "contained", color, onClick: handleConfirm, children: "Confirm" })
+        cancellable && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: "Confirm" })
       ] })
     ] })
   ] });
@@ -1089,9 +1072,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 +1095,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 +1129,7 @@ var CmrTable2 = CmrTable_default;
   CmrDeletionDialog,
   CmrEditConfirmation,
   CmrInput,
+  CmrInputNumber,
   CmrLabel,
   CmrNameDialog,
   CmrPanel,

package/dist/index.mjs

@@ -2,28 +2,10 @@
 import { Button } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
 var CmrButton = (props) => {
-  const { children, onClick, variant = "contained", disabled = false, ...rest } = props;
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      onClick,
-      ...rest,
-      className: `cmr-button ${variant}`,
-      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
-        }
-      },
-      children
-    }
-  );
+  const { children, onClick, ...rest } = props;
+  return /* @__PURE__ */ jsx(Button, { onClick, ...rest, style: { ...props.style, textTransform: "none" }, children });
 };
+var CmrButton_default = CmrButton;
 
 // src/CmrComponents/CmrCheckbox/CmrCheckbox.tsx
 import { Checkbox } from "@mui/material";
@@ -779,8 +761,8 @@ function CmrNameDialog(props) {
           }
         ) }),
         /* @__PURE__ */ jsxs7(DialogActions2, { children: [
-          /* @__PURE__ */ jsx11(CmrButton, { variant: "outlined", onClick: handleClose, children: "Cancel" }),
-          /* @__PURE__ */ jsx11(CmrButton, { variant: "contained", color: "primary", onClick: handleConfirm, children: "Confirm" })
+          /* @__PURE__ */ jsx11(CmrButton_default, { variant: "outlined", onClick: handleClose, children: "Cancel" }),
+          /* @__PURE__ */ jsx11(CmrButton_default, { variant: "contained", color: "primary", onClick: handleConfirm, children: "Confirm" })
         ] })
       ]
     }
@@ -827,8 +809,8 @@ function CmrConfirmation({
     /* @__PURE__ */ jsxs8(DialogContent3, { sx: { width }, children: [
       /* @__PURE__ */ jsx12(DialogContentText2, { alignContent: "center", children: message }),
       /* @__PURE__ */ jsxs8(DialogActions3, { className: "mt-4", children: [
-        cancellable && /* @__PURE__ */ jsx12(CmrButton, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: cancelText }),
-        /* @__PURE__ */ jsx12(CmrButton, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
+        cancellable && /* @__PURE__ */ jsx12(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: cancelText }),
+        /* @__PURE__ */ jsx12(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
       ] })
     ] })
   ] });
@@ -945,8 +927,8 @@ function CmrEditConfirmation({
         }
       ) }),
       /* @__PURE__ */ jsxs10(DialogActions5, { children: [
-        cancellable && /* @__PURE__ */ jsx14(CmrButton, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: "Cancel" }),
-        /* @__PURE__ */ jsx14(CmrButton, { variant: "contained", color, onClick: handleConfirm, children: "Confirm" })
+        cancellable && /* @__PURE__ */ jsx14(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: "Cancel" }),
+        /* @__PURE__ */ jsx14(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: "Confirm" })
       ] })
     ] })
   ] });
@@ -1045,9 +1027,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 +1050,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) => ({
@@ -1085,13 +1076,14 @@ var CmrTable_default = CmrTable;
 var CmrTable2 = CmrTable_default;
 export {
   Upload_default as CMRUpload,
-  CmrButton,
+  CmrButton_default as CmrButton,
   Checkbox_default as CmrCheckbox,
   Collapse_default as CmrCollapse,
   CmrConfirmation,
   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.5",
+  "version": "1.1.7",
   "author": "erosmontin@gmail.com",
   "license": "MIT",
   "repository": "erosmontin/cloudmr-ux",