@true-engineering/true-react-common-ui-kit 3.56.0 → 3.56.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@true-engineering/true-react-common-ui-kit",
-  "version": "3.56.0",
+  "version": "3.56.1",
   "description": "True Engineering React UI Kit with theming support",
   "author": "True Engineering (https://trueengineering.ru)",
   "keywords": [

package/src/components/FlexibleTable/FlexibleTable.styles.ts

@@ -1,10 +1,12 @@
 import { rgba } from '../../helpers';
-import { colors, ITweakStyles, createThemedStyles, animations } from '../../theme';
+import { colors, ITweakStyles, createThemedStyles, animations, helpers } from '../../theme';
 import type { IFlexibleTableRowStyles } from './components';
 
 export const STICKY_SHADOW_PADDING = 12;
 
 export const useStyles = createThemedStyles('FlexibleTable', {
+  flexibleTableWrapper: {},
+
   root: {
     width: '100%',
     position: 'relative',
@@ -13,7 +15,7 @@ export const useStyles = createThemedStyles('FlexibleTable', {
   },
 
   scroll: {
-    overflow: 'auto',
+    ...helpers.withScrollBar,
     /*
       Чтобы сделать таблицу на всю высоту проставьте
       height у родителя таблицы у себя в проекте.

package/src/components/FlexibleTable/FlexibleTable.tsx

@@ -221,7 +221,10 @@ export function FlexibleTable<
   const Table = TableRenders[renderMode];
 
   return (
-    <div ref={ref} className={clsx({ [classes.scroll]: isHorizontallyScrollable })}>
+    <div
+      ref={ref}
+      className={clsx(classes.flexibleTableWrapper, { [classes.scroll]: isHorizontallyScrollable })}
+    >
       <Table.Root
         className={classes.root}
         {...addDataTestId(testId)}