@pie-lib/config-ui 12.0.0-beta.4 → 12.0.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/CHANGELOG.json +8 -1653
  2. package/CHANGELOG.md +540 -58
  3. package/LICENSE.md +5 -0
  4. package/NEXT.CHANGELOG.json +1 -0
  5. package/lib/alert-dialog.js +44 -20
  6. package/lib/alert-dialog.js.map +1 -1
  7. package/lib/checkbox.js +59 -61
  8. package/lib/checkbox.js.map +1 -1
  9. package/lib/choice-configuration/feedback-menu.js +30 -65
  10. package/lib/choice-configuration/feedback-menu.js.map +1 -1
  11. package/lib/choice-configuration/index.js +231 -244
  12. package/lib/choice-configuration/index.js.map +1 -1
  13. package/lib/choice-utils.js +7 -19
  14. package/lib/choice-utils.js.map +1 -1
  15. package/lib/feedback-config/feedback-selector.js +89 -115
  16. package/lib/feedback-config/feedback-selector.js.map +1 -1
  17. package/lib/feedback-config/group.js +28 -42
  18. package/lib/feedback-config/group.js.map +1 -1
  19. package/lib/feedback-config/index.js +55 -87
  20. package/lib/feedback-config/index.js.map +1 -1
  21. package/lib/form-section.js +32 -34
  22. package/lib/form-section.js.map +1 -1
  23. package/lib/help.js +41 -80
  24. package/lib/help.js.map +1 -1
  25. package/lib/index.js +2 -32
  26. package/lib/index.js.map +1 -1
  27. package/lib/input.js +24 -57
  28. package/lib/input.js.map +1 -1
  29. package/lib/inputs.js +62 -88
  30. package/lib/inputs.js.map +1 -1
  31. package/lib/langs.js +59 -102
  32. package/lib/langs.js.map +1 -1
  33. package/lib/layout/config-layout.js +95 -67
  34. package/lib/layout/config-layout.js.map +1 -1
  35. package/lib/layout/index.js +1 -4
  36. package/lib/layout/index.js.map +1 -1
  37. package/lib/layout/layout-contents.js +130 -75
  38. package/lib/layout/layout-contents.js.map +1 -1
  39. package/lib/layout/settings-box.js +28 -58
  40. package/lib/layout/settings-box.js.map +1 -1
  41. package/lib/mui-box/index.js +42 -58
  42. package/lib/mui-box/index.js.map +1 -1
  43. package/lib/number-text-field-custom.js +164 -152
  44. package/lib/number-text-field-custom.js.map +1 -1
  45. package/lib/number-text-field.js +87 -119
  46. package/lib/number-text-field.js.map +1 -1
  47. package/lib/radio-with-label.js +33 -26
  48. package/lib/radio-with-label.js.map +1 -1
  49. package/lib/settings/display-size.js +17 -33
  50. package/lib/settings/display-size.js.map +1 -1
  51. package/lib/settings/index.js +26 -46
  52. package/lib/settings/index.js.map +1 -1
  53. package/lib/settings/panel.js +202 -221
  54. package/lib/settings/panel.js.map +1 -1
  55. package/lib/settings/settings-radio-label.js +37 -29
  56. package/lib/settings/settings-radio-label.js.map +1 -1
  57. package/lib/settings/toggle.js +40 -33
  58. package/lib/settings/toggle.js.map +1 -1
  59. package/lib/tabs/index.js +26 -57
  60. package/lib/tabs/index.js.map +1 -1
  61. package/lib/tags-input/index.js +51 -100
  62. package/lib/tags-input/index.js.map +1 -1
  63. package/lib/two-choice.js +47 -91
  64. package/lib/two-choice.js.map +1 -1
  65. package/lib/with-stateful-model.js +11 -34
  66. package/lib/with-stateful-model.js.map +1 -1
  67. package/package.json +22 -11
  68. package/src/__tests__/alert-dialog.test.jsx +283 -0
  69. package/src/__tests__/checkbox.test.jsx +249 -0
  70. package/src/__tests__/choice-utils.test.js +12 -0
  71. package/src/__tests__/form-section.test.jsx +334 -0
  72. package/src/__tests__/help.test.jsx +184 -0
  73. package/src/__tests__/input.test.jsx +192 -0
  74. package/src/__tests__/langs.test.jsx +457 -0
  75. package/src/__tests__/number-text-field-custom.test.jsx +438 -0
  76. package/src/__tests__/number-text-field.test.jsx +341 -0
  77. package/src/__tests__/radio-with-label.test.jsx +259 -0
  78. package/src/__tests__/settings-panel.test.js +187 -0
  79. package/src/__tests__/settings.test.jsx +515 -0
  80. package/src/__tests__/tabs.test.jsx +193 -0
  81. package/src/__tests__/two-choice.test.js +110 -0
  82. package/src/__tests__/with-stateful-model.test.jsx +145 -0
  83. package/src/alert-dialog.jsx +31 -16
  84. package/src/checkbox.jsx +45 -39
  85. package/src/choice-configuration/__tests__/feedback-menu.test.jsx +163 -0
  86. package/src/choice-configuration/__tests__/index.test.jsx +234 -0
  87. package/src/choice-configuration/feedback-menu.jsx +15 -28
  88. package/src/choice-configuration/index.jsx +233 -182
  89. package/src/choice-utils.js +1 -1
  90. package/src/feedback-config/__tests__/feedback-config.test.jsx +141 -0
  91. package/src/feedback-config/__tests__/feedback-selector.test.jsx +107 -0
  92. package/src/feedback-config/feedback-selector.jsx +65 -60
  93. package/src/feedback-config/group.jsx +26 -29
  94. package/src/feedback-config/index.jsx +59 -47
  95. package/src/form-section.jsx +26 -18
  96. package/src/help.jsx +27 -36
  97. package/src/index.js +2 -5
  98. package/src/input.jsx +9 -9
  99. package/src/inputs.jsx +36 -50
  100. package/src/langs.jsx +57 -73
  101. package/src/layout/__tests__/config.layout.test.jsx +59 -0
  102. package/src/layout/__tests__/layout-content.test.jsx +3 -0
  103. package/src/layout/config-layout.jsx +70 -37
  104. package/src/layout/layout-contents.jsx +96 -39
  105. package/src/layout/settings-box.jsx +22 -21
  106. package/src/mui-box/index.jsx +37 -45
  107. package/src/number-text-field-custom.jsx +136 -81
  108. package/src/number-text-field.jsx +59 -37
  109. package/src/radio-with-label.jsx +28 -12
  110. package/src/settings/display-size.jsx +14 -13
  111. package/src/settings/index.js +20 -12
  112. package/src/settings/panel.jsx +147 -110
  113. package/src/settings/settings-radio-label.jsx +29 -13
  114. package/src/settings/toggle.jsx +39 -20
  115. package/src/tabs/index.jsx +15 -19
  116. package/src/tags-input/__tests__/index.test.jsx +113 -0
  117. package/src/tags-input/index.jsx +42 -47
  118. package/src/two-choice.jsx +19 -23
  119. package/src/with-stateful-model.jsx +5 -5
  120. package/README.md +0 -12
