@semcore/dropdown-menu 16.2.0 → 16.2.1-prerelease.1

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [16.2.1] - 2025-12-17
+
+### Fixed
+
+- Missing translations
+- Virtual scroll issues.
+- Required customData property changed to optional.
+
 ## [16.2.0] - 2025-12-01
 
 ### Added

package/lib/cjs/DropdownMenu.js

@@ -33,24 +33,24 @@ var _Context = require("./components/Context");
 var _VirtualList = require("./components/VirtualList");
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*!__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SDropdownMenuList_1d1ud_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1d1ud_gg_ .___SBar_1d1ud_gg_{z-index:3}.___SDropdownMenuList_1d1ud_gg_ .___SShadowHorizontal_1d1ud_gg_:after,.___SDropdownMenuList_1d1ud_gg_ .___SShadowHorizontal_1d1ud_gg_:before,.___SDropdownMenuList_1d1ud_gg_ .___SShadowVertical_1d1ud_gg_:after,.___SDropdownMenuList_1d1ud_gg_ .___SShadowVertical_1d1ud_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_1d1ud_gg_ .___SItemContent_1d1ud_gg_:focus-visible{outline:0}.___SDropdownMenuItemContainer_1d1ud_gg_.__nesting-trigger_1d1ud_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1d1ud_gg_,.___SItemContentText_1d1ud_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_1d1ud_gg_:first-child,.___SItemContentText_1d1ud_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1d1ud_gg_:last-child,.___SItemContentText_1d1ud_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1d1ud_gg_,.___SDropdownMenuNesting_1d1ud_gg_._size_l_1d1ud_gg_,.___SDropdownMenuNesting_1d1ud_gg_._size_m_1d1ud_gg_{padding:0}.___SDropdownMenuNesting_1d1ud_gg_.__highlighted_1d1ud_gg_{z-index:1;outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:-2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SDropdownNestingItem_1d1ud_gg_._size_l_1d1ud_gg_,.___SDropdownNestingItem_1d1ud_gg_._size_m_1d1ud_gg_{padding-right:0}.___SDropdownNestingItem_1d1ud_gg_ .___SDropdownMenuItemContainer_1d1ud_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemHint_1d1ud_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}", /*__inner_css_end__*/"1d1ud_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SDropdownMenuList_10g2z_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_10g2z_gg_ .___SBar_10g2z_gg_{z-index:3}.___SDropdownMenuList_10g2z_gg_ .___SShadowHorizontal_10g2z_gg_:after,.___SDropdownMenuList_10g2z_gg_ .___SShadowHorizontal_10g2z_gg_:before,.___SDropdownMenuList_10g2z_gg_ .___SShadowVertical_10g2z_gg_:after,.___SDropdownMenuList_10g2z_gg_ .___SShadowVertical_10g2z_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_10g2z_gg_ .___SItemContent_10g2z_gg_:focus-visible{outline:0}.___SDropdownMenuItemContainer_10g2z_gg_.__nesting-trigger_10g2z_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_10g2z_gg_,.___SItemContentText_10g2z_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_10g2z_gg_:first-child,.___SItemContentText_10g2z_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_10g2z_gg_:last-child,.___SItemContentText_10g2z_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_10g2z_gg_,.___SDropdownMenuNesting_10g2z_gg_._size_l_10g2z_gg_,.___SDropdownMenuNesting_10g2z_gg_._size_m_10g2z_gg_{padding:0}.___SDropdownMenuNesting_10g2z_gg_.__highlighted_10g2z_gg_{z-index:1;outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:-2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SDropdownNestingItem_10g2z_gg_._size_l_10g2z_gg_,.___SDropdownNestingItem_10g2z_gg_._size_m_10g2z_gg_{padding-right:0}.___SDropdownNestingItem_10g2z_gg_ .___SDropdownMenuItemContainer_10g2z_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemHint_10g2z_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}", /*__inner_css_end__*/"10g2z_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_1d1ud_gg_",
-  "_nesting-trigger": "__nesting-trigger_1d1ud_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1d1ud_gg_",
-  "_size_l": "_size_l_1d1ud_gg_",
-  "_size_m": "_size_m_1d1ud_gg_",
-  "_highlighted": "__highlighted_1d1ud_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_1d1ud_gg_",
-  "__SItemHint": "___SItemHint_1d1ud_gg_",
-  "__SDropdownMenuList": "___SDropdownMenuList_1d1ud_gg_",
-  "__SBar": "___SBar_1d1ud_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_1d1ud_gg_",
-  "__SShadowVertical": "___SShadowVertical_1d1ud_gg_",
-  "__SItemContent": "___SItemContent_1d1ud_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1d1ud_gg_",
-  "__SItemContentText": "___SItemContentText_1d1ud_gg_"
+  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_10g2z_gg_",
+  "_nesting-trigger": "__nesting-trigger_10g2z_gg_",
+  "__SDropdownMenuNesting": "___SDropdownMenuNesting_10g2z_gg_",
+  "_size_l": "_size_l_10g2z_gg_",
+  "_size_m": "_size_m_10g2z_gg_",
+  "_highlighted": "__highlighted_10g2z_gg_",
+  "__SDropdownNestingItem": "___SDropdownNestingItem_10g2z_gg_",
+  "__SItemHint": "___SItemHint_10g2z_gg_",
+  "__SDropdownMenuList": "___SDropdownMenuList_10g2z_gg_",
+  "__SBar": "___SBar_10g2z_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_10g2z_gg_",
+  "__SShadowVertical": "___SShadowVertical_10g2z_gg_",
+  "__SItemContent": "___SItemContent_10g2z_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_10g2z_gg_",
+  "__SItemContentText": "___SItemContentText_10g2z_gg_"
 });
 var menuItemContext = /*#__PURE__*/_react["default"].createContext({});
 var DropdownMenuRoot = /*#__PURE__*/function (_AbstractDropdown) {

package/lib/cjs/components/VirtualList.js

@@ -17,24 +17,24 @@ var _scrollArea = _interopRequireDefault(require("@semcore/scroll-area"));
 var _react = _interopRequireDefault(require("react"));
 var _Context = require("./Context");
 /*!__reshadow-styles__:"../style/dropdown-menu.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SDropdownMenuList_1d1ud_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1d1ud_gg_ .___SBar_1d1ud_gg_{z-index:3}.___SDropdownMenuList_1d1ud_gg_ .___SShadowHorizontal_1d1ud_gg_:after,.___SDropdownMenuList_1d1ud_gg_ .___SShadowHorizontal_1d1ud_gg_:before,.___SDropdownMenuList_1d1ud_gg_ .___SShadowVertical_1d1ud_gg_:after,.___SDropdownMenuList_1d1ud_gg_ .___SShadowVertical_1d1ud_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_1d1ud_gg_ .___SItemContent_1d1ud_gg_:focus-visible{outline:0}.___SDropdownMenuItemContainer_1d1ud_gg_.__nesting-trigger_1d1ud_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1d1ud_gg_,.___SItemContentText_1d1ud_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_1d1ud_gg_:first-child,.___SItemContentText_1d1ud_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1d1ud_gg_:last-child,.___SItemContentText_1d1ud_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1d1ud_gg_,.___SDropdownMenuNesting_1d1ud_gg_._size_l_1d1ud_gg_,.___SDropdownMenuNesting_1d1ud_gg_._size_m_1d1ud_gg_{padding:0}.___SDropdownMenuNesting_1d1ud_gg_.__highlighted_1d1ud_gg_{z-index:1;outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:-2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SDropdownNestingItem_1d1ud_gg_._size_l_1d1ud_gg_,.___SDropdownNestingItem_1d1ud_gg_._size_m_1d1ud_gg_{padding-right:0}.___SDropdownNestingItem_1d1ud_gg_ .___SDropdownMenuItemContainer_1d1ud_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemHint_1d1ud_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}", /*__inner_css_end__*/"1d1ud_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SDropdownMenuList_10g2z_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_10g2z_gg_ .___SBar_10g2z_gg_{z-index:3}.___SDropdownMenuList_10g2z_gg_ .___SShadowHorizontal_10g2z_gg_:after,.___SDropdownMenuList_10g2z_gg_ .___SShadowHorizontal_10g2z_gg_:before,.___SDropdownMenuList_10g2z_gg_ .___SShadowVertical_10g2z_gg_:after,.___SDropdownMenuList_10g2z_gg_ .___SShadowVertical_10g2z_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_10g2z_gg_ .___SItemContent_10g2z_gg_:focus-visible{outline:0}.___SDropdownMenuItemContainer_10g2z_gg_.__nesting-trigger_10g2z_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_10g2z_gg_,.___SItemContentText_10g2z_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_10g2z_gg_:first-child,.___SItemContentText_10g2z_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_10g2z_gg_:last-child,.___SItemContentText_10g2z_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_10g2z_gg_,.___SDropdownMenuNesting_10g2z_gg_._size_l_10g2z_gg_,.___SDropdownMenuNesting_10g2z_gg_._size_m_10g2z_gg_{padding:0}.___SDropdownMenuNesting_10g2z_gg_.__highlighted_10g2z_gg_{z-index:1;outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:-2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SDropdownNestingItem_10g2z_gg_._size_l_10g2z_gg_,.___SDropdownNestingItem_10g2z_gg_._size_m_10g2z_gg_{padding-right:0}.___SDropdownNestingItem_10g2z_gg_ .___SDropdownMenuItemContainer_10g2z_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemHint_10g2z_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}", /*__inner_css_end__*/"10g2z_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_1d1ud_gg_",
-  "_nesting-trigger": "__nesting-trigger_1d1ud_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1d1ud_gg_",
-  "_size_l": "_size_l_1d1ud_gg_",
-  "_size_m": "_size_m_1d1ud_gg_",
-  "_highlighted": "__highlighted_1d1ud_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_1d1ud_gg_",
-  "__SItemHint": "___SItemHint_1d1ud_gg_",
-  "__SDropdownMenuList": "___SDropdownMenuList_1d1ud_gg_",
-  "__SBar": "___SBar_1d1ud_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_1d1ud_gg_",
-  "__SShadowVertical": "___SShadowVertical_1d1ud_gg_",
-  "__SItemContent": "___SItemContent_1d1ud_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1d1ud_gg_",
-  "__SItemContentText": "___SItemContentText_1d1ud_gg_"
+  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_10g2z_gg_",
+  "_nesting-trigger": "__nesting-trigger_10g2z_gg_",
+  "__SDropdownMenuNesting": "___SDropdownMenuNesting_10g2z_gg_",
+  "_size_l": "_size_l_10g2z_gg_",
+  "_size_m": "_size_m_10g2z_gg_",
+  "_highlighted": "__highlighted_10g2z_gg_",
+  "__SDropdownNestingItem": "___SDropdownNestingItem_10g2z_gg_",
+  "__SItemHint": "___SItemHint_10g2z_gg_",
+  "__SDropdownMenuList": "___SDropdownMenuList_10g2z_gg_",
+  "__SBar": "___SBar_10g2z_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_10g2z_gg_",
+  "__SShadowVertical": "___SShadowVertical_10g2z_gg_",
+  "__SItemContent": "___SItemContent_10g2z_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_10g2z_gg_",
+  "__SItemContentText": "___SItemContentText_10g2z_gg_"
 });
 var VirtualListRoot = /*#__PURE__*/function (_Component) {
   function VirtualListRoot() {
@@ -68,20 +68,26 @@ var VirtualListRoot = /*#__PURE__*/function (_Component) {
       var _this2 = this;
       var _this$asProps = this.asProps,
         index = _this$asProps.index,
-        rowHeight = _this$asProps.rowHeight;
+        rowHeight = _this$asProps.rowHeight,
+        rowsBuffer = _this$asProps.rowsBuffer;
       setTimeout(function () {
         var _this2$listRef$curren, _this2$listRef$curren2, _this2$containerRef$c;
         var listHeight = ((_this2$listRef$curren = (_this2$listRef$curren2 = _this2.listRef.current) === null || _this2$listRef$curren2 === void 0 ? void 0 : _this2$listRef$curren2.getBoundingClientRect().height) !== null && _this2$listRef$curren !== void 0 ? _this2$listRef$curren : 0) / 2;
         (_this2$containerRef$c = _this2.containerRef.current) === null || _this2$containerRef$c === void 0 || _this2$containerRef$c.scrollTo({
           top: index * rowHeight - listHeight + rowHeight / 2
         });
+        if (index <= rowsBuffer) {
+          _this2.forceUpdate(); // we need this for correct render all items with calculated container height
+        }
       }, 10); // 10 for correct work in safari
     }
   }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-        _ref2;
+        _ref2,
+        _this$listRef$current,
+        _this$listRef$current2;
       var SDropdownMenuList = _scrollArea["default"];
       var SBar = _scrollArea["default"].Bar;
       var _this$state = this.state,
@@ -94,11 +100,11 @@ var VirtualListRoot = /*#__PURE__*/function (_Component) {
         styles = _this$asProps2.styles,
         RenderRow = _this$asProps2.renderRow,
         customData = _this$asProps2.customData;
-      var offsetHeight = 0;
-      var prevPrepared = scrollDirection === 'up' ? rowsBuffer : 6;
-      var nextPrepared = scrollDirection === 'up' ? 6 : rowsBuffer;
+      var offsetHeight = (_this$listRef$current = (_this$listRef$current2 = this.listRef.current) === null || _this$listRef$current2 === void 0 ? void 0 : _this$listRef$current2.offsetHeight) !== null && _this$listRef$current !== void 0 ? _this$listRef$current : 0;
+      var prevPrepared = scrollDirection === 'up' ? rowsBuffer / 2 : rowsBuffer;
+      var nextPrepared = scrollDirection === 'up' ? rowsBuffer / 2 : rowsBuffer;
       var startIndex = Math.max(Math.floor(scrollTop / rowHeight) - prevPrepared, 0);
-      var lastIndex = scrollDirection === 'up' && scrollTop === 0 ? rowsBuffer : Math.min(Math.ceil((scrollTop + offsetHeight) / rowHeight) + nextPrepared, rows.length);
+      var lastIndex = Math.min(Math.ceil((scrollTop + offsetHeight) / rowHeight) + nextPrepared, rows.length);
       var rowsToRender = rows.slice(startIndex, lastIndex);
       var rowMarginTop = rowHeight * startIndex;
       var rowMarginBottom = rowHeight * (rows.length - lastIndex);
@@ -116,6 +122,7 @@ var VirtualListRoot = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_baseComponents.Box, _ref2.cn("Box", {
         "h": rowMarginTop
       })), rowsToRender.map(function (item, index) {
+        // @ts-ignore
         return /*#__PURE__*/_react["default"].createElement(RenderRow, {
           key: startIndex + index,
           row: item,
@@ -135,7 +142,7 @@ var VirtualListRoot = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(VirtualListRoot, "displayName", 'VirtualList');
 (0, _defineProperty2["default"])(VirtualListRoot, "style", style);
 (0, _defineProperty2["default"])(VirtualListRoot, "defaultProps", {
-  rowsBuffer: 10
+  rowsBuffer: 6
 });
 var VirtualList = exports.VirtualList = (0, _core.createComponent)(VirtualListRoot);
 //# sourceMappingURL=VirtualList.js.map

package/lib/cjs/components/VirtualList.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.js","names":["_core","require","_baseComponents","_scrollArea","_interopRequireDefault","_react","_Context","style","sstyled","insert","VirtualListRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","scrollTop","scrollDirection","e","target","HTMLElement","state","setState","_inherits2","_createClass2","key","value","componentDidMount","_this2","_this$asProps","asProps","index","rowHeight","setTimeout","_this2$listRef$curren","_this2$listRef$curren2","_this2$containerRef$c","listHeight","listRef","current","getBoundingClientRect","height","containerRef","scrollTo","top","render","_ref","_ref2","SDropdownMenuList","ScrollAreaComponent","SBar","Bar","_this$state","_this$asProps2","rows","rowsBuffer","styles","RenderRow","renderRow","customData","offsetHeight","prevPrepared","nextPrepared","startIndex","Math","max","floor","lastIndex","min","ceil","rowsToRender","slice","rowMarginTop","rowMarginBottom","createElement","ListBoxContextProvider","cn","_objectSpread2","assignProps","handleScroll","Container","ref","tabIndex","undefined","h","Box","map","item","row","data","Component","VirtualList","exports","createComponent"],"sources":["../../../src/components/VirtualList.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { Root, Component, createComponent, sstyled } from '@semcore/core';\nimport ScrollAreaComponent from '@semcore/scroll-area';\nimport React from 'react';\n\nimport { ListBoxContextProvider } from './Context';\nimport style from '../style/dropdown-menu.shadow.css';\n\nexport type RenderRowProps<T, D> = {\n  index: number;\n  row: T;\n  data: D;\n};\n\ntype VirtualListProps<T, D extends object> = {\n  /** List of all rows in ddMenu */\n  rows: T[];\n  /** Method for render row, it's better to wrap it via React.memo */\n  renderRow: (props: RenderRowProps<T, D>) => React.ReactNode;\n  /** The height of row. For now, you should calculate it on your side. */\n  rowHeight: number;\n  /** The buffer of rows out of visible rows\n   * @default 10\n   */\n  rowsBuffer?: number;\n  /** Some custom data for each renderRow function */\n  customData: D;\n};\n\ntype State = {\n  scrollTop: number;\n  scrollDirection: 'up' | 'down';\n};\n\nclass VirtualListRoot<T = string, D extends object = {}> extends Component<VirtualListProps<T, D>, {}, State, [], { rowsBuffer: number; index: number }> {\n  static displayName = 'VirtualList';\n  static style = style;\n\n  static defaultProps = {\n    rowsBuffer: 10,\n  };\n\n  containerRef = React.createRef<HTMLDivElement>();\n  listRef = React.createRef<HTMLDivElement>();\n\n  state: State = {\n    scrollTop: 0,\n    scrollDirection: 'down',\n  };\n\n  componentDidMount() {\n    const { index, rowHeight } = this.asProps;\n\n    setTimeout(() => {\n      const listHeight = (this.listRef.current?.getBoundingClientRect().height ?? 0) / 2;\n      this.containerRef.current?.scrollTo({ top: index * rowHeight - listHeight + rowHeight / 2 });\n    }, 10); // 10 for correct work in safari\n  }\n\n  handleScroll = (e: React.SyntheticEvent<HTMLDivElement>) => {\n    if (e.target instanceof HTMLElement) {\n      const scrollDirection = e.target.scrollTop > this.state.scrollTop ? 'down' : 'up';\n\n      this.setState({\n        scrollDirection,\n        scrollTop: e.target.scrollTop,\n      });\n    }\n  };\n\n  render() {\n    const SDropdownMenuList = Root;\n    const SBar = ScrollAreaComponent.Bar;\n\n    const { scrollDirection, scrollTop } = this.state;\n    const { rows, rowHeight, rowsBuffer, styles, renderRow: RenderRow, customData } = this.asProps;\n\n    const offsetHeight = 0;\n    const prevPrepared = scrollDirection === 'up' ? rowsBuffer : 6;\n    const nextPrepared = scrollDirection === 'up' ? 6 : rowsBuffer;\n\n    const startIndex = Math.max(Math.floor(scrollTop / rowHeight) - prevPrepared, 0);\n\n    const lastIndex = scrollDirection === 'up' && scrollTop === 0\n      ? rowsBuffer\n      : Math.min(\n          Math.ceil((scrollTop + offsetHeight) / rowHeight) + nextPrepared,\n          rows.length,\n        );\n\n    const rowsToRender = rows.slice(startIndex, lastIndex);\n    const rowMarginTop = rowHeight * startIndex;\n    const rowMarginBottom = rowHeight * (rows.length - lastIndex);\n\n    return sstyled(styles)(\n      <ListBoxContextProvider>\n        <SDropdownMenuList\n          render={ScrollAreaComponent}\n          shadow={true}\n          shadowSize={16}\n          shadowTheme='light'\n          onScroll={this.handleScroll}\n          data-is-virtual='true'\n          ref={this.listRef}\n        >\n          <ScrollAreaComponent.Container ref={this.containerRef} tabIndex={undefined} h={rows.length * rowHeight}>\n            <Box h={rowMarginTop} />\n            {rowsToRender.map((item, index) => {\n              return <RenderRow key={startIndex + index} row={item} index={startIndex + index} data={customData} />;\n            })}\n            <Box h={rowMarginBottom} />\n          </ScrollAreaComponent.Container>\n          <SBar orientation='horizontal' />\n          <SBar orientation='vertical' />\n        </SDropdownMenuList>\n      </ListBoxContextProvider>,\n    );\n  }\n}\n\nexport type VirtualListComponent = (<\n  T = string,\n  D extends object = {},\n>(\n  props: Intergalactic.InternalTypings.EfficientOmit<Intergalactic.InternalTypings.ComponentProps<typeof Box, 'div', VirtualListProps<T, D>>, 'tag' | 'children'>\n) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<typeof Box, 'div', VirtualListProps<any, any>>;\n\nexport const VirtualList = createComponent(VirtualListRoot) as VirtualListComponent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VirtualList.js","names":["_core","require","_baseComponents","_scrollArea","_interopRequireDefault","_react","_Context","style","sstyled","insert","VirtualListRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","scrollTop","scrollDirection","e","target","HTMLElement","state","setState","_inherits2","_createClass2","key","value","componentDidMount","_this2","_this$asProps","asProps","index","rowHeight","rowsBuffer","setTimeout","_this2$listRef$curren","_this2$listRef$curren2","_this2$containerRef$c","listHeight","listRef","current","getBoundingClientRect","height","containerRef","scrollTo","top","forceUpdate","render","_ref","_ref2","_this$listRef$current","_this$listRef$current2","SDropdownMenuList","ScrollAreaComponent","SBar","Bar","_this$state","_this$asProps2","rows","styles","RenderRow","renderRow","customData","offsetHeight","prevPrepared","nextPrepared","startIndex","Math","max","floor","lastIndex","min","ceil","rowsToRender","slice","rowMarginTop","rowMarginBottom","createElement","ListBoxContextProvider","cn","_objectSpread2","assignProps","handleScroll","Container","ref","tabIndex","undefined","h","Box","map","item","row","data","Component","VirtualList","exports","createComponent"],"sources":["../../../src/components/VirtualList.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { Root, Component, createComponent, sstyled } from '@semcore/core';\nimport ScrollAreaComponent from '@semcore/scroll-area';\nimport React from 'react';\n\nimport { ListBoxContextProvider } from './Context';\nimport style from '../style/dropdown-menu.shadow.css';\n\nexport type RenderRowProps<T, D = never> = {\n  index: number;\n  row: T;\n  data: [D] extends [never] ? undefined : D;\n};\n\ntype VirtualListProps<T, D extends object = never> = {\n  /** List of all rows in ddMenu */\n  rows: T[];\n  /** Method for render row, it's better to wrap it via React.memo */\n  renderRow: (props: RenderRowProps<T, D>) => React.ReactNode;\n  /** The height of row. For now, you should calculate it on your side. */\n  rowHeight: number;\n  /** The buffer of rows out of visible rows\n   * @default 10\n   */\n  rowsBuffer?: number;\n} & ([D] extends [never] ? { customData?: undefined } : {\n  /** Some custom data for each renderRow function */\n  customData: D;\n});\n\ntype State = {\n  scrollTop: number;\n  scrollDirection: 'up' | 'down';\n};\n\nclass VirtualListRoot<T = string, D extends object = never> extends Component<VirtualListProps<T, D>, {}, State, [], { rowsBuffer: number; index: number }> {\n  static displayName = 'VirtualList';\n  static style = style;\n\n  static defaultProps = {\n    rowsBuffer: 6,\n  };\n\n  containerRef = React.createRef<HTMLDivElement>();\n  listRef = React.createRef<HTMLDivElement>();\n\n  state: State = {\n    scrollTop: 0,\n    scrollDirection: 'down',\n  };\n\n  componentDidMount() {\n    const { index, rowHeight, rowsBuffer } = this.asProps;\n\n    setTimeout(() => {\n      const listHeight = (this.listRef.current?.getBoundingClientRect().height ?? 0) / 2;\n      this.containerRef.current?.scrollTo({ top: index * rowHeight - listHeight + rowHeight / 2 });\n\n      if (index <= rowsBuffer) {\n        this.forceUpdate(); // we need this for correct render all items with calculated container height\n      }\n    }, 10); // 10 for correct work in safari\n  }\n\n  handleScroll = (e: React.SyntheticEvent<HTMLDivElement>) => {\n    if (e.target instanceof HTMLElement) {\n      const scrollDirection = e.target.scrollTop > this.state.scrollTop ? 'down' : 'up';\n\n      this.setState({\n        scrollDirection,\n        scrollTop: e.target.scrollTop,\n      });\n    }\n  };\n\n  render() {\n    const SDropdownMenuList = Root;\n    const SBar = ScrollAreaComponent.Bar;\n\n    const { scrollDirection, scrollTop } = this.state;\n    const { rows, rowHeight, rowsBuffer, styles, renderRow: RenderRow, customData } = this.asProps;\n\n    const offsetHeight = this.listRef.current?.offsetHeight ?? 0;\n    const prevPrepared = scrollDirection === 'up' ? rowsBuffer / 2 : rowsBuffer;\n    const nextPrepared = scrollDirection === 'up' ? rowsBuffer / 2 : rowsBuffer;\n\n    const startIndex = Math.max(Math.floor(scrollTop / rowHeight) - prevPrepared, 0);\n\n    const lastIndex = Math.min(\n      Math.ceil((scrollTop + offsetHeight) / rowHeight) + nextPrepared,\n      rows.length,\n    );\n\n    const rowsToRender = rows.slice(startIndex, lastIndex);\n    const rowMarginTop = rowHeight * startIndex;\n    const rowMarginBottom = rowHeight * (rows.length - lastIndex);\n\n    return sstyled(styles)(\n      <ListBoxContextProvider>\n        <SDropdownMenuList\n          render={ScrollAreaComponent}\n          shadow={true}\n          shadowSize={16}\n          shadowTheme='light'\n          onScroll={this.handleScroll}\n          data-is-virtual='true'\n          ref={this.listRef}\n        >\n          <ScrollAreaComponent.Container ref={this.containerRef} tabIndex={undefined} h={rows.length * rowHeight}>\n            <Box h={rowMarginTop} />\n            {rowsToRender.map((item, index) => {\n              // @ts-ignore\n              return <RenderRow key={startIndex + index} row={item} index={startIndex + index} data={customData} />;\n            })}\n            <Box h={rowMarginBottom} />\n          </ScrollAreaComponent.Container>\n          <SBar orientation='horizontal' />\n          <SBar orientation='vertical' />\n        </SDropdownMenuList>\n      </ListBoxContextProvider>,\n    );\n  }\n}\n\nexport type VirtualListComponent = (<\n  T = string,\n  D extends object = never,\n>(\n  props: Intergalactic.InternalTypings.EfficientOmit<Intergalactic.InternalTypings.ComponentProps<typeof Box, 'div', VirtualListProps<T, D>>, 'tag' | 'children'>\n) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<typeof Box, 'div', VirtualListProps<any, any>>;\n\nexport const VirtualList = createComponent(VirtualListRoot) as VirtualListComponent;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/translations/de.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Drücken Sie Tab, um zum Popover zu gehen"
-}
+{}

package/lib/cjs/translations/es.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Presiona Tab para ir a Popover"
-}
+{}

package/lib/cjs/translations/fr.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Appuyez sur la touche Tab pour accéder au popover"
-}
+{}

package/lib/cjs/translations/it.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Premi Tab per andare a Popover"
-}
+{}

package/lib/cjs/translations/ja.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Tabキーを押してポップオーバーに移動"
-}
+{}

package/lib/cjs/translations/ko.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "팝업창으로 이동하려면 Tab 키를 누르세요"
-}
+{}

package/lib/cjs/translations/nl.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Druk op Tab om naar de popover te gaan"
-}
+{}

