cloudmr-ux 0.0.3 → 1.0.0

package/dist/index.js

@@ -1,153 +1,182 @@
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var React = require('react');
-var React__default = _interopDefault(React);
-var material = require('@mui/material');
-var antd = require('antd');
-require('antd/lib/config-provider/SizeContext');
-require('antd/lib/_util/type');
-require('antd/es/checkbox');
-require('antd/es/collapse/CollapsePanel');
-require('antd/es/collapse/Collapse');
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  CmrButton: () => CmrButton,
+  CmrCheckbox: () => CmrCheckbox,
+  CmrInput: () => CmrInput,
+  CmrRadioGroup: () => CmrRadioGroup_default,
+  CmrSelect: () => CmrSelect_default
+});
+module.exports = __toCommonJS(src_exports);
 
-const CmrButton = props => {
-  const {
-    children,
-    onClick,
-    ...rest
-  } = props;
-  return /*#__PURE__*/React__default.createElement(material.Button, _extends({
-    onClick: onClick
-  }, rest, {
-    style: {
-      ...props.style,
-      textTransform: 'none'
+// src/CmrComponents/CmrButton/CmrButton.tsx
+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
     }
-  }), children);
+  );
 };
 
-const CmrInput = props => {
-  const {
-    defaultValue,
-    id,
-    maxLength,
-    size,
-    value,
-    type,
-    prefix,
-    bordered,
-    onChange,
-    onPressEnter,
-    ...rest
-  } = props;
-  return /*#__PURE__*/React__default.createElement(antd.Input, _extends({
-    defaultValue: defaultValue,
-    id: id,
-    maxLength: maxLength,
-    size: size,
-    value: value,
-    type: type,
-    prefix: prefix,
-    bordered: bordered,
-    onChange: onChange,
-    onPressEnter: onPressEnter
-  }, rest));
+// src/CmrComponents/CmrCheckbox/CmrCheckbox.tsx
+var import_material2 = require("@mui/material");
+var import_material3 = require("@mui/material");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CmrCheckbox = (props) => {
+  const { defaultChecked, onChange, children, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_material3.FormControlLabel,
+    {
+      disabled: props.disabled,
+      style: props.style,
+      className: props.className,
+      control: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_material2.Checkbox,
+        {
+          style: props.style,
+          checked: props.checked,
+          defaultChecked,
+          onChange
+        }
+      ),
+      label: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "cmr-label", style: { paddingRight: 0, color: "var(--bs-card-color)" }, children: props.children }),
+      labelPlacement: "end"
+    }
+  );
 };
 
