@pie-lib/config-ui 10.10.4-next.50 → 10.10.4-next.501
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
package/lib/settings/toggle.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
|
});
|
|
@@ -15,8 +17,6 @@ var _styles = require("@material-ui/core/styles");
|
|
|
15
17
|
|
|
16
18
|
var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
|
|
17
19
|
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
20
|
var Toggle = (0, _styles.withStyles)(function (theme) {
|
|
21
21
|
return {
|
|
22
22
|
toggle: {
|
|
@@ -35,11 +35,11 @@ var Toggle = (0, _styles.withStyles)(function (theme) {
|
|
|
35
35
|
label = _ref.label,
|
|
36
36
|
toggle = _ref.toggle,
|
|
37
37
|
classes = _ref.classes;
|
|
38
|
-
return _react["default"].createElement("div", {
|
|
38
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
39
39
|
className: classes.toggle
|
|
40
|
-
}, _react["default"].createElement(_InputLabel["default"], {
|
|
40
|
+
}, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
|
|
41
41
|
className: classes.label
|
|
42
|
-
}, label), _react["default"].createElement(_Switch["default"], {
|
|
42
|
+
}, label), /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
|
|
43
43
|
checked: checked,
|
|
44
44
|
onChange: function onChange(e) {
|
|
45
45
|
return toggle(e.target.checked);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"toggle.js","names":["Toggle","withStyles","theme","toggle","display","width","justifyContent","label","color","fontSize","paddingTop","spacing","unit","checked","classes","e","target","propTypes","PropTypes","bool","string","isRequired","func"],"sources":["../../src/settings/toggle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport { withStyles } from '@material-ui/core/styles';\nimport Switch from '@material-ui/core/Switch';\n\nconst Toggle = withStyles(theme => ({\n toggle: {\n display: 'flex',\n width: '100%',\n justifyContent: 'space-between'\n },\n label: {\n color: 'rgba(0, 0, 0, 0.89)',\n fontSize: '14px',\n paddingTop: theme.spacing.unit * 2\n }\n}))(({ checked, label, toggle, classes }) => (\n <div className={classes.toggle}>\n <InputLabel className={classes.label}>{label}</InputLabel>\n <Switch checked={checked} onChange={e => toggle(e.target.checked)} />\n </div>\n));\n\nToggle.propTypes = {\n checked: PropTypes.bool,\n label: PropTypes.string.isRequired,\n toggle: PropTypes.func.isRequired\n};\n\nexport default Toggle;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAA,EAAW,UAAAC,KAAK;EAAA,OAAK;IAClCC,MAAM,EAAE;MACNC,OAAO,EAAE,MADH;MAENC,KAAK,EAAE,MAFD;MAGNC,cAAc,EAAE;IAHV,CAD0B;IAMlCC,KAAK,EAAE;MACLC,KAAK,EAAE,qBADF;MAELC,QAAQ,EAAE,MAFL;MAGLC,UAAU,EAAER,KAAK,CAACS,OAAN,CAAcC,IAAd,GAAqB;IAH5B;EAN2B,CAAL;AAAA,CAAhB,EAWX;EAAA,IAAGC,OAAH,QAAGA,OAAH;EAAA,IAAYN,KAAZ,QAAYA,KAAZ;EAAA,IAAmBJ,MAAnB,QAAmBA,MAAnB;EAAA,IAA2BW,OAA3B,QAA2BA,OAA3B;EAAA,oBACF;IAAK,SAAS,EAAEA,OAAO,CAACX;EAAxB,gBACE,gCAAC,sBAAD;IAAY,SAAS,EAAEW,OAAO,CAACP;EAA/B,GAAuCA,KAAvC,CADF,eAEE,gCAAC,kBAAD;IAAQ,OAAO,EAAEM,OAAjB;IAA0B,QAAQ,EAAE,kBAAAE,CAAC;MAAA,OAAIZ,MAAM,CAACY,CAAC,CAACC,MAAF,CAASH,OAAV,CAAV;IAAA;EAArC,EAFF,CADE;AAAA,CAXW,CAAf;AAkBAb,MAAM,CAACiB,SAAP,GAAmB;EACjBJ,OAAO,EAAEK,qBAAA,CAAUC,IADF;EAEjBZ,KAAK,EAAEW,qBAAA,CAAUE,MAAV,CAAiBC,UAFP;EAGjBlB,MAAM,EAAEe,qBAAA,CAAUI,IAAV,CAAeD;AAHN,CAAnB;eAMerB,M"}
|
package/lib/tabs/index.js
CHANGED
|
@@ -1,67 +1,62 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
8
|
exports["default"] = exports.Tabs = void 0;
|
|
7
9
|
|
|
8
|
-
var
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
11
|
|
|
10
|
-
var
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
13
|
|
|
12
|
-
var
|
|
14
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
13
15
|
|
|
14
|
-
var
|
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
17
|
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
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
|
-
|
|
24
|
+
var _react = _interopRequireDefault(require("react"));
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
var _Tabs = _interopRequireDefault(require("@material-ui/core/Tabs"));
|
|
27
27
|
|
|
28
|
-
|
|
28
|
+
var _Tab = _interopRequireDefault(require("@material-ui/core/Tab"));
|
|
29
29
|
|
|
30
|
-
|
|
30
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
31
31
|
|
|
32
|
-
|
|
32
|
+
var _core = require("@material-ui/core");
|
|
33
33
|
|
|
34
|
-
function
|
|
34
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
35
35
|
|
|
36
|
-
function
|
|
36
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
37
37
|
|
|
38
|
-
|
|
38
|
+
var Tabs = /*#__PURE__*/function (_React$Component) {
|
|
39
|
+
(0, _inherits2["default"])(Tabs, _React$Component);
|
|
39
40
|
|
|
40
|
-
var
|
|
41
|
-
/*#__PURE__*/
|
|
42
|
-
function (_React$Component) {
|
|
43
|
-
_inherits(Tabs, _React$Component);
|
|
41
|
+
var _super = _createSuper(Tabs);
|
|
44
42
|
|
|
45
43
|
function Tabs(props) {
|
|
46
44
|
var _this;
|
|
47
45
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
_defineProperty(_assertThisInitialized(_this), "handleChange", function (event, value) {
|
|
46
|
+
(0, _classCallCheck2["default"])(this, Tabs);
|
|
47
|
+
_this = _super.call(this, props);
|
|
48
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (event, value) {
|
|
53
49
|
_this.setState({
|
|
54
50
|
value: value
|
|
55
51
|
});
|
|
56
52
|
});
|
|
57
|
-
|
|
58
53
|
_this.state = {
|
|
59
54
|
value: 0
|
|
60
55
|
};
|
|
61
56
|
return _this;
|
|
62
57
|
}
|
|
63
58
|
|
|
64
|
-
|
|
59
|
+
(0, _createClass2["default"])(Tabs, [{
|
|
65
60
|
key: "render",
|
|
66
61
|
value: function render() {
|
|
67
62
|
var value = this.state.value;
|
|
@@ -73,30 +68,28 @@ function (_React$Component) {
|
|
|
73
68
|
var tabClasses = {
|
|
74
69
|
root: classes.tabRoot
|
|
75
70
|
};
|
|
76
|
-
return _react["default"].createElement("div", {
|
|
71
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
77
72
|
className: className
|
|
78
|
-
}, _react["default"].createElement(_Tabs["default"], {
|
|
73
|
+
}, /*#__PURE__*/_react["default"].createElement(_Tabs["default"], {
|
|
79
74
|
indicatorColor: "primary",
|
|
80
75
|
value: value,
|
|
81
76
|
onChange: this.handleChange
|
|
82
77
|
}, _react["default"].Children.map(children, function (c, index) {
|
|
83
|
-
return c && c.props.title ? _react["default"].createElement(_Tab["default"], {
|
|
78
|
+
return c && c.props.title ? /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
|
|
84
79
|
classes: tabClasses,
|
|
85
80
|
key: index,
|
|
86
81
|
label: c.props.title
|
|
87
82
|
}) : null;
|
|
88
|
-
})), _react["default"].createElement("div", {
|
|
83
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
89
84
|
className: contentClassName
|
|
90
85
|
}, children[value]));
|
|
91
86
|
}
|
|
92
87
|
}]);
|
|
93
|
-
|
|
94
88
|
return Tabs;
|
|
95
89
|
}(_react["default"].Component);
|
|
96
90
|
|
|
97
91
|
exports.Tabs = Tabs;
|
|
98
|
-
|
|
99
|
-
_defineProperty(Tabs, "propTypes", {
|
|
92
|
+
(0, _defineProperty2["default"])(Tabs, "propTypes", {
|
|
100
93
|
classes: _propTypes["default"].object,
|
|
101
94
|
className: _propTypes["default"].string,
|
|
102
95
|
contentClassName: _propTypes["default"].string,
|
package/lib/tabs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["Tabs","props","event","value","setState","state","children","className","contentClassName","classes","tabClasses","root","tabRoot","handleChange","React","Children","map","c","index","title","Component","PropTypes","object","string","oneOfType","arrayOf","node","isRequired","withStyles"],"sources":["../../src/tabs/index.jsx"],"sourcesContent":["import React from 'react';\n\nimport MuiTabs from '@material-ui/core/Tabs';\nimport MuiTab from '@material-ui/core/Tab';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core';\n\nexport class Tabs extends React.Component {\n static propTypes = {\n classes: PropTypes.object,\n className: PropTypes.string,\n contentClassName: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n };\n\n constructor(props) {\n super(props);\n this.state = {\n value: 0\n };\n }\n\n handleChange = (event, value) => {\n this.setState({ value });\n };\n\n render() {\n const { value } = this.state;\n const { children, className, contentClassName, classes } = this.props;\n\n const tabClasses = {\n root: classes.tabRoot\n };\n return (\n <div className={className}>\n <MuiTabs indicatorColor=\"primary\" value={value} onChange={this.handleChange}>\n {React.Children.map(children, (c, index) =>\n c && c.props.title ? (\n <MuiTab classes={tabClasses} key={index} label={c.props.title} />\n ) : null\n )}\n </MuiTabs>\n <div className={contentClassName}>{children[value]}</div>\n </div>\n );\n }\n}\n\nexport default withStyles(() => ({\n tabRoot: {}\n}))(Tabs);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;IAEaA,I;;;;;EAQX,cAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACjB,0BAAMA,KAAN;IADiB,iGAOJ,UAACC,KAAD,EAAQC,KAAR,EAAkB;MAC/B,MAAKC,QAAL,CAAc;QAAED,KAAK,EAALA;MAAF,CAAd;IACD,CATkB;IAEjB,MAAKE,KAAL,GAAa;MACXF,KAAK,EAAE;IADI,CAAb;IAFiB;EAKlB;;;;WAMD,kBAAS;MACP,IAAQA,KAAR,GAAkB,KAAKE,KAAvB,CAAQF,KAAR;MACA,kBAA2D,KAAKF,KAAhE;MAAA,IAAQK,QAAR,eAAQA,QAAR;MAAA,IAAkBC,SAAlB,eAAkBA,SAAlB;MAAA,IAA6BC,gBAA7B,eAA6BA,gBAA7B;MAAA,IAA+CC,OAA/C,eAA+CA,OAA/C;MAEA,IAAMC,UAAU,GAAG;QACjBC,IAAI,EAAEF,OAAO,CAACG;MADG,CAAnB;MAGA,oBACE;QAAK,SAAS,EAAEL;MAAhB,gBACE,gCAAC,gBAAD;QAAS,cAAc,EAAC,SAAxB;QAAkC,KAAK,EAAEJ,KAAzC;QAAgD,QAAQ,EAAE,KAAKU;MAA/D,GACGC,iBAAA,CAAMC,QAAN,CAAeC,GAAf,CAAmBV,QAAnB,EAA6B,UAACW,CAAD,EAAIC,KAAJ;QAAA,OAC5BD,CAAC,IAAIA,CAAC,CAAChB,KAAF,CAAQkB,KAAb,gBACE,gCAAC,eAAD;UAAQ,OAAO,EAAET,UAAjB;UAA6B,GAAG,EAAEQ,KAAlC;UAAyC,KAAK,EAAED,CAAC,CAAChB,KAAF,CAAQkB;QAAxD,EADF,GAEI,IAHwB;MAAA,CAA7B,CADH,CADF,eAQE;QAAK,SAAS,EAAEX;MAAhB,GAAmCF,QAAQ,CAACH,KAAD,CAA3C,CARF,CADF;IAYD;;;EAtCuBW,iBAAA,CAAMM,S;;;iCAAnBpB,I,eACQ;EACjBS,OAAO,EAAEY,qBAAA,CAAUC,MADF;EAEjBf,SAAS,EAAEc,qBAAA,CAAUE,MAFJ;EAGjBf,gBAAgB,EAAEa,qBAAA,CAAUE,MAHX;EAIjBjB,QAAQ,EAAEe,qBAAA,CAAUG,SAAV,CAAoB,CAACH,qBAAA,CAAUI,OAAV,CAAkBJ,qBAAA,CAAUK,IAA5B,CAAD,EAAoCL,qBAAA,CAAUK,IAA9C,CAApB,EAAyEC;AAJlE,C;;eAwCN,IAAAC,gBAAA,EAAW;EAAA,OAAO;IAC/BhB,OAAO,EAAE;EADsB,CAAP;AAAA,CAAX,EAEXZ,IAFW,C"}
|
package/lib/tags-input/index.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.TagsInput = void 0;
|
|
7
9
|
|
|
8
|
-
var
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
11
|
|
|
10
|
-
var
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
13
|
|
|
12
|
-
var
|
|
14
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
13
15
|
|
|
14
|
-
var
|
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
17
|
|
|
16
|
-
var
|
|
18
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
19
|
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
-
|
|
22
|
-
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
20
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
21
|
|
|
24
|
-
|
|
22
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
23
|
|
|
26
|
-
|
|
24
|
+
var _react = _interopRequireDefault(require("react"));
|
|
27
25
|
|
|
28
|
-
|
|
26
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
27
|
|
|
30
|
-
|
|
28
|
+
var _styles = require("@material-ui/core/styles");
|
|
31
29
|
|
|
32
|
-
|
|
30
|
+
var _uniq = _interopRequireDefault(require("lodash/uniq"));
|
|
33
31
|
|
|
34
|
-
|
|
32
|
+
var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
|
|
35
33
|
|
|
36
|
-
|
|
34
|
+
var _muiBox = _interopRequireDefault(require("../mui-box"));
|
|
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 ENTER = 13;
|
|
43
41
|
var Tag = (0, _styles.withStyles)(function () {
|
|
@@ -51,7 +49,7 @@ var Tag = (0, _styles.withStyles)(function () {
|
|
|
51
49
|
var classes = _ref.classes,
|
|
52
50
|
label = _ref.label,
|
|
53
51
|
onDelete = _ref.onDelete;
|
|
54
|
-
return _react["default"].createElement(_Chip["default"], {
|
|
52
|
+
return /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
|
|
55
53
|
className: classes.tag,
|
|
56
54
|
label: label,
|
|
57
55
|
onDelete: onDelete
|
|
@@ -62,30 +60,26 @@ Tag.propTypes = {
|
|
|
62
60
|
onDelete: _propTypes["default"].func.isRequired
|
|
63
61
|
};
|
|
64
62
|
|
|
65
|
-
var TagsInput =
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
63
|
+
var TagsInput = /*#__PURE__*/function (_React$Component) {
|
|
64
|
+
(0, _inherits2["default"])(TagsInput, _React$Component);
|
|
65
|
+
|
|
66
|
+
var _super = _createSuper(TagsInput);
|
|
69
67
|
|
|
70
68
|
function TagsInput(props) {
|
|
71
69
|
var _this;
|
|
72
70
|
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
_defineProperty(_assertThisInitialized(_this), "onFocus", function () {
|
|
71
|
+
(0, _classCallCheck2["default"])(this, TagsInput);
|
|
72
|
+
_this = _super.call(this, props);
|
|
73
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFocus", function () {
|
|
78
74
|
_this.setState({
|
|
79
75
|
focused: true
|
|
80
76
|
});
|
|
81
77
|
});
|
|
82
|
-
|
|
83
|
-
_defineProperty(_assertThisInitialized(_this), "onBlur", function () {
|
|
78
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onBlur", function () {
|
|
84
79
|
_this.setState({
|
|
85
80
|
focused: false
|
|
86
81
|
});
|
|
87
82
|
});
|
|
88
|
-
|
|
89
83
|
_this.state = {
|
|
90
84
|
value: '',
|
|
91
85
|
focused: false
|
|
@@ -129,7 +123,7 @@ function (_React$Component) {
|
|
|
129
123
|
return _this;
|
|
130
124
|
}
|
|
131
125
|
|
|
132
|
-
|
|
126
|
+
(0, _createClass2["default"])(TagsInput, [{
|
|
133
127
|
key: "render",
|
|
134
128
|
value: function render() {
|
|
135
129
|
var _this2 = this;
|
|
@@ -137,19 +131,19 @@ function (_React$Component) {
|
|
|
137
131
|
var _this$props = this.props,
|
|
138
132
|
classes = _this$props.classes,
|
|
139
133
|
tags = _this$props.tags;
|
|
140
|
-
return _react["default"].createElement(_muiBox["default"], {
|
|
134
|
+
return /*#__PURE__*/_react["default"].createElement(_muiBox["default"], {
|
|
141
135
|
focused: this.state.focused
|
|
142
|
-
}, _react["default"].createElement("div", {
|
|
136
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
143
137
|
className: classes.tagsInput
|
|
144
138
|
}, (tags || []).map(function (t, index) {
|
|
145
|
-
return _react["default"].createElement(Tag, {
|
|
139
|
+
return /*#__PURE__*/_react["default"].createElement(Tag, {
|
|
146
140
|
key: index,
|
|
147
141
|
label: t,
|
|
148
142
|
onDelete: function onDelete() {
|
|
149
143
|
return _this2.deleteTag(t);
|
|
150
144
|
}
|
|
151
145
|
});
|
|
152
|
-
}), _react["default"].createElement("input", {
|
|
146
|
+
}), /*#__PURE__*/_react["default"].createElement("input", {
|
|
153
147
|
ref: function ref(r) {
|
|
154
148
|
return _this2.input = r;
|
|
155
149
|
},
|
|
@@ -163,13 +157,11 @@ function (_React$Component) {
|
|
|
163
157
|
})));
|
|
164
158
|
}
|
|
165
159
|
}]);
|
|
166
|
-
|
|
167
160
|
return TagsInput;
|
|
168
161
|
}(_react["default"].Component);
|
|
169
162
|
|
|
170
163
|
exports.TagsInput = TagsInput;
|
|
171
|
-
|
|
172
|
-
_defineProperty(TagsInput, "propTypes", {
|
|
164
|
+
(0, _defineProperty2["default"])(TagsInput, "propTypes", {
|
|
173
165
|
classes: _propTypes["default"].object.isRequired,
|
|
174
166
|
tags: _propTypes["default"].arrayOf(_propTypes["default"].string).isRequired,
|
|
175
167
|
onChange: _propTypes["default"].func.isRequired
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["ENTER","Tag","withStyles","tag","padding","margin","classes","label","onDelete","propTypes","PropTypes","string","isRequired","func","TagsInput","props","setState","focused","state","value","onKeyDown","event","keyCode","trim","newTags","uniq","tags","concat","length","onChange","target","deleteTag","tagIndex","indexOf","splice","input","focus","tagsInput","map","t","index","r","onFocus","onBlur","React","Component","object","arrayOf","styles","theme","border","display","flexWrap","minWidth","width","flex","height","fontSize","typography","fontFamily","outline"],"sources":["../../src/tags-input/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport uniq from 'lodash/uniq';\nimport Chip from '@material-ui/core/Chip';\nimport MuiBox from '../mui-box';\n\nconst ENTER = 13;\n\nconst Tag = withStyles(() => ({\n tag: {\n padding: '0px',\n margin: '1px'\n }\n}))(({ classes, label, onDelete }) => (\n <Chip className={classes.tag} label={label} onDelete={onDelete} />\n));\n\nTag.propTypes = {\n label: PropTypes.string.isRequired,\n onDelete: PropTypes.func.isRequired\n};\n\nexport class TagsInput extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n tags: PropTypes.arrayOf(PropTypes.string).isRequired,\n onChange: PropTypes.func.isRequired\n };\n\n constructor(props) {\n super(props);\n this.state = {\n value: '',\n focused: false\n };\n\n this.onKeyDown = event => {\n if (event.keyCode === ENTER && this.state.value !== '') {\n const tag = this.state.value.trim();\n const newTags = uniq(this.props.tags.concat([tag]));\n\n if (newTags.length !== this.props.tags.length) {\n this.props.onChange(newTags);\n this.setState({ value: '' });\n }\n }\n };\n\n this.onChange = event => {\n this.setState({ value: event.target.value });\n };\n\n this.deleteTag = tag => {\n const { tags } = this.props;\n\n const tagIndex = tags.indexOf(tag);\n if (tagIndex !== -1) {\n tags.splice(tagIndex, 1);\n this.props.onChange(tags);\n this.input.focus();\n }\n };\n }\n\n onFocus = () => {\n this.setState({ focused: true });\n };\n\n onBlur = () => {\n this.setState({ focused: false });\n };\n\n render() {\n const { classes, tags } = this.props;\n return (\n <MuiBox focused={this.state.focused}>\n <div className={classes.tagsInput}>\n {(tags || []).map((t, index) => (\n <Tag key={index} label={t} onDelete={() => this.deleteTag(t)} />\n ))}\n <input\n ref={r => (this.input = r)}\n onKeyDown={this.onKeyDown}\n onChange={this.onChange}\n className={classes.input}\n value={this.state.value}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n type=\"text\"\n />\n </div>\n </MuiBox>\n );\n }\n}\n\nconst styles = theme => ({\n tagsInput: {\n border: 'solid 0px white',\n display: 'flex',\n flexWrap: 'wrap'\n },\n input: {\n padding: '2px',\n margin: '1px',\n minWidth: '30px',\n width: '100%',\n flex: '1',\n border: 'solid 0px white',\n height: '28px',\n fontSize: theme.typography.fontSize,\n fontFamily: theme.typography.fontFamily,\n outline: 'none',\n '&:focus': {\n outline: 'none'\n }\n }\n});\n\nexport default withStyles(styles)(TagsInput);\n"],"mappings":"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"}
|
package/lib/two-choice.js
CHANGED
|
@@ -1,43 +1,41 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
8
|
exports["default"] = exports.NChoice = void 0;
|
|
7
9
|
|
|
8
|
-
var
|
|
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;
|
|
@@ -98,13 +92,13 @@ function (_React$Component) {
|
|
|
98
92
|
} : o;
|
|
99
93
|
});
|
|
100
94
|
var LabelComponent = customLabel || _radioWithLabel["default"];
|
|
101
|
-
return _react["default"].createElement(_renderUi.InputContainer, {
|
|
95
|
+
return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
|
|
102
96
|
label: header,
|
|
103
97
|
className: className
|
|
104
|
-
}, _react["default"].createElement("div", {
|
|
98
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
105
99
|
className: (0, _classnames["default"])(classes.group, classes[direction])
|
|
106
100
|
}, preppedOpts.map(function (o, index) {
|
|
107
|
-
return _react["default"].createElement(LabelComponent, {
|
|
101
|
+
return /*#__PURE__*/_react["default"].createElement(LabelComponent, {
|
|
108
102
|
value: o.value,
|
|
109
103
|
key: index,
|
|
110
104
|
checked: o.value === value,
|
|
@@ -114,11 +108,10 @@ function (_React$Component) {
|
|
|
114
108
|
})));
|
|
115
109
|
}
|
|
116
110
|
}]);
|
|
117
|
-
|
|
118
111
|
return RawNChoice;
|
|
119
112
|
}(_react["default"].Component);
|
|
120
113
|
|
|
121
|
-
|
|
114
|
+
(0, _defineProperty2["default"])(RawNChoice, "propTypes", {
|
|
122
115
|
header: _propTypes["default"].string.isRequired,
|
|
123
116
|
className: _propTypes["default"].string,
|
|
124
117
|
customLabel: _propTypes["default"].func,
|
|
@@ -128,7 +121,6 @@ _defineProperty(RawNChoice, "propTypes", {
|
|
|
128
121
|
direction: _propTypes["default"].oneOf(['horizontal', 'vertical']),
|
|
129
122
|
classes: _propTypes["default"].object.isRequired
|
|
130
123
|
});
|
|
131
|
-
|
|
132
124
|
var NChoice = (0, _styles.withStyles)(styles)(RawNChoice);
|
|
133
125
|
exports.NChoice = NChoice;
|
|
134
126
|
|
|
@@ -137,18 +129,17 @@ var labelValue = _propTypes["default"].shape({
|
|
|
137
129
|
value: _propTypes["default"].string
|
|
138
130
|
});
|
|
139
131
|
|
|
140
|
-
var TwoChoice =
|
|
141
|
-
|
|
142
|
-
function (_React$Component2) {
|
|
143
|
-
_inherits(TwoChoice, _React$Component2);
|
|
132
|
+
var TwoChoice = /*#__PURE__*/function (_React$Component2) {
|
|
133
|
+
(0, _inherits2["default"])(TwoChoice, _React$Component2);
|
|
144
134
|
|
|
145
|
-
|
|
146
|
-
_classCallCheck(this, TwoChoice);
|
|
135
|
+
var _super2 = _createSuper(TwoChoice);
|
|
147
136
|
|
|
148
|
-
|
|
137
|
+
function TwoChoice() {
|
|
138
|
+
(0, _classCallCheck2["default"])(this, TwoChoice);
|
|
139
|
+
return _super2.apply(this, arguments);
|
|
149
140
|
}
|
|
150
141
|
|
|
151
|
-
|
|
142
|
+
(0, _createClass2["default"])(TwoChoice, [{
|
|
152
143
|
key: "render",
|
|
153
144
|
value: function render() {
|
|
154
145
|
var _this$props2 = this.props,
|
|
@@ -160,7 +151,7 @@ function (_React$Component2) {
|
|
|
160
151
|
value = _this$props2.value,
|
|
161
152
|
onChange = _this$props2.onChange;
|
|
162
153
|
var opts = [one, two];
|
|
163
|
-
return _react["default"].createElement(NChoice, {
|
|
154
|
+
return /*#__PURE__*/_react["default"].createElement(NChoice, {
|
|
164
155
|
customLabel: customLabel,
|
|
165
156
|
header: header,
|
|
166
157
|
className: className,
|
|
@@ -170,11 +161,10 @@ function (_React$Component2) {
|
|
|
170
161
|
});
|
|
171
162
|
}
|
|
172
163
|
}]);
|
|
173
|
-
|
|
174
164
|
return TwoChoice;
|
|
175
165
|
}(_react["default"].Component);
|
|
176
166
|
|
|
177
|
-
|
|
167
|
+
(0, _defineProperty2["default"])(TwoChoice, "propTypes", {
|
|
178
168
|
header: _propTypes["default"].string.isRequired,
|
|
179
169
|
value: _propTypes["default"].string.isRequired,
|
|
180
170
|
onChange: _propTypes["default"].func.isRequired,
|
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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"}
|