@pie-lib/config-ui 11.30.1 → 11.31.0-mui-update.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.
- package/CHANGELOG.md +23 -8
- package/lib/alert-dialog.js +35 -42
- package/lib/alert-dialog.js.map +1 -1
- package/lib/checkbox.js +56 -71
- package/lib/checkbox.js.map +1 -1
- package/lib/choice-configuration/feedback-menu.js +29 -64
- package/lib/choice-configuration/feedback-menu.js.map +1 -1
- package/lib/choice-configuration/index.js +202 -260
- package/lib/choice-configuration/index.js.map +1 -1
- package/lib/choice-utils.js +6 -18
- package/lib/choice-utils.js.map +1 -1
- package/lib/feedback-config/feedback-selector.js +77 -114
- package/lib/feedback-config/feedback-selector.js.map +1 -1
- package/lib/feedback-config/group.js +26 -40
- package/lib/feedback-config/group.js.map +1 -1
- package/lib/feedback-config/index.js +38 -90
- package/lib/feedback-config/index.js.map +1 -1
- package/lib/form-section.js +24 -33
- package/lib/form-section.js.map +1 -1
- package/lib/help.js +39 -80
- package/lib/help.js.map +1 -1
- package/lib/index.js +1 -31
- package/lib/index.js.map +1 -1
- package/lib/input.js +21 -54
- package/lib/input.js.map +1 -1
- package/lib/inputs.js +61 -95
- package/lib/inputs.js.map +1 -1
- package/lib/langs.js +56 -100
- package/lib/langs.js.map +1 -1
- package/lib/layout/config-layout.js +61 -99
- package/lib/layout/config-layout.js.map +1 -1
- package/lib/layout/index.js +0 -3
- package/lib/layout/index.js.map +1 -1
- package/lib/layout/layout-contents.js +71 -101
- package/lib/layout/layout-contents.js.map +1 -1
- package/lib/layout/settings-box.js +27 -56
- package/lib/layout/settings-box.js.map +1 -1
- package/lib/mui-box/index.js +41 -57
- package/lib/mui-box/index.js.map +1 -1
- package/lib/number-text-field-custom.js +79 -161
- package/lib/number-text-field-custom.js.map +1 -1
- package/lib/number-text-field.js +57 -115
- package/lib/number-text-field.js.map +1 -1
- package/lib/radio-with-label.js +23 -31
- package/lib/radio-with-label.js.map +1 -1
- package/lib/settings/display-size.js +16 -32
- package/lib/settings/display-size.js.map +1 -1
- package/lib/settings/index.js +14 -47
- package/lib/settings/index.js.map +1 -1
- package/lib/settings/panel.js +151 -229
- package/lib/settings/panel.js.map +1 -1
- package/lib/settings/settings-radio-label.js +21 -30
- package/lib/settings/settings-radio-label.js.map +1 -1
- package/lib/settings/toggle.js +34 -46
- package/lib/settings/toggle.js.map +1 -1
- package/lib/tabs/index.js +22 -57
- package/lib/tabs/index.js.map +1 -1
- package/lib/tags-input/index.js +50 -99
- package/lib/tags-input/index.js.map +1 -1
- package/lib/two-choice.js +46 -90
- package/lib/two-choice.js.map +1 -1
- package/lib/with-stateful-model.js +8 -31
- package/lib/with-stateful-model.js.map +1 -1
- package/package.json +12 -10
- package/src/__tests__/number-text-field.test.jsx +1 -1
- package/src/alert-dialog.jsx +21 -19
- package/src/checkbox.jsx +42 -46
- package/src/choice-configuration/feedback-menu.jsx +6 -6
- package/src/choice-configuration/index.jsx +202 -195
- package/src/feedback-config/feedback-selector.jsx +51 -53
- package/src/feedback-config/group.jsx +21 -22
- package/src/feedback-config/index.jsx +27 -29
- package/src/form-section.jsx +18 -18
- package/src/help.jsx +20 -28
- package/src/input.jsx +1 -1
- package/src/inputs.jsx +34 -50
- package/src/langs.jsx +40 -46
- package/src/layout/config-layout.jsx +38 -36
- package/src/layout/layout-contents.jsx +34 -35
- package/src/layout/settings-box.jsx +16 -19
- package/src/mui-box/index.jsx +35 -43
- package/src/number-text-field-custom.jsx +30 -36
- package/src/number-text-field.jsx +22 -30
- package/src/radio-with-label.jsx +17 -13
- package/src/settings/display-size.jsx +12 -11
- package/src/settings/panel.jsx +86 -89
- package/src/settings/settings-radio-label.jsx +17 -13
- package/src/settings/toggle.jsx +29 -29
- package/src/tabs/index.jsx +8 -8
- package/src/tags-input/index.jsx +35 -38
- package/src/two-choice.jsx +15 -19
package/lib/index.js
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
@@ -159,58 +157,30 @@ Object.defineProperty(exports, "withStatefulModel", {
|
|
|
159
157
|
return _withStatefulModel["default"];
|
|
160
158
|
}
|
|
161
159
|
});
|
|
162
|
-
|
|
163
160
|
var _alertDialog = _interopRequireDefault(require("./alert-dialog"));
|
|
164
|
-
|
|
165
161
|
var _feedbackConfig = _interopRequireWildcard(require("./feedback-config"));
|
|
166
|
-
|
|
167
162
|
var _inputs = require("./inputs");
|
|
168
|
-
|
|
169
163
|
var _langs = _interopRequireWildcard(require("./langs"));
|
|
170
|
-
|
|
171
164
|
var _tabs = _interopRequireDefault(require("./tabs"));
|
|
172
|
-
|
|
173
165
|
var _checkbox = _interopRequireDefault(require("./checkbox"));
|
|
174
|
-
|
|
175
166
|
var _formSection = _interopRequireDefault(require("./form-section"));
|
|
176
|
-
|
|
177
167
|
var _help = _interopRequireDefault(require("./help"));
|
|
178
|
-
|
|
179
168
|
var _input = _interopRequireDefault(require("./input"));
|
|
180
|
-
|
|
181
169
|
var _renderUi = require("@pie-lib/render-ui");
|
|
182
|
-
|
|
183
170
|
var _numberTextField = _interopRequireDefault(require("./number-text-field"));
|
|
184
|
-
|
|
185
171
|
var _numberTextFieldCustom = _interopRequireDefault(require("./number-text-field-custom"));
|
|
186
|
-
|
|
187
172
|
var _twoChoice = _interopRequireWildcard(require("./two-choice"));
|
|
188
|
-
|
|
189
173
|
var _tagsInput = _interopRequireDefault(require("./tags-input"));
|
|
190
|
-
|
|
191
174
|
var _muiBox = _interopRequireDefault(require("./mui-box"));
|
|
192
|
-
|
|
193
175
|
var _choiceConfiguration = _interopRequireDefault(require("./choice-configuration"));
|
|
194
|
-
|
|
195
176
|
var layout = _interopRequireWildcard(require("./layout"));
|
|
196
|
-
|
|
197
177
|
exports.layout = layout;
|
|
198
|
-
|
|
199
178
|
var choiceUtils = _interopRequireWildcard(require("./choice-utils"));
|
|
200
|
-
|
|
201
179
|
exports.choiceUtils = choiceUtils;
|
|
202
|
-
|
|
203
180
|
var _withStatefulModel = _interopRequireDefault(require("./with-stateful-model"));
|
|
204
|
-
|
|
205
181
|
var _toggle = _interopRequireDefault(require("./settings/toggle"));
|
|
206
|
-
|
|
207
182
|
var _displaySize = _interopRequireDefault(require("./settings/display-size"));
|
|
208
|
-
|
|
209
183
|
var settings = _interopRequireWildcard(require("./settings"));
|
|
210
|
-
|
|
211
184
|
exports.settings = settings;
|
|
212
|
-
|
|
213
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
214
|
-
|
|
215
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
185
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
216
186
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_alertDialog","_interopRequireDefault","require","_feedbackConfig","_interopRequireWildcard","_inputs","_langs","_tabs","_checkbox","_formSection","_help","_input","_renderUi","_numberTextField","_numberTextFieldCustom","_twoChoice","_tagsInput","_muiBox","_choiceConfiguration","layout","exports","choiceUtils","_withStatefulModel","_toggle","_displaySize","settings","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sources":["../src/index.js"],"sourcesContent":["import AlertDialog from './alert-dialog';\nimport FeedbackConfig, { FeedbackSelector, buildDefaults as feedbackConfigDefaults } from './feedback-config';\nimport { InputCheckbox, InputSwitch, InputRadio } from './inputs';\nimport Langs, { LanguageControls } from './langs';\nimport Tabs from './tabs';\nimport Checkbox from './checkbox';\nimport FormSection from './form-section';\nimport Help from './help';\nimport Input from './input';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport NumberTextField from './number-text-field';\nimport NumberTextFieldCustom from './number-text-field-custom';\nimport TwoChoice, { NChoice } from './two-choice';\nimport TagsInput from './tags-input';\nimport MuiBox from './mui-box';\nimport ChoiceConfiguration from './choice-configuration';\nimport * as layout from './layout';\n\nimport * as choiceUtils from './choice-utils';\nimport withStatefulModel from './with-stateful-model';\nimport Toggle from './settings/toggle';\nimport DisplaySize from './settings/display-size';\n\nimport * as settings from './settings';\n\nexport {\n AlertDialog,\n FeedbackConfig,\n FeedbackSelector,\n feedbackConfigDefaults,\n InputCheckbox,\n InputSwitch,\n InputRadio,\n Langs,\n LanguageControls,\n Tabs,\n Checkbox,\n FormSection,\n Help,\n Input,\n InputContainer,\n NumberTextField,\n NumberTextFieldCustom,\n TwoChoice,\n NChoice,\n TagsInput,\n MuiBox,\n ChoiceConfiguration,\n layout,\n choiceUtils,\n withStatefulModel,\n Toggle,\n DisplaySize,\n settings,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,uBAAA,CAAAF,OAAA;AACA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,KAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,MAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AACA,IAAAW,gBAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,sBAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,UAAA,GAAAX,uBAAA,CAAAF,OAAA;AACA,IAAAc,UAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,OAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,oBAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,MAAA,GAAAf,uBAAA,CAAAF,OAAA;AAAmCkB,OAAA,CAAAD,MAAA,GAAAA,MAAA;AAEnC,IAAAE,WAAA,GAAAjB,uBAAA,CAAAF,OAAA;AAA8CkB,OAAA,CAAAC,WAAA,GAAAA,WAAA;AAC9C,IAAAC,kBAAA,GAAArB,sBAAA,CAAAC,OAAA;AACA,IAAAqB,OAAA,GAAAtB,sBAAA,CAAAC,OAAA;AACA,IAAAsB,YAAA,GAAAvB,sBAAA,CAAAC,OAAA;AAEA,IAAAuB,QAAA,GAAArB,uBAAA,CAAAF,OAAA;AAAuCkB,OAAA,CAAAK,QAAA,GAAAA,QAAA;AAAA,SAAArB,wBAAAsB,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAxB,uBAAA,YAAAA,wBAAAsB,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA","ignoreList":[]}
|
package/lib/input.js
CHANGED
|
@@ -1,67 +1,38 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
11
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
17
|
-
|
|
18
12
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
19
|
-
|
|
20
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
21
|
-
|
|
22
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
-
|
|
24
13
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
25
|
-
|
|
26
14
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
27
|
-
|
|
15
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
28
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
29
|
-
|
|
30
17
|
var React = _interopRequireWildcard(require("react"));
|
|
31
|
-
|
|
32
18
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
33
|
-
|
|
34
|
-
var _Input = _interopRequireDefault(require("@material-ui/core/Input"));
|
|
35
|
-
|
|
19
|
+
var _Input2 = _interopRequireDefault(require("@mui/material/Input"));
|
|
36
20
|
var _renderUi = require("@pie-lib/render-ui");
|
|
37
|
-
|
|
38
21
|
var _excluded = ["label", "type", "noModelUpdateOnError"];
|
|
39
|
-
|
|
40
|
-
function
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
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); }; }
|
|
45
|
-
|
|
46
|
-
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; } }
|
|
47
|
-
|
|
48
|
-
var Input = /*#__PURE__*/function (_React$Component) {
|
|
49
|
-
(0, _inherits2["default"])(Input, _React$Component);
|
|
50
|
-
|
|
51
|
-
var _super = _createSuper(Input);
|
|
52
|
-
|
|
22
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
23
|
+
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)); }
|
|
24
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
25
|
+
var Input = exports["default"] = /*#__PURE__*/function (_React$Component) {
|
|
53
26
|
function Input(props) {
|
|
54
27
|
var _this;
|
|
55
|
-
|
|
56
28
|
(0, _classCallCheck2["default"])(this, Input);
|
|
57
|
-
_this =
|
|
58
|
-
(0, _defineProperty2["default"])(
|
|
29
|
+
_this = _callSuper(this, Input, [props]);
|
|
30
|
+
(0, _defineProperty2["default"])(_this, "onChange", function (event) {
|
|
59
31
|
var _this$props = _this.props,
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
32
|
+
type = _this$props.type,
|
|
33
|
+
onChange = _this$props.onChange,
|
|
34
|
+
error = _this$props.error;
|
|
63
35
|
var value = event.target.value;
|
|
64
|
-
|
|
65
36
|
if (error(value, type)) {
|
|
66
37
|
_this.setState({
|
|
67
38
|
error: true,
|
|
@@ -72,7 +43,6 @@ var Input = /*#__PURE__*/function (_React$Component) {
|
|
|
72
43
|
error: false,
|
|
73
44
|
value: event.target.value
|
|
74
45
|
});
|
|
75
|
-
|
|
76
46
|
onChange(event);
|
|
77
47
|
}
|
|
78
48
|
});
|
|
@@ -81,8 +51,8 @@ var Input = /*#__PURE__*/function (_React$Component) {
|
|
|
81
51
|
};
|
|
82
52
|
return _this;
|
|
83
53
|
}
|
|
84
|
-
|
|
85
|
-
(0, _createClass2["default"])(Input, [{
|
|
54
|
+
(0, _inherits2["default"])(Input, _React$Component);
|
|
55
|
+
return (0, _createClass2["default"])(Input, [{
|
|
86
56
|
key: "UNSAFE_componentWillReceiveProps",
|
|
87
57
|
value: function UNSAFE_componentWillReceiveProps(newProps) {
|
|
88
58
|
this.setState({
|
|
@@ -93,22 +63,22 @@ var Input = /*#__PURE__*/function (_React$Component) {
|
|
|
93
63
|
key: "render",
|
|
94
64
|
value: function render() {
|
|
95
65
|
var _this$props2 = this.props,
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
66
|
+
label = _this$props2.label,
|
|
67
|
+
type = _this$props2.type,
|
|
68
|
+
noModelUpdateOnError = _this$props2.noModelUpdateOnError,
|
|
69
|
+
rest = (0, _objectWithoutProperties2["default"])(_this$props2, _excluded);
|
|
100
70
|
var _this$state = this.state,
|
|
101
|
-
|
|
102
|
-
|
|
71
|
+
value = _this$state.value,
|
|
72
|
+
error = _this$state.error;
|
|
103
73
|
return label ? /*#__PURE__*/React.createElement(_renderUi.InputContainer, {
|
|
104
74
|
label: label
|
|
105
|
-
}, /*#__PURE__*/React.createElement(
|
|
75
|
+
}, /*#__PURE__*/React.createElement(_Input2["default"], (0, _extends2["default"])({
|
|
106
76
|
type: type
|
|
107
77
|
}, rest, {
|
|
108
78
|
value: value,
|
|
109
79
|
onChange: this.onChange,
|
|
110
80
|
error: error
|
|
111
|
-
}))) : /*#__PURE__*/React.createElement(
|
|
81
|
+
}))) : /*#__PURE__*/React.createElement(_Input2["default"], (0, _extends2["default"])({
|
|
112
82
|
type: type
|
|
113
83
|
}, rest, {
|
|
114
84
|
value: value,
|
|
@@ -117,10 +87,7 @@ var Input = /*#__PURE__*/function (_React$Component) {
|
|
|
117
87
|
}));
|
|
118
88
|
}
|
|
119
89
|
}]);
|
|
120
|
-
return Input;
|
|
121
90
|
}(React.Component);
|
|
122
|
-
|
|
123
|
-
exports["default"] = Input;
|
|
124
91
|
(0, _defineProperty2["default"])(Input, "propTypes", {
|
|
125
92
|
value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
|
|
126
93
|
onChange: _propTypes["default"].func.isRequired,
|
package/lib/input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"input.js","names":["React","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_Input2","_renderUi","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","Input","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","event","_this$props","type","onChange","error","value","target","setState","state","_inherits2","_createClass2","key","UNSAFE_componentWillReceiveProps","newProps","render","_this$props2","label","noModelUpdateOnError","rest","_objectWithoutProperties2","_this$state","createElement","InputContainer","_extends2","Component","PropTypes","oneOfType","string","number","func","isRequired","bool","isNaN"],"sources":["../src/input.jsx"],"sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { default as MaterialInput } from '@mui/material/Input';\nimport { InputContainer } from '@pie-lib/render-ui';\n\nexport default class Input extends React.Component {\n static propTypes = {\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n onChange: PropTypes.func.isRequired,\n label: PropTypes.string,\n type: PropTypes.string.isRequired,\n error: PropTypes.func,\n noModelUpdateOnError: PropTypes.bool,\n };\n\n static defaultProps = {\n type: 'text',\n error: (value, type) => (type === 'number' ? !value || isNaN(value) : !value),\n noModelUpdateOnError: false,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n value: props.value,\n };\n }\n\n UNSAFE_componentWillReceiveProps(newProps) {\n this.setState({\n value: newProps.value,\n });\n }\n\n onChange = (event) => {\n const { type, onChange, error } = this.props;\n const value = event.target.value;\n\n if (error(value, type)) {\n this.setState({\n error: true,\n value: event.target.value,\n });\n } else {\n this.setState({\n error: false,\n value: event.target.value,\n });\n\n onChange(event);\n }\n };\n\n render() {\n const {\n label,\n type,\n noModelUpdateOnError, // eslint-disable-line no-unused-vars\n ...rest\n } = this.props;\n const { value, error } = this.state;\n\n return label ? (\n <InputContainer label={label}>\n <MaterialInput type={type} {...rest} value={value} onChange={this.onChange} error={error} />\n </InputContainer>\n ) : (\n <MaterialInput type={type} {...rest} value={value} onChange={this.onChange} error={error} />\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
package/lib/inputs.js
CHANGED
|
@@ -1,36 +1,21 @@
|
|
|
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.InputSwitch = exports.InputRadio = exports.InputCheckbox = void 0;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
|
|
15
|
-
|
|
9
|
+
var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
|
|
10
|
+
var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
|
|
16
11
|
var _renderUi = require("@pie-lib/render-ui");
|
|
17
|
-
|
|
18
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
-
|
|
20
13
|
var _react = _interopRequireDefault(require("react"));
|
|
21
|
-
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
var
|
|
25
|
-
|
|
26
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
27
|
-
|
|
28
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
29
|
-
|
|
30
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
31
|
-
|
|
14
|
+
var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
|
|
15
|
+
var _styles = require("@mui/material/styles");
|
|
16
|
+
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; }
|
|
17
|
+
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; }
|
|
32
18
|
var InputTypes = {
|
|
33
|
-
classes: _propTypes["default"].object.isRequired,
|
|
34
19
|
className: _propTypes["default"].string,
|
|
35
20
|
label: _propTypes["default"].string,
|
|
36
21
|
checked: _propTypes["default"].bool,
|
|
@@ -38,102 +23,83 @@ var InputTypes = {
|
|
|
38
23
|
disabled: _propTypes["default"].bool,
|
|
39
24
|
error: _propTypes["default"].string
|
|
40
25
|
};
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
26
|
+
var StyledSwitch = (0, _styles.styled)(_Switch["default"])(function () {
|
|
27
|
+
return {
|
|
28
|
+
justifyContent: 'inherit',
|
|
29
|
+
transform: 'translate(-20%, 20%)'
|
|
30
|
+
};
|
|
31
|
+
});
|
|
32
|
+
var InputSwitch = exports.InputSwitch = function InputSwitch(_ref) {
|
|
33
|
+
var className = _ref.className,
|
|
34
|
+
label = _ref.label,
|
|
35
|
+
checked = _ref.checked,
|
|
36
|
+
onChange = _ref.onChange;
|
|
48
37
|
return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
|
|
49
38
|
className: className,
|
|
50
39
|
label: label
|
|
51
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
52
|
-
className: classes.switchRoot,
|
|
40
|
+
}, /*#__PURE__*/_react["default"].createElement(StyledSwitch, {
|
|
53
41
|
checked: checked,
|
|
54
42
|
onChange: onChange,
|
|
55
43
|
"aria-label": label
|
|
56
44
|
}));
|
|
57
45
|
};
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
var
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
transform: 'translate(-
|
|
64
|
-
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
46
|
+
InputSwitch.propTypes = _objectSpread({}, InputTypes);
|
|
47
|
+
var StyledCheckbox = (0, _styles.styled)(_Checkbox["default"])(function (_ref2) {
|
|
48
|
+
var theme = _ref2.theme,
|
|
49
|
+
error = _ref2.error;
|
|
50
|
+
return _objectSpread({
|
|
51
|
+
transform: 'translate(-25%, 20%)',
|
|
52
|
+
color: "".concat(_renderUi.color.tertiary(), " !important")
|
|
53
|
+
}, error && {
|
|
54
|
+
color: "".concat(theme.palette.error.main, " !important")
|
|
55
|
+
});
|
|
56
|
+
});
|
|
57
|
+
var InputCheckbox = exports.InputCheckbox = function InputCheckbox(_ref3) {
|
|
58
|
+
var className = _ref3.className,
|
|
59
|
+
label = _ref3.label,
|
|
60
|
+
checked = _ref3.checked,
|
|
61
|
+
onChange = _ref3.onChange,
|
|
62
|
+
disabled = _ref3.disabled,
|
|
63
|
+
error = _ref3.error;
|
|
76
64
|
return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
|
|
77
65
|
className: className,
|
|
78
66
|
label: label
|
|
79
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
80
|
-
className: (0, _classnames["default"])(classes.checkboxRoot, classes.customColor, error && classes.error),
|
|
67
|
+
}, /*#__PURE__*/_react["default"].createElement(StyledCheckbox, {
|
|
81
68
|
disabled: disabled,
|
|
82
69
|
checked: checked,
|
|
83
70
|
onChange: onChange,
|
|
84
|
-
"aria-label": label
|
|
71
|
+
"aria-label": label,
|
|
72
|
+
error: error
|
|
85
73
|
}));
|
|
86
74
|
};
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
75
|
+
InputCheckbox.propTypes = _objectSpread({}, InputTypes);
|
|
76
|
+
var StyledRadio = (0, _styles.styled)(_Radio["default"])(function (_ref4) {
|
|
77
|
+
var theme = _ref4.theme,
|
|
78
|
+
error = _ref4.error;
|
|
79
|
+
return _objectSpread({
|
|
80
|
+
transform: 'translate(-20%, 20%)',
|
|
81
|
+
color: "".concat(_renderUi.color.tertiary(), " !important")
|
|
82
|
+
}, error && {
|
|
83
|
+
color: "".concat(theme.palette.error.main, " !important")
|
|
84
|
+
});
|
|
85
|
+
});
|
|
86
|
+
var InputRadio = exports.InputRadio = function InputRadio(_ref5) {
|
|
87
|
+
var className = _ref5.className,
|
|
88
|
+
label = _ref5.label,
|
|
89
|
+
checked = _ref5.checked,
|
|
90
|
+
onChange = _ref5.onChange,
|
|
91
|
+
disabled = _ref5.disabled,
|
|
92
|
+
error = _ref5.error;
|
|
98
93
|
return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
|
|
99
94
|
className: className,
|
|
100
95
|
label: label
|
|
101
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
102
|
-
className: (0, _classnames["default"])(classes.radioRoot, classes.customColor, error && classes.error),
|
|
96
|
+
}, /*#__PURE__*/_react["default"].createElement(StyledRadio, {
|
|
103
97
|
disabled: disabled,
|
|
104
98
|
checked: checked,
|
|
105
99
|
onChange: onChange,
|
|
106
|
-
"aria-label": label
|
|
100
|
+
"aria-label": label,
|
|
101
|
+
error: error
|
|
107
102
|
}));
|
|
108
103
|
};
|
|
109
|
-
|
|
110
|
-
RawInputRadio.propTypes = _objectSpread({}, InputTypes);
|
|
111
|
-
var InputCheckbox = (0, _styles.withStyles)(function (theme) {
|
|
112
|
-
return {
|
|
113
|
-
checkboxRoot: {
|
|
114
|
-
transform: 'translate(-25%, 20%)'
|
|
115
|
-
},
|
|
116
|
-
error: {
|
|
117
|
-
color: theme.palette.error.main
|
|
118
|
-
},
|
|
119
|
-
customColor: {
|
|
120
|
-
color: "".concat(_renderUi.color.tertiary(), " !important")
|
|
121
|
-
}
|
|
122
|
-
};
|
|
123
|
-
})(RawInputCheckbox);
|
|
124
|
-
exports.InputCheckbox = InputCheckbox;
|
|
125
|
-
var InputRadio = (0, _styles.withStyles)(function (theme) {
|
|
126
|
-
return {
|
|
127
|
-
radioRoot: {
|
|
128
|
-
transform: 'translate(-20%, 20%)'
|
|
129
|
-
},
|
|
130
|
-
error: {
|
|
131
|
-
color: theme.palette.error.main
|
|
132
|
-
},
|
|
133
|
-
customColor: {
|
|
134
|
-
color: "".concat(_renderUi.color.tertiary(), " !important")
|
|
135
|
-
}
|
|
136
|
-
};
|
|
137
|
-
})(RawInputRadio);
|
|
138
|
-
exports.InputRadio = InputRadio;
|
|
104
|
+
InputRadio.propTypes = _objectSpread({}, InputTypes);
|
|
139
105
|
//# sourceMappingURL=inputs.js.map
|
package/lib/inputs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"inputs.js","names":["_Checkbox","_interopRequireDefault","require","_Radio","_renderUi","_propTypes","_react","_Switch","_styles","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","InputTypes","className","PropTypes","string","label","checked","bool","onChange","func","disabled","error","StyledSwitch","styled","Switch","justifyContent","transform","InputSwitch","exports","_ref","createElement","InputContainer","propTypes","StyledCheckbox","Checkbox","_ref2","theme","color","concat","tertiary","palette","main","InputCheckbox","_ref3","StyledRadio","Radio","_ref4","InputRadio","_ref5"],"sources":["../src/inputs.jsx"],"sourcesContent":["import Checkbox from '@mui/material/Checkbox';\nimport Radio from '@mui/material/Radio';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Switch from '@mui/material/Switch';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst InputTypes = {\n className: PropTypes.string,\n label: PropTypes.string,\n checked: PropTypes.bool,\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n error: PropTypes.string,\n};\n\nconst StyledSwitch = styled(Switch)(() => ({\n justifyContent: 'inherit',\n transform: 'translate(-20%, 20%)',\n}));\n\nconst InputSwitch = ({ className, label, checked, onChange }) => {\n return (\n <InputContainer className={className} label={label}>\n <StyledSwitch checked={checked} onChange={onChange} aria-label={label} />\n </InputContainer>\n );\n};\n\nInputSwitch.propTypes = { ...InputTypes };\n\nconst StyledCheckbox = styled(Checkbox)(({ theme, error }) => ({\n transform: 'translate(-25%, 20%)',\n color: `${color.tertiary()} !important`,\n ...(error && {\n color: `${theme.palette.error.main} !important`,\n }),\n}));\n\nconst InputCheckbox = ({ className, label, checked, onChange, disabled, error }) => {\n return (\n <InputContainer className={className} label={label}>\n <StyledCheckbox\n disabled={disabled}\n checked={checked}\n onChange={onChange}\n aria-label={label}\n error={error}\n />\n </InputContainer>\n );\n};\n\nInputCheckbox.propTypes = { ...InputTypes };\n\nconst StyledRadio = styled(Radio)(({ theme, error }) => ({\n transform: 'translate(-20%, 20%)',\n color: `${color.tertiary()} !important`,\n ...(error && {\n color: `${theme.palette.error.main} !important`,\n }),\n}));\n\nconst InputRadio = ({ className, label, checked, onChange, disabled, error }) => {\n return (\n <InputContainer className={className} label={label}>\n <StyledRadio\n disabled={disabled}\n checked={checked}\n onChange={onChange}\n aria-label={label}\n error={error}\n />\n </InputContainer>\n );\n};\n\nInputRadio.propTypes = { ...InputTypes };\n\nexport { InputSwitch, InputCheckbox, InputRadio };\n"],"mappings":"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","ignoreList":[]}
|