@pie-element/ebsr 6.6.3-next.1045 → 6.6.3-next.1059

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/config-ui/src/layout/settings-box.jsx

@@ -1,31 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import classNames from 'classnames';
-export class SettingsBox extends React.Component {
-  static propTypes = {
-    classes: PropTypes.object.isRequired,
-    className: PropTypes.string,
-    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
-  };
-  static defaultProps = {};
-  render() {
-    const { classes, className, children } = this.props;
-    return <div className={classNames(classes.settingsBox, className)}>{children}</div>;
-  }
-}
-const styles = () => ({
-  settingsBox: {
-    backgroundColor: '#FFF',
-    border: '2px solid #EEE',
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'flex-start',
-    minWidth: '275px',
-    maxWidth: '300px',
-    padding: '24px 8px 24px 24px',
-    width: '80%',
-    zIndex: 99
-  }
-});
-export default withStyles(styles)(SettingsBox);

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/config-ui/src/mui-box/index.jsx

@@ -1,64 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import debug from 'debug';
-import classNames from 'classnames';
-
-const log = debug('pie-elements:config-ui:mui-box');
-
-const MuiBox = withStyles(theme => {
-  const light = theme.palette.type === 'light';
-  const bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';
-
-  log(theme.palette.primary[theme.palette.type || 'light']);
-
-  return {
-    muiBox: {
-      paddingTop: theme.spacing.unit,
-      paddingBottom: theme.spacing.unit,
-      position: 'relative',
-      '&:before': {
-        left: 0,
-        right: 0,
-        bottom: 0,
-        height: '1px',
-        content: '""',
-        position: 'absolute',
-        transition: 'background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
-        pointerEvents: 'none',
-        backgroundColor: bottomLineColor
-      },
-      '&:hover:before': {
-        height: '2px'
-      },
-      '&:after': {
-        left: 0,
-        right: 0,
-        bottom: 0,
-        height: '2px',
-        content: '""',
-        position: 'absolute',
-        transform: 'scaleX(0)',
-        transition: 'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms',
-        pointerEvents: 'none',
-        backgroundColor: theme.palette.primary[theme.palette.type] //'#304ffe'
-      }
-    },
-    focused: {
-      '&:after': {
-        transform: 'scaleX(1)'
-      }
-    }
-  };
-})(({ children, classes, focused }) => {
-  const names = classNames(classes.muiBox, focused && classes.focused);
-
-  return <div className={names}>{children}</div>;
-});
-
-MuiBox.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
-  focused: PropTypes.bool.isRequired
-};
-
-export default MuiBox;

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/config-ui/src/number-text-field-custom.jsx

