@pie-lib/config-ui 12.0.0-beta.4 → 12.0.0-next.0

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 (120) hide show
  1. package/CHANGELOG.json +8 -1653
  2. package/CHANGELOG.md +540 -58
  3. package/LICENSE.md +5 -0
  4. package/NEXT.CHANGELOG.json +1 -0
  5. package/lib/alert-dialog.js +44 -20
  6. package/lib/alert-dialog.js.map +1 -1
  7. package/lib/checkbox.js +59 -61
  8. package/lib/checkbox.js.map +1 -1
  9. package/lib/choice-configuration/feedback-menu.js +30 -65
  10. package/lib/choice-configuration/feedback-menu.js.map +1 -1
  11. package/lib/choice-configuration/index.js +231 -244
  12. package/lib/choice-configuration/index.js.map +1 -1
  13. package/lib/choice-utils.js +7 -19
  14. package/lib/choice-utils.js.map +1 -1
  15. package/lib/feedback-config/feedback-selector.js +89 -115
  16. package/lib/feedback-config/feedback-selector.js.map +1 -1
  17. package/lib/feedback-config/group.js +28 -42
  18. package/lib/feedback-config/group.js.map +1 -1
  19. package/lib/feedback-config/index.js +55 -87
  20. package/lib/feedback-config/index.js.map +1 -1
  21. package/lib/form-section.js +32 -34
  22. package/lib/form-section.js.map +1 -1
  23. package/lib/help.js +41 -80
  24. package/lib/help.js.map +1 -1
  25. package/lib/index.js +2 -32
  26. package/lib/index.js.map +1 -1
  27. package/lib/input.js +24 -57
  28. package/lib/input.js.map +1 -1
  29. package/lib/inputs.js +62 -88
  30. package/lib/inputs.js.map +1 -1
  31. package/lib/langs.js +59 -102
  32. package/lib/langs.js.map +1 -1
  33. package/lib/layout/config-layout.js +95 -67
  34. package/lib/layout/config-layout.js.map +1 -1
  35. package/lib/layout/index.js +1 -4
  36. package/lib/layout/index.js.map +1 -1
  37. package/lib/layout/layout-contents.js +130 -75
  38. package/lib/layout/layout-contents.js.map +1 -1
  39. package/lib/layout/settings-box.js +28 -58
  40. package/lib/layout/settings-box.js.map +1 -1
  41. package/lib/mui-box/index.js +42 -58
  42. package/lib/mui-box/index.js.map +1 -1
  43. package/lib/number-text-field-custom.js +164 -152
  44. package/lib/number-text-field-custom.js.map +1 -1
  45. package/lib/number-text-field.js +87 -119
  46. package/lib/number-text-field.js.map +1 -1
  47. package/lib/radio-with-label.js +33 -26
  48. package/lib/radio-with-label.js.map +1 -1
  49. package/lib/settings/display-size.js +17 -33
  50. package/lib/settings/display-size.js.map +1 -1
  51. package/lib/settings/index.js +26 -46
  52. package/lib/settings/index.js.map +1 -1
  53. package/lib/settings/panel.js +202 -221
  54. package/lib/settings/panel.js.map +1 -1
  55. package/lib/settings/settings-radio-label.js +37 -29
  56. package/lib/settings/settings-radio-label.js.map +1 -1
  57. package/lib/settings/toggle.js +40 -33
  58. package/lib/settings/toggle.js.map +1 -1
  59. package/lib/tabs/index.js +26 -57
  60. package/lib/tabs/index.js.map +1 -1
  61. package/lib/tags-input/index.js +51 -100
  62. package/lib/tags-input/index.js.map +1 -1
  63. package/lib/two-choice.js +47 -91
  64. package/lib/two-choice.js.map +1 -1
  65. package/lib/with-stateful-model.js +11 -34
  66. package/lib/with-stateful-model.js.map +1 -1
  67. package/package.json +22 -11
  68. package/src/__tests__/alert-dialog.test.jsx +283 -0
  69. package/src/__tests__/checkbox.test.jsx +249 -0
  70. package/src/__tests__/choice-utils.test.js +12 -0
  71. package/src/__tests__/form-section.test.jsx +334 -0
  72. package/src/__tests__/help.test.jsx +184 -0
  73. package/src/__tests__/input.test.jsx +192 -0
  74. package/src/__tests__/langs.test.jsx +457 -0
  75. package/src/__tests__/number-text-field-custom.test.jsx +438 -0
  76. package/src/__tests__/number-text-field.test.jsx +341 -0
  77. package/src/__tests__/radio-with-label.test.jsx +259 -0
  78. package/src/__tests__/settings-panel.test.js +187 -0
  79. package/src/__tests__/settings.test.jsx +515 -0
  80. package/src/__tests__/tabs.test.jsx +193 -0
  81. package/src/__tests__/two-choice.test.js +110 -0
  82. package/src/__tests__/with-stateful-model.test.jsx +145 -0
  83. package/src/alert-dialog.jsx +31 -16
  84. package/src/checkbox.jsx +45 -39
  85. package/src/choice-configuration/__tests__/feedback-menu.test.jsx +163 -0
  86. package/src/choice-configuration/__tests__/index.test.jsx +234 -0
  87. package/src/choice-configuration/feedback-menu.jsx +15 -28
  88. package/src/choice-configuration/index.jsx +233 -182
  89. package/src/choice-utils.js +1 -1
  90. package/src/feedback-config/__tests__/feedback-config.test.jsx +141 -0
  91. package/src/feedback-config/__tests__/feedback-selector.test.jsx +107 -0
  92. package/src/feedback-config/feedback-selector.jsx +65 -60
  93. package/src/feedback-config/group.jsx +26 -29
  94. package/src/feedback-config/index.jsx +59 -47
  95. package/src/form-section.jsx +26 -18
  96. package/src/help.jsx +27 -36
  97. package/src/index.js +2 -5
  98. package/src/input.jsx +9 -9
  99. package/src/inputs.jsx +36 -50
  100. package/src/langs.jsx +57 -73
  101. package/src/layout/__tests__/config.layout.test.jsx +59 -0
  102. package/src/layout/__tests__/layout-content.test.jsx +3 -0
  103. package/src/layout/config-layout.jsx +70 -37
  104. package/src/layout/layout-contents.jsx +96 -39
  105. package/src/layout/settings-box.jsx +22 -21
  106. package/src/mui-box/index.jsx +37 -45
  107. package/src/number-text-field-custom.jsx +136 -81
  108. package/src/number-text-field.jsx +59 -37
  109. package/src/radio-with-label.jsx +28 -12
  110. package/src/settings/display-size.jsx +14 -13
  111. package/src/settings/index.js +20 -12
  112. package/src/settings/panel.jsx +147 -110
  113. package/src/settings/settings-radio-label.jsx +29 -13
  114. package/src/settings/toggle.jsx +39 -20
  115. package/src/tabs/index.jsx +15 -19
  116. package/src/tags-input/__tests__/index.test.jsx +113 -0
  117. package/src/tags-input/index.jsx +42 -47
  118. package/src/two-choice.jsx +19 -23
  119. package/src/with-stateful-model.jsx +5 -5
  120. package/README.md +0 -12
