@pie-element/hotspot 11.0.5-esm.0 → 11.1.0-next.0

package/configure/node_modules/@pie-lib/config-ui/src/tags-input/index.jsx

@@ -1,119 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import uniq from 'lodash/uniq';
-import Chip from '@material-ui/core/Chip';
-import MuiBox from '../mui-box';
-
-const ENTER = 13;
-
-const Tag = withStyles(() => ({
-  tag: {
-    padding: '0px',
-    margin: '1px',
-  },
-}))(({ classes, label, onDelete }) => <Chip className={classes.tag} label={label} onDelete={onDelete} />);
-
-Tag.propTypes = {
-  label: PropTypes.string.isRequired,
-  onDelete: PropTypes.func.isRequired,
-};
-
-export class TagsInput extends React.Component {
-  static propTypes = {
-    classes: PropTypes.object.isRequired,
-    tags: PropTypes.arrayOf(PropTypes.string).isRequired,
-    onChange: PropTypes.func.isRequired,
-  };
-
-  constructor(props) {
-    super(props);
-    this.state = {
-      value: '',
-      focused: false,
-    };
-
-    this.onKeyDown = (event) => {
-      if (event.keyCode === ENTER && this.state.value !== '') {
-        const tag = this.state.value.trim();
-        const newTags = uniq(this.props.tags.concat([tag]));
-
-        if (newTags.length !== this.props.tags.length) {
-          this.props.onChange(newTags);
-          this.setState({ value: '' });
-        }
-      }
-    };
-
-    this.onChange = (event) => {
-      this.setState({ value: event.target.value });
-    };
-
-    this.deleteTag = (tag) => {
-      const { tags } = this.props;
-
-      const tagIndex = tags.indexOf(tag);
-      if (tagIndex !== -1) {
-        tags.splice(tagIndex, 1);
-        this.props.onChange(tags);
-        this.input.focus();
-      }
-    };
-  }
-
-  onFocus = () => {
-    this.setState({ focused: true });
-  };
-
-  onBlur = () => {
-    this.setState({ focused: false });
-  };
-
-  render() {
-    const { classes, tags } = this.props;
-    return (
-      <MuiBox focused={this.state.focused}>
-        <div className={classes.tagsInput}>
-          {(tags || []).map((t, index) => (
-            <Tag key={index} label={t} onDelete={() => this.deleteTag(t)} />
-          ))}
-          <input
-            ref={(r) => (this.input = r)}
-            onKeyDown={this.onKeyDown}
-            onChange={this.onChange}
-            className={classes.input}
-            value={this.state.value}
-            onFocus={this.onFocus}
-            onBlur={this.onBlur}
-            type="text"
-          />
-        </div>
-      </MuiBox>
-    );
-  }
-}
-
-const styles = (theme) => ({
-  tagsInput: {
-    border: `0px solid ${theme.palette.background.paper}`,
-    display: 'flex',
-    flexWrap: 'wrap',
-  },
-  input: {
-    padding: '2px',
-    margin: '1px',
-    minWidth: '30px',
-    width: '100%',
-    flex: '1',
-    border: `0px solid ${theme.palette.background.paper}`,
-    height: '28px',
-    fontSize: theme.typography.fontSize,
-    fontFamily: theme.typography.fontFamily,
-    outline: 'none',
-    '&:focus': {
-      outline: 'none',
-    },
-  },
-});
-
-export default withStyles(styles)(TagsInput);

package/configure/node_modules/@pie-lib/config-ui/src/two-choice.jsx

@@ -1,94 +0,0 @@
-import { InputContainer } from '@pie-lib/render-ui';
-import PropTypes from 'prop-types';
-import RadioWithLabel from './radio-with-label';
-import React from 'react';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-
-const styles = (theme) => ({
-  group: {
-    display: 'flex',
-    flexWrap: 'wrap',
-    paddingLeft: 0,
-    marginTop: theme.spacing.unit,
-  },
-  vertical: {
-    flexDirection: 'column',
-  },
-});
-
-class RawNChoice extends React.Component {
-  static propTypes = {
-    header: PropTypes.string.isRequired,
-    className: PropTypes.string,
-    customLabel: PropTypes.func,
-    opts: PropTypes.array.isRequired,
-    value: PropTypes.string,
-    onChange: PropTypes.func.isRequired,
-    direction: PropTypes.oneOf(['horizontal', 'vertical']),
-    classes: PropTypes.object.isRequired,
-  };
-
-  handleChange = (event) => {
-    this.props.onChange(event.currentTarget.value);
-  };
-
-  render() {
-    const { header, className, classes, customLabel, opts, value, direction } = this.props;
-
-    const preppedOpts = opts.map((o) => {
-      return typeof o === 'string' ? { label: o, value: o } : o;
-    });
-    const LabelComponent = customLabel || RadioWithLabel;
-
-    return (
-      <InputContainer label={header} className={className}>
-        <div className={classNames(classes.group, classes[direction])}>
-          {preppedOpts.map((o, index) => (
-            <LabelComponent
-              value={o.value}
-              key={index}
-              checked={o.value === value}
-              onChange={this.handleChange}
-              label={o.label}
-            />
-          ))}
-        </div>
-      </InputContainer>
-    );
-  }
-}
-
-export const NChoice = withStyles(styles)(RawNChoice);
-
-const labelValue = PropTypes.shape({ label: PropTypes.string, value: PropTypes.string });
-
-class TwoChoice extends React.Component {
-  static propTypes = {
-    header: PropTypes.string.isRequired,
-    value: PropTypes.string.isRequired,
-    onChange: PropTypes.func.isRequired,
-    one: PropTypes.oneOfType([labelValue, PropTypes.string]),
-    two: PropTypes.oneOfType([labelValue, PropTypes.string]),
-    className: PropTypes.string,
-    customLabel: PropTypes.func,
-  };
-
-  render() {
-    const { one, two, header, className, customLabel, value, onChange } = this.props;
-    const opts = [one, two];
-
-    return (
-      <NChoice
-        customLabel={customLabel}
-        header={header}
-        className={className}
-        opts={opts}
-        value={value}
-        onChange={onChange}
-      />
-    );
-  }
-}
-
-export default withStyles(styles)(TwoChoice);

package/configure/node_modules/@pie-lib/config-ui/src/with-stateful-model.jsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-const withStatefulModel = (Component) => {
-  class Stateful extends React.Component {
-    static propTypes = {
-      model: PropTypes.object.isRequired,
-      onChange: PropTypes.func.isRequired,
-    };
-
-    constructor(props) {
-      super(props);
-      this.state = {
-        model: props.model,
-      };
-    }
-
-    UNSAFE_componentWillReceiveProps(props) {
-      this.setState({ model: props.model });
-    }
-
-    onChange = (model) => {
-      this.setState({ model }, () => {
-        this.props.onChange(this.state.model);
-      });
-    };
-
-    render() {
-      return <Component model={this.state.model} onChange={this.onChange} />;
-    }
-  }
-
-  return Stateful;
-};
-
-export default withStatefulModel;

package/configure/node_modules/@pie-lib/drag/CHANGELOG.json

@@ -1 +0,0 @@
-[]