@redis-ui/table 2.4.0

package/dist/Table/components/TableExpandedRow/TableAnimatedExpandedRow.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const React = require("react");
+const index = require("../../../node_modules/@radix-ui/react-compose-refs/dist/index.cjs");
+const TableAnimatedExpandedRow_style = require("./TableAnimatedExpandedRow.style.cjs");
+const TableAnimatedExpandedRow = ({
+  expanded,
+  rowRef,
+  ...restProps
+}) => {
+  const innerRowRef = React.useRef(null);
+  const composedRowRef = index.useComposedRefs(rowRef, innerRowRef);
+  React.useEffect(() => {
+    if (expanded) {
+      const timer = setTimeout(() => {
+        var _a;
+        return (_a = innerRowRef.current) == null ? void 0 : _a.scrollIntoView({
+          block: "nearest",
+          behavior: "smooth"
+        });
+      }, 500);
+      return () => clearTimeout(timer);
+    }
+    return void 0;
+  }, [expanded]);
+  return jsxRuntime.jsxRuntimeExports.jsx(TableAnimatedExpandedRow_style.AnimatedExpandedRow, {
+    rowRef: composedRowRef,
+    expanded,
+    ...restProps,
+    keepInDom: true
+  });
+};
+exports.TableAnimatedExpandedRow = TableAnimatedExpandedRow;

package/dist/Table/components/TableExpandedRow/TableAnimatedExpandedRow.d.ts

@@ -0,0 +1,2 @@
+import { TableExpandedRowProps } from './TableExpandedRow.types';
+export declare const TableAnimatedExpandedRow: <T extends object>({ expanded, rowRef, ...restProps }: TableExpandedRowProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/Table/components/TableExpandedRow/TableAnimatedExpandedRow.js

@@ -0,0 +1,34 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { useRef, useEffect } from "react";
+import { useComposedRefs } from "../../../node_modules/@radix-ui/react-compose-refs/dist/index.js";
+import { AnimatedExpandedRow } from "./TableAnimatedExpandedRow.style.js";
+const TableAnimatedExpandedRow = ({
+  expanded,
+  rowRef,
+  ...restProps
+}) => {
+  const innerRowRef = useRef(null);
+  const composedRowRef = useComposedRefs(rowRef, innerRowRef);
+  useEffect(() => {
+    if (expanded) {
+      const timer = setTimeout(() => {
+        var _a;
+        return (_a = innerRowRef.current) == null ? void 0 : _a.scrollIntoView({
+          block: "nearest",
+          behavior: "smooth"
+        });
+      }, 500);
+      return () => clearTimeout(timer);
+    }
+    return void 0;
+  }, [expanded]);
+  return jsxRuntimeExports.jsx(AnimatedExpandedRow, {
+    rowRef: composedRowRef,
+    expanded,
+    ...restProps,
+    keepInDom: true
+  });
+};
+export {
+  TableAnimatedExpandedRow
+};

package/dist/Table/components/TableExpandedRow/TableAnimatedExpandedRow.style.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const TableExpandedRow = require("./TableExpandedRow.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const AnimatedExpandedRow = _styled__default.default(TableExpandedRow.TableExpandedRow).withConfig({
+  displayName: "TableAnimatedExpandedRowstyle__AnimatedExpandedRow",
+  componentId: "sc-l3awb3-0"
+})(["&&{display:grid;}visibility:hidden;grid-template-rows:0fr;transition:all 0.5s;&[data-expanded='true']{visibility:visible;grid-template-rows:1fr;}"]);
+exports.AnimatedExpandedRow = AnimatedExpandedRow;

package/dist/Table/components/TableExpandedRow/TableAnimatedExpandedRow.style.d.ts

@@ -0,0 +1,2 @@
+import { TableExpandedRow } from './TableExpandedRow';
+export declare const AnimatedExpandedRow: typeof TableExpandedRow;

package/dist/Table/components/TableExpandedRow/TableAnimatedExpandedRow.style.js

@@ -0,0 +1,9 @@
+import _styled from "styled-components";
+import { TableExpandedRow } from "./TableExpandedRow.js";
+const AnimatedExpandedRow = _styled(TableExpandedRow).withConfig({
+  displayName: "TableAnimatedExpandedRowstyle__AnimatedExpandedRow",
+  componentId: "sc-l3awb3-0"
+})(["&&{display:grid;}visibility:hidden;grid-template-rows:0fr;transition:all 0.5s;&[data-expanded='true']{visibility:visible;grid-template-rows:1fr;}"]);
+export {
+  AnimatedExpandedRow
+};

