@apify/ui-library 1.148.0 → 1.148.1-featuremigrateapifyuilibrary-48563e.21

package/dist/components/table/table.styled.js

@@ -0,0 +1,194 @@
+import { theme } from "../../design_system/theme.js";
+import { Box } from "../box/box.js";
+import styled from "styled-components";
+//#region src/components/table/table.styled.ts
+/** z-index for sticky table head cells. Consumers can override via CSS if needed. */
+var STICKY_HEAD_Z_INDEX = 5;
+var tableClassNames = {
+	TABLE: "Table",
+	HEAD: "Table-Head",
+	BODY: "Table-Body",
+	FOOT: "Table-Foot",
+	HEAD_ROW: "Table-Head-Row",
+	HEAD_CELL: "Table-Head-Cell",
+	BODY_ROW: "Table-Body-Row",
+	BODY_ROW_CLICKABLE: "Table-Body-Row_clickable",
+	BODY_ROW_EXPANDED: "Table-Body-Row_expanded",
+	BODY_CELL: "Table-Body-Cell",
+	FOOT_ROW: "Table-Foot-Row",
+	FOOT_CELL: "Table-Foot-Cell",
+	ROW_EMPTY: "Table-Row-Empty",
+	ROW_EMPTY_CELL: "Table-Row-Empty-Cell",
+	ROW_EXPANSION: "Table-Row-Expansion",
+	ROW_EXPANSION_CELL: "Table-Row-Expansion-Cell",
+	WRAPPER_SCROLLABLE: "Table-Scrollable-Content",
+	WRAPPER_SHADOW_LEFT: "Table-Scrollable-Shadow-Left",
+	WRAPPER_SHADOW_RIGHT: "Table-Scrollable-Shadow-Right",
+	HIDDEN_SM: "Table-Cell_hiddenSM",
+	HIDDEN_MD: "Table-Cell_hiddenMD",
+	HIDDEN_LG: "Table-Cell_hiddenLG",
+	CELL_OVERLAY_LINK: "Table-Cell-Overlay-Link",
+	CELL_LINK: "Table-Cell-Link"
+};
+var StyledTable = styled.table`
+    position: relative;
+    border-collapse: separate;
+    border-spacing: 0;
+    min-width: 100%;
+
+    /* Head cell rounding */
+    .${tableClassNames.HEAD_CELL}:first-child {
+        border-top-left-radius: ${theme.radius.radius12};
+    }
+    .${tableClassNames.HEAD_CELL}:last-child {
+        border-top-right-radius: ${theme.radius.radius12};
+    }
+
+    /* Generic cell padding */
+    .${tableClassNames.HEAD_CELL},
+        .${tableClassNames.BODY_CELL},
+        .${tableClassNames.ROW_EMPTY_CELL},
+        .${tableClassNames.ROW_EXPANSION_CELL} {
+        padding: ${theme.space.space8};
+        position: relative;
+    }
+
+    /* Head styling */
+    .${tableClassNames.HEAD_CELL} {
+        position: sticky;
+        top: 0;
+        z-index: ${STICKY_HEAD_Z_INDEX};
+        height: 4rem;
+        background-color: ${theme.color.neutral.backgroundMuted};
+        border-bottom: solid 1px ${theme.color.neutral.separatorSubtle};
+        color: ${theme.color.neutral.textMuted};
+    }
+
+    /* Body styling */
+    .${tableClassNames.BODY_ROW}:hover {
+        background-color: ${theme.color.neutral.hover};
+    }
+
+    .${tableClassNames.BODY_ROW}:not(:first-child) .${tableClassNames.BODY_CELL} {
+        border-top: solid 1px ${theme.color.neutral.separatorSubtle};
+    }
+
+    .${tableClassNames.BODY_ROW_CLICKABLE} {
+        cursor: pointer;
+    }
+
+    /* Foot styling */
+    .${tableClassNames.FOOT_ROW}:not(:first-child) .${tableClassNames.FOOT_CELL} {
+        border-top: solid 1px ${theme.color.neutral.separatorSubtle};
+    }
+
+    /* Responsive hiding */
+    .${tableClassNames.HIDDEN_SM} {
+        display: none !important;
+    }
+
+    @media ${theme.device.tablet} {
+        .${tableClassNames.HIDDEN_MD} {
+            display: none !important;
+        }
+    }
+
+    @media ${theme.device.desktop} {
+        .${tableClassNames.HIDDEN_LG} {
+            display: none !important;
+        }
+    }
+
+    /* Expansion row */
+    .${tableClassNames.ROW_EXPANSION_CELL} {
+        border-top: solid 1px ${theme.color.neutral.separatorSubtle};
+        box-shadow: inset 0rem 0.2rem 0.8rem -0.2rem ${theme.color.neutral.separatorSubtle};
+    }
+
+    /* Nested links — see https://www.notion.so/apify/How-to-Nested-links-4863b883e9e1498b965531d946721926 */
+    .${tableClassNames.CELL_OVERLAY_LINK} {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 0;
+        cursor: pointer;
+    }
+
+    .${tableClassNames.CELL_LINK} {
+        position: relative;
+        z-index: 1;
+        color: ${theme.color.neutral.text};
+        cursor: pointer;
+        /* Extra padding for easier clicking, compensated by negative margin */
+        padding: ${theme.space.space4} ${theme.space.space8};
+        margin: -${theme.space.space4} -${theme.space.space8};
+
+        &:hover {
+            z-index: 2;
+            color: ${theme.color.primary.text};
+        }
+    }
+
+    /* Empty row */
+    .${tableClassNames.ROW_EMPTY_CELL} {
+        text-align: center;
+        padding: ${theme.space.space16};
+    }
+`;
+var StyledHorizontallyScrollableTableWrapper = styled(Box)`
+    position: relative;
+    width: 100%;
+    background-color: ${theme.color.neutral.background};
+    border: solid 1px ${theme.color.neutral.separatorSubtle};
+    border-radius: ${theme.radius.radius12};
+    overflow: hidden;
+
+    .${tableClassNames.WRAPPER_SCROLLABLE} {
+        position: relative;
+        overflow-x: auto;
+        overflow-y: hidden;
+    }
+
+    &::before,
+    &::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        width: 1.6rem;
+        pointer-events: none;
+        opacity: 0;
+        transition: opacity 0.3s ease;
+        z-index: ${6};
+    }
+
+    &::before {
+        left: 0;
+        background: linear-gradient(to right, ${theme.color.neutral.separatorSubtle}, transparent);
+    }
+
+    &::after {
+        right: 0;
+        background: linear-gradient(to left, ${theme.color.neutral.separatorSubtle}, transparent);
+    }
+
+    &.${tableClassNames.WRAPPER_SHADOW_LEFT}::before {
+        opacity: 1;
+    }
+
+    &.${tableClassNames.WRAPPER_SHADOW_RIGHT}::after {
+        opacity: 1;
+    }
+`;
+var StyledTableFooterWrapper = styled(Box)`
+    position: relative;
+    width: 100%;
+    background-color: ${theme.color.neutral.backgroundMuted};
+    border-top: solid 1px ${theme.color.neutral.separatorSubtle};
+    overflow-x: auto;
+    scrollbar-width: none;
+`;
+//#endregion
+export { StyledHorizontallyScrollableTableWrapper, StyledTable, StyledTableFooterWrapper, tableClassNames };

