@synerise/ds-table 1.9.11 → 1.9.12

package/dist/ColumnSortMenu/SortIcons.js

@@ -1,43 +1,31 @@
-import React from 'react';
-import { useTheme } from '@synerise/ds-core';
-import Icon, { ArrangeM, SortAscendingM, SortAzM, SortDescendingM, SortZaM } from '@synerise/ds-icon';
-export var DefaultSortIcon = function DefaultSortIcon(_ref) {
-  var sortOrder = _ref.sortOrder;
-  var theme = useTheme();
-  if (sortOrder === 'ascend') {
-    return /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(SortAscendingM, null),
-      color: theme.palette['gray-600']
-    });
+import { jsx } from "react/jsx-runtime";
+import { useTheme } from "@synerise/ds-core";
+import Icon, { SortAscendingM, SortDescendingM, ArrangeM, SortAzM, SortZaM } from "@synerise/ds-icon";
+const DefaultSortIcon = ({
+  sortOrder
+}) => {
+  const theme = useTheme();
+  if (sortOrder === "ascend") {
+    return /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(SortAscendingM, {}), color: theme.palette["gray-600"] });
   }
-  if (sortOrder === 'descend') {
-    return /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(SortDescendingM, null),
-      color: theme.palette['gray-600']
-    });
+  if (sortOrder === "descend") {
+    return /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(SortDescendingM, {}), color: theme.palette["gray-600"] });
   }
-  return /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(ArrangeM, null),
-    color: theme.palette['gray-600']
-  });
+  return /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(ArrangeM, {}), color: theme.palette["gray-600"] });
 };
-export var StringSortIcon = function StringSortIcon(_ref2) {
-  var sortOrder = _ref2.sortOrder;
-  var theme = useTheme();
-  if (sortOrder === 'ascend') {
-    return /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(SortAzM, null),
-      color: theme.palette['gray-600']
-    });
+const StringSortIcon = ({
+  sortOrder
+}) => {
+  const theme = useTheme();
+  if (sortOrder === "ascend") {
+    return /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(SortAzM, {}), color: theme.palette["gray-600"] });
   }
-  if (sortOrder === 'descend') {
-    return /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(SortZaM, null),
-      color: theme.palette['gray-600']
-    });
+  if (sortOrder === "descend") {
+    return /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(SortZaM, {}), color: theme.palette["gray-600"] });
   }
-  return /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(ArrangeM, null),
-    color: theme.palette['gray-600']
-  });
-};
+  return /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(ArrangeM, {}), color: theme.palette["gray-600"] });
+};
+export {
+  DefaultSortIcon,
+  StringSortIcon
+};

package/dist/ColumnSortMenu/SortRender.styles.d.ts

