@pie-lib/config-ui 11.9.24 → 11.11.0-beta.0

package/src/number-text-field-custom.jsx

@@ -8,6 +8,7 @@ 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';
+import * as math from 'mathjs';
 
 const styles = () => ({
   input: {
@@ -53,7 +54,7 @@ export class NumberTextFieldCustom extends React.Component {
     helperText: PropTypes.string,
     onChange: PropTypes.func.isRequired,
     onlyIntegersAllowed: PropTypes.bool,
-    value: PropTypes.number,
+    value: PropTypes.any,
     min: PropTypes.number,
     max: PropTypes.number,
     step: PropTypes.number,
@@ -61,6 +62,7 @@ export class NumberTextFieldCustom extends React.Component {
     disableUnderline: PropTypes.bool,
     textAlign: PropTypes.string,
     variant: PropTypes.string,
+    type: PropTypes.string,
   };
 
   static defaultProps = {
@@ -89,13 +91,13 @@ export class NumberTextFieldCustom extends React.Component {
   }
 
   UNSAFE_componentWillReceiveProps(props) {
-    const { value, currentIndex } = this.normalizeValueAndIndex(props.customValues, props.value);
+    const { value, currentIndex } = this.normalizeValueAndIndex(props.customValues, props.value, props.min, props.max);
 
     this.setState({ value, currentIndex });
   }
 
-  clamp(value) {
-    const { min, max, customValues } = this.props;
+  clamp(value, min = this.props.min, max = this.props.max) {
+    const { customValues } = this.props;
 
     if ((customValues || []).length > 0) {
       return value;
@@ -116,12 +118,14 @@ export class NumberTextFieldCustom extends React.Component {
     return value;
   }
 
-  normalizeValueAndIndex = (customValues, number) => {
-    const value = this.clamp(number);
+  normalizeValueAndIndex = (customValues, number, min, max) => {
+    const { type } = this.props;
+    const value = this.clamp(number, min, max);
     const currentIndex = (customValues || []).findIndex((val) => val === value);
 
     if ((customValues || []).length > 0 && currentIndex === -1) {
-      const closestValue = this.getClosestValue(customValues, value);
+      const closestValue =
+        type === 'text' ? this.getClosestFractionValue(customValues, value) : this.getClosestValue(customValues, value);
 
       return { value: closestValue.value, currentIndex: closestValue.index };
     }
@@ -136,50 +140,92 @@ export class NumberTextFieldCustom extends React.Component {
       { value: customValues[0], index: 0 },
     );
 
-  onBlur = (event) => {
-    const { customValues, onlyIntegersAllowed } = this.props;
-    const { value } = event.target;
-    const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
+  getClosestFractionValue = (customValues, number) =>
+    customValues.reduce(
+      (closest, value, index) =>
+        Math.abs(math.number(math.fraction(value)) - math.number(math.fraction(number))) <
+        Math.abs(math.number(math.fraction(closest.value)) - math.number(math.fraction(number)))
+          ? { value, index }
+          : closest,
+      { value: customValues[0], index: 0 },
+    );
 
-    const { value: number, currentIndex } = this.normalizeValueAndIndex(customValues, rawNumber);
+  getValidFraction = (value) => {
+    if (this.isPositiveInteger(value.trim())) {
+      return value.trim();
+    }
+    if (value.trim() === '' || value.trim().split('/').length !== 2) {
+      return false;
+    }
+    let [numerator, denominator] = value.trim().split('/');
+    if (isNaN(numerator) || isNaN(denominator)) {
+      return false;
+    }
+    numerator = parseFloat(numerator);
+    denominator = parseFloat(denominator);
+    if (!Number.isInteger(numerator) || !Number.isInteger(denominator)) {
+      return false;
+    }
+    if (numerator < 0 || denominator < 1) {
+      return false;
+    }
+    return numerator + '/' + denominator;
+  };
+
+  isPositiveInteger = (n) => {
+    return n >>> 0 === parseFloat(n);
+  };
 
-    if (number !== this.state.value) {
-      this.setState(
-        {
-          value: number.toString(),
-          currentIndex,
-        },
-        () => this.props.onChange(event, number),
-      );
+  onBlur = (event) => {
+    const { customValues, onlyIntegersAllowed, type } = this.props;
+    let { value } = event.target;
+    if (type === 'text') {
+      let tempValue = this.getValidFraction(value);
+      if (tempValue) {
+        value = tempValue;
+      } else {
+        value = this.props.value;
+      }
+    }
+    let rawNumber = onlyIntegersAllowed ? Math.round(parseFloat(value)) : parseFloat(value);
+    if (type === 'text') {
+      rawNumber = value.trim();
     }
+    const { value: number, currentIndex } = this.normalizeValueAndIndex(customValues, rawNumber);
+    this.setState(
+      {
+        value: number.toString(),
+        currentIndex,
+      },
+      () => this.props.onChange(event, number),
+    );
   };
 
   onChange(event) {
+    const { type } = this.props;
     const { value } = event.target;
-
+    if (type !== 'text' && typeof value === 'string' && value.trim() === '') {
+      return;
+    }
     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(),
@@ -202,14 +248,26 @@ export class NumberTextFieldCustom extends React.Component {
       error,
       min,
       max,
+      customValues,
       inputClassName,
       disableUnderline,
       helperText,
       variant,
       textAlign,
+      type = 'number',
     } = this.props;
     const { value } = this.state;
     const names = classNames(className, classes.input);
+    //Logic to disable the increment and decrement buttons
+    let disabledStart = false;
+    let disabledEnd = false;
+    if (customValues.length > 0) {
+      disabledStart = value === customValues[0];
+      disabledEnd = value === customValues[customValues.length - 1];
+    } else if (isFinite(min) && isFinite(max)) {
+      disabledStart = value === min;
+      disabledEnd = value === max;
+    }
 
     return (
       <TextField
@@ -238,7 +296,7 @@ export class NumberTextFieldCustom extends React.Component {
           }
         }}
         title={''}
-        type="number"
+        type={type}
         className={names}
         InputProps={{
           className: inputClassName,
@@ -247,7 +305,7 @@ export class NumberTextFieldCustom extends React.Component {
             <InputAdornment position="start">
               <IconButton
                 className={classes.iconButton}
-                disabled={disabled}
+                disabled={disabled ? disabled : disabledStart}
                 onClick={(e) => this.changeValue(e, -1, true)}
               >
                 <Remove fontSize="small" />
@@ -258,7 +316,7 @@ export class NumberTextFieldCustom extends React.Component {
             <InputAdornment position="end">
               <IconButton
                 className={classes.iconButton}
-                disabled={disabled}
+                disabled={disabled ? disabled : disabledEnd}
                 onClick={(e) => this.changeValue(e, 1, true)}
               >
                 <Add fontSize="small" />

package/src/number-text-field.jsx

@@ -68,23 +68,24 @@ export class NumberTextField extends React.Component {
   }
 
   UNSAFE_componentWillReceiveProps(props) {
-    const value = this.clamp(props.value);
+    const value = this.clamp(props.value, props.min, props.max);
+
     this.setState({ value });
   }
 
-  clamp(value) {
+  clamp(value, min = this.props.min, max = this.props.max) {
     if (!isFinite(value)) {
-      return fallbackNumber(this.props.min, this.props.max);
+      return fallbackNumber(min, max);
     }
 
-    const { min, max } = this.props;
-
     if (isFinite(max)) {
       value = Math.min(value, max);
     }
+
     if (isFinite(min)) {
       value = Math.max(value, min);
     }
+
     return value;
   }
 

package/src/radio-with-label.jsx

@@ -2,17 +2,27 @@ 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';
+import { color } from "@pie-lib/render-ui"
 
 export default withStyles({
   label: {
     left: '-5px',
     position: 'relative',
   },
+  customColor: {
+    color: `${color.tertiary()} !important`
+  },
 })(({ label, value, checked, onChange, classes }) => (
   <FormControlLabel
     value={value}
-    classes={classes}
-    control={<Radio checked={checked} onChange={onChange} />}
+    classes={{ label: classes.label }}
+    control={
+    <Radio
+        className={classes.customColor}
+        checked={checked}
+        onChange={onChange}
+    />
+  }
     label={label}
   />
 ));

package/src/settings/index.js

@@ -8,10 +8,11 @@ export const textField = (label, isConfigProperty = true) => ({
   isConfigProperty,
 });
 
-export const toggle = (label, isConfigProperty = false) => ({
+export const toggle = (label, isConfigProperty = false, disabled = false) => ({
   type: 'toggle',
   label,
   isConfigProperty,
+  disabled,
 });
 
 const toChoice = (opt) => {

package/src/settings/panel.jsx

@@ -11,7 +11,7 @@ import debug from 'debug';
 import Toggle from './toggle';
 import { NChoice } from '../two-choice';
 import SettingsRadioLabel from './settings-radio-label';
-import { NumberTextField } from '../index';
+import NumberTextField from '../number-text-field';
 import Checkbox from '../checkbox';
 import Typography from '@material-ui/core/Typography';
 
@@ -151,6 +151,7 @@ const NumberField = withStyles((theme) => ({
       showErrorWhenOutsideRange
       inputClassName={classes.wrapper}
       disableUnderline
+      classes={classes}
     />
   );
 });
@@ -168,7 +169,9 @@ TextField.propTypes = {
   ...baseTypes,
 };
 
-const ToggleWrapper = ({ label, value, onChange }) => <Toggle label={label} checked={!!value} toggle={onChange} />;
+const ToggleWrapper = ({ disabled, label, value, onChange }) => (
+  <Toggle label={label} checked={!!value} disabled={!!disabled} toggle={onChange} />
+);
 
 ToggleWrapper.propTypes = { ...baseTypes, value: PropTypes.bool };
 

package/src/settings/settings-radio-label.jsx

@@ -2,6 +2,7 @@ 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';
+import { color } from '@pie-lib/render-ui';
 
 export default withStyles((theme) => ({
   label: {
@@ -10,11 +11,20 @@ export default withStyles((theme) => ({
     left: '-5px',
     position: 'relative',
   },
+  customColor: {
+    color: `${color.tertiary()} !important`
+  },
 }))(({ label, value, checked, onChange, classes }) => (
   <FormControlLabel
     value={value}
-    classes={classes}
-    control={<Radio checked={checked} onChange={onChange} />}
+    classes={{ label: classes.label }}
+    control={
+    <Radio
+        className={classes.customColor}
+        checked={checked}
+        onChange={onChange}
+    />
+  }
     label={label}
   />
 ));

package/src/settings/toggle.jsx

@@ -3,6 +3,8 @@ import PropTypes from 'prop-types';
 import InputLabel from '@material-ui/core/InputLabel';
 import { withStyles } from '@material-ui/core/styles';
 import Switch from '@material-ui/core/Switch';
+import classNames from 'classnames';
+import { color } from '@pie-lib/render-ui';
 
 const Toggle = withStyles((theme) => ({
   toggle: {
@@ -15,10 +17,26 @@ const Toggle = withStyles((theme) => ({
     fontSize: theme.typography.fontSize,
     paddingTop: theme.spacing.unit * 2,
   },
-}))(({ checked, label, toggle, classes }) => (
+  checkedThumb: {
+    color: `${color.tertiary()} !important`,
+  },
+  checkedBar: {
+    backgroundColor: `${color.tertiaryLight()} !important`,
+  },
+}))(({ checked, disabled, label, toggle, classes }) => (
   <div className={classes.toggle}>
     <InputLabel className={classes.label}>{label}</InputLabel>
-    <Switch checked={checked} onChange={(e) => toggle(e.target.checked)} />
+    <Switch
+      classes={{
+        checked: classNames(classes.checkedThumb),
+        bar: classNames({
+          [classes.checkedBar]: checked,
+        }),
+      }}
+      checked={checked}
+      disabled={disabled}
+      onChange={(e) => toggle(e.target.checked)}
+    />
   </div>
 ));
 

package/src/tags-input/__tests__/__snapshots__/index.test.jsx.snap

@@ -0,0 +1,170 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TagsInput snapshots renders 1`] = `
+<TagsInput
+  classes={
+    Object {
+      "tagsInput": "tagsInput",
+    }
+  }
+  onChange={[MockFunction]}
+  tags={
+    Array [
+      "foo",
+    ]
+  }
+>
+  <WithStyles(Component)
+    focused={false}
+  >
+    <Component
+      classes={
+        Object {
+          "focused": "Component-focused-2",
+          "muiBox": "Component-muiBox-1",
+        }
+      }
+      focused={false}
+    >
+      <div
+        className="Component-muiBox-1"
+      >
+        <div
+          className="tagsInput"
+        >
+          <WithStyles(Component)
+            key="0"
+            label="foo"
+            onDelete={[Function]}
+          >
+            <Component
+              classes={
+                Object {
+                  "tag": "Component-tag-3",
+                }
+              }
+              label="foo"
+              onDelete={[Function]}
+            >
+              <WithStyles(Chip)
+                className="Component-tag-3"
+                label="foo"
+                onDelete={[Function]}
+              >
+                <Chip
+                  className="Component-tag-3"
+                  classes={
+                    Object {
+                      "avatar": "MuiChip-avatar-16",
+                      "avatarChildren": "MuiChip-avatarChildren-19",
+                      "avatarColorPrimary": "MuiChip-avatarColorPrimary-17",
+                      "avatarColorSecondary": "MuiChip-avatarColorSecondary-18",
+                      "clickable": "MuiChip-clickable-7",
+                      "clickableColorPrimary": "MuiChip-clickableColorPrimary-8",
+                      "clickableColorSecondary": "MuiChip-clickableColorSecondary-9",
+                      "colorPrimary": "MuiChip-colorPrimary-5",
+                      "colorSecondary": "MuiChip-colorSecondary-6",
+                      "deletable": "MuiChip-deletable-10",
+                      "deletableColorPrimary": "MuiChip-deletableColorPrimary-11",
+                      "deletableColorSecondary": "MuiChip-deletableColorSecondary-12",
+                      "deleteIcon": "MuiChip-deleteIcon-24",
+                      "deleteIconColorPrimary": "MuiChip-deleteIconColorPrimary-25",
+                      "deleteIconColorSecondary": "MuiChip-deleteIconColorSecondary-26",
+                      "deleteIconOutlinedColorPrimary": "MuiChip-deleteIconOutlinedColorPrimary-27",
+                      "deleteIconOutlinedColorSecondary": "MuiChip-deleteIconOutlinedColorSecondary-28",
+                      "icon": "MuiChip-icon-20",
+                      "iconColorPrimary": "MuiChip-iconColorPrimary-21",
+                      "iconColorSecondary": "MuiChip-iconColorSecondary-22",
+                      "label": "MuiChip-label-23",
+                      "outlined": "MuiChip-outlined-13",
+                      "outlinedPrimary": "MuiChip-outlinedPrimary-14",
+                      "outlinedSecondary": "MuiChip-outlinedSecondary-15",
+                      "root": "MuiChip-root-4",
+                    }
+                  }
+                  color="default"
+                  component="div"
+                  label="foo"
+                  onDelete={[Function]}
+                  variant="default"
+                >
+                  <div
+                    className="MuiChip-root-4 MuiChip-deletable-10 Component-tag-3"
+                    onKeyDown={[Function]}
+                    onKeyUp={[Function]}
+                    role="button"
+                    tabIndex={0}
+                  >
+                    <span
+                      className="MuiChip-label-23"
+                    >
+                      foo
+                    </span>
+                    <pure(Cancel)
+                      className="MuiChip-deleteIcon-24"
+                      onClick={[Function]}
+                    >
+                      <Cancel
+                        className="MuiChip-deleteIcon-24"
+                        onClick={[Function]}
+                      >
+                        <WithStyles(SvgIcon)
+                          className="MuiChip-deleteIcon-24"
+                          onClick={[Function]}
+                        >
+                          <SvgIcon
+                            className="MuiChip-deleteIcon-24"
+                            classes={
+                              Object {
+                                "colorAction": "MuiSvgIcon-colorAction-32",
+                                "colorDisabled": "MuiSvgIcon-colorDisabled-34",
+                                "colorError": "MuiSvgIcon-colorError-33",
+                                "colorPrimary": "MuiSvgIcon-colorPrimary-30",
+                                "colorSecondary": "MuiSvgIcon-colorSecondary-31",
+                                "fontSizeInherit": "MuiSvgIcon-fontSizeInherit-35",
+                                "fontSizeLarge": "MuiSvgIcon-fontSizeLarge-37",
+                                "fontSizeSmall": "MuiSvgIcon-fontSizeSmall-36",
+                                "root": "MuiSvgIcon-root-29",
+                              }
+                            }
+                            color="inherit"
+                            component="svg"
+                            fontSize="default"
+                            onClick={[Function]}
+                            viewBox="0 0 24 24"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              className="MuiSvgIcon-root-29 MuiChip-deleteIcon-24"
+                              focusable="false"
+                              onClick={[Function]}
+                              role="presentation"
+                              viewBox="0 0 24 24"
+                            >
+                              <path
+                                d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
+                              />
+                            </svg>
+                          </SvgIcon>
+                        </WithStyles(SvgIcon)>
+                      </Cancel>
+                    </pure(Cancel)>
+                  </div>
+                </Chip>
+              </WithStyles(Chip)>
+            </Component>
+          </WithStyles(Component)>
+          <input
+            onBlur={[Function]}
+            onChange={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+    </Component>
+  </WithStyles(Component)>
+</TagsInput>
+`;

package/src/tags-input/__tests__/index.test.jsx

@@ -0,0 +1,62 @@
+import { TagsInput } from '../index';
+import toJson from 'enzyme-to-json';
+import { shallow, mount } from 'enzyme';
+import React from 'react';
+
+describe('TagsInput', () => {
+  describe('snapshots', () => {
+    it('renders', () => {
+      const wrapper = mount(<TagsInput classes={{ tagsInput: 'tagsInput' }} tags={['foo']} onChange={jest.fn()} />);
+      expect(toJson(wrapper)).toMatchSnapshot();
+    });
+  });
+
+  describe('logic', () => {
+    let onChange;
+    const mkWrapper = () => {
+      onChange = jest.fn();
+      return shallow(<TagsInput onChange={onChange} classes={{}} tags={['foo']} />);
+    };
+
+    describe('onFocus', () => {
+      it('sets state.focused = true', () => {
+        const wrapper = mkWrapper();
+        wrapper.instance().onFocus();
+        expect(wrapper.state('focused')).toEqual(true);
+      });
+    });
+
+    describe('onBlur', () => {
+      it('sets state.focused = false', () => {
+        const wrapper = mkWrapper();
+        wrapper.instance().onFocus();
+        wrapper.instance().onBlur();
+        expect(wrapper.state('focused')).toEqual(false);
+      });
+    });
+
+    describe('onChange', () => {
+      it('sets state.value  ', () => {
+        const wrapper = mkWrapper();
+        wrapper.instance().onChange({ target: { value: 'boo' } });
+        expect(wrapper.state('value')).toEqual('boo');
+      });
+    });
+
+    describe('onKeyDown', () => {
+      it('calls onChange on enter', () => {
+        const wrapper = mkWrapper();
+        wrapper.setState({ value: 'banana' });
+        wrapper.instance().onKeyDown({ keyCode: 13 });
+        expect(onChange).toBeCalledWith(['foo', 'banana']);
+      });
+
+      it('doesnt calls onChange on enter if the value is the same as a value in tags', () => {
+        const wrapper = mkWrapper();
+        wrapper.setState({ value: 'foo' });
+        wrapper.instance().onKeyDown({ keyCode: 13 });
+        expect(onChange).not.toBeCalled();
+      });
+    });
+  });
+});

package/README.md

@@ -1,12 +0,0 @@
-# install
-
-```
-npm install
-```
-
-# demo
-
-```
-cd demo
-../node_modules/.bin/webpack-dev-server --hot --inline
-```

package/lib/alert-dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/alert-dialog.jsx"],"names":["AlertDialog","text","title","onClose","onConfirm","open","propTypes","PropTypes","string","func","bool"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,MAASC,KAAT,QAASA,KAAT;AAAA,MAAgBC,OAAhB,QAAgBA,OAAhB;AAAA,MAAyBC,SAAzB,QAAyBA,SAAzB;AAAA,MAAoCC,IAApC,QAAoCA,IAApC;AAAA,sBAClB,gCAAC,YAAD;AAAQ,IAAA,IAAI,EAAEA,IAAd;AAAoB,IAAA,OAAO,EAAEF;AAA7B,KACGD,KAAK,iBAAI,gCAAC,iBAAD,QAAcA,KAAd,CADZ,EAEGD,IAAI,iBACH,gCAAC,mBAAD,qBACE,gCAAC,uBAAD,QAAoBA,IAApB,CADF,CAHJ,eAOE,gCAAC,mBAAD,QACGE,OAAO,iBACN,gCAAC,YAAD;AAAQ,IAAA,OAAO,EAAEA,OAAjB;AAA0B,IAAA,KAAK,EAAC;AAAhC,cAFJ,EAMGC,SAAS,iBACR,gCAAC,YAAD;AAAQ,IAAA,SAAS,MAAjB;AAAkB,IAAA,OAAO,EAAEA,SAA3B;AAAsC,IAAA,KAAK,EAAC;AAA5C,UAPJ,CAPF,CADkB;AAAA,CAApB;;AAuBAJ,WAAW,CAACM,SAAZ,GAAwB;AACtBL,EAAAA,IAAI,EAAEM,sBAAUC,MADM;AAEtBN,EAAAA,KAAK,EAAEK,sBAAUC,MAFK;AAGtBL,EAAAA,OAAO,EAAEI,sBAAUE,IAHG;AAItBL,EAAAA,SAAS,EAAEG,sBAAUE,IAJC;AAKtBJ,EAAAA,IAAI,EAAEE,sBAAUG;AALM,CAAxB;eAQeV,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@material-ui/core';\n\nconst AlertDialog = ({ text, title, onClose, onConfirm, open }) => (\n  <Dialog open={open} onClose={onClose}>\n    {title && <DialogTitle>{title}</DialogTitle>}\n    {text && (\n      <DialogContent>\n        <DialogContentText>{text}</DialogContentText>\n      </DialogContent>\n    )}\n    <DialogActions>\n      {onClose && (\n        <Button onClick={onClose} color=\"primary\">\n          CANCEL\n        </Button>\n      )}\n      {onConfirm && (\n        <Button autoFocus onClick={onConfirm} color=\"primary\">\n          OK\n        </Button>\n      )}\n    </DialogActions>\n  </Dialog>\n);\n\nAlertDialog.propTypes = {\n  text: PropTypes.string,\n  title: PropTypes.string,\n  onClose: PropTypes.func,\n  onConfirm: PropTypes.func,\n  open: PropTypes.bool,\n};\n\nexport default AlertDialog;\n"],"file":"alert-dialog.js"}

package/lib/checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/checkbox.jsx"],"names":["Checkbox","mini","checked","onChange","value","label","classes","error","miniLabel","miniCheckbox","propTypes","PropTypes","bool","object","isRequired","func","string","defaultProps","theme","fontSize","typography","transform","color","margin","padding","width","spacing","unit","height","marginLeft","grey","palette","main"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW;AAAA;;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,MAASC,OAAT,QAASA,OAAT;AAAA,MAAkBC,QAAlB,QAAkBA,QAAlB;AAAA,MAA4BC,KAA5B,QAA4BA,KAA5B;AAAA,MAAmCC,KAAnC,QAAmCA,KAAnC;AAAA,MAA0CC,OAA1C,QAA0CA,OAA1C;AAAA,MAAmDC,KAAnD,QAAmDA,KAAnD;AAAA,sBACf,gCAAC,4BAAD;AACE,IAAA,SAAS,EAAE,4BAAWD,OAAO,CAACL,IAAnB,CADb;AAEE,IAAA,OAAO,EAAE;AACPI,MAAAA,KAAK,EAAE,4BAAWC,OAAO,CAACD,KAAnB,uCAA6BC,OAAO,CAACE,SAArC,EAAiDP,IAAjD;AADA,KAFX;AAKE,IAAA,OAAO,eACL,gCAAC,oBAAD;AACE,MAAA,OAAO,EAAEC,OADX;AAEE,MAAA,QAAQ,EAAEC,QAFZ;AAGE,MAAA,KAAK,EAAEC,KAHT;AAIE,MAAA,SAAS,EAAE,+FAAcE,OAAO,CAACG,YAAtB,EAAqCR,IAArC,kDAA4CK,OAAO,CAACC,KAApD,EAA4DA,KAA5D;AAJb,MANJ;AAaE,IAAA,KAAK,EAAEF;AAbT,IADe;AAAA,CAAjB;;AAkBAL,QAAQ,CAACU,SAAT,GAAqB;AACnBT,EAAAA,IAAI,EAAEU,sBAAUC,IADG;AAEnBN,EAAAA,OAAO,EAAEK,sBAAUE,MAAV,CAAiBC,UAFP;AAGnBZ,EAAAA,OAAO,EAAES,sBAAUC,IAAV,CAAeE,UAHL;AAInBX,EAAAA,QAAQ,EAAEQ,sBAAUI,IAAV,CAAeD,UAJN;AAKnBV,EAAAA,KAAK,EAAEO,sBAAUK,MALE;AAMnBX,EAAAA,KAAK,EAAEM,sBAAUK,MAAV,CAAiBF;AANL,CAArB;AASAd,QAAQ,CAACiB,YAAT,GAAwB;AACtBb,EAAAA,KAAK,EAAE,EADe;AAEtBH,EAAAA,IAAI,EAAE;AAFgB,CAAxB;;eAKe,wBAAW,UAACiB,KAAD;AAAA,SAAY;AACpCb,IAAAA,KAAK,EAAE;AACLc,MAAAA,QAAQ,EAAED,KAAK,CAACE,UAAN,CAAiBD,QAAjB,GAA4B,CADjC;AAELE,MAAAA,SAAS,EAAE,oBAFN;AAGLC,MAAAA,KAAK,EAAE;AAHF,KAD6B;AAMpCb,IAAAA,YAAY,EAAE;AACZc,MAAAA,MAAM,EAAE,CADI;AAEZC,MAAAA,OAAO,EAAE,CAFG;AAGZC,MAAAA,KAAK,EAAEP,KAAK,CAACQ,OAAN,CAAcC,IAAd,GAAqB,CAHhB;AAIZC,MAAAA,MAAM,EAAEV,KAAK,CAACQ,OAAN,CAAcC,IAAd,GAAqB;AAJjB,KANsB;AAYpCnB,IAAAA,SAAS,EAAE;AACTqB,MAAAA,UAAU,EAAEX,KAAK,CAACQ,OAAN,CAAcC,IADjB;AAETL,MAAAA,KAAK,EAAEQ,iBAAK,GAAL,CAFE;AAGTX,MAAAA,QAAQ,EAAED,KAAK,CAACE,UAAN,CAAiBD,QAAjB,GAA4B;AAH7B,KAZyB;AAiBpClB,IAAAA,IAAI,EAAE;AACJsB,MAAAA,MAAM,EAAE,CADJ;AAEJM,MAAAA,UAAU,EAAE,CAFR;AAGJL,MAAAA,OAAO,EAAE;AAHL,KAjB8B;AAsBpCjB,IAAAA,KAAK,EAAE;AACLe,MAAAA,KAAK,EAAEJ,KAAK,CAACa,OAAN,CAAcxB,KAAd,CAAoByB;AADtB;AAtB6B,GAAZ;AAAA,CAAX,EAyBXhC,QAzBW,C","sourcesContent":["import FormControlLabel from '@material-ui/core/FormControlLabel';\nimport MuiCheckbox from '@material-ui/core/Checkbox';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport grey from '@material-ui/core/colors/grey';\n\nconst Checkbox = ({ mini, checked, onChange, value, label, classes, error }) => (\n  <FormControlLabel\n    className={classNames(classes.mini)}\n    classes={{\n      label: classNames(classes.label, { [classes.miniLabel]: mini }),\n    }}\n    control={\n      <MuiCheckbox\n        checked={checked}\n        onChange={onChange}\n        value={value}\n        className={classNames({ [classes.miniCheckbox]: mini, [classes.error]: error })}\n      />\n    }\n    label={label}\n  />\n);\n\nCheckbox.propTypes = {\n  mini: PropTypes.bool,\n  classes: PropTypes.object.isRequired,\n  checked: PropTypes.bool.isRequired,\n  onChange: PropTypes.func.isRequired,\n  value: PropTypes.string,\n  label: PropTypes.string.isRequired,\n};\n\nCheckbox.defaultProps = {\n  value: '',\n  mini: false,\n};\n\nexport default withStyles((theme) => ({\n  label: {\n    fontSize: theme.typography.fontSize - 1,\n    transform: 'translate(-4%, 2%)',\n    color: 'rgba(0,0,0,1.0)',\n  },\n  miniCheckbox: {\n    margin: 0,\n    padding: 0,\n    width: theme.spacing.unit * 3,\n    height: theme.spacing.unit * 3,\n  },\n  miniLabel: {\n    marginLeft: theme.spacing.unit,\n    color: grey[700],\n    fontSize: theme.typography.fontSize - 3,\n  },\n  mini: {\n    margin: 0,\n    marginLeft: 0,\n    padding: 0,\n  },\n  error: {\n    color: theme.palette.error.main,\n  },\n}))(Checkbox);\n"],"file":"checkbox.js"}

package/lib/choice-configuration/feedback-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/choice-configuration/feedback-menu.jsx"],"names":["IconMenu","props","event","setState","open","anchorEl","currentTarget","state","undefined","opts","onClick","keys","Object","handleMenuClick","key","handleRequestClose","handleClick","iconButtonElement","map","k","index","React","Component","PropTypes","object","func","isRequired","any","FeedbackMenu","value","onChange","classes","t","type","iconColor","tooltip","icon","none","custom"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,Q;;;;;AAOX,oBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,oGAQL,UAACC,KAAD,EAAW;AACvB,YAAKC,QAAL,CAAc;AAAEC,QAAAA,IAAI,EAAE,IAAR;AAAcC,QAAAA,QAAQ,EAAEH,KAAK,CAACI;AAA9B,OAAd;AACD,KAVkB;AAAA,2GAYE,YAAM;AACzB,YAAKH,QAAL,CAAc;AAAEC,QAAAA,IAAI,EAAE;AAAR,OAAd;AACD,KAdkB;AAEjB,UAAKG,KAAL,GAAa;AACXF,MAAAA,QAAQ,EAAEG,SADC;AAEXJ,MAAAA,IAAI,EAAE;AAFK,KAAb;AAFiB;AAMlB;;;;WAUD,kBAAS;AAAA;;AACP,wBAA0B,KAAKH,KAA/B;AAAA,UAAQQ,IAAR,eAAQA,IAAR;AAAA,UAAcC,OAAd,eAAcA,OAAd;AACA,UAAMC,IAAI,GAAGC,MAAM,CAACD,IAAP,CAAYF,IAAZ,CAAb;;AAEA,UAAMI,eAAe,GAAG,SAAlBA,eAAkB,CAACC,GAAD;AAAA,eAAS,YAAM;AACrCJ,UAAAA,OAAO,CAACI,GAAD,CAAP;;AACA,UAAA,MAAI,CAACC,kBAAL;AACD,SAHuB;AAAA,OAAxB;;AAKA,0BACE,0DACE;AAAK,QAAA,OAAO,EAAE,KAAKC;AAAnB,SAAiC,KAAKf,KAAL,CAAWgB,iBAA5C,CADF,eAEE,gCAAC,gBAAD;AAAM,QAAA,EAAE,EAAC,aAAT;AAAuB,QAAA,QAAQ,EAAE,KAAKV,KAAL,CAAWF,QAA5C;AAAsD,QAAA,IAAI,EAAE,KAAKE,KAAL,CAAWH,IAAvE;AAA6E,QAAA,OAAO,EAAE,KAAKW;AAA3F,SACGJ,IAAI,CAACO,GAAL,CAAS,UAACC,CAAD,EAAIC,KAAJ;AAAA,4BACR,gCAAC,oBAAD;AAAU,UAAA,GAAG,EAAEA,KAAf;AAAsB,UAAA,OAAO,EAAEP,eAAe,CAACM,CAAD;AAA9C,WACGV,IAAI,CAACU,CAAD,CADP,CADQ;AAAA,OAAT,CADH,CAFF,CADF;AAYD;;;EA5C2BE,kBAAMC,S;;;iCAAvBtB,Q,eACQ;AACjBS,EAAAA,IAAI,EAAEc,sBAAUC,MADC;AAEjBd,EAAAA,OAAO,EAAEa,sBAAUE,IAAV,CAAeC,UAFP;AAGjBT,EAAAA,iBAAiB,EAAEM,sBAAUI;AAHZ,C;;IA8CAC,Y;;;;;;;;;;;;WAWnB,kBAAS;AACP,yBAAqC,KAAK3B,KAA1C;AAAA,UAAQ4B,KAAR,gBAAQA,KAAR;AAAA,UAAeC,QAAf,gBAAeA,QAAf;AAAA,UAAyBC,OAAzB,gBAAyBA,OAAzB;AACA,UAAMC,CAAC,GAAGH,KAAK,IAAIA,KAAK,CAACI,IAAzB;AACA,UAAMC,SAAS,GAAGF,CAAC,KAAK,QAAN,IAAkBA,CAAC,KAAK,SAAxB,GAAoC,SAApC,GAAgD,UAAlE;AACA,UAAMG,OAAO,GAAGH,CAAC,KAAK,QAAN,GAAiB,iBAAjB,GAAqCA,CAAC,KAAK,SAAN,GAAkB,kBAAlB,GAAuC,mBAA5F;;AAEA,UAAMI,IAAI,gBACR,gCAAC,sBAAD;AAAY,QAAA,SAAS,EAAEL,OAAO,CAACK,IAA/B;AAAqC,sBAAYD;AAAjD,sBACE,gCAAC,oBAAD;AAAgB,QAAA,KAAK,EAAED;AAAvB,QADF,CADF;;AAMA,0BACE,gCAAC,QAAD;AACE,QAAA,iBAAiB,EAAEE,IADrB;AAEE,QAAA,OAAO,EAAE,iBAACtB,GAAD;AAAA,iBAASgB,QAAQ,CAAChB,GAAD,CAAjB;AAAA,SAFX;AAGE,QAAA,IAAI,EAAE;AACJuB,UAAAA,IAAI,EAAE,aADF;AAEJ,qBAAS,SAFL;AAGJC,UAAAA,MAAM,EAAE;AAHJ;AAHR,QADF;AAWD;;;EAlCuCjB,kBAAMC,S;;;iCAA3BM,Y,eACA;AACjBC,EAAAA,KAAK,EAAEN,sBAAUC,MADA;AAEjBM,EAAAA,QAAQ,EAAEP,sBAAUE,IAAV,CAAeC,UAFR;AAGjBK,EAAAA,OAAO,EAAER,sBAAUC,MAAV,CAAiBE;AAHT,C;iCADAE,Y,kBAOG;AACpBG,EAAAA,OAAO,EAAE;AADW,C","sourcesContent":["import Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport ActionFeedback from '@material-ui/icons/Feedback';\nimport IconButton from '@material-ui/core/IconButton';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nexport class IconMenu extends React.Component {\n  static propTypes = {\n    opts: PropTypes.object,\n    onClick: PropTypes.func.isRequired,\n    iconButtonElement: PropTypes.any,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      anchorEl: undefined,\n      open: false,\n    };\n  }\n\n  handleClick = (event) => {\n    this.setState({ open: true, anchorEl: event.currentTarget });\n  };\n\n  handleRequestClose = () => {\n    this.setState({ open: false });\n  };\n\n  render() {\n    const { opts, onClick } = this.props;\n    const keys = Object.keys(opts);\n\n    const handleMenuClick = (key) => () => {\n      onClick(key);\n      this.handleRequestClose();\n    };\n\n    return (\n      <div>\n        <div onClick={this.handleClick}>{this.props.iconButtonElement}</div>\n        <Menu id=\"simple-menu\" anchorEl={this.state.anchorEl} open={this.state.open} onClose={this.handleRequestClose}>\n          {keys.map((k, index) => (\n            <MenuItem key={index} onClick={handleMenuClick(k)}>\n              {opts[k]}\n            </MenuItem>\n          ))}\n        </Menu>\n      </div>\n    );\n  }\n}\n\nexport default class FeedbackMenu extends React.Component {\n  static propTypes = {\n    value: PropTypes.object,\n    onChange: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n  };\n\n  static defaultProps = {\n    classes: {},\n  };\n\n  render() {\n    const { value, onChange, classes } = this.props;\n    const t = value && value.type;\n    const iconColor = t === 'custom' || t === 'default' ? 'primary' : 'disabled';\n    const tooltip = t === 'custom' ? 'Custom Feedback' : t === 'default' ? 'Default Feedback' : 'Feedback disabled';\n\n    const icon = (\n      <IconButton className={classes.icon} aria-label={tooltip}>\n        <ActionFeedback color={iconColor} />\n      </IconButton>\n    );\n\n    return (\n      <IconMenu\n        iconButtonElement={icon}\n        onClick={(key) => onChange(key)}\n        opts={{\n          none: 'No Feedback',\n          default: 'Default',\n          custom: 'Custom',\n        }}\n      />\n    );\n  }\n}\n"],"file":"feedback-menu.js"}