package/lib/cjs/translations/pl.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Naciśnij Tab, aby przejść do okienka popover"
-}
+{}

package/lib/cjs/translations/pt.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Pressione Tab para acessar o pop-over"
-}
+{}

package/lib/cjs/translations/sv.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Tryck på Tab för att gå till popover"
-}
+{}

package/lib/cjs/translations/tr.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Popover'a gitmek için Tab tuşuna basın"
-}
+{}

package/lib/cjs/translations/vi.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Nhấn Tab để chuyển đến cửa sổ bật lên"
-}
+{}

package/lib/cjs/translations/zh.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "按 T​​ab 转到弹出框"
-}
+{}

package/lib/es6/DropdownMenu.js

@@ -39,24 +39,24 @@ import React from 'react';
 import { ListBoxContextProvider } from './components/Context';
 import { VirtualList } from './components/VirtualList';
 /*!__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDropdownMenuList_1d1ud_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1d1ud_gg_ .___SBar_1d1ud_gg_{z-index:3}.___SDropdownMenuList_1d1ud_gg_ .___SShadowHorizontal_1d1ud_gg_:after,.___SDropdownMenuList_1d1ud_gg_ .___SShadowHorizontal_1d1ud_gg_:before,.___SDropdownMenuList_1d1ud_gg_ .___SShadowVertical_1d1ud_gg_:after,.___SDropdownMenuList_1d1ud_gg_ .___SShadowVertical_1d1ud_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_1d1ud_gg_ .___SItemContent_1d1ud_gg_:focus-visible{outline:0}.___SDropdownMenuItemContainer_1d1ud_gg_.__nesting-trigger_1d1ud_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1d1ud_gg_,.___SItemContentText_1d1ud_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_1d1ud_gg_:first-child,.___SItemContentText_1d1ud_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1d1ud_gg_:last-child,.___SItemContentText_1d1ud_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1d1ud_gg_,.___SDropdownMenuNesting_1d1ud_gg_._size_l_1d1ud_gg_,.___SDropdownMenuNesting_1d1ud_gg_._size_m_1d1ud_gg_{padding:0}.___SDropdownMenuNesting_1d1ud_gg_.__highlighted_1d1ud_gg_{z-index:1;outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:-2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SDropdownNestingItem_1d1ud_gg_._size_l_1d1ud_gg_,.___SDropdownNestingItem_1d1ud_gg_._size_m_1d1ud_gg_{padding-right:0}.___SDropdownNestingItem_1d1ud_gg_ .___SDropdownMenuItemContainer_1d1ud_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemHint_1d1ud_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}", /*__inner_css_end__*/"1d1ud_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDropdownMenuList_10g2z_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_10g2z_gg_ .___SBar_10g2z_gg_{z-index:3}.___SDropdownMenuList_10g2z_gg_ .___SShadowHorizontal_10g2z_gg_:after,.___SDropdownMenuList_10g2z_gg_ .___SShadowHorizontal_10g2z_gg_:before,.___SDropdownMenuList_10g2z_gg_ .___SShadowVertical_10g2z_gg_:after,.___SDropdownMenuList_10g2z_gg_ .___SShadowVertical_10g2z_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_10g2z_gg_ .___SItemContent_10g2z_gg_:focus-visible{outline:0}.___SDropdownMenuItemContainer_10g2z_gg_.__nesting-trigger_10g2z_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_10g2z_gg_,.___SItemContentText_10g2z_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_10g2z_gg_:first-child,.___SItemContentText_10g2z_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_10g2z_gg_:last-child,.___SItemContentText_10g2z_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_10g2z_gg_,.___SDropdownMenuNesting_10g2z_gg_._size_l_10g2z_gg_,.___SDropdownMenuNesting_10g2z_gg_._size_m_10g2z_gg_{padding:0}.___SDropdownMenuNesting_10g2z_gg_.__highlighted_10g2z_gg_{z-index:1;outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:-2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SDropdownNestingItem_10g2z_gg_._size_l_10g2z_gg_,.___SDropdownNestingItem_10g2z_gg_._size_m_10g2z_gg_{padding-right:0}.___SDropdownNestingItem_10g2z_gg_ .___SDropdownMenuItemContainer_10g2z_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemHint_10g2z_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}", /*__inner_css_end__*/"10g2z_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_1d1ud_gg_",
