@synerise/ds-table 0.57.0 → 0.57.2

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.57.2](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.57.1...@synerise/ds-table@0.57.2) (2024-09-18)
+
+
+### Bug Fixes
+
+* **table:** hide skeleton ([c8866f5](https://github.com/synerise/synerise-design/commit/c8866f5c65825b3fa46cca1ab212bb26e23b3c79))
+
+
+
+
+
+## [0.57.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.57.0...@synerise/ds-table@0.57.1) (2024-09-18)
+
+**Note:** Version bump only for package @synerise/ds-table
+
+
+
+
+
 # [0.57.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.56.8...@synerise/ds-table@0.57.0) (2024-09-17)
 
 

package/dist/Table.js

@@ -6,7 +6,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import React, { useMemo } from 'react';
+import React from 'react';
 import { useIntl } from 'react-intl';
 import '@synerise/ds-core/dist/js/style';
 import Icon, { AngleLeftS, AngleRightS, SpinnerM } from '@synerise/ds-icon';
@@ -20,7 +20,6 @@ import DefaultTable from './DefaultTable/DefaultTable';
 import GroupTable from './GroupTable/GroupTable';
 import { useTableLocale, TableLocaleContext } from './utils/locale';
 import { getChildrenColumnName } from './utils/getChildrenColumnName';
-import { TableSkeleton } from './TableSkeleton/TableSkeleton';
 export var SELECTION_ALL = 'SELECTION_ALL';
 export var SELECTION_INVERT = 'SELECTION_INVERT';
 var ITEM_RENDER_TYPE = {
@@ -53,9 +52,7 @@ function DSTable(props) {
       renderSelectionTitle = props.renderSelectionTitle,
       hideTitlePart = props.hideTitlePart,
       disableColumnNamesLineBreak = props.disableColumnNamesLineBreak,
-      expandable = props.expandable,
-      maxHeight = props.maxHeight,
-      skeletonProps = props.skeletonProps;
+      expandable = props.expandable;
   var tableLocale = useTableLocale(intl, locale);
 
   var _useDataFormat = useDataFormat(),
@@ -129,27 +126,13 @@ function DSTable(props) {
       }
     }, pagination);
   }, [pagination, formatValue, grouped, tableLocale, hideTitlePart]);
-  var defaultTableContent = useMemo(function () {
-    return loading && !(dataSource != null && dataSource.length) ? /*#__PURE__*/React.createElement(TableSkeleton, _extends({
-      maxHeight: maxHeight
-    }, skeletonProps)) : /*#__PURE__*/React.createElement(DefaultTable, _extends({
-      scroll: {
-        x: 'auto'
-      },
-      tableLayout: "auto"
-    }, props, {
-      locale: tableLocale,
-      title: renderHeader,
-      pagination: dataSource != null && dataSource.length && pagination ? footerPagination : false
-    }));
-  }, [dataSource == null ? void 0 : dataSource.length, skeletonProps, footerPagination, loading, pagination, props, renderHeader, maxHeight, tableLocale]);
   return /*#__PURE__*/React.createElement(TableLocaleContext.Provider, {
     value: tableLocale
   }, /*#__PURE__*/React.createElement(S.TableWrapper, {
     className: "ds-table ds-table-cell-size-" + cellSize + " " + (roundedHeader ? 'ds-table-rounded' : ''),
     hideColumnNames: hideColumnNames,
     disableColumnNamesLineBreak: disableColumnNamesLineBreak
-  }, !!(loading && dataSource != null && dataSource.length) && /*#__PURE__*/React.createElement(S.Spinner, {
+  }, loading && /*#__PURE__*/React.createElement(S.Spinner, {
     className: "spinner"
   }, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(SpinnerM, null),
@@ -161,7 +144,16 @@ function DSTable(props) {
     locale: tableLocale,
     title: renderHeader,
     pagination: dataSource != null && dataSource.length && pagination ? footerPagination : false
-  })) : defaultTableContent));
+  })) : /*#__PURE__*/React.createElement(DefaultTable, _extends({
+    scroll: {
+      x: 'auto'
+    },
+    tableLayout: "auto"
+  }, props, {
+    locale: tableLocale,
+    title: renderHeader,
+    pagination: dataSource != null && dataSource.length && pagination ? footerPagination : false
+  }))));
 }
 
 DSTable.SELECTION_ALL = SELECTION_ALL;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-table",
-  "version": "0.57.0",
+  "version": "0.57.2",
   "description": "Table UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -38,7 +38,7 @@
     "@synerise/ds-button": "^0.21.11",
     "@synerise/ds-button-group": "^0.7.15",
     "@synerise/ds-checkbox": "^0.12.8",
-    "@synerise/ds-column-manager": "^0.12.0",
+    "@synerise/ds-column-manager": "^0.12.1",
     "@synerise/ds-data-format": "^0.5.3",
     "@synerise/ds-dropdown": "^0.18.15",
     "@synerise/ds-flag": "^0.5.2",
@@ -53,8 +53,8 @@
     "@synerise/ds-search": "^0.9.11",
     "@synerise/ds-select": "^0.16.17",
     "@synerise/ds-skeleton": "^0.6.9",
-    "@synerise/ds-status": "^0.6.23",
-    "@synerise/ds-tags": "^0.10.8",
+    "@synerise/ds-status": "^0.6.24",
+    "@synerise/ds-tags": "^0.10.9",
     "@synerise/ds-tooltip": "^0.14.41",
     "@synerise/ds-typography": "^0.15.2",
     "@synerise/ds-utils": "^0.29.3",
@@ -77,5 +77,5 @@
     "react-dom": "^16.14.0",
     "styled-components": "5.0.1"
   },
-  "gitHead": "ae3c38b44ca0f9071cd55f7b82c182a99b5710e8"
+  "gitHead": "05319fe26fbfd074f4b4a6cd5184a6ea2e9cdb6f"
 }