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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/CHANGELOG.json +8 -1653
  2. package/CHANGELOG.md +540 -58
  3. package/LICENSE.md +5 -0
  4. package/NEXT.CHANGELOG.json +1 -0
  5. package/lib/alert-dialog.js +44 -20
  6. package/lib/alert-dialog.js.map +1 -1
  7. package/lib/checkbox.js +59 -61
  8. package/lib/checkbox.js.map +1 -1
  9. package/lib/choice-configuration/feedback-menu.js +30 -65
  10. package/lib/choice-configuration/feedback-menu.js.map +1 -1
  11. package/lib/choice-configuration/index.js +231 -244
  12. package/lib/choice-configuration/index.js.map +1 -1
  13. package/lib/choice-utils.js +7 -19
  14. package/lib/choice-utils.js.map +1 -1
  15. package/lib/feedback-config/feedback-selector.js +89 -115
  16. package/lib/feedback-config/feedback-selector.js.map +1 -1
  17. package/lib/feedback-config/group.js +28 -42
  18. package/lib/feedback-config/group.js.map +1 -1
  19. package/lib/feedback-config/index.js +55 -87
  20. package/lib/feedback-config/index.js.map +1 -1
  21. package/lib/form-section.js +32 -34
  22. package/lib/form-section.js.map +1 -1
  23. package/lib/help.js +41 -80
  24. package/lib/help.js.map +1 -1
  25. package/lib/index.js +2 -32
  26. package/lib/index.js.map +1 -1
  27. package/lib/input.js +24 -57
  28. package/lib/input.js.map +1 -1
  29. package/lib/inputs.js +62 -88
  30. package/lib/inputs.js.map +1 -1
  31. package/lib/langs.js +59 -102
  32. package/lib/langs.js.map +1 -1
  33. package/lib/layout/config-layout.js +95 -67
  34. package/lib/layout/config-layout.js.map +1 -1
  35. package/lib/layout/index.js +1 -4
  36. package/lib/layout/index.js.map +1 -1
  37. package/lib/layout/layout-contents.js +130 -75
  38. package/lib/layout/layout-contents.js.map +1 -1
  39. package/lib/layout/settings-box.js +28 -58
  40. package/lib/layout/settings-box.js.map +1 -1
  41. package/lib/mui-box/index.js +42 -58
  42. package/lib/mui-box/index.js.map +1 -1
  43. package/lib/number-text-field-custom.js +164 -152
  44. package/lib/number-text-field-custom.js.map +1 -1
  45. package/lib/number-text-field.js +87 -119
  46. package/lib/number-text-field.js.map +1 -1
  47. package/lib/radio-with-label.js +33 -26
  48. package/lib/radio-with-label.js.map +1 -1
  49. package/lib/settings/display-size.js +17 -33
  50. package/lib/settings/display-size.js.map +1 -1
  51. package/lib/settings/index.js +26 -46
  52. package/lib/settings/index.js.map +1 -1
  53. package/lib/settings/panel.js +202 -221
  54. package/lib/settings/panel.js.map +1 -1
  55. package/lib/settings/settings-radio-label.js +37 -29
  56. package/lib/settings/settings-radio-label.js.map +1 -1
  57. package/lib/settings/toggle.js +40 -33
  58. package/lib/settings/toggle.js.map +1 -1
  59. package/lib/tabs/index.js +26 -57
  60. package/lib/tabs/index.js.map +1 -1
  61. package/lib/tags-input/index.js +51 -100
  62. package/lib/tags-input/index.js.map +1 -1
  63. package/lib/two-choice.js +47 -91
  64. package/lib/two-choice.js.map +1 -1
  65. package/lib/with-stateful-model.js +11 -34
  66. package/lib/with-stateful-model.js.map +1 -1
  67. package/package.json +22 -11
  68. package/src/__tests__/alert-dialog.test.jsx +283 -0
  69. package/src/__tests__/checkbox.test.jsx +249 -0
  70. package/src/__tests__/choice-utils.test.js +12 -0
  71. package/src/__tests__/form-section.test.jsx +334 -0
  72. package/src/__tests__/help.test.jsx +184 -0
  73. package/src/__tests__/input.test.jsx +192 -0
  74. package/src/__tests__/langs.test.jsx +457 -0
  75. package/src/__tests__/number-text-field-custom.test.jsx +438 -0
  76. package/src/__tests__/number-text-field.test.jsx +341 -0
  77. package/src/__tests__/radio-with-label.test.jsx +259 -0
  78. package/src/__tests__/settings-panel.test.js +187 -0
  79. package/src/__tests__/settings.test.jsx +515 -0
  80. package/src/__tests__/tabs.test.jsx +193 -0
  81. package/src/__tests__/two-choice.test.js +110 -0
  82. package/src/__tests__/with-stateful-model.test.jsx +145 -0
  83. package/src/alert-dialog.jsx +31 -16
  84. package/src/checkbox.jsx +45 -39
  85. package/src/choice-configuration/__tests__/feedback-menu.test.jsx +163 -0
  86. package/src/choice-configuration/__tests__/index.test.jsx +234 -0
  87. package/src/choice-configuration/feedback-menu.jsx +15 -28
  88. package/src/choice-configuration/index.jsx +233 -182
  89. package/src/choice-utils.js +1 -1
  90. package/src/feedback-config/__tests__/feedback-config.test.jsx +141 -0
  91. package/src/feedback-config/__tests__/feedback-selector.test.jsx +107 -0
  92. package/src/feedback-config/feedback-selector.jsx +65 -60
  93. package/src/feedback-config/group.jsx +26 -29
  94. package/src/feedback-config/index.jsx +59 -47
  95. package/src/form-section.jsx +26 -18
  96. package/src/help.jsx +27 -36
  97. package/src/index.js +2 -5
  98. package/src/input.jsx +9 -9
  99. package/src/inputs.jsx +36 -50
  100. package/src/langs.jsx +57 -73
  101. package/src/layout/__tests__/config.layout.test.jsx +59 -0
  102. package/src/layout/__tests__/layout-content.test.jsx +3 -0
  103. package/src/layout/config-layout.jsx +70 -37
  104. package/src/layout/layout-contents.jsx +96 -39
  105. package/src/layout/settings-box.jsx +22 -21
  106. package/src/mui-box/index.jsx +37 -45
  107. package/src/number-text-field-custom.jsx +136 -81
  108. package/src/number-text-field.jsx +59 -37
  109. package/src/radio-with-label.jsx +28 -12
  110. package/src/settings/display-size.jsx +14 -13
  111. package/src/settings/index.js +20 -12
  112. package/src/settings/panel.jsx +147 -110
  113. package/src/settings/settings-radio-label.jsx +29 -13
  114. package/src/settings/toggle.jsx +39 -20
  115. package/src/tabs/index.jsx +15 -19
  116. package/src/tags-input/__tests__/index.test.jsx +113 -0
  117. package/src/tags-input/index.jsx +42 -47
  118. package/src/two-choice.jsx +19 -23
  119. package/src/with-stateful-model.jsx +5 -5
  120. package/README.md +0 -12