-  "_nesting-trigger": "__nesting-trigger_1d1ud_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1d1ud_gg_",
-  "_size_l": "_size_l_1d1ud_gg_",
-  "_size_m": "_size_m_1d1ud_gg_",
-  "_highlighted": "__highlighted_1d1ud_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_1d1ud_gg_",
-  "__SItemHint": "___SItemHint_1d1ud_gg_",
-  "__SDropdownMenuList": "___SDropdownMenuList_1d1ud_gg_",
-  "__SBar": "___SBar_1d1ud_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_1d1ud_gg_",
-  "__SShadowVertical": "___SShadowVertical_1d1ud_gg_",
-  "__SItemContent": "___SItemContent_1d1ud_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1d1ud_gg_",
-  "__SItemContentText": "___SItemContentText_1d1ud_gg_"
+  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_10g2z_gg_",
+  "_nesting-trigger": "__nesting-trigger_10g2z_gg_",
+  "__SDropdownMenuNesting": "___SDropdownMenuNesting_10g2z_gg_",
+  "_size_l": "_size_l_10g2z_gg_",
+  "_size_m": "_size_m_10g2z_gg_",
+  "_highlighted": "__highlighted_10g2z_gg_",
+  "__SDropdownNestingItem": "___SDropdownNestingItem_10g2z_gg_",
+  "__SItemHint": "___SItemHint_10g2z_gg_",
+  "__SDropdownMenuList": "___SDropdownMenuList_10g2z_gg_",
+  "__SBar": "___SBar_10g2z_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_10g2z_gg_",
+  "__SShadowVertical": "___SShadowVertical_10g2z_gg_",
+  "__SItemContent": "___SItemContent_10g2z_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_10g2z_gg_",
+  "__SItemContentText": "___SItemContentText_10g2z_gg_"
 });
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 var menuItemContext = /*#__PURE__*/React.createContext({});