@@ -1,87 +1,57 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.SettingsBox = void 0;
9
-
10
8
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
-
12
9
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
-
14
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
-
16
10
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
17
-
18
11
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
19
-
12
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
20
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
21
-
22
14
  var _react = _interopRequireDefault(require("react"));
23
-
24
15
  var _propTypes = _interopRequireDefault(require("prop-types"));
25
-
26
- var _styles = require("@material-ui/core/styles");
27
-
28
- var _classnames = _interopRequireDefault(require("classnames"));
29
-
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); }; }
31
-
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; } }
33
-
34
- var SettingsBox = /*#__PURE__*/function (_React$Component) {
35
- (0, _inherits2["default"])(SettingsBox, _React$Component);
36
-
37
- var _super = _createSuper(SettingsBox);
38
-
16
+ var _styles = require("@mui/material/styles");
17
+ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
18
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
19
+ var StyledSettingsBox = (0, _styles.styled)('div')(function (_ref) {
20
+ var theme = _ref.theme;
21
+ return {
22
+ backgroundColor: theme.palette.background.paper,
23
+ border: "2px solid ".concat(theme.palette.grey[200]),
24
+ display: 'flex',
25
+ flexDirection: 'column',
26
+ justifyContent: 'flex-start',
27
+ minWidth: '275px',
28
+ maxWidth: '300px',
29
+ padding: '20px 4px 4px 20px',
30
+ zIndex: 99
31
+ };
32
+ });
33
+ var SettingsBox = exports.SettingsBox = /*#__PURE__*/function (_React$Component) {
39
34
  function SettingsBox() {
40
35
  (0, _classCallCheck2["default"])(this, SettingsBox);
41
- return _super.apply(this, arguments);
36
+ return _callSuper(this, SettingsBox, arguments);
42
37
  }
43
-
44
- (0, _createClass2["default"])(SettingsBox, [{
38
+ (0, _inherits2["default"])(SettingsBox, _React$Component);
39
+ return (0, _createClass2["default"])(SettingsBox, [{
45
40
  key: "render",
46
41
  value: function render() {
47
42
  var _this$props = this.props,
48
- classes = _this$props.classes,
49
- className = _this$props.className,
50
- children = _this$props.children;
51
- return /*#__PURE__*/_react["default"].createElement("div", {
52
- className: (0, _classnames["default"])(classes.settingsBox, className)
43
+ className = _this$props.className,
44
+ children = _this$props.children;
45
+ return /*#__PURE__*/_react["default"].createElement(StyledSettingsBox, {
46
+ className: className
53
47
  }, children);
54
48
  }
55
49
  }]);
56
- return SettingsBox;
57
50
  }(_react["default"].Component);
58
-
59
- exports.SettingsBox = SettingsBox;
60
51
  (0, _defineProperty2["default"])(SettingsBox, "propTypes", {
61
- classes: _propTypes["default"].object.isRequired,
62
52
  className: _propTypes["default"].string,
63
53
  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
64
54
  });
65
55
  (0, _defineProperty2["default"])(SettingsBox, "defaultProps", {});
66
-
67
- var styles = function styles() {
68
- return {
69
- settingsBox: {
70
- backgroundColor: '#FFF',
71
- border: '2px solid #EEE',
72
- display: 'flex',
73
- flexDirection: 'column',
74
- justifyContent: 'flex-start',
75
- minWidth: '275px',
76
- maxWidth: '300px',
77
- padding: '24px 8px 24px 24px',
78
- width: '80%',
79
- zIndex: 99
80
- }
81
- };
82
- };
83
-
84
- var _default = (0, _styles.withStyles)(styles)(SettingsBox);
85
-
86
- exports["default"] = _default;
87
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJTZXR0aW5nc0JveCIsInByb3BzIiwiY2xhc3NlcyIsImNsYXNzTmFtZSIsImNoaWxkcmVuIiwiY2xhc3NOYW1lcyIsInNldHRpbmdzQm94IiwiUmVhY3QiLCJDb21wb25lbnQiLCJQcm9wVHlwZXMiLCJvYmplY3QiLCJpc1JlcXVpcmVkIiwic3RyaW5nIiwib25lT2ZUeXBlIiwiYXJyYXlPZiIsIm5vZGUiLCJzdHlsZXMiLCJiYWNrZ3JvdW5kQ29sb3IiLCJib3JkZXIiLCJkaXNwbGF5IiwiZmxleERpcmVjdGlvbiIsImp1c3RpZnlDb250ZW50IiwibWluV2lkdGgiLCJtYXhXaWR0aCIsInBhZGRpbmciLCJ3aWR0aCIsInpJbmRleCIsIndpdGhTdHlsZXMiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvbGF5b3V0L3NldHRpbmdzLWJveC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuZXhwb3J0IGNsYXNzIFNldHRpbmdzQm94IGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWQsXG4gICAgY2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGNoaWxkcmVuOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMubm9kZSksIFByb3BUeXBlcy5ub2RlXSkuaXNSZXF1aXJlZFxuICB9O1xuICBzdGF0aWMgZGVmYXVsdFByb3BzID0ge307XG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IGNsYXNzZXMsIGNsYXNzTmFtZSwgY2hpbGRyZW4gfSA9IHRoaXMucHJvcHM7XG4gICAgcmV0dXJuIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzZXMuc2V0dGluZ3NCb3gsIGNsYXNzTmFtZSl9PntjaGlsZHJlbn08L2Rpdj47XG4gIH1cbn1cbmNvbnN0IHN0eWxlcyA9ICgpID0+ICh7XG4gIHNldHRpbmdzQm94OiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiAnI0ZGRicsXG4gICAgYm9yZGVyOiAnMnB4IHNvbGlkICNFRUUnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtc3RhcnQnLFxuICAgIG1pbldpZHRoOiAnMjc1cHgnLFxuICAgIG1heFdpZHRoOiAnMzAwcHgnLFxuICAgIHBhZGRpbmc6ICcyNHB4IDhweCAyNHB4IDI0cHgnLFxuICAgIHdpZHRoOiAnODAlJyxcbiAgICB6SW5kZXg6IDk5XG4gIH1cbn0pO1xuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlcyhzdHlsZXMpKFNldHRpbmdzQm94KTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7OztJQUNhQSxXOzs7Ozs7Ozs7Ozs7V0FPWCxrQkFBUztNQUNQLGtCQUF5QyxLQUFLQyxLQUE5QztNQUFBLElBQVFDLE9BQVIsZUFBUUEsT0FBUjtNQUFBLElBQWlCQyxTQUFqQixlQUFpQkEsU0FBakI7TUFBQSxJQUE0QkMsUUFBNUIsZUFBNEJBLFFBQTVCO01BQ0Esb0JBQU87UUFBSyxTQUFTLEVBQUUsSUFBQUMsc0JBQUEsRUFBV0gsT0FBTyxDQUFDSSxXQUFuQixFQUFnQ0gsU0FBaEM7TUFBaEIsR0FBNkRDLFFBQTdELENBQVA7SUFDRDs7O0VBVjhCRyxpQkFBQSxDQUFNQyxTOzs7aUNBQTFCUixXLGVBQ1E7RUFDakJFLE9BQU8sRUFBRU8scUJBQUEsQ0FBVUMsTUFBVixDQUFpQkMsVUFEVDtFQUVqQlIsU0FBUyxFQUFFTSxxQkFBQSxDQUFVRyxNQUZKO0VBR2pCUixRQUFRLEVBQUVLLHFCQUFBLENBQVVJLFNBQVYsQ0FBb0IsQ0FBQ0oscUJBQUEsQ0FBVUssT0FBVixDQUFrQkwscUJBQUEsQ0FBVU0sSUFBNUIsQ0FBRCxFQUFvQ04scUJBQUEsQ0FBVU0sSUFBOUMsQ0FBcEIsRUFBeUVKO0FBSGxFLEM7aUNBRFJYLFcsa0JBTVcsRTs7QUFNeEIsSUFBTWdCLE1BQU0sR0FBRyxTQUFUQSxNQUFTO0VBQUEsT0FBTztJQUNwQlYsV0FBVyxFQUFFO01BQ1hXLGVBQWUsRUFBRSxNQUROO01BRVhDLE1BQU0sRUFBRSxnQkFGRztNQUdYQyxPQUFPLEVBQUUsTUFIRTtNQUlYQyxhQUFhLEVBQUUsUUFKSjtNQUtYQyxjQUFjLEVBQUUsWUFMTDtNQU1YQyxRQUFRLEVBQUUsT0FOQztNQU9YQyxRQUFRLEVBQUUsT0FQQztNQVFYQyxPQUFPLEVBQUUsb0JBUkU7TUFTWEMsS0FBSyxFQUFFLEtBVEk7TUFVWEMsTUFBTSxFQUFFO0lBVkc7RUFETyxDQUFQO0FBQUEsQ0FBZjs7ZUFjZSxJQUFBQyxrQkFBQSxFQUFXWCxNQUFYLEVBQW1CaEIsV0FBbkIsQyJ9
56
+ var _default = exports["default"] = SettingsBox;
57
+ //# sourceMappingURL=settings-box.js.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"settings-box.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledSettingsBox","styled","_ref","theme","backgroundColor","palette","background","paper","border","concat","grey","display","flexDirection","justifyContent","minWidth","maxWidth","padding","zIndex","SettingsBox","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","className","children","createElement","React","Component","_defineProperty2","PropTypes","string","oneOfType","arrayOf","node","isRequired","_default"],"sources":["../../src/layout/settings-box.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\n\nconst StyledSettingsBox = styled('div')(({ theme }) => ({\n backgroundColor: theme.palette.background.paper,\n border: `2px solid ${theme.palette.grey[200]}`,\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n minWidth: '275px',\n maxWidth: '300px',\n padding: '20px 4px 4px 20px',\n zIndex: 99,\n}));\n\nexport class SettingsBox extends React.Component {\n static propTypes = {\n className: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n };\n\n static defaultProps = {};\n\n render() {\n const { className, children } = this.props;\n\n return <StyledSettingsBox className={className}>{children}</StyledSettingsBox>;\n }\n}\n\nexport default SettingsBox;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8C,SAAAG,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAE9C,IAAMc,iBAAiB,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IACtDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC,UAAU,CAACC,KAAK;IAC/CC,MAAM,eAAAC,MAAA,CAAeN,KAAK,CAACE,OAAO,CAACK,IAAI,CAAC,GAAG,CAAC,CAAE;IAC9CC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,cAAc,EAAE,YAAY;IAC5BC,QAAQ,EAAE,OAAO;IACjBC,QAAQ,EAAE,OAAO;IACjBC,OAAO,EAAE,mBAAmB;IAC5BC,MAAM,EAAE;EACV,CAAC;AAAA,CAAC,CAAC;AAAC,IAESC,WAAW,GAAAC,OAAA,CAAAD,WAAA,0BAAAE,gBAAA;EAAA,SAAAF,YAAA;IAAA,IAAAG,gBAAA,mBAAAH,WAAA;IAAA,OAAAjC,UAAA,OAAAiC,WAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,WAAA,EAAAE,gBAAA;EAAA,WAAAI,aAAA,aAAAN,WAAA;IAAAO,GAAA;IAAAC,KAAA,EAQtB,SAAAC,MAAMA,CAAA,EAAG;MACP,IAAAC,WAAA,GAAgC,IAAI,CAACC,KAAK;QAAlCC,SAAS,GAAAF,WAAA,CAATE,SAAS;QAAEC,QAAQ,GAAAH,WAAA,CAARG,QAAQ;MAE3B,oBAAOnD,MAAA,YAAAoD,aAAA,CAAChC,iBAAiB;QAAC8B,SAAS,EAAEA;MAAU,GAAEC,QAA4B,CAAC;IAChF;EAAC;AAAA,EAZ8BE,iBAAK,CAACC,SAAS;AAAA,IAAAC,gBAAA,aAAnCjB,WAAW,eACH;EACjBY,SAAS,EAAEM,qBAAS,CAACC,MAAM;EAC3BN,QAAQ,EAAEK,qBAAS,CAACE,SAAS,CAAC,CAACF,qBAAS,CAACG,OAAO,CAACH,qBAAS,CAACI,IAAI,CAAC,EAAEJ,qBAAS,CAACI,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAAA,IAAAN,gBAAA,aAJUjB,WAAW,kBAMA,CAAC,CAAC;AAAA,IAAAwB,QAAA,GAAAvB,OAAA,cASXD,WAAW","ignoreList":[]}
@@ -1,79 +1,63 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
- var _styles = require("@material-ui/core/styles");
15
-
10
+ var _styles = require("@mui/material/styles");
16
11
  var _debug = _interopRequireDefault(require("debug"));
17
-
18
- var _classnames = _interopRequireDefault(require("classnames"));
19
-
20
12
  var log = (0, _debug["default"])('pie-elements:config-ui:mui-box');
21
- var MuiBox = (0, _styles.withStyles)(function (theme) {
22
- var light = theme.palette.type === 'light';
13
+ var StyledMuiBox = (0, _styles.styled)('div')(function (_ref) {
14
+ var theme = _ref.theme,
15
+ focused = _ref.focused;
16
+ var light = theme.palette.mode === 'light';
23
17
  var bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';
24
- log(theme.palette.primary[theme.palette.type || 'light']);
18
+ log(theme.palette.primary[theme.palette.mode || 'light']);
25
19
  return {
26
- muiBox: {
27
- paddingTop: theme.spacing.unit,
28
- paddingBottom: theme.spacing.unit,
29
- position: 'relative',
30
- '&:before': {
31
- left: 0,
32
- right: 0,
33
- bottom: 0,
34
- height: '1px',
35
- content: '""',
36
- position: 'absolute',
37
- transition: 'background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
38
- pointerEvents: 'none',
39
- backgroundColor: bottomLineColor
40
- },
41
- '&:hover:before': {
42
- height: '2px'
43
- },
44
- '&:after': {
45
- left: 0,
46
- right: 0,
47
- bottom: 0,
48
- height: '2px',
49
- content: '""',
50
- position: 'absolute',
51
- transform: 'scaleX(0)',
52
- transition: 'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms',
53
- pointerEvents: 'none',
54
- backgroundColor: theme.palette.primary[theme.palette.type] //'#304ffe'
55
-
56
- }
20
+ paddingTop: theme.spacing(1),
21
+ paddingBottom: theme.spacing(1),
22
+ position: 'relative',
23
+ '&:before': {
24
+ left: 0,
25
+ right: 0,
26
+ bottom: 0,
27
+ height: '1px',
28
+ content: '""',
29
+ position: 'absolute',
30
+ transition: 'background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
31
+ pointerEvents: 'none',
32
+ backgroundColor: bottomLineColor
33
+ },
34
+ '&:hover:before': {
35
+ height: '2px'
57
36
  },
58
- focused: {
59
- '&:after': {
60
- transform: 'scaleX(1)'
61
- }
37
+ '&:after': {
38
+ left: 0,
39
+ right: 0,
40
+ bottom: 0,
41
+ height: '2px',
42
+ content: '""',
43
+ position: 'absolute',
44
+ transform: focused ? 'scaleX(1)' : 'scaleX(0)',
45
+ transition: 'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms',
46
+ pointerEvents: 'none',
47
+ backgroundColor: theme.palette.primary[theme.palette.mode] //'#304ffe'
62
48
  }
63
49
  };
64
- })(function (_ref) {
65
- var children = _ref.children,
66
- classes = _ref.classes,
67
- focused = _ref.focused;
68
- var names = (0, _classnames["default"])(classes.muiBox, focused && classes.focused);
69
- return /*#__PURE__*/_react["default"].createElement("div", {
70
- className: names
71
- }, children);
72
50
  });
51
+ var MuiBox = function MuiBox(_ref2) {
52
+ var children = _ref2.children,
53
+ focused = _ref2.focused;
54
+ return /*#__PURE__*/_react["default"].createElement(StyledMuiBox, {
55
+ focused: focused
56
+ }, children);
57
+ };
73
58
  MuiBox.propTypes = {
74
59
  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
75
60
  focused: _propTypes["default"].bool.isRequired
76
61
  };
77
- var _default = MuiBox;
78
- exports["default"] = _default;
79
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJsb2ciLCJkZWJ1ZyIsIk11aUJveCIsIndpdGhTdHlsZXMiLCJ0aGVtZSIsImxpZ2h0IiwicGFsZXR0ZSIsInR5cGUiLCJib3R0b21MaW5lQ29sb3IiLCJwcmltYXJ5IiwibXVpQm94IiwicGFkZGluZ1RvcCIsInNwYWNpbmciLCJ1bml0IiwicGFkZGluZ0JvdHRvbSIsInBvc2l0aW9uIiwibGVmdCIsInJpZ2h0IiwiYm90dG9tIiwiaGVpZ2h0IiwiY29udGVudCIsInRyYW5zaXRpb24iLCJwb2ludGVyRXZlbnRzIiwiYmFja2dyb3VuZENvbG9yIiwidHJhbnNmb3JtIiwiZm9jdXNlZCIsImNoaWxkcmVuIiwiY2xhc3NlcyIsIm5hbWVzIiwiY2xhc3NOYW1lcyIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsIm9uZU9mVHlwZSIsImFycmF5T2YiLCJub2RlIiwiaXNSZXF1aXJlZCIsImJvb2wiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvbXVpLWJveC9pbmRleC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcbmltcG9ydCBkZWJ1ZyBmcm9tICdkZWJ1Zyc7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJztcblxuY29uc3QgbG9nID0gZGVidWcoJ3BpZS1lbGVtZW50czpjb25maWctdWk6bXVpLWJveCcpO1xuXG5jb25zdCBNdWlCb3ggPSB3aXRoU3R5bGVzKHRoZW1lID0+IHtcbiAgY29uc3QgbGlnaHQgPSB0aGVtZS5wYWxldHRlLnR5cGUgPT09ICdsaWdodCc7XG4gIGNvbnN0IGJvdHRvbUxpbmVDb2xvciA9IGxpZ2h0ID8gJ3JnYmEoMCwgMCwgMCwgMC40MiknIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC43KSc7XG5cbiAgbG9nKHRoZW1lLnBhbGV0dGUucHJpbWFyeVt0aGVtZS5wYWxldHRlLnR5cGUgfHwgJ2xpZ2h0J10pO1xuXG4gIHJldHVybiB7XG4gICAgbXVpQm94OiB7XG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5zcGFjaW5nLnVuaXQsXG4gICAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS5zcGFjaW5nLnVuaXQsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgICcmOmJlZm9yZSc6IHtcbiAgICAgICAgbGVmdDogMCxcbiAgICAgICAgcmlnaHQ6IDAsXG4gICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgaGVpZ2h0OiAnMXB4JyxcbiAgICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgdHJhbnNpdGlvbjogJ2JhY2tncm91bmQtY29sb3IgMjAwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKSAwbXMnLFxuICAgICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogYm90dG9tTGluZUNvbG9yXG4gICAgICB9LFxuICAgICAgJyY6aG92ZXI6YmVmb3JlJzoge1xuICAgICAgICBoZWlnaHQ6ICcycHgnXG4gICAgICB9LFxuICAgICAgJyY6YWZ0ZXInOiB7XG4gICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIHJpZ2h0OiAwLFxuICAgICAgICBib3R0b206IDAsXG4gICAgICAgIGhlaWdodDogJzJweCcsXG4gICAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlWCgwKScsXG4gICAgICAgIHRyYW5zaXRpb246ICd0cmFuc2Zvcm0gMjAwbXMgY3ViaWMtYmV6aWVyKDAuMCwgMCwgMC4yLCAxKSAwbXMnLFxuICAgICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5wcmltYXJ5W3RoZW1lLnBhbGV0dGUudHlwZV0gLy8nIzMwNGZmZSdcbiAgICAgIH1cbiAgICB9LFxuICAgIGZvY3VzZWQ6IHtcbiAgICAgICcmOmFmdGVyJzoge1xuICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZVgoMSknXG4gICAgICB9XG4gICAgfVxuICB9O1xufSkoKHsgY2hpbGRyZW4sIGNsYXNzZXMsIGZvY3VzZWQgfSkgPT4ge1xuICBjb25zdCBuYW1lcyA9IGNsYXNzTmFtZXMoY2xhc3Nlcy5tdWlCb3gsIGZvY3VzZWQgJiYgY2xhc3Nlcy5mb2N1c2VkKTtcblxuICByZXR1cm4gPGRpdiBjbGFzc05hbWU9e25hbWVzfT57Y2hpbGRyZW59PC9kaXY+O1xufSk7XG5cbk11aUJveC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMubm9kZSksIFByb3BUeXBlcy5ub2RlXSkuaXNSZXF1aXJlZCxcbiAgZm9jdXNlZDogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZFxufTtcblxuZXhwb3J0IGRlZmF1bHQgTXVpQm94O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFQSxJQUFNQSxHQUFHLEdBQUcsSUFBQUMsaUJBQUEsRUFBTSxnQ0FBTixDQUFaO0FBRUEsSUFBTUMsTUFBTSxHQUFHLElBQUFDLGtCQUFBLEVBQVcsVUFBQUMsS0FBSyxFQUFJO0VBQ2pDLElBQU1DLEtBQUssR0FBR0QsS0FBSyxDQUFDRSxPQUFOLENBQWNDLElBQWQsS0FBdUIsT0FBckM7RUFDQSxJQUFNQyxlQUFlLEdBQUdILEtBQUssR0FBRyxxQkFBSCxHQUEyQiwwQkFBeEQ7RUFFQUwsR0FBRyxDQUFDSSxLQUFLLENBQUNFLE9BQU4sQ0FBY0csT0FBZCxDQUFzQkwsS0FBSyxDQUFDRSxPQUFOLENBQWNDLElBQWQsSUFBc0IsT0FBNUMsQ0FBRCxDQUFIO0VBRUEsT0FBTztJQUNMRyxNQUFNLEVBQUU7TUFDTkMsVUFBVSxFQUFFUCxLQUFLLENBQUNRLE9BQU4sQ0FBY0MsSUFEcEI7TUFFTkMsYUFBYSxFQUFFVixLQUFLLENBQUNRLE9BQU4sQ0FBY0MsSUFGdkI7TUFHTkUsUUFBUSxFQUFFLFVBSEo7TUFJTixZQUFZO1FBQ1ZDLElBQUksRUFBRSxDQURJO1FBRVZDLEtBQUssRUFBRSxDQUZHO1FBR1ZDLE1BQU0sRUFBRSxDQUhFO1FBSVZDLE1BQU0sRUFBRSxLQUpFO1FBS1ZDLE9BQU8sRUFBRSxJQUxDO1FBTVZMLFFBQVEsRUFBRSxVQU5BO1FBT1ZNLFVBQVUsRUFBRSx5REFQRjtRQVFWQyxhQUFhLEVBQUUsTUFSTDtRQVNWQyxlQUFlLEVBQUVmO01BVFAsQ0FKTjtNQWVOLGtCQUFrQjtRQUNoQlcsTUFBTSxFQUFFO01BRFEsQ0FmWjtNQWtCTixXQUFXO1FBQ1RILElBQUksRUFBRSxDQURHO1FBRVRDLEtBQUssRUFBRSxDQUZFO1FBR1RDLE1BQU0sRUFBRSxDQUhDO1FBSVRDLE1BQU0sRUFBRSxLQUpDO1FBS1RDLE9BQU8sRUFBRSxJQUxBO1FBTVRMLFFBQVEsRUFBRSxVQU5EO1FBT1RTLFNBQVMsRUFBRSxXQVBGO1FBUVRILFVBQVUsRUFBRSxrREFSSDtRQVNUQyxhQUFhLEVBQUUsTUFUTjtRQVVUQyxlQUFlLEVBQUVuQixLQUFLLENBQUNFLE9BQU4sQ0FBY0csT0FBZCxDQUFzQkwsS0FBSyxDQUFDRSxPQUFOLENBQWNDLElBQXBDLENBVlIsQ0FVa0Q7O01BVmxEO0lBbEJMLENBREg7SUFnQ0xrQixPQUFPLEVBQUU7TUFDUCxXQUFXO1FBQ1RELFNBQVMsRUFBRTtNQURGO0lBREo7RUFoQ0osQ0FBUDtBQXNDRCxDQTVDYyxFQTRDWixnQkFBb0M7RUFBQSxJQUFqQ0UsUUFBaUMsUUFBakNBLFFBQWlDO0VBQUEsSUFBdkJDLE9BQXVCLFFBQXZCQSxPQUF1QjtFQUFBLElBQWRGLE9BQWMsUUFBZEEsT0FBYztFQUNyQyxJQUFNRyxLQUFLLEdBQUcsSUFBQUMsc0JBQUEsRUFBV0YsT0FBTyxDQUFDakIsTUFBbkIsRUFBMkJlLE9BQU8sSUFBSUUsT0FBTyxDQUFDRixPQUE5QyxDQUFkO0VBRUEsb0JBQU87SUFBSyxTQUFTLEVBQUVHO0VBQWhCLEdBQXdCRixRQUF4QixDQUFQO0FBQ0QsQ0FoRGMsQ0FBZjtBQWtEQXhCLE1BQU0sQ0FBQzRCLFNBQVAsR0FBbUI7RUFDakJKLFFBQVEsRUFBRUsscUJBQUEsQ0FBVUMsU0FBVixDQUFvQixDQUFDRCxxQkFBQSxDQUFVRSxPQUFWLENBQWtCRixxQkFBQSxDQUFVRyxJQUE1QixDQUFELEVBQW9DSCxxQkFBQSxDQUFVRyxJQUE5QyxDQUFwQixFQUF5RUMsVUFEbEU7RUFFakJWLE9BQU8sRUFBRU0scUJBQUEsQ0FBVUssSUFBVixDQUFlRDtBQUZQLENBQW5CO2VBS2VqQyxNIn0=
62
+ var _default = exports["default"] = MuiBox;
63
+ //# sourceMappingURL=index.js.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","log","debug","StyledMuiBox","styled","_ref","theme","focused","light","palette","mode","bottomLineColor","primary","paddingTop","spacing","paddingBottom","position","left","right","bottom","height","content","transition","pointerEvents","backgroundColor","transform","MuiBox","_ref2","children","createElement","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","bool","_default","exports"],"sources":["../../src/mui-box/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\n\nconst log = debug('pie-elements:config-ui:mui-box');\n\nconst StyledMuiBox = styled('div')(({ theme, focused }) => {\n const light = theme.palette.mode === '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.mode || 'light']);\n\n return {\n paddingTop: theme.spacing(1),\n paddingBottom: theme.spacing(1),\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: focused ? 'scaleX(1)' : '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.mode], //'#304ffe'\n },\n };\n});\n\nconst MuiBox = ({ children, focused }) => {\n return <StyledMuiBox focused={focused}>{children}</StyledMuiBox>;\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAMI,GAAG,GAAG,IAAAC,iBAAK,EAAC,gCAAgC,CAAC;AAEnD,IAAMC,YAAY,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC,UAAAC,IAAA,EAAwB;EAAA,IAArBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAClD,IAAMC,KAAK,GAAGF,KAAK,CAACG,OAAO,CAACC,IAAI,KAAK,OAAO;EAC5C,IAAMC,eAAe,GAAGH,KAAK,GAAG,qBAAqB,GAAG,0BAA0B;EAElFP,GAAG,CAACK,KAAK,CAACG,OAAO,CAACG,OAAO,CAACN,KAAK,CAACG,OAAO,CAACC,IAAI,IAAI,OAAO,CAAC,CAAC;EAEzD,OAAO;IACLG,UAAU,EAAEP,KAAK,CAACQ,OAAO,CAAC,CAAC,CAAC;IAC5BC,aAAa,EAAET,KAAK,CAACQ,OAAO,CAAC,CAAC,CAAC;IAC/BE,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE;MACVC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,MAAM,EAAE,KAAK;MACbC,OAAO,EAAE,IAAI;MACbL,QAAQ,EAAE,UAAU;MACpBM,UAAU,EAAE,yDAAyD;MACrEC,aAAa,EAAE,MAAM;MACrBC,eAAe,EAAEb;IACnB,CAAC;IACD,gBAAgB,EAAE;MAChBS,MAAM,EAAE;IACV,CAAC;IACD,SAAS,EAAE;MACTH,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,MAAM,EAAE,KAAK;MACbC,OAAO,EAAE,IAAI;MACbL,QAAQ,EAAE,UAAU;MACpBS,SAAS,EAAElB,OAAO,GAAG,WAAW,GAAG,WAAW;MAC9Ce,UAAU,EAAE,kDAAkD;MAC9DC,aAAa,EAAE,MAAM;MACrBC,eAAe,EAAElB,KAAK,CAACG,OAAO,CAACG,OAAO,CAACN,KAAK,CAACG,OAAO,CAACC,IAAI,CAAC,CAAE;IAC9D;EACF,CAAC;AACH,CAAC,CAAC;AAEF,IAAMgB,MAAM,GAAG,SAATA,MAAMA,CAAAC,KAAA,EAA8B;EAAA,IAAxBC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAErB,OAAO,GAAAoB,KAAA,CAAPpB,OAAO;EACjC,oBAAOZ,MAAA,YAAAkC,aAAA,CAAC1B,YAAY;IAACI,OAAO,EAAEA;EAAQ,GAAEqB,QAAuB,CAAC;AAClE,CAAC;AAEDF,MAAM,CAACI,SAAS,GAAG;EACjBF,QAAQ,EAAEG,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,IAAI,CAAC,EAAEH,qBAAS,CAACG,IAAI,CAAC,CAAC,CAACC,UAAU;EAC7F5B,OAAO,EAAEwB,qBAAS,CAACK,IAAI,CAACD;AAC1B,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,cAEaZ,MAAM","ignoreList":[]}