@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.
Files changed (70) hide show
  1. package/CHANGELOG.md +346 -0
  2. package/lib/alert-dialog.js +44 -0
  3. package/lib/alert-dialog.js.map +1 -0
  4. package/lib/checkbox.js +4 -4
  5. package/lib/checkbox.js.map +1 -1
  6. package/lib/choice-configuration/feedback-menu.js +41 -53
  7. package/lib/choice-configuration/feedback-menu.js.map +1 -1
  8. package/lib/choice-configuration/index.js +88 -81
  9. package/lib/choice-configuration/index.js.map +1 -1
  10. package/lib/choice-utils.js +8 -8
  11. package/lib/choice-utils.js.map +1 -1
  12. package/lib/feedback-config/feedback-selector.js +38 -47
  13. package/lib/feedback-config/feedback-selector.js.map +1 -1
  14. package/lib/feedback-config/group.js +5 -5
  15. package/lib/feedback-config/group.js.map +1 -1
  16. package/lib/feedback-config/index.js +46 -52
  17. package/lib/feedback-config/index.js.map +1 -1
  18. package/lib/form-section.js +8 -6
  19. package/lib/form-section.js.map +1 -1
  20. package/lib/help.js +30 -37
  21. package/lib/help.js.map +1 -1
  22. package/lib/index.js +66 -45
  23. package/lib/index.js.map +1 -1
  24. package/lib/input.js +35 -40
  25. package/lib/input.js.map +1 -1
  26. package/lib/inputs.js +28 -17
  27. package/lib/inputs.js.map +1 -1
  28. package/lib/langs.js +37 -45
  29. package/lib/langs.js.map +1 -1
  30. package/lib/layout/config-layout.js +29 -37
  31. package/lib/layout/config-layout.js.map +1 -1
  32. package/lib/layout/index.js +2 -2
  33. package/lib/layout/index.js.map +1 -1
  34. package/lib/layout/layout-contents.js +28 -34
  35. package/lib/layout/layout-contents.js.map +1 -1
  36. package/lib/layout/settings-box.js +23 -31
  37. package/lib/layout/settings-box.js.map +1 -1
  38. package/lib/mui-box/index.js +3 -3
  39. package/lib/mui-box/index.js.map +1 -1
  40. package/lib/number-text-field-custom.js +364 -0
  41. package/lib/number-text-field-custom.js.map +1 -0
  42. package/lib/number-text-field.js +33 -42
  43. package/lib/number-text-field.js.map +1 -1
  44. package/lib/radio-with-label.js +4 -4
  45. package/lib/radio-with-label.js.map +1 -1
  46. package/lib/settings/display-size.js +10 -10
  47. package/lib/settings/display-size.js.map +1 -1
  48. package/lib/settings/index.js +11 -17
  49. package/lib/settings/index.js.map +1 -1
  50. package/lib/settings/panel.js +58 -68
  51. package/lib/settings/panel.js.map +1 -1
  52. package/lib/settings/settings-radio-label.js +4 -4
  53. package/lib/settings/settings-radio-label.js.map +1 -1
  54. package/lib/settings/toggle.js +5 -5
  55. package/lib/settings/toggle.js.map +1 -1
  56. package/lib/tabs/index.js +28 -35
  57. package/lib/tabs/index.js.map +1 -1
  58. package/lib/tags-input/index.js +32 -40
  59. package/lib/tags-input/index.js.map +1 -1
  60. package/lib/two-choice.js +38 -48
  61. package/lib/two-choice.js.map +1 -1
  62. package/lib/with-stateful-model.js +23 -30
  63. package/lib/with-stateful-model.js.map +1 -1
  64. package/package.json +4 -4
  65. package/src/alert-dialog.jsx +43 -0
  66. package/src/choice-configuration/index.jsx +30 -11
  67. package/src/form-section.jsx +2 -2
  68. package/src/index.js +4 -0
  69. package/src/inputs.jsx +13 -5
  70. package/src/number-text-field-custom.jsx +276 -0
package/lib/inputs.js CHANGED
@@ -1,9 +1,13 @@
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
- exports.InputRadio = exports.InputCheckbox = exports.InputSwitch = void 0;
8
+ exports.InputSwitch = exports.InputRadio = exports.InputCheckbox = void 0;
9
+
10
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
7
11
 
8
12
  var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
9
13
 
@@ -19,13 +23,11 @@ var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
19
23
 
20
24
  var _styles = require("@material-ui/core/styles");
21
25
 
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
-
24
- 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; }
26
+ var _classnames = _interopRequireDefault(require("classnames"));
25
27
 
26
- 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; }
28
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
27
29
 
28
- 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; }
30
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
29
31
 
