@pingux/astro 2.238.0-alpha.0 → 2.239.0-alpha.0

package/lib/cjs/components/SearchNav/SearchNav.test.js

@@ -1,603 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _Symbol = require("@babel/runtime-corejs3/core-js-stable/symbol");
-var _Object$create = require("@babel/runtime-corejs3/core-js-stable/object/create");
-var _bindInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/bind");
-var _Object$getPrototypeOf = require("@babel/runtime-corejs3/core-js-stable/object/get-prototype-of");
-var _Object$setPrototypeOf = require("@babel/runtime-corejs3/core-js-stable/object/set-prototype-of");
-var _Symbol$asyncIterator = require("@babel/runtime-corejs3/core-js-stable/symbol/async-iterator");
-var _Promise = require("@babel/runtime-corejs3/core-js-stable/promise");
-var _Symbol$iterator = require("@babel/runtime-corejs3/core-js-stable/symbol/iterator");
-var _reverseInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/reverse");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
-var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-var _index = require("../../index");
-var _testWrapper = require("../../utils/testUtils/testWrapper");
-var _universalComponentTest = require("../../utils/testUtils/universalComponentTest");
-var _SearchNav = _interopRequireWildcard(require("./SearchNav"));
-var _react2 = require("@emotion/react");
-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 _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = _Object$defineProperty2) && _Object$getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-function _regeneratorRuntime() { "use strict"; var r = _regenerator(), e = r.m(_regeneratorRuntime), t = (_Object$getPrototypeOf ? _Object$getPrototypeOf(e) : e.__proto__).constructor; function n(r) { var e = "function" == typeof r && r.constructor; return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name)); } var o = { "throw": 1, "return": 2, "break": 3, "continue": 3 }; function a(r) { var e, t; return function (n) { e || (e = { stop: function stop() { return t(n.a, 2); }, "catch": function _catch() { return n.v; }, abrupt: function abrupt(r, e) { return t(n.a, o[r], e); }, delegateYield: function delegateYield(r, o, a) { return e.resultName = o, t(n.d, _regeneratorValues(r), a); }, finish: function finish(r) { return t(n.f, r); } }, t = function t(r, _t, o) { n.p = e.prev, n.n = e.next; try { return r(_t, o); } finally { e.next = n.n; } }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n; try { return r.call(this, e); } finally { n.p = e.prev, n.n = e.next; } }; } return (_regeneratorRuntime = function _regeneratorRuntime() { return { wrap: function wrap(e, t, n, o) { return r.w(a(e), t, n, o && _reverseInstanceProperty(o).call(o)); }, isGeneratorFunction: n, mark: r.m, awrap: function awrap(r, e) { return new _OverloadYield(r, e); }, AsyncIterator: _regeneratorAsyncIterator, async: function async(r, e, t, o, u) { return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u); }, keys: _regeneratorKeys, values: _regeneratorValues }; })(); }
-function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof _Symbol && _Symbol$iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
-function _regeneratorKeys(e) { var n = Object(e), r = []; for (var t in n) r.unshift(t); return function e() { for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e; return e.done = !0, e; }; }
-function _regeneratorAsync(n, e, r, t, o) { var a = _regeneratorAsyncGen(n, e, r, t, o); return a.next().then(function (n) { return n.done ? n.value : a.next(); }); }
-function _regeneratorAsyncGen(r, e, t, o, n) { return new _regeneratorAsyncIterator(_regenerator().w(r, e, t, o), n || _Promise); }
-function _regeneratorAsyncIterator(t, e) { function n(r, o, i, f) { try { var c = t[r](o), u = c.value; return u instanceof _OverloadYield ? e.resolve(u.v).then(function (t) { n("next", t, i, f); }, function (t) { n("throw", t, i, f); }) : e.resolve(u).then(function (t) { c.value = t, i(c); }, function (t) { return n("throw", t, i, f); }); } catch (t) { f(t); } } var r; this.next || (_regeneratorDefine2(_regeneratorAsyncIterator.prototype), _regeneratorDefine2(_regeneratorAsyncIterator.prototype, "function" == typeof _Symbol && _Symbol$asyncIterator || "@asyncIterator", function () { return this; })), _regeneratorDefine2(this, "_invoke", function (t, o, i) { function f() { return new e(function (e, r) { n(t, i, e, r); }); } return r = r ? r.then(f, f) : f(); }, !0); }
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof _Symbol ? _Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = _Object$create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: _bindInstanceProperty(d).call(d, e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = _Object$getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = _Object$create(c); function f(e) { return _Object$setPrototypeOf ? _Object$setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = _Object$create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = _Object$defineProperty2; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
-function _OverloadYield(e, d) { this.v = e, this.k = d; }
-var items = [{
-  text: 'Overview',
-  key: 'Overview',
-  children: (0, _react2.jsx)(_index.Text, null, "Overview body")
-}, {
-  text: 'Configuration',
-  key: 'Configuration',
-  children: (0, _react2.jsx)(_index.Text, null, "Configuration body")
-}, {
-  text: 'Resources',
-  key: 'Resources',
-  children: (0, _react2.jsx)(_index.Text, null, "Resources body")
-}, {
-  text: 'Policies',
-  key: 'Policies',
-  children: (0, _react2.jsx)(_index.Text, null, "Policies body")
-}, {
-  text: 'Attribute Mappings',
-  key: 'Attribute Mappings',
-  children: (0, _react2.jsx)(_index.Text, null, "Attribute body")
-}, {
-  text: 'Access',
-  key: 'Access',
-  children: (0, _react2.jsx)(_index.Text, null, "Access body")
-}, {
-  text: 'Integration',
-  key: 'Integration',
-  children: (0, _react2.jsx)(_index.Text, null, "Integration body")
-}];
-var testId = 'searchNavId';
-var onSelectionChangeCallback = jest.fn();
-var onOpenChangeCallback = jest.fn();
-var defaultProps = {
-  items: items,
-  'data-testid': testId,
-  onSelectionChange: onSelectionChangeCallback
-};
-var MORE_BUTTON_TEXT = 'More';
-var TAB_ITEM_WIDTH = 100;
-var offsetWidthMock;
-var mockContainerWidth = 0;
-var TestComponent = function TestComponent(props) {
-  var _items$find;
-  var _useState = (0, _react.useState)(items[0].key),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    selectedKey = _useState2[0],
-    setSelectedKey = _useState2[1];
-  var setSelectedKeyCallback = function setSelectedKeyCallback(e) {
-    setSelectedKey(e);
-  };
-  return (0, _react2.jsx)(_index.Box, {
-    maxWidth: "600px"
-  }, (0, _react2.jsx)(_SearchNav["default"], (0, _extends2["default"])({}, props, {
-    items: items,
-    selectedKey: selectedKey,
-    setSelectedKey: function setSelectedKey(e) {
-      return setSelectedKeyCallback(e);
-    }
-  })), (_items$find = (0, _find["default"])(items).call(items, function (item) {
-    return item.key === selectedKey;
-  })) === null || _items$find === void 0 ? void 0 : _items$find.children);
-};
-var resizeObserverCallbacks = [];
-var triggerResizeObservers = function triggerResizeObservers(width) {
-  (0, _forEach["default"])(resizeObserverCallbacks).call(resizeObserverCallbacks, function (cb) {
-    return cb([{
-      contentRect: {
-        width: width
-      }
-    }]);
-  });
-};
-
-// Mock the global ResizeObserver
-var MockResizeObserver = /*#__PURE__*/(0, _createClass2["default"])(function MockResizeObserver(callback) {
-  (0, _classCallCheck2["default"])(this, MockResizeObserver);
-  (0, _defineProperty3["default"])(this, "observe", jest.fn());
-  (0, _defineProperty3["default"])(this, "unobserve", jest.fn());
-  (0, _defineProperty3["default"])(this, "disconnect", jest.fn());
-  this.callback = callback;
-  resizeObserverCallbacks.push(callback);
-});
-beforeAll(function () {
-  // Overwrite the global ResizeObserver for testing environment
-  (0, _defineProperty2["default"])(global, 'ResizeObserver', {
-    value: MockResizeObserver,
-    writable: true
-  });
-});
-beforeEach(function () {
-  resizeObserverCallbacks = [];
-  mockContainerWidth = 1000; // Default large container width
-
-  // Mock offsetWidth to return different values for container and children
-  offsetWidthMock = jest.spyOn(window.HTMLElement.prototype, 'offsetWidth', 'get').mockImplementation(function () {
-    // The tab list container is identified by its role="list"
-    if (this.getAttribute('role') === 'list') {
-      return mockContainerWidth;
-    }
-    // The individual items are the <Text> components in the hidden box
-    return TAB_ITEM_WIDTH;
-  });
-  jest.useFakeTimers();
-});
-afterEach(function () {
-  offsetWidthMock.mockRestore();
-  jest.useRealTimers();
-});
-
-// Needs to be added to each components test file
-(0, _universalComponentTest.universalComponentTests)({
-  renderComponent: function renderComponent(props) {
-    return (0, _react2.jsx)(_SearchNav["default"], (0, _extends2["default"])({}, props, {
-      items: items
-    }));
-  }
-});
-var getComponent = function getComponent(props) {
-  return (0, _testWrapper.render)((0, _react2.jsx)(TestComponent, (0, _extends2["default"])({}, defaultProps, props)));
-};
-var MORE_BUTTON_WIDTH = 60; // Use the value from your component
-
-describe('Pure Functions Tests', function () {
-  // Test the measurement function
-  it('measureItemWidths correctly measures the offsetWidth of items', function () {
-    // Mock the input data: items array and a refs object with mock offsetWidths
-    var mockItems = [{
-      key: '1',
-      text: 'Item One'
-    }, {
-      key: '2',
-      text: 'Item Two'
-    }];
-    var mockMeasurementRefs = {
-      current: {
-        '1': {
-          offsetWidth: 100
-        },
-        '2': {
-          offsetWidth: 150
-        },
-        '3': null // handle missing refs
-      }
-    };
-    var widths = (0, _SearchNav.measureItemWidths)(mockItems, mockMeasurementRefs);
-
-    // Assert the expected output
-    expect(widths).toEqual({
-      '1': 100,
-      '2': 150
-    });
-  });
-
-  // Test the core logic for calculating visible count
-  describe('calculateVisibleCount', function () {
-    var mockOrderedItems = (0, _slice["default"])(items).call(items, 0, 3); // Overview, Configuration, Resources
-    // Mock widths for these 3 items (width + margin)
-    // Overview: 90 + 10 = 100 total width
-    // Config: 120 + 10 = 130 total width
-    // Resources: 100 + 10 = 110 total width
-    var mockItemWidths = {
-      'Overview': 90,
-      'Configuration': 120,
-      'Resources': 100
-    };
-    var moreButtonWidth = MORE_BUTTON_WIDTH; // 60px
-
-    it('returns the total count when all items fit within the container', function () {
-      // Container width: 100 + 130 + 110 = 340 needed. Set wide enough (e.g., 500)
-      var containerWidthFull = 500;
-      var visibleCount = (0, _SearchNav.calculateVisibleCount)(containerWidthFull, moreButtonWidth, mockOrderedItems, mockItemWidths);
-      expect(visibleCount).toBe(3);
-    });
-    it('breaks when adding an item and the required space for the "More" button exceeds container width', function () {
-      // Set container width to only allow the first two items and the "More" button
-      var containerWidthPartial = 334;
-      var visibleCount = (0, _SearchNav.calculateVisibleCount)(containerWidthPartial, moreButtonWidth, mockOrderedItems, mockItemWidths);
-      // It should fit the first two, but break on the third, so count should be 2.
-      expect(visibleCount).toBe(2);
-    });
-    it('handles an edge case where no items can be visible', function () {
-      // Container width is too small to even fit one item's width + the "More" button width
-      var containerWidthTiny = 100;
-      var visibleCount = (0, _SearchNav.calculateVisibleCount)(containerWidthTiny, moreButtonWidth, mockOrderedItems, mockItemWidths);
-      expect(visibleCount).toBe(0);
-    });
-  });
-});
-test('component does render', function () {
-  getComponent({
-    items: items
-  });
-  var searcgNavComponent = _testWrapper.screen.getByTestId(testId);
-  expect(searcgNavComponent).toBeInTheDocument();
-});
-test('visible tab selection updates the selected key and content', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-  var resourcesTab;
-  return _regeneratorRuntime().wrap(function _callee$(_context) {
-    while (1) switch (_context.prev = _context.next) {
-      case 0:
-        // Setup: Ensure all tabs fit (default mockContainerWidth=1000)
-        getComponent({
-          items: items
-        });
-        jest.advanceTimersByTime(100);
-
-        // Initial state: 'Overview' is selected
-        expect(_testWrapper.screen.getByText('Overview body')).toBeInTheDocument();
-
-        // Click 'Resources' tab
-        resourcesTab = _testWrapper.screen.getByRole('link', {
-          name: 'Resources'
-        });
-        _context.next = 6;
-        return _userEvent["default"].click(resourcesTab);
-      case 6:
-        _context.next = 8;
-        return _testWrapper.screen.findByText('Resources body');
-      case 8:
-      case "end":
-        return _context.stop();
-    }
-  }, _callee);
-})));
-test('tabs show a "More" button when content overflows', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-  var tabs, moreButton, hiddenItem;
-  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-    while (1) switch (_context2.prev = _context2.next) {
-      case 0:
-        // Use a mock setup that only allows ONE tab to fit:
-        offsetWidthMock.mockImplementation(function () {
-          if (this.getAttribute('role') === 'list') {
-            // Container size only slightly larger than Tab 1's required width (100 + 30 = 130)
-            return 250;
-          }
-          return 100; // Item width
-        });
-        getComponent({
-          items: items
-        });
-
-        // Advance timers to trigger the visibility calculation
-        jest.advanceTimersByTime(100);
-
-        // Expect 1 visible tab and 2 hidden tabs
-        tabs = _testWrapper.screen.getByRole('link');
-        expect(tabs).toBeInTheDocument(); // Only 'Tab 1' is visible
-
-        // Expect the "More" button to show the other 2 tabs
-        moreButton = _testWrapper.screen.getByText(MORE_BUTTON_TEXT);
-        expect(moreButton).toBeInTheDocument();
-
-        // Test selection from the menu
-        _context2.next = 9;
-        return _userEvent["default"].click(moreButton);
-      case 9:
-        hiddenItem = _testWrapper.screen.getByRole('menuitem', {
-          name: 'Access'
-        });
-        _context2.next = 12;
-        return _userEvent["default"].click(hiddenItem);
-      case 12:
-        if (!items[1].children) {
-          _context2.next = 15;
-          break;
-        }
-        _context2.next = 15;
-        return _testWrapper.screen.findByText('Access body');
-      case 15:
-        expect(onSelectionChangeCallback).toHaveBeenCalled();
-      case 16:
-      case "end":
-        return _context2.stop();
-    }
-  }, _callee2);
-})));
-test('hidden tab selection updates key, content, and triggers swap', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-  var moreButton, resourcesMenuItem;
-  return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-    while (1) switch (_context3.prev = _context3.next) {
-      case 0:
-        // Setup: Mock widths so only the first 2 tabs fit (2 * 110 = 220 + 40(More) = 260)
-        // Set container to 300px
-        mockContainerWidth = 300;
-        getComponent({
-          items: items,
-          onOpenChange: onOpenChangeCallback
-        });
-        jest.advanceTimersByTime(100);
-
-        // Initial check: 'Resources' is hidden, 'More' button is visible
-        moreButton = _testWrapper.screen.getByText(MORE_BUTTON_TEXT);
-        expect(moreButton).toBeInTheDocument();
-
-        // Click 'More' button to open menu
-        _context3.next = 7;
-        return _userEvent["default"].click(moreButton);
-      case 7:
-        // Click 'Resources' (hidden item 3)
-        resourcesMenuItem = _testWrapper.screen.getByRole('menuitem', {
-          name: 'Resources'
-        });
-        _context3.next = 10;
-        return _userEvent["default"].click(resourcesMenuItem);
-      case 10:
-        _context3.next = 12;
-        return _testWrapper.screen.findByText('Resources body');
-      case 12:
-        _context3.next = 14;
-        return (0, _testWrapper.waitFor)(function () {
-          // Check the final tab in the visible list (which should be 'Resources')
-          var visibleTabs = _testWrapper.screen.getAllByRole('link');
-
-          // We expect 2 visible tabs: Tab 1 ('Overview') and the newly swapped-in tab ('Resources')
-          // We expect the 'More' button to be the third listitem
-          expect(visibleTabs.length).toBe(1);
-        });
-      case 14:
-        _context3.next = 16;
-        return _userEvent["default"].click(moreButton);
-      case 16:
-        _context3.next = 18;
-        return (0, _testWrapper.waitFor)(function () {
-          // The displaced tab ('Configuration') should now be in the menu
-          expect(_testWrapper.screen.getByRole('menuitem', {
-            name: 'Configuration'
-          })).toBeInTheDocument();
-        });
-      case 18:
-        expect(onOpenChangeCallback).toHaveBeenCalled();
-      case 19:
-      case "end":
-        return _context3.stop();
-    }
-  }, _callee3);
-})));
-test('resizing container to be very small hides all but one tab', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-  var moreButton, longMenuItem;
-  return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-    while (1) switch (_context4.prev = _context4.next) {
-      case 0:
-        // Start large (mockContainerWidth = 1000)
-        mockContainerWidth = 1200;
-        getComponent({
-          items: items
-        });
-
-        // Initial calculation (from useLayoutEffect)
-        jest.advanceTimersByTime(100);
-
-        // Initial check: All 7 tabs should be visible
-        expect(_testWrapper.screen.queryByText(MORE_BUTTON_TEXT)).not.toBeInTheDocument();
-
-        // --- Resize Step ---
-
-        // 1. Shrink: Set container size to allow only 1 tab (110px) + More button (40px) = 150px
-        mockContainerWidth = 250;
-
-        // 2. Manually trigger the ResizeObserver callback
-        // This tells the component the container dimensions have changed.
-
-        (0, _testWrapper.act)(function () {
-          triggerResizeObservers(mockContainerWidth);
-        });
-
-        // 3. Advance timers to process state updates from the calculation
-        (0, _testWrapper.act)(function () {
-          jest.advanceTimersByTime(100);
-        });
-
-        // 4. Final check: Only the first tab ('Overview') should remain visible
-        _context4.next = 9;
-        return (0, _testWrapper.waitFor)(function () {
-          // The first tab should be visible
-          expect(_testWrapper.screen.getByRole('link', {
-            name: 'Overview'
-          })).toBeInTheDocument();
-        });
-      case 9:
-        _context4.next = 11;
-        return (0, _testWrapper.waitFor)(function () {
-          // The second tab should be hidden
-          expect(_testWrapper.screen.queryByRole('link', {
-            name: 'Configuration'
-          })).not.toBeInTheDocument();
-        });
-      case 11:
-        _context4.next = 13;
-        return (0, _testWrapper.waitFor)(function () {
-          expect(_testWrapper.screen.getByText(MORE_BUTTON_TEXT)).toBeInTheDocument();
-        });
-      case 13:
-        _context4.next = 15;
-        return (0, _testWrapper.waitFor)(function () {
-          var visibleListItems = _testWrapper.screen.getAllByRole('listitem');
-          expect(visibleListItems.length).toBe(2);
-        });
-      case 15:
-        mockContainerWidth = 628;
-        (0, _testWrapper.act)(function () {
-          triggerResizeObservers(mockContainerWidth);
-        });
-
-        // 3. Advance timers to process state updates from the calculation
-        (0, _testWrapper.act)(function () {
-          jest.advanceTimersByTime(100);
-        });
-
-        // 4. Final check: Only the first tab ('Overview') should remain visible
-        _context4.next = 20;
-        return (0, _testWrapper.waitFor)(function () {
-          // The first tab should be visible
-          expect(_testWrapper.screen.getAllByRole('link').length).toBe(4);
-        });
-      case 20:
-        //   await waitFor(() => {
-        moreButton = _testWrapper.screen.getByText(MORE_BUTTON_TEXT);
-        expect(moreButton).toBeInTheDocument();
-
-        // Click 'More' button to open menu
-        _context4.next = 24;
-        return _userEvent["default"].click(moreButton);
-      case 24:
-        // Click 'Resources' (hidden item 3)
-        longMenuItem = _testWrapper.screen.getByRole('menuitem', {
-          name: 'Attribute Mappings'
-        });
-        _context4.next = 27;
-        return _userEvent["default"].click(longMenuItem);
-      case 27:
-        (0, _testWrapper.act)(function () {
-          jest.advanceTimersByTime(100);
-        });
-      case 28:
-      case "end":
-        return _context4.stop();
-    }
-  }, _callee4);
-})));
-test('recalculates visible items when More button causes an item to be hidden', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-  var visibleListItems;
-  return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-    while (1) switch (_context5.prev = _context5.next) {
-      case 0:
-        // Setup: Container wide enough for 3 tabs, but NOT 3 tabs + More button.
-        mockContainerWidth = 420; // Max allowed width
-
-        // We ensure the mock returns 100 for items and 60 for the More button.
-        offsetWidthMock.mockImplementation(function () {
-          if (this.getAttribute('role') === 'list') {
-            return mockContainerWidth;
-          }
-          // Assume the 'More' button element has a specific class/role/text for measurement
-          // If your More button component has a fixed width in the test environment (60),
-          // this mock might not be necessary, but we include it for safety.
-          if (this.textContent === 'More') {
-            return 60;
-          }
-          return 100; // Item width
-        });
-        getComponent({
-          items: items
-        });
-
-        // Manually trigger the ResizeObserver/LayoutEffect calculation
-        (0, _testWrapper.act)(function () {
-          triggerResizeObservers(mockContainerWidth);
-          jest.advanceTimersByTime(100);
-        });
-
-        // Wait for the state update (numVisibleItems = 2)
-        //   await waitFor(() => {
-        // We expect only 2 tabs to be visible (Overview, Configuration)
-        // Tab 3 ('Resources') should be hidden.
-
-        expect(_testWrapper.screen.getByRole('link', {
-          name: 'Overview'
-        })).toBeInTheDocument();
-        expect(_testWrapper.screen.getByRole('link', {
-          name: 'Configuration'
-        })).toBeInTheDocument();
-        expect(_testWrapper.screen.queryByRole('link', {
-          name: 'Resources'
-        })).not.toBeInTheDocument();
-
-        // The More button must be visible
-        expect(_testWrapper.screen.getByText(MORE_BUTTON_TEXT)).toBeInTheDocument();
-
-        // Check the final count
-        visibleListItems = _testWrapper.screen.getAllByRole('listitem');
-        expect(visibleListItems.length).toBe(3); // 2 tabs + 1 More button
-        //   });
-      case 10:
-      case "end":
-        return _context5.stop();
-    }
-  }, _callee5);
-})));
-test('covers adjustment logic when More button overflows last item', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
-  return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-    while (1) switch (_context6.prev = _context6.next) {
-      case 0:
-        // Force a tight scenario:
-        // Container: 279. Max fit for 2 tabs (220). Max fit for 2 tabs + More (280).
-        mockContainerWidth = 279;
-
-        // We ensure the mock returns 100 for items and 60 for the More button.
-        offsetWidthMock.mockImplementation(function () {
-          if (this.getAttribute('role') === 'list') {
-            return mockContainerWidth;
-          }
-          if (this.textContent === 'More') {
-            return 60; // More button width
-          }
-          return 100; // Item width
-        });
-        getComponent({
-          items: items
-        });
-
-        // Manually trigger the ResizeObserver calculation
-        (0, _testWrapper.act)(function () {
-          triggerResizeObservers(mockContainerWidth);
-          jest.advanceTimersByTime(100);
-        });
-
-        // Wait for the state update (numVisibleItems will be 1)
-        _context6.next = 6;
-        return (0, _testWrapper.waitFor)(function () {
-          // The while loop should have run once, reducing visibleCount from 2 to 1.
-
-          expect(_testWrapper.screen.getByRole('link', {
-            name: 'Overview'
-          })).toBeInTheDocument();
-        });
-      case 6:
-        _context6.next = 8;
-        return (0, _testWrapper.waitFor)(function () {
-          expect(_testWrapper.screen.queryByRole('link', {
-            name: 'Configuration'
-          })).not.toBeInTheDocument();
-        });
-      case 8:
-        _context6.next = 10;
-        return (0, _testWrapper.waitFor)(function () {
-          expect(_testWrapper.screen.getByText(MORE_BUTTON_TEXT)).toBeInTheDocument();
-        });
-      case 10:
-        _context6.next = 12;
-        return (0, _testWrapper.waitFor)(function () {
-          // Total visible items: 1 tab + 1 More button
-          var visibleListItems = _testWrapper.screen.getAllByRole('listitem');
-          expect(visibleListItems.length).toBe(2);
-        });
-      case 12:
-      case "end":
-        return _context6.stop();
-    }
-  }, _callee6);
-})));