package/lib/inputs.js CHANGED
@@ -1,36 +1,21 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.InputSwitch = exports.InputRadio = exports.InputCheckbox = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
- var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
13
-
14
- var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
15
-
9
+ var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
10
+ var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
16
11
  var _renderUi = require("@pie-lib/render-ui");
17
-
18
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
19
-
20
13
  var _react = _interopRequireDefault(require("react"));
21
-
22
- var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
23
-
24
- var _styles = require("@material-ui/core/styles");
25
-
26
- var _classnames = _interopRequireDefault(require("classnames"));
27
-
28
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
29
-
30
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
31
-
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; }
32
18
  var InputTypes = {
33
- classes: _propTypes["default"].object.isRequired,
34
19
  className: _propTypes["default"].string,
35
20
  label: _propTypes["default"].string,
36
21
  checked: _propTypes["default"].bool,
@@ -38,94 +23,83 @@ var InputTypes = {
38
23
  disabled: _propTypes["default"].bool,
39
24
  error: _propTypes["default"].string
40
25
  };
41
-
42
- var RawInputSwitch = function RawInputSwitch(_ref) {
43
- var classes = _ref.classes,
44
- className = _ref.className,
45
- label = _ref.label,
46
- checked = _ref.checked,
47
- onChange = _ref.onChange;
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;
48
37
  return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
49
38
  className: className,
50
39
  label: label
51
- }, /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
52
- className: classes.switchRoot,
40
+ }, /*#__PURE__*/_react["default"].createElement(StyledSwitch, {
53
41
  checked: checked,
54
42
  onChange: onChange,
55
43
  "aria-label": label
56
44
  }));
57
45
  };
58
-
59
- RawInputSwitch.propTypes = _objectSpread({}, InputTypes);
60
- var InputSwitch = (0, _styles.withStyles)({
61
- switchRoot: {
62
- justifyContent: 'inherit',
63
- transform: 'translate(-20%, 20%)'
64
- }
65
- })(RawInputSwitch);
66
- exports.InputSwitch = InputSwitch;
67
-
68
- var RawInputCheckbox = function RawInputCheckbox(props) {
69
- var classes = props.classes,
70
- className = props.className,
71
- label = props.label,
72
- checked = props.checked,
73
- onChange = props.onChange,
74
- disabled = props.disabled,
75
- error = props.error;
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;
76
64
  return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
77
65
  className: className,
78
66
  label: label
79
- }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
80
- className: (0, _classnames["default"])(classes.checkboxRoot, error && classes.error),
67
+ }, /*#__PURE__*/_react["default"].createElement(StyledCheckbox, {
81
68
  disabled: disabled,
82
69
  checked: checked,
83
70
  onChange: onChange,
84
- "aria-label": label
71
+ "aria-label": label,
72
+ error: error
85
73
  }));
86
74
  };
87
-
88
- RawInputCheckbox.propTypes = _objectSpread({}, InputTypes);
89
-
90
- var RawInputRadio = function RawInputRadio(props) {
91
- var classes = props.classes,
92
- className = props.className,
93
- label = props.label,
94
- checked = props.checked,
95
- onChange = props.onChange,
96
- disabled = props.disabled,
97
- error = props.error;
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;
98
93
  return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
99
94
  className: className,
100
95
  label: label
101
- }, /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
102
- className: (0, _classnames["default"])(classes.radioRoot, error && classes.error),
96
+ }, /*#__PURE__*/_react["default"].createElement(StyledRadio, {
103
97
  disabled: disabled,
104
98
  checked: checked,
105
99
  onChange: onChange,
106
- "aria-label": label
100
+ "aria-label": label,
101
+ error: error
107
102
  }));
108
103
  };