@@ -1,61 +1,61 @@
-export declare const ToggleButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Partial<{
+export declare const ToggleButton: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<Omit<Partial<{
     href: string;
     target?: string;
     onClick?: React.MouseEventHandler<HTMLElement>;
-} & import("antd/lib/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<any>, "type" | "onClick"> & {
-    htmlType?: import("antd/lib/button/button").ButtonHTMLType;
+} & import('antd/lib/button/button').BaseButtonProps & Omit<import('react').AnchorHTMLAttributes<any>, "onClick" | "type"> & {
+    htmlType?: import('antd/lib/button/button').ButtonHTMLType;
     onClick?: React.MouseEventHandler<HTMLElement>;
-} & Omit<import("react").ButtonHTMLAttributes<any>, "type" | "onClick">>, "type" | "ghost"> & {
-    type?: import("@synerise/ds-utils").LiteralStringUnion<import("@synerise/ds-button/dist/Button.types").ButtonType>;
-    mode?: import("@synerise/ds-utils").LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
-    color?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
-    groupVariant?: import("@synerise/ds-utils").LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
+} & Omit<import('react').ButtonHTMLAttributes<any>, "onClick" | "type">>, "type" | "ghost"> & {
+    type?: import('@synerise/ds-utils').LiteralStringUnion<import('@synerise/ds-button/dist/Button.types').ButtonType>;
+    mode?: import('@synerise/ds-utils').LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
+    color?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+    groupVariant?: import('@synerise/ds-utils').LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
     justifyContent?: string;
     loading?: boolean | {
         delay?: number;
     };
-    onClick?: (event: import("react").MouseEvent<HTMLElement>) => void;
-    iconColor?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+    onClick?: (event: import('react').MouseEvent<HTMLElement>) => void;
+    iconColor?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
     error?: boolean;
     readOnly?: boolean;
-    tagProps?: import("@synerise/ds-tag").TagProps;
-    tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
-} & import("react").RefAttributes<HTMLButtonElement>> & {
-    Creator: import("react").ForwardRefExoticComponent<Omit<import("@synerise/ds-button").CreatorProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Expander: ({ size, expanded, disabled, onClick, className, }: import("@synerise/ds-button").ExpanderProps) => import("react").JSX.Element;
-    Star: (props: import("@synerise/ds-button").StarButtonProps) => React.ReactElement;
-    Checkbox: (props: import("@synerise/ds-button").CheckboxButtonProps) => React.ReactElement;
+    tagProps?: import('@synerise/ds-tag').TagProps;
+    tooltipProps?: import('@synerise/ds-tooltip').TooltipProps;
+} & import('react').RefAttributes<HTMLButtonElement>> & {
+    Creator: import('react').ForwardRefExoticComponent<Omit<import('@synerise/ds-button').CreatorProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Expander: ({ size, expanded, disabled, onClick, className, }: import('@synerise/ds-button').ExpanderProps) => import("react").JSX.Element;
+    Star: (props: import('@synerise/ds-button').StarButtonProps) => React.ReactElement;
+    Checkbox: (props: import('@synerise/ds-button').CheckboxButtonProps) => React.ReactElement;
 }, any, {
     isVisible: boolean;
 }, never>;
 declare const _default: {
-    ToggleButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Partial<{
+    ToggleButton: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<Omit<Partial<{
         href: string;
         target?: string;
         onClick?: React.MouseEventHandler<HTMLElement>;
-    } & import("antd/lib/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<any>, "type" | "onClick"> & {
-        htmlType?: import("antd/lib/button/button").ButtonHTMLType;
+    } & import('antd/lib/button/button').BaseButtonProps & Omit<import('react').AnchorHTMLAttributes<any>, "onClick" | "type"> & {
+        htmlType?: import('antd/lib/button/button').ButtonHTMLType;
         onClick?: React.MouseEventHandler<HTMLElement>;
-    } & Omit<import("react").ButtonHTMLAttributes<any>, "type" | "onClick">>, "type" | "ghost"> & {
-        type?: import("@synerise/ds-utils").LiteralStringUnion<import("@synerise/ds-button/dist/Button.types").ButtonType>;
-        mode?: import("@synerise/ds-utils").LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
-        color?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
-        groupVariant?: import("@synerise/ds-utils").LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
+    } & Omit<import('react').ButtonHTMLAttributes<any>, "onClick" | "type">>, "type" | "ghost"> & {
+        type?: import('@synerise/ds-utils').LiteralStringUnion<import('@synerise/ds-button/dist/Button.types').ButtonType>;
+        mode?: import('@synerise/ds-utils').LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
+        color?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+        groupVariant?: import('@synerise/ds-utils').LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
         justifyContent?: string;
         loading?: boolean | {
             delay?: number;
         };
-        onClick?: (event: import("react").MouseEvent<HTMLElement>) => void;
-        iconColor?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+        onClick?: (event: import('react').MouseEvent<HTMLElement>) => void;
+        iconColor?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
         error?: boolean;
         readOnly?: boolean;
-        tagProps?: import("@synerise/ds-tag").TagProps;
-        tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
-    } & import("react").RefAttributes<HTMLButtonElement>> & {
-        Creator: import("react").ForwardRefExoticComponent<Omit<import("@synerise/ds-button").CreatorProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-        Expander: ({ size, expanded, disabled, onClick, className, }: import("@synerise/ds-button").ExpanderProps) => import("react").JSX.Element;
-        Star: (props: import("@synerise/ds-button").StarButtonProps) => React.ReactElement;
-        Checkbox: (props: import("@synerise/ds-button").CheckboxButtonProps) => React.ReactElement;
+        tagProps?: import('@synerise/ds-tag').TagProps;
+        tooltipProps?: import('@synerise/ds-tooltip').TooltipProps;
+    } & import('react').RefAttributes<HTMLButtonElement>> & {
+        Creator: import('react').ForwardRefExoticComponent<Omit<import('@synerise/ds-button').CreatorProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+        Expander: ({ size, expanded, disabled, onClick, className, }: import('@synerise/ds-button').ExpanderProps) => import("react").JSX.Element;
+        Star: (props: import('@synerise/ds-button').StarButtonProps) => React.ReactElement;
+        Checkbox: (props: import('@synerise/ds-button').CheckboxButtonProps) => React.ReactElement;
     }, any, {
         isVisible: boolean;
     }, never>;

package/dist/ColumnSortMenu/SortRender.styles.js

@@ -1,12 +1,15 @@
-import styled from 'styled-components';
-import Button from '@synerise/ds-button';
-export var ToggleButton = styled(Button).withConfig({
+import styled from "styled-components";
+import Button from "@synerise/ds-button";
+const ToggleButton = /* @__PURE__ */ styled(Button).withConfig({
   displayName: "SortRenderstyles__ToggleButton",
   componentId: "sc-pxbce6-0"
-})(["", ";"], function (_ref) {
-  var isVisible = _ref.isVisible;
-  return isVisible ? 'opacity: 1 !important;' : '';
-});
-export default {
-  ToggleButton: ToggleButton
-};
+})(["", ";"], ({
+  isVisible
+}) => isVisible ? "opacity: 1 !important;" : "");
+const SortRender_styles = {
+  ToggleButton
+};
+export {
+  ToggleButton,
+  SortRender_styles as default
+};

package/dist/ColumnSortMenu/SortRenderer.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type DSColumnType, type OnSortFn, type SortStateAPI } from '../Table.types';
+import { default as React } from 'react';
+import { DSColumnType, OnSortFn, SortStateAPI } from '../Table.types';
 type SortRendererProps<T> = {
     sortStateApi: SortStateAPI;
     column: DSColumnType<T>;

package/dist/ColumnSortMenu/SortRenderer.js

@@ -1,140 +1,106 @@
-import partial from 'lodash.partial';
-import React, { useState } from 'react';
-import { DropdownMenu } from '@synerise/ds-dropdown';
-import Icon, { Close2M, SortAscendingM, SortAzM, SortDescendingM, SortZaM } from '@synerise/ds-icon';
-import { useTableLocaleContext } from '../utils/locale';
-import { DefaultSortIcon, StringSortIcon } from './SortIcons';
-import * as S from './SortRender.styles';
-import { toSortOrder } from './useSortState';
-var handleButtonClick = function handleButtonClick(event) {
+import { jsx } from "react/jsx-runtime";
+import partial from "lodash.partial";
+import { useState } from "react";
+import { DropdownMenu } from "@synerise/ds-dropdown";
+import Icon, { SortAscendingM, SortDescendingM, Close2M, SortAzM, SortZaM } from "@synerise/ds-icon";
+import { useTableLocaleContext } from "../utils/locale.js";
+import { DefaultSortIcon, StringSortIcon } from "./SortIcons.js";
+import { ToggleButton } from "./SortRender.styles.js";
+import { toSortOrder } from "./useSortState.js";
+const handleButtonClick = (event) => {
   event.stopPropagation();
 };
-export var CommonRenderer = function CommonRenderer(_ref) {
-  var column = _ref.column,
-    sortStateApi = _ref.sortStateApi;
-  var getColumnSortOrder = sortStateApi.getColumnSortOrder,
-    setColumnSortOrder = sortStateApi.setColumnSortOrder;
-  var columnKey = String(column.key);
-  var columnSortOrder = column.key ? getColumnSortOrder(columnKey) : null;
-  var onSortOrderChange = partial(setColumnSortOrder, columnKey);
-  var _useState = useState(false),
-    isDropdownVisible = _useState[0],
-    setIsDropdownVisible = _useState[1];
-  var locale = useTableLocaleContext();
-  var handleClick = function handleClick(_ref2) {
-    var key = _ref2.key;
+const CommonRenderer = ({
+  column,
+  sortStateApi
+}) => {
+  const {
+    getColumnSortOrder,
+    setColumnSortOrder
+  } = sortStateApi;
+  const columnKey = String(column.key);
+  const columnSortOrder = column.key ? getColumnSortOrder(columnKey) : null;
+  const onSortOrderChange = partial(setColumnSortOrder, columnKey);
+  const [isDropdownVisible, setIsDropdownVisible] = useState(false);
+  const locale = useTableLocaleContext();
+  const handleClick = ({
+    key
+  }) => {
     onSortOrderChange(toSortOrder(String(key)));
   };
-  var dropdownDataSource = [{
-    key: 'ascend',
+  const dropdownDataSource = [{
+    key: "ascend",
     onClick: handleClick,
-    prefixel: /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(SortAscendingM, null)
-    }),
-    selected: columnSortOrder === 'ascend',
+    prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(SortAscendingM, {}) }),
+    selected: columnSortOrder === "ascend",
     text: locale.columnSortAscend
   }, {
-    key: 'descend',
-    prefixel: /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(SortDescendingM, null)
-    }),
-    selected: columnSortOrder === 'descend',
+    key: "descend",
+    prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(SortDescendingM, {}) }),
+    selected: columnSortOrder === "descend",
     onClick: handleClick,
     text: locale.columnSortDescend
   }];
   if (columnSortOrder) {
     dropdownDataSource.push({
-      key: 'null',
-      type: 'danger',
-      prefixel: /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(Close2M, null)
-      }),
+      key: "null",
+      type: "danger",
+      prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(Close2M, {}) }),
       text: locale.columnSortClear,
       onClick: handleClick
     });
   }
