@synerise/ds-table 1.9.10 → 1.9.12

package/dist/FilterTrigger/FilterTrigger.styles.js

@@ -1,44 +1,31 @@
-import styled, { css } from 'styled-components';
-import Button from '@synerise/ds-button';
-import ButtonGroup from '@synerise/ds-button-group';
-import { IconContainer } from '@synerise/ds-icon';
-export var FilterButtonGroup = styled(ButtonGroup).withConfig({
+import styled, { css } from "styled-components";
+import Button from "@synerise/ds-button";
+import ButtonGroup from "@synerise/ds-button-group";
+import { IconContainer } from "@synerise/ds-icon";
+const FilterButtonGroup = /* @__PURE__ */ styled(ButtonGroup).withConfig({
   displayName: "FilterTriggerstyles__FilterButtonGroup",
   componentId: "sc-1h4wcrp-0"
 })([".ant-btn-group{width:auto;}"]);
-export var FilterButtonLabel = styled.span.withConfig({
+const FilterButtonLabel = /* @__PURE__ */ styled.span.withConfig({
   displayName: "FilterTriggerstyles__FilterButtonLabel",
   componentId: "sc-1h4wcrp-1"
 })(["width:100%;max-width:0;overflow:hidden;margin-right:0;"]);
-export var FilterButton = styled(Button).withConfig({
+const FilterButton = /* @__PURE__ */ styled(Button).withConfig({
   displayName: "FilterTriggerstyles__FilterButton",
   componentId: "sc-1h4wcrp-2"
-})(["&&&{&:focus{.btn-focus{box-shadow:none;}}&:hover{color:", ";span{color:", ";}", "{svg{fill:", " !important;}}}}", " ", ""], function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-}, IconContainer, function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return props.opened && css(["", "{transition:all 0.3s ease;transition-property:width,max-width,margin-right;max-width:100%;}"], FilterButtonLabel);
-}, function (props) {
-  return Boolean(props.selected) && css(["", "{margin-right:20px;}"], FilterButtonLabel);
-});
-export var ClearButton = styled(Button).withConfig({
+})(["&&&{&:focus{.btn-focus{box-shadow:none;}}&:hover{color:", ";span{color:", ";}", "{svg{fill:", " !important;}}}}", " ", ""], (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["blue-600"], IconContainer, (props) => props.theme.palette["blue-600"], (props) => props.opened && css(["", "{transition:all 0.3s ease;transition-property:width,max-width,margin-right;max-width:100%;}"], FilterButtonLabel), (props) => Boolean(props.selected) && css(["", "{margin-right:20px;}"], FilterButtonLabel));
+const ClearButton = /* @__PURE__ */ styled(Button).withConfig({
   displayName: "FilterTriggerstyles__ClearButton",
   componentId: "sc-1h4wcrp-3"
-})(["&&&{border-left:0 !important;position:absolute;right:32px;background:none;z-index:2;", "{svg{fill:", " !important;color:", ";}}&:hover{background:none;", "{svg{fill:", ";color:", ";}}}&:focus{.btn-focus{box-shadow:none;}}}"], IconContainer, function (props) {
-  return props.theme.palette['red-600'];
-}, function (props) {
-  return props.theme.palette['red-600'];
-}, IconContainer, function (props) {
-  return props.theme.palette['red-600'];
-}, function (props) {
-  return props.theme.palette['red-600'];
-});
-export var ListButton = styled(Button).withConfig({
+})(["&&&{border-left:0 !important;position:absolute;right:32px;background:none;z-index:2;", "{svg{fill:", " !important;color:", ";}}&:hover{background:none;", "{svg{fill:", ";color:", ";}}}&:focus{.btn-focus{box-shadow:none;}}}"], IconContainer, (props) => props.theme.palette["red-600"], (props) => props.theme.palette["red-600"], IconContainer, (props) => props.theme.palette["red-600"], (props) => props.theme.palette["red-600"]);
+const ListButton = /* @__PURE__ */ styled(Button).withConfig({
   displayName: "FilterTriggerstyles__ListButton",
   componentId: "sc-1h4wcrp-4"
-})(["&&&{&:hover{", "{svg{fill:", " !important;}}}}"], IconContainer, function (props) {
-  return props.theme.palette['blue-600'];
-});
+})(["&&&{&:hover{", "{svg{fill:", " !important;}}}}"], IconContainer, (props) => props.theme.palette["blue-600"]);
+export {
+  ClearButton,
+  FilterButton,
+  FilterButtonGroup,
+  FilterButtonLabel,
+  ListButton
+};

package/dist/FilterTrigger/FilterTrigger.types.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import { default as React } from 'react';
 export interface Props {
     name: string;
     selected?: {

package/dist/FilterTrigger/FilterTrigger.types.js

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

package/dist/GroupTable/GroupTable.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import { type DSTableProps } from '../Table.types';
-import '../style/index.less';
-import { type GroupType } from './GroupTable.types';
+import { default as React } from 'react';
+import { DSTableProps } from '../Table.types';
+import { GroupType } from './GroupTable.types';
 declare function GroupTable<T extends GroupType<T>>(props: DSTableProps<T> & {
     addItem?: (column: string, value: React.ReactText | boolean | object) => void;
     hideGroupExpander?: boolean;

package/dist/GroupTable/GroupTable.js

@@ -1,136 +1,115 @@
-var _excluded = ["rows"];
-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; }
-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 Table from 'antd/lib/table';
-import flow from 'lodash.flow';
-import React from 'react';
-import { columnWithSortButtons } from '../ColumnSortMenu/columnWithSortButtons';
-import { getColumnsWithActiveSorting, sortDataSourceRows } from '../ColumnSortMenu/groupedColumnsSort';
-import { columnsToSortState, useSortState } from '../ColumnSortMenu/useSortState';
-import "../style/index.css";
-import GroupTableBody from './GroupTableBody/GroupTableBody';
-var addActiveColumnClass = function addActiveColumnClass(activeColumn) {
-  return function (column) {
-    return column.key === activeColumn ? _extends({}, column, {
-      onHeaderCell: function onHeaderCell() {
-        return {
-          className: 'ds-table-active-column'
-        };
-      }
-    }) : column;
-  };
-};
-var clearDefaultColumnSortOrder = function clearDefaultColumnSortOrder(column) {
-  return _extends({}, column, {
-    sortOrder: null
-  });
-};
-var addSortClassByState = function addSortClassByState(sortStateApi) {
-  return function (column) {
-    return sortStateApi.getColumnSortOrder(String(column.key)) ? _extends({}, column, {
-      onHeaderCell: function onHeaderCell() {
-        return {
-          className: 'ant-table-column-sort'
-        };
-      }
-    }) : column;
-  };
-};
+import { jsx } from "react/jsx-runtime";
+import Table from "antd/lib/table";
+import flow from "lodash.flow";
+import React from "react";
+import { columnWithSortButtons } from "../ColumnSortMenu/columnWithSortButtons.js";
+import { getColumnsWithActiveSorting, sortDataSourceRows } from "../ColumnSortMenu/groupedColumnsSort.js";
+import useSortState, { columnsToSortState } from "../ColumnSortMenu/useSortState.js";
+import GroupTableBody from "./GroupTableBody/GroupTableBody.js";
+import "./../style/index.css";
+const addActiveColumnClass = (activeColumn) => (column) => column.key === activeColumn ? {
+  ...column,
+  onHeaderCell: () => ({
+    className: "ds-table-active-column"
+  })
+} : column;
+const clearDefaultColumnSortOrder = (column) => ({
+  ...column,
+  sortOrder: null
+});
+const addSortClassByState = (sortStateApi) => (column) => sortStateApi.getColumnSortOrder(String(column.key)) ? {
+  ...column,
+  onHeaderCell: () => ({
+    className: "ant-table-column-sort"
+  })
+} : column;
 function GroupTable(props) {
-  var selection = props.selection,
-    rowKey = props.rowKey,
-    dataSource = props.dataSource,
-    columns = props.columns,
-    cellSize = props.cellSize,
-    roundedHeader = props.roundedHeader,
-    addItem = props.addItem,
-    hideGroupExpander = props.hideGroupExpander,
-    initialGroupsCollapsed = props.initialGroupsCollapsed,
-    onSort = props.onSort;
-  var _React$useState = React.useState(initialGroupsCollapsed || !dataSource ? [] : dataSource.map(function (group) {
-      return group.key;
-    })),
-    expandedGroups = _React$useState[0],
-    setExpandedGroups = _React$useState[1];
-  var sortStateApi = useSortState(columnsToSortState(columns), onSort);
-  var _React$useState2 = React.useState(dataSource || []),
-    data = _React$useState2[0],
-    setData = _React$useState2[1];
-  React.useEffect(function () {
+  const {
+    selection,
+    rowKey,
+    dataSource,
+    columns,
+    cellSize,
+    roundedHeader,
+    addItem,
+    hideGroupExpander,
+    initialGroupsCollapsed,
+    onSort
+  } = props;
+  const [expandedGroups, setExpandedGroups] = React.useState(initialGroupsCollapsed || !dataSource ? [] : dataSource.map((group) => group.key));
+  const sortStateApi = useSortState(columnsToSortState(columns), onSort);
+  const [data, setData] = React.useState(dataSource || []);
+  React.useEffect(() => {
     setData(dataSource || []);
-    setExpandedGroups(initialGroupsCollapsed || !dataSource ? [] : dataSource.map(function (group) {
-      return group.key;
-    }));
+    setExpandedGroups(initialGroupsCollapsed || !dataSource ? [] : dataSource.map((group) => group.key));
   }, [dataSource, initialGroupsCollapsed]);
-  var toggleExpand = React.useCallback(function (groupKey) {
+  const toggleExpand = React.useCallback((groupKey) => {
     if (expandedGroups.indexOf(groupKey) >= 0) {
-      setExpandedGroups(expandedGroups.filter(function (key) {
-        return key !== groupKey;
-      }));
+      setExpandedGroups(expandedGroups.filter((key) => key !== groupKey));
     } else {
-      setExpandedGroups([].concat(expandedGroups, [groupKey]));
+      setExpandedGroups([...expandedGroups, groupKey]);
     }
   }, [expandedGroups, setExpandedGroups]);
-  var activeColumn = React.useMemo(function () {
-    return data != null && data.length ? data[0].column : undefined;
+  const activeColumn = React.useMemo(() => {
+    return data?.length ? data[0].column : void 0;
   }, [data]);
-  var allItems = React.useMemo(function () {
-    var result = [];
-    dataSource && dataSource.forEach(function (group) {
-      return group.rows.forEach(function (row) {
-        return result.push(row);
-      });
-    });
+  const allItems = React.useMemo(() => {
+    const result = [];
+    dataSource && dataSource.forEach((group) => group.rows.forEach((row) => result.push(row)));
     return result;
   }, [dataSource]);
-  var getActiveGroup = React.useCallback(function (key) {
-    var active = data.find(function (row) {
-      return row.key === key;
-    });
+  const getActiveGroup = React.useCallback((key) => {
+    const active = data.find((row) => row.key === key);
     if (active) {
-      var rows = active.rows,
-        activeGroup = _objectWithoutPropertiesLoose(active, _excluded);
+      const {
+        rows,
+        ...activeGroup
+      } = active;
       return activeGroup;
     }
-    return undefined;
+    return void 0;
   }, [data]);
-  var groupTableColumnDecorator = flow(addActiveColumnClass(activeColumn), addSortClassByState(sortStateApi), clearDefaultColumnSortOrder);
-  var columnsWithCustomSorting = columns == null ? void 0 : columns.map(columnWithSortButtons(sortStateApi));
-  var decoratedColumns = columnsWithCustomSorting == null ? void 0 : columnsWithCustomSorting.map(groupTableColumnDecorator);
-  var columnsWithActiveSorting = getColumnsWithActiveSorting(sortStateApi, columns);
-  var sortedRowsData = activeColumn ? sortDataSourceRows(sortStateApi, columnsWithActiveSorting, dataSource) : dataSource;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "ds-table ds-table-cell-size-" + cellSize + " " + (roundedHeader ? 'ds-table-rounded' : '')
-  }, /*#__PURE__*/React.createElement(Table, _extends({}, props, {
-    dataSource: sortedRowsData,
-    columns: decoratedColumns,
-    components: {
-      body: {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        row: function row(record) {
-          var activeGroup = getActiveGroup(record['data-row-key']);
-          return /*#__PURE__*/React.createElement(GroupTableBody, {
-            group: record,
-            selection: selection,
-            rowKey: rowKey,
-            allItems: allItems,
-            expanded: expandedGroups.indexOf(record['data-row-key']) >= 0,
-            expandGroup: toggleExpand
-            // @ts-expect-error: FIXME: Type 'DSColumnType<T>[]' is not assignable to type 'GroupColumnsType<T>[]'.
-            ,
-            columns: columnsWithCustomSorting,
-            addItem: addItem,
-            activeGroup: activeGroup,
-            hideGroupExpander: hideGroupExpander
-          });
+  const groupTableColumnDecorator = flow(addActiveColumnClass(activeColumn), addSortClassByState(sortStateApi), clearDefaultColumnSortOrder);
+  const columnsWithCustomSorting = columns?.map(columnWithSortButtons(sortStateApi));
+  const decoratedColumns = columnsWithCustomSorting?.map(groupTableColumnDecorator);
+  const columnsWithActiveSorting = getColumnsWithActiveSorting(sortStateApi, columns);
+  const sortedRowsData = activeColumn ? sortDataSourceRows(sortStateApi, columnsWithActiveSorting, dataSource) : dataSource;
+  return /* @__PURE__ */ jsx("div", { className: `ds-table ds-table-cell-size-${cellSize} ${roundedHeader ? "ds-table-rounded" : ""}`, children: /* @__PURE__ */ jsx(
+    Table,
+    {
+      ...props,
+      dataSource: sortedRowsData,
+      columns: decoratedColumns,
+      components: {
+        body: {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          row: (record) => {
+            const activeGroup = getActiveGroup(record["data-row-key"]);
+            return /* @__PURE__ */ jsx(
+              GroupTableBody,
+              {
+                group: record,
+                selection,
+                rowKey,
+                allItems,
+                expanded: expandedGroups.indexOf(record["data-row-key"]) >= 0,
+                expandGroup: toggleExpand,
+                columns: columnsWithCustomSorting,
+                addItem,
+                activeGroup,
+                hideGroupExpander
+              }
+            );
+          }
         }
+      },
+      rowSelection: selection && {
+        ...selection,
+        columnWidth: 64
       }
     }
-    // @ts-expect-error  Type 'undefined' is not assignable to type 'INTERNAL_SELECTION_ITEM'.
-    ,
-    rowSelection: selection && _extends({}, selection, {
-      columnWidth: 64
-    })
-  })));
+  ) });
 }
-export default GroupTable;
+export {
+  GroupTable as default
+};

package/dist/GroupTable/GroupTable.styles.d.ts

@@ -1,41 +1,41 @@
-export declare const GroupAddItemButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Partial<{
+export declare const GroupAddItemButton: 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, {}, never>;
-export declare const GroupTableRow: import("styled-components").StyledComponent<"tr", any, {}, never>;
-export declare const GroupRow: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const GroupRowLeft: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const GroupRowRight: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const GroupSelection: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const GroupValue: import("styled-components").StyledComponent<"div", any, {
+export declare const GroupTableRow: import('styled-components').StyledComponent<"tr", any, {}, never>;
+export declare const GroupRow: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const GroupRowLeft: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const GroupRowRight: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const GroupSelection: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const GroupValue: import('styled-components').StyledComponent<"div", any, {
     withSelection: boolean;
 }, never>;
-export declare const GroupValueLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const SubRow: import("styled-components").StyledComponent<"td", any, {
+export declare const GroupValueLabel: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const SubRow: import('styled-components').StyledComponent<"td", any, {
     selected?: boolean;
     withBorderLeft?: boolean;
     sorted?: boolean;

package/dist/GroupTable/GroupTable.styles.js

@@ -1,67 +1,70 @@
-import styled from 'styled-components';
-import Button from '@synerise/ds-button';
-import { CheckboxWrapper } from '@synerise/ds-checkbox/dist/Checkbox.styles';
-import { StatusTag } from '@synerise/ds-status/dist/Status.styles';
-export var GroupAddItemButton = styled(Button).withConfig({
+import styled from "styled-components";
+import Button from "@synerise/ds-button";
+import { CheckboxWrapper } from "@synerise/ds-checkbox/dist/Checkbox.styles";
+import { StatusTag } from "@synerise/ds-status/dist/Status.styles";
+const GroupAddItemButton = /* @__PURE__ */ styled(Button).withConfig({
   displayName: "GroupTablestyles__GroupAddItemButton",
   componentId: "sc-1whlllx-0"
 })(["opacity:0;"]);
-export var GroupTableRow = styled.tr.withConfig({
+const GroupTableRow = /* @__PURE__ */ styled.tr.withConfig({
   displayName: "GroupTablestyles__GroupTableRow",
   componentId: "sc-1whlllx-1"
 })([":hover{", "{opacity:1;}}"], GroupAddItemButton);
-export var GroupRow = styled.div.withConfig({
+const GroupRow = /* @__PURE__ */ styled.div.withConfig({
   displayName: "GroupTablestyles__GroupRow",
   componentId: "sc-1whlllx-2"
 })(["display:flex;flex-direction:row;align-items:center;justify-content:space-between;"]);
-export var GroupRowLeft = styled.div.withConfig({
+const GroupRowLeft = /* @__PURE__ */ styled.div.withConfig({
   displayName: "GroupTablestyles__GroupRowLeft",
   componentId: "sc-1whlllx-3"
 })(["display:flex;align-items:center;justify-content:flex-start;", "{margin-left:12px;padding:0 5px;}"], StatusTag);
-export var GroupRowRight = styled.div.withConfig({
+const GroupRowRight = /* @__PURE__ */ styled.div.withConfig({
   displayName: "GroupTablestyles__GroupRowRight",
   componentId: "sc-1whlllx-4"
 })(["display:flex;align-items:center;justify-content:flex-end;.ds-expander{margin-left:24px;}"]);
-export var GroupSelection = styled.div.withConfig({
+const GroupSelection = /* @__PURE__ */ styled.div.withConfig({
   displayName: "GroupTablestyles__GroupSelection",
   componentId: "sc-1whlllx-5"
 })(["display:flex;padding:0 24px 0 0;", "{padding:0;}"], CheckboxWrapper);
-export var GroupValue = styled.div.withConfig({
+const GroupValue = /* @__PURE__ */ styled.div.withConfig({
   displayName: "GroupTablestyles__GroupValue",
   componentId: "sc-1whlllx-6"
-})(["display:flex;padding:", ";flex-direction:row;align-items:center;justify-content:flex-start;"], function (props) {
-  return props.withSelection ? '0 24px' : '0';
-});
-export var GroupValueLabel = styled.span.withConfig({
+})(["display:flex;padding:", ";flex-direction:row;align-items:center;justify-content:flex-start;"], (props) => props.withSelection ? "0 24px" : "0");
+const GroupValueLabel = /* @__PURE__ */ styled.span.withConfig({
   displayName: "GroupTablestyles__GroupValueLabel",
   componentId: "sc-1whlllx-7"
-})(["font-weight:500;color:", ";"], function (props) {
-  return props.theme.palette['grey-700'];
-});
-export var SubRow = styled.td.withConfig({
+})(["font-weight:500;color:", ";"], (props) => props.theme.palette["grey-700"]);
+const SubRow = /* @__PURE__ */ styled.td.withConfig({
   displayName: "GroupTablestyles__SubRow",
   componentId: "sc-1whlllx-8"
-})(["background-color:", ";&&&&&{background-color:", ";}&&&{font-weight:", ";}position:relative;&:before{content:'';width:2px;height:100%;position:absolute;left:0;top:0;background-color:", ";display:", ";}", "{padding:0;}"], function (_ref) {
-  var theme = _ref.theme;
-  return theme.palette['grey-050'];
-}, function (_ref2) {
-  var theme = _ref2.theme,
-    selected = _ref2.selected,
-    sorted = _ref2.sorted;
+})(["background-color:", ";&&&&&{background-color:", ";}&&&{font-weight:", ";}position:relative;&:before{content:'';width:2px;height:100%;position:absolute;left:0;top:0;background-color:", ";display:", ";}", "{padding:0;}"], ({
+  theme
+}) => theme.palette["grey-050"], ({
+  theme,
+  selected,
+  sorted
+}) => {
   if (selected) {
-    return theme.palette['yellow-050'] + ";";
+    return `${theme.palette["yellow-050"]};`;
   }
   if (sorted) {
-    return theme.palette['blue-050'] + ";";
+    return `${theme.palette["blue-050"]};`;
   }
-  return "";
-}, function (props) {
+  return ``;
+}, (props) => {
   if (props.selected || props.sorted) {
-    return '500';
+    return "500";
   }
-  return 'initial';
-}, function (props) {
-  return props.theme.palette['grey-600'];
-}, function (props) {
-  return props.withBorderLeft ? 'flex' : 'none';
-}, CheckboxWrapper);
+  return "initial";
+}, (props) => props.theme.palette["grey-600"], (props) => props.withBorderLeft ? "flex" : "none", CheckboxWrapper);
+export {
+  GroupAddItemButton,
+  GroupRow,
+  GroupRowLeft,
+  GroupRowRight,
+  GroupSelection,
+  GroupTableRow,
+  GroupValue,
+  GroupValueLabel,
+  SubRow
+};

package/dist/GroupTable/GroupTable.types.d.ts

@@ -1,4 +1,4 @@
-import type { ColumnsType } from 'antd/lib/table';
+import { ColumnsType } from 'antd/lib/table';
 export type GroupByType = 'value' | 'ranges' | 'interval' | string | undefined;
 export type SortOrderType = 'ascend' | 'descend' | boolean;
 export type GroupColumnsType<T> = ColumnsType<T> & {

package/dist/GroupTable/GroupTable.types.js

@@ -1,6 +1,9 @@
-export var GROUP_BY = {
-  value: 'value',
-  ranges: 'ranges',
-  interval: 'interval',
-  disabled: 'disabled'
-};
+const GROUP_BY = {
+  value: "value",
+  ranges: "ranges",
+  interval: "interval",
+  disabled: "disabled"
+};
+export {
+  GROUP_BY
+};

package/dist/GroupTable/GroupTableBody/GroupTableBody.d.ts

@@ -1,3 +1,3 @@
-import { type Props } from './GroupTableBody.types';
+import { Props } from './GroupTableBody.types';
 declare function GroupTableBody<T>({ group, columns, rowKey, selection, allItems, expanded, expandGroup, addItem, activeGroup, hideGroupExpander, }: Props<T>): JSX.Element;
 export default GroupTableBody;