@configuratorware/configurator-admingui 1.41.1 → 1.42.1

package/src/UIComponents/IconMenu.js

@@ -1,138 +0,0 @@
-import React from 'react';
-import Button from './Button';
-import withStyles from '@material-ui/core/styles/withStyles';
-import Popper from './Popper';
-import Grow from './Grow';
-import Paper from './Paper';
-import ClickAwayListener from './ClickAwayListener';
-import MenuList from './MenuList';
-import MenuItem from './MenuItem';
-import Tooltip from './Tooltip';
-
-const styles = theme => ({
-    wrapper: {
-        display: 'inline-block',
-        position: 'relative',
-        zIndex: 1,
-    },
-    button: {
-        margin: theme.spacing.unit,
-        color: 'inherit',
-    },
-    leftIcon: {
-        marginRight: theme.spacing.unit,
-    },
-    rightIcon: {
-        marginLeft: theme.spacing.unit,
-    },
-});
-
-class IconMenu extends React.Component {
-    static defaultProps = {
-        placement: 'bottom-end',
-        disablePortal: false,
-    };
-
-    state = {
-        open: false,
-    };
-
-    handleToggle = () => {
-        this.setState(state => ({ open: !state.open }));
-    };
-
-    handleClose = event => {
-        if (this.anchorEl.contains(event.target)) {
-            return;
-        }
-
-        this.setState({ open: false });
-    };
-
-    renderItem = item => {
-        const { renderLabel } = this.props;
-        switch (typeof renderLabel) {
-            case 'string':
-                return item[renderLabel];
-            case 'function':
-                return renderLabel(item);
-            default:
-                throw new Error(`Unhandled type for renderLabel in IconMenu component.`);
-        }
-    };
-
-    render() {
-        const {
-            iconComponent: Icon,
-            buttonText,
-            classes,
-            children,
-            source,
-            onSelect,
-            placement,
-            disablePortal,
-            tooltip,
-        } = this.props;
-        const { open } = this.state;
-
-        return (
-            <div className={classes.wrapper}>
-                <Tooltip title={tooltip} placement={'top'}>
-                    <Button
-                        buttonRef={node => {
-                            this.anchorEl = node;
-                        }}
-                        onClick={this.handleToggle}
-                        className={classes.button}
-                    >
-                        <Icon className={buttonText ? classes.leftIcon : ''} />
-                        {buttonText}
-                    </Button>
-                </Tooltip>
-
-                <Popper
-                    open={open}
-                    anchorEl={this.anchorEl}
-                    placement={placement}
-                    transition
-                    disablePortal={disablePortal}
-                >
-                    {({ TransitionProps }) => (
-                        <Grow
-                            {...TransitionProps}
-                            id="menu-list-grow"
-                            style={{
-                                transformOrigin:
-                                    /*placement === 'bottom' ? 'right top' : 'right bottom'*/ 'top',
-                            }}
-                        >
-                            <Paper>
-                                <ClickAwayListener onClickAway={this.handleClose}>
-                                    <MenuList>
-                                        {children
-                                            ? children
-                                            : source.map((item, idx) => {
-                                                  return (
-                                                      <MenuItem
-                                                          key={`menu-item-${idx}`}
-                                                          onClick={() => {
-                                                              onSelect(item);
-                                                              this.setState({ open: false });
-                                                          }}
-                                                      >
-                                                          {this.renderItem(item)}
-                                                      </MenuItem>
-                                                  );
-                                              })}
-                                    </MenuList>
-                                </ClickAwayListener>
-                            </Paper>
-                        </Grow>
-                    )}
-                </Popper>
-            </div>
-        );
-    }
-}
-
-export default withStyles(styles)(IconMenu);

package/src/UIComponents/InlineHelp/__snapshots__/index.test.js.snap