package/dist/Table/components/TableExpandedRow/TableExpandedRow.cjs

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const React = require("react");
+const index = require("../../../node_modules/@radix-ui/react-compose-refs/dist/index.cjs");
+const TableExpandedRow_style = require("./TableExpandedRow.style.cjs");
+const TableExpandedRow = ({
+  row,
+  renderExpandedRow,
+  keepInDom,
+  expanded,
+  rowRef,
+  ...restProps
+}) => {
+  const innerRowRef = React.useRef(null);
+  const composedRowRef = index.useComposedRefs(rowRef, innerRowRef);
+  const isExpanded = expanded ?? row.getIsExpanded();
+  React.useEffect(() => {
+    var _a;
+    if (isExpanded) {
+      (_a = innerRowRef.current) == null ? void 0 : _a.scrollIntoView({
+        block: "nearest",
+        behavior: "smooth"
+      });
+    }
+  }, [isExpanded]);
+  return keepInDom || isExpanded ? jsxRuntime.jsxRuntimeExports.jsx(TableExpandedRow_style.ExpandedRow, {
+    ref: composedRowRef,
+    ...restProps,
+    children: jsxRuntime.jsxRuntimeExports.jsx(TableExpandedRow_style.ExpandedCell, {
+      colSpan: row.getVisibleCells().length,
+      children: renderExpandedRow(row)
+    })
+  }) : null;
+};
+exports.TableExpandedRow = TableExpandedRow;

package/dist/Table/components/TableExpandedRow/TableExpandedRow.d.ts

@@ -0,0 +1,2 @@
+import { TableExpandedRowProps } from './TableExpandedRow.types';
+export declare const TableExpandedRow: <T extends object>({ row, renderExpandedRow, keepInDom, expanded, rowRef, ...restProps }: TableExpandedRowProps<T>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/Table/components/TableExpandedRow/TableExpandedRow.js

@@ -0,0 +1,36 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { useRef, useEffect } from "react";
+import { useComposedRefs } from "../../../node_modules/@radix-ui/react-compose-refs/dist/index.js";
+import { ExpandedRow, ExpandedCell } from "./TableExpandedRow.style.js";
+const TableExpandedRow = ({
+  row,
+  renderExpandedRow,
+  keepInDom,
+  expanded,
+  rowRef,
+  ...restProps
+}) => {
+  const innerRowRef = useRef(null);
+  const composedRowRef = useComposedRefs(rowRef, innerRowRef);
+  const isExpanded = expanded ?? row.getIsExpanded();
+  useEffect(() => {
+    var _a;
+    if (isExpanded) {
+      (_a = innerRowRef.current) == null ? void 0 : _a.scrollIntoView({
+        block: "nearest",
+        behavior: "smooth"
+      });
+    }
+  }, [isExpanded]);
+  return keepInDom || isExpanded ? jsxRuntimeExports.jsx(ExpandedRow, {
+    ref: composedRowRef,
+    ...restProps,
+    children: jsxRuntimeExports.jsx(ExpandedCell, {
+      colSpan: row.getVisibleCells().length,
+      children: renderExpandedRow(row)
+    })
+  }) : null;
+};
+export {
+  TableExpandedRow
+};

package/dist/Table/components/TableExpandedRow/TableExpandedRow.style.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const ExpandedRow = _styled__default.default.tr.withConfig({
+  displayName: "TableExpandedRowstyle__ExpandedRow",
+  componentId: "sc-2hwl98-0"
+})(["display:grid;width:100%;&[data-expanded='false']{display:none;}"]);
+const ExpandedCell = _styled__default.default.td.withConfig({
+  displayName: "TableExpandedRowstyle__ExpandedCell",
+  componentId: "sc-2hwl98-1"
+})(["width:100%;padding:0;overflow:hidden;"]);
+exports.ExpandedCell = ExpandedCell;
+exports.ExpandedRow = ExpandedRow;

package/dist/Table/components/TableExpandedRow/TableExpandedRow.style.d.ts

@@ -0,0 +1,2 @@
+export declare const ExpandedRow: import("styled-components").StyledComponent<"tr", any, {}, never>;
+export declare const ExpandedCell: import("styled-components").StyledComponent<"td", any, {}, never>;

package/dist/Table/components/TableExpandedRow/TableExpandedRow.style.js

@@ -0,0 +1,13 @@
+import _styled from "styled-components";
+const ExpandedRow = _styled.tr.withConfig({
+  displayName: "TableExpandedRowstyle__ExpandedRow",
+  componentId: "sc-2hwl98-0"
+})(["display:grid;width:100%;&[data-expanded='false']{display:none;}"]);
+const ExpandedCell = _styled.td.withConfig({
+  displayName: "TableExpandedRowstyle__ExpandedCell",
+  componentId: "sc-2hwl98-1"
+})(["width:100%;padding:0;overflow:hidden;"]);
+export {
+  ExpandedCell,
+  ExpandedRow
+};

package/dist/Table/components/TableExpandedRow/TableExpandedRow.types.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode, Ref } from 'react';
+import { RowDefinition } from '../../Table.types';
+export type TableExpandedRowProps<T extends object> = {
+    row: RowDefinition<T>;
+    renderExpandedRow: (row: RowDefinition<T>) => ReactNode;
+    keepInDom?: boolean;
+    expanded?: boolean;
+    rowRef?: Ref<HTMLTableRowElement>;
+} & HTMLAttributes<HTMLTableRowElement>;