@@ -1,81 +1,80 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.TagsInput = void 0;
9
-
10
8
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
-
12
9
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
-
14
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
15
-
16
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
17
-
18
10
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
19
-
20
11
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
-
12
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
22
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
-
24
14
  var _react = _interopRequireDefault(require("react"));
25
-
26
15
  var _propTypes = _interopRequireDefault(require("prop-types"));
27
-
28
- var _styles = require("@material-ui/core/styles");
29
-
16
+ var _styles = require("@mui/material/styles");
30
17
  var _uniq = _interopRequireDefault(require("lodash/uniq"));
31
-
32
- var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
33
-
18
+ var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
34
19
  var _muiBox = _interopRequireDefault(require("../mui-box"));
35
-
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); }; }
37
-
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; } }
39
-
20
+ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
21
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
40
22
  var ENTER = 13;
41
- var Tag = (0, _styles.withStyles)(function () {
23
+ var StyledChip = (0, _styles.styled)(_Chip["default"])(function () {
42
24
  return {
43
- tag: {
44
- padding: '0px',
45
- margin: '1px'
46
- }
25
+ padding: '0px',
26
+ margin: '1px'
47
27
  };
48
- })(function (_ref) {
49
- var classes = _ref.classes,
50
- label = _ref.label,
51
- onDelete = _ref.onDelete;
52
- return /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
53
- className: classes.tag,
28
+ });
29
+ var Tag = function Tag(_ref) {
30
+ var label = _ref.label,
31
+ onDelete = _ref.onDelete;
32
+ return /*#__PURE__*/_react["default"].createElement(StyledChip, {
54
33
  label: label,
55
34
  onDelete: onDelete
56
35
  });
57
- });
36
+ };
58
37
  Tag.propTypes = {
59
38
  label: _propTypes["default"].string.isRequired,
60
39
  onDelete: _propTypes["default"].func.isRequired
61
40
  };