package/dist/components/table/table.test_ids.d.ts

@@ -0,0 +1,16 @@
+export declare const tableTestIds: {
+    TABLE: string;
+    HEAD: string;
+    HEAD_ROW: string;
+    HEAD_CELL: string;
+    BODY: string;
+    ROW: string;
+    CELL: string;
+    FOOT: string;
+    WRAPPER: string;
+    EMPTY_ROW: string;
+    LOADING_ROW: string;
+    ERROR_ROW: string;
+    EXPANSION_ROW: string;
+};
+//# sourceMappingURL=table.test_ids.d.ts.map

package/dist/components/table/table.test_ids.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.test_ids.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.test_ids.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;CAcxB,CAAC"}

package/dist/components/table/table.test_ids.js

@@ -0,0 +1,18 @@
+//#region src/components/table/table.test_ids.ts
+var tableTestIds = {
+	TABLE: "table",
+	HEAD: "table-head",
+	HEAD_ROW: "table-head-row",
+	HEAD_CELL: "table-head-cell",
+	BODY: "table-body",
+	ROW: "table-row",
+	CELL: "table-cell",
+	FOOT: "table-foot",
+	WRAPPER: "table-wrapper",
+	EMPTY_ROW: "table-empty-row",
+	LOADING_ROW: "table-loading-row",
+	ERROR_ROW: "table-error-row",
+	EXPANSION_ROW: "table-expansion-row"
+};
+//#endregion
+export { tableTestIds };