package/dist/Table/components/TableExpandedRow/index.d.ts

@@ -0,0 +1,3 @@
+export * from './TableExpandedRow';
+export * from './TableAnimatedExpandedRow';
+export * from './TableExpandedRow.types';

package/dist/Table/components/TablePagination/TablePagination.cjs

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const redisUiIcons = require("@redislabsdev/redis-ui-icons");
+const Table_context = require("../../Table.context.cjs");
+const TablePagination_style = require("./TablePagination.style.cjs");
+const DEFAULT_PAGE_SIZES = [10, 25, 50, 100];
+const TablePagination = ({
+  pageSizes = DEFAULT_PAGE_SIZES
+}) => {
+  const {
+    table
+  } = Table_context.useTableContext();
+  if (!table._getPaginationRowModel) {
+    return null;
+  }
+  const {
+    pageIndex,
+    pageSize
+  } = table.getState().pagination;
+  const totalRowCount = table.getRowCount();
+  const pageCount = Math.max(table.getPageCount(), 1);
+  const handlePageSizeChange = (value) => {
+    table.setPageSize(Number(value));
+  };
+  const handlePageIndexChange = (index) => {
+    table.setPageIndex(index);
+  };
+  return jsxRuntime.jsxRuntimeExports.jsx(TablePagination_style.PaginationRow, {
+    "data-role": "pagination",
+    children: jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, {
+      children: [jsxRuntime.jsxRuntimeExports.jsxs(TablePagination_style.CountInfo, {
+        children: ["Showing ", table.getRowModel().rows.length, " out of ", totalRowCount, " rows"]
+      }), jsxRuntime.jsxRuntimeExports.jsxs("div", {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "1rem"
+        },
+        children: [jsxRuntime.jsxRuntimeExports.jsx(TablePagination_style.ItemPerPageText, {
+          children: "Items per page:"
+        }), jsxRuntime.jsxRuntimeExports.jsx(TablePagination_style.Select, {
+          value: pageSize.toString(),
+          onChange: handlePageSizeChange,
+          disabled: pageSizes[0] > totalRowCount,
+          options: pageSizes.map(String).map((value) => ({
+            value
+          }))
+        })]
+      }), jsxRuntime.jsxRuntimeExports.jsxs(TablePagination_style.PaginationActions, {
+        children: [jsxRuntime.jsxRuntimeExports.jsx(TablePagination_style.PaginationIconButton, {
+          icon: redisUiIcons.DoubleChevronLeftIcon,
+          size: "S",
+          onClick: () => handlePageIndexChange(0),
+          disabled: pageIndex === 0
+        }), jsxRuntime.jsxRuntimeExports.jsx(TablePagination_style.PaginationIconButton, {
+          icon: redisUiIcons.ChevronLeftIcon,
+          size: "S",
+          onClick: () => handlePageIndexChange(pageIndex - 1),
+          disabled: pageIndex === 0
+        }), jsxRuntime.jsxRuntimeExports.jsxs(TablePagination_style.PaginationIndexText, {
+          size: "S",
+          children: [pageIndex + 1, " of ", pageCount]
+        }), jsxRuntime.jsxRuntimeExports.jsx(TablePagination_style.PaginationIconButton, {
+          icon: redisUiIcons.ChevronRightIcon,
+          size: "S",
+          onClick: () => handlePageIndexChange(pageIndex + 1),
+          disabled: pageIndex === pageCount - 1
+        }), jsxRuntime.jsxRuntimeExports.jsx(TablePagination_style.PaginationIconButton, {
+          icon: redisUiIcons.DoubleChevronRightIcon,
+          size: "S",
+          onClick: () => handlePageIndexChange(pageCount - 1),
+          disabled: pageIndex === pageCount - 1
+        })]
+      }), jsxRuntime.jsxRuntimeExports.jsxs(TablePagination_style.PaginationActions, {
+        children: [jsxRuntime.jsxRuntimeExports.jsx(TablePagination_style.PageLabelText, {
+          children: "Page"
+        }), jsxRuntime.jsxRuntimeExports.jsx(TablePagination_style.Select, {
+          value: (pageIndex + 1).toString(),
+          onChange: (value) => handlePageIndexChange(Number(value) - 1),
+          options: Array.from({
+            length: pageCount
+          }, (_, i) => String(i + 1)).map((value) => ({
+            value
+          }))
+        }), jsxRuntime.jsxRuntimeExports.jsxs(TablePagination_style.TotalPagesText, {
+          children: ["of ", pageCount]
+        })]
+      })]
+    })
+  });
+};
+exports.default = TablePagination;