@@ -1,279 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import TextField from '@material-ui/core/TextField';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import isFinite from 'lodash/isFinite';
-import IconButton from '@material-ui/core/IconButton';
-import InputAdornment from '@material-ui/core/InputAdornment';
-import Remove from '@material-ui/icons/Remove';
-import Add from '@material-ui/icons/Add';
-
-const styles = theme => ({
-  input: {
-    '& 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
-    }
-  },
-  iconButton: {
-    padding: '2px'
-  }
-});
-
-const fallbackNumber = (min, max) => {
-  if (!isFinite(min) && !isFinite(max)) {
-    return 0;
-  }
-
-  if (!isFinite(min) && isFinite(max)) {
-    return max;
-  }
-
-  if (isFinite(min)) {
-    return min;
-  }
-};
-
-export class NumberTextFieldCustom extends React.Component {
-  static propTypes = {
-    classes: PropTypes.object.isRequired,
-    className: PropTypes.string,
-    customValues: PropTypes.array,
-    disabled: PropTypes.bool,
-    error: PropTypes.bool,
-    inputClassName: PropTypes.string,
-    onChange: PropTypes.func.isRequired,
-    onlyIntegersAllowed: PropTypes.bool,
-    value: PropTypes.number,
-    min: PropTypes.number,
-    max: PropTypes.number,
-    step: PropTypes.number,
-    label: PropTypes.string,
-    disableUnderline: PropTypes.bool,
-    variant: PropTypes.string
-  };
-
-  static defaultProps = {
-    step: 1,
-    customValues: [],
-    textAlign: 'center',
-    variant: 'standard',
-    onlyIntegersAllowed: false
-  };
-
-  constructor(props) {
-    super(props);
-
-    let value = this.clamp(props.value);
-    let currentIndex = (props.customValues || []).findIndex(val => val === value);
-
-    if ((props.customValues || []).length > 0 && currentIndex === -1) {
-      const closestValue = this.getClosestValue(value);
-      value = closestValue.value;
-      currentIndex = closestValue.index;
-    }
-
-    this.state = {
-      value,
-      currentIndex
-    };
-
-    if (value !== props.value) {
-      this.props.onChange({}, value);
-    }
-
-    this.onChange = this.onChange.bind(this);
-  }
-
-  UNSAFE_componentWillReceiveProps(props) {
-    const value = this.clamp(props.value);
-
-    this.setState({ value });
-  }
-
-  clamp(value) {
-    const { min, max, customValues } = this.props;
-
-    if ((customValues || []).length > 0) {
-      return value;
-    }
-
-    if (!isFinite(value)) {
-      return fallbackNumber(min, max);
-    }
-
-    if (isFinite(max)) {
-      value = Math.min(value, max);
-    }
-
-    if (isFinite(min)) {
-      value = Math.max(value, min);
-    }
-
-    return value;
-  }
-
-  getClosestValue = number => {
-    const { customValues } = this.props;
-
-    return customValues.reduce(
-      (closest, value, index) =>
-        Math.abs(value - number) < Math.abs(closest.value - number) ? { value, index } : closest,
-      { value: customValues[0], index: 0 }
-    );
-  };
-
-  onBlur = event => {
-    const { customValues, onlyIntegersAllowed } = this.props;
-    const { value } = event.target;
-    const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
-    let number = this.clamp(rawNumber);
-    let updatedIndex = (customValues || []).findIndex(val => val === number);
-
-    if (customValues.length > 0 && updatedIndex === -1) {
-      const closestValue = this.getClosestValue(number);
-      number = closestValue.value;
-      updatedIndex = closestValue.index;
-    }
-
-    if (number !== this.state.value) {
-      this.setState(
-        {
-          value: number.toString(),
-          currentIndex: updatedIndex
-        },
-        () => this.props.onChange(event, number)
-      );
-    }
-  };
-
-  onChange(event) {
-    const { value } = event.target;
-
-    this.setState({ value });
-  }
-
-  changeValue(event, sign = 1, shouldUpdate = false) {
-    event.preventDefault();
-
-    const { customValues, step, onlyIntegersAllowed, onChange } = this.props;
-    const { currentIndex, value } = this.state;
-    const updatedIndex = currentIndex + sign * 1;
-    let number;
-
-    if (customValues.length > 0) {
-      if (updatedIndex < 0 || updatedIndex >= customValues.length) {
-        return;
-      }
-
-      number = customValues[updatedIndex];
-    } else {
-      const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
-      const updatedValue = (rawNumber * 10000 + step * sign * 10000) / 10000;
-      number = this.clamp(updatedValue);
-    }
-
-    this.setState(
-      {
-        value: number.toString(),
-        currentIndex: updatedIndex
-      },
-      () => {
-        if (shouldUpdate) {
-          onChange(event, number);
-        }
-      }
-    );
-  }
-
-  render() {
-    const {
-      className,
-      classes,
-      label,
-      disabled,
-      error,
-      min,
-      max,
-      inputClassName,
-      disableUnderline,
-      helperText,
-      variant,
-      textAlign
-    } = this.props;
-    const { value } = this.state;
-    const names = classNames(className, classes.input);
-
-    return (
-      <TextField
-        variant={variant}
-        inputRef={ref => (this.inputRef = ref)}
-        disabled={disabled}
-        label={label}
-        value={value}
-        error={error}
-        helperText={helperText}
-        onChange={this.onChange}
-        onBlur={this.onBlur}
-        onKeyPress={e => {
-          // once the Enter key is pressed, we force input blur
-          if (e.key === 'Enter' && this.inputRef) {
-            this.inputRef.blur();
-          }
-        }}
-        onKeyDown={e => {
-          if (e.key === 'ArrowUp') {
-            this.changeValue(e);
-          }
-
-          if (e.key === 'ArrowDown') {
-            this.changeValue(e, -1);
-          }
-        }}
-        type="number"
-        className={names}
-        InputProps={{
-          className: inputClassName,
-          disableUnderline: disableUnderline,
-          startAdornment: (
-            <InputAdornment position="start">
-              <IconButton
-                className={classes.iconButton}
-                disabled={disabled}
-                onClick={e => this.changeValue(e, -1, true)}
-              >
-                <Remove fontSize="small" />
-              </IconButton>
-            </InputAdornment>
-          ),
-          endAdornment: (
-            <InputAdornment position="end">
-              <IconButton
-                className={classes.iconButton}
-                disabled={disabled}
-                onClick={e => this.changeValue(e, 1, true)}
-              >
-                <Add fontSize="small" />
-              </IconButton>
-            </InputAdornment>
-          )
-        }}
-        inputProps={{
-          style: { textAlign },
-          min,
-          max
-        }}
-      />
-    );
-  }
-}
-
-export default withStyles(styles)(NumberTextFieldCustom);

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/config-ui/src/number-text-field.jsx

