@redis-ui/table 2.4.0 → 2.18.0

package/dist/Table/components/TableHeaderCell/TableHeaderCell.js

@@ -0,0 +1,23 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { forwardRefWithGenerics } from "@redislabsdev/redis-ui-components";
+import { TableHeaderCellCompose } from "./components/Compose/Compose.js";
+import { SortableHeading } from "./components/SortableHeading/SortableHeading.js";
+import { TableHeaderCellHeading } from "./components/Heading/Heading.js";
+const TableHeaderCell = Object.assign(forwardRefWithGenerics(({
+  header,
+  ...restProps
+}, ref) => jsxRuntimeExports.jsx(TableHeaderCell.Compose, {
+  header,
+  ...restProps,
+  ref,
+  children: jsxRuntimeExports.jsx(TableHeaderCell.SortableHeading, {
+    children: jsxRuntimeExports.jsx(TableHeaderCell.Heading, {})
+  })
+})), {
+  Compose: TableHeaderCellCompose,
+  SortableHeading,
+  Heading: TableHeaderCellHeading
+});
+export {
+  TableHeaderCell
+};

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

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

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

@@ -0,0 +1,13 @@
+import { Header } from '@tanstack/react-table';
+import { AriaAttributes } from 'react';
+export type CommonHeader = Header<any, any>;
+export type AllowedAriaSort = Exclude<AriaAttributes['aria-sort'], 'other'>;
+export type FormatColumnSortNotification = (params: {
+    title: string;
+    direction: AllowedAriaSort;
+    nextDirection: AllowedAriaSort;
+}) => string;
+export type FormatTableSortNotification = (params: {
+    title: string;
+    direction: 'descending' | 'ascending';
+}[] | undefined) => string;

package/dist/Table/components/TableHeaderCell/TableHeaderCell.utils.cjs

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const index = require("../../../node_modules/@tanstack/react-table/build/lib/index.cjs");
+const redisUiComponents = require("@redislabsdev/redis-ui-components");
+const redisUiIcons = require("@redislabsdev/redis-ui-icons");
+const sortSign = {
+  asc: jsxRuntime.jsxRuntimeExports.jsx(redisUiIcons.ArrowUpIcon, {
+    size: "S",
+    color: "neutral700",
+    "aria-hidden": true
+  }),
+  desc: jsxRuntime.jsxRuntimeExports.jsx(redisUiIcons.ArrowDownIcon, {
+    size: "S",
+    color: "neutral700",
+    "aria-hidden": true
+  })
+};
+const getSortSign = (header) => sortSign[header.column.getIsSorted()] ?? null;
+const ariaSort = {
+  asc: "ascending",
+  desc: "descending"
+};
+const getAriaSort = (sort) => ariaSort[sort] ?? "none";
+const getCurrentAriaSort = (header) => getAriaSort(header.column.getIsSorted());
+const formatColumnSortNotification = ({
+  title,
+  nextDirection
+}) => `Sort by ${title}, activate to ${nextDirection === "none" ? "unsort" : `sort ${nextDirection}`}`;
+const getColumnSortLabel = (header, formatLabel) => {
+  var _a;
+  if (header.column.getCanSort()) {
+    const content = index.flexRender(header.column.columnDef.header, header.getContext());
+    const text = (_a = redisUiComponents.childrenToString(content)) == null ? void 0 : _a.trim();
+    return formatLabel({
+      title: text || "actions",
+      direction: getAriaSort(header.column.getIsSorted()),
+      nextDirection: getAriaSort(header.column.getNextSortingOrder())
+    });
+  }
+  return void 0;
+};
+const formatTableSortNotification = (sortings) => {
+  if (!(sortings == null ? void 0 : sortings.length)) {
+    return "Unsorted";
+  }
+  const parts = sortings.map(({
+    title,
+    direction
+  }) => `by ${title} ${direction}`);
+  return `Sorted ${parts.join(", then ")}`;
+};
+const getTableSortLabel = (table, formatLabel) => {
+  var _a;
+  return formatLabel((_a = table.getState().sorting) == null ? void 0 : _a.map(({
+    desc,
+    id
+  }) => {
+    var _a2, _b;
+    const column = table.getColumn(id);
+    const header = (_a2 = column == null ? void 0 : column.columnDef) == null ? void 0 : _a2.header;
+    const title = column && (header && ((_b = redisUiComponents.childrenToString(index.flexRender(header, {
+      table,
+      column
+    }))) == null ? void 0 : _b.trim()) || `column ${column.getIndex() + 1} `) || "unknown column";
+    return {
+      direction: desc ? "descending" : "ascending",
+      title
+    };
+  }).filter((sort) => sort.title));
+};
+const normalizeCellSpan = (span) => span > 1 ? span : void 0;
+exports.formatColumnSortNotification = formatColumnSortNotification;
+exports.formatTableSortNotification = formatTableSortNotification;
+exports.getColumnSortLabel = getColumnSortLabel;
+exports.getCurrentAriaSort = getCurrentAriaSort;
+exports.getSortSign = getSortSign;
+exports.getTableSortLabel = getTableSortLabel;
+exports.normalizeCellSpan = normalizeCellSpan;

