@pie-lib/config-ui 12.0.0-beta.5 → 12.1.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 (139) hide show
  1. package/CHANGELOG.json +8 -1653
  2. package/CHANGELOG.md +345 -4
  3. package/LICENSE.md +5 -0
  4. package/NEXT.CHANGELOG.json +1 -0
  5. package/lib/__tests__/alert-dialog.test.js +262 -0
  6. package/lib/__tests__/checkbox.test.js +227 -0
  7. package/lib/__tests__/choice-utils.test.js +14 -0
  8. package/lib/__tests__/form-section.test.js +252 -0
  9. package/lib/__tests__/help.test.js +270 -0
  10. package/lib/__tests__/input.test.js +268 -0
  11. package/lib/__tests__/langs.test.js +541 -0
  12. package/lib/__tests__/number-text-field-custom.test.js +362 -0
  13. package/lib/__tests__/number-text-field.test.js +421 -0
  14. package/lib/__tests__/radio-with-label.test.js +233 -0
  15. package/lib/__tests__/settings-panel.test.js +184 -0
  16. package/lib/__tests__/settings.test.js +653 -0
  17. package/lib/__tests__/tabs.test.js +211 -0
  18. package/lib/__tests__/two-choice.test.js +124 -0
  19. package/lib/__tests__/with-stateful-model.test.js +221 -0
  20. package/lib/alert-dialog.js +41 -11
  21. package/lib/alert-dialog.js.map +1 -1
  22. package/lib/checkbox.js +59 -49
  23. package/lib/checkbox.js.map +1 -1
  24. package/lib/choice-configuration/__tests__/feedback-menu.test.js +287 -0
  25. package/lib/choice-configuration/__tests__/index.test.js +253 -0
  26. package/lib/choice-configuration/feedback-menu.js +25 -27
  27. package/lib/choice-configuration/feedback-menu.js.map +1 -1
  28. package/lib/choice-configuration/index.js +183 -186
  29. package/lib/choice-configuration/index.js.map +1 -1
  30. package/lib/choice-utils.js +6 -8
  31. package/lib/choice-utils.js.map +1 -1
  32. package/lib/feedback-config/__tests__/feedback-config.test.js +201 -0
  33. package/lib/feedback-config/__tests__/feedback-selector.test.js +177 -0
  34. package/lib/feedback-config/feedback-selector.js +70 -74
  35. package/lib/feedback-config/feedback-selector.js.map +1 -1
  36. package/lib/feedback-config/group.js +23 -26
  37. package/lib/feedback-config/group.js.map +1 -1
  38. package/lib/feedback-config/index.js +42 -45
  39. package/lib/feedback-config/index.js.map +1 -1
  40. package/lib/form-section.js +32 -26
  41. package/lib/form-section.js.map +1 -1
  42. package/lib/help.js +38 -48
  43. package/lib/help.js.map +1 -1
  44. package/lib/index.js +2 -3
  45. package/lib/index.js.map +1 -1
  46. package/lib/input.js +13 -18
  47. package/lib/input.js.map +1 -1
  48. package/lib/inputs.js +59 -68
  49. package/lib/inputs.js.map +1 -1
  50. package/lib/langs.js +57 -71
  51. package/lib/langs.js.map +1 -1
  52. package/lib/layout/__tests__/config.layout.test.js +70 -0
  53. package/lib/layout/__tests__/layout-content.test.js +6 -0
  54. package/lib/layout/config-layout.js +79 -48
  55. package/lib/layout/config-layout.js.map +1 -1
  56. package/lib/layout/index.js +1 -1
  57. package/lib/layout/index.js.map +1 -1
  58. package/lib/layout/layout-contents.js +59 -61
  59. package/lib/layout/layout-contents.js.map +1 -1
  60. package/lib/layout/settings-box.js +26 -34
  61. package/lib/layout/settings-box.js.map +1 -1
  62. package/lib/mui-box/index.js +42 -51
  63. package/lib/mui-box/index.js.map +1 -1
  64. package/lib/number-text-field-custom.js +152 -90
  65. package/lib/number-text-field-custom.js.map +1 -1
  66. package/lib/number-text-field.js +75 -64
  67. package/lib/number-text-field.js.map +1 -1
  68. package/lib/radio-with-label.js +31 -17
  69. package/lib/radio-with-label.js.map +1 -1
  70. package/lib/settings/display-size.js +17 -21
  71. package/lib/settings/display-size.js.map +1 -1
  72. package/lib/settings/index.js +14 -20
  73. package/lib/settings/index.js.map +1 -1
  74. package/lib/settings/panel.js +141 -142
  75. package/lib/settings/panel.js.map +1 -1
  76. package/lib/settings/settings-radio-label.js +30 -17
  77. package/lib/settings/settings-radio-label.js.map +1 -1
  78. package/lib/settings/toggle.js +40 -26
  79. package/lib/settings/toggle.js.map +1 -1
  80. package/lib/tabs/index.js +19 -31
  81. package/lib/tabs/index.js.map +1 -1
  82. package/lib/tags-input/__tests__/index.test.js +183 -0
  83. package/lib/tags-input/index.js +50 -62
  84. package/lib/tags-input/index.js.map +1 -1
  85. package/lib/two-choice.js +34 -44
  86. package/lib/two-choice.js.map +1 -1
  87. package/lib/with-stateful-model.js +9 -13
  88. package/lib/with-stateful-model.js.map +1 -1
  89. package/package.json +14 -11
  90. package/src/__tests__/alert-dialog.test.jsx +283 -0
  91. package/src/__tests__/checkbox.test.jsx +249 -0
  92. package/src/__tests__/choice-utils.test.js +12 -0
  93. package/src/__tests__/form-section.test.jsx +334 -0
  94. package/src/__tests__/help.test.jsx +184 -0
  95. package/src/__tests__/input.test.jsx +192 -0
  96. package/src/__tests__/langs.test.jsx +457 -0
  97. package/src/__tests__/number-text-field-custom.test.jsx +438 -0
  98. package/src/__tests__/number-text-field.test.jsx +341 -0
  99. package/src/__tests__/radio-with-label.test.jsx +259 -0
  100. package/src/__tests__/settings-panel.test.js +187 -0
  101. package/src/__tests__/settings.test.jsx +515 -0
  102. package/src/__tests__/tabs.test.jsx +193 -0
  103. package/src/__tests__/two-choice.test.js +110 -0
  104. package/src/__tests__/with-stateful-model.test.jsx +145 -0
  105. package/src/alert-dialog.jsx +30 -8
  106. package/src/checkbox.jsx +43 -37
  107. package/src/choice-configuration/__tests__/feedback-menu.test.jsx +163 -0
  108. package/src/choice-configuration/__tests__/index.test.jsx +234 -0
  109. package/src/choice-configuration/feedback-menu.jsx +6 -6
  110. package/src/choice-configuration/index.jsx +208 -199
  111. package/src/feedback-config/__tests__/feedback-config.test.jsx +141 -0
  112. package/src/feedback-config/__tests__/feedback-selector.test.jsx +97 -0
  113. package/src/feedback-config/feedback-selector.jsx +50 -55
  114. package/src/feedback-config/group.jsx +21 -22
  115. package/src/feedback-config/index.jsx +27 -29
  116. package/src/form-section.jsx +26 -18
  117. package/src/help.jsx +20 -28
  118. package/src/input.jsx +1 -1
  119. package/src/inputs.jsx +35 -44
  120. package/src/langs.jsx +41 -46
  121. package/src/layout/__tests__/config.layout.test.jsx +59 -0
  122. package/src/layout/__tests__/layout-content.test.jsx +3 -0
  123. package/src/layout/config-layout.jsx +53 -23
  124. package/src/layout/layout-contents.jsx +38 -40
  125. package/src/layout/settings-box.jsx +16 -19
  126. package/src/mui-box/index.jsx +35 -43
  127. package/src/number-text-field-custom.jsx +117 -65
  128. package/src/number-text-field.jsx +51 -34
  129. package/src/radio-with-label.jsx +26 -10
  130. package/src/settings/display-size.jsx +12 -11
  131. package/src/settings/index.js +2 -1
  132. package/src/settings/panel.jsx +101 -92
  133. package/src/settings/settings-radio-label.jsx +26 -10
  134. package/src/settings/toggle.jsx +37 -18
  135. package/src/tabs/index.jsx +8 -8
  136. package/src/tags-input/__tests__/index.test.jsx +113 -0
  137. package/src/tags-input/index.jsx +35 -38
  138. package/src/two-choice.jsx +15 -19
  139. package/README.md +0 -12