package/lib/es6/components/VirtualList.js

@@ -12,24 +12,24 @@ import ScrollAreaComponent from '@semcore/scroll-area';
 import React from 'react';
 import { ListBoxContextProvider } from './Context';
 /*!__reshadow-styles__:"../style/dropdown-menu.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDropdownMenuList_1d1ud_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1d1ud_gg_ .___SBar_1d1ud_gg_{z-index:3}.___SDropdownMenuList_1d1ud_gg_ .___SShadowHorizontal_1d1ud_gg_:after,.___SDropdownMenuList_1d1ud_gg_ .___SShadowHorizontal_1d1ud_gg_:before,.___SDropdownMenuList_1d1ud_gg_ .___SShadowVertical_1d1ud_gg_:after,.___SDropdownMenuList_1d1ud_gg_ .___SShadowVertical_1d1ud_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_1d1ud_gg_ .___SItemContent_1d1ud_gg_:focus-visible{outline:0}.___SDropdownMenuItemContainer_1d1ud_gg_.__nesting-trigger_1d1ud_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1d1ud_gg_,.___SItemContentText_1d1ud_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_1d1ud_gg_:first-child,.___SItemContentText_1d1ud_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1d1ud_gg_:last-child,.___SItemContentText_1d1ud_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1d1ud_gg_,.___SDropdownMenuNesting_1d1ud_gg_._size_l_1d1ud_gg_,.___SDropdownMenuNesting_1d1ud_gg_._size_m_1d1ud_gg_{padding:0}.___SDropdownMenuNesting_1d1ud_gg_.__highlighted_1d1ud_gg_{z-index:1;outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:-2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SDropdownNestingItem_1d1ud_gg_._size_l_1d1ud_gg_,.___SDropdownNestingItem_1d1ud_gg_._size_m_1d1ud_gg_{padding-right:0}.___SDropdownNestingItem_1d1ud_gg_ .___SDropdownMenuItemContainer_1d1ud_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemHint_1d1ud_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}", /*__inner_css_end__*/"1d1ud_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDropdownMenuList_10g2z_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_10g2z_gg_ .___SBar_10g2z_gg_{z-index:3}.___SDropdownMenuList_10g2z_gg_ .___SShadowHorizontal_10g2z_gg_:after,.___SDropdownMenuList_10g2z_gg_ .___SShadowHorizontal_10g2z_gg_:before,.___SDropdownMenuList_10g2z_gg_ .___SShadowVertical_10g2z_gg_:after,.___SDropdownMenuList_10g2z_gg_ .___SShadowVertical_10g2z_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_10g2z_gg_ .___SItemContent_10g2z_gg_:focus-visible{outline:0}.___SDropdownMenuItemContainer_10g2z_gg_.__nesting-trigger_10g2z_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_10g2z_gg_,.___SItemContentText_10g2z_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_10g2z_gg_:first-child,.___SItemContentText_10g2z_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_10g2z_gg_:last-child,.___SItemContentText_10g2z_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_10g2z_gg_,.___SDropdownMenuNesting_10g2z_gg_._size_l_10g2z_gg_,.___SDropdownMenuNesting_10g2z_gg_._size_m_10g2z_gg_{padding:0}.___SDropdownMenuNesting_10g2z_gg_.__highlighted_10g2z_gg_{z-index:1;outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:-2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SDropdownNestingItem_10g2z_gg_._size_l_10g2z_gg_,.___SDropdownNestingItem_10g2z_gg_._size_m_10g2z_gg_{padding-right:0}.___SDropdownNestingItem_10g2z_gg_ .___SDropdownMenuItemContainer_10g2z_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemHint_10g2z_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}", /*__inner_css_end__*/"10g2z_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_1d1ud_gg_",
