@apify/ui-library 1.132.1 → 1.134.0

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

@@ -0,0 +1,194 @@
+import styled from 'styled-components';
+import { theme } from '../../design_system/theme.js';
+import { Box } from '../box.js';
+/** z-index for sticky table head cells. Consumers can override via CSS if needed. */
+const STICKY_HEAD_Z_INDEX = 5;
+export const 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',
+    // Responsive hiding
+    HIDDEN_SM: 'Table-Cell_hiddenSM',
+    HIDDEN_MD: 'Table-Cell_hiddenMD',
+    HIDDEN_LG: 'Table-Cell_hiddenLG',
+    // Nested links
+    CELL_OVERLAY_LINK: 'Table-Cell-Overlay-Link',
+    CELL_LINK: 'Table-Cell-Link',
+};
+export const 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};
+    }
+`;
+export const 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: ${STICKY_HEAD_Z_INDEX + 1};
+    }
+
+    &::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;
+    }
+`;
+export const 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;
+`;
+//# sourceMappingURL=table.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.styled.js","sourceRoot":"","sources":["../../../../src/components/table/table.styled.ts"],"names":[],"mappings":"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"}

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

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

package/dist/src/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/src/components/table/table_body.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { tableClassNames } from './table.styled.js';
+import { tableTestIds } from './table_test_ids.js';
+export const TableBody = ({ className, ...rest }) => (_jsx("tbody", { "data-test": tableTestIds.BODY, className: clsx(tableClassNames.BODY, className), ...rest }));
+//# sourceMappingURL=table_body.js.map

package/dist/src/components/table/table_body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_body.js","sourceRoot":"","sources":["../../../../src/components/table/table_body.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,CAAC,MAAM,SAAS,GAAgD,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC9F,6BAAkB,YAAY,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,IAAI,GAAI,CACtG,CAAC"}

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

@@ -0,0 +1,10 @@
+import type { FC, TdHTMLAttributes } from 'react';
+import { type LinkProps } from '../link.js';
+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/src/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,YAAY,CAAC;AAKlD,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/src/components/table/table_cell.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useContext } from 'react';
+import { Link } from '../link.js';
+import { TableRowLinkContext } from './table.context.js';
+import { tableClassNames } from './table.styled.js';
+import { tableTestIds } from './table_test_ids.js';
+export const TableCell = ({ className, children, ...rest }) => {
+    const rowLink = useContext(TableRowLinkContext);
+    return (_jsxs("td", { "data-test": tableTestIds.CELL, className: clsx(tableClassNames.BODY_CELL, className), ...rest, children: [rowLink && _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.
+ */
+export const TableCellLink = ({ className, ...rest }) => (_jsx(Link, { className: clsx(tableClassNames.CELL_LINK, className), ...rest }));
+//# sourceMappingURL=table_cell.js.map

package/dist/src/components/table/table_cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_cell.js","sourceRoot":"","sources":["../../../../src/components/table/table_cell.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAkB,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,CAAC,MAAM,SAAS,GAA+C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACtG,MAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAEhD,OAAO,CACH,2BAAe,YAAY,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,SAAS,CAAC,KAAM,IAAI,aAC5F,OAAO,IAAI,KAAC,IAAI,IAAC,SAAS,EAAE,eAAe,CAAC,iBAAiB,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,UAAU,SAAG,EACvG,QAAQ,IACR,CACR,CAAC;AACN,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACpE,KAAC,IAAI,IAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,SAAS,CAAC,KAAM,IAAI,GAAI,CAC5E,CAAC"}

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

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

package/dist/src/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/src/components/table/table_empty_row.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { tableClassNames } from './table.styled.js';
+import { tableTestIds } from './table_test_ids.js';
+export const TableEmptyRow = ({ colSpan, children }) => (_jsx("tr", { "data-test": tableTestIds.EMPTY_ROW, className: tableClassNames.ROW_EMPTY, children: _jsx("td", { colSpan: colSpan, className: tableClassNames.ROW_EMPTY_CELL, children: children }) }));
+//# sourceMappingURL=table_empty_row.js.map

package/dist/src/components/table/table_empty_row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_empty_row.js","sourceRoot":"","sources":["../../../../src/components/table/table_empty_row.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,CAAC,MAAM,aAAa,GAAiD,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAClG,0BAAe,YAAY,CAAC,SAAS,EAAE,SAAS,EAAE,eAAe,CAAC,SAAS,YACvE,aAAI,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,CAAC,cAAc,YAC1D,QAAQ,GACR,GACJ,CACR,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { 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/src/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,CAM7F,CAAC"}

package/dist/src/components/table/table_error_row.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from '../text/index.js';
+import { tableClassNames } from './table.styled.js';
+import { tableTestIds } from './table_test_ids.js';
+export const TableErrorRow = ({ colSpan, children, error }) => (_jsx("tr", { "data-test": tableTestIds.ERROR_ROW, className: tableClassNames.ROW_EMPTY, children: _jsx("td", { colSpan: colSpan, className: tableClassNames.ROW_EMPTY_CELL, children: children ?? _jsx(Text, { color: "error", children: error?.message ?? 'Failed to load data' }) }) }));
+//# sourceMappingURL=table_error_row.js.map

package/dist/src/components/table/table_error_row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_error_row.js","sourceRoot":"","sources":["../../../../src/components/table/table_error_row.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,CAAC,MAAM,aAAa,GAAwE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAChI,0BAAe,YAAY,CAAC,SAAS,EAAE,SAAS,EAAE,eAAe,CAAC,SAAS,YACvE,aAAI,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,CAAC,cAAc,YAC1D,QAAQ,IAAI,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,YAAE,KAAK,EAAE,OAAO,IAAI,qBAAqB,GAAQ,GAChF,GACJ,CACR,CAAC"}

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

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

package/dist/src/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,YAAY,CAAC;AAEjD,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/src/components/table/table_expansion_row.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { tableClassNames } from './table.styled.js';
+import { tableTestIds } from './table_test_ids.js';
+export const TableExpansionRow = ({ colSpan, children, expansion, itemId, className }) => {
+    if (!expansion.isExpanded(itemId))
+        return null;
+    return (_jsx("tr", { "data-test": tableTestIds.EXPANSION_ROW, className: clsx(tableClassNames.ROW_EXPANSION, className), children: _jsx("td", { colSpan: colSpan, className: tableClassNames.ROW_EXPANSION_CELL, children: children }) }));
+};
+//# sourceMappingURL=table_expansion_row.js.map

package/dist/src/components/table/table_expansion_row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_expansion_row.js","sourceRoot":"","sources":["../../../../src/components/table/table_expansion_row.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,MAAM,CAAC,MAAM,iBAAiB,GAMzB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;IACzD,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC;QAAE,OAAO,IAAI,CAAC;IAE/C,OAAO,CACH,0BAAe,YAAY,CAAC,aAAa,EAAE,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,SAAS,CAAC,YAChG,aAAI,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,CAAC,kBAAkB,YAC9D,QAAQ,GACR,GACJ,CACR,CAAC;AACN,CAAC,CAAC"}

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

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

package/dist/src/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/src/components/table/table_foot.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { tableClassNames } from './table.styled.js';
+import { tableTestIds } from './table_test_ids.js';
+export const TableFoot = ({ className, ...rest }) => (_jsx("tfoot", { "data-test": tableTestIds.FOOT, className: clsx(tableClassNames.FOOT, className), ...rest }));
+//# sourceMappingURL=table_foot.js.map

package/dist/src/components/table/table_foot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_foot.js","sourceRoot":"","sources":["../../../../src/components/table/table_foot.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,CAAC,MAAM,SAAS,GAAgD,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC9F,6BAAkB,YAAY,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,IAAI,GAAI,CACtG,CAAC"}

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

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

package/dist/src/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/src/components/table/table_head.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { tableClassNames } from './table.styled.js';
+import { tableTestIds } from './table_test_ids.js';
+export const TableHead = ({ className, ...rest }) => (_jsx("thead", { "data-test": tableTestIds.HEAD, className: clsx(tableClassNames.HEAD, className), ...rest }));
+//# sourceMappingURL=table_head.js.map

package/dist/src/components/table/table_head.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_head.js","sourceRoot":"","sources":["../../../../src/components/table/table_head.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,CAAC,MAAM,SAAS,GAAgD,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC9F,6BAAkB,YAAY,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,IAAI,GAAI,CACtG,CAAC"}

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

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

package/dist/src/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/src/components/table/table_head_cell.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { tableClassNames } from './table.styled.js';
+import { tableTestIds } from './table_test_ids.js';
+export const TableHeadCell = ({ className, ...rest }) => (_jsx("th", { "data-test": tableTestIds.HEAD_CELL, className: clsx(tableClassNames.HEAD_CELL, className), ...rest }));
+//# sourceMappingURL=table_head_cell.js.map

package/dist/src/components/table/table_head_cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_head_cell.js","sourceRoot":"","sources":["../../../../src/components/table/table_head_cell.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,CAAC,MAAM,aAAa,GAA+C,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACjG,0BAAe,YAAY,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,SAAS,CAAC,KAAM,IAAI,GAAI,CAC7G,CAAC"}

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

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

package/dist/src/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/src/components/table/table_head_row.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { tableClassNames } from './table.styled.js';
+import { tableTestIds } from './table_test_ids.js';
+export const TableHeadRow = ({ className, ...rest }) => (_jsx("tr", { "data-test": tableTestIds.HEAD_ROW, className: clsx(tableClassNames.HEAD_ROW, className), ...rest }));
+//# sourceMappingURL=table_head_row.js.map

package/dist/src/components/table/table_head_row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_head_row.js","sourceRoot":"","sources":["../../../../src/components/table/table_head_row.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,CAAC,MAAM,YAAY,GAA4C,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC7F,0BAAe,YAAY,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAM,IAAI,GAAI,CAC3G,CAAC"}

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

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

package/dist/src/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/src/components/table/table_loading_row.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InlineSpinner } from '../spinner.js';
+import { tableClassNames } from './table.styled.js';
+import { tableTestIds } from './table_test_ids.js';
+export const TableLoadingRow = ({ colSpan, children }) => (_jsx("tr", { "data-test": tableTestIds.LOADING_ROW, className: tableClassNames.ROW_EMPTY, children: _jsx("td", { colSpan: colSpan, className: tableClassNames.ROW_EMPTY_CELL, children: children ?? _jsx(InlineSpinner, {}) }) }));
+//# sourceMappingURL=table_loading_row.js.map

package/dist/src/components/table/table_loading_row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_loading_row.js","sourceRoot":"","sources":["../../../../src/components/table/table_loading_row.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAkD,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACrG,0BAAe,YAAY,CAAC,WAAW,EAAE,SAAS,EAAE,eAAe,CAAC,SAAS,YACzE,aAAI,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,CAAC,cAAc,YAC1D,QAAQ,IAAI,KAAC,aAAa,KAAG,GAC7B,GACJ,CACR,CAAC"}

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

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

package/dist/src/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,YAAY,CAAC;AAEhD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAqBtC,CAAC"}

package/dist/src/components/table/table_row.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { TableRowLinkContext } from './table.context.js';
+import { tableClassNames } from './table.styled.js';
+import { tableTestIds } from './table_test_ids.js';
+export const TableRow = ({ className, clickable, expanded, to, ...rest }) => {
+    const row = (_jsx("tr", { "data-test": tableTestIds.ROW, className: clsx(tableClassNames.BODY_ROW, (clickable || to) && tableClassNames.BODY_ROW_CLICKABLE, expanded && tableClassNames.BODY_ROW_EXPANDED, className), ...rest }));
+    if (!to)
+        return row;
+    return (_jsx(TableRowLinkContext.Provider, { value: to, children: row }));
+};
+//# sourceMappingURL=table_row.js.map

package/dist/src/components/table/table_row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_row.js","sourceRoot":"","sources":["../../../../src/components/table/table_row.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC3F,MAAM,GAAG,GAAG,CACR,0BACe,YAAY,CAAC,GAAG,EAC3B,SAAS,EAAE,IAAI,CACX,eAAe,CAAC,QAAQ,EACxB,CAAC,SAAS,IAAI,EAAE,CAAC,IAAI,eAAe,CAAC,kBAAkB,EACvD,QAAQ,IAAI,eAAe,CAAC,iBAAiB,EAC7C,SAAS,CACZ,KACG,IAAI,GACV,CACL,CAAC;IAEF,IAAI,CAAC,EAAE;QAAE,OAAO,GAAG,CAAC;IAEpB,OAAO,CACH,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAClC,GAAG,GACuB,CAClC,CAAC;AACN,CAAC,CAAC"}

package/dist/src/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/src/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/src/components/table/table_test_ids.js

@@ -0,0 +1,16 @@
+export const tableTestIds = {
+    TABLE: 'Table-table',
+    HEAD: 'Table-head',
+    HEAD_ROW: 'Table-headRow',
+    HEAD_CELL: 'Table-headCell',
+    BODY: 'Table-body',
+    ROW: 'Table-row',
+    CELL: 'Table-cell',
+    FOOT: 'Table-foot',
+    WRAPPER: 'Table-wrapper',
+    EMPTY_ROW: 'Table-emptyRow',
+    LOADING_ROW: 'Table-loadingRow',
+    ERROR_ROW: 'Table-errorRow',
+    EXPANSION_ROW: 'Table-expansionRow',
+};
+//# sourceMappingURL=table_test_ids.js.map

package/dist/src/components/table/table_test_ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_test_ids.js","sourceRoot":"","sources":["../../../../src/components/table/table_test_ids.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,eAAe;IACzB,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,YAAY;IAClB,GAAG,EAAE,WAAW;IAChB,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,eAAe;IACxB,SAAS,EAAE,gBAAgB;IAC3B,WAAW,EAAE,kBAAkB;IAC/B,SAAS,EAAE,gBAAgB;IAC3B,aAAa,EAAE,oBAAoB;CACtC,CAAC"}

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

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

package/dist/src/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;AAUhC,OAAO,KAAK,EAAE,uCAAuC,EAAE,MAAM,YAAY,CAAC;AAE1E,eAAO,MAAM,kCAAkC,EAAE,EAAE,CAAC,uCAAuC,CA0D1F,CAAC"}

package/dist/src/components/table/table_wrapper.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from 'react';
+import { Box } from '../box.js';
+import { StyledHorizontallyScrollableTableWrapper, StyledTableFooterWrapper, tableClassNames, } from './table.styled.js';
+import { tableTestIds } from './table_test_ids.js';
+export const 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 undefined;
+        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 (_jsxs(StyledHorizontallyScrollableTableWrapper, { "data-test": tableTestIds.WRAPPER, ref: wrapperRef, className: className, children: [_jsx(Box, { className: tableClassNames.WRAPPER_SCROLLABLE, ref: scrollableRef, children: children }), footer && (_jsx(StyledTableFooterWrapper, { children: footer }))] }));
+};
+//# sourceMappingURL=table_wrapper.js.map

package/dist/src/components/table/table_wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_wrapper.js","sourceRoot":"","sources":["../../../../src/components/table/table_wrapper.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { To } from '../link.js';
+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=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAErC,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"}