-const CmrCheckbox = props => {
-  const {
-    defaultChecked,
-    onChange,
-    children,
-    ...rest
-  } = props;
-  return /*#__PURE__*/React__default.createElement(material.FormControlLabel, {
-    disabled: props.disabled,
-    style: props.style,
-    className: props.className,
-    control: /*#__PURE__*/React__default.createElement(material.Checkbox, {
-      style: props.style,
-      checked: props.checked,
-      defaultChecked: defaultChecked,
-      onChange: onChange
-    }),
-    label: /*#__PURE__*/React__default.createElement("span", {
-      className: "cmr-label",
-      style: {
-        paddingRight: 0,
-        color: 'var(--bs-card-color)'
-      }
-    }, props.children),
-    labelPlacement: "start"
-  });
+// src/CmrComponents/CmrInput/CmrInput.tsx
+var import_antd = require("antd");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var CmrInput = (props) => {
+  const { defaultValue, id, maxLength, size, value, type, prefix, bordered, onChange, onPressEnter, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_antd.Input,
+    {
+      defaultValue,
+      id,
+      maxLength,
+      size,
+      value,
+      type,
+      prefix,
+      onChange,
+      onPressEnter,
+      ...rest,
+      className: "cmr-input"
+    }
+  );
 };
 
-const CmrCollapse = props => {
-  let {
-    activeKey,
-    defaultActiveKey,
-    onChange,
-    children
-  } = props;
-  defaultActiveKey = defaultActiveKey ? defaultActiveKey : [];
-  let [activeKeys, setActiveKeys] = React__default.useState(defaultActiveKey);
-  if (activeKey != undefined && activeKey != activeKeys) {
-    console.log(activeKey);
-    if (activeKey instanceof Array) setActiveKeys(activeKey);else setActiveKeys([activeKey]);
-  }
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "cmr-collapse"
-  }, /*#__PURE__*/React__default.createElement("div", null, children && Array.isArray(children) ? children.map((child, index) => {
-    let props = {
-      expanded: activeKeys.indexOf(index) >= 0,
-      panelKey: index,
-      onToggle: key => {
-        let i = activeKeys.indexOf(key);
-        if (i < 0) {
-          let newKeys = [...activeKeys];
-          newKeys.push(index);
-          setActiveKeys(newKeys);
-          if (onChange != undefined) onChange(newKeys);
-        } else {
-          let newKeys = [...activeKeys];
-          newKeys.splice(i, 1);
-          setActiveKeys(newKeys);
-          if (onChange != undefined) onChange(newKeys);
-        }
-      }
-    };
-    return React.cloneElement(child, props);
-  }) : children ? React.cloneElement(children, {
-    expanded: activeKeys.indexOf(0) >= 0,
-    panelKey: 0,
-    onToggle: key => {
-      let i = activeKeys.indexOf(key);
-      if (i < 0) {
-        let newKeys = [...activeKeys];
-        newKeys.push(0);
-        setActiveKeys(newKeys);
-      } else {
-        let newKeys = [...activeKeys];
-        newKeys.splice(i, 1);
-        setActiveKeys(newKeys);
-      }
-      if (onChange != undefined) onChange([0]);
+// src/CmrComponents/CmrRadioGroup/CmrRadioGroup.tsx
+var import_react = require("react");
+var import_material4 = require("@mui/material");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var CmrRadioGroup = ({
+  options,
+  groupLabel,
+  defaultValue,
+  onChange
+}) => {
+  const [selectedValue, setSelectedValue] = (0, import_react.useState)(defaultValue || "");
+  const handleChange = (event) => {
+    const newValue = event.target.value;
+    setSelectedValue(newValue);
+    if (onChange) {
+      onChange(newValue);
+    } else {
+      console.log("Selected Radio Value:", newValue);
     }
-  }) : undefined));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cmr-radio-label", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_material4.FormControl, { component: "fieldset", children: [
+    groupLabel && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.FormLabel, { component: "legend", children: groupLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.RadioGroup, { value: selectedValue, onChange: handleChange, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_material4.FormControlLabel,
+      {
+        value: option.value,
+        control: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.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;
 
-exports.CmrButton = CmrButton;
-exports.CmrCheckbox = CmrCheckbox;
-exports.CmrCollapse = CmrCollapse;
-exports.CmrInput = CmrInput;
-//# sourceMappingURL=index.js.map
+// src/CmrComponents/CmrSelect/CmrSelect.tsx
+var import_react2 = require("react");
+var import_material5 = require("@mui/material");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var CmrSelect = ({ options, label, disabled }) => {
+  const [selectedValue, setSelectedValue] = (0, import_react2.useState)("");
+  const handleChange = (event) => {
+    setSelectedValue(event.target.value);
+    console.log("Selected Value:", event.target.value);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material5.FormControl, { 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__ */ (0, import_jsx_runtime5.jsx)(import_material5.InputLabel, { className: "dropdown-label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material5.Select, { value: selectedValue, onChange: handleChange, label, MenuProps: {
+      classes: { paper: "custom-dropdown" }
+      // Apply the class to the dropdown menu
+    }, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material5.MenuItem, { value: option.value, children: option.label }, option.value)) })
+  ] });
+};
+var CmrSelect_default = CmrSelect;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CmrButton,
+  CmrCheckbox,
+  CmrInput,
+  CmrRadioGroup,
+  CmrSelect
+});

package/dist/index.mjs