-  "_nesting-trigger": "__nesting-trigger_1d1ud_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1d1ud_gg_",
-  "_size_l": "_size_l_1d1ud_gg_",
-  "_size_m": "_size_m_1d1ud_gg_",
-  "_highlighted": "__highlighted_1d1ud_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_1d1ud_gg_",
-  "__SItemHint": "___SItemHint_1d1ud_gg_",
-  "__SDropdownMenuList": "___SDropdownMenuList_1d1ud_gg_",
-  "__SBar": "___SBar_1d1ud_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_1d1ud_gg_",
-  "__SShadowVertical": "___SShadowVertical_1d1ud_gg_",
-  "__SItemContent": "___SItemContent_1d1ud_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1d1ud_gg_",
-  "__SItemContentText": "___SItemContentText_1d1ud_gg_"
+  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_10g2z_gg_",
+  "_nesting-trigger": "__nesting-trigger_10g2z_gg_",
+  "__SDropdownMenuNesting": "___SDropdownMenuNesting_10g2z_gg_",
+  "_size_l": "_size_l_10g2z_gg_",
+  "_size_m": "_size_m_10g2z_gg_",
+  "_highlighted": "__highlighted_10g2z_gg_",
+  "__SDropdownNestingItem": "___SDropdownNestingItem_10g2z_gg_",
+  "__SItemHint": "___SItemHint_10g2z_gg_",
+  "__SDropdownMenuList": "___SDropdownMenuList_10g2z_gg_",
+  "__SBar": "___SBar_10g2z_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_10g2z_gg_",
+  "__SShadowVertical": "___SShadowVertical_10g2z_gg_",
+  "__SItemContent": "___SItemContent_10g2z_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_10g2z_gg_",
+  "__SItemContentText": "___SItemContentText_10g2z_gg_"
 });
 var VirtualListRoot = /*#__PURE__*/function (_Component) {
   function VirtualListRoot() {
@@ -63,20 +63,26 @@ var VirtualListRoot = /*#__PURE__*/function (_Component) {
       var _this2 = this;
       var _this$asProps = this.asProps,
         index = _this$asProps.index,
-        rowHeight = _this$asProps.rowHeight;
+        rowHeight = _this$asProps.rowHeight,
+        rowsBuffer = _this$asProps.rowsBuffer;
       setTimeout(function () {
         var _this2$listRef$curren, _this2$listRef$curren2, _this2$containerRef$c;
         var listHeight = ((_this2$listRef$curren = (_this2$listRef$curren2 = _this2.listRef.current) === null || _this2$listRef$curren2 === void 0 ? void 0 : _this2$listRef$curren2.getBoundingClientRect().height) !== null && _this2$listRef$curren !== void 0 ? _this2$listRef$curren : 0) / 2;
         (_this2$containerRef$c = _this2.containerRef.current) === null || _this2$containerRef$c === void 0 || _this2$containerRef$c.scrollTo({
           top: index * rowHeight - listHeight + rowHeight / 2
         });
+        if (index <= rowsBuffer) {
+          _this2.forceUpdate(); // we need this for correct render all items with calculated container height
+        }
       }, 10); // 10 for correct work in safari
     }
   }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-        _ref2;
+        _ref2,
+        _this$listRef$current,
+        _this$listRef$current2;
       var SDropdownMenuList = ScrollAreaComponent;
       var SBar = ScrollAreaComponent.Bar;
       var _this$state = this.state,
@@ -89,11 +95,11 @@ var VirtualListRoot = /*#__PURE__*/function (_Component) {
         styles = _this$asProps2.styles,
         RenderRow = _this$asProps2.renderRow,
         customData = _this$asProps2.customData;
-      var offsetHeight = 0;
-      var prevPrepared = scrollDirection === 'up' ? rowsBuffer : 6;
-      var nextPrepared = scrollDirection === 'up' ? 6 : rowsBuffer;
+      var offsetHeight = (_this$listRef$current = (_this$listRef$current2 = this.listRef.current) === null || _this$listRef$current2 === void 0 ? void 0 : _this$listRef$current2.offsetHeight) !== null && _this$listRef$current !== void 0 ? _this$listRef$current : 0;
+      var prevPrepared = scrollDirection === 'up' ? rowsBuffer / 2 : rowsBuffer;
+      var nextPrepared = scrollDirection === 'up' ? rowsBuffer / 2 : rowsBuffer;
       var startIndex = Math.max(Math.floor(scrollTop / rowHeight) - prevPrepared, 0);
-      var lastIndex = scrollDirection === 'up' && scrollTop === 0 ? rowsBuffer : Math.min(Math.ceil((scrollTop + offsetHeight) / rowHeight) + nextPrepared, rows.length);
+      var lastIndex = Math.min(Math.ceil((scrollTop + offsetHeight) / rowHeight) + nextPrepared, rows.length);
       var rowsToRender = rows.slice(startIndex, lastIndex);
       var rowMarginTop = rowHeight * startIndex;
       var rowMarginBottom = rowHeight * (rows.length - lastIndex);
@@ -111,6 +117,7 @@ var VirtualListRoot = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/React.createElement(Box, _ref2.cn("Box", {
         "h": rowMarginTop
       })), rowsToRender.map(function (item, index) {
+        // @ts-ignore
         return /*#__PURE__*/React.createElement(RenderRow, {
           key: startIndex + index,
           row: item,
@@ -130,7 +137,7 @@ var VirtualListRoot = /*#__PURE__*/function (_Component) {
 _defineProperty(VirtualListRoot, "displayName", 'VirtualList');
 _defineProperty(VirtualListRoot, "style", style);
 _defineProperty(VirtualListRoot, "defaultProps", {
-  rowsBuffer: 10
+  rowsBuffer: 6
 });
 export var VirtualList = createComponent(VirtualListRoot);
 //# sourceMappingURL=VirtualList.js.map

package/lib/es6/components/VirtualList.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.js","names":["Box","Root","Component","createComponent","sstyled","ScrollAreaComponent","React","ListBoxContextProvider","style","_sstyled","insert","VirtualListRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","scrollTop","scrollDirection","e","target","HTMLElement","state","setState","_inherits","_createClass","key","value","componentDidMount","_this2","_this$asProps","asProps","index","rowHeight","setTimeout","_this2$listRef$curren","_this2$listRef$curren2","_this2$containerRef$c","listHeight","listRef","current","getBoundingClientRect","height","containerRef","scrollTo","top","render","_ref","_ref2","SDropdownMenuList","SBar","Bar","_this$state","_this$asProps2","rows","rowsBuffer","styles","RenderRow","renderRow","customData","offsetHeight","prevPrepared","nextPrepared","startIndex","Math","max","floor","lastIndex","min","ceil","rowsToRender","slice","rowMarginTop","rowMarginBottom","createElement","cn","_objectSpread","_assignProps","handleScroll","Container","ref","tabIndex","undefined","h","map","item","row","data","VirtualList"],"sources":["../../../src/components/VirtualList.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { Root, Component, createComponent, sstyled } from '@semcore/core';\nimport ScrollAreaComponent from '@semcore/scroll-area';\nimport React from 'react';\n\nimport { ListBoxContextProvider } from './Context';\nimport style from '../style/dropdown-menu.shadow.css';\n\nexport type RenderRowProps<T, D> = {\n  index: number;\n  row: T;\n  data: D;\n};\n\ntype VirtualListProps<T, D extends object> = {\n  /** List of all rows in ddMenu */\n  rows: T[];\n  /** Method for render row, it's better to wrap it via React.memo */\n  renderRow: (props: RenderRowProps<T, D>) => React.ReactNode;\n  /** The height of row. For now, you should calculate it on your side. */\n  rowHeight: number;\n  /** The buffer of rows out of visible rows\n   * @default 10\n   */\n  rowsBuffer?: number;\n  /** Some custom data for each renderRow function */\n  customData: D;\n};\n\ntype State = {\n  scrollTop: number;\n  scrollDirection: 'up' | 'down';\n};\n\nclass VirtualListRoot<T = string, D extends object = {}> extends Component<VirtualListProps<T, D>, {}, State, [], { rowsBuffer: number; index: number }> {\n  static displayName = 'VirtualList';\n  static style = style;\n\n  static defaultProps = {\n    rowsBuffer: 10,\n  };\n\n  containerRef = React.createRef<HTMLDivElement>();\n  listRef = React.createRef<HTMLDivElement>();\n\n  state: State = {\n    scrollTop: 0,\n    scrollDirection: 'down',\n  };\n\n  componentDidMount() {\n    const { index, rowHeight } = this.asProps;\n\n    setTimeout(() => {\n      const listHeight = (this.listRef.current?.getBoundingClientRect().height ?? 0) / 2;\n      this.containerRef.current?.scrollTo({ top: index * rowHeight - listHeight + rowHeight / 2 });\n    }, 10); // 10 for correct work in safari\n  }\n\n  handleScroll = (e: React.SyntheticEvent<HTMLDivElement>) => {\n    if (e.target instanceof HTMLElement) {\n      const scrollDirection = e.target.scrollTop > this.state.scrollTop ? 'down' : 'up';\n\n      this.setState({\n        scrollDirection,\n        scrollTop: e.target.scrollTop,\n      });\n    }\n  };\n\n  render() {\n    const SDropdownMenuList = Root;\n    const SBar = ScrollAreaComponent.Bar;\n\n    const { scrollDirection, scrollTop } = this.state;\n    const { rows, rowHeight, rowsBuffer, styles, renderRow: RenderRow, customData } = this.asProps;\n\n    const offsetHeight = 0;\n    const prevPrepared = scrollDirection === 'up' ? rowsBuffer : 6;\n    const nextPrepared = scrollDirection === 'up' ? 6 : rowsBuffer;\n\n    const startIndex = Math.max(Math.floor(scrollTop / rowHeight) - prevPrepared, 0);\n\n    const lastIndex = scrollDirection === 'up' && scrollTop === 0\n      ? rowsBuffer\n      : Math.min(\n          Math.ceil((scrollTop + offsetHeight) / rowHeight) + nextPrepared,\n          rows.length,\n        );\n\n    const rowsToRender = rows.slice(startIndex, lastIndex);\n    const rowMarginTop = rowHeight * startIndex;\n    const rowMarginBottom = rowHeight * (rows.length - lastIndex);\n\n    return sstyled(styles)(\n      <ListBoxContextProvider>\n        <SDropdownMenuList\n          render={ScrollAreaComponent}\n          shadow={true}\n          shadowSize={16}\n          shadowTheme='light'\n          onScroll={this.handleScroll}\n          data-is-virtual='true'\n          ref={this.listRef}\n        >\n          <ScrollAreaComponent.Container ref={this.containerRef} tabIndex={undefined} h={rows.length * rowHeight}>\n            <Box h={rowMarginTop} />\n            {rowsToRender.map((item, index) => {\n              return <RenderRow key={startIndex + index} row={item} index={startIndex + index} data={customData} />;\n            })}\n            <Box h={rowMarginBottom} />\n          </ScrollAreaComponent.Container>\n          <SBar orientation='horizontal' />\n          <SBar orientation='vertical' />\n        </SDropdownMenuList>\n      </ListBoxContextProvider>,\n    );\n  }\n}\n\nexport type VirtualListComponent = (<\n  T = string,\n  D extends object = {},\n>(\n  props: Intergalactic.InternalTypings.EfficientOmit<Intergalactic.InternalTypings.ComponentProps<typeof Box, 'div', VirtualListProps<T, D>>, 'tag' | 'children'>\n) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<typeof Box, 'div', VirtualListProps<any, any>>;\n\nexport const VirtualList = createComponent(VirtualListRoot) as VirtualListComponent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VirtualList.js","names":["Box","Root","Component","createComponent","sstyled","ScrollAreaComponent","React","ListBoxContextProvider","style","_sstyled","insert","VirtualListRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","scrollTop","scrollDirection","e","target","HTMLElement","state","setState","_inherits","_createClass","key","value","componentDidMount","_this2","_this$asProps","asProps","index","rowHeight","rowsBuffer","setTimeout","_this2$listRef$curren","_this2$listRef$curren2","_this2$containerRef$c","listHeight","listRef","current","getBoundingClientRect","height","containerRef","scrollTo","top","forceUpdate","render","_ref","_ref2","_this$listRef$current","_this$listRef$current2","SDropdownMenuList","SBar","Bar","_this$state","_this$asProps2","rows","styles","RenderRow","renderRow","customData","offsetHeight","prevPrepared","nextPrepared","startIndex","Math","max","floor","lastIndex","min","ceil","rowsToRender","slice","rowMarginTop","rowMarginBottom","createElement","cn","_objectSpread","_assignProps","handleScroll","Container","ref","tabIndex","undefined","h","map","item","row","data","VirtualList"],"sources":["../../../src/components/VirtualList.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { Root, Component, createComponent, sstyled } from '@semcore/core';\nimport ScrollAreaComponent from '@semcore/scroll-area';\nimport React from 'react';\n\nimport { ListBoxContextProvider } from './Context';\nimport style from '../style/dropdown-menu.shadow.css';\n\nexport type RenderRowProps<T, D = never> = {\n  index: number;\n  row: T;\n  data: [D] extends [never] ? undefined : D;\n};\n\ntype VirtualListProps<T, D extends object = never> = {\n  /** List of all rows in ddMenu */\n  rows: T[];\n  /** Method for render row, it's better to wrap it via React.memo */\n  renderRow: (props: RenderRowProps<T, D>) => React.ReactNode;\n  /** The height of row. For now, you should calculate it on your side. */\n  rowHeight: number;\n  /** The buffer of rows out of visible rows\n   * @default 10\n   */\n  rowsBuffer?: number;\n} & ([D] extends [never] ? { customData?: undefined } : {\n  /** Some custom data for each renderRow function */\n  customData: D;\n});\n\ntype State = {\n  scrollTop: number;\n  scrollDirection: 'up' | 'down';\n};\n\nclass VirtualListRoot<T = string, D extends object = never> extends Component<VirtualListProps<T, D>, {}, State, [], { rowsBuffer: number; index: number }> {\n  static displayName = 'VirtualList';\n  static style = style;\n\n  static defaultProps = {\n    rowsBuffer: 6,\n  };\n\n  containerRef = React.createRef<HTMLDivElement>();\n  listRef = React.createRef<HTMLDivElement>();\n\n  state: State = {\n    scrollTop: 0,\n    scrollDirection: 'down',\n  };\n\n  componentDidMount() {\n    const { index, rowHeight, rowsBuffer } = this.asProps;\n\n    setTimeout(() => {\n      const listHeight = (this.listRef.current?.getBoundingClientRect().height ?? 0) / 2;\n      this.containerRef.current?.scrollTo({ top: index * rowHeight - listHeight + rowHeight / 2 });\n\n      if (index <= rowsBuffer) {\n        this.forceUpdate(); // we need this for correct render all items with calculated container height\n      }\n    }, 10); // 10 for correct work in safari\n  }\n\n  handleScroll = (e: React.SyntheticEvent<HTMLDivElement>) => {\n    if (e.target instanceof HTMLElement) {\n      const scrollDirection = e.target.scrollTop > this.state.scrollTop ? 'down' : 'up';\n\n      this.setState({\n        scrollDirection,\n        scrollTop: e.target.scrollTop,\n      });\n    }\n  };\n\n  render() {\n    const SDropdownMenuList = Root;\n    const SBar = ScrollAreaComponent.Bar;\n\n    const { scrollDirection, scrollTop } = this.state;\n    const { rows, rowHeight, rowsBuffer, styles, renderRow: RenderRow, customData } = this.asProps;\n\n    const offsetHeight = this.listRef.current?.offsetHeight ?? 0;\n    const prevPrepared = scrollDirection === 'up' ? rowsBuffer / 2 : rowsBuffer;\n    const nextPrepared = scrollDirection === 'up' ? rowsBuffer / 2 : rowsBuffer;\n\n    const startIndex = Math.max(Math.floor(scrollTop / rowHeight) - prevPrepared, 0);\n\n    const lastIndex = Math.min(\n      Math.ceil((scrollTop + offsetHeight) / rowHeight) + nextPrepared,\n      rows.length,\n    );\n\n    const rowsToRender = rows.slice(startIndex, lastIndex);\n    const rowMarginTop = rowHeight * startIndex;\n    const rowMarginBottom = rowHeight * (rows.length - lastIndex);\n\n    return sstyled(styles)(\n      <ListBoxContextProvider>\n        <SDropdownMenuList\n          render={ScrollAreaComponent}\n          shadow={true}\n          shadowSize={16}\n          shadowTheme='light'\n          onScroll={this.handleScroll}\n          data-is-virtual='true'\n          ref={this.listRef}\n        >\n          <ScrollAreaComponent.Container ref={this.containerRef} tabIndex={undefined} h={rows.length * rowHeight}>\n            <Box h={rowMarginTop} />\n            {rowsToRender.map((item, index) => {\n              // @ts-ignore\n              return <RenderRow key={startIndex + index} row={item} index={startIndex + index} data={customData} />;\n            })}\n            <Box h={rowMarginBottom} />\n          </ScrollAreaComponent.Container>\n          <SBar orientation='horizontal' />\n          <SBar orientation='vertical' />\n        </SDropdownMenuList>\n      </ListBoxContextProvider>,\n    );\n  }\n}\n\nexport type VirtualListComponent = (<\n  T = string,\n  D extends object = never,\n>(\n  props: Intergalactic.InternalTypings.EfficientOmit<Intergalactic.InternalTypings.ComponentProps<typeof Box, 'div', VirtualListProps<T, D>>, 'tag' | 'children'>\n) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<typeof Box, 'div', VirtualListProps<any, any>>;\n\nexport const VirtualList = createComponent(VirtualListRoot) as VirtualListComponent;\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/translations/de.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Drücken Sie Tab, um zum Popover zu gehen"
-}
+{}

package/lib/es6/translations/es.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Presiona Tab para ir a Popover"
-}
+{}

package/lib/es6/translations/fr.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Appuyez sur la touche Tab pour accéder au popover"
-}
+{}

package/lib/es6/translations/it.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Premi Tab per andare a Popover"
-}
+{}

package/lib/es6/translations/ja.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Tabキーを押してポップオーバーに移動"
-}
+{}

package/lib/es6/translations/ko.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "팝업창으로 이동하려면 Tab 키를 누르세요"
-}
+{}

package/lib/es6/translations/nl.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Druk op Tab om naar de popover te gaan"
-}
+{}

package/lib/es6/translations/pl.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Naciśnij Tab, aby przejść do okienka popover"
-}
+{}

package/lib/es6/translations/pt.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Pressione Tab para acessar o pop-over"
-}
+{}

