@pie-lib/correct-answer-toggle 3.0.0-next.0 → 3.1.0-next.0

package/lib/__tests__/index.test.js

@@ -0,0 +1,118 @@
+"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 _index = require("../index");
+describe('CorrectAnswerToggle', function () {
+  var onToggle;
+  var renderComponent = function renderComponent() {
+    var toggled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    var msgs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index.CorrectAnswerToggle, {
+      show: true,
+      toggled: toggled,
+      onToggle: onToggle,
+      hideMessage: msgs.hide,
+      showMessage: msgs.show
+    }));
+  };
+  beforeEach(function () {
+    onToggle = jest.fn();
+  });
+  describe('rendering', function () {
+    it('shows hide message when toggled is true', function () {
+      renderComponent(true);
+      expect(_react.screen.getByText('Hide correct answer')).toBeInTheDocument();
+    });
+    it('shows show message when toggled is false', function () {
+      renderComponent(false);
+      expect(_react.screen.getByText('Show correct answer')).toBeInTheDocument();
+    });
+    it('displays custom hide message', function () {
+      renderComponent(true, {
+        hide: 'hide!'
+      });
+      expect(_react.screen.getByText('hide!')).toBeInTheDocument();
+    });
+    it('displays custom show message', function () {
+      renderComponent(false, {
+        show: 'show!'
+      });
+      expect(_react.screen.getByText('show!')).toBeInTheDocument();
+    });
+  });
+  describe('user interactions', function () {
+    it('calls onToggle with false when clicked while toggled', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var user, button;
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            user = _userEvent["default"].setup();
+            renderComponent(true);
+            button = _react.screen.getByText('Hide correct answer');
+            _context.next = 1;
+            return user.click(button);
+          case 1:
+            expect(onToggle).toHaveBeenCalledWith(false);
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })));
+    it('calls onToggle with true when clicked while not toggled', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+      var user, button;
+      return _regenerator["default"].wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            user = _userEvent["default"].setup();
+            renderComponent(false);
+            button = _react.screen.getByText('Show correct answer');
+            _context2.next = 1;
+            return user.click(button);
+          case 1:
+            expect(onToggle).toHaveBeenCalledWith(true);
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    })));
+    it('toggles correctly after prop update', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+      var user, _renderComponent, rerender;
+      return _regenerator["default"].wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            user = _userEvent["default"].setup();
+            _renderComponent = renderComponent(true), rerender = _renderComponent.rerender; // First click - toggled is true, should call with false
+            _context3.next = 1;
+            return user.click(_react.screen.getByText('Hide correct answer'));
+          case 1:
+            expect(onToggle).toHaveBeenCalledWith(false);
+
+            // Simulate prop update to toggled=false
+            onToggle.mockClear();
+            rerender(/*#__PURE__*/_react2["default"].createElement(_index.CorrectAnswerToggle, {
+              show: true,
+              toggled: false,
+              onToggle: onToggle
+            }));
+
+            // Second click - toggled is false, should call with true
+            _context3.next = 2;
+            return user.click(_react.screen.getByText('Show correct answer'));
+          case 2:
+            expect(onToggle).toHaveBeenCalledWith(true);
+          case 3:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    })));
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJyZXF1aXJlIiwiX3VzZXJFdmVudCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfcmVhY3QyIiwiX2luZGV4IiwiZGVzY3JpYmUiLCJvblRvZ2dsZSIsInJlbmRlckNvbXBvbmVudCIsInRvZ2dsZWQiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJ1bmRlZmluZWQiLCJtc2dzIiwicmVuZGVyIiwiY3JlYXRlRWxlbWVudCIsIkNvcnJlY3RBbnN3ZXJUb2dnbGUiLCJzaG93IiwiaGlkZU1lc3NhZ2UiLCJoaWRlIiwic2hvd01lc3NhZ2UiLCJiZWZvcmVFYWNoIiwiamVzdCIsImZuIiwiaXQiLCJleHBlY3QiLCJzY3JlZW4iLCJnZXRCeVRleHQiLCJ0b0JlSW5UaGVEb2N1bWVudCIsIl9hc3luY1RvR2VuZXJhdG9yMiIsIl9yZWdlbmVyYXRvciIsIm1hcmsiLCJfY2FsbGVlIiwidXNlciIsImJ1dHRvbiIsIndyYXAiLCJfY29udGV4dCIsInByZXYiLCJuZXh0IiwidXNlckV2ZW50Iiwic2V0dXAiLCJjbGljayIsInRvSGF2ZUJlZW5DYWxsZWRXaXRoIiwic3RvcCIsIl9jYWxsZWUyIiwiX2NvbnRleHQyIiwiX2NhbGxlZTMiLCJfcmVuZGVyQ29tcG9uZW50IiwicmVyZW5kZXIiLCJfY29udGV4dDMiLCJtb2NrQ2xlYXIiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvX190ZXN0c19fL2luZGV4LnRlc3QuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHJlbmRlciwgc2NyZWVuIH0gZnJvbSAnQHRlc3RpbmctbGlicmFyeS9yZWFjdCc7XG5pbXBvcnQgdXNlckV2ZW50IGZyb20gJ0B0ZXN0aW5nLWxpYnJhcnkvdXNlci1ldmVudCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ29ycmVjdEFuc3dlclRvZ2dsZSB9IGZyb20gJy4uL2luZGV4JztcblxuZGVzY3JpYmUoJ0NvcnJlY3RBbnN3ZXJUb2dnbGUnLCAoKSA9PiB7XG4gIGxldCBvblRvZ2dsZTtcblxuICBjb25zdCByZW5kZXJDb21wb25lbnQgPSAodG9nZ2xlZCA9IHRydWUsIG1zZ3MgPSB7fSkgPT4ge1xuICAgIHJldHVybiByZW5kZXIoXG4gICAgICA8Q29ycmVjdEFuc3dlclRvZ2dsZVxuICAgICAgICBzaG93PXt0cnVlfVxuICAgICAgICB0b2dnbGVkPXt0b2dnbGVkfVxuICAgICAgICBvblRvZ2dsZT17b25Ub2dnbGV9XG4gICAgICAgIGhpZGVNZXNzYWdlPXttc2dzLmhpZGV9XG4gICAgICAgIHNob3dNZXNzYWdlPXttc2dzLnNob3d9XG4gICAgICAvPixcbiAgICApO1xuICB9O1xuXG4gIGJlZm9yZUVhY2goKCkgPT4ge1xuICAgIG9uVG9nZ2xlID0gamVzdC5mbigpO1xuICB9KTtcblxuICBkZXNjcmliZSgncmVuZGVyaW5nJywgKCkgPT4ge1xuICAgIGl0KCdzaG93cyBoaWRlIG1lc3NhZ2Ugd2hlbiB0b2dnbGVkIGlzIHRydWUnLCAoKSA9PiB7XG4gICAgICByZW5kZXJDb21wb25lbnQodHJ1ZSk7XG4gICAgICBleHBlY3Qoc2NyZWVuLmdldEJ5VGV4dCgnSGlkZSBjb3JyZWN0IGFuc3dlcicpKS50b0JlSW5UaGVEb2N1bWVudCgpO1xuICAgIH0pO1xuXG4gICAgaXQoJ3Nob3dzIHNob3cgbWVzc2FnZSB3aGVuIHRvZ2dsZWQgaXMgZmFsc2UnLCAoKSA9PiB7XG4gICAgICByZW5kZXJDb21wb25lbnQoZmFsc2UpO1xuICAgICAgZXhwZWN0KHNjcmVlbi5nZXRCeVRleHQoJ1Nob3cgY29ycmVjdCBhbnN3ZXInKSkudG9CZUluVGhlRG9jdW1lbnQoKTtcbiAgICB9KTtcblxuICAgIGl0KCdkaXNwbGF5cyBjdXN0b20gaGlkZSBtZXNzYWdlJywgKCkgPT4ge1xuICAgICAgcmVuZGVyQ29tcG9uZW50KHRydWUsIHsgaGlkZTogJ2hpZGUhJyB9KTtcbiAgICAgIGV4cGVjdChzY3JlZW4uZ2V0QnlUZXh0KCdoaWRlIScpKS50b0JlSW5UaGVEb2N1bWVudCgpO1xuICAgIH0pO1xuXG4gICAgaXQoJ2Rpc3BsYXlzIGN1c3RvbSBzaG93IG1lc3NhZ2UnLCAoKSA9PiB7XG4gICAgICByZW5kZXJDb21wb25lbnQoZmFsc2UsIHsgc2hvdzogJ3Nob3chJyB9KTtcbiAgICAgIGV4cGVjdChzY3JlZW4uZ2V0QnlUZXh0KCdzaG93IScpKS50b0JlSW5UaGVEb2N1bWVudCgpO1xuICAgIH0pO1xuICB9KTtcblxuICBkZXNjcmliZSgndXNlciBpbnRlcmFjdGlvbnMnLCAoKSA9PiB7XG4gICAgaXQoJ2NhbGxzIG9uVG9nZ2xlIHdpdGggZmFsc2Ugd2hlbiBjbGlja2VkIHdoaWxlIHRvZ2dsZWQnLCBhc3luYyAoKSA9PiB7XG4gICAgICBjb25zdCB1c2VyID0gdXNlckV2ZW50LnNldHVwKCk7XG4gICAgICByZW5kZXJDb21wb25lbnQodHJ1ZSk7XG5cbiAgICAgIGNvbnN0IGJ1dHRvbiA9IHNjcmVlbi5nZXRCeVRleHQoJ0hpZGUgY29ycmVjdCBhbnN3ZXInKTtcbiAgICAgIGF3YWl0IHVzZXIuY2xpY2soYnV0dG9uKTtcblxuICAgICAgZXhwZWN0KG9uVG9nZ2xlKS50b0hhdmVCZWVuQ2FsbGVkV2l0aChmYWxzZSk7XG4gICAgfSk7XG5cbiAgICBpdCgnY2FsbHMgb25Ub2dnbGUgd2l0aCB0cnVlIHdoZW4gY2xpY2tlZCB3aGlsZSBub3QgdG9nZ2xlZCcsIGFzeW5jICgpID0+IHtcbiAgICAgIGNvbnN0IHVzZXIgPSB1c2VyRXZlbnQuc2V0dXAoKTtcbiAgICAgIHJlbmRlckNvbXBvbmVudChmYWxzZSk7XG5cbiAgICAgIGNvbnN0IGJ1dHRvbiA9IHNjcmVlbi5nZXRCeVRleHQoJ1Nob3cgY29ycmVjdCBhbnN3ZXInKTtcbiAgICAgIGF3YWl0IHVzZXIuY2xpY2soYnV0dG9uKTtcblxuICAgICAgZXhwZWN0KG9uVG9nZ2xlKS50b0hhdmVCZWVuQ2FsbGVkV2l0aCh0cnVlKTtcbiAgICB9KTtcblxuICAgIGl0KCd0b2dnbGVzIGNvcnJlY3RseSBhZnRlciBwcm9wIHVwZGF0ZScsIGFzeW5jICgpID0+IHtcbiAgICAgIGNvbnN0IHVzZXIgPSB1c2VyRXZlbnQuc2V0dXAoKTtcbiAgICAgIGNvbnN0IHsgcmVyZW5kZXIgfSA9IHJlbmRlckNvbXBvbmVudCh0cnVlKTtcblxuICAgICAgLy8gRmlyc3QgY2xpY2sgLSB0b2dnbGVkIGlzIHRydWUsIHNob3VsZCBjYWxsIHdpdGggZmFsc2VcbiAgICAgIGF3YWl0IHVzZXIuY2xpY2soc2NyZWVuLmdldEJ5VGV4dCgnSGlkZSBjb3JyZWN0IGFuc3dlcicpKTtcbiAgICAgIGV4cGVjdChvblRvZ2dsZSkudG9IYXZlQmVlbkNhbGxlZFdpdGgoZmFsc2UpO1xuXG4gICAgICAvLyBTaW11bGF0ZSBwcm9wIHVwZGF0ZSB0byB0b2dnbGVkPWZhbHNlXG4gICAgICBvblRvZ2dsZS5tb2NrQ2xlYXIoKTtcbiAgICAgIHJlcmVuZGVyKFxuICAgICAgICA8Q29ycmVjdEFuc3dlclRvZ2dsZVxuICAgICAgICAgIHNob3c9e3RydWV9XG4gICAgICAgICAgdG9nZ2xlZD17ZmFsc2V9XG4gICAgICAgICAgb25Ub2dnbGU9e29uVG9nZ2xlfVxuICAgICAgICAvPlxuICAgICAgKTtcblxuICAgICAgLy8gU2Vjb25kIGNsaWNrIC0gdG9nZ2xlZCBpcyBmYWxzZSwgc2hvdWxkIGNhbGwgd2l0aCB0cnVlXG4gICAgICBhd2FpdCB1c2VyLmNsaWNrKHNjcmVlbi5nZXRCeVRleHQoJ1Nob3cgY29ycmVjdCBhbnN3ZXInKSk7XG4gICAgICBleHBlY3Qob25Ub2dnbGUpLnRvSGF2ZUJlZW5DYWxsZWRXaXRoKHRydWUpO1xuICAgIH0pO1xuICB9KTtcbn0pO1xuIl0sIm1hcHBpbmdzIjoiOzs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsT0FBQTtBQUNBLElBQUFDLFVBQUEsR0FBQUMsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFHLE9BQUEsR0FBQUQsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFJLE1BQUEsR0FBQUosT0FBQTtBQUVBSyxRQUFRLENBQUMs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

