@configuratorware/configurator-admingui 1.41.1 → 1.42.1

package/src/UIComponents/AutoComplete.js

@@ -1,237 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Downshift from 'downshift';
-import Paper from '@material-ui/core/Paper/Paper';
-import TextField from '@material-ui/core/TextField/TextField';
-import MenuItem from '@material-ui/core/MenuItem';
-import withStyles from '@material-ui/core/styles/withStyles';
-import _ from 'lodash';
-
-const styles = theme => ({
-    root: {
-        flexGrow: 1,
-        height: 250,
-    },
-    container: {
-        flexGrow: 1,
-        position: 'relative',
-        width: '100%',
-        paddingTop: '15px',
-    },
-    paper: {
-        position: 'absolute',
-        zIndex: 1,
-        marginTop: theme.spacing.unit,
-        left: 0,
-        right: 0,
-    },
-    chip: {
-        margin: `${theme.spacing.unit / 2}px ${theme.spacing.unit / 4}px`,
-    },
-    inputRoot: {
-        flexWrap: 'wrap',
-    },
-    inputInput: {
-        width: 'auto',
-        flexGrow: 1,
-    },
-    divider: {
-        height: theme.spacing.unit * 2,
-    },
-});
-
-function getLabel(dataSourceConfig, item) {
-    return _.isFunction(dataSourceConfig.text)
-        ? dataSourceConfig.text.call(null, item)
-        : item[dataSourceConfig.text];
-}
-
-function getSuggestions(dataSource, dataSourceConfig, inputValue, filterFunction, maxSearchResults) {
-    return dataSource
-        .filter(item => {
-            const mappedItem = {
-                value: item[dataSourceConfig.value],
-                label: getLabel(dataSourceConfig, item),
-            };
-            return filterFunction(inputValue, mappedItem.label);
-        })
-        .slice(0, maxSearchResults);
-}
-
-export const propTypes = {
-    dataSourceConfig: PropTypes.shape({
-        value: PropTypes.string.isRequired,
-        text: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).isRequired,
-    }).isRequired,
-    filter: PropTypes.func,
-};
-
-export class Filters {
-    static defaultFilter = searchText => searchText !== '';
-
-    static fuzzyFilter = (searchText, key) => {
-        if (!searchText || !key) {
-            return true;
-        }
-        const compareString = key.toLowerCase();
-        searchText = searchText.toLowerCase();
-
-        let searchTextIndex = 0;
-        for (let index = 0; index < key.length; index++) {
-            if (compareString[index] === searchText[searchTextIndex]) {
-                searchTextIndex += 1;
-            }
-        }
-        return searchTextIndex === searchText.length;
-    };
-
-    static regexpFilter = (searchText, key) => {
-        if (!searchText || !key) {
-            return true;
-        }
-
-        let regexp;
-
-        try {
-            regexp = new RegExp(searchText.replace(/[\s|*]+/g, '(.*)'), 'gi');
-        } catch (e) {
-            // Invalid regular expression
-            return true;
-        }
-
-        return !!regexp.test(key);
-    };
-}
-
-class AutoComplete extends React.Component {
-    static propTypes = propTypes;
-
-    static defaultProps = {
-        filter: AutoComplete.defaultFilter,
-    };
-
-    state = {
-        inputValue: this.props.searchText,
-        selectedItem: [],
-    };
-
-    static defaultFilter = Filters.defaultFilter;
-
-    static fuzzyFilter = Filters.fuzzyFilter;
-
-    static regexpFilter = Filters.regexpFilter;
-
-    render() {
-        const {
-            classes,
-            floatingLabelText,
-            searchText,
-            dataSource,
-            handleChange,
-            onInputValueChange,
-            dataSourceConfig,
-            onBlur,
-            onFocus,
-            placeholder,
-            filter,
-            maxSearchResults,
-            error,
-            disableUnderline,
-            downshiftRef,
-            startAdornment,
-        } = this.props;
-        const { selectedItem } = this.state;
-        const textLabel = floatingLabelText;
-
-        return (
-            <div>
-                <Downshift
-                    inputValue={searchText}
-                    onChange={handleChange}
-                    selectedItem={selectedItem}
-                    itemToString={item => (item ? getLabel(dataSourceConfig, item) : '')}
-                    onInputValueChange={onInputValueChange}
-                    ref={downshiftRef}
-                >
-                    {({
-                        getInputProps,
-                        getItemProps,
-                        highlightedIndex,
-                        inputValue,
-                        isOpen,
-                        selectedItem,
-                    }) => (
-                        <div className={classes.container}>
-                            {renderInput({
-                                fullWidth: true,
-                                label: textLabel,
-                                InputProps: getInputProps({
-                                    disableUnderline,
-                                    startAdornment,
-                                }),
-                                inputProps: {
-                                    onBlur,
-                                    placeholder,
-                                },
-                                onFocus,
-                                classes,
-                                error: !!error,
-                                helperText: error,
-                            })}
-
-                            {isOpen ? (
-                                <Paper className={classes.paper} square>
-                                    {getSuggestions(
-                                        dataSource,
-                                        dataSourceConfig,
-                                        inputValue,
-                                        filter,
-                                        maxSearchResults
-                                    ).map((suggestion, index) =>
-                                        renderSuggestion({
-                                            label: getLabel(dataSourceConfig, suggestion),
-                                            index,
-                                            itemProps: getItemProps({ item: suggestion }),
-                                            highlightedIndex,
-                                            selectedItem,
-                                            key: suggestion[dataSourceConfig.value],
-                                        })
-                                    )}
-                                </Paper>
-                            ) : null}
-                        </div>
-                    )}
-                </Downshift>
-            </div>
-        );
-    }
-}
-
-function renderSuggestion({ label, index, itemProps, highlightedIndex, key }) {
-    const isHighlighted = highlightedIndex === index;
-
-    return (
-        <MenuItem {...itemProps} key={key} selected={isHighlighted} component="div">
-            {label}
-        </MenuItem>
-    );
-}
-
-function renderInput(inputProps) {
-    const { InputProps, classes, ref, ...other } = inputProps;
-    return (
-        <TextField
-            InputProps={{
-                inputRef: ref,
-                classes: {
-                    root: classes.inputRoot,
-                    input: classes.inputInput,
-                },
-                ...InputProps,
-            }}
-            {...other}
-        />
-    );
-}
-
-export default withStyles(styles)(AutoComplete);

