@synerise/ds-table 0.57.1 → 0.57.3

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.3](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.57.2...@synerise/ds-table@0.57.3) (2024-09-26)
+
+**Note:** Version bump only for package @synerise/ds-table
+
+
+
+
+
+## [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

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.1",
+  "version": "0.57.3",
   "description": "Table UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -25,7 +25,8 @@
     "prepublish": "npm run build",
     "test": "jest",
     "test:watch": "npm run test -- --watchAll",
-    "types": "tsc --noEmit"
+    "types": "tsc --noEmit",
+    "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
   },
   "sideEffects": [
     "dist/style/*",
@@ -33,31 +34,31 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^0.8.29",
-    "@synerise/ds-badge": "^0.8.10",
-    "@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.1",
-    "@synerise/ds-data-format": "^0.5.3",
-    "@synerise/ds-dropdown": "^0.18.15",
-    "@synerise/ds-flag": "^0.5.2",
-    "@synerise/ds-icon": "^0.65.6",
-    "@synerise/ds-input": "^0.24.5",
-    "@synerise/ds-loader": "^0.3.15",
-    "@synerise/ds-menu": "^0.19.15",
-    "@synerise/ds-modal": "^0.17.42",
-    "@synerise/ds-pagination": "^0.7.63",
-    "@synerise/ds-result": "^0.7.5",
-    "@synerise/ds-scrollbar": "^0.11.11",
-    "@synerise/ds-search": "^0.9.11",
-    "@synerise/ds-select": "^0.16.17",
-    "@synerise/ds-skeleton": "^0.6.9",
-    "@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",
+    "@synerise/ds-alert": "^0.8.30",
+    "@synerise/ds-badge": "^0.8.11",
+    "@synerise/ds-button": "^0.21.12",
+    "@synerise/ds-button-group": "^0.7.16",
+    "@synerise/ds-checkbox": "^0.12.9",
+    "@synerise/ds-column-manager": "^0.12.2",
+    "@synerise/ds-data-format": "^0.5.4",
+    "@synerise/ds-dropdown": "^0.18.16",
+    "@synerise/ds-flag": "^0.5.3",
+    "@synerise/ds-icon": "^0.65.7",
+    "@synerise/ds-input": "^0.24.6",
+    "@synerise/ds-loader": "^0.3.16",
+    "@synerise/ds-menu": "^0.19.16",
+    "@synerise/ds-modal": "^0.17.43",
+    "@synerise/ds-pagination": "^0.7.64",
+    "@synerise/ds-result": "^0.7.6",
+    "@synerise/ds-scrollbar": "^0.11.12",
+    "@synerise/ds-search": "^0.9.12",
+    "@synerise/ds-select": "^0.16.18",
+    "@synerise/ds-skeleton": "^0.6.10",
+    "@synerise/ds-status": "^0.6.25",
+    "@synerise/ds-tags": "^0.10.10",
+    "@synerise/ds-tooltip": "^0.14.42",
+    "@synerise/ds-typography": "^0.15.3",
+    "@synerise/ds-utils": "^0.29.4",
     "@types/react-window": "^1.8.5",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.1",
@@ -74,8 +75,7 @@
     "@synerise/ds-core": "*",
     "antd": "4.7.0",
     "react": ">=16.9.0 <= 17.0.2",
-    "react-dom": "^16.14.0",
     "styled-components": "5.0.1"
   },
-  "gitHead": "a2c7baeed8b391294c9a24866cd4c9dfd4646fa9"
+  "gitHead": "fc06bd0f13401a57329fb92985b735de33108dbc"
 }