cloudmr-ux 0.0.3 → 1.0.0

package/dist/index.modern.js

@@ -1,147 +0,0 @@
-import React, { cloneElement } from 'react';
-import { Button, FormControlLabel, Checkbox } from '@mui/material';
-import { Input } from 'antd';
-import 'antd/lib/config-provider/SizeContext';
-import 'antd/lib/_util/type';
-import 'antd/es/checkbox';
-import 'antd/es/collapse/CollapsePanel';
-import 'antd/es/collapse/Collapse';
-
-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);
-}
-
-const CmrButton = props => {
-  const {
-    children,
-    onClick,
-    ...rest
-  } = props;
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    onClick: onClick
-  }, rest, {
-    style: {
-      ...props.style,
-      textTransform: 'none'
-    }
-  }), children);
-};
-
-const CmrInput = props => {
-  const {
-    defaultValue,
-    id,
-    maxLength,
-    size,
-    value,
-    type,
-    prefix,
-    bordered,
-    onChange,
-    onPressEnter,
-    ...rest
-  } = props;
-  return /*#__PURE__*/React.createElement(Input, _extends({
-    defaultValue: defaultValue,
-    id: id,
-    maxLength: maxLength,
-    size: size,
-    value: value,
-    type: type,
-    prefix: prefix,
-    bordered: bordered,
-    onChange: onChange,
-    onPressEnter: onPressEnter
-  }, rest));
-};
-
-const CmrCheckbox = props => {
-  const {
-    defaultChecked,
-    onChange,
-    children,
-    ...rest
-  } = props;
-  return /*#__PURE__*/React.createElement(FormControlLabel, {
-    disabled: props.disabled,
-    style: props.style,
-    className: props.className,
-    control: /*#__PURE__*/React.createElement(Checkbox, {
-      style: props.style,
-      checked: props.checked,
-      defaultChecked: defaultChecked,
-      onChange: onChange
-    }),
-    label: /*#__PURE__*/React.createElement("span", {
-      className: "cmr-label",
-      style: {
-        paddingRight: 0,
-        color: 'var(--bs-card-color)'
-      }
-    }, props.children),
-    labelPlacement: "start"
-  });
-};
-
-const CmrCollapse = props => {
-  let {
-    activeKey,
-    defaultActiveKey,
-    onChange,
-    children
-  } = props;
-  defaultActiveKey = defaultActiveKey ? defaultActiveKey : [];
-  let [activeKeys, setActiveKeys] = React.useState(defaultActiveKey);
-  if (activeKey != undefined && activeKey != activeKeys) {
-    console.log(activeKey);
-    if (activeKey instanceof Array) setActiveKeys(activeKey);else setActiveKeys([activeKey]);
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "cmr-collapse"
-  }, /*#__PURE__*/React.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 cloneElement(child, props);
-  }) : children ? 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]);
-    }
-  }) : undefined));
-};
-
-export { CmrButton, CmrCheckbox, CmrCollapse, CmrInput };
-//# sourceMappingURL=index.modern.js.map

package/dist/index.modern.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.modern.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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"}

package/src/.eslintrc

@@ -1,5 +0,0 @@
-{
-  "env": {
-    "jest": true
-  }
-}

package/src/common/components/Cmr-components/avatar/Avatar.tsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import './Avatar.scss';
-import { Avatar } from 'antd';
-//@ts-ignore
-import { AvatarSize } from 'antd/lib/avatar/SizeContext';
-
-interface CmrAvatarProps {
-    icon?: React.ReactNode;
-    shape?: 'circle' | 'square';
-    size?: AvatarSize;
-    gap?: number;
-    src?: React.ReactNode;
-    children?: React.ReactNode;
-}
-
-export const CmrAvatar = (props: CmrAvatarProps) => {
-    const { icon, shape, size, gap, src, children, ...rest } = props;
-
-    return (
-        <Avatar icon={icon} shape={shape} size={size} gap={gap} src={src} {...rest}>
-            {children}
-        </Avatar>
-    );
-};
-

package/src/common/components/Cmr-components/button/Button.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import '../button/Button.scss';
-import { Button, ButtonProps } from '@mui/material';
-
-export const CmrButton = (props: ButtonProps) => {
-    const { children, onClick, ...rest } = props;
-
-    return (
-        <Button onClick={onClick} {...rest} style={{...props.style, textTransform:'none'}}>
-            {children}
-        </Button>
-    );
-};
-

package/src/common/components/Cmr-components/checkbox/Checkbox.scss

@@ -1,11 +0,0 @@
-.cmr-checkbox {
-    margin-bottom: 4px;
-    &__text {
-        font-style: normal;
-        font-weight: 500;
-        font-size: 16px;
-        line-height: 15px;
-        text-align: justify;
-        color: #707683;
-    }
-}

package/src/common/components/Cmr-components/checkbox/Checkbox.tsx

