@synerise/ds-table 1.9.11 → 1.9.13

package/dist/Table.js

@@ -1,148 +1,113 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useCallback, useMemo } from 'react';
-import { useIntl } from 'react-intl';
-import Button from '@synerise/ds-button';
-import { useDataFormat } from '@synerise/ds-core';
-import '@synerise/ds-core/dist/js/style';
-import Icon, { AngleLeftS, AngleRightS } from '@synerise/ds-icon';
-import Skeleton from '@synerise/ds-skeleton';
-import DefaultTable from './DefaultTable/DefaultTable';
-import GroupTable from './GroupTable/GroupTable';
-import * as S from './Table.styles';
-import TableHeader from './TableHeader/TableHeader';
-import { ITEM_RENDER_TYPE, SELECTION_ALL, SELECTION_INVERT } from './constants/Table.constants';
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import { useIntl } from "react-intl";
+import Button from "@synerise/ds-button";
+import { useDataFormat } from "@synerise/ds-core";
+import Icon, { AngleLeftS, AngleRightS } from "@synerise/ds-icon";
+import Skeleton from "@synerise/ds-skeleton";
+import DefaultTable from "./DefaultTable/DefaultTable.js";
+import GroupTable from "./GroupTable/GroupTable.js";
+import { TableWrapper } from "./Table.styles.js";
+import TableHeader from "./TableHeader/TableHeader.js";
+import { ITEM_RENDER_TYPE, SELECTION_ALL, SELECTION_INVERT } from "./constants/Table.constants.js";
+import "unit-to-px";
+import { getChildrenColumnName } from "./utils/getChildrenColumnName.js";
+import { getSkeletonProps } from "./utils/getSkeletonProps.js";
+import "ramda";
+import { isGrouped } from "./utils/isGrouped.js";
+import { useTableLocale, TableLocaleContext } from "./utils/locale.js";
 import "./style/index.css";