package/dist/Table/components/TableHeaderCell/TableHeaderCell.utils.d.ts

@@ -0,0 +1,10 @@
+import { Table } from '@tanstack/react-table';
+import { ReactElement } from 'react';
+import { AllowedAriaSort, CommonHeader, FormatColumnSortNotification, FormatTableSortNotification } from './TableHeaderCell.types';
+export declare const getSortSign: (header: CommonHeader) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const getCurrentAriaSort: (header: CommonHeader) => AllowedAriaSort;
+export declare const formatColumnSortNotification: FormatColumnSortNotification;
+export declare const getColumnSortLabel: (header: CommonHeader, formatLabel: FormatColumnSortNotification) => string | undefined;
+export declare const formatTableSortNotification: FormatTableSortNotification;
+export declare const getTableSortLabel: <T extends object>(table: Table<T>, formatLabel: FormatTableSortNotification) => string;
+export declare const normalizeCellSpan: (span: number) => number | undefined;

package/dist/Table/components/TableHeaderCell/TableHeaderCell.utils.js

@@ -0,0 +1,79 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { flexRender } from "../../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { childrenToString } from "@redislabsdev/redis-ui-components";
+import { ArrowUpIcon, ArrowDownIcon } from "@redislabsdev/redis-ui-icons";
+const sortSign = {
+  asc: jsxRuntimeExports.jsx(ArrowUpIcon, {
+    size: "S",
+    color: "neutral700",
+    "aria-hidden": true
+  }),
+  desc: jsxRuntimeExports.jsx(ArrowDownIcon, {
+    size: "S",
+    color: "neutral700",
+    "aria-hidden": true
+  })
+};
+const getSortSign = (header) => sortSign[header.column.getIsSorted()] ?? null;
+const ariaSort = {
+  asc: "ascending",
+  desc: "descending"
+};
+const getAriaSort = (sort) => ariaSort[sort] ?? "none";
+const getCurrentAriaSort = (header) => getAriaSort(header.column.getIsSorted());
+const formatColumnSortNotification = ({
+  title,
+  nextDirection
+}) => `Sort by ${title}, activate to ${nextDirection === "none" ? "unsort" : `sort ${nextDirection}`}`;
+const getColumnSortLabel = (header, formatLabel) => {
+  var _a;
+  if (header.column.getCanSort()) {
+    const content = flexRender(header.column.columnDef.header, header.getContext());
+    const text = (_a = childrenToString(content)) == null ? void 0 : _a.trim();
+    return formatLabel({
+      title: text || "actions",
+      direction: getAriaSort(header.column.getIsSorted()),
+      nextDirection: getAriaSort(header.column.getNextSortingOrder())
+    });
+  }
+  return void 0;
+};
+const formatTableSortNotification = (sortings) => {
+  if (!(sortings == null ? void 0 : sortings.length)) {
+    return "Unsorted";
+  }
+  const parts = sortings.map(({
+    title,
+    direction
+  }) => `by ${title} ${direction}`);
+  return `Sorted ${parts.join(", then ")}`;
+};
+const getTableSortLabel = (table, formatLabel) => {
+  var _a;
+  return formatLabel((_a = table.getState().sorting) == null ? void 0 : _a.map(({
+    desc,
+    id
+  }) => {
+    var _a2, _b;
+    const column = table.getColumn(id);
+    const header = (_a2 = column == null ? void 0 : column.columnDef) == null ? void 0 : _a2.header;
+    const title = column && (header && ((_b = childrenToString(flexRender(header, {
+      table,
+      column
+    }))) == null ? void 0 : _b.trim()) || `column ${column.getIndex() + 1} `) || "unknown column";
+    return {
+      direction: desc ? "descending" : "ascending",
+      title
+    };
+  }).filter((sort) => sort.title));
+};
+const normalizeCellSpan = (span) => span > 1 ? span : void 0;
+export {
+  formatColumnSortNotification,
+  formatTableSortNotification,
+  getColumnSortLabel,
+  getCurrentAriaSort,
+  getSortSign,
+  getTableSortLabel,
+  normalizeCellSpan
+};