62
-
63
- var TagsInput = /*#__PURE__*/function (_React$Component) {
64
- (0, _inherits2["default"])(TagsInput, _React$Component);
65
-
66
- var _super = _createSuper(TagsInput);
67
-
41
+ var StyledTagsInput = (0, _styles.styled)('div')(function (_ref2) {
42
+ var theme = _ref2.theme;
43
+ return {
44
+ border: "0px solid ".concat(theme.palette.background.paper),
45
+ display: 'flex',
46
+ flexWrap: 'wrap'
47
+ };
48
+ });
49
+ var StyledInput = (0, _styles.styled)('input')(function (_ref3) {
50
+ var theme = _ref3.theme;
51
+ return {
52
+ padding: '2px',
53
+ margin: '1px',
54
+ minWidth: '30px',
55
+ width: '100%',
56
+ flex: '1',
57
+ border: "0px solid ".concat(theme.palette.background.paper),
58
+ height: '28px',
59
+ fontSize: theme.typography.fontSize,
60
+ fontFamily: theme.typography.fontFamily,
61
+ outline: 'none',
62
+ '&:focus': {
63
+ outline: 'none'
64
+ }
65
+ };
66
+ });
67
+ var TagsInput = exports.TagsInput = /*#__PURE__*/function (_React$Component) {
68
68
  function TagsInput(props) {
69
69
  var _this;
70
-
71
70
  (0, _classCallCheck2["default"])(this, TagsInput);
72
- _this = _super.call(this, props);
73
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFocus", function () {
71
+ _this = _callSuper(this, TagsInput, [props]);
72
+ (0, _defineProperty2["default"])(_this, "onFocus", function () {
74
73
  _this.setState({
75
74
  focused: true
76
75
  });
77
76
  });
78
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onBlur", function () {
77
+ (0, _defineProperty2["default"])(_this, "onBlur", function () {
79
78
  _this.setState({
80
79
  focused: false
81
80
  });
@@ -84,58 +83,43 @@ var TagsInput = /*#__PURE__*/function (_React$Component) {
84
83
  value: '',
85
84
  focused: false
86
85
  };
87
-
88
86
  _this.onKeyDown = function (event) {
89
87
  if (event.keyCode === ENTER && _this.state.value !== '') {
90
88
  var tag = _this.state.value.trim();
91
-
92
89
  var newTags = (0, _uniq["default"])(_this.props.tags.concat([tag]));
93
-
94
90
  if (newTags.length !== _this.props.tags.length) {
95
91
  _this.props.onChange(newTags);
96
-
97
92
  _this.setState({
98
93
  value: ''
99
94
  });
100
95
  }
101
96
  }
102
97
  };
103
-
104
98
  _this.onChange = function (event) {
105
99
  _this.setState({
106
100
  value: event.target.value
107
101
  });
108
102
  };
109
-
110
103
  _this.deleteTag = function (tag) {
111
104
  var tags = _this.props.tags;
112
105
  var tagIndex = tags.indexOf(tag);
113
-
114
106
  if (tagIndex !== -1) {
115
107
  tags.splice(tagIndex, 1);
116
-
117
108
  _this.props.onChange(tags);
118
-
119
109
  _this.input.focus();
120
110
  }
121
111
  };
122
-
123
112
  return _this;
124
113
  }
125
-
126
- (0, _createClass2["default"])(TagsInput, [{
114
+ (0, _inherits2["default"])(TagsInput, _React$Component);
115
+ return (0, _createClass2["default"])(TagsInput, [{
127
116
  key: "render",
128
117
  value: function render() {
129
118
  var _this2 = this;
130
-
131
- var _this$props = this.props,
132
- classes = _this$props.classes,
133
- tags = _this$props.tags;
119
+ var tags = this.props.tags;
134
120
  return /*#__PURE__*/_react["default"].createElement(_muiBox["default"], {
135
121
  focused: this.state.focused
136
- }, /*#__PURE__*/_react["default"].createElement("div", {
137
- className: classes.tagsInput
138
- }, (tags || []).map(function (t, index) {
122
+ }, /*#__PURE__*/_react["default"].createElement(StyledTagsInput, null, (tags || []).map(function (t, index) {
139
123
  return /*#__PURE__*/_react["default"].createElement(Tag, {
140
124
  key: index,
141
125
  label: t,
@@ -143,13 +127,12 @@ var TagsInput = /*#__PURE__*/function (_React$Component) {
143
127
  return _this2.deleteTag(t);
144
128
  }
145
129
  });
146
- }), /*#__PURE__*/_react["default"].createElement("input", {
130
+ }), /*#__PURE__*/_react["default"].createElement(StyledInput, {
147
131
  ref: function ref(r) {
148
132
  return _this2.input = r;
149
133
  },
150
134
  onKeyDown: this.onKeyDown,
151
135
  onChange: this.onChange,
152
- className: classes.input,
153
136
  value: this.state.value,
154
137
  onFocus: this.onFocus,
155
138
  onBlur: this.onBlur,
@@ -157,42 +140,10 @@ var TagsInput = /*#__PURE__*/function (_React$Component) {
157
140
  })));
158
141
  }
159
142
  }]);
160
- return TagsInput;
161
143
  }(_react["default"].Component);
162
-
163
- exports.TagsInput = TagsInput;
164
144
  (0, _defineProperty2["default"])(TagsInput, "propTypes", {
165
- classes: _propTypes["default"].object.isRequired,
166
145
  tags: _propTypes["default"].arrayOf(_propTypes["default"].string).isRequired,
167
146
  onChange: _propTypes["default"].func.isRequired
168
147
  });
169
-
170
- var styles = function styles(theme) {
171
- return {
172
- tagsInput: {
173
- border: 'solid 0px white',
174
- display: 'flex',
175
- flexWrap: 'wrap'
176
- },
177
- input: {
178
- padding: '2px',
179
- margin: '1px',
180
- minWidth: '30px',
181
- width: '100%',
182
- flex: '1',
183
- border: 'solid 0px white',
184
- height: '28px',
185
- fontSize: theme.typography.fontSize,
186
- fontFamily: theme.typography.fontFamily,
187
- outline: 'none',
188
- '&:focus': {
189
- outline: 'none'
190
- }
191
- }
192
- };
193
- };
194
-
195
- var _default = (0, _styles.withStyles)(styles)(TagsInput);
196
-
197
- exports["default"] = _default;
198
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJFTlRFUiIsIlRhZyIsIndpdGhTdHlsZXMiLCJ0YWciLCJwYWRkaW5nIiwibWFyZ2luIiwiY2xhc3NlcyIsImxhYmVsIiwib25EZWxldGUiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJzdHJpbmciLCJpc1JlcXVpcmVkIiwiZnVuYyIsIlRhZ3NJbnB1dCIsInByb3BzIiwic2V0U3RhdGUiLCJmb2N1c2VkIiwic3RhdGUiLCJ2YWx1ZSIsIm9uS2V5RG93biIsImV2ZW50Iiwia2V5Q29kZSIsInRyaW0iLCJuZXdUYWdzIiwidW5pcSIsInRhZ3MiLCJjb25jYXQiLCJsZW5ndGgiLCJvbkNoYW5nZSIsInRhcmdldCIsImRlbGV0ZVRhZyIsInRhZ0luZGV4IiwiaW5kZXhPZiIsInNwbGljZSIsImlucHV0IiwiZm9jdXMiLCJ0YWdzSW5wdXQiLCJtYXAiLCJ0IiwiaW5kZXgiLCJyIiwib25Gb2N1cyIsIm9uQmx1ciIsIlJlYWN0IiwiQ29tcG9uZW50Iiwib2JqZWN0IiwiYXJyYXlPZiIsInN0eWxlcyIsInRoZW1lIiwiYm9yZGVyIiwiZGlzcGxheSIsImZsZXhXcmFwIiwibWluV2lkdGgiLCJ3aWR0aCIsImZsZXgiLCJoZWlnaHQiLCJmb250U2l6ZSIsInR5cG9ncmFwaHkiLCJmb250RmFtaWx5Iiwib3V0bGluZSJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWdzLWlucHV0L2luZGV4LmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHdpdGhTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9zdHlsZXMnO1xuaW1wb3J0IHVuaXEgZnJvbSAnbG9kYXNoL3VuaXEnO1xuaW1wb3J0IENoaXAgZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvQ2hpcCc7XG5pbXBvcnQgTXVpQm94IGZyb20gJy4uL211aS1ib3gnO1xuXG5jb25zdCBFTlRFUiA9IDEzO1xuXG5jb25zdCBUYWcgPSB3aXRoU3R5bGVzKCgpID0+ICh7XG4gIHRhZzoge1xuICAgIHBhZGRpbmc6ICcwcHgnLFxuICAgIG1hcmdpbjogJzFweCdcbiAgfVxufSkpKCh7IGNsYXNzZXMsIGxhYmVsLCBvbkRlbGV0ZSB9KSA9PiAoXG4gIDxDaGlwIGNsYXNzTmFtZT17Y2xhc3Nlcy50YWd9IGxhYmVsPXtsYWJlbH0gb25EZWxldGU9e29uRGVsZXRlfSAvPlxuKSk7XG5cblRhZy5wcm9wVHlwZXMgPSB7XG4gIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uRGVsZXRlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkXG59O1xuXG5leHBvcnQgY2xhc3MgVGFnc0lucHV0IGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWQsXG4gICAgdGFnczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnN0cmluZykuaXNSZXF1aXJlZCxcbiAgICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZFxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKHByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICB2YWx1ZTogJycsXG4gICAgICBmb2N1c2VkOiBmYWxzZVxuICAgIH07XG5cbiAgICB0aGlzLm9uS2V5RG93biA9IGV2ZW50ID0+IHtcbiAgICAgIGlmIChldmVudC5rZXlDb2RlID09PSBFTlRFUiAmJiB0aGlzLnN0YXRlLnZhbHVlICE9PSAnJykge1xuICAgICAgICBjb25zdCB0YWcgPSB0aGlzLnN0YXRlLnZhbHVlLnRyaW0oKTtcbiAgICAgICAgY29uc3QgbmV3VGFncyA9IHVuaXEodGhpcy5wcm9wcy50YWdzLmNvbmNhdChbdGFnXSkpO1xuXG4gICAgICAgIGlmIChuZXdUYWdzLmxlbmd0aCAhPT0gdGhpcy5wcm9wcy50YWdzLmxlbmd0aCkge1xuICAgICAgICAgIHRoaXMucHJvcHMub25DaGFuZ2UobmV3VGFncyk7XG4gICAgICAgICAgdGhpcy5zZXRTdGF0ZSh7IHZhbHVlOiAnJyB9KTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH07XG5cbiAgICB0aGlzLm9uQ2hhbmdlID0gZXZlbnQgPT4ge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7IHZhbHVlOiBldmVudC50YXJnZXQudmFsdWUgfSk7XG4gICAgfTtcblxuICAgIHRoaXMuZGVsZXRlVGFnID0gdGFnID0+IHtcbiAgICAgIGNvbnN0IHsgdGFncyB9ID0gdGhpcy5wcm9wcztcblxuICAgICAgY29uc3QgdGFnSW5kZXggPSB0YWdzLmluZGV4T2YodGFnKTtcbiAgICAgIGlmICh0YWdJbmRleCAhPT0gLTEpIHtcbiAgICAgICAgdGFncy5zcGxpY2UodGFnSW5kZXgsIDEpO1xuICAgICAgICB0aGlzLnByb3BzLm9uQ2hhbmdlKHRhZ3MpO1xuICAgICAgICB0aGlzLmlucHV0LmZvY3VzKCk7XG4gICAgICB9XG4gICAgfTtcbiAgfVxuXG4gIG9uRm9jdXMgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGZvY3VzZWQ6IHRydWUgfSk7XG4gIH07XG5cbiAgb25CbHVyID0gKCkgPT4ge1xuICAgIHRoaXMuc2V0U3RhdGUoeyBmb2N1c2VkOiBmYWxzZSB9KTtcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBjbGFzc2VzLCB0YWdzIH0gPSB0aGlzLnByb3BzO1xuICAgIHJldHVybiAoXG4gICAgICA8TXVpQm94IGZvY3VzZWQ9e3RoaXMuc3RhdGUuZm9jdXNlZH0+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLnRhZ3NJbnB1dH0+XG4gICAgICAgICAgeyh0YWdzIHx8IFtdKS5tYXAoKHQsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICA8VGFnIGtleT17aW5kZXh9IGxhYmVsPXt0fSBvbkRlbGV0ZT17KCkgPT4gdGhpcy5kZWxldGVUYWcodCl9IC8+XG4gICAgICAgICAgKSl9XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICByZWY9e3IgPT4gKHRoaXMuaW5wdXQgPSByKX1cbiAgICAgICAgICAgIG9uS2V5RG93bj17dGhpcy5vbktleURvd259XG4gICAgICAgICAgICBvbkNoYW5nZT17dGhpcy5vbkNoYW5nZX1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlcy5pbnB1dH1cbiAgICAgICAgICAgIHZhbHVlPXt0aGlzLnN0YXRlLnZhbHVlfVxuICAgICAgICAgICAgb25Gb2N1cz17dGhpcy5vbkZvY3VzfVxuICAgICAgICAgICAgb25CbHVyPXt0aGlzLm9uQmx1cn1cbiAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvTXVpQm94PlxuICAgICk7XG4gIH1cbn1cblxuY29uc3Qgc3R5bGVzID0gdGhlbWUgPT4gKHtcbiAgdGFnc0lucHV0OiB7XG4gICAgYm9yZGVyOiAnc29saWQgMHB4IHdoaXRlJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleFdyYXA6ICd3cmFwJ1xuICB9LFxuICBpbnB1dDoge1xuICAgIHBhZGRpbmc6ICcycHgnLFxuICAgIG1hcmdpbjogJzFweCcsXG4gICAgbWluV2lkdGg6ICczMHB4JyxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIGZsZXg6ICcxJyxcbiAgICBib3JkZXI6ICdzb2xpZCAwcHggd2hpdGUnLFxuICAgIGhlaWdodDogJzI4cHgnLFxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnR5cG9ncmFwaHkuZm9udEZhbWlseSxcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gICAgJyY6Zm9jdXMnOiB7XG4gICAgICBvdXRsaW5lOiAnbm9uZSdcbiAgICB9XG4gIH1cbn0pO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGVzKHN0eWxl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
148
+ var _default = exports["default"] = TagsInput;
149
+ //# sourceMappingURL=index.js.map
@@ -1 +1 @@
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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"}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_uniq","_Chip","_muiBox","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ENTER","StyledChip","styled","Chip","padding","margin","Tag","_ref","label","onDelete","createElement","propTypes","PropTypes","string","isRequired","func","StyledTagsInput","_ref2","theme","border","concat","palette","background","paper","display","flexWrap","StyledInput","_ref3","minWidth","width","flex","height","fontSize","typography","fontFamily","outline","TagsInput","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","setState","focused","state","value","onKeyDown","event","keyCode","tag","trim","newTags","uniq","tags","length","onChange","target","deleteTag","tagIndex","indexOf","splice","input","focus","_inherits2","_createClass2","key","render","_this2","map","index","ref","r","onFocus","onBlur","type","React","Component","arrayOf","_default"],"sources":["../../src/tags-input/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport uniq from 'lodash/uniq';\nimport Chip from '@mui/material/Chip';\nimport MuiBox from '../mui-box';\n\nconst ENTER = 13;\n\nconst StyledChip = styled(Chip)(() => ({\n padding: '0px',\n margin: '1px',\n}));\n\nconst Tag = ({ label, onDelete }) => <StyledChip label={label} onDelete={onDelete} />;\n\nTag.propTypes = {\n label: PropTypes.string.isRequired,\n onDelete: PropTypes.func.isRequired,\n};\n\nconst StyledTagsInput = styled('div')(({ theme }) => ({\n border: `0px solid ${theme.palette.background.paper}`,\n display: 'flex',\n flexWrap: 'wrap',\n}));\n\nconst StyledInput = styled('input')(({ theme }) => ({\n padding: '2px',\n margin: '1px',\n minWidth: '30px',\n width: '100%',\n flex: '1',\n border: `0px solid ${theme.palette.background.paper}`,\n height: '28px',\n fontSize: theme.typography.fontSize,\n fontFamily: theme.typography.fontFamily,\n outline: 'none',\n '&:focus': {\n outline: 'none',\n },\n}));\n\nexport class TagsInput extends React.Component {\n static propTypes = {\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 { tags } = this.props;\n return (\n <MuiBox focused={this.state.focused}>\n <StyledTagsInput>\n {(tags || []).map((t, index) => (\n <Tag key={index} label={t} onDelete={() => this.deleteTag(t)} />\n ))}\n <StyledInput\n ref={(r) => (this.input = r)}\n onKeyDown={this.onKeyDown}\n onChange={this.onChange}\n value={this.state.value}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n type=\"text\"\n />\n </StyledTagsInput>\n </MuiBox>\n );\n }\n}\n\nexport default TagsInput;\n"],"mappings":"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","ignoreList":[]}
package/lib/two-choice.js CHANGED
@@ -1,90 +1,62 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.NChoice = void 0;
9
-
10
8
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
-
12
9
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
-
14
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
15
-
16
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
17
-
18
10
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
19
-
20
11
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
-
12
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
22
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
-
24
14
  var _renderUi = require("@pie-lib/render-ui");
25
-
26
15
  var _propTypes = _interopRequireDefault(require("prop-types"));
27
-
28
16
  var _radioWithLabel = _interopRequireDefault(require("./radio-with-label"));
29
-
30
17
  var _react = _interopRequireDefault(require("react"));
31
-
32
- var _classnames = _interopRequireDefault(require("classnames"));
33
-
34
- var _styles = require("@material-ui/core/styles");
35
-
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); }; }
37
-
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; } }
39
-
40
- var styles = function styles(theme) {
41
- return {
42
- group: {
43
- display: 'flex',
44
- flexWrap: 'wrap',
45
- paddingLeft: 0,
46
- marginTop: theme.spacing.unit
47
- },
48
- vertical: {
49
- flexDirection: 'column'
50
- }
51
- };
52
- };
53
-
54
- var RawNChoice = /*#__PURE__*/function (_React$Component) {
55
- (0, _inherits2["default"])(RawNChoice, _React$Component);
56
-
57
- var _super = _createSuper(RawNChoice);
58
-
59
- function RawNChoice() {
18
+ var _styles = require("@mui/material/styles");
19
+ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
20
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
21
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
22
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
23
+ var StyledGroup = (0, _styles.styled)('div')(function (_ref) {
24
+ var theme = _ref.theme,
25
+ direction = _ref.direction;
26
+ return _objectSpread({
27
+ display: 'flex',
28
+ flexWrap: 'wrap',
29
+ paddingLeft: 0,
30
+ marginTop: theme.spacing(1)
31
+ }, direction === 'vertical' && {
32
+ flexDirection: 'column'
33
+ });
34
+ });
35
+ var NChoice = exports.NChoice = /*#__PURE__*/function (_React$Component) {
36
+ function NChoice() {
60
37
  var _this;
61
-
62
- (0, _classCallCheck2["default"])(this, RawNChoice);
63
-
38
+ (0, _classCallCheck2["default"])(this, NChoice);
64
39
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
65
40
  args[_key] = arguments[_key];
66
41
  }
67
-
68
- _this = _super.call.apply(_super, [this].concat(args));
69
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (event) {
42
+ _this = _callSuper(this, NChoice, [].concat(args));
43
+ (0, _defineProperty2["default"])(_this, "handleChange", function (event) {
70
44
  _this.props.onChange(event.currentTarget.value);
71
45
  });
72
46
  return _this;
73
47
  }
74
-
75
- (0, _createClass2["default"])(RawNChoice, [{
48
+ (0, _inherits2["default"])(NChoice, _React$Component);
49
+ return (0, _createClass2["default"])(NChoice, [{
76
50
  key: "render",
77
51
  value: function render() {
78
52
  var _this2 = this;
79
-
80
53
  var _this$props = this.props,
81
- header = _this$props.header,
82
- className = _this$props.className,
83
- classes = _this$props.classes,
84
- customLabel = _this$props.customLabel,
85
- opts = _this$props.opts,
86
- value = _this$props.value,
87
- direction = _this$props.direction;
54
+ header = _this$props.header,
55
+ className = _this$props.className,
56
+ customLabel = _this$props.customLabel,
57
+ opts = _this$props.opts,
58
+ value = _this$props.value,
59
+ direction = _this$props.direction;
88
60
  var preppedOpts = opts.map(function (o) {
89
61
  return typeof o === 'string' ? {
90
62
  label: o,
@@ -95,8 +67,8 @@ var RawNChoice = /*#__PURE__*/function (_React$Component) {
95
67
  return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
96
68
  label: header,
97
69
  className: className
98
- }, /*#__PURE__*/_react["default"].createElement("div", {
99
- className: (0, _classnames["default"])(classes.group, classes[direction])
70
+ }, /*#__PURE__*/_react["default"].createElement(StyledGroup, {
71
+ direction: direction
100
72
  }, preppedOpts.map(function (o, index) {
101
73
  return /*#__PURE__*/_react["default"].createElement(LabelComponent, {
102
74
  value: o.value,
@@ -108,48 +80,37 @@ var RawNChoice = /*#__PURE__*/function (_React$Component) {
108
80
  })));
109
81
  }
110
82
  }]);
111
- return RawNChoice;
112
83
  }(_react["default"].Component);
113
-
114
- (0, _defineProperty2["default"])(RawNChoice, "propTypes", {
84
+ (0, _defineProperty2["default"])(NChoice, "propTypes", {
115
85
  header: _propTypes["default"].string.isRequired,
116
86
  className: _propTypes["default"].string,
117
87
  customLabel: _propTypes["default"].func,
118
88
  opts: _propTypes["default"].array.isRequired,
119
89
  value: _propTypes["default"].string,
120
90
  onChange: _propTypes["default"].func.isRequired,
121
- direction: _propTypes["default"].oneOf(['horizontal', 'vertical']),
122
- classes: _propTypes["default"].object.isRequired
91
+ direction: _propTypes["default"].oneOf(['horizontal', 'vertical'])
123
92
  });
124
- var NChoice = (0, _styles.withStyles)(styles)(RawNChoice);
125
- exports.NChoice = NChoice;
126
-
127
93
  var labelValue = _propTypes["default"].shape({
128
94
  label: _propTypes["default"].string,
129
95
  value: _propTypes["default"].string
130
96
  });
131
-
132
97
  var TwoChoice = /*#__PURE__*/function (_React$Component2) {
133
- (0, _inherits2["default"])(TwoChoice, _React$Component2);
134
-
135
- var _super2 = _createSuper(TwoChoice);
136
-
137
98
  function TwoChoice() {
138
99
  (0, _classCallCheck2["default"])(this, TwoChoice);
139
- return _super2.apply(this, arguments);
100
+ return _callSuper(this, TwoChoice, arguments);
140
101
  }
141
-
142
- (0, _createClass2["default"])(TwoChoice, [{
102
+ (0, _inherits2["default"])(TwoChoice, _React$Component2);
103
+ return (0, _createClass2["default"])(TwoChoice, [{
143
104
  key: "render",
144
105
  value: function render() {
145
106
  var _this$props2 = this.props,
146
- one = _this$props2.one,
147
- two = _this$props2.two,
148
- header = _this$props2.header,
149
- className = _this$props2.className,
150
- customLabel = _this$props2.customLabel,
151
- value = _this$props2.value,
152
- onChange = _this$props2.onChange;
107
+ one = _this$props2.one,
108
+ two = _this$props2.two,
109
+ header = _this$props2.header,
110
+ className = _this$props2.className,
111
+ customLabel = _this$props2.customLabel,
112
+ value = _this$props2.value,
113
+ onChange = _this$props2.onChange;
153
114
  var opts = [one, two];
154
115
  return /*#__PURE__*/_react["default"].createElement(NChoice, {
155
116
  customLabel: customLabel,
@@ -161,9 +122,7 @@ var TwoChoice = /*#__PURE__*/function (_React$Component2) {
161
122
  });
162
123
  }
163
124
  }]);
164
- return TwoChoice;
165
125
  }(_react["default"].Component);
166
-
167
126
  (0, _defineProperty2["default"])(TwoChoice, "propTypes", {
168
127
  header: _propTypes["default"].string.isRequired,
169
128
  value: _propTypes["default"].string.isRequired,
@@ -173,8 +132,5 @@ var TwoChoice = /*#__PURE__*/function (_React$Component2) {
173
132
  className: _propTypes["default"].string,
174
133
  customLabel: _propTypes["default"].func
175
134
  });
176
-
177
- var _default = (0, _styles.withStyles)(styles)(TwoChoice);
178
-
179
- exports["default"] = _default;
180
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJzdHlsZXMiLCJ0aGVtZSIsImdyb3VwIiwiZGlzcGxheSIsImZsZXhXcmFwIiwicGFkZGluZ0xlZnQiLCJtYXJnaW5Ub3AiLCJzcGFjaW5nIiwidW5pdCIsInZlcnRpY2FsIiwiZmxleERpcmVjdGlvbiIsIlJhd05DaG9pY2UiLCJldmVudCIsInByb3BzIiwib25DaGFuZ2UiLCJjdXJyZW50VGFyZ2V0IiwidmFsdWUiLCJoZWFkZXIiLCJjbGFzc05hbWUiLCJjbGFzc2VzIiwiY3VzdG9tTGFiZWwiLCJvcHRzIiwiZGlyZWN0aW9uIiwicHJlcHBlZE9wdHMiLCJtYXAiLCJvIiwibGFiZWwiLCJMYWJlbENvbXBvbmVudCIsIlJhZGlvV2l0aExhYmVsIiwiY2xhc3NOYW1lcyIsImluZGV4IiwiaGFuZGxlQ2hhbmdlIiwiUmVhY3QiLCJDb21wb25lbnQiLCJQcm9wVHlwZXMiLCJzdHJpbmciLCJpc1JlcXVpcmVkIiwiZnVuYyIsImFycmF5Iiwib25lT2YiLCJvYmplY3QiLCJOQ2hvaWNlIiwid2l0aFN0eWxlcyIsImxhYmVsVmFsdWUiLCJzaGFwZSIsIlR3b0Nob2ljZSIsIm9uZSIsInR3byIsIm9uZU9mVHlwZSJdLCJzb3VyY2VzIjpbIi4uL3NyYy90d28tY2hvaWNlLmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbnB1dENvbnRhaW5lciB9IGZyb20gJ0BwaWUtbGliL3JlbmRlci11aSc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJhZGlvV2l0aExhYmVsIGZyb20gJy4vcmFkaW8td2l0aC1sYWJlbCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcblxuY29uc3Qgc3R5bGVzID0gdGhlbWUgPT4gKHtcbiAgZ3JvdXA6IHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleFdyYXA6ICd3cmFwJyxcbiAgICBwYWRkaW5nTGVmdDogMCxcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcudW5pdFxuICB9LFxuICB2ZXJ0aWNhbDoge1xuICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nXG4gIH1cbn0pO1xuXG5jbGFzcyBSYXdOQ2hvaWNlIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBoZWFkZXI6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgY3VzdG9tTGFiZWw6IFByb3BUeXBlcy5mdW5jLFxuICAgIG9wdHM6IFByb3BUeXBlcy5hcnJheS5pc1JlcXVpcmVkLFxuICAgIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIGRpcmVjdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsnaG9yaXpvbnRhbCcsICd2ZXJ0aWNhbCddKSxcbiAgICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWRcbiAgfTtcblxuICBoYW5kbGVDaGFuZ2UgPSBldmVudCA9PiB7XG4gICAgdGhpcy5wcm9wcy5vbkNoYW5nZShldmVudC5jdXJyZW50VGFyZ2V0LnZhbHVlKTtcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBoZWFkZXIsIGNsYXNzTmFtZSwgY2xhc3NlcywgY3VzdG9tTGFiZWwsIG9wdHMsIHZhbHVlLCBkaXJlY3Rpb24gfSA9IHRoaXMucHJvcHM7XG5cbiAgICBjb25zdCBwcmVwcGVkT3B0cyA9IG9wdHMubWFwKG8gPT4ge1xuICAgICAgcmV0dXJuIHR5cGVvZiBvID09PSAnc3RyaW5nJyA/IHsgbGFiZWw6IG8sIHZhbHVlOiBvIH0gOiBvO1xuICAgIH0pO1xuICAgIGNvbnN0IExhYmVsQ29tcG9uZW50ID0gY3VzdG9tTGFiZWwgfHwgUmFkaW9XaXRoTGFiZWw7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPElucHV0Q29udGFpbmVyIGxhYmVsPXtoZWFkZXJ9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZXMoY2xhc3Nlcy5ncm91cCwgY2xhc3Nlc1tkaXJlY3Rpb25dKX0+XG4gICAgICAgICAge3ByZXBwZWRPcHRzLm1hcCgobywgaW5kZXgpID0+IChcbiAgICAgICAgICAgIDxMYWJlbENvbXBvbmVudFxuICAgICAgICAgICAgICB2YWx1ZT17by52YWx1ZX1cbiAgICAgICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICAgICAgY2hlY2tlZD17by52YWx1ZSA9PT0gdmFsdWV9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLmhhbmRsZUNoYW5nZX1cbiAgICAgICAgICAgICAgbGFiZWw9e28ubGFiZWx9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvSW5wdXRDb250YWluZXI+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgY29uc3QgTkNob2ljZSA9IHdpdGhTdHlsZXMoc3R5bGVzKShSYXdOQ2hvaWNlKTtcblxuY29uc3QgbGFiZWxWYWx1ZSA9IFByb3BUeXBlcy5zaGFwZSh7IGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLCB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyB9KTtcblxuY2xhc3MgVHdvQ2hvaWNlIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBoZWFkZXI6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIG9uZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbbGFiZWxWYWx1ZSwgUHJvcFR5cGVzLnN0cmluZ10pLFxuICAgIHR3bzogUHJvcFR5cGVzLm9uZU9mVHlwZShbbGFiZWxWYWx1ZSwgUHJvcFR5cGVzLnN0cmluZ10pLFxuICAgIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBjdXN0b21MYWJlbDogUHJvcFR5cGVzLmZ1bmNcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBvbmUsIHR3bywgaGVhZGVyLCBjbGFzc05hbWUsIGN1c3RvbUxhYmVsLCB2YWx1ZSwgb25DaGFuZ2UgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3Qgb3B0cyA9IFtvbmUsIHR3b107XG5cbiAgICByZXR1cm4gKFxuICAgICAgPE5DaG9pY2VcbiAgICAgICAgY3VzdG9tTGFiZWw9e2N1c3RvbUxhYmVsfVxuICAgICAgICBoZWFkZXI9e2hlYWRlcn1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIG9wdHM9e29wdHN9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgLz5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdHlsZXMoc3R5bGVzKShUd29DaG9pY2UpO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7QUFFQSxJQUFNQSxNQUFNLEdBQUcsU0FBVEEsTUFBUyxDQUFBQyxLQUFLO0VBQUEsT0FBSztJQUN2QkMsS0FBSyxFQUFFO01BQ0xDLE9BQU8sRUFBRSxNQURKO01BRUxDLFFBQVEsRUFBRSxNQUZMO01BR0xDLFdBQVcsRUFBRSxDQUhSO01BSUxDLFNBQVMsRUFBRUwsS0FBSyxDQUFDTSxPQUFOLENBQWNDO0lBSnBCLENBRGdCO0lBT3ZCQyxRQUFRLEVBQUU7TUFDUkMsYUFBYSxFQUFFO0lBRFA7RUFQYSxDQUFMO0FBQUEsQ0FBcEI7O0lBWU1DLFU7Ozs7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
135
+ var _default = exports["default"] = TwoChoice;
136
+ //# sourceMappingURL=two-choice.js.map
@@ -1 +1 @@
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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"}
1
+ {"version":3,"file":"two-choice.js","names":["_renderUi","require","_propTypes","_interopRequireDefault","_radioWithLabel","_react","_styles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledGroup","styled","_ref","theme","direction","display","flexWrap","paddingLeft","marginTop","spacing","flexDirection","NChoice","exports","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","concat","event","props","onChange","currentTarget","value","_inherits2","_createClass2","key","render","_this2","_this$props","header","className","customLabel","opts","preppedOpts","map","label","LabelComponent","RadioWithLabel","createElement","InputContainer","index","checked","handleChange","React","Component","PropTypes","string","isRequired","func","array","oneOf","labelValue","shape","TwoChoice","_React$Component2","_this$props2","one","two","oneOfType","_default"],"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 { styled } from '@mui/material/styles';\n\nconst StyledGroup = styled('div')(({ theme, direction }) => ({\n display: 'flex',\n flexWrap: 'wrap',\n paddingLeft: 0,\n marginTop: theme.spacing(1),\n ...(direction === 'vertical' && {\n flexDirection: 'column',\n }),\n}));\n\nclass NChoice 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 };\n\n handleChange = (event) => {\n this.props.onChange(event.currentTarget.value);\n };\n\n render() {\n const { header, className, 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 <StyledGroup direction={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 </StyledGroup>\n </InputContainer>\n );\n }\n}\n\nexport { NChoice };\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 TwoChoice;\n"],"mappings":"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","ignoreList":[]}