@pie-lib/correct-answer-toggle 2.25.3-next.2 → 2.25.4-next.0

package/CHANGELOG.md

@@ -7,153 +7,83 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 **Note:** Version bump only for package @pie-lib/correct-answer-toggle
 
-
-
-
-
 ## [2.25.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.21.2...@pie-lib/correct-answer-toggle@2.25.1) (2025-10-22)
 
 **Note:** Version bump only for package @pie-lib/correct-answer-toggle
 
-
-
-
-
 # [2.25.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.24.0...@pie-lib/correct-answer-toggle@2.25.0) (2025-10-16)
 
 **Note:** Version bump only for package @pie-lib/correct-answer-toggle
 
-
-
-
-
 # [2.24.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.21.0...@pie-lib/correct-answer-toggle@2.24.0) (2025-10-16)
 
 **Note:** Version bump only for package @pie-lib/correct-answer-toggle
 
-
-
-
-
 # [2.23.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.21.0...@pie-lib/correct-answer-toggle@2.23.0) (2025-10-16)
 
 **Note:** Version bump only for package @pie-lib/correct-answer-toggle
 
-
-
-
-
 # [2.22.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.21.0...@pie-lib/correct-answer-toggle@2.22.0) (2025-10-16)
 
 **Note:** Version bump only for package @pie-lib/correct-answer-toggle
 
-
-
-
-
 ## [2.21.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.21.1...@pie-lib/correct-answer-toggle@2.21.2) (2025-10-14)
 
 **Note:** Version bump only for package @pie-lib/correct-answer-toggle
 
-
-
-
-
 ## [2.21.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.21.0...@pie-lib/correct-answer-toggle@2.21.1) (2025-10-09)
 
 **Note:** Version bump only for package @pie-lib/correct-answer-toggle
 
-
-
-
-
 # [2.21.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.5.11...@pie-lib/correct-answer-toggle@2.21.0) (2025-09-25)
 
-
 ### Bug Fixes
 