109
-
110
- RawInputRadio.propTypes = _objectSpread({}, InputTypes);
111
- var InputCheckbox = (0, _styles.withStyles)({
112
- checkboxRoot: {
113
- transform: 'translate(-25%, 20%)'
114
- },
115
- error: {
116
- color: 'red'
117
- }
118
- })(RawInputCheckbox);
119
- exports.InputCheckbox = InputCheckbox;
120
- var InputRadio = (0, _styles.withStyles)(function () {
121
- return {
122
- radioRoot: {
123
- transform: 'translate(-20%, 20%)'
124
- },
125
- error: {
126
- color: 'red'
127
- }
128
- };
129
- })(RawInputRadio);
130
- exports.InputRadio = InputRadio;
131
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJJbnB1dFR5cGVzIiwiY2xhc3NlcyIsIlByb3BUeXBlcyIsIm9iamVjdCIsImlzUmVxdWlyZWQiLCJjbGFzc05hbWUiLCJzdHJpbmciLCJsYWJlbCIsImNoZWNrZWQiLCJib29sIiwib25DaGFuZ2UiLCJmdW5jIiwiZGlzYWJsZWQiLCJlcnJvciIsIlJhd0lucHV0U3dpdGNoIiwic3dpdGNoUm9vdCIsInByb3BUeXBlcyIsIklucHV0U3dpdGNoIiwid2l0aFN0eWxlcyIsImp1c3RpZnlDb250ZW50IiwidHJhbnNmb3JtIiwiUmF3SW5wdXRDaGVja2JveCIsInByb3BzIiwiY2xhc3NOYW1lcyIsImNoZWNrYm94Um9vdCIsIlJhd0lucHV0UmFkaW8iLCJyYWRpb1Jvb3QiLCJJbnB1dENoZWNrYm94IiwiY29sb3IiLCJJbnB1dFJhZGlvIl0sInNvdXJjZXMiOlsiLi4vc3JjL2lucHV0cy5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IENoZWNrYm94IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL0NoZWNrYm94JztcbmltcG9ydCBSYWRpbyBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9SYWRpbyc7XG5pbXBvcnQgeyBJbnB1dENvbnRhaW5lciB9IGZyb20gJ0BwaWUtbGliL3JlbmRlci11aSc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBTd2l0Y2ggZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvU3dpdGNoJztcbmltcG9ydCB7IHdpdGhTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9zdHlsZXMnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5cbmNvbnN0IElucHV0VHlwZXMgPSB7XG4gIGNsYXNzZXM6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgY2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgY2hlY2tlZDogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBlcnJvcjogUHJvcFR5cGVzLnN0cmluZ1xufTtcblxuY29uc3QgUmF3SW5wdXRTd2l0Y2ggPSAoeyBjbGFzc2VzLCBjbGFzc05hbWUsIGxhYmVsLCBjaGVja2VkLCBvbkNoYW5nZSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPElucHV0Q29udGFpbmVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBsYWJlbD17bGFiZWx9PlxuICAgICAgPFN3aXRjaFxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzZXMuc3dpdGNoUm9vdH1cbiAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICBhcmlhLWxhYmVsPXtsYWJlbH1cbiAgICAgIC8+XG4gICAgPC9JbnB1dENvbnRhaW5lcj5cbiAgKTtcbn07XG5cblJhd0lucHV0U3dpdGNoLnByb3BUeXBlcyA9IHsgLi4uSW5wdXRUeXBlcyB9O1xuXG5jb25zdCBJbnB1dFN3aXRjaCA9IHdpdGhTdHlsZXMoe1xuICBzd2l0Y2hSb290OiB7XG4gICAganVzdGlmeUNvbnRlbnQ6ICdpbmhlcml0JyxcbiAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGUoLTIwJSwgMjAlKSdcbiAgfVxufSkoUmF3SW5wdXRTd2l0Y2gpO1xuXG5jb25zdCBSYXdJbnB1dENoZWNrYm94ID0gcHJvcHMgPT4ge1xuICBjb25zdCB7IGNsYXNzZXMsIGNsYXNzTmFtZSwgbGFiZWwsIGNoZWNrZWQsIG9uQ2hhbmdlLCBkaXNhYmxlZCwgZXJyb3IgfSA9IHByb3BzO1xuXG4gIHJldHVybiAoXG4gICAgPElucHV0Q29udGFpbmVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBsYWJlbD17bGFiZWx9PlxuICAgICAgPENoZWNrYm94XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc2VzLmNoZWNrYm94Um9vdCwgZXJyb3IgJiYgY2xhc3Nlcy5lcnJvcil9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICBhcmlhLWxhYmVsPXtsYWJlbH1cbiAgICAgIC8+XG4gICAgPC9JbnB1dENvbnRhaW5lcj5cbiAgKTtcbn07XG5cblJhd0lucHV0Q2hlY2tib3gucHJvcFR5cGVzID0geyAuLi5JbnB1dFR5cGVzIH07XG5cbmNvbnN0IFJhd0lucHV0UmFkaW8gPSBwcm9wcyA9PiB7XG4gIGNvbnN0IHsgY2xhc3NlcywgY2xhc3NOYW1lLCBsYWJlbCwgY2hlY2tlZCwgb25DaGFuZ2UsIGRpc2FibGVkLCBlcnJvciB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8SW5wdXRDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGxhYmVsPXtsYWJlbH0+XG4gICAgICA8UmFkaW9cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzZXMucmFkaW9Sb290LCBlcnJvciAmJiBjbGFzc2VzLmVycm9yKX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIGFyaWEtbGFiZWw9e2xhYmVsfVxuICAgICAgLz5cbiAgICA8L0lucHV0Q29udGFpbmVyPlxuICApO1xufTtcblxuUmF3SW5wdXRSYWRpby5wcm9wVHlwZXMgPSB7IC4uLklucHV0VHlwZXMgfTtcblxuY29uc3QgSW5wdXRDaGVja2JveCA9IHdpdGhTdHlsZXMoe1xuICBjaGVja2JveFJvb3Q6IHtcbiAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGUoLTI1JSwgMjAlKSdcbiAgfSxcbiAgZXJyb3I6IHtcbiAgICBjb2xvcjogJ3JlZCdcbiAgfVxufSkoUmF3SW5wdXRDaGVja2JveCk7XG5cbmNvbnN0IElucHV0UmFkaW8gPSB3aXRoU3R5bGVzKCgpID0+ICh7XG4gIHJhZGlvUm9vdDoge1xuICAgIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZSgtMjAlLCAyMCUpJ1xuICB9LFxuICBlcnJvcjoge1xuICAgIGNvbG9yOiAncmVkJ1xuICB9XG59KSkoUmF3SW5wdXRSYWRpbyk7XG5cbmV4cG9ydCB7IElucHV0U3dpdGNoLCBJbnB1dENoZWNrYm94LCBJbnB1dFJhZGlvIH07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7OztBQUVBLElBQU1BLFVBQVUsR0FBRztFQUNqQkMsT0FBTyxFQUFFQyxxQkFBQSxDQUFVQyxNQUFWLENBQWlCQyxVQURUO0VBRWpCQyxTQUFTLEVBQUVILHFCQUFBLENBQVVJLE1BRko7RUFHakJDLEtBQUssRUFBRUwscUJBQUEsQ0FBVUksTUFIQTtFQUlqQkUsT0FBTyxFQUFFTixxQkFBQSxDQUFVTyxJQUpGO0VBS2pCQyxRQUFRLEVBQUVSLHFCQUFBLENBQVVTLElBTEg7RUFNakJDLFFBQVEsRUFBRVYscUJBQUEsQ0FBVU8sSUFOSDtFQU9qQkksS0FBSyxFQUFFWCxxQkFBQSxDQUFVSTtBQVBBLENBQW5COztBQVVBLElBQU1RLGNBQWMsR0FBRyxTQUFqQkEsY0FBaUIsT0FBc0Q7RUFBQSxJQUFuRGIsT0FBbUQsUUFBbkRBLE9BQW1EO0VBQUEsSUFBMUNJLFNBQTBDLFFBQTFDQSxTQUEwQztFQUFBLElBQS9CRSxLQUErQixRQUEvQkEsS0FBK0I7RUFBQSxJQUF4QkMsT0FBd0IsUUFBeEJBLE9BQXdCO0VBQUEsSUFBZkUsUUFBZSxRQUFmQSxRQUFlO0VBQzNFLG9CQUNFLGdDQUFDLHdCQUFEO0lBQWdCLFNBQVMsRUFBRUwsU0FBM0I7SUFBc0MsS0FBSyxFQUFFRTtFQUE3QyxnQkFDRSxnQ0FBQyxrQkFBRDtJQUNFLFNBQVMsRUFBRU4sT0FBTyxDQUFDYyxVQURyQjtJQUVF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
104
+ InputRadio.propTypes = _objectSpread({}, InputTypes);
105
+ //# sourceMappingURL=inputs.js.map
package/lib/inputs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"inputs.js","names":["InputTypes","classes","PropTypes","object","isRequired","className","string","label","checked","bool","onChange","func","disabled","error","RawInputSwitch","switchRoot","propTypes","InputSwitch","withStyles","justifyContent","transform","RawInputCheckbox","props","classNames","checkboxRoot","RawInputRadio","radioRoot","InputCheckbox","color","InputRadio"],"sources":["../src/inputs.jsx"],"sourcesContent":["import Checkbox from '@material-ui/core/Checkbox';\nimport Radio from '@material-ui/core/Radio';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Switch from '@material-ui/core/Switch';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nconst InputTypes = {\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n label: PropTypes.string,\n checked: PropTypes.bool,\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n error: PropTypes.string\n};\n\nconst RawInputSwitch = ({ classes, className, label, checked, onChange }) => {\n return (\n <InputContainer className={className} label={label}>\n <Switch\n className={classes.switchRoot}\n checked={checked}\n onChange={onChange}\n aria-label={label}\n />\n </InputContainer>\n );\n};\n\nRawInputSwitch.propTypes = { ...InputTypes };\n\nconst InputSwitch = withStyles({\n switchRoot: {\n justifyContent: 'inherit',\n transform: 'translate(-20%, 20%)'\n }\n})(RawInputSwitch);\n\nconst RawInputCheckbox = props => {\n const { classes, className, label, checked, onChange, disabled, error } = props;\n\n return (\n <InputContainer className={className} label={label}>\n <Checkbox\n className={classNames(classes.checkboxRoot, error && classes.error)}\n disabled={disabled}\n checked={checked}\n onChange={onChange}\n aria-label={label}\n />\n </InputContainer>\n );\n};\n\nRawInputCheckbox.propTypes = { ...InputTypes };\n\nconst RawInputRadio = props => {\n const { classes, className, label, checked, onChange, disabled, error } = props;\n\n return (\n <InputContainer className={className} label={label}>\n <Radio\n className={classNames(classes.radioRoot, error && classes.error)}\n disabled={disabled}\n checked={checked}\n onChange={onChange}\n aria-label={label}\n />\n </InputContainer>\n );\n};\n\nRawInputRadio.propTypes = { ...InputTypes };\n\nconst InputCheckbox = withStyles({\n checkboxRoot: {\n transform: 'translate(-25%, 20%)'\n },\n error: {\n color: 'red'\n }\n})(RawInputCheckbox);\n\nconst InputRadio = withStyles(() => ({\n radioRoot: {\n transform: 'translate(-20%, 20%)'\n },\n error: {\n color: 'red'\n }\n}))(RawInputRadio);\n\nexport { InputSwitch, InputCheckbox, InputRadio };\n"],"mappings":"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"}
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 { 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';\nimport { color } from '@pie-lib/render-ui';\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\n disabled={disabled}\n checked={checked}\n onChange={onChange}\n aria-label={label}\n error={error}\n />\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\n disabled={disabled}\n checked={checked}\n onChange={onChange}\n aria-label={label}\n error={error}\n />\n </InputContainer>\n );\n};\n\nInputRadio.propTypes = { ...InputTypes };\n\nexport { InputSwitch, InputCheckbox, InputRadio };\n"],"mappings":"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","ignoreList":[]}
package/lib/langs.js CHANGED
@@ -1,84 +1,56 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
- exports["default"] = exports.RawLangs = exports.LanguageControls = void 0;
9
-
7
+ exports["default"] = exports.LanguageControls = exports.Langs = void 0;
10
8
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
-
12
9
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
-
14
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
15
-
16
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
17
-
18
10
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
19
-
20
11
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
-
12
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
22
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
-
24
- var _Input = _interopRequireDefault(require("@material-ui/core/Input"));
25
-
26
- var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
27
-
14
+ var _Input = _interopRequireDefault(require("@mui/material/Input"));
15
+ var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
28
16
  var _propTypes = _interopRequireDefault(require("prop-types"));
29
-
30
17
  var _react = _interopRequireDefault(require("react"));
31
-
32
- var _classnames = _interopRequireDefault(require("classnames"));
33
-
34
- var _styles = require("@material-ui/core/styles");
35
-
36
- var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
37
-
38
- var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
39
-
40
- var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
41
-
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"));
42
22
  var _debug = _interopRequireDefault(require("debug"));
43
-
44
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
45
-
46
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
47
-
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; })(); }
48
25
  var log = (0, _debug["default"])('pie-elements:config-ui:langs');
