@synerise/ds-table 1.9.10 → 1.9.12

package/dist/GroupTable/GroupTableBody/GroupTableBody.js

@@ -1,113 +1,89 @@
-import React from 'react';
-import Button from '@synerise/ds-button';
-import Checkbox from '@synerise/ds-checkbox';
-import Icon, { AddS } from '@synerise/ds-icon';
-import Status from '@synerise/ds-status';
-import { useRowKey } from '../../hooks/useRowKey';
-import * as S from '../GroupTable.styles';
-import { GROUP_BY } from '../GroupTable.types';
-function GroupTableBody(_ref) {
-  var group = _ref.group,
-    columns = _ref.columns,
-    rowKey = _ref.rowKey,
-    selection = _ref.selection,
-    allItems = _ref.allItems,
-    expanded = _ref.expanded,
-    expandGroup = _ref.expandGroup,
-    addItem = _ref.addItem,
-    activeGroup = _ref.activeGroup,
-    hideGroupExpander = _ref.hideGroupExpander;
-  var _useRowKey = useRowKey(rowKey),
-    getRowKey = _useRowKey.getRowKey;
-  var allRowKeys = React.useMemo(function () {
-    return group.children.length ? group.children[0].props.record.rows.map(function (row) {
-      return getRowKey(row);
-    }) : [];
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React from "react";
+import Button from "@synerise/ds-button";
+import Checkbox from "@synerise/ds-checkbox";
+import Icon, { AddS } from "@synerise/ds-icon";
+import Status from "@synerise/ds-status";
+import { useRowKey } from "../../hooks/useRowKey/useRowKey.js";
+import { GroupTableRow, GroupRow, GroupRowLeft, GroupSelection, GroupValue, GroupValueLabel, GroupRowRight, GroupAddItemButton, SubRow } from "../GroupTable.styles.js";
+import { GROUP_BY } from "../GroupTable.types.js";
+function GroupTableBody({
+  group,
+  columns,
+  rowKey,
+  selection,
+  allItems,
+  expanded,
+  expandGroup,
+  addItem,
+  activeGroup,
+  hideGroupExpander
+}) {
+  const {
+    getRowKey
+  } = useRowKey(rowKey);
+  const allRowKeys = React.useMemo(() => {
+    return group.children.length ? group.children[0].props.record.rows.map((row) => getRowKey(row)) : [];
   }, [group, getRowKey]);
-  var selectedRowsNumber = React.useMemo(function () {
-    var _selection$selectedRo;
-    return (selection == null || (_selection$selectedRo = selection.selectedRowKeys) == null ? void 0 : _selection$selectedRo.filter(function (key) {
-      return allRowKeys.includes(key);
-    }).length) || 0;
+  const selectedRowsNumber = React.useMemo(() => {
+    return selection?.selectedRowKeys?.filter((key) => allRowKeys.includes(key)).length || 0;
   }, [allRowKeys, selection]);
-  var activeColumn = React.useMemo(function () {
-    return group.children.length ? columns == null ? void 0 : columns.find(function (column) {
-      return column.dataIndex === group.children[0].props.record.column;
-    }) : undefined;
+  const activeColumn = React.useMemo(() => {
+    return group.children.length ? columns?.find((column) => column.dataIndex === group.children[0].props.record.column) : void 0;
   }, [columns, group]);
-  var groupExpander = React.useMemo(function () {
-    return !hideGroupExpander && /*#__PURE__*/React.createElement(Button.Expander, {
-      onClick: function onClick() {
-        return expandGroup(group['data-row-key']);
-      },
-      expanded: expanded
-    });
+  const groupExpander = React.useMemo(() => {
+    return !hideGroupExpander && /* @__PURE__ */ jsx(Button.Expander, { onClick: () => expandGroup(group["data-row-key"]), expanded });
   }, [expanded, expandGroup, hideGroupExpander, group]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.GroupTableRow, {
-    className: group.className + " ds-group-row"
-  }, /*#__PURE__*/React.createElement("td", {
-    colSpan: group.children.length + 1
-  }, /*#__PURE__*/React.createElement(S.GroupRow, null, /*#__PURE__*/React.createElement(S.GroupRowLeft, null, selection && /*#__PURE__*/React.createElement(S.GroupSelection, null, /*#__PURE__*/React.createElement(Checkbox, {
-    checked: selectedRowsNumber === allRowKeys.length && allRowKeys.length > 0,
-    disabled: allRowKeys.length === 0,
-    indeterminate: selectedRowsNumber > 0 && selectedRowsNumber < allRowKeys.length,
-    onChange: function onChange(event) {
-      if (event.target.checked) {
-        var selectedKeys = Array.from(new Set([].concat((selection == null ? void 0 : selection.selectedRowKeys) || [], allRowKeys)));
-        selection.onChange(selectedKeys, allItems.filter(function (item) {
-          return selectedKeys.indexOf(getRowKey(item)) >= 0;
-        }));
-      } else {
-        var _selectedKeys = selection == null ? void 0 : selection.selectedRowKeys.filter(function (selected) {
-          return allRowKeys.indexOf(selected) < 0;
-        });
-        selection.onChange(_selectedKeys, allItems.filter(function (item) {
-          var key = getRowKey(item);
-          return key && (_selectedKeys == null ? void 0 : _selectedKeys.indexOf(key)) < 0;
-        }));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(GroupTableRow, { className: `${group.className} ds-group-row`, children: /* @__PURE__ */ jsx("td", { colSpan: group.children.length + 1, children: /* @__PURE__ */ jsxs(GroupRow, { children: [
+      /* @__PURE__ */ jsxs(GroupRowLeft, { children: [
+        selection && /* @__PURE__ */ jsx(GroupSelection, { children: /* @__PURE__ */ jsx(Checkbox, { checked: selectedRowsNumber === allRowKeys.length && allRowKeys.length > 0, disabled: allRowKeys.length === 0, indeterminate: selectedRowsNumber > 0 && selectedRowsNumber < allRowKeys.length, onChange: (event) => {
+          if (event.target.checked) {
+            const selectedKeys = Array.from(/* @__PURE__ */ new Set([...selection?.selectedRowKeys || [], ...allRowKeys]));
+            selection.onChange(selectedKeys, allItems.filter((item) => selectedKeys.indexOf(getRowKey(item)) >= 0));
+          } else {
+            const selectedKeys = selection?.selectedRowKeys.filter((selected) => allRowKeys.indexOf(selected) < 0);
+            selection.onChange(selectedKeys, allItems.filter((item) => {
+              const key = getRowKey(item);
+              return key && selectedKeys?.indexOf(key) < 0;
+            }));
+          }
+        } }) }),
+        /* @__PURE__ */ jsxs(GroupValue, { withSelection: Boolean(selection), children: [
+          activeColumn?.render && activeGroup?.groupType === GROUP_BY.value ? activeColumn.render(group.children[0].props.record.value, {}, -1) : /* @__PURE__ */ jsx(GroupValueLabel, { children: group.children[0].props.record.value }),
+          /* @__PURE__ */ jsx(Status, { type: "disabled", label: group.children[0].props.record.rows.length })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(GroupRowRight, { children: [
+        addItem && activeGroup && /* @__PURE__ */ jsxs(GroupAddItemButton, { type: "ghost", mode: "icon-label", onClick: () => {
+          addItem(activeGroup.column, activeGroup.value);
+        }, children: [
+          /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(AddS, {}) }),
+          "Add item"
+        ] }),
+        groupExpander
+      ] })
+    ] }) }) }),
+    expanded && group.children[0].props.record.rows.map(
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      (rowRecord) => {
+        const key = getRowKey(rowRecord);
+        return /* @__PURE__ */ jsxs("tr", { children: [
+          selection && /* @__PURE__ */ jsx(SubRow, { withBorderLeft: true, children: /* @__PURE__ */ jsx(Checkbox, { checked: key !== void 0 && selection.selectedRowKeys.indexOf(key) >= 0, onChange: (event) => {
+            if (event.target.checked && key !== void 0) {
+              selection.onChange([...selection.selectedRowKeys, key], [...allItems, rowRecord]);
+            } else {
+              selection.onChange(selection?.selectedRowKeys.filter((item) => item !== key), allItems.filter((item) => getRowKey(item) !== key));
+            }
+          } }) }),
+          columns?.map((column, index) => {
+            return column.dataIndex && /* @__PURE__ */ jsx(SubRow, { selected: column.dataIndex === group.children[0].props.record.column, sorted: Boolean(column.sortOrder), children: column.render && column.render(rowRecord[column.dataIndex], rowRecord, index) || rowRecord[column.dataIndex] }, column.dataIndex);
+          })
+        ] }, rowRecord.column);
       }
-    }
-  })), /*#__PURE__*/React.createElement(S.GroupValue, {
-    withSelection: Boolean(selection)
-  }, activeColumn != null && activeColumn.render && (activeGroup == null ? void 0 : activeGroup.groupType) === GROUP_BY.value ? activeColumn.render(group.children[0].props.record.value, {}, -1) : /*#__PURE__*/React.createElement(S.GroupValueLabel, null, group.children[0].props.record.value), /*#__PURE__*/React.createElement(Status, {
-    type: "disabled",
-    label: group.children[0].props.record.rows.length
-  }))), /*#__PURE__*/React.createElement(S.GroupRowRight, null, addItem && activeGroup && /*#__PURE__*/React.createElement(S.GroupAddItemButton, {
-    type: "ghost",
-    mode: "icon-label",
-    onClick: function onClick() {
-      addItem(activeGroup.column, activeGroup.value);
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(AddS, null)
-  }), "Add item"), groupExpander)))), expanded && group.children[0].props.record.rows.map(
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  function (rowRecord) {
-    var key = getRowKey(rowRecord);
-    return /*#__PURE__*/React.createElement("tr", {
-      key: rowRecord.column
-    }, selection && /*#__PURE__*/React.createElement(S.SubRow, {
-      withBorderLeft: true
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      checked: key !== undefined && selection.selectedRowKeys.indexOf(key) >= 0,
-      onChange: function onChange(event) {
-        if (event.target.checked && key !== undefined) {
-          selection.onChange([].concat(selection.selectedRowKeys, [key]), [].concat(allItems, [rowRecord]));
-        } else {
-          selection.onChange(selection == null ? void 0 : selection.selectedRowKeys.filter(function (item) {
-            return item !== key;
-          }), allItems.filter(function (item) {
-            return getRowKey(item) !== key;
-          }));
-        }
-      }
-    })), columns == null ? void 0 : columns.map(function (column, index) {
-      return column.dataIndex && /*#__PURE__*/React.createElement(S.SubRow, {
-        key: column.dataIndex,
-        selected: column.dataIndex === group.children[0].props.record.column,
-        sorted: Boolean(column.sortOrder)
-      }, column.render && column.render(rowRecord[column.dataIndex], rowRecord, index) || rowRecord[column.dataIndex]);
-    }));
-  }));
+    )
+  ] });
 }
-export default GroupTableBody;
+export {
+  GroupTableBody as default
+};

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

@@ -1,6 +1,6 @@
-import type React from 'react';
-import { type RowSelection } from '../../Table.types';
-import { type GroupColumnsType, type GroupType } from '../GroupTable.types';
+import { default as React } from 'react';
+import { RowSelection } from '../../Table.types';
+import { GroupColumnsType, GroupType } from '../GroupTable.types';
 export interface Props<T> {
     group: any;
     rowKey: string | Function | undefined;

package/dist/GroupTable/GroupTableBody/GroupTableBody.types.js

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

package/dist/GroupTable/GroupTableHeader/GroupTableHeader.d.ts

@@ -1,3 +1,3 @@
-import { type Props } from './GroupTableHeader.types';
+import { Props } from './GroupTableHeader.types';
 declare function GroupTableHeader<T>({ header, activeColumnKey, sortColumn, }: Props<T>): JSX.Element;
 export default GroupTableHeader;

package/dist/GroupTable/GroupTableHeader/GroupTableHeader.js

@@ -1,30 +1,27 @@
-import React from 'react';
-function GroupTableHeader(_ref) {
-  var header = _ref.header,
-    activeColumnKey = _ref.activeColumnKey,
-    sortColumn = _ref.sortColumn;
-  var clickHandle = React.useCallback(
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  function (child) {
-    if (child.props.column.sorter) {
-      sortColumn(child);
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+function GroupTableHeader({
+  header,
+  activeColumnKey,
+  sortColumn
+}) {
+  const clickHandle = React.useCallback(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (child) => {
+      if (child.props.column.sorter) {
+        sortColumn(child);
+      }
+    },
+    [sortColumn]
+  );
+  return /* @__PURE__ */ jsx("tr", { children: header.children.map(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (child) => {
+      const isColumnActive = activeColumnKey === child.key;
+      return /* @__PURE__ */ jsx("th", { rowSpan: child.props.rowspan, onClick: isColumnActive ? (e) => e.preventDefault() : () => clickHandle(child), className: `${child.props.className} ${child.props.additionalProps?.className || ""} ${isColumnActive ? "ds-table-active-column" : ""}`, children: child.props.children }, child.key);
     }
-  }, [sortColumn]);
-  return /*#__PURE__*/React.createElement("tr", null, header.children.map(
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  function (child) {
-    var _child$props$addition;
-    var isColumnActive = activeColumnKey === child.key;
-    return /*#__PURE__*/React.createElement("th", {
-      key: child.key,
-      rowSpan: child.props.rowspan,
-      onClick: isColumnActive ? function (e) {
-        return e.preventDefault();
-      } : function () {
-        return clickHandle(child);
-      },
-      className: child.props.className + " " + (((_child$props$addition = child.props.additionalProps) == null ? void 0 : _child$props$addition.className) || '') + " " + (isColumnActive ? 'ds-table-active-column' : '')
-    }, child.props.children);
-  }));
+  ) });
 }
-export default GroupTableHeader;
+export {
+  GroupTableHeader as default
+};

package/dist/GroupTable/GroupTableHeader/GroupTableHeader.types.js

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

package/dist/InfiniteScroll/BackToTopButton.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type ButtonProps } from '@synerise/ds-button';
+import { default as React } from 'react';
+import { ButtonProps } from '@synerise/ds-button';
 export declare const BackToTopButton: (props: ButtonProps & {
     isSticky?: boolean;
 }) => React.ReactElement;

package/dist/InfiniteScroll/BackToTopButton.js

@@ -1,16 +1,8 @@
-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 Icon, { ArrowUpCircleM } from '@synerise/ds-icon';
-import * as S from './BackToTopButton.styles';
-export var BackToTopButton = function BackToTopButton(props) {
-  return /*#__PURE__*/React.createElement(S.OffsetButton, _extends({
-    type: "custom-color",
-    mode: "icon-label",
-    color: "grey",
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(ArrowUpCircleM, null)
-    }),
-    className: "virtual-table-back-to-top-button"
-  }, props));
+import { jsx } from "react/jsx-runtime";
+import Icon, { ArrowUpCircleM } from "@synerise/ds-icon";
+import { OffsetButton } from "./BackToTopButton.styles.js";
+const BackToTopButton = (props) => /* @__PURE__ */ jsx(OffsetButton, { type: "custom-color", mode: "icon-label", color: "grey", icon: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(ArrowUpCircleM, {}) }), className: "virtual-table-back-to-top-button", ...props });
+export {
+  BackToTopButton,
+  BackToTopButton as default
 };
-export default BackToTopButton;

package/dist/InfiniteScroll/BackToTopButton.styles.d.ts

@@ -1,61 +1,61 @@
-export declare const OffsetButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Partial<{
+export declare const OffsetButton: 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, {
     isSticky?: boolean;
 }, never>;
 declare const _default: {
-    OffsetButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Partial<{
+    OffsetButton: 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, {
         isSticky?: boolean;
     }, never>;

package/dist/InfiniteScroll/BackToTopButton.styles.js

@@ -1,11 +1,13 @@
-import styled, { css } from 'styled-components';
-import Button from '@synerise/ds-button';
-export var OffsetButton = styled(Button).withConfig({
+import styled, { css } from "styled-components";
+import Button from "@synerise/ds-button";
+const OffsetButton = /* @__PURE__ */ styled(Button).withConfig({
   displayName: "BackToTopButtonstyles__OffsetButton",
   componentId: "sc-8vxnei-0"
-})(["", ""], function (props) {
-  return props.isSticky ? css(["&&&{transform:translate(10px,-100%);}"]) : css(["&&&{position:absolute;right:-16px;bottom:-16px;z-index:2;}"]);
-});
-export default {
-  OffsetButton: OffsetButton
-};
+})(["", ""], (props) => props.isSticky ? css(["&&&{transform:translate(10px,-100%);}"]) : css(["&&&{position:absolute;right:-16px;bottom:-16px;z-index:2;}"]));
+const BackToTopButton_styles = {
+  OffsetButton
+};
+export {
+  OffsetButton,
+  BackToTopButton_styles as default
+};

package/dist/InfiniteScroll/ErrorItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 type ErrorItemProps = {
     onRetryClick?: () => void;
 };

package/dist/InfiniteScroll/ErrorItem.js

@@ -1,24 +1,20 @@
-import React from 'react';
-import Alert from '@synerise/ds-alert';
-import Button from '@synerise/ds-button';
-import Icon, { RefreshM } from '@synerise/ds-icon';
-import { useTableLocaleContext } from '../utils/locale';
-import * as S from './ErrorItem.styles';
-export var ErrorItem = function ErrorItem(_ref) {
-  var onRetryClick = _ref.onRetryClick;
-  var tableLocale = useTableLocaleContext();
-  return /*#__PURE__*/React.createElement(S.ErrorItemWrapper, null, /*#__PURE__*/React.createElement(Alert.InlineAlert, {
-    type: "alert",
-    message: tableLocale.infiniteScrollError
-  }), onRetryClick && /*#__PURE__*/React.createElement(Button, {
-    onClick: onRetryClick,
-    type: "ghost",
-    mode: "icon-label",
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(RefreshM, null)
-    }),
-    style: {
+import { jsxs, jsx } from "react/jsx-runtime";
+import Alert from "@synerise/ds-alert";
+import Button from "@synerise/ds-button";
+import Icon, { RefreshM } from "@synerise/ds-icon";
+import { useTableLocaleContext } from "../utils/locale.js";
+import { ErrorItemWrapper } from "./ErrorItem.styles.js";
+const ErrorItem = ({
+  onRetryClick
+}) => {
+  const tableLocale = useTableLocaleContext();
+  return /* @__PURE__ */ jsxs(ErrorItemWrapper, { children: [
+    /* @__PURE__ */ jsx(Alert.InlineAlert, { type: "alert", message: tableLocale.infiniteScrollError }),
+    onRetryClick && /* @__PURE__ */ jsx(Button, { onClick: onRetryClick, type: "ghost", mode: "icon-label", icon: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(RefreshM, {}) }), style: {
       marginLeft: 8
-    }
-  }, tableLocale.infiniteScrollRetry));
-};
+    }, children: tableLocale.infiniteScrollRetry })
+  ] });
+};
+export {
+  ErrorItem
+};

package/dist/InfiniteScroll/ErrorItem.styles.d.ts

@@ -1 +1 @@
-export declare const ErrorItemWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ErrorItemWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/InfiniteScroll/ErrorItem.styles.js

@@ -1,5 +1,8 @@
-import styled from 'styled-components';
-export var ErrorItemWrapper = styled.div.withConfig({
+import styled from "styled-components";
+const ErrorItemWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ErrorItemstyles__ErrorItemWrapper",
   componentId: "sc-1cy3ay2-0"
-})(["display:flex;gap:8px;"]);
+})(["display:flex;gap:8px;"]);
+export {
+  ErrorItemWrapper
+};

package/dist/InfiniteScroll/InfiniteLoaderItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type LoaderItemProps } from './InfiniteLoaderItem.types';
+import { default as React } from 'react';
+import { LoaderItemProps } from './InfiniteLoaderItem.types';
 declare const InfiniteLoaderItem: ({ infiniteScroll, position }: LoaderItemProps) => React.JSX.Element;
 export default InfiniteLoaderItem;

package/dist/InfiniteScroll/InfiniteLoaderItem.js

@@ -1,38 +1,43 @@
-import React, { useEffect } from 'react';
-import { ErrorItem } from './ErrorItem';
-import { LoadingItem } from './LoadingItem';
-import { NoMoreItem } from './NoMoreItem';
-import { infiniteScrollPropsToState } from './utils';
-var InfiniteLoaderItem = function InfiniteLoaderItem(_ref) {
-  var infiniteScroll = _ref.infiniteScroll,
-    position = _ref.position;
-  var hasMore = infiniteScroll.hasMore,
-    isLoading = infiniteScroll.isLoading,
-    onScrollEndReach = infiniteScroll.onScrollEndReach,
-    hasError = infiniteScroll.hasError,
-    onRetryButtonClick = infiniteScroll.onRetryButtonClick,
-    render = infiniteScroll.render;
-  var handleRetryClick = onRetryButtonClick ? function () {
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { ErrorItem } from "./ErrorItem.js";
+import { LoadingItem } from "./LoadingItem.js";
+import { NoMoreItem } from "./NoMoreItem.js";
+import { infiniteScrollPropsToState } from "./utils.js";
+const InfiniteLoaderItem = ({
+  infiniteScroll,
+  position
+}) => {
+  const {
+    hasMore,
+    isLoading,
+    onScrollEndReach,
+    hasError,
+    onRetryButtonClick,
+    render
+  } = infiniteScroll;
+  const handleRetryClick = onRetryButtonClick ? () => {
     onRetryButtonClick(position);
-  } : undefined;
-
-  // @ts-expect-error TS7030: Not all code paths return a value
-
-  useEffect(function () {
+  } : void 0;
+  useEffect(() => {
     if (!isLoading && hasMore) {
-      if ((!position || position === 'BOTTOM') && typeof onScrollEndReach === 'function') {
-        var timeout = setTimeout(onScrollEndReach, 0);
-        return function () {
+      if ((!position || position === "BOTTOM") && typeof onScrollEndReach === "function") {
+        const timeout = setTimeout(onScrollEndReach, 0);
+        return () => {
           clearTimeout(timeout);
         };
       }
     }
   }, [hasMore, isLoading, onScrollEndReach, position]);
-  if (typeof render === 'function') {
+  if (typeof render === "function") {
     return render(infiniteScrollPropsToState(infiniteScroll));
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isLoading && /*#__PURE__*/React.createElement(LoadingItem, null), !isLoading && !hasMore && /*#__PURE__*/React.createElement(NoMoreItem, null), !isLoading && hasError && /*#__PURE__*/React.createElement(ErrorItem, {
-    onRetryClick: handleRetryClick
-  }));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isLoading && /* @__PURE__ */ jsx(LoadingItem, {}),
+    !isLoading && !hasMore && /* @__PURE__ */ jsx(NoMoreItem, {}),
+    !isLoading && hasError && /* @__PURE__ */ jsx(ErrorItem, { onRetryClick: handleRetryClick })
+  ] });
+};
+export {
+  InfiniteLoaderItem as default
 };
-export default InfiniteLoaderItem;

package/dist/InfiniteScroll/InfiniteLoaderItem.styles.d.ts

@@ -1 +1 @@
-export declare const Loader: import("styled-components").StyledComponent<({ size, label, labelPosition, color, percent, percentFormatter, text, fontSize, mode, className, }: import("@synerise/ds-loader/dist/Loader.types").LoaderProps) => React.JSX.Element, any, {}, never>;
+export declare const Loader: import('styled-components').StyledComponent<({ size, label, labelPosition, color, percent, percentFormatter, text, fontSize, mode, className, }: import('@synerise/ds-loader/dist/Loader.types').LoaderProps) => React.JSX.Element, any, {}, never>;

package/dist/InfiniteScroll/InfiniteLoaderItem.styles.js

@@ -1,6 +1,9 @@
-import styled from 'styled-components';
-import DSLoader from '@synerise/ds-loader';
-export var Loader = styled(DSLoader).withConfig({
+import styled from "styled-components";
+import DSLoader from "@synerise/ds-loader";
+const Loader = /* @__PURE__ */ styled(DSLoader).withConfig({
   displayName: "InfiniteLoaderItemstyles__Loader",
   componentId: "sc-lvwx4m-0"
-})(["justify-content:flex-start;"]);
+})(["justify-content:flex-start;"]);
+export {
+  Loader
+};