-* fixed pie-lib/icons import [PD-5126] ([dcb506c](https://github.com/pie-framework/pie-lib/commit/dcb506c914a177f6d88bf73247a023bfe71dac1f))
-
+- fixed pie-lib/icons import [PD-5126](<[dcb506c](https://github.com/pie-framework/pie-lib/commit/dcb506c914a177f6d88bf73247a023bfe71dac1f)>)
 
 ### Features
 
-* split pie-toolbox into multiple packages [PD-5126] ([7d55a25](https://github.com/pie-framework/pie-lib/commit/7d55a2552d084cd3d0d5c00dc77411b2ced2f5e2))
-
-
-
-
+- split pie-toolbox into multiple packages [PD-5126](<[7d55a25](https://github.com/pie-framework/pie-lib/commit/7d55a2552d084cd3d0d5c00dc77411b2ced2f5e2)>)
 
 # [2.20.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.19.0...@pie-lib/correct-answer-toggle@2.20.0) (2025-09-18)
 
 **Note:** Version bump only for package @pie-lib/correct-answer-toggle
 
-
-
-
-
 # [2.19.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.18.0...@pie-lib/correct-answer-toggle@2.19.0) (2025-09-18)
 
 **Note:** Version bump only for package @pie-lib/correct-answer-toggle
 
-
-
-
-
 # [2.18.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.5.11...@pie-lib/correct-answer-toggle@2.18.0) (2025-09-18)
 
-
 ### Bug Fixes
 
-* fixed pie-lib/icons import [PD-5126] ([dcb506c](https://github.com/pie-framework/pie-lib/commit/dcb506c914a177f6d88bf73247a023bfe71dac1f))
-
+- fixed pie-lib/icons import [PD-5126](<[dcb506c](https://github.com/pie-framework/pie-lib/commit/dcb506c914a177f6d88bf73247a023bfe71dac1f)>)
 
 ### Features
 
-* split pie-toolbox into multiple packages [PD-5126] ([7d55a25](https://github.com/pie-framework/pie-lib/commit/7d55a2552d084cd3d0d5c00dc77411b2ced2f5e2))
-
-
-
-
+- split pie-toolbox into multiple packages [PD-5126](<[7d55a25](https://github.com/pie-framework/pie-lib/commit/7d55a2552d084cd3d0d5c00dc77411b2ced2f5e2)>)
 
 # [2.17.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.16.0...@pie-lib/correct-answer-toggle@2.17.0) (2025-09-17)
 
 **Note:** Version bump only for package @pie-lib/correct-answer-toggle
 
-
-
-
-
 # [2.16.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.15.0...@pie-lib/correct-answer-toggle@2.16.0) (2025-09-17)
 
 **Note:** Version bump only for package @pie-lib/correct-answer-toggle
 
-
-
-
-
 # [2.15.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.14.1...@pie-lib/correct-answer-toggle@2.15.0) (2025-09-17)
 
 **Note:** Version bump only for package @pie-lib/correct-answer-toggle
 
-
-
-
-
 ## [2.14.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.5.11...@pie-lib/correct-answer-toggle@2.14.1) (2025-08-11)
 
-
 ### Bug Fixes
 
-* fixed pie-lib/icons import [PD-5126] ([dcb506c](https://github.com/pie-framework/pie-lib/commit/dcb506c914a177f6d88bf73247a023bfe71dac1f))
-
+- fixed pie-lib/icons import [PD-5126](<[dcb506c](https://github.com/pie-framework/pie-lib/commit/dcb506c914a177f6d88bf73247a023bfe71dac1f)>)
 
 ### Features
 
-* split pie-toolbox into multiple packages [PD-5126] ([7d55a25](https://github.com/pie-framework/pie-lib/commit/7d55a2552d084cd3d0d5c00dc77411b2ced2f5e2))
-
-
-
-
+- split pie-toolbox into multiple packages [PD-5126](<[7d55a25](https://github.com/pie-framework/pie-lib/commit/7d55a2552d084cd3d0d5c00dc77411b2ced2f5e2)>)
 
 # [2.14.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.5.11...@pie-lib/correct-answer-toggle@2.14.0) (2025-08-07)
 

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

@@ -1,60 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _styles = require("@mui/material/styles");
 var _reactTransitionGroup = require("react-transition-group");
-
-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; }
-
-var Expander = function Expander(props) {
-  var classes = props.classes,
-      show = props.show,
-      children = props.children;
-  return /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.CSSTransition, {
-    "in": show,
-    appear: true,
-    mountOnEnter: false,
-    timeout: 300,
-    classNames: _objectSpread({}, classes)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.expander
-  }, children));
-};
-
-Expander.propTypes = {
-  show: _propTypes["default"].bool.isRequired,
-  className: _propTypes["default"].string,
-  classes: _propTypes["default"].object,
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
-};
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var transition = 'height ease-in 300ms, opacity ease-in 300ms';
-
-var _default = (0, _styles.withStyles)(function () {
+var StyledExpander = (0, _styles.styled)('div')(function () {
   return {
-    expander: {
-      position: 'relative',
-      height: 0,
-      overflow: 'hidden',
-      display: 'flex',
-      visibility: 'hidden',
-      width: 0
-    },
-    enter: {
+    position: 'relative',
+    height: 0,
+    overflow: 'hidden',
+    display: 'flex',
+    visibility: 'hidden',
+    width: 0,
+    '&.enter': {
       transition: transition,
       opacity: 1,
       height: 'auto',
@@ -62,27 +28,52 @@ var _default = (0, _styles.withStyles)(function () {
       visibility: 'visible',
       minHeight: '25px'
     },
-    enterDone: {
+    '&.enter-done': {
       height: 'auto',
       visibility: 'visible',
       width: 'auto',
       minHeight: '25px'
     },
-    exit: {
+    '&.exit': {
       transition: transition,
       opacity: 0,
       height: 0,
       visibility: 'visible',
       width: 0
     },
-    exitDone: {
+    '&.exit-done': {
       opacity: 0,
       visibility: 'hidden',
       height: 0,
       width: 0
     }
   };
-})(Expander);
-
-exports["default"] = _default;
-//# sourceMappingURL=expander.js.map
+});
+var Expander = function Expander(props) {
+  var show = props.show,
+    children = props.children,
+    className = props.className;
+  var nodeRef = (0, _react.useRef)(null);
+  return /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.CSSTransition, {
+    nodeRef: nodeRef,
+    "in": show,
+    appear: true,
+    mountOnEnter: false,
+    timeout: 300,
+    classNames: {
+      enter: 'enter',
+      enterDone: 'enter-done',
+      exit: 'exit',
+      exitDone: 'exit-done'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(StyledExpander, {
+    className: className
+  }, children));
+};
+Expander.propTypes = {
+  show: _propTypes["default"].bool.isRequired,
+  className: _propTypes["default"].string,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
+};
+var _default = exports["default"] = Expander;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfcHJvcFR5cGVzIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9zdHlsZXMiLCJfcmVhY3RUcmFuc2l0aW9uR3JvdXAiLCJlIiwidCIsIldlYWtNYXAiLCJyIiwibiIsIl9fZXNNb2R1bGUiLCJvIiwiaSIsImYiLCJfX3Byb3RvX18iLCJfdHlwZW9mIiwiaGFzIiwiZ2V0Iiwic2V0IiwiX3QiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInRyYW5zaXRpb24iLCJTdHlsZWRFeHBhbmRlciIsInN0eWxlZCIsInBvc2l0aW9uIiwiaGVpZ2h0Iiwib3ZlcmZsb3ciLCJkaXNwbGF5IiwidmlzaWJpbGl0eSIsIndpZHRoIiwib3BhY2l0eSIsIm1pbkhlaWdodCIsIkV4cGFuZGVyIiwicHJvcHMiLCJzaG93IiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJub2RlUmVmIiwidXNlUmVmIiwiY3JlYXRlRWxlbWVudCIsIkNTU1RyYW5zaXRpb24iLCJhcHBlYXIiLCJtb3VudE9uRW50ZXIiLCJ0aW1lb3V0IiwiY2xhc3NOYW1lcyIsImVudGVyIiwiZW50ZXJEb25lIiwiZXhpdCIsImV4aXREb25lIiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwiYm9vbCIsImlzUmVxdWlyZWQiLCJzdHJpbmciLCJvbmVPZlR5cGUiLCJhcnJheU9mIiwibm9kZSIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uL3NyYy9leHBhbmRlci5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tICdAbXVpL21hdGVyaWFsL3N0eWxlcyc7XG5pbXBvcnQgeyBDU1NUcmFuc2l0aW9uIH0gZnJvbSAncmVhY3QtdHJhbnNpdGlvbi1ncm91cCc7XG5cbmNvbnN0IHRyYW5zaXRpb24gPSAnaGVpZ2h0IGVhc2UtaW4gMzAwbXMsIG9wYWNpdHkgZWFzZS1pbiAzMDBtcyc7XG5cbmNvbnN0IFN0eWxlZEV4cGFuZGVyID0gc3R5bGVkKCdkaXYnKSgoKSA9PiAoe1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgaGVpZ2h0OiAwLFxuICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgdmlzaWJpbGl0eTogJ2hpZGRlbicsXG4gIHdpZHRoOiAwLFxuICAnJi5lbnRlcic6IHtcbiAgICB0cmFuc2l0aW9uLFxuICAgIG9wYWNpdHk6IDEsXG4gICAgaGVpZ2h0OiAnYXV0bycsXG4gICAgd2lkdGg6ICdhdXRvJyxcbiAgICB2aXNpYmlsaXR5OiAndmlzaWJsZScsXG4gICAgbWluSGVpZ2h0OiAnMjVweCcsXG4gIH0sXG4gICcmLmVudGVyLWRvbmUnOiB7XG4gICAgaGVpZ2h0OiAnYXV0bycsXG4gICAgdmlzaWJpbGl0eTogJ3Zpc2libGUnLFxuICAgIHdpZHRoOiAnYXV0bycsXG4gICAgbWluSGVpZ2h0OiAnMjVweCcsXG4gIH0sXG4gICcmLmV4aXQnOiB7XG4gICAgdHJhbnNpdGlvbixcbiAgICBvcGFjaXR5OiAwLFxuICAgIGhlaWdodDogMCxcbiAgICB2aXNpYmlsaXR5OiAndmlzaWJsZScsXG4gICAgd2lkdGg6IDAsXG4gIH0sXG4gICcmLmV4aXQtZG9uZSc6IHtcbiAgICBvcGFjaXR5OiAwLFxuICAgIHZpc2liaWxpdHk6ICdoaWRkZW4nLFxuICAgIGhlaWdodDogMCxcbiAgICB3aWR0aDogMCxcbiAgfSxcbn0pKTtcblxuY29uc3QgRXhwYW5kZXIgPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBzaG93LCBjaGlsZHJlbiwgY2xhc3NOYW1lIH0gPSBwcm9wcztcbiAgY29uc3Qgbm9kZVJlZiA9IHVzZVJlZihudWxsKTtcblxuICByZXR1cm4gKFxuICAgIDxDU1NUcmFuc2l0aW9uXG4gICAgICBub2RlUmVmPXtub2RlUmVmfVxuICAgICAgaW49e3Nob3d9XG4gICAgICBhcHBlYXI9e3RydWV9XG4gICAgICBtb3VudE9uRW50ZXI9e2ZhbHNlfVxuICAgICAgdGltZW91dD17MzAwfVxuICAgICAgY2xhc3NOYW1lcz17e1xuICAgICAgICBlbnRlcjogJ2VudGVyJyxcbiAgICAgICAgZW50ZXJEb25lOiAnZW50ZXItZG9uZScsXG4gICAgICAgIGV4aXQ6ICdleGl0JyxcbiAgICAgICAgZXhpdERvbmU6ICdleGl0LWRvbmUnXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxTdHlsZWRFeHBhbmRlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0+e2NoaWxkcmVufTwvU3R5bGVkRXhwYW5kZXI+XG4gICAgPC9DU1NUcmFuc2l0aW9uPlxuICApO1xufTtcblxuRXhwYW5kZXIucHJvcFR5cGVzID0ge1xuICBzaG93OiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMubm9kZSksIFByb3BUeXBlcy5ub2RlXSkuaXNSZXF1aXJlZCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEV4cGFuZGVyO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLFVBQUEsR0FBQUMsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFHLE9BQUEsR0FBQUgsT0FBQTtBQUNBLElBQUFJLHFCQUFBLEdBQUFKLE9BQUE7QUFBdUQsU0FBQUQsd0JBQUFNLENBQUEsRUFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxNQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFSLHVCQUFBLFlBQUFBLHdCQUFBTSxD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

package/lib/expander.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/expander.jsx"],"names":["Expander","props","classes","show","children","expander","propTypes","PropTypes","bool","isRequired","className","string","object","oneOfType","arrayOf","node","transition","position","height","overflow","display","visibility","width","enter","opacity","minHeight","enterDone","exit","exitDone"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;AAC1B,MAAQC,OAAR,GAAoCD,KAApC,CAAQC,OAAR;AAAA,MAAiBC,IAAjB,GAAoCF,KAApC,CAAiBE,IAAjB;AAAA,MAAuBC,QAAvB,GAAoCH,KAApC,CAAuBG,QAAvB;AAEA,sBACE,gCAAC,mCAAD;AAAe,UAAID,IAAnB;AAAyB,IAAA,MAAM,EAAE,IAAjC;AAAuC,IAAA,YAAY,EAAE,KAArD;AAA4D,IAAA,OAAO,EAAE,GAArE;AAA0E,IAAA,UAAU,oBAAOD,OAAP;AAApF,kBACE;AAAK,IAAA,SAAS,EAAEA,OAAO,CAACG;AAAxB,KAAmCD,QAAnC,CADF,CADF;AAKD,CARD;;AAUAJ,QAAQ,CAACM,SAAT,GAAqB;AACnBH,EAAAA,IAAI,EAAEI,sBAAUC,IAAV,CAAeC,UADF;AAEnBC,EAAAA,SAAS,EAAEH,sBAAUI,MAFF;AAGnBT,EAAAA,OAAO,EAAEK,sBAAUK,MAHA;AAInBR,EAAAA,QAAQ,EAAEG,sBAAUM,SAAV,CAAoB,CAACN,sBAAUO,OAAV,CAAkBP,sBAAUQ,IAA5B,CAAD,EAAoCR,sBAAUQ,IAA9C,CAApB,EAAyEN;AAJhE,CAArB;AAOA,IAAMO,UAAU,GAAG,6CAAnB;;eAEe,wBAAW;AAAA,SAAO;AAC/BX,IAAAA,QAAQ,EAAE;AACRY,MAAAA,QAAQ,EAAE,UADF;AAERC,MAAAA,MAAM,EAAE,CAFA;AAGRC,MAAAA,QAAQ,EAAE,QAHF;AAIRC,MAAAA,OAAO,EAAE,MAJD;AAKRC,MAAAA,UAAU,EAAE,QALJ;AAMRC,MAAAA,KAAK,EAAE;AANC,KADqB;AAS/BC,IAAAA,KAAK,EAAE;AACLP,MAAAA,UAAU,EAAVA,UADK;AAELQ,MAAAA,OAAO,EAAE,CAFJ;AAGLN,MAAAA,MAAM,EAAE,MAHH;AAILI,MAAAA,KAAK,EAAE,MAJF;AAKLD,MAAAA,UAAU,EAAE,SALP;AAMLI,MAAAA,SAAS,EAAE;AANN,KATwB;AAiB/BC,IAAAA,SAAS,EAAE;AACTR,MAAAA,MAAM,EAAE,MADC;AAETG,MAAAA,UAAU,EAAE,SAFH;AAGTC,MAAAA,KAAK,EAAE,MAHE;AAITG,MAAAA,SAAS,EAAE;AAJF,KAjBoB;AAuB/BE,IAAAA,IAAI,EAAE;AACJX,MAAAA,UAAU,EAAVA,UADI;AAEJQ,MAAAA,OAAO,EAAE,CAFL;AAGJN,MAAAA,MAAM,EAAE,CAHJ;AAIJG,MAAAA,UAAU,EAAE,SAJR;AAKJC,MAAAA,KAAK,EAAE;AALH,KAvByB;AA8B/BM,IAAAA,QAAQ,EAAE;AACRJ,MAAAA,OAAO,EAAE,CADD;AAERH,MAAAA,UAAU,EAAE,QAFJ;AAGRH,MAAAA,MAAM,EAAE,CAHA;AAIRI,MAAAA,KAAK,EAAE;AAJC;AA9BqB,GAAP;AAAA,CAAX,EAoCXtB,QApCW,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { CSSTransition } from 'react-transition-group';\n\nconst Expander = (props) => {\n  const { classes, show, children } = props;\n\n  return (\n    <CSSTransition in={show} appear={true} mountOnEnter={false} timeout={300} classNames={{ ...classes }}>\n      <div className={classes.expander}>{children}</div>\n    </CSSTransition>\n  );\n};\n\nExpander.propTypes = {\n  show: PropTypes.bool.isRequired,\n  className: PropTypes.string,\n  classes: PropTypes.object,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n};\n\nconst transition = 'height ease-in 300ms, opacity ease-in 300ms';\n\nexport default withStyles(() => ({\n  expander: {\n    position: 'relative',\n    height: 0,\n    overflow: 'hidden',\n    display: 'flex',\n    visibility: 'hidden',\n    width: 0,\n  },\n  enter: {\n    transition,\n    opacity: 1,\n    height: 'auto',\n    width: 'auto',\n    visibility: 'visible',\n    minHeight: '25px',\n  },\n  enterDone: {\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  exitDone: {\n    opacity: 0,\n    visibility: 'hidden',\n    height: 0,\n    width: 0,\n  },\n}))(Expander);\n"],"file":"expander.js"}
+{"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":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AAAuD,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,wBAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEvD,IAAMmB,UAAU,GAAG,6CAA6C;AAEhE,IAAMC,cAAc,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC;EAAA,OAAO;IAC1CC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,QAAQ;IAClBC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,CAAC;IACR,SAAS,EAAE;MACTR,UAAU,EAAVA,UAAU;MACVS,OAAO,EAAE,CAAC;MACVL,MAAM,EAAE,MAAM;MACdI,KAAK,EAAE,MAAM;MACbD,UAAU,EAAE,SAAS;MACrBG,SAAS,EAAE;IACb,CAAC;IACD,cAAc,EAAE;MACdN,MAAM,EAAE,MAAM;MACdG,UAAU,EAAE,SAAS;MACrBC,KAAK,EAAE,MAAM;MACbE,SAAS,EAAE;IACb,CAAC;IACD,QAAQ,EAAE;MACRV,UAAU,EAAVA,UAAU;MACVS,OAAO,EAAE,CAAC;MACVL,MAAM,EAAE,CAAC;MACTG,UAAU,EAAE,SAAS;MACrBC,KAAK,EAAE;IACT,CAAC;IACD,aAAa,EAAE;MACbC,OAAO,EAAE,CAAC;MACVF,UAAU,EAAE,QAAQ;MACpBH,MAAM,EAAE,CAAC;MACTI,KAAK,EAAE;IACT;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMG,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,KAAK,EAAK;EAC1B,IAAQC,IAAI,GAA0BD,KAAK,CAAnCC,IAAI;IAAEC,QAAQ,GAAgBF,KAAK,CAA7BE,QAAQ;IAAEC,SAAS,GAAKH,KAAK,CAAnBG,SAAS;EACjC,IAAMC,OAAO,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAE5B,oBACE5C,MAAA,YAAA6C,aAAA,CAACvC,qBAAA,CAAAwC,aAAa;IACZH,OAAO,EAAEA,OAAQ;IACjB,MAAIH,IAAK;IACTO,MAAM,EAAE,IAAK;IACbC,YAAY,EAAE,KAAM;IACpBC,OAAO,EAAE,GAAI;IACbC,UAAU,EAAE;MACVC,KAAK,EAAE,OAAO;MACdC,SAAS,EAAE,YAAY;MACvBC,IAAI,EAAE,MAAM;MACZC,QAAQ,EAAE;IACZ;EAAE,gBAEFtD,MAAA,YAAA6C,aAAA,CAACjB,cAAc;IAACc,SAAS,EAAEA;EAAU,GAAED,QAAyB,CACnD,CAAC;AAEpB,CAAC;AAEDH,QAAQ,CAACiB,SAAS,GAAG;EACnBf,IAAI,EAAEgB,qBAAS,CAACC,IAAI,CAACC,UAAU;EAC/BhB,SAAS,EAAEc,qBAAS,CAACG,MAAM;EAC3BlB,QAAQ,EAAEe,qBAAS,CAACI,SAAS,CAAC,CAACJ,qBAAS,CAACK,OAAO,CAACL,qBAAS,CAACM,IAAI,CAAC,EAAEN,qBAAS,CAACM,IAAI,CAAC,CAAC,CAACJ;AACrF,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,cAEa1B,QAAQ","ignoreList":[]}