@pie-lib/config-ui 13.0.4-next.29 → 13.0.4-next.30

package/src/two-choice.jsx

@@ -1,90 +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 { styled } from '@mui/material/styles';
-
-const StyledGroup = styled('div')(({ theme, direction }) => ({
-  display: 'flex',
-  flexWrap: 'wrap',
-  paddingLeft: 0,
-  marginTop: theme.spacing(1),
-  ...(direction === 'vertical' && {
-    flexDirection: 'column',
-  }),
-}));
-
-class NChoice 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']),
-  };
-
-  handleChange = (event) => {
-    this.props.onChange(event.currentTarget.value);
-  };
-
-  render() {
-    const { header, className, 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}>
-        <StyledGroup direction={direction}>
-          {preppedOpts.map((o, index) => (
-            <LabelComponent
-              value={o.value}
-              key={index}
-              checked={o.value === value}
-              onChange={this.handleChange}
-              label={o.label}
-            />
-          ))}
-        </StyledGroup>
-      </InputContainer>
-    );
-  }
-}
-
-export { NChoice };
-
-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 TwoChoice;

package/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;