@pie-lib/config-ui 10.10.4-next.50 → 10.10.4-next.526
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 +346 -0
- package/lib/alert-dialog.js +44 -0
- package/lib/alert-dialog.js.map +1 -0
- package/lib/checkbox.js +4 -4
- package/lib/checkbox.js.map +1 -1
- package/lib/choice-configuration/feedback-menu.js +41 -53
- package/lib/choice-configuration/feedback-menu.js.map +1 -1
- package/lib/choice-configuration/index.js +88 -81
- package/lib/choice-configuration/index.js.map +1 -1
- package/lib/choice-utils.js +8 -8
- package/lib/choice-utils.js.map +1 -1
- package/lib/feedback-config/feedback-selector.js +38 -47
- package/lib/feedback-config/feedback-selector.js.map +1 -1
- package/lib/feedback-config/group.js +5 -5
- package/lib/feedback-config/group.js.map +1 -1
- package/lib/feedback-config/index.js +46 -52
- package/lib/feedback-config/index.js.map +1 -1
- package/lib/form-section.js +8 -6
- package/lib/form-section.js.map +1 -1
- package/lib/help.js +30 -37
- package/lib/help.js.map +1 -1
- package/lib/index.js +66 -45
- package/lib/index.js.map +1 -1
- package/lib/input.js +35 -40
- package/lib/input.js.map +1 -1
- package/lib/inputs.js +28 -17
- package/lib/inputs.js.map +1 -1
- package/lib/langs.js +37 -45
- package/lib/langs.js.map +1 -1
- package/lib/layout/config-layout.js +29 -37
- package/lib/layout/config-layout.js.map +1 -1
- package/lib/layout/index.js +2 -2
- package/lib/layout/index.js.map +1 -1
- package/lib/layout/layout-contents.js +28 -34
- package/lib/layout/layout-contents.js.map +1 -1
- package/lib/layout/settings-box.js +23 -31
- package/lib/layout/settings-box.js.map +1 -1
- package/lib/mui-box/index.js +3 -3
- 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 +33 -42
- package/lib/number-text-field.js.map +1 -1
- package/lib/radio-with-label.js +4 -4
- package/lib/radio-with-label.js.map +1 -1
- package/lib/settings/display-size.js +10 -10
- package/lib/settings/display-size.js.map +1 -1
- package/lib/settings/index.js +11 -17
- package/lib/settings/index.js.map +1 -1
- package/lib/settings/panel.js +58 -68
- package/lib/settings/panel.js.map +1 -1
- package/lib/settings/settings-radio-label.js +4 -4
- package/lib/settings/settings-radio-label.js.map +1 -1
- package/lib/settings/toggle.js +5 -5
- package/lib/settings/toggle.js.map +1 -1
- package/lib/tabs/index.js +28 -35
- package/lib/tabs/index.js.map +1 -1
- package/lib/tags-input/index.js +32 -40
- package/lib/tags-input/index.js.map +1 -1
- package/lib/two-choice.js +38 -48
- package/lib/two-choice.js.map +1 -1
- package/lib/with-stateful-model.js +23 -30
- package/lib/with-stateful-model.js.map +1 -1
- package/package.json +4 -4
- package/src/alert-dialog.jsx +43 -0
- package/src/choice-configuration/index.jsx +30 -11
- package/src/form-section.jsx +2 -2
- package/src/index.js +4 -0
- package/src/inputs.jsx +13 -5
- package/src/number-text-field-custom.jsx +276 -0
|
@@ -1,10 +1,14 @@
|
|
|
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
|
|
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
+
|
|
8
12
|
var _react = _interopRequireDefault(require("react"));
|
|
9
13
|
|
|
10
14
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -15,13 +19,9 @@ var _styles = require("@material-ui/core/styles");
|
|
|
15
19
|
|
|
16
20
|
var _numberTextField = _interopRequireDefault(require("../number-text-field"));
|
|
17
21
|
|
|
18
|
-
function
|
|
19
|
-
|
|
20
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
-
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
22
|
+
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; }
|
|
23
23
|
|
|
24
|
-
function
|
|
24
|
+
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; }
|
|
25
25
|
|
|
26
26
|
var DisplaySize = (0, _styles.withStyles)(function (theme) {
|
|
27
27
|
return {
|
|
@@ -37,12 +37,12 @@ var DisplaySize = (0, _styles.withStyles)(function (theme) {
|
|
|
37
37
|
onChange = _ref.onChange;
|
|
38
38
|
|
|
39
39
|
var updateSize = function updateSize(key, v) {
|
|
40
|
-
onChange(_objectSpread({}, size,
|
|
40
|
+
onChange(_objectSpread(_objectSpread({}, size), {}, (0, _defineProperty2["default"])({}, key, v)));
|
|
41
41
|
};
|
|
42
42
|
|
|
43
|
-
return _react["default"].createElement("div", null, _react["default"].createElement(_Typography["default"], null, label), _react["default"].createElement("div", {
|
|
43
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, label), /*#__PURE__*/_react["default"].createElement("div", {
|
|
44
44
|
className: classes.displaySize
|
|
45
|
-
}, _react["default"].createElement(_numberTextField["default"], {
|
|
45
|
+
}, /*#__PURE__*/_react["default"].createElement(_numberTextField["default"], {
|
|
46
46
|
label: "Width",
|
|
47
47
|
type: "number",
|
|
48
48
|
variant: "outlined",
|
|
@@ -52,7 +52,7 @@ var DisplaySize = (0, _styles.withStyles)(function (theme) {
|
|
|
52
52
|
onChange: function onChange(e, v) {
|
|
53
53
|
return updateSize('width', v);
|
|
54
54
|
}
|
|
55
|
-
}), _react["default"].createElement(_numberTextField["default"], {
|
|
55
|
+
}), /*#__PURE__*/_react["default"].createElement(_numberTextField["default"], {
|
|
56
56
|
label: "Height",
|
|
57
57
|
type: "number",
|
|
58
58
|
variant: "outlined",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"display-size.js","names":["DisplaySize","withStyles","theme","displaySize","display","paddingTop","spacing","unit","size","label","classes","onChange","updateSize","key","v","width","e","height","propTypes","PropTypes","shape","number","isRequired","string","func"],"sources":["../../src/settings/display-size.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport NumberTextField from '../number-text-field';\n\nconst DisplaySize = withStyles(theme => ({\n displaySize: {\n display: 'flex',\n paddingTop: theme.spacing.unit\n }\n}))(({ size, label, classes, onChange }) => {\n const updateSize = (key, v) => {\n onChange({ ...size, [key]: v });\n };\n return (\n <div>\n <Typography>{label}</Typography>\n <div className={classes.displaySize}>\n <NumberTextField\n label=\"Width\"\n type=\"number\"\n variant=\"outlined\"\n value={size.width}\n min={150}\n max={1000}\n onChange={(e, v) => updateSize('width', v)}\n />\n <NumberTextField\n label=\"Height\"\n type=\"number\"\n variant=\"outlined\"\n min={150}\n max={1000}\n value={size.height}\n onChange={(e, v) => updateSize('height', v)}\n />\n </div>\n </div>\n );\n});\n\nDisplaySize.propTypes = {\n size: PropTypes.shape({\n width: PropTypes.number.isRequired,\n height: PropTypes.number.isRequired\n }).isRequired,\n label: PropTypes.string.isRequired,\n onChange: PropTypes.func\n};\n\nexport default DisplaySize;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,WAAW,GAAG,IAAAC,kBAAA,EAAW,UAAAC,KAAK;EAAA,OAAK;IACvCC,WAAW,EAAE;MACXC,OAAO,EAAE,MADE;MAEXC,UAAU,EAAEH,KAAK,CAACI,OAAN,CAAcC;IAFf;EAD0B,CAAL;AAAA,CAAhB,EAKhB,gBAAwC;EAAA,IAArCC,IAAqC,QAArCA,IAAqC;EAAA,IAA/BC,KAA+B,QAA/BA,KAA+B;EAAA,IAAxBC,OAAwB,QAAxBA,OAAwB;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EAC1C,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,GAAD,EAAMC,CAAN,EAAY;IAC7BH,QAAQ,iCAAMH,IAAN,4CAAaK,GAAb,EAAmBC,CAAnB,GAAR;EACD,CAFD;;EAGA,oBACE,0DACE,gCAAC,sBAAD,QAAaL,KAAb,CADF,eAEE;IAAK,SAAS,EAAEC,OAAO,CAACP;EAAxB,gBACE,gCAAC,2BAAD;IACE,KAAK,EAAC,OADR;IAEE,IAAI,EAAC,QAFP;IAGE,OAAO,EAAC,UAHV;IAIE,KAAK,EAAEK,IAAI,CAACO,KAJd;IAKE,GAAG,EAAE,GALP;IAME,GAAG,EAAE,IANP;IAOE,QAAQ,EAAE,kBAACC,CAAD,EAAIF,CAAJ;MAAA,OAAUF,UAAU,CAAC,OAAD,EAAUE,CAAV,CAApB;IAAA;EAPZ,EADF,eAUE,gCAAC,2BAAD;IACE,KAAK,EAAC,QADR;IAEE,IAAI,EAAC,QAFP;IAGE,OAAO,EAAC,UAHV;IAIE,GAAG,EAAE,GAJP;IAKE,GAAG,EAAE,IALP;IAME,KAAK,EAAEN,IAAI,CAACS,MANd;IAOE,QAAQ,EAAE,kBAACD,CAAD,EAAIF,CAAJ;MAAA,OAAUF,UAAU,CAAC,QAAD,EAAWE,CAAX,CAApB;IAAA;EAPZ,EAVF,CAFF,CADF;AAyBD,CAlCmB,CAApB;AAoCAd,WAAW,CAACkB,SAAZ,GAAwB;EACtBV,IAAI,EAAEW,qBAAA,CAAUC,KAAV,CAAgB;IACpBL,KAAK,EAAEI,qBAAA,CAAUE,MAAV,CAAiBC,UADJ;IAEpBL,MAAM,EAAEE,qBAAA,CAAUE,MAAV,CAAiBC;EAFL,CAAhB,EAGHA,UAJmB;EAKtBb,KAAK,EAAEU,qBAAA,CAAUI,MAAV,CAAiBD,UALF;EAMtBX,QAAQ,EAAEQ,qBAAA,CAAUK;AANE,CAAxB;eASexB,W"}
|
package/lib/settings/index.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -9,25 +11,17 @@ Object.defineProperty(exports, "Panel", {
|
|
|
9
11
|
return _panel["default"];
|
|
10
12
|
}
|
|
11
13
|
});
|
|
12
|
-
exports.
|
|
13
|
-
|
|
14
|
-
var _panel = _interopRequireDefault(require("./panel"));
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
14
|
+
exports.toggle = exports.radio = exports.numberFields = exports.numberField = exports.dropdown = exports.checkboxes = exports.checkbox = void 0;
|
|
17
15
|
|
|
18
|
-
|
|
16
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
19
17
|
|
|
20
|
-
|
|
18
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
21
19
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
|
|
25
|
-
|
|
26
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
|
|
20
|
+
var _panel = _interopRequireDefault(require("./panel"));
|
|
27
21
|
|
|
28
|
-
function
|
|
22
|
+
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
23
|
|
|
30
|
-
function
|
|
24
|
+
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
25
|
|
|
32
26
|
var toggle = function toggle(label) {
|
|
33
27
|
var isConfigProperty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
@@ -54,7 +48,7 @@ var toChoice = function toChoice(opt) {
|
|
|
54
48
|
var radio = function radio() {
|
|
55
49
|
var args = Array.prototype.slice.call(arguments);
|
|
56
50
|
|
|
57
|
-
var _args =
|
|
51
|
+
var _args = (0, _slicedToArray2["default"])(args, 3),
|
|
58
52
|
label = _args[0],
|
|
59
53
|
choices = _args[1],
|
|
60
54
|
_args$ = _args[2],
|
|
@@ -86,7 +80,7 @@ exports.dropdown = dropdown;
|
|
|
86
80
|
|
|
87
81
|
var numberField = function numberField(label, options) {
|
|
88
82
|
var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
89
|
-
return _objectSpread({}, options, {
|
|
83
|
+
return _objectSpread(_objectSpread({}, options), {}, {
|
|
90
84
|
label: label,
|
|
91
85
|
type: 'numberField',
|
|
92
86
|
isConfigProperty: isConfigProperty
|
|
@@ -111,7 +105,7 @@ exports.numberFields = numberFields;
|
|
|
111
105
|
|
|
112
106
|
var checkbox = function checkbox(label, settings) {
|
|
113
107
|
var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
114
|
-
return _objectSpread({}, settings, {
|
|
108
|
+
return _objectSpread(_objectSpread({}, settings), {}, {
|
|
115
109
|
label: label,
|
|
116
110
|
type: 'checkbox',
|
|
117
111
|
isConfigProperty: isConfigProperty
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["toggle","label","isConfigProperty","type","toChoice","opt","value","radio","args","Array","prototype","slice","call","arguments","choices","map","o","dropdown","numberField","options","numberFields","fields","Object","keys","key","checkbox","settings","checkboxes"],"sources":["../../src/settings/index.js"],"sourcesContent":["import Panel from './panel';\n\nexport { Panel };\n\nexport const toggle = (label, isConfigProperty = false) => ({\n type: 'toggle',\n label,\n isConfigProperty\n});\n\nconst toChoice = opt => {\n if (typeof opt === 'string') {\n return { label: opt, value: opt };\n } else {\n return opt;\n }\n};\n\nexport const radio = function() {\n const args = Array.prototype.slice.call(arguments);\n const [label, choices, isConfigProperty = false] = args;\n return {\n type: 'radio',\n label,\n choices: choices && choices.map(o => toChoice(o)),\n isConfigProperty\n };\n};\n\nexport const dropdown = (label, choices, isConfigProperty = false) => {\n return {\n type: 'dropdown',\n label,\n choices,\n isConfigProperty\n };\n};\n\nexport const numberField = (label, options, isConfigProperty = false) => ({\n ...options,\n label,\n type: 'numberField',\n isConfigProperty\n});\n\nexport const numberFields = (label, fields, isConfigProperty = false) => {\n Object.keys(fields).map(key => {\n fields[key] = numberField(fields[key].label, fields[key], isConfigProperty);\n });\n\n return {\n type: 'numberFields',\n label,\n fields\n };\n};\n\nexport const checkbox = (label, settings, isConfigProperty = false) => ({\n ...settings,\n label,\n type: 'checkbox',\n isConfigProperty\n});\n\nexport const checkboxes = (label, choices, isConfigProperty = false) => {\n Object.keys(choices).map(key => {\n choices[key] = checkbox(choices[key].label, choices[key], isConfigProperty);\n });\n\n return {\n type: 'checkboxes',\n label,\n choices\n };\n};\n"],"mappings":"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"}
|
package/lib/settings/panel.js
CHANGED
|
@@ -1,10 +1,30 @@
|
|
|
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.Panel = void 0;
|
|
7
9
|
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
+
|
|
12
|
+
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
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
+
|
|
20
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
+
|
|
22
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
23
|
+
|
|
24
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
25
|
+
|
|
26
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
|
+
|
|
8
28
|
var _react = _interopRequireDefault(require("react"));
|
|
9
29
|
|
|
10
30
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -33,37 +53,15 @@ var _index = require("../index");
|
|
|
33
53
|
|
|
34
54
|
var _checkbox = _interopRequireDefault(require("../checkbox"));
|
|
35
55
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
39
|
-
|
|
40
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
41
|
-
|
|
42
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
43
|
-
|
|
44
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
45
|
-
|
|
46
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
56
|
+
var _excluded = ["isConfigProperty"];
|
|
47
57
|
|
|
48
|
-
function
|
|
58
|
+
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); }; }
|
|
49
59
|
|
|
50
|
-
function
|
|
60
|
+
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; } }
|
|
51
61
|
|
|
52
|
-
function
|
|
62
|
+
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; }
|
|
53
63
|
|
|
54
|
-
function
|
|
55
|
-
|
|
56
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
57
|
-
|
|
58
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
59
|
-
|
|
60
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
61
|
-
|
|
62
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
63
|
-
|
|
64
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
65
|
-
|
|
66
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
64
|
+
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; }
|
|
67
65
|
|
|
68
66
|
var log = (0, _debug["default"])('pie-lib:config-ui:settings:panel');
|
|
69
67
|
var labelValue = {
|
|
@@ -80,7 +78,7 @@ var CheckboxChoice = function CheckboxChoice(_ref) {
|
|
|
80
78
|
var label = _ref.label,
|
|
81
79
|
value = _ref.value,
|
|
82
80
|
_onChange = _ref.onChange;
|
|
83
|
-
return _react["default"].createElement(_checkbox["default"], {
|
|
81
|
+
return /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
|
|
84
82
|
checked: value,
|
|
85
83
|
label: label,
|
|
86
84
|
onChange: function onChange(event) {
|
|
@@ -101,7 +99,7 @@ var Radio = function Radio(_ref2) {
|
|
|
101
99
|
value = _ref2.value,
|
|
102
100
|
onChange = _ref2.onChange,
|
|
103
101
|
choices = _ref2.choices;
|
|
104
|
-
return _react["default"].createElement(_twoChoice["default"], {
|
|
102
|
+
return /*#__PURE__*/_react["default"].createElement(_twoChoice["default"], {
|
|
105
103
|
className: classes.radioSettings,
|
|
106
104
|
direction: "vertical",
|
|
107
105
|
customLabel: _settingsRadioLabel["default"],
|
|
@@ -113,7 +111,7 @@ var Radio = function Radio(_ref2) {
|
|
|
113
111
|
});
|
|
114
112
|
};
|
|
115
113
|
|
|
116
|
-
Radio.propTypes = _objectSpread({}, baseTypes, {
|
|
114
|
+
Radio.propTypes = _objectSpread(_objectSpread({}, baseTypes), {}, {
|
|
117
115
|
choices: _propTypes["default"].arrayOf(_propTypes["default"].shape(labelValue))
|
|
118
116
|
});
|
|
119
117
|
var StyledRadio = (0, _styles.withStyles)({
|
|
@@ -152,27 +150,27 @@ var Dropdown = (0, _styles.withStyles)({
|
|
|
152
150
|
_onChange2 = _ref3.onChange,
|
|
153
151
|
_ref3$choices = _ref3.choices,
|
|
154
152
|
choices = _ref3$choices === void 0 ? [] : _ref3$choices;
|
|
155
|
-
return _react["default"].createElement("div", null, label && _react["default"].createElement("p", {
|
|
153
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, label && /*#__PURE__*/_react["default"].createElement("p", {
|
|
156
154
|
className: classes.label
|
|
157
|
-
}, label), _react["default"].createElement(_Select["default"], {
|
|
155
|
+
}, label), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
|
|
158
156
|
className: classes.wrapper,
|
|
159
157
|
value: value || choices && choices[0],
|
|
160
158
|
onChange: function onChange(_ref4) {
|
|
161
159
|
var target = _ref4.target;
|
|
162
160
|
return _onChange2(target.value);
|
|
163
161
|
},
|
|
164
|
-
input: _react["default"].createElement(_Input["default"], {
|
|
162
|
+
input: /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
|
165
163
|
id: "dropdown-".concat(label)
|
|
166
164
|
}),
|
|
167
165
|
disableUnderline: true
|
|
168
166
|
}, choices.map(function (l, index) {
|
|
169
|
-
return _react["default"].createElement(_MenuItem["default"], {
|
|
167
|
+
return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
|
|
170
168
|
key: index,
|
|
171
169
|
value: l
|
|
172
170
|
}, l);
|
|
173
171
|
})));
|
|
174
172
|
});
|
|
175
|
-
Dropdown.propTypes = _objectSpread({}, baseTypes, {
|
|
173
|
+
Dropdown.propTypes = _objectSpread(_objectSpread({}, baseTypes), {}, {
|
|
176
174
|
choices: _propTypes["default"].arrayOf(_propTypes["default"].string)
|
|
177
175
|
});
|
|
178
176
|
var NumberField = (0, _styles.withStyles)({
|
|
@@ -197,7 +195,7 @@ var NumberField = (0, _styles.withStyles)({
|
|
|
197
195
|
min = _ref5.min,
|
|
198
196
|
max = _ref5.max;
|
|
199
197
|
|
|
200
|
-
return _react["default"].createElement(_index.NumberTextField, {
|
|
198
|
+
return /*#__PURE__*/_react["default"].createElement(_index.NumberTextField, {
|
|
201
199
|
label: label || 'Label',
|
|
202
200
|
value: value,
|
|
203
201
|
max: max,
|
|
@@ -212,7 +210,7 @@ var NumberField = (0, _styles.withStyles)({
|
|
|
212
210
|
disableUnderline: true
|
|
213
211
|
});
|
|
214
212
|
});
|
|
215
|
-
NumberField.propTypes = _objectSpread({}, baseTypes, {
|
|
213
|
+
NumberField.propTypes = _objectSpread(_objectSpread({}, baseTypes), {}, {
|
|
216
214
|
classes: _propTypes["default"].object,
|
|
217
215
|
suffix: _propTypes["default"].string,
|
|
218
216
|
min: _propTypes["default"].number,
|
|
@@ -224,14 +222,14 @@ var ToggleWrapper = function ToggleWrapper(_ref6) {
|
|
|
224
222
|
var label = _ref6.label,
|
|
225
223
|
value = _ref6.value,
|
|
226
224
|
onChange = _ref6.onChange;
|
|
227
|
-
return _react["default"].createElement(_toggle["default"], {
|
|
225
|
+
return /*#__PURE__*/_react["default"].createElement(_toggle["default"], {
|
|
228
226
|
label: label,
|
|
229
227
|
checked: !!value,
|
|
230
228
|
toggle: onChange
|
|
231
229
|
});
|
|
232
230
|
};
|
|
233
231
|
|
|
234
|
-
ToggleWrapper.propTypes = _objectSpread({}, baseTypes, {
|
|
232
|
+
ToggleWrapper.propTypes = _objectSpread(_objectSpread({}, baseTypes), {}, {
|
|
235
233
|
value: _propTypes["default"].bool
|
|
236
234
|
});
|
|
237
235
|
var tagMap = {
|
|
@@ -273,17 +271,17 @@ var Group = (0, _styles.withStyles)(function () {
|
|
|
273
271
|
var getTag = function getTag(group, key, innerKey) {
|
|
274
272
|
var _get = (0, _get2["default"])(group, innerKey || key),
|
|
275
273
|
isConfigProperty = _get.isConfigProperty,
|
|
276
|
-
properties =
|
|
274
|
+
properties = (0, _objectWithoutProperties2["default"])(_get, _excluded);
|
|
277
275
|
|
|
278
276
|
var value = isConfigProperty ? (0, _get2["default"])(configuration, key) : (0, _get2["default"])(model, key);
|
|
279
277
|
|
|
280
|
-
var tagProps = _objectSpread({}, properties, {
|
|
278
|
+
var tagProps = _objectSpread(_objectSpread({}, properties), {}, {
|
|
281
279
|
key: key,
|
|
282
280
|
value: value
|
|
283
281
|
});
|
|
284
282
|
|
|
285
283
|
var Tag = tagMap[tagProps.type];
|
|
286
|
-
return _react["default"].createElement(Tag,
|
|
284
|
+
return /*#__PURE__*/_react["default"].createElement(Tag, (0, _extends2["default"])({
|
|
287
285
|
key: key
|
|
288
286
|
}, tagProps, {
|
|
289
287
|
onChange: function onChange(v) {
|
|
@@ -305,9 +303,9 @@ var Group = (0, _styles.withStyles)(function () {
|
|
|
305
303
|
choices = currentGroup.choices;
|
|
306
304
|
|
|
307
305
|
if (type === 'numberFields') {
|
|
308
|
-
return _react["default"].createElement("div", {
|
|
306
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
309
307
|
key: "numberField-".concat(label)
|
|
310
|
-
}, _react["default"].createElement("p", {
|
|
308
|
+
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
311
309
|
className: classes.numberFields
|
|
312
310
|
}, label), Object.keys(fields).map(function (fieldKey) {
|
|
313
311
|
return getTag(group, "".concat(key, ".").concat(fieldKey), "".concat(key, ".fields.").concat(fieldKey));
|
|
@@ -315,9 +313,9 @@ var Group = (0, _styles.withStyles)(function () {
|
|
|
315
313
|
}
|
|
316
314
|
|
|
317
315
|
if (type === 'checkboxes') {
|
|
318
|
-
return _react["default"].createElement("div", {
|
|
316
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
319
317
|
key: "checkbox-".concat(label)
|
|
320
|
-
}, _react["default"].createElement("p", null, label), Object.keys(choices).map(function (choiceKey) {
|
|
318
|
+
}, /*#__PURE__*/_react["default"].createElement("p", null, label), Object.keys(choices).map(function (choiceKey) {
|
|
321
319
|
return getTag(group, "".concat(key, ".").concat(choiceKey), "".concat(key, ".choices.").concat(choiceKey));
|
|
322
320
|
}));
|
|
323
321
|
} // if type is toggle, radio, dropdown or numberField
|
|
@@ -326,34 +324,31 @@ var Group = (0, _styles.withStyles)(function () {
|
|
|
326
324
|
return getTag(group, key);
|
|
327
325
|
};
|
|
328
326
|
|
|
329
|
-
return _react["default"].createElement("div", {
|
|
327
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
330
328
|
className: classes.group
|
|
331
|
-
}, _react["default"].createElement("div", {
|
|
329
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
332
330
|
className: classes.groupHeader
|
|
333
331
|
}, label), Object.keys(group).map(function (key) {
|
|
334
332
|
return content(group, key);
|
|
335
333
|
}));
|
|
336
334
|
});
|
|
337
335
|
|
|
338
|
-
var Panel =
|
|
339
|
-
|
|
340
|
-
function (_React$Component) {
|
|
341
|
-
_inherits(Panel, _React$Component);
|
|
336
|
+
var Panel = /*#__PURE__*/function (_React$Component) {
|
|
337
|
+
(0, _inherits2["default"])(Panel, _React$Component);
|
|
342
338
|
|
|
343
|
-
|
|
344
|
-
var _getPrototypeOf2;
|
|
339
|
+
var _super = _createSuper(Panel);
|
|
345
340
|
|
|
341
|
+
function Panel() {
|
|
346
342
|
var _this;
|
|
347
343
|
|
|
348
|
-
|
|
344
|
+
(0, _classCallCheck2["default"])(this, Panel);
|
|
349
345
|
|
|
350
346
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
351
347
|
args[_key] = arguments[_key];
|
|
352
348
|
}
|
|
353
349
|
|
|
354
|
-
_this =
|
|
355
|
-
|
|
356
|
-
_defineProperty(_assertThisInitialized(_this), "change", function (key, value) {
|
|
350
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
351
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "change", function (key, value) {
|
|
357
352
|
var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
358
353
|
log('[changeModel]', key, value);
|
|
359
354
|
var _this$props = _this.props,
|
|
@@ -372,11 +367,10 @@ function (_React$Component) {
|
|
|
372
367
|
onChangeModel(model, key);
|
|
373
368
|
}
|
|
374
369
|
});
|
|
375
|
-
|
|
376
370
|
return _this;
|
|
377
371
|
}
|
|
378
372
|
|
|
379
|
-
|
|
373
|
+
(0, _createClass2["default"])(Panel, [{
|
|
380
374
|
key: "render",
|
|
381
375
|
value: function render() {
|
|
382
376
|
var _this2 = this;
|
|
@@ -386,8 +380,8 @@ function (_React$Component) {
|
|
|
386
380
|
model = _this$props2.model,
|
|
387
381
|
configuration = _this$props2.configuration;
|
|
388
382
|
log('render:', model);
|
|
389
|
-
return _react["default"].createElement("div", null, Object.keys(groups).map(function (g) {
|
|
390
|
-
return _react["default"].createElement(Group, {
|
|
383
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, Object.keys(groups).map(function (g) {
|
|
384
|
+
return /*#__PURE__*/_react["default"].createElement(Group, {
|
|
391
385
|
label: g,
|
|
392
386
|
key: g,
|
|
393
387
|
model: model,
|
|
@@ -398,25 +392,21 @@ function (_React$Component) {
|
|
|
398
392
|
}));
|
|
399
393
|
}
|
|
400
394
|
}]);
|
|
401
|
-
|
|
402
395
|
return Panel;
|
|
403
396
|
}(_react["default"].Component);
|
|
404
397
|
|
|
405
398
|
exports.Panel = Panel;
|
|
406
|
-
|
|
407
|
-
_defineProperty(Panel, "propTypes", {
|
|
399
|
+
(0, _defineProperty2["default"])(Panel, "propTypes", {
|
|
408
400
|
model: _propTypes["default"].object,
|
|
409
401
|
configuration: _propTypes["default"].object,
|
|
410
402
|
groups: _propTypes["default"].object,
|
|
411
403
|
onChangeModel: _propTypes["default"].func,
|
|
412
404
|
onChangeConfiguration: _propTypes["default"].func
|
|
413
405
|
});
|
|
414
|
-
|
|
415
|
-
_defineProperty(Panel, "defaultProps", {
|
|
406
|
+
(0, _defineProperty2["default"])(Panel, "defaultProps", {
|
|
416
407
|
onChangeModel: function onChangeModel() {},
|
|
417
408
|
onChangeConfiguration: function onChangeConfiguration() {}
|
|
418
409
|
});
|
|
419
|
-
|
|
420
410
|
var _default = Panel;
|
|
421
411
|
exports["default"] = _default;
|
|
422
412
|
//# sourceMappingURL=panel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/settings/panel.jsx"],"names":["log","labelValue","label","PropTypes","string","value","baseTypes","onChange","func","CheckboxChoice","event","target","checked","propTypes","bool","Radio","classes","choices","radioSettings","SettingsRadioLabel","arrayOf","shape","StyledRadio","marginTop","paddingBottom","width","color","transform","fontSize","display","Dropdown","margin","wrapper","border","borderRadius","padding","map","l","index","NumberField","field","marginRight","suffix","min","max","ev","object","number","ToggleWrapper","tagMap","toggle","radio","dropdown","numberField","checkbox","Group","group","groupHeader","fontWeight","marginBottom","numberFields","props","model","configuration","getTag","key","innerKey","isConfigProperty","properties","tagProps","Tag","type","v","content","currentGroup","fields","Object","keys","fieldKey","choiceKey","Panel","onChangeModel","onChangeConfiguration","groups","g","change","React","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport get from 'lodash/get';\nimport set from 'lodash/set';\nimport Select from '@material-ui/core/Select';\nimport Input from '@material-ui/core/Input';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport debug from 'debug';\n\nimport Toggle from './toggle';\nimport TwoChoice from '../two-choice';\nimport SettingsRadioLabel from './settings-radio-label';\nimport { NumberTextField } from '../index';\nimport Checkbox from '../checkbox';\n\nconst log = debug('pie-lib:config-ui:settings:panel');\n\nconst labelValue = {\n label: PropTypes.string,\n value: PropTypes.string\n};\n\nconst baseTypes = {\n label: PropTypes.string,\n value: PropTypes.string,\n onChange: PropTypes.func\n};\n\nconst CheckboxChoice = ({ label, value, onChange }) => {\n return (\n <Checkbox\n checked={value}\n label={label}\n onChange={event => {\n onChange(event.target.checked);\n }}\n />\n );\n};\n\nCheckboxChoice.propTypes = {\n label: PropTypes.string,\n value: PropTypes.bool,\n onChange: PropTypes.func\n};\n\nconst Radio = ({ classes, label, value, onChange, choices }) => {\n return (\n <TwoChoice\n className={classes.radioSettings}\n direction=\"vertical\"\n customLabel={SettingsRadioLabel}\n value={value}\n header={label}\n one={choices[0]}\n two={choices[1]}\n onChange={onChange}\n />\n );\n};\n\nRadio.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.shape(labelValue)) };\n\nconst StyledRadio = withStyles({\n radioSettings: {\n marginTop: '4px',\n paddingBottom: '4px',\n width: '100%',\n '& > label': {\n color: 'rgba(0, 0, 0, 0.89)',\n transform: 'translate(0, 10px) scale(1)',\n fontSize: '14px'\n },\n '& > div': {\n marginTop: '20px'\n }\n },\n label: {\n display: 'none'\n }\n})(Radio);\n\nconst Dropdown = withStyles({\n label: {\n margin: 0,\n fontSize: '14px'\n },\n wrapper: {\n marginTop: '4px',\n border: '2px solid lightgrey',\n borderRadius: '4px',\n padding: '0 8px'\n }\n})(({ classes, label, value, onChange, choices = [] }) => {\n return (\n <div>\n {label && <p className={classes.label}>{label}</p>}\n <Select\n className={classes.wrapper}\n value={value || (choices && choices[0])}\n onChange={({ target }) => onChange(target.value)}\n input={<Input id={`dropdown-${label}`} />}\n disableUnderline\n >\n {choices.map((l, index) => (\n <MenuItem key={index} value={l}>\n {l}\n </MenuItem>\n ))}\n </Select>\n </div>\n );\n});\n\nDropdown.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.string) };\n\nconst NumberField = withStyles({\n field: {\n width: '35%',\n marginRight: '24px',\n marginTop: '8px'\n },\n wrapper: {\n marginTop: '4px',\n border: '2px solid lightgrey',\n borderRadius: '4px',\n padding: '0 8px'\n }\n})(({ classes, label, value, onChange = () => {}, suffix, min, max }) => {\n return (\n <NumberTextField\n label={label || 'Label'}\n value={value}\n max={max}\n min={min}\n onChange={(ev, value) => onChange(value)}\n suffix={suffix}\n className={classes.field}\n showErrorWhenOutsideRange\n inputClassName={classes.wrapper}\n disableUnderline\n />\n );\n});\n\nNumberField.propTypes = {\n ...baseTypes,\n classes: PropTypes.object,\n suffix: PropTypes.string,\n min: PropTypes.number,\n max: PropTypes.number,\n value: PropTypes.number\n};\n\nconst ToggleWrapper = ({ label, value, onChange }) => (\n <Toggle label={label} checked={!!value} toggle={onChange} />\n);\n\nToggleWrapper.propTypes = { ...baseTypes, value: PropTypes.bool };\n\nconst tagMap = {\n toggle: ToggleWrapper,\n radio: StyledRadio,\n dropdown: Dropdown,\n numberField: NumberField,\n checkbox: CheckboxChoice\n};\n\nconst Group = withStyles(() => ({\n group: {\n margin: '0 0 25px 0'\n },\n groupHeader: {\n color: '#495B8F',\n fontSize: '16px',\n fontWeight: 600,\n marginBottom: '8px'\n },\n numberFields: {\n fontSize: '0.85rem',\n marginBottom: 0\n }\n}))(props => {\n const { classes, model, label, group, configuration, onChange } = props;\n\n /**\n * @param group - the group of settings\n * @param key - the key(or path) to be used to set or get from model or configuration\n * @param innerKey - the key(or path) to be used to get from the group (used only for numberField type)\n * @returns tag that corresponds to element type */\n const getTag = (group, key, innerKey) => {\n const { isConfigProperty, ...properties } = get(group, innerKey || key);\n const value = isConfigProperty ? get(configuration, key) : get(model, key);\n const tagProps = { ...properties, key, value };\n const Tag = tagMap[tagProps.type];\n\n return <Tag key={key} {...tagProps} onChange={v => onChange(key, v, isConfigProperty)} />;\n };\n\n const content = (group, key) => {\n const currentGroup = group[key];\n\n if (!currentGroup) {\n return null;\n }\n\n const { type, label, fields, choices } = currentGroup;\n\n if (type === 'numberFields') {\n return (\n <div key={`numberField-${label}`}>\n <p className={classes.numberFields}>{label}</p>\n {Object.keys(fields).map(fieldKey => {\n return getTag(group, `${key}.${fieldKey}`, `${key}.fields.${fieldKey}`);\n })}\n </div>\n );\n }\n\n if (type === 'checkboxes') {\n return (\n <div key={`checkbox-${label}`}>\n <p>{label}</p>\n {Object.keys(choices).map(choiceKey => {\n return getTag(group, `${key}.${choiceKey}`, `${key}.choices.${choiceKey}`);\n })}\n </div>\n );\n }\n\n // if type is toggle, radio, dropdown or numberField\n return getTag(group, key);\n };\n\n return (\n <div className={classes.group}>\n <div className={classes.groupHeader}>{label}</div>\n\n {Object.keys(group).map(key => {\n return content(group, key);\n })}\n </div>\n );\n});\n\nexport class Panel extends React.Component {\n static propTypes = {\n model: PropTypes.object,\n configuration: PropTypes.object,\n groups: PropTypes.object,\n onChangeModel: PropTypes.func,\n onChangeConfiguration: PropTypes.func\n };\n\n static defaultProps = {\n onChangeModel: () => {},\n onChangeConfiguration: () => {}\n };\n\n change = (key, value, isConfigProperty = false) => {\n log('[changeModel]', key, value);\n const { onChangeModel, onChangeConfiguration } = this.props;\n const model = { ...this.props.model };\n const configuration = { ...this.props.configuration };\n\n if (isConfigProperty) {\n set(configuration, key, value);\n onChangeConfiguration(configuration, key);\n } else {\n set(model, key, value);\n onChangeModel(model, key);\n }\n };\n\n render() {\n const { groups, model, configuration } = this.props;\n log('render:', model);\n\n return (\n <div>\n {Object.keys(groups).map(g => (\n <Group\n label={g}\n key={g}\n model={model}\n configuration={configuration}\n group={groups[g]}\n onChange={this.change}\n />\n ))}\n </div>\n );\n }\n}\n\nexport default Panel;\n"],"file":"panel.js"}
|
|
1
|
+
{"version":3,"file":"panel.js","names":["log","debug","labelValue","label","PropTypes","string","value","baseTypes","onChange","func","CheckboxChoice","event","target","checked","propTypes","bool","Radio","classes","choices","radioSettings","SettingsRadioLabel","arrayOf","shape","StyledRadio","withStyles","marginTop","paddingBottom","width","color","transform","fontSize","display","Dropdown","margin","wrapper","border","borderRadius","padding","map","l","index","NumberField","field","marginRight","suffix","min","max","ev","object","number","ToggleWrapper","tagMap","toggle","radio","dropdown","numberField","checkbox","Group","group","groupHeader","fontWeight","marginBottom","numberFields","props","model","configuration","getTag","key","innerKey","get","isConfigProperty","properties","tagProps","Tag","type","v","content","currentGroup","fields","Object","keys","fieldKey","choiceKey","Panel","onChangeModel","onChangeConfiguration","set","groups","g","change","React","Component"],"sources":["../../src/settings/panel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport get from 'lodash/get';\nimport set from 'lodash/set';\nimport Select from '@material-ui/core/Select';\nimport Input from '@material-ui/core/Input';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport debug from 'debug';\n\nimport Toggle from './toggle';\nimport TwoChoice from '../two-choice';\nimport SettingsRadioLabel from './settings-radio-label';\nimport { NumberTextField } from '../index';\nimport Checkbox from '../checkbox';\n\nconst log = debug('pie-lib:config-ui:settings:panel');\n\nconst labelValue = {\n label: PropTypes.string,\n value: PropTypes.string\n};\n\nconst baseTypes = {\n label: PropTypes.string,\n value: PropTypes.string,\n onChange: PropTypes.func\n};\n\nconst CheckboxChoice = ({ label, value, onChange }) => {\n return (\n <Checkbox\n checked={value}\n label={label}\n onChange={event => {\n onChange(event.target.checked);\n }}\n />\n );\n};\n\nCheckboxChoice.propTypes = {\n label: PropTypes.string,\n value: PropTypes.bool,\n onChange: PropTypes.func\n};\n\nconst Radio = ({ classes, label, value, onChange, choices }) => {\n return (\n <TwoChoice\n className={classes.radioSettings}\n direction=\"vertical\"\n customLabel={SettingsRadioLabel}\n value={value}\n header={label}\n one={choices[0]}\n two={choices[1]}\n onChange={onChange}\n />\n );\n};\n\nRadio.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.shape(labelValue)) };\n\nconst StyledRadio = withStyles({\n radioSettings: {\n marginTop: '4px',\n paddingBottom: '4px',\n width: '100%',\n '& > label': {\n color: 'rgba(0, 0, 0, 0.89)',\n transform: 'translate(0, 10px) scale(1)',\n fontSize: '14px'\n },\n '& > div': {\n marginTop: '20px'\n }\n },\n label: {\n display: 'none'\n }\n})(Radio);\n\nconst Dropdown = withStyles({\n label: {\n margin: 0,\n fontSize: '14px'\n },\n wrapper: {\n marginTop: '4px',\n border: '2px solid lightgrey',\n borderRadius: '4px',\n padding: '0 8px'\n }\n})(({ classes, label, value, onChange, choices = [] }) => {\n return (\n <div>\n {label && <p className={classes.label}>{label}</p>}\n <Select\n className={classes.wrapper}\n value={value || (choices && choices[0])}\n onChange={({ target }) => onChange(target.value)}\n input={<Input id={`dropdown-${label}`} />}\n disableUnderline\n >\n {choices.map((l, index) => (\n <MenuItem key={index} value={l}>\n {l}\n </MenuItem>\n ))}\n </Select>\n </div>\n );\n});\n\nDropdown.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.string) };\n\nconst NumberField = withStyles({\n field: {\n width: '35%',\n marginRight: '24px',\n marginTop: '8px'\n },\n wrapper: {\n marginTop: '4px',\n border: '2px solid lightgrey',\n borderRadius: '4px',\n padding: '0 8px'\n }\n})(({ classes, label, value, onChange = () => {}, suffix, min, max }) => {\n return (\n <NumberTextField\n label={label || 'Label'}\n value={value}\n max={max}\n min={min}\n onChange={(ev, value) => onChange(value)}\n suffix={suffix}\n className={classes.field}\n showErrorWhenOutsideRange\n inputClassName={classes.wrapper}\n disableUnderline\n />\n );\n});\n\nNumberField.propTypes = {\n ...baseTypes,\n classes: PropTypes.object,\n suffix: PropTypes.string,\n min: PropTypes.number,\n max: PropTypes.number,\n value: PropTypes.number\n};\n\nconst ToggleWrapper = ({ label, value, onChange }) => (\n <Toggle label={label} checked={!!value} toggle={onChange} />\n);\n\nToggleWrapper.propTypes = { ...baseTypes, value: PropTypes.bool };\n\nconst tagMap = {\n toggle: ToggleWrapper,\n radio: StyledRadio,\n dropdown: Dropdown,\n numberField: NumberField,\n checkbox: CheckboxChoice\n};\n\nconst Group = withStyles(() => ({\n group: {\n margin: '0 0 25px 0'\n },\n groupHeader: {\n color: '#495B8F',\n fontSize: '16px',\n fontWeight: 600,\n marginBottom: '8px'\n },\n numberFields: {\n fontSize: '0.85rem',\n marginBottom: 0\n }\n}))(props => {\n const { classes, model, label, group, configuration, onChange } = props;\n\n /**\n * @param group - the group of settings\n * @param key - the key(or path) to be used to set or get from model or configuration\n * @param innerKey - the key(or path) to be used to get from the group (used only for numberField type)\n * @returns tag that corresponds to element type */\n const getTag = (group, key, innerKey) => {\n const { isConfigProperty, ...properties } = get(group, innerKey || key);\n const value = isConfigProperty ? get(configuration, key) : get(model, key);\n const tagProps = { ...properties, key, value };\n const Tag = tagMap[tagProps.type];\n\n return <Tag key={key} {...tagProps} onChange={v => onChange(key, v, isConfigProperty)} />;\n };\n\n const content = (group, key) => {\n const currentGroup = group[key];\n\n if (!currentGroup) {\n return null;\n }\n\n const { type, label, fields, choices } = currentGroup;\n\n if (type === 'numberFields') {\n return (\n <div key={`numberField-${label}`}>\n <p className={classes.numberFields}>{label}</p>\n {Object.keys(fields).map(fieldKey => {\n return getTag(group, `${key}.${fieldKey}`, `${key}.fields.${fieldKey}`);\n })}\n </div>\n );\n }\n\n if (type === 'checkboxes') {\n return (\n <div key={`checkbox-${label}`}>\n <p>{label}</p>\n {Object.keys(choices).map(choiceKey => {\n return getTag(group, `${key}.${choiceKey}`, `${key}.choices.${choiceKey}`);\n })}\n </div>\n );\n }\n\n // if type is toggle, radio, dropdown or numberField\n return getTag(group, key);\n };\n\n return (\n <div className={classes.group}>\n <div className={classes.groupHeader}>{label}</div>\n\n {Object.keys(group).map(key => {\n return content(group, key);\n })}\n </div>\n );\n});\n\nexport class Panel extends React.Component {\n static propTypes = {\n model: PropTypes.object,\n configuration: PropTypes.object,\n groups: PropTypes.object,\n onChangeModel: PropTypes.func,\n onChangeConfiguration: PropTypes.func\n };\n\n static defaultProps = {\n onChangeModel: () => {},\n onChangeConfiguration: () => {}\n };\n\n change = (key, value, isConfigProperty = false) => {\n log('[changeModel]', key, value);\n const { onChangeModel, onChangeConfiguration } = this.props;\n const model = { ...this.props.model };\n const configuration = { ...this.props.configuration };\n\n if (isConfigProperty) {\n set(configuration, key, value);\n onChangeConfiguration(configuration, key);\n } else {\n set(model, key, value);\n onChangeModel(model, key);\n }\n };\n\n render() {\n const { groups, model, configuration } = this.props;\n log('render:', model);\n\n return (\n <div>\n {Object.keys(groups).map(g => (\n <Group\n label={g}\n key={g}\n model={model}\n configuration={configuration}\n group={groups[g]}\n onChange={this.change}\n />\n ))}\n </div>\n );\n }\n}\n\nexport default Panel;\n"],"mappings":"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"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -13,8 +15,6 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
13
15
|
|
|
14
16
|
var _styles = require("@material-ui/core/styles");
|
|
15
17
|
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
|
|
18
18
|
var _default = (0, _styles.withStyles)({
|
|
19
19
|
label: {
|
|
20
20
|
color: 'rgba(0, 0, 0, 0.89)',
|
|
@@ -28,10 +28,10 @@ var _default = (0, _styles.withStyles)({
|
|
|
28
28
|
checked = _ref.checked,
|
|
29
29
|
onChange = _ref.onChange,
|
|
30
30
|
classes = _ref.classes;
|
|
31
|
-
return _react["default"].createElement(_FormControlLabel["default"], {
|
|
31
|
+
return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
|
|
32
32
|
value: value,
|
|
33
33
|
classes: classes,
|
|
34
|
-
control: _react["default"].createElement(_Radio["default"], {
|
|
34
|
+
control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
|
|
35
35
|
checked: checked,
|
|
36
36
|
onChange: onChange
|
|
37
37
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"settings-radio-label.js","names":["withStyles","label","color","fontSize","left","position","value","checked","onChange","classes"],"sources":["../../src/settings/settings-radio-label.jsx"],"sourcesContent":["import FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Radio from '@material-ui/core/Radio';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nexport default withStyles({\n label: {\n color: 'rgba(0, 0, 0, 0.89)',\n fontSize: '12px',\n left: '-5px',\n position: 'relative'\n }\n})(({ label, value, checked, onChange, classes }) => (\n <FormControlLabel\n value={value}\n classes={classes}\n control={<Radio checked={checked} onChange={onChange} />}\n label={label}\n />\n));\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;eAEe,IAAAA,kBAAA,EAAW;EACxBC,KAAK,EAAE;IACLC,KAAK,EAAE,qBADF;IAELC,QAAQ,EAAE,MAFL;IAGLC,IAAI,EAAE,MAHD;IAILC,QAAQ,EAAE;EAJL;AADiB,CAAX,EAOZ;EAAA,IAAGJ,KAAH,QAAGA,KAAH;EAAA,IAAUK,KAAV,QAAUA,KAAV;EAAA,IAAiBC,OAAjB,QAAiBA,OAAjB;EAAA,IAA0BC,QAA1B,QAA0BA,QAA1B;EAAA,IAAoCC,OAApC,QAAoCA,OAApC;EAAA,oBACD,gCAAC,4BAAD;IACE,KAAK,EAAEH,KADT;IAEE,OAAO,EAAEG,OAFX;IAGE,OAAO,eAAE,gCAAC,iBAAD;MAAO,OAAO,EAAEF,OAAhB;MAAyB,QAAQ,EAAEC;IAAnC,EAHX;IAIE,KAAK,EAAEP;EAJT,EADC;AAAA,CAPY,C"}
|