package/dist/components/table/table.types.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { To } from '../link';
+export type TableRowProps = HTMLAttributes<HTMLTableRowElement> & {
+    /** Apply clickable cursor style. Automatically set when `to` is provided. */
+    clickable?: boolean;
+    /** Apply expanded row style. */
+    expanded?: boolean;
+    /** Row-level navigation URL. Each `TableCell` inside will render an overlay link automatically. */
+    to?: To;
+};
+export type HorizontallyScrollableTableWrapperProps = {
+    children: ReactNode;
+    footer?: ReactNode;
+    className?: string;
+};
+export type TableExpansion = {
+    expandedId: string | null;
+    toggle: (id: string) => void;
+    isExpanded: (id: string) => boolean;
+};
+//# sourceMappingURL=table.types.d.ts.map

package/dist/components/table/table.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.types.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,mBAAmB,CAAC,GAAG;IAC9D,6EAA6E;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mGAAmG;IACnG,EAAE,CAAC,EAAE,EAAE,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,uCAAuC,GAAG;IAClD,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;CACvC,CAAC"}

package/dist/components/table/table_body.d.ts

@@ -0,0 +1,3 @@
+import { FC, HTMLAttributes } from 'react';
+export declare const TableBody: FC<HTMLAttributes<HTMLTableSectionElement>>;
+//# sourceMappingURL=table_body.d.ts.map

package/dist/components/table/table_body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_body.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKhD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAEjE,CAAC"}

package/dist/components/table/table_body.js

@@ -0,0 +1,12 @@
+import { tableClassNames } from "./table.styled.js";
+import { tableTestIds } from "./table.test_ids.js";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/components/table/table_body.tsx
+var TableBody = ({ className, ...rest }) => /* @__PURE__ */ jsx("tbody", {
+	"data-test": tableTestIds.BODY,
+	className: clsx$1(tableClassNames.BODY, className),
+	...rest
+});
+//#endregion
+export { TableBody };

package/dist/components/table/table_cell.d.ts

@@ -0,0 +1,10 @@
+import { FC, TdHTMLAttributes } from 'react';
+import { LinkProps } from '../link';
+export declare const TableCell: FC<TdHTMLAttributes<HTMLTableCellElement>>;
+/**
+ * Inner link inside a cell whose row has a `to` prop (overlay link).
+ * Elevated above the row overlay via `z-index` so it remains clickable and hoverable.
+ * Includes extra padding (compensated by negative margin) for easier click targets.
+ */
+export declare const TableCellLink: FC<LinkProps>;
+//# sourceMappingURL=table_cell.d.ts.map

package/dist/components/table/table_cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_cell.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_cell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAK/C,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAShE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,SAAS,CAEvC,CAAC"}

package/dist/components/table/table_cell.js

