@apify/ui-library 1.132.1 → 1.133.0

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"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/table/types.ts"],"names":[],"mappings":""}