package/dist/Table/components/TablePagination/TablePagination.d.ts

@@ -0,0 +1,4 @@
+declare const TablePagination: ({ pageSizes }: {
+    pageSizes?: number[] | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default TablePagination;

package/dist/Table/components/TablePagination/TablePagination.js

@@ -0,0 +1,93 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { DoubleChevronLeftIcon, ChevronLeftIcon, ChevronRightIcon, DoubleChevronRightIcon } from "@redislabsdev/redis-ui-icons";
+import { useTableContext } from "../../Table.context.js";
+import { PaginationRow, CountInfo, ItemPerPageText, Select, PaginationActions, PaginationIconButton, PaginationIndexText, PageLabelText, TotalPagesText } from "./TablePagination.style.js";
+const DEFAULT_PAGE_SIZES = [10, 25, 50, 100];
+const TablePagination = ({
+  pageSizes = DEFAULT_PAGE_SIZES
+}) => {
+  const {
+    table
+  } = useTableContext();
+  if (!table._getPaginationRowModel) {
+    return null;
+  }
+  const {
+    pageIndex,
+    pageSize
+  } = table.getState().pagination;
+  const totalRowCount = table.getRowCount();
+  const pageCount = Math.max(table.getPageCount(), 1);
+  const handlePageSizeChange = (value) => {
+    table.setPageSize(Number(value));
+  };
+  const handlePageIndexChange = (index) => {
+    table.setPageIndex(index);
+  };
+  return jsxRuntimeExports.jsx(PaginationRow, {
+    "data-role": "pagination",
+    children: jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+      children: [jsxRuntimeExports.jsxs(CountInfo, {
+        children: ["Showing ", table.getRowModel().rows.length, " out of ", totalRowCount, " rows"]
+      }), jsxRuntimeExports.jsxs("div", {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "1rem"
+        },
+        children: [jsxRuntimeExports.jsx(ItemPerPageText, {
+          children: "Items per page:"
+        }), jsxRuntimeExports.jsx(Select, {
+          value: pageSize.toString(),
+          onChange: handlePageSizeChange,
+          disabled: pageSizes[0] > totalRowCount,
+          options: pageSizes.map(String).map((value) => ({
+            value
+          }))
+        })]
+      }), jsxRuntimeExports.jsxs(PaginationActions, {
+        children: [jsxRuntimeExports.jsx(PaginationIconButton, {
+          icon: DoubleChevronLeftIcon,
+          size: "S",
+          onClick: () => handlePageIndexChange(0),
+          disabled: pageIndex === 0
+        }), jsxRuntimeExports.jsx(PaginationIconButton, {
+          icon: ChevronLeftIcon,
+          size: "S",
+          onClick: () => handlePageIndexChange(pageIndex - 1),
+          disabled: pageIndex === 0
+        }), jsxRuntimeExports.jsxs(PaginationIndexText, {
+          size: "S",
+          children: [pageIndex + 1, " of ", pageCount]
+        }), jsxRuntimeExports.jsx(PaginationIconButton, {
+          icon: ChevronRightIcon,
+          size: "S",
+          onClick: () => handlePageIndexChange(pageIndex + 1),
+          disabled: pageIndex === pageCount - 1
+        }), jsxRuntimeExports.jsx(PaginationIconButton, {
+          icon: DoubleChevronRightIcon,
+          size: "S",
+          onClick: () => handlePageIndexChange(pageCount - 1),
+          disabled: pageIndex === pageCount - 1
+        })]
+      }), jsxRuntimeExports.jsxs(PaginationActions, {
+        children: [jsxRuntimeExports.jsx(PageLabelText, {
+          children: "Page"
+        }), jsxRuntimeExports.jsx(Select, {
+          value: (pageIndex + 1).toString(),
+          onChange: (value) => handlePageIndexChange(Number(value) - 1),
+          options: Array.from({
+            length: pageCount
+          }, (_, i) => String(i + 1)).map((value) => ({
+            value
+          }))
+        }), jsxRuntimeExports.jsxs(TotalPagesText, {
+          children: ["of ", pageCount]
+        })]
+      })]
+    })
+  });
+};
+export {
+  TablePagination as default
+};