package/lib/cjs/components/SelectField/SelectField.mdx

@@ -1,42 +0,0 @@
-import { Meta } from '@storybook/addon-docs/blocks';
-import * as SelectFieldStories from './SelectField.stories';
-import AccessibilityTable from '../../utils/docUtils/AccessibilityTable';
-import { KeyboardRows } from '../../utils/docUtils/accessibilityTableConstants';
-
-<Meta of={SelectFieldStories} isTemplate />
-
-# SelectField
-
-The component allows items to be selected from a drop-down list and displayed in the field.
-It is a variation of the [LinkSelectField](./?path=/docs/form-linkselectfield--default) component that uses [useSelect](https://react-spectrum.adobe.com/react-aria/useSelect.html) from React Aria and [useSelectState](https://react-spectrum.adobe.com/react-stately/useSelectState.html) from React Stately and does not rely on native browsers or mobile implementations.
-
-The SelectField component should be used to present choices between mutually exclusive options.
-
-It shouldn’t be used:
-- When there are fewer than three options. Use the [RadioGroupField](./?path=/docs/form-radiogroupfield--default) component instead. 
-- If the user input can't be predicted using the preset values and the exact input value is important to specify, use the [TextField](./?path=/docs/form-textfield--default) component instead.
-- For large complex lists. The user should be able to easily scan and navigate the list. 
-If the list is large, use the [ComboBoxField](./?path=/docs/form-comboboxfield--default) component instead.
-
-### Required components
-
-This component requires the OverlayProvider and Item originating from [react-stately/collections](https://react-spectrum.adobe.com/react-stately/collections.html).
-
-### Accessibility
-
-<AccessibilityTable keyboardRows={[
-  KeyboardRows.tabField,
-  KeyboardRows.shiftTabFocusPrevious,
-  { key: 'Space or Enter', description: 'Pressing Space or Enter when the trigger button is focused opens or closes the menu. Pressing Space or Enter when the menu item is focused selects the listbox option.' },
-  { key: 'Arrow keys', description: 'Can be used to move through the listbox selection.' },
-  KeyboardRows.typingOpenPopover,
-  KeyboardRows.homeFirstListboxItem,
-  KeyboardRows.endLastListboxItem,
-  { key: 'Esc', description: 'Pressing the escape key closes the popover menu and adds focus to the input.' },
-]} screenReaderRows={[
-  "The trigger button uses the **`aria-labelledby`** attribute to reference the label ID, the **`aria-expanded`** attribute to indicate the expansion or collapse of the popover, ",
-  "The **`aria-haspopup`** attribute indicates the type of popup content as a listbox. Once expanded, the **`aria-controls`** attribute is added to the button pointing to the popover. ",
-  "The component uses the **`aria-invalid`** attribute to detect incorrect values or status errors, and is set to “False” by default.",
-  "The listbox uses the **`aria-labelledby`** attribute pointing to the label ID.",
-  "Each option in the list uses the **`aria-selected`** attribute to indicate the selection state, **`aria-posinset`** to give the option’s position in the current set of list items, and **`aria-setsize`** to define the current set of options. The default **`aria-disabled`** value is false for each option.",
-]} />