package/lib/expander.js

@@ -67,6 +67,7 @@ var Expander = function Expander(props) {
       exitDone: 'exit-done'
     }
   }, /*#__PURE__*/_react["default"].createElement(StyledExpander, {
+    ref: nodeRef,
     className: className
   }, children));
 };
@@ -76,4 +77,4 @@ Expander.propTypes = {
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
 };
 var _default = exports["default"] = Expander;
-//# sourceMappingURL=expander.js.map
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfcHJvcFR5cGVzIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9zdHlsZXMiLCJfcmVhY3RUcmFuc2l0aW9uR3JvdXAiLCJlIiwidCIsIldlYWtNYXAiLCJyIiwibiIsIl9fZXNNb2R1bGUiLCJvIiwiaSIsImYiLCJfX3Byb3RvX18iLCJfdHlwZW9mIiwiaGFzIiwiZ2V0Iiwic2V0IiwiX3QiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInRyYW5zaXRpb24iLCJTdHlsZWRFeHBhbmRlciIsInN0eWxlZCIsInBvc2l0aW9uIiwiaGVpZ2h0Iiwib3ZlcmZsb3ciLCJkaXNwbGF5IiwidmlzaWJpbGl0eSIsIndpZHRoIiwib3BhY2l0eSIsIm1pbkhlaWdodCIsIkV4cGFuZGVyIiwicHJvcHMiLCJzaG93IiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJub2RlUmVmIiwidXNlUmVmIiwiY3JlYXRlRWxlbWVudCIsIkNTU1RyYW5zaXRpb24iLCJhcHBlYXIiLCJtb3VudE9uRW50ZXIiLCJ0aW1lb3V0IiwiY2xhc3NOYW1lcyIsImVudGVyIiwiZW50ZXJEb25lIiwiZXhpdCIsImV4aXREb25lIiwicmVmIiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwiYm9vbCIsImlzUmVxdWlyZWQiLCJzdHJpbmciLCJvbmVPZlR5cGUiLCJhcnJheU9mIiwibm9kZSIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uL3NyYy9leHBhbmRlci5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tICdAbXVpL21hdGVyaWFsL3N0eWxlcyc7XG5pbXBvcnQgeyBDU1NUcmFuc2l0aW9uIH0gZnJvbSAncmVhY3QtdHJhbnNpdGlvbi1ncm91cCc7XG5cbmNvbnN0IHRyYW5zaXRpb24gPSAnaGVpZ2h0IGVhc2UtaW4gMzAwbXMsIG9wYWNpdHkgZWFzZS1pbiAzMDBtcyc7XG5cbmNvbnN0IFN0eWxlZEV4cGFuZGVyID0gc3R5bGVkKCdkaXYnKSgoKSA9PiAoe1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgaGVpZ2h0OiAwLFxuICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgdmlzaWJpbGl0eTogJ2hpZGRlbicsXG4gIHdpZHRoOiAwLFxuICAnJi5lbnRlcic6IHtcbiAgICB0cmFuc2l0aW9uLFxuICAgIG9wYWNpdHk6IDEsXG4gICAgaGVpZ2h0OiAnYXV0bycsXG4gICAgd2lkdGg6ICdhdXRvJyxcbiAgICB2aXNpYmlsaXR5OiAndmlzaWJsZScsXG4gICAgbWluSGVpZ2h0OiAnMjVweCcsXG4gIH0sXG4gICcmLmVudGVyLWRvbmUnOiB7XG4gICAgaGVpZ2h0OiAnYXV0bycsXG4gICAgdmlzaWJpbGl0eTogJ3Zpc2libGUnLFxuICAgIHdpZHRoOiAnYXV0bycsXG4gICAgbWluSGVpZ2h0OiAnMjVweCcsXG4gIH0sXG4gICcmLmV4aXQnOiB7XG4gICAgdHJhbnNpdGlvbixcbiAgICBvcGFjaXR5OiAwLFxuICAgIGhlaWdodDogMCxcbiAgICB2aXNpYmlsaXR5OiAndmlzaWJsZScsXG4gICAgd2lkdGg6IDAsXG4gIH0sXG4gICcmLmV4aXQtZG9uZSc6IHtcbiAgICBvcGFjaXR5OiAwLFxuICAgIHZpc2liaWxpdHk6ICdoaWRkZW4nLFxuICAgIGhlaWdodDogMCxcbiAgICB3aWR0aDogMCxcbiAgfSxcbn0pKTtcblxuY29uc3QgRXhwYW5kZXIgPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBzaG93LCBjaGlsZHJlbiwgY2xhc3NOYW1lIH0gPSBwcm9wcztcbiAgY29uc3Qgbm9kZVJlZiA9IHVzZVJlZihudWxsKTtcblxuICByZXR1cm4gKFxuICAgIDxDU1NUcmFuc2l0aW9uXG4gICAgICBub2RlUmVmPXtub2RlUmVmfVxuICAgICAgaW49e3Nob3d9XG4gICAgICBhcHBlYXI9e3RydWV9XG4gICAgICBtb3VudE9uRW50ZXI9e2ZhbHNlfVxuICAgICAgdGltZW91dD17MzAwfVxuICAgICAgY2xhc3NOYW1lcz17e1xuICAgICAgICBlbnRlcjogJ2VudGVyJyxcbiAgICAgICAgZW50ZXJEb25lOiAnZW50ZXItZG9uZScsXG4gICAgICAgIGV4aXQ6ICdleGl0JyxcbiAgICAgICAgZXhpdERvbmU6ICdleGl0LWRvbmUnLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8U3R5bGVkRXhwYW5kZXIgcmVmPXtub2RlUmVmfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkRXhwYW5kZXI+XG4gICAgPC9DU1NUcmFuc2l0aW9uPlxuICApO1xufTtcblxuRXhwYW5kZXIucHJvcFR5cGVzID0ge1xuICBzaG93OiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMubm9kZSksIFByb3BUeXBlcy5ub2RlXSkuaXNSZXF1aXJlZCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEV4cGFuZGVyO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLFVBQUEsR0FBQUMsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFHLE9BQUEsR0FBQUgsT0FBQTtBQUNBLElBQUFJLHFCQUFBLEdBQUFKLE9BQUE7QUFBdUQsU0FBQUQsd0JBQUFNLENBQUEsRUFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxNQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FB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