-  return /*#__PURE__*/React.createElement("div", {
-    onClick: handleButtonClick
-  }, /*#__PURE__*/React.createElement(DropdownMenu, {
-    dataSource: dropdownDataSource,
-    onOpenChange: function onOpenChange(isVisible) {
-      if (isVisible !== isDropdownVisible) {
-        setIsDropdownVisible(isVisible);
-      }
-    },
-    open: isDropdownVisible,
-    popoverProps: {
-      testId: 'table-sort-common'
+  return /* @__PURE__ */ jsx("div", { onClick: handleButtonClick, children: /* @__PURE__ */ jsx(DropdownMenu, { dataSource: dropdownDataSource, onOpenChange: (isVisible) => {
+    if (isVisible !== isDropdownVisible) {
+      setIsDropdownVisible(isVisible);
     }
-  }, /*#__PURE__*/React.createElement(S.ToggleButton, {
-    isVisible: isDropdownVisible,
-    type: "ghost",
-    mode: "single-icon",
-    className: "ds-sort-dropdown-button",
-    "data-testid": "table-common-sorter-button"
-  }, /*#__PURE__*/React.createElement(DefaultSortIcon, {
-    sortOrder: columnSortOrder
-  }))));
+  }, open: isDropdownVisible, popoverProps: {
+    testId: "table-sort-common"
+  }, children: /* @__PURE__ */ jsx(ToggleButton, { isVisible: isDropdownVisible, type: "ghost", mode: "single-icon", className: "ds-sort-dropdown-button", "data-testid": "table-common-sorter-button", children: /* @__PURE__ */ jsx(DefaultSortIcon, { sortOrder: columnSortOrder }) }) }) });
 };