@@ -1,30 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`UIComponents/InlineHelp renders 1`] = `
-<p
-  class="MuiTypography-root-1 MuiTypography-body1-10"
->
-  Lorem ipsum 
-  <span
-    class="InlineHelp-root-37"
-  >
-    dolor sit
-    <svg
-      aria-hidden="true"
-      class="MuiSvgIcon-root-48 InlineHelp-icon-38"
-      focusable="false"
-      role="presentation"
-      viewBox="0 0 24 24"
-    >
-      <path
-        d="M0 0h24v24H0z"
-        fill="none"
-      />
-      <path
-        d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
-      />
-    </svg>
-  </span>
-   amet.
-</p>
-`;

package/src/UIComponents/InlineHelp/index.js

@@ -1,46 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { Tooltip } from '@material-ui/core';
-import { withStyles } from '@material-ui/core/styles';
-import OpenInNewIcon from '@material-ui/icons/OpenInNew';
-
-const styles = theme => {
-    return {
-        root: {
-            borderBottom: `2px solid ${theme.palette.primary.secondaryLight}`,
-        },
-        icon: {
-            position: 'relative',
-            top: 4,
-            color: theme.palette.primary.secondaryLight,
-        },
-        tooltip: {
-            backgroundColor: '#f5f5f9',
-            color: 'rgba(0, 0, 0, 0.87)',
-            fontSize: 14,
-        },
-    };
-};
-
-class InlineHelp extends Component {
-    render() {
-        const { children, classes, helpContent } = this.props;
-
-        return (
-            <Tooltip title={helpContent} interactive={true} classes={{ tooltip: classes.tooltip }}>
-                <span className={classes.root}>
-                    {children}
-                    <OpenInNewIcon className={classes.icon} />
-                </span>
-            </Tooltip>
-        );
-    }
-}
-
-InlineHelp.propTypes = {
-    children: PropTypes.string.isRequired,
-    classes: PropTypes.object.isRequired,
-    helpContent: PropTypes.element.isRequired,
-};
-
-export default withStyles(styles, { name: 'InlineHelp' })(InlineHelp);

package/src/UIComponents/InlineHelp/index.test.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { render } from 'enzyme';
-import InlineHelp from './index';
-import { Typography } from '@material-ui/core';
-
-const exampleHelpContent = (
-    <>
-        <h5>title</h5>
-        <p>content Lorem ipsum dolor.</p>
-    </>
-);
-
-describe('UIComponents/InlineHelp', () => {
-    it('renders', () => {
-        const tree = render(
-            <Typography>
-                Lorem ipsum <InlineHelp helpContent={exampleHelpContent}>dolor sit</InlineHelp> amet.
-            </Typography>
-        );
-        expect(tree).toMatchSnapshot();
-    });
-});

package/src/UIComponents/Input.js

@@ -1,3 +0,0 @@
-import Input from '@material-ui/core/Input/Input';
-
-export default Input;

package/src/UIComponents/InputAdornment.js

@@ -1,3 +0,0 @@
-import InputAdornment from '@material-ui/core/InputAdornment/InputAdornment';
-
-export default InputAdornment;

package/src/UIComponents/InputLabel.js

@@ -1,3 +0,0 @@
-import InputLabel from '@material-ui/core/InputLabel/InputLabel';
-
-export default InputLabel;

package/src/UIComponents/LinearProgress.js

@@ -1,3 +0,0 @@
-import LinearProgress from '@material-ui/core/LinearProgress/LinearProgress';
-
-export default LinearProgress;

package/src/UIComponents/Link.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import Link from '@material-ui/core/Link';
-import withStyles from '@material-ui/core/styles/withStyles';
-
-const UILink = withStyles(
-    theme => (
-        {
-            root: {
-                color: theme.palette.primary.main,
-                fontSize: 20,
-            },
-        },
-        { name: 'UILink' }
-    )
-)(({ classes, ...props }) => (
-    <Link
-        classes={{
-            root: classes.root,
-        }}
-        {...props}
-    />
-));
-
-export default UILink;

package/src/UIComponents/List.js

@@ -1,3 +0,0 @@
-import List from '@material-ui/core/List/List';
-
-export default List;

package/src/UIComponents/ListItem.js

@@ -1,3 +0,0 @@
-import ListItem from '@material-ui/core/ListItem/ListItem';
-
-export default ListItem;