@@ -1,29 +0,0 @@
-import React, {ChangeEvent} from 'react';
-import { Checkbox } from '@mui/material';
-import './Checkbox.scss';
-import { CheckboxChangeEvent } from 'antd/es/checkbox';
-import { FormControlLabel } from '@mui/material';
-
-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;
-}
-
-export const CmrCheckbox = (props: CmrCheckboxProps) => {
-    const { defaultChecked, onChange, children, ...rest } = props;
-
-    return (
-        <FormControlLabel disabled={props.disabled} style={props.style} className={props.className} control={<Checkbox style={props.style} checked={props.checked} defaultChecked={defaultChecked} onChange={onChange}/>}
-                          label={<span className='cmr-label' style={{paddingRight:0, color:'var(--bs-card-color)'}}>
-                                {props.children}
-                          </span>}
-                          labelPlacement="start"/>
-    );
-};
-

package/src/common/components/Cmr-components/collapse/Collapse.scss

@@ -1,3 +0,0 @@
-.collapse-bar {
-  margin-bottom: 4px;
-}

package/src/common/components/Cmr-components/collapse/Collapse.tsx

@@ -1,75 +0,0 @@
-import React, {cloneElement} from 'react';
-import { Collapse } from 'antd';
-import { CollapsibleType } from 'antd/es/collapse/CollapsePanel';
-import { ExpandIconPosition } from 'antd/es/collapse/Collapse';
-import './Collapse.scss';
-
-interface CmrCollapseProps {
-    accordion?: boolean;
-    activeKey?: Array<string | number>|number;
-    bordered?: boolean;
-    collapsible?: CollapsibleType;
-    defaultActiveKey?: Array<string | number>;
-    destroyInactivePanel?: boolean;
-    expandIconPosition?: ExpandIconPosition;
-    ghost?: boolean;
-    onChange?: (key:Array<string | number>|number) => void;
-    children?: JSX.Element[]|JSX.Element;
-}
-
-export const CmrCollapse = (props: CmrCollapseProps) => {
-    let {activeKey, defaultActiveKey, onChange, children}=props;
-    defaultActiveKey = (defaultActiveKey)?defaultActiveKey:[];
-    let [activeKeys, setActiveKeys] = React.useState(defaultActiveKey);
-    if(activeKey!=undefined&&activeKey!=activeKeys){
-        console.log(activeKey);
-        if(activeKey instanceof Array)
-            setActiveKeys(activeKey);
-        else setActiveKeys([activeKey]);
-    }
-    return (
-        <div className="cmr-collapse">
-            <div>
-                {(children&&Array.isArray(children))?children.map((child,index)=>{
-                    let props = {expanded:activeKeys.indexOf(index)>=0,
-                                panelKey: index,
-                                onToggle: (key:number)=>{
-                                    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 cloneElement(child, props)
-                }):((children?cloneElement(children,{expanded:activeKeys.indexOf(0)>=0,
-                    panelKey: 0,
-                    onToggle: (key:number)=>{
-                        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]);
-                    }}):undefined))}
-            </div>
-        </div>
-    );
-};
-

package/src/common/components/Cmr-components/dialogue/Confirmation.tsx

@@ -1,48 +0,0 @@
-import * as React from 'react';
-import TextField from '@mui/material/TextField';
-import Dialog from '@mui/material/Dialog';
-import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-import DialogContentText from '@mui/material/DialogContentText';
-import DialogTitle from '@mui/material/DialogTitle';
-import CmrButton from '../button/Button';
-import {StyledComponentProps} from "@mui/material";
-
-export default function Confirmation({ name,message,cancelText='Cancel',
-    color, open, setOpen, confirmCallback=()=>{},confirmText='Confirm', cancellable=false, cancelCallback=()=>{}, width}: { name: string | undefined; cancelText?:string; message:string|undefined;
-    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | undefined, open:boolean, setOpen:(open:boolean)=>void, confirmCallback?:()=>void,
-    cancellable?:boolean, cancelCallback?:()=>void, width?:number, confirmText?:string}) {
-    const [text, setText] = React.useState('');
-
-    const handleClose = () => {
-        setOpen(false);
-    };
-
-    const handleConfirm=()=>{
-        confirmCallback();
-        handleClose();
-    }
-
-    const handleCancel=()=>{
-        cancelCallback();
-        handleClose();
-    }
-
-
-    return (
-        <Dialog open={open} onClose={handleClose}>
-            <DialogTitle>{name?name:'Confirmation'}</DialogTitle>
-            <DialogContent sx={{width:width}}>
-                <DialogContentText alignContent={'center'}>
-                    {message}
-                </DialogContentText>
-                <DialogActions className={'mt-4'}>
-                    {cancellable&&
-                        <CmrButton variant={"outlined"} color={'inherit'} sx={{color:'#333'}} onClick={handleCancel}>{cancelText}</CmrButton>
-                    }
-                    <CmrButton variant={"contained"} color={color} onClick={handleConfirm}>{confirmText}</CmrButton>
-                </DialogActions>
-            </DialogContent>
-        </Dialog>
-    );
-}

