@pie-lib/config-ui 11.30.3-next.2 → 11.30.4-next.0

package/lib/feedback-config/__tests__/feedback-selector.test.js

@@ -0,0 +1,177 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+var _react2 = _interopRequireDefault(require("react"));
+var _feedbackSelector = require("../feedback-selector");
+// Mock the editable-html component to avoid window dependencies in tests
+jest.mock('@pie-lib/editable-html', function () {
+  return {
+    __esModule: true,
+    "default": function _default(_ref) {
+      var markup = _ref.markup,
+        _onChange = _ref.onChange;
+      return /*#__PURE__*/_react2["default"].createElement("textarea", {
+        "data-testid": "editable-html",
+        defaultValue: markup || '',
+        onChange: function onChange(e) {
+          return _onChange(e.target.value);
+        }
+      });
+    }
+  };
+});
+describe('feedback-selector', function () {
+  var onChange;
+  var renderComponent = function renderComponent() {
+    var feedback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+      type: 'default',
+      "default": 'hi'
+    };
+    return (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_feedbackSelector.FeedbackSelector, {
+      label: 'Feedback',
+      onChange: onChange,
+      feedback: feedback
+    }));
+  };
+  beforeEach(function () {
+    onChange = jest.fn();
+  });
+  describe('rendering', function () {
+    it('renders feedback type selector', function () {
+      renderComponent();
+      expect(_react.screen.getByText('Simple Feedback')).toBeInTheDocument();
+      expect(_react.screen.getByText('No Feedback')).toBeInTheDocument();
+      expect(_react.screen.getByText('Customized Feedback')).toBeInTheDocument();
+    });
+    it('shows default feedback text when type is default', function () {
+      renderComponent({
+        type: 'default',
+        "default": 'hi'
+      });
+      expect(_react.screen.getByText('hi')).toBeInTheDocument();
+    });
+    it('shows editable html when type is custom', function () {
+      renderComponent({
+        type: 'custom',
+        "default": 'hi',
+        custom: 'custom text'
+      });
+      expect(_react.screen.getByTestId('editable-html')).toBeInTheDocument();
+      expect(_react.screen.getByTestId('editable-html')).toHaveValue('custom text');
+    });
+    it('does not show default feedback when type is none', function () {
+      renderComponent({
+        type: 'none',
+        "default": 'hi'
+      });
+      expect(_react.screen.queryByText('hi')).not.toBeInTheDocument();
+    });
+  });
+  describe('user interactions', function () {
+    it('calls onChange when switching to default feedback', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var user;
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            user = _userEvent["default"].setup();
+            renderComponent({
+              type: 'custom',
+              "default": 'hi'
+            });
+            _context.next = 1;
+            return user.click(_react.screen.getByLabelText('Simple Feedback'));
+          case 1:
+            expect(onChange).toHaveBeenCalledWith({
+              type: 'default',
+              "default": 'hi'
+            });
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })));
+    it('calls onChange when switching to custom feedback', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+      var user;
+      return _regenerator["default"].wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            user = _userEvent["default"].setup();
+            renderComponent({
+              type: 'default',
+              "default": 'hi'
+            });
+            _context2.next = 1;
+            return user.click(_react.screen.getByLabelText('Customized Feedback'));
+          case 1:
+            expect(onChange).toHaveBeenCalledWith({
+              type: 'custom',
+              "default": 'hi'
+            });
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    })));
+    it('calls onChange when switching to no feedback', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+      var user;
+      return _regenerator["default"].wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            user = _userEvent["default"].setup();
+            renderComponent({
+              type: 'default',
+              "default": 'hi'
+            });
+            _context3.next = 1;
+            return user.click(_react.screen.getByLabelText('No Feedback'));
+          case 1:
+            expect(onChange).toHaveBeenCalledWith({
+              type: 'none',
+              "default": 'hi'
+            });
+          case 2:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    })));
+    it('calls onChange with custom text when editing custom feedback', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+      var user, editor, lastCall;
+      return _regenerator["default"].wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            user = _userEvent["default"].setup();
+            renderComponent({
+              type: 'custom',
+              "default": 'hi',
+              custom: ''
+            });
+            editor = _react.screen.getByTestId('editable-html');
+            _context4.next = 1;
+            return user.clear(editor);
+          case 1:
+            _context4.next = 2;
+            return user.type(editor, 'text');
+          case 2:
+            // user.type triggers onChange for each character, so check that onChange was called
+            // and that the last call has 'text' in custom field
+            expect(onChange).toHaveBeenCalled();
+            lastCall = onChange.mock.calls[onChange.mock.calls.length - 1][0];
+            expect(lastCall.type).toBe('custom');
+            expect(lastCall.custom).toBe('text');
+            expect(lastCall["default"]).toBe('hi');
+          case 3:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    })));
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJyZXF1aXJlIiwiX3VzZXJFdmVudCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfcmVhY3QyIiwiX2ZlZWRiYWNrU2VsZWN0b3IiLCJqZXN0IiwibW9jayIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiX3JlZiIsIm1hcmt1cCIsIm9uQ2hhbmdlIiwiY3JlYXRlRWxlbWVudCIsImRlZmF1bHRWYWx1ZSIsImUiLCJ0YXJnZXQiLCJ2YWx1ZSIsImRlc2NyaWJlIiwicmVuZGVyQ29tcG9uZW50IiwiZmVlZGJhY2siLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJ1bmRlZmluZWQiLCJ0eXBlIiwicmVuZGVyIiwiRmVlZGJhY2tTZWxlY3RvciIsImxhYmVsIiwiYmVmb3JlRWFjaCIsImZuIiwiaXQiLCJleHBlY3QiLCJzY3JlZW4iLCJnZXRCeVRleHQiLCJ0b0JlSW5UaGVEb2N1bWVudCIsImN1c3RvbSIsImdldEJ5VGVzdElkIiwidG9IYXZlVmFsdWUiLCJxdWVyeUJ5VGV4dCIsIm5vdCIsIl9hc3luY1RvR2VuZXJhdG9yMiIsIl9yZWdlbmVyYXRvciIsIm1hcmsiLCJfY2FsbGVlIiwidXNlciIsIndyYXAiLCJfY29udGV4dCIsInByZXYiLCJuZXh0IiwidXNlckV2ZW50Iiwic2V0dXAiLCJjbGljayIsImdldEJ5TGFiZWxUZXh0IiwidG9IYXZlQmVlbkNhbGxlZFdpdGgiLCJzdG9wIiwiX2NhbGxlZTIiLCJfY29udGV4dDIiLCJfY2FsbGVlMyIsIl9jb250ZXh0MyIsIl9jYWxsZWU0IiwiZWRpdG9yIiwibGFzdENhbGwiLCJfY29udGV4dDQiLCJjbGVhciIsInRvSGF2ZUJlZW5DYWxsZWQiLCJjYWxscyIsInRvQmUiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZmVlZGJhY2stY29uZmlnL19fdGVzdHNfXy9mZWVkYmFjay1zZWxlY3Rvci50ZXN0LmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyByZW5kZXIsIHNjcmVlbiB9IGZyb20gJ0B0ZXN0aW5nLWxpYnJhcnkvcmVhY3QnO1xuaW1wb3J0IHVzZXJFdmVudCBmcm9tICdAdGVzdGluZy1saWJyYXJ5L3VzZXItZXZlbnQnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEZlZWRiYWNrU2VsZWN0b3IgfSBmcm9tICcuLi9mZWVkYmFjay1zZWxlY3Rvcic7XG5cbi8vIE1vY2sgdGhlIGVkaXRhYmxlLWh0bWwgY29tcG9uZW50IHRvIGF2b2lkIHdpbmRvdyBkZXBlbmRlbmNpZXMgaW4gdGVzdHNcbmplc3QubW9jaygnQHBpZS1saWIvZWRpdGFibGUtaHRtbCcsICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBfX2VzTW9kdWxlOiB0cnVlLFxuICAgIGRlZmF1bHQ6ICh7IG1hcmt1cCwgb25DaGFuZ2UgfSkgPT4gKFxuICAgICAgPHRleHRhcmVhXG4gICAgICAgIGRhdGEtdGVzdGlkPVwiZWRpdGFibGUtaHRtbFwiXG4gICAgICAgIGRlZmF1bHRWYWx1ZT17bWFya3VwIHx8ICcnfVxuICAgICAgICBvbkNoYW5nZT17KGUpID0+IG9uQ2hhbmdlKGUudGFyZ2V0LnZhbHVlKX1cbiAgICAgIC8+XG4gICAgKSxcbiAgfTtcbn0pO1xuXG5kZXNjcmliZSgnZmVlZGJhY2stc2VsZWN0b3InLCAoKSA9PiB7XG4gIGxldCBvbkNoYW5nZTtcblxuICBjb25zdCByZW5kZXJDb21wb25lbnQgPSAoZmVlZGJhY2sgPSB7IHR5cGU6ICdkZWZhdWx0JywgZGVmYXVsdDogJ2hpJyB9KSA9PiB7XG4gICAgcmV0dXJuIHJlbmRlcihcbiAgICAgIDxGZWVkYmFja1NlbGVjdG9yXG4gICAgICAgIGxhYmVsPXsnRmVlZGJhY2snfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIGZlZWRiYWNrPXtmZWVkYmFja31cbiAgICAgIC8+XG4gICAgKTtcbiAgfTtcblxuICBiZWZvcmVFYWNoKCgpID0+IHtcbiAgICBvbkNoYW5nZSA9IGplc3QuZm4oKTtcbiAgfSk7XG5cbiAgZGVzY3JpYmUoJ3JlbmRlcmluZycsICgpID0+IHtcbiAgICBpdCgncmVuZGVycyBmZWVkYmFjayB0eXBlIHNlbGVjdG9yJywgKCkgPT4ge1xuICAgICAgcmVuZGVyQ29tcG9uZW50KCk7XG4gICAgICBleHBlY3Qoc2NyZWVuLmdldEJ5VGV4dCgnU2ltcGxlIEZlZWRiYWNrJykpLnRvQmVJblRoZURvY3VtZW50KCk7XG4gICAgICBleHBlY3Qoc2NyZWVuLmdldEJ5VGV4dCgnTm8gRmVlZGJhY2snKSkudG9CZUluVGhlRG9jdW1lbnQoKTtcbiAgICAgIGV4cGVjdChzY3JlZW4uZ2V0QnlUZXh0KCdDdXN0b21pemVkIEZlZWRiYWNrJykpLnRvQmVJblRoZURvY3VtZW50KCk7XG4gICAgfSk7XG5cbiAgICBpdCgnc2hvd3MgZGVmYXVsdCBmZWVkYmFjayB0ZXh0IHdoZW4gdHlwZSBpcyBkZWZhdWx0JywgKCkgPT4ge1xuICAgICAgcmVuZGVyQ29tcG9uZW50KHsgdHlwZTogJ2RlZmF1bHQnLCBkZWZhdWx0OiAnaGknIH0pO1xuICAgICAgZXhwZWN0KHNjcmVlbi5nZXRCeVRleHQoJ2hpJykpLnRvQmVJblRoZURvY3VtZW50KCk7XG4gICAgfSk7XG5cbiAgICBpdCgnc2hvd3MgZWRpdGFibGUgaHRtbCB3aGVuIHR5cGUgaXMgY3VzdG9tJywgKCkgPT4ge1xuICAgICAgcmVuZGVyQ29tcG9uZW50KHsgdHlwZTogJ2N1c3RvbScsIGRlZmF1bHQ6ICdoaScsIGN1c3RvbTogJ2N1c3RvbSB0ZXh0JyB9KTtcbiAgICAgIGV4cGVjdChzY3JlZW4uZ2V0QnlUZXN0SWQoJ2VkaXRhYmxlLWh0bWwnKSkudG9CZUluVGhlRG9jdW1lbnQoKTtcbiAgICAgIGV4cGVjdChzY3JlZW4uZ2V0QnlUZXN0SWQoJ2VkaXRhYmxlLWh0bWwnKSkudG9IYXZlVmFsdWUoJ2N1c3RvbSB0ZXh0Jyk7XG4gICAgfSk7XG5cbiAgICBpdCgnZG9lcyBub3Qgc2hvdyBkZWZhdWx0IGZlZWRiYWNrIHdoZW4gdHlwZSBpcyBub25lJywgKCkgPT4ge1xuICAgICAgcmVuZGVyQ29tcG9uZW50KHsgdHlwZTogJ25vbmUnLCBkZWZhdWx0OiAnaGknIH0pO1xuICAgICAgZXhwZWN0KHNjcmVlbi5xdWVyeUJ5VGV4dCgnaGknKSkubm90LnRvQmVJblRoZURvY3VtZW50KCk7XG4gICAgfSk7XG4gIH0pO1xuXG4gIGRlc2NyaWJlKCd1c2VyIGludGVyYWN0aW9ucycsICgpID0+IHtcbiAgICBpdCgnY2FsbHMgb25DaGFuZ2Ugd2hlbiBzd2l0Y2hpbmcgdG8gZGVmYXVsdCBmZWVkYmFjaycsIGFzeW5jICgpID0+IHtcbiAgICAgIGNvbnN0IHVzZXIgPSB1c2VyRXZlbnQuc2V0dXAoKTtcbiAgICAgIHJlbmRlckNvbXBvbmVudCh7IHR5cGU6ICdjdXN0b20nLCBkZWZhdWx0OiAnaGknIH0pO1xuXG4gICAgICBhd2FpdCB1c2VyLmNsaWNrKHNjcmVlbi5nZXRCeUxhYmVsVGV4dCgnU2ltcGxlIEZlZWRiYWNrJykpO1xuXG4gICAgICBleHBlY3Qob25DaGFuZ2UpLnRvSGF2ZUJlZW5DYWxsZWRXaXRoKHsgdHlwZTogJ2RlZmF1bHQnLCBkZWZhdWx0OiAnaGknIH0pO1xuICAgIH0pO1xuXG4gICAgaXQoJ2NhbGxzIG9uQ2hhbmdlIHdoZW4gc3dpdGNoaW5nIHRvIGN1c3RvbSBmZWVkYmFjaycsIGFzeW5jICgpID0+IHtcbiAgICAgIGNvbnN0IHVzZXIgPSB1c2VyRXZlbnQuc2V0dXAoKTtcbiAgICAgIHJlbmRlckNvbXBvbmVudCh7IHR5cGU6ICdkZWZhdWx0JywgZGVmYXVsdDogJ2hpJyB9KTtcblxuICAgICAgYXdhaXQgdXNlci5jbGljayhzY3JlZW4uZ2V0QnlMYWJlbFRleHQoJ0N1c3RvbWl6ZWQgRmVlZGJhY2snKSk7XG5cbiAgICAgIGV4cGVjdChvbkNoYW5nZSkudG9IYXZlQmVlbkNhbGxlZFdpdGgoeyB0eXBlOiAnY3VzdG9tJywgZGVmYXVsdDogJ2hpJyB9KTtcbiAgICB9KTtcblxuICAgIGl0KCdjYWxscyBvbkNoYW5nZSB3aGVuIHN3aXRjaGluZyB0byBubyBmZWVkYmFjaycsIGFzeW5jICgpID0+IHtcbiAgICAgIGNvbnN0IHVzZXIgPSB1c2VyRXZlbnQuc2V0dXAoKTtcbiAgICAgIHJlbmRlckNvbXBvbmVudCh7IHR5cGU6ICdkZWZhdWx0JywgZGVmYXVsdDogJ2hpJyB9KTtcblxuICAgICAgYXdhaXQgdXNlci5jbGljayhzY3JlZW4uZ2V0QnlMYWJlbFRleHQoJ05vIEZlZWRiYWNrJykpO1xuXG4gICAgICBleHBlY3Qob25DaGFuZ2UpLnRvSGF2ZUJlZW5DYWxsZWRXaXRoKHsgdHlwZTogJ25vbmUnLCBkZWZhdWx0OiAnaGknIH0pO1xuICAgIH0pO1xuXG4gICAgaXQoJ2NhbGxzIG9uQ2hhbmdlIHdpdGggY3VzdG9tIHRleHQgd2hlbiBlZGl0aW5nIGN1c3RvbSBmZWVkYmFjaycsIGFzeW5jICgpID0+IHtcbiAgICAgIGNvbnN0IHVzZXIgPSB1c2VyRXZlbnQuc2V0dXAoKTtcbiAgICAgIHJlbmRlckNvbXBvbmVudCh7IHR5cGU6ICdjdXN0b20nLCBkZWZhdWx0OiAnaGknLCBjdXN0b206ICcnIH0pO1xuXG4gICAgICBjb25zdCBlZGl0b3IgPSBzY3JlZW4uZ2V0QnlUZXN0SWQoJ2VkaXRhYmxlLWh0bWwnKTtcbiAgICAgIGF3YWl0IHVzZXIuY2xlYXIoZWRpdG9yKTtcbiAgICAgIGF3YWl0IHVzZXIudHlwZShlZGl0b3IsICd0ZXh0Jyk7XG5cbiAgICAgIC8vIHVzZXIudHlwZSB0cmlnZ2VycyBvbkNoYW5nZSBmb3IgZWFjaCBjaGFyYWN0ZXIsIHNvIGNoZWNrIHRoYXQgb25DaGFuZ2Ugd2FzIGNhbGxlZFxuICAgICAgLy8gYW5kIHRoYXQgdGhlIGxhc3QgY2FsbCBoYXMgJ3RleHQnIGluIGN1c3RvbSBmaWVsZFxuICAgICAgZXhwZWN0KG9uQ2hhbmdlKS50b0hhdmVCZWVuQ2FsbGVkKCk7XG4gICAgICBjb25zdCBsYXN0Q2FsbCA9IG9uQ2hhbmdlLm1vY2suY2FsbHNbb25DaGFuZ2UubW9jay5jYWxscy5sZW5ndGggLSAxXVswXTtcbiAgICAgIGV4cGVjdChsYXN0Q2FsbC50eXBlKS50b0JlKCdjdXN0b20nKTtcbiAgICAgIGV4cGVjdChsYXN0Q2FsbC5jdXN0b20pLnRvQmUoJ3RleHQnKTtcbiAgICAgIGV4cGVjdChsYXN0Q2FsbC5kZWZhdWx0KS50b0JlKCdoaScpO1xuICAgIH0pO1xuICB9KTtcbn0pO1xuIl0sIm1hcHBpbmdzIjoiOzs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsT0FBQTtBQUNBLElBQUFDLFVBQUEsR0FBQUMsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFHLE9BQUEsR0FBQUQsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFJLGlCQUFBLEdBQUFKLE9BQUE7QUFFQTtBQUNBSyxJQUFJLENBQUNDLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxZQUFNO0VBQ3hDLE9BQU87SUFDTEMsVUFBVSxFQUFFLElBQUk7SUFDaEIsV0FBUyxTQUFUQyxRQUFPQSxDQUFBQyxJQUFBO01BQUEsSUFBS0MsTUFBTSxHQUFBRCxJQUFBLENBQU5DLE1BQU07UUFBRUMsU0FBUSxHQUFBRixJQUFBLENBQVJFLFFBQVE7TUFBQSxvQkFDMUJSLE9BQUEsWUFBQVMsYUFBQTtRQUNFLGVBQVksZUFBZTtRQUMzQkMsWUFBWSxFQUFFSCxNQUFNLElBQUksRUFBRztRQUMzQkMsUUFBUSxFQUFFLFNBQVZBLFFBQVFBLENBQUdHLENBQUM7VUFBQSxPQUFLSCxTQUFRLENBQUNHLENBQUMsQ0FBQ0MsTUFBTSxDQUFDQyxLQUFLLENBQUM7UUFBQTtNQUFDLENBQzNDLENBQUM7SUFBQTtFQUVOLENBQUM7QUFDSCxDQUFDLENBQUM7QUFFRkMsUUFBUSxDQUFDLG1CQUFtQixFQUFFLFlBQU07RUFDbEMsSUFBSU4sUUFBUTtFQUVaLElBQU1PLGVBQWUsR0FBRyxTQUFsQkEsZUFBZUEsQ0FBQSxFQUFzRDtJQUFBLElBQWxEQyxRQUFRLEdBQUFDLFNBQUEsQ0FBQUMsTUFBQSxRQUFBRCxTQUFBLFFBQUFFLFNBQUEsR0FBQUYsU0FBQSxNQUFHO01BQUVHLElBQUksRUFBRSxTQUFT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