30
32
  var InputTypes = {
31
33
  classes: _propTypes["default"].object.isRequired,
@@ -33,7 +35,8 @@ var InputTypes = {
33
35
  label: _propTypes["default"].string,
34
36
  checked: _propTypes["default"].bool,
35
37
  onChange: _propTypes["default"].func,
36
- disabled: _propTypes["default"].bool
38
+ disabled: _propTypes["default"].bool,
39
+ error: _propTypes["default"].string
37
40
  };
38
41
 
39
42
  var RawInputSwitch = function RawInputSwitch(_ref) {
@@ -42,10 +45,10 @@ var RawInputSwitch = function RawInputSwitch(_ref) {
42
45
  label = _ref.label,
43
46
  checked = _ref.checked,
44
47
  onChange = _ref.onChange;
45
- return _react["default"].createElement(_renderUi.InputContainer, {
48
+ return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
46
49
  className: className,
47
50
  label: label
48
- }, _react["default"].createElement(_Switch["default"], {
51
+ }, /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
49
52
  className: classes.switchRoot,
50
53
  checked: checked,
51
54
  onChange: onChange,
@@ -68,12 +71,13 @@ var RawInputCheckbox = function RawInputCheckbox(props) {
68
71
  label = props.label,
69
72
  checked = props.checked,
70
73
  onChange = props.onChange,
71
- disabled = props.disabled;
72
- return _react["default"].createElement(_renderUi.InputContainer, {
74
+ disabled = props.disabled,
75
+ error = props.error;
76
+ return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
73
77
  className: className,
74
78
  label: label
75
- }, _react["default"].createElement(_Checkbox["default"], {
76
- className: classes.checkboxRoot,
79
+ }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
80
+ className: (0, _classnames["default"])(classes.checkboxRoot, error && classes.error),
77
81
  disabled: disabled,
78
82
  checked: checked,
79
83
  onChange: onChange,
@@ -89,12 +93,13 @@ var RawInputRadio = function RawInputRadio(props) {
89
93
  label = props.label,
90
94
  checked = props.checked,
91
95
  onChange = props.onChange,
92
- disabled = props.disabled;
93
- return _react["default"].createElement(_renderUi.InputContainer, {
96
+ disabled = props.disabled,
97
+ error = props.error;
98
+ return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
94
99
  className: className,
95
100
  label: label
96
- }, _react["default"].createElement(_Radio["default"], {
97
- className: classes.radioRoot,
101
+ }, /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
102
+ className: (0, _classnames["default"])(classes.radioRoot, error && classes.error),
98
103
  disabled: disabled,
99
104
  checked: checked,
100
105
  onChange: onChange,
@@ -106,6 +111,9 @@ RawInputRadio.propTypes = _objectSpread({}, InputTypes);
106
111
  var InputCheckbox = (0, _styles.withStyles)({
107
112
  checkboxRoot: {
108
113
  transform: 'translate(-25%, 20%)'
114
+ },
115
+ error: {
116
+ color: 'red'
109
117
  }
110
118
  })(RawInputCheckbox);
111
119
  exports.InputCheckbox = InputCheckbox;
@@ -113,6 +121,9 @@ var InputRadio = (0, _styles.withStyles)(function () {
113
121
  return {
114
122
  radioRoot: {
115
123
  transform: 'translate(-20%, 20%)'
124
+ },
125
+ error: {
126
+ color: 'red'
116
127
  }
117
128
  };
118
129
  })(RawInputRadio);
package/lib/inputs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/inputs.jsx"],"names":["InputTypes","classes","PropTypes","object","isRequired","className","string","label","checked","bool","onChange","func","disabled","RawInputSwitch","switchRoot","propTypes","InputSwitch","justifyContent","transform","RawInputCheckbox","props","checkboxRoot","RawInputRadio","radioRoot","InputCheckbox","InputRadio"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,UAAU,GAAG;AACjBC,EAAAA,OAAO,EAAEC,sBAAUC,MAAV,CAAiBC,UADT;AAEjBC,EAAAA,SAAS,EAAEH,sBAAUI,MAFJ;AAGjBC,EAAAA,KAAK,EAAEL,sBAAUI,MAHA;AAIjBE,EAAAA,OAAO,EAAEN,sBAAUO,IAJF;AAKjBC,EAAAA,QAAQ,EAAER,sBAAUS,IALH;AAMjBC,EAAAA,QAAQ,EAAEV,sBAAUO;AANH,CAAnB;;AASA,IAAMI,cAAc,GAAG,SAAjBA,cAAiB,OAAsD;AAAA,MAAnDZ,OAAmD,QAAnDA,OAAmD;AAAA,MAA1CI,SAA0C,QAA1CA,SAA0C;AAAA,MAA/BE,KAA+B,QAA/BA,KAA+B;AAAA,MAAxBC,OAAwB,QAAxBA,OAAwB;AAAA,MAAfE,QAAe,QAAfA,QAAe;AAC3E,SACE,gCAAC,wBAAD;AAAgB,IAAA,SAAS,EAAEL,SAA3B;AAAsC,IAAA,KAAK,EAAEE;AAA7C,KACE,gCAAC,kBAAD;AACE,IAAA,SAAS,EAAEN,OAAO,CAACa,UADrB;AAEE,IAAA,OAAO,EAAEN,OAFX;AAGE,IAAA,QAAQ,EAAEE,QAHZ;AAIE,kBAAYH;AAJd,IADF,CADF;AAUD,CAXD;;AAaAM,cAAc,CAACE,SAAf,qBAAgCf,UAAhC;AAEA,IAAMgB,WAAW,GAAG,wBAAW;AAC7BF,EAAAA,UAAU,EAAE;AACVG,IAAAA,cAAc,EAAE,SADN;AAEVC,IAAAA,SAAS,EAAE;AAFD;AADiB,CAAX,EAKjBL,cALiB,CAApB;;;AAOA,IAAMM,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,KAAK,EAAI;AAAA,MACxBnB,OADwB,GACmCmB,KADnC,CACxBnB,OADwB;AAAA,MACfI,SADe,GACmCe,KADnC,CACff,SADe;AAAA,MACJE,KADI,GACmCa,KADnC,CACJb,KADI;AAAA,MACGC,OADH,GACmCY,KADnC,CACGZ,OADH;AAAA,MACYE,QADZ,GACmCU,KADnC,CACYV,QADZ;AAAA,MACsBE,QADtB,GACmCQ,KADnC,CACsBR,QADtB;AAGhC,SACE,gCAAC,wBAAD;AAAgB,IAAA,SAAS,EAAEP,SAA3B;AAAsC,IAAA,KAAK,EAAEE;AAA7C,KACE,gCAAC,oBAAD;AACE,IAAA,SAAS,EAAEN,OAAO,CAACoB,YADrB;AAEE,IAAA,QAAQ,EAAET,QAFZ;AAGE,IAAA,OAAO,EAAEJ,OAHX;AAIE,IAAA,QAAQ,EAAEE,QAJZ;AAKE,kBAAYH;AALd,IADF,CADF;AAWD,CAdD;;AAgBAY,gBAAgB,CAACJ,SAAjB,qBAAkCf,UAAlC;;AAEA,IAAMsB,aAAa,GAAG,SAAhBA,aAAgB,CAAAF,KAAK,EAAI;AAAA,MACrBnB,OADqB,GACsCmB,KADtC,CACrBnB,OADqB;AAAA,MACZI,SADY,GACsCe,KADtC,CACZf,SADY;AAAA,MACDE,KADC,GACsCa,KADtC,CACDb,KADC;AAAA,MACMC,OADN,GACsCY,KADtC,CACMZ,OADN;AAAA,MACeE,QADf,GACsCU,KADtC,CACeV,QADf;AAAA,MACyBE,QADzB,GACsCQ,KADtC,CACyBR,QADzB;AAG7B,SACE,gCAAC,wBAAD;AAAgB,IAAA,SAAS,EAAEP,SAA3B;AAAsC,IAAA,KAAK,EAAEE;AAA7C,KACE,gCAAC,iBAAD;AACE,IAAA,SAAS,EAAEN,OAAO,CAACsB,SADrB;AAEE,IAAA,QAAQ,EAAEX,QAFZ;AAGE,IAAA,OAAO,EAAEJ,OAHX;AAIE,IAAA,QAAQ,EAAEE,QAJZ;AAKE,kBAAYH;AALd,IADF,CADF;AAWD,CAdD;;AAgBAe,aAAa,CAACP,SAAd,qBAA+Bf,UAA/B;AAEA,IAAMwB,aAAa,GAAG,wBAAW;AAC/BH,EAAAA,YAAY,EAAE;AACZH,IAAAA,SAAS,EAAE;AADC;AADiB,CAAX,EAInBC,gBAJmB,CAAtB;;AAMA,IAAMM,UAAU,GAAG,wBAAW;AAAA,SAAO;AACnCF,IAAAA,SAAS,EAAE;AACTL,MAAAA,SAAS,EAAE;AADF;AADwB,GAAP;AAAA,CAAX,EAIfI,aAJe,CAAnB","sourcesContent":["import Checkbox from '@material-ui/core/Checkbox';\nimport Radio from '@material-ui/core/Radio';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Switch from '@material-ui/core/Switch';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst InputTypes = {\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n label: PropTypes.string,\n checked: PropTypes.bool,\n onChange: PropTypes.func,\n disabled: PropTypes.bool\n};\n\nconst RawInputSwitch = ({ classes, className, label, checked, onChange }) => {\n return (\n <InputContainer className={className} label={label}>\n <Switch\n className={classes.switchRoot}\n checked={checked}\n onChange={onChange}\n aria-label={label}\n />\n </InputContainer>\n );\n};\n\nRawInputSwitch.propTypes = { ...InputTypes };\n\nconst InputSwitch = withStyles({\n switchRoot: {\n justifyContent: 'inherit',\n transform: 'translate(-20%, 20%)'\n }\n})(RawInputSwitch);\n\nconst RawInputCheckbox = props => {\n const { classes, className, label, checked, onChange, disabled } = props;\n\n return (\n <InputContainer className={className} label={label}>\n <Checkbox\n className={classes.checkboxRoot}\n disabled={disabled}\n checked={checked}\n onChange={onChange}\n aria-label={label}\n />\n </InputContainer>\n );\n};\n\nRawInputCheckbox.propTypes = { ...InputTypes };\n\nconst RawInputRadio = props => {\n const { classes, className, label, checked, onChange, disabled } = props;\n\n return (\n <InputContainer className={className} label={label}>\n <Radio\n className={classes.radioRoot}\n disabled={disabled}\n checked={checked}\n onChange={onChange}\n aria-label={label}\n />\n </InputContainer>\n );\n};\n\nRawInputRadio.propTypes = { ...InputTypes };\n\nconst InputCheckbox = withStyles({\n checkboxRoot: {\n transform: 'translate(-25%, 20%)'\n }\n})(RawInputCheckbox);\n\nconst InputRadio = withStyles(() => ({\n radioRoot: {\n transform: 'translate(-20%, 20%)'\n }\n}))(RawInputRadio);\n\nexport { InputSwitch, InputCheckbox, InputRadio };\n"],"file":"inputs.js"}
1
+ {"version":3,"file":"inputs.js","names":["InputTypes","classes","PropTypes","object","isRequired","className","string","label","checked","bool","onChange","func","disabled","error","RawInputSwitch","switchRoot","propTypes","InputSwitch","withStyles","justifyContent","transform","RawInputCheckbox","props","classNames","checkboxRoot","RawInputRadio","radioRoot","InputCheckbox","color","InputRadio"],"sources":["../src/inputs.jsx"],"sourcesContent":["import Checkbox from '@material-ui/core/Checkbox';\nimport Radio from '@material-ui/core/Radio';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Switch from '@material-ui/core/Switch';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nconst InputTypes = {\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n label: PropTypes.string,\n checked: PropTypes.bool,\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n error: PropTypes.string\n};\n\nconst RawInputSwitch = ({ classes, className, label, checked, onChange }) => {\n return (\n <InputContainer className={className} label={label}>\n <Switch\n className={classes.switchRoot}\n checked={checked}\n onChange={onChange}\n aria-label={label}\n />\n </InputContainer>\n );\n};\n\nRawInputSwitch.propTypes = { ...InputTypes };\n\nconst InputSwitch = withStyles({\n switchRoot: {\n justifyContent: 'inherit',\n transform: 'translate(-20%, 20%)'\n }\n})(RawInputSwitch);\n\nconst RawInputCheckbox = props => {\n const { classes, className, label, checked, onChange, disabled, error } = props;\n\n return (\n <InputContainer className={className} label={label}>\n <Checkbox\n className={classNames(classes.checkboxRoot, error && classes.error)}\n disabled={disabled}\n checked={checked}\n onChange={onChange}\n aria-label={label}\n />\n </InputContainer>\n );\n};\n\nRawInputCheckbox.propTypes = { ...InputTypes };\n\nconst RawInputRadio = props => {\n const { classes, className, label, checked, onChange, disabled, error } = props;\n\n return (\n <InputContainer className={className} label={label}>\n <Radio\n className={classNames(classes.radioRoot, error && classes.error)}\n disabled={disabled}\n checked={checked}\n onChange={onChange}\n aria-label={label}\n />\n </InputContainer>\n );\n};\n\nRawInputRadio.propTypes = { ...InputTypes };\n\nconst InputCheckbox = withStyles({\n checkboxRoot: {\n transform: 'translate(-25%, 20%)'\n },\n error: {\n color: 'red'\n }\n})(RawInputCheckbox);\n\nconst InputRadio = withStyles(() => ({\n radioRoot: {\n transform: 'translate(-20%, 20%)'\n },\n error: {\n color: 'red'\n }\n}))(RawInputRadio);\n\nexport { InputSwitch, InputCheckbox, InputRadio };\n"],"mappings":"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"}
package/lib/langs.js CHANGED
@@ -1,9 +1,25 @@
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
- exports.LanguageControls = exports["default"] = exports.RawLangs = void 0;
8
+ exports["default"] = exports.RawLangs = exports.LanguageControls = void 0;
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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
7
23
 
8
24
  var _Input = _interopRequireDefault(require("@material-ui/core/Input"));
9
25
 
@@ -25,27 +41,9 @@ var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl
25
41
 
26
42
  var _debug = _interopRequireDefault(require("debug"));
27
43
 
28
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
29
-
30
- 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); }
31
-
32
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
33
-
34
- 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); } }
35
-
36
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
44
+ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
37
45
 
38
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
39
-
40
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
41
-
42
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
43
-
44
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
45
-
46
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
47
-
48
- 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; }
46
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
49
47
 
50
48
  var log = (0, _debug["default"])('pie-elements:config-ui:langs');
51
49
 
@@ -68,31 +66,28 @@ var styles = function styles(theme) {
68
66
  };
69
67
  };
70
68
 
71
- var RawLangs =
72
- /*#__PURE__*/
73
- function (_React$Component) {
74
- _inherits(RawLangs, _React$Component);
69
+ var RawLangs = /*#__PURE__*/function (_React$Component) {
70
+ (0, _inherits2["default"])(RawLangs, _React$Component);
71
+
72
+ var _super = _createSuper(RawLangs);
75
73
 
76
74
  function RawLangs(props) {
77
75
  var _this;
78
76
 
79
- _classCallCheck(this, RawLangs);
80
-
81
- _this = _possibleConstructorReturn(this, _getPrototypeOf(RawLangs).call(this, props));
82
-
83
- _defineProperty(_assertThisInitialized(_this), "choose", function (event) {
77
+ (0, _classCallCheck2["default"])(this, RawLangs);
78
+ _this = _super.call(this, props);
79
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "choose", function (event) {
84
80
  log('[choose] event: ', event);
85
81
 
86
82
  if (_this.props.onChange) {
87
83
  _this.props.onChange(event.target.value);
88
84
  }
89
85
  });
90
-
91
86
  _this.uid = props.uid || (Math.random() * 10000).toFixed();
92
87
  return _this;
93
88
  }
94
89
 
95
- _createClass(RawLangs, [{
90
+ (0, _createClass2["default"])(RawLangs, [{
96
91
  key: "render",
97
92
  value: function render() {
98
93
  var _this$props = this.props,
@@ -101,34 +96,32 @@ function (_React$Component) {
101
96
  label = _this$props.label,
102
97
  classes = _this$props.classes;
103
98
  log('[render] selected:', selected);
104
- return _react["default"].createElement("div", {
99
+ return /*#__PURE__*/_react["default"].createElement("div", {
105
100
  className: classes.root
106
- }, _react["default"].createElement(_FormControl["default"], {
101
+ }, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
107
102
  className: classes.formControl
108
- }, _react["default"].createElement(_InputLabel["default"], {
103
+ }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
109
104
  className: classes.inputLabel,
110
105
  htmlFor: this.uid
111
- }, label), _react["default"].createElement(_Select["default"], {
106
+ }, label), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
112
107
  value: selected,
113
108
  onChange: this.choose,
114
- input: _react["default"].createElement(_Input["default"], {
109
+ input: /*#__PURE__*/_react["default"].createElement(_Input["default"], {
115
110
  id: this.uid
116
111
  })
117
112
  }, langs.map(function (l, index) {
118
- return _react["default"].createElement(_MenuItem["default"], {
113
+ return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
119
114
  key: index,
120
115
  value: l
121
116
  }, l);
122
117
  }))));
123
118
  }
124
119
  }]);
125
-
126
120
  return RawLangs;
127
121
  }(_react["default"].Component);
128
122
 
129
123
  exports.RawLangs = RawLangs;
130
-
131
- _defineProperty(RawLangs, "propTypes", {
124
+ (0, _defineProperty2["default"])(RawLangs, "propTypes", {
132
125
  onChange: _propTypes["default"].func,
133
126
  langs: _propTypes["default"].array,
134
127
  selected: _propTypes["default"].string,
@@ -136,7 +129,6 @@ _defineProperty(RawLangs, "propTypes", {
136
129
  classes: _propTypes["default"].object.isRequired,
137
130
  uid: _propTypes["default"].string
138
131
  });
139
-
140
132
  var Langs = (0, _styles.withStyles)(styles, {
141
133
  name: 'Langs'
142
134
  })(RawLangs);
@@ -158,16 +150,16 @@ var LanguageControls = (0, _styles.withStyles)({
158
150
  onDefaultLangChange = _ref.onDefaultLangChange,
159
151
  className = _ref.className;
160
152
  var names = (0, _classnames["default"])(classes.languageControls, className);
161
- return _react["default"].createElement("div", {
153
+ return /*#__PURE__*/_react["default"].createElement("div", {
162
154
  className: names
163
- }, _react["default"].createElement(Langs, {
155
+ }, /*#__PURE__*/_react["default"].createElement(Langs, {
164
156
  label: "Choose language to edit",
165
157
  langs: langs,
166
158
  selected: activeLang,
167
159
  onChange: function onChange(l) {
168
160
  return onActiveLangChange(l);
169
161
  }
170
- }), _react["default"].createElement(Langs, {
162
+ }), /*#__PURE__*/_react["default"].createElement(Langs, {
171
163
  label: "Default language",
172
164
  langs: langs,
173
165
  selected: defaultLang,
package/lib/langs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/langs.jsx"],"names":["log","styles","theme","root","flexDirection","alignItems","display","position","paddingTop","paddingRight","formControl","inputLabel","paddingBottom","spacing","unit","RawLangs","props","event","onChange","target","value","uid","Math","random","toFixed","langs","selected","label","classes","choose","map","l","index","React","Component","PropTypes","func","array","string","object","isRequired","Langs","name","LanguageControls","languageControls","gridAutoFlow","gridAutoColumns","gridGap","activeLang","defaultLang","onActiveLangChange","onDefaultLangChange","className","names","propTypes"],"mappings":"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","sourcesContent":["import Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport debug from 'debug';\n\nconst log = debug('pie-elements:config-ui:langs');\n\nconst styles = theme => ({\n root: {\n flexDirection: 'column',\n alignItems: 'start',\n display: 'flex',\n position: 'relative',\n paddingTop: '0px',\n paddingRight: '0px'\n },\n formControl: {\n position: 'initial'\n },\n inputLabel: {\n paddingBottom: theme.spacing.unit\n }\n});\n\nexport class RawLangs extends React.Component {\n static propTypes = {\n onChange: PropTypes.func,\n langs: PropTypes.array,\n selected: PropTypes.string,\n label: PropTypes.string,\n classes: PropTypes.object.isRequired,\n uid: PropTypes.string\n };\n\n constructor(props) {\n super(props);\n this.uid = props.uid || (Math.random() * 10000).toFixed();\n }\n\n choose = event => {\n log('[choose] event: ', event);\n if (this.props.onChange) {\n this.props.onChange(event.target.value);\n }\n };\n\n render() {\n let { langs, selected, label, classes } = this.props;\n log('[render] selected:', selected);\n return (\n <div className={classes.root}>\n <FormControl className={classes.formControl}>\n <InputLabel className={classes.inputLabel} htmlFor={this.uid}>\n {label}\n </InputLabel>\n <Select value={selected} onChange={this.choose} input={<Input id={this.uid} />}>\n {langs.map((l, index) => (\n <MenuItem key={index} value={l}>\n {l}\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n </div>\n );\n }\n}\n\nconst Langs = withStyles(styles, { name: 'Langs' })(RawLangs);\nexport default Langs;\n\nexport const LanguageControls = withStyles({\n languageControls: {\n display: 'grid',\n gridAutoFlow: 'column',\n gridAutoColumns: '1fr',\n gridGap: '8px'\n }\n})(\n ({\n classes,\n langs,\n activeLang,\n defaultLang,\n onActiveLangChange,\n onDefaultLangChange,\n className\n }) => {\n const names = classNames(classes.languageControls, className);\n\n return (\n <div className={names}>\n <Langs\n label=\"Choose language to edit\"\n langs={langs}\n selected={activeLang}\n onChange={l => onActiveLangChange(l)}\n />\n <Langs\n label=\"Default language\"\n langs={langs}\n selected={defaultLang}\n onChange={l => onDefaultLangChange(l)}\n />\n </div>\n );\n }\n);\n\nLanguageControls.propTypes = {\n langs: PropTypes.array,\n activeLang: PropTypes.string.isRequired,\n defaultLang: PropTypes.string.isRequired,\n onActiveLangChange: PropTypes.func.isRequired,\n onDefaultLangChange: PropTypes.func.isRequired\n};\n"],"file":"langs.js"}
1
+ {"version":3,"file":"langs.js","names":["log","debug","styles","theme","root","flexDirection","alignItems","display","position","paddingTop","paddingRight","formControl","inputLabel","paddingBottom","spacing","unit","RawLangs","props","event","onChange","target","value","uid","Math","random","toFixed","langs","selected","label","classes","choose","map","l","index","React","Component","PropTypes","func","array","string","object","isRequired","Langs","withStyles","name","LanguageControls","languageControls","gridAutoFlow","gridAutoColumns","gridGap","activeLang","defaultLang","onActiveLangChange","onDefaultLangChange","className","names","classNames","propTypes"],"sources":["../src/langs.jsx"],"sourcesContent":["import Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport debug from 'debug';\n\nconst log = debug('pie-elements:config-ui:langs');\n\nconst styles = theme => ({\n root: {\n flexDirection: 'column',\n alignItems: 'start',\n display: 'flex',\n position: 'relative',\n paddingTop: '0px',\n paddingRight: '0px'\n },\n formControl: {\n position: 'initial'\n },\n inputLabel: {\n paddingBottom: theme.spacing.unit\n }\n});\n\nexport class RawLangs extends React.Component {\n static propTypes = {\n onChange: PropTypes.func,\n langs: PropTypes.array,\n selected: PropTypes.string,\n label: PropTypes.string,\n classes: PropTypes.object.isRequired,\n uid: PropTypes.string\n };\n\n constructor(props) {\n super(props);\n this.uid = props.uid || (Math.random() * 10000).toFixed();\n }\n\n choose = event => {\n log('[choose] event: ', event);\n if (this.props.onChange) {\n this.props.onChange(event.target.value);\n }\n };\n\n render() {\n let { langs, selected, label, classes } = this.props;\n log('[render] selected:', selected);\n return (\n <div className={classes.root}>\n <FormControl className={classes.formControl}>\n <InputLabel className={classes.inputLabel} htmlFor={this.uid}>\n {label}\n </InputLabel>\n <Select value={selected} onChange={this.choose} input={<Input id={this.uid} />}>\n {langs.map((l, index) => (\n <MenuItem key={index} value={l}>\n {l}\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n </div>\n );\n }\n}\n\nconst Langs = withStyles(styles, { name: 'Langs' })(RawLangs);\nexport default Langs;\n\nexport const LanguageControls = withStyles({\n languageControls: {\n display: 'grid',\n gridAutoFlow: 'column',\n gridAutoColumns: '1fr',\n gridGap: '8px'\n }\n})(\n ({\n classes,\n langs,\n activeLang,\n defaultLang,\n onActiveLangChange,\n onDefaultLangChange,\n className\n }) => {\n const names = classNames(classes.languageControls, className);\n\n return (\n <div className={names}>\n <Langs\n label=\"Choose language to edit\"\n langs={langs}\n selected={activeLang}\n onChange={l => onActiveLangChange(l)}\n />\n <Langs\n label=\"Default language\"\n langs={langs}\n selected={defaultLang}\n onChange={l => onDefaultLangChange(l)}\n />\n </div>\n );\n }\n);\n\nLanguageControls.propTypes = {\n langs: PropTypes.array,\n activeLang: PropTypes.string.isRequired,\n defaultLang: PropTypes.string.isRequired,\n onActiveLangChange: PropTypes.func.isRequired,\n onDefaultLangChange: PropTypes.func.isRequired\n};\n"],"mappings":"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"}
@@ -1,55 +1,51 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports["default"] = void 0;
7
9
 
8
- var _react = _interopRequireDefault(require("react"));
10
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
9
11
 
10
- var _reactMeasure = _interopRequireDefault(require("react-measure"));
12
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
13
 
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
14
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
13
15
 
14
- var _layoutContents = _interopRequireDefault(require("./layout-contents"));
16
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
17
 
16
- var _settingsBox = _interopRequireDefault(require("./settings-box"));
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
18
+ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
19
19
 
20
- 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"));
21
21
 
22
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
22
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
23
 
24
- 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); } }
24
+ var _react = _interopRequireDefault(require("react"));
25
25
 
26
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
26
+ var _reactMeasure = _interopRequireDefault(require("react-measure"));
27
27
 
28
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
28
+ var _propTypes = _interopRequireDefault(require("prop-types"));
29
29
 
30
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
30
+ var _layoutContents = _interopRequireDefault(require("./layout-contents"));
31
31
 
32
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
32
+ var _settingsBox = _interopRequireDefault(require("./settings-box"));
33
33
 
34
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
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
- 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; }
38
+ var ConfigLayout = /*#__PURE__*/function (_React$Component) {
39
+ (0, _inherits2["default"])(ConfigLayout, _React$Component);
39
40
 
40
- var ConfigLayout =
41
- /*#__PURE__*/
42
- function (_React$Component) {
43
- _inherits(ConfigLayout, _React$Component);
41
+ var _super = _createSuper(ConfigLayout);
44
42
 
45
43
  function ConfigLayout(props) {
46
44
  var _this;
47
45
 
48
- _classCallCheck(this, ConfigLayout);
49
-
50
- _this = _possibleConstructorReturn(this, _getPrototypeOf(ConfigLayout).call(this, props));
51
-
52
- _defineProperty(_assertThisInitialized(_this), "onResize", function (contentRect) {
46
+ (0, _classCallCheck2["default"])(this, ConfigLayout);
47
+ _this = _super.call(this, props);
48
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onResize", function (contentRect) {
53
49
  var bounds = contentRect.bounds;
54
50
  var sidePanelMinWidth = _this.props.sidePanelMinWidth;
55
51
  var layoutMode = bounds.width >= sidePanelMinWidth ? 'inline' : 'tabbed';
@@ -58,19 +54,18 @@ function (_React$Component) {
58
54
  layoutMode: layoutMode
59
55
  });
60
56
  });
61
-
62
57
  _this.state = {
63
58
  layoutMode: undefined
64
59
  };
65
60
  return _this;
66
61
  }
67
62
 
68
- _createClass(ConfigLayout, [{
63
+ (0, _createClass2["default"])(ConfigLayout, [{
69
64
  key: "render",
70
65
  value: function render() {
71
66
  var _this2 = this;
72
67
 
73
- return _react["default"].createElement(_reactMeasure["default"], {
68
+ return /*#__PURE__*/_react["default"].createElement(_reactMeasure["default"], {
74
69
  bounds: true,
75
70
  onResize: this.onResize
76
71
  }, function (_ref) {
@@ -79,31 +74,28 @@ function (_React$Component) {
79
74
  settings = _this2$props.settings,
80
75
  children = _this2$props.children;
81
76
  var layoutMode = _this2.state.layoutMode;
82
- return _react["default"].createElement("div", {
77
+ return /*#__PURE__*/_react["default"].createElement("div", {
83
78
  ref: measureRef
84
- }, _react["default"].createElement(_layoutContents["default"], {
79
+ }, /*#__PURE__*/_react["default"].createElement(_layoutContents["default"], {
85
80
  mode: layoutMode,
86
- secondary: layoutMode === 'inline' ? _react["default"].createElement(_settingsBox["default"], null, settings) : settings
81
+ secondary: layoutMode === 'inline' ? /*#__PURE__*/_react["default"].createElement(_settingsBox["default"], null, settings) : settings
87
82
  }, children));
88
83
  });
89
84
  }
90
85
  }]);
91
-
92
86
  return ConfigLayout;
93
87
  }(_react["default"].Component);
94
88
 
95
- _defineProperty(ConfigLayout, "propTypes", {
89
+ (0, _defineProperty2["default"])(ConfigLayout, "propTypes", {
96
90
  children: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].element), _propTypes["default"].element]),
97
91
  settings: _propTypes["default"].element,
98
92
  className: _propTypes["default"].string,
99
93
  classes: _propTypes["default"].object,
100
94
  sidePanelMinWidth: _propTypes["default"].number
101
95
  });
102
-
103
- _defineProperty(ConfigLayout, "defaultProps", {
96
+ (0, _defineProperty2["default"])(ConfigLayout, "defaultProps", {
104
97
  sidePanelMinWidth: 950
105
98
  });
106
-
107
99
  var _default = ConfigLayout;
108
100
  exports["default"] = _default;
109
101
  //# sourceMappingURL=config-layout.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/layout/config-layout.jsx"],"names":["ConfigLayout","props","contentRect","bounds","sidePanelMinWidth","layoutMode","width","setState","state","undefined","onResize","measureRef","settings","children","React","Component","PropTypes","oneOfType","string","arrayOf","element","className","classes","object","number"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;IAEMA,Y;;;;;AAiBJ,wBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,sFAAMA,KAAN;;AADiB,+DAOR,UAAAC,WAAW,EAAI;AAAA,UAChBC,MADgB,GACLD,WADK,CAChBC,MADgB;AAAA,UAEhBC,iBAFgB,GAEM,MAAKH,KAFX,CAEhBG,iBAFgB;AAGxB,UAAMC,UAAU,GAAGF,MAAM,CAACG,KAAP,IAAgBF,iBAAhB,GAAoC,QAApC,GAA+C,QAAlE;;AAEA,YAAKG,QAAL,CAAc;AAAEF,QAAAA,UAAU,EAAVA;AAAF,OAAd;AACD,KAbkB;;AAEjB,UAAKG,KAAL,GAAa;AACXH,MAAAA,UAAU,EAAEI;AADD,KAAb;AAFiB;AAKlB;;;;6BAUQ;AAAA;;AACP,aACE,gCAAC,wBAAD;AAAS,QAAA,MAAM,MAAf;AAAgB,QAAA,QAAQ,EAAE,KAAKC;AAA/B,SACG,gBAAoB;AAAA,YAAjBC,UAAiB,QAAjBA,UAAiB;AAAA,2BACY,MAAI,CAACV,KADjB;AAAA,YACXW,QADW,gBACXA,QADW;AAAA,YACDC,QADC,gBACDA,QADC;AAAA,YAEXR,UAFW,GAEI,MAAI,CAACG,KAFT,CAEXH,UAFW;AAInB,eACE;AAAK,UAAA,GAAG,EAAEM;AAAV,WACE,gCAAC,0BAAD;AACE,UAAA,IAAI,EAAEN,UADR;AAEE,UAAA,SAAS,EACPA,UAAU,KAAK,QAAf,GAA0B,gCAAC,uBAAD,QAAcO,QAAd,CAA1B,GAAkEA;AAHtE,WAMGC,QANH,CADF,CADF;AAYD,OAjBH,CADF;AAqBD;;;;EAtDwBC,kBAAMC,S;;gBAA3Bf,Y,eACe;AACjBa,EAAAA,QAAQ,EAAEG,sBAAUC,SAAV,CAAoB,CAC5BD,sBAAUE,MADkB,EAE5BF,sBAAUG,OAAV,CAAkBH,sBAAUI,OAA5B,CAF4B,EAG5BJ,sBAAUI,OAHkB,CAApB,CADO;AAMjBR,EAAAA,QAAQ,EAAEI,sBAAUI,OANH;AAOjBC,EAAAA,SAAS,EAAEL,sBAAUE,MAPJ;AAQjBI,EAAAA,OAAO,EAAEN,sBAAUO,MARF;AASjBnB,EAAAA,iBAAiB,EAAEY,sBAAUQ;AATZ,C;;gBADfxB,Y,kBAakB;AACpBI,EAAAA,iBAAiB,EAAE;AADC,C;;eA4CTJ,Y","sourcesContent":["import React from 'react';\nimport Measure from 'react-measure';\nimport PropTypes from 'prop-types';\nimport LayoutContents from './layout-contents';\nimport SettingsBox from './settings-box';\n\nclass ConfigLayout extends React.Component {\n static propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.element),\n PropTypes.element\n ]),\n settings: PropTypes.element,\n className: PropTypes.string,\n classes: PropTypes.object,\n sidePanelMinWidth: PropTypes.number\n };\n\n static defaultProps = {\n sidePanelMinWidth: 950\n };\n\n constructor(props) {\n super(props);\n this.state = {\n layoutMode: undefined\n };\n }\n\n onResize = contentRect => {\n const { bounds } = contentRect;\n const { sidePanelMinWidth } = this.props;\n const layoutMode = bounds.width >= sidePanelMinWidth ? 'inline' : 'tabbed';\n\n this.setState({ layoutMode });\n };\n\n render() {\n return (\n <Measure bounds onResize={this.onResize}>\n {({ measureRef }) => {\n const { settings, children } = this.props;\n const { layoutMode } = this.state;\n\n return (\n <div ref={measureRef}>\n <LayoutContents\n mode={layoutMode}\n secondary={\n layoutMode === 'inline' ? <SettingsBox>{settings}</SettingsBox> : settings\n }\n >\n {children}\n </LayoutContents>\n </div>\n );\n }}\n </Measure>\n );\n }\n}\n\nexport default ConfigLayout;\n"],"file":"config-layout.js"}
1
+ {"version":3,"file":"config-layout.js","names":["ConfigLayout","props","contentRect","bounds","sidePanelMinWidth","layoutMode","width","setState","state","undefined","onResize","measureRef","settings","children","React","Component","PropTypes","oneOfType","string","arrayOf","element","className","classes","object","number"],"sources":["../../src/layout/config-layout.jsx"],"sourcesContent":["import React from 'react';\nimport Measure from 'react-measure';\nimport PropTypes from 'prop-types';\nimport LayoutContents from './layout-contents';\nimport SettingsBox from './settings-box';\n\nclass ConfigLayout extends React.Component {\n static propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.element),\n PropTypes.element\n ]),\n settings: PropTypes.element,\n className: PropTypes.string,\n classes: PropTypes.object,\n sidePanelMinWidth: PropTypes.number\n };\n\n static defaultProps = {\n sidePanelMinWidth: 950\n };\n\n constructor(props) {\n super(props);\n this.state = {\n layoutMode: undefined\n };\n }\n\n onResize = contentRect => {\n const { bounds } = contentRect;\n const { sidePanelMinWidth } = this.props;\n const layoutMode = bounds.width >= sidePanelMinWidth ? 'inline' : 'tabbed';\n\n this.setState({ layoutMode });\n };\n\n render() {\n return (\n <Measure bounds onResize={this.onResize}>\n {({ measureRef }) => {\n const { settings, children } = this.props;\n const { layoutMode } = this.state;\n\n return (\n <div ref={measureRef}>\n <LayoutContents\n mode={layoutMode}\n secondary={\n layoutMode === 'inline' ? <SettingsBox>{settings}</SettingsBox> : settings\n }\n >\n {children}\n </LayoutContents>\n </div>\n );\n }}\n </Measure>\n );\n }\n}\n\nexport default ConfigLayout;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEMA,Y;;;;;EAiBJ,sBAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACjB,0BAAMA,KAAN;IADiB,6FAOR,UAAAC,WAAW,EAAI;MACxB,IAAQC,MAAR,GAAmBD,WAAnB,CAAQC,MAAR;MACA,IAAQC,iBAAR,GAA8B,MAAKH,KAAnC,CAAQG,iBAAR;MACA,IAAMC,UAAU,GAAGF,MAAM,CAACG,KAAP,IAAgBF,iBAAhB,GAAoC,QAApC,GAA+C,QAAlE;;MAEA,MAAKG,QAAL,CAAc;QAAEF,UAAU,EAAVA;MAAF,CAAd;IACD,CAbkB;IAEjB,MAAKG,KAAL,GAAa;MACXH,UAAU,EAAEI;IADD,CAAb;IAFiB;EAKlB;;;;WAUD,kBAAS;MAAA;;MACP,oBACE,gCAAC,wBAAD;QAAS,MAAM,MAAf;QAAgB,QAAQ,EAAE,KAAKC;MAA/B,GACG,gBAAoB;QAAA,IAAjBC,UAAiB,QAAjBA,UAAiB;QACnB,mBAA+B,MAAI,CAACV,KAApC;QAAA,IAAQW,QAAR,gBAAQA,QAAR;QAAA,IAAkBC,QAAlB,gBAAkBA,QAAlB;QACA,IAAQR,UAAR,GAAuB,MAAI,CAACG,KAA5B,CAAQH,UAAR;QAEA,oBACE;UAAK,GAAG,EAAEM;QAAV,gBACE,gCAAC,0BAAD;UACE,IAAI,EAAEN,UADR;UAEE,SAAS,EACPA,UAAU,KAAK,QAAf,gBAA0B,gCAAC,uBAAD,QAAcO,QAAd,CAA1B,GAAkEA;QAHtE,GAMGC,QANH,CADF,CADF;MAYD,CAjBH,CADF;IAqBD;;;EAtDwBC,iBAAA,CAAMC,S;;iCAA3Bf,Y,eACe;EACjBa,QAAQ,EAAEG,qBAAA,CAAUC,SAAV,CAAoB,CAC5BD,qBAAA,CAAUE,MADkB,EAE5BF,qBAAA,CAAUG,OAAV,CAAkBH,qBAAA,CAAUI,OAA5B,CAF4B,EAG5BJ,qBAAA,CAAUI,OAHkB,CAApB,CADO;EAMjBR,QAAQ,EAAEI,qBAAA,CAAUI,OANH;EAOjBC,SAAS,EAAEL,qBAAA,CAAUE,MAPJ;EAQjBI,OAAO,EAAEN,qBAAA,CAAUO,MARF;EASjBnB,iBAAiB,EAAEY,qBAAA,CAAUQ;AATZ,C;iCADfxB,Y,kBAakB;EACpBI,iBAAiB,EAAE;AADC,C;eA4CTJ,Y"}
@@ -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
  });
@@ -19,6 +21,4 @@ Object.defineProperty(exports, "LayoutContents", {
19
21
  var _configLayout = _interopRequireDefault(require("./config-layout"));
20
22
 
21
23
  var _layoutContents = _interopRequireDefault(require("./layout-contents"));
22
-
23
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
24
24
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/layout/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["import ConfigLayout from './config-layout';\nimport LayoutContents from './layout-contents';\n\nexport { LayoutContents, ConfigLayout };\n"],"file":"index.js"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../src/layout/index.js"],"sourcesContent":["import ConfigLayout from './config-layout';\nimport LayoutContents from './layout-contents';\n\nexport { LayoutContents, ConfigLayout };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA"}