package/dist/Table/components/TableHeaderCell/components/Compose/Compose.cjs

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const redisUiComponents = require("@redislabsdev/redis-ui-components");
+const index = require("../../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
+const React = require("react");
+const TableHeaderCell_utils = require("../../TableHeaderCell.utils.cjs");
+const TableHeaderCell_context = require("../../TableHeaderCell.context.cjs");
+const Table_style = require("../../../../Table.style.cjs");
+const TableHeaderCellCompose = redisUiComponents.forwardRefWithGenerics(({
+  header,
+  children,
+  ...restProps
+}, ref) => {
+  const colSpan = TableHeaderCell_utils.normalizeCellSpan(header.colSpan);
+  const rowSpan = TableHeaderCell_utils.normalizeCellSpan(header.rowSpan);
+  return jsxRuntime.jsxRuntimeExports.jsx(TableHeaderCell_context.TableHeaderCellContextProvider, {
+    value: React.useMemo(() => ({
+      header
+    }), [header]),
+    children: jsxRuntime.jsxRuntimeExports.jsx(Table_style.TableTh, {
+      ...restProps,
+      ref,
+      colSpan,
+      rowSpan,
+      style: {
+        width: header.column.getSize(),
+        ...restProps.style
+      },
+      "aria-hidden": header.isPlaceholder,
+      onClick: header.column.getCanSort() ? header.column.getToggleSortingHandler() : void 0,
+      "aria-sort": header.column.getCanSort() ? TableHeaderCell_utils.getCurrentAriaSort(header) : void 0,
+      scope: "col",
+      children: header.isPlaceholder ? jsxRuntime.jsxRuntimeExports.jsx(index.VisuallyHidden, {
+        children: "Placeholder"
+      }) : children
+    })
+  });
+});
+exports.TableHeaderCellCompose = TableHeaderCellCompose;

package/dist/Table/components/TableHeaderCell/components/Compose/Compose.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComposeElementProps } from '@redislabsdev/redis-ui-components';
+import { Header } from '@tanstack/react-table';
+export type OwnTableHeaderCellComposeProps<T extends object> = {
+    header: Header<T, unknown>;
+};
+export type RestTableHeaderCellComposeProps = ComposeElementProps<HTMLTableCellElement>;
+export type TableHeaderCellComposeProps<T extends object> = OwnTableHeaderCellComposeProps<T> & RestTableHeaderCellComposeProps;
+export declare const TableHeaderCellCompose: <T extends object>(props: OwnTableHeaderCellComposeProps<T> & import("@redislabsdev/redis-ui-components").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLTableCellElement>, "content" | "children"> & import("react").RefAttributes<HTMLTableCellElement>) => import("react").ReactElement<any, any> | null;

package/dist/Table/components/TableHeaderCell/components/Compose/Compose.js

@@ -0,0 +1,40 @@
+import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { forwardRefWithGenerics } from "@redislabsdev/redis-ui-components";
+import { VisuallyHidden } from "../../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
+import { useMemo } from "react";
+import { normalizeCellSpan, getCurrentAriaSort } from "../../TableHeaderCell.utils.js";
+import { TableHeaderCellContextProvider } from "../../TableHeaderCell.context.js";
+import { TableTh } from "../../../../Table.style.js";
+const TableHeaderCellCompose = forwardRefWithGenerics(({
+  header,
+  children,
+  ...restProps
+}, ref) => {
+  const colSpan = normalizeCellSpan(header.colSpan);
+  const rowSpan = normalizeCellSpan(header.rowSpan);
+  return jsxRuntimeExports.jsx(TableHeaderCellContextProvider, {
+    value: useMemo(() => ({
+      header
+    }), [header]),
+    children: jsxRuntimeExports.jsx(TableTh, {
+      ...restProps,
+      ref,
+      colSpan,
+      rowSpan,
+      style: {
+        width: header.column.getSize(),
+        ...restProps.style
+      },
+      "aria-hidden": header.isPlaceholder,
+      onClick: header.column.getCanSort() ? header.column.getToggleSortingHandler() : void 0,
+      "aria-sort": header.column.getCanSort() ? getCurrentAriaSort(header) : void 0,
+      scope: "col",
+      children: header.isPlaceholder ? jsxRuntimeExports.jsx(VisuallyHidden, {
+        children: "Placeholder"
+      }) : children
+    })
+  });
+});
+export {
+  TableHeaderCellCompose
+};