package/src/UIComponents/Button.js

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

package/src/UIComponents/ButtonBase.js

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

package/src/UIComponents/Checkbox.js

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

package/src/UIComponents/Chip.js

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

package/src/UIComponents/ChipInput.js

@@ -1,221 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Downshift from 'downshift';
-import Paper from '@material-ui/core/Paper/Paper';
-import TextField from '@material-ui/core/TextField/TextField';
-import MenuItem from '@material-ui/core/MenuItem';
-import Chip from './Chip';
-import withStyles from '@material-ui/core/styles/withStyles';
-
-const styles = theme => ({
-    root: {
-        flexGrow: 1,
-        height: 250,
-    },
-    container: {
-        flexGrow: 1,
-        position: 'relative',
-        width: '100%',
-        paddingTop: '15px',
-    },
-    paper: {
-        position: 'absolute',
-        zIndex: 1,
-        marginTop: theme.spacing.unit,
-        left: 0,
-        right: 0,
-    },
-    chip: {
-        margin: `${theme.spacing.unit / 2}px ${theme.spacing.unit / 4}px`,
-    },
-    inputRoot: {
-        flexWrap: 'wrap',
-        '& input[type=number]': {
-            '-moz-appearance': 'textfield'
-        },
-        '& input[type=number]::-webkit-outer-spin-button': {
-            '-webkit-appearance': 'none',
-            margin: 0
-        },
-        '& input[type=number]::-webkit-inner-spin-button': {
-            '-webkit-appearance': 'none',
-            margin: 0
-        }
-    },
-    inputInput: {
-        flexGrow: 1,
-    },
-    divider: {
-        height: theme.spacing.unit * 2,
-    },
-});
-
-function getSuggestions(dataSource, dataSourceConfig, inputValue, filterFunction) {
-    return dataSource.filter(item => {
-        const mappedItem = {
-            value: item[dataSourceConfig.value],
-            label: item[dataSourceConfig.text],
-        };
-        return filterFunction(inputValue, mappedItem.label);
-    });
-}
-
-export const propTypes = {
-    dataSourceConfig: PropTypes.shape({
-        value: PropTypes.string.isRequired,
-        text: PropTypes.string.isRequired,
-    }).isRequired,
-    filter: PropTypes.func,
-    onRequestDelete: PropTypes.func,
-    onInputValueChange: PropTypes.func,
-    handleChange: PropTypes.func,
-    onBlur: PropTypes.func,
-    classes: PropTypes.object,
-    floatingLabelText: PropTypes.object,
-    value: PropTypes.array,
-    dataSource: PropTypes.array,
-    onFocus: PropTypes.func,
-    placeholder: PropTypes.string,
-};
-
-class ChipInput extends React.Component {
-    static propTypes = propTypes;
-
-    state = {
-        selectedItem: [],
-        inputValue: '',
-    };
-
-    handleDelete = (item, id) => () => {
-        this.props.onRequestDelete(item, id);
-    };
-
-    itemToString = item => {
-        return item ? item[this.props.dataSourceConfig.text] : '';
-    };
-
-    onInputChange = ({ target: { value } }) => {
-        this.setState({ inputValue: value });
-        this.props.onInputValueChange(value);
-    };
-    handleChange = input => {
-        this.setState({ inputValue: '' });
-        if (input === null) {
-            return;
-        }
-        this.props.handleChange(input);
-    };
-
-    onBlur = () => {
-        this.setState({ inputValue: '' });
-        this.props.onBlur();
-    };
-
-    render() {
-        const {
-            classes,
-            floatingLabelText,
-            value,
-            dataSource,
-            dataSourceConfig,
-            onFocus,
-            placeholder,
-            filter,
-            onInputEnterKey,
-            resetOnInputEnterKey,
-            textFieldType,
-        } = this.props;
-        const { selectedItem, inputValue } = this.state;
-        const textLabel = floatingLabelText;
-
-        return (
-            <div style={{ maxHeight: 500 }}>
-                <Downshift
-                    inputValue={inputValue}
-                    onChange={this.handleChange}
-                    selectedItem={selectedItem}
-                    itemToString={this.itemToString}
-                >
-                    {({ getInputProps, getItemProps, highlightedIndex, inputValue, isOpen }) => (
-                        <div className={classes.container}>
-                            {renderInput({
-                                fullWidth: true,
-                                label: textLabel,
-                                InputProps: getInputProps({
-                                    startAdornment: value.map((item, idx) => (
-                                        <Chip
-                                            key={item[dataSourceConfig.value]}
-                                            tabIndex={-1}
-                                            label={item[dataSourceConfig.text]}
-                                            className={classes.chip}
-                                            onDelete={this.handleDelete(item, idx)}
-                                        />
-                                    )),
-                                    placeholder,
-                                    onChange: this.onInputChange,
-                                    onBlur: this.onBlur,
-                                    onFocus,
-                                }),
-                                classes,
-                                type: textFieldType,
-                                onKeyDown: (evt) => {
-                                    if (!highlightedIndex && onInputEnterKey && evt.keyCode === 13) {
-                                        onInputEnterKey(evt);
-                                        if (resetOnInputEnterKey) {
-                                            this.setState({ inputValue: '' });
-                                        }
-                                    }
-                                }
-                            })}
-
-                            {isOpen ? (
-                                <Paper className={classes.paper} square>
-                                    {getSuggestions(dataSource, dataSourceConfig, inputValue, filter).map(
-                                        (suggestion, index) =>
-                                            renderSuggestion({
-                                                label: suggestion[dataSourceConfig.text],
-                                                index,
-                                                itemProps: getItemProps({ item: suggestion }),
-                                                highlightedIndex,
-                                                selectedItem: value,
-                                                key: suggestion[dataSourceConfig.value],
-                                            })
-                                    )}
-                                </Paper>
-                            ) : null}
-                        </div>
-                    )}
-                </Downshift>
-            </div>
-        );
-    }
-}
-
-function renderSuggestion({ label, index, itemProps, highlightedIndex, key }) {
-    const isHighlighted = highlightedIndex === index;
-
-    return (
-        <MenuItem {...itemProps} key={key} selected={isHighlighted} component="div">
-            {label}
-        </MenuItem>
-    );
-}
-
-function renderInput(inputProps) {
-    const { InputProps, classes, ref, ...other } = inputProps;
-    return (
-        <TextField
-            InputProps={{
-                inputRef: ref,
-                classes: {
-                    root: classes.inputRoot,
-                    input: classes.inputInput,
-                },
-                ...InputProps,
-            }}
-            {...other}
-        />
-    );
-}
-
-export default withStyles(styles)(ChipInput);