-import { TableLocaleContext, getChildrenColumnName, getSkeletonProps, isGrouped, useTableLocale } from './utils';
-var DSTable = function DSTable(props) {
-  var intl = useIntl();
-  var title = props.title,
-    loading = props.loading,
-    selection = props.selection,
-    itemsMenu = props.itemsMenu,
-    cellSize = props.cellSize,
-    dataSource = props.dataSource,
-    dataSourceFull = props.dataSourceFull,
-    dataSourceTotalCount = props.dataSourceTotalCount,
-    roundedHeader = props.roundedHeader,
-    filters = props.filters,
-    searchComponent = props.searchComponent,
-    filterComponent = props.filterComponent,
-    rowKey = props.rowKey,
-    headerWithBorderTop = props.headerWithBorderTop,
-    hideTitleBar = props.hideTitleBar,
-    grouped = props.grouped,
-    pagination = props.pagination,
-    locale = props.locale,
-    headerButton = props.headerButton,
-    hideColumnNames = props.hideColumnNames,
-    renderSelectionTitle = props.renderSelectionTitle,
-    hideTitlePart = props.hideTitlePart,
-    disableColumnNamesLineBreak = props.disableColumnNamesLineBreak,
-    expandable = props.expandable,
-    columns = props.columns,
-    skeletonProps = props.skeletonProps,
-    isCounterLoading = props.isCounterLoading,
-    renderCustomCounter = props.renderCustomCounter;
-  var tableLocale = useTableLocale(intl, locale);
-  var _useDataFormat = useDataFormat(),
-    formatValue = _useDataFormat.formatValue;
-  var renderHeader = useCallback(function () {
-    var size = selection && (selection == null ? void 0 : selection.selectedRowKeys) && (selection == null ? void 0 : selection.selectedRowKeys.length);
-    var data = grouped && isGrouped(dataSource) ? dataSource == null ? void 0 : dataSource.reduce(function (items, group) {
+const DSTable = (props) => {
+  const intl = useIntl();
+  const {
+    title,
+    loading,
+    selection,
+    itemsMenu,
+    cellSize,
+    dataSource,
+    dataSourceFull,
+    dataSourceTotalCount,
+    roundedHeader,
+    filters,
+    searchComponent,
+    filterComponent,
+    rowKey,
+    headerWithBorderTop,
+    hideTitleBar,
+    grouped,
+    pagination,
+    locale,
+    headerButton,
+    hideColumnNames,
+    renderSelectionTitle,
+    hideTitlePart,
+    disableColumnNamesLineBreak,
+    expandable,
+    columns,
+    skeletonProps,
+    isCounterLoading,
+    renderCustomCounter
+  } = props;
+  const tableLocale = useTableLocale(intl, locale);
+  const {
+    formatValue
+  } = useDataFormat();
+  const renderHeader = useCallback(() => {
+    const size = selection && selection?.selectedRowKeys && selection?.selectedRowKeys.length;
+    const data = grouped && isGrouped(dataSource) ? dataSource?.reduce((items, group) => {
       if (group.rows) {
-        var merged = [].concat(items, group.rows);
+        const merged = [...items, ...group.rows];
         return merged;
       }
-      var result = [].concat(items);
+      const result = [...items];
       return result;
     }, []) : dataSource;
-    var totalCount = dataSourceTotalCount || (dataSource == null ? void 0 : dataSource.length) || (dataSourceFull == null ? void 0 : dataSourceFull.length);
-    return !hideTitleBar ? /*#__PURE__*/React.createElement(TableHeader, {
-      withBorderTop: headerWithBorderTop,
-      selectedRows: size,
-      title: title,
-      filters: filters,
-      itemsMenu: itemsMenu,
-      selection: selection,
-      dataSource: data,
-      dataSourceFull: dataSourceFull,
-      dataSourceTotalCount: totalCount,
-      isCounterLoading: isCounterLoading,
-      searchComponent: searchComponent,
-      filterComponent: filterComponent,
-      headerButton: headerButton,
-      rowKey: rowKey,
-      locale: tableLocale,
-      renderCustomCounter: renderCustomCounter,
-      renderSelectionTitle: renderSelectionTitle,
-      hideTitlePart: hideTitlePart,
-      childrenColumnName: getChildrenColumnName(expandable == null ? void 0 : expandable.childrenColumnName),
-      isLoading: loading
-    }) : /*#__PURE__*/React.createElement(React.Fragment, null);
-  }, [selection, grouped, dataSource, dataSourceTotalCount, dataSourceFull, hideTitleBar, headerWithBorderTop, title, filters, itemsMenu, searchComponent, filterComponent, headerButton, rowKey, tableLocale, renderCustomCounter, renderSelectionTitle, hideTitlePart, expandable == null ? void 0 : expandable.childrenColumnName, loading, isCounterLoading]);
-  var footerPagination = useMemo(function () {
-    return _extends({
-      showTotal: function showTotal(total, range) {
-        var _tableLocale$paginati, _tableLocale$paginati2;
-        return !hideTitlePart ? /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, formatValue(range[0])), "-", /*#__PURE__*/React.createElement("strong", null, formatValue(range[1])), " of", ' ', /*#__PURE__*/React.createElement("strong", null, formatValue(total)), ' ', grouped ? tableLocale == null || (_tableLocale$paginati = tableLocale.pagination) == null ? void 0 : _tableLocale$paginati.groups : tableLocale == null || (_tableLocale$paginati2 = tableLocale.pagination) == null ? void 0 : _tableLocale$paginati2.items) : /*#__PURE__*/React.createElement("div", {
-          style: {
-            width: '150px'
-          }
-        }, /*#__PURE__*/React.createElement(Skeleton, {
-          size: "M"
-        }));
-      },
+    const totalCount = dataSourceTotalCount || dataSource?.length || dataSourceFull?.length;
+    return !hideTitleBar ? /* @__PURE__ */ jsx(TableHeader, { withBorderTop: headerWithBorderTop, selectedRows: size, title, filters, itemsMenu, selection, dataSource: data, dataSourceFull, dataSourceTotalCount: totalCount, isCounterLoading, searchComponent, filterComponent, headerButton, rowKey, locale: tableLocale, renderCustomCounter, renderSelectionTitle, hideTitlePart, childrenColumnName: getChildrenColumnName(expandable?.childrenColumnName), isLoading: loading }) : /* @__PURE__ */ jsx(Fragment, {});
+  }, [selection, grouped, dataSource, dataSourceTotalCount, dataSourceFull, hideTitleBar, headerWithBorderTop, title, filters, itemsMenu, searchComponent, filterComponent, headerButton, rowKey, tableLocale, renderCustomCounter, renderSelectionTitle, hideTitlePart, expandable?.childrenColumnName, loading, isCounterLoading]);
+  const footerPagination = useMemo(() => {
+    return {
+      showTotal: (total, range) => !hideTitlePart ? /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsx("strong", { children: formatValue(range[0]) }),
+        "-",
+        /* @__PURE__ */ jsx("strong", { children: formatValue(range[1]) }),
+        " of",
+        " ",
+        /* @__PURE__ */ jsx("strong", { children: formatValue(total) }),
+        " ",
+        grouped ? tableLocale?.pagination?.groups : tableLocale?.pagination?.items
+      ] }) : /* @__PURE__ */ jsx("div", { style: {
+        width: "150px"
+      }, children: /* @__PURE__ */ jsx(Skeleton, { size: "M" }) }),
       columnWidth: 72,
-      itemRender: function itemRender(page, type, originalElement) {
+      itemRender: (page, type, originalElement) => {
         if (type === ITEM_RENDER_TYPE.prev) {
-          return /*#__PURE__*/React.createElement(Button, {
-            mode: "single-icon",
-            type: "ghost"
-          }, /*#__PURE__*/React.createElement(Icon, {
-            component: /*#__PURE__*/React.createElement(AngleLeftS, null)
-          }));
+          return /* @__PURE__ */ jsx(Button, { mode: "single-icon", type: "ghost", children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(AngleLeftS, {}) }) });
         }
         if (type === ITEM_RENDER_TYPE.next) {
-          return /*#__PURE__*/React.createElement(Button, {
-            mode: "single-icon",
-            type: "ghost"
-          }, /*#__PURE__*/React.createElement(Icon, {
-            component: /*#__PURE__*/React.createElement(AngleRightS, null)
-          }));
+          return /* @__PURE__ */ jsx(Button, { mode: "single-icon", type: "ghost", children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(AngleRightS, {}) }) });
         }
         return originalElement;
-      }
-    }, pagination);
+      },
+      ...pagination
+    };
   }, [pagination, formatValue, grouped, tableLocale, hideTitlePart]);
