@pie-lib/config-ui 10.10.4-next.62 → 10.10.4-next.626
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 +93 -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 +44 -48
- 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 +22 -2
- package/src/feedback-config/feedback-selector.jsx +1 -0
- 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/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.
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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,"
|
|
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
|
|
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
|
|
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
|
|
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
|
-
|
|
73
|
-
|
|
74
|
-
|
|
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
|
-
|
|
80
|
-
|
|
81
|
-
|
|
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
|
-
|
|
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,"
|
|
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":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,GAAG,GAAG,IAAAC,iBAAA,EAAM,8BAAN,CAAZ;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;EAAA,OAAK;IACvBC,IAAI,EAAE;MACJC,aAAa,EAAE,QADX;MAEJC,UAAU,EAAE,OAFR;MAGJC,OAAO,EAAE,MAHL;MAIJC,QAAQ,EAAE,UAJN;MAKJC,UAAU,EAAE,KALR;MAMJC,YAAY,EAAE;IANV,CADiB;IASvBC,WAAW,EAAE;MACXH,QAAQ,EAAE;IADC,CATU;IAYvBI,UAAU,EAAE;MACVC,aAAa,EAAEV,KAAK,CAACW,OAAN,CAAcC;IADnB;EAZW,CAAL;AAAA,CAApB;;IAiBaC,Q;;;;;EAUX,kBAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACjB,0BAAMA,KAAN;IADiB,2FAKV,UAAAC,KAAK,EAAI;MAChBlB,GAAG,CAAC,kBAAD,EAAqBkB,KAArB,CAAH;;MACA,IAAI,MAAKD,KAAL,CAAWE,QAAf,EAAyB;QACvB,MAAKF,KAAL,CAAWE,QAAX,CAAoBD,KAAK,CAACE,MAAN,CAAaC,KAAjC;MACD;IACF,CAVkB;IAEjB,MAAKC,GAAL,GAAWL,KAAK,CAACK,GAAN,IAAa,CAACC,IAAI,CAACC,MAAL,KAAgB,KAAjB,EAAwBC,OAAxB,EAAxB;IAFiB;EAGlB;;;;WASD,kBAAS;MACP,kBAA0C,KAAKR,KAA/C;MAAA,IAAMS,KAAN,eAAMA,KAAN;MAAA,IAAaC,QAAb,eAAaA,QAAb;MAAA,IAAuBC,KAAvB,eAAuBA,KAAvB;MAAA,IAA8BC,OAA9B,eAA8BA,OAA9B;MACA7B,GAAG,CAAC,oBAAD,EAAuB2B,QAAvB,CAAH;MACA,oBACE;QAAK,SAAS,EAAEE,OAAO,CAACzB;MAAxB,gBACE,gCAAC,uBAAD;QAAa,SAAS,EAAEyB,OAAO,CAAClB;MAAhC,gBACE,gCAAC,sBAAD;QAAY,SAAS,EAAEkB,OAAO,CAACjB,UAA/B;QAA2C,OAAO,EAAE,KAAKU;MAAzD,GACGM,KADH,CADF,eAIE,gCAAC,kBAAD;QAAQ,KAAK,EAAED,QAAf;QAAyB,QAAQ,EAAE,KAAKG,MAAxC;QAAgD,KAAK,eAAE,gCAAC,iBAAD;UAAO,EAAE,EAAE,KAAKR;QAAhB;MAAvD,GACGI,KAAK,CAACK,GAAN,CAAU,UAACC,CAAD,EAAIC,KAAJ;QAAA,oBACT,gCAAC,oBAAD;UAAU,GAAG,EAAEA,KAAf;UAAsB,KAAK,EAAED;QAA7B,GACGA,CADH,CADS;MAAA,CAAV,CADH,CAJF,CADF,CADF;IAgBD;;;EAzC2BE,iBAAA,CAAMC,S;;;iCAAvBnB,Q,eACQ;EACjBG,QAAQ,EAAEiB,qBAAA,CAAUC,IADH;EAEjBX,KAAK,EAAEU,qBAAA,CAAUE,KAFA;EAGjBX,QAAQ,EAAES,qBAAA,CAAUG,MAHH;EAIjBX,KAAK,EAAEQ,qBAAA,CAAUG,MAJA;EAKjBV,OAAO,EAAEO,qBAAA,CAAUI,MAAV,CAAiBC,UALT;EAMjBnB,GAAG,EAAEc,qBAAA,CAAUG;AANE,C;AA2CrB,IAAMG,KAAK,GAAG,IAAAC,kBAAA,EAAWzC,MAAX,EAAmB;EAAE0C,IAAI,EAAE;AAAR,CAAnB,EAAsC5B,QAAtC,CAAd;eACe0B,K;;AAER,IAAMG,gBAAgB,GAAG,IAAAF,kBAAA,EAAW;EACzCG,gBAAgB,EAAE;IAChBvC,OAAO,EAAE,MADO;IAEhBwC,YAAY,EAAE,QAFE;IAGhBC,eAAe,EAAE,KAHD;IAIhBC,OAAO,EAAE;EAJO;AADuB,CAAX,EAQ9B,gBAQM;EAAA,IAPJpB,OAOI,QAPJA,OAOI;EAAA,IANJH,KAMI,QANJA,KAMI;EAAA,IALJwB,UAKI,QALJA,UAKI;EAAA,IAJJC,WAII,QAJJA,WAII;EAAA,IAHJC,kBAGI,QAHJA,kBAGI;EAAA,IAFJC,mBAEI,QAFJA,mBAEI;EAAA,IADJC,SACI,QADJA,SACI;EACJ,IAAMC,KAAK,GAAG,IAAAC,sBAAA,EAAW3B,OAAO,CAACiB,gBAAnB,EAAqCQ,SAArC,CAAd;EAEA,oBACE;IAAK,SAAS,EAAEC;EAAhB,gBACE,gCAAC,KAAD;IACE,KAAK,EAAC,yBADR;IAEE,KAAK,EAAE7B,KAFT;IAGE,QAAQ,EAAEwB,UAHZ;IAIE,QAAQ,EAAE,kBAAAlB,CAAC;MAAA,OAAIoB,kBAAkB,CAACpB,CAAD,CAAtB;IAAA;EAJb,EADF,eAOE,gCAAC,KAAD;IACE,KAAK,EAAC,kBADR;IAEE,KAAK,EAAEN,KAFT;IAGE,QAAQ,EAAEyB,WAHZ;IAIE,QAAQ,EAAE,kBAAAnB,CAAC;MAAA,OAAIqB,mBAAmB,CAACrB,CAAD,CAAvB;IAAA;EAJb,EAPF,CADF;AAgBD,CAnC6B,CAAzB;;AAsCPa,gBAAgB,CAACY,SAAjB,GAA6B;EAC3B/B,KAAK,EAAEU,qBAAA,CAAUE,KADU;EAE3BY,UAAU,EAAEd,qBAAA,CAAUG,MAAV,CAAiBE,UAFF;EAG3BU,WAAW,EAAEf,qBAAA,CAAUG,MAAV,CAAiBE,UAHH;EAI3BW,kBAAkB,EAAEhB,qBAAA,CAAUC,IAAV,CAAeI,UAJR;EAK3BY,mBAAmB,EAAEjB,qBAAA,CAAUC,IAAV,CAAeI;AALT,CAA7B"}
|
|
@@ -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
|
|
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 _reactMeasure = _interopRequireDefault(require("react-measure"));
|
|
27
27
|
|
|
28
|
-
|
|
28
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
29
|
|
|
30
|
-
|
|
30
|
+
var _layoutContents = _interopRequireDefault(require("./layout-contents"));
|
|
31
31
|
|
|
32
|
-
|
|
32
|
+
var _settingsBox = _interopRequireDefault(require("./settings-box"));
|
|
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 ConfigLayout = /*#__PURE__*/function (_React$Component) {
|
|
39
|
+
(0, _inherits2["default"])(ConfigLayout, _React$Component);
|
|
39
40
|
|
|
40
|
-
var
|
|
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
|
-
|
|
49
|
-
|
|
50
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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,"
|
|
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"}
|
package/lib/layout/index.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -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
|
package/lib/layout/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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"}
|