@synerise/ds-table 0.56.5 → 0.56.7

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.56.7](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.56.6...@synerise/ds-table@0.56.7) (2024-09-11)
+
+**Note:** Version bump only for package @synerise/ds-table
+
+
+
+
+
+## [0.56.6](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.56.5...@synerise/ds-table@0.56.6) (2024-09-05)
+
+
+### Bug Fixes
+
+* **table:** tweaks to skeleton ([f84301b](https://github.com/synerise/synerise-design/commit/f84301b1bd733adb733b1ae3690c77c793dfe89e))
+
+
+
+
+
 ## [0.56.5](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.56.4...@synerise/ds-table@0.56.5) (2024-09-03)
 
 **Note:** Version bump only for package @synerise/ds-table

package/dist/TableSkeleton/TableSkeleton.js

@@ -6,7 +6,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React, { useMemo } from 'react';
 import * as S from './TableSkeleton.styles';
-import { DEFAULT_ROW_COUNT, TABLE_HEADER, GAP, ROW_HEIGHT } from './constants';
+import { DEFAULT_ROW_COUNT, TABLE_HEADER, GAP, ROW_HEIGHT, PADDING } from './constants';
 import { TableSkeletonHeader, TableSkeletonSubheader, TableSkeletonBody } from './components';
 export var TableSkeleton = function TableSkeleton(_ref) {
   var maxHeight = _ref.maxHeight,
@@ -14,9 +14,11 @@ export var TableSkeleton = function TableSkeleton(_ref) {
 
   var rowCount = useMemo(function () {
     if (!maxHeight) return DEFAULT_ROW_COUNT;
-    return Math.ceil((maxHeight - TABLE_HEADER - GAP) / (ROW_HEIGHT + GAP));
+    return Math.floor(maxHeight - TABLE_HEADER - PADDING + GAP) / (ROW_HEIGHT + GAP);
   }, [maxHeight]);
-  return /*#__PURE__*/React.createElement(S.TableSkeletonWrapper, _extends({}, htmlAttributes, {
+  return /*#__PURE__*/React.createElement(S.TableSkeletonWrapper, _extends({
+    maxHeight: maxHeight
+  }, htmlAttributes, {
     "data-testid": "ds-table-skeleton"
   }), /*#__PURE__*/React.createElement(TableSkeletonHeader, null), /*#__PURE__*/React.createElement(TableSkeletonSubheader, null), /*#__PURE__*/React.createElement(TableSkeletonBody, {
     rows: rowCount

package/dist/TableSkeleton/TableSkeleton.styles.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-export declare const TableSkeletonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TableSkeletonWrapper: import("styled-components").StyledComponent<"div", any, {
+    maxHeight?: number | undefined;
+}, never>;
 export declare const TableSkeletonHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Skeleton: import("styled-components").StyledComponent<({ size, numberOfSkeletons, width, height, className }: import("@synerise/ds-skeleton").SkeletonProps) => import("react").JSX.Element, any, {}, never>;
 export declare const SkeletonWrapper: import("styled-components").StyledComponent<"div", any, {

package/dist/TableSkeleton/TableSkeleton.styles.js

@@ -4,8 +4,10 @@ var rowCss = css(["display:flex;flex-direction:row;justify-content:space-between
 export var TableSkeletonWrapper = styled.div.withConfig({
   displayName: "TableSkeletonstyles__TableSkeletonWrapper",
   componentId: "sc-9yqnm1-0"
-})(["background:", ";z-index:10;"], function (props) {
+})(["background:", ";", ";z-index:10;"], function (props) {
   return props.theme.palette.white;
+}, function (props) {
+  return props.maxHeight !== undefined && "height: " + props.maxHeight + "px";
 });
 export var TableSkeletonHeader = styled.div.withConfig({
   displayName: "TableSkeletonstyles__TableSkeletonHeader",

package/dist/TableSkeleton/components/TableSkeletonBody.js

@@ -22,7 +22,7 @@ export var TableSkeletonBody = function TableSkeletonBody(_ref) {
     }, /*#__PURE__*/React.createElement(S.TableSkeletonLeft, null, /*#__PURE__*/React.createElement(TableSkeletonBar, {
       width: SKELETON_BAR_TINY
     }), /*#__PURE__*/React.createElement(SkeletonAvatar, {
-      shape: "circle",
+      shape: "square",
       size: "M"
     }), /*#__PURE__*/React.createElement(TableSkeletonBar, {
       width: SKELETON_BAR_WIDE

package/dist/TableSkeleton/constants.d.ts

@@ -1,6 +1,7 @@
 export declare const DEFAULT_ROW_COUNT = 10;
 export declare const ROW_HEIGHT = 40;
 export declare const GAP = 36;
+export declare const PADDING = 36;
 export declare const TABLE_HEADER: number;
 export declare const SKELETON_BAR_TINY = 16;
 export declare const SKELETON_BAR_STANDARD = 72;

package/dist/TableSkeleton/constants.js

@@ -1,6 +1,7 @@
 export var DEFAULT_ROW_COUNT = 10;
 export var ROW_HEIGHT = 40;
 export var GAP = 36;
+export var PADDING = 36;
 export var TABLE_HEADER = 76 + 78;
 export var SKELETON_BAR_TINY = 16;
 export var SKELETON_BAR_STANDARD = 72;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-table",
-  "version": "0.56.5",
+  "version": "0.56.7",
   "description": "Table UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -33,31 +33,31 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^0.8.26",
-    "@synerise/ds-badge": "^0.8.7",
-    "@synerise/ds-button": "^0.21.8",
-    "@synerise/ds-button-group": "^0.7.12",
-    "@synerise/ds-checkbox": "^0.12.5",
-    "@synerise/ds-column-manager": "^0.11.70",
+    "@synerise/ds-alert": "^0.8.27",
+    "@synerise/ds-badge": "^0.8.8",
+    "@synerise/ds-button": "^0.21.9",
+    "@synerise/ds-button-group": "^0.7.13",
+    "@synerise/ds-checkbox": "^0.12.6",
+    "@synerise/ds-column-manager": "^0.11.71",
     "@synerise/ds-data-format": "^0.5.2",
-    "@synerise/ds-dropdown": "^0.18.12",
+    "@synerise/ds-dropdown": "^0.18.13",
     "@synerise/ds-flag": "^0.5.1",
-    "@synerise/ds-icon": "^0.65.3",
-    "@synerise/ds-input": "^0.24.2",
-    "@synerise/ds-loader": "^0.3.12",
-    "@synerise/ds-menu": "^0.19.12",
-    "@synerise/ds-modal": "^0.17.39",
-    "@synerise/ds-pagination": "^0.7.60",
-    "@synerise/ds-result": "^0.7.2",
-    "@synerise/ds-scrollbar": "^0.11.8",
-    "@synerise/ds-search": "^0.9.8",
-    "@synerise/ds-select": "^0.16.14",
-    "@synerise/ds-skeleton": "^0.6.6",
-    "@synerise/ds-status": "^0.6.20",
-    "@synerise/ds-tags": "^0.10.5",
-    "@synerise/ds-tooltip": "^0.14.38",
+    "@synerise/ds-icon": "^0.65.4",
+    "@synerise/ds-input": "^0.24.3",
+    "@synerise/ds-loader": "^0.3.13",
+    "@synerise/ds-menu": "^0.19.13",
+    "@synerise/ds-modal": "^0.17.40",
+    "@synerise/ds-pagination": "^0.7.61",
+    "@synerise/ds-result": "^0.7.3",
+    "@synerise/ds-scrollbar": "^0.11.9",
+    "@synerise/ds-search": "^0.9.9",
+    "@synerise/ds-select": "^0.16.15",
+    "@synerise/ds-skeleton": "^0.6.7",
+    "@synerise/ds-status": "^0.6.21",
+    "@synerise/ds-tags": "^0.10.6",
+    "@synerise/ds-tooltip": "^0.14.39",
     "@synerise/ds-typography": "^0.15.1",
-    "@synerise/ds-utils": "^0.29.0",
+    "@synerise/ds-utils": "^0.29.1",
     "@types/react-window": "^1.8.5",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.1",
@@ -77,5 +77,5 @@
     "react-dom": "^16.14.0",
     "styled-components": "5.0.1"
   },
-  "gitHead": "6fe94d574f25c5267c7593dec9399527f441b23a"
+  "gitHead": "fcf3fa64e906cf9fefb37a61ee28218c8eed9b73"
 }