@synerise/ds-table-new 1.3.1 → 1.4.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.4.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-table-new@1.3.1...@synerise/ds-table-new@1.4.0) (2026-05-22)
+
+### Features
+
+- **modal:** migration from antd ([3588b65](https://github.com/Synerise/synerise-design/commit/3588b65fbe67838fed4ee5125090ad47d334e04b))
+
 ## [1.3.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-table-new@1.3.0...@synerise/ds-table-new@1.3.1) (2026-05-19)
 
 ### Bug Fixes

package/dist/components/Cell/LabelsWithShowMore/LabelsWithShowMore.js

@@ -12,7 +12,7 @@ const LabelsWithShowMore = ({
   loading,
   ...htmlAttributes
 }) => {
-  const [modalVisible, setModalVisible] = useState(false);
+  const [isModalOpen, setIsModalOpen] = useState(false);
   const diff = useMemo(() => {
     return items.length - numberOfVisibleItems;
   }, [items, numberOfVisibleItems]);
@@ -21,11 +21,11 @@ const LabelsWithShowMore = ({
   }, [items, labelKey, numberOfVisibleItems]);
   return /* @__PURE__ */ jsxs(CellWrapper, { ...htmlAttributes, children: [
     /* @__PURE__ */ jsx(Labels, { children: labels }),
-    diff > 0 && /* @__PURE__ */ jsx(Tooltip, { title: `${texts.tooltip}`, children: /* @__PURE__ */ jsxs(MoreInfo, { onClick: () => setModalVisible(true), children: [
+    diff > 0 && /* @__PURE__ */ jsx(Tooltip, { title: `${texts.tooltip}`, children: /* @__PURE__ */ jsxs(MoreInfo, { onClick: () => setIsModalOpen(true), children: [
       "+",
       diff
     ] }) }),
-    /* @__PURE__ */ jsx(DetailsModal, { visible: modalVisible, hide: () => setModalVisible(false), items, renderItem, labelKey, texts, loading })
+    /* @__PURE__ */ jsx(DetailsModal, { isOpen: isModalOpen, hide: () => setIsModalOpen(false), items, renderItem, labelKey, texts, loading })
   ] });
 };
 export {

package/dist/components/Cell/LabelsWithShowMore/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { DataSourceType, ModalProps } from './Modal.types';
-declare const DetailsModal: ({ visible, hide, items, texts, renderItem, labelKey, loading, }: ModalProps<DataSourceType>) => React.JSX.Element;
+declare const DetailsModal: ({ isOpen, hide, items, texts, renderItem, labelKey, loading, }: ModalProps<DataSourceType>) => React.JSX.Element;
 export { DetailsModal };

package/dist/components/Cell/LabelsWithShowMore/Modal/Modal.js

@@ -3,7 +3,7 @@ import { useMemo, useCallback } from "react";
 import Modal from "@synerise/ds-modal";
 import { VirtualTable } from "../../../../VirtualTable.js";
 const DetailsModal = ({
-  visible,
+  isOpen,
   hide,
   items,
   texts,
@@ -20,9 +20,7 @@ const DetailsModal = ({
     const value = row[labelKey];
     return typeof value === "string" && value.toLowerCase().includes(query.toLowerCase());
   }, [labelKey]);
-  return /* @__PURE__ */ jsx(Modal, { size: "small", visible, title: texts.modalTitle, closable: true, onCancel: hide, bodyStyle: {
-    padding: 0
-  }, footer: null, children: /* @__PURE__ */ jsx(VirtualTable, { maxHeight: 500, cellHeight: 64, data: items, title: `${items.length} ${texts.records}`, columns, isLoading: loading, hideTitleBar: true, rowKey: "key", matchesSearchQuery, searchProps: {
+  return /* @__PURE__ */ jsx(Modal, { size: "small", open: isOpen, title: texts.modalTitle, closable: true, onCancel: hide, bodyFullWidth: true, footer: null, children: /* @__PURE__ */ jsx(VirtualTable, { maxHeight: 500, cellHeight: 64, data: items, title: `${items.length} ${texts.records}`, columns, isLoading: loading, hideTitleBar: true, rowKey: "key", matchesSearchQuery, searchProps: {
     clearTooltip: texts.searchClear,
     placeholder: texts.searchPlaceholder
   }, hideColumnNames: true }) });

package/dist/components/Cell/LabelsWithShowMore/Modal/Modal.types.d.ts

@@ -5,7 +5,7 @@ export type DataSourceType = Record<string, any> & {
     key: React.ReactText;
 };
 export type ModalProps<T extends DataSourceType> = {
-    visible: boolean;
+    isOpen: boolean;
     items: T[];
     hide: () => void;
     renderItem: (label: string, item: T) => JSX.Element | React.Component;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-table-new",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "TableNew UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -43,28 +43,28 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@floating-ui/react": "^0.27.16",
-    "@synerise/ds-badge": "^1.0.53",
-    "@synerise/ds-button": "^1.5.29",
-    "@synerise/ds-checkbox": "^1.2.30",
-    "@synerise/ds-copy-icon": "^1.2.11",
-    "@synerise/ds-dropdown": "^1.3.12",
+    "@synerise/ds-badge": "^1.0.54",
+    "@synerise/ds-button": "^1.5.30",
+    "@synerise/ds-checkbox": "^1.2.31",
+    "@synerise/ds-copy-icon": "^1.2.12",
+    "@synerise/ds-dropdown": "^1.3.13",
     "@synerise/ds-flag": "^1.0.11",
-    "@synerise/ds-icon": "^1.18.0",
-    "@synerise/ds-inline-alert": "^1.1.23",
-    "@synerise/ds-input": "^1.7.7",
-    "@synerise/ds-input-number": "^1.2.44",
+    "@synerise/ds-icon": "^1.18.1",
+    "@synerise/ds-inline-alert": "^1.1.24",
+    "@synerise/ds-input": "^1.7.8",
+    "@synerise/ds-input-number": "^1.2.45",
     "@synerise/ds-loader": "^1.0.16",
-    "@synerise/ds-modal": "^1.4.14",
-    "@synerise/ds-pagination": "^1.0.64",
-    "@synerise/ds-result": "^1.0.60",
-    "@synerise/ds-scrollbar": "^1.3.5",
-    "@synerise/ds-search": "^1.5.24",
-    "@synerise/ds-skeleton": "^1.0.54",
-    "@synerise/ds-tag": "^1.4.27",
-    "@synerise/ds-tags": "^1.5.41",
-    "@synerise/ds-tooltip": "^1.4.19",
-    "@synerise/ds-typography": "^1.1.22",
-    "@synerise/ds-utils": "^1.8.1",
+    "@synerise/ds-modal": "^1.5.0",
+    "@synerise/ds-pagination": "^1.0.65",
+    "@synerise/ds-result": "^1.0.61",
+    "@synerise/ds-scrollbar": "^1.4.0",
+    "@synerise/ds-search": "^1.5.25",
+    "@synerise/ds-skeleton": "^1.0.55",
+    "@synerise/ds-tag": "^1.4.28",
+    "@synerise/ds-tags": "^1.5.42",
+    "@synerise/ds-tooltip": "^1.5.0",
+    "@synerise/ds-typography": "^1.1.23",
+    "@synerise/ds-utils": "^1.9.0",
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.13.12",
     "unit-to-px": "^1.0.5",
@@ -80,5 +80,5 @@
     "react-intl": ">= 3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "b757d8f81066fcba3d1a739dfbbcdb49c13b9f90"
+  "gitHead": "f257f56d8991010593efd5ea9915335e813671a6"
 }