package/dist/Table/components/TableHeaderCell/components/Heading/Heading.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const index = require("../../../../../node_modules/@tanstack/react-table/build/lib/index.cjs");
+const redisUiComponents = require("@redislabsdev/redis-ui-components");
+const index$1 = require("../../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
+const TableHeaderCell_context = require("../../TableHeaderCell.context.cjs");
+const Table_style = require("../../../../Table.style.cjs");
+const DEFAULT_HIDDEN_HEADER = "Actions";
+const TableHeaderCellHeading = (props) => {
+  var _a;
+  const {
+    header
+  } = TableHeaderCell_context.useTableHeaderCellContext();
+  const content = index.flexRender(header.column.columnDef.header, header.getContext());
+  if (header.column.columnDef.isHeaderCustom) return jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, {
+    children: content
+  });
+  const text = (_a = redisUiComponents.childrenToString(content)) == null ? void 0 : _a.trim();
+  if (!text || header.column.columnDef.isHeaderHidden) {
+    return jsxRuntime.jsxRuntimeExports.jsx(index$1.VisuallyHidden, {
+      children: text || DEFAULT_HIDDEN_HEADER
+    });
+  }
+  return jsxRuntime.jsxRuntimeExports.jsx(Table_style.HeaderTitleWrapper, {
+    variant: "semiBold",
+    ellipsis: true,
+    tooltipOnEllipsis: true,
+    ...props,
+    "$isTextual": redisUiComponents.isTextualNode(content),
+    children: content
+  });
+};
+exports.TableHeaderCellHeading = TableHeaderCellHeading;

package/dist/Table/components/TableHeaderCell/components/Heading/Heading.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from 'react';
+import { ChildFree, Typography } from '@redislabsdev/redis-ui-components';
+export type RestTableHeaderCellHeadingProps = ChildFree<ComponentProps<typeof Typography.Body>>;
+export type TableHeaderCellHeadingProps = RestTableHeaderCellHeadingProps;
+export declare const TableHeaderCellHeading: (props: TableHeaderCellHeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Table/components/TableHeaderCell/components/Heading/Heading.js

@@ -0,0 +1,34 @@
+import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { flexRender } from "../../../../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { childrenToString, isTextualNode } from "@redislabsdev/redis-ui-components";
+import { VisuallyHidden } from "../../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
+import { useTableHeaderCellContext } from "../../TableHeaderCell.context.js";
+import { HeaderTitleWrapper } from "../../../../Table.style.js";
+const DEFAULT_HIDDEN_HEADER = "Actions";
+const TableHeaderCellHeading = (props) => {
+  var _a;
+  const {
+    header
+  } = useTableHeaderCellContext();
+  const content = flexRender(header.column.columnDef.header, header.getContext());
+  if (header.column.columnDef.isHeaderCustom) return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+    children: content
+  });
+  const text = (_a = childrenToString(content)) == null ? void 0 : _a.trim();
+  if (!text || header.column.columnDef.isHeaderHidden) {
+    return jsxRuntimeExports.jsx(VisuallyHidden, {
+      children: text || DEFAULT_HIDDEN_HEADER
+    });
+  }
+  return jsxRuntimeExports.jsx(HeaderTitleWrapper, {
+    variant: "semiBold",
+    ellipsis: true,
+    tooltipOnEllipsis: true,
+    ...props,
+    "$isTextual": isTextualNode(content),
+    children: content
+  });
+};
+export {
+  TableHeaderCellHeading
+};

package/dist/Table/components/TableHeaderCell/components/SortableHeading/SortableHeading.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const SortIndicator = require("./components/SortIndicator/SortIndicator.cjs");
+const Compose = require("./components/Compose/Compose.cjs");
+const SortableHeading = Object.assign(({
+  children,
+  ...restProps
+}) => jsxRuntime.jsxRuntimeExports.jsxs(SortableHeading.Compose, {
+  ...restProps,
+  children: [children, jsxRuntime.jsxRuntimeExports.jsx(SortableHeading.SortIndicator, {})]
+}), {
+  Compose: Compose.SortableHeadingCompose,
+  SortIndicator: SortIndicator.SortIndicator
+});
+exports.SortableHeading = SortableHeading;