@@ -1 +1 @@
1
- {"version":3,"file":"config-layout.js","names":["_react","_interopRequireDefault","require","_reactMeasure","_interopRequireWildcard","_propTypes","_layoutContents","_settingsBox","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","e","MeasuredConfigLayout","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","_defineProperty2","_assertThisInitialized2","contentRect","bounds","_this$props","sidePanelMinWidth","dimensions","_ref","maxWidth","layoutMode","width","setState","state","undefined","_createClass2","value","render","_this2","createElement","onResize","_ref2","measureRef","_this2$props","children","settings","hideSettings","settingsPanel","className","secondaryContent","ref","mode","secondary","React","Component","PropTypes","oneOfType","string","arrayOf","element","classes","object","number","bool","ConfigLayout","withContentRect","_default","exports"],"sources":["../../src/layout/config-layout.jsx"],"sourcesContent":["import React from 'react';\nimport Measure from 'react-measure';\nimport { withContentRect } from 'react-measure';\nimport PropTypes from 'prop-types';\nimport LayoutContents from './layout-contents';\nimport SettingsBox from './settings-box';\n\nclass MeasuredConfigLayout extends React.Component {\n static propTypes = {\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.element), PropTypes.element]),\n className: PropTypes.string,\n classes: PropTypes.object,\n dimensions: PropTypes.object,\n settings: PropTypes.element,\n sidePanelMinWidth: PropTypes.number,\n hideSettings: PropTypes.bool,\n };\n\n static defaultProps = {\n sidePanelMinWidth: 950,\n hideSettings: false,\n dimensions: {},\n };\n\n constructor(props) {\n super(props);\n this.state = { layoutMode: undefined };\n }\n\n onResize = (contentRect) => {\n const { bounds } = contentRect;\n const { sidePanelMinWidth, dimensions } = this.props;\n const { maxWidth } = dimensions || {};\n\n const layoutMode =\n bounds.width >= sidePanelMinWidth && (maxWidth ? maxWidth >= sidePanelMinWidth : true) ? 'inline' : 'tabbed';\n\n this.setState({ layoutMode });\n };\n\n render() {\n return (\n <Measure bounds onResize={this.onResize}>\n {({ measureRef }) => {\n const { children, settings, hideSettings, dimensions } = this.props;\n const { layoutMode } = this.state;\n\n const settingsPanel =\n layoutMode === 'inline' ? <SettingsBox className=\"settings-box\">{settings}</SettingsBox> : settings;\n const secondaryContent = hideSettings ? null : settingsPanel;\n\n return (\n <div ref={measureRef} className=\"main-container\">\n <LayoutContents mode={layoutMode} secondary={secondaryContent} dimensions={dimensions}>\n {children}\n </LayoutContents>\n </div>\n );\n }}\n </Measure>\n );\n }\n}\n\nconst ConfigLayout = withContentRect('bounds')(MeasuredConfigLayout);\n\nexport default ConfigLayout;\n"],"mappings":"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"}
1
+ {"version":3,"file":"config-layout.js","names":["_react","_interopRequireDefault","require","_reactMeasure","_interopRequireWildcard","_styles","_propTypes","_layoutContents","_settingsBox","_renderUi","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","theme","createTheme","typography","fontFamily","components","MuiButton","styleOverrides","contained","backgroundColor","color","MeasuredConfigLayout","_AppendCSSRules","_this","_classCallCheck2","_len","arguments","length","props","Array","_key","concat","_defineProperty2","contentRect","bounds","_this$props","sidePanelMinWidth","dimensions","_ref","maxWidth","layoutMode","width","state","setState","undefined","_inherits2","_createClass2","key","value","render","_this2","createElement","StyledEngineProvider","injectFirst","ThemeProvider","onResize","_ref2","measureRef","_this2$props","children","settings","hideSettings","settingsPanel","className","secondaryContent","finalClass","ref","mode","secondary","AppendCSSRules","PropTypes","oneOfType","string","arrayOf","element","object","number","bool","ConfigLayout","withContentRect","_default","exports"],"sources":["../../src/layout/config-layout.jsx"],"sourcesContent":["import React from 'react';\nimport Measure from 'react-measure';\nimport { createTheme, ThemeProvider, StyledEngineProvider } from '@mui/material/styles';\nimport { withContentRect } from 'react-measure';\nimport PropTypes from 'prop-types';\nimport LayoutContents from './layout-contents';\nimport SettingsBox from './settings-box';\nimport { AppendCSSRules } from '@pie-lib/render-ui';\n\nconst theme = createTheme({\n typography: {\n fontFamily: 'inherit',\n },\n components: {\n MuiButton: {\n styleOverrides: {\n contained: {\n backgroundColor: '#e0e0e0',\n color: '#000000',\n '&:hover': {\n backgroundColor: '#bdbdbd',\n },\n },\n },\n },\n },\n});\n\nclass MeasuredConfigLayout extends AppendCSSRules {\n static propTypes = {\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.element), PropTypes.element]),\n className: PropTypes.string,\n dimensions: PropTypes.object,\n settings: PropTypes.element,\n sidePanelMinWidth: PropTypes.number,\n hideSettings: PropTypes.bool,\n };\n\n static defaultProps = {\n sidePanelMinWidth: 1135,\n hideSettings: false,\n dimensions: {},\n };\n\n constructor(...props) {\n super(...props);\n this.state = { layoutMode: undefined };\n }\n\n onResize = (contentRect) => {\n const { bounds } = contentRect;\n const { sidePanelMinWidth, dimensions } = this.props;\n const { maxWidth } = dimensions || {};\n\n const layoutMode =\n bounds.width > sidePanelMinWidth && (maxWidth ? maxWidth > sidePanelMinWidth : true) ? 'inline' : 'tabbed';\n\n // Only update state (and cause a re-render) if the computed layoutMode changed.\n if (layoutMode !== this.state.layoutMode) {\n this.setState({ layoutMode });\n }\n };\n\n render() {\n return (\n // TODO: REVIEW MuiThemeProvider usage - is this still needed after mui update?\n // Different theme object identities will force theme consumers to re-render.\n <StyledEngineProvider injectFirst>\n <ThemeProvider theme={theme}>\n <Measure bounds onResize={this.onResize}>\n {({ measureRef }) => {\n const { children, settings, hideSettings, dimensions } = this.props;\n const { layoutMode } = this.state;\n\n const settingsPanel =\n layoutMode === 'inline' ? <SettingsBox className=\"settings-box\">{settings}</SettingsBox> : settings;\n const secondaryContent = hideSettings ? null : settingsPanel;\n const finalClass = 'main-container';\n\n return (\n <div ref={measureRef} className={finalClass}>\n <LayoutContents mode={layoutMode} secondary={secondaryContent} dimensions={dimensions}>\n {children}\n </LayoutContents>\n </div>\n );\n }}\n </Measure>\n </ThemeProvider>\n </StyledEngineProvider>\n );\n }\n}\n\nconst ConfigLayout = withContentRect('bounds')(MeasuredConfigLayout);\n\nexport default ConfigLayout;\n"],"mappings":"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","ignoreList":[]}
@@ -18,4 +18,4 @@ Object.defineProperty(exports, "LayoutContents", {
18
18
  });
19
19
  var _configLayout = _interopRequireDefault(require("./config-layout"));
20
20
  var _layoutContents = _interopRequireDefault(require("./layout-contents"));