package/lib/es6/translations/sv.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Tryck på Tab för att gå till popover"
-}
+{}

package/lib/es6/translations/tr.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Popover'a gitmek için Tab tuşuna basın"
-}
+{}

package/lib/es6/translations/vi.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "Nhấn Tab để chuyển đến cửa sổ bật lên"
-}
+{}

package/lib/es6/translations/zh.json

@@ -1,3 +1 @@
-{
-  "triggerHint": "按 T​​ab 转到弹出框"
-}
+{}

package/lib/esm/DropdownMenu.mjs

@@ -29,26 +29,26 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SDropdownMenuList_1d1ud_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1d1ud_gg_ .___SBar_1d1ud_gg_{z-index:3}.___SDropdownMenuList_1d1ud_gg_ .___SShadowHorizontal_1d1ud_gg_:after,.___SDropdownMenuList_1d1ud_gg_ .___SShadowHorizontal_1d1ud_gg_:before,.___SDropdownMenuList_1d1ud_gg_ .___SShadowVertical_1d1ud_gg_:after,.___SDropdownMenuList_1d1ud_gg_ .___SShadowVertical_1d1ud_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_1d1ud_gg_ .___SItemContent_1d1ud_gg_:focus-visible{outline:0}.___SDropdownMenuItemContainer_1d1ud_gg_.__nesting-trigger_1d1ud_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1d1ud_gg_,.___SItemContentText_1d1ud_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_1d1ud_gg_:first-child,.___SItemContentText_1d1ud_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1d1ud_gg_:last-child,.___SItemContentText_1d1ud_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1d1ud_gg_,.___SDropdownMenuNesting_1d1ud_gg_._size_l_1d1ud_gg_,.___SDropdownMenuNesting_1d1ud_gg_._size_m_1d1ud_gg_{padding:0}.___SDropdownMenuNesting_1d1ud_gg_.__highlighted_1d1ud_gg_{z-index:1;outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:-2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SDropdownNestingItem_1d1ud_gg_._size_l_1d1ud_gg_,.___SDropdownNestingItem_1d1ud_gg_._size_m_1d1ud_gg_{padding-right:0}.___SDropdownNestingItem_1d1ud_gg_ .___SDropdownMenuItemContainer_1d1ud_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemHint_1d1ud_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}",
+    ".___SDropdownMenuList_10g2z_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_10g2z_gg_ .___SBar_10g2z_gg_{z-index:3}.___SDropdownMenuList_10g2z_gg_ .___SShadowHorizontal_10g2z_gg_:after,.___SDropdownMenuList_10g2z_gg_ .___SShadowHorizontal_10g2z_gg_:before,.___SDropdownMenuList_10g2z_gg_ .___SShadowVertical_10g2z_gg_:after,.___SDropdownMenuList_10g2z_gg_ .___SShadowVertical_10g2z_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_10g2z_gg_ .___SItemContent_10g2z_gg_:focus-visible{outline:0}.___SDropdownMenuItemContainer_10g2z_gg_.__nesting-trigger_10g2z_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_10g2z_gg_,.___SItemContentText_10g2z_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_10g2z_gg_:first-child,.___SItemContentText_10g2z_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_10g2z_gg_:last-child,.___SItemContentText_10g2z_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_10g2z_gg_,.___SDropdownMenuNesting_10g2z_gg_._size_l_10g2z_gg_,.___SDropdownMenuNesting_10g2z_gg_._size_m_10g2z_gg_{padding:0}.___SDropdownMenuNesting_10g2z_gg_.__highlighted_10g2z_gg_{z-index:1;outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:-2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SDropdownNestingItem_10g2z_gg_._size_l_10g2z_gg_,.___SDropdownNestingItem_10g2z_gg_._size_m_10g2z_gg_{padding-right:0}.___SDropdownNestingItem_10g2z_gg_ .___SDropdownMenuItemContainer_10g2z_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemHint_10g2z_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}",
     /*__inner_css_end__*/