@@ -0,0 +1,33 @@
+import { Link } from "../link/link.js";
+import { tableClassNames } from "./table.styled.js";
+import { tableTestIds } from "./table.test_ids.js";
+import { TableRowLinkContext } from "./table.context.js";
+import { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/components/table/table_cell.tsx
+var TableCell = ({ className, children, ...rest }) => {
+	const rowLink = useContext(TableRowLinkContext);
+	return /* @__PURE__ */ jsxs("td", {
+		"data-test": tableTestIds.CELL,
+		className: clsx$1(tableClassNames.BODY_CELL, className),
+		...rest,
+		children: [rowLink && /* @__PURE__ */ jsx(Link, {
+			className: tableClassNames.CELL_OVERLAY_LINK,
+			to: rowLink,
+			tabIndex: -1,
+			ariaHidden: true
+		}), children]
+	});
+};
+/**
+* Inner link inside a cell whose row has a `to` prop (overlay link).
+* Elevated above the row overlay via `z-index` so it remains clickable and hoverable.
+* Includes extra padding (compensated by negative margin) for easier click targets.
+*/
+var TableCellLink = ({ className, ...rest }) => /* @__PURE__ */ jsx(Link, {
+	className: clsx$1(tableClassNames.CELL_LINK, className),
+	...rest
+});
+//#endregion
+export { TableCell, TableCellLink };

package/dist/components/table/table_empty_row.d.ts

@@ -0,0 +1,6 @@
+import { FC, ReactNode } from 'react';
+export declare const TableEmptyRow: FC<{
+    colSpan: number;
+    children: ReactNode;
+}>;
+//# sourceMappingURL=table_empty_row.d.ts.map

package/dist/components/table/table_empty_row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_empty_row.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_empty_row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK3C,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,CAMtE,CAAC"}

package/dist/components/table/table_empty_row.js

@@ -0,0 +1,15 @@
+import { tableClassNames } from "./table.styled.js";
+import { tableTestIds } from "./table.test_ids.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/table/table_empty_row.tsx
+var TableEmptyRow = ({ colSpan, children }) => /* @__PURE__ */ jsx("tr", {
+	"data-test": tableTestIds.EMPTY_ROW,
+	className: tableClassNames.ROW_EMPTY,
+	children: /* @__PURE__ */ jsx("td", {
+		colSpan,
+		className: tableClassNames.ROW_EMPTY_CELL,
+		children
+	})
+});
+//#endregion
+export { TableEmptyRow };

package/dist/components/table/table_error_row.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+export declare const TableErrorRow: FC<{
+    colSpan: number;
+    children?: ReactNode;
+    error?: Error | null;
+}>;
+//# sourceMappingURL=table_error_row.d.ts.map

package/dist/components/table/table_error_row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_error_row.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_error_row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM3C,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;CAAE,CAU7F,CAAC"}

package/dist/components/table/table_error_row.js

@@ -0,0 +1,19 @@
+import { TextShared } from "../text/text_shared.js";
+import { tableClassNames } from "./table.styled.js";
+import { tableTestIds } from "./table.test_ids.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/table/table_error_row.tsx
+var TableErrorRow = ({ colSpan, children, error }) => /* @__PURE__ */ jsx("tr", {
+	"data-test": tableTestIds.ERROR_ROW,
+	className: tableClassNames.ROW_EMPTY,
+	children: /* @__PURE__ */ jsx("td", {
+		colSpan,
+		className: tableClassNames.ROW_EMPTY_CELL,
+		children: children ?? /* @__PURE__ */ jsx(TextShared, {
+			color: "error",
+			children: error?.message ?? "Failed to load data"
+		})
+	})
+});
+//#endregion
+export { TableErrorRow };

package/dist/components/table/table_expansion_row.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+import { TableExpansion } from './table.types';
+export declare const TableExpansionRow: FC<{
+    colSpan: number;
+    children: ReactNode;
+    expansion: TableExpansion;
+    itemId: string;
+    className?: string;
+}>;
+//# sourceMappingURL=table_expansion_row.d.ts.map

package/dist/components/table/table_expansion_row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_expansion_row.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_expansion_row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,cAAc,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAUA,CAAC"}

package/dist/components/table/table_expansion_row.js

@@ -0,0 +1,19 @@
+import { tableClassNames } from "./table.styled.js";
+import { tableTestIds } from "./table.test_ids.js";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/components/table/table_expansion_row.tsx
+var TableExpansionRow = ({ colSpan, children, expansion, itemId, className }) => {
+	if (!expansion.isExpanded(itemId)) return null;
+	return /* @__PURE__ */ jsx("tr", {
+		"data-test": tableTestIds.EXPANSION_ROW,
+		className: clsx$1(tableClassNames.ROW_EXPANSION, className),
+		children: /* @__PURE__ */ jsx("td", {
+			colSpan,
+			className: tableClassNames.ROW_EXPANSION_CELL,
+			children
+		})
+	});
+};
+//#endregion
+export { TableExpansionRow };

package/dist/components/table/table_foot.d.ts

@@ -0,0 +1,3 @@
+import { FC, HTMLAttributes } from 'react';
+export declare const TableFoot: FC<HTMLAttributes<HTMLTableSectionElement>>;
+//# sourceMappingURL=table_foot.d.ts.map

package/dist/components/table/table_foot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_foot.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_foot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKhD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAEjE,CAAC"}

package/dist/components/table/table_foot.js

@@ -0,0 +1,12 @@
+import { tableClassNames } from "./table.styled.js";
+import { tableTestIds } from "./table.test_ids.js";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/components/table/table_foot.tsx
+var TableFoot = ({ className, ...rest }) => /* @__PURE__ */ jsx("tfoot", {
+	"data-test": tableTestIds.FOOT,
+	className: clsx$1(tableClassNames.FOOT, className),
+	...rest
+});
+//#endregion
+export { TableFoot };

package/dist/components/table/table_head.d.ts

@@ -0,0 +1,3 @@
+import { FC, HTMLAttributes } from 'react';
+export declare const TableHead: FC<HTMLAttributes<HTMLTableSectionElement>>;
+//# sourceMappingURL=table_head.d.ts.map

package/dist/components/table/table_head.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_head.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_head.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKhD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAEjE,CAAC"}

package/dist/components/table/table_head.js

@@ -0,0 +1,12 @@
+import { tableClassNames } from "./table.styled.js";
+import { tableTestIds } from "./table.test_ids.js";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/components/table/table_head.tsx
+var TableHead = ({ className, ...rest }) => /* @__PURE__ */ jsx("thead", {
+	"data-test": tableTestIds.HEAD,
+	className: clsx$1(tableClassNames.HEAD, className),
+	...rest
+});
+//#endregion
+export { TableHead };

package/dist/components/table/table_head_cell.d.ts

@@ -0,0 +1,3 @@
+import { FC, ThHTMLAttributes } from 'react';
+export declare const TableHeadCell: FC<ThHTMLAttributes<HTMLTableCellElement>>;
+//# sourceMappingURL=table_head_cell.d.ts.map

package/dist/components/table/table_head_cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_head_cell.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_head_cell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAKlD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAEpE,CAAC"}

package/dist/components/table/table_head_cell.js

@@ -0,0 +1,12 @@
+import { tableClassNames } from "./table.styled.js";
+import { tableTestIds } from "./table.test_ids.js";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/components/table/table_head_cell.tsx
+var TableHeadCell = ({ className, ...rest }) => /* @__PURE__ */ jsx("th", {
+	"data-test": tableTestIds.HEAD_CELL,
+	className: clsx$1(tableClassNames.HEAD_CELL, className),
+	...rest
+});
+//#endregion
+export { TableHeadCell };

package/dist/components/table/table_head_row.d.ts

@@ -0,0 +1,3 @@
+import { FC, HTMLAttributes } from 'react';
+export declare const TableHeadRow: FC<HTMLAttributes<HTMLTableRowElement>>;
+//# sourceMappingURL=table_head_row.d.ts.map

package/dist/components/table/table_head_row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_head_row.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_head_row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKhD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAEhE,CAAC"}

package/dist/components/table/table_head_row.js

@@ -0,0 +1,12 @@
+import { tableClassNames } from "./table.styled.js";
+import { tableTestIds } from "./table.test_ids.js";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/components/table/table_head_row.tsx
+var TableHeadRow = ({ className, ...rest }) => /* @__PURE__ */ jsx("tr", {
+	"data-test": tableTestIds.HEAD_ROW,
+	className: clsx$1(tableClassNames.HEAD_ROW, className),
+	...rest
+});
+//#endregion
+export { TableHeadRow };

package/dist/components/table/table_loading_row.d.ts

@@ -0,0 +1,6 @@
+import { FC, ReactNode } from 'react';
+export declare const TableLoadingRow: FC<{
+    colSpan: number;
+    children?: ReactNode;
+}>;
+//# sourceMappingURL=table_loading_row.d.ts.map

package/dist/components/table/table_loading_row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_loading_row.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_loading_row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM3C,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAMzE,CAAC"}

package/dist/components/table/table_loading_row.js

@@ -0,0 +1,16 @@
+import { InlineSpinner } from "../spinner/spinner.js";
+import { tableClassNames } from "./table.styled.js";
+import { tableTestIds } from "./table.test_ids.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/table/table_loading_row.tsx
+var TableLoadingRow = ({ colSpan, children }) => /* @__PURE__ */ jsx("tr", {
+	"data-test": tableTestIds.LOADING_ROW,
+	className: tableClassNames.ROW_EMPTY,
+	children: /* @__PURE__ */ jsx("td", {
+		colSpan,
+		className: tableClassNames.ROW_EMPTY_CELL,
+		children: children ?? /* @__PURE__ */ jsx(InlineSpinner, {})
+	})
+});
+//#endregion
+export { TableLoadingRow };

package/dist/components/table/table_row.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TableRowProps } from './table.types';
+export declare const TableRow: FC<TableRowProps>;
+//# sourceMappingURL=table_row.d.ts.map