21
- //# sourceMappingURL=index.js.map
21
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfY29uZmlnTGF5b3V0IiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsInJlcXVpcmUiLCJfbGF5b3V0Q29udGVudHMiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvbGF5b3V0L2luZGV4LmpzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBDb25maWdMYXlvdXQgZnJvbSAnLi9jb25maWctbGF5b3V0JztcbmltcG9ydCBMYXlvdXRDb250ZW50cyBmcm9tICcuL2xheW91dC1jb250ZW50cyc7XG5cbmV4cG9ydCB7IExheW91dENvbnRlbnRzLCBDb25maWdMYXlvdXQgfTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsYUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsZUFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBIiwiaWdub3JlTGlzdCI6W119
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_configLayout","_interopRequireDefault","require","_layoutContents"],"sources":["../../src/layout/index.js"],"sourcesContent":["import ConfigLayout from './config-layout';\nimport LayoutContents from './layout-contents';\n\nexport { LayoutContents, ConfigLayout };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA"}
1
+ {"version":3,"file":"index.js","names":["_configLayout","_interopRequireDefault","require","_layoutContents"],"sources":["../../src/layout/index.js"],"sourcesContent":["import ConfigLayout from './config-layout';\nimport LayoutContents from './layout-contents';\n\nexport { LayoutContents, ConfigLayout };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA","ignoreList":[]}
@@ -8,29 +8,55 @@ exports["default"] = void 0;
8
8
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
12
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
11
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
14
12
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
13
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
15
  var _react = _interopRequireDefault(require("react"));
17
- var _classnames = _interopRequireDefault(require("classnames"));
18
16
  var _propTypes = _interopRequireDefault(require("prop-types"));
19
- var _core = require("@material-ui/core");
17
+ var _styles = require("@mui/material/styles");
20
18
  var _tabs = _interopRequireDefault(require("../tabs"));
21
- 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); }; }
22
- 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; } }
19
+ 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)); }
20
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
21
+ var StyledContainer = (0, _styles.styled)('div')(function () {
22
+ return {
23
+ display: 'flex',
24
+ flexDirection: 'column',
25
+ position: 'relative'
26
+ };
27
+ });
28
+ var StyledFlow = (0, _styles.styled)('div')(function () {
29
+ return {
30
+ display: 'flex',
31
+ justifyContent: 'space-between'
32
+ };
33
+ });
34
+ var StyledContentContainer = (0, _styles.styled)('div')(function (_ref) {
35
+ var theme = _ref.theme;
36
+ return {
37
+ padding: "".concat(theme.spacing(2), " 0")
38
+ };
39
+ });
40
+ var StyledConfigContainer = (0, _styles.styled)('div')(function () {
41
+ return {
42
+ flex: '1'
43
+ };
44
+ });
45
+ var StyledSettingsContainer = (0, _styles.styled)('div')(function (_ref2) {
46
+ var theme = _ref2.theme;
47
+ return {
48
+ marginLeft: theme.spacing(2)
49
+ };
50
+ });
23
51
  var RawLayoutContents = /*#__PURE__*/function (_React$Component) {
24
- (0, _inherits2["default"])(RawLayoutContents, _React$Component);
25
- var _super = _createSuper(RawLayoutContents);
26
52
  function RawLayoutContents() {
27
53
  var _this;
28
54
  (0, _classCallCheck2["default"])(this, RawLayoutContents);
29
55
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
30
56
  args[_key] = arguments[_key];
31
57
  }
32
- _this = _super.call.apply(_super, [this].concat(args));
33
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getConfiguration", function () {
58
+ _this = _callSuper(this, RawLayoutContents, [].concat(args));
59
+ (0, _defineProperty2["default"])(_this, "getConfiguration", function () {
34
60
  var _secondary$props, _secondary$props2;
35
61
  var secondary = _this.props.secondary;
36
62
  // in config-layout, secondary can be: <SettingsBox>{settings}</SettingsBox>, settings, null
@@ -39,7 +65,8 @@ var RawLayoutContents = /*#__PURE__*/function (_React$Component) {
39
65
  });
40
66
  return _this;
41
67
  }
42
- (0, _createClass2["default"])(RawLayoutContents, [{
68
+ (0, _inherits2["default"])(RawLayoutContents, _React$Component);
69
+ return (0, _createClass2["default"])(RawLayoutContents, [{
43
70
  key: "render",
44
71
  value:
45
72
  // // eslint-disable-next-line no-unused-vars
@@ -66,22 +93,22 @@ var RawLayoutContents = /*#__PURE__*/function (_React$Component) {
66
93
  // console.log(e.toString());
67
94
  // }
68
95
  // }
96
+
69
97
  function render() {
70
98
  var _this$props = this.props,
71
99
  mode = _this$props.mode,
72
100
  secondary = _this$props.secondary,
73
101
  children = _this$props.children,
74
- classes = _this$props.classes,
75
102
  dimensions = _this$props.dimensions;
76
- var _ref = dimensions || {},
77
- minHeight = _ref.minHeight,
78
- minWidth = _ref.minWidth,
79
- maxHeight = _ref.maxHeight,
80
- maxWidth = _ref.maxWidth;
103
+ var _ref3 = dimensions || {},
104
+ minHeight = _ref3.minHeight,
105
+ minWidth = _ref3.minWidth,
106
+ maxHeight = _ref3.maxHeight,
107
+ maxWidth = _ref3.maxWidth;
81
108
  var configuration = this.getConfiguration();
82
- var hasSettingsPanel = Object.entries(configuration || {}).some(function (_ref2) {
83
- var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
84
- obj = _ref3[1];
109
+ var hasSettingsPanel = Object.entries(configuration || {}).some(function (_ref4) {
110
+ var _ref5 = (0, _slicedToArray2["default"])(_ref4, 2),
111
+ obj = _ref5[1];
85
112
  return !!(obj !== null && obj !== void 0 && obj.settings);
86
113
  });
87
114
  // ebsr has configuration.partA and configuration.partB
@@ -96,67 +123,38 @@ var RawLayoutContents = /*#__PURE__*/function (_React$Component) {
96
123
  console.log(e.toString());
97
124
  }
98
125
  }
99
- return /*#__PURE__*/_react["default"].createElement("div", {
100
- className: classes.container,
126
+ return /*#__PURE__*/_react["default"].createElement(StyledContainer, {
101
127
  style: {
102
128
  minHeight: minHeight,
103
129
  minWidth: minWidth,
104
130
  maxHeight: maxHeight,
105
131
  maxWidth: maxWidth
106
132
  }
107
- }, mode === 'inline' && /*#__PURE__*/_react["default"].createElement("div", {
108
- className: (0, _classnames["default"])(classes.flow, classes.contentContainer)
109
- }, /*#__PURE__*/_react["default"].createElement("div", {
110
- className: (0, _classnames["default"])(classes.configContainer, 'design-container')
111
- }, children), hasSettingsPanel && /*#__PURE__*/_react["default"].createElement("div", {
112
- className: (0, _classnames["default"])(classes.settingsContainer, 'settings-container')
133
+ }, mode === 'inline' && /*#__PURE__*/_react["default"].createElement(StyledFlow, null, /*#__PURE__*/_react["default"].createElement(StyledConfigContainer, {
134
+ className: "design-container"
135
+ }, children), hasSettingsPanel && /*#__PURE__*/_react["default"].createElement(StyledSettingsContainer, {
136
+ className: "settings-container"
113
137
  }, secondary)), mode === 'tabbed' && hasSettingsPanel && /*#__PURE__*/_react["default"].createElement(_tabs["default"], {
114
138
  onChange: this.onTabsChange,
115
- contentClassName: classes.contentContainer,
139
+ contentClassName: "content-container",
116
140
  indicatorColor: "primary"
117
- }, /*#__PURE__*/_react["default"].createElement("div", {
141
+ }, /*#__PURE__*/_react["default"].createElement(StyledContentContainer, {
118
142
  title: "Design",
119
143
  className: "design-container"
120
- }, children), /*#__PURE__*/_react["default"].createElement("div", {
144
+ }, children), /*#__PURE__*/_react["default"].createElement(StyledContentContainer, {
121
145
  title: "Settings",
122
146
  className: "settings-container"
123
- }, secondary)), mode === 'tabbed' && !hasSettingsPanel && /*#__PURE__*/_react["default"].createElement("div", {
124
- className: (0, _classnames["default"])(classes.contentContainer, 'design-container')
147
+ }, secondary)), mode === 'tabbed' && !hasSettingsPanel && /*#__PURE__*/_react["default"].createElement(StyledContentContainer, {
148
+ className: "design-container"
125
149
  }, children));
126
150
  }
127
151
  }]);
128
- return RawLayoutContents;
129
152
  }(_react["default"].Component);
130
153
  (0, _defineProperty2["default"])(RawLayoutContents, "propTypes", {
131
154
  mode: _propTypes["default"].oneOf(['tabbed', 'inline']),
132
155
  secondary: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
133
156
  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
134
- classes: _propTypes["default"].object,
135
157
  dimensions: _propTypes["default"].object
136
158
  });
137
- var styles = function styles(theme) {
138
- return {
139
- flow: {
140
- display: 'flex',
141
- justifyContent: 'space-between'
142
- },
143
- container: {
144
- display: 'flex',
145
- flexDirection: 'column',
146
- position: 'relative',
147
- overflow: 'auto'
148
- },
149
- contentContainer: {
150
- padding: "".concat(theme.spacing.unit * 2, "px 0")
151
- },
152
- configContainer: {
153
- flex: '1'
154
- },
155
- settingsContainer: {
156
- marginLeft: theme.spacing.unit * 2
157
- }
158
- };
159
- };
160
- var _default = (0, _core.withStyles)(styles)(RawLayoutContents);
161
- exports["default"] = _default;
162
- //# sourceMappingURL=layout-contents.js.map
159
+ var _default = exports["default"] = RawLayoutContents;
160
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9wcm9wVHlwZXMiLCJfc3R5bGVzIiwiX3RhYnMiLCJfY2FsbFN1cGVyIiwidCIsIm8iLCJlIiwiX2dldFByb3RvdHlwZU9mMiIsIl9wb3NzaWJsZUNvbnN0cnVjdG9yUmV0dXJuMiIsIl9pc05hdGl2ZVJlZmxlY3RDb25zdHJ1Y3QiLCJSZWZsZWN0IiwiY29uc3RydWN0IiwiY29uc3RydWN0b3IiLCJhcHBseSIsIkJvb2xlYW4iLCJwcm90b3R5cGUiLCJ2YWx1ZU9mIiwiY2FsbCIsIlN0eWxlZENvbnRhaW5lciIsInN0eWxlZCIsImRpc3BsYXkiLCJmbGV4RGlyZWN0aW9uIiwicG9zaXRpb24iLCJTdHlsZWRGbG93IiwianVzdGlmeUNvbnRlbnQiLCJTdHlsZWRDb250ZW50Q29udGFpbmVyIiwiX3JlZiIsInRoZW1lIiwicGFkZGluZyIsImNvbmNhdCIsInNwYWNpbmciLCJTdHlsZWRDb25maWdDb250YWluZXIiLCJmbGV4IiwiU3R5bGVkU2V0dGluZ3NDb250YWluZXIiLCJfcmVmMiIsIm1hcmdpbkxlZnQiLCJSYXdMYXlvdXRDb250ZW50cyIsIl9SZWFjdCRDb21wb25lbnQiLCJfdGhpcyIsIl9jbGFzc0NhbGxDaGVjazIiLCJfbGVuIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwiYXJncyIsIkFycmF5IiwiX2tleSIsIl9kZWZpbmVQcm9wZXJ0eTIiLCJfc2Vjb25kYXJ5JHByb3BzIiwiX3NlY29uZGFyeSRwcm9wczIiLCJzZWNvbmRhcnkiLCJwcm9wcyIsImNvbmZpZ3VyYXRpb24iLCJjaGlsZHJlbiIsInVuZGVmaW5lZCIsIl9pbmhlcml0czIiLCJfY3JlYXRlQ2xhc3MyIiwia2V5IiwidmFsdWUiLCJyZW5kZXIiLCJfdGhpcyRwcm9wcyIsIm1vZGUiLCJkaW1lbnNpb25zIiwiX3JlZjMiLCJtaW5IZWlnaHQiLCJtaW5XaWR0aCIsIm1heEhlaWdodCIsIm1heFdpZHRoIiwiZ2V0Q29uZmlndXJhdGlvbiIsImhhc1NldHRpbmdzUGFuZWwiLCJPYmplY3QiLCJlbnRyaWVzIiwic29tZSIsIl9yZWY0IiwiX3JlZjUiLCJfc2xpY2VkVG9BcnJheTIiLCJvYmoiLCJzZXR0aW5ncyIsIl9KU09OJHN0cmluZ2lmeSIsIkpTT04iLCJzdHJpbmdpZnkiLCJtYXRjaCIsImNvbnNvbGUiLCJsb2ciLCJ0b1N0cmluZyIsImNyZWF0ZUVsZW1lbnQiLCJzdHlsZSIsImNsYXNzTmFtZSIsIm9uQ2hhbmdlIiwib25UYWJzQ2hhbmdlIiwiY29udGVudENsYXNzTmFtZSIsImluZGljYXRvckNvbG9yIiwidGl0bGUiLCJSZWFjdCIsIkNvbXBvbmVudCIsIlByb3BUeXBlcyIsIm9uZU9mIiwib25lT2ZUeXBlIiwiYXJyYXlPZiIsIm5vZGUiLCJvYmplY3QiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvbGF5b3V0L2xheW91dC1jb250ZW50cy5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tICdAbXVpL21hdGVyaWFsL3N0eWxlcyc7XG5pbXBvcnQgVGFicyBmcm9tICcuLi90YWJzJztcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKCdkaXYnKSgoKSA9PiAoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbn0pKTtcblxuY29uc3QgU3R5bGVkRmxvdyA9IHN0eWxlZCgnZGl2JykoKCkgPT4gKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250ZW50Q29udGFpbmVyID0gc3R5bGVkKCdkaXYnKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjaW5nKDIpfSAwYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29uZmlnQ29udGFpbmVyID0gc3R5bGVkKCdkaXYnKSgoKSA9PiAoe1xuICBmbGV4OiAnMScsXG59KSk7XG5cbmNvbnN0IFN0eWxlZFNldHRpbmdzQ29udGFpbmVyID0gc3R5bGVkKCdkaXYnKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjaW5nKDIpLFxufSkpO1xuXG5jbGFzcyBSYXdMYXlvdXRDb250ZW50cyBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgbW9kZTogUHJvcFR5cGVzLm9uZU9mKFsndGFiYmVkJywgJ2lubGluZSddKSxcbiAgICBzZWNvbmRhcnk6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5ub2RlKSwgUHJvcFR5cGVzLm5vZGVdKSxcbiAgICBjaGlsZHJlbjogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLm5vZGUpLCBQcm9wVHlwZXMubm9kZV0pLFxuICAgIGRpbWVuc2lvbnM6IFByb3BUeXBlcy5vYmplY3QsXG4gIH07XG5cbiAgZ2V0Q29uZmlndXJhdGlvbiA9ICgpID0+IHtcbiAgICBjb25zdCB7IHNlY29uZGFyeSB9ID0gdGhpcy5wcm9wcztcbiAgICAvLyBpbiBjb25maWctbGF5b3V0LCBzZWNvbmRhcnkgY2FuIGJlOiA8U2V0dGluZ3NCb3g+e3NldHRpbmdzfTwvU2V0dGluZ3NCb3g+LCBzZXR0aW5ncywgbnVsbFxuXG4gICAgcmV0dXJuIHNlY29uZGFyeT8ucHJvcHM/LmNvbmZpZ3VyYXRpb24gfHwgc2Vjb25kYXJ5Py5wcm9wcz8uY2hpbGRyZW4/LnByb3BzPy5jb25maWd1cmF0aW9uIHx8IHVuZGVmaW5lZDtcbiAgfTtcblxuICAvLyAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW51c2VkLXZhcnNcbiAgLy8gY29tcG9uZW50RGlkVXBkYXRlKHByZXZQcm9wcywgcHJldlN0YXRlLCBzbmFwc2hvdCkge1xuICAvLyAgIGNvbnN0IGNvbmZpZ3VyYXRpb24gPSB0aGlzLmdldENvbmZpZ3VyYXRpb24oKTtcbiAgLy8gICBjb25zdCB7IG1vZGUgfSA9IHRoaXMucHJvcHM7XG4gIC8vXG4gIC8vICAgLy8gcHJvbXB0SG9sZGVyIGNsYXNzIGlzIHVzZWQgdG8gd3JhcCB1cCBpbnB1dHM6XG4gIC8vICAgLy8gd2UgZG9uJ3Qgd2FudCBpbnB1dHMgdG8gZmlsbCB0aGUgZW50aXJlIHNjcm9sbGFibGUgY29udGFpbmVyLFxuICAvLyAgIC8vIGJ1dCBpbnN0ZWFkIHdlIHdhbnQgaW5wdXRzIHRvIGZpdCBpbiB0aGUgZmlyc3QgdmlldyxcbiAgLy8gICAvLyBzbyB3ZSBjYWxjdWxhdGUgdGhlIG1heGltdW0gc3BhY2UgaW5wdXRzIG5lZWRcbiAgLy8gICB0cnkge1xuICAvLyAgICAgaWYgKFxuICAvLyAgICAgICBjb25maWd1cmF0aW9uPy5tYXhXaWR0aCAmJlxuICAvLyAgICAgICBnZXRDb21wdXRlZFN0eWxlKGRvY3VtZW50LmRvY3VtZW50RWxlbWVudCkuZ2V0UHJvcGVydHlWYWx1ZSgnLS1waWUtcHJvbXB0LWhvbGRlci1tYXgtd2lkdGgnKSAhPT1cbiAgLy8gICAgICAgICBjb25maWd1cmF0aW9uPy5tYXhXaWR0aFxuICAvLyAgICAgKSB7XG4gIC8vICAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eShcbiAgLy8gICAgICAgICAnLS1waWUtcHJvbXB0LWhvbGRlci1tYXgtd2lkdGgnLFxuICAvLyAgICAgICAgIG1vZGUgPT09ICdpbmxpbmUnID8gYGNhbGMoJHtjb25maWd1cmF0aW9uLm1heFdpZHRofSAtIDM0MHB4KWAgOiBjb25maWd1cmF0aW9uLm1heFdpZHRoLFxuICAvLyAgICAgICApO1xuICAvLyAgICAgfVxuICAvLyAgIH0gY2F0Y2ggKGUpIHtcbiAgLy8gICAgIGNvbnNvbGUubG9nKGUudG9TdHJpbmcoKSk7XG4gIC8vICAgfVxuICAvLyB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgbW9kZSwgc2Vjb25kYXJ5LCBjaGlsZHJlbiwgZGltZW5zaW9ucyB9ID0gdGhpcy5wcm9wcztcbiAgICBjb25zdCB7IG1pbkhlaWdodCwgbWluV2lkdGgsIG1heEhlaWdodCwgbWF4V2lkdGggfSA9IGRpbWVuc2lvbnMgfHwge307XG4gICAgY29uc3QgY29uZmlndXJhdGlvbiA9IHRoaXMuZ2V0Q29uZmlndXJhdGlvbigpO1xuXG4gICAgbGV0IGhhc1NldHRpbmdzUGFuZWwgPSBPYmplY3QuZW50cmllcyhjb25maWd1cmF0aW9uIHx8IHt9KS5zb21lKChbLCBvYmpdKSA9PiAhIW9iaj8uc2V0dGluZ3MpO1xuICAgIC8vIGVic3IgaGFzIGNvbmZpZ3VyYXRpb24ucGFydEEgYW5kIGNvbmZpZ3VyYXRpb24ucGFydEJcbiAgICAvLyBiZWNhdXNlIHdlIG1pZ2h0IGhhdmUgbmVzdGVkIGNvbmZpZ3VyYXRpb24gZm9yIG90aGVyIGl0ZW0gdHlwZXMgYXMgd2VsbCwgbGV0J3MgYWRkIHRoaXMgc2ltcGxlIHJlZ2V4IHRvIGNoZWNrIHZhbHVlcyBmb3Igc2V0dGluZ3NcblxuICAgIGlmICghaGFzU2V0dGluZ3NQYW5lbCkge1xuICAgICAgdHJ5IHtcbiAgICAgICAgaGFzU2V0dGluZ3NQYW5lbCA9IEpTT04uc3RyaW5naWZ5KGNvbmZpZ3VyYXRpb24pPy5tYXRjaCgvc2V0dGluZ3NcIjp0cnVlLyk/Lmxlbmd0aDtcbiAgICAgIH0gY2F0Y2ggKGUpIHtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLWNvbnNvbGVcbiAgICAgICAgY29uc29sZS5sb2coZS50b1N0cmluZygpKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENvbnRhaW5lciBzdHlsZT17eyBtaW5IZWlnaHQsIG1pbldpZHRoLCBtYXhIZWlnaHQsIG1heFdpZHRoIH19PlxuICAgICAgICB7bW9kZSA9PT0gJ2lubGluZScgJiYgKFxuICAgICAgICAgIDxTdHlsZWRGbG93PlxuICAgICAgICAgICAgPFN0eWxlZENvbmZpZ0NvbnRhaW5lciBjbGFzc05hbWU9XCJkZXNpZ24tY29udGFpbmVyXCI+e2NoaWxkcmVufTwvU3R5bGVkQ29uZmlnQ29udGFpbmVyPlxuICAgICAgICAgICAge2hhc1NldHRpbmdzUGFuZWwgJiYgKFxuICAgICAgICAgICAgICA8U3R5bGVkU2V0dGluZ3NDb250YWluZXIgY2xhc3NOYW1lPVwic2V0dGluZ3MtY29udGFpbmVyXCI+e3NlY29uZGFyeX08L1N0eWxlZFNldHRpbmdzQ29udGFpbmVyPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1N0eWxlZEZsb3c+XG4gICAgICAgICl9XG5cbiAgICAgICAge21vZGUgPT09ICd0YWJiZWQnICYmIGhhc1NldHRpbmdzUGFuZWwgJiYgKFxuICAgICAgICAgIDxUYWJzIG9uQ2hhbmdlPXt0aGlzLm9uVGFic0NoYW5nZX0gY29udGVudENsYXNzTmFtZT1cImNvbnRlbnQtY29udGFpbmVyXCIgaW5kaWNhdG9yQ29sb3I9XCJwcmltYXJ5XCI+XG4gICAgICAgICAgICA8U3R5bGVkQ29udGVudENvbnRhaW5lciB0aXRsZT1cIkRlc2lnblwiIGNsYXNzTmFtZT1cImRlc2lnbi1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9TdHlsZWRDb250ZW50Q29udGFpbmVyPlxuICAgICAgICAgICAgPFN0eWxlZENvbnRlbnRDb250YWluZXIgdGl0bGU9XCJTZXR0aW5nc1wiIGNsYXNzTmFtZT1cInNldHRpbmdzLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICB7c2Vjb25kYXJ5fVxuICAgICAgICAgICAgPC9TdHlsZWRDb250ZW50Q29udGFpbmVyPlxuICAgICAgICAgIDwvVGFicz5cbiAgICAgICAgKX1cblxuICAgICAgICB7bW9kZSA9PT0gJ3RhYmJlZCcgJiYgIWhhc1NldHRpbmdzUGFuZWwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRDb250ZW50Q29udGFpbmVyIGNsYXNzTmFtZT1cImRlc2lnbi1jb250YWluZXJcIj57Y2hpbGRyZW59PC9TdHlsZWRDb250ZW50Q29udGFpbmVyPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBSYXdMYXlvdXRDb250ZW50cztcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxVQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRSxPQUFBLEdBQUFGLE9BQUE7QUFDQSxJQUFBRyxLQUFBLEdBQUFKLHNCQUFBLENBQUFDLE9BQUE7QUFBMkIsU0FBQUksV0FBQUMsQ0FBQSxFQUFBQyxDQUFBLEVBQUFDLENBQUEsV0FBQUQsQ0FBQSxPQUFBRSxnQkFBQSxhQUFBRixDQUFBLE9BQUFHLDJCQUFBLGFBQUFKLENBQUEsRUFBQUsseUJBQUEsS0FBQUMsT0FBQSxDQUFBQyxTQUFBLENBQUFOLENBQUEsRUFBQUMsQ0FBQSxZQUFBQyxnQkFBQSxhQUFBSCxDQUFBLEVBQUFRLFdBQUEsSUFBQVAsQ0FBQSxDQUFBUSxLQUFBLENBQUFULENBQUEsRUFBQUUsQ0FBQTtBQUFBLFNBQUFHLDBCQUFBLGNBQUFMLENBQUEsSUFBQVUsT0FBQSxDQUFBQyxTQUFBLENBQUFDLE9BQUEsQ0FBQUMsSUFBQSxDQUFBUCxPQUFBLENBQUFDLFNBQUEsQ0FBQUcsT0FBQSxpQ0FBQVYsQ0FBQSxhQUFBSyx5QkFBQSxZQUFBQSwwQkFBQSxhQUFBTCxDQUFBO0FBRTNCLElBQU1jLGVBQWUsR0FBRyxJQUFBQyxjQUFNLEVBQUMsS0FBSyxDQUFDLENBQUM7RUFBQSxPQUFPO0lBQzNDQyxPQUFPLEVBQUUsTUFBTTtJQUNmQyxhQUFhLEVBQUUs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
@@ -1 +1 @@
1
- {"version":3,"file":"layout-contents.js","names":["_react","_interopRequireDefault","require","_classnames","_propTypes","_core","_tabs","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","RawLayoutContents","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","concat","_defineProperty2","_assertThisInitialized2","_secondary$props","_secondary$props2","secondary","props","configuration","children","undefined","_createClass2","key","value","render","_this$props","mode","classes","dimensions","_ref","minHeight","minWidth","maxHeight","maxWidth","getConfiguration","hasSettingsPanel","Object","entries","some","_ref2","_ref3","_slicedToArray2","obj","settings","_JSON$stringify","JSON","stringify","match","console","log","toString","createElement","className","container","style","classnames","flow","contentContainer","configContainer","settingsContainer","onChange","onTabsChange","contentClassName","indicatorColor","title","classNames","React","Component","PropTypes","oneOf","oneOfType","arrayOf","node","object","styles","theme","display","justifyContent","flexDirection","position","overflow","padding","spacing","unit","flex","marginLeft","_default","withStyles","exports"],"sources":["../../src/layout/layout-contents.jsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core';\nimport Tabs from '../tabs';\nimport classNames from 'classnames';\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 dimensions: PropTypes.object,\n };\n\n getConfiguration = () => {\n const { secondary } = this.props;\n // in config-layout, secondary can be: <SettingsBox>{settings}</SettingsBox>, settings, null\n\n return secondary?.props?.configuration || secondary?.props?.children?.props?.configuration || undefined;\n };\n\n // // eslint-disable-next-line no-unused-vars\n // componentDidUpdate(prevProps, prevState, snapshot) {\n // const configuration = this.getConfiguration();\n // const { mode } = this.props;\n //\n // // promptHolder class is used to wrap up inputs:\n // // we don't want inputs to fill the entire scrollable container,\n // // but instead we want inputs to fit in the first view,\n // // so we calculate the maximum space inputs need\n // try {\n // if (\n // configuration?.maxWidth &&\n // getComputedStyle(document.documentElement).getPropertyValue('--pie-prompt-holder-max-width') !==\n // configuration?.maxWidth\n // ) {\n // document.documentElement.style.setProperty(\n // '--pie-prompt-holder-max-width',\n // mode === 'inline' ? `calc(${configuration.maxWidth} - 340px)` : configuration.maxWidth,\n // );\n // }\n // } catch (e) {\n // console.log(e.toString());\n // }\n // }\n\n render() {\n const { mode, secondary, children, classes, dimensions } = this.props;\n const { minHeight, minWidth, maxHeight, maxWidth } = dimensions || {};\n const configuration = this.getConfiguration();\n\n let hasSettingsPanel = Object.entries(configuration || {}).some(([, obj]) => !!obj?.settings);\n // ebsr has configuration.partA and configuration.partB\n // because we might have nested configuration for other item types as well, let's add this simple regex to check values for settings\n\n if (!hasSettingsPanel) {\n try {\n hasSettingsPanel = JSON.stringify(configuration)?.match(/settings\":true/)?.length;\n } catch (e) {\n // eslint-disable-next-line no-console\n console.log(e.toString());\n }\n }\n\n return (\n <div className={classes.container} style={{ minHeight, minWidth, maxHeight, maxWidth }}>\n {mode === 'inline' && (\n <div className={classnames(classes.flow, classes.contentContainer)}>\n <div className={classnames(classes.configContainer, 'design-container')}>{children}</div>\n {hasSettingsPanel && (\n <div className={classnames(classes.settingsContainer, 'settings-container')}>{secondary}</div>\n )}\n </div>\n )}\n\n {mode === 'tabbed' && hasSettingsPanel && (\n <Tabs onChange={this.onTabsChange} contentClassName={classes.contentContainer} indicatorColor=\"primary\">\n <div title=\"Design\" className=\"design-container\">\n {children}\n </div>\n <div title=\"Settings\" className=\"settings-container\">\n {secondary}\n </div>\n </Tabs>\n )}\n\n {mode === 'tabbed' && !hasSettingsPanel && (\n <div className={classNames(classes.contentContainer, 'design-container')}>{children}</div>\n )}\n </div>\n );\n }\n}\n\nconst styles = (theme) => ({\n flow: {\n display: 'flex',\n justifyContent: 'space-between',\n },\n container: {\n display: 'flex',\n flexDirection: 'column',\n position: 'relative',\n overflow: 'auto',\n },\n contentContainer: {\n padding: `${theme.spacing.unit * 2}px 0`,\n },\n configContainer: {\n flex: '1',\n },\n settingsContainer: {\n marginLeft: theme.spacing.unit * 2,\n },\n});\n\nexport default withStyles(styles)(RawLayoutContents);\n"],"mappings":"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"}
1
+ {"version":3,"file":"layout-contents.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_tabs","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledContainer","styled","display","flexDirection","position","StyledFlow","justifyContent","StyledContentContainer","_ref","theme","padding","concat","spacing","StyledConfigContainer","flex","StyledSettingsContainer","_ref2","marginLeft","RawLayoutContents","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_defineProperty2","_secondary$props","_secondary$props2","secondary","props","configuration","children","undefined","_inherits2","_createClass2","key","value","render","_this$props","mode","dimensions","_ref3","minHeight","minWidth","maxHeight","maxWidth","getConfiguration","hasSettingsPanel","Object","entries","some","_ref4","_ref5","_slicedToArray2","obj","settings","_JSON$stringify","JSON","stringify","match","console","log","toString","createElement","style","className","onChange","onTabsChange","contentClassName","indicatorColor","title","React","Component","PropTypes","oneOf","oneOfType","arrayOf","node","object","_default","exports"],"sources":["../../src/layout/layout-contents.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Tabs from '../tabs';\n\nconst StyledContainer = styled('div')(() => ({\n display: 'flex',\n flexDirection: 'column',\n position: 'relative',\n}));\n\nconst StyledFlow = styled('div')(() => ({\n display: 'flex',\n justifyContent: 'space-between',\n}));\n\nconst StyledContentContainer = styled('div')(({ theme }) => ({\n padding: `${theme.spacing(2)} 0`,\n}));\n\nconst StyledConfigContainer = styled('div')(() => ({\n flex: '1',\n}));\n\nconst StyledSettingsContainer = styled('div')(({ theme }) => ({\n marginLeft: theme.spacing(2),\n}));\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 dimensions: PropTypes.object,\n };\n\n getConfiguration = () => {\n const { secondary } = this.props;\n // in config-layout, secondary can be: <SettingsBox>{settings}</SettingsBox>, settings, null\n\n return secondary?.props?.configuration || secondary?.props?.children?.props?.configuration || undefined;\n };\n\n // // eslint-disable-next-line no-unused-vars\n // componentDidUpdate(prevProps, prevState, snapshot) {\n // const configuration = this.getConfiguration();\n // const { mode } = this.props;\n //\n // // promptHolder class is used to wrap up inputs:\n // // we don't want inputs to fill the entire scrollable container,\n // // but instead we want inputs to fit in the first view,\n // // so we calculate the maximum space inputs need\n // try {\n // if (\n // configuration?.maxWidth &&\n // getComputedStyle(document.documentElement).getPropertyValue('--pie-prompt-holder-max-width') !==\n // configuration?.maxWidth\n // ) {\n // document.documentElement.style.setProperty(\n // '--pie-prompt-holder-max-width',\n // mode === 'inline' ? `calc(${configuration.maxWidth} - 340px)` : configuration.maxWidth,\n // );\n // }\n // } catch (e) {\n // console.log(e.toString());\n // }\n // }\n\n render() {\n const { mode, secondary, children, dimensions } = this.props;\n const { minHeight, minWidth, maxHeight, maxWidth } = dimensions || {};\n const configuration = this.getConfiguration();\n\n let hasSettingsPanel = Object.entries(configuration || {}).some(([, obj]) => !!obj?.settings);\n // ebsr has configuration.partA and configuration.partB\n // because we might have nested configuration for other item types as well, let's add this simple regex to check values for settings\n\n if (!hasSettingsPanel) {\n try {\n hasSettingsPanel = JSON.stringify(configuration)?.match(/settings\":true/)?.length;\n } catch (e) {\n // eslint-disable-next-line no-console\n console.log(e.toString());\n }\n }\n\n return (\n <StyledContainer style={{ minHeight, minWidth, maxHeight, maxWidth }}>\n {mode === 'inline' && (\n <StyledFlow>\n <StyledConfigContainer className=\"design-container\">{children}</StyledConfigContainer>\n {hasSettingsPanel && (\n <StyledSettingsContainer className=\"settings-container\">{secondary}</StyledSettingsContainer>\n )}\n </StyledFlow>\n )}\n\n {mode === 'tabbed' && hasSettingsPanel && (\n <Tabs onChange={this.onTabsChange} contentClassName=\"content-container\" indicatorColor=\"primary\">\n <StyledContentContainer title=\"Design\" className=\"design-container\">\n {children}\n </StyledContentContainer>\n <StyledContentContainer title=\"Settings\" className=\"settings-container\">\n {secondary}\n </StyledContentContainer>\n </Tabs>\n )}\n\n {mode === 'tabbed' && !hasSettingsPanel && (\n <StyledContentContainer className=\"design-container\">{children}</StyledContentContainer>\n )}\n </StyledContainer>\n );\n }\n}\n\nexport default RawLayoutContents;\n"],"mappings":"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","ignoreList":[]}
@@ -7,59 +7,51 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports["default"] = exports.SettingsBox = void 0;
8
8
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
9
9
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
10
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
11
10
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
12
11
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
12
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
14
14
  var _react = _interopRequireDefault(require("react"));
15
15
  var _propTypes = _interopRequireDefault(require("prop-types"));
16
- var _styles = require("@material-ui/core/styles");
17
- var _classnames = _interopRequireDefault(require("classnames"));
18
- 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); }; }
19
- 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; } }
20
- var SettingsBox = /*#__PURE__*/function (_React$Component) {
21
- (0, _inherits2["default"])(SettingsBox, _React$Component);
22
- var _super = _createSuper(SettingsBox);
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) {
23
34
  function SettingsBox() {
24
35
  (0, _classCallCheck2["default"])(this, SettingsBox);
25
- return _super.apply(this, arguments);
36
+ return _callSuper(this, SettingsBox, arguments);
26
37
  }
27
- (0, _createClass2["default"])(SettingsBox, [{
38
+ (0, _inherits2["default"])(SettingsBox, _React$Component);
39
+ return (0, _createClass2["default"])(SettingsBox, [{
28
40
  key: "render",
29
41
  value: function render() {
30
42
  var _this$props = this.props,
31
- classes = _this$props.classes,
32
43
  className = _this$props.className,
33
44
  children = _this$props.children;
34
- return /*#__PURE__*/_react["default"].createElement("div", {
35
- className: (0, _classnames["default"])(classes.settingsBox, className)
45
+ return /*#__PURE__*/_react["default"].createElement(StyledSettingsBox, {
46
+ className: className
36
47
  }, children);
37
48
  }
38
49
  }]);
39
- return SettingsBox;
40
50
  }(_react["default"].Component);
41
- exports.SettingsBox = SettingsBox;
42
51
  (0, _defineProperty2["default"])(SettingsBox, "propTypes", {
43
- classes: _propTypes["default"].object.isRequired,
44
52
  className: _propTypes["default"].string,
45
53
  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
46
54
  });
47
55
  (0, _defineProperty2["default"])(SettingsBox, "defaultProps", {});
48
- var styles = function styles(theme) {
49
- return {
50
- settingsBox: {
51
- backgroundColor: theme.palette.background.paper,
52
- border: "2px solid ".concat(theme.palette.grey[200]),
53
- display: 'flex',
54
- flexDirection: 'column',
55
- justifyContent: 'flex-start',
56
- minWidth: '275px',
57
- maxWidth: '300px',
58
- padding: '20px 4px 4px 20px',
59
- zIndex: 99
60
- }
61
- };
62
- };
63
- var _default = (0, _styles.withStyles)(styles)(SettingsBox);
64
- exports["default"] = _default;
65
- //# sourceMappingURL=settings-box.js.map
56
+ var _default = exports["default"] = SettingsBox;
57
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9wcm9wVHlwZXMiLCJfc3R5bGVzIiwiX2NhbGxTdXBlciIsInQiLCJvIiwiZSIsIl9nZXRQcm90b3R5cGVPZjIiLCJfcG9zc2libGVDb25zdHJ1Y3RvclJldHVybjIiLCJfaXNOYXRpdmVSZWZsZWN0Q29uc3RydWN0IiwiUmVmbGVjdCIsImNvbnN0cnVjdCIsImNvbnN0cnVjdG9yIiwiYXBwbHkiLCJCb29sZWFuIiwicHJvdG90eXBlIiwidmFsdWVPZiIsImNhbGwiLCJTdHlsZWRTZXR0aW5nc0JveCIsInN0eWxlZCIsIl9yZWYiLCJ0aGVtZSIsImJhY2tncm91bmRDb2xvciIsInBhbGV0dGUiLCJiYWNrZ3JvdW5kIiwicGFwZXIiLCJib3JkZXIiLCJjb25jYXQiLCJncmV5IiwiZGlzcGxheSIsImZsZXhEaXJlY3Rpb24iLCJqdXN0aWZ5Q29udGVudCIsIm1pbldpZHRoIiwibWF4V2lkdGgiLCJwYWRkaW5nIiwiekluZGV4IiwiU2V0dGluZ3NCb3giLCJleHBvcnRzIiwiX1JlYWN0JENvbXBvbmVudCIsIl9jbGFzc0NhbGxDaGVjazIiLCJhcmd1bWVudHMiLCJfaW5oZXJpdHMyIiwiX2NyZWF0ZUNsYXNzMiIsImtleSIsInZhbHVlIiwicmVuZGVyIiwiX3RoaXMkcHJvcHMiLCJwcm9wcyIsImNsYXNzTmFtZSIsImNoaWxkcmVuIiwiY3JlYXRlRWxlbWVudCIsIlJlYWN0IiwiQ29tcG9uZW50IiwiX2RlZmluZVByb3BlcnR5MiIsIlByb3BUeXBlcyIsInN0cmluZyIsIm9uZU9mVHlwZSIsImFycmF5T2YiLCJub2RlIiwiaXNSZXF1aXJlZCIsIl9kZWZhdWx0Il0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xheW91dC9zZXR0aW5ncy1ib3guanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVkIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9zdHlsZXMnO1xuXG5jb25zdCBTdHlsZWRTZXR0aW5nc0JveCA9IHN0eWxlZCgnZGl2JykoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmJhY2tncm91bmQucGFwZXIsXG4gIGJvcmRlcjogYDJweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JleVsyMDBdfWAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gIGp1c3RpZnlDb250ZW50OiAnZmxleC1zdGFydCcsXG4gIG1pbldpZHRoOiAnMjc1cHgnLFxuICBtYXhXaWR0aDogJzMwMHB4JyxcbiAgcGFkZGluZzogJzIwcHggNHB4IDRweCAyMHB4JyxcbiAgekluZGV4OiA5OSxcbn0pKTtcblxuZXhwb3J0IGNsYXNzIFNldHRpbmdzQm94IGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgY2hpbGRyZW46IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5ub2RlKSwgUHJvcFR5cGVzLm5vZGVdKS5pc1JlcXVpcmVkLFxuICB9O1xuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7fTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBjbGFzc05hbWUsIGNoaWxkcmVuIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgcmV0dXJuIDxTdHlsZWRTZXR0aW5nc0JveCBjbGFzc05hbWU9e2NsYXNzTmFtZX0+e2NoaWxkcmVufTwvU3R5bGVkU2V0dGluZ3NCb3g+O1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IFNldHRpbmdzQm94O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFB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
@@ -1 +1 @@
1
- {"version":3,"file":"settings-box.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_classnames","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","SettingsBox","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","render","_this$props","props","classes","className","children","createElement","classNames","settingsBox","React","Component","exports","_defineProperty2","PropTypes","object","isRequired","string","oneOfType","arrayOf","node","styles","theme","backgroundColor","palette","background","paper","border","concat","grey","display","flexDirection","justifyContent","minWidth","maxWidth","padding","zIndex","_default","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';\n\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\n static defaultProps = {};\n\n render() {\n const { classes, className, children } = this.props;\n\n return <div className={classNames(classes.settingsBox, className)}>{children}</div>;\n }\n}\nconst styles = (theme) => ({\n settingsBox: {\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});\n\nexport default withStyles(styles)(SettingsBox);\n"],"mappings":"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"}
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":[]}
@@ -7,66 +7,57 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports["default"] = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
- var _styles = require("@material-ui/core/styles");
10
+ var _styles = require("@mui/material/styles");
11
11
  var _debug = _interopRequireDefault(require("debug"));
12
- var _classnames = _interopRequireDefault(require("classnames"));
13
12
  var log = (0, _debug["default"])('pie-elements:config-ui:mui-box');
14
- var MuiBox = (0, _styles.withStyles)(function (theme) {
15
- 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';
16
17
  var bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';
17
- log(theme.palette.primary[theme.palette.type || 'light']);
18
+ log(theme.palette.primary[theme.palette.mode || 'light']);
18
19
  return {
19
- muiBox: {
20
- paddingTop: theme.spacing.unit,
21
- paddingBottom: theme.spacing.unit,
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'
36
- },
37
- '&:after': {
38
- left: 0,
39
- right: 0,
40
- bottom: 0,
41
- height: '2px',
42
- content: '""',
43
- position: 'absolute',
44
- transform: '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.type] //'#304ffe'
48
- }
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
49
33
  },
50
-
51
- focused: {
52
- '&:after': {
53
- transform: 'scaleX(1)'
54
- }
34
+ '&:hover:before': {
35
+ height: '2px'
36
+ },
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'
55
48
  }
56
49
  };
57
- })(function (_ref) {
58
- var children = _ref.children,
59
- classes = _ref.classes,
60
- focused = _ref.focused;
61
- var names = (0, _classnames["default"])(classes.muiBox, focused && classes.focused);
62
- return /*#__PURE__*/_react["default"].createElement("div", {
63
- className: names
64
- }, children);
65
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
+ };
66
58
  MuiBox.propTypes = {
67
59
  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
68
60
  focused: _propTypes["default"].bool.isRequired
69
61
  };
70
- var _default = MuiBox;
71
- exports["default"] = _default;
72
- //# sourceMappingURL=index.js.map
62
+ var _default = exports["default"] = MuiBox;
63
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9wcm9wVHlwZXMiLCJfc3R5bGVzIiwiX2RlYnVnIiwibG9nIiwiZGVidWciLCJTdHlsZWRNdWlCb3giLCJzdHlsZWQiLCJfcmVmIiwidGhlbWUiLCJmb2N1c2VkIiwibGlnaHQiLCJwYWxldHRlIiwibW9kZSIsImJvdHRvbUxpbmVDb2xvciIsInByaW1hcnkiLCJwYWRkaW5nVG9wIiwic3BhY2luZyIsInBhZGRpbmdCb3R0b20iLCJwb3NpdGlvbiIsImxlZnQiLCJyaWdodCIsImJvdHRvbSIsImhlaWdodCIsImNvbnRlbnQiLCJ0cmFuc2l0aW9uIiwicG9pbnRlckV2ZW50cyIsImJhY2tncm91bmRDb2xvciIsInRyYW5zZm9ybSIsIk11aUJveCIsIl9yZWYyIiwiY2hpbGRyZW4iLCJjcmVhdGVFbGVtZW50IiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwib25lT2ZUeXBlIiwiYXJyYXlPZiIsIm5vZGUiLCJpc1JlcXVpcmVkIiwiYm9vbCIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tdWktYm94L2luZGV4LmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHN0eWxlZCB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwvc3R5bGVzJztcbmltcG9ydCBkZWJ1ZyBmcm9tICdkZWJ1Zyc7XG5cbmNvbnN0IGxvZyA9IGRlYnVnKCdwaWUtZWxlbWVudHM6Y29uZmlnLXVpOm11aS1ib3gnKTtcblxuY29uc3QgU3R5bGVkTXVpQm94ID0gc3R5bGVkKCdkaXYnKSgoeyB0aGVtZSwgZm9jdXNlZCB9KSA9PiB7XG4gIGNvbnN0IGxpZ2h0ID0gdGhlbWUucGFsZXR0ZS5tb2RlID09PSAnbGlnaHQnO1xuICBjb25zdCBib3R0b21MaW5lQ29sb3IgPSBsaWdodCA/ICdyZ2JhKDAsIDAsIDAsIDAuNDIpJyA6ICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNyknO1xuXG4gIGxvZyh0aGVtZS5wYWxldHRlLnByaW1hcnlbdGhlbWUucGFsZXR0ZS5tb2RlIHx8ICdsaWdodCddKTtcblxuICByZXR1cm4ge1xuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoMSksXG4gICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3BhY2luZygxKSxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAnJjpiZWZvcmUnOiB7XG4gICAgICBsZWZ0OiAwLFxuICAgICAgcmlnaHQ6IDAsXG4gICAgICBib3R0b206IDAsXG4gICAgICBoZWlnaHQ6ICcxcHgnLFxuICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICB0cmFuc2l0aW9uOiAnYmFja2dyb3VuZC1jb2xvciAyMDBtcyBjdWJpYy1iZXppZXIoMC40LCAwLCAwLjIsIDEpIDBtcycsXG4gICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGJvdHRvbUxpbmVDb2xvcixcbiAgICB9LFxuICAgICcmOmhvdmVyOmJlZm9yZSc6IHtcbiAgICAgIGhlaWdodDogJzJweCcsXG4gICAgfSxcbiAgICAnJjphZnRlcic6IHtcbiAgICAgIGxlZnQ6IDAsXG4gICAgICByaWdodDogMCxcbiAgICAgIGJvdHRvbTogMCxcbiAgICAgIGhlaWdodDogJzJweCcsXG4gICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgIHRyYW5zZm9ybTogZm9jdXNlZCA/ICdzY2FsZVgoMSknIDogJ3NjYWxlWCgwKScsXG4gICAgICB0cmFuc2l0aW9uOiAndHJhbnNmb3JtIDIwMG1zIGN1YmljLWJlemllcigwLjAsIDAsIDAuMiwgMSkgMG1zJyxcbiAgICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5wcmltYXJ5W3RoZW1lLnBhbGV0dGUubW9kZV0sIC8vJyMzMDRmZmUnXG4gICAgfSxcbiAgfTtcbn0pO1xuXG5jb25zdCBNdWlCb3ggPSAoeyBjaGlsZHJlbiwgZm9jdXNlZCB9KSA9PiB7XG4gIHJldHVybiA8U3R5bGVkTXVpQm94IGZvY3VzZWQ9e2ZvY3VzZWR9PntjaGlsZHJlbn08L1N0eWxlZE11aUJveD47XG59O1xuXG5NdWlCb3gucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLm5vZGUpLCBQcm9wVHlwZXMubm9kZV0pLmlzUmVxdWlyZWQsXG4gIGZvY3VzZWQ6IFByb3BUeXBlcy5ib29sLmlzUmVxdWlyZWQsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBNdWlCb3g7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxVQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRSxPQUFBLEdBQUFGLE9BQUE7QUFDQSxJQUFBRyxNQUFBLEdBQUFKLHNCQUFBLENBQUFDLE9BQUE7QUFFQSxJQUFNSSxHQUFHLEdBQUcsSUFBQUMsaUJBQUssRUFBQyxnQ0FBZ0MsQ0FBQztBQUVuRCxJQUFNQyxZQUFZLEdBQUcsSUFBQUMsY0FBTSxFQUFDLEtBQUssQ0FBQyxDQUFDLFVBQUFDLElBQUEsRUFBd0I7RUFBQSxJQUFyQkMsS0FBSyxHQUFBRCxJQUFBLENBQUxDLEtBQUs7SUFBRUMsT0FBTyxHQUFBRixJQUFBLENBQVBFLE9BQU87RUFDbEQsSUFBTUMsS0FBSyxHQUFHRixLQUFLLENBQUNHLE9BQU8sQ0FBQ0MsSUFBSSxLQUFLLE9BQU87RUFDNUMsSUFBTUMsZUFBZSxHQUFHSCxLQUFLLEdBQUcscUJBQXFCLEdBQUcsMEJBQTBCO0VBRWxGUCxHQUFHLENBQUNLLEtBQUssQ0FBQ0csT0FBTyxDQUFDRyxPQUFPLENBQUNOLEtBQUssQ0FBQ0csT0FBTyxDQUFDQyxJQUFJLElBQUksT0FBTyxDQUFDLENBQUM7RUFFekQsT0FBTztJQUNMRyxVQUFVLEVBQUVQLEtBQUssQ0FBQ1EsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUM1QkMsYUFBYSxFQUFFVCxLQUFLLENBQUNRLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFDL0JFLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLFVBQVUsRUFBRTtNQUNWQyxJQUFJLEVBQUUsQ0FBQztNQUNQQyxLQUFLLEVBQUUsQ0FBQztNQUNSQyxNQUFNLEVBQUUsQ0FBQztNQUNUQyxNQUFNLEVBQUUsS0FBSztNQUNiQyxPQUFPLEVBQUUsSUFBSTtNQUNiTCxRQUFRLEVBQUUsVUFBVTtNQUNwQk0sVUFBVSxFQUFFLHlEQUF5RDtNQUNyRUMsYUFBYSxFQUFFLE1BQU07TUFDckJDLGVBQWUsRUFBRWI7SUFDbkIsQ0FBQztJQUNELGdCQUFnQixFQUFFO01BQ2hCUyxNQUFNLEVBQUU7SUFDVixDQUFDO0lBQ0QsU0FBUyxFQUFFO01BQ1RILElBQUksRUFBRSxDQUFDO01BQ1BDLEtBQUssRUFBRSxDQUFDO01BQ1JDLE1BQU0sRUFBRSxDQUFDO01BQ1RDLE1BQU0sRUFBRSxLQUFLO01BQ2JDLE9BQU8sRUFBRSxJQUFJO01BQ2JMLFFBQVEsRUFBRSxVQUFVO01BQ3BCUyxTQUFTLEVBQUVsQixPQUFPLEdBQUcsV0FBVyxHQUFHLFdBQVc7TUFDOUNlLFVBQVUsRUFBRSxrREFBa0Q7TUFDOURDLGFBQWEsRUFBRSxNQUFNO01BQ3JCQyxlQUFlLEVBQUVsQixLQUFLLENBQUNHLE9BQU8sQ0FBQ0csT0FBTyxDQUFDTixLQUFLLENBQUNHLE9BQU8sQ0FBQ0MsSUFBSSxDQUFDLENBQUU7SUFDOUQ7RUFDRixDQUFDO0FBQ0gsQ0FBQyxDQUFDO0FBRUYsSUFBTWdCLE1BQU0sR0FBRyxTQUFUQSxNQUFNQSxDQUFBQyxLQUFBLEVBQThCO0VBQUEsSUFBeEJDLFFBQVEsR0FBQUQsS0FBQSxDQUFSQyxRQUFRO0lBQUVyQixPQUFPLEdBQUFvQixLQUFBLENBQVBwQixPQUFPO0VBQ2pDLG9CQUFPWixNQUFBLFlBQUFrQyxhQUFBLENBQUMxQixZQUFZO0lBQUNJLE9BQU8sRUFBRUE7RUFBUSxHQUFFcUIsUUFBdUIsQ0FBQztBQUNsRSxDQUFDO0FBRURGLE1BQU0sQ0FBQ0ksU0FBUyxHQUFHO0VBQ2pCRixRQUFRLEVBQUVHLHFCQUFTLENBQUNDLFNBQVMsQ0FBQyxDQUFDRCxxQkFBUyxDQUFDRSxPQUFPLENBQUNGLHFCQUFTLENBQUNHLElBQUksQ0FBQyxFQUFFSCxxQkFBUyxDQUFDRyxJQUFJLENBQUMsQ0FBQyxDQUFDQyxVQUFVO0VBQzdGNUIsT0FBTyxFQUFFd0IscUJBQVMsQ0FBQ0ssSUFBSSxDQUFDRDtBQUMxQixDQUFDO0FBQUMsSUFBQUUsUUFBQSxHQUFBQyxPQUFBLGNBRWFaLE1BQU0iLCJpZ25vcmVMaXN0IjpbXX0=