package/src/UIComponents/ListItemIcon.js

@@ -1,3 +0,0 @@
-import ListItemIcon from '@material-ui/core/ListItemIcon/ListItemIcon';
-
-export default ListItemIcon;

package/src/UIComponents/ListItemText.js

@@ -1,3 +0,0 @@
-import ListItemText from '@material-ui/core/ListItemText/ListItemText';
-
-export default ListItemText;

package/src/UIComponents/Menu.js

@@ -1,3 +0,0 @@
-import Menu from '@material-ui/core/Menu/Menu';
-
-export default Menu;

package/src/UIComponents/MenuItem.js

@@ -1,3 +0,0 @@
-import MenuItem from '@material-ui/core/MenuItem/MenuItem';
-
-export default MenuItem;

package/src/UIComponents/MenuList.js

@@ -1,3 +0,0 @@
-import MenuList from '@material-ui/core/MenuList/MenuList';
-
-export default MenuList;

package/src/UIComponents/Pagination.js

@@ -1,100 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import TablePagination from '@material-ui/core/TablePagination';
-import IconButton from '@material-ui/core/IconButton';
-import FirstPageIcon from '@material-ui/icons/FirstPage';
-import KeyboardArrowLeft from '@material-ui/icons/KeyboardArrowLeft';
-import KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight';
-import LastPageIcon from '@material-ui/icons/LastPage';
-import { TableCell } from '@material-ui/core';
-
-const actionsStyles = theme => ({
-    root: {
-        flexShrink: 0,
-        color: theme.palette.text.secondary,
-        marginLeft: theme.spacing.unit * 2.5,
-    },
-});
-
-class TablePaginationActions extends React.Component {
-    handleFirstPageButtonClick = event => {
-        this.props.onChangePage(event, 0);
-    };
-
-    handleBackButtonClick = event => {
-        this.props.onChangePage(event, this.props.page - 1);
-    };
-
-    handleNextButtonClick = event => {
-        this.props.onChangePage(event, this.props.page + 1);
-    };
-
-    handleLastPageButtonClick = event => {
-        this.props.onChangePage(event, Math.max(0, Math.ceil(this.props.count / this.props.rowsPerPage) - 1));
-    };
-
-    render() {
-        const { classes, count, page, rowsPerPage, theme } = this.props;
-
-        return (
-            <div className={classes.root}>
-                <IconButton
-                    onClick={this.handleFirstPageButtonClick}
-                    disabled={page === 0}
-                    aria-label="First Page"
-                >
-                    {theme.direction === 'rtl' ? <LastPageIcon /> : <FirstPageIcon />}
-                </IconButton>
-                <IconButton
-                    onClick={this.handleBackButtonClick}
-                    disabled={page === 0}
-                    aria-label="Previous Page"
-                >
-                    {theme.direction === 'rtl' ? <KeyboardArrowRight /> : <KeyboardArrowLeft />}
-                </IconButton>
-                <IconButton
-                    onClick={this.handleNextButtonClick}
-                    disabled={page >= Math.ceil(count / rowsPerPage) - 1}
-                    aria-label="Next Page"
-                >
-                    {theme.direction === 'rtl' ? <KeyboardArrowLeft /> : <KeyboardArrowRight />}
-                </IconButton>
-                <IconButton
-                    onClick={this.handleLastPageButtonClick}
-                    disabled={page >= Math.ceil(count / rowsPerPage) - 1}
-                    aria-label="Last Page"
-                >
-                    {theme.direction === 'rtl' ? <FirstPageIcon /> : <LastPageIcon />}
-                </IconButton>
-            </div>
-        );
-    }
-}
-
-TablePaginationActions.propTypes = {
-    classes: PropTypes.object.isRequired,
-    count: PropTypes.number.isRequired,
-    onChangePage: PropTypes.func.isRequired,
-    page: PropTypes.number.isRequired,
-    rowsPerPage: PropTypes.number.isRequired,
-    theme: PropTypes.object.isRequired,
-};
-
-const TablePaginationActionsWrapped = withStyles(actionsStyles, { withTheme: true })(TablePaginationActions);
-
-const Pagination = props => (
-    <TablePagination
-        ActionsComponent={TablePaginationActionsWrapped}
-        component={({ children, beforeElement, afterElement, ...props }) => (
-            <TableCell {...props} colSpan={1000}>
-                {beforeElement}
-                {children}
-                {afterElement}
-            </TableCell>
-        )}
-        {...props}
-    />
-);
-
-export default Pagination;

