cloudmr-ux 0.1.0 → 1.0.1

package/dist/index.mjs

@@ -2,8 +2,27 @@
 import { Button } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
 var CmrButton = (props) => {
-  const { children, onClick, ...rest } = props;
-  return /* @__PURE__ */ jsx(Button, { onClick, ...rest, className: "cmr-button", style: { ...props.style, textTransform: "none" }, children });
+  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
+    }
+  );
 };
 
 // src/CmrComponents/CmrCheckbox/CmrCheckbox.tsx
@@ -18,13 +37,125 @@ var CmrCheckbox = (props) => {
       disabled: props.disabled,
       style: props.style,
       className: props.className,
-      control: /* @__PURE__ */ jsx2(Checkbox, { style: props.style, checked: props.checked, defaultChecked, onChange }),
+      control: /* @__PURE__ */ jsx2(
+        Checkbox,
+        {
+          style: props.style,
+          checked: props.checked,
+          defaultChecked,
+          onChange
+        }
+      ),
       label: /* @__PURE__ */ jsx2("span", { className: "cmr-label", style: { paddingRight: 0, color: "var(--bs-card-color)" }, children: props.children }),
-      labelPlacement: "start"
+      labelPlacement: "end"
+    }
+  );
+};
+
+// src/CmrComponents/CmrInput/CmrInput.tsx
+import { Input } from "antd";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var CmrInput = (props) => {
+  const { defaultValue, id, maxLength, size, value, type, prefix, bordered, onChange, onPressEnter, ...rest } = props;
+  return /* @__PURE__ */ jsx3(
+    Input,
+    {
+      defaultValue,
+      id,
+      maxLength,
+      size,
+      value,
+      type,
+      prefix,
+      onChange,
+      onPressEnter,
+      ...rest,
+      className: "cmr-input"
     }
   );
 };
+
+// src/CmrComponents/CmrRadioGroup/CmrRadioGroup.tsx
+import { useState } from "react";
+import {
+  Radio,
+  RadioGroup,
+  FormControl,
+  FormControlLabel as FormControlLabel2,
+  FormLabel
+} from "@mui/material";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+var CmrRadioGroup = ({
+  options,
+  groupLabel,
+  defaultValue,
+  onChange
+}) => {
+  const [selectedValue, setSelectedValue] = useState(defaultValue || "");
+  const handleChange = (event) => {
+    const newValue = event.target.value;
+    setSelectedValue(newValue);
+    if (onChange) {
+      onChange(newValue);
+    } else {
+      console.log("Selected Radio Value:", newValue);
+    }
+  };
+  return /* @__PURE__ */ jsx4("div", { className: "cmr-radio-label", children: /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
+    groupLabel && /* @__PURE__ */ jsx4(FormLabel, { component: "legend", children: groupLabel }),
+    /* @__PURE__ */ jsx4(RadioGroup, { value: selectedValue, onChange: handleChange, children: options.map((option) => /* @__PURE__ */ jsx4(
+      FormControlLabel2,
+      {
+        value: option.value,
+        control: /* @__PURE__ */ jsx4(Radio, { disabled: option.disabled }),
+        label: option.label,
+        sx: {
+          "& .MuiTypography-root": {
+            fontSize: "14.4px",
+            fontFamily: '"Source Sans 3", sans-serif'
+          }
+        }
+      },
+      option.value
+    )) })
+  ] }) });
+};
+var CmrRadioGroup_default = CmrRadioGroup;
+
+// src/CmrComponents/CmrSelect/CmrSelect.tsx
+import { useState as useState2 } from "react";
+import { Select, MenuItem, FormControl as FormControl2, InputLabel } from "@mui/material";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var CmrSelect = ({ options, label, disabled }) => {
+  const [selectedValue, setSelectedValue] = useState2("");
+  const handleChange = (event) => {
+    setSelectedValue(event.target.value);
+    console.log("Selected Value:", event.target.value);
+  };
+  return /* @__PURE__ */ jsxs2(FormControl2, { className: "dropdown-select", sx: {
+    minWidth: 200,
+    // Minimum width for the dropdown
+    maxWidth: 400,
+    // Optional: Maximum width for the dropdown
+    width: "auto"
+    // Allow auto-resizing based on content
+  }, disabled, children: [
+    /* @__PURE__ */ jsx5(InputLabel, { className: "dropdown-label", children: label }),
+    /* @__PURE__ */ jsx5(Select, { value: selectedValue, onChange: handleChange, label, MenuProps: {
+      classes: { paper: "custom-dropdown" }
+      // Apply the class to the dropdown menu
+    }, children: options.map((option) => /* @__PURE__ */ jsx5(MenuItem, { value: option.value, children: option.label }, option.value)) })
+  ] });
+};
+var CmrSelect_default = CmrSelect;
+
+// src/CmrTable/CmrTable.tsx
+import { DataGrid } from "@mui/x-data-grid";
+import { jsx as jsx6 } from "react/jsx-runtime";
 export {
   CmrButton,
-  CmrCheckbox
+  CmrCheckbox,
+  CmrInput,
+  CmrRadioGroup_default as CmrRadioGroup,
+  CmrSelect_default as CmrSelect
 };

package/package.json

@@ -1,33 +1,39 @@
-{
-  "name": "cloudmr-ux",
-  "version": "0.1.0",
-  "author": "erosmontin",
-  "license": "MIT",
-  "repository": "erosmontin/cloudmr-ux",
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts"
-  },
-  "dependencies": {
-    "@emotion/react": "^11.13.3",
-    "@emotion/styled": "^11.13.0",
-    "@mui/material": "^6.1.7",
-    "antd": "^5.22.1",
-    "css-loader": "^7.1.2",
-    "react": "^18.3.1",
-    "sass": "^1.81.0",
-    "sass-loader": "^16.0.3",
-    "style-loader": "^4.0.0"
-  },
-  "devDependencies": {
-    "tsup": "^6.7.0",
-    "typescript": "^5.6.3"
-  }
-  
-
-}
+{
+  "name": "cloudmr-ux",
+  "version": "1.0.1",
+  "author": "erosmontin@gmail.com",
+  "license": "MIT",
+  "repository": "erosmontin/cloudmr-ux",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts --external react,react-dom"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "process": "^0.11.10",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "tsup": "^6.7.0",
+    "typescript": "^5.6.3"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/icons-material": "^5.14.1",
+    "@mui/material": "^5.14.2",
+    "@mui/x-data-grid": "^6.10.1",
+    "antd": "^5.22.1",
+    "css-loader": "^7.1.2",
+    "sass": "^1.81.0",
+    "sass-loader": "^16.0.3",
+    "style-loader": "^4.0.0"
+  }
+}