package/lib/feedback-config/feedback-selector.js

@@ -1,128 +1,106 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.FeedbackType = exports.FeedbackSelector = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
-
 var _renderUi = require("@pie-lib/render-ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _styles = require("@mui/material/styles");
 var _group = _interopRequireDefault(require("./group"));
-
-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); }; }
-
-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; } }
-
-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; }
-
-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; }
-
+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; }
+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; }
+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)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } //import EditableHTML from '@pie-lib/editable-html';
+// - mathquill error window not defined
+var EditableHtml;
+var StyledEditableHTML;
+if (typeof window !== 'undefined') {
+  EditableHtml = require('@pie-lib/editable-html')['default'];
+  StyledEditableHTML = (0, _styles.styled)(EditableHtml)(function (_ref) {
+    var theme = _ref.theme;
+    return {
+      fontFamily: theme.typography.fontFamily
+    };
+  });
+}
 var feedbackLabels = {
   "default": 'Simple Feedback',
   none: 'No Feedback',
   custom: 'Customized Feedback'
 };
-
-var holder = function holder(theme, extras) {
-  return _objectSpread({
+var StyledFeedbackSelector = (0, _styles.styled)('div')(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    marginBottom: theme.spacing(1)
+  };
+});
+var StyledInputContainer = (0, _styles.styled)(_renderUi.InputContainer)(function () {
+  return {
+    paddingBottom: 0
+  };
+});
+var StyledCustomHolder = (0, _styles.styled)('div')(function (_ref3) {
+  var theme = _ref3.theme;
+  return {
     marginTop: '0px',
     background: theme.palette.grey[300],
-    padding: theme.spacing.unit,
-    marginBottom: theme.spacing.unit * 2,
+    padding: 0,
+    marginBottom: theme.spacing(2),
     borderRadius: '4px'
-  }, extras);
-};
-
-var style = function style(theme) {
+  };
+});
+var StyledDefaultHolder = (0, _styles.styled)('div')(function (_ref4) {
+  var theme = _ref4.theme;
   return {
-    feedbackSelector: {
-      marginBottom: theme.spacing.unit
-    },
-    label: {
-      cursor: 'pointer'
-    },
-    inputContainerLabel: {
-      transform: 'translateY(-20%)'
-    },
-    feedbackInputContainer: {
-      paddingBottom: 0
-    },
-    customHolder: holder(theme, {
-      background: theme.palette.grey[300],
-      padding: 0
-    }),
-    defaultHolder: holder(theme, {
-      fontFamily: theme.typography.fontFamily,
-      padding: theme.spacing.unit * 2,
-      cursor: 'default'
-    }),
-    editor: {
-      fontFamily: theme.typography.fontFamily
-    },
-    group: {
-      paddingTop: theme.spacing.unit
-    }
+    marginTop: '0px',
+    background: theme.palette.grey[300],
+    padding: theme.spacing(2),
+    marginBottom: theme.spacing(2),
+    borderRadius: '4px',
+    fontFamily: theme.typography.fontFamily,
+    cursor: 'default'
   };
-};
-
-var FeedbackType = {
+});
+var StyledGroup = (0, _styles.styled)(_group["default"])(function (_ref5) {
+  var theme = _ref5.theme;
+  return {
+    paddingTop: theme.spacing(1)
+  };
+});
+var FeedbackType = exports.FeedbackType = {
   type: _propTypes["default"].oneOf(['default', 'custom', 'none']),
   "default": _propTypes["default"].string,
   custom: _propTypes["default"].string
 };
