@pie-lib/config-ui 9.0.3-next.2 → 10.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +605 -0
- package/CHANGELOG.md +976 -328
- package/lib/alert-dialog.js +44 -0
- package/lib/alert-dialog.js.map +1 -0
- package/lib/checkbox.js +5 -5
- package/lib/checkbox.js.map +1 -1
- package/lib/choice-configuration/feedback-menu.js +42 -54
- package/lib/choice-configuration/feedback-menu.js.map +1 -1
- package/lib/choice-configuration/index.js +102 -86
- package/lib/choice-configuration/index.js.map +1 -1
- package/lib/choice-utils.js +9 -7
- package/lib/choice-utils.js.map +1 -1
- package/lib/feedback-config/feedback-selector.js +45 -49
- package/lib/feedback-config/feedback-selector.js.map +1 -1
- package/lib/feedback-config/group.js +13 -13
- package/lib/feedback-config/group.js.map +1 -1
- package/lib/feedback-config/index.js +57 -56
- package/lib/feedback-config/index.js.map +1 -1
- package/lib/form-section.js +19 -15
- package/lib/form-section.js.map +1 -1
- package/lib/help.js +31 -38
- package/lib/help.js.map +1 -1
- package/lib/index.js +73 -52
- package/lib/index.js.map +1 -1
- package/lib/input.js +36 -41
- package/lib/input.js.map +1 -1
- package/lib/inputs.js +42 -29
- package/lib/inputs.js.map +1 -1
- package/lib/langs.js +38 -46
- package/lib/langs.js.map +1 -1
- package/lib/layout/config-layout.js +36 -42
- package/lib/layout/config-layout.js.map +1 -1
- package/lib/layout/index.js +3 -3
- package/lib/layout/index.js.map +1 -1
- package/lib/layout/layout-contents.js +35 -35
- package/lib/layout/layout-contents.js.map +1 -1
- package/lib/layout/settings-box.js +29 -40
- package/lib/layout/settings-box.js.map +1 -1
- package/lib/mui-box/index.js +4 -4
- package/lib/mui-box/index.js.map +1 -1
- package/lib/number-text-field-custom.js +364 -0
- package/lib/number-text-field-custom.js.map +1 -0
- package/lib/number-text-field.js +46 -46
- package/lib/number-text-field.js.map +1 -1
- package/lib/radio-with-label.js +5 -5
- package/lib/radio-with-label.js.map +1 -1
- package/lib/settings/display-size.js +12 -10
- package/lib/settings/display-size.js.map +1 -1
- package/lib/settings/index.js +81 -14
- package/lib/settings/index.js.map +1 -1
- package/lib/settings/panel.js +297 -79
- package/lib/settings/panel.js.map +1 -1
- package/lib/settings/settings-radio-label.js +43 -0
- package/lib/settings/settings-radio-label.js.map +1 -0
- package/lib/settings/toggle.js +9 -7
- package/lib/settings/toggle.js.map +1 -1
- package/lib/tabs/index.js +29 -36
- package/lib/tabs/index.js.map +1 -1
- package/lib/tags-input/index.js +33 -41
- package/lib/tags-input/index.js.map +1 -1
- package/lib/two-choice.js +46 -50
- package/lib/two-choice.js.map +1 -1
- package/lib/with-stateful-model.js +24 -31
- package/lib/with-stateful-model.js.map +1 -1
- package/package.json +9 -7
- package/src/alert-dialog.jsx +43 -0
- package/src/checkbox.jsx +63 -0
- package/src/choice-configuration/feedback-menu.jsx +103 -0
- package/src/choice-configuration/index.jsx +319 -0
- package/src/choice-utils.js +30 -0
- package/src/feedback-config/feedback-selector.jsx +116 -0
- package/src/feedback-config/group.jsx +54 -0
- package/src/feedback-config/index.jsx +98 -0
- package/src/form-section.jsx +23 -0
- package/src/help.jsx +88 -0
- package/src/index.js +58 -0
- package/src/input.jsx +72 -0
- package/src/inputs.jsx +96 -0
- package/src/langs.jsx +122 -0
- package/src/layout/config-layout.jsx +64 -0
- package/src/layout/index.js +4 -0
- package/src/layout/layout-contents.jsx +60 -0
- package/src/layout/settings-box.jsx +31 -0
- package/src/mui-box/index.jsx +64 -0
- package/src/number-text-field-custom.jsx +276 -0
- package/src/number-text-field.jsx +196 -0
- package/src/radio-with-label.jsx +18 -0
- package/src/settings/display-size.jsx +52 -0
- package/src/settings/index.js +75 -0
- package/src/settings/panel.jsx +297 -0
- package/src/settings/settings-radio-label.jsx +20 -0
- package/src/settings/toggle.jsx +31 -0
- package/src/tabs/index.jsx +51 -0
- package/src/tags-input/index.jsx +121 -0
- package/src/two-choice.jsx +94 -0
- package/src/with-stateful-model.jsx +36 -0
- package/NEXT.CHANGELOG.json +0 -1
- package/__mocks__/@pie-lib/editable-html.jsx +0 -3
- package/lib/input-container.js +0 -59
- package/lib/input-container.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
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"}
|
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
|
});
|
|
@@ -9,14 +11,12 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
11
|
|
|
10
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
13
|
|
|
12
|
-
var
|
|
14
|
+
var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
|
|
13
15
|
|
|
14
16
|
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: {
|
|
@@ -25,6 +25,8 @@ var Toggle = (0, _styles.withStyles)(function (theme) {
|
|
|
25
25
|
justifyContent: 'space-between'
|
|
26
26
|
},
|
|
27
27
|
label: {
|
|
28
|
+
color: 'rgba(0, 0, 0, 0.89)',
|
|
29
|
+
fontSize: '14px',
|
|
28
30
|
paddingTop: theme.spacing.unit * 2
|
|
29
31
|
}
|
|
30
32
|
};
|
|
@@ -33,11 +35,11 @@ var Toggle = (0, _styles.withStyles)(function (theme) {
|
|
|
33
35
|
label = _ref.label,
|
|
34
36
|
toggle = _ref.toggle,
|
|
35
37
|
classes = _ref.classes;
|
|
36
|
-
return _react["default"].createElement("div", {
|
|
38
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
37
39
|
className: classes.toggle
|
|
38
|
-
}, _react["default"].createElement(
|
|
40
|
+
}, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
|
|
39
41
|
className: classes.label
|
|
40
|
-
}, label), _react["default"].createElement(_Switch["default"], {
|
|
42
|
+
}, label), /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
|
|
41
43
|
checked: checked,
|
|
42
44
|
onChange: function onChange(e) {
|
|
43
45
|
return toggle(e.target.checked);
|
|
@@ -51,4 +53,4 @@ Toggle.propTypes = {
|
|
|
51
53
|
};
|
|
52
54
|
var _default = Toggle;
|
|
53
55
|
exports["default"] = _default;
|
|
54
|
-
//# sourceMappingURL=
|
|
56
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJUb2dnbGUiLCJ3aXRoU3R5bGVzIiwidGhlbWUiLCJ0b2dnbGUiLCJkaXNwbGF5Iiwid2lkdGgiLCJqdXN0aWZ5Q29udGVudCIsImxhYmVsIiwiY29sb3IiLCJmb250U2l6ZSIsInBhZGRpbmdUb3AiLCJzcGFjaW5nIiwidW5pdCIsImNoZWNrZWQiLCJjbGFzc2VzIiwiZSIsInRhcmdldCIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsImJvb2wiLCJzdHJpbmciLCJpc1JlcXVpcmVkIiwiZnVuYyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zZXR0aW5ncy90b2dnbGUuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IElucHV0TGFiZWwgZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvSW5wdXRMYWJlbCc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcbmltcG9ydCBTd2l0Y2ggZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvU3dpdGNoJztcblxuY29uc3QgVG9nZ2xlID0gd2l0aFN0eWxlcyh0aGVtZSA9PiAoe1xuICB0b2dnbGU6IHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nXG4gIH0sXG4gIGxhYmVsOiB7XG4gICAgY29sb3I6ICdyZ2JhKDAsIDAsIDAsIDAuODkpJyxcbiAgICBmb250U2l6ZTogJzE0cHgnLFxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcudW5pdCAqIDJcbiAgfVxufSkpKCh7IGNoZWNrZWQsIGxhYmVsLCB0b2dnbGUsIGNsYXNzZXMgfSkgPT4gKFxuICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3Nlcy50b2dnbGV9PlxuICAgIDxJbnB1dExhYmVsIGNsYXNzTmFtZT17Y2xhc3Nlcy5sYWJlbH0+e2xhYmVsfTwvSW5wdXRMYWJlbD5cbiAgICA8U3dpdGNoIGNoZWNrZWQ9e2NoZWNrZWR9IG9uQ2hhbmdlPXtlID0+IHRvZ2dsZShlLnRhcmdldC5jaGVja2VkKX0gLz5cbiAgPC9kaXY+XG4pKTtcblxuVG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hlY2tlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIHRvZ2dsZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZFxufTtcblxuZXhwb3J0IGRlZmF1bHQgVG9nZ2xlO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFQSxJQUFNQSxNQUFNLEdBQUcsSUFBQUMsa0JBQUEsRUFBVyxVQUFBQyxLQUFLO0VBQUEsT0FBSztJQUNsQ0MsTUFBTSxFQUFFO01BQ05DLE9BQU8sRUFBRSxNQURIO01BRU5DLEtBQUssRUFBRSxNQUZEO01BR05DLGNBQWMsRUFBRTtJQUhWLENBRDBCO0lBTWxDQyxLQUFLLEVBQUU7TUFDTEMsS0FBSyxFQUFFLHFCQURGO01BRUxDLFFBQVEsRUFBRSxNQUZMO01BR0xDLFVBQVUsRUFBRVIsS0FBSyxDQUFDUyxPQUFOLENBQWNDLElBQWQsR0FBcUI7SUFINUI7RUFOMkIsQ0FBTDtBQUFBLENBQWhCLEVBV1g7RUFBQSxJQUFHQyxPQUFILFFBQUdBLE9BQUg7RUFBQSxJQUFZTixLQUFaLFFBQVlBLEtBQVo7RUFBQSxJQUFtQkosTUFBbkIsUUFBbUJBLE1BQW5CO0VBQUEsSUFBMkJXLE9BQTNCLFFBQTJCQSxPQUEzQjtFQUFBLG9CQUNGO0lBQUssU0FBUyxFQUFFQSxPQUFPLENBQUNYO0VBQXhCLGdCQUNFLGdDQUFDLHNCQUFEO0lBQVksU0FBUyxFQUFFVyxPQUFPLENBQUNQO0VBQS9CLEdBQXVDQSxLQUF2QyxDQURGLGVBRUUsZ0NBQUMsa0JBQUQ7SUFBUSxPQUFPLEVBQUVNLE9BQWpCO0lBQTBCLFFBQVEsRUFBRSxrQkFBQUUsQ0FBQztNQUFBLE9BQUlaLE1BQU0sQ0FBQ1ksQ0FBQyxDQUFDQyxNQUFGLENBQVNILE9BQVYsQ0FBVjtJQUFBO0VBQXJDLEVBRkYsQ0FERTtBQUFBLENBWFcsQ0FBZjtBQWtCQWIsTUFBTSxDQUFDaUIsU0FBUCxHQUFtQjtFQUNqQkosT0FBTyxFQUFFSyxxQkFBQSxDQUFVQyxJQURGO0VBRWpCWixLQUFLLEVBQUVXLHFCQUFBLENBQVVFLE1BQVYsQ0FBaUJDLFVBRlA7RUFHakJsQixNQUFNLEVBQUVlLHFCQUFBLENBQVVJLElBQVYsQ0FBZUQ7QUFITixDQUFuQjtlQU1lckIsTSJ9
|
|
@@ -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 ? _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,
|
|
@@ -110,4 +103,4 @@ var _default = (0, _core.withStyles)(function () {
|
|
|
110
103
|
})(Tabs);
|
|
111
104
|
|
|
112
105
|
exports["default"] = _default;
|
|
113
|
-
//# sourceMappingURL=
|
|
106
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJUYWJzIiwicHJvcHMiLCJldmVudCIsInZhbHVlIiwic2V0U3RhdGUiLCJzdGF0ZSIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwiY29udGVudENsYXNzTmFtZSIsImNsYXNzZXMiLCJ0YWJDbGFzc2VzIiwicm9vdCIsInRhYlJvb3QiLCJoYW5kbGVDaGFuZ2UiLCJSZWFjdCIsIkNoaWxkcmVuIiwibWFwIiwiYyIsImluZGV4IiwidGl0bGUiLCJDb21wb25lbnQiLCJQcm9wVHlwZXMiLCJvYmplY3QiLCJzdHJpbmciLCJvbmVPZlR5cGUiLCJhcnJheU9mIiwibm9kZSIsImlzUmVxdWlyZWQiLCJ3aXRoU3R5bGVzIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL3RhYnMvaW5kZXguanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBNdWlUYWJzIGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL1RhYnMnO1xuaW1wb3J0IE11aVRhYiBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9UYWInO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHdpdGhTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZSc7XG5cbmV4cG9ydCBjbGFzcyBUYWJzIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBjb250ZW50Q2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGNoaWxkcmVuOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMubm9kZSksIFByb3BUeXBlcy5ub2RlXSkuaXNSZXF1aXJlZFxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKHByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICB2YWx1ZTogMFxuICAgIH07XG4gIH1cblxuICBoYW5kbGVDaGFuZ2UgPSAoZXZlbnQsIHZhbHVlKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IHZhbHVlIH0pO1xuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IHZhbHVlIH0gPSB0aGlzLnN0YXRlO1xuICAgIGNvbnN0IHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgY29udGVudENsYXNzTmFtZSwgY2xhc3NlcyB9ID0gdGhpcy5wcm9wcztcblxuICAgIGNvbnN0IHRhYkNsYXNzZXMgPSB7XG4gICAgICByb290OiBjbGFzc2VzLnRhYlJvb3RcbiAgICB9O1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgICAgPE11aVRhYnMgaW5kaWNhdG9yQ29sb3I9XCJwcmltYXJ5XCIgdmFsdWU9e3ZhbHVlfSBvbkNoYW5nZT17dGhpcy5oYW5kbGVDaGFuZ2V9PlxuICAgICAgICAgIHtSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4sIChjLCBpbmRleCkgPT5cbiAgICAgICAgICAgIGMgJiYgYy5wcm9wcy50aXRsZSA/IChcbiAgICAgICAgICAgICAgPE11aVRhYiBjbGFzc2VzPXt0YWJDbGFzc2VzfSBrZXk9e2luZGV4fSBsYWJlbD17Yy5wcm9wcy50aXRsZX0gLz5cbiAgICAgICAgICAgICkgOiBudWxsXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9NdWlUYWJzPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y29udGVudENsYXNzTmFtZX0+e2NoaWxkcmVuW3ZhbHVlXX08L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlcygoKSA9PiAoe1xuICB0YWJSb290OiB7fVxufSkpKFRhYnMpO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUVBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7SUFFYUEsSTs7Ozs7RUFRWCxjQUFZQyxLQUFaLEVBQW1CO0lBQUE7O0lBQUE7SUFDakIsMEJBQU1BLEtBQU47SUFEaUIsaUdBT0osVUFBQ0MsS0FBRCxFQUFRQyxLQUFSLEVBQWtCO01BQy9CLE1BQUtDLFFBQUwsQ0FBYztRQUFFRCxLQUFLLEVBQUxBO01BQUYsQ0FBZDtJQUNELENBVGtCO0lBRWpCLE1BQUtFLEtBQUwsR0FBYTtNQUNYRixLQUFLLEVBQUU7SUFESSxDQUFiO0lBRmlCO0VBS2xCOzs7O1dBTUQsa0JBQVM7TUFDUCxJQUFRQSxLQUFSLEdBQWtCLEtBQUtFLEtBQXZCLENBQVFGLEtBQVI7TUFDQSxrQkFBMkQsS0FBS0YsS0FBaEU7TUFBQSxJQUFRSyxRQUFSLGVBQVFBLFFBQVI7TUFBQSxJQUFrQkMsU0FBbEIsZUFBa0JBLFNBQWxCO01BQUEsSUFBNkJDLGdCQUE3QixlQUE2QkEsZ0JBQTdCO01BQUEsSUFBK0NDLE9BQS9DLGVBQStDQSxPQUEvQztNQUVBLElBQU1DLFVBQVUsR0FBRztRQUNqQkMsSUFBSSxFQUFFRixPQUFPLENBQUNHO01BREcsQ0FBbkI7TUFHQSxvQkFDRTtRQUFLLFNBQVMsRUFBRUw7TUFBaEIsZ0JBQ0UsZ0NBQUMsZ0JBQUQ7UUFBUyxjQUFjLEVBQUMsU0FBeEI7UUFBa0MsS0FBSyxFQUFFSixLQUF6QztRQUFnRCxRQUFRLEVBQUUsS0FBS1U7TUFBL0QsR0FDR0MsaUJBQUEsQ0FBTUMsUUFBTixDQUFlQyxHQUFmLENBQW1CVixRQUFuQixFQUE2QixVQUFDVyxDQUFELEVBQUlDLEtBQUo7UUFBQSxPQUM1QkQsQ0FBQyxJQUFJQSxDQUFDLENBQUNoQixLQUFGLENBQVFrQixLQUFiLGdCQUNFLGdDQUFDLGVBQUQ7VUFBUSxPQUFPLEVBQUVULFVBQWpCO1VBQTZCLEdBQUcsRUFBRVEsS0FBbEM7VUFBeUMsS0FBSyxFQUFFRCxDQUFDLENBQUNoQixLQUFGLENBQVFrQjtRQUF4RCxFQURGLEdBRUksSUFId0I7TUFBQSxDQUE3QixDQURILENBREYsZUFRRTtRQUFLLFNBQVMsRUFBRVg7TUFBaEIsR0FBbUNGLFFBQVEsQ0FBQ0gsS0FBRCxDQUEzQyxDQVJGLENBREY7SUFZRDs7O0VBdEN1QlcsaUJBQUEsQ0FBTU0sUzs7O2lDQUFuQnBCLEksZUFDUTtFQUNqQlMsT0FBTyxFQUFFWSxxQkFBQSxDQUFVQyxNQURGO0VBRWpCZixTQUFTLEVBQUVjLHFCQUFBLENBQVVFLE1BRko7RUFHakJmLGdCQUFnQixFQUFFYSxxQkFBQSxDQUFVRSxNQUhYO0VBSWpCakIsUUFBUSxFQUFFZSxxQkFBQSxDQUFVRyxTQUFWLENBQW9CLENBQUNILHFCQUFBLENBQVVJLE9BQVYsQ0FBa0JKLHFCQUFBLENBQVVLLElBQTVCLENBQUQsRUFBb0NMLHFCQUFBLENBQVVLLElBQTlDLENBQXBCLEVBQXlFQztBQUpsRSxDOztlQXdDTixJQUFBQyxnQkFBQSxFQUFXO0VBQUEsT0FBTztJQUMvQmhCLE9BQU8sRUFBRTtFQURzQixDQUFQO0FBQUEsQ0FBWCxFQUVYWixJQUZXLEMifQ==
|
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
|
|
@@ -203,4 +195,4 @@ var styles = function styles(theme) {
|
|
|
203
195
|
var _default = (0, _styles.withStyles)(styles)(TagsInput);
|
|
204
196
|
|
|
205
197
|
exports["default"] = _default;
|
|
206
|
-
//# sourceMappingURL=
|
|
198
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJFTlRFUiIsIlRhZyIsIndpdGhTdHlsZXMiLCJ0YWciLCJwYWRkaW5nIiwibWFyZ2luIiwiY2xhc3NlcyIsImxhYmVsIiwib25EZWxldGUiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJzdHJpbmciLCJpc1JlcXVpcmVkIiwiZnVuYyIsIlRhZ3NJbnB1dCIsInByb3BzIiwic2V0U3RhdGUiLCJmb2N1c2VkIiwic3RhdGUiLCJ2YWx1ZSIsIm9uS2V5RG93biIsImV2ZW50Iiwia2V5Q29kZSIsInRyaW0iLCJuZXdUYWdzIiwidW5pcSIsInRhZ3MiLCJjb25jYXQiLCJsZW5ndGgiLCJvbkNoYW5nZSIsInRhcmdldCIsImRlbGV0ZVRhZyIsInRhZ0luZGV4IiwiaW5kZXhPZiIsInNwbGljZSIsImlucHV0IiwiZm9jdXMiLCJ0YWdzSW5wdXQiLCJtYXAiLCJ0IiwiaW5kZXgiLCJyIiwib25Gb2N1cyIsIm9uQmx1ciIsIlJlYWN0IiwiQ29tcG9uZW50Iiwib2JqZWN0IiwiYXJyYXlPZiIsInN0eWxlcyIsInRoZW1lIiwiYm9yZGVyIiwiZGlzcGxheSIsImZsZXhXcmFwIiwibWluV2lkdGgiLCJ3aWR0aCIsImZsZXgiLCJoZWlnaHQiLCJmb250U2l6ZSIsInR5cG9ncmFwaHkiLCJmb250RmFtaWx5Iiwib3V0bGluZSJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWdzLWlucHV0L2luZGV4LmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHdpdGhTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9zdHlsZXMnO1xuaW1wb3J0IHVuaXEgZnJvbSAnbG9kYXNoL3VuaXEnO1xuaW1wb3J0IENoaXAgZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvQ2hpcCc7XG5pbXBvcnQgTXVpQm94IGZyb20gJy4uL211aS1ib3gnO1xuXG5jb25zdCBFTlRFUiA9IDEzO1xuXG5jb25zdCBUYWcgPSB3aXRoU3R5bGVzKCgpID0+ICh7XG4gIHRhZzoge1xuICAgIHBhZGRpbmc6ICcwcHgnLFxuICAgIG1hcmdpbjogJzFweCdcbiAgfVxufSkpKCh7IGNsYXNzZXMsIGxhYmVsLCBvbkRlbGV0ZSB9KSA9PiAoXG4gIDxDaGlwIGNsYXNzTmFtZT17Y2xhc3Nlcy50YWd9IGxhYmVsPXtsYWJlbH0gb25EZWxldGU9e29uRGVsZXRlfSAvPlxuKSk7XG5cblRhZy5wcm9wVHlwZXMgPSB7XG4gIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uRGVsZXRlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkXG59O1xuXG5leHBvcnQgY2xhc3MgVGFnc0lucHV0IGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWQsXG4gICAgdGFnczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnN0cmluZykuaXNSZXF1aXJlZCxcbiAgICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZFxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKHByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICB2YWx1ZTogJycsXG4gICAgICBmb2N1c2VkOiBmYWxzZVxuICAgIH07XG5cbiAgICB0aGlzLm9uS2V5RG93biA9IGV2ZW50ID0+IHtcbiAgICAgIGlmIChldmVudC5rZXlDb2RlID09PSBFTlRFUiAmJiB0aGlzLnN0YXRlLnZhbHVlICE9PSAnJykge1xuICAgICAgICBjb25zdCB0YWcgPSB0aGlzLnN0YXRlLnZhbHVlLnRyaW0oKTtcbiAgICAgICAgY29uc3QgbmV3VGFncyA9IHVuaXEodGhpcy5wcm9wcy50YWdzLmNvbmNhdChbdGFnXSkpO1xuXG4gICAgICAgIGlmIChuZXdUYWdzLmxlbmd0aCAhPT0gdGhpcy5wcm9wcy50YWdzLmxlbmd0aCkge1xuICAgICAgICAgIHRoaXMucHJvcHMub25DaGFuZ2UobmV3VGFncyk7XG4gICAgICAgICAgdGhpcy5zZXRTdGF0ZSh7IHZhbHVlOiAnJyB9KTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH07XG5cbiAgICB0aGlzLm9uQ2hhbmdlID0gZXZlbnQgPT4ge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7IHZhbHVlOiBldmVudC50YXJnZXQudmFsdWUgfSk7XG4gICAgfTtcblxuICAgIHRoaXMuZGVsZXRlVGFnID0gdGFnID0+IHtcbiAgICAgIGNvbnN0IHsgdGFncyB9ID0gdGhpcy5wcm9wcztcblxuICAgICAgY29uc3QgdGFnSW5kZXggPSB0YWdzLmluZGV4T2YodGFnKTtcbiAgICAgIGlmICh0YWdJbmRleCAhPT0gLTEpIHtcbiAgICAgICAgdGFncy5zcGxpY2UodGFnSW5kZXgsIDEpO1xuICAgICAgICB0aGlzLnByb3BzLm9uQ2hhbmdlKHRhZ3MpO1xuICAgICAgICB0aGlzLmlucHV0LmZvY3VzKCk7XG4gICAgICB9XG4gICAgfTtcbiAgfVxuXG4gIG9uRm9jdXMgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGZvY3VzZWQ6IHRydWUgfSk7XG4gIH07XG5cbiAgb25CbHVyID0gKCkgPT4ge1xuICAgIHRoaXMuc2V0U3RhdGUoeyBmb2N1c2VkOiBmYWxzZSB9KTtcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBjbGFzc2VzLCB0YWdzIH0gPSB0aGlzLnByb3BzO1xuICAgIHJldHVybiAoXG4gICAgICA8TXVpQm94IGZvY3VzZWQ9e3RoaXMuc3RhdGUuZm9jdXNlZH0+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLnRhZ3NJbnB1dH0+XG4gICAgICAgICAgeyh0YWdzIHx8IFtdKS5tYXAoKHQsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICA8VGFnIGtleT17aW5kZXh9IGxhYmVsPXt0fSBvbkRlbGV0ZT17KCkgPT4gdGhpcy5kZWxldGVUYWcodCl9IC8+XG4gICAgICAgICAgKSl9XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICByZWY9e3IgPT4gKHRoaXMuaW5wdXQgPSByKX1cbiAgICAgICAgICAgIG9uS2V5RG93bj17dGhpcy5vbktleURvd259XG4gICAgICAgICAgICBvbkNoYW5nZT17dGhpcy5vbkNoYW5nZX1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlcy5pbnB1dH1cbiAgICAgICAgICAgIHZhbHVlPXt0aGlzLnN0YXRlLnZhbHVlfVxuICAgICAgICAgICAgb25Gb2N1cz17dGhpcy5vbkZvY3VzfVxuICAgICAgICAgICAgb25CbHVyPXt0aGlzLm9uQmx1cn1cbiAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvTXVpQm94PlxuICAgICk7XG4gIH1cbn1cblxuY29uc3Qgc3R5bGVzID0gdGhlbWUgPT4gKHtcbiAgdGFnc0lucHV0OiB7XG4gICAgYm9yZGVyOiAnc29saWQgMHB4IHdoaXRlJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleFdyYXA6ICd3cmFwJ1xuICB9LFxuICBpbnB1dDoge1xuICAgIHBhZGRpbmc6ICcycHgnLFxuICAgIG1hcmdpbjogJzFweCcsXG4gICAgbWluV2lkdGg6ICczMHB4JyxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIGZsZXg6ICcxJyxcbiAgICBib3JkZXI6ICdzb2xpZCAwcHggd2hpdGUnLFxuICAgIGhlaWdodDogJzI4cHgnLFxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnR5cG9ncmFwaHkuZm9udEZhbWlseSxcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gICAgJyY6Zm9jdXMnOiB7XG4gICAgICBvdXRsaW5lOiAnbm9uZSdcbiAgICB9XG4gIH1cbn0pO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGVzKHN0eWxl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
|
|
@@ -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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"}
|