@pie-lib/config-ui 10.10.4-next.62 → 10.10.4-next.630
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 +97 -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 +26 -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
|
@@ -1,54 +1,49 @@
|
|
|
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
|
|
9
|
-
|
|
10
|
-
var _core = require("@material-ui/core");
|
|
11
|
-
|
|
12
|
-
var _tabs = _interopRequireDefault(require("../tabs"));
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
11
|
|
|
14
|
-
var
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
13
|
|
|
16
|
-
var
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
15
|
|
|
18
|
-
|
|
16
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
17
|
|
|
20
|
-
|
|
18
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
19
|
|
|
22
|
-
|
|
20
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
21
|
|
|
24
|
-
|
|
22
|
+
var _react = _interopRequireDefault(require("react"));
|
|
25
23
|
|
|
26
|
-
|
|
24
|
+
var _core = require("@material-ui/core");
|
|
27
25
|
|
|
28
|
-
|
|
26
|
+
var _tabs = _interopRequireDefault(require("../tabs"));
|
|
29
27
|
|
|
30
|
-
|
|
28
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
31
29
|
|
|
32
|
-
|
|
30
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
33
31
|
|
|
34
|
-
function
|
|
32
|
+
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
33
|
|
|
36
|
-
function
|
|
34
|
+
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
35
|
|
|
38
|
-
|
|
36
|
+
var RawLayoutContents = /*#__PURE__*/function (_React$Component) {
|
|
37
|
+
(0, _inherits2["default"])(RawLayoutContents, _React$Component);
|
|
39
38
|
|
|
40
|
-
var
|
|
41
|
-
/*#__PURE__*/
|
|
42
|
-
function (_React$Component) {
|
|
43
|
-
_inherits(RawLayoutContents, _React$Component);
|
|
39
|
+
var _super = _createSuper(RawLayoutContents);
|
|
44
40
|
|
|
45
41
|
function RawLayoutContents() {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
return _possibleConstructorReturn(this, _getPrototypeOf(RawLayoutContents).apply(this, arguments));
|
|
42
|
+
(0, _classCallCheck2["default"])(this, RawLayoutContents);
|
|
43
|
+
return _super.apply(this, arguments);
|
|
49
44
|
}
|
|
50
45
|
|
|
51
|
-
|
|
46
|
+
(0, _createClass2["default"])(RawLayoutContents, [{
|
|
52
47
|
key: "render",
|
|
53
48
|
value: function render() {
|
|
54
49
|
var _this$props = this.props,
|
|
@@ -56,28 +51,27 @@ function (_React$Component) {
|
|
|
56
51
|
secondary = _this$props.secondary,
|
|
57
52
|
children = _this$props.children,
|
|
58
53
|
classes = _this$props.classes;
|
|
59
|
-
return _react["default"].createElement("div", {
|
|
54
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
60
55
|
className: (0, _classnames["default"])(classes.container)
|
|
61
|
-
}, mode === 'inline' && _react["default"].createElement("div", {
|
|
56
|
+
}, mode === 'inline' && /*#__PURE__*/_react["default"].createElement("div", {
|
|
62
57
|
className: classes.flow
|
|
63
|
-
}, _react["default"].createElement("div", {
|
|
58
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
64
59
|
className: classes.configContainer
|
|
65
|
-
}, children), _react["default"].createElement("div", null, secondary)), mode === 'tabbed' && _react["default"].createElement(_tabs["default"], {
|
|
60
|
+
}, children), /*#__PURE__*/_react["default"].createElement("div", null, secondary)), mode === 'tabbed' && /*#__PURE__*/_react["default"].createElement(_tabs["default"], {
|
|
66
61
|
onChange: this.onTabsChange,
|
|
67
62
|
contentClassName: classes.contentContainer,
|
|
68
63
|
indicatorColor: "primary"
|
|
69
|
-
}, _react["default"].createElement("div", {
|
|
64
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
70
65
|
title: "Design"
|
|
71
|
-
}, children), _react["default"].createElement("div", {
|
|
66
|
+
}, children), /*#__PURE__*/_react["default"].createElement("div", {
|
|
72
67
|
title: "settings"
|
|
73
68
|
}, secondary)));
|
|
74
69
|
}
|
|
75
70
|
}]);
|
|
76
|
-
|
|
77
71
|
return RawLayoutContents;
|
|
78
72
|
}(_react["default"].Component);
|
|
79
73
|
|
|
80
|
-
|
|
74
|
+
(0, _defineProperty2["default"])(RawLayoutContents, "propTypes", {
|
|
81
75
|
mode: _propTypes["default"].oneOf(['tabbed', 'inline']),
|
|
82
76
|
secondary: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
|
|
83
77
|
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"layout-contents.js","names":["RawLayoutContents","props","mode","secondary","children","classes","classnames","container","flow","configContainer","onTabsChange","contentContainer","React","Component","PropTypes","oneOf","oneOfType","arrayOf","node","object","styles","display","justifyContent","flexDirection","position","padding","flex","marginRight","withStyles"],"sources":["../../src/layout/layout-contents.jsx"],"sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core';\nimport Tabs from '../tabs';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\n\nclass RawLayoutContents extends React.Component {\n static propTypes = {\n mode: PropTypes.oneOf(['tabbed', 'inline']),\n secondary: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n classes: PropTypes.object\n };\n\n render() {\n const { mode, secondary, children, classes } = this.props;\n\n return (\n <div className={classnames(classes.container)}>\n {mode === 'inline' && (\n <div className={classes.flow}>\n <div className={classes.configContainer}>{children}</div>\n <div>{secondary}</div>\n </div>\n )}\n {mode === 'tabbed' && (\n <Tabs\n onChange={this.onTabsChange}\n contentClassName={classes.contentContainer}\n indicatorColor=\"primary\"\n >\n <div title=\"Design\">{children}</div>\n <div title=\"settings\">{secondary}</div>\n </Tabs>\n )}\n </div>\n );\n }\n}\n\nconst styles = () => ({\n flow: {\n display: 'flex',\n justifyContent: 'space-between'\n },\n container: {\n display: 'flex',\n flexDirection: 'column',\n position: 'relative'\n },\n contentContainer: {\n padding: '32px 16px 0 16px'\n },\n configContainer: {\n flex: '1',\n marginRight: '20px'\n }\n});\n\nexport default withStyles(styles)(RawLayoutContents);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEMA,iB;;;;;;;;;;;;WAQJ,kBAAS;MACP,kBAA+C,KAAKC,KAApD;MAAA,IAAQC,IAAR,eAAQA,IAAR;MAAA,IAAcC,SAAd,eAAcA,SAAd;MAAA,IAAyBC,QAAzB,eAAyBA,QAAzB;MAAA,IAAmCC,OAAnC,eAAmCA,OAAnC;MAEA,oBACE;QAAK,SAAS,EAAE,IAAAC,sBAAA,EAAWD,OAAO,CAACE,SAAnB;MAAhB,GACGL,IAAI,KAAK,QAAT,iBACC;QAAK,SAAS,EAAEG,OAAO,CAACG;MAAxB,gBACE;QAAK,SAAS,EAAEH,OAAO,CAACI;MAAxB,GAA0CL,QAA1C,CADF,eAEE,6CAAMD,SAAN,CAFF,CAFJ,EAOGD,IAAI,KAAK,QAAT,iBACC,gCAAC,gBAAD;QACE,QAAQ,EAAE,KAAKQ,YADjB;QAEE,gBAAgB,EAAEL,OAAO,CAACM,gBAF5B;QAGE,cAAc,EAAC;MAHjB,gBAKE;QAAK,KAAK,EAAC;MAAX,GAAqBP,QAArB,CALF,eAME;QAAK,KAAK,EAAC;MAAX,GAAuBD,SAAvB,CANF,CARJ,CADF;IAoBD;;;EA/B6BS,iBAAA,CAAMC,S;;iCAAhCb,iB,eACe;EACjBE,IAAI,EAAEY,qBAAA,CAAUC,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,CAAhB,CADW;EAEjBZ,SAAS,EAAEW,qBAAA,CAAUE,SAAV,CAAoB,CAACF,qBAAA,CAAUG,OAAV,CAAkBH,qBAAA,CAAUI,IAA5B,CAAD,EAAoCJ,qBAAA,CAAUI,IAA9C,CAApB,CAFM;EAGjBd,QAAQ,EAAEU,qBAAA,CAAUE,SAAV,CAAoB,CAACF,qBAAA,CAAUG,OAAV,CAAkBH,qBAAA,CAAUI,IAA5B,CAAD,EAAoCJ,qBAAA,CAAUI,IAA9C,CAApB,CAHO;EAIjBb,OAAO,EAAES,qBAAA,CAAUK;AAJF,C;;AAiCrB,IAAMC,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBZ,IAAI,EAAE;MACJa,OAAO,EAAE,MADL;MAEJC,cAAc,EAAE;IAFZ,CADc;IAKpBf,SAAS,EAAE;MACTc,OAAO,EAAE,MADA;MAETE,aAAa,EAAE,QAFN;MAGTC,QAAQ,EAAE;IAHD,CALS;IAUpBb,gBAAgB,EAAE;MAChBc,OAAO,EAAE;IADO,CAVE;IAapBhB,eAAe,EAAE;MACfiB,IAAI,EAAE,GADS;MAEfC,WAAW,EAAE;IAFE;EAbG,CAAP;AAAA,CAAf;;eAmBe,IAAAC,gBAAA,EAAWR,MAAX,EAAmBpB,iBAAnB,C"}
|
|
@@ -1,76 +1,68 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
8
|
exports["default"] = exports.SettingsBox = void 0;
|
|
7
9
|
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
var _styles = require("@material-ui/core/styles");
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
11
|
|
|
14
|
-
var
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
13
|
|
|
16
|
-
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
15
|
|
|
18
|
-
|
|
16
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
17
|
|
|
20
|
-
|
|
18
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
19
|
|
|
22
|
-
|
|
20
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
21
|
|
|
24
|
-
|
|
22
|
+
var _react = _interopRequireDefault(require("react"));
|
|
25
23
|
|
|
26
|
-
|
|
24
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
27
25
|
|
|
28
|
-
|
|
26
|
+
var _styles = require("@material-ui/core/styles");
|
|
29
27
|
|
|
30
|
-
|
|
28
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
31
29
|
|
|
32
|
-
function
|
|
30
|
+
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); }; }
|
|
33
31
|
|
|
34
|
-
function
|
|
32
|
+
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; } }
|
|
35
33
|
|
|
36
|
-
|
|
34
|
+
var SettingsBox = /*#__PURE__*/function (_React$Component) {
|
|
35
|
+
(0, _inherits2["default"])(SettingsBox, _React$Component);
|
|
37
36
|
|
|
38
|
-
var
|
|
39
|
-
/*#__PURE__*/
|
|
40
|
-
function (_React$Component) {
|
|
41
|
-
_inherits(SettingsBox, _React$Component);
|
|
37
|
+
var _super = _createSuper(SettingsBox);
|
|
42
38
|
|
|
43
39
|
function SettingsBox() {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
return _possibleConstructorReturn(this, _getPrototypeOf(SettingsBox).apply(this, arguments));
|
|
40
|
+
(0, _classCallCheck2["default"])(this, SettingsBox);
|
|
41
|
+
return _super.apply(this, arguments);
|
|
47
42
|
}
|
|
48
43
|
|
|
49
|
-
|
|
44
|
+
(0, _createClass2["default"])(SettingsBox, [{
|
|
50
45
|
key: "render",
|
|
51
46
|
value: function render() {
|
|
52
47
|
var _this$props = this.props,
|
|
53
48
|
classes = _this$props.classes,
|
|
54
49
|
className = _this$props.className,
|
|
55
50
|
children = _this$props.children;
|
|
56
|
-
return _react["default"].createElement("div", {
|
|
51
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
57
52
|
className: (0, _classnames["default"])(classes.settingsBox, className)
|
|
58
53
|
}, children);
|
|
59
54
|
}
|
|
60
55
|
}]);
|
|
61
|
-
|
|
62
56
|
return SettingsBox;
|
|
63
57
|
}(_react["default"].Component);
|
|
64
58
|
|
|
65
59
|
exports.SettingsBox = SettingsBox;
|
|
66
|
-
|
|
67
|
-
_defineProperty(SettingsBox, "propTypes", {
|
|
60
|
+
(0, _defineProperty2["default"])(SettingsBox, "propTypes", {
|
|
68
61
|
classes: _propTypes["default"].object.isRequired,
|
|
69
62
|
className: _propTypes["default"].string,
|
|
70
63
|
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
|
|
71
64
|
});
|
|
72
|
-
|
|
73
|
-
_defineProperty(SettingsBox, "defaultProps", {});
|
|
65
|
+
(0, _defineProperty2["default"])(SettingsBox, "defaultProps", {});
|
|
74
66
|
|
|
75
67
|
var styles = function styles() {
|
|
76
68
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"settings-box.js","names":["SettingsBox","props","classes","className","children","classNames","settingsBox","React","Component","PropTypes","object","isRequired","string","oneOfType","arrayOf","node","styles","backgroundColor","border","display","flexDirection","justifyContent","minWidth","maxWidth","padding","width","zIndex","withStyles"],"sources":["../../src/layout/settings-box.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nexport class SettingsBox extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n };\n static defaultProps = {};\n render() {\n const { classes, className, children } = this.props;\n return <div className={classNames(classes.settingsBox, className)}>{children}</div>;\n }\n}\nconst styles = () => ({\n settingsBox: {\n backgroundColor: '#FFF',\n border: '2px solid #EEE',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n minWidth: '275px',\n maxWidth: '300px',\n padding: '24px 8px 24px 24px',\n width: '80%',\n zIndex: 99\n }\n});\nexport default withStyles(styles)(SettingsBox);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;IACaA,W;;;;;;;;;;;;WAOX,kBAAS;MACP,kBAAyC,KAAKC,KAA9C;MAAA,IAAQC,OAAR,eAAQA,OAAR;MAAA,IAAiBC,SAAjB,eAAiBA,SAAjB;MAAA,IAA4BC,QAA5B,eAA4BA,QAA5B;MACA,oBAAO;QAAK,SAAS,EAAE,IAAAC,sBAAA,EAAWH,OAAO,CAACI,WAAnB,EAAgCH,SAAhC;MAAhB,GAA6DC,QAA7D,CAAP;IACD;;;EAV8BG,iBAAA,CAAMC,S;;;iCAA1BR,W,eACQ;EACjBE,OAAO,EAAEO,qBAAA,CAAUC,MAAV,CAAiBC,UADT;EAEjBR,SAAS,EAAEM,qBAAA,CAAUG,MAFJ;EAGjBR,QAAQ,EAAEK,qBAAA,CAAUI,SAAV,CAAoB,CAACJ,qBAAA,CAAUK,OAAV,CAAkBL,qBAAA,CAAUM,IAA5B,CAAD,EAAoCN,qBAAA,CAAUM,IAA9C,CAApB,EAAyEJ;AAHlE,C;iCADRX,W,kBAMW,E;;AAMxB,IAAMgB,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBV,WAAW,EAAE;MACXW,eAAe,EAAE,MADN;MAEXC,MAAM,EAAE,gBAFG;MAGXC,OAAO,EAAE,MAHE;MAIXC,aAAa,EAAE,QAJJ;MAKXC,cAAc,EAAE,YALL;MAMXC,QAAQ,EAAE,OANC;MAOXC,QAAQ,EAAE,OAPC;MAQXC,OAAO,EAAE,oBARE;MASXC,KAAK,EAAE,KATI;MAUXC,MAAM,EAAE;IAVG;EADO,CAAP;AAAA,CAAf;;eAce,IAAAC,kBAAA,EAAWX,MAAX,EAAmBhB,WAAnB,C"}
|
package/lib/mui-box/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
|
});
|
|
@@ -15,8 +17,6 @@ var _debug = _interopRequireDefault(require("debug"));
|
|
|
15
17
|
|
|
16
18
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
19
|
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
20
|
var log = (0, _debug["default"])('pie-elements:config-ui:mui-box');
|
|
21
21
|
var MuiBox = (0, _styles.withStyles)(function (theme) {
|
|
22
22
|
var light = theme.palette.type === 'light';
|
|
@@ -66,7 +66,7 @@ var MuiBox = (0, _styles.withStyles)(function (theme) {
|
|
|
66
66
|
classes = _ref.classes,
|
|
67
67
|
focused = _ref.focused;
|
|
68
68
|
var names = (0, _classnames["default"])(classes.muiBox, focused && classes.focused);
|
|
69
|
-
return _react["default"].createElement("div", {
|
|
69
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
70
70
|
className: names
|
|
71
71
|
}, children);
|
|
72
72
|
});
|
package/lib/mui-box/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["log","debug","MuiBox","withStyles","theme","light","palette","type","bottomLineColor","primary","muiBox","paddingTop","spacing","unit","paddingBottom","position","left","right","bottom","height","content","transition","pointerEvents","backgroundColor","transform","focused","children","classes","names","classNames","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","bool"],"sources":["../../src/mui-box/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport debug from 'debug';\nimport classNames from 'classnames';\n\nconst log = debug('pie-elements:config-ui:mui-box');\n\nconst MuiBox = withStyles(theme => {\n const light = theme.palette.type === 'light';\n const bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';\n\n log(theme.palette.primary[theme.palette.type || 'light']);\n\n return {\n muiBox: {\n paddingTop: theme.spacing.unit,\n paddingBottom: theme.spacing.unit,\n position: 'relative',\n '&:before': {\n left: 0,\n right: 0,\n bottom: 0,\n height: '1px',\n content: '\"\"',\n position: 'absolute',\n transition: 'background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',\n pointerEvents: 'none',\n backgroundColor: bottomLineColor\n },\n '&:hover:before': {\n height: '2px'\n },\n '&:after': {\n left: 0,\n right: 0,\n bottom: 0,\n height: '2px',\n content: '\"\"',\n position: 'absolute',\n transform: 'scaleX(0)',\n transition: 'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms',\n pointerEvents: 'none',\n backgroundColor: theme.palette.primary[theme.palette.type] //'#304ffe'\n }\n },\n focused: {\n '&:after': {\n transform: 'scaleX(1)'\n }\n }\n };\n})(({ children, classes, focused }) => {\n const names = classNames(classes.muiBox, focused && classes.focused);\n\n return <div className={names}>{children}</div>;\n});\n\nMuiBox.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n focused: PropTypes.bool.isRequired\n};\n\nexport default MuiBox;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,GAAG,GAAG,IAAAC,iBAAA,EAAM,gCAAN,CAAZ;AAEA,IAAMC,MAAM,GAAG,IAAAC,kBAAA,EAAW,UAAAC,KAAK,EAAI;EACjC,IAAMC,KAAK,GAAGD,KAAK,CAACE,OAAN,CAAcC,IAAd,KAAuB,OAArC;EACA,IAAMC,eAAe,GAAGH,KAAK,GAAG,qBAAH,GAA2B,0BAAxD;EAEAL,GAAG,CAACI,KAAK,CAACE,OAAN,CAAcG,OAAd,CAAsBL,KAAK,CAACE,OAAN,CAAcC,IAAd,IAAsB,OAA5C,CAAD,CAAH;EAEA,OAAO;IACLG,MAAM,EAAE;MACNC,UAAU,EAAEP,KAAK,CAACQ,OAAN,CAAcC,IADpB;MAENC,aAAa,EAAEV,KAAK,CAACQ,OAAN,CAAcC,IAFvB;MAGNE,QAAQ,EAAE,UAHJ;MAIN,YAAY;QACVC,IAAI,EAAE,CADI;QAEVC,KAAK,EAAE,CAFG;QAGVC,MAAM,EAAE,CAHE;QAIVC,MAAM,EAAE,KAJE;QAKVC,OAAO,EAAE,IALC;QAMVL,QAAQ,EAAE,UANA;QAOVM,UAAU,EAAE,yDAPF;QAQVC,aAAa,EAAE,MARL;QASVC,eAAe,EAAEf;MATP,CAJN;MAeN,kBAAkB;QAChBW,MAAM,EAAE;MADQ,CAfZ;MAkBN,WAAW;QACTH,IAAI,EAAE,CADG;QAETC,KAAK,EAAE,CAFE;QAGTC,MAAM,EAAE,CAHC;QAITC,MAAM,EAAE,KAJC;QAKTC,OAAO,EAAE,IALA;QAMTL,QAAQ,EAAE,UAND;QAOTS,SAAS,EAAE,WAPF;QAQTH,UAAU,EAAE,kDARH;QASTC,aAAa,EAAE,MATN;QAUTC,eAAe,EAAEnB,KAAK,CAACE,OAAN,CAAcG,OAAd,CAAsBL,KAAK,CAACE,OAAN,CAAcC,IAApC,CAVR,CAUkD;;MAVlD;IAlBL,CADH;IAgCLkB,OAAO,EAAE;MACP,WAAW;QACTD,SAAS,EAAE;MADF;IADJ;EAhCJ,CAAP;AAsCD,CA5Cc,EA4CZ,gBAAoC;EAAA,IAAjCE,QAAiC,QAAjCA,QAAiC;EAAA,IAAvBC,OAAuB,QAAvBA,OAAuB;EAAA,IAAdF,OAAc,QAAdA,OAAc;EACrC,IAAMG,KAAK,GAAG,IAAAC,sBAAA,EAAWF,OAAO,CAACjB,MAAnB,EAA2Be,OAAO,IAAIE,OAAO,CAACF,OAA9C,CAAd;EAEA,oBAAO;IAAK,SAAS,EAAEG;EAAhB,GAAwBF,QAAxB,CAAP;AACD,CAhDc,CAAf;AAkDAxB,MAAM,CAAC4B,SAAP,GAAmB;EACjBJ,QAAQ,EAAEK,qBAAA,CAAUC,SAAV,CAAoB,CAACD,qBAAA,CAAUE,OAAV,CAAkBF,qBAAA,CAAUG,IAA5B,CAAD,EAAoCH,qBAAA,CAAUG,IAA9C,CAApB,EAAyEC,UADlE;EAEjBV,OAAO,EAAEM,qBAAA,CAAUK,IAAV,CAAeD;AAFP,CAAnB;eAKejC,M"}
|