package/dist/components/table/table_row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_row.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAiBtC,CAAC"}

package/dist/components/table/table_row.js

@@ -0,0 +1,20 @@
+import { tableClassNames } from "./table.styled.js";
+import { tableTestIds } from "./table.test_ids.js";
+import { TableRowLinkContext } from "./table.context.js";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/components/table/table_row.tsx
+var TableRow = ({ className, clickable, expanded, to, ...rest }) => {
+	const row = /* @__PURE__ */ jsx("tr", {
+		"data-test": tableTestIds.ROW,
+		className: clsx$1(tableClassNames.BODY_ROW, (clickable || to) && tableClassNames.BODY_ROW_CLICKABLE, expanded && tableClassNames.BODY_ROW_EXPANDED, className),
+		...rest
+	});
+	if (!to) return row;
+	return /* @__PURE__ */ jsx(TableRowLinkContext.Provider, {
+		value: to,
+		children: row
+	});
+};
+//#endregion
+export { TableRow };

package/dist/components/table/table_wrapper.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { HorizontallyScrollableTableWrapperProps } from './table.types';
+export declare const HorizontallyScrollableTableWrapper: FC<HorizontallyScrollableTableWrapperProps>;
+//# sourceMappingURL=table_wrapper.d.ts.map

package/dist/components/table/table_wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_wrapper.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAE,uCAAuC,EAAE,MAAM,eAAe,CAAC;AAE7E,eAAO,MAAM,kCAAkC,EAAE,EAAE,CAAC,uCAAuC,CA8D1F,CAAC"}