package/dist/Table/components/TableHeaderCell/components/SortableHeading/SortableHeading.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ComposeElementProps } from '@redislabsdev/redis-ui-components';
+export declare const SortableHeading: (({ children, ...restProps }: ComposeElementProps) => import("react/jsx-runtime").JSX.Element) & {
+    Compose: ((props: ComposeElementProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element) & {
+        SortIndicator: () => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    };
+    SortIndicator: () => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+};

package/dist/Table/components/TableHeaderCell/components/SortableHeading/SortableHeading.js

@@ -0,0 +1,16 @@
+import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { SortIndicator } from "./components/SortIndicator/SortIndicator.js";
+import { SortableHeadingCompose } from "./components/Compose/Compose.js";
+const SortableHeading = Object.assign(({
+  children,
+  ...restProps
+}) => jsxRuntimeExports.jsxs(SortableHeading.Compose, {
+  ...restProps,
+  children: [children, jsxRuntimeExports.jsx(SortableHeading.SortIndicator, {})]
+}), {
+  Compose: SortableHeadingCompose,
+  SortIndicator
+});
+export {
+  SortableHeading
+};

package/dist/Table/components/TableHeaderCell/components/SortableHeading/components/Compose/Compose.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../../../../node_modules/react/jsx-runtime.cjs");
+const TableHeaderCell_utils = require("../../../../TableHeaderCell.utils.cjs");
+const TableHeaderCell_context = require("../../../../TableHeaderCell.context.cjs");
+const SortIndicator = require("../SortIndicator/SortIndicator.cjs");
+const Table_style = require("../../../../../../Table.style.cjs");
+const SortableHeadingCompose = Object.assign((props) => {
+  const {
+    header
+  } = TableHeaderCell_context.useTableHeaderCellContext();
+  return jsxRuntime.jsxRuntimeExports.jsx(
+    Table_style.SortableHeadingCompose,
+    {
+      "aria-description": TableHeaderCell_utils.getColumnSortLabel(header, TableHeaderCell_utils.formatColumnSortNotification),
+      ...props,
+      as: header.column.getCanSort() ? void 0 : "div"
+    }
+  );
+}, {
+  SortIndicator: SortIndicator.SortIndicator
+});
+exports.SortableHeadingCompose = SortableHeadingCompose;

package/dist/Table/components/TableHeaderCell/components/SortableHeading/components/Compose/Compose.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComposeElementProps } from '@redislabsdev/redis-ui-components';
+export declare const SortableHeadingCompose: ((props: ComposeElementProps) => import("react/jsx-runtime").JSX.Element) & {
+    SortIndicator: () => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+};

package/dist/Table/components/TableHeaderCell/components/SortableHeading/components/Compose/Compose.js

@@ -0,0 +1,23 @@
+import { j as jsxRuntimeExports } from "../../../../../../../node_modules/react/jsx-runtime.js";
+import { getColumnSortLabel, formatColumnSortNotification } from "../../../../TableHeaderCell.utils.js";
+import { useTableHeaderCellContext } from "../../../../TableHeaderCell.context.js";
+import { SortIndicator } from "../SortIndicator/SortIndicator.js";
+import { SortableHeadingCompose as SortableHeadingCompose$1 } from "../../../../../../Table.style.js";
+const SortableHeadingCompose = Object.assign((props) => {
+  const {
+    header
+  } = useTableHeaderCellContext();
+  return jsxRuntimeExports.jsx(
+    SortableHeadingCompose$1,
+    {
+      "aria-description": getColumnSortLabel(header, formatColumnSortNotification),
+      ...props,
+      as: header.column.getCanSort() ? void 0 : "div"
+    }
+  );
+}, {
+  SortIndicator
+});
+export {
+  SortableHeadingCompose
+};

package/dist/Table/components/TableHeaderCell/components/SortableHeading/components/SortIndicator/SortIndicator.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const TableHeaderCell_utils = require("../../../../TableHeaderCell.utils.cjs");
+const TableHeaderCell_context = require("../../../../TableHeaderCell.context.cjs");
+const SortIndicator = () => TableHeaderCell_utils.getSortSign(TableHeaderCell_context.useTableHeaderCellContext().header);
+exports.SortIndicator = SortIndicator;

package/dist/Table/components/TableHeaderCell/components/SortableHeading/components/SortIndicator/SortIndicator.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const SortIndicator: () => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/dist/Table/components/TableHeaderCell/components/SortableHeading/components/SortIndicator/SortIndicator.js