-export var StringRenderer = function StringRenderer(_ref3) {
-  var column = _ref3.column,
-    sortStateApi = _ref3.sortStateApi;
-  var getColumnSortOrder = sortStateApi.getColumnSortOrder,
-    setColumnSortOrder = sortStateApi.setColumnSortOrder;
-  var columnKey = String(column.key);
-  var columnSortOrder = column.key ? getColumnSortOrder(columnKey) : null;
-  var onSortOrderChange = partial(setColumnSortOrder, columnKey);
-  var _useState2 = useState(false),
-    isDropdownVisible = _useState2[0],
-    setIsDropdownVisible = _useState2[1];
-  var locale = useTableLocaleContext();
-  var handleClick = function handleClick(data) {
+const StringRenderer = ({
+  column,
+  sortStateApi
+}) => {
+  const {
+    getColumnSortOrder,
+    setColumnSortOrder
+  } = sortStateApi;
+  const columnKey = String(column.key);
+  const columnSortOrder = column.key ? getColumnSortOrder(columnKey) : null;
+  const onSortOrderChange = partial(setColumnSortOrder, columnKey);
+  const [isDropdownVisible, setIsDropdownVisible] = useState(false);
+  const locale = useTableLocaleContext();
+  const handleClick = (data) => {
     onSortOrderChange(toSortOrder(String(data.key)));
   };
-  var dropdownDataSource = [{
-    key: 'ascend',
-    prefixel: /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(SortAzM, null)
-    }),
-    selected: columnSortOrder === 'ascend',
+  const dropdownDataSource = [{
+    key: "ascend",
+    prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(SortAzM, {}) }),
+    selected: columnSortOrder === "ascend",
     text: locale.columnSortAz,
     onClick: handleClick
   }, {
-    key: 'descend',
-    prefixel: /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(SortZaM, null)
-    }),
-    selected: columnSortOrder === 'descend',
+    key: "descend",
+    prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(SortZaM, {}) }),
+    selected: columnSortOrder === "descend",
     text: locale.columnSortZa,
     onClick: handleClick
   }];
   if (columnSortOrder) {
     dropdownDataSource.push({
-      key: 'null',
-      type: 'danger',
-      prefixel: /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(Close2M, null)
-      }),
+      key: "null",
+      type: "danger",
+      prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(Close2M, {}) }),
       text: locale.columnSortClear,
       onClick: handleClick
     });
   }