package/dist/Table/components/TablePagination/TablePagination.style.cjs

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const redisUiStyles = require("@redislabsdev/redis-ui-styles");
+const redisUiComponents = require("@redislabsdev/redis-ui-components");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const PaginationIconButton = _styled__default.default(redisUiComponents.IconButton).withConfig({
+  displayName: "TablePaginationstyle__PaginationIconButton",
+  componentId: "sc-ccqfi0-0"
+})(["color:", ";&:disabled{color:", ";}"], () => redisUiStyles.useTheme().components.table.components.tablePagination.paginationIconButton.enabledColor, () => redisUiStyles.useTheme().components.table.components.tablePagination.paginationIconButton.disabledColor);
+const CountInfo = _styled__default.default(redisUiComponents.Typography.Body).withConfig({
+  displayName: "TablePaginationstyle__CountInfo",
+  componentId: "sc-ccqfi0-1"
+})(["display:flex;margin-right:auto;font-size:1.2rem;color:", ";"], () => redisUiStyles.useTheme().components.table.components.tablePagination.countInfoText.color);
+const PaginationRow = _styled__default.default.div.withConfig({
+  displayName: "TablePaginationstyle__PaginationRow",
+  componentId: "sc-ccqfi0-2"
+})(["display:flex;align-items:center;gap:3.2rem;width:100%;height:4.8rem;padding:0 1.2rem;justify-content:flex-end;border-top:1px solid ", ";"], () => redisUiStyles.useTheme().components.table.components.tablePagination.paginationRow.borderTop);
+const Select = _styled__default.default(redisUiComponents.Select).withConfig({
+  displayName: "TablePaginationstyle__Select",
+  componentId: "sc-ccqfi0-3"
+})(["height:2rem;padding:0 0.4rem;gap:0.4rem;span{font-size:1.2rem;line-height:initial;}"]);
+const PaginationActions = _styled__default.default.div.withConfig({
+  displayName: "TablePaginationstyle__PaginationActions",
+  componentId: "sc-ccqfi0-4"
+})(["display:flex;align-items:center;gap:0.4rem;"]);
+const ItemPerPageText = _styled__default.default(redisUiComponents.Typography.Body).attrs({
+  size: "S"
+}).withConfig({
+  displayName: "TablePaginationstyle__ItemPerPageText",
+  componentId: "sc-ccqfi0-5"
+})(["color:", ";flex-shrink:0;"], () => redisUiStyles.useTheme().components.table.components.tablePagination.itemPerPageText.color);
+const PaginationIndexText = _styled__default.default(redisUiComponents.Typography.Body).attrs({
+  size: "S"
+}).withConfig({
+  displayName: "TablePaginationstyle__PaginationIndexText",
+  componentId: "sc-ccqfi0-6"
+})(["color:", ";"], () => redisUiStyles.useTheme().components.table.components.tablePagination.paginationIndexText.color);
+const PageLabelText = _styled__default.default(redisUiComponents.Typography.Body).attrs({
+  size: "S"
+}).withConfig({
+  displayName: "TablePaginationstyle__PageLabelText",
+  componentId: "sc-ccqfi0-7"
+})(["color:", ";flex-shrink:0;"], () => redisUiStyles.useTheme().components.table.components.tablePagination.pageLabelText.color);
+const TotalPagesText = _styled__default.default(redisUiComponents.Typography.Body).attrs({
+  size: "S"
+}).withConfig({
+  displayName: "TablePaginationstyle__TotalPagesText",
+  componentId: "sc-ccqfi0-8"
+})(["color:", ";flex-shrink:0;"], () => redisUiStyles.useTheme().components.table.components.tablePagination.totalPagesText.color);
+exports.CountInfo = CountInfo;
+exports.ItemPerPageText = ItemPerPageText;
+exports.PageLabelText = PageLabelText;
+exports.PaginationActions = PaginationActions;
+exports.PaginationIconButton = PaginationIconButton;
+exports.PaginationIndexText = PaginationIndexText;
+exports.PaginationRow = PaginationRow;
+exports.Select = Select;
+exports.TotalPagesText = TotalPagesText;

