@pie-lib/config-ui 13.1.0-beta.7 → 14.0.0-next.35

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 (233) hide show
  1. package/dist/_virtual/_rolldown/runtime.js +11 -0
  2. package/dist/alert-dialog.d.ts +44 -0
  3. package/dist/alert-dialog.js +47 -0
  4. package/dist/checkbox.d.ts +34 -0
  5. package/dist/checkbox.js +57 -0
  6. package/dist/choice-configuration/feedback-menu.d.ts +32 -0
  7. package/dist/choice-configuration/feedback-menu.js +85 -0
  8. package/dist/choice-configuration/index.d.ts +62 -0
  9. package/dist/choice-configuration/index.js +240 -0
  10. package/dist/choice-utils.d.ts +21 -0
  11. package/dist/choice-utils.js +15 -0
  12. package/dist/feedback-config/feedback-selector.d.ts +33 -0
  13. package/dist/feedback-config/feedback-selector.js +92 -0
  14. package/dist/feedback-config/group.d.ts +21 -0
  15. package/dist/feedback-config/group.js +33 -0
  16. package/dist/feedback-config/index.d.ts +48 -0
  17. package/dist/feedback-config/index.js +96 -0
  18. package/dist/form-section.d.ts +25 -0
  19. package/dist/form-section.js +25 -0
  20. package/dist/fraction-to-number.d.ts +7 -0
  21. package/dist/fraction-to-number.js +9 -0
  22. package/dist/help.d.ts +41 -0
  23. package/dist/help.js +62 -0
  24. package/dist/index.d.ts +31 -0
  25. package/dist/index.js +34 -0
  26. package/dist/input.d.ts +29 -0
  27. package/dist/input.js +65 -0
  28. package/dist/inputs.d.ts +63 -0
  29. package/dist/inputs.js +70 -0
  30. package/dist/langs.d.ts +41 -0
  31. package/dist/langs.js +76 -0
  32. package/dist/layout/config-layout.d.ts +10 -0
  33. package/dist/layout/config-layout.js +75 -0
  34. package/dist/layout/index.d.ts +11 -0
  35. package/dist/layout/index.js +10 -0
  36. package/dist/layout/layout-contents.d.ts +21 -0
  37. package/dist/layout/layout-contents.js +70 -0
  38. package/dist/layout/settings-box.d.ts +19 -0
  39. package/dist/layout/settings-box.js +32 -0
  40. package/dist/mui-box/index.d.ts +21 -0
  41. package/dist/mui-box/index.js +47 -0
  42. package/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/extends.js +12 -0
  43. package/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js +7 -0
  44. package/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js +12 -0
  45. package/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js +8 -0
  46. package/dist/node_modules/.bun/react-measure@2.5.2_6dbf9a050bc9aadb/node_modules/react-measure/dist/index.esm.js +122 -0
  47. package/dist/node_modules/.bun/resize-observer-polyfill@1.5.1/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js +276 -0
  48. package/dist/number-text-field-custom.d.ts +51 -0
  49. package/dist/number-text-field-custom.js +192 -0
  50. package/dist/number-text-field.d.ts +47 -0
  51. package/dist/number-text-field.js +122 -0
  52. package/dist/radio-with-label.d.ts +25 -0
  53. package/dist/radio-with-label.js +27 -0
  54. package/dist/settings/display-size.d.ts +26 -0
  55. package/dist/settings/display-size.js +45 -0
  56. package/dist/settings/index.d.ts +45 -0
  57. package/dist/settings/index.js +63 -0
  58. package/dist/settings/panel.d.ts +27 -0
  59. package/dist/settings/panel.js +201 -0
  60. package/dist/settings/settings-radio-label.d.ts +25 -0
  61. package/dist/settings/settings-radio-label.js +29 -0
  62. package/dist/settings/toggle.d.ts +25 -0
  63. package/dist/settings/toggle.js +33 -0
  64. package/dist/tabs/index.d.ts +22 -0
  65. package/dist/tabs/index.js +39 -0
  66. package/dist/tags-input/index.d.ts +21 -0
  67. package/dist/tags-input/index.js +83 -0
  68. package/dist/two-choice.d.ts +43 -0
  69. package/dist/two-choice.js +79 -0
  70. package/dist/with-stateful-model.d.ts +42 -0
  71. package/dist/with-stateful-model.js +32 -0
  72. package/package.json +31 -19
  73. package/CHANGELOG.json +0 -32
  74. package/CHANGELOG.md +0 -2419
  75. package/lib/__tests__/alert-dialog.test.js +0 -262
  76. package/lib/__tests__/alert-dialog.test.js.map +0 -1
  77. package/lib/__tests__/checkbox.test.js +0 -227
  78. package/lib/__tests__/checkbox.test.js.map +0 -1
  79. package/lib/__tests__/choice-utils.test.js +0 -14
  80. package/lib/__tests__/choice-utils.test.js.map +0 -1
  81. package/lib/__tests__/form-section.test.js +0 -252
  82. package/lib/__tests__/form-section.test.js.map +0 -1
  83. package/lib/__tests__/help.test.js +0 -270
  84. package/lib/__tests__/help.test.js.map +0 -1
  85. package/lib/__tests__/input.test.js +0 -268
  86. package/lib/__tests__/input.test.js.map +0 -1
  87. package/lib/__tests__/langs.test.js +0 -541
  88. package/lib/__tests__/langs.test.js.map +0 -1
  89. package/lib/__tests__/number-text-field-custom.test.js +0 -362
  90. package/lib/__tests__/number-text-field-custom.test.js.map +0 -1
  91. package/lib/__tests__/number-text-field.test.js +0 -421
  92. package/lib/__tests__/number-text-field.test.js.map +0 -1
  93. package/lib/__tests__/radio-with-label.test.js +0 -233
  94. package/lib/__tests__/radio-with-label.test.js.map +0 -1
  95. package/lib/__tests__/settings-panel.test.js +0 -184
  96. package/lib/__tests__/settings-panel.test.js.map +0 -1
  97. package/lib/__tests__/settings.test.js +0 -653
  98. package/lib/__tests__/settings.test.js.map +0 -1
  99. package/lib/__tests__/tabs.test.js +0 -211
  100. package/lib/__tests__/tabs.test.js.map +0 -1
  101. package/lib/__tests__/two-choice.test.js +0 -124
  102. package/lib/__tests__/two-choice.test.js.map +0 -1
  103. package/lib/__tests__/with-stateful-model.test.js +0 -221
  104. package/lib/__tests__/with-stateful-model.test.js.map +0 -1
  105. package/lib/alert-dialog.js +0 -68
  106. package/lib/alert-dialog.js.map +0 -1
  107. package/lib/checkbox.js +0 -84
  108. package/lib/checkbox.js.map +0 -1
  109. package/lib/choice-configuration/__tests__/feedback-menu.test.js +0 -287
  110. package/lib/choice-configuration/__tests__/feedback-menu.test.js.map +0 -1
  111. package/lib/choice-configuration/__tests__/index.test.js +0 -253
  112. package/lib/choice-configuration/__tests__/index.test.js.map +0 -1
  113. package/lib/choice-configuration/feedback-menu.js +0 -129
  114. package/lib/choice-configuration/feedback-menu.js.map +0 -1
  115. package/lib/choice-configuration/index.js +0 -381
  116. package/lib/choice-configuration/index.js.map +0 -1
  117. package/lib/choice-utils.js +0 -42
  118. package/lib/choice-utils.js.map +0 -1
  119. package/lib/feedback-config/__tests__/feedback-config.test.js +0 -201
  120. package/lib/feedback-config/__tests__/feedback-config.test.js.map +0 -1
  121. package/lib/feedback-config/__tests__/feedback-selector.test.js +0 -177
  122. package/lib/feedback-config/__tests__/feedback-selector.test.js.map +0 -1
  123. package/lib/feedback-config/feedback-selector.js +0 -155
  124. package/lib/feedback-config/feedback-selector.js.map +0 -1
  125. package/lib/feedback-config/group.js +0 -61
  126. package/lib/feedback-config/group.js.map +0 -1
  127. package/lib/feedback-config/index.js +0 -146
  128. package/lib/feedback-config/index.js.map +0 -1
  129. package/lib/form-section.js +0 -44
  130. package/lib/form-section.js.map +0 -1
  131. package/lib/help.js +0 -106
  132. package/lib/help.js.map +0 -1
  133. package/lib/index.js +0 -186
  134. package/lib/index.js.map +0 -1
  135. package/lib/input.js +0 -106
  136. package/lib/input.js.map +0 -1
  137. package/lib/inputs.js +0 -105
  138. package/lib/inputs.js.map +0 -1
  139. package/lib/langs.js +0 -136
  140. package/lib/langs.js.map +0 -1
  141. package/lib/layout/__tests__/config.layout.test.js +0 -70
  142. package/lib/layout/__tests__/config.layout.test.js.map +0 -1
  143. package/lib/layout/__tests__/layout-content.test.js +0 -6
  144. package/lib/layout/__tests__/layout-content.test.js.map +0 -1
  145. package/lib/layout/config-layout.js +0 -137
  146. package/lib/layout/config-layout.js.map +0 -1
  147. package/lib/layout/index.js +0 -21
  148. package/lib/layout/index.js.map +0 -1
  149. package/lib/layout/layout-contents.js +0 -160
  150. package/lib/layout/layout-contents.js.map +0 -1
  151. package/lib/layout/settings-box.js +0 -57
  152. package/lib/layout/settings-box.js.map +0 -1
  153. package/lib/mui-box/index.js +0 -63
  154. package/lib/mui-box/index.js.map +0 -1
  155. package/lib/number-text-field-custom.js +0 -376
  156. package/lib/number-text-field-custom.js.map +0 -1
  157. package/lib/number-text-field.js +0 -229
  158. package/lib/number-text-field.js.map +0 -1
  159. package/lib/radio-with-label.js +0 -48
  160. package/lib/radio-with-label.js.map +0 -1
  161. package/lib/settings/display-size.js +0 -61
  162. package/lib/settings/display-size.js.map +0 -1
  163. package/lib/settings/index.js +0 -110
  164. package/lib/settings/index.js.map +0 -1
  165. package/lib/settings/panel.js +0 -392
  166. package/lib/settings/panel.js.map +0 -1
  167. package/lib/settings/settings-radio-label.js +0 -51
  168. package/lib/settings/settings-radio-label.js.map +0 -1
  169. package/lib/settings/toggle.js +0 -63
  170. package/lib/settings/toggle.js.map +0 -1
  171. package/lib/tabs/index.js +0 -75
  172. package/lib/tabs/index.js.map +0 -1
  173. package/lib/tags-input/__tests__/index.test.js +0 -183
  174. package/lib/tags-input/__tests__/index.test.js.map +0 -1
  175. package/lib/tags-input/index.js +0 -149
  176. package/lib/tags-input/index.js.map +0 -1
  177. package/lib/two-choice.js +0 -136
  178. package/lib/two-choice.js.map +0 -1
  179. package/lib/with-stateful-model.js +0 -61
  180. package/lib/with-stateful-model.js.map +0 -1
  181. package/src/__tests__/alert-dialog.test.jsx +0 -183
  182. package/src/__tests__/checkbox.test.jsx +0 -152
  183. package/src/__tests__/choice-utils.test.js +0 -12
  184. package/src/__tests__/form-section.test.jsx +0 -328
  185. package/src/__tests__/help.test.jsx +0 -184
  186. package/src/__tests__/input.test.jsx +0 -156
  187. package/src/__tests__/langs.test.jsx +0 -376
  188. package/src/__tests__/number-text-field-custom.test.jsx +0 -255
  189. package/src/__tests__/number-text-field.test.jsx +0 -263
  190. package/src/__tests__/radio-with-label.test.jsx +0 -155
  191. package/src/__tests__/settings-panel.test.js +0 -187
  192. package/src/__tests__/settings.test.jsx +0 -452
  193. package/src/__tests__/tabs.test.jsx +0 -188
  194. package/src/__tests__/two-choice.test.js +0 -110
  195. package/src/__tests__/with-stateful-model.test.jsx +0 -139
  196. package/src/alert-dialog.jsx +0 -75
  197. package/src/checkbox.jsx +0 -61
  198. package/src/choice-configuration/__tests__/feedback-menu.test.jsx +0 -151
  199. package/src/choice-configuration/__tests__/index.test.jsx +0 -234
  200. package/src/choice-configuration/feedback-menu.jsx +0 -96
  201. package/src/choice-configuration/index.jsx +0 -357
  202. package/src/choice-utils.js +0 -30
  203. package/src/feedback-config/__tests__/feedback-config.test.jsx +0 -141
  204. package/src/feedback-config/__tests__/feedback-selector.test.jsx +0 -97
  205. package/src/feedback-config/feedback-selector.jsx +0 -112
  206. package/src/feedback-config/group.jsx +0 -51
  207. package/src/feedback-config/index.jsx +0 -111
  208. package/src/form-section.jsx +0 -31
  209. package/src/help.jsx +0 -79
  210. package/src/index.js +0 -55
  211. package/src/input.jsx +0 -72
  212. package/src/inputs.jsx +0 -69
  213. package/src/langs.jsx +0 -111
  214. package/src/layout/__tests__/config.layout.test.jsx +0 -59
  215. package/src/layout/__tests__/layout-content.test.jsx +0 -3
  216. package/src/layout/config-layout.jsx +0 -103
  217. package/src/layout/index.js +0 -4
  218. package/src/layout/layout-contents.jsx +0 -117
  219. package/src/layout/settings-box.jsx +0 -32
  220. package/src/mui-box/index.jsx +0 -56
  221. package/src/number-text-field-custom.jsx +0 -333
  222. package/src/number-text-field.jsx +0 -215
  223. package/src/radio-with-label.jsx +0 -30
  224. package/src/settings/display-size.jsx +0 -53
  225. package/src/settings/index.js +0 -83
  226. package/src/settings/panel.jsx +0 -333
  227. package/src/settings/settings-radio-label.jsx +0 -32
  228. package/src/settings/toggle.jsx +0 -46
  229. package/src/tabs/index.jsx +0 -47
  230. package/src/tags-input/__tests__/index.test.jsx +0 -113
  231. package/src/tags-input/index.jsx +0 -116
  232. package/src/two-choice.jsx +0 -90
  233. package/src/with-stateful-model.jsx +0 -36