package/src/common/components/Cmr-components/dialogue/DeletionDialog.tsx

@@ -1,61 +0,0 @@
-import * as React from 'react';
-import Button from '@mui/material/Button';
-import TextField from '@mui/material/TextField';
-import Dialog from '@mui/material/Dialog';
-import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-import DialogContentText from '@mui/material/DialogContentText';
-import DialogTitle from '@mui/material/DialogTitle';
-
-export default function DeletionDialog(props: { name: string | undefined; deletionCallback: () => void; }) {
-    const [open, setOpen] = React.useState(true);
-    const [text, setText] = React.useState('');
-
-    const handleClickOpen = () => {
-        setOpen(true);
-    };
-
-    const handleClose = () => {
-        setOpen(false);
-    };
-
-    const handleConfirm = () => {
-        if(text===props.name){
-            props.deletionCallback();
-            setOpen(false);
-        }
-    };
-
-    const handleTextFieldChange=(e: { target: { value: React.SetStateAction<string>; }; })=>{
-        setText( e.target.value);
-    }
-
-    return (
-        <div>
-            <Dialog open={open} onClose={handleClose}>
-                <DialogTitle>Confirmation</DialogTitle>
-                <DialogContent>
-                    <DialogContentText>
-                        To delete the files, please type your full name below and confirm.
-                    </DialogContentText>
-
-                    <TextField
-                        autoFocus
-                        margin="dense"
-                        id="name"
-                        type="email"
-                        placeholder = {props.name}
-                        fullWidth
-                        inputProps={{style: {fontSize: "16pt"}}}
-                        variant="standard"
-                        onChange={handleTextFieldChange}
-                    />
-                </DialogContent>
-                <DialogActions>
-                    <button className='btn btn-secondary' onClick={handleClose}>Cancel</button>
-                    <button className='btn btn-danger' onClick={handleConfirm}>Confirm</button>
-                </DialogActions>
-            </Dialog>
-        </div>
-    );
-}

package/src/common/components/Cmr-components/dialogue/EditConfirmation.tsx

@@ -1,72 +0,0 @@
-import * as React from 'react';
-import TextField from '@mui/material/TextField';
-import Dialog from '@mui/material/Dialog';
-import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-import DialogContentText from '@mui/material/DialogContentText';
-import DialogTitle from '@mui/material/DialogTitle';
-import CmrButton from '../button/Button';
-import { InputAdornment } from '@mui/material';
-import {useEffect} from "react";
-
-export interface EditConfirmationProps{
-    name?: string; // Equivalent to string | undefined
-    defaultText?: string;
-    message?: string;
-    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    confirmCallback?: (text: string) => void;
-    cancellable?: boolean;
-    cancelCallback?: (edit: string) => void;
-    suffix?:string;
-}
-
-export default function EditConfirmation({ name,message, defaultText='',
-    color, open, setOpen, confirmCallback=()=>{}, cancellable=false, cancelCallback=()=>{},suffix=''}:EditConfirmationProps) {
-    const [text, setText] = React.useState(defaultText);
-    useEffect(() => {
-        if(open)
-            setText(defaultText);
-    }, [open]);
-    const handleClose = () => {
-        setOpen(false);
-    };
-
-    const handleConfirm=()=>{
-        confirmCallback(text+suffix);
-        handleClose();
-    }
-
-    const handleCancel=()=>{
-        cancelCallback(text+suffix);
-        handleClose();
-    }
-
-
-    return (
-        <Dialog maxWidth="xs" fullWidth={true} open={open} onClose={handleCancel}>
-            <DialogTitle>{name?name:'Confirmation'}</DialogTitle>
-            <DialogContent>
-                <DialogContentText alignContent={'center'}>
-                    {message}
-                </DialogContentText>
-                <DialogActions>
-                    <TextField fullWidth variant='standard'
-                               InputProps={{
-                                   endAdornment: (
-                                       <InputAdornment position="end"  sx={{ whiteSpace: 'nowrap' }}>{suffix}</InputAdornment>
-                                   ),
-                               }}
-                               defaultValue={text} onChange={(e)=>setText(e.target.value)}/>
-                </DialogActions>
-                <DialogActions>
-                    {cancellable&&
-                        <CmrButton variant={"outlined"} color={'inherit'} sx={{color:'#333'}} onClick={handleCancel}>Cancel</CmrButton>
-                    }
-                    <CmrButton variant={"contained"} color={color} onClick={handleConfirm}>Confirm</CmrButton>
-                </DialogActions>
-            </DialogContent>
-        </Dialog>
-    );
-}