49
-
50
- var styles = function styles(theme) {
26
+ var StyledRoot = (0, _styles.styled)('div')(function () {
51
27
  return {
52
- root: {
53
- flexDirection: 'column',
54
- alignItems: 'start',
55
- display: 'flex',
56
- position: 'relative',
57
- paddingTop: '0px',
58
- paddingRight: '0px'
59
- },
60
- formControl: {
61
- position: 'initial'
62
- },
63
- inputLabel: {
64
- paddingBottom: theme.spacing.unit
65
- }
28
+ flexDirection: 'column',
29
+ alignItems: 'start',
30
+ display: 'flex',
31
+ position: 'relative',
32
+ paddingTop: '0px',
33
+ paddingRight: '0px'
66
34
  };
67
- };
68
-
69
- var RawLangs = /*#__PURE__*/function (_React$Component) {
70
- (0, _inherits2["default"])(RawLangs, _React$Component);
71
-
72
- var _super = _createSuper(RawLangs);
73
-
74
- function RawLangs(props) {
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) {
75
49
  var _this;
76
-
77
- (0, _classCallCheck2["default"])(this, RawLangs);
78
- _this = _super.call(this, props);
79
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "choose", function (event) {
50
+ (0, _classCallCheck2["default"])(this, Langs);
51
+ _this = _callSuper(this, Langs, [props]);
52
+ (0, _defineProperty2["default"])(_this, "choose", function (event) {
80
53
  log('[choose] event: ', event);
81
-
82
54
  if (_this.props.onChange) {
83
55
  _this.props.onChange(event.target.value);
84
56
  }
@@ -86,22 +58,16 @@ var RawLangs = /*#__PURE__*/function (_React$Component) {
86
58
  _this.uid = props.uid || (Math.random() * 10000).toFixed();
87
59
  return _this;
88
60
  }
89
-
90
- (0, _createClass2["default"])(RawLangs, [{
61
+ (0, _inherits2["default"])(Langs, _React$Component);
62
+ return (0, _createClass2["default"])(Langs, [{
91
63
  key: "render",
92
64
  value: function render() {
93
65
  var _this$props = this.props,
94
- langs = _this$props.langs,
95
- selected = _this$props.selected,
96
- label = _this$props.label,
97
- classes = _this$props.classes;
66
+ langs = _this$props.langs,
67
+ selected = _this$props.selected,
68
+ label = _this$props.label;
98
69
  log('[render] selected:', selected);
99
- return /*#__PURE__*/_react["default"].createElement("div", {
100
- className: classes.root
101
- }, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
102
- className: classes.formControl
103
- }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
104
- className: classes.inputLabel,
70
+ return /*#__PURE__*/_react["default"].createElement(StyledRoot, null, /*#__PURE__*/_react["default"].createElement(StyledFormControl, null, /*#__PURE__*/_react["default"].createElement(StyledInputLabel, {
105
71
  htmlFor: this.uid
106
72
  }, label), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
107
73
  value: selected,
@@ -117,41 +83,32 @@ var RawLangs = /*#__PURE__*/function (_React$Component) {
117
83
  }))));
118
84
  }
119
85
  }]);
120
- return RawLangs;
121
86
  }(_react["default"].Component);
122
-
123
- exports.RawLangs = RawLangs;
124
- (0, _defineProperty2["default"])(RawLangs, "propTypes", {
87
+ (0, _defineProperty2["default"])(Langs, "propTypes", {
125
88
  onChange: _propTypes["default"].func,
126
89
  langs: _propTypes["default"].array,
127
90
  selected: _propTypes["default"].string,
128
91
  label: _propTypes["default"].string,
129
- classes: _propTypes["default"].object.isRequired,
130
92
  uid: _propTypes["default"].string
131
93
  });
132
- var Langs = (0, _styles.withStyles)(styles, {
133
- name: 'Langs'
134
- })(RawLangs);
135
- var _default = Langs;
136
- exports["default"] = _default;
137
- var LanguageControls = (0, _styles.withStyles)({
138
- languageControls: {
94
+ var _default = exports["default"] = Langs;
95
+ var StyledLanguageControls = (0, _styles.styled)('div')(function () {
96
+ return {
139
97
  display: 'grid',
140
98
  gridAutoFlow: 'column',
141
99
  gridAutoColumns: '1fr',
142
100
  gridGap: '8px'
143
- }
144
- })(function (_ref) {
145
- var classes = _ref.classes,
146
- langs = _ref.langs,
147
- activeLang = _ref.activeLang,
148
- defaultLang = _ref.defaultLang,
149
- onActiveLangChange = _ref.onActiveLangChange,
150
- onDefaultLangChange = _ref.onDefaultLangChange,
151
- className = _ref.className;
152
- var names = (0, _classnames["default"])(classes.languageControls, className);
153
- return /*#__PURE__*/_react["default"].createElement("div", {
154
- className: names
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
155
112
  }, /*#__PURE__*/_react["default"].createElement(Langs, {
156
113
  label: "Choose language to edit",
157
114
  langs: langs,
@@ -167,13 +124,13 @@ var LanguageControls = (0, _styles.withStyles)({
167
124
  return onDefaultLangChange(l);
168
125
  }
169
126
  }));
170
- });
171
- exports.LanguageControls = LanguageControls;
127
+ };
172
128
  LanguageControls.propTypes = {
173
129
  langs: _propTypes["default"].array,
174
130
  activeLang: _propTypes["default"].string.isRequired,
175
131
  defaultLang: _propTypes["default"].string.isRequired,
176
132
  onActiveLangChange: _propTypes["default"].func.isRequired,
177
- onDefaultLangChange: _propTypes["default"].func.isRequired
133
+ onDefaultLangChange: _propTypes["default"].func.isRequired,
134
+ className: _propTypes["default"].string
178
135
  };
179
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJsb2ciLCJkZWJ1ZyIsInN0eWxlcyIsInRoZW1lIiwicm9vdCIsImZsZXhEaXJlY3Rpb24iLCJhbGlnbkl0ZW1zIiwiZGlzcGxheSIsInBvc2l0aW9uIiwicGFkZGluZ1RvcCIsInBhZGRpbmdSaWdodCIsImZvcm1Db250cm9sIiwiaW5wdXRMYWJlbCIsInBhZGRpbmdCb3R0b20iLCJzcGFjaW5nIiwidW5pdCIsIlJhd0xhbmdzIiwicHJvcHMiLCJldmVudCIsIm9uQ2hhbmdlIiwidGFyZ2V0IiwidmFsdWUiLCJ1aWQiLCJNYXRoIiwicmFuZG9tIiwidG9GaXhlZCIsImxhbmdzIiwic2VsZWN0ZWQiLCJsYWJlbCIsImNsYXNzZXMiLCJjaG9vc2UiLCJtYXAiLCJsIiwiaW5kZXgiLCJSZWFjdCIsIkNvbXBvbmVudCIsIlByb3BUeXBlcyIsImZ1bmMiLCJhcnJheSIsInN0cmluZyIsIm9iamVjdCIsImlzUmVxdWlyZWQiLCJMYW5ncyIsIndpdGhTdHlsZXMiLCJuYW1lIiwiTGFuZ3VhZ2VDb250cm9scyIsImxhbmd1YWdlQ29udHJvbHMiLCJncmlkQXV0b0Zsb3ciLCJncmlkQXV0b0NvbHVtbnMiLCJncmlkR2FwIiwiYWN0aXZlTGFuZyIsImRlZmF1bHRMYW5nIiwib25BY3RpdmVMYW5nQ2hhbmdlIiwib25EZWZhdWx0TGFuZ0NoYW5nZSIsImNsYXNzTmFtZSIsIm5hbWVzIiwiY2xhc3NOYW1lcyIsInByb3BUeXBlcyJdLCJzb3VyY2VzIjpbIi4uL3NyYy9sYW5ncy5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IElucHV0IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL0lucHV0JztcbmltcG9ydCBJbnB1dExhYmVsIGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL0lucHV0TGFiZWwnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCB7IHdpdGhTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9zdHlsZXMnO1xuaW1wb3J0IFNlbGVjdCBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9TZWxlY3QnO1xuaW1wb3J0IE1lbnVJdGVtIGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL01lbnVJdGVtJztcbmltcG9ydCBGb3JtQ29udHJvbCBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9Gb3JtQ29udHJvbCc7XG5pbXBvcnQgZGVidWcgZnJvbSAnZGVidWcnO1xuXG5jb25zdCBsb2cgPSBkZWJ1ZygncGllLWVsZW1lbnRzOmNvbmZpZy11aTpsYW5ncycpO1xuXG5jb25zdCBzdHlsZXMgPSB0aGVtZSA9PiAoe1xuICByb290OiB7XG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgYWxpZ25JdGVtczogJ3N0YXJ0JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgcGFkZGluZ1RvcDogJzBweCcsXG4gICAgcGFkZGluZ1JpZ2h0OiAnMHB4J1xuICB9LFxuICBmb3JtQ29udHJvbDoge1xuICAgIHBvc2l0aW9uOiAnaW5pdGlhbCdcbiAgfSxcbiAgaW5wdXRMYWJlbDoge1xuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnNwYWNpbmcudW5pdFxuICB9XG59KTtcblxuZXhwb3J0IGNsYXNzIFJhd0xhbmdzIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gICAgbGFuZ3M6IFByb3BUeXBlcy5hcnJheSxcbiAgICBzZWxlY3RlZDogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWQsXG4gICAgdWlkOiBQcm9wVHlwZXMuc3RyaW5nXG4gIH07XG5cbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy51aWQgPSBwcm9wcy51aWQgfHwgKE1hdGgucmFuZG9tKCkgKiAxMDAwMCkudG9GaXhlZCgpO1xuICB9XG5cbiAgY2hvb3NlID0gZXZlbnQgPT4ge1xuICAgIGxvZygnW2Nob29zZV0gZXZlbnQ6ICcsIGV2ZW50KTtcbiAgICBpZiAodGhpcy5wcm9wcy5vbkNoYW5nZSkge1xuICAgICAgdGhpcy5wcm9wcy5vbkNoYW5nZShldmVudC50YXJnZXQudmFsdWUpO1xuICAgIH1cbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgbGV0IHsgbGFuZ3MsIHNlbGVjdGVkLCBsYWJlbCwgY2xhc3NlcyB9ID0gdGhpcy5wcm9wcztcbiAgICBsb2coJ1tyZW5kZXJdIHNlbGVjdGVkOicsIHNlbGVjdGVkKTtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzZXMucm9vdH0+XG4gICAgICAgIDxGb3JtQ29udHJvbCBjbGFzc05hbWU9e2NsYXNzZXMuZm9ybUNvbnRyb2x9PlxuICAgICAgICAgIDxJbnB1dExhYmVsIGNsYXNzTmFtZT17Y2xhc3Nlcy5pbnB1dExhYmVsfSBodG1sRm9yPXt0aGlzLnVpZH0+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgPC9JbnB1dExhYmVsPlxuICAgICAgICAgIDxTZWxlY3QgdmFsdWU9e3NlbGVjdGVkfSBvbkNoYW5nZT17dGhpcy5jaG9vc2V9IGlucHV0PXs8SW5wdXQgaWQ9e3RoaXMudWlkfSAvPn0+XG4gICAgICAgICAgICB7bGFuZ3MubWFwKChsLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICA8TWVudUl0ZW0ga2V5PXtpbmRleH0gdmFsdWU9e2x9PlxuICAgICAgICAgICAgICAgIHtsfVxuICAgICAgICAgICAgICA8L01lbnVJdGVtPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9TZWxlY3Q+XG4gICAgICAgIDwvRm9ybUNvbnRyb2w+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG59XG5cbmNvbnN0IExhbmdzID0gd2l0aFN0eWxlcyhzdHlsZXMsIHsgbmFtZTogJ0xhbmdzJyB9KShSYXdMYW5ncyk7XG5leHBvcnQgZGVmYXVsdCBMYW5ncztcblxuZXhwb3J0IGNvbnN0IExhbmd1YWdlQ29udHJvbHMgPSB3aXRoU3R5bGVzKHtcbiAgbGFuZ3VhZ2VDb250cm9sczoge1xuICAgIGRpc3BsYXk6ICdncmlkJyxcbiAgICBncmlkQXV0b0Zsb3c6ICdjb2x1bW4nLFxuICAgIGdyaWRBdXRvQ29sdW1uczogJzFmcicsXG4gICAgZ3JpZEdhcDogJzhweCdcbiAgfVxufSkoXG4gICh7XG4gICAgY2xhc3NlcyxcbiAgICBsYW5ncyxcbiAgICBhY3RpdmVMYW5nLFxuICAgIGRlZmF1bHRMYW5nLFxuICAgIG9uQWN0aXZlTGFuZ0NoYW5nZSxcbiAgICBvbkRlZmF1bHRMYW5nQ2hhbmdlLFxuICAgIGNsYXNzTmFtZVxuICB9KSA9PiB7XG4gICAgY29uc3QgbmFtZXMgPSBjbGFzc05hbWVzKGNsYXNzZXMubGFuZ3VhZ2VDb250cm9scywgY2xhc3NOYW1lKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT17bmFtZXN9PlxuICAgICAgICA8TGFuZ3NcbiAgICAgICAgICBsYWJlbD1cIkNob29zZSBsYW5ndWFnZSB0byBlZGl0XCJcbiAgICAgICAgICBsYW5ncz17bGFuZ3N9XG4gICAgICAgICAgc2VsZWN0ZWQ9e2FjdGl2ZUxhbmd9XG4gICAgICAgICAgb25DaGFuZ2U9e2wgPT4gb25BY3RpdmVMYW5nQ2hhbmdlKGwpfVxuICAgICAgICAvPlxuICAgICAgICA8TGFuZ3NcbiAgICAgICAgICBsYWJlbD1cIkRlZmF1bHQgbGFuZ3VhZ2VcIlxuICAgICAgICAgIGxhbmdzPXtsYW5nc31cbiAgICAgICAgICBzZWxlY3RlZD17ZGVmYXVsdExhbmd9XG4gICAgICAgICAgb25DaGFuZ2U9e2wgPT4gb25EZWZhdWx0TGFuZ0NoYW5nZShsKX1cbiAgICAgICAgLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbik7XG5cbkxhbmd1YWdlQ29udHJvbHMucHJvcFR5cGVzID0ge1xuICBsYW5nczogUHJvcFR5cGVzLmFycmF5LFxuICBhY3RpdmVMYW5nOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGRlZmF1bHRMYW5nOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQWN0aXZlTGFuZ0NoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgb25EZWZhdWx0TGFuZ0NoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZFxufTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7O0FBRUEsSUFBTUEsR0FBRyxHQUFHLElBQUFDLGlCQUFBLEVBQU0sOEJBQU4sQ0FBWjs7QUFFQSxJQUFNQyxNQUFNLEdBQUcsU0FBVEEsTUFBUyxDQUFBQyxLQUFLO0VBQUEsT0FBSztJQUN2QkMsSUFBSSxFQUFFO01BQ0pDLGFBQWEsRUFBRSxRQURYO01BRUpDLFVBQVUsRUFBRSxPQUZSO01BR0pDLE9BQU8sRUFBRSxNQUhMO01BSUpDLFFBQVEsRUFBRSxVQUpOO01BS0pDLFVBQVUsRUFBRSxLQUxSO01BTUpDLFlBQVksRUFBRTtJQU5WLENBRGlCO0lBU3ZCQyxXQUFXLEVBQUU7TUFDWEgsUUFBUSxFQUFFO0lBREMsQ0FUVTtJQVl2QkksVUFBVSxFQUFFO01BQ1ZDLGFBQWEsRUFBRVYsS0FBSyxDQUFDVyxPQUFOLENBQWNDO0lBRG5CO0VBWlcsQ0FBTDtBQUFBLENBQXBCOztJQWlCYUMsUTs7Ozs7RUFVWCxrQkFBWUMsS0FBWixFQUFtQjtJQUFBOztJQUFBO0lBQ2pCLDBCQUFNQSxLQUFOO0lBRGlCLDJGQUtWLFVBQUFDLEtBQUssRUFBSTtNQUNoQmxCLEdBQUcsQ0FBQyxrQkFBRCxFQUFxQmtC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
136
+ //# sourceMappingURL=langs.js.map
package/lib/langs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"langs.js","names":["log","debug","styles","theme","root","flexDirection","alignItems","display","position","paddingTop","paddingRight","formControl","inputLabel","paddingBottom","spacing","unit","RawLangs","props","event","onChange","target","value","uid","Math","random","toFixed","langs","selected","label","classes","choose","map","l","index","React","Component","PropTypes","func","array","string","object","isRequired","Langs","withStyles","name","LanguageControls","languageControls","gridAutoFlow","gridAutoColumns","gridGap","activeLang","defaultLang","onActiveLangChange","onDefaultLangChange","className","names","classNames","propTypes"],"sources":["../src/langs.jsx"],"sourcesContent":["import Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport debug from 'debug';\n\nconst log = debug('pie-elements:config-ui:langs');\n\nconst styles = theme => ({\n root: {\n flexDirection: 'column',\n alignItems: 'start',\n display: 'flex',\n position: 'relative',\n paddingTop: '0px',\n paddingRight: '0px'\n },\n formControl: {\n position: 'initial'\n },\n inputLabel: {\n paddingBottom: theme.spacing.unit\n }\n});\n\nexport class RawLangs extends React.Component {\n static propTypes = {\n onChange: PropTypes.func,\n langs: PropTypes.array,\n selected: PropTypes.string,\n label: PropTypes.string,\n classes: PropTypes.object.isRequired,\n uid: PropTypes.string\n };\n\n constructor(props) {\n super(props);\n this.uid = props.uid || (Math.random() * 10000).toFixed();\n }\n\n choose = event => {\n log('[choose] event: ', event);\n if (this.props.onChange) {\n this.props.onChange(event.target.value);\n }\n };\n\n render() {\n let { langs, selected, label, classes } = this.props;\n log('[render] selected:', selected);\n return (\n <div className={classes.root}>\n <FormControl className={classes.formControl}>\n <InputLabel className={classes.inputLabel} htmlFor={this.uid}>\n {label}\n </InputLabel>\n <Select value={selected} onChange={this.choose} input={<Input id={this.uid} />}>\n {langs.map((l, index) => (\n <MenuItem key={index} value={l}>\n {l}\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n </div>\n );\n }\n}\n\nconst Langs = withStyles(styles, { name: 'Langs' })(RawLangs);\nexport default Langs;\n\nexport const LanguageControls = withStyles({\n languageControls: {\n display: 'grid',\n gridAutoFlow: 'column',\n gridAutoColumns: '1fr',\n gridGap: '8px'\n }\n})(\n ({\n classes,\n langs,\n activeLang,\n defaultLang,\n onActiveLangChange,\n onDefaultLangChange,\n className\n }) => {\n const names = classNames(classes.languageControls, className);\n\n return (\n <div className={names}>\n <Langs\n label=\"Choose language to edit\"\n langs={langs}\n selected={activeLang}\n onChange={l => onActiveLangChange(l)}\n />\n <Langs\n label=\"Default language\"\n langs={langs}\n selected={defaultLang}\n onChange={l => onDefaultLangChange(l)}\n />\n </div>\n );\n }\n);\n\nLanguageControls.propTypes = {\n langs: PropTypes.array,\n activeLang: PropTypes.string.isRequired,\n defaultLang: PropTypes.string.isRequired,\n onActiveLangChange: PropTypes.func.isRequired,\n onDefaultLangChange: PropTypes.func.isRequired\n};\n"],"mappings":"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"}
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}>\n {label}\n </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 = ({ langs, activeLang, defaultLang, onActiveLangChange, onDefaultLangChange, className }) => {\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,GACjCW,KACe,CAAC,eAEnB7D,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,EA5CwBE,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,cAuCYD,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,EAA+F;EAAA,IAAzFvB,KAAK,GAAAuB,KAAA,CAALvB,KAAK;IAAEwB,UAAU,GAAAD,KAAA,CAAVC,UAAU;IAAEC,WAAW,GAAAF,KAAA,CAAXE,WAAW;IAAEC,kBAAkB,GAAAH,KAAA,CAAlBG,kBAAkB;IAAEC,mBAAmB,GAAAJ,KAAA,CAAnBI,mBAAmB;IAAEC,SAAS,GAAAL,KAAA,CAATK,SAAS;EACnH,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":[]}