@pie-lib/config-ui 9.0.3-next.2 → 10.0.0-beta.1
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.
- package/CHANGELOG.json +605 -0
- package/CHANGELOG.md +976 -328
- package/lib/alert-dialog.js +44 -0
- package/lib/alert-dialog.js.map +1 -0
- package/lib/checkbox.js +5 -5
- package/lib/checkbox.js.map +1 -1
- package/lib/choice-configuration/feedback-menu.js +42 -54
- package/lib/choice-configuration/feedback-menu.js.map +1 -1
- package/lib/choice-configuration/index.js +102 -86
- package/lib/choice-configuration/index.js.map +1 -1
- package/lib/choice-utils.js +9 -7
- package/lib/choice-utils.js.map +1 -1
- package/lib/feedback-config/feedback-selector.js +45 -49
- package/lib/feedback-config/feedback-selector.js.map +1 -1
- package/lib/feedback-config/group.js +13 -13
- package/lib/feedback-config/group.js.map +1 -1
- package/lib/feedback-config/index.js +57 -56
- package/lib/feedback-config/index.js.map +1 -1
- package/lib/form-section.js +19 -15
- package/lib/form-section.js.map +1 -1
- package/lib/help.js +31 -38
- package/lib/help.js.map +1 -1
- package/lib/index.js +73 -52
- package/lib/index.js.map +1 -1
- package/lib/input.js +36 -41
- package/lib/input.js.map +1 -1
- package/lib/inputs.js +42 -29
- package/lib/inputs.js.map +1 -1
- package/lib/langs.js +38 -46
- package/lib/langs.js.map +1 -1
- package/lib/layout/config-layout.js +36 -42
- package/lib/layout/config-layout.js.map +1 -1
- package/lib/layout/index.js +3 -3
- package/lib/layout/index.js.map +1 -1
- package/lib/layout/layout-contents.js +35 -35
- package/lib/layout/layout-contents.js.map +1 -1
- package/lib/layout/settings-box.js +29 -40
- package/lib/layout/settings-box.js.map +1 -1
- package/lib/mui-box/index.js +4 -4
- package/lib/mui-box/index.js.map +1 -1
- package/lib/number-text-field-custom.js +364 -0
- package/lib/number-text-field-custom.js.map +1 -0
- package/lib/number-text-field.js +46 -46
- package/lib/number-text-field.js.map +1 -1
- package/lib/radio-with-label.js +5 -5
- package/lib/radio-with-label.js.map +1 -1
- package/lib/settings/display-size.js +12 -10
- package/lib/settings/display-size.js.map +1 -1
- package/lib/settings/index.js +81 -14
- package/lib/settings/index.js.map +1 -1
- package/lib/settings/panel.js +297 -79
- package/lib/settings/panel.js.map +1 -1
- package/lib/settings/settings-radio-label.js +43 -0
- package/lib/settings/settings-radio-label.js.map +1 -0
- package/lib/settings/toggle.js +9 -7
- package/lib/settings/toggle.js.map +1 -1
- package/lib/tabs/index.js +29 -36
- package/lib/tabs/index.js.map +1 -1
- package/lib/tags-input/index.js +33 -41
- package/lib/tags-input/index.js.map +1 -1
- package/lib/two-choice.js +46 -50
- package/lib/two-choice.js.map +1 -1
- package/lib/with-stateful-model.js +24 -31
- package/lib/with-stateful-model.js.map +1 -1
- package/package.json +9 -7
- package/src/alert-dialog.jsx +43 -0
- package/src/checkbox.jsx +63 -0
- package/src/choice-configuration/feedback-menu.jsx +103 -0
- package/src/choice-configuration/index.jsx +319 -0
- package/src/choice-utils.js +30 -0
- package/src/feedback-config/feedback-selector.jsx +116 -0
- package/src/feedback-config/group.jsx +54 -0
- package/src/feedback-config/index.jsx +98 -0
- package/src/form-section.jsx +23 -0
- package/src/help.jsx +88 -0
- package/src/index.js +58 -0
- package/src/input.jsx +72 -0
- package/src/inputs.jsx +96 -0
- package/src/langs.jsx +122 -0
- package/src/layout/config-layout.jsx +64 -0
- package/src/layout/index.js +4 -0
- package/src/layout/layout-contents.jsx +60 -0
- package/src/layout/settings-box.jsx +31 -0
- package/src/mui-box/index.jsx +64 -0
- package/src/number-text-field-custom.jsx +276 -0
- package/src/number-text-field.jsx +196 -0
- package/src/radio-with-label.jsx +18 -0
- package/src/settings/display-size.jsx +52 -0
- package/src/settings/index.js +75 -0
- package/src/settings/panel.jsx +297 -0
- package/src/settings/settings-radio-label.jsx +20 -0
- package/src/settings/toggle.jsx +31 -0
- package/src/tabs/index.jsx +51 -0
- package/src/tags-input/index.jsx +121 -0
- package/src/two-choice.jsx +94 -0
- package/src/with-stateful-model.jsx +36 -0
- package/NEXT.CHANGELOG.json +0 -1
- package/__mocks__/@pie-lib/editable-html.jsx +0 -3
- package/lib/input-container.js +0 -59
- package/lib/input-container.js.map +0 -1
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
|
|
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
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
13
|
|
|
16
|
-
var
|
|
14
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
15
|
|
|
18
|
-
var
|
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
17
|
|
|
20
|
-
|
|
18
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
19
|
|
|
22
|
-
|
|
20
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
21
|
|
|
24
|
-
|
|
22
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
23
|
|
|
26
|
-
|
|
24
|
+
var _renderUi = require("@pie-lib/render-ui");
|
|
27
25
|
|
|
28
|
-
|
|
26
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
27
|
|
|
30
|
-
|
|
28
|
+
var _radioWithLabel = _interopRequireDefault(require("./radio-with-label"));
|
|
31
29
|
|
|
32
|
-
|
|
30
|
+
var _react = _interopRequireDefault(require("react"));
|
|
33
31
|
|
|
34
|
-
|
|
32
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
35
33
|
|
|
36
|
-
|
|
34
|
+
var _styles = require("@material-ui/core/styles");
|
|
37
35
|
|
|
38
|
-
function
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
62
|
-
var _getPrototypeOf2;
|
|
57
|
+
var _super = _createSuper(RawNChoice);
|
|
63
58
|
|
|
59
|
+
function RawNChoice() {
|
|
64
60
|
var _this;
|
|
65
61
|
|
|
66
|
-
|
|
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 =
|
|
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
|
-
|
|
75
|
+
(0, _createClass2["default"])(RawNChoice, [{
|
|
82
76
|
key: "render",
|
|
83
77
|
value: function render() {
|
|
84
78
|
var _this2 = this;
|
|
@@ -87,6 +81,7 @@ function (_React$Component) {
|
|
|
87
81
|
header = _this$props.header,
|
|
88
82
|
className = _this$props.className,
|
|
89
83
|
classes = _this$props.classes,
|
|
84
|
+
customLabel = _this$props.customLabel,
|
|
90
85
|
opts = _this$props.opts,
|
|
91
86
|
value = _this$props.value,
|
|
92
87
|
direction = _this$props.direction;
|
|
@@ -96,13 +91,14 @@ function (_React$Component) {
|
|
|
96
91
|
value: o
|
|
97
92
|
} : o;
|
|
98
93
|
});
|
|
99
|
-
|
|
94
|
+
var LabelComponent = customLabel || _radioWithLabel["default"];
|
|
95
|
+
return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
|
|
100
96
|
label: header,
|
|
101
97
|
className: className
|
|
102
|
-
}, _react["default"].createElement("div", {
|
|
98
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
103
99
|
className: (0, _classnames["default"])(classes.group, classes[direction])
|
|
104
100
|
}, preppedOpts.map(function (o, index) {
|
|
105
|
-
return _react["default"].createElement(
|
|
101
|
+
return /*#__PURE__*/_react["default"].createElement(LabelComponent, {
|
|
106
102
|
value: o.value,
|
|
107
103
|
key: index,
|
|
108
104
|
checked: o.value === value,
|
|
@@ -112,20 +108,19 @@ function (_React$Component) {
|
|
|
112
108
|
})));
|
|
113
109
|
}
|
|
114
110
|
}]);
|
|
115
|
-
|
|
116
111
|
return RawNChoice;
|
|
117
112
|
}(_react["default"].Component);
|
|
118
113
|
|
|
119
|
-
|
|
114
|
+
(0, _defineProperty2["default"])(RawNChoice, "propTypes", {
|
|
120
115
|
header: _propTypes["default"].string.isRequired,
|
|
121
116
|
className: _propTypes["default"].string,
|
|
117
|
+
customLabel: _propTypes["default"].func,
|
|
122
118
|
opts: _propTypes["default"].array.isRequired,
|
|
123
119
|
value: _propTypes["default"].string,
|
|
124
120
|
onChange: _propTypes["default"].func.isRequired,
|
|
125
121
|
direction: _propTypes["default"].oneOf(['horizontal', 'vertical']),
|
|
126
122
|
classes: _propTypes["default"].object.isRequired
|
|
127
123
|
});
|
|
128
|
-
|
|
129
124
|
var NChoice = (0, _styles.withStyles)(styles)(RawNChoice);
|
|
130
125
|
exports.NChoice = NChoice;
|
|
131
126
|
|
|
@@ -134,18 +129,17 @@ var labelValue = _propTypes["default"].shape({
|
|
|
134
129
|
value: _propTypes["default"].string
|
|
135
130
|
});
|
|
136
131
|
|
|
137
|
-
var TwoChoice =
|
|
138
|
-
|
|
139
|
-
function (_React$Component2) {
|
|
140
|
-
_inherits(TwoChoice, _React$Component2);
|
|
132
|
+
var TwoChoice = /*#__PURE__*/function (_React$Component2) {
|
|
133
|
+
(0, _inherits2["default"])(TwoChoice, _React$Component2);
|
|
141
134
|
|
|
142
|
-
|
|
143
|
-
_classCallCheck(this, TwoChoice);
|
|
135
|
+
var _super2 = _createSuper(TwoChoice);
|
|
144
136
|
|
|
145
|
-
|
|
137
|
+
function TwoChoice() {
|
|
138
|
+
(0, _classCallCheck2["default"])(this, TwoChoice);
|
|
139
|
+
return _super2.apply(this, arguments);
|
|
146
140
|
}
|
|
147
141
|
|
|
148
|
-
|
|
142
|
+
(0, _createClass2["default"])(TwoChoice, [{
|
|
149
143
|
key: "render",
|
|
150
144
|
value: function render() {
|
|
151
145
|
var _this$props2 = this.props,
|
|
@@ -153,10 +147,12 @@ function (_React$Component2) {
|
|
|
153
147
|
two = _this$props2.two,
|
|
154
148
|
header = _this$props2.header,
|
|
155
149
|
className = _this$props2.className,
|
|
150
|
+
customLabel = _this$props2.customLabel,
|
|
156
151
|
value = _this$props2.value,
|
|
157
152
|
onChange = _this$props2.onChange;
|
|
158
153
|
var opts = [one, two];
|
|
159
|
-
return _react["default"].createElement(NChoice, {
|
|
154
|
+
return /*#__PURE__*/_react["default"].createElement(NChoice, {
|
|
155
|
+
customLabel: customLabel,
|
|
160
156
|
header: header,
|
|
161
157
|
className: className,
|
|
162
158
|
opts: opts,
|
|
@@ -165,20 +161,20 @@ function (_React$Component2) {
|
|
|
165
161
|
});
|
|
166
162
|
}
|
|
167
163
|
}]);
|
|
168
|
-
|
|
169
164
|
return TwoChoice;
|
|
170
165
|
}(_react["default"].Component);
|
|
171
166
|
|
|
172
|
-
|
|
167
|
+
(0, _defineProperty2["default"])(TwoChoice, "propTypes", {
|
|
173
168
|
header: _propTypes["default"].string.isRequired,
|
|
174
169
|
value: _propTypes["default"].string.isRequired,
|
|
175
170
|
onChange: _propTypes["default"].func.isRequired,
|
|
176
171
|
one: _propTypes["default"].oneOfType([labelValue, _propTypes["default"].string]),
|
|
177
172
|
two: _propTypes["default"].oneOfType([labelValue, _propTypes["default"].string]),
|
|
178
|
-
className: _propTypes["default"].string
|
|
173
|
+
className: _propTypes["default"].string,
|
|
174
|
+
customLabel: _propTypes["default"].func
|
|
179
175
|
});
|
|
180
176
|
|
|
181
177
|
var _default = (0, _styles.withStyles)(styles)(TwoChoice);
|
|
182
178
|
|
|
183
179
|
exports["default"] = _default;
|
|
184
|
-
//# sourceMappingURL=
|
|
180
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJzdHlsZXMiLCJ0aGVtZSIsImdyb3VwIiwiZGlzcGxheSIsImZsZXhXcmFwIiwicGFkZGluZ0xlZnQiLCJtYXJnaW5Ub3AiLCJzcGFjaW5nIiwidW5pdCIsInZlcnRpY2FsIiwiZmxleERpcmVjdGlvbiIsIlJhd05DaG9pY2UiLCJldmVudCIsInByb3BzIiwib25DaGFuZ2UiLCJjdXJyZW50VGFyZ2V0IiwidmFsdWUiLCJoZWFkZXIiLCJjbGFzc05hbWUiLCJjbGFzc2VzIiwiY3VzdG9tTGFiZWwiLCJvcHRzIiwiZGlyZWN0aW9uIiwicHJlcHBlZE9wdHMiLCJtYXAiLCJvIiwibGFiZWwiLCJMYWJlbENvbXBvbmVudCIsIlJhZGlvV2l0aExhYmVsIiwiY2xhc3NOYW1lcyIsImluZGV4IiwiaGFuZGxlQ2hhbmdlIiwiUmVhY3QiLCJDb21wb25lbnQiLCJQcm9wVHlwZXMiLCJzdHJpbmciLCJpc1JlcXVpcmVkIiwiZnVuYyIsImFycmF5Iiwib25lT2YiLCJvYmplY3QiLCJOQ2hvaWNlIiwid2l0aFN0eWxlcyIsImxhYmVsVmFsdWUiLCJzaGFwZSIsIlR3b0Nob2ljZSIsIm9uZSIsInR3byIsIm9uZU9mVHlwZSJdLCJzb3VyY2VzIjpbIi4uL3NyYy90d28tY2hvaWNlLmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbnB1dENvbnRhaW5lciB9IGZyb20gJ0BwaWUtbGliL3JlbmRlci11aSc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJhZGlvV2l0aExhYmVsIGZyb20gJy4vcmFkaW8td2l0aC1sYWJlbCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcblxuY29uc3Qgc3R5bGVzID0gdGhlbWUgPT4gKHtcbiAgZ3JvdXA6IHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleFdyYXA6ICd3cmFwJyxcbiAgICBwYWRkaW5nTGVmdDogMCxcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcudW5pdFxuICB9LFxuICB2ZXJ0aWNhbDoge1xuICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nXG4gIH1cbn0pO1xuXG5jbGFzcyBSYXdOQ2hvaWNlIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBoZWFkZXI6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgY3VzdG9tTGFiZWw6IFByb3BUeXBlcy5mdW5jLFxuICAgIG9wdHM6IFByb3BUeXBlcy5hcnJheS5pc1JlcXVpcmVkLFxuICAgIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIGRpcmVjdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsnaG9yaXpvbnRhbCcsICd2ZXJ0aWNhbCddKSxcbiAgICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWRcbiAgfTtcblxuICBoYW5kbGVDaGFuZ2UgPSBldmVudCA9PiB7XG4gICAgdGhpcy5wcm9wcy5vbkNoYW5nZShldmVudC5jdXJyZW50VGFyZ2V0LnZhbHVlKTtcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBoZWFkZXIsIGNsYXNzTmFtZSwgY2xhc3NlcywgY3VzdG9tTGFiZWwsIG9wdHMsIHZhbHVlLCBkaXJlY3Rpb24gfSA9IHRoaXMucHJvcHM7XG5cbiAgICBjb25zdCBwcmVwcGVkT3B0cyA9IG9wdHMubWFwKG8gPT4ge1xuICAgICAgcmV0dXJuIHR5cGVvZiBvID09PSAnc3RyaW5nJyA/IHsgbGFiZWw6IG8sIHZhbHVlOiBvIH0gOiBvO1xuICAgIH0pO1xuICAgIGNvbnN0IExhYmVsQ29tcG9uZW50ID0gY3VzdG9tTGFiZWwgfHwgUmFkaW9XaXRoTGFiZWw7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPElucHV0Q29udGFpbmVyIGxhYmVsPXtoZWFkZXJ9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZXMoY2xhc3Nlcy5ncm91cCwgY2xhc3Nlc1tkaXJlY3Rpb25dKX0+XG4gICAgICAgICAge3ByZXBwZWRPcHRzLm1hcCgobywgaW5kZXgpID0+IChcbiAgICAgICAgICAgIDxMYWJlbENvbXBvbmVudFxuICAgICAgICAgICAgICB2YWx1ZT17by52YWx1ZX1cbiAgICAgICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICAgICAgY2hlY2tlZD17by52YWx1ZSA9PT0gdmFsdWV9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLmhhbmRsZUNoYW5nZX1cbiAgICAgICAgICAgICAgbGFiZWw9e28ubGFiZWx9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvSW5wdXRDb250YWluZXI+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgY29uc3QgTkNob2ljZSA9IHdpdGhTdHlsZXMoc3R5bGVzKShSYXdOQ2hvaWNlKTtcblxuY29uc3QgbGFiZWxWYWx1ZSA9IFByb3BUeXBlcy5zaGFwZSh7IGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLCB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyB9KTtcblxuY2xhc3MgVHdvQ2hvaWNlIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBoZWFkZXI6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIG9uZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbbGFiZWxWYWx1ZSwgUHJvcFR5cGVzLnN0cmluZ10pLFxuICAgIHR3bzogUHJvcFR5cGVzLm9uZU9mVHlwZShbbGFiZWxWYWx1ZSwgUHJvcFR5cGVzLnN0cmluZ10pLFxuICAgIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBjdXN0b21MYWJlbDogUHJvcFR5cGVzLmZ1bmNcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBvbmUsIHR3bywgaGVhZGVyLCBjbGFzc05hbWUsIGN1c3RvbUxhYmVsLCB2YWx1ZSwgb25DaGFuZ2UgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3Qgb3B0cyA9IFtvbmUsIHR3b107XG5cbiAgICByZXR1cm4gKFxuICAgICAgPE5DaG9pY2VcbiAgICAgICAgY3VzdG9tTGFiZWw9e2N1c3RvbUxhYmVsfVxuICAgICAgICBoZWFkZXI9e2hlYWRlcn1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIG9wdHM9e29wdHN9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgLz5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdHlsZXMoc3R5bGVzKShUd29DaG9pY2UpO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7QUFFQSxJQUFNQSxNQUFNLEdBQUcsU0FBVEEsTUFBUyxDQUFBQyxLQUFLO0VBQUEsT0FBSztJQUN2QkMsS0FBSyxFQUFFO01BQ0xDLE9BQU8sRUFBRSxNQURKO01BRUxDLFFBQVEsRUFBRSxNQUZMO01BR0xDLFdBQVcsRUFBRSxDQUhSO01BSUxDLFNBQVMsRUFBRUwsS0FBSyxDQUFDTSxPQUFOLENBQWNDO0lBSnBCLENBRGdCO0lBT3ZCQyxRQUFRLEVBQUU7TUFDUkMsYUFBYSxFQUFFO0lBRFA7RUFQYSxDQUFMO0FBQUEsQ0FBcEI7O0lBWU1DLFU7Ozs7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
|
package/lib/two-choice.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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,64 +1,59 @@
|
|
|
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"] = void 0;
|
|
7
9
|
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
15
|
|
|
16
|
-
|
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
19
|
|
|
20
|
-
|
|
20
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
21
|
|
|
22
|
-
|
|
22
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
23
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
24
|
+
var _react = _interopRequireDefault(require("react"));
|
|
27
25
|
|
|
28
|
-
|
|
26
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
27
|
|
|
30
|
-
function
|
|
28
|
+
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); }; }
|
|
31
29
|
|
|
32
|
-
function
|
|
30
|
+
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; } }
|
|
33
31
|
|
|
34
32
|
var withStatefulModel = function withStatefulModel(Component) {
|
|
35
|
-
var Stateful =
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
33
|
+
var Stateful = /*#__PURE__*/function (_React$Component) {
|
|
34
|
+
(0, _inherits2["default"])(Stateful, _React$Component);
|
|
35
|
+
|
|
36
|
+
var _super = _createSuper(Stateful);
|
|
39
37
|
|
|
40
38
|
function Stateful(props) {
|
|
41
39
|
var _this;
|
|
42
40
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
_defineProperty(_assertThisInitialized(_this), "onChange", function (model) {
|
|
41
|
+
(0, _classCallCheck2["default"])(this, Stateful);
|
|
42
|
+
_this = _super.call(this, props);
|
|
43
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (model) {
|
|
48
44
|
_this.setState({
|
|
49
45
|
model: model
|
|
50
46
|
}, function () {
|
|
51
47
|
_this.props.onChange(_this.state.model);
|
|
52
48
|
});
|
|
53
49
|
});
|
|
54
|
-
|
|
55
50
|
_this.state = {
|
|
56
51
|
model: props.model
|
|
57
52
|
};
|
|
58
53
|
return _this;
|
|
59
54
|
}
|
|
60
55
|
|
|
61
|
-
|
|
56
|
+
(0, _createClass2["default"])(Stateful, [{
|
|
62
57
|
key: "componentWillReceiveProps",
|
|
63
58
|
value: function componentWillReceiveProps(props) {
|
|
64
59
|
this.setState({
|
|
@@ -68,24 +63,22 @@ var withStatefulModel = function withStatefulModel(Component) {
|
|
|
68
63
|
}, {
|
|
69
64
|
key: "render",
|
|
70
65
|
value: function render() {
|
|
71
|
-
return _react["default"].createElement(Component, {
|
|
66
|
+
return /*#__PURE__*/_react["default"].createElement(Component, {
|
|
72
67
|
model: this.state.model,
|
|
73
68
|
onChange: this.onChange
|
|
74
69
|
});
|
|
75
70
|
}
|
|
76
71
|
}]);
|
|
77
|
-
|
|
78
72
|
return Stateful;
|
|
79
73
|
}(_react["default"].Component);
|
|
80
74
|
|
|
81
|
-
|
|
75
|
+
(0, _defineProperty2["default"])(Stateful, "propTypes", {
|
|
82
76
|
model: _propTypes["default"].object.isRequired,
|
|
83
77
|
onChange: _propTypes["default"].func.isRequired
|
|
84
78
|
});
|
|
85
|
-
|
|
86
79
|
return Stateful;
|
|
87
80
|
};
|
|
88
81
|
|
|
89
82
|
var _default = withStatefulModel;
|
|
90
83
|
exports["default"] = _default;
|
|
91
|
-
//# sourceMappingURL=
|
|
84
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ3aXRoU3RhdGVmdWxNb2RlbCIsIkNvbXBvbmVudCIsIlN0YXRlZnVsIiwicHJvcHMiLCJtb2RlbCIsInNldFN0YXRlIiwib25DaGFuZ2UiLCJzdGF0ZSIsIlJlYWN0IiwiUHJvcFR5cGVzIiwib2JqZWN0IiwiaXNSZXF1aXJlZCIsImZ1bmMiXSwic291cmNlcyI6WyIuLi9zcmMvd2l0aC1zdGF0ZWZ1bC1tb2RlbC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IHdpdGhTdGF0ZWZ1bE1vZGVsID0gQ29tcG9uZW50ID0+IHtcbiAgY2xhc3MgU3RhdGVmdWwgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICAgIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgICBtb2RlbDogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkLFxuICAgICAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWRcbiAgICB9O1xuXG4gICAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICAgIHN1cGVyKHByb3BzKTtcbiAgICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICAgIG1vZGVsOiBwcm9wcy5tb2RlbFxuICAgICAgfTtcbiAgICB9XG5cbiAgICBjb21wb25lbnRXaWxsUmVjZWl2ZVByb3BzKHByb3BzKSB7XG4gICAgICB0aGlzLnNldFN0YXRlKHsgbW9kZWw6IHByb3BzLm1vZGVsIH0pO1xuICAgIH1cblxuICAgIG9uQ2hhbmdlID0gbW9kZWwgPT4ge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7IG1vZGVsIH0sICgpID0+IHtcbiAgICAgICAgdGhpcy5wcm9wcy5vbkNoYW5nZSh0aGlzLnN0YXRlLm1vZGVsKTtcbiAgICAgIH0pO1xuICAgIH07XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICByZXR1cm4gPENvbXBvbmVudCBtb2RlbD17dGhpcy5zdGF0ZS5tb2RlbH0gb25DaGFuZ2U9e3RoaXMub25DaGFuZ2V9IC8+O1xuICAgIH1cbiAgfVxuXG4gIHJldHVybiBTdGF0ZWZ1bDtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdGF0ZWZ1bE1vZGVsO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOzs7Ozs7QUFFQSxJQUFNQSxpQkFBaUIsR0FBRyxTQUFwQkEsaUJBQW9CLENBQUFDLFNBQVMsRUFBSTtFQUFBLElBQy9CQyxRQUQrQjtJQUFBOztJQUFBOztJQU9uQyxrQkFBWUMsS0FBWixFQUFtQjtNQUFBOztNQUFBO01BQ2pCLDBCQUFNQSxLQUFOO01BRGlCLDZGQVdSLFVBQUFDLEtBQUssRUFBSTtRQUNsQixNQUFLQyxRQUFMLENBQWM7VUFBRUQsS0FBSyxFQUFMQTtRQUFGLENBQWQsRUFBeUIsWUFBTTtVQUM3QixNQUFLRCxLQUFMLENBQVdHLFFBQVgsQ0FBb0IsTUFBS0MsS0FBTCxDQUFXSCxLQUEvQjtRQUNELENBRkQ7TUFHRCxDQWZrQjtNQUVqQixNQUFLRyxLQUFMLEdBQWE7UUFDWEgsS0FBSyxFQUFFRCxLQUFLLENBQUNDO01BREYsQ0FBYjtNQUZpQjtJQUtsQjs7SUFaa0M7TUFBQTtNQUFBLE9BY25DLG1DQUEwQkQsS0FBMUIsRUFBaUM7UUFDL0IsS0FBS0UsUUFBTCxDQUFjO1VBQUVELEtBQUssRUFBRUQsS0FBSyxDQUFDQztRQUFmLENBQWQ7TUFDRDtJQWhCa0M7TUFBQTtNQUFBLE9Bd0JuQyxrQkFBUztRQUNQLG9CQUFPLGdDQUFDLFNBQUQ7VUFBVyxLQUFLLEVBQUUsS0FBS0csS0FBTCxDQUFXSCxLQUE3QjtVQUFvQyxRQUFRLEVBQUUsS0FBS0U7UUFBbkQsRUFBUDtNQUNEO0lBMUJrQztJQUFBO0VBQUEsRUFDZEUsaUJBQUEsQ0FBTVAsU0FEUTs7RUFBQSxpQ0FDL0JDLFFBRCtCLGVBRWhCO0lBQ2pCRSxLQUFLLEVBQUVLLHFCQUFBLENBQVVDLE1BQVYsQ0FBaUJDLFVBRFA7SUFFakJMLFFBQVEsRUFBRUcscUJBQUEsQ0FBVUcsSUFBVixDQUFlRDtFQUZSLENBRmdCO0VBNkJyQyxPQUFPVCxRQUFQO0FBQ0QsQ0E5QkQ7O2VBZ0NlRixpQiJ9
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"with-stateful-model.js","names":["withStatefulModel","Component","Stateful","props","model","setState","onChange","state","React","PropTypes","object","isRequired","func"],"sources":["../src/with-stateful-model.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst withStatefulModel = Component => {\n class Stateful extends React.Component {\n static propTypes = {\n model: PropTypes.object.isRequired,\n onChange: PropTypes.func.isRequired\n };\n\n constructor(props) {\n super(props);\n this.state = {\n model: props.model\n };\n }\n\n componentWillReceiveProps(props) {\n this.setState({ model: props.model });\n }\n\n onChange = model => {\n this.setState({ model }, () => {\n this.props.onChange(this.state.model);\n });\n };\n\n render() {\n return <Component model={this.state.model} onChange={this.onChange} />;\n }\n }\n\n return Stateful;\n};\n\nexport default withStatefulModel;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,SAAS,EAAI;EAAA,IAC/BC,QAD+B;IAAA;;IAAA;;IAOnC,kBAAYC,KAAZ,EAAmB;MAAA;;MAAA;MACjB,0BAAMA,KAAN;MADiB,6FAWR,UAAAC,KAAK,EAAI;QAClB,MAAKC,QAAL,CAAc;UAAED,KAAK,EAALA;QAAF,CAAd,EAAyB,YAAM;UAC7B,MAAKD,KAAL,CAAWG,QAAX,CAAoB,MAAKC,KAAL,CAAWH,KAA/B;QACD,CAFD;MAGD,CAfkB;MAEjB,MAAKG,KAAL,GAAa;QACXH,KAAK,EAAED,KAAK,CAACC;MADF,CAAb;MAFiB;IAKlB;;IAZkC;MAAA;MAAA,OAcnC,mCAA0BD,KAA1B,EAAiC;QAC/B,KAAKE,QAAL,CAAc;UAAED,KAAK,EAAED,KAAK,CAACC;QAAf,CAAd;MACD;IAhBkC;MAAA;MAAA,OAwBnC,kBAAS;QACP,oBAAO,gCAAC,SAAD;UAAW,KAAK,EAAE,KAAKG,KAAL,CAAWH,KAA7B;UAAoC,QAAQ,EAAE,KAAKE;QAAnD,EAAP;MACD;IA1BkC;IAAA;EAAA,EACdE,iBAAA,CAAMP,SADQ;;EAAA,iCAC/BC,QAD+B,eAEhB;IACjBE,KAAK,EAAEK,qBAAA,CAAUC,MAAV,CAAiBC,UADP;IAEjBL,QAAQ,EAAEG,qBAAA,CAAUG,IAAV,CAAeD;EAFR,CAFgB;EA6BrC,OAAOT,QAAP;AACD,CA9BD;;eAgCeF,iB"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-lib/config-ui",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "10.0.0-beta.1",
|
|
4
4
|
"main": "lib/index.js",
|
|
5
|
+
"module": "src/index.js",
|
|
5
6
|
"publishConfig": {
|
|
6
7
|
"access": "public"
|
|
7
8
|
},
|
|
@@ -9,8 +10,9 @@
|
|
|
9
10
|
"dependencies": {
|
|
10
11
|
"@material-ui/core": "^3.8.3",
|
|
11
12
|
"@material-ui/icons": "^3.0.2",
|
|
12
|
-
"@pie-lib/editable-html": "
|
|
13
|
-
"@pie-lib/icons": "^2.
|
|
13
|
+
"@pie-lib/editable-html": "10.0.0-beta.1",
|
|
14
|
+
"@pie-lib/icons": "^2.4.25",
|
|
15
|
+
"@pie-lib/render-ui": "^4.13.4",
|
|
14
16
|
"classnames": "^2.2.6",
|
|
15
17
|
"debug": "^4.1.1",
|
|
16
18
|
"lodash": "^4.17.11",
|
|
@@ -18,11 +20,11 @@
|
|
|
18
20
|
"react-measure": "^2.2.2"
|
|
19
21
|
},
|
|
20
22
|
"devDependencies": {
|
|
21
|
-
"react": "^16.
|
|
22
|
-
"react-dom": "^16.
|
|
23
|
+
"react": "^16.8.1",
|
|
24
|
+
"react-dom": "^16.9.0"
|
|
23
25
|
},
|
|
24
26
|
"peerDependencies": {
|
|
25
|
-
"react": "^16.
|
|
27
|
+
"react": "^16.8.1"
|
|
26
28
|
},
|
|
27
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "f3345ae70660f4ae88450512261c7ea1601003c8"
|
|
28
30
|
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import {
|
|
4
|
+
Button,
|
|
5
|
+
Dialog,
|
|
6
|
+
DialogActions,
|
|
7
|
+
DialogContent,
|
|
8
|
+
DialogContentText,
|
|
9
|
+
DialogTitle
|
|
10
|
+
} from '@material-ui/core';
|
|
11
|
+
|
|
12
|
+
const AlertDialog = ({ text, title, onClose, onConfirm, open }) => (
|
|
13
|
+
<Dialog open={open} onClose={onClose}>
|
|
14
|
+
{title && <DialogTitle>{title}</DialogTitle>}
|
|
15
|
+
{text && (
|
|
16
|
+
<DialogContent>
|
|
17
|
+
<DialogContentText>{text}</DialogContentText>
|
|
18
|
+
</DialogContent>
|
|
19
|
+
)}
|
|
20
|
+
<DialogActions>
|
|
21
|
+
{onClose && (
|
|
22
|
+
<Button onClick={onClose} color="primary">
|
|
23
|
+
CANCEL
|
|
24
|
+
</Button>
|
|
25
|
+
)}
|
|
26
|
+
{onConfirm && (
|
|
27
|
+
<Button autoFocus onClick={onConfirm} color="primary">
|
|
28
|
+
OK
|
|
29
|
+
</Button>
|
|
30
|
+
)}
|
|
31
|
+
</DialogActions>
|
|
32
|
+
</Dialog>
|
|
33
|
+
);
|
|
34
|
+
|
|
35
|
+
AlertDialog.propTypes = {
|
|
36
|
+
text: PropTypes.string,
|
|
37
|
+
title: PropTypes.string,
|
|
38
|
+
onClose: PropTypes.func,
|
|
39
|
+
onConfirm: PropTypes.func,
|
|
40
|
+
open: PropTypes.bool
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
export default AlertDialog;
|
package/src/checkbox.jsx
ADDED
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import FormControlLabel from '@material-ui/core/FormControlLabel';
|
|
2
|
+
import MuiCheckbox from '@material-ui/core/Checkbox';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { withStyles } from '@material-ui/core/styles';
|
|
6
|
+
import classNames from 'classnames';
|
|
7
|
+
import grey from '@material-ui/core/colors/grey';
|
|
8
|
+
|
|
9
|
+
const Checkbox = ({ mini, checked, onChange, value, label, classes }) => (
|
|
10
|
+
<FormControlLabel
|
|
11
|
+
className={classNames(classes.mini)}
|
|
12
|
+
classes={{
|
|
13
|
+
label: classNames(classes.label, mini && classes.miniLabel)
|
|
14
|
+
}}
|
|
15
|
+
control={
|
|
16
|
+
<MuiCheckbox
|
|
17
|
+
checked={checked}
|
|
18
|
+
onChange={onChange}
|
|
19
|
+
value={value}
|
|
20
|
+
className={classNames(mini && classes.miniCheckbox)}
|
|
21
|
+
/>
|
|
22
|
+
}
|
|
23
|
+
label={label}
|
|
24
|
+
/>
|
|
25
|
+
);
|
|
26
|
+
|
|
27
|
+
Checkbox.propTypes = {
|
|
28
|
+
mini: PropTypes.bool,
|
|
29
|
+
classes: PropTypes.object.isRequired,
|
|
30
|
+
checked: PropTypes.bool.isRequired,
|
|
31
|
+
onChange: PropTypes.func.isRequired,
|
|
32
|
+
value: PropTypes.string,
|
|
33
|
+
label: PropTypes.string.isRequired
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
Checkbox.defaultProps = {
|
|
37
|
+
value: '',
|
|
38
|
+
mini: false
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
export default withStyles(theme => ({
|
|
42
|
+
label: {
|
|
43
|
+
fontSize: '13px',
|
|
44
|
+
transform: 'translate(-4%, 2%)',
|
|
45
|
+
color: 'rgba(0,0,0,1.0)'
|
|
46
|
+
},
|
|
47
|
+
miniCheckbox: {
|
|
48
|
+
margin: 0,
|
|
49
|
+
padding: 0,
|
|
50
|
+
width: theme.spacing.unit * 3,
|
|
51
|
+
height: theme.spacing.unit * 3
|
|
52
|
+
},
|
|
53
|
+
miniLabel: {
|
|
54
|
+
marginLeft: theme.spacing.unit,
|
|
55
|
+
color: grey[700],
|
|
56
|
+
fontSize: '11px'
|
|
57
|
+
},
|
|
58
|
+
mini: {
|
|
59
|
+
margin: 0,
|
|
60
|
+
marginLeft: 0,
|
|
61
|
+
padding: 0
|
|
62
|
+
}
|
|
63
|
+
}))(Checkbox);
|