package/lib/expander.js.map

@@ -1 +1 @@
-{"version":3,"file":"expander.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_styles","_reactTransitionGroup","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","transition","StyledExpander","styled","position","height","overflow","display","visibility","width","opacity","minHeight","Expander","props","show","children","className","nodeRef","useRef","createElement","CSSTransition","appear","mountOnEnter","timeout","classNames","enter","enterDone","exit","exitDone","propTypes","PropTypes","bool","isRequired","string","oneOfType","arrayOf","node","_default","exports"],"sources":["../src/expander.jsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { CSSTransition } from 'react-transition-group';\n\nconst transition = 'height ease-in 300ms, opacity ease-in 300ms';\n\nconst StyledExpander = styled('div')(() => ({\n  position: 'relative',\n  height: 0,\n  overflow: 'hidden',\n  display: 'flex',\n  visibility: 'hidden',\n  width: 0,\n  '&.enter': {\n    transition,\n    opacity: 1,\n    height: 'auto',\n    width: 'auto',\n    visibility: 'visible',\n    minHeight: '25px',\n  },\n  '&.enter-done': {\n    height: 'auto',\n    visibility: 'visible',\n    width: 'auto',\n    minHeight: '25px',\n  },\n  '&.exit': {\n    transition,\n    opacity: 0,\n    height: 0,\n    visibility: 'visible',\n    width: 0,\n  },\n  '&.exit-done': {\n    opacity: 0,\n    visibility: 'hidden',\n    height: 0,\n    width: 0,\n  },\n}));\n\nconst Expander = (props) => {\n  const { show, children, className } = props;\n  const nodeRef = useRef(null);\n\n  return (\n    <CSSTransition\n      nodeRef={nodeRef}\n      in={show}\n      appear={true}\n      mountOnEnter={false}\n      timeout={300}\n      classNames={{\n        enter: 'enter',\n        enterDone: 'enter-done',\n        exit: 'exit',\n        exitDone: 'exit-done'\n      }}\n    >\n      <StyledExpander className={className}>{children}</StyledExpander>\n    </CSSTransition>\n  );\n};\n\nExpander.propTypes = {\n  show: PropTypes.bool.isRequired,\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n};\n\nexport default Expander;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"expander.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_styles","_reactTransitionGroup","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","transition","StyledExpander","styled","position","height","overflow","display","visibility","width","opacity","minHeight","Expander","props","show","children","className","nodeRef","useRef","createElement","CSSTransition","appear","mountOnEnter","timeout","classNames","enter","enterDone","exit","exitDone","ref","propTypes","PropTypes","bool","isRequired","string","oneOfType","arrayOf","node","_default","exports"],"sources":["../src/expander.jsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { CSSTransition } from 'react-transition-group';\n\nconst transition = 'height ease-in 300ms, opacity ease-in 300ms';\n\nconst StyledExpander = styled('div')(() => ({\n  position: 'relative',\n  height: 0,\n  overflow: 'hidden',\n  display: 'flex',\n  visibility: 'hidden',\n  width: 0,\n  '&.enter': {\n    transition,\n    opacity: 1,\n    height: 'auto',\n    width: 'auto',\n    visibility: 'visible',\n    minHeight: '25px',\n  },\n  '&.enter-done': {\n    height: 'auto',\n    visibility: 'visible',\n    width: 'auto',\n    minHeight: '25px',\n  },\n  '&.exit': {\n    transition,\n    opacity: 0,\n    height: 0,\n    visibility: 'visible',\n    width: 0,\n  },\n  '&.exit-done': {\n    opacity: 0,\n    visibility: 'hidden',\n    height: 0,\n    width: 0,\n  },\n}));\n\nconst Expander = (props) => {\n  const { show, children, className } = props;\n  const nodeRef = useRef(null);\n\n  return (\n    <CSSTransition\n      nodeRef={nodeRef}\n      in={show}\n      appear={true}\n      mountOnEnter={false}\n      timeout={300}\n      classNames={{\n        enter: 'enter',\n        enterDone: 'enter-done',\n        exit: 'exit',\n        exitDone: 'exit-done',\n      }}\n    >\n      <StyledExpander ref={nodeRef} className={className}>\n        {children}\n      </StyledExpander>\n    </CSSTransition>\n  );\n};\n\nExpander.propTypes = {\n  show: PropTypes.bool.isRequired,\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n};\n\nexport default Expander;\n"],"mappings":"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","ignoreList":[]}

package/lib/index.js

@@ -95,6 +95,8 @@ var CorrectAnswerToggle = exports.CorrectAnswerToggle = /*#__PURE__*/function (_
     _this.state = {
       show: props.show
     };
+    _this.openIconRef = /*#__PURE__*/_react["default"].createRef();
+    _this.closedIconRef = /*#__PURE__*/_react["default"].createRef();
     CorrectAnswerToggle.defaultProps = _objectSpread(_objectSpread({}, CorrectAnswerToggle.defaultProps), {}, {
       showMessage: translator.t('common:showCorrectAnswer', {
         lng: props.language
@@ -151,6 +153,7 @@ var CorrectAnswerToggle = exports.CorrectAnswerToggle = /*#__PURE__*/function (_
         onClick: this.onClick.bind(this),
         onTouchEnd: this.onTouch.bind(this)
       }, /*#__PURE__*/_react["default"].createElement(StyledIconHolder, null, /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.CSSTransition, {
+        nodeRef: this.openIconRef,
         timeout: 400,
         "in": toggled,
         exit: !toggled,
@@ -160,10 +163,13 @@ var CorrectAnswerToggle = exports.CorrectAnswerToggle = /*#__PURE__*/function (_
           exit: 'exit',
           exitActive: 'exit-active'
         }
-      }, /*#__PURE__*/_react["default"].createElement(StyledIcon, null, /*#__PURE__*/_react["default"].createElement(_icons.CorrectResponse, {
+      }, /*#__PURE__*/_react["default"].createElement(StyledIcon, {
+        ref: this.openIconRef
+      }, /*#__PURE__*/_react["default"].createElement(_icons.CorrectResponse, {
         open: toggled,
         key: "correct-open"
       }))), /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.CSSTransition, {
+        nodeRef: this.closedIconRef,
         timeout: 5000,
         "in": !toggled,
         exit: toggled,
@@ -173,7 +179,9 @@ var CorrectAnswerToggle = exports.CorrectAnswerToggle = /*#__PURE__*/function (_
           exit: 'exit',
           exitActive: 'exit-active'
         }
-      }, /*#__PURE__*/_react["default"].createElement(StyledIcon, null, /*#__PURE__*/_react["default"].createElement(_icons.CorrectResponse, {
+      }, /*#__PURE__*/_react["default"].createElement(StyledIcon, {
+        ref: this.closedIconRef
+      }, /*#__PURE__*/_react["default"].createElement(_icons.CorrectResponse, {
         open: toggled,
         key: "correct-closed"
       })))), /*#__PURE__*/_react["default"].createElement(_renderUi.Readable, {
@@ -200,4 +208,4 @@ var CorrectAnswerToggle = exports.CorrectAnswerToggle = /*#__PURE__*/function (_
   toggled: false
 });
 var _default = exports["default"] = CorrectAnswerToggle;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfc3R5bGVzIiwicmVxdWlyZSIsIl9yZWFjdFRyYW5zaXRpb25Hcm91cCIsIl9pY29ucyIsIl9yZW5kZXJVaSIsIl9leHBhbmRlciIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfcmVhY3QiLCJfcHJvcFR5cGVzIiwiX3RyYW5zbGF0b3IiLCJfY2FsbFN1cGVyIiwidCIsIm8iLCJlIiwiX2dldFByb3RvdHlwZU9mMiIsIl9wb3NzaWJsZUNvbnN0cnVjdG9yUmV0dXJuMiIsIl9pc05hdGl2ZVJlZmxlY3RDb25zdHJ1Y3QiLCJSZWZsZWN0IiwiY29uc3RydWN0IiwiY29uc3RydWN0b3IiLCJhcHBseSIsIkJvb2xlYW4iLCJwcm90b3R5cGUiLCJ2YWx1ZU9mIiwiY2FsbCIsIm93bktleXMiLCJyIiwiT2JqZWN0Iiwia2V5cyIsImdldE93blByb3BlcnR5U3ltYm9scyIsImZpbHRlciIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImVudW1lcmFibGUiLCJwdXNoIiwiX29iamVjdFNwcmVhZCIsImFyZ3VtZW50cyIsImxlbmd0aCIsImZvckVhY2giLCJfZGVmaW5lUHJvcGVydHkyIiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9ycyIsImRlZmluZVByb3BlcnRpZXMiLCJkZWZpbmVQcm9wZXJ0eSIsInRyYW5zbGF0b3IiLCJUcmFuc2xhdG9yIiwibm9Ub3VjaCIsIlN0eWxlZFJvb3QiLCJzdHlsZWQiLCJ3aWR0aCIsImN1cnNvciIsIlN0eWxlZENvbnRlbnQiLCJtYXJnaW4iLCJ0ZXh0QWxpZ24iLCJkaXNwbGF5IiwiU3R5bGVkTGFiZWwiLCJtaW5XaWR0aCIsImFsaWduU2VsZiIsInZlcnRpY2FsQWxpZ24iLCJjb2xvciIsImNvbmNhdCIsInRleHQiLCJmb250V2VpZ2h0IiwiU3R5bGVkSWNvbiIsInBvc2l0aW9uIiwib3BhY2l0eSIsInRyYW5zaXRpb24iLCJTdHlsZWRJY29uSG9sZGVyIiwibWFyZ2luUmlnaHQiLCJhbGlnbkl0ZW1zIiwiQ29ycmVjdEFuc3dlclRvZ2dsZSIsImV4cG9ydHMiLCJfUmVhY3QkQ29tcG9uZW50IiwicHJvcHMiLCJfdGhpcyIsIl9jbGFzc0NhbGxDaGVjazIiLCJzdGF0ZSIsInNob3ciLCJvcGVuSWNvblJlZiIsIlJlYWN0IiwiY3JlYXRlUmVmIiwiY2xvc2VkSWNvblJlZiIsImRlZmF1bHRQcm9wcyIsInNob3dNZXNzYWdlIiwibG5nIiwibGFuZ3VhZ2UiLCJoaWRlTWVzc2FnZSIsIl9pbmhlcml0czIiLCJfY3JlYXRlQ2xhc3MyIiwia2V5IiwidmFsdWUiLCJvbkNsaWNrIiwib25Ub2dnbGUiLCJ0b2dnbGVkIiwib25Ub3VjaCIsImV2ZW50IiwicHJldmVudERlZmF1bHQiLCJVTlNBRkVfY29tcG9uZW50V2lsbFJlY2VpdmVQcm9wcyIsIm5leHRQcm9wcyIsIl90aGlzJHByb3BzIiwic2V0U3RhdGUiLCJyZW5kZXIiLCJfdGhpcyRwcm9wczIiLCJjbGFzc05hbWUiLCJjcmVhdGVFbGVtZW50IiwiYmluZCIsIm9uVG91Y2hFbmQiLCJDU1NUcmFuc2l0aW9uIiwibm9kZVJlZiIsInRpbWVvdXQiLCJleGl0IiwiY2xhc3NOYW1lcyIsImVudGVyIiwiZW50ZXJBY3RpdmUiLCJleGl0QWN0aXZlIiwicmVmIiwiQ29ycmVjdFJlc3BvbnNlIiwib3BlbiIsIlJlYWRhYmxlIiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwiZnVuYyIsImJvb2wiLCJzdHJpbmciLCJfZGVmYXVsdCJdLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc3R5bGVkIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9zdHlsZXMnO1xuaW1wb3J0IHsgQ1NTVHJhbnNpdGlvbiB9IGZyb20gJ3JlYWN0LXRyYW5zaXRpb24tZ3JvdXAnO1xuaW1wb3J0IHsgQ29ycmVjdFJlc3BvbnNlIH0gZnJvbSAnQHBpZS1saWIvaWNvbnMnO1xuaW1wb3J0IHsgUmVhZGFibGUgfSBmcm9tICdAcGllLWxpYi9yZW5kZXItdWknO1xuaW1wb3J0IEV4cGFuZGVyIGZyb20gJy4vZXhwYW5kZXInO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgVHJhbnNsYXRvciBmcm9tICdAcGllLWxpYi90cmFuc2xhdG9yJztcbmltcG9ydCB7IGNvbG9yIH0gZnJvbSAnQHBpZS1saWIvcmVuZGVyLXVpJztcblxuY29uc3QgeyB0cmFuc2xhdG9yIH0gPSBUcmFuc2xhdG9yO1xuXG5jb25zdCBub1RvdWNoID0ge1xuICAnLXdlYmtpdC10b3VjaENjYWxsb3V0JzogJ25vbmUnLFxuICAnLXdlYmtpdC11c2VyLXNlbGVjdCc6ICdub25lJyxcbiAgJy1raHRtbC11c2VyLXNlbGVjdCc6ICdub25lJyxcbiAgJy1tb3otdXNlci1zZWxlY3QnOiAnbm9uZScsXG4gICctbXMtdXNlci1zZWxlY3QnOiAnbm9uZScsXG4gICd1c2VyLXNlbGVjdCc6ICdub25lJyxcbn07XG5cbmNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoJ2RpdicpKCgpID0+ICh7XG4gIHdpZHRoOiAnMTAwJScsXG4gIGN1cnNvcjogJ3BvaW50ZXInLFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkKCdkaXYnKSgoKSA9PiAoe1xuICBtYXJnaW46ICcwIGF1dG8nLFxuICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICBkaXNwbGF5OiAnZmxleCcsXG59KSk7XG5cbmNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKCdkaXYnKSgoKSA9PiAoe1xuICB3aWR0aDogJ2ZpdC1jb250ZW50JyxcbiAgbWluV2lkdGg6ICcxNDBweCcsXG4gIGFsaWduU2VsZjogJ2NlbnRlcicsXG4gIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxuICBjb2xvcjogYHZhcigtLWNvcnJlY3QtYW5zd2VyLXRvZ2dsZS1sYWJlbC1jb2xvciwgJHtjb2xvci50ZXh0KCl9KWAsXG4gIGZvbnRXZWlnaHQ6ICdub3JtYWwnLFxuICAuLi5ub1RvdWNoLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKCdkaXYnKSgoKSA9PiAoe1xuICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgd2lkdGg6ICcyNXB4JyxcbiAgJyYuZW50ZXInOiB7XG4gICAgb3BhY2l0eTogJzAnLFxuICB9LFxuICAnJi5lbnRlci1hY3RpdmUnOiB7XG4gICAgb3BhY2l0eTogJzEnLFxuICAgIHRyYW5zaXRpb246ICdvcGFjaXR5IDAuM3MgZWFzZS1pbicsXG4gIH0sXG4gICcmLmV4aXQnOiB7XG4gICAgb3BhY2l0eTogJzEnLFxuICB9LFxuICAnJi5leGl0LWFjdGl2ZSc6IHtcbiAgICBvcGFjaXR5OiAnMCcsXG4gICAgdHJhbnNpdGlvbjogJ29wYWNpdHkgMC4zcyBlYXNlLWluJyxcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSWNvbkhvbGRlciA9IHN0eWxlZCgnZGl2JykoKCkgPT4gKHtcbiAgd2lkdGg6ICcyNXB4JyxcbiAgbWFyZ2luUmlnaHQ6ICc1cHgnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxufSkpO1xuXG4vKipcbiAqIFdlIGV4cG9ydCB0aGUgcmF3IHVuc3R5bGVkIGNsYXNzIGZvciB0ZXN0YWJpbGl0eS4gRm9yIHB1YmxpYyB1c2UgcGxlYXNlIHVzZSB0aGUgZGVmYXVsdCBleHBvcnQuXG4gKi9cbmV4cG9ydCBjbGFzcyBDb3JyZWN0QW5zd2VyVG9nZ2xlIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBvblRvZ2dsZTogUHJvcFR5cGVzLmZ1bmMsXG4gICAgdG9nZ2xlZDogUHJvcFR5cGVzLmJvb2wsXG4gICAgc2hvdzogUHJvcFR5cGVzLmJvb2wsXG4gICAgaGlkZU1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgc2hvd01lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgY2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGxhbmd1YWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB9O1xuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgc2hvd01lc3NhZ2U6ICdTaG93IGNvcnJlY3QgYW5zd2VyJyxcbiAgICBoaWRlTWVzc2FnZTogJ0hpZGUgY29ycmVjdCBhbnN3ZXInLFxuICAgIHNob3c6IGZhbHNlLFxuICAgIHRvZ2dsZWQ6IGZhbHNlLFxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKHByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICBzaG93OiBwcm9wcy5zaG93LFxuICAgIH07XG4gICAgdGhpcy5vcGVuSWNvblJlZiA9IFJlYWN0LmNyZWF0ZVJlZigpO1xuICAgIHRoaXMuY2xvc2VkSWNvblJlZiA9IFJlYWN0LmNyZWF0ZVJlZigpO1xuXG4gICAgQ29ycmVjdEFuc3dlclRvZ2dsZS5kZWZhdWx0UHJvcHMgPSB7XG4gICAgICAuLi5Db3JyZWN0QW5zd2VyVG9nZ2xlLmRlZmF1bHRQcm9wcyxcbiAgICAgIHNob3dNZXNzYWdlOiB0cmFuc2xhdG9yLnQoJ2NvbW1vbjpzaG93Q29ycmVjdEFuc3dlcicsIHsgbG5nOiBwcm9wcy5sYW5ndWFnZSB9KSxcbiAgICAgIGhpZGVNZXNzYWdlOiB0cmFuc2xhdG9yLnQoJ2NvbW1vbjpoaWRlQ29ycmVjdEFuc3dlcicsIHsgbG5nOiBwcm9wcy5sYW5ndWFnZSB9KSxcbiAgICB9O1xuICB9XG5cbiAgb25DbGljaygpIHtcbiAgICB0aGlzLnByb3BzLm9uVG9nZ2xlKCF0aGlzLnByb3BzLnRvZ2dsZWQpO1xuICB9XG4gIG9uVG91Y2goZXZlbnQpIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpOyAvLyBQcmV2ZW50cyB0aGUgZGVmYXVsdCBhY3Rpb24gKGNsaWNrIGV2ZW50KVxuICAgIHRoaXMucHJvcHMub25Ub2dnbGUoIXRoaXMucHJvcHMudG9nZ2xlZCk7XG4gIH1cblxuICBVTlNBRkVfY29tcG9uZW50V2lsbFJlY2VpdmVQcm9wcyhuZXh0UHJvcHMpIHtcbiAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHNob3c6IG5leHRQcm9wcy5zaG93LFxuICAgIH0pO1xuXG4gICAgaWYgKG5leHRQcm9wcy5sYW5ndWFnZSAhPT0gdGhpcy5wcm9wcz8ubGFuZ3VhZ2UpIHtcbiAgICAgIENvcnJlY3RBbnN3ZXJUb2dnbGUuZGVmYXVsdFByb3BzID0ge1xuICAgICAgICAuLi5Db3JyZWN0QW5zd2VyVG9nZ2xlLmRlZmF1bHRQcm9wcyxcbiAgICAgICAgc2hvd01lc3NhZ2U6IHRyYW5zbGF0b3IudCgnY29tbW9uOnNob3dDb3JyZWN0QW5zd2VyJywgeyBsbmc6IG5leHRQcm9wcy5sYW5ndWFnZSB9KSxcbiAgICAgICAgaGlkZU1lc3NhZ2U6IHRyYW5zbGF0b3IudCgnY29tbW9uOmhpZGVDb3JyZWN0QW5zd2VyJywgeyBsbmc6IG5leHRQcm9wcy5sYW5ndWFnZSB9KSxcbiAgICAgIH07XG4gICAgfVxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgY2xhc3NOYW1lLCB0b2dnbGVkLCBoaWRlTWVzc2FnZSwgc2hvd01lc3NhZ2UgfSA9IHRoaXMucHJvcHM7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFJvb3QgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgICA8RXhwYW5kZXIgc2hvdz17dGhpcy5zdGF0ZS5zaG93fT5cbiAgICAgICAgICA8U3R5bGVkQ29udGVudCBvbkNsaWNrPXt0aGlzLm9uQ2xpY2suYmluZCh0aGlzKX0gb25Ub3VjaEVuZD17dGhpcy5vblRvdWNoLmJpbmQodGhpcyl9PlxuICAgICAgICAgICAgPFN0eWxlZEljb25Ib2xkZXI+XG4gICAgICAgICAgICAgIDxDU1NUcmFuc2l0aW9uXG4gICAgICAgICAgICAgICAgbm9kZVJlZj17dGhpcy5vcGVuSWNvblJlZn1cbiAgICAgICAgICAgICAgICB0aW1lb3V0PXs0MDB9XG4gICAgICAgICAgICAgICAgaW49e3RvZ2dsZWR9XG4gICAgICAgICAgICAgICAgZXhpdD17IXRvZ2dsZWR9XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lcz17e1xuICAgICAgICAgICAgICAgICAgZW50ZXI6ICdlbnRlcicsXG4gICAgICAgICAgICAgICAgICBlbnRlckFjdGl2ZTogJ2VudGVyLWFjdGl2ZScsXG4gICAgICAgICAgICAgICAgICBleGl0OiAnZXhpdCcsXG4gICAgICAgICAgICAgICAgICBleGl0QWN0aXZlOiAnZXhpdC1hY3RpdmUnLFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8U3R5bGVkSWNvbiByZWY9e3RoaXMub3Blbkljb25SZWZ9PlxuICAgICAgICAgICAgICAgICAgPENvcnJlY3RSZXNwb25zZSBvcGVuPXt0b2dnbGVkfSBrZXk9XCJjb3JyZWN0LW9wZW5cIiAvPlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkSWNvbj5cbiAgICAgICAgICAgICAgPC9DU1NUcmFuc2l0aW9uPlxuICAgICAgICAgICAgICA8Q1NTVHJhbnNpdGlvblxuICAgICAgICAgICAgICAgIG5vZGVSZWY9e3RoaXMuY2xvc2VkSWNvblJlZn1cbiAgICAgICAgICAgICAgICB0aW1lb3V0PXs1MDAwfVxuICAgICAgICAgICAgICAgIGluPXshdG9nZ2xlZH1cbiAgICAgICAgICAgICAgICBleGl0PXt0b2dnbGVkfVxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZXM9e3tcbiAgICAgICAgICAgICAgICAgIGVudGVyOiAnZW50ZXInLFxuICAgICAgICAgICAgICAgICAgZW50ZXJBY3RpdmU6ICdlbnRlci1hY3RpdmUnLFxuICAgICAgICAgICAgICAgICAgZXhpdDogJ2V4aXQnLFxuICAgICAgICAgICAgICAgICAgZXhpdEFjdGl2ZTogJ2V4aXQtYWN0aXZlJyxcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFN0eWxlZEljb24gcmVmPXt0aGlzLmNsb3NlZEljb25SZWZ9PlxuICAgICAgICAgICAgICAgICAgPENvcnJlY3RSZXNwb25zZSBvcGVuPXt0b2dnbGVkfSBrZXk9XCJjb3JyZWN0LWNsb3NlZFwiIC8+XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRJY29uPlxuICAgICAgICAgICAgICA8L0NTU1RyYW5zaXRpb24+XG4gICAgICAgICAgICA8L1N0eWxlZEljb25Ib2xkZXI+XG4gICAgICAgICAgICA8UmVhZGFibGUgZmFsc2U+XG4gICAgICAgICAgICAgIDxTdHlsZWRMYWJlbCBhcmlhLWhpZGRlbj17IXRoaXMuc3RhdGUuc2hvd30+e3RvZ2dsZWQgPyBoaWRlTWVzc2FnZSA6IHNob3dNZXNzYWdlfTwvU3R5bGVkTGFiZWw+XG4gICAgICAgICAgICA8L1JlYWRhYmxlPlxuICAgICAgICAgIDwvU3R5bGVkQ29udGVudD5cbiAgICAgICAgPC9FeHBhbmRlcj5cbiAgICAgIDwvU3R5bGVkUm9vdD5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IENvcnJlY3RBbnN3ZXJUb2dnbGU7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxPQUFBLEdBQUFDLE9BQUE7QUFDQSxJQUFBQyxxQkFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsTUFBQSxHQUFBRixPQUFBO0FBQ0EsSUFBQUcsU0FBQSxHQUFBSCxPQUFBO0FBQ0EsSUFBQUksU0FBQSxHQUFBQyxzQkFBQSxDQUFBTCxPQUFBO0FBQ0EsSUFBQU0sTUFBQSxHQUFBRCxzQkFBQSxDQUFBTCxPQUFBO0FBQ0EsSUFBQU8sVUFBQSxHQUFBRixzQkFBQSxDQUFBTCxPQUFBO0FBQ0EsSUFBQVEsV0FBQSxHQUFBSCxzQkFBQSxDQUFBTCxPQUFBO0FBQTZDLFNBQUFTLFdBQUFDLENBQUEsRUFBQUMsQ0FBQSxFQUFBQyxDQUFBLFdBQUFELENBQUEsT0FBQUUsZ0JBQUEsYUFBQUYsQ0FBQSxPQUFBRywyQkFBQSxhQUFBSixDQUFBLEVBQUFLLHlCQUFBLEtBQUFDLE9BQUEsQ0FBQUMsU0FBQSxD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

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_styles","require","_reactTransitionGroup","_icons","_renderUi","_expander","_interopRequireDefault","_react","_propTypes","_translator","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","translator","Translator","noTouch","StyledRoot","styled","width","cursor","StyledContent","margin","textAlign","display","StyledLabel","minWidth","alignSelf","verticalAlign","color","concat","text","fontWeight","StyledIcon","position","opacity","transition","StyledIconHolder","marginRight","alignItems","CorrectAnswerToggle","exports","_React$Component","props","_this","_classCallCheck2","state","show","defaultProps","showMessage","lng","language","hideMessage","_inherits2","_createClass2","key","value","onClick","onToggle","toggled","onTouch","event","preventDefault","UNSAFE_componentWillReceiveProps","nextProps","_this$props","setState","render","_this$props2","className","createElement","bind","onTouchEnd","CSSTransition","timeout","exit","classNames","enter","enterActive","exitActive","CorrectResponse","open","Readable","React","Component","PropTypes","func","bool","string","_default"],"sources":["../src/index.jsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { CSSTransition } from 'react-transition-group';\nimport { CorrectResponse } from '@pie-lib/icons';\nimport { Readable } from '@pie-lib/render-ui';\nimport Expander from './expander';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport Translator from '@pie-lib/translator';\nimport { color } from '@pie-lib/render-ui';\n\nconst { translator } = Translator;\n\nconst noTouch = {\n  '-webkit-touchCcallout': 'none',\n  '-webkit-user-select': 'none',\n  '-khtml-user-select': 'none',\n  '-moz-user-select': 'none',\n  '-ms-user-select': 'none',\n  'user-select': 'none',\n};\n\nconst StyledRoot = styled('div')(() => ({\n  width: '100%',\n  cursor: 'pointer',\n}));\n\nconst StyledContent = styled('div')(() => ({\n  margin: '0 auto',\n  textAlign: 'center',\n  display: 'flex',\n}));\n\nconst StyledLabel = styled('div')(() => ({\n  width: 'fit-content',\n  minWidth: '140px',\n  alignSelf: 'center',\n  verticalAlign: 'middle',\n  color: `var(--correct-answer-toggle-label-color, ${color.text()})`,\n  fontWeight: 'normal',\n  ...noTouch,\n}));\n\nconst StyledIcon = styled('div')(() => ({\n  position: 'absolute',\n  width: '25px',\n  '&.enter': {\n    opacity: '0',\n  },\n  '&.enter-active': {\n    opacity: '1',\n    transition: 'opacity 0.3s ease-in',\n  },\n  '&.exit': {\n    opacity: '1',\n  },\n  '&.exit-active': {\n    opacity: '0',\n    transition: 'opacity 0.3s ease-in',\n  },\n}));\n\nconst StyledIconHolder = styled('div')(() => ({\n  width: '25px',\n  marginRight: '5px',\n  display: 'flex',\n  alignItems: 'center',\n}));\n\n/**\n * We export the raw unstyled class for testability. For public use please use the default export.\n */\nexport class CorrectAnswerToggle extends React.Component {\n  static propTypes = {\n    onToggle: PropTypes.func,\n    toggled: PropTypes.bool,\n    show: PropTypes.bool,\n    hideMessage: PropTypes.string,\n    showMessage: PropTypes.string,\n    className: PropTypes.string,\n    language: PropTypes.string,\n  };\n\n  static defaultProps = {\n    showMessage: 'Show correct answer',\n    hideMessage: 'Hide correct answer',\n    show: false,\n    toggled: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      show: props.show,\n    };\n\n    CorrectAnswerToggle.defaultProps = {\n      ...CorrectAnswerToggle.defaultProps,\n      showMessage: translator.t('common:showCorrectAnswer', { lng: props.language }),\n      hideMessage: translator.t('common:hideCorrectAnswer', { lng: props.language }),\n    };\n  }\n\n  onClick() {\n    this.props.onToggle(!this.props.toggled);\n  }\n  onTouch(event) {\n    event.preventDefault(); // Prevents the default action (click event)\n    this.props.onToggle(!this.props.toggled);\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    this.setState({\n      show: nextProps.show,\n    });\n\n    if (nextProps.language !== this.props?.language) {\n      CorrectAnswerToggle.defaultProps = {\n        ...CorrectAnswerToggle.defaultProps,\n        showMessage: translator.t('common:showCorrectAnswer', { lng: nextProps.language }),\n        hideMessage: translator.t('common:hideCorrectAnswer', { lng: nextProps.language }),\n      };\n    }\n  }\n\n  render() {\n    const { className, toggled, hideMessage, showMessage } = this.props;\n\n    return (\n      <StyledRoot className={className}>\n        <Expander show={this.state.show}>\n          <StyledContent onClick={this.onClick.bind(this)} onTouchEnd={this.onTouch.bind(this)}>\n            <StyledIconHolder>\n              <CSSTransition \n                timeout={400} \n                in={toggled} \n                exit={!toggled} \n                classNames={{\n                  enter: 'enter',\n                  enterActive: 'enter-active',\n                  exit: 'exit',\n                  exitActive: 'exit-active'\n                }}\n              >\n                <StyledIcon>\n                  <CorrectResponse open={toggled} key=\"correct-open\" />\n                </StyledIcon>\n              </CSSTransition>\n              <CSSTransition \n                timeout={5000} \n                in={!toggled} \n                exit={toggled} \n                classNames={{\n                  enter: 'enter',\n                  enterActive: 'enter-active',\n                  exit: 'exit',\n                  exitActive: 'exit-active'\n                }}\n              >\n                <StyledIcon>\n                  <CorrectResponse open={toggled} key=\"correct-closed\" />\n                </StyledIcon>\n              </CSSTransition>\n            </StyledIconHolder>\n            <Readable false>\n              <StyledLabel aria-hidden={!this.state.show}>\n                {toggled ? hideMessage : showMessage}\n              </StyledLabel>\n            </Readable>\n          </StyledContent>\n        </Expander>\n      </StyledRoot>\n    );\n  }\n}\n\nexport default CorrectAnswerToggle;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_styles","require","_reactTransitionGroup","_icons","_renderUi","_expander","_interopRequireDefault","_react","_propTypes","_translator","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","translator","Translator","noTouch","StyledRoot","styled","width","cursor","StyledContent","margin","textAlign","display","StyledLabel","minWidth","alignSelf","verticalAlign","color","concat","text","fontWeight","StyledIcon","position","opacity","transition","StyledIconHolder","marginRight","alignItems","CorrectAnswerToggle","exports","_React$Component","props","_this","_classCallCheck2","state","show","openIconRef","React","createRef","closedIconRef","defaultProps","showMessage","lng","language","hideMessage","_inherits2","_createClass2","key","value","onClick","onToggle","toggled","onTouch","event","preventDefault","UNSAFE_componentWillReceiveProps","nextProps","_this$props","setState","render","_this$props2","className","createElement","bind","onTouchEnd","CSSTransition","nodeRef","timeout","exit","classNames","enter","enterActive","exitActive","ref","CorrectResponse","open","Readable","Component","PropTypes","func","bool","string","_default"],"sources":["../src/index.jsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { CSSTransition } from 'react-transition-group';\nimport { CorrectResponse } from '@pie-lib/icons';\nimport { Readable } from '@pie-lib/render-ui';\nimport Expander from './expander';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport Translator from '@pie-lib/translator';\nimport { color } from '@pie-lib/render-ui';\n\nconst { translator } = Translator;\n\nconst noTouch = {\n  '-webkit-touchCcallout': 'none',\n  '-webkit-user-select': 'none',\n  '-khtml-user-select': 'none',\n  '-moz-user-select': 'none',\n  '-ms-user-select': 'none',\n  'user-select': 'none',\n};\n\nconst StyledRoot = styled('div')(() => ({\n  width: '100%',\n  cursor: 'pointer',\n}));\n\nconst StyledContent = styled('div')(() => ({\n  margin: '0 auto',\n  textAlign: 'center',\n  display: 'flex',\n}));\n\nconst StyledLabel = styled('div')(() => ({\n  width: 'fit-content',\n  minWidth: '140px',\n  alignSelf: 'center',\n  verticalAlign: 'middle',\n  color: `var(--correct-answer-toggle-label-color, ${color.text()})`,\n  fontWeight: 'normal',\n  ...noTouch,\n}));\n\nconst StyledIcon = styled('div')(() => ({\n  position: 'absolute',\n  width: '25px',\n  '&.enter': {\n    opacity: '0',\n  },\n  '&.enter-active': {\n    opacity: '1',\n    transition: 'opacity 0.3s ease-in',\n  },\n  '&.exit': {\n    opacity: '1',\n  },\n  '&.exit-active': {\n    opacity: '0',\n    transition: 'opacity 0.3s ease-in',\n  },\n}));\n\nconst StyledIconHolder = styled('div')(() => ({\n  width: '25px',\n  marginRight: '5px',\n  display: 'flex',\n  alignItems: 'center',\n}));\n\n/**\n * We export the raw unstyled class for testability. For public use please use the default export.\n */\nexport class CorrectAnswerToggle extends React.Component {\n  static propTypes = {\n    onToggle: PropTypes.func,\n    toggled: PropTypes.bool,\n    show: PropTypes.bool,\n    hideMessage: PropTypes.string,\n    showMessage: PropTypes.string,\n    className: PropTypes.string,\n    language: PropTypes.string,\n  };\n\n  static defaultProps = {\n    showMessage: 'Show correct answer',\n    hideMessage: 'Hide correct answer',\n    show: false,\n    toggled: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      show: props.show,\n    };\n    this.openIconRef = React.createRef();\n    this.closedIconRef = React.createRef();\n\n    CorrectAnswerToggle.defaultProps = {\n      ...CorrectAnswerToggle.defaultProps,\n      showMessage: translator.t('common:showCorrectAnswer', { lng: props.language }),\n      hideMessage: translator.t('common:hideCorrectAnswer', { lng: props.language }),\n    };\n  }\n\n  onClick() {\n    this.props.onToggle(!this.props.toggled);\n  }\n  onTouch(event) {\n    event.preventDefault(); // Prevents the default action (click event)\n    this.props.onToggle(!this.props.toggled);\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    this.setState({\n      show: nextProps.show,\n    });\n\n    if (nextProps.language !== this.props?.language) {\n      CorrectAnswerToggle.defaultProps = {\n        ...CorrectAnswerToggle.defaultProps,\n        showMessage: translator.t('common:showCorrectAnswer', { lng: nextProps.language }),\n        hideMessage: translator.t('common:hideCorrectAnswer', { lng: nextProps.language }),\n      };\n    }\n  }\n\n  render() {\n    const { className, toggled, hideMessage, showMessage } = this.props;\n\n    return (\n      <StyledRoot className={className}>\n        <Expander show={this.state.show}>\n          <StyledContent onClick={this.onClick.bind(this)} onTouchEnd={this.onTouch.bind(this)}>\n            <StyledIconHolder>\n              <CSSTransition\n                nodeRef={this.openIconRef}\n                timeout={400}\n                in={toggled}\n                exit={!toggled}\n                classNames={{\n                  enter: 'enter',\n                  enterActive: 'enter-active',\n                  exit: 'exit',\n                  exitActive: 'exit-active',\n                }}\n              >\n                <StyledIcon ref={this.openIconRef}>\n                  <CorrectResponse open={toggled} key=\"correct-open\" />\n                </StyledIcon>\n              </CSSTransition>\n              <CSSTransition\n                nodeRef={this.closedIconRef}\n                timeout={5000}\n                in={!toggled}\n                exit={toggled}\n                classNames={{\n                  enter: 'enter',\n                  enterActive: 'enter-active',\n                  exit: 'exit',\n                  exitActive: 'exit-active',\n                }}\n              >\n                <StyledIcon ref={this.closedIconRef}>\n                  <CorrectResponse open={toggled} key=\"correct-closed\" />\n                </StyledIcon>\n              </CSSTransition>\n            </StyledIconHolder>\n            <Readable false>\n              <StyledLabel aria-hidden={!this.state.show}>{toggled ? hideMessage : showMessage}</StyledLabel>\n            </Readable>\n          </StyledContent>\n        </Expander>\n      </StyledRoot>\n    );\n  }\n}\n\nexport default CorrectAnswerToggle;\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -12,7 +12,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "main": "lib/index.js",
   "module": "src/index.jsx",
   "scripts": {},
@@ -21,9 +21,9 @@
     "@emotion/style": "^0.8.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/icons": "2.24.2-next.16",
-    "@pie-lib/render-ui": "4.35.3-next.15",
-    "@pie-lib/translator": "2.23.2-next.16",
+    "@pie-lib/icons": "3.1.0-next.0",
+    "@pie-lib/render-ui": "5.1.0-next.0",
+    "@pie-lib/translator": "3.1.0-next.0",
     "lodash": "^4.17.11",
     "prop-types": "^15.6.2",
     "react-transition-group": "^4.4.5"
@@ -36,13 +36,5 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "f104bab3116a65a39c55efc48387d8701c0c1d84",
-  "exports": {
-    ".": {
-      "require": "./lib/index.js",
-      "import": "./src/index.jsx",
-      "default": "./lib/index.js"
-    },
-    "./esm": "./esm/index.js"
-  }
+  "gitHead": "d33251d33967cfc861dfe0ac05a1cac7b91bb7e1"
 }

package/src/expander.jsx

@@ -56,10 +56,12 @@ const Expander = (props) => {
         enter: 'enter',
         enterDone: 'enter-done',
         exit: 'exit',
-        exitDone: 'exit-done'
+        exitDone: 'exit-done',
       }}
     >
-      <StyledExpander className={className}>{children}</StyledExpander>
+      <StyledExpander ref={nodeRef} className={className}>
+        {children}
+      </StyledExpander>
     </CSSTransition>
   );
 };

package/src/index.jsx

@@ -92,6 +92,8 @@ export class CorrectAnswerToggle extends React.Component {
     this.state = {
       show: props.show,
     };
+    this.openIconRef = React.createRef();
+    this.closedIconRef = React.createRef();
 
     CorrectAnswerToggle.defaultProps = {
       ...CorrectAnswerToggle.defaultProps,
@@ -130,41 +132,41 @@ export class CorrectAnswerToggle extends React.Component {
         <Expander show={this.state.show}>
           <StyledContent onClick={this.onClick.bind(this)} onTouchEnd={this.onTouch.bind(this)}>
             <StyledIconHolder>
-              <CSSTransition 
-                timeout={400} 
-                in={toggled} 
-                exit={!toggled} 
+              <CSSTransition
+                nodeRef={this.openIconRef}
+                timeout={400}
+                in={toggled}
+                exit={!toggled}
                 classNames={{
                   enter: 'enter',
                   enterActive: 'enter-active',
                   exit: 'exit',
-                  exitActive: 'exit-active'
+                  exitActive: 'exit-active',
                 }}
               >
-                <StyledIcon>
+                <StyledIcon ref={this.openIconRef}>
                   <CorrectResponse open={toggled} key="correct-open" />
                 </StyledIcon>
               </CSSTransition>
-              <CSSTransition 
-                timeout={5000} 
-                in={!toggled} 
-                exit={toggled} 
+              <CSSTransition
+                nodeRef={this.closedIconRef}
+                timeout={5000}
+                in={!toggled}
+                exit={toggled}
                 classNames={{
                   enter: 'enter',
                   enterActive: 'enter-active',
                   exit: 'exit',
-                  exitActive: 'exit-active'
+                  exitActive: 'exit-active',
                 }}
               >
-                <StyledIcon>
+                <StyledIcon ref={this.closedIconRef}>
                   <CorrectResponse open={toggled} key="correct-closed" />
                 </StyledIcon>
               </CSSTransition>
             </StyledIconHolder>
             <Readable false>
-              <StyledLabel aria-hidden={!this.state.show}>
-                {toggled ? hideMessage : showMessage}
-              </StyledLabel>
+              <StyledLabel aria-hidden={!this.state.show}>{toggled ? hideMessage : showMessage}</StyledLabel>
             </Readable>
           </StyledContent>
         </Expander>