@@ -0,0 +1,157 @@
+// src/CmrComponents/CmrButton/CmrButton.tsx
+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
+    }
+  );
+};
+
+// src/CmrComponents/CmrCheckbox/CmrCheckbox.tsx
+import { Checkbox } from "@mui/material";
+import { FormControlLabel } from "@mui/material";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var CmrCheckbox = (props) => {
+  const { defaultChecked, onChange, children, ...rest } = props;
+  return /* @__PURE__ */ jsx2(
+    FormControlLabel,
+    {
+      disabled: props.disabled,
+      style: props.style,
+      className: props.className,
+      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: "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;
+export {
+  CmrButton,
+  CmrCheckbox,
+  CmrInput,
+  CmrRadioGroup_default as CmrRadioGroup,
+  CmrSelect_default as CmrSelect
+};

package/package.json

@@ -1,99 +1,39 @@
-{
-  "name": "cloudmr-ux",
-  "version": "0.0.3",
-  "description": "Made with create-react-library",
-  "author": "erosmontin",
-  "license": "MIT",
-  "repository": "erosmontin/eros-p",
-  "main": "dist/index.js",
-  "module": "dist/index.modern.js",
-  "source": "src/index.js",
-  "scripts": {
-    "build": "microbundle-crl --no-compress --format modern,cjs",
-    "start": "microbundle-crl watch --no-compress --format modern,cjs",
-    "prepare": "run-s build",
-    "test": "run-s test:unit test:lint test:build",
-    "test:build": "run-s build",
-    "test:lint": "eslint .",
-    "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
-    "test:watch": "react-scripts test --env=jsdom",
-    "predeploy": "cd example && npm install && npm run build",
-    "deploy": "gh-pages -d example/build"
-  },
-"dependencies": {
-    "@ant-design/cssinjs": "^1.16.1",
-    "@emotion/react": "^11.11.1",
-    "@emotion/styled": "^11.11.0",
-    "@mui/icons-material": "^5.14.1",
-    "@mui/material": "^5.14.2",
-    "@mui/x-data-grid": "^6.10.1",
-    "@reduxjs/toolkit": "^1.9.5",
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^13.0.0",
-    "@testing-library/user-event": "^13.2.1",
-    "@types/jest": "^27.0.1",
-    "@types/node": "^16.7.13",
-    "@types/react": "^18.0.0",
-    "@types/react-color": "^3.0.6",
-    "@types/react-dom": "^18.0.0",
-    "antd": "^5.7.3",
-    "axios": "^1.4.0",
-    "bootstrap": "^5.3.1",
-    "gl-matrix": "^3.4.3",
-    "https-browserify": "^1.0.0",
-    "jszip": "^3.10.1",
-    "lil-gui": "^0.19.1",
-    "mathjax": "^3.2.2",
-    "mathjs": "^11.9.1",
-    "moment": "^2.29.4",
-    "plotly.js-dist-min": "^2.27.0",
-    "react": "^18.2.0",
-    "react-color": "^2.19.3",
-    "react-dom": "^18.2.0",
-    "react-redux": "^8.1.1",
-    "react-router-dom": "^6.14.2",
-    "react-scripts": "5.0.1",
-    "redux-persist": "^6.0.0",
-    "sass": "^1.64.1",
-    "web-vitals": "^2.1.0",
-    "babel-eslint": "^10.0.3",
-    "cross-env": "^7.0.2",
-    "eslint": "^6.8.0",
-    "eslint-config-prettier": "^6.7.0",
-    "eslint-config-standard": "^14.1.0",
-    "eslint-config-standard-react": "^9.2.0",
-    "eslint-plugin-import": "^2.18.2",
-    "eslint-plugin-node": "^11.0.0",
-    "eslint-plugin-prettier": "^3.1.1",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-react": "^7.17.0",
-    "eslint-plugin-standard": "^4.0.1",
-    "gh-pages": "^2.2.0",
-    "microbundle-crl": "^0.13.10",
-    "npm-run-all": "^4.1.5",
-    "prettier": "^2.0.4"
-  },
-  "files": [
-    "dist",
-    "src/**"
-  ],
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  }
-
-}
+{
+  "name": "cloudmr-ux",
+  "version": "1.0.0",
+  "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"
+  }
+}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../src/common/components/Cmr-components/button/Button.tsx","../src/common/components/Cmr-components/input/Input.tsx","../src/common/components/Cmr-components/checkbox/Checkbox.tsx","../src/common/components/Cmr-components/collapse/Collapse.tsx"],"sourcesContent":["import React from 'react';\nimport '../button/Button.scss';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport const CmrButton = (props: ButtonProps) => {\n    const { children, onClick, ...rest } = props;\n\n    return (\n        <Button onClick={onClick} {...rest} style={{...props.style, textTransform:'none'}}>\n            {children}\n        </Button>\n    );\n};\n\n","import React from 'react';\nimport './Input.scss';\nimport { Input } from 'antd';\nimport { SizeType } from 'antd/lib/config-provider/SizeContext';\nimport { LiteralUnion } from 'antd/lib/_util/type';\n\ninterface CmrInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {\n    defaultValue?: string;\n    id?: string;\n    maxLength?: number;\n    size?: SizeType;\n    value?: string;\n    type?: any;\n    prefix?: React.ReactNode;\n    bordered?: boolean;\n    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n    onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n}\n\nexport const CmrInput = (props: CmrInputProps) => {\n    const { defaultValue, id, maxLength, size, value, type, prefix, bordered, onChange, onPressEnter, ...rest } = props;\n\n    return (\n        <Input\n            defaultValue={defaultValue}\n            id={id}\n            maxLength={maxLength}\n            size={size}\n            value={value}\n            type={type}\n            prefix={prefix}\n            bordered={bordered}\n            onChange={onChange}\n            onPressEnter={onPressEnter}\n            {...rest}\n        />\n    );\n};\n\n","import React, {ChangeEvent} from 'react';\nimport { Checkbox } from '@mui/material';\nimport './Checkbox.scss';\nimport { CheckboxChangeEvent } from 'antd/es/checkbox';\nimport { FormControlLabel } from '@mui/material';\n\ninterface CmrCheckboxProps  extends React.HTMLAttributes<HTMLDivElement>{\n    autoFocus?: boolean;\n    checked?: boolean;\n    defaultChecked?: boolean;\n    disabled?: boolean;\n    indeterminate?: boolean;\n    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n    children?: any;\n    style?: any;\n}\n\nexport const CmrCheckbox = (props: CmrCheckboxProps) => {\n    const { defaultChecked, onChange, children, ...rest } = props;\n\n    return (\n        <FormControlLabel disabled={props.disabled} style={props.style} className={props.className} control={<Checkbox style={props.style} checked={props.checked} defaultChecked={defaultChecked} onChange={onChange}/>}\n                          label={<span className='cmr-label' style={{paddingRight:0, color:'var(--bs-card-color)'}}>\n                                {props.children}\n                          </span>}\n                          labelPlacement=\"start\"/>\n    );\n};\n\n","import React, {cloneElement} from 'react';\nimport { Collapse } from 'antd';\nimport { CollapsibleType } from 'antd/es/collapse/CollapsePanel';\nimport { ExpandIconPosition } from 'antd/es/collapse/Collapse';\nimport './Collapse.scss';\n\ninterface CmrCollapseProps {\n    accordion?: boolean;\n    activeKey?: Array<string | number>|number;\n    bordered?: boolean;\n    collapsible?: CollapsibleType;\n    defaultActiveKey?: Array<string | number>;\n    destroyInactivePanel?: boolean;\n    expandIconPosition?: ExpandIconPosition;\n    ghost?: boolean;\n    onChange?: (key:Array<string | number>|number) => void;\n    children?: JSX.Element[]|JSX.Element;\n}\n\nexport const CmrCollapse = (props: CmrCollapseProps) => {\n    let {activeKey, defaultActiveKey, onChange, children}=props;\n    defaultActiveKey = (defaultActiveKey)?defaultActiveKey:[];\n    let [activeKeys, setActiveKeys] = React.useState(defaultActiveKey);\n    if(activeKey!=undefined&&activeKey!=activeKeys){\n        console.log(activeKey);\n        if(activeKey instanceof Array)\n            setActiveKeys(activeKey);\n        else setActiveKeys([activeKey]);\n    }\n    return (\n        <div className=\"cmr-collapse\">\n            <div>\n                {(children&&Array.isArray(children))?children.map((child,index)=>{\n                    let props = {expanded:activeKeys.indexOf(index)>=0,\n                                panelKey: index,\n                                onToggle: (key:number)=>{\n                                    let i = activeKeys.indexOf(key);\n                                    if(i<0) {\n                                        let newKeys = [...activeKeys];\n                                        newKeys.push(index);\n                                        setActiveKeys(newKeys);\n                                        if(onChange!=undefined)\n                                            onChange(newKeys);\n                                    }\n                                    else {\n                                        let newKeys = [...activeKeys];\n                                        newKeys.splice(i,1);\n                                        setActiveKeys(newKeys);\n                                        if(onChange!=undefined)\n                                            onChange(newKeys);\n                                    }\n                                }};\n                    return cloneElement(child, props)\n                }):((children?cloneElement(children,{expanded:activeKeys.indexOf(0)>=0,\n                    panelKey: 0,\n                    onToggle: (key:number)=>{\n                        let i = activeKeys.indexOf(key);\n                        if(i<0) {\n                            let newKeys = [...activeKeys];\n                            newKeys.push(0);\n                            setActiveKeys(newKeys);\n                        }\n                        else {\n                            let newKeys = [...activeKeys];\n                            newKeys.splice(i,1);\n                            setActiveKeys(newKeys);\n                        }\n                        if(onChange!=undefined)\n                            onChange([0]);\n                    }}):undefined))}\n            </div>\n        </div>\n    );\n};\n\n"],"names":["CmrButton","props","children","onClick","rest","React","createElement","Button","_extends","style","textTransform","CmrInput","defaultValue","id","maxLength","size","value","type","prefix","bordered","onChange","onPressEnter","Input","CmrCheckbox","defaultChecked","FormControlLabel","disabled","className","control","Checkbox","checked","label","paddingRight","color","labelPlacement","CmrCollapse","activeKey","defaultActiveKey","activeKeys","setActiveKeys","useState","undefined","console","log","Array","isArray","map","child","index","expanded","indexOf","panelKey","onToggle","key","i","newKeys","push","splice","cloneElement"],"mappings":"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"}