@pie-lib/config-ui 10.10.4-next.59 → 10.10.4-next.626

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/CHANGELOG.md +346 -0
  2. package/lib/alert-dialog.js +44 -0
  3. package/lib/alert-dialog.js.map +1 -0
  4. package/lib/checkbox.js +4 -4
  5. package/lib/checkbox.js.map +1 -1
  6. package/lib/choice-configuration/feedback-menu.js +41 -53
  7. package/lib/choice-configuration/feedback-menu.js.map +1 -1
  8. package/lib/choice-configuration/index.js +93 -81
  9. package/lib/choice-configuration/index.js.map +1 -1
  10. package/lib/choice-utils.js +8 -8
  11. package/lib/choice-utils.js.map +1 -1
  12. package/lib/feedback-config/feedback-selector.js +44 -48
  13. package/lib/feedback-config/feedback-selector.js.map +1 -1
  14. package/lib/feedback-config/group.js +5 -5
  15. package/lib/feedback-config/group.js.map +1 -1
  16. package/lib/feedback-config/index.js +46 -52
  17. package/lib/feedback-config/index.js.map +1 -1
  18. package/lib/form-section.js +8 -6
  19. package/lib/form-section.js.map +1 -1
  20. package/lib/help.js +30 -37
  21. package/lib/help.js.map +1 -1
  22. package/lib/index.js +66 -45
  23. package/lib/index.js.map +1 -1
  24. package/lib/input.js +35 -40
  25. package/lib/input.js.map +1 -1
  26. package/lib/inputs.js +28 -17
  27. package/lib/inputs.js.map +1 -1
  28. package/lib/langs.js +37 -45
  29. package/lib/langs.js.map +1 -1
  30. package/lib/layout/config-layout.js +29 -37
  31. package/lib/layout/config-layout.js.map +1 -1
  32. package/lib/layout/index.js +2 -2
  33. package/lib/layout/index.js.map +1 -1
  34. package/lib/layout/layout-contents.js +28 -34
  35. package/lib/layout/layout-contents.js.map +1 -1
  36. package/lib/layout/settings-box.js +23 -31
  37. package/lib/layout/settings-box.js.map +1 -1
  38. package/lib/mui-box/index.js +3 -3
  39. package/lib/mui-box/index.js.map +1 -1
  40. package/lib/number-text-field-custom.js +364 -0
  41. package/lib/number-text-field-custom.js.map +1 -0
  42. package/lib/number-text-field.js +33 -42
  43. package/lib/number-text-field.js.map +1 -1
  44. package/lib/radio-with-label.js +4 -4
  45. package/lib/radio-with-label.js.map +1 -1
  46. package/lib/settings/display-size.js +10 -10
  47. package/lib/settings/display-size.js.map +1 -1
  48. package/lib/settings/index.js +11 -17
  49. package/lib/settings/index.js.map +1 -1
  50. package/lib/settings/panel.js +58 -68
  51. package/lib/settings/panel.js.map +1 -1
  52. package/lib/settings/settings-radio-label.js +4 -4
  53. package/lib/settings/settings-radio-label.js.map +1 -1
  54. package/lib/settings/toggle.js +5 -5
  55. package/lib/settings/toggle.js.map +1 -1
  56. package/lib/tabs/index.js +28 -35
  57. package/lib/tabs/index.js.map +1 -1
  58. package/lib/tags-input/index.js +32 -40
  59. package/lib/tags-input/index.js.map +1 -1
  60. package/lib/two-choice.js +38 -48
  61. package/lib/two-choice.js.map +1 -1
  62. package/lib/with-stateful-model.js +23 -30
  63. package/lib/with-stateful-model.js.map +1 -1
  64. package/package.json +4 -4
  65. package/src/alert-dialog.jsx +43 -0
  66. package/src/choice-configuration/index.jsx +22 -2
  67. package/src/feedback-config/feedback-selector.jsx +1 -0
  68. package/src/form-section.jsx +2 -2
  69. package/src/index.js +4 -0
  70. package/src/inputs.jsx +13 -5
  71. package/src/number-text-field-custom.jsx +276 -0
@@ -1,5 +1,7 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
@@ -15,8 +17,6 @@ var _styles = require("@material-ui/core/styles");
15
17
 
16
18
  var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