-  var tableContent = useMemo(function () {
-    var extraProps = loading ? getSkeletonProps(skeletonProps, columns) : {
+  const tableContent = useMemo(() => {
+    const extraProps = loading ? getSkeletonProps(skeletonProps, columns) : {
       pagination: pagination ? footerPagination : false
     };
-    return /*#__PURE__*/React.createElement(DefaultTable, _extends({
-      scroll: {
-        x: 'auto'
-      },
-      tableLayout: "fixed"
-    }, props, {
-      locale: tableLocale,
-      title: renderHeader
-    }, extraProps));
+    return /* @__PURE__ */ jsx(DefaultTable, { scroll: {
+      x: "auto"
+    }, tableLayout: "fixed", ...props, locale: tableLocale, title: renderHeader, ...extraProps });
   }, [columns, footerPagination, loading, pagination, props, renderHeader, skeletonProps, 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 && grouped && dataSource != null && dataSource.length ?
-  /*#__PURE__*/
-  // @ts-expect-error type 'T' does not satisfy the constraint 'GroupType<T>'.
-  React.createElement(GroupTable, _extends({}, props, {
-    locale: tableLocale,
-    title: renderHeader,
-    pagination: dataSource != null && dataSource.length && pagination ? footerPagination : false
-  })) : tableContent));
+  return /* @__PURE__ */ jsx(TableLocaleContext.Provider, { value: tableLocale, children: /* @__PURE__ */ jsx(TableWrapper, { className: `ds-table ds-table-cell-size-${cellSize} ${roundedHeader ? "ds-table-rounded" : ""}`, hideColumnNames, disableColumnNamesLineBreak, children: !loading && grouped && dataSource?.length ? (
+    // @ts-expect-error type 'T' does not satisfy the constraint 'GroupType<T>'.
+    /* @__PURE__ */ jsx(GroupTable, { ...props, locale: tableLocale, title: renderHeader, pagination: dataSource?.length && pagination ? footerPagination : false })
+  ) : tableContent }) });
 };
 DSTable.SELECTION_ALL = SELECTION_ALL;
 DSTable.SELECTION_INVERT = SELECTION_INVERT;
-export default DSTable;
+export {
+  DSTable as default
+};

package/dist/Table.styles.d.ts

@@ -1,40 +1,40 @@
-import Menu from '@synerise/ds-menu';
-export declare const Header: import("styled-components").StyledComponent<"div", any, {
+import { default as Menu } from '@synerise/ds-menu';
+export declare const Header: import('styled-components').StyledComponent<"div", any, {
     withBorderTop?: boolean;
 }, never>;
-export declare const Size: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TitlePartEllipsis: import("styled-components").StyledComponent<({ size, className, children, ellipsis, style, }: {
-    size?: import("@synerise/ds-typography").TextSize;
-    ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
-    children?: import("react").ReactNode;
+export declare const Size: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const TitleContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const TitlePartEllipsis: import('styled-components').StyledComponent<({ size, className, children, ellipsis, style, }: {
+    size?: import('@synerise/ds-typography').TextSize;
+    ellipsis?: import('@synerise/ds-typography/dist/Ellipsis').EllipsisProps;
+    children?: import('react').ReactNode;
     className?: string;
-    style?: import("react").CSSProperties;
+    style?: import('react').CSSProperties;
 }) => React.JSX.Element, any, {}, never>;
-export declare const TitlePart: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const TitleSeparator: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const Left: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Right: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RightSideWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Icon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Input: import("styled-components").StyledComponent<"div", any, {
+export declare const TitlePart: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const TitleSeparator: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const Left: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Right: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const RightSideWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Icon: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Input: import('styled-components').StyledComponent<"div", any, {
     isOpen?: boolean;
 }, never>;
-export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const InputWrapper: import('styled-components').StyledComponent<"div", any, {
     isOpen?: boolean;
     searchValue: string | undefined;
 }, never>;
-export declare const Selection: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SelectionMenu: import("styled-components").StyledComponent<typeof Menu, any, {}, never>;
-export declare const Spinner: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TableWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const Selection: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SelectionMenu: import('styled-components').StyledComponent<typeof Menu, any, {}, never>;
+export declare const Spinner: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const TableWrapper: import('styled-components').StyledComponent<"div", any, {
     hideColumnNames?: boolean;
     disableColumnNamesLineBreak?: boolean;
 }, never>;
-export declare const Skeleton: import("styled-components").StyledComponent<({ size, numberOfSkeletons, width, height, className, }: import("@synerise/ds-skeleton").SkeletonProps) => React.JSX.Element, any, {
+export declare const Skeleton: import('styled-components').StyledComponent<({ size, numberOfSkeletons, width, height, className, }: import('@synerise/ds-skeleton').SkeletonProps) => React.JSX.Element, any, {
     skeletonWidth?: string;
 }, never>;
-export declare const TableSkeletonCell: import("styled-components").StyledComponent<"div", any, {
+export declare const TableSkeletonCell: import('styled-components').StyledComponent<"div", any, {
     height?: number;
     width?: string;
 }, never>;

package/dist/Table.styles.js

@@ -1,155 +1,131 @@
-import styled, { keyframes } from 'styled-components';
-import { CheckboxWrapper } from '@synerise/ds-checkbox/dist/Checkbox.styles';
-import { IconContainer } from '@synerise/ds-icon';
-import Menu from '@synerise/ds-menu';
-import DSSkeleton from '@synerise/ds-skeleton';
-import { Text, macro } from '@synerise/ds-typography';
-export var Header = styled.div.withConfig({
+import styled, { keyframes } from "styled-components";
+import { CheckboxWrapper } from "@synerise/ds-checkbox/dist/Checkbox.styles";
+import { IconContainer } from "@synerise/ds-icon";
+import Menu from "@synerise/ds-menu";
+import Skeleton$1 from "@synerise/ds-skeleton";
+import { macro, Text } from "@synerise/ds-typography";
+const Header = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tablestyles__Header",
   componentId: "sc-dacfhr-0"
-})(["background:#ffffff;padding:20px 24px;display:flex;justify-content:space-between;border-top:", ";border-bottom:1px solid ", ";"], function (props) {
-  return props.withBorderTop ? "1px solid " + props.theme.palette['grey-200'] : '0';
-}, function (props) {
-  return props.theme.palette['grey-200'];
-});
-export var Size = styled.div.withConfig({
+})(["background:#ffffff;padding:20px 24px;display:flex;justify-content:space-between;border-top:", ";border-bottom:1px solid ", ";"], (props) => props.withBorderTop ? `1px solid ${props.theme.palette["grey-200"]}` : "0", (props) => props.theme.palette["grey-200"]);
+const Size = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tablestyles__Size",
   componentId: "sc-dacfhr-1"
 })(["", ";color:#fff;b{", ";color:inherit;}"], macro.medium, macro.h400);
-export var TitleContainer = styled.div.withConfig({
+const TitleContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tablestyles__TitleContainer",
   componentId: "sc-dacfhr-2"
-})(["display:flex;max-width:100%;min-width:0;align-items:center;", ";color:", ";padding:0 24px 0 0;strong{font-weight:500;}"], macro.small, function (props) {
-  return props.theme.palette['grey-700'];
-});
-export var TitlePartEllipsis = styled(Text).withConfig({
+})(["display:flex;max-width:100%;min-width:0;align-items:center;", ";color:", ";padding:0 24px 0 0;strong{font-weight:500;}"], macro.small, (props) => props.theme.palette["grey-700"]);
+const TitlePartEllipsis = /* @__PURE__ */ styled(Text).withConfig({
   displayName: "Tablestyles__TitlePartEllipsis",
   componentId: "sc-dacfhr-3"
 })(["font-weight:500;"]);
-export var TitlePart = styled.span.withConfig({
+const TitlePart = /* @__PURE__ */ styled.span.withConfig({
   displayName: "Tablestyles__TitlePart",
   componentId: "sc-dacfhr-4"
 })(["display:flex;align-items:center;gap:4px;"]);
-export var TitleSeparator = styled.span.withConfig({
+const TitleSeparator = /* @__PURE__ */ styled.span.withConfig({
   displayName: "Tablestyles__TitleSeparator",
   componentId: "sc-dacfhr-5"
-})(["display:inline-block;vertical-align:middle;flex-shrink:0;width:1px;height:16px;margin:1px 12px 0px 12px;background:", ";"], function (_ref) {
-  var theme = _ref.theme;
-  return theme.palette['grey-200'];
-});
-export var Left = styled.div.withConfig({
+})(["display:inline-block;vertical-align:middle;flex-shrink:0;width:1px;height:16px;margin:1px 12px 0px 12px;background:", ";"], ({
+  theme
+}) => theme.palette["grey-200"]);
+const Left = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tablestyles__Left",
   componentId: "sc-dacfhr-6"
 })(["display:flex;align-items:center;min-width:0;"]);
-export var Right = styled.div.withConfig({
+const Right = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tablestyles__Right",
   componentId: "sc-dacfhr-7"
 })(["display:flex;align-items:center;justify-content:flex-start;gap:8px;> *{min-width:32px;}&&& .ds-button.btn-search{min-width:unset;}"]);
-export var RightSideWrapper = styled.div.withConfig({
+const RightSideWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tablestyles__RightSideWrapper",
   componentId: "sc-dacfhr-8"
 })([""]);
-export var Icon = styled.div.withConfig({
+const Icon = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tablestyles__Icon",
   componentId: "sc-dacfhr-9"
 })(["transition:all 0.5s ease;position:absolute;left:4px;z-index:1;"]);
-export var Input = styled.div.withConfig({
+const Input = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tablestyles__Input",
   componentId: "sc-dacfhr-10"
 })(["transition:all 0.2s ease;overflow:hidden;position:relative;right:0;> div{margin:0;}"]);
-export var InputWrapper = styled.div.withConfig({
+const InputWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tablestyles__InputWrapper",
   componentId: "sc-dacfhr-11"
-})(["", ";transition:all 0.5s ease;position:relative;display:flex;align-items:center;direction:ltr;", "{opacity:", ";width:", ";}&{input{padding-left:32px;", ";}}.search-input{width:0;}"], function (props) {
-  return props.searchValue !== '' || props.isOpen ? "width: 100%" : 'width: 30px';
-}, Input, function (props) {
-  return props.searchValue || props.isOpen ? '1 !important' : '0';
-}, function (props) {
-  return props.searchValue || props.isOpen ? 'auto' : '0';
-}, function (props) {
-  return props.searchValue !== '' || props.isOpen ? "cursor: initial!important;" : 'cursor: pointer!important';
-});
-export var Selection = styled.div.withConfig({
+})(["", ";transition:all 0.5s ease;position:relative;display:flex;align-items:center;direction:ltr;", "{opacity:", ";width:", ";}&{input{padding-left:32px;", ";}}.search-input{width:0;}"], (props) => props.searchValue !== "" || props.isOpen ? `width: 100%` : "width: 30px", Input, (props) => props.searchValue || props.isOpen ? "1 !important" : "0", (props) => props.searchValue || props.isOpen ? "auto" : "0", (props) => props.searchValue !== "" || props.isOpen ? `cursor: initial!important;` : "cursor: pointer!important");
+const Selection = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tablestyles__Selection",
   componentId: "sc-dacfhr-12"
-})(["display:flex;align-items:center;justify-content:flex-start;max-width:64px;margin-right:24px;border-radius:3px;&:hover{background-color:", ";}.ant-btn.ds-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0;}.ant-btn.ds-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0;}", "{padding:0;}"], function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.palette['grey-100'];
-}, CheckboxWrapper);
-export var SelectionMenu = styled(Menu).withConfig({
+})(["display:flex;align-items:center;justify-content:flex-start;max-width:64px;margin-right:24px;border-radius:3px;&:hover{background-color:", ";}.ant-btn.ds-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0;}.ant-btn.ds-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0;}", "{padding:0;}"], ({
+  theme
+}) => theme.palette["grey-100"], CheckboxWrapper);
+const SelectionMenu = /* @__PURE__ */ styled(Menu).withConfig({
   displayName: "Tablestyles__SelectionMenu",
   componentId: "sc-dacfhr-13"
 })(["padding:8px;"]);
-var spinnerAnimation = keyframes(["from{transform:rotateZ(0deg);}to{transform:rotateZ(360deg);}"]);
-export var Spinner = styled.div.withConfig({
+const spinnerAnimation = /* @__PURE__ */ keyframes(["from{transform:rotateZ(0deg);}to{transform:rotateZ(360deg);}"]);
+const Spinner = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tablestyles__Spinner",
   componentId: "sc-dacfhr-14"
-})(["position:absolute !important;top:0;left:0;width:100%;height:100%;margin:0;border-radius:inherit;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.6);z-index:10;", "{animation:", " 1s forwards linear infinite;svg{color:", ";fill:", ";}}"], IconContainer, spinnerAnimation, function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-});
-export var TableWrapper = styled.div.withConfig({
+})(["position:absolute !important;top:0;left:0;width:100%;height:100%;margin:0;border-radius:inherit;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.6);z-index:10;", "{animation:", " 1s forwards linear infinite;svg{color:", ";fill:", ";}}"], IconContainer, spinnerAnimation, (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["blue-600"]);
+const TableWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tablestyles__TableWrapper",
   componentId: "sc-dacfhr-15"
-})(["table{.ant-table-thead{", ";}}.ant-table-wrapper .ant-table{z-index:1;}.ant-table .ant-table-cell.ant-table-selection-column,.ant-table .ant-table-cell.ds-table-star-column{padding:0 8px 0 24px;& > button{display:inline-block;}}.ant-table .ant-table-cell.ant-table-selection-column + .ant-table-cell.ds-table-star-column{padding-left:0;}.ant-table .ant-table-thead th{transition:background 0.3s,border-color 0.3s;background-color:", ";border-bottom-color:", ";&.ant-table-column-has-sorters{cursor:default;}&.ant-table-column-has-sorters:hover{background-color:", ";border-bottom:2px solid ", ";> *{margin-bottom:-1px;}}> *{display:flex;width:100%;}[class^='ant-table-column-sorters']{width:100%;}&.ant-table-column-sort{background-color:", ";border-bottom:2px solid ", ";&:hover{background-color:", ";border-bottom:2px solid ", ";}& > [class^='ant-table-column-sorters']{overflow:hidden;}> *{margin-bottom:-1px;}}&.ant-table-cell-ellipsis.ant-table-column-has-sorters{overflow:visible;}&:not(.ds-table-column-sort){.ds-table-column-sorter{margin-left:8px;}}&.ds-table-active-column{background-color:", ";border-bottom:2px solid ", ";cursor:default;&:hover{background-color:", ";border-bottom:2px solid ", ";}.ant-table-column-sorter{display:none;}> *{margin-bottom:-1px;}}}.ant-table tr.ant-table-row:not(:hover) td.ant-table-column-sort{background-color:", ";}.ant-table .ant-table-column-sorter{margin-left:8px;max-width:32px;min-width:32px;}.ant-table-cell .ds-sort-dropdown-button{opacity:0;}.ant-table-cell:hover .ds-sort-dropdown-button,.ant-table-cell.ant-table-column-sort .ds-sort-dropdown-button{opacity:1;}.ant-table-wrapper.virtual-table.virtual-table-infinite-scroll .ant-table .ant-table-header{box-shadow:0 4px 12px 0 rgba(35,41,54,0.04);}.virtual-table:not(.with-sticky-header) .ant-table-container{overflow:auto hidden;}.virtual-table .virtual-table-row:not(:hover) .virtual-table-cell.ant-table-column-sort{background-color:", ";}& .ant-table .ant-table-cell-scrollbar{box-shadow:none;}& .ant-table th.ant-table-cell{white-space:", ";}&&& .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not( .ant-table-row-expand-icon-cell ):not([colspan])::before{position:relative;}"], function (props) {
-  return props.hideColumnNames ? 'display: none' : '';
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.palette.white;
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.palette['grey-300'];
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.palette['grey-050'];
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.palette['grey-400'];
-}, function (_ref7) {
-  var theme = _ref7.theme;
-  return theme.palette['blue-050'];
-}, function (_ref8) {
-  var theme = _ref8.theme;
-  return theme.palette['blue-400'];
-}, function (_ref9) {
-  var theme = _ref9.theme;
-  return theme.palette['blue-100'];
-}, function (_ref0) {
-  var theme = _ref0.theme;
-  return theme.palette['blue-600'];
-}, function (_ref1) {
-  var theme = _ref1.theme;
-  return theme.palette['yellow-050'];
-}, function (_ref10) {
-  var theme = _ref10.theme;
-  return theme.palette['yellow-400'];
-}, function (_ref11) {
-  var theme = _ref11.theme;
-  return theme.palette['yellow-100'];
-}, function (_ref12) {
-  var theme = _ref12.theme;
-  return theme.palette['yellow-600'];
-}, function (_ref13) {
-  var theme = _ref13.theme;
-  return theme.palette['blue-050'];
-}, function (_ref14) {
-  var theme = _ref14.theme;
-  return theme.palette['blue-050'];
-}, function (props) {
-  return props.disableColumnNamesLineBreak ? 'nowrap' : 'normal';
-});
-export var Skeleton = styled(DSSkeleton).withConfig({
+})(["table{.ant-table-thead{", ";}}.ant-table-wrapper .ant-table{z-index:1;}.ant-table .ant-table-cell.ant-table-selection-column,.ant-table .ant-table-cell.ds-table-star-column{padding:0 8px 0 24px;& > button{display:inline-block;}}.ant-table .ant-table-cell.ant-table-selection-column + .ant-table-cell.ds-table-star-column{padding-left:0;}.ant-table .ant-table-thead th{transition:background 0.3s,border-color 0.3s;background-color:", ";border-bottom-color:", ";&.ant-table-column-has-sorters{cursor:default;}&.ant-table-column-has-sorters:hover{background-color:", ";border-bottom:2px solid ", ";> *{margin-bottom:-1px;}}> *{display:flex;width:100%;}[class^='ant-table-column-sorters']{width:100%;}&.ant-table-column-sort{background-color:", ";border-bottom:2px solid ", ";&:hover{background-color:", ";border-bottom:2px solid ", ";}& > [class^='ant-table-column-sorters']{overflow:hidden;}> *{margin-bottom:-1px;}}&.ant-table-cell-ellipsis.ant-table-column-has-sorters{overflow:visible;}&:not(.ds-table-column-sort){.ds-table-column-sorter{margin-left:8px;}}&.ds-table-active-column{background-color:", ";border-bottom:2px solid ", ";cursor:default;&:hover{background-color:", ";border-bottom:2px solid ", ";}.ant-table-column-sorter{display:none;}> *{margin-bottom:-1px;}}}.ant-table tr.ant-table-row:not(:hover) td.ant-table-column-sort{background-color:", ";}.ant-table .ant-table-column-sorter{margin-left:8px;max-width:32px;min-width:32px;}.ant-table-cell .ds-sort-dropdown-button{opacity:0;}.ant-table-cell:hover .ds-sort-dropdown-button,.ant-table-cell.ant-table-column-sort .ds-sort-dropdown-button{opacity:1;}.ant-table-wrapper.virtual-table.virtual-table-infinite-scroll .ant-table .ant-table-header{box-shadow:0 4px 12px 0 rgba(35,41,54,0.04);}.virtual-table:not(.with-sticky-header) .ant-table-container{overflow:auto hidden;}.virtual-table .virtual-table-row:not(:hover) .virtual-table-cell.ant-table-column-sort{background-color:", ";}& .ant-table .ant-table-cell-scrollbar{box-shadow:none;}& .ant-table th.ant-table-cell{white-space:", ";}&&& .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not( .ant-table-row-expand-icon-cell ):not([colspan])::before{position:relative;}"], (props) => props.hideColumnNames ? "display: none" : "", ({
+  theme
+}) => theme.palette.white, ({
+  theme
+}) => theme.palette["grey-300"], ({
+  theme
+}) => theme.palette["grey-050"], ({
+  theme
+}) => theme.palette["grey-400"], ({
+  theme
+}) => theme.palette["blue-050"], ({
+  theme
+}) => theme.palette["blue-400"], ({
+  theme
+}) => theme.palette["blue-100"], ({
+  theme
+}) => theme.palette["blue-600"], ({
+  theme
+}) => theme.palette["yellow-050"], ({
+  theme
+}) => theme.palette["yellow-400"], ({
+  theme
+}) => theme.palette["yellow-100"], ({
+  theme
+}) => theme.palette["yellow-600"], ({
+  theme
+}) => theme.palette["blue-050"], ({
+  theme
+}) => theme.palette["blue-050"], (props) => props.disableColumnNamesLineBreak ? "nowrap" : "normal");
+const Skeleton = /* @__PURE__ */ styled(Skeleton$1).withConfig({
   displayName: "Tablestyles__Skeleton",
   componentId: "sc-dacfhr-16"
-})(["padding:0;", ""], function (props) {
-  return props.skeletonWidth && "width: " + props.skeletonWidth + ";";
-});
-export var TableSkeletonCell = styled.div.withConfig({
+})(["padding:0;", ""], (props) => props.skeletonWidth && `width: ${props.skeletonWidth};`);
+const TableSkeletonCell = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tablestyles__TableSkeletonCell",
   componentId: "sc-dacfhr-17"
-})(["display:flex;height:", ";width:", ";align-items:center;justify-content:flex-start;"], function (props) {
-  return props.height ? props.height + "px" : 'auto';
-}, function (props) {
-  return "" + props.width || '50%';
-});
+})(["display:flex;height:", ";width:", ";align-items:center;justify-content:flex-start;"], (props) => props.height ? `${props.height}px` : "auto", (props) => `${props.width}` || "50%");
+export {
+  Header,
+  Icon,
+  Input,
+  InputWrapper,
+  Left,
+  Right,
+  RightSideWrapper,
+  Selection,
+  SelectionMenu,
+  Size,
+  Skeleton,
+  Spinner,
+  TableSkeletonCell,
+  TableWrapper,
+  TitleContainer,
+  TitlePart,
+  TitlePartEllipsis,
+  TitleSeparator
+};