@@ -1,196 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import TextField from '@material-ui/core/TextField';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import debug from 'debug';
-import isFinite from 'lodash/isFinite';
-import InputAdornment from '@material-ui/core/InputAdornment';
-const log = debug('@pie-lib:config-ui:number-text-field');
-
-const styles = theme => ({
-  root: { marginRight: theme.spacing.unit }
-});
-
-const fallbackNumber = (min, max) => {
-  if (!isFinite(min) && !isFinite(max)) {
-    return 0;
-  }
-  if (!isFinite(min) && isFinite(max)) {
-    return max;
-  }
-
-  if (isFinite(min)) {
-    return min;
-  }
-};
-
-export class NumberTextField extends React.Component {
-  static propTypes = {
-    disabled: PropTypes.bool,
-    classes: PropTypes.object.isRequired,
-    className: PropTypes.string,
-    inputClassName: PropTypes.string,
-    onChange: PropTypes.func.isRequired,
-    value: PropTypes.number,
-    min: PropTypes.number,
-    max: PropTypes.number,
-    label: PropTypes.string,
-    suffix: PropTypes.string,
-    showErrorWhenOutsideRange: PropTypes.bool,
-    disableUnderline: PropTypes.bool,
-    variant: PropTypes.string
-  };
-
-  static defaultProps = {
-    showErrorWhenOutsideRange: false
-  };
-
-  constructor(props) {
-    super(props);
-
-    const value = this.clamp(props.value);
-
-    this.state = {
-      value
-    };
-
-    if (value !== props.value) {
-      this.props.onChange({}, value);
-    }
-
-    this.onChange = this.onChange.bind(this);
-  }
-
-  UNSAFE_componentWillReceiveProps(props) {
-    const value = this.clamp(props.value);
-    this.setState({ value });
-  }
-
-  clamp(value) {
-    if (!isFinite(value)) {
-      return fallbackNumber(this.props.min, this.props.max);
-    }
-
-    const { min, max } = this.props;
-
-    if (isFinite(max)) {
-      value = Math.min(value, max);
-    }
-    if (isFinite(min)) {
-      value = Math.max(value, min);
-    }
-    return value;
-  }
-
-  /**
-   * on Blur (this can be triggered by pressing Enter, see below)
-   * we check the entered value and reset it if needed
-   */
-  onBlur = event => {
-    const value = event.target.value;
-
-    const rawNumber = parseFloat(value);
-    log('rawNumber: ', rawNumber);
-
-    const number = this.clamp(rawNumber);
-    log('number: ', number);
-
-    if (number !== this.state.value) {
-      log('trigger update...');
-      this.setState({ value: number.toString() }, () => {
-        this.props.onChange(event, number);
-      });
-    }
-  };
-
-  onChange(event) {
-    const value = event.target.value;
-    this.setState({ value });
-  }
-
-  errorMessage = () => {
-    const { min, max } = this.props;
-    if (min && max) {
-      return `The value must be between ${min} and ${max}`;
-    }
-    if (min) {
-      return `The value must be greater than ${min}`;
-    }
-    if (max) {
-      return `The value must be less than ${max}`;
-    }
-  };
-
-  /**
-   * if the input has to show error when outside range,
-   * and the entered value is not matching the requirements
-   * we display error message
-   */
-
-  getError = () => {
-    const { value } = this.state;
-    const float = parseFloat(value);
-    const clamped = this.clamp(float);
-    if (clamped !== float) {
-      return this.errorMessage();
-    }
-  };
-
-  render() {
-    const {
-      className,
-      classes,
-      label,
-      disabled,
-      suffix,
-      min,
-      max,
-      inputClassName,
-      disableUnderline,
-      showErrorWhenOutsideRange,
-      variant
-    } = this.props;
-    const names = classNames(classes.root, className);
-
-    const error = showErrorWhenOutsideRange && this.getError();
-    return (
-      <TextField
-        variant={variant || 'standard'}
-        inputRef={ref => {
-          this.inputRef = ref;
-        }}
-        disabled={disabled}
-        label={label}
-        value={this.state.value}
-        error={!!error}
-        helperText={error}
-        onChange={this.onChange}
-        onBlur={this.onBlur}
-        onKeyPress={e => {
-          // once the Enter key is pressed, we force input blur
-          if (e.key === 'Enter' && this.inputRef) {
-            this.inputRef.blur();
-          }
-        }}
-        type="number"
-        className={names}
-        InputLabelProps={{
-          shrink: true
-        }}
-        InputProps={{
-          endAdornment: suffix && <InputAdornment position="end">{suffix}</InputAdornment>,
-          className: inputClassName,
-          disableUnderline: disableUnderline
-        }}
-        inputProps={{
-          min,
-          max
-        }}
-        margin="normal"
-      />
-    );
-  }
-}
-
-export default withStyles(styles)(NumberTextField);

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/config-ui/src/radio-with-label.jsx