-    "1d1ud_gg_"
+    "10g2z_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_1d1ud_gg_",
-    "_nesting-trigger": "__nesting-trigger_1d1ud_gg_",
-    "__SDropdownMenuNesting": "___SDropdownMenuNesting_1d1ud_gg_",
-    "_size_l": "_size_l_1d1ud_gg_",
-    "_size_m": "_size_m_1d1ud_gg_",
-    "_highlighted": "__highlighted_1d1ud_gg_",
-    "__SDropdownNestingItem": "___SDropdownNestingItem_1d1ud_gg_",
-    "__SItemHint": "___SItemHint_1d1ud_gg_",
-    "__SDropdownMenuList": "___SDropdownMenuList_1d1ud_gg_",
-    "__SBar": "___SBar_1d1ud_gg_",
-    "__SShadowHorizontal": "___SShadowHorizontal_1d1ud_gg_",
-    "__SShadowVertical": "___SShadowVertical_1d1ud_gg_",
-    "__SItemContent": "___SItemContent_1d1ud_gg_",
-    "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1d1ud_gg_",
-    "__SItemContentText": "___SItemContentText_1d1ud_gg_"
+    "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_10g2z_gg_",
+    "_nesting-trigger": "__nesting-trigger_10g2z_gg_",
+    "__SDropdownMenuNesting": "___SDropdownMenuNesting_10g2z_gg_",
+    "_size_l": "_size_l_10g2z_gg_",
+    "_size_m": "_size_m_10g2z_gg_",
+    "_highlighted": "__highlighted_10g2z_gg_",
+    "__SDropdownNestingItem": "___SDropdownNestingItem_10g2z_gg_",
+    "__SItemHint": "___SItemHint_10g2z_gg_",
+    "__SDropdownMenuList": "___SDropdownMenuList_10g2z_gg_",
+    "__SBar": "___SBar_10g2z_gg_",
+    "__SShadowHorizontal": "___SShadowHorizontal_10g2z_gg_",
+    "__SShadowVertical": "___SShadowVertical_10g2z_gg_",
+    "__SItemContent": "___SItemContent_10g2z_gg_",
+    "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_10g2z_gg_",
+    "__SItemContentText": "___SItemContentText_10g2z_gg_"
   })
 );
 var menuItemContext = /* @__PURE__ */ React.createContext({});

package/lib/esm/components/VirtualList.mjs

@@ -14,26 +14,26 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SDropdownMenuList_1d1ud_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1d1ud_gg_ .___SBar_1d1ud_gg_{z-index:3}.___SDropdownMenuList_1d1ud_gg_ .___SShadowHorizontal_1d1ud_gg_:after,.___SDropdownMenuList_1d1ud_gg_ .___SShadowHorizontal_1d1ud_gg_:before,.___SDropdownMenuList_1d1ud_gg_ .___SShadowVertical_1d1ud_gg_:after,.___SDropdownMenuList_1d1ud_gg_ .___SShadowVertical_1d1ud_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_1d1ud_gg_ .___SItemContent_1d1ud_gg_:focus-visible{outline:0}.___SDropdownMenuItemContainer_1d1ud_gg_.__nesting-trigger_1d1ud_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1d1ud_gg_,.___SItemContentText_1d1ud_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_1d1ud_gg_:first-child,.___SItemContentText_1d1ud_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1d1ud_gg_:last-child,.___SItemContentText_1d1ud_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1d1ud_gg_,.___SDropdownMenuNesting_1d1ud_gg_._size_l_1d1ud_gg_,.___SDropdownMenuNesting_1d1ud_gg_._size_m_1d1ud_gg_{padding:0}.___SDropdownMenuNesting_1d1ud_gg_.__highlighted_1d1ud_gg_{z-index:1;outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:-2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SDropdownNestingItem_1d1ud_gg_._size_l_1d1ud_gg_,.___SDropdownNestingItem_1d1ud_gg_._size_m_1d1ud_gg_{padding-right:0}.___SDropdownNestingItem_1d1ud_gg_ .___SDropdownMenuItemContainer_1d1ud_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemHint_1d1ud_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}",
+    ".___SDropdownMenuList_10g2z_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_10g2z_gg_ .___SBar_10g2z_gg_{z-index:3}.___SDropdownMenuList_10g2z_gg_ .___SShadowHorizontal_10g2z_gg_:after,.___SDropdownMenuList_10g2z_gg_ .___SShadowHorizontal_10g2z_gg_:before,.___SDropdownMenuList_10g2z_gg_ .___SShadowVertical_10g2z_gg_:after,.___SDropdownMenuList_10g2z_gg_ .___SShadowVertical_10g2z_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_10g2z_gg_ .___SItemContent_10g2z_gg_:focus-visible{outline:0}.___SDropdownMenuItemContainer_10g2z_gg_.__nesting-trigger_10g2z_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_10g2z_gg_,.___SItemContentText_10g2z_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_10g2z_gg_:first-child,.___SItemContentText_10g2z_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_10g2z_gg_:last-child,.___SItemContentText_10g2z_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_10g2z_gg_,.___SDropdownMenuNesting_10g2z_gg_._size_l_10g2z_gg_,.___SDropdownMenuNesting_10g2z_gg_._size_m_10g2z_gg_{padding:0}.___SDropdownMenuNesting_10g2z_gg_.__highlighted_10g2z_gg_{z-index:1;outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:-2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SDropdownNestingItem_10g2z_gg_._size_l_10g2z_gg_,.___SDropdownNestingItem_10g2z_gg_._size_m_10g2z_gg_{padding-right:0}.___SDropdownNestingItem_10g2z_gg_ .___SDropdownMenuItemContainer_10g2z_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemHint_10g2z_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}",
     /*__inner_css_end__*/
