@synerise/ds-table 1.9.5 → 1.9.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/Cell/Star/StarCell.d.ts +3 -3
  3. package/dist/VirtualTable/VirtualTable.js +13 -11
  4. package/dist/VirtualTable/VirtualTable.styles.d.ts +2 -2
  5. package/dist/VirtualTable/VirtualTable.styles.js +6 -5
  6. package/package.json +26 -26
package/CHANGELOG.md CHANGED
@@ -3,6 +3,16 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.9.7](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.9.6...@synerise/ds-table@1.9.7) (2026-02-19)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **table:** virtual horizontal scrollbar ([e240e20](https://github.com/synerise/synerise-design/commit/e240e20e8f05a3a488b3fdc1737a466c16838490))
11
+
12
+ ## [1.9.6](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.9.5...@synerise/ds-table@1.9.6) (2026-02-16)
13
+
14
+ **Note:** Version bump only for package @synerise/ds-table
15
+
6
16
  ## [1.9.5](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.9.4...@synerise/ds-table@1.9.5) (2026-02-12)
7
17
 
8
18
  **Note:** Version bump only for package @synerise/ds-table
package/dist/Cell/Star/StarCell.d.ts CHANGED
@@ -86,7 +86,7 @@ declare const _default: React.ForwardRefExoticComponent<{
86
86
  onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
87
87
  onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
88
88
  onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
89
- onBeforeInput?: React.InputEventHandler<HTMLDivElement> | undefined;
89
+ onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
90
90
  onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
91
91
  onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
92
92
  onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
@@ -136,6 +136,8 @@ declare const _default: React.ForwardRefExoticComponent<{
136
136
  onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
137
137
  onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
138
138
  onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
139
+ onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
140
+ onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
139
141
  onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
140
142
  onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
141
143
  onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
@@ -265,8 +267,6 @@ declare const _default: React.ForwardRefExoticComponent<{
265
267
  unselectable?: "on" | "off" | undefined | undefined;
266
268
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
267
269
  is?: string | undefined | undefined;
268
- exportparts?: string | undefined | undefined;
269
- part?: string | undefined | undefined;
270
270
  active?: boolean | undefined;
271
271
  starTooltip?: React.ReactNode;
272
272
  } & {
package/dist/VirtualTable/VirtualTable.js CHANGED
@@ -7,6 +7,7 @@ import ResizeObserver from 'rc-resize-observer';
7
7
  import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
8
8
  import { useIntl } from 'react-intl';
9
9
  import { FixedSizeList as List } from 'react-window';
10
+ import Scrollbar from '@synerise/ds-scrollbar';
10
11
  import { useElementInView } from '@synerise/ds-utils';
11
12
  import BackToTopButton from '../InfiniteScroll/BackToTopButton';
12
13
  import OuterListElement from '../InfiniteScroll/OuterListElement';
@@ -531,7 +532,17 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
531
532
  key: "relative-container",
532
533
  ref: containerRef,
533
534
  isHeaderVisible: isHeaderVisible
534
- }, /*#__PURE__*/React.createElement(ResizeObserver, {
535
+ }, isSticky && dataSource.length ? /*#__PURE__*/React.createElement(S.StickyScrollbarWrapper, {
536
+ isStuck: isStuck,
537
+ scrollOffset: offsetScroll || 0
538
+ }, /*#__PURE__*/React.createElement(Scrollbar, {
539
+ absolute: true,
540
+ onScroll: handleStickyScrollbarScroll,
541
+ ref: horizontalScrollRef
542
+ }, /*#__PURE__*/React.createElement(S.StickyScrollbarContent, {
543
+ ref: elementRef,
544
+ scrollWidth: scrollWidth
545
+ }))) : null, /*#__PURE__*/React.createElement(ResizeObserver, {
535
546
  onResize: function onResize(_ref5) {
536
547
  var offsetWidth = _ref5.offsetWidth;
537
548
  setTableWidth(offsetWidth);
@@ -549,15 +560,6 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
549
560
  locale: tableLocale
550
561
  }))), !!(infiniteScroll != null && infiniteScroll.showBackToTopButton) && /*#__PURE__*/React.createElement(BackToTopButton, {
551
562
  onClick: scrollToTop
552
- }, tableLocale.infiniteScrollBackToTop), isSticky && dataSource.length ? /*#__PURE__*/React.createElement(S.StickyScrollbar, {
553
- isStuck: isStuck,
554
- offset: offsetScroll || 0,
555
- ref: horizontalScrollRef,
556
- onScroll: handleStickyScrollbarScroll,
557
- absolute: true
558
- }, /*#__PURE__*/React.createElement(S.StickyScrollbarContent, {
559
- ref: elementRef,
560
- scrollWidth: scrollWidth
561
- })) : null);
563
+ }, tableLocale.infiniteScrollBackToTop));
562
564
  };