package/lib/input.js DELETED
@@ -1,106 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
12
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
14
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
15
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
16
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
17
- var React = _interopRequireWildcard(require("react"));
18
- var _propTypes = _interopRequireDefault(require("prop-types"));
19
- var _Input2 = _interopRequireDefault(require("@mui/material/Input"));
20
- var _renderUi = require("@pie-lib/render-ui");
21
- var _excluded = ["label", "type", "noModelUpdateOnError"];
22
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
23
- 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)); }
24
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
25
- var Input = exports["default"] = /*#__PURE__*/function (_React$Component) {
26
- function Input(props) {
27
- var _this;
28
- (0, _classCallCheck2["default"])(this, Input);
29
- _this = _callSuper(this, Input, [props]);
30
- (0, _defineProperty2["default"])(_this, "onChange", function (event) {
31
- var _this$props = _this.props,
32
- type = _this$props.type,
33
- onChange = _this$props.onChange,
34
- error = _this$props.error;
35
- var value = event.target.value;
36
- if (error(value, type)) {
37
- _this.setState({
38
- error: true,
39
- value: event.target.value
40
- });
41
- } else {
42
- _this.setState({
43
- error: false,
44
- value: event.target.value
45
- });
46
- onChange(event);
47
- }
48
- });
49
- _this.state = {
50
- value: props.value
51
- };
52
- return _this;
53
- }
54
- (0, _inherits2["default"])(Input, _React$Component);
55
- return (0, _createClass2["default"])(Input, [{
56
- key: "UNSAFE_componentWillReceiveProps",
57
- value: function UNSAFE_componentWillReceiveProps(newProps) {
58
- this.setState({
59
- value: newProps.value
60
- });
61
- }
62
- }, {
63
- key: "render",
64
- value: function render() {
65
- var _this$props2 = this.props,
66
- label = _this$props2.label,
67
- type = _this$props2.type,
68
- noModelUpdateOnError = _this$props2.noModelUpdateOnError,
69
- rest = (0, _objectWithoutProperties2["default"])(_this$props2, _excluded);
70
- var _this$state = this.state,
71
- value = _this$state.value,
72
- error = _this$state.error;
73
- return label ? /*#__PURE__*/React.createElement(_renderUi.InputContainer, {
74
- label: label
75
- }, /*#__PURE__*/React.createElement(_Input2["default"], (0, _extends2["default"])({
76
- type: type
77
- }, rest, {
78
- value: value,
79
- onChange: this.onChange,
80
- error: error
81
- }))) : /*#__PURE__*/React.createElement(_Input2["default"], (0, _extends2["default"])({
82
- type: type
83
- }, rest, {
84
- value: value,
85
- onChange: this.onChange,
86
- error: error
87
- }));
88
- }
89
- }]);
90
- }(React.Component);
91
- (0, _defineProperty2["default"])(Input, "propTypes", {
92
- value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
93
- onChange: _propTypes["default"].func.isRequired,
94
- label: _propTypes["default"].string,
95
- type: _propTypes["default"].string.isRequired,
96
- error: _propTypes["default"].func,
97
- noModelUpdateOnError: _propTypes["default"].bool
98
- });
99
- (0, _defineProperty2["default"])(Input, "defaultProps", {
100
- type: 'text',
101
- error: function error(value, type) {
102
- return type === 'number' ? !value || isNaN(value) : !value;
103
- },
104
- noModelUpdateOnError: false
105
- });
106
- //# sourceMappingURL=input.js.map
package/lib/input.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"input.js","names":["React","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_Input2","_renderUi","_excluded","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","Input","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","event","_this$props","type","onChange","error","value","target","setState","state","_inherits2","_createClass2","key","UNSAFE_componentWillReceiveProps","newProps","render","_this$props2","label","noModelUpdateOnError","rest","_objectWithoutProperties2","_this$state","createElement","InputContainer","_extends2","Component","PropTypes","oneOfType","string","number","func","isRequired","bool","isNaN"],"sources":["../src/input.jsx"],"sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { default as MaterialInput } from '@mui/material/Input';\nimport { InputContainer } from '@pie-lib/render-ui';\n\nexport default class Input extends React.Component {\n static propTypes = {\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n onChange: PropTypes.func.isRequired,\n label: PropTypes.string,\n type: PropTypes.string.isRequired,\n error: PropTypes.func,\n noModelUpdateOnError: PropTypes.bool,\n };\n\n static defaultProps = {\n type: 'text',\n error: (value, type) => (type === 'number' ? !value || isNaN(value) : !value),\n noModelUpdateOnError: false,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n value: props.value,\n };\n }\n\n UNSAFE_componentWillReceiveProps(newProps) {\n this.setState({\n value: newProps.value,\n });\n }\n\n onChange = (event) => {\n const { type, onChange, error } = this.props;\n const value = event.target.value;\n\n if (error(value, type)) {\n this.setState({\n error: true,\n value: event.target.value,\n });\n } else {\n this.setState({\n error: false,\n value: event.target.value,\n });\n\n onChange(event);\n }\n };\n\n render() {\n const {\n label,\n type,\n noModelUpdateOnError, // eslint-disable-line no-unused-vars\n ...rest\n } = this.props;\n const { value, error } = this.state;\n\n return label ? (\n <InputContainer label={label}>\n <MaterialInput type={type} {...rest} value={value} onChange={this.onChange} error={error} />\n </InputContainer>\n ) : (\n <MaterialInput type={type} {...rest} value={value} onChange={this.onChange} error={error} />\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
package/lib/inputs.js DELETED
@@ -1,105 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.InputSwitch = exports.InputRadio = exports.InputCheckbox = void 0;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
10
- var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
11
- var _renderUi = require("@pie-lib/render-ui");
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
- var _react = _interopRequireDefault(require("react"));
14
- var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
15
- var _styles = require("@mui/material/styles");
16
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
17
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
18
- var InputTypes = {
19
- className: _propTypes["default"].string,
20
- label: _propTypes["default"].string,
21
- checked: _propTypes["default"].bool,
22
- onChange: _propTypes["default"].func,
23
- disabled: _propTypes["default"].bool,
24
- error: _propTypes["default"].string
25
- };
26
- var StyledSwitch = (0, _styles.styled)(_Switch["default"])(function () {
27
- return {
28
- justifyContent: 'inherit',
29
- transform: 'translate(-20%, 20%)'
30
- };
31
- });
32
- var InputSwitch = exports.InputSwitch = function InputSwitch(_ref) {
33
- var className = _ref.className,
34
- label = _ref.label,
35
- checked = _ref.checked,
36
- onChange = _ref.onChange;
37
- return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
38
- className: className,
39
- label: label
40
- }, /*#__PURE__*/_react["default"].createElement(StyledSwitch, {
41
- checked: checked,
42
- onChange: onChange,
43
- "aria-label": label
44
- }));
45
- };
46
- InputSwitch.propTypes = _objectSpread({}, InputTypes);
47
- var StyledCheckbox = (0, _styles.styled)(_Checkbox["default"])(function (_ref2) {
48
- var theme = _ref2.theme,
49
- error = _ref2.error;
50
- return _objectSpread({
51
- transform: 'translate(-25%, 20%)',
52
- color: "".concat(_renderUi.color.tertiary(), " !important")
53
- }, error && {
54
- color: "".concat(theme.palette.error.main, " !important")
55
- });
56
- });
57
- var InputCheckbox = exports.InputCheckbox = function InputCheckbox(_ref3) {
58
- var className = _ref3.className,
59
- label = _ref3.label,
60
- checked = _ref3.checked,
61
- onChange = _ref3.onChange,
62
- disabled = _ref3.disabled,
63
- error = _ref3.error;
64
- return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
65
- className: className,
66
- label: label
67
- }, /*#__PURE__*/_react["default"].createElement(StyledCheckbox, {
68
- disabled: disabled,
69
- checked: checked,
70
- onChange: onChange,
71
- "aria-label": label,
72
- error: error
73
- }));
74
- };
75
- InputCheckbox.propTypes = _objectSpread({}, InputTypes);
76
- var StyledRadio = (0, _styles.styled)(_Radio["default"])(function (_ref4) {
77
- var theme = _ref4.theme,
78
- error = _ref4.error;
79
- return _objectSpread({
80
- transform: 'translate(-20%, 20%)',
81
- color: "".concat(_renderUi.color.tertiary(), " !important")
82
- }, error && {
83
- color: "".concat(theme.palette.error.main, " !important")
84
- });
85
- });
86
- var InputRadio = exports.InputRadio = function InputRadio(_ref5) {
87
- var className = _ref5.className,
88
- label = _ref5.label,
89
- checked = _ref5.checked,
90
- onChange = _ref5.onChange,
91
- disabled = _ref5.disabled,
92
- error = _ref5.error;
93
- return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
94
- className: className,
95
- label: label
96
- }, /*#__PURE__*/_react["default"].createElement(StyledRadio, {
97
- disabled: disabled,
98
- checked: checked,
99
- onChange: onChange,
100
- "aria-label": label,
101
- error: error
102
- }));
103
- };
104
- InputRadio.propTypes = _objectSpread({}, InputTypes);
105
- //# sourceMappingURL=inputs.js.map
package/lib/inputs.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"inputs.js","names":["_Checkbox","_interopRequireDefault","require","_Radio","_renderUi","_propTypes","_react","_Switch","_styles","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","InputTypes","className","PropTypes","string","label","checked","bool","onChange","func","disabled","error","StyledSwitch","styled","Switch","justifyContent","transform","InputSwitch","exports","_ref","createElement","InputContainer","propTypes","StyledCheckbox","Checkbox","_ref2","theme","color","concat","tertiary","palette","main","InputCheckbox","_ref3","StyledRadio","Radio","_ref4","InputRadio","_ref5"],"sources":["../src/inputs.jsx"],"sourcesContent":["import Checkbox from '@mui/material/Checkbox';\nimport Radio from '@mui/material/Radio';\nimport { color, InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Switch from '@mui/material/Switch';\nimport { styled } from '@mui/material/styles';\n\nconst InputTypes = {\n className: PropTypes.string,\n label: PropTypes.string,\n checked: PropTypes.bool,\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n error: PropTypes.string,\n};\n\nconst StyledSwitch = styled(Switch)(() => ({\n justifyContent: 'inherit',\n transform: 'translate(-20%, 20%)',\n}));\n\nconst InputSwitch = ({ className, label, checked, onChange }) => {\n return (\n <InputContainer className={className} label={label}>\n <StyledSwitch checked={checked} onChange={onChange} aria-label={label} />\n </InputContainer>\n );\n};\n\nInputSwitch.propTypes = { ...InputTypes };\n\nconst StyledCheckbox = styled(Checkbox)(({ theme, error }) => ({\n transform: 'translate(-25%, 20%)',\n color: `${color.tertiary()} !important`,\n ...(error && {\n color: `${theme.palette.error.main} !important`,\n }),\n}));\n\nconst InputCheckbox = ({ className, label, checked, onChange, disabled, error }) => {\n return (\n <InputContainer className={className} label={label}>\n <StyledCheckbox disabled={disabled} checked={checked} onChange={onChange} aria-label={label} error={error} />\n </InputContainer>\n );\n};\n\nInputCheckbox.propTypes = { ...InputTypes };\n\nconst StyledRadio = styled(Radio)(({ theme, error }) => ({\n transform: 'translate(-20%, 20%)',\n color: `${color.tertiary()} !important`,\n ...(error && {\n color: `${theme.palette.error.main} !important`,\n }),\n}));\n\nconst InputRadio = ({ className, label, checked, onChange, disabled, error }) => {\n return (\n <InputContainer className={className} label={label}>\n <StyledRadio disabled={disabled} checked={checked} onChange={onChange} aria-label={label} error={error} />\n </InputContainer>\n );\n};\n\nInputRadio.propTypes = { ...InputTypes };\n\nexport { InputSwitch, InputCheckbox, InputRadio };\n"],"mappings":";;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,OAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAA8C,SAAAO,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE9C,IAAMoB,UAAU,GAAG;EACjBC,SAAS,EAAEC,qBAAS,CAACC,MAAM;EAC3BC,KAAK,EAAEF,qBAAS,CAACC,MAAM;EACvBE,OAAO,EAAEH,qBAAS,CAACI,IAAI;EACvBC,QAAQ,EAAEL,qBAAS,CAACM,IAAI;EACxBC,QAAQ,EAAEP,qBAAS,CAACI,IAAI;EACxBI,KAAK,EAAER,qBAAS,CAACC;AACnB,CAAC;AAED,IAAMQ,YAAY,GAAG,IAAAC,cAAM,EAACC,kBAAM,CAAC,CAAC;EAAA,OAAO;IACzCC,cAAc,EAAE,SAAS;IACzBC,SAAS,EAAE;EACb,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAAE,IAAA,EAAgD;EAAA,IAA1CjB,SAAS,GAAAiB,IAAA,CAATjB,SAAS;IAAEG,KAAK,GAAAc,IAAA,CAALd,KAAK;IAAEC,OAAO,GAAAa,IAAA,CAAPb,OAAO;IAAEE,QAAQ,GAAAW,IAAA,CAARX,QAAQ;EACxD,oBACE/B,MAAA,YAAA2C,aAAA,CAAC7C,SAAA,CAAA8C,cAAc;IAACnB,SAAS,EAAEA,SAAU;IAACG,KAAK,EAAEA;EAAM,gBACjD5B,MAAA,YAAA2C,aAAA,CAACR,YAAY;IAACN,OAAO,EAAEA,OAAQ;IAACE,QAAQ,EAAEA,QAAS;IAAC,cAAYH;EAAM,CAAE,CAC1D,CAAC;AAErB,CAAC;AAEDY,WAAW,CAACK,SAAS,GAAA7B,aAAA,KAAQQ,UAAU,CAAE;AAEzC,IAAMsB,cAAc,GAAG,IAAAV,cAAM,EAACW,oBAAQ,CAAC,CAAC,UAAAC,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEf,KAAK,GAAAc,KAAA,CAALd,KAAK;EAAA,OAAAlB,aAAA;IACrDuB,SAAS,EAAE,sBAAsB;IACjCW,KAAK,KAAAC,MAAA,CAAKD,eAAK,CAACE,QAAQ,CAAC,CAAC;EAAa,GACnClB,KAAK,IAAI;IACXgB,KAAK,KAAAC,MAAA,CAAKF,KAAK,CAACI,OAAO,CAACnB,KAAK,CAACoB,IAAI;EACpC,CAAC;AAAA,CACD,CAAC;AAEH,IAAMC,aAAa,GAAAd,OAAA,CAAAc,aAAA,GAAG,SAAhBA,aAAaA,CAAAC,KAAA,EAAiE;EAAA,IAA3D/B,SAAS,GAAA+B,KAAA,CAAT/B,SAAS;IAAEG,KAAK,GAAA4B,KAAA,CAAL5B,KAAK;IAAEC,OAAO,GAAA2B,KAAA,CAAP3B,OAAO;IAAEE,QAAQ,GAAAyB,KAAA,CAARzB,QAAQ;IAAEE,QAAQ,GAAAuB,KAAA,CAARvB,QAAQ;IAAEC,KAAK,GAAAsB,KAAA,CAALtB,KAAK;EAC3E,oBACElC,MAAA,YAAA2C,aAAA,CAAC7C,SAAA,CAAA8C,cAAc;IAACnB,SAAS,EAAEA,SAAU;IAACG,KAAK,EAAEA;EAAM,gBACjD5B,MAAA,YAAA2C,aAAA,CAACG,cAAc;IAACb,QAAQ,EAAEA,QAAS;IAACJ,OAAO,EAAEA,OAAQ;IAACE,QAAQ,EAAEA,QAAS;IAAC,cAAYH,KAAM;IAACM,KAAK,EAAEA;EAAM,CAAE,CAC9F,CAAC;AAErB,CAAC;AAEDqB,aAAa,CAACV,SAAS,GAAA7B,aAAA,KAAQQ,UAAU,CAAE;AAE3C,IAAMiC,WAAW,GAAG,IAAArB,cAAM,EAACsB,iBAAK,CAAC,CAAC,UAAAC,KAAA;EAAA,IAAGV,KAAK,GAAAU,KAAA,CAALV,KAAK;IAAEf,KAAK,GAAAyB,KAAA,CAALzB,KAAK;EAAA,OAAAlB,aAAA;IAC/CuB,SAAS,EAAE,sBAAsB;IACjCW,KAAK,KAAAC,MAAA,CAAKD,eAAK,CAACE,QAAQ,CAAC,CAAC;EAAa,GACnClB,KAAK,IAAI;IACXgB,KAAK,KAAAC,MAAA,CAAKF,KAAK,CAACI,OAAO,CAACnB,KAAK,CAACoB,IAAI;EACpC,CAAC;AAAA,CACD,CAAC;AAEH,IAAMM,UAAU,GAAAnB,OAAA,CAAAmB,UAAA,GAAG,SAAbA,UAAUA,CAAAC,KAAA,EAAiE;EAAA,IAA3DpC,SAAS,GAAAoC,KAAA,CAATpC,SAAS;IAAEG,KAAK,GAAAiC,KAAA,CAALjC,KAAK;IAAEC,OAAO,GAAAgC,KAAA,CAAPhC,OAAO;IAAEE,QAAQ,GAAA8B,KAAA,CAAR9B,QAAQ;IAAEE,QAAQ,GAAA4B,KAAA,CAAR5B,QAAQ;IAAEC,KAAK,GAAA2B,KAAA,CAAL3B,KAAK;EACxE,oBACElC,MAAA,YAAA2C,aAAA,CAAC7C,SAAA,CAAA8C,cAAc;IAACnB,SAAS,EAAEA,SAAU;IAACG,KAAK,EAAEA;EAAM,gBACjD5B,MAAA,YAAA2C,aAAA,CAACc,WAAW;IAACxB,QAAQ,EAAEA,QAAS;IAACJ,OAAO,EAAEA,OAAQ;IAACE,QAAQ,EAAEA,QAAS;IAAC,cAAYH,KAAM;IAACM,KAAK,EAAEA;EAAM,CAAE,CAC3F,CAAC;AAErB,CAAC;AAED0B,UAAU,CAACf,SAAS,GAAA7B,aAAA,KAAQQ,UAAU,CAAE","ignoreList":[]}
package/lib/langs.js DELETED
@@ -1,136 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = exports.LanguageControls = exports.Langs = void 0;
8
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
9
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
10
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
11
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
12
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
14
- var _Input = _interopRequireDefault(require("@mui/material/Input"));
15
- var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
16
- var _propTypes = _interopRequireDefault(require("prop-types"));
17
- var _react = _interopRequireDefault(require("react"));
18
- var _styles = require("@mui/material/styles");
19
- var _Select = _interopRequireDefault(require("@mui/material/Select"));
20
- var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
21
- var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
22
- var _debug = _interopRequireDefault(require("debug"));
23
- 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)); }
24
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
25
- var log = (0, _debug["default"])('pie-elements:config-ui:langs');
26
- var StyledRoot = (0, _styles.styled)('div')(function () {
27
- return {
28
- flexDirection: 'column',
29
- alignItems: 'start',
30
- display: 'flex',
31
- position: 'relative',
32
- paddingTop: '0px',
33
- paddingRight: '0px'
34
- };
35
- });
36
- var StyledFormControl = (0, _styles.styled)(_FormControl["default"])(function () {
37
- return {
38
- position: 'initial'
39
- };
40
- });
41
- var StyledInputLabel = (0, _styles.styled)(_InputLabel["default"])(function (_ref) {
42
- var theme = _ref.theme;
43
- return {
44
- paddingBottom: theme.spacing(1)
45
- };
46
- });
47
- var Langs = exports.Langs = /*#__PURE__*/function (_React$Component) {
48
- function Langs(props) {
49
- var _this;
50
- (0, _classCallCheck2["default"])(this, Langs);
51
- _this = _callSuper(this, Langs, [props]);
52
- (0, _defineProperty2["default"])(_this, "choose", function (event) {
53
- log('[choose] event: ', event);
54
- if (_this.props.onChange) {
55
- _this.props.onChange(event.target.value);
56
- }
57
- });
58
- _this.uid = props.uid || (Math.random() * 10000).toFixed();
59
- return _this;
60
- }
61
- (0, _inherits2["default"])(Langs, _React$Component);
62
- return (0, _createClass2["default"])(Langs, [{
63
- key: "render",
64
- value: function render() {
65
- var _this$props = this.props,
66
- langs = _this$props.langs,
67
- selected = _this$props.selected,
68
- label = _this$props.label;
69
- log('[render] selected:', selected);
70
- return /*#__PURE__*/_react["default"].createElement(StyledRoot, null, /*#__PURE__*/_react["default"].createElement(StyledFormControl, null, /*#__PURE__*/_react["default"].createElement(StyledInputLabel, {
71
- htmlFor: this.uid
72
- }, label), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
73
- value: selected,
74
- onChange: this.choose,
75
- input: /*#__PURE__*/_react["default"].createElement(_Input["default"], {
76
- id: this.uid
77
- })
78
- }, langs.map(function (l, index) {
79
- return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
80
- key: index,
81
- value: l
82
- }, l);
83
- }))));
84
- }
85
- }]);
86
- }(_react["default"].Component);
87
- (0, _defineProperty2["default"])(Langs, "propTypes", {
88
- onChange: _propTypes["default"].func,
89
- langs: _propTypes["default"].array,
90
- selected: _propTypes["default"].string,
91
- label: _propTypes["default"].string,
92
- uid: _propTypes["default"].string
93
- });
94
- var _default = exports["default"] = Langs;
95
- var StyledLanguageControls = (0, _styles.styled)('div')(function () {
96
- return {
97
- display: 'grid',
98
- gridAutoFlow: 'column',
99
- gridAutoColumns: '1fr',
100
- gridGap: '8px'
101
- };
102
- });
103
- var LanguageControls = exports.LanguageControls = function LanguageControls(_ref2) {
104
- var langs = _ref2.langs,
105
- activeLang = _ref2.activeLang,
106
- defaultLang = _ref2.defaultLang,
107
- onActiveLangChange = _ref2.onActiveLangChange,
108
- onDefaultLangChange = _ref2.onDefaultLangChange,
109
- className = _ref2.className;
110
- return /*#__PURE__*/_react["default"].createElement(StyledLanguageControls, {
111
- className: className
112
- }, /*#__PURE__*/_react["default"].createElement(Langs, {
113
- label: "Choose language to edit",
114
- langs: langs,
115
- selected: activeLang,
116
- onChange: function onChange(l) {
117
- return onActiveLangChange(l);
118
- }
119
- }), /*#__PURE__*/_react["default"].createElement(Langs, {
120
- label: "Default language",
121
- langs: langs,
122
- selected: defaultLang,
123
- onChange: function onChange(l) {
124
- return onDefaultLangChange(l);
125
- }
126
- }));
127
- };
128
- LanguageControls.propTypes = {
129
- langs: _propTypes["default"].array,
130
- activeLang: _propTypes["default"].string.isRequired,
131
- defaultLang: _propTypes["default"].string.isRequired,
132
- onActiveLangChange: _propTypes["default"].func.isRequired,
133
- onDefaultLangChange: _propTypes["default"].func.isRequired,
134
- className: _propTypes["default"].string
135
- };
136
- //# sourceMappingURL=langs.js.map
package/lib/langs.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"langs.js","names":["_Input","_interopRequireDefault","require","_InputLabel","_propTypes","_react","_styles","_Select","_MenuItem","_FormControl","_debug","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","log","debug","StyledRoot","styled","flexDirection","alignItems","display","position","paddingTop","paddingRight","StyledFormControl","FormControl","StyledInputLabel","InputLabel","_ref","theme","paddingBottom","spacing","Langs","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","event","onChange","target","value","uid","Math","random","toFixed","_inherits2","_createClass2","key","render","_this$props","langs","selected","label","createElement","htmlFor","choose","input","id","map","l","index","React","Component","PropTypes","func","array","string","_default","StyledLanguageControls","gridAutoFlow","gridAutoColumns","gridGap","LanguageControls","_ref2","activeLang","defaultLang","onActiveLangChange","onDefaultLangChange","className","propTypes","isRequired"],"sources":["../src/langs.jsx"],"sourcesContent":["import Input from '@mui/material/Input';\nimport InputLabel from '@mui/material/InputLabel';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\nimport Select from '@mui/material/Select';\nimport MenuItem from '@mui/material/MenuItem';\nimport FormControl from '@mui/material/FormControl';\nimport debug from 'debug';\n\nconst log = debug('pie-elements:config-ui:langs');\n\nconst StyledRoot = styled('div')(() => ({\n flexDirection: 'column',\n alignItems: 'start',\n display: 'flex',\n position: 'relative',\n paddingTop: '0px',\n paddingRight: '0px',\n}));\n\nconst StyledFormControl = styled(FormControl)(() => ({\n position: 'initial',\n}));\n\nconst StyledInputLabel = styled(InputLabel)(({ theme }) => ({\n paddingBottom: theme.spacing(1),\n}));\n\nexport class Langs extends React.Component {\n static propTypes = {\n onChange: PropTypes.func,\n langs: PropTypes.array,\n selected: PropTypes.string,\n label: PropTypes.string,\n uid: PropTypes.string,\n };\n\n constructor(props) {\n super(props);\n this.uid = props.uid || (Math.random() * 10000).toFixed();\n }\n\n choose = (event) => {\n log('[choose] event: ', event);\n\n if (this.props.onChange) {\n this.props.onChange(event.target.value);\n }\n };\n\n render() {\n let { langs, selected, label } = this.props;\n\n log('[render] selected:', selected);\n\n return (\n <StyledRoot>\n <StyledFormControl>\n <StyledInputLabel htmlFor={this.uid}>{label}</StyledInputLabel>\n\n <Select value={selected} onChange={this.choose} input={<Input id={this.uid} />}>\n {langs.map((l, index) => (\n <MenuItem key={index} value={l}>\n {l}\n </MenuItem>\n ))}\n </Select>\n </StyledFormControl>\n </StyledRoot>\n );\n }\n}\nexport default Langs;\n\nconst StyledLanguageControls = styled('div')(() => ({\n display: 'grid',\n gridAutoFlow: 'column',\n gridAutoColumns: '1fr',\n gridGap: '8px',\n}));\n\nexport const LanguageControls = ({\n langs,\n activeLang,\n defaultLang,\n onActiveLangChange,\n onDefaultLangChange,\n className,\n}) => {\n return (\n <StyledLanguageControls className={className}>\n <Langs\n label=\"Choose language to edit\"\n langs={langs}\n selected={activeLang}\n onChange={(l) => onActiveLangChange(l)}\n />\n <Langs label=\"Default language\" langs={langs} selected={defaultLang} onChange={(l) => onDefaultLangChange(l)} />\n </StyledLanguageControls>\n );\n};\n\nLanguageControls.propTypes = {\n langs: PropTypes.array,\n activeLang: PropTypes.string.isRequired,\n defaultLang: PropTypes.string.isRequired,\n onActiveLangChange: PropTypes.func.isRequired,\n onDefaultLangChange: PropTypes.func.isRequired,\n className: PropTypes.string,\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,MAAA,GAAAT,sBAAA,CAAAC,OAAA;AAA0B,SAAAS,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;AAE1B,IAAMc,GAAG,GAAG,IAAAC,iBAAK,EAAC,8BAA8B,CAAC;AAEjD,IAAMC,UAAU,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC;EAAA,OAAO;IACtCC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE,OAAO;IACnBC,OAAO,EAAE,MAAM;IACfC,QAAQ,EAAE,UAAU;IACpBC,UAAU,EAAE,KAAK;IACjBC,YAAY,EAAE;EAChB,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,iBAAiB,GAAG,IAAAP,cAAM,EAACQ,uBAAW,CAAC,CAAC;EAAA,OAAO;IACnDJ,QAAQ,EAAE;EACZ,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMK,gBAAgB,GAAG,IAAAT,cAAM,EAACU,sBAAU,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IAC1DC,aAAa,EAAED,KAAK,CAACE,OAAO,CAAC,CAAC;EAChC,CAAC;AAAA,CAAC,CAAC;AAAC,IAESC,KAAK,GAAAC,OAAA,CAAAD,KAAA,0BAAAE,gBAAA;EAShB,SAAAF,MAAYG,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAL,KAAA;IACjBI,KAAA,GAAArC,UAAA,OAAAiC,KAAA,GAAMG,KAAK;IAAE,IAAAG,gBAAA,aAAAF,KAAA,YAIN,UAACG,KAAK,EAAK;MAClBzB,GAAG,CAAC,kBAAkB,EAAEyB,KAAK,CAAC;MAE9B,IAAIH,KAAA,CAAKD,KAAK,CAACK,QAAQ,EAAE;QACvBJ,KAAA,CAAKD,KAAK,CAACK,QAAQ,CAACD,KAAK,CAACE,MAAM,CAACC,KAAK,CAAC;MACzC;IACF,CAAC;IATCN,KAAA,CAAKO,GAAG,GAAGR,KAAK,CAACQ,GAAG,IAAI,CAACC,IAAI,CAACC,MAAM,CAAC,CAAC,GAAG,KAAK,EAAEC,OAAO,CAAC,CAAC;IAAC,OAAAV,KAAA;EAC5D;EAAC,IAAAW,UAAA,aAAAf,KAAA,EAAAE,gBAAA;EAAA,WAAAc,aAAA,aAAAhB,KAAA;IAAAiB,GAAA;IAAAP,KAAA,EAUD,SAAAQ,MAAMA,CAAA,EAAG;MACP,IAAAC,WAAA,GAAiC,IAAI,CAAChB,KAAK;QAArCiB,KAAK,GAAAD,WAAA,CAALC,KAAK;QAAEC,QAAQ,GAAAF,WAAA,CAARE,QAAQ;QAAEC,KAAK,GAAAH,WAAA,CAALG,KAAK;MAE5BxC,GAAG,CAAC,oBAAoB,EAAEuC,QAAQ,CAAC;MAEnC,oBACE5D,MAAA,YAAA8D,aAAA,CAACvC,UAAU,qBACTvB,MAAA,YAAA8D,aAAA,CAAC/B,iBAAiB,qBAChB/B,MAAA,YAAA8D,aAAA,CAAC7B,gBAAgB;QAAC8B,OAAO,EAAE,IAAI,CAACb;MAAI,GAAEW,KAAwB,CAAC,eAE/D7D,MAAA,YAAA8D,aAAA,CAAC5D,OAAA,WAAM;QAAC+C,KAAK,EAAEW,QAAS;QAACb,QAAQ,EAAE,IAAI,CAACiB,MAAO;QAACC,KAAK,eAAEjE,MAAA,YAAA8D,aAAA,CAACnE,MAAA,WAAK;UAACuE,EAAE,EAAE,IAAI,CAAChB;QAAI,CAAE;MAAE,GAC5ES,KAAK,CAACQ,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK;QAAA,oBAClBrE,MAAA,YAAA8D,aAAA,CAAC3D,SAAA,WAAQ;UAACqD,GAAG,EAAEa,KAAM;UAACpB,KAAK,EAAEmB;QAAE,GAC5BA,CACO,CAAC;MAAA,CACZ,CACK,CACS,CACT,CAAC;IAEjB;EAAC;AAAA,EA1CwBE,iBAAK,CAACC,SAAS;AAAA,IAAA1B,gBAAA,aAA7BN,KAAK,eACG;EACjBQ,QAAQ,EAAEyB,qBAAS,CAACC,IAAI;EACxBd,KAAK,EAAEa,qBAAS,CAACE,KAAK;EACtBd,QAAQ,EAAEY,qBAAS,CAACG,MAAM;EAC1Bd,KAAK,EAAEW,qBAAS,CAACG,MAAM;EACvBzB,GAAG,EAAEsB,qBAAS,CAACG;AACjB,CAAC;AAAA,IAAAC,QAAA,GAAApC,OAAA,cAqCYD,KAAK;AAEpB,IAAMsC,sBAAsB,GAAG,IAAArD,cAAM,EAAC,KAAK,CAAC,CAAC;EAAA,OAAO;IAClDG,OAAO,EAAE,MAAM;IACfmD,YAAY,EAAE,QAAQ;IACtBC,eAAe,EAAE,KAAK;IACtBC,OAAO,EAAE;EACX,CAAC;AAAA,CAAC,CAAC;AAEI,IAAMC,gBAAgB,GAAAzC,OAAA,CAAAyC,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAAC,KAAA,EAOvB;EAAA,IANJvB,KAAK,GAAAuB,KAAA,CAALvB,KAAK;IACLwB,UAAU,GAAAD,KAAA,CAAVC,UAAU;IACVC,WAAW,GAAAF,KAAA,CAAXE,WAAW;IACXC,kBAAkB,GAAAH,KAAA,CAAlBG,kBAAkB;IAClBC,mBAAmB,GAAAJ,KAAA,CAAnBI,mBAAmB;IACnBC,SAAS,GAAAL,KAAA,CAATK,SAAS;EAET,oBACEvF,MAAA,YAAA8D,aAAA,CAACe,sBAAsB;IAACU,SAAS,EAAEA;EAAU,gBAC3CvF,MAAA,YAAA8D,aAAA,CAACvB,KAAK;IACJsB,KAAK,EAAC,yBAAyB;IAC/BF,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEuB,UAAW;IACrBpC,QAAQ,EAAE,SAAVA,QAAQA,CAAGqB,CAAC;MAAA,OAAKiB,kBAAkB,CAACjB,CAAC,CAAC;IAAA;EAAC,CACxC,CAAC,eACFpE,MAAA,YAAA8D,aAAA,CAACvB,KAAK;IAACsB,KAAK,EAAC,kBAAkB;IAACF,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEwB,WAAY;IAACrC,QAAQ,EAAE,SAAVA,QAAQA,CAAGqB,CAAC;MAAA,OAAKkB,mBAAmB,CAAClB,CAAC,CAAC;IAAA;EAAC,CAAE,CACzF,CAAC;AAE7B,CAAC;AAEDa,gBAAgB,CAACO,SAAS,GAAG;EAC3B7B,KAAK,EAAEa,qBAAS,CAACE,KAAK;EACtBS,UAAU,EAAEX,qBAAS,CAACG,MAAM,CAACc,UAAU;EACvCL,WAAW,EAAEZ,qBAAS,CAACG,MAAM,CAACc,UAAU;EACxCJ,kBAAkB,EAAEb,qBAAS,CAACC,IAAI,CAACgB,UAAU;EAC7CH,mBAAmB,EAAEd,qBAAS,CAACC,IAAI,CAACgB,UAAU;EAC9CF,SAAS,EAAEf,qBAAS,CAACG;AACvB,CAAC","ignoreList":[]}
@@ -1,70 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
5
- var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
6
- var _react = _interopRequireDefault(require("react"));
7
- var _react2 = require("@testing-library/react");
8
- var _configLayout = _interopRequireDefault(require("../config-layout"));
9
- describe('ConfigLayout', function () {
10
- var settingsPanel = /*#__PURE__*/_react["default"].createElement("div", {
11
- "data-testid": "settings-panel"
12
- }, /*#__PURE__*/_react["default"].createElement("div", {
13
- key: 0
14
- }, "Foo"), /*#__PURE__*/_react["default"].createElement("div", {
15
- key: 1
16
- }, "Bar"));
17
- var children = /*#__PURE__*/_react["default"].createElement("div", {
18
- "data-testid": "main-content"
19
- }, /*#__PURE__*/_react["default"].createElement("div", null, "Foo"), /*#__PURE__*/_react["default"].createElement("div", null, "Bar"));
20
- describe('rendering', function () {
21
- it('renders correctly with settings panel', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
22
- return _regenerator["default"].wrap(function (_context) {
23
- while (1) switch (_context.prev = _context.next) {
24
- case 0:
25
- (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_configLayout["default"], {
26
- settings: settingsPanel
27
- }, children));
28
-
29
- // Main content should render immediately
30
- expect(_react2.screen.getByTestId('main-content')).toBeInTheDocument();
31
-
32
- // Settings panel may render after layout calculation
33
- // In test environment, react-measure may not provide dimensions,
34
- // so we check if it exists but don't require it
35
- _context.next = 1;
36
- return (0, _react2.waitFor)(function () {
37
- expect(_react2.screen.getByText('Foo')).toBeInTheDocument();
38
- });
39
- case 1:
40
- case "end":
41
- return _context.stop();
42
- }
43
- }, _callee);
44
- })));
45
- it('renders main content when provided', function () {
46
- (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_configLayout["default"], {
47
- settings: settingsPanel
48
- }, children));
49
- expect(_react2.screen.getByTestId('main-content')).toBeInTheDocument();
50
- expect(_react2.screen.getByText('Foo')).toBeInTheDocument();
51
- // Only check that Bar appears at least once (in main content)
52
- expect(_react2.screen.getAllByText('Bar').length).toBeGreaterThanOrEqual(1);
53
- });
54
- it('renders settings panel content', function () {
55
- (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_configLayout["default"], {
56
- settings: settingsPanel
57
- }, children));
58
-
59
- // Settings panel might not render in test environment due to react-measure
60
- // Just verify the component renders without crashing
61
- expect(_react2.screen.getByTestId('main-content')).toBeInTheDocument();
62
- });
63
- it('renders without settings panel when not provided', function () {
64
- (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_configLayout["default"], null, children));
65
- expect(_react2.screen.queryByTestId('settings-panel')).not.toBeInTheDocument();
66
- expect(_react2.screen.getByTestId('main-content')).toBeInTheDocument();
67
- });
68
- });
69
- });
70
- //# sourceMappingURL=config.layout.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"config.layout.test.js","names":["_react","_interopRequireDefault","require","_react2","_configLayout","describe","settingsPanel","createElement","key","children","it","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_context","prev","next","render","settings","expect","screen","getByTestId","toBeInTheDocument","waitFor","getByText","stop","getAllByText","length","toBeGreaterThanOrEqual","queryByTestId","not"],"sources":["../../../src/layout/__tests__/config.layout.test.jsx"],"sourcesContent":["import React from 'react';\nimport { render, screen, waitFor } from '@testing-library/react';\nimport ConfigLayout from '../config-layout';\n\ndescribe('ConfigLayout', () => {\n const settingsPanel = (\n <div data-testid=\"settings-panel\">\n <div key={0}>Foo</div>\n <div key={1}>Bar</div>\n </div>\n );\n\n const children = (\n <div data-testid=\"main-content\">\n <div>Foo</div>\n <div>Bar</div>\n </div>\n );\n\n describe('rendering', () => {\n it('renders correctly with settings panel', async () => {\n render(<ConfigLayout settings={settingsPanel}>{children}</ConfigLayout>);\n\n // Main content should render immediately\n expect(screen.getByTestId('main-content')).toBeInTheDocument();\n\n // Settings panel may render after layout calculation\n // In test environment, react-measure may not provide dimensions,\n // so we check if it exists but don't require it\n await waitFor(() => {\n expect(screen.getByText('Foo')).toBeInTheDocument();\n });\n });\n\n it('renders main content when provided', () => {\n render(<ConfigLayout settings={settingsPanel}>{children}</ConfigLayout>);\n\n expect(screen.getByTestId('main-content')).toBeInTheDocument();\n expect(screen.getByText('Foo')).toBeInTheDocument();\n // Only check that Bar appears at least once (in main content)\n expect(screen.getAllByText('Bar').length).toBeGreaterThanOrEqual(1);\n });\n\n it('renders settings panel content', () => {\n render(<ConfigLayout settings={settingsPanel}>{children}</ConfigLayout>);\n\n // Settings panel might not render in test environment due to react-measure\n // Just verify the component renders without crashing\n expect(screen.getByTestId('main-content')).toBeInTheDocument();\n });\n\n it('renders without settings panel when not provided', () => {\n render(<ConfigLayout>{children}</ConfigLayout>);\n\n expect(screen.queryByTestId('settings-panel')).not.toBeInTheDocument();\n expect(screen.getByTestId('main-content')).toBeInTheDocument();\n });\n });\n});\n"],"mappings":"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","ignoreList":[]}
@@ -1,6 +0,0 @@
1
- "use strict";
2
-
3
- describe('layout-content', function () {
4
- it.todo('add tests!');
5
- });
6
- //# sourceMappingURL=layout-content.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"layout-content.test.js","names":["describe","it","todo"],"sources":["../../../src/layout/__tests__/layout-content.test.jsx"],"sourcesContent":["describe('layout-content', () => {\n it.todo('add tests!');\n});\n"],"mappings":";;AAAAA,QAAQ,CAAC,gBAAgB,EAAE,YAAM;EAC/BC,EAAE,CAACC,IAAI,CAAC,YAAY,CAAC;AACvB,CAAC,CAAC","ignoreList":[]}
@@ -1,137 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
12
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
13
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
14
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
- var _react = _interopRequireDefault(require("react"));
16
- var _reactMeasure = _interopRequireWildcard(require("react-measure"));
17
- var _styles = require("@mui/material/styles");
18
- var _propTypes = _interopRequireDefault(require("prop-types"));
19
- var _layoutContents = _interopRequireDefault(require("./layout-contents"));
20
- var _settingsBox = _interopRequireDefault(require("./settings-box"));
21
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
22
- 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)); }
23
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
24
- var theme = (0, _styles.createTheme)({
25
- typography: {
26
- fontFamily: 'inherit'
27
- },
28
- components: {
29
- MuiButton: {
30
- styleOverrides: {
31
- contained: {
32
- backgroundColor: '#e0e0e0',
33
- color: '#000000',
34
- '&:hover': {
35
- backgroundColor: '#bdbdbd'
36
- }
37
- }
38
- }
39
- }
40
- }
41
- });
42
- var MeasuredConfigLayout = /*#__PURE__*/function (_React$Component) {
43
- function MeasuredConfigLayout() {
44
- var _this;
45
- (0, _classCallCheck2["default"])(this, MeasuredConfigLayout);
46
- for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
47
- props[_key] = arguments[_key];
48
- }
49
- _this = _callSuper(this, MeasuredConfigLayout, [].concat(props));
50
- (0, _defineProperty2["default"])(_this, "onResize", function (contentRect) {
51
- var bounds = contentRect.bounds;
52
- var _this$props = _this.props,
53
- sidePanelMinWidth = _this$props.sidePanelMinWidth,
54
- dimensions = _this$props.dimensions;
55
- var _ref = dimensions || {},
56
- maxWidth = _ref.maxWidth;
57
- var layoutMode = bounds.width > sidePanelMinWidth && (maxWidth ? maxWidth > sidePanelMinWidth : true) ? 'inline' : 'tabbed';
58
-
59
- // Only update state (and cause a re-render) if the computed layoutMode changed.
60
- if (layoutMode !== _this.state.layoutMode) {
61
- _this.setState({
62
- layoutMode: layoutMode
63
- });
64
- }
65
- });
66
- _this.state = {
67
- layoutMode: undefined
68
- };
69
- return _this;
70
- }
71
- (0, _inherits2["default"])(MeasuredConfigLayout, _React$Component);
72
- return (0, _createClass2["default"])(MeasuredConfigLayout, [{
73
- key: "render",
74
- value: function render() {
75
- var _this2 = this;
76
- return (
77
- /*#__PURE__*/
78
- // TODO: REVIEW MuiThemeProvider usage - is this still needed after mui update?
79
- // Different theme object identities will force theme consumers to re-render.
80
- _react["default"].createElement(_styles.StyledEngineProvider, {
81
- injectFirst: true
82
- }, /*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
83
- theme: theme
84
- }, /*#__PURE__*/_react["default"].createElement(_reactMeasure["default"], {
85
- bounds: true,
86
- onResize: this.onResize
87
- }, function (_ref2) {
88
- var measureRef = _ref2.measureRef;
89
- var _this2$props = _this2.props,
90
- children = _this2$props.children,
91
- settings = _this2$props.settings,
92
- hideSettings = _this2$props.hideSettings,
93
- dimensions = _this2$props.dimensions,
94
- extraCSSRules = _this2$props.extraCSSRules;
95
- var layoutMode = _this2.state.layoutMode;
96
- var settingsPanel = layoutMode === 'inline' ? /*#__PURE__*/_react["default"].createElement(_settingsBox["default"], {
97
- className: "settings-box"
98
- }, settings) : settings;
99
- var secondaryContent = hideSettings ? null : settingsPanel;
100
- var finalClass = 'main-container extraCSSRules';
101
- return /*#__PURE__*/_react["default"].createElement("div", {
102
- ref: measureRef,
103
- className: finalClass
104
- }, extraCSSRules !== null && extraCSSRules !== void 0 && extraCSSRules.rules ? /*#__PURE__*/_react["default"].createElement("style", {
105
- dangerouslySetInnerHTML: {
106
- __html: ".extraCSSRules { ".concat(extraCSSRules.rules, " }")
107
- }
108
- }) : null, /*#__PURE__*/_react["default"].createElement(_layoutContents["default"], {
109
- mode: layoutMode,
110
- secondary: secondaryContent,
111
- dimensions: dimensions
112
- }, children));
113
- })))
114
- );
115
- }
116
- }]);
117
- }(_react["default"].Component);
118
- (0, _defineProperty2["default"])(MeasuredConfigLayout, "propTypes", {
119
- children: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].element), _propTypes["default"].element]),
120
- className: _propTypes["default"].string,
121
- dimensions: _propTypes["default"].object,
122
- settings: _propTypes["default"].element,
123
- sidePanelMinWidth: _propTypes["default"].number,
124
- hideSettings: _propTypes["default"].bool,
125
- extraCSSRules: _propTypes["default"].shape({
126
- names: _propTypes["default"].arrayOf(_propTypes["default"].string),
127
- rules: _propTypes["default"].string
128
- })
129
- });
130
- (0, _defineProperty2["default"])(MeasuredConfigLayout, "defaultProps", {
131
- sidePanelMinWidth: 1135,
132
- hideSettings: false,
133
- dimensions: {}
134
- });
135
- var ConfigLayout = (0, _reactMeasure.withContentRect)('bounds')(MeasuredConfigLayout);
136
- var _default = exports["default"] = ConfigLayout;
137
- //# sourceMappingURL=config-layout.js.map