package/dist/components/table/table_wrapper.js

@@ -0,0 +1,50 @@
+import { Box } from "../box/box.js";
+import { StyledHorizontallyScrollableTableWrapper, StyledTableFooterWrapper, tableClassNames } from "./table.styled.js";
+import { tableTestIds } from "./table.test_ids.js";
+import { useCallback, useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/table/table_wrapper.tsx
+var HorizontallyScrollableTableWrapper = ({ children, footer, className }) => {
+	const scrollableRef = useRef(null);
+	const wrapperRef = useRef(null);
+	const animationFrameIdRef = useRef(0);
+	const updateShadows = useCallback(() => {
+		const container = scrollableRef.current;
+		const wrapper = wrapperRef.current;
+		if (!container || !wrapper) return;
+		const isScrollable = container.scrollWidth > container.clientWidth;
+		if (container.scrollLeft > 0) wrapper.classList.add(tableClassNames.WRAPPER_SHADOW_LEFT);
+		else wrapper.classList.remove(tableClassNames.WRAPPER_SHADOW_LEFT);
+		if (isScrollable && container.scrollLeft < container.scrollWidth - container.clientWidth - 1) wrapper.classList.add(tableClassNames.WRAPPER_SHADOW_RIGHT);
+		else wrapper.classList.remove(tableClassNames.WRAPPER_SHADOW_RIGHT);
+	}, []);
+	const throttledUpdateShadows = useCallback(() => {
+		cancelAnimationFrame(animationFrameIdRef.current);
+		animationFrameIdRef.current = requestAnimationFrame(updateShadows);
+	}, [updateShadows]);
+	useEffect(() => {
+		const container = scrollableRef.current;
+		if (!container) return void 0;
+		updateShadows();
+		container.addEventListener("scroll", throttledUpdateShadows);
+		const resizeObserver = new ResizeObserver(throttledUpdateShadows);
+		resizeObserver.observe(container);
+		return () => {
+			cancelAnimationFrame(animationFrameIdRef.current);
+			container.removeEventListener("scroll", throttledUpdateShadows);
+			resizeObserver.disconnect();
+		};
+	}, [updateShadows, throttledUpdateShadows]);
+	return /* @__PURE__ */ jsxs(StyledHorizontallyScrollableTableWrapper, {
+		"data-test": tableTestIds.WRAPPER,
+		ref: wrapperRef,
+		className,
+		children: [/* @__PURE__ */ jsx(Box, {
+			className: tableClassNames.WRAPPER_SCROLLABLE,
+			ref: scrollableRef,
+			children
+		}), footer && /* @__PURE__ */ jsx(StyledTableFooterWrapper, { children: footer })]
+	});
+};
+//#endregion
+export { HorizontallyScrollableTableWrapper };

package/dist/components/tabs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './tabs';
+export * from './tab';
+//# sourceMappingURL=index.d.ts.map