-    "1d1ud_gg_"
+    "10g2z_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_1d1ud_gg_",
-    "_nesting-trigger": "__nesting-trigger_1d1ud_gg_",
-    "__SDropdownMenuNesting": "___SDropdownMenuNesting_1d1ud_gg_",
-    "_size_l": "_size_l_1d1ud_gg_",
-    "_size_m": "_size_m_1d1ud_gg_",
-    "_highlighted": "__highlighted_1d1ud_gg_",
-    "__SDropdownNestingItem": "___SDropdownNestingItem_1d1ud_gg_",
-    "__SItemHint": "___SItemHint_1d1ud_gg_",
-    "__SDropdownMenuList": "___SDropdownMenuList_1d1ud_gg_",
-    "__SBar": "___SBar_1d1ud_gg_",
-    "__SShadowHorizontal": "___SShadowHorizontal_1d1ud_gg_",
-    "__SShadowVertical": "___SShadowVertical_1d1ud_gg_",
-    "__SItemContent": "___SItemContent_1d1ud_gg_",
-    "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1d1ud_gg_",
-    "__SItemContentText": "___SItemContentText_1d1ud_gg_"
+    "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_10g2z_gg_",
+    "_nesting-trigger": "__nesting-trigger_10g2z_gg_",
+    "__SDropdownMenuNesting": "___SDropdownMenuNesting_10g2z_gg_",
+    "_size_l": "_size_l_10g2z_gg_",
+    "_size_m": "_size_m_10g2z_gg_",
+    "_highlighted": "__highlighted_10g2z_gg_",
+    "__SDropdownNestingItem": "___SDropdownNestingItem_10g2z_gg_",
+    "__SItemHint": "___SItemHint_10g2z_gg_",
+    "__SDropdownMenuList": "___SDropdownMenuList_10g2z_gg_",
+    "__SBar": "___SBar_10g2z_gg_",
+    "__SShadowHorizontal": "___SShadowHorizontal_10g2z_gg_",
+    "__SShadowVertical": "___SShadowVertical_10g2z_gg_",
+    "__SItemContent": "___SItemContent_10g2z_gg_",
+    "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_10g2z_gg_",
+    "__SItemContentText": "___SItemContentText_10g2z_gg_"
   })
 );
 var VirtualListRoot = /* @__PURE__ */ (function(_Component) {
@@ -66,28 +66,31 @@ var VirtualListRoot = /* @__PURE__ */ (function(_Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-      var _this$asProps = this.asProps, index = _this$asProps.index, rowHeight = _this$asProps.rowHeight;
+      var _this$asProps = this.asProps, index = _this$asProps.index, rowHeight = _this$asProps.rowHeight, rowsBuffer = _this$asProps.rowsBuffer;
       setTimeout(function() {
         var _this2$listRef$curren, _this2$listRef$curren2, _this2$containerRef$c;
         var listHeight = ((_this2$listRef$curren = (_this2$listRef$curren2 = _this2.listRef.current) === null || _this2$listRef$curren2 === void 0 ? void 0 : _this2$listRef$curren2.getBoundingClientRect().height) !== null && _this2$listRef$curren !== void 0 ? _this2$listRef$curren : 0) / 2;
         (_this2$containerRef$c = _this2.containerRef.current) === null || _this2$containerRef$c === void 0 || _this2$containerRef$c.scrollTo({
           top: index * rowHeight - listHeight + rowHeight / 2
         });
+        if (index <= rowsBuffer) {
+          _this2.forceUpdate();
+        }
       }, 10);
     }
   }, {
     key: "render",
     value: function render() {
-      var _ref = this.asProps, _ref2;
+      var _ref = this.asProps, _ref2, _this$listRef$current, _this$listRef$current2;
       var SDropdownMenuList = ScrollAreaComponent;
       var SBar = ScrollAreaComponent.Bar;
       var _this$state = this.state, scrollDirection = _this$state.scrollDirection, scrollTop = _this$state.scrollTop;
       var _this$asProps2 = this.asProps, rows = _this$asProps2.rows, rowHeight = _this$asProps2.rowHeight, rowsBuffer = _this$asProps2.rowsBuffer, styles = _this$asProps2.styles, RenderRow = _this$asProps2.renderRow, customData = _this$asProps2.customData;
-      var offsetHeight = 0;
-      var prevPrepared = scrollDirection === "up" ? rowsBuffer : 6;
-      var nextPrepared = scrollDirection === "up" ? 6 : rowsBuffer;
+      var offsetHeight = (_this$listRef$current = (_this$listRef$current2 = this.listRef.current) === null || _this$listRef$current2 === void 0 ? void 0 : _this$listRef$current2.offsetHeight) !== null && _this$listRef$current !== void 0 ? _this$listRef$current : 0;
+      var prevPrepared = scrollDirection === "up" ? rowsBuffer / 2 : rowsBuffer;
+      var nextPrepared = scrollDirection === "up" ? rowsBuffer / 2 : rowsBuffer;
       var startIndex = Math.max(Math.floor(scrollTop / rowHeight) - prevPrepared, 0);
-      var lastIndex = scrollDirection === "up" && scrollTop === 0 ? rowsBuffer : Math.min(Math.ceil((scrollTop + offsetHeight) / rowHeight) + nextPrepared, rows.length);
+      var lastIndex = Math.min(Math.ceil((scrollTop + offsetHeight) / rowHeight) + nextPrepared, rows.length);
       var rowsToRender = rows.slice(startIndex, lastIndex);
       var rowMarginTop = rowHeight * startIndex;
       var rowMarginBottom = rowHeight * (rows.length - lastIndex);
@@ -124,7 +127,7 @@ var VirtualListRoot = /* @__PURE__ */ (function(_Component) {
 _defineProperty(VirtualListRoot, "displayName", "VirtualList");
 _defineProperty(VirtualListRoot, "style", style);
 _defineProperty(VirtualListRoot, "defaultProps", {
-  rowsBuffer: 10
+  rowsBuffer: 6
 });
 var VirtualList = createComponent(VirtualListRoot);
 export {

package/lib/esm/translations/de.json.mjs

@@ -1,8 +1,4 @@
-const triggerHint = "Drücken Sie Tab, um zum Popover zu gehen";
-const de = {
-  triggerHint
-};
+const de = {};
 export {
-  de as default,
-  triggerHint
+  de as default
 };

package/lib/esm/translations/es.json.mjs

@@ -1,8 +1,4 @@
-const triggerHint = "Presiona Tab para ir a Popover";
-const es = {
-  triggerHint
-};
+const es = {};
 export {
-  es as default,
-  triggerHint
+  es as default
 };

package/lib/esm/translations/fr.json.mjs

@@ -1,8 +1,4 @@
-const triggerHint = "Appuyez sur la touche Tab pour accéder au popover";
-const fr = {
-  triggerHint
-};
+const fr = {};
 export {
-  fr as default,
-  triggerHint
+  fr as default
 };

package/lib/esm/translations/it.json.mjs

@@ -1,8 +1,4 @@
-const triggerHint = "Premi Tab per andare a Popover";
-const it = {
-  triggerHint
-};
+const it = {};
 export {
-  it as default,
-  triggerHint
+  it as default
 };

package/lib/esm/translations/ja.json.mjs

@@ -1,8 +1,4 @@
-const triggerHint = "Tabキーを押してポップオーバーに移動";
-const ja = {
-  triggerHint
-};
+const ja = {};
 export {
-  ja as default,
-  triggerHint
+  ja as default
 };

package/lib/esm/translations/ko.json.mjs

@@ -1,8 +1,4 @@
-const triggerHint = "팝업창으로 이동하려면 Tab 키를 누르세요";
-const ko = {
-  triggerHint
-};
+const ko = {};
 export {
-  ko as default,
-  triggerHint
+  ko as default
 };

package/lib/esm/translations/nl.json.mjs

@@ -1,8 +1,4 @@
-const triggerHint = "Druk op Tab om naar de popover te gaan";
-const nl = {
-  triggerHint
-};
+const nl = {};
 export {
-  nl as default,
-  triggerHint
+  nl as default
 };

package/lib/esm/translations/pl.json.mjs

@@ -1,8 +1,4 @@
-const triggerHint = "Naciśnij Tab, aby przejść do okienka popover";
-const pl = {
-  triggerHint
-};
+const pl = {};
 export {
-  pl as default,
-  triggerHint
+  pl as default
 };

package/lib/esm/translations/pt.json.mjs

@@ -1,8 +1,4 @@
-const triggerHint = "Pressione Tab para acessar o pop-over";
-const pt = {
-  triggerHint
-};
+const pt = {};
 export {
-  pt as default,
-  triggerHint
+  pt as default
 };

package/lib/esm/translations/sv.json.mjs

@@ -1,8 +1,4 @@
-const triggerHint = "Tryck på Tab för att gå till popover";
-const sv = {
-  triggerHint
-};
+const sv = {};
 export {
-  sv as default,
-  triggerHint
+  sv as default
 };

package/lib/esm/translations/tr.json.mjs

@@ -1,8 +1,4 @@
-const triggerHint = "Popover'a gitmek için Tab tuşuna basın";
-const tr = {
-  triggerHint
-};
+const tr = {};
 export {
-  tr as default,
-  triggerHint
+  tr as default
 };

package/lib/esm/translations/vi.json.mjs

@@ -1,8 +1,4 @@
-const triggerHint = "Nhấn Tab để chuyển đến cửa sổ bật lên";
-const vi = {
-  triggerHint
-};
+const vi = {};
 export {
-  vi as default,
-  triggerHint
+  vi as default
 };

package/lib/esm/translations/zh.json.mjs

@@ -1,8 +1,4 @@
-const triggerHint = "按 T​​ab 转到弹出框";
-const zh = {
-  triggerHint
-};
+const zh = {};
 export {
-  zh as default,
-  triggerHint
+  zh as default
 };

package/lib/types/components/VirtualList.d.ts

@@ -1,12 +1,12 @@
 import { Box } from '@semcore/base-components';
 import type { Intergalactic } from '@semcore/core';
 import React from 'react';
-export type RenderRowProps<T, D> = {
+export type RenderRowProps<T, D = never> = {
     index: number;
     row: T;
-    data: D;
+    data: [D] extends [never] ? undefined : D;
 };
-type VirtualListProps<T, D extends object> = {
+type VirtualListProps<T, D extends object = never> = {
     /** List of all rows in ddMenu */
     rows: T[];
     /** Method for render row, it's better to wrap it via React.memo */
@@ -17,9 +17,12 @@ type VirtualListProps<T, D extends object> = {
      * @default 10
      */
     rowsBuffer?: number;
+} & ([D] extends [never] ? {
+    customData?: undefined;
+} : {
     /** Some custom data for each renderRow function */
     customData: D;
-};
-export type VirtualListComponent = (<T = string, D extends object = {}>(props: Intergalactic.InternalTypings.EfficientOmit<Intergalactic.InternalTypings.ComponentProps<typeof Box, 'div', VirtualListProps<T, D>>, 'tag' | 'children'>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<typeof Box, 'div', VirtualListProps<any, any>>;
+});
+export type VirtualListComponent = (<T = string, D extends object = never>(props: Intergalactic.InternalTypings.EfficientOmit<Intergalactic.InternalTypings.ComponentProps<typeof Box, 'div', VirtualListProps<T, D>>, 'tag' | 'children'>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<typeof Box, 'div', VirtualListProps<any, any>>;
 export declare const VirtualList: VirtualListComponent;
 export {};

package/lib/types/translations/__intergalactic-dynamic-locales.d.ts

@@ -1,42 +1,16 @@
 export declare const localizedMessages: {
-    de: {
-        triggerHint: string;
-    };
+    de: {};
     en: {};
-    es: {
-        triggerHint: string;
-    };
-    fr: {
-        triggerHint: string;
-    };
-    it: {
-        triggerHint: string;
-    };
-    ja: {
-        triggerHint: string;
-    };
-    ko: {
-        triggerHint: string;
-    };
-    nl: {
-        triggerHint: string;
-    };
-    pt: {
-        triggerHint: string;
-    };
-    tr: {
-        triggerHint: string;
-    };
-    vi: {
-        triggerHint: string;
-    };
-    zh: {
-        triggerHint: string;
-    };
-    pl: {
-        triggerHint: string;
-    };
-    sv: {
-        triggerHint: string;
-    };
+    es: {};
+    fr: {};
+    it: {};
+    ja: {};
+    ko: {};
+    nl: {};
+    pt: {};
+    tr: {};
+    vi: {};
+    zh: {};
+    pl: {};
+    sv: {};
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/dropdown-menu",
   "description": "Semrush DropdownMenu Component",
-  "version": "16.2.0",
+  "version": "16.2.1-prerelease.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -16,7 +16,7 @@
   "dependencies": {
     "@semcore/button": "16.0.12",
     "@semcore/dropdown": "16.1.3",
-    "@semcore/icon": "16.7.3",
+    "@semcore/icon": "16.7.3-prerelease.1",
     "@semcore/typography": "16.3.2",
     "@semcore/popper": "16.0.11",
     "@semcore/flex-box": "16.0.11",
@@ -33,11 +33,11 @@
   },
   "devDependencies": {
     "@types/classnames": "2.2.6",
-    "@semcore/core": "16.5.1",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/base-trigger": "16.4.4",
+    "@semcore/core": "16.5.1",
+    "@semcore/base-trigger": "16.4.5-prerelease.1",
     "@semcore/button": "16.0.12",
-    "@semcore/icon": "16.7.3"
+    "@semcore/icon": "16.7.3-prerelease.1"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js,ts && pnpm vite build"