563
565
  export default /*#__PURE__*/forwardRef(VirtualTable);
package/dist/VirtualTable/VirtualTable.styles.d.ts CHANGED
@@ -15,8 +15,8 @@ export declare const VirtualListWrapper: import("styled-components").StyledCompo
15
15
  listHeight: number;
16
16
  listWidth: number;
17
17
  }, never>;
18
- export declare const StickyScrollbar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<(import("@synerise/ds-scrollbar").ScrollbarProps | import("@synerise/ds-scrollbar").VirtualScrollbarProps) & import("react").RefAttributes<HTMLElement>>, any, {
19
- offset: number;
18
+ export declare const StickyScrollbarWrapper: import("styled-components").StyledComponent<"div", any, {
19
+ scrollOffset: number;
20
20
  isStuck: boolean;
21
21
  }, never>;
22
22
  export declare const StickyScrollbarContent: import("styled-components").StyledComponent<"div", any, {
package/dist/VirtualTable/VirtualTable.styles.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import styled, { css } from 'styled-components';
2
- import Scrollbar from '@synerise/ds-scrollbar';
3
2
  var numberToPixels = function numberToPixels(num) {
4
3
  return num + "px";
5
4
  };
@@ -28,13 +27,15 @@ export var VirtualListWrapper = styled.div.withConfig({
28
27
  })(["", " overscroll-behavior-x:contain;"], function (props) {
29
28
  return props.isSticky && css(["width:", ";overflow:overlay hidden;scrollbar-color:transparent;scrollbar-width:none;::-webkit-scrollbar-thumb{background-color:transparent;}::-webkit-scrollbar{display:none;}:after{content:'';width:10px;height:", ";display:block;}"], numberToPixels(props.listWidth), numberToPixels(props.listHeight));
30
29
  });
31
- export var StickyScrollbar = styled(Scrollbar).withConfig({
32
- displayName: "VirtualTablestyles__StickyScrollbar",
30
+ export var StickyScrollbarWrapper = styled.div.withConfig({
31
+ displayName: "VirtualTablestyles__StickyScrollbarWrapper",
33
32
  componentId: "sc-aehkhc-4"
34
- })(["position:sticky;bottom:0;z-index:", ";transform:translate(5px,", ");"], function (props) {
33
+ })(["position:sticky;top:calc(100% - ", ");z-index:", ";transform:translate(5px,", ");height:10px;margin-top:-10px;"], function (props) {
34
+ return numberToPixels(24 + props.scrollOffset);
35
+ }, function (props) {
35
36
  return props.isStuck ? 2 : 0;
36
37
  }, function (props) {
37
- return numberToPixels(props.offset);
38
+ return numberToPixels(props.scrollOffset);
38
39
  });
39
40
  export var StickyScrollbarContent = styled.div.withConfig({
40
41
  displayName: "VirtualTablestyles__StickyScrollbarContent",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-table",
3
- "version": "1.9.5",
3
+ "version": "1.9.7",
4
4
  "description": "Table UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "synerise/synerise-design",
@@ -35,32 +35,32 @@
35
35
  ],
36
36
  "types": "dist/index.d.ts",
37
37
  "dependencies": {
38
- "@synerise/ds-alert": "^1.1.40",
39
- "@synerise/ds-badge": "^1.0.39",
40
- "@synerise/ds-button": "^1.5.13",
41
- "@synerise/ds-button-group": "^1.1.38",
42
- "@synerise/ds-checkbox": "^1.2.15",
43
- "@synerise/ds-copy-icon": "^1.1.5",
44
- "@synerise/ds-dropdown": "^1.2.5",
38
+ "@synerise/ds-alert": "^1.1.41",
39
+ "@synerise/ds-badge": "^1.0.40",
40
+ "@synerise/ds-button": "^1.5.14",
41
+ "@synerise/ds-button-group": "^1.1.39",
42
+ "@synerise/ds-checkbox": "^1.2.16",
43
+ "@synerise/ds-copy-icon": "^1.1.6",
44
+ "@synerise/ds-dropdown": "^1.2.6",
45
45
  "@synerise/ds-flag": "^1.0.7",
46
- "@synerise/ds-icon": "^1.14.0",
47
- "@synerise/ds-input": "^1.6.5",
48
- "@synerise/ds-input-number": "^1.2.30",
49
- "@synerise/ds-list-item": "^1.4.5",
46
+ "@synerise/ds-icon": "^1.14.1",
47
+ "@synerise/ds-input": "^1.6.6",
48
+ "@synerise/ds-input-number": "^1.2.31",
49
+ "@synerise/ds-list-item": "^1.4.6",
50
50
  "@synerise/ds-loader": "^1.0.12",
51
- "@synerise/ds-menu": "^1.4.8",
52
- "@synerise/ds-modal": "^1.3.6",
53
- "@synerise/ds-pagination": "^1.0.48",
54
- "@synerise/ds-result": "^1.0.44",
55
- "@synerise/ds-scrollbar": "^1.2.13",
56
- "@synerise/ds-search": "^1.5.5",
57
- "@synerise/ds-select": "^1.3.15",
58
- "@synerise/ds-skeleton": "^1.0.39",
59
- "@synerise/ds-status": "^1.3.13",
60
- "@synerise/ds-tag": "^1.4.13",
61
- "@synerise/ds-tags": "^1.5.20",
62
- "@synerise/ds-tooltip": "^1.4.5",
63
- "@synerise/ds-typography": "^1.1.8",
51
+ "@synerise/ds-menu": "^1.4.9",
52
+ "@synerise/ds-modal": "^1.3.7",
53
+ "@synerise/ds-pagination": "^1.0.49",
54
+ "@synerise/ds-result": "^1.0.45",
55
+ "@synerise/ds-scrollbar": "^1.2.14",
56
+ "@synerise/ds-search": "^1.5.6",
57
+ "@synerise/ds-select": "^1.3.16",
58
+ "@synerise/ds-skeleton": "^1.0.40",
59
+ "@synerise/ds-status": "^1.3.14",
60
+ "@synerise/ds-tag": "^1.4.14",
61
+ "@synerise/ds-tags": "^1.5.22",
62
+ "@synerise/ds-tooltip": "^1.4.6",
63
+ "@synerise/ds-typography": "^1.1.9",
64
64
  "@synerise/ds-utils": "^1.6.0",
65
65
  "@types/react-window": "^1.8.8",
66
66
  "classnames": "^2.5.1",
@@ -94,5 +94,5 @@
94
94
  "react-intl": ">=3.12.0 <= 6.8",
95
95
  "styled-components": "^5.3.3"
96
96
  },
97
- "gitHead": "eb495cfbc2ede0bff95548c6c4e80c38dd965391"
97
+ "gitHead": "b3d1312cbfbe69aba1cb5667b54be7f76938156c"
98
98
  }