-exports.FeedbackType = FeedbackType;
-
-var FeedbackSelector = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(FeedbackSelector, _React$Component);
-
-  var _super = _createSuper(FeedbackSelector);
-
+var FeedbackSelector = exports.FeedbackSelector = /*#__PURE__*/function (_React$Component) {
   function FeedbackSelector() {
     var _this;
-
     (0, _classCallCheck2["default"])(this, FeedbackSelector);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeType", function (type) {
+    _this = _callSuper(this, FeedbackSelector, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "changeType", function (type) {
       var _this$props = _this.props,
-          onChange = _this$props.onChange,
-          feedback = _this$props.feedback;
+        onChange = _this$props.onChange,
+        feedback = _this$props.feedback;
       onChange(_objectSpread(_objectSpread({}, feedback), {}, {
         type: type
       }));
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeCustom", function (custom) {
+    (0, _defineProperty2["default"])(_this, "changeCustom", function (custom) {
       var _this$props2 = _this.props,
-          onChange = _this$props2.onChange,
-          feedback = _this$props2.feedback;
+        onChange = _this$props2.onChange,
+        feedback = _this$props2.feedback;
       onChange(_objectSpread(_objectSpread({}, feedback), {}, {
         type: 'custom',
         custom: custom
@@ -130,38 +108,32 @@ var FeedbackSelector = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-
-  (0, _createClass2["default"])(FeedbackSelector, [{
+  (0, _inherits2["default"])(FeedbackSelector, _React$Component);
+  return (0, _createClass2["default"])(FeedbackSelector, [{
     key: "render",
     value: function render() {
       var _this$props3 = this.props,
-          keys = _this$props3.keys,
-          classes = _this$props3.classes,
-          label = _this$props3.label,
-          feedback = _this$props3.feedback,
-          toolbarOpts = _this$props3.toolbarOpts,
-          _this$props3$mathMlOp = _this$props3.mathMlOptions,
-          mathMlOptions = _this$props3$mathMlOp === void 0 ? {} : _this$props3$mathMlOp;
+        keys = _this$props3.keys,
+        label = _this$props3.label,
+        feedback = _this$props3.feedback,
+        toolbarOpts = _this$props3.toolbarOpts,
+        _this$props3$mathMlOp = _this$props3.mathMlOptions,
+        mathMlOptions = _this$props3$mathMlOp === void 0 ? {} : _this$props3$mathMlOp;
       var feedbackKeys = keys || Object.keys(feedbackLabels);
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.feedbackSelector
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
+      return /*#__PURE__*/_react["default"].createElement(StyledFeedbackSelector, null, /*#__PURE__*/_react["default"].createElement(StyledInputContainer, {
         label: label,
-        className: classes.feedbackInputContainer,
         extraClasses: {
-          label: classes.inputContainerLabel
+          label: {
+            transform: 'translateY(-20%)'
+          }
         }
-      }, /*#__PURE__*/_react["default"].createElement(_group["default"], {
-        className: classes.group,
+      }, /*#__PURE__*/_react["default"].createElement(StyledGroup, {
         keys: feedbackKeys,
         label: label,
         value: feedback.type,
         onChange: this.changeType,
         feedbackLabels: feedbackLabels
-      })), feedback.type === 'custom' && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.customHolder
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-        className: classes.editor,
+      })), feedback.type === 'custom' && /*#__PURE__*/_react["default"].createElement(StyledCustomHolder, null, /*#__PURE__*/_react["default"].createElement(StyledEditableHTML, {
         onChange: this.changeCustom,
         markup: feedback.custom || '',
         toolbarOpts: toolbarOpts,
@@ -171,25 +143,17 @@ var FeedbackSelector = /*#__PURE__*/function (_React$Component) {
           language: 'special'
         }],
         mathMlOptions: mathMlOptions
-      })), feedback.type === 'default' && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.defaultHolder
-      }, " ", feedback["default"]));
+      })), feedback.type === 'default' && /*#__PURE__*/_react["default"].createElement(StyledDefaultHolder, null, " ", feedback["default"]));
     }
   }]);
-  return FeedbackSelector;
 }(_react["default"].Component);
-
-exports.FeedbackSelector = FeedbackSelector;
 (0, _defineProperty2["default"])(FeedbackSelector, "propTypes", {
   keys: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  classes: _propTypes["default"].object.isRequired,
   label: _propTypes["default"].string.isRequired,
   feedback: _propTypes["default"].shape(FeedbackType).isRequired,
   onChange: _propTypes["default"].func.isRequired,
-  toolbarOpts: _propTypes["default"].object
+  toolbarOpts: _propTypes["default"].object,
+  mathMlOptions: _propTypes["default"].object
 });
-
-var _default = (0, _styles.withStyles)(style)(FeedbackSelector);
-
-exports["default"] = _default;
-//# sourceMappingURL=feedback-selector.js.map
+var _default = exports["default"] = FeedbackSelector;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVuZGVyVWkiLCJyZXF1aXJlIiwiX3Byb3BUeXBlcyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfcmVhY3QiLCJfc3R5bGVzIiwiX2dyb3VwIiwib3duS2V5cyIsImUiLCJyIiwidCIsIk9iamVjdCIsImtleXMiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJvIiwiZmlsdGVyIiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwiZW51bWVyYWJsZSIsInB1c2giLCJhcHBseSIsIl9vYmplY3RTcHJlYWQiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJmb3JFYWNoIiwiX2RlZmluZVByb3BlcnR5MiIsImdldE93blByb3BlcnR5RGVzY3JpcHRvcnMiLCJkZWZpbmVQcm9wZXJ0aWVzIiwiZGVmaW5lUHJvcGVydHkiLCJfY2FsbFN1cGVyIiwiX2dldFByb3RvdHlwZU9mMiIsIl9wb3NzaWJsZUNvbnN0cnVjdG9yUmV0dXJuMiIsIl9pc05hdGl2ZVJlZmxlY3RDb25zdHJ1Y3QiLCJSZWZsZWN0IiwiY29uc3RydWN0IiwiY29uc3RydWN0b3IiLCJCb29sZWFuIiwicHJvdG90eXBlIiwidmFsdWVPZiIsImNhbGwiLCJFZGl0YWJsZUh0bWwiLCJTdHlsZWRFZGl0YWJsZUhUTUwiLCJ3aW5kb3ciLCJzdHlsZWQiLCJfcmVmIiwidGhlbWUiLCJmb250RmFtaWx5IiwidHlwb2dyYXBoeSIsImZlZWRiYWNrTGFiZWxzIiwibm9uZSIsImN1c3RvbSIsIlN0eWxlZEZlZWRiYWNrU2VsZWN0b3IiLCJfcmVmMiIsIm1hcmdpbkJvdHRvbSIsInNwYWNpbmciLCJTdHlsZWRJbnB1dENvbnRhaW5lciIsIklucHV0Q29udGFpbmVyIiwicGFkZGluZ0JvdHRvbSIsIlN0eWxlZEN1c3RvbUhvbGRlciIsIl9yZWYzIiwibWFyZ2luVG9wIiwiYmFja2dyb3VuZCIsInBhbGV0dGUiLCJncmV5IiwicGFkZGluZyIsImJvcmRlclJhZGl1cyIsIlN0eWxlZERlZmF1bHRIb2xkZXIiLCJfcmVmNCIsImN1cnNvciIsIlN0eWxlZEdyb3VwIiwiR3JvdXAiLCJfcmVmNSIsInBhZGRpbmdUb3AiLCJGZWVkYmFja1R5cGUiLCJleHBvcnRzIiwidHlwZSIsIlByb3BUeXBlcyIsIm9uZU9mIiwic3RyaW5nIiwiRmVlZGJhY2tTZWxlY3RvciIsIl9SZWFjdCRDb21wb25lbnQiLCJfdGhpcyIsIl9jbGFzc0NhbGxDaGVjazIiLCJfbGVuIiwiYXJncyIsIkFycmF5IiwiX2tleSIsImNvbmNhdCIsIl90aGlzJHByb3BzIiwicHJvcHMiLCJvbkNoYW5nZSIsImZlZWRiYWNrIiwiX3RoaXMkcHJvcHMyIiwiX2luaGVyaXRzMiIsIl9jcmVhdGVDbGFzczIiLCJrZXkiLCJ2YWx1ZSIsInJlbmRlciIsIl90aGlzJHByb3BzMyIsImxhYmVsIiwidG9vbGJhck9wdHMiLCJfdGhpcyRwcm9wczMkbWF0aE1sT3AiLCJtYXRoTWxPcHRpb25zIiwiZmVlZGJhY2tLZXlzIiwiY3JlYXRlRWxlbWVudCIsImV4dHJhQ2xhc3NlcyIsInRyYW5zZm9ybSIsImNoYW5nZVR5cGUiLCJjaGFuZ2VDdXN0b20iLCJtYXJrdXAiLCJsYW5ndWFnZUNoYXJhY3RlcnNQcm9wcyIsImxhbmd1YWdlIiwiUmVhY3QiLCJDb21wb25lbnQiLCJhcnJheU9mIiwiaXNSZXF1aXJlZCIsInNoYXBlIiwiZnVuYyIsIm9iamVjdCIsIl9kZWZhdWx0Il0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2ZlZWRiYWNrLWNvbmZpZy9mZWVkYmFjay1zZWxlY3Rvci5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiLy9pbXBvcnQgRWRpdGFibGVIVE1MIGZyb20gJ0BwaWUtbGliL2VkaXRhYmxlLWh0bWwnO1xuaW1wb3J0IHsgSW5wdXRDb250YWluZXIgfSBmcm9tICdAcGllLWxpYi9yZW5kZXItdWknO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tICdAbXVpL21hdGVyaWFsL3N0eWxlcyc7XG5pbXBvcnQgR3JvdXAgZnJvbSAnLi9ncm91cCc7XG5cblxuLy8gLSBtYXRocXVpbGwgZXJyb3Igd2luZG93IG5vdCBkZWZpbmVkXG5sZXQgRWRpdGFibGVIdG1sO1xubGV0IFN0eWxlZEVkaXRhYmxlSFRNTDtcbmlmICh0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJykge1xuICBFZGl0YWJsZUh0bWwgPSByZXF1aXJlKCdAcGllLWxpYi9lZGl0YWJsZS1odG1sJylbJ2RlZmF1bHQnXTtcbiAgU3R5bGVkRWRpdGFibGVIVE1MID0gc3R5bGVkKEVkaXRhYmxlSHRtbCkoKHsgdGhlbWUgfSkgPT4gKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRGYW1pbHksXG4gIH0pKTtcbn1cblxuY29uc3QgZmVlZGJhY2tMYWJlbHMgPSB7XG4gIGRlZmF1bHQ6ICdTaW1wbGUgRmVlZGJhY2snLFxuICBub25lOiAnTm8gRmVlZGJhY2snLFxuICBjdXN0b206ICdDdXN0b21pemVkIEZlZWRiYWNrJyxcbn07XG5cbmNvbnN0IFN0eWxlZEZlZWRiYWNrU2VsZWN0b3IgPSBzdHlsZWQoJ2RpdicpKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygxKSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSW5wdXRDb250YWluZXIgPSBzdHlsZWQoSW5wdXRDb250YWluZXIpKCgpID0+ICh7XG4gIHBhZGRpbmdCb3R0b206IDAsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEN1c3RvbUhvbGRlciA9IHN0eWxlZCgnZGl2JykoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiAnMHB4JyxcbiAgYmFja2dyb3VuZDogdGhlbWUucGFsZXR0ZS5ncmV5WzMwMF0sXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygyKSxcbiAgYm9yZGVyUmFkaXVzOiAnNHB4Jyxcbn0pKTtcblxuY29uc3QgU3R5bGVkRGVmYXVsdEhvbGRlciA9IHN0eWxlZCgnZGl2JykoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiAnMHB4JyxcbiAgYmFja2dyb3VuZDogdGhlbWUucGFsZXR0ZS5ncmV5WzMwMF0sXG4gIHBhZGRpbmc6IHRoZW1lLnNwYWNpbmcoMiksXG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygyKSxcbiAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgZm9udEZhbWlseTogdGhlbWUudHlwb2dyYXBoeS5mb250RmFtaWx5LFxuICBjdXJzb3I6ICdkZWZhdWx0Jyxcbn0pKTtcblxuY29uc3QgU3R5bGVkR3JvdXAgPSBzdHlsZWQoR3JvdXApKCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoMSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBGZWVkYmFja1R5cGUgPSB7XG4gIHR5cGU6IFByb3BUeXBlcy5vbmVPZihbJ2RlZmF1bHQnLCAnY3VzdG9tJywgJ25vbmUnXSksXG4gIGRlZmF1bHQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGN1c3RvbTogUHJvcFR5cGVzLnN0cmluZyxcbn07XG5cbmV4cG9ydCBjbGFzcyBGZWVkYmFja1NlbGVjdG9yIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBrZXlzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc3RyaW5nKSxcbiAgICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIGZlZWRiYWNrOiBQcm9wVHlwZXMuc2hhcGUoRmVlZGJhY2tUeXBlKS5pc1JlcXVpcmVkLFxuICAgIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIHRvb2xiYXJPcHRzOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgIG1hdGhNbE9wdGlvbnM6IFByb3BUeXBlcy5vYmplY3QsXG4gIH07XG5cbiAgY2hhbmdlVHlwZSA9ICh0eXBlKSA9PiB7XG4gICAgY29uc3QgeyBvbkNoYW5nZSwgZmVlZGJhY2sgfSA9IHRoaXMucHJvcHM7XG5cbiAgICBvbkNoYW5nZSh7IC4uLmZlZWRiYWNrLCB0eXBlIH0pO1xuICB9O1xuXG4gIGNoYW5nZUN1c3RvbSA9IChjdXN0b20pID0+IHtcbiAgICBjb25zdCB7IG9uQ2hhbmdlLCBmZWVkYmFjayB9ID0gdGhpcy5wcm9wcztcblxuICAgIG9uQ2hhbmdlKHsgLi4uZmVlZGJhY2ssIHR5cGU6ICdjdXN0b20nLCBjdXN0b20gfSk7XG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsga2V5cywgbGFiZWwsIGZlZWRiYWNrLCB0b29sYmFyT3B0cywgbWF0aE1sT3B0aW9ucyA9IHt9IH0gPSB0aGlzLnByb3BzO1xuXG4gICAgY29uc3QgZmVlZGJhY2tLZXlzID0ga2V5cyB8fCBPYmplY3Qua2V5cyhmZWVkYmFja0xhYmVscyk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEZlZWRiYWNrU2VsZWN0b3I+XG4gICAgICAgIDxTdHlsZWRJbnB1dENvbnRhaW5lclxuICAgICAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgICAgICBleHRyYUNsYXNzZXM9e3sgbGFiZWw6IHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgtMjAlKScgfSB9fVxuICAgICAgICA+XG4gICAgICAgICAgPFN0eWxlZEdyb3VwXG4gICAgICAgICAgICBrZXlzPXtmZWVkYmFja0tleXN9XG4gICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICB2YWx1ZT17ZmVlZGJhY2sudHlwZX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLmNoYW5nZVR5cGV9XG4gICAgICAgICAgICBmZWVkYmFja0xhYmVscz17ZmVlZGJhY2tMYWJlbHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TdHlsZWRJbnB1dENvbnRhaW5lcj5cblxuICAgICAgICB7ZmVlZGJhY2sudHlwZSA9PT0gJ2N1c3RvbScgJiYgKFxuICAgICAgICAgIDxTdHlsZWRDdXN0b21Ib2xkZXI+XG4gICAgICAgICAgICA8U3R5bGVkRWRpdGFibGVIVE1MXG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLmNoYW5nZUN1c3RvbX1cbiAgICAgICAgICAgICAgbWFya3VwPXtmZWVkYmFjay5jdXN0b20gfHwgJyd9XG4gICAgICAgICAgICAgIHRvb2xiYXJPcHRzPXt0b29sYmFyT3B0c31cbiAgICAgICAgICAgICAgbGFuZ3VhZ2VDaGFyYWN0ZXJzUHJvcHM9e1t7IGxhbmd1YWdlOiAnc3BhbmlzaCcgfSwgeyBsYW5ndWFnZTogJ3NwZWNpYWwnIH1dfVxuICAgICAgICAgICAgICBtYXRoTWxPcHRpb25zPXttYXRoTWxPcHRpb25zfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1N0eWxlZEN1c3RvbUhvbGRlcj5cbiAgICAgICAgKX1cblxuICAgICAgICB7ZmVlZGJhY2sudHlwZSA9PT0gJ2RlZmF1bHQnICYmIDxTdHlsZWREZWZhdWx0SG9sZGVyPiB7ZmVlZGJhY2suZGVmYXVsdH08L1N0eWxlZERlZmF1bHRIb2xkZXI+fVxuICAgICAgPC9TdHlsZWRGZWVkYmFja1NlbGVjdG9yPlxuICAgICk7XG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgRmVlZGJhY2tTZWxlY3RvcjtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUNBLElBQUFBLFNBQUEsR0FBQUMsT0FBQTtBQUNBLElBQUFDLFVBQUEsR0FBQUMsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFHLE1BQUEsR0FBQUQsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFJLE9BQUEsR0FBQUosT0FBQTtBQUNBLElBQUFLLE1BQUEsR0FBQUgsc0JBQUEsQ0FBQUYsT0FBQTtBQUE0QixTQUFBTSxRQUFBQyxDQUFBLEVBQUFDLENBQUEsUUFBQUMsQ0FBQSxHQUFBQyxNQUFBLENBQUFDLElBQUEsQ0FBQUosQ0FBQSxPQUFBRyxNQUFBLENBQUFFLHFCQUFBLFFBQUFDLENBQUEsR0FBQUgsTUFBQSxDQUFBRSxxQkFB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

package/lib/feedback-config/feedback-selector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback-config/feedback-selector.jsx"],"names":["feedbackLabels","none","custom","holder","theme","extras","marginTop","background","palette","grey","padding","spacing","unit","marginBottom","borderRadius","style","feedbackSelector","label","cursor","inputContainerLabel","transform","feedbackInputContainer","paddingBottom","customHolder","defaultHolder","fontFamily","typography","editor","group","paddingTop","FeedbackType","type","PropTypes","oneOf","string","FeedbackSelector","props","onChange","feedback","keys","classes","toolbarOpts","mathMlOptions","feedbackKeys","Object","changeType","changeCustom","language","React","Component","arrayOf","object","isRequired","shape","func"],"mappings":"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","sourcesContent":["import EditableHTML from '@pie-lib/editable-html';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Group from './group';\n\nconst feedbackLabels = {\n  default: 'Simple Feedback',\n  none: 'No Feedback',\n  custom: 'Customized Feedback',\n};\n\nconst holder = (theme, extras) => ({\n  marginTop: '0px',\n  background: theme.palette.grey[300],\n  padding: theme.spacing.unit,\n  marginBottom: theme.spacing.unit * 2,\n  borderRadius: '4px',\n  ...extras,\n});\n\nconst style = (theme) => ({\n  feedbackSelector: {\n    marginBottom: theme.spacing.unit,\n  },\n  label: {\n    cursor: 'pointer',\n  },\n  inputContainerLabel: {\n    transform: 'translateY(-20%)',\n  },\n  feedbackInputContainer: {\n    paddingBottom: 0,\n  },\n  customHolder: holder(theme, {\n    background: theme.palette.grey[300],\n    padding: 0,\n  }),\n  defaultHolder: holder(theme, {\n    fontFamily: theme.typography.fontFamily,\n    padding: theme.spacing.unit * 2,\n    cursor: 'default',\n  }),\n  editor: {\n    fontFamily: theme.typography.fontFamily,\n  },\n  group: {\n    paddingTop: theme.spacing.unit,\n  },\n});\n\nexport const FeedbackType = {\n  type: PropTypes.oneOf(['default', 'custom', 'none']),\n  default: PropTypes.string,\n  custom: PropTypes.string,\n};\n\nexport class FeedbackSelector extends React.Component {\n  static propTypes = {\n    keys: PropTypes.arrayOf(PropTypes.string),\n    classes: PropTypes.object.isRequired,\n    label: PropTypes.string.isRequired,\n    feedback: PropTypes.shape(FeedbackType).isRequired,\n    onChange: PropTypes.func.isRequired,\n    toolbarOpts: PropTypes.object,\n  };\n\n  changeType = (type) => {\n    const { onChange, feedback } = this.props;\n\n    onChange({ ...feedback, type });\n  };\n\n  changeCustom = (custom) => {\n    const { onChange, feedback } = this.props;\n\n    onChange({ ...feedback, type: 'custom', custom });\n  };\n\n  render() {\n    const { keys, classes, label, feedback, toolbarOpts, mathMlOptions = {} } = this.props;\n\n    const feedbackKeys = keys || Object.keys(feedbackLabels);\n\n    return (\n      <div className={classes.feedbackSelector}>\n        <InputContainer\n          label={label}\n          className={classes.feedbackInputContainer}\n          extraClasses={{ label: classes.inputContainerLabel }}\n        >\n          <Group\n            className={classes.group}\n            keys={feedbackKeys}\n            label={label}\n            value={feedback.type}\n            onChange={this.changeType}\n            feedbackLabels={feedbackLabels}\n          />\n        </InputContainer>\n\n        {feedback.type === 'custom' && (\n          <div className={classes.customHolder}>\n            <EditableHTML\n              className={classes.editor}\n              onChange={this.changeCustom}\n              markup={feedback.custom || ''}\n              toolbarOpts={toolbarOpts}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n          </div>\n        )}\n\n        {feedback.type === 'default' && <div className={classes.defaultHolder}> {feedback.default}</div>}\n      </div>\n    );\n  }\n}\n\nexport default withStyles(style)(FeedbackSelector);\n"],"file":"feedback-selector.js"}
+{"version":3,"file":"feedback-selector.js","names":["_renderUi","require","_propTypes","_interopRequireDefault","_react","_styles","_group","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","call","EditableHtml","StyledEditableHTML","window","styled","_ref","theme","fontFamily","typography","feedbackLabels","none","custom","StyledFeedbackSelector","_ref2","marginBottom","spacing","StyledInputContainer","InputContainer","paddingBottom","StyledCustomHolder","_ref3","marginTop","background","palette","grey","padding","borderRadius","StyledDefaultHolder","_ref4","cursor","StyledGroup","Group","_ref5","paddingTop","FeedbackType","exports","type","PropTypes","oneOf","string","FeedbackSelector","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","concat","_this$props","props","onChange","feedback","_this$props2","_inherits2","_createClass2","key","value","render","_this$props3","label","toolbarOpts","_this$props3$mathMlOp","mathMlOptions","feedbackKeys","createElement","extraClasses","transform","changeType","changeCustom","markup","languageCharactersProps","language","React","Component","arrayOf","isRequired","shape","func","object","_default"],"sources":["../../src/feedback-config/feedback-selector.jsx"],"sourcesContent":["//import EditableHTML from '@pie-lib/editable-html';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\nimport Group from './group';\n\n\n// - mathquill error window not defined\nlet EditableHtml;\nlet StyledEditableHTML;\nif (typeof window !== 'undefined') {\n  EditableHtml = require('@pie-lib/editable-html')['default'];\n  StyledEditableHTML = styled(EditableHtml)(({ theme }) => ({\n    fontFamily: theme.typography.fontFamily,\n  }));\n}\n\nconst feedbackLabels = {\n  default: 'Simple Feedback',\n  none: 'No Feedback',\n  custom: 'Customized Feedback',\n};\n\nconst StyledFeedbackSelector = styled('div')(({ theme }) => ({\n  marginBottom: theme.spacing(1),\n}));\n\nconst StyledInputContainer = styled(InputContainer)(() => ({\n  paddingBottom: 0,\n}));\n\nconst StyledCustomHolder = styled('div')(({ theme }) => ({\n  marginTop: '0px',\n  background: theme.palette.grey[300],\n  padding: 0,\n  marginBottom: theme.spacing(2),\n  borderRadius: '4px',\n}));\n\nconst StyledDefaultHolder = styled('div')(({ theme }) => ({\n  marginTop: '0px',\n  background: theme.palette.grey[300],\n  padding: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n  borderRadius: '4px',\n  fontFamily: theme.typography.fontFamily,\n  cursor: 'default',\n}));\n\nconst StyledGroup = styled(Group)(({ theme }) => ({\n  paddingTop: theme.spacing(1),\n}));\n\nexport const FeedbackType = {\n  type: PropTypes.oneOf(['default', 'custom', 'none']),\n  default: PropTypes.string,\n  custom: PropTypes.string,\n};\n\nexport class FeedbackSelector extends React.Component {\n  static propTypes = {\n    keys: PropTypes.arrayOf(PropTypes.string),\n    label: PropTypes.string.isRequired,\n    feedback: PropTypes.shape(FeedbackType).isRequired,\n    onChange: PropTypes.func.isRequired,\n    toolbarOpts: PropTypes.object,\n    mathMlOptions: PropTypes.object,\n  };\n\n  changeType = (type) => {\n    const { onChange, feedback } = this.props;\n\n    onChange({ ...feedback, type });\n  };\n\n  changeCustom = (custom) => {\n    const { onChange, feedback } = this.props;\n\n    onChange({ ...feedback, type: 'custom', custom });\n  };\n\n  render() {\n    const { keys, label, feedback, toolbarOpts, mathMlOptions = {} } = this.props;\n\n    const feedbackKeys = keys || Object.keys(feedbackLabels);\n\n    return (\n      <StyledFeedbackSelector>\n        <StyledInputContainer\n          label={label}\n          extraClasses={{ label: { transform: 'translateY(-20%)' } }}\n        >\n          <StyledGroup\n            keys={feedbackKeys}\n            label={label}\n            value={feedback.type}\n            onChange={this.changeType}\n            feedbackLabels={feedbackLabels}\n          />\n        </StyledInputContainer>\n\n        {feedback.type === 'custom' && (\n          <StyledCustomHolder>\n            <StyledEditableHTML\n              onChange={this.changeCustom}\n              markup={feedback.custom || ''}\n              toolbarOpts={toolbarOpts}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n          </StyledCustomHolder>\n        )}\n\n        {feedback.type === 'default' && <StyledDefaultHolder> {feedback.default}</StyledDefaultHolder>}\n      </StyledFeedbackSelector>\n    );\n  }\n}\n\nexport default FeedbackSelector;\n"],"mappings":"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","ignoreList":[]}