@pie-lib/config-ui 10.10.4-next.286 → 10.10.4-next.295

package/lib/two-choice.js.map

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

package/lib/with-stateful-model.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/with-stateful-model.jsx"],"names":["withStatefulModel","Component","Stateful","props","model","setState","onChange","state","React","PropTypes","object","isRequired","func"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,SAAS,EAAI;AAAA,MAC/BC,QAD+B;AAAA;;AAAA;;AAOnC,sBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,gCAAMA,KAAN;;AADiB,iEAWR,UAAAC,KAAK,EAAI;AAClB,cAAKC,QAAL,CAAc;AAAED,UAAAA,KAAK,EAALA;AAAF,SAAd,EAAyB,YAAM;AAC7B,gBAAKD,KAAL,CAAWG,QAAX,CAAoB,MAAKC,KAAL,CAAWH,KAA/B;AACD,SAFD;AAGD,OAfkB;;AAEjB,YAAKG,KAAL,GAAa;AACXH,QAAAA,KAAK,EAAED,KAAK,CAACC;AADF,OAAb;AAFiB;AAKlB;;AAZkC;AAAA;AAAA,aAcnC,mCAA0BD,KAA1B,EAAiC;AAC/B,aAAKE,QAAL,CAAc;AAAED,UAAAA,KAAK,EAAED,KAAK,CAACC;AAAf,SAAd;AACD;AAhBkC;AAAA;AAAA,aAwBnC,kBAAS;AACP,4BAAO,gCAAC,SAAD;AAAW,UAAA,KAAK,EAAE,KAAKG,KAAL,CAAWH,KAA7B;AAAoC,UAAA,QAAQ,EAAE,KAAKE;AAAnD,UAAP;AACD;AA1BkC;;AAAA;AAAA,IACdE,kBAAMP,SADQ;;AAAA,kBAC/BC,QAD+B,eAEhB;AACjBE,IAAAA,KAAK,EAAEK,sBAAUC,MAAV,CAAiBC,UADP;AAEjBL,IAAAA,QAAQ,EAAEG,sBAAUG,IAAV,CAAeD;AAFR,GAFgB;;AA6BrC,SAAOT,QAAP;AACD,CA9BD;;eAgCeF,iB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst withStatefulModel = Component => {\n  class Stateful extends React.Component {\n    static propTypes = {\n      model: PropTypes.object.isRequired,\n      onChange: PropTypes.func.isRequired\n    };\n\n    constructor(props) {\n      super(props);\n      this.state = {\n        model: props.model\n      };\n    }\n\n    componentWillReceiveProps(props) {\n      this.setState({ model: props.model });\n    }\n\n    onChange = model => {\n      this.setState({ model }, () => {\n        this.props.onChange(this.state.model);\n      });\n    };\n\n    render() {\n      return <Component model={this.state.model} onChange={this.onChange} />;\n    }\n  }\n\n  return Stateful;\n};\n\nexport default withStatefulModel;\n"],"file":"with-stateful-model.js"}
+{"version":3,"file":"with-stateful-model.js","names":["withStatefulModel","Component","Stateful","props","model","setState","onChange","state","React","PropTypes","object","isRequired","func"],"sources":["../src/with-stateful-model.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst withStatefulModel = Component => {\n  class Stateful extends React.Component {\n    static propTypes = {\n      model: PropTypes.object.isRequired,\n      onChange: PropTypes.func.isRequired\n    };\n\n    constructor(props) {\n      super(props);\n      this.state = {\n        model: props.model\n      };\n    }\n\n    componentWillReceiveProps(props) {\n      this.setState({ model: props.model });\n    }\n\n    onChange = model => {\n      this.setState({ model }, () => {\n        this.props.onChange(this.state.model);\n      });\n    };\n\n    render() {\n      return <Component model={this.state.model} onChange={this.onChange} />;\n    }\n  }\n\n  return Stateful;\n};\n\nexport default withStatefulModel;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,SAAS,EAAI;EAAA,IAC/BC,QAD+B;IAAA;;IAAA;;IAOnC,kBAAYC,KAAZ,EAAmB;MAAA;;MAAA;;MACjB,0BAAMA,KAAN;;MADiB,2DAWR,UAAAC,KAAK,EAAI;QAClB,MAAKC,QAAL,CAAc;UAAED,KAAK,EAALA;QAAF,CAAd,EAAyB,YAAM;UAC7B,MAAKD,KAAL,CAAWG,QAAX,CAAoB,MAAKC,KAAL,CAAWH,KAA/B;QACD,CAFD;MAGD,CAfkB;;MAEjB,MAAKG,KAAL,GAAa;QACXH,KAAK,EAAED,KAAK,CAACC;MADF,CAAb;MAFiB;IAKlB;;IAZkC;MAAA;MAAA,OAcnC,mCAA0BD,KAA1B,EAAiC;QAC/B,KAAKE,QAAL,CAAc;UAAED,KAAK,EAAED,KAAK,CAACC;QAAf,CAAd;MACD;IAhBkC;MAAA;MAAA,OAwBnC,kBAAS;QACP,oBAAO,gCAAC,SAAD;UAAW,KAAK,EAAE,KAAKG,KAAL,CAAWH,KAA7B;UAAoC,QAAQ,EAAE,KAAKE;QAAnD,EAAP;MACD;IA1BkC;;IAAA;EAAA,EACdE,iBAAA,CAAMP,SADQ;;EAAA,gBAC/BC,QAD+B,eAEhB;IACjBE,KAAK,EAAEK,qBAAA,CAAUC,MAAV,CAAiBC,UADP;IAEjBL,QAAQ,EAAEG,qBAAA,CAAUG,IAAV,CAAeD;EAFR,CAFgB;;EA6BrC,OAAOT,QAAP;AACD,CA9BD;;eAgCeF,iB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/config-ui",
-  "version": "10.10.4-next.286+f671ceab",
+  "version": "10.10.4-next.295+f1c1237a",
   "main": "lib/index.js",
   "module": "src/index.js",
   "publishConfig": {
@@ -26,5 +26,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "f671ceab3d81c9684f6c7cf5cfee686a96daa5c5"
+  "gitHead": "f1c1237ae254361246c15783d1e9c4b5f8256738"
 }

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

@@ -46,6 +46,7 @@ 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,
@@ -62,6 +63,7 @@ export class NumberTextFieldCustom extends React.Component {
 
   static defaultProps = {
     step: 1,
+    customValues: [],
     textAlign: 'center',
     variant: 'standard',
     onlyIntegersAllowed: false
@@ -70,10 +72,18 @@ export class NumberTextFieldCustom extends React.Component {
   constructor(props) {
     super(props);
 
-    const value = this.clamp(props.value);
+    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
+      value,
+      currentIndex
     };
 
     if (value !== props.value) {
@@ -90,7 +100,11 @@ export class NumberTextFieldCustom extends React.Component {
   }
 
   clamp(value) {
-    const { min, max } = this.props;
+    const { min, max, customValues } = this.props;
+
+    if ((customValues || []).length > 0) {
+      return value;
+    }
 
     if (!isFinite(value)) {
       return fallbackNumber(min, max);
@@ -107,14 +121,37 @@ export class NumberTextFieldCustom extends React.Component {
     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 { onlyIntegersAllowed } = this.props;
+    const { customValues, onlyIntegersAllowed } = this.props;
     const { value } = event.target;
     const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
-    const number = this.clamp(rawNumber);
+    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() }, () => this.props.onChange(event, number));
+      this.setState(
+        {
+          value: number.toString(),
+          currentIndex: updatedIndex
+        },
+        () => this.props.onChange(event, number)
+      );
     }
   };
 
@@ -124,16 +161,37 @@ export class NumberTextFieldCustom extends React.Component {
     this.setState({ value });
   }
 
-  changeValue(event, sign = 1) {
+  changeValue(event, sign = 1, shouldUpdate = false) {
     event.preventDefault();
 
-    const { step, onlyIntegersAllowed } = this.props;
-    const { value } = this.state;
-    const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
-    const updatedValue = (rawNumber * 10000 + step * sign * 10000) / 10000;
-    const number = this.clamp(updatedValue);
+    const { customValues, step, onlyIntegersAllowed, onChange } = this.props;
+    const { currentIndex, value } = this.state;
+    const updatedIndex = currentIndex + sign * 1;
+    let number;
 
-    this.setState({ value: number.toString() });
+    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() {
@@ -186,15 +244,23 @@ export class NumberTextFieldCustom extends React.Component {
           className: inputClassName,
           disableUnderline: disableUnderline,
           startAdornment: (
-            <InputAdornment position="start" onClick={e => this.changeValue(e, -1)}>
-              <IconButton className={classes.iconButton}>
+            <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" onClick={e => this.changeValue(e)}>
-              <IconButton className={classes.iconButton}>
+            <InputAdornment position="end">
+              <IconButton
+                className={classes.iconButton}
+                disabled={disabled}
+                onClick={e => this.changeValue(e, 1, true)}
+              >
                 <Add fontSize="small" />
               </IconButton>
             </InputAdornment>