package/dist/Table.types.d.ts

@@ -1,10 +1,10 @@
-import type { ColumnType, TableProps } from 'antd/lib/table';
-import type { ColumnTitleProps, TableLocale, TableRowSelection } from 'antd/lib/table/interface';
-import type { SELECTION_ALL, SELECTION_INVERT } from 'constants/Table.constants';
-import type { Key, ReactNode, Ref } from 'react';
-import { type TooltipProps } from '@synerise/ds-tooltip';
-import type { LiteralStringUnion } from '@synerise/ds-utils';
-import type { GroupType } from './GroupTable/GroupTable.types';
+import { ColumnType, TableProps } from 'antd/lib/table';
+import { ColumnTitleProps, TableLocale, TableRowSelection } from 'antd/lib/table/interface';
+import { SELECTION_ALL, SELECTION_INVERT } from 'constants/Table.constants';
+import { Key, ReactNode, Ref } from 'react';
+import { TooltipProps } from '@synerise/ds-tooltip';
+import { LiteralStringUnion } from '@synerise/ds-utils';
+import { GroupType } from './GroupTable/GroupTable.types';
 export type RowStar<T> = {
     className?: string;
     starredRowKeys: string[];

package/dist/Table.types.js

@@ -1 +1 @@
-export {};
+

package/dist/TableHeader/TableHeader.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type Props } from './TableHeader.types';
+import { default as React } from 'react';
+import { Props } from './TableHeader.types';
 declare const TableHeader: <T extends object>({ title, filters, searchComponent, filterComponent, selectedRows, itemsMenu, selection, dataSource, dataSourceFull, dataSourceTotalCount, isCounterLoading, rowKey, withBorderTop, headerButton, locale, renderSelectionTitle, renderCustomCounter, hideTitlePart, childrenColumnName, isLoading, }: Props<T>) => React.JSX.Element;
 export default TableHeader;