package/src/UIComponents/Paper.js

@@ -1,3 +0,0 @@
-import Paper from '@material-ui/core/Paper/Paper';
-
-export default Paper;

package/src/UIComponents/Popper.js

@@ -1,3 +0,0 @@
-import Popper from '@material-ui/core/Popper/Popper';
-
-export default Popper;

package/src/UIComponents/RadioButton/RadioButton.js

@@ -1,3 +0,0 @@
-import Radio from '@material-ui/core/Radio/Radio';
-
-export default Radio;

package/src/UIComponents/RadioButton/RadioGroup.js

@@ -1,3 +0,0 @@
-import RadioGroup from '@material-ui/core/RadioGroup/RadioGroup';
-
-export default RadioGroup;

package/src/UIComponents/RadioButton/index.js

@@ -1,5 +0,0 @@
-import RadioButton from './RadioButton';
-import RadioGroup from './RadioGroup';
-
-export { RadioButton };
-export { RadioGroup };

package/src/UIComponents/RaisedButton.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import Button from './Button';
-import withStyles from '@material-ui/core/styles/withStyles';
-
-const styles = theme => ({
-    button: {
-        margin: theme.spacing.unit,
-    },
-});
-
-const RaisedButton = ({ classes, label, children, primary, color, ...otherProps }) => {
-    return (
-        <Button
-            variant="contained"
-            className={classes.button}
-            color={primary ? 'primary' : color}
-            {...otherProps}
-        >
-            {label || children}
-        </Button>
-    );
-};
-
-export default withStyles(styles)(RaisedButton);

package/src/UIComponents/SelectField.js

@@ -1,70 +0,0 @@
-import React from 'react';
-import withStyles from '@material-ui/core/styles/withStyles';
-import FormControl from '@material-ui/core/FormControl/FormControl';
-import InputLabel from '@material-ui/core/InputLabel/InputLabel';
-import Input from '@material-ui/core/Input/Input';
-import Select from '@material-ui/core/Select/Select';
-import MenuItem from '@material-ui/core/MenuItem/MenuItem';
-import FormHelperText from '@material-ui/core/FormHelperText/FormHelperText';
-
-const styles = theme => ({
-    root: {
-        display: 'flex',
-        flexWrap: 'wrap',
-    },
-    formControl: {
-        minWidth: 120,
-    },
-    selectEmpty: {
-        marginTop: theme.spacing.unit * 2,
-    },
-});
-
-class UISelectField extends React.Component {
-    render() {
-        const {
-            classes,
-            label,
-            placeholder,
-            value,
-            onChange,
-            onFocus,
-            style,
-            children,
-            placeholderValue,
-            disablePlaceholder = true,
-            disableUnderline,
-            disabled,
-            error,
-            shrinkLabel
-        } = this.props;
-        return (
-            <FormControl className={classes.formControl} style={style} error={error && error.length() > 0}>
-                {label && <InputLabel shrink={shrinkLabel} htmlFor="inputselect">{label}</InputLabel>}
-                <Select
-                    value={value}
-                    onChange={onChange}
-                    onFocus={onFocus}
-                    input={<Input name="SelectInput" id="inputselect" />}
-                    displayEmpty
-                    name="SelectInput"
-                    className={classes.selectEmpty}
-                    disableUnderline={disableUnderline}
-                    disabled={disabled}
-                >
-                    {placeholder && (
-                        <MenuItem value={placeholderValue} disabled={disablePlaceholder}>
-                            {placeholder}
-                        </MenuItem>
-                    )}
-                    {children}
-                </Select>
-                {error &&
-                    <FormHelperText>{error}</FormHelperText>
-                }
-            </FormControl>
-        );
-    }
-}
-
-export default withStyles(styles)(UISelectField);

package/src/UIComponents/Snackbar.js

@@ -1,3 +0,0 @@
-import Snackbar from '@material-ui/core/Snackbar';
-
-export default Snackbar;

package/src/UIComponents/Table/Table.js

@@ -1,133 +0,0 @@
-import React from 'react';
-import Table from '@material-ui/core/Table/Table';
-import get from 'lodash/get';
-import first from 'lodash/first';
-import TableBody from './TableBody';
-import TableHead from './TableHead';
-
-class UITable extends React.Component {
-    state = {
-        selected: [],
-        allSelected: false,
-    };
-
-    componentDidMount() {
-        const { selected } = this.props;
-        if (selected) {
-            this.setState({
-                selected,
-            });
-        }
-    }
-
-    componentDidUpdate(prevProps) {
-        const { selected } = this.props;
-        if (selected && prevProps.selected !== selected) {
-            this.setState({
-                selected,
-            });
-        }
-    }
-
-    onRowSelected = (event, id, isMultiple = false) => {
-        if (!this.props.isRowSelectable || this.props.isRowSelectable(id) === true) {
-            const { selected } = this.state;
-            const selectedIndex = selected.indexOf(id);
-            let newSelected = [];
-
-            if (!isMultiple && selected.length === 1) {
-                if (first(selected) !== id) {
-                    newSelected.push(id);
-                }
-            } else if (!isMultiple && selected.length > 1) {
-                newSelected.push(id);
-            } else if (selectedIndex === -1) {
-                newSelected = newSelected.concat(selected, id);
-            } else if (selectedIndex === 0) {
-                newSelected = newSelected.concat(selected.slice(1));
-            } else if (selectedIndex === selected.length - 1) {
-                newSelected = newSelected.concat(selected.slice(0, -1));
-            } else if (selectedIndex > 0) {
-                newSelected = newSelected.concat(
-                    selected.slice(0, selectedIndex),
-                    selected.slice(selectedIndex + 1)
-                );
-            }
-
-            this.setState({
-                selected: newSelected,
-                allSelected: false,
-            });
-
-            this.onSelectedCallback(newSelected, event);
-        }
-    };
-
-    isSelected = id => this.state.selected.indexOf(id) !== -1;
-
-    onAllRowsSelected = event => {
-        const newSelected = [];
-        if (this.state.allSelected) {
-            const { selected } = this.props;
-            this.setState({
-                selected,
-                allSelected: false,
-            });
-        } else {
-            const count = get(this.tableBodyRef.current, 'props.children.length', 0);
-            if (count > 0) {
-                for (let i = 0; i < count; i++) {
-                    newSelected.push(i);
-                }
-                this.setState({
-                    selected: newSelected,
-                    allSelected: true,
-                });
-            }
-        }
-        this.onSelectedCallback(newSelected, event);
-    };
-
-    isAllSelected = () => this.state.allSelected;
-
-    onSelectedCallback = (items, event) => {
-        const { onRowSelected } = this.props;
-        if (onRowSelected) {
-            onRowSelected(items, event);
-        }
-    };
-
-    tableBodyRef = React.createRef();
-
-    render() {
-        const { children, showCheckbox, selectable } = this.props;
-        const { onRowSelected, isSelected, onAllRowsSelected, isAllSelected, tableBodyRef } = this;
-        return (
-            <Table>
-                {selectable
-                    ? React.Children.map(children, child => {
-                          switch (get(child, 'type.name')) {
-                              case TableBody.name:
-                                  return React.cloneElement(child, {
-                                      onRowSelected,
-                                      isSelected,
-                                      showCheckbox,
-                                      ref: tableBodyRef,
-                                  });
-                              case TableHead.name:
-                                  return React.cloneElement(child, {
-                                      onAllRowsSelected,
-                                      isAllSelected,
-                                      showCheckbox,
-                                  });
-                              default:
-                                  return child;
-                          }
-                      })
-                    : children}
-            </Table>
-        );
-    }
-}
-
-export default UITable;