td-stylekit 28.40.1 → 28.40.3

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [28.40.3](https://github.com/treasure-data/td-stylekit/compare/v28.40.2...v28.40.3) (2024-06-13)
+
+
+### Bug Fixes
+
+* **CON-16017:** Remove scrollToIndex from Select Menulist ([#1567](https://github.com/treasure-data/td-stylekit/issues/1567)) ([b25a7f0](https://github.com/treasure-data/td-stylekit/commit/b25a7f03931952f25e1f71d8ce9b2617fc6ef11c))
+
+## [28.40.2](https://github.com/treasure-data/td-stylekit/compare/v28.40.1...v28.40.2) (2024-06-06)
+
+
+### Bug Fixes
+
+* "revert CON-15783: Upgrade emotion" ([#1570](https://github.com/treasure-data/td-stylekit/issues/1570)) ([6c7717a](https://github.com/treasure-data/td-stylekit/commit/6c7717abb774271a7691ebd0b12e2bb05186904c)), closes [#1555](https://github.com/treasure-data/td-stylekit/issues/1555)
+
 ## [28.40.1](https://github.com/treasure-data/td-stylekit/compare/v28.40.0...v28.40.1) (2024-05-29)
 
 

package/dist/es/ChartPrimitives/utils.d.ts

@@ -54,7 +54,7 @@ export type ChartTheme = VictoryThemeDefinition & {
     _comparisonColors: string[];
     _axisLabelWidth: number;
     _backgroundStyles: {
-        [key: string]: string | number | any;
+        [key: string]: any;
     };
 };
 export declare function getTheme({ width, height, detailed, grayscale, yAxisLabel, yTickLabel, data, theme }: {

package/dist/es/Select/components/MenuList.d.ts

@@ -1,5 +1,3 @@
-import { Component } from 'react';
-import type { ListRowProps } from 'react-virtualized';
 import type { Theme } from '../../ThemeProvider';
 import type { OptionType } from './OptionTypes';
 import type { MenuListComponentProps } from 'react-select';
@@ -9,8 +7,5 @@ export type MenuListProps = {
     rowHeight?: number;
     onMenuScrollToBottom?: () => void;
 } & Omit<MenuListComponentProps<OptionType, boolean>, 'maxHeight'>;
-export declare class MenuList extends Component<MenuListProps> {
-    rowRenderer: ({ key, index, style }: ListRowProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    render(): import("@emotion/react/jsx-runtime").JSX.Element;
-}
+export declare const MenuList: ({ children, maxHeight, onMenuScrollToBottom, rowHeight, selectProps }: MenuListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MenuList.d.ts.map

package/dist/es/Select/components/MenuList.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,16 +11,7 @@ var _elements = require("../elements");
 var _ThemeProvider = require("../../ThemeProvider");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -41,97 +31,111 @@ var StyledRow = /*#__PURE__*/(0, _base["default"])('div', process.env.NODE_ENV =
   }, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.Select.StyledRow)({
     theme: theme
   }));
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9TZWxlY3QvY29tcG9uZW50cy9NZW51TGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvU2VsZWN0L2NvbXBvbmVudHMvTWVudUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3RFbGVtZW50LCBDb21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQXV0b1NpemVyLCBMaXN0IH0gZnJvbSAncmVhY3QtdmlydHVhbGl6ZWQnXG5pbXBvcnQgdHlwZSB7IExpc3RSb3dQcm9wcyB9IGZyb20gJ3JlYWN0LXZpcnR1YWxpemVkJ1xuaW1wb3J0IHsgTm9SZXN1bHRzTWVzc2FnZSB9IGZyb20gJy4uL2VsZW1lbnRzJ1xuaW1wb3J0IHsgZ2V0T3ZlcnJpZGVzLCBPdmVycmlkYWJsZSB9IGZyb20gJy4uLy4uL1RoZW1lUHJvdmlkZXInXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWVQcm92aWRlcidcbmltcG9ydCB0eXBlIHsgT3B0aW9uUHJvcHMsIE9wdGlvblR5cGUgfSBmcm9tICcuL09wdGlvblR5cGVzJ1xuaW1wb3J0IHR5cGUgeyBNZW51TGlzdENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3Qtc2VsZWN0J1xuXG5leHBvcnQgdHlwZSBNZW51TGlzdFByb3BzID0ge1xuICB0aGVtZTogVGhlbWVcbiAgbWF4SGVpZ2h0PzogbnVtYmVyXG4gIHJvd0hlaWdodD86IG51bWJlclxuICBvbk1lbnVTY3JvbGxUb0JvdHRvbT86ICgpID0+IHZvaWRcbn0gJiBPbWl0PE1lbnVMaXN0Q29tcG9uZW50UHJvcHM8T3B0aW9uVHlwZSwgYm9vbGVhbj4sICdtYXhIZWlnaHQnPlxuXG5jb25zdCBTdHlsZWRSb3cgPSBzdHlsZWQoJ2RpdicpKCh7IHRoZW1lIH0pID0+ICh7XG4gIGJvcmRlckJvdHRvbTogJ25vbmUnLFxuICAuLi5nZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuU2VsZWN0LlN0eWxlZFJvdykoeyB0aGVtZSB9KVxufSkpXG5cbmV4cG9ydCBjbGFzcyBNZW51TGlzdCBleHRlbmRzIENvbXBvbmVudDxNZW51TGlzdFByb3BzPiB7XG4gIHJvd1JlbmRlcmVyID0gKHsga2V5LCBpbmRleCwgc3R5bGUgfTogTGlzdFJvd1Byb3BzKSA9PiB7XG4gICAgY29uc3Qgcm93cyA9IChBcnJheS5pc0FycmF5KHRoaXMucHJvcHMuY2hpbGRyZW4pXG4gICAgICA/IHRoaXMucHJvcHMuY2hpbGRyZW5cbiAgICAgIDogW10pIGFzIFJlYWN0RWxlbWVudDxPcHRpb25Qcm9wcz5bXVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRSb3dcbiAgICAgICAga2V5PXtrZXl9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgLi4uc3R5bGVcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAge3Jvd3NbaW5kZXhdfVxuICAgICAgPC9TdHlsZWRSb3c+XG4gICAgKVxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHJvd3MgPSAoQXJyYXkuaXNBcnJheSh0aGlzLnByb3BzLmNoaWxkcmVuKVxuICAgICAgPyB0aGlzLnByb3BzLmNoaWxkcmVuXG4gICAgICA6IFtdKSBhcyBSZWFjdEVsZW1lbnQ8T3B0aW9uUHJvcHM+W11cblxuICAgIGNvbnN0IHJvd0NvdW50ID0gcm93cy5sZW5ndGhcblxuICAgIGlmICghcm93Q291bnQpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxOb1Jlc3VsdHNNZXNzYWdlPlxuICAgICAgICAgIHt0aGlzLnByb3BzLnNlbGVjdFByb3BzLm5vUmVzdWx0c01lc3NhZ2UgfHwgJ05vIHJlc3VsdHMgZm91bmQnfVxuICAgICAgICA8L05vUmVzdWx0c01lc3NhZ2U+XG4gICAgICApXG4gICAgfVxuICAgIGNvbnN0IHJvd0hlaWdodCA9IHRoaXMucHJvcHMucm93SGVpZ2h0IHx8IDMzXG4gICAgY29uc3QgbWF4SGVpZ2h0ID0gdGhpcy5wcm9wcy5tYXhIZWlnaHQgfHwgMjU1XG4gICAgY29uc3QgZnVsbExpc3RIZWlnaHQgPSByb3dDb3VudCAqIHJvd0hlaWdodCAtIDEgLy8gTmVlZCB0byBzdWJ0cmFjdCAxcHggZm9yIGxhY2sgb2YgYm9yZGVyIGJvdHRvbSBvbiBsYXN0IG9wdGlvblxuICAgIGNvbnN0IGZvY3VzZWRDaGlsZCA9IHJvd3MuZmluZChjaGlsZCA9PiBjaGlsZCAmJiBjaGlsZC5wcm9wcy5pc0ZvY3VzZWQpXG4gICAgY29uc3QgZm9jdXNlZE9wdGlvbkluZGV4ID0gZm9jdXNlZENoaWxkID8gcm93cy5pbmRleE9mKGZvY3VzZWRDaGlsZCkgOiAwXG4gICAgcmV0dXJuIChcbiAgICAgIDxBdXRvU2l6ZXIgZGlzYWJsZUhlaWdodD5cbiAgICAgICAgeyh7IHdpZHRoIH0pID0+IChcbiAgICAgICAgICA8TGlzdFxuICAgICAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICAgICAgaGVpZ2h0PXtmdWxsTGlzdEhlaWdodCA8IG1heEhlaWdodCA/IGZ1bGxMaXN0SGVpZ2h0IDogbWF4SGVpZ2h0fVxuICAgICAgICAgICAgcm93Q291bnQ9e3Jvd0NvdW50fVxuICAgICAgICAgICAgcm93SGVpZ2h0PXsoeyBpbmRleCB9KSA9PlxuICAgICAgICAgICAgICBpbmRleCA9PT0gcm93Q291bnQgLSAxID8gcm93SGVpZ2h0IC0gMSA6IHJvd0hlaWdodFxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcm93UmVuZGVyZXI9e3RoaXMucm93UmVuZGVyZXJ9XG4gICAgICAgICAgICBzY3JvbGxUb0luZGV4PXtmb2N1c2VkT3B0aW9uSW5kZXh9XG4gICAgICAgICAgICBvblJvd3NSZW5kZXJlZD17KHsgc3RvcEluZGV4IH06IHsgc3RvcEluZGV4OiBudW1iZXIgfSkgPT4ge1xuICAgICAgICAgICAgICAvLyBMaXN0ZW4gZm9yIHVzZXIgc2Nyb2xsaW5nIHRvIGJvdHRvbSBvZiBsb2FkZWQgbGlzdFxuICAgICAgICAgICAgICBpZiAoXG4gICAgICAgICAgICAgICAgc3RvcEluZGV4ID49IHJvd0NvdW50IC0gMSAmJlxuICAgICAgICAgICAgICAgIHRoaXMucHJvcHMub25NZW51U2Nyb2xsVG9Cb3R0b21cbiAgICAgICAgICAgICAgKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5wcm9wcy5vbk1lbnVTY3JvbGxUb0JvdHRvbSgpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvQXV0b1NpemVyPlxuICAgIClcbiAgfVxufVxuIl19 */");
-var MenuList = exports.MenuList = /*#__PURE__*/function (_Component) {
-  function MenuList() {
-    var _this;
-    _classCallCheck(this, MenuList);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, MenuList, [].concat(args));
-    _defineProperty(_this, "rowRenderer", function (_ref2) {
-      var key = _ref2.key,
-        index = _ref2.index,
-        style = _ref2.style;
-      var rows = Array.isArray(_this.props.children) ? _this.props.children : [];
-      return (0, _jsxRuntime.jsx)(StyledRow, {
-        "data-gs-c": gsC(rows[index]),
-        "data-gs": gs("src", "select", "components", "menu-list", "styled-row"),
-        style: _objectSpread({}, style),
-        children: rows[index]
-      }, key);
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9TZWxlY3QvY29tcG9uZW50cy9NZW51TGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvU2VsZWN0L2NvbXBvbmVudHMvTWVudUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3RFbGVtZW50LCB1c2VSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQXV0b1NpemVyLCBMaXN0IH0gZnJvbSAncmVhY3QtdmlydHVhbGl6ZWQnXG5pbXBvcnQgdHlwZSB7IExpc3RSb3dQcm9wcyB9IGZyb20gJ3JlYWN0LXZpcnR1YWxpemVkJ1xuaW1wb3J0IHsgTm9SZXN1bHRzTWVzc2FnZSB9IGZyb20gJy4uL2VsZW1lbnRzJ1xuaW1wb3J0IHsgZ2V0T3ZlcnJpZGVzLCBPdmVycmlkYWJsZSB9IGZyb20gJy4uLy4uL1RoZW1lUHJvdmlkZXInXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWVQcm92aWRlcidcbmltcG9ydCB0eXBlIHsgT3B0aW9uUHJvcHMsIE9wdGlvblR5cGUgfSBmcm9tICcuL09wdGlvblR5cGVzJ1xuaW1wb3J0IHR5cGUgeyBNZW51TGlzdENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3Qtc2VsZWN0J1xuXG5leHBvcnQgdHlwZSBNZW51TGlzdFByb3BzID0ge1xuICB0aGVtZTogVGhlbWVcbiAgbWF4SGVpZ2h0PzogbnVtYmVyXG4gIHJvd0hlaWdodD86IG51bWJlclxuICBvbk1lbnVTY3JvbGxUb0JvdHRvbT86ICgpID0+IHZvaWRcbn0gJiBPbWl0PE1lbnVMaXN0Q29tcG9uZW50UHJvcHM8T3B0aW9uVHlwZSwgYm9vbGVhbj4sICdtYXhIZWlnaHQnPlxuXG5jb25zdCBTdHlsZWRSb3cgPSBzdHlsZWQoJ2RpdicpKCh7IHRoZW1lIH0pID0+ICh7XG4gIGJvcmRlckJvdHRvbTogJ25vbmUnLFxuICAuLi5nZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuU2VsZWN0LlN0eWxlZFJvdykoeyB0aGVtZSB9KVxufSkpXG5cbmNvbnN0IHZhbHVlSXNPcHRpb25UeXBlID0gKHZhbHVlOiB1bmtub3duKTogdmFsdWUgaXMgT3B0aW9uVHlwZSA9PlxuICAhIXZhbHVlICYmXG4gICFBcnJheS5pc0FycmF5KHZhbHVlKSAmJlxuICB0eXBlb2YgdmFsdWUgPT09ICdvYmplY3QnICYmXG4gICd2YWx1ZScgaW4gdmFsdWVcblxuZXhwb3J0IGNvbnN0IE1lbnVMaXN0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIG1heEhlaWdodCA9IDI1NSxcbiAgb25NZW51U2Nyb2xsVG9Cb3R0b20sXG4gIHJvd0hlaWdodCA9IDMzLFxuICBzZWxlY3RQcm9wc1xufTogTWVudUxpc3RQcm9wcykgPT4ge1xuICBjb25zdCByb3dzID0gKEFycmF5LmlzQXJyYXkoY2hpbGRyZW4pID8gY2hpbGRyZW4gOiBbXSkgYXMgUmVhY3RFbGVtZW50PFxuICAgIE9wdGlvblByb3BzXG4gID5bXVxuXG4gIGNvbnN0IGluaXRpYWxSb3dDb3VudFJlZiA9IHVzZVJlZjxudW1iZXIgfCBudWxsPihudWxsKVxuICBjb25zdCByb3dDb3VudCA9IHJvd3MubGVuZ3RoXG4gIGNvbnN0IGZ1bGxMaXN0SGVpZ2h0ID0gcm93Q291bnQgKiByb3dIZWlnaHQgLSAxIC8vIE5lZWQgdG8gc3VidHJhY3QgMXB4IGZvciBsYWNrIG9mIGJvcmRlciBib3R0b20gb24gbGFzdCBvcHRpb25cblxuICAvLyBLZWVwIHRyYWNrIG9mIHRoZSByb3cgY291bnQgdG8gZGV0ZXJtaW5lIGlmIHRoZSBsaXN0IGhhcyBjaGFuZ2VkIHNpbmNlIGluaXRpYWxseSByZW5kZXJlZFxuICAvLyBUaGlzIHdpbGwgaGFwcGVuIG9uIGEgcGFnaW5hdGVkIGxpc3Qgd2hlbiB0aGUgdXNlciBzY3JvbGxzIHRvIHRoZSBib3R0b21cbiAgaWYgKGluaXRpYWxSb3dDb3VudFJlZi5jdXJyZW50ID09PSBudWxsKSB7XG4gICAgaW5pdGlhbFJvd0NvdW50UmVmLmN1cnJlbnQgPSByb3dDb3VudFxuICB9XG5cbiAgLy8gRmluZCB0aGUgZm9jdXNlZCBjaGlsZCBiYXNlZCBvbiB0aGUgaXNGb2N1c2VkIHByb3Agb24gdGhlIGNoaWxkIG5vZGVcbiAgY29uc3QgZm9jdXNlZENoaWxkID0gcm93cy5maW5kKGNoaWxkID0+IGNoaWxkICYmIGNoaWxkLnByb3BzLmlzRm9jdXNlZClcbiAgY29uc3QgZm9jdXNlZE9wdGlvbkluZGV4ID0gZm9jdXNlZENoaWxkID8gcm93cy5pbmRleE9mKGZvY3VzZWRDaGlsZCkgOiAwXG5cbiAgLy8gRmluZCB0aGUgc2VsZWN0ZWQgY2hpbGQgYmFzZWQgb24gdGhlIHNlbGVjdCB2YWx1ZSBwcm9wXG4gIC8vIFRoaXMgaXMgbmVlZGVkIGZvciBhIHBhZ2luYXRlZCBsaXN0IGFzIHRoZSBvcHRpb25zIG1heSBub3QgaGF2ZSB0aGUgaXNGb2N1c2VkIHByb3BcbiAgLy8gb3IgdGhlIHNlbGVjdGVkIHZhbHVlIG9wdGlvbiBoYXNuJ3QgbG9hZGVkIHlldFxuICBjb25zdCB2YWx1ZSA9IHZhbHVlSXNPcHRpb25UeXBlKHNlbGVjdFByb3BzLnZhbHVlKVxuICAgID8gc2VsZWN0UHJvcHMudmFsdWUudmFsdWVcbiAgICA6IHVuZGVmaW5lZFxuICBjb25zdCBzZWxlY3RlZFZhbHVlSW5kZXggPSB2YWx1ZVxuICAgID8gcm93cy5maW5kSW5kZXgoY2hpbGQgPT4gY2hpbGQgJiYgY2hpbGQucHJvcHMudmFsdWUgPT09IHZhbHVlKVxuICAgIDogdW5kZWZpbmVkXG5cbiAgLy8gSWYgdGhlIHNlbGVjdCBpcyB1c2luZyB0aGUgcGFnaW5hdGVkIG9uTWVudVNjcm9sbFRvQm90dG9tIHVzZSB0aGUgc2VsZWN0ZWQgdmFsdWUgaW5kZXggYXMgdGhlIHNjcm9sbCB0byBpbmRleFxuICAvLyAgYnV0IG9ubHkgaWYgdGhlIGxpc3QgaXMgbm90IGxvYWRpbmcgb3IgbmV3IHBhZ2VzIGhhdmVuJ3QgYmVlbiBhZGRlZCwgdGhpcyB3aWxsIHByZXZlbnQgZmxpY2tlcmluZ1xuICAvLyAgd2l0aCB0aGUgZm9yY2VkIGZvY3VzZWQgc2Nyb2xsaW5nIGJhY2tcbiAgLy8gT3RoZXJ3aXNlIGlmIG5vdCBwYWdpbmF0aW5nIHVzZSB0aGUgZm9jdXNlZCBvcHRpb24gaW5kZXggd2hpY2ggaXMgZGV0ZXJtaW5lZCBieSB0aGUgaXNGb2N1c2VkIHByb3Agb24gdGhlIG9wdGlvblxuICBjb25zdCBzY3JvbGxUb0luZGV4ID0gb25NZW51U2Nyb2xsVG9Cb3R0b21cbiAgICA/IHNlbGVjdFByb3BzLmlzTG9hZGluZyB8fFxuICAgICAgKGluaXRpYWxSb3dDb3VudFJlZi5jdXJyZW50ICE9PSBudWxsICYmXG4gICAgICAgIGluaXRpYWxSb3dDb3VudFJlZi5jdXJyZW50ICE9PSByb3dDb3VudClcbiAgICAgID8gdW5kZWZpbmVkXG4gICAgICA6IHNlbGVjdGVkVmFsdWVJbmRleFxuICAgIDogZm9jdXNlZE9wdGlvbkluZGV4XG5cbiAgY29uc3Qgcm93UmVuZGVyZXIgPSAoeyBrZXksIGluZGV4LCBzdHlsZSB9OiBMaXN0Um93UHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFJvd1xuICAgICAgICBrZXk9e2tleX1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAuLi5zdHlsZVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICB7cm93c1tpbmRleF19XG4gICAgICA8L1N0eWxlZFJvdz5cbiAgICApXG4gIH1cblxuICBpZiAoIXJvd0NvdW50KSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxOb1Jlc3VsdHNNZXNzYWdlPlxuICAgICAgICB7c2VsZWN0UHJvcHMubm9SZXN1bHRzTWVzc2FnZSB8fCAnTm8gcmVzdWx0cyBmb3VuZCd9XG4gICAgICA8L05vUmVzdWx0c01lc3NhZ2U+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8QXV0b1NpemVyIGRpc2FibGVIZWlnaHQ+XG4gICAgICB7KHsgd2lkdGggfSkgPT4gKFxuICAgICAgICA8TGlzdFxuICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICBoZWlnaHQ9e2Z1bGxMaXN0SGVpZ2h0IDwgbWF4SGVpZ2h0ID8gZnVsbExpc3RIZWlnaHQgOiBtYXhIZWlnaHR9XG4gICAgICAgICAgcm93Q291bnQ9e3Jvd0NvdW50fVxuICAgICAgICAgIHJvd0hlaWdodD17KHsgaW5kZXggfSkgPT5cbiAgICAgICAgICAgIGluZGV4ID09PSByb3dDb3VudCAtIDEgPyByb3dIZWlnaHQgLSAxIDogcm93SGVpZ2h0XG4gICAgICAgICAgfVxuICAgICAgICAgIHJvd1JlbmRlcmVyPXtyb3dSZW5kZXJlcn1cbiAgICAgICAgICBzY3JvbGxUb0luZGV4PXtzY3JvbGxUb0luZGV4fVxuICAgICAgICAgIG9uUm93c1JlbmRlcmVkPXsoeyBzdG9wSW5kZXggfTogeyBzdG9wSW5kZXg6IG51bWJlciB9KSA9PiB7XG4gICAgICAgICAgICAvLyBMaXN0ZW4gZm9yIHVzZXIgc2Nyb2xsaW5nIHRvIGJvdHRvbSBvZiBsb2FkZWQgbGlzdFxuICAgICAgICAgICAgaWYgKHN0b3BJbmRleCA+PSByb3dDb3VudCAtIDEgJiYgb25NZW51U2Nyb2xsVG9Cb3R0b20pIHtcbiAgICAgICAgICAgICAgb25NZW51U2Nyb2xsVG9Cb3R0b20oKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvQXV0b1NpemVyPlxuICApXG59XG4iXX0= */");
+var valueIsOptionType = function valueIsOptionType(value) {
+  return !!value && !Array.isArray(value) && _typeof(value) === 'object' && 'value' in value;
+};
+var MenuList = exports.MenuList = function MenuList(_ref2) {
+  var children = _ref2.children,
+    _ref2$maxHeight = _ref2.maxHeight,
+    maxHeight = _ref2$maxHeight === void 0 ? 255 : _ref2$maxHeight,
+    onMenuScrollToBottom = _ref2.onMenuScrollToBottom,
+    _ref2$rowHeight = _ref2.rowHeight,
+    _rowHeight = _ref2$rowHeight === void 0 ? 33 : _ref2$rowHeight,
+    selectProps = _ref2.selectProps;
+  var rows = Array.isArray(children) ? children : [];
+  var initialRowCountRef = (0, _react.useRef)(null);
+  var rowCount = rows.length;
+  var fullListHeight = rowCount * _rowHeight - 1; // Need to subtract 1px for lack of border bottom on last option
+
+  // Keep track of the row count to determine if the list has changed since initially rendered
+  // This will happen on a paginated list when the user scrolls to the bottom
+  if (initialRowCountRef.current === null) {
+    initialRowCountRef.current = rowCount;
+  }
+
+  // Find the focused child based on the isFocused prop on the child node
+  var focusedChild = rows.find(function (child) {
+    return child && child.props.isFocused;
+  });
+  var focusedOptionIndex = focusedChild ? rows.indexOf(focusedChild) : 0;
+
+  // Find the selected child based on the select value prop
+  // This is needed for a paginated list as the options may not have the isFocused prop
+  // or the selected value option hasn't loaded yet
+  var value = valueIsOptionType(selectProps.value) ? selectProps.value.value : undefined;
+  var selectedValueIndex = value ? rows.findIndex(function (child) {
+    return child && child.props.value === value;
+  }) : undefined;
+
+  // If the select is using the paginated onMenuScrollToBottom use the selected value index as the scroll to index
+  //  but only if the list is not loading or new pages haven't been added, this will prevent flickering
+  //  with the forced focused scrolling back
+  // Otherwise if not paginating use the focused option index which is determined by the isFocused prop on the option
+  var scrollToIndex = onMenuScrollToBottom ? selectProps.isLoading || initialRowCountRef.current !== null && initialRowCountRef.current !== rowCount ? undefined : selectedValueIndex : focusedOptionIndex;
+  var rowRenderer = function rowRenderer(_ref3) {
+    var key = _ref3.key,
+      index = _ref3.index,
+      style = _ref3.style;
+    return (0, _jsxRuntime.jsx)(StyledRow, {
+      "data-gs-c": gsC(rows[index]),
+      "data-gs": gs("src", "select", "components", "styled-row"),
+      style: _objectSpread({}, style),
+      children: rows[index]
+    }, key);
+  };
+  if (!rowCount) {
+    return (0, _jsxRuntime.jsx)(_elements.NoResultsMessage, {
+      "data-gs-c": gsC(selectProps.noResultsMessage || 'No results found'),
+      "data-gs": gs("src", "select", "components", "no-results-message"),
+      children: selectProps.noResultsMessage || 'No results found'
     });
-    return _this;
   }
-  _inherits(MenuList, _Component);
-  return _createClass(MenuList, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var rows = Array.isArray(this.props.children) ? this.props.children : [];
-      var rowCount = rows.length;
-      if (!rowCount) {
-        return (0, _jsxRuntime.jsx)(_elements.NoResultsMessage, {
-          "data-gs-c": gsC(this.props.selectProps.noResultsMessage || 'No results found'),
-          "data-gs": gs("src", "select", "components", "no-results-message"),
-          children: this.props.selectProps.noResultsMessage || 'No results found'
-        });
-      }
-      var _rowHeight = this.props.rowHeight || 33;
-      var maxHeight = this.props.maxHeight || 255;
-      var fullListHeight = rowCount * _rowHeight - 1; // Need to subtract 1px for lack of border bottom on last option
-      var focusedChild = rows.find(function (child) {
-        return child && child.props.isFocused;
+  return (0, _jsxRuntime.jsx)(_reactVirtualized.AutoSizer, {
+    "data-gs-c": gsC(function children(_ref4) {
+      var width = _ref4.width;
+      return (0, _jsxRuntime.jsx)(_reactVirtualized.List, {
+        "data-gs": gs("src", "select", "components", "auto-sizer", "list"),
+        width: width,
+        height: fullListHeight < maxHeight ? fullListHeight : maxHeight,
+        rowCount: rowCount,
+        rowHeight: function rowHeight(_ref5) {
+          var index = _ref5.index;
+          return index === rowCount - 1 ? _rowHeight - 1 : _rowHeight;
+        },
+        rowRenderer: rowRenderer,
+        scrollToIndex: scrollToIndex,
+        onRowsRendered: function onRowsRendered(_ref6) {
+          var stopIndex = _ref6.stopIndex;
+          // Listen for user scrolling to bottom of loaded list
+          if (stopIndex >= rowCount - 1 && onMenuScrollToBottom) {
+            onMenuScrollToBottom();
+          }
+        }
       });
-      var focusedOptionIndex = focusedChild ? rows.indexOf(focusedChild) : 0;
-      return (0, _jsxRuntime.jsx)(_reactVirtualized.AutoSizer, {
-        "data-gs-c": gsC(function children(_ref3) {
-          var width = _ref3.width;
-          return (0, _jsxRuntime.jsx)(_reactVirtualized.List, {
-            "data-gs": gs("src", "select", "components", "auto-sizer", "list"),
-            width: width,
-            height: fullListHeight < maxHeight ? fullListHeight : maxHeight,
-            rowCount: rowCount,
-            rowHeight: function rowHeight(_ref4) {
-              var index = _ref4.index;
-              return index === rowCount - 1 ? _rowHeight - 1 : _rowHeight;
-            },
-            rowRenderer: _this2.rowRenderer,
-            scrollToIndex: focusedOptionIndex,
-            onRowsRendered: function onRowsRendered(_ref5) {
-              var stopIndex = _ref5.stopIndex;
-              // Listen for user scrolling to bottom of loaded list
-              if (stopIndex >= rowCount - 1 && _this2.props.onMenuScrollToBottom) {
-                _this2.props.onMenuScrollToBottom();
-              }
-            }
-          });
-        }),
-        "data-gs": gs("src", "select", "components", "auto-sizer"),
-        disableHeight: true,
-        children: function children(_ref3) {
-          var width = _ref3.width;
-          return (0, _jsxRuntime.jsx)(_reactVirtualized.List, {
-            "data-gs": gs("src", "select", "components", "auto-sizer", "list"),
-            width: width,
-            height: fullListHeight < maxHeight ? fullListHeight : maxHeight,
-            rowCount: rowCount,
-            rowHeight: function rowHeight(_ref4) {
-              var index = _ref4.index;
-              return index === rowCount - 1 ? _rowHeight - 1 : _rowHeight;
-            },
-            rowRenderer: _this2.rowRenderer,
-            scrollToIndex: focusedOptionIndex,
-            onRowsRendered: function onRowsRendered(_ref5) {
-              var stopIndex = _ref5.stopIndex;
-              if (stopIndex >= rowCount - 1 && _this2.props.onMenuScrollToBottom) {
-                _this2.props.onMenuScrollToBottom();
-              }
-            }
-          });
+    }),
+    "data-gs": gs("src", "select", "components", "auto-sizer"),
+    disableHeight: true,
+    children: function children(_ref4) {
+      var width = _ref4.width;
+      return (0, _jsxRuntime.jsx)(_reactVirtualized.List, {
+        "data-gs": gs("src", "select", "components", "auto-sizer", "list"),
+        width: width,
+        height: fullListHeight < maxHeight ? fullListHeight : maxHeight,
+        rowCount: rowCount,
+        rowHeight: function rowHeight(_ref5) {
+          var index = _ref5.index;
+          return index === rowCount - 1 ? _rowHeight - 1 : _rowHeight;
+        },
+        rowRenderer: rowRenderer,
+        scrollToIndex: scrollToIndex,
+        onRowsRendered: function onRowsRendered(_ref6) {
+          var stopIndex = _ref6.stopIndex;
+          if (stopIndex >= rowCount - 1 && onMenuScrollToBottom) {
+            onMenuScrollToBottom();
+          }
         }
       });
     }
-  }]);
-}(_react.Component);
+  });
+};

package/dist/es/utils/comparison.d.ts

@@ -1,2 +1,2 @@
-export declare function isOneOf(one: any, of: Array<any> | any): boolean;
+export declare function isOneOf(one: any, of: any): boolean;
 //# sourceMappingURL=comparison.d.ts.map

package/dist/es/utils/testingLibrary.js

@@ -73,5 +73,7 @@ function customRender(ui, options) {
 }
 
 // re-export everything
+/* eslint-disable import/export */
 
-// override render method
+// override render method
+/* eslint-disable import/export */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "td-stylekit",
-  "version": "28.40.1",
+  "version": "28.40.3",
   "main": "dist/es/index.js",
   "module": "dist/es/index.js",
   "types": "dist/es/index.d.ts",
@@ -29,7 +29,7 @@
     "build:icons": "node bin/icons/build.js > dist/es/Icon/types.js",
     "build:icons:types": "bin/icons/build.js types > src/Icon/staticTypes.ts",
     "build:types": "tsc --declaration --emitDeclarationOnly --declarationMap && cp -r dist/es/src/* dist/es/",
-    "lint": "eslint . --ext .js,.ts,.tsx",
+    "lint": "eslint .",
     "release": "semantic-release",
     "start": "yarn docs:start",
     "tdd": "yarn test:unit --watch",
@@ -42,9 +42,9 @@
   },
   "dependencies": {
     "@babel/runtime": "7.24.5",
-    "@emotion/is-prop-valid": "^1.2.2",
-    "@emotion/jest": "^11.11.0",
-    "@emotion/react": "^11.11.4",
+    "@emotion/is-prop-valid": "^1.1.1",
+    "@emotion/jest": "^11.7.1",
+    "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
     "@reach/dialog": "^0.11.2",
     "@reach/tabs": "^0.10.5",
@@ -91,7 +91,7 @@
   "devDependencies": {
     "@babel/cli": "7.24.5",
     "@babel/core": "7.24.5",
-    "@babel/eslint-parser": "7.24.5",
+    "@babel/eslint-parser": "^7.24.6",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
     "@babel/plugin-proposal-optional-chaining": "^7.18.9",
@@ -102,7 +102,7 @@
     "@commitlint/config-conventional": "^8.2.0",
     "@commitlint/lint": "^12.1.4",
     "@commitlint/load": "^12.1.4",
-    "@emotion/babel-preset-css-prop": "^11.11.0",
+    "@emotion/babel-preset-css-prop": "^11.2.0",
     "@octokit/rest": "^18.12.0",
     "@semantic-release/changelog": "^5.0.1",
     "@semantic-release/commit-analyzer": "^8.0.1",
@@ -156,9 +156,8 @@
     "@types/react-virtualized": "^9.21.10",
     "@types/semantic-release": "^17.1.0",
     "@types/testing-library__jest-dom": "^5.0.0",
-    "@typescript-eslint/eslint-plugin": "^4.0.1",
-    "@typescript-eslint/parser": "^4.0.1",
-    "babel-eslint": "^10.1.0",
+    "@typescript-eslint/eslint-plugin": "^7.11.0",
+    "@typescript-eslint/parser": "^7.11.0",
     "babel-jest": "29.7.0",
     "babel-loader": "9.1.3",
     "babel-plugin-autoinstrument": "2.1.3",
@@ -171,14 +170,13 @@
     "dependency-cruiser": "^12.11.0",
     "differencify": "^1.5.5",
     "empty": "^0.10.1",
-    "eslint": "^6.5.1",
+    "eslint": "^8.57.0",
     "eslint-config-prettier": "^6.4.0",
     "eslint-config-standard": "^14.1.0",
     "eslint-config-standard-jsx": "^8.1.0",
-    "eslint-import-resolver-typescript": "^2.0.0",
-    "eslint-plugin-deprecation": "^1.1.0",
-    "eslint-plugin-flowtype": "^5.1.3",
-    "eslint-plugin-import": "^2.8.0",
+    "eslint-import-resolver-typescript": "^3.6.1",
+    "eslint-plugin-deprecation": "^1.3.0",
+    "eslint-plugin-import": "^2.27.2",
     "eslint-plugin-node": "^10.0.0",
     "eslint-plugin-prettier": "^3.1.1",
     "eslint-plugin-promise": "^4.2.1",