@pie-lib/config-ui 11.0.2 → 11.0.3
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 +8 -0
- package/lib/alert-dialog.js +2 -2
- package/lib/alert-dialog.js.map +1 -1
- package/lib/checkbox.js +2 -2
- package/lib/checkbox.js.map +1 -1
- package/lib/choice-configuration/feedback-menu.js +26 -42
- package/lib/choice-configuration/feedback-menu.js.map +1 -1
- package/lib/choice-configuration/index.js +31 -46
- package/lib/choice-configuration/index.js.map +1 -1
- package/lib/choice-utils.js +5 -5
- package/lib/choice-utils.js.map +1 -1
- package/lib/feedback-config/feedback-selector.js +22 -33
- package/lib/feedback-config/feedback-selector.js.map +1 -1
- package/lib/feedback-config/group.js +2 -2
- package/lib/feedback-config/group.js.map +1 -1
- package/lib/feedback-config/index.js +28 -39
- package/lib/feedback-config/index.js.map +1 -1
- package/lib/form-section.js +2 -2
- package/lib/form-section.js.map +1 -1
- package/lib/help.js +18 -29
- package/lib/help.js.map +1 -1
- package/lib/index.js +3 -3
- package/lib/index.js.map +1 -1
- package/lib/input.js +29 -42
- package/lib/input.js.map +1 -1
- package/lib/inputs.js +5 -5
- package/lib/inputs.js.map +1 -1
- package/lib/langs.js +21 -33
- package/lib/langs.js.map +1 -1
- package/lib/layout/config-layout.js +20 -32
- 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 +17 -27
- package/lib/layout/layout-contents.js.map +1 -1
- package/lib/layout/settings-box.js +17 -29
- package/lib/layout/settings-box.js.map +1 -1
- package/lib/mui-box/index.js +2 -2
- package/lib/mui-box/index.js.map +1 -1
- package/lib/number-text-field-custom.js +25 -38
- package/lib/number-text-field-custom.js.map +1 -1
- package/lib/number-text-field.js +25 -38
- package/lib/number-text-field.js.map +1 -1
- package/lib/radio-with-label.js +2 -2
- package/lib/radio-with-label.js.map +1 -1
- package/lib/settings/display-size.js +6 -6
- package/lib/settings/display-size.js.map +1 -1
- package/lib/settings/index.js +8 -18
- package/lib/settings/index.js.map +1 -1
- package/lib/settings/panel.js +29 -43
- package/lib/settings/panel.js.map +1 -1
- package/lib/settings/settings-radio-label.js +2 -2
- package/lib/settings/settings-radio-label.js.map +1 -1
- package/lib/settings/toggle.js +2 -2
- package/lib/settings/toggle.js.map +1 -1
- package/lib/tabs/index.js +19 -30
- package/lib/tabs/index.js.map +1 -1
- package/lib/tags-input/index.js +21 -33
- package/lib/tags-input/index.js.map +1 -1
- package/lib/two-choice.js +24 -36
- package/lib/two-choice.js.map +1 -1
- package/lib/with-stateful-model.js +16 -27
- package/lib/with-stateful-model.js.map +1 -1
- package/package.json +3 -3
package/lib/input.js
CHANGED
|
@@ -1,69 +1,61 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
6
|
|
|
5
7
|
Object.defineProperty(exports, "__esModule", {
|
|
6
8
|
value: true
|
|
7
9
|
});
|
|
8
10
|
exports["default"] = void 0;
|
|
9
11
|
|
|
10
|
-
var
|
|
12
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
13
|
|
|
12
|
-
var
|
|
14
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
15
|
|
|
14
|
-
var
|
|
16
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
17
|
|
|
16
|
-
var
|
|
18
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
19
|
|
|
18
|
-
var
|
|
20
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
21
|
|
|
20
|
-
|
|
22
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
23
|
|
|
22
|
-
|
|
24
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
23
25
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
27
|
-
|
|
28
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
26
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
29
27
|
|
|
30
|
-
|
|
28
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
31
29
|
|
|
32
|
-
|
|
30
|
+
var React = _interopRequireWildcard(require("react"));
|
|
33
31
|
|
|
34
|
-
|
|
32
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
35
33
|
|
|
36
|
-
|
|
34
|
+
var _Input = _interopRequireDefault(require("@material-ui/core/Input"));
|
|
37
35
|
|
|
38
|
-
|
|
36
|
+
var _renderUi = require("@pie-lib/render-ui");
|
|
39
37
|
|
|
40
|
-
|
|
38
|
+
var _excluded = ["label", "type", "noModelUpdateOnError"];
|
|
41
39
|
|
|
42
|
-
function
|
|
40
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
43
41
|
|
|
44
|
-
function
|
|
42
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
45
43
|
|
|
46
|
-
function
|
|
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); }; }
|
|
47
45
|
|
|
48
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
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
51
|
-
|
|
52
|
-
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; }
|
|
53
|
-
|
|
54
48
|
var Input = /*#__PURE__*/function (_React$Component) {
|
|
55
|
-
|
|
49
|
+
(0, _inherits2["default"])(Input, _React$Component);
|
|
56
50
|
|
|
57
51
|
var _super = _createSuper(Input);
|
|
58
52
|
|
|
59
53
|
function Input(props) {
|
|
60
54
|
var _this;
|
|
61
55
|
|
|
62
|
-
|
|
63
|
-
|
|
56
|
+
(0, _classCallCheck2["default"])(this, Input);
|
|
64
57
|
_this = _super.call(this, props);
|
|
65
|
-
|
|
66
|
-
_defineProperty(_assertThisInitialized(_this), "onChange", function (event) {
|
|
58
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (event) {
|
|
67
59
|
var _this$props = _this.props,
|
|
68
60
|
type = _this$props.type,
|
|
69
61
|
onChange = _this$props.onChange,
|
|
@@ -84,14 +76,13 @@ var Input = /*#__PURE__*/function (_React$Component) {
|
|
|
84
76
|
onChange(event);
|
|
85
77
|
}
|
|
86
78
|
});
|
|
87
|
-
|
|
88
79
|
_this.state = {
|
|
89
80
|
value: props.value
|
|
90
81
|
};
|
|
91
82
|
return _this;
|
|
92
83
|
}
|
|
93
84
|
|
|
94
|
-
|
|
85
|
+
(0, _createClass2["default"])(Input, [{
|
|
95
86
|
key: "componentWillReceiveProps",
|
|
96
87
|
value: function componentWillReceiveProps(newProps) {
|
|
97
88
|
this.setState({
|
|
@@ -105,20 +96,19 @@ var Input = /*#__PURE__*/function (_React$Component) {
|
|
|
105
96
|
label = _this$props2.label,
|
|
106
97
|
type = _this$props2.type,
|
|
107
98
|
noModelUpdateOnError = _this$props2.noModelUpdateOnError,
|
|
108
|
-
rest =
|
|
109
|
-
|
|
99
|
+
rest = (0, _objectWithoutProperties2["default"])(_this$props2, _excluded);
|
|
110
100
|
var _this$state = this.state,
|
|
111
101
|
value = _this$state.value,
|
|
112
102
|
error = _this$state.error;
|
|
113
103
|
return label ? /*#__PURE__*/React.createElement(_renderUi.InputContainer, {
|
|
114
104
|
label: label
|
|
115
|
-
}, /*#__PURE__*/React.createElement(_Input["default"],
|
|
105
|
+
}, /*#__PURE__*/React.createElement(_Input["default"], (0, _extends2["default"])({
|
|
116
106
|
type: type
|
|
117
107
|
}, rest, {
|
|
118
108
|
value: value,
|
|
119
109
|
onChange: this.onChange,
|
|
120
110
|
error: error
|
|
121
|
-
}))) : /*#__PURE__*/React.createElement(_Input["default"],
|
|
111
|
+
}))) : /*#__PURE__*/React.createElement(_Input["default"], (0, _extends2["default"])({
|
|
122
112
|
type: type
|
|
123
113
|
}, rest, {
|
|
124
114
|
value: value,
|
|
@@ -127,13 +117,11 @@ var Input = /*#__PURE__*/function (_React$Component) {
|
|
|
127
117
|
}));
|
|
128
118
|
}
|
|
129
119
|
}]);
|
|
130
|
-
|
|
131
120
|
return Input;
|
|
132
121
|
}(React.Component);
|
|
133
122
|
|
|
134
123
|
exports["default"] = Input;
|
|
135
|
-
|
|
136
|
-
_defineProperty(Input, "propTypes", {
|
|
124
|
+
(0, _defineProperty2["default"])(Input, "propTypes", {
|
|
137
125
|
value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
|
|
138
126
|
onChange: _propTypes["default"].func.isRequired,
|
|
139
127
|
label: _propTypes["default"].string,
|
|
@@ -141,8 +129,7 @@ _defineProperty(Input, "propTypes", {
|
|
|
141
129
|
error: _propTypes["default"].func,
|
|
142
130
|
noModelUpdateOnError: _propTypes["default"].bool
|
|
143
131
|
});
|
|
144
|
-
|
|
145
|
-
_defineProperty(Input, "defaultProps", {
|
|
132
|
+
(0, _defineProperty2["default"])(Input, "defaultProps", {
|
|
146
133
|
type: 'text',
|
|
147
134
|
error: function error(value, type) {
|
|
148
135
|
return type === 'number' ? !value || isNaN(value) : !value;
|
package/lib/input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/input.jsx"],"names":["Input","props","event","type","onChange","error","value","target","setState","state","newProps","label","noModelUpdateOnError","rest","React","Component","PropTypes","oneOfType","string","number","func","isRequired","bool","isNaN"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/input.jsx"],"names":["Input","props","event","type","onChange","error","value","target","setState","state","newProps","label","noModelUpdateOnError","rest","React","Component","PropTypes","oneOfType","string","number","func","isRequired","bool","isNaN"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;IAEqBA,K;;;;;AAgBnB,iBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,iGAcR,UAAAC,KAAK,EAAI;AAClB,wBAAkC,MAAKD,KAAvC;AAAA,UAAQE,IAAR,eAAQA,IAAR;AAAA,UAAcC,QAAd,eAAcA,QAAd;AAAA,UAAwBC,KAAxB,eAAwBA,KAAxB;AACA,UAAMC,KAAK,GAAGJ,KAAK,CAACK,MAAN,CAAaD,KAA3B;;AAEA,UAAID,KAAK,CAACC,KAAD,EAAQH,IAAR,CAAT,EAAwB;AACtB,cAAKK,QAAL,CAAc;AACZH,UAAAA,KAAK,EAAE,IADK;AAEZC,UAAAA,KAAK,EAAEJ,KAAK,CAACK,MAAN,CAAaD;AAFR,SAAd;AAID,OALD,MAKO;AACL,cAAKE,QAAL,CAAc;AACZH,UAAAA,KAAK,EAAE,KADK;AAEZC,UAAAA,KAAK,EAAEJ,KAAK,CAACK,MAAN,CAAaD;AAFR,SAAd;;AAKAF,QAAAA,QAAQ,CAACF,KAAD,CAAR;AACD;AACF,KA/BkB;AAGjB,UAAKO,KAAL,GAAa;AACXH,MAAAA,KAAK,EAAEL,KAAK,CAACK;AADF,KAAb;AAHiB;AAMlB;;;;WAED,mCAA0BI,QAA1B,EAAoC;AAClC,WAAKF,QAAL,CAAc;AACZF,QAAAA,KAAK,EAAEI,QAAQ,CAACJ;AADJ,OAAd;AAGD;;;WAqBD,kBAAS;AACP,yBAKI,KAAKL,KALT;AAAA,UACEU,KADF,gBACEA,KADF;AAAA,UAEER,IAFF,gBAEEA,IAFF;AAAA,UAGES,oBAHF,gBAGEA,oBAHF;AAAA,UAIKC,IAJL;AAMA,wBAAyB,KAAKJ,KAA9B;AAAA,UAAQH,KAAR,eAAQA,KAAR;AAAA,UAAeD,KAAf,eAAeA,KAAf;AAEA,aAAOM,KAAK,gBACV,oBAAC,wBAAD;AAAgB,QAAA,KAAK,EAAEA;AAAvB,sBACE,oBAAC,iBAAD;AAAe,QAAA,IAAI,EAAER;AAArB,SAA+BU,IAA/B;AAAqC,QAAA,KAAK,EAAEP,KAA5C;AAAmD,QAAA,QAAQ,EAAE,KAAKF,QAAlE;AAA4E,QAAA,KAAK,EAAEC;AAAnF,SADF,CADU,gBAKV,oBAAC,iBAAD;AAAe,QAAA,IAAI,EAAEF;AAArB,SAA+BU,IAA/B;AAAqC,QAAA,KAAK,EAAEP,KAA5C;AAAmD,QAAA,QAAQ,EAAE,KAAKF,QAAlE;AAA4E,QAAA,KAAK,EAAEC;AAAnF,SALF;AAOD;;;EAjEgCS,KAAK,CAACC,S;;;iCAApBf,K,eACA;AACjBM,EAAAA,KAAK,EAAEU,sBAAUC,SAAV,CAAoB,CAACD,sBAAUE,MAAX,EAAmBF,sBAAUG,MAA7B,CAApB,CADU;AAEjBf,EAAAA,QAAQ,EAAEY,sBAAUI,IAAV,CAAeC,UAFR;AAGjBV,EAAAA,KAAK,EAAEK,sBAAUE,MAHA;AAIjBf,EAAAA,IAAI,EAAEa,sBAAUE,MAAV,CAAiBG,UAJN;AAKjBhB,EAAAA,KAAK,EAAEW,sBAAUI,IALA;AAMjBR,EAAAA,oBAAoB,EAAEI,sBAAUM;AANf,C;iCADAtB,K,kBAUG;AACpBG,EAAAA,IAAI,EAAE,MADc;AAEpBE,EAAAA,KAAK,EAAE,eAACC,KAAD,EAAQH,IAAR;AAAA,WAAkBA,IAAI,KAAK,QAAT,GAAoB,CAACG,KAAD,IAAUiB,KAAK,CAACjB,KAAD,CAAnC,GAA6C,CAACA,KAAhE;AAAA,GAFa;AAGpBM,EAAAA,oBAAoB,EAAE;AAHF,C","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { default as MaterialInput } from '@material-ui/core/Input';\nimport { InputContainer } from '@pie-lib/render-ui';\n\nexport default class Input extends React.Component {\n static propTypes = {\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n onChange: PropTypes.func.isRequired,\n label: PropTypes.string,\n type: PropTypes.string.isRequired,\n error: PropTypes.func,\n noModelUpdateOnError: PropTypes.bool\n };\n\n static defaultProps = {\n type: 'text',\n error: (value, type) => (type === 'number' ? !value || isNaN(value) : !value),\n noModelUpdateOnError: false\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(newProps) {\n this.setState({\n value: newProps.value\n });\n }\n\n onChange = event => {\n const { type, onChange, error } = this.props;\n const value = event.target.value;\n\n if (error(value, type)) {\n this.setState({\n error: true,\n value: event.target.value\n });\n } else {\n this.setState({\n error: false,\n value: event.target.value\n });\n\n onChange(event);\n }\n };\n\n render() {\n const {\n label,\n type,\n noModelUpdateOnError, // eslint-disable-line no-unused-vars\n ...rest\n } = this.props;\n const { value, error } = this.state;\n\n return label ? (\n <InputContainer label={label}>\n <MaterialInput type={type} {...rest} value={value} onChange={this.onChange} error={error} />\n </InputContainer>\n ) : (\n <MaterialInput type={type} {...rest} value={value} onChange={this.onChange} error={error} />\n );\n }\n}\n"],"file":"input.js"}
|
package/lib/inputs.js
CHANGED
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
8
|
exports.InputSwitch = exports.InputRadio = exports.InputCheckbox = void 0;
|
|
7
9
|
|
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
+
|
|
8
12
|
var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
|
|
9
13
|
|
|
10
14
|
var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
|
|
@@ -21,13 +25,9 @@ var _styles = require("@material-ui/core/styles");
|
|
|
21
25
|
|
|
22
26
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
23
27
|
|
|
24
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
-
|
|
26
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 _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) {
|
|
29
|
-
|
|
30
|
-
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; }
|
|
31
31
|
|
|
32
32
|
var InputTypes = {
|
|
33
33
|
classes: _propTypes["default"].object.isRequired,
|
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","error","RawInputSwitch","switchRoot","propTypes","InputSwitch","justifyContent","transform","RawInputCheckbox","props","checkboxRoot","RawInputRadio","radioRoot","InputCheckbox","color","InputRadio"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/inputs.jsx"],"names":["InputTypes","classes","PropTypes","object","isRequired","className","string","label","checked","bool","onChange","func","disabled","error","RawInputSwitch","switchRoot","propTypes","InputSwitch","justifyContent","transform","RawInputCheckbox","props","checkboxRoot","RawInputRadio","radioRoot","InputCheckbox","color","InputRadio"],"mappings":"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","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"],"file":"inputs.js"}
|
package/lib/langs.js
CHANGED
|
@@ -1,12 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = exports.RawLangs = exports.LanguageControls = void 0;
|
|
9
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"));
|
|
23
|
+
|
|
10
24
|
var _Input = _interopRequireDefault(require("@material-ui/core/Input"));
|
|
11
25
|
|
|
12
26
|
var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
|
|
@@ -27,30 +41,10 @@ var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl
|
|
|
27
41
|
|
|
28
42
|
var _debug = _interopRequireDefault(require("debug"));
|
|
29
43
|
|
|
30
|
-
function
|
|
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); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
37
|
-
|
|
38
|
-
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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
39
|
-
|
|
40
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
41
|
-
|
|
42
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
43
|
-
|
|
44
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
45
|
-
|
|
46
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
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); }; }
|
|
47
45
|
|
|
48
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
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
51
|
-
|
|
52
|
-
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; }
|
|
53
|
-
|
|
54
48
|
var log = (0, _debug["default"])('pie-elements:config-ui:langs');
|
|
55
49
|
|
|
56
50
|
var styles = function styles(theme) {
|
|
@@ -73,30 +67,27 @@ var styles = function styles(theme) {
|
|
|
73
67
|
};
|
|
74
68
|
|
|
75
69
|
var RawLangs = /*#__PURE__*/function (_React$Component) {
|
|
76
|
-
|
|
70
|
+
(0, _inherits2["default"])(RawLangs, _React$Component);
|
|
77
71
|
|
|
78
72
|
var _super = _createSuper(RawLangs);
|
|
79
73
|
|
|
80
74
|
function RawLangs(props) {
|
|
81
75
|
var _this;
|
|
82
76
|
|
|
83
|
-
|
|
84
|
-
|
|
77
|
+
(0, _classCallCheck2["default"])(this, RawLangs);
|
|
85
78
|
_this = _super.call(this, props);
|
|
86
|
-
|
|
87
|
-
_defineProperty(_assertThisInitialized(_this), "choose", function (event) {
|
|
79
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "choose", function (event) {
|
|
88
80
|
log('[choose] event: ', event);
|
|
89
81
|
|
|
90
82
|
if (_this.props.onChange) {
|
|
91
83
|
_this.props.onChange(event.target.value);
|
|
92
84
|
}
|
|
93
85
|
});
|
|
94
|
-
|
|
95
86
|
_this.uid = props.uid || (Math.random() * 10000).toFixed();
|
|
96
87
|
return _this;
|
|
97
88
|
}
|
|
98
89
|
|
|
99
|
-
|
|
90
|
+
(0, _createClass2["default"])(RawLangs, [{
|
|
100
91
|
key: "render",
|
|
101
92
|
value: function render() {
|
|
102
93
|
var _this$props = this.props,
|
|
@@ -126,13 +117,11 @@ var RawLangs = /*#__PURE__*/function (_React$Component) {
|
|
|
126
117
|
}))));
|
|
127
118
|
}
|
|
128
119
|
}]);
|
|
129
|
-
|
|
130
120
|
return RawLangs;
|
|
131
121
|
}(_react["default"].Component);
|
|
132
122
|
|
|
133
123
|
exports.RawLangs = RawLangs;
|
|
134
|
-
|
|
135
|
-
_defineProperty(RawLangs, "propTypes", {
|
|
124
|
+
(0, _defineProperty2["default"])(RawLangs, "propTypes", {
|
|
136
125
|
onChange: _propTypes["default"].func,
|
|
137
126
|
langs: _propTypes["default"].array,
|
|
138
127
|
selected: _propTypes["default"].string,
|
|
@@ -140,7 +129,6 @@ _defineProperty(RawLangs, "propTypes", {
|
|
|
140
129
|
classes: _propTypes["default"].object.isRequired,
|
|
141
130
|
uid: _propTypes["default"].string
|
|
142
131
|
});
|
|
143
|
-
|
|
144
132
|
var Langs = (0, _styles.withStyles)(styles, {
|
|
145
133
|
name: 'Langs'
|
|
146
134
|
})(RawLangs);
|
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":"
|
|
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":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,8BAAN,CAAZ;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,aAAa,EAAE,QADX;AAEJC,MAAAA,UAAU,EAAE,OAFR;AAGJC,MAAAA,OAAO,EAAE,MAHL;AAIJC,MAAAA,QAAQ,EAAE,UAJN;AAKJC,MAAAA,UAAU,EAAE,KALR;AAMJC,MAAAA,YAAY,EAAE;AANV,KADiB;AASvBC,IAAAA,WAAW,EAAE;AACXH,MAAAA,QAAQ,EAAE;AADC,KATU;AAYvBI,IAAAA,UAAU,EAAE;AACVC,MAAAA,aAAa,EAAEV,KAAK,CAACW,OAAN,CAAcC;AADnB;AAZW,GAAL;AAAA,CAApB;;IAiBaC,Q;;;;;AAUX,oBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,+FAKV,UAAAC,KAAK,EAAI;AAChBjB,MAAAA,GAAG,CAAC,kBAAD,EAAqBiB,KAArB,CAAH;;AACA,UAAI,MAAKD,KAAL,CAAWE,QAAf,EAAyB;AACvB,cAAKF,KAAL,CAAWE,QAAX,CAAoBD,KAAK,CAACE,MAAN,CAAaC,KAAjC;AACD;AACF,KAVkB;AAEjB,UAAKC,GAAL,GAAWL,KAAK,CAACK,GAAN,IAAa,CAACC,IAAI,CAACC,MAAL,KAAgB,KAAjB,EAAwBC,OAAxB,EAAxB;AAFiB;AAGlB;;;;WASD,kBAAS;AACP,wBAA0C,KAAKR,KAA/C;AAAA,UAAMS,KAAN,eAAMA,KAAN;AAAA,UAAaC,QAAb,eAAaA,QAAb;AAAA,UAAuBC,KAAvB,eAAuBA,KAAvB;AAAA,UAA8BC,OAA9B,eAA8BA,OAA9B;AACA5B,MAAAA,GAAG,CAAC,oBAAD,EAAuB0B,QAAvB,CAAH;AACA,0BACE;AAAK,QAAA,SAAS,EAAEE,OAAO,CAACzB;AAAxB,sBACE,gCAAC,uBAAD;AAAa,QAAA,SAAS,EAAEyB,OAAO,CAAClB;AAAhC,sBACE,gCAAC,sBAAD;AAAY,QAAA,SAAS,EAAEkB,OAAO,CAACjB,UAA/B;AAA2C,QAAA,OAAO,EAAE,KAAKU;AAAzD,SACGM,KADH,CADF,eAIE,gCAAC,kBAAD;AAAQ,QAAA,KAAK,EAAED,QAAf;AAAyB,QAAA,QAAQ,EAAE,KAAKG,MAAxC;AAAgD,QAAA,KAAK,eAAE,gCAAC,iBAAD;AAAO,UAAA,EAAE,EAAE,KAAKR;AAAhB;AAAvD,SACGI,KAAK,CAACK,GAAN,CAAU,UAACC,CAAD,EAAIC,KAAJ;AAAA,4BACT,gCAAC,oBAAD;AAAU,UAAA,GAAG,EAAEA,KAAf;AAAsB,UAAA,KAAK,EAAED;AAA7B,WACGA,CADH,CADS;AAAA,OAAV,CADH,CAJF,CADF,CADF;AAgBD;;;EAzC2BE,kBAAMC,S;;;iCAAvBnB,Q,eACQ;AACjBG,EAAAA,QAAQ,EAAEiB,sBAAUC,IADH;AAEjBX,EAAAA,KAAK,EAAEU,sBAAUE,KAFA;AAGjBX,EAAAA,QAAQ,EAAES,sBAAUG,MAHH;AAIjBX,EAAAA,KAAK,EAAEQ,sBAAUG,MAJA;AAKjBV,EAAAA,OAAO,EAAEO,sBAAUI,MAAV,CAAiBC,UALT;AAMjBnB,EAAAA,GAAG,EAAEc,sBAAUG;AANE,C;AA2CrB,IAAMG,KAAK,GAAG,wBAAWxC,MAAX,EAAmB;AAAEyC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAsC3B,QAAtC,CAAd;eACe0B,K;;AAER,IAAME,gBAAgB,GAAG,wBAAW;AACzCC,EAAAA,gBAAgB,EAAE;AAChBtC,IAAAA,OAAO,EAAE,MADO;AAEhBuC,IAAAA,YAAY,EAAE,QAFE;AAGhBC,IAAAA,eAAe,EAAE,KAHD;AAIhBC,IAAAA,OAAO,EAAE;AAJO;AADuB,CAAX,EAQ9B,gBAQM;AAAA,MAPJnB,OAOI,QAPJA,OAOI;AAAA,MANJH,KAMI,QANJA,KAMI;AAAA,MALJuB,UAKI,QALJA,UAKI;AAAA,MAJJC,WAII,QAJJA,WAII;AAAA,MAHJC,kBAGI,QAHJA,kBAGI;AAAA,MAFJC,mBAEI,QAFJA,mBAEI;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,KAAK,GAAG,4BAAWzB,OAAO,CAACgB,gBAAnB,EAAqCQ,SAArC,CAAd;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEC;AAAhB,kBACE,gCAAC,KAAD;AACE,IAAA,KAAK,EAAC,yBADR;AAEE,IAAA,KAAK,EAAE5B,KAFT;AAGE,IAAA,QAAQ,EAAEuB,UAHZ;AAIE,IAAA,QAAQ,EAAE,kBAAAjB,CAAC;AAAA,aAAImB,kBAAkB,CAACnB,CAAD,CAAtB;AAAA;AAJb,IADF,eAOE,gCAAC,KAAD;AACE,IAAA,KAAK,EAAC,kBADR;AAEE,IAAA,KAAK,EAAEN,KAFT;AAGE,IAAA,QAAQ,EAAEwB,WAHZ;AAIE,IAAA,QAAQ,EAAE,kBAAAlB,CAAC;AAAA,aAAIoB,mBAAmB,CAACpB,CAAD,CAAvB;AAAA;AAJb,IAPF,CADF;AAgBD,CAnC6B,CAAzB;;AAsCPY,gBAAgB,CAACW,SAAjB,GAA6B;AAC3B7B,EAAAA,KAAK,EAAEU,sBAAUE,KADU;AAE3BW,EAAAA,UAAU,EAAEb,sBAAUG,MAAV,CAAiBE,UAFF;AAG3BS,EAAAA,WAAW,EAAEd,sBAAUG,MAAV,CAAiBE,UAHH;AAI3BU,EAAAA,kBAAkB,EAAEf,sBAAUC,IAAV,CAAeI,UAJR;AAK3BW,EAAAA,mBAAmB,EAAEhB,sBAAUC,IAAV,CAAeI;AALT,CAA7B","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,59 +1,51 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = void 0;
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
13
|
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
var _layoutContents = _interopRequireDefault(require("./layout-contents"));
|
|
14
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
15
|
|
|
18
|
-
var
|
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
17
|
|
|
20
|
-
|
|
18
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
19
|
|
|
22
|
-
|
|
20
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
21
|
|
|
24
|
-
|
|
22
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
23
|
|
|
26
|
-
|
|
24
|
+
var _react = _interopRequireDefault(require("react"));
|
|
27
25
|
|
|
28
|
-
|
|
26
|
+
var _reactMeasure = _interopRequireDefault(require("react-measure"));
|
|
29
27
|
|
|
30
|
-
|
|
28
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
31
29
|
|
|
32
|
-
|
|
30
|
+
var _layoutContents = _interopRequireDefault(require("./layout-contents"));
|
|
33
31
|
|
|
34
|
-
|
|
32
|
+
var _settingsBox = _interopRequireDefault(require("./settings-box"));
|
|
35
33
|
|
|
36
|
-
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); }; }
|
|
37
35
|
|
|
38
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; } }
|
|
39
37
|
|
|
40
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
41
|
-
|
|
42
|
-
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; }
|
|
43
|
-
|
|
44
38
|
var ConfigLayout = /*#__PURE__*/function (_React$Component) {
|
|
45
|
-
|
|
39
|
+
(0, _inherits2["default"])(ConfigLayout, _React$Component);
|
|
46
40
|
|
|
47
41
|
var _super = _createSuper(ConfigLayout);
|
|
48
42
|
|
|
49
43
|
function ConfigLayout(props) {
|
|
50
44
|
var _this;
|
|
51
45
|
|
|
52
|
-
|
|
53
|
-
|
|
46
|
+
(0, _classCallCheck2["default"])(this, ConfigLayout);
|
|
54
47
|
_this = _super.call(this, props);
|
|
55
|
-
|
|
56
|
-
_defineProperty(_assertThisInitialized(_this), "onResize", function (contentRect) {
|
|
48
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onResize", function (contentRect) {
|
|
57
49
|
var bounds = contentRect.bounds;
|
|
58
50
|
var sidePanelMinWidth = _this.props.sidePanelMinWidth;
|
|
59
51
|
var layoutMode = bounds.width >= sidePanelMinWidth ? 'inline' : 'tabbed';
|
|
@@ -62,14 +54,13 @@ var ConfigLayout = /*#__PURE__*/function (_React$Component) {
|
|
|
62
54
|
layoutMode: layoutMode
|
|
63
55
|
});
|
|
64
56
|
});
|
|
65
|
-
|
|
66
57
|
_this.state = {
|
|
67
58
|
layoutMode: undefined
|
|
68
59
|
};
|
|
69
60
|
return _this;
|
|
70
61
|
}
|
|
71
62
|
|
|
72
|
-
|
|
63
|
+
(0, _createClass2["default"])(ConfigLayout, [{
|
|
73
64
|
key: "render",
|
|
74
65
|
value: function render() {
|
|
75
66
|
var _this2 = this;
|
|
@@ -92,22 +83,19 @@ var ConfigLayout = /*#__PURE__*/function (_React$Component) {
|
|
|
92
83
|
});
|
|
93
84
|
}
|
|
94
85
|
}]);
|
|
95
|
-
|
|
96
86
|
return ConfigLayout;
|
|
97
87
|
}(_react["default"].Component);
|
|
98
88
|
|
|
99
|
-
|
|
89
|
+
(0, _defineProperty2["default"])(ConfigLayout, "propTypes", {
|
|
100
90
|
children: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].element), _propTypes["default"].element]),
|
|
101
91
|
settings: _propTypes["default"].element,
|
|
102
92
|
className: _propTypes["default"].string,
|
|
103
93
|
classes: _propTypes["default"].object,
|
|
104
94
|
sidePanelMinWidth: _propTypes["default"].number
|
|
105
95
|
});
|
|
106
|
-
|
|
107
|
-
_defineProperty(ConfigLayout, "defaultProps", {
|
|
96
|
+
(0, _defineProperty2["default"])(ConfigLayout, "defaultProps", {
|
|
108
97
|
sidePanelMinWidth: 950
|
|
109
98
|
});
|
|
110
|
-
|
|
111
99
|
var _default = ConfigLayout;
|
|
112
100
|
exports["default"] = _default;
|
|
113
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":"
|
|
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,8BAAMA,KAAN;AADiB,iGAOR,UAAAC,WAAW,EAAI;AACxB,UAAQC,MAAR,GAAmBD,WAAnB,CAAQC,MAAR;AACA,UAAQC,iBAAR,GAA8B,MAAKH,KAAnC,CAAQG,iBAAR;AACA,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;;;;WAUD,kBAAS;AAAA;;AACP,0BACE,gCAAC,wBAAD;AAAS,QAAA,MAAM,MAAf;AAAgB,QAAA,QAAQ,EAAE,KAAKC;AAA/B,SACG,gBAAoB;AAAA,YAAjBC,UAAiB,QAAjBA,UAAiB;AACnB,2BAA+B,MAAI,CAACV,KAApC;AAAA,YAAQW,QAAR,gBAAQA,QAAR;AAAA,YAAkBC,QAAlB,gBAAkBA,QAAlB;AACA,YAAQR,UAAR,GAAuB,MAAI,CAACG,KAA5B,CAAQH,UAAR;AAEA,4BACE;AAAK,UAAA,GAAG,EAAEM;AAAV,wBACE,gCAAC,0BAAD;AACE,UAAA,IAAI,EAAEN,UADR;AAEE,UAAA,SAAS,EACPA,UAAU,KAAK,QAAf,gBAA0B,gCAAC,uBAAD,QAAcO,QAAd,CAA1B,GAAkEA;AAHtE,WAMGC,QANH,CADF,CADF;AAYD,OAjBH,CADF;AAqBD;;;EAtDwBC,kBAAMC,S;;iCAA3Bf,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;iCADfxB,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"}
|
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,"sources":["../../src/layout/index.js"],"names":[],"mappings":"
|
|
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"}
|