-  return /*#__PURE__*/React.createElement("div", {
-    onClick: handleButtonClick
-  }, /*#__PURE__*/React.createElement(DropdownMenu, {
-    onOpenChange: setIsDropdownVisible,
-    open: isDropdownVisible,
-    dataSource: dropdownDataSource,
-    popoverProps: {
-      testId: 'table-sort-string'
-    }
-  }, /*#__PURE__*/React.createElement(S.ToggleButton, {
-    isVisible: isDropdownVisible,
-    type: "ghost",
-    mode: "single-icon",
-    className: "ds-sort-dropdown-button",
-    "data-testid": "table-string-sorter-button"
-  }, /*#__PURE__*/React.createElement(StringSortIcon, {
-    sortOrder: columnSortOrder
-  }))));
-};
+  return /* @__PURE__ */ jsx("div", { onClick: handleButtonClick, children: /* @__PURE__ */ jsx(DropdownMenu, { onOpenChange: setIsDropdownVisible, open: isDropdownVisible, dataSource: dropdownDataSource, popoverProps: {
+    testId: "table-sort-string"
+  }, children: /* @__PURE__ */ jsx(ToggleButton, { isVisible: isDropdownVisible, type: "ghost", mode: "single-icon", className: "ds-sort-dropdown-button", "data-testid": "table-string-sorter-button", children: /* @__PURE__ */ jsx(StringSortIcon, { sortOrder: columnSortOrder }) }) }) });
+};
+export {
+  CommonRenderer,
+  StringRenderer
+};

package/dist/ColumnSortMenu/TitleWithSort.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type TitleWithSortProps } from '../Table.types';
+import { default as React } from 'react';
+import { TitleWithSortProps } from '../Table.types';
 export declare const TitleWithSort: <T>({ column, sortRender, titleProps, ...spanProps }: TitleWithSortProps<T>) => React.ReactElement;
 export default TitleWithSort;

package/dist/ColumnSortMenu/TitleWithSort.js

@@ -1,17 +1,20 @@
-var _excluded = ["column", "sortRender", "titleProps"];
-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); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import createReplaceButtonsPortal from './replaceSortButtons';
-export var TitleWithSort = function TitleWithSort(_ref) {
-  var column = _ref.column,
-    sortRender = _ref.sortRender,
-    titleProps = _ref.titleProps,
-    spanProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var itemRef = React.useRef(null);
-  var ReplaceButtonsPortal = createReplaceButtonsPortal(itemRef.current, sortRender);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", _extends({
-    ref: itemRef
-  }, spanProps), typeof column.title === 'function' ? column.title(titleProps) : column.title), /*#__PURE__*/React.createElement(ReplaceButtonsPortal, null));
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import React from "react";
+import createReplaceButtonsPortal from "./replaceSortButtons.js";
+const TitleWithSort = ({
+  column,
+  sortRender,
+  titleProps,
+  ...spanProps
+}) => {
+  const itemRef = React.useRef(null);
+  const ReplaceButtonsPortal = createReplaceButtonsPortal(itemRef.current, sortRender);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { ref: itemRef, ...spanProps, children: typeof column.title === "function" ? column.title(titleProps) : column.title }),
+    /* @__PURE__ */ jsx(ReplaceButtonsPortal, {})
+  ] });
+};
+export {
+  TitleWithSort,
+  TitleWithSort as default
 };
-export default TitleWithSort;

package/dist/ColumnSortMenu/columnWithSortButtons.d.ts