@@ -1,18 +0,0 @@
-import FormControlLabel from '@material-ui/core/FormControlLabel';
-import Radio from '@material-ui/core/Radio';
-import React from 'react';
-import { withStyles } from '@material-ui/core/styles';
-
-export default withStyles({
-  label: {
-    left: '-5px',
-    position: 'relative'
-  }
-})(({ label, value, checked, onChange, classes }) => (
-  <FormControlLabel
-    value={value}
-    classes={classes}
-    control={<Radio checked={checked} onChange={onChange} />}
-    label={label}
-  />
-));

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/config-ui/src/settings/display-size.jsx

@@ -1,52 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Typography from '@material-ui/core/Typography';
-import { withStyles } from '@material-ui/core/styles';
-import NumberTextField from '../number-text-field';
-
-const DisplaySize = withStyles(theme => ({
-  displaySize: {
-    display: 'flex',
-    paddingTop: theme.spacing.unit
-  }
-}))(({ size, label, classes, onChange }) => {
-  const updateSize = (key, v) => {
-    onChange({ ...size, [key]: v });
-  };
-  return (
-    <div>
-      <Typography>{label}</Typography>
-      <div className={classes.displaySize}>
-        <NumberTextField
-          label="Width"
-          type="number"
-          variant="outlined"
-          value={size.width}
-          min={150}
-          max={1000}
-          onChange={(e, v) => updateSize('width', v)}
-        />
-        <NumberTextField
-          label="Height"
-          type="number"
-          variant="outlined"
-          min={150}
-          max={1000}
-          value={size.height}
-          onChange={(e, v) => updateSize('height', v)}
-        />
-      </div>
-    </div>
-  );
-});
-
-DisplaySize.propTypes = {
-  size: PropTypes.shape({
-    width: PropTypes.number.isRequired,
-    height: PropTypes.number.isRequired
-  }).isRequired,
-  label: PropTypes.string.isRequired,
-  onChange: PropTypes.func
-};
-
-export default DisplaySize;

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/config-ui/src/settings/index.js

@@ -1,75 +0,0 @@
-import Panel from './panel';
-
-export { Panel };
-
-export const toggle = (label, isConfigProperty = false) => ({
-  type: 'toggle',
-  label,
-  isConfigProperty
-});
-
-const toChoice = opt => {
-  if (typeof opt === 'string') {
-    return { label: opt, value: opt };
-  } else {
-    return opt;
-  }
-};
-
-export const radio = function() {
-  const args = Array.prototype.slice.call(arguments);
-  const [label, choices, isConfigProperty = false] = args;
-  return {
-    type: 'radio',
-    label,
-    choices: choices && choices.map(o => toChoice(o)),
-    isConfigProperty
-  };
-};
-
-export const dropdown = (label, choices, isConfigProperty = false) => {
-  return {
-    type: 'dropdown',
-    label,
-    choices,
-    isConfigProperty
-  };
-};
-
-export const numberField = (label, options, isConfigProperty = false) => ({
-  ...options,
-  label,
-  type: 'numberField',
-  isConfigProperty
-});
-
-export const numberFields = (label, fields, isConfigProperty = false) => {
-  Object.keys(fields).map(key => {
-    fields[key] = numberField(fields[key].label, fields[key], isConfigProperty);
-  });
-
-  return {
-    type: 'numberFields',
-    label,
-    fields
-  };
-};
-
-export const checkbox = (label, settings, isConfigProperty = false) => ({
-  ...settings,
-  label,
-  type: 'checkbox',
-  isConfigProperty
-});
-
-export const checkboxes = (label, choices, isConfigProperty = false) => {
-  Object.keys(choices).map(key => {
-    choices[key] = checkbox(choices[key].label, choices[key], isConfigProperty);
-  });
-
-  return {
-    type: 'checkboxes',
-    label,
-    choices
-  };
-};