package/dist/Table/components/TablePagination/TablePagination.style.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+export declare const PaginationIconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@redislabsdev/redis-ui-components").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const CountInfo: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const PaginationRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Select: import("styled-components").StyledComponent<(<TValue extends string = string, TOption extends import("@redislabsdev/redis-ui-components").SelectOption<TValue> = import("@redislabsdev/redis-ui-components").SelectOption<TValue>>({ options, disabled, defaultOpen, open, onOpenChange, defaultValue, value, onChange, customCompare, error, valid, valueRender, searchable, placement, maxVisibleItems, placeholder, virtualized, contentWidth, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Select/components/Compose/Compose.types").SelectComposeProps<TValue, TOption> & Omit<import("@redislabsdev/redis-ui-components/dist/Select/components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps, "customContainer"> & import("@redislabsdev/redis-ui-components/dist/Select/components/Trigger/components/Value/Value.types").SelectTriggerValueProps<TOption> & {
+    allowReset?: boolean | undefined;
+    loading?: boolean | undefined;
+} & Omit<import("@redislabsdev/redis-ui-components/dist/Select/components/Content/Content.types").SelectContentProps<TOption>, "optionComponent" | "optionValueRender"> & import("@redislabsdev/redis-ui-components/dist/Select/components/Trigger/components/Compose/Compose.types").RestSelectTriggerComposeProps) => import("react/jsx-runtime").JSX.Element) & {
+    Compose: <TValue_1 extends string = string, TOption_1 extends import("@redislabsdev/redis-ui-components").SelectOption<TValue_1> = import("@redislabsdev/redis-ui-components").SelectOption<TValue_1>>({ options, children, onOpenChange, defaultValue, value, onChange, customCompare, error, valid, disabled, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Select/components/Compose/Compose.types").SelectComposeProps<TValue_1, TOption_1> & import("@redislabsdev/redis-ui-components/dist/Helpers/common.types").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: (<TOption_2 extends import("@redislabsdev/redis-ui-components").SelectOption<string> = import("@redislabsdev/redis-ui-components").SelectOption<string>>({ placeholder, valueRender, allowReset, loading, ...props }: Omit<import("@redislabsdev/redis-ui-components/dist/Select/components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps, "customContainer"> & import("@redislabsdev/redis-ui-components/dist/Select/components/Trigger/components/Value/Value.types").SelectTriggerValueProps<TOption_2> & {
+        allowReset?: boolean | undefined;
+        loading?: boolean | undefined;
+    } & import("@redislabsdev/redis-ui-components/dist/Select/components/Trigger/components/Compose/Compose.types").RestSelectTriggerComposeProps) => import("react/jsx-runtime").JSX.Element) & {
+        Compose: ({ customContainer, id, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Select/components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps & import("@redislabsdev/redis-ui-components/dist/Select/components/Trigger/components/Compose/Compose.types").RestSelectTriggerComposeProps & import("@redislabsdev/redis-ui-components/dist/Helpers/common.types").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
+        Value: <TOption_3 extends import("@redislabsdev/redis-ui-components").SelectOption<string> = import("@redislabsdev/redis-ui-components").SelectOption<string>>({ placeholder, valueRender, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Select/components/Trigger/components/Value/Value.types").SelectTriggerValueProps<TOption_3> & import("@redislabsdev/redis-ui-components/dist/Select/components/Trigger/components/Value/Value.types").RestSelectTriggerValueProps) => import("react/jsx-runtime").JSX.Element;
+        ResetButton: ({ children, title, ...restProps }: import("react").HTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element | null;
+        StatusIndicator: (props: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className">) => import("react/jsx-runtime").JSX.Element;
+        LoadingIndicator: ({ loading, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Inputs/components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("@redislabsdev/redis-ui-components/dist/Inputs/components/LoadingIndicator/LoadingIndicator.types").RestLoadingIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
+        Arrow: ({ icon, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Select/components/Trigger/components/Arrow/Arrow.types").TriggerArrowProps) => import("react/jsx-runtime").JSX.Element;
+        ErrorIcon: (props: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className">) => import("react/jsx-runtime").JSX.Element;
+    };
+    Content: (<TOption_4 extends import("@redislabsdev/redis-ui-components").SelectOption<string> = import("@redislabsdev/redis-ui-components").SelectOption<string>>({ searchable, optionValueRender, optionComponent, maxVisibleItems, virtualized, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Select/components/Content/components/Compose/Compose.types").SelectContentComposeProps & import("@redislabsdev/redis-ui-components/dist/Select/components/Content/components/OptionList/OptionList.types").OptionListProps<TOption_4> & {
+        searchable?: boolean | undefined;
+    } & import("@redislabsdev/redis-ui-components/dist/Select/components/Content/components/Compose/Compose.types").RestSelectContentComposeProps) => import("react/jsx-runtime").JSX.Element) & {
+        Compose: ({ children, placement, contentWidth, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Select/components/Content/components/Compose/Compose.types").SelectContentComposeProps & import("@redislabsdev/redis-ui-components/dist/Select/components/Content/components/Compose/Compose.types").RestSelectContentComposeProps & import("@redislabsdev/redis-ui-components/dist/Helpers/common.types").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
+        OptionList: <TOption_5 extends import("@redislabsdev/redis-ui-components").SelectOption<string> = import("@redislabsdev/redis-ui-components").SelectOption<string>>({ optionValueRender, optionComponent: OptionComponent, maxVisibleItems, virtualized, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Select/components/Content/components/OptionList/OptionList.types").OptionListProps<TOption_5> & import("@redislabsdev/redis-ui-components/dist/Select/components/Content/components/OptionList/OptionList.types").RestOptionListProps) => import("react/jsx-runtime").JSX.Element;
+        Search: import("react").ForwardRefExoticComponent<Omit<import("@redislabsdev/redis-ui-components/dist/Inputs/components/Compose/TextCompose.types").TextInputComposeProps, "readOnly" | "parser" | "formatter"> & import("@redislabsdev/redis-ui-components/dist/Inputs/components/InputTag/InputTag.types").InputTagProps & import("@redislabsdev/redis-ui-components/dist/Inputs/components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("@redislabsdev/redis-ui-components/dist/Inputs/components/ResetButton/ResetButton.types").ResetButtonProps & import("@redislabsdev/redis-ui-components").RestInputProps & import("react").RefAttributes<HTMLInputElement>>;
+        Footer: import("styled-components").StyledComponent<"div", any, {}, never>;
+    };
+    Option: (<TOption_6 extends import("@redislabsdev/redis-ui-components").SelectOption<string> = import("@redislabsdev/redis-ui-components").SelectOption<string>>({ option, content, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Select/components/Content/components/Option/components/Compose/Compose.types").SelectOptionComposeProps<TOption_6> & {
+        content?: import("react").ReactNode;
+    } & import("@redislabsdev/redis-ui-components/dist/Select/components/Content/components/Option/components/Compose/Compose.types").RestSelectOptionComposeProps) => import("react/jsx-runtime").JSX.Element) & {
+        Compose: import("react").ForwardRefExoticComponent<import("@redislabsdev/redis-ui-components/dist/Select/components/Content/components/Option/components/Compose/Compose.types").SelectOptionComposeProps<import("@redislabsdev/redis-ui-components").SelectOption<string>> & import("@redislabsdev/redis-ui-components/dist/Select/components/Content/components/Option/components/Compose/Compose.types").RestSelectOptionComposeProps & import("@redislabsdev/redis-ui-components/dist/Helpers/common.types").ComposeChildrenProps & import("react").RefAttributes<HTMLDivElement>>;
+        Content: (props: import("@redislabsdev/redis-ui-components/dist/Helpers/common.types").ComposeChildrenProps & import("@redislabsdev/redis-ui-components/dist/Select/components/Content/components/Option/components/Content/Content.types").RestSelectOptionContentProps) => import("react/jsx-runtime").JSX.Element;
+        Indicator: ({ children, ...restProps }: import("@radix-ui/react-select").SelectItemIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+    };
+}, any, {}, never>;
+export declare const PaginationActions: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ItemPerPageText: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+    size: "S";
+}, "size">;
+export declare const PaginationIndexText: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+    size: "S";
+}, "size">;
+export declare const PageLabelText: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+    size: "S";
+}, "size">;
+export declare const TotalPagesText: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("@redislabsdev/redis-ui-components/dist/Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+    size: "S";
+}, "size">;

package/dist/Table/components/TablePagination/TablePagination.style.js

@@ -0,0 +1,58 @@
+import _styled from "styled-components";
+import { useTheme } from "@redislabsdev/redis-ui-styles";
+import { IconButton, Typography, Select as Select$1 } from "@redislabsdev/redis-ui-components";
+const PaginationIconButton = _styled(IconButton).withConfig({
+  displayName: "TablePaginationstyle__PaginationIconButton",
+  componentId: "sc-ccqfi0-0"
+})(["color:", ";&:disabled{color:", ";}"], () => useTheme().components.table.components.tablePagination.paginationIconButton.enabledColor, () => useTheme().components.table.components.tablePagination.paginationIconButton.disabledColor);
+const CountInfo = _styled(Typography.Body).withConfig({
+  displayName: "TablePaginationstyle__CountInfo",
+  componentId: "sc-ccqfi0-1"
+})(["display:flex;margin-right:auto;font-size:1.2rem;color:", ";"], () => useTheme().components.table.components.tablePagination.countInfoText.color);
+const PaginationRow = _styled.div.withConfig({
+  displayName: "TablePaginationstyle__PaginationRow",
+  componentId: "sc-ccqfi0-2"
+})(["display:flex;align-items:center;gap:3.2rem;width:100%;height:4.8rem;padding:0 1.2rem;justify-content:flex-end;border-top:1px solid ", ";"], () => useTheme().components.table.components.tablePagination.paginationRow.borderTop);
+const Select = _styled(Select$1).withConfig({
+  displayName: "TablePaginationstyle__Select",
+  componentId: "sc-ccqfi0-3"
+})(["height:2rem;padding:0 0.4rem;gap:0.4rem;span{font-size:1.2rem;line-height:initial;}"]);
+const PaginationActions = _styled.div.withConfig({
+  displayName: "TablePaginationstyle__PaginationActions",
+  componentId: "sc-ccqfi0-4"
+})(["display:flex;align-items:center;gap:0.4rem;"]);
+const ItemPerPageText = _styled(Typography.Body).attrs({
+  size: "S"
+}).withConfig({
+  displayName: "TablePaginationstyle__ItemPerPageText",
+  componentId: "sc-ccqfi0-5"
+})(["color:", ";flex-shrink:0;"], () => useTheme().components.table.components.tablePagination.itemPerPageText.color);
+const PaginationIndexText = _styled(Typography.Body).attrs({
+  size: "S"
+}).withConfig({
+  displayName: "TablePaginationstyle__PaginationIndexText",
+  componentId: "sc-ccqfi0-6"
+})(["color:", ";"], () => useTheme().components.table.components.tablePagination.paginationIndexText.color);
+const PageLabelText = _styled(Typography.Body).attrs({
+  size: "S"
+}).withConfig({
+  displayName: "TablePaginationstyle__PageLabelText",
+  componentId: "sc-ccqfi0-7"
+})(["color:", ";flex-shrink:0;"], () => useTheme().components.table.components.tablePagination.pageLabelText.color);
+const TotalPagesText = _styled(Typography.Body).attrs({
+  size: "S"
+}).withConfig({
+  displayName: "TablePaginationstyle__TotalPagesText",
+  componentId: "sc-ccqfi0-8"
+})(["color:", ";flex-shrink:0;"], () => useTheme().components.table.components.tablePagination.totalPagesText.color);
+export {
+  CountInfo,
+  ItemPerPageText,
+  PageLabelText,
+  PaginationActions,
+  PaginationIconButton,
+  PaginationIndexText,
+  PaginationRow,
+  Select,
+  TotalPagesText
+};

package/dist/Table/components/TablePagination/TablePagination.test.d.ts

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

package/dist/Table/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Table } from './Table';
+export { ShowOnRowHover } from './components/ShowOnRowHover/ShowOnRowHover.style';
+export type { ColumnDefinition } from './Table.types';
+export type { RowDefinition } from './Table.types';
+export type { CellDefinition } from './Table.types';
+export type { PaginationTypes } from './Table.types';
+export type { SortingTypes } from './Table.types';
+export { useTableContext } from './Table.context';

package/dist/_virtual/jsx-runtime.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var jsxRuntime = { exports: {} };
+exports.__module = jsxRuntime;

package/dist/_virtual/jsx-runtime.js

@@ -0,0 +1,4 @@
+var jsxRuntime = { exports: {} };
+export {
+  jsxRuntime as __module
+};