@@ -1,5 +1,4 @@
-import { type DSColumnType, type OnSortFn, type SortStateAPI } from '../Table.types';
-import './useSortState';
+import { DSColumnType, OnSortFn, SortStateAPI } from '../Table.types';
 export declare const columnWithSortButtons: (sortStateApi: SortStateAPI, onSort?: OnSortFn) => <T>(column: DSColumnType<T>) => DSColumnType<T>;
 declare const _default: {
     columnWithSortButtons: (sortStateApi: SortStateAPI, onSort?: OnSortFn) => <T>(column: DSColumnType<T>) => DSColumnType<T>;

package/dist/ColumnSortMenu/columnWithSortButtons.js

@@ -1,50 +1,33 @@
-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 from 'react';
-import { CommonRenderer, StringRenderer } from './SortRenderer';
-import { TitleWithSort } from './TitleWithSort';
-import './useSortState';
-var getSortRenderer = function getSortRenderer(sortRender, onSort) {
-  if (sortRender === void 0) {
-    sortRender = 'default';
-  }
-  if (typeof sortRender === 'function') {
+import { jsx } from "react/jsx-runtime";
+import { CommonRenderer, StringRenderer } from "./SortRenderer.js";
+import { TitleWithSort } from "./TitleWithSort.js";
+import "lodash.groupby";
+import "lodash.merge";
+import "react";
+const getSortRenderer = (sortRender = "default", onSort) => {
+  if (typeof sortRender === "function") {
     return sortRender;
   }
   switch (sortRender) {
-    case 'string':
-      return function (sortStateApi, column) {
-        return /*#__PURE__*/React.createElement(StringRenderer, {
-          sortStateApi: sortStateApi,
-          column: column,
-          onSort: onSort
-        });
-      };
-    case 'default':
+    case "string":
+      return (sortStateApi, column) => /* @__PURE__ */ jsx(StringRenderer, { sortStateApi, column, onSort });
+    case "default":
     default:
-      return function (sortStateApi, column) {
-        return /*#__PURE__*/React.createElement(CommonRenderer, {
-          sortStateApi: sortStateApi,
-          column: column,
-          onSort: onSort
-        });
-      };
+      return (sortStateApi, column) => /* @__PURE__ */ jsx(CommonRenderer, { sortStateApi, column, onSort });
   }
 };
-export var columnWithSortButtons = function columnWithSortButtons(sortStateApi, onSort) {
-  return function (column) {
-    var sortRenderer = getSortRenderer(column.sortRender, onSort);
-    return column.sorter ? _extends({}, column, {
-      sortOrder: column.key ? sortStateApi.getColumnSortOrder(String(column.key)) : null,
-      title: function title(titleProps) {
-        return /*#__PURE__*/React.createElement(TitleWithSort, {
-          column: column,
-          sortRender: sortRenderer(sortStateApi, column),
-          titleProps: titleProps
-        });
-      }
-    }) : column;
-  };
+const columnWithSortButtons = (sortStateApi, onSort) => (column) => {
+  const sortRenderer = getSortRenderer(column.sortRender, onSort);
+  return column.sorter ? {
+    ...column,
+    sortOrder: column.key ? sortStateApi.getColumnSortOrder(String(column.key)) : null,
+    title: (titleProps) => /* @__PURE__ */ jsx(TitleWithSort, { column, sortRender: sortRenderer(sortStateApi, column), titleProps })
+  } : column;
+};
+const columnWithSortButtons_default = {
+  columnWithSortButtons
+};
+export {
+  columnWithSortButtons,
+  columnWithSortButtons_default as default
 };
-export default {
-  columnWithSortButtons: columnWithSortButtons
-};

package/dist/ColumnSortMenu/groupedColumnsSort.d.ts

@@ -1,6 +1,6 @@
-import { type CompareFn } from 'antd/lib/table/interface';
-import { type GroupType } from '../GroupTable/GroupTable.types';
-import { type ColumnSortOrder, type DSColumnType, type SortStateAPI } from '../Table.types';
+import { CompareFn } from 'antd/lib/table/interface';
+import { GroupType } from '../GroupTable/GroupTable.types';
+import { ColumnSortOrder, DSColumnType, SortStateAPI } from '../Table.types';
 export declare const getColumnsWithActiveSorting: <T extends GroupType<T>>(sortStateApi: SortStateAPI, columns?: DSColumnType<T>[]) => DSColumnType<T>[];
 export declare const sortRows: <T>(sortOrder: ColumnSortOrder, compareFn: CompareFn<T>, rows: T[]) => T[];
 export declare const sortDataSourceRows: <T extends GroupType<T>>(sortStateApi: SortStateAPI, sortingColumns?: DSColumnType<T>[], dataSource?: readonly T[]) => readonly T[];