td-stylekit 30.4.2 → 30.5.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [30.5.1](https://github.com/treasure-data/td-stylekit/compare/v30.5.0...v30.5.1) (2025-02-06)
+
+
+### Bug Fixes
+
+* **CON-16017:** Restore code overwritten in rebase ([#1630](https://github.com/treasure-data/td-stylekit/issues/1630)) ([fad515d](https://github.com/treasure-data/td-stylekit/commit/fad515d37830cce737043a63c7981ca1efb75cab))
+
+# [30.5.0](https://github.com/treasure-data/td-stylekit/compare/v30.4.2...v30.5.0) (2025-01-31)
+
+
+### Features
+
+* **CON-17900:** Add icons for web and sending config ([#1626](https://github.com/treasure-data/td-stylekit/issues/1626)) ([30c1eb2](https://github.com/treasure-data/td-stylekit/commit/30c1eb26d9457b13c5aa1ea6263f8538bbee4995))
+
 ## [30.4.2](https://github.com/treasure-data/td-stylekit/compare/v30.4.1...v30.4.2) (2025-01-27)
 
 

package/dist/es/Icon/staticTypes.d.ts

@@ -226,6 +226,8 @@ export type IconTypes = {
     SegmentEditorNavIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
     SegmentReport: React.ComponentType<JSX.IntrinsicElements['svg']>;
     SegmentReportIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    SendingConfiguration: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    SendingConfigurationIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
     Setting: React.ComponentType<JSX.IntrinsicElements['svg']>;
     SettingIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
     Share: React.ComponentType<JSX.IntrinsicElements['svg']>;
@@ -326,6 +328,8 @@ export type IconTypes = {
     UtilizationIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
     View: React.ComponentType<JSX.IntrinsicElements['svg']>;
     ViewIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    Web: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    WebIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
     Workflow: React.ComponentType<JSX.IntrinsicElements['svg']>;
     WorkflowIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
     Workflows: React.ComponentType<JSX.IntrinsicElements['svg']>;

package/dist/es/Icon/types.js

@@ -411,7 +411,14 @@ export const types = {typesv5: {Activation: /*#__PURE__*/React.createElement("pa
 }),SegmentReport: /*#__PURE__*/React.createElement("path", {
   d: "M6 4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm12 1.6h-3v3.1h3.4V6a.4.4 0 0 0-.4-.4m.4 4.7H15v3.4h3.4zm0 5H15v3.1h3a.4.4 0 0 0 .4-.4zM9 13.7v-3.4H5.6v3.4zm-3.4 1.6H9v3.1H6a.4.4 0 0 1-.4-.4zm0-6.6H9V5.6H6a.4.4 0 0 0-.4.4z",
   fillRule: "evenodd"
-}),Setting: /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+}),SendingConfiguration: /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+  d: "M16.554 6.223 10.433 9.93a.85.85 0 0 1-.866 0L3.421 6.255a.48.48 0 0 1-.152-.697A1.41 1.41 0 0 1 4.4 5h11.2c.439 0 .829.196 1.084.501a.48.48 0 0 1-.13.722"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m3.512 8.087 6.055 3.623c.265.158.601.158.866 0l6.054-3.664c.223-.135.513.018.513.271v1.705A5.5 5.5 0 0 0 11.022 16H4.4c-.774 0-1.4-.601-1.4-1.344V8.36c0-.252.29-.406.512-.273"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M18.848 12.4c.328.166.376.555.24.825l-.005.012c-.142.248-.15.58 0 .891.193.3.48.43.748.397l.029-.002c.17 0 .319.082.422.185a.6.6 0 0 1 .185.423v.7c0 .382-.311.608-.607.608a.98.98 0 0 0-.786.41c-.172.282-.145.601.003.866.11.155.128.337.07.502a.76.76 0 0 1-.342.39l-.516.283-.005.002c-.268.134-.655.087-.822-.238-.153-.263-.407-.439-.729-.439-.28 0-.578.18-.728.44a.65.65 0 0 1-.334.303.5.5 0 0 1-.456-.027l-.596-.321c-.328-.167-.376-.556-.241-.826l.003-.007.003-.005c.142-.248.15-.58-.001-.89a.92.92 0 0 0-.776-.443.64.64 0 0 1-.406-.147.54.54 0 0 1-.201-.414v-.7c0-.382.31-.608.607-.608a.79.79 0 0 0 .735-.451c.178-.284.15-.609-.001-.877-.186-.29-.034-.657.317-.839l.503-.32.021-.013c.27-.134.656-.087.823.238.152.264.407.439.728.439.328 0 .57-.18.672-.42l.006-.012c.166-.331.556-.38.827-.245l.006.004zm-2.115 4.219a1.12 1.12 0 1 0 0-2.24 1.12 1.12 0 0 0 0 2.24",
+  fillRule: "evenodd"
+})),Setting: /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
   d: "M11.5 10.303a1 1 0 0 0-1.999-.05H8a.8.8 0 0 0 0 1.6h1.501a1 1 0 0 0 1.999-.05zM12 13.303a1 1 0 0 1 1 1v1.5a1 1 0 0 1-1.999.05H8a.8.8 0 1 1 0-1.6h3.001a1 1 0 0 1 .999-.95M12.6 11.053a.8.8 0 0 1 .8-.8H16a.8.8 0 0 1 0 1.6h-2.6a.8.8 0 0 1-.8-.8M16 14.253a.8.8 0 0 1 0 1.6h-1.245a.8.8 0 1 1 0-1.6z"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M4 6.5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2.2 1.622a.5.5 0 0 0-.5.5V17.5a.3.3 0 0 0 .3.3h12a.3.3 0 0 0 .3-.3V8.622a.5.5 0 0 0-.5-.5z",
@@ -581,7 +588,10 @@ export const types = {typesv5: {Activation: /*#__PURE__*/React.createElement("pa
 }), /*#__PURE__*/React.createElement("path", {
   d: "M4.072 11.678c.574-1.22 2.943-5.495 7.93-5.495 4.968 0 7.338 4.245 7.923 5.483.1.213.1.456 0 .669-.585 1.237-2.955 5.482-7.924 5.482-4.986 0-7.355-4.275-7.929-5.496a.76.76 0 0 1 0-.643M8.366 12a3.636 3.636 0 1 0 7.272 0 3.636 3.636 0 0 0-7.272 0",
   fillRule: "evenodd"
-})),Workflow: /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+})),Web: /*#__PURE__*/React.createElement("path", {
+  d: "M6 6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm2 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m2-1a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2zm5 4v4a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-4z",
+  fillRule: "evenodd"
+}),Workflow: /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
   d: "M6 12a6 6 0 0 1 9.825-4.623l-.837.837a.46.46 0 0 0 .326.786h3.078a.46.46 0 0 0 .46-.46V5.462a.46.46 0 0 0-.785-.326l-.823.822A8 8 0 1 0 11.852 20H12a1 1 0 1 0 0-2 6 6 0 0 1-6-6M18.852 11a1 1 0 0 1 1 1v.026a1 1 0 1 1-2-.006V12a1 1 0 0 1 1-1M18.425 14.614a1 1 0 0 1 .369 1.365l-.026.045a1 1 0 1 1-1.728-1.008l.02-.033a1 1 0 0 1 1.365-.37M16.236 17.548a1 1 0 0 1-.36 1.368l-.045.026a1 1 0 0 1-.996-1.735l.034-.02a1 1 0 0 1 1.367.361"
 }), /*#__PURE__*/React.createElement("path", {
   d: "m10.784 15.015 4.346-2.585a.5.5 0 0 0 0-.86l-4.346-2.585a.5.5 0 0 0-.756.43v5.17a.5.5 0 0 0 .756.43"

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+ICh7XG4gIGJvcmRlckJvdHRvbTogJ25vbmUnLFxuICAuLi5nZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuU2VsZWN0LlN0eWxlZFJvdykoeyB0aGVtZSB9KVxufSkpXG5cbmV4cG9ydCBjbGFzcyBNZW51TGlzdCBleHRlbmRzIENvbXBvbmVudDxNZW51TGlzdFByb3BzPiB7XG4gIHJvd1JlbmRlcmVyID0gKHsga2V5LCBpbmRleCwgc3R5bGUgfTogTGlzdFJvd1Byb3BzKSA9PiB7XG4gICAgY29uc3Qgcm93cyA9IChcbiAgICAgIEFycmF5LmlzQXJyYXkodGhpcy5wcm9wcy5jaGlsZHJlbikgPyB0aGlzLnByb3BzLmNoaWxkcmVuIDogW11cbiAgICApIGFzIFJlYWN0RWxlbWVudDxPcHRpb25Qcm9wcz5bXVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRSb3dcbiAgICAgICAga2V5PXtrZXl9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgLi4uc3R5bGVcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAge3Jvd3NbaW5kZXhdfVxuICAgICAgPC9TdHlsZWRSb3c+XG4gICAgKVxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHJvd3MgPSAoXG4gICAgICBBcnJheS5pc0FycmF5KHRoaXMucHJvcHMuY2hpbGRyZW4pID8gdGhpcy5wcm9wcy5jaGlsZHJlbiA6IFtdXG4gICAgKSBhcyBSZWFjdEVsZW1lbnQ8T3B0aW9uUHJvcHM+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+ICh7XG4gIGJvcmRlckJvdHRvbTogJ25vbmUnLFxuICAuLi5nZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuU2VsZWN0LlN0eWxlZFJvdykoeyB0aGVtZSB9KVxufSkpXG5cbmNvbnN0IHZhbHVlSXNPcHRpb25UeXBlID0gKHZhbHVlOiB1bmtub3duKTogdmFsdWUgaXMgT3B0aW9uVHlwZSA9PlxuICAhIXZhbHVlICYmXG4gICFBcnJheS5pc0FycmF5KHZhbHVlKSAmJlxuICB0eXBlb2YgdmFsdWUgPT09ICdvYmplY3QnICYmXG4gICd2YWx1ZScgaW4gdmFsdWVcblxuZXhwb3J0IGNvbnN0IE1lbnVMaXN0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIG1heEhlaWdodCA9IDI1NSxcbiAgb25NZW51U2Nyb2xsVG9Cb3R0b20sXG4gIHJvd0hlaWdodCA9IDMzLFxuICBzZWxlY3RQcm9wc1xufTogTWVudUxpc3RQcm9wcykgPT4ge1xuICBjb25zdCByb3dzID0gKFxuICAgIEFycmF5LmlzQXJyYXkoY2hpbGRyZW4pID8gY2hpbGRyZW4gOiBbXVxuICApIGFzIFJlYWN0RWxlbWVudDxPcHRpb25Qcm9wcz5bXVxuXG4gIGNvbnN0IHJvd0NvdW50UmVmID0gdXNlUmVmPG51bWJlciB8IG51bGw+KG51bGwpXG4gIGNvbnN0IHJvd0NvdW50ID0gcm93cy5sZW5ndGhcbiAgY29uc3QgZnVsbExpc3RIZWlnaHQgPSByb3dDb3VudCAqIHJvd0hlaWdodCAtIDEgLy8gTmVlZCB0byBzdWJ0cmFjdCAxcHggZm9yIGxhY2sgb2YgYm9yZGVyIGJvdHRvbSBvbiBsYXN0IG9wdGlvblxuXG4gIC8vIEtlZXAgdHJhY2sgb2YgdGhlIHJvdyBjb3VudCB0byBkZXRlcm1pbmUgaWYgdGhlIGxpc3QgaGFzIGNoYW5nZWQgc2luY2UgaW5pdGlhbGx5IHJlbmRlcmVkXG4gIC8vIFRoaXMgd2lsbCBoYXBwZW4gb24gYSBwYWdpbmF0ZWQgbGlzdCB3aGVuIHRoZSB1c2VyIHNjcm9sbHMgdG8gdGhlIGJvdHRvbVxuICBpZiAocm93Q291bnRSZWYuY3VycmVudCA9PT0gbnVsbCkge1xuICAgIHJvd0NvdW50UmVmLmN1cnJlbnQgPSByb3dDb3VudFxuICB9XG5cbiAgLy8gRmluZCB0aGUgZm9jdXNlZCBjaGlsZCBiYXNlZCBvbiB0aGUgaXNGb2N1c2VkIHByb3Agb24gdGhlIGNoaWxkIG5vZGVcbiAgY29uc3QgZm9jdXNlZENoaWxkID0gcm93cy5maW5kKGNoaWxkID0+IGNoaWxkICYmIGNoaWxkLnByb3BzLmlzRm9jdXNlZClcbiAgY29uc3QgZm9jdXNlZE9wdGlvbkluZGV4ID0gZm9jdXNlZENoaWxkID8gcm93cy5pbmRleE9mKGZvY3VzZWRDaGlsZCkgOiAwXG5cbiAgLy8gRmluZCB0aGUgc2VsZWN0ZWQgY2hpbGQgYmFzZWQgb24gdGhlIHNlbGVjdCB2YWx1ZSBwcm9wXG4gIC8vIFRoaXMgaXMgbmVlZGVkIGZvciBhIHBhZ2luYXRlZCBsaXN0IGFzIHRoZSBvcHRpb25zIG1heSBub3QgaGF2ZSB0aGUgaXNGb2N1c2VkIHByb3BcbiAgLy8gb3IgdGhlIHNlbGVjdGVkIHZhbHVlIG9wdGlvbiBoYXNuJ3QgbG9hZGVkIHlldFxuICBjb25zdCB2YWx1ZSA9IHZhbHVlSXNPcHRpb25UeXBlKHNlbGVjdFByb3BzLnZhbHVlKVxuICAgID8gc2VsZWN0UHJvcHMudmFsdWUudmFsdWVcbiAgICA6IHVuZGVmaW5lZFxuICBjb25zdCBzZWxlY3RlZFZhbHVlSW5kZXggPSB2YWx1ZVxuICAgID8gcm93cy5maW5kSW5kZXgoY2hpbGQgPT4gY2hpbGQgJiYgY2hpbGQucHJvcHMudmFsdWUgPT09IHZhbHVlKVxuICAgIDogdW5kZWZpbmVkXG5cbiAgLy8gSWYgdGhlIHNlbGVjdCBpcyB1c2luZyB0aGUgcGFnaW5hdGVkIG9uTWVudVNjcm9sbFRvQm90dG9tIHVzZSB0aGUgc2VsZWN0ZWQgdmFsdWUgaW5kZXggYXMgdGhlIHNjcm9sbCB0byBpbmRleFxuICAvLyAgYnV0IG9ubHkgaWYgdGhlIGxpc3QgaXMgbm90IGxvYWRpbmcgb3IgbmV3IHBhZ2VzIGhhdmVuJ3QgYmVlbiBhZGRlZCwgdGhpcyB3aWxsIHByZXZlbnQgZmxpY2tlcmluZ1xuICAvLyAgd2l0aCB0aGUgZm9yY2VkIGZvY3VzZWQgc2Nyb2xsaW5nIGJhY2tcbiAgLy8gT3RoZXJ3aXNlIGlmIG5vdCBwYWdpbmF0aW5nIHVzZSB0aGUgZm9jdXNlZCBvcHRpb24gaW5kZXggd2hpY2ggaXMgZGV0ZXJtaW5lZCBieSB0aGUgaXNGb2N1c2VkIHByb3Agb24gdGhlIG9wdGlvblxuICBjb25zdCBzY3JvbGxUb0luZGV4ID0gb25NZW51U2Nyb2xsVG9Cb3R0b21cbiAgICA/IHNlbGVjdFByb3BzLmlzTG9hZGluZyB8fFxuICAgICAgKHJvd0NvdW50UmVmLmN1cnJlbnQgIT09IG51bGwgJiYgcm93Q291bnRSZWYuY3VycmVudCAhPT0gcm93Q291bnQpXG4gICAgICA/IHVuZGVmaW5lZFxuICAgICAgOiBzZWxlY3RlZFZhbHVlSW5kZXhcbiAgICA6IGZvY3VzZWRPcHRpb25JbmRleFxuXG4gIGNvbnN0IHJvd1JlbmRlcmVyID0gKHsga2V5LCBpbmRleCwgc3R5bGUgfTogTGlzdFJvd1Byb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRSb3dcbiAgICAgICAga2V5PXtrZXl9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgLi4uc3R5bGVcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAge3Jvd3NbaW5kZXhdfVxuICAgICAgPC9TdHlsZWRSb3c+XG4gICAgKVxuICB9XG5cbiAgaWYgKCFyb3dDb3VudCkge1xuICAgIHJldHVybiAoXG4gICAgICA8Tm9SZXN1bHRzTWVzc2FnZT5cbiAgICAgICAge3NlbGVjdFByb3BzLm5vUmVzdWx0c01lc3NhZ2UgfHwgJ05vIHJlc3VsdHMgZm91bmQnfVxuICAgICAgPC9Ob1Jlc3VsdHNNZXNzYWdlPlxuICAgIClcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEF1dG9TaXplciBkaXNhYmxlSGVpZ2h0PlxuICAgICAgeyh7IHdpZHRoIH0pID0+IChcbiAgICAgICAgPExpc3RcbiAgICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICAgICAgaGVpZ2h0PXtmdWxsTGlzdEhlaWdodCA8IG1heEhlaWdodCA/IGZ1bGxMaXN0SGVpZ2h0IDogbWF4SGVpZ2h0fVxuICAgICAgICAgIHJvd0NvdW50PXtyb3dDb3VudH1cbiAgICAgICAgICByb3dIZWlnaHQ9eyh7IGluZGV4IH0pID0+XG4gICAgICAgICAgICBpbmRleCA9PT0gcm93Q291bnQgLSAxID8gcm93SGVpZ2h0IC0gMSA6IHJvd0hlaWdodFxuICAgICAgICAgIH1cbiAgICAgICAgICByb3dSZW5kZXJlcj17cm93UmVuZGVyZXJ9XG4gICAgICAgICAgc2Nyb2xsVG9JbmRleD17c2Nyb2xsVG9JbmRleH1cbiAgICAgICAgICBvblJvd3NSZW5kZXJlZD17KHsgc3RvcEluZGV4IH06IHsgc3RvcEluZGV4OiBudW1iZXIgfSkgPT4ge1xuICAgICAgICAgICAgLy8gTGlzdGVuIGZvciB1c2VyIHNjcm9sbGluZyB0byBib3R0b20gb2YgbG9hZGVkIGxpc3RcbiAgICAgICAgICAgIGlmIChzdG9wSW5kZXggPj0gcm93Q291bnQgLSAxICYmIG9uTWVudVNjcm9sbFRvQm90dG9tKSB7XG4gICAgICAgICAgICAgIG9uTWVudVNjcm9sbFRvQm90dG9tKClcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L0F1dG9TaXplcj5cbiAgKVxufVxuIl19 */");
+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 rowCountRef = (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 (rowCountRef.current === null) {
+    rowCountRef.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 || rowCountRef.current !== null && rowCountRef.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "td-stylekit",
-  "version": "30.4.2",
+  "version": "30.5.1",
   "main": "dist/es/index.js",
   "module": "dist/es/index.js",
   "types": "dist/es/index.d.ts",