@@ -0,0 +1,6 @@
+import { getSortSign } from "../../../../TableHeaderCell.utils.js";
+import { useTableHeaderCellContext } from "../../../../TableHeaderCell.context.js";
+const SortIndicator = () => getSortSign(useTableHeaderCellContext().header);
+export {
+  SortIndicator
+};

package/dist/Table/components/TableHeaderRow/TableHeaderRow.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const redisUiComponents = require("@redislabsdev/redis-ui-components");
+const TableHeaderCell = require("../TableHeaderCell/TableHeaderCell.cjs");
+const Compose = require("./components/Compose/Compose.cjs");
+const Table_context = require("../../Table.context.cjs");
+const TableHeaderRow = Object.assign(redisUiComponents.forwardRefWithGenerics(({
+  headerGroup,
+  ...restProps
+}, ref) => {
+  const {
+    TableHeaderCell: Cell
+  } = Table_context.useComposeContext({
+    TableHeaderCell: TableHeaderCell.TableHeaderCell
+  });
+  return jsxRuntime.jsxRuntimeExports.jsx(TableHeaderRow.Compose, {
+    ...restProps,
+    ref,
+    children: headerGroup.headers.map((header) => jsxRuntime.jsxRuntimeExports.jsx(Cell, {
+      header
+    }, header.id))
+  });
+}), {
+  Compose: Compose.TableHeaderRowCompose
+});
+exports.TableHeaderRow = TableHeaderRow;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { HeaderGroup } from '@tanstack/react-table';
+import { ChildFree } from '@redislabsdev/redis-ui-components';
+import { TableHeaderRowComposeProps } from './components/Compose/Compose';
+export type OwnTableHeaderRowProps<T extends object> = {
+    headerGroup: HeaderGroup<T>;
+};
+export type RestTableHeaderRowProps = ChildFree<TableHeaderRowComposeProps>;
+export type TableHeaderRowProps<T extends object> = OwnTableHeaderRowProps<T> & RestTableHeaderRowProps;
+export declare const TableHeaderRow: (<T extends object>(props: OwnTableHeaderRowProps<T> & RestTableHeaderRowProps & import("react").RefAttributes<HTMLTableRowElement>) => import("react").ReactElement<any, any> | null) & {
+    Compose: import("styled-components").StyledComponent<"tr", any, {}, never>;
+};

package/dist/Table/components/TableHeaderRow/TableHeaderRow.js

@@ -0,0 +1,27 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { forwardRefWithGenerics } from "@redislabsdev/redis-ui-components";
+import { TableHeaderCell } from "../TableHeaderCell/TableHeaderCell.js";
+import { TableHeaderRowCompose } from "./components/Compose/Compose.js";
+import { useComposeContext } from "../../Table.context.js";
+const TableHeaderRow = Object.assign(forwardRefWithGenerics(({
+  headerGroup,
+  ...restProps
+}, ref) => {
+  const {
+    TableHeaderCell: Cell
+  } = useComposeContext({
+    TableHeaderCell
+  });
+  return jsxRuntimeExports.jsx(TableHeaderRow.Compose, {
+    ...restProps,
+    ref,
+    children: headerGroup.headers.map((header) => jsxRuntimeExports.jsx(Cell, {
+      header
+    }, header.id))
+  });
+}), {
+  Compose: TableHeaderRowCompose
+});
+export {
+  TableHeaderRow
+};

package/dist/Table/components/TableHeaderRow/components/Compose/Compose.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Table_style = require("../../../../Table.style.cjs");
+const TableHeaderRowCompose = Table_style.TableHeaderRow;
+exports.TableHeaderRowCompose = TableHeaderRowCompose;

package/dist/Table/components/TableHeaderRow/components/Compose/Compose.d.ts

@@ -0,0 +1,3 @@
+import { ComposeElementProps } from '@redislabsdev/redis-ui-components';
+export type TableHeaderRowComposeProps = ComposeElementProps<HTMLTableRowElement>;
+export declare const TableHeaderRowCompose: import("styled-components").StyledComponent<"tr", any, {}, never>;

package/dist/Table/components/TableHeaderRow/components/Compose/Compose.js

@@ -0,0 +1,5 @@
+import { TableHeaderRow } from "../../../../Table.style.js";
+const TableHeaderRowCompose = TableHeaderRow;
+export {
+  TableHeaderRowCompose
+};