17
19
 
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
-
20
20
  var Toggle = (0, _styles.withStyles)(function (theme) {
21
21
  return {
22
22
  toggle: {
@@ -35,11 +35,11 @@ var Toggle = (0, _styles.withStyles)(function (theme) {
35
35
  label = _ref.label,
36
36
  toggle = _ref.toggle,
37
37
  classes = _ref.classes;
38
- return _react["default"].createElement("div", {
38
+ return /*#__PURE__*/_react["default"].createElement("div", {
39
39
  className: classes.toggle
40
- }, _react["default"].createElement(_InputLabel["default"], {
40
+ }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
41
41
  className: classes.label
42
- }, label), _react["default"].createElement(_Switch["default"], {
42
+ }, label), /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
43
43
  checked: checked,
44
44
  onChange: function onChange(e) {
45
45
  return toggle(e.target.checked);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/settings/toggle.jsx"],"names":["Toggle","theme","toggle","display","width","justifyContent","label","color","fontSize","paddingTop","spacing","unit","checked","classes","e","target","propTypes","PropTypes","bool","string","isRequired","func"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,MAAM,GAAG,wBAAW,UAAAC,KAAK;AAAA,SAAK;AAClCC,IAAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,KAAK,EAAE,MAFD;AAGNC,MAAAA,cAAc,EAAE;AAHV,KAD0B;AAMlCC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,qBADF;AAELC,MAAAA,QAAQ,EAAE,MAFL;AAGLC,MAAAA,UAAU,EAAER,KAAK,CAACS,OAAN,CAAcC,IAAd,GAAqB;AAH5B;AAN2B,GAAL;AAAA,CAAhB,EAWX;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYN,KAAZ,QAAYA,KAAZ;AAAA,MAAmBJ,MAAnB,QAAmBA,MAAnB;AAAA,MAA2BW,OAA3B,QAA2BA,OAA3B;AAAA,SACF;AAAK,IAAA,SAAS,EAAEA,OAAO,CAACX;AAAxB,KACE,gCAAC,sBAAD;AAAY,IAAA,SAAS,EAAEW,OAAO,CAACP;AAA/B,KAAuCA,KAAvC,CADF,EAEE,gCAAC,kBAAD;AAAQ,IAAA,OAAO,EAAEM,OAAjB;AAA0B,IAAA,QAAQ,EAAE,kBAAAE,CAAC;AAAA,aAAIZ,MAAM,CAACY,CAAC,CAACC,MAAF,CAASH,OAAV,CAAV;AAAA;AAArC,IAFF,CADE;AAAA,CAXW,CAAf;AAkBAZ,MAAM,CAACgB,SAAP,GAAmB;AACjBJ,EAAAA,OAAO,EAAEK,sBAAUC,IADF;AAEjBZ,EAAAA,KAAK,EAAEW,sBAAUE,MAAV,CAAiBC,UAFP;AAGjBlB,EAAAA,MAAM,EAAEe,sBAAUI,IAAV,CAAeD;AAHN,CAAnB;eAMepB,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport { withStyles } from '@material-ui/core/styles';\nimport Switch from '@material-ui/core/Switch';\n\nconst Toggle = withStyles(theme => ({\n toggle: {\n display: 'flex',\n width: '100%',\n justifyContent: 'space-between'\n },\n label: {\n color: 'rgba(0, 0, 0, 0.89)',\n fontSize: '14px',\n paddingTop: theme.spacing.unit * 2\n }\n}))(({ checked, label, toggle, classes }) => (\n <div className={classes.toggle}>\n <InputLabel className={classes.label}>{label}</InputLabel>\n <Switch checked={checked} onChange={e => toggle(e.target.checked)} />\n </div>\n));\n\nToggle.propTypes = {\n checked: PropTypes.bool,\n label: PropTypes.string.isRequired,\n toggle: PropTypes.func.isRequired\n};\n\nexport default Toggle;\n"],"file":"toggle.js"}
1
+ {"version":3,"file":"toggle.js","names":["Toggle","withStyles","theme","toggle","display","width","justifyContent","label","color","fontSize","paddingTop","spacing","unit","checked","classes","e","target","propTypes","PropTypes","bool","string","isRequired","func"],"sources":["../../src/settings/toggle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport { withStyles } from '@material-ui/core/styles';\nimport Switch from '@material-ui/core/Switch';\n\nconst Toggle = withStyles(theme => ({\n toggle: {\n display: 'flex',\n width: '100%',\n justifyContent: 'space-between'\n },\n label: {\n color: 'rgba(0, 0, 0, 0.89)',\n fontSize: '14px',\n paddingTop: theme.spacing.unit * 2\n }\n}))(({ checked, label, toggle, classes }) => (\n <div className={classes.toggle}>\n <InputLabel className={classes.label}>{label}</InputLabel>\n <Switch checked={checked} onChange={e => toggle(e.target.checked)} />\n </div>\n));\n\nToggle.propTypes = {\n checked: PropTypes.bool,\n label: PropTypes.string.isRequired,\n toggle: PropTypes.func.isRequired\n};\n\nexport default Toggle;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAA,EAAW,UAAAC,KAAK;EAAA,OAAK;IAClCC,MAAM,EAAE;MACNC,OAAO,EAAE,MADH;MAENC,KAAK,EAAE,MAFD;MAGNC,cAAc,EAAE;IAHV,CAD0B;IAMlCC,KAAK,EAAE;MACLC,KAAK,EAAE,qBADF;MAELC,QAAQ,EAAE,MAFL;MAGLC,UAAU,EAAER,KAAK,CAACS,OAAN,CAAcC,IAAd,GAAqB;IAH5B;EAN2B,CAAL;AAAA,CAAhB,EAWX;EAAA,IAAGC,OAAH,QAAGA,OAAH;EAAA,IAAYN,KAAZ,QAAYA,KAAZ;EAAA,IAAmBJ,MAAnB,QAAmBA,MAAnB;EAAA,IAA2BW,OAA3B,QAA2BA,OAA3B;EAAA,oBACF;IAAK,SAAS,EAAEA,OAAO,CAACX;EAAxB,gBACE,gCAAC,sBAAD;IAAY,SAAS,EAAEW,OAAO,CAACP;EAA/B,GAAuCA,KAAvC,CADF,eAEE,gCAAC,kBAAD;IAAQ,OAAO,EAAEM,OAAjB;IAA0B,QAAQ,EAAE,kBAAAE,CAAC;MAAA,OAAIZ,MAAM,CAACY,CAAC,CAACC,MAAF,CAASH,OAAV,CAAV;IAAA;EAArC,EAFF,CADE;AAAA,CAXW,CAAf;AAkBAb,MAAM,CAACiB,SAAP,GAAmB;EACjBJ,OAAO,EAAEK,qBAAA,CAAUC,IADF;EAEjBZ,KAAK,EAAEW,qBAAA,CAAUE,MAAV,CAAiBC,UAFP;EAGjBlB,MAAM,EAAEe,qBAAA,CAAUI,IAAV,CAAeD;AAHN,CAAnB;eAMerB,M"}
package/lib/tabs/index.js CHANGED
@@ -1,67 +1,62 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports["default"] = exports.Tabs = void 0;
7
9
 
8
- var _react = _interopRequireDefault(require("react"));
10
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
9
11
 
10
- var _Tabs = _interopRequireDefault(require("@material-ui/core/Tabs"));
12
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
13
 
12
- var _Tab = _interopRequireDefault(require("@material-ui/core/Tab"));
14
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
13
15
 
14
- var _propTypes = _interopRequireDefault(require("prop-types"));
16
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
17
 
16
- var _core = require("@material-ui/core");
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
18
+ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
19
19
 
20
- function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
20
+ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
21
 
22
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
22
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
23
 
24
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
24
+ var _react = _interopRequireDefault(require("react"));
25
25
 
26
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
26
+ var _Tabs = _interopRequireDefault(require("@material-ui/core/Tabs"));
27
27
 
28
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
28
+ var _Tab = _interopRequireDefault(require("@material-ui/core/Tab"));
29
29
 
30
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
30
+ var _propTypes = _interopRequireDefault(require("prop-types"));
31
31
 
32
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
32
+ var _core = require("@material-ui/core");
33
33
 
34
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
34
+ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
35
35
 
36
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
36
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
37
37
 
38
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
38
+ var Tabs = /*#__PURE__*/function (_React$Component) {
39
+ (0, _inherits2["default"])(Tabs, _React$Component);
39
40
 
40
- var Tabs =
41
- /*#__PURE__*/
42
- function (_React$Component) {
43
- _inherits(Tabs, _React$Component);
41
+ var _super = _createSuper(Tabs);
44
42
 
45
43
  function Tabs(props) {
46
44
  var _this;
47
45
 
48
- _classCallCheck(this, Tabs);
49
-
50
- _this = _possibleConstructorReturn(this, _getPrototypeOf(Tabs).call(this, props));
51
-
52
- _defineProperty(_assertThisInitialized(_this), "handleChange", function (event, value) {
46
+ (0, _classCallCheck2["default"])(this, Tabs);
47
+ _this = _super.call(this, props);
48
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (event, value) {
53
49
  _this.setState({
54
50
  value: value
55
51
  });
56
52
  });
57
-
58
53
  _this.state = {
59
54
  value: 0
60
55
  };
61
56
  return _this;
62
57
  }
63
58
 
64
- _createClass(Tabs, [{
59
+ (0, _createClass2["default"])(Tabs, [{
65
60
  key: "render",
66
61
  value: function render() {
67
62
  var value = this.state.value;
@@ -73,30 +68,28 @@ function (_React$Component) {
73
68
  var tabClasses = {
74
69
  root: classes.tabRoot
75
70
  };
76
- return _react["default"].createElement("div", {
71
+ return /*#__PURE__*/_react["default"].createElement("div", {
77
72
  className: className
78
- }, _react["default"].createElement(_Tabs["default"], {
73
+ }, /*#__PURE__*/_react["default"].createElement(_Tabs["default"], {
79
74
  indicatorColor: "primary",
80
75
  value: value,
81
76
  onChange: this.handleChange
82
77
  }, _react["default"].Children.map(children, function (c, index) {
83
- return c && c.props.title ? _react["default"].createElement(_Tab["default"], {
78
+ return c && c.props.title ? /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
84
79
  classes: tabClasses,
85
80
  key: index,
86
81
  label: c.props.title
87
82
  }) : null;
88
- })), _react["default"].createElement("div", {
83
+ })), /*#__PURE__*/_react["default"].createElement("div", {
89
84
  className: contentClassName
90
85
  }, children[value]));
91
86
  }
92
87
  }]);
93
-
94
88
  return Tabs;
95
89
  }(_react["default"].Component);
96
90
 
97
91
  exports.Tabs = Tabs;
98
-
99
- _defineProperty(Tabs, "propTypes", {
92
+ (0, _defineProperty2["default"])(Tabs, "propTypes", {
100
93
  classes: _propTypes["default"].object,
101
94
  className: _propTypes["default"].string,
102
95
  contentClassName: _propTypes["default"].string,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/tabs/index.jsx"],"names":["Tabs","props","event","value","setState","state","children","className","contentClassName","classes","tabClasses","root","tabRoot","handleChange","React","Children","map","c","index","title","Component","PropTypes","object","string","oneOfType","arrayOf","node","isRequired"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,I;;;;;AAQX,gBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,8EAAMA,KAAN;;AADiB,mEAOJ,UAACC,KAAD,EAAQC,KAAR,EAAkB;AAC/B,YAAKC,QAAL,CAAc;AAAED,QAAAA,KAAK,EAALA;AAAF,OAAd;AACD,KATkB;;AAEjB,UAAKE,KAAL,GAAa;AACXF,MAAAA,KAAK,EAAE;AADI,KAAb;AAFiB;AAKlB;;;;6BAMQ;AAAA,UACCA,KADD,GACW,KAAKE,KADhB,CACCF,KADD;AAAA,wBAEoD,KAAKF,KAFzD;AAAA,UAECK,QAFD,eAECA,QAFD;AAAA,UAEWC,SAFX,eAEWA,SAFX;AAAA,UAEsBC,gBAFtB,eAEsBA,gBAFtB;AAAA,UAEwCC,OAFxC,eAEwCA,OAFxC;AAIP,UAAMC,UAAU,GAAG;AACjBC,QAAAA,IAAI,EAAEF,OAAO,CAACG;AADG,OAAnB;AAGA,aACE;AAAK,QAAA,SAAS,EAAEL;AAAhB,SACE,gCAAC,gBAAD;AAAS,QAAA,cAAc,EAAC,SAAxB;AAAkC,QAAA,KAAK,EAAEJ,KAAzC;AAAgD,QAAA,QAAQ,EAAE,KAAKU;AAA/D,SACGC,kBAAMC,QAAN,CAAeC,GAAf,CAAmBV,QAAnB,EAA6B,UAACW,CAAD,EAAIC,KAAJ;AAAA,eAC5BD,CAAC,IAAIA,CAAC,CAAChB,KAAF,CAAQkB,KAAb,GACE,gCAAC,eAAD;AAAQ,UAAA,OAAO,EAAET,UAAjB;AAA6B,UAAA,GAAG,EAAEQ,KAAlC;AAAyC,UAAA,KAAK,EAAED,CAAC,CAAChB,KAAF,CAAQkB;AAAxD,UADF,GAEI,IAHwB;AAAA,OAA7B,CADH,CADF,EAQE;AAAK,QAAA,SAAS,EAAEX;AAAhB,SAAmCF,QAAQ,CAACH,KAAD,CAA3C,CARF,CADF;AAYD;;;;EAtCuBW,kBAAMM,S;;;;gBAAnBpB,I,eACQ;AACjBS,EAAAA,OAAO,EAAEY,sBAAUC,MADF;AAEjBf,EAAAA,SAAS,EAAEc,sBAAUE,MAFJ;AAGjBf,EAAAA,gBAAgB,EAAEa,sBAAUE,MAHX;AAIjBjB,EAAAA,QAAQ,EAAEe,sBAAUG,SAAV,CAAoB,CAACH,sBAAUI,OAAV,CAAkBJ,sBAAUK,IAA5B,CAAD,EAAoCL,sBAAUK,IAA9C,CAApB,EAAyEC;AAJlE,C;;eAwCN,sBAAW;AAAA,SAAO;AAC/Bf,IAAAA,OAAO,EAAE;AADsB,GAAP;AAAA,CAAX,EAEXZ,IAFW,C","sourcesContent":["import React from 'react';\n\nimport MuiTabs from '@material-ui/core/Tabs';\nimport MuiTab from '@material-ui/core/Tab';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core';\n\nexport class Tabs extends React.Component {\n static propTypes = {\n classes: PropTypes.object,\n className: PropTypes.string,\n contentClassName: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n };\n\n constructor(props) {\n super(props);\n this.state = {\n value: 0\n };\n }\n\n handleChange = (event, value) => {\n this.setState({ value });\n };\n\n render() {\n const { value } = this.state;\n const { children, className, contentClassName, classes } = this.props;\n\n const tabClasses = {\n root: classes.tabRoot\n };\n return (\n <div className={className}>\n <MuiTabs indicatorColor=\"primary\" value={value} onChange={this.handleChange}>\n {React.Children.map(children, (c, index) =>\n c && c.props.title ? (\n <MuiTab classes={tabClasses} key={index} label={c.props.title} />\n ) : null\n )}\n </MuiTabs>\n <div className={contentClassName}>{children[value]}</div>\n </div>\n );\n }\n}\n\nexport default withStyles(() => ({\n tabRoot: {}\n}))(Tabs);\n"],"file":"index.js"}
1
+ {"version":3,"file":"index.js","names":["Tabs","props","event","value","setState","state","children","className","contentClassName","classes","tabClasses","root","tabRoot","handleChange","React","Children","map","c","index","title","Component","PropTypes","object","string","oneOfType","arrayOf","node","isRequired","withStyles"],"sources":["../../src/tabs/index.jsx"],"sourcesContent":["import React from 'react';\n\nimport MuiTabs from '@material-ui/core/Tabs';\nimport MuiTab from '@material-ui/core/Tab';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core';\n\nexport class Tabs extends React.Component {\n static propTypes = {\n classes: PropTypes.object,\n className: PropTypes.string,\n contentClassName: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n };\n\n constructor(props) {\n super(props);\n this.state = {\n value: 0\n };\n }\n\n handleChange = (event, value) => {\n this.setState({ value });\n };\n\n render() {\n const { value } = this.state;\n const { children, className, contentClassName, classes } = this.props;\n\n const tabClasses = {\n root: classes.tabRoot\n };\n return (\n <div className={className}>\n <MuiTabs indicatorColor=\"primary\" value={value} onChange={this.handleChange}>\n {React.Children.map(children, (c, index) =>\n c && c.props.title ? (\n <MuiTab classes={tabClasses} key={index} label={c.props.title} />\n ) : null\n )}\n </MuiTabs>\n <div className={contentClassName}>{children[value]}</div>\n </div>\n );\n }\n}\n\nexport default withStyles(() => ({\n tabRoot: {}\n}))(Tabs);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;IAEaA,I;;;;;EAQX,cAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACjB,0BAAMA,KAAN;IADiB,iGAOJ,UAACC,KAAD,EAAQC,KAAR,EAAkB;MAC/B,MAAKC,QAAL,CAAc;QAAED,KAAK,EAALA;MAAF,CAAd;IACD,CATkB;IAEjB,MAAKE,KAAL,GAAa;MACXF,KAAK,EAAE;IADI,CAAb;IAFiB;EAKlB;;;;WAMD,kBAAS;MACP,IAAQA,KAAR,GAAkB,KAAKE,KAAvB,CAAQF,KAAR;MACA,kBAA2D,KAAKF,KAAhE;MAAA,IAAQK,QAAR,eAAQA,QAAR;MAAA,IAAkBC,SAAlB,eAAkBA,SAAlB;MAAA,IAA6BC,gBAA7B,eAA6BA,gBAA7B;MAAA,IAA+CC,OAA/C,eAA+CA,OAA/C;MAEA,IAAMC,UAAU,GAAG;QACjBC,IAAI,EAAEF,OAAO,CAACG;MADG,CAAnB;MAGA,oBACE;QAAK,SAAS,EAAEL;MAAhB,gBACE,gCAAC,gBAAD;QAAS,cAAc,EAAC,SAAxB;QAAkC,KAAK,EAAEJ,KAAzC;QAAgD,QAAQ,EAAE,KAAKU;MAA/D,GACGC,iBAAA,CAAMC,QAAN,CAAeC,GAAf,CAAmBV,QAAnB,EAA6B,UAACW,CAAD,EAAIC,KAAJ;QAAA,OAC5BD,CAAC,IAAIA,CAAC,CAAChB,KAAF,CAAQkB,KAAb,gBACE,gCAAC,eAAD;UAAQ,OAAO,EAAET,UAAjB;UAA6B,GAAG,EAAEQ,KAAlC;UAAyC,KAAK,EAAED,CAAC,CAAChB,KAAF,CAAQkB;QAAxD,EADF,GAEI,IAHwB;MAAA,CAA7B,CADH,CADF,eAQE;QAAK,SAAS,EAAEX;MAAhB,GAAmCF,QAAQ,CAACH,KAAD,CAA3C,CARF,CADF;IAYD;;;EAtCuBW,iBAAA,CAAMM,S;;;iCAAnBpB,I,eACQ;EACjBS,OAAO,EAAEY,qBAAA,CAAUC,MADF;EAEjBf,SAAS,EAAEc,qBAAA,CAAUE,MAFJ;EAGjBf,gBAAgB,EAAEa,qBAAA,CAAUE,MAHX;EAIjBjB,QAAQ,EAAEe,qBAAA,CAAUG,SAAV,CAAoB,CAACH,qBAAA,CAAUI,OAAV,CAAkBJ,qBAAA,CAAUK,IAA5B,CAAD,EAAoCL,qBAAA,CAAUK,IAA9C,CAApB,EAAyEC;AAJlE,C;;eAwCN,IAAAC,gBAAA,EAAW;EAAA,OAAO;IAC/BhB,OAAO,EAAE;EADsB,CAAP;AAAA,CAAX,EAEXZ,IAFW,C"}
@@ -1,43 +1,41 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports["default"] = exports.TagsInput = void 0;
7
9
 
8
- var _react = _interopRequireDefault(require("react"));
10
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
9
11
 
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
12
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
13
 
12
- var _styles = require("@material-ui/core/styles");
14
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
13
15
 
14
- var _uniq = _interopRequireDefault(require("lodash/uniq"));
16
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
17
 
16
- var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
18
+ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
17
19
 
18
- var _muiBox = _interopRequireDefault(require("../mui-box"));
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
-
22
- function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
20
+ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
23
21
 
24
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
22
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
25
23
 
26
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
24
+ var _react = _interopRequireDefault(require("react"));
27
25
 
28
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
26
+ var _propTypes = _interopRequireDefault(require("prop-types"));
29
27
 
30
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
28
+ var _styles = require("@material-ui/core/styles");
31
29
 
32
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
30
+ var _uniq = _interopRequireDefault(require("lodash/uniq"));
33
31
 
34
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
32
+ var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
35
33
 
36
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
34
+ var _muiBox = _interopRequireDefault(require("../mui-box"));
37
35
 
38
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
36
+ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
39
37
 
40
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
38
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
41
39
 
42
40
  var ENTER = 13;
43
41
  var Tag = (0, _styles.withStyles)(function () {
@@ -51,7 +49,7 @@ var Tag = (0, _styles.withStyles)(function () {
51
49
  var classes = _ref.classes,
52
50
  label = _ref.label,
53
51
  onDelete = _ref.onDelete;
54
- return _react["default"].createElement(_Chip["default"], {
52
+ return /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
55
53
  className: classes.tag,
56
54
  label: label,
57
55
  onDelete: onDelete
@@ -62,30 +60,26 @@ Tag.propTypes = {
62
60
  onDelete: _propTypes["default"].func.isRequired
63
61
  };
64
62
 
65
- var TagsInput =
66
- /*#__PURE__*/
67
- function (_React$Component) {
68
- _inherits(TagsInput, _React$Component);
63
+ var TagsInput = /*#__PURE__*/function (_React$Component) {
64
+ (0, _inherits2["default"])(TagsInput, _React$Component);
65
+
66
+ var _super = _createSuper(TagsInput);
69
67
 
70
68
  function TagsInput(props) {
71
69
  var _this;
72
70
 
73
- _classCallCheck(this, TagsInput);
74
-
75
- _this = _possibleConstructorReturn(this, _getPrototypeOf(TagsInput).call(this, props));
76
-
77
- _defineProperty(_assertThisInitialized(_this), "onFocus", function () {
71
+ (0, _classCallCheck2["default"])(this, TagsInput);
72
+ _this = _super.call(this, props);
73
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFocus", function () {
78
74
  _this.setState({
79
75
  focused: true
80
76
  });
81
77
  });
82
-
83
- _defineProperty(_assertThisInitialized(_this), "onBlur", function () {
78
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onBlur", function () {
84
79
  _this.setState({
85
80
  focused: false
86
81
  });
87
82
  });
88
-
89
83
  _this.state = {
90
84
  value: '',
91
85
  focused: false
@@ -129,7 +123,7 @@ function (_React$Component) {
129
123
  return _this;
130
124
  }
131
125
 
132
- _createClass(TagsInput, [{
126
+ (0, _createClass2["default"])(TagsInput, [{
133
127
  key: "render",
134
128
  value: function render() {
135
129
  var _this2 = this;
@@ -137,19 +131,19 @@ function (_React$Component) {
137
131
  var _this$props = this.props,
138
132
  classes = _this$props.classes,
139
133
  tags = _this$props.tags;
140
- return _react["default"].createElement(_muiBox["default"], {
134
+ return /*#__PURE__*/_react["default"].createElement(_muiBox["default"], {
141
135
  focused: this.state.focused
142
- }, _react["default"].createElement("div", {
136
+ }, /*#__PURE__*/_react["default"].createElement("div", {
143
137
  className: classes.tagsInput
144
138
  }, (tags || []).map(function (t, index) {
145
- return _react["default"].createElement(Tag, {
139
+ return /*#__PURE__*/_react["default"].createElement(Tag, {
146
140
  key: index,
147
141
  label: t,
148
142
  onDelete: function onDelete() {
149
143
  return _this2.deleteTag(t);
150
144
  }
151
145
  });
152
- }), _react["default"].createElement("input", {
146
+ }), /*#__PURE__*/_react["default"].createElement("input", {
153
147
  ref: function ref(r) {
154
148
  return _this2.input = r;
155
149
  },
@@ -163,13 +157,11 @@ function (_React$Component) {
163
157
  })));
164
158
  }
165
159
  }]);
166
-
167
160
  return TagsInput;
168
161
  }(_react["default"].Component);
169
162
 
170
163
  exports.TagsInput = TagsInput;
171
-
172
- _defineProperty(TagsInput, "propTypes", {
164
+ (0, _defineProperty2["default"])(TagsInput, "propTypes", {
173
165
  classes: _propTypes["default"].object.isRequired,
174
166
  tags: _propTypes["default"].arrayOf(_propTypes["default"].string).isRequired,
175
167
  onChange: _propTypes["default"].func.isRequired
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/tags-input/index.jsx"],"names":["ENTER","Tag","tag","padding","margin","classes","label","onDelete","propTypes","PropTypes","string","isRequired","func","TagsInput","props","setState","focused","state","value","onKeyDown","event","keyCode","trim","newTags","tags","concat","length","onChange","target","deleteTag","tagIndex","indexOf","splice","input","focus","tagsInput","map","t","index","r","onFocus","onBlur","React","Component","object","arrayOf","styles","theme","border","display","flexWrap","minWidth","width","flex","height","fontSize","typography","fontFamily","outline"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,KAAK,GAAG,EAAd;AAEA,IAAMC,GAAG,GAAG,wBAAW;AAAA,SAAO;AAC5BC,IAAAA,GAAG,EAAE;AACHC,MAAAA,OAAO,EAAE,KADN;AAEHC,MAAAA,MAAM,EAAE;AAFL;AADuB,GAAP;AAAA,CAAX,EAKR;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,KAAZ,QAAYA,KAAZ;AAAA,MAAmBC,QAAnB,QAAmBA,QAAnB;AAAA,SACF,gCAAC,gBAAD;AAAM,IAAA,SAAS,EAAEF,OAAO,CAACH,GAAzB;AAA8B,IAAA,KAAK,EAAEI,KAArC;AAA4C,IAAA,QAAQ,EAAEC;AAAtD,IADE;AAAA,CALQ,CAAZ;AASAN,GAAG,CAACO,SAAJ,GAAgB;AACdF,EAAAA,KAAK,EAAEG,sBAAUC,MAAV,CAAiBC,UADV;AAEdJ,EAAAA,QAAQ,EAAEE,sBAAUG,IAAV,CAAeD;AAFX,CAAhB;;IAKaE,S;;;;;AAOX,qBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,mFAAMA,KAAN;;AADiB,8DAmCT,YAAM;AACd,YAAKC,QAAL,CAAc;AAAEC,QAAAA,OAAO,EAAE;AAAX,OAAd;AACD,KArCkB;;AAAA,6DAuCV,YAAM;AACb,YAAKD,QAAL,CAAc;AAAEC,QAAAA,OAAO,EAAE;AAAX,OAAd;AACD,KAzCkB;;AAEjB,UAAKC,KAAL,GAAa;AACXC,MAAAA,KAAK,EAAE,EADI;AAEXF,MAAAA,OAAO,EAAE;AAFE,KAAb;;AAKA,UAAKG,SAAL,GAAiB,UAAAC,KAAK,EAAI;AACxB,UAAIA,KAAK,CAACC,OAAN,KAAkBrB,KAAlB,IAA2B,MAAKiB,KAAL,CAAWC,KAAX,KAAqB,EAApD,EAAwD;AACtD,YAAMhB,GAAG,GAAG,MAAKe,KAAL,CAAWC,KAAX,CAAiBI,IAAjB,EAAZ;;AACA,YAAMC,OAAO,GAAG,sBAAK,MAAKT,KAAL,CAAWU,IAAX,CAAgBC,MAAhB,CAAuB,CAACvB,GAAD,CAAvB,CAAL,CAAhB;;AAEA,YAAIqB,OAAO,CAACG,MAAR,KAAmB,MAAKZ,KAAL,CAAWU,IAAX,CAAgBE,MAAvC,EAA+C;AAC7C,gBAAKZ,KAAL,CAAWa,QAAX,CAAoBJ,OAApB;;AACA,gBAAKR,QAAL,CAAc;AAAEG,YAAAA,KAAK,EAAE;AAAT,WAAd;AACD;AACF;AACF,KAVD;;AAYA,UAAKS,QAAL,GAAgB,UAAAP,KAAK,EAAI;AACvB,YAAKL,QAAL,CAAc;AAAEG,QAAAA,KAAK,EAAEE,KAAK,CAACQ,MAAN,CAAaV;AAAtB,OAAd;AACD,KAFD;;AAIA,UAAKW,SAAL,GAAiB,UAAA3B,GAAG,EAAI;AAAA,UACdsB,IADc,GACL,MAAKV,KADA,CACdU,IADc;AAGtB,UAAMM,QAAQ,GAAGN,IAAI,CAACO,OAAL,CAAa7B,GAAb,CAAjB;;AACA,UAAI4B,QAAQ,KAAK,CAAC,CAAlB,EAAqB;AACnBN,QAAAA,IAAI,CAACQ,MAAL,CAAYF,QAAZ,EAAsB,CAAtB;;AACA,cAAKhB,KAAL,CAAWa,QAAX,CAAoBH,IAApB;;AACA,cAAKS,KAAL,CAAWC,KAAX;AACD;AACF,KATD;;AAvBiB;AAiClB;;;;6BAUQ;AAAA;;AAAA,wBACmB,KAAKpB,KADxB;AAAA,UACCT,OADD,eACCA,OADD;AAAA,UACUmB,IADV,eACUA,IADV;AAEP,aACE,gCAAC,kBAAD;AAAQ,QAAA,OAAO,EAAE,KAAKP,KAAL,CAAWD;AAA5B,SACE;AAAK,QAAA,SAAS,EAAEX,OAAO,CAAC8B;AAAxB,SACG,CAACX,IAAI,IAAI,EAAT,EAAaY,GAAb,CAAiB,UAACC,CAAD,EAAIC,KAAJ;AAAA,eAChB,gCAAC,GAAD;AAAK,UAAA,GAAG,EAAEA,KAAV;AAAiB,UAAA,KAAK,EAAED,CAAxB;AAA2B,UAAA,QAAQ,EAAE;AAAA,mBAAM,MAAI,CAACR,SAAL,CAAeQ,CAAf,CAAN;AAAA;AAArC,UADgB;AAAA,OAAjB,CADH,EAIE;AACE,QAAA,GAAG,EAAE,aAAAE,CAAC;AAAA,iBAAK,MAAI,CAACN,KAAL,GAAaM,CAAlB;AAAA,SADR;AAEE,QAAA,SAAS,EAAE,KAAKpB,SAFlB;AAGE,QAAA,QAAQ,EAAE,KAAKQ,QAHjB;AAIE,QAAA,SAAS,EAAEtB,OAAO,CAAC4B,KAJrB;AAKE,QAAA,KAAK,EAAE,KAAKhB,KAAL,CAAWC,KALpB;AAME,QAAA,OAAO,EAAE,KAAKsB,OANhB;AAOE,QAAA,MAAM,EAAE,KAAKC,MAPf;AAQE,QAAA,IAAI,EAAC;AARP,QAJF,CADF,CADF;AAmBD;;;;EAvE4BC,kBAAMC,S;;;;gBAAxB9B,S,eACQ;AACjBR,EAAAA,OAAO,EAAEI,sBAAUmC,MAAV,CAAiBjC,UADT;AAEjBa,EAAAA,IAAI,EAAEf,sBAAUoC,OAAV,CAAkBpC,sBAAUC,MAA5B,EAAoCC,UAFzB;AAGjBgB,EAAAA,QAAQ,EAAElB,sBAAUG,IAAV,CAAeD;AAHR,C;;AAyErB,IAAMmC,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBZ,IAAAA,SAAS,EAAE;AACTa,MAAAA,MAAM,EAAE,iBADC;AAETC,MAAAA,OAAO,EAAE,MAFA;AAGTC,MAAAA,QAAQ,EAAE;AAHD,KADY;AAMvBjB,IAAAA,KAAK,EAAE;AACL9B,MAAAA,OAAO,EAAE,KADJ;AAELC,MAAAA,MAAM,EAAE,KAFH;AAGL+C,MAAAA,QAAQ,EAAE,MAHL;AAILC,MAAAA,KAAK,EAAE,MAJF;AAKLC,MAAAA,IAAI,EAAE,GALD;AAMLL,MAAAA,MAAM,EAAE,iBANH;AAOLM,MAAAA,MAAM,EAAE,MAPH;AAQLC,MAAAA,QAAQ,EAAER,KAAK,CAACS,UAAN,CAAiBD,QARtB;AASLE,MAAAA,UAAU,EAAEV,KAAK,CAACS,UAAN,CAAiBC,UATxB;AAULC,MAAAA,OAAO,EAAE,MAVJ;AAWL,iBAAW;AACTA,QAAAA,OAAO,EAAE;AADA;AAXN;AANgB,GAAL;AAAA,CAApB;;eAuBe,wBAAWZ,MAAX,EAAmBjC,SAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport uniq from 'lodash/uniq';\nimport Chip from '@material-ui/core/Chip';\nimport MuiBox from '../mui-box';\n\nconst ENTER = 13;\n\nconst Tag = withStyles(() => ({\n tag: {\n padding: '0px',\n margin: '1px'\n }\n}))(({ classes, label, onDelete }) => (\n <Chip className={classes.tag} label={label} onDelete={onDelete} />\n));\n\nTag.propTypes = {\n label: PropTypes.string.isRequired,\n onDelete: PropTypes.func.isRequired\n};\n\nexport class TagsInput extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n tags: PropTypes.arrayOf(PropTypes.string).isRequired,\n onChange: PropTypes.func.isRequired\n };\n\n constructor(props) {\n super(props);\n this.state = {\n value: '',\n focused: false\n };\n\n this.onKeyDown = event => {\n if (event.keyCode === ENTER && this.state.value !== '') {\n const tag = this.state.value.trim();\n const newTags = uniq(this.props.tags.concat([tag]));\n\n if (newTags.length !== this.props.tags.length) {\n this.props.onChange(newTags);\n this.setState({ value: '' });\n }\n }\n };\n\n this.onChange = event => {\n this.setState({ value: event.target.value });\n };\n\n this.deleteTag = tag => {\n const { tags } = this.props;\n\n const tagIndex = tags.indexOf(tag);\n if (tagIndex !== -1) {\n tags.splice(tagIndex, 1);\n this.props.onChange(tags);\n this.input.focus();\n }\n };\n }\n\n onFocus = () => {\n this.setState({ focused: true });\n };\n\n onBlur = () => {\n this.setState({ focused: false });\n };\n\n render() {\n const { classes, tags } = this.props;\n return (\n <MuiBox focused={this.state.focused}>\n <div className={classes.tagsInput}>\n {(tags || []).map((t, index) => (\n <Tag key={index} label={t} onDelete={() => this.deleteTag(t)} />\n ))}\n <input\n ref={r => (this.input = r)}\n onKeyDown={this.onKeyDown}\n onChange={this.onChange}\n className={classes.input}\n value={this.state.value}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n type=\"text\"\n />\n </div>\n </MuiBox>\n );\n }\n}\n\nconst styles = theme => ({\n tagsInput: {\n border: 'solid 0px white',\n display: 'flex',\n flexWrap: 'wrap'\n },\n input: {\n padding: '2px',\n margin: '1px',\n minWidth: '30px',\n width: '100%',\n flex: '1',\n border: 'solid 0px white',\n height: '28px',\n fontSize: theme.typography.fontSize,\n fontFamily: theme.typography.fontFamily,\n outline: 'none',\n '&:focus': {\n outline: 'none'\n }\n }\n});\n\nexport default withStyles(styles)(TagsInput);\n"],"file":"index.js"}
1
+ {"version":3,"file":"index.js","names":["ENTER","Tag","withStyles","tag","padding","margin","classes","label","onDelete","propTypes","PropTypes","string","isRequired","func","TagsInput","props","setState","focused","state","value","onKeyDown","event","keyCode","trim","newTags","uniq","tags","concat","length","onChange","target","deleteTag","tagIndex","indexOf","splice","input","focus","tagsInput","map","t","index","r","onFocus","onBlur","React","Component","object","arrayOf","styles","theme","border","display","flexWrap","minWidth","width","flex","height","fontSize","typography","fontFamily","outline"],"sources":["../../src/tags-input/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport uniq from 'lodash/uniq';\nimport Chip from '@material-ui/core/Chip';\nimport MuiBox from '../mui-box';\n\nconst ENTER = 13;\n\nconst Tag = withStyles(() => ({\n tag: {\n padding: '0px',\n margin: '1px'\n }\n}))(({ classes, label, onDelete }) => (\n <Chip className={classes.tag} label={label} onDelete={onDelete} />\n));\n\nTag.propTypes = {\n label: PropTypes.string.isRequired,\n onDelete: PropTypes.func.isRequired\n};\n\nexport class TagsInput extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n tags: PropTypes.arrayOf(PropTypes.string).isRequired,\n onChange: PropTypes.func.isRequired\n };\n\n constructor(props) {\n super(props);\n this.state = {\n value: '',\n focused: false\n };\n\n this.onKeyDown = event => {\n if (event.keyCode === ENTER && this.state.value !== '') {\n const tag = this.state.value.trim();\n const newTags = uniq(this.props.tags.concat([tag]));\n\n if (newTags.length !== this.props.tags.length) {\n this.props.onChange(newTags);\n this.setState({ value: '' });\n }\n }\n };\n\n this.onChange = event => {\n this.setState({ value: event.target.value });\n };\n\n this.deleteTag = tag => {\n const { tags } = this.props;\n\n const tagIndex = tags.indexOf(tag);\n if (tagIndex !== -1) {\n tags.splice(tagIndex, 1);\n this.props.onChange(tags);\n this.input.focus();\n }\n };\n }\n\n onFocus = () => {\n this.setState({ focused: true });\n };\n\n onBlur = () => {\n this.setState({ focused: false });\n };\n\n render() {\n const { classes, tags } = this.props;\n return (\n <MuiBox focused={this.state.focused}>\n <div className={classes.tagsInput}>\n {(tags || []).map((t, index) => (\n <Tag key={index} label={t} onDelete={() => this.deleteTag(t)} />\n ))}\n <input\n ref={r => (this.input = r)}\n onKeyDown={this.onKeyDown}\n onChange={this.onChange}\n className={classes.input}\n value={this.state.value}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n type=\"text\"\n />\n </div>\n </MuiBox>\n );\n }\n}\n\nconst styles = theme => ({\n tagsInput: {\n border: 'solid 0px white',\n display: 'flex',\n flexWrap: 'wrap'\n },\n input: {\n padding: '2px',\n margin: '1px',\n minWidth: '30px',\n width: '100%',\n flex: '1',\n border: 'solid 0px white',\n height: '28px',\n fontSize: theme.typography.fontSize,\n fontFamily: theme.typography.fontFamily,\n outline: 'none',\n '&:focus': {\n outline: 'none'\n }\n }\n});\n\nexport default withStyles(styles)(TagsInput);\n"],"mappings":"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"}
package/lib/two-choice.js CHANGED
@@ -1,43 +1,41 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports["default"] = exports.NChoice = void 0;
7
9
 
8
- var _renderUi = require("@pie-lib/render-ui");
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _radioWithLabel = _interopRequireDefault(require("./radio-with-label"));
10
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
13
11
 
14
- var _react = _interopRequireDefault(require("react"));
12
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
15
13
 
16
- var _classnames = _interopRequireDefault(require("classnames"));
14
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
17
15
 
18
- var _styles = require("@material-ui/core/styles");
16
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
19
17
 
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
18
+ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
21
19
 
22
- function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
20
+ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
23
21
 
24
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
22
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
25
23
 
26
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
24
+ var _renderUi = require("@pie-lib/render-ui");
27
25
 
28
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
26
+ var _propTypes = _interopRequireDefault(require("prop-types"));
29
27
 
30
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
28
+ var _radioWithLabel = _interopRequireDefault(require("./radio-with-label"));
31
29
 
32
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
30
+ var _react = _interopRequireDefault(require("react"));
33
31
 
34
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
32
+ var _classnames = _interopRequireDefault(require("classnames"));
35
33
 
36
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
34
+ var _styles = require("@material-ui/core/styles");
37
35
 
38
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
36
+ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
39
37
 
40
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
38
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
41
39
 
42
40
  var styles = function styles(theme) {
43
41
  return {
@@ -53,32 +51,28 @@ var styles = function styles(theme) {
53
51
  };
54
52
  };
55
53
 
56
- var RawNChoice =
57
- /*#__PURE__*/
58
- function (_React$Component) {
59
- _inherits(RawNChoice, _React$Component);
54
+ var RawNChoice = /*#__PURE__*/function (_React$Component) {
55
+ (0, _inherits2["default"])(RawNChoice, _React$Component);
60
56
 
61
- function RawNChoice() {
62
- var _getPrototypeOf2;
57
+ var _super = _createSuper(RawNChoice);
63
58
 
59
+ function RawNChoice() {
64
60
  var _this;
65
61
 
66
- _classCallCheck(this, RawNChoice);
62
+ (0, _classCallCheck2["default"])(this, RawNChoice);
67
63
 
68
64
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
69
65
  args[_key] = arguments[_key];
70
66
  }
71
67
 
72
- _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(RawNChoice)).call.apply(_getPrototypeOf2, [this].concat(args)));
73
-
74
- _defineProperty(_assertThisInitialized(_this), "handleChange", function (event) {
68
+ _this = _super.call.apply(_super, [this].concat(args));
69
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (event) {
75
70
  _this.props.onChange(event.currentTarget.value);
76
71
  });
77
-
78
72
  return _this;
79
73
  }
80
74
 
81
- _createClass(RawNChoice, [{
75
+ (0, _createClass2["default"])(RawNChoice, [{
82
76
  key: "render",
83
77
  value: function render() {
84
78
  var _this2 = this;
@@ -98,13 +92,13 @@ function (_React$Component) {
98
92
  } : o;
99
93
  });
100
94
  var LabelComponent = customLabel || _radioWithLabel["default"];
101
- return _react["default"].createElement(_renderUi.InputContainer, {
95
+ return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
102
96
  label: header,
103
97
  className: className
104
- }, _react["default"].createElement("div", {
98
+ }, /*#__PURE__*/_react["default"].createElement("div", {
105
99
  className: (0, _classnames["default"])(classes.group, classes[direction])
106
100
  }, preppedOpts.map(function (o, index) {
107
- return _react["default"].createElement(LabelComponent, {
101
+ return /*#__PURE__*/_react["default"].createElement(LabelComponent, {
108
102
  value: o.value,
109
103
  key: index,
110
104
  checked: o.value === value,
@@ -114,11 +108,10 @@ function (_React$Component) {
114
108
  })));
115
109
  }
116
110
  }]);
117
-
118
111
  return RawNChoice;
119
112
  }(_react["default"].Component);
120
113
 
121
- _defineProperty(RawNChoice, "propTypes", {
114
+ (0, _defineProperty2["default"])(RawNChoice, "propTypes", {
122
115
  header: _propTypes["default"].string.isRequired,
123
116
  className: _propTypes["default"].string,
124
117
  customLabel: _propTypes["default"].func,
@@ -128,7 +121,6 @@ _defineProperty(RawNChoice, "propTypes", {
128
121
  direction: _propTypes["default"].oneOf(['horizontal', 'vertical']),
129
122
  classes: _propTypes["default"].object.isRequired
130
123
  });
131
-
132
124
  var NChoice = (0, _styles.withStyles)(styles)(RawNChoice);
133
125
  exports.NChoice = NChoice;
134
126
 
@@ -137,18 +129,17 @@ var labelValue = _propTypes["default"].shape({
137
129
  value: _propTypes["default"].string
138
130
  });
139
131
 
140
- var TwoChoice =
141
- /*#__PURE__*/
142
- function (_React$Component2) {
143
- _inherits(TwoChoice, _React$Component2);
132
+ var TwoChoice = /*#__PURE__*/function (_React$Component2) {
133
+ (0, _inherits2["default"])(TwoChoice, _React$Component2);
144
134
 
145
- function TwoChoice() {
146
- _classCallCheck(this, TwoChoice);
135
+ var _super2 = _createSuper(TwoChoice);
147
136
 
148
- return _possibleConstructorReturn(this, _getPrototypeOf(TwoChoice).apply(this, arguments));
137
+ function TwoChoice() {
138
+ (0, _classCallCheck2["default"])(this, TwoChoice);
139
+ return _super2.apply(this, arguments);
149
140
  }
150
141
 
151
- _createClass(TwoChoice, [{
142
+ (0, _createClass2["default"])(TwoChoice, [{
152
143
  key: "render",
153
144
  value: function render() {
154
145
  var _this$props2 = this.props,
@@ -160,7 +151,7 @@ function (_React$Component2) {
160
151
  value = _this$props2.value,
161
152
  onChange = _this$props2.onChange;
162
153
  var opts = [one, two];
163
- return _react["default"].createElement(NChoice, {
154
+ return /*#__PURE__*/_react["default"].createElement(NChoice, {
164
155
  customLabel: customLabel,
165
156
  header: header,
166
157
  className: className,
@@ -170,11 +161,10 @@ function (_React$Component2) {
170
161
  });
171
162
  }
172
163
  }]);
173
-
174
164
  return TwoChoice;
175
165
  }(_react["default"].Component);
176
166
 
177
- _defineProperty(TwoChoice, "propTypes", {
167
+ (0, _defineProperty2["default"])(TwoChoice, "propTypes", {
178
168
  header: _propTypes["default"].string.isRequired,
179
169
  value: _propTypes["default"].string.isRequired,
180
170
  onChange: _propTypes["default"].func.isRequired,
@@ -1 +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"}
1
+ {"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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"}