package/src/UIComponents/CircularProgress.js

@@ -1,3 +0,0 @@
-//import CircularProgress from 'material-ui/CircularProgress';
-
-export default () => null;

package/src/UIComponents/ClickAwayListener.js

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

package/src/UIComponents/Collapse.js

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

package/src/UIComponents/DatePicker.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import TextField from '../UIComponents/TextField';
-
-const styles = () => ({
-    container: {
-        display: 'flex',
-        flexWrap: 'wrap',
-    },
-    textField: {
-        width: '100%',
-    },
-});
-
-function DatePicker(props) {
-    const { classes, label, ...otherDatePickerProps } = props;
-
-    return (
-        <form className={classes.container} noValidate>
-            <TextField
-                id="date"
-                type="date"
-                label={label}
-                className={classes.textField}
-                InputLabelProps={{ shrink: true }}
-                {...otherDatePickerProps}
-            />
-        </form>
-    );
-}
-
-DatePicker.propTypes = {
-    classes: PropTypes.object.isRequired,
-};
-
-export default withStyles(styles)(DatePicker);

package/src/UIComponents/DateTimePicker.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import TextField from '../UIComponents/TextField';
-
-const styles = () => ({
-    container: {
-        display: 'flex',
-        flexWrap: 'wrap',
-    },
-    textField: {
-        width: '100%',
-    },
-});
-
-function DateTimePicker(props) {
-    const { classes, label, ...otherTimePickerProps } = props;
-
-    return (
-        <form className={classes.container} noValidate>
-            <TextField
-                id="date"
-                type="datetime-local"
-                label={label}
-                className={classes.textField}
-                InputLabelProps={{ shrink: true }}
-                {...otherTimePickerProps}
-            />
-        </form>
-    );
-}
-
-DateTimePicker.propTypes = {
-    classes: PropTypes.object.isRequired,
-};
-
-export default withStyles(styles)(DateTimePicker);

package/src/UIComponents/Dialog.js

@@ -1,55 +0,0 @@
-import React from 'react';
-import Dialog from '@material-ui/core/Dialog/Dialog';
-import DialogTitle from '@material-ui/core/DialogTitle/DialogTitle';
-import DialogContent from '@material-ui/core/DialogContent/DialogContent';
-import DialogContentText from '@material-ui/core/DialogContentText/DialogContentText';
-import DialogActions from '@material-ui/core/DialogActions/DialogActions';
-import withStyles from '@material-ui/core/styles/withStyles';
-
-const styles = () => ({
-    paperRoot: {
-        minWidth: '450px',
-    },
-    dialogContentRoot: {
-        overflow: 'hidden',
-        display: 'flex',
-    },
-    dialogContentTextRoot: {
-        width: '100%',
-        display: 'flex',
-    },
-});
-
-const UIDialog = ({ title, actions, children, bodyClassName, classes, ...otherProps }) => {
-    return (
-        <Dialog
-            className={bodyClassName}
-            classes={{
-                paper: classes.paperRoot,
-            }}
-            maxWidth="md"
-            {...otherProps}
-        >
-            {title && <DialogTitle>{title}</DialogTitle>}
-            {children && (
-                <DialogContent
-                    classes={{
-                        root: classes.dialogContentRoot,
-                    }}
-                >
-                    <DialogContentText
-                        component="div"
-                        classes={{
-                            root: classes.dialogContentTextRoot,
-                        }}
-                    >
-                        {children}
-                    </DialogContentText>
-                </DialogContent>
-            )}
-            {actions && <DialogActions>{actions}</DialogActions>}
-        </Dialog>
-    );
-};
-
-export default withStyles(styles)(UIDialog);

package/src/UIComponents/Drawer.js

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

package/src/UIComponents/FlatButton.js

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

package/src/UIComponents/FloatingActionButton.js

@@ -1,4 +0,0 @@
-import React from 'react';
-import Button from '@material-ui/core/Button/Button';
-
-export default props => <Button variant="fab" color="primary" {...props} />;

package/src/UIComponents/FontIcon.js

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

package/src/UIComponents/FormControl.js

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

package/src/UIComponents/FormControlLabel.js

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

package/src/UIComponents/Grow.js

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

package/src/UIComponents/IconButton.js

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