@homebound/beam 2.378.1 → 2.379.1

package/dist/components/Table/components/ExpandableHeader.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExpandableHeader = ExpandableHeader;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const Icon_1 = require("../../Icon");
-const TableState_1 = require("../utils/TableState");
-const utils_1 = require("../utils/utils");
-const Css_1 = require("../../../Css");
-const hooks_1 = require("../../../hooks");
-const utils_2 = require("../../../utils");
-const Loader_1 = require("../../Loader");
-function ExpandableHeader(props) {
-    const { title, column, minStickyLeftOffset, as, tooltipEl } = props;
-    const { tableState } = (0, react_1.useContext)(TableState_1.TableStateContext);
-    const expandedColumnIds = (0, hooks_1.useComputed)(() => tableState.expandedColumnIds, [tableState]);
-    const isExpanded = expandedColumnIds.includes(column.id);
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
-    // Do not apply sticky styles when rendering as table. Currently the table does not properly respect column widths, causing the sticky offsets to be incorrect
-    const applyStickyStyles = isExpanded && as !== "table";
-    const { hoverProps, isHovered } = (0, hooks_1.useHover)({});
-    return ((0, jsx_runtime_1.jsxs)("button", { ...hoverProps, css: Css_1.Css.df.xsMd.aic.jcsb.gap2.px1.hPx(32).mxPx(-8).w("calc(100% + 16px)").br4.blue700.if(isHovered).bgGray100.$, onClick: async () => {
-            if ((0, utils_2.isFunction)(column.expandColumns)) {
-                setIsLoading(true);
-                await tableState.loadExpandedColumns(column.id);
-                setIsLoading(false);
-            }
-            // manually calling this as loadExpandedColumns does not toggle
-            tableState.toggleExpandedColumn(column.id);
-        }, "data-testid": "expandableColumn", children: [(0, jsx_runtime_1.jsxs)("span", { css: Css_1.Css.df.aic
-                    .if(applyStickyStyles)
-                    .sticky.leftPx(minStickyLeftOffset + 12)
-                    .pr2.mr2.bgWhite.z(utils_1.zIndices.expandableHeaderTitle)
-                    .if(isHovered).bgGray100.$, children: [(0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.tal.lineClamp2.$, children: title }), tooltipEl] }), (0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.if(applyStickyStyles).sticky.rightPx(12).z(utils_1.zIndices.expandableHeaderIcon).$, children: isLoading ? (0, jsx_runtime_1.jsx)(Loader_1.Loader, { size: "xs" }) : (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: isExpanded ? "chevronLeft" : "chevronRight", inc: 2 }) })] }));
-}

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

@@ -1,11 +0,0 @@
-import { GridDataRow, GridStyle, RenderAs } from "..";
-interface KeptGroupRowProps {
-    as: RenderAs;
-    columnSizes: string[];
-    style: GridStyle;
-    row: GridDataRow<any>;
-    colSpan: number;
-}
-export declare function KeptGroupRow(props: KeptGroupRowProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=KeptGroupRow.d.ts.map

package/dist/components/Table/components/KeptGroupRow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"KeptGroupRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/components/KeptGroupRow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAqB,WAA6B;AAK3G,UAAU,iBAAiB;IACzB,EAAE,EAAE,QAAQ,CAAC;IACb,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,oDA4BpD"}

package/dist/components/Table/components/KeptGroupRow.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KeptGroupRow = KeptGroupRow;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const components_1 = require("../..");
-const Table_1 = require("..");
-const Css_1 = require("../../../Css");
-const hooks_1 = require("../../../hooks");
-const utils_1 = require("../../../utils");
-function KeptGroupRow(props) {
-    const { as, columnSizes, style, row, colSpan } = props;
-    const CellTag = as === "table" ? "td" : "div";
-    const { tableState } = (0, react_1.useContext)(Table_1.TableStateContext);
-    const numHiddenSelectedRows = (0, hooks_1.useComputed)(() => tableState.keptRows.length, [tableState]);
-    return ((0, jsx_runtime_1.jsx)(CellTag, { css: {
-            ...style.cellCss,
-            ...style.keptGroupRowCss,
-            ...Css_1.Css.pl0.w(`calc(${columnSizes.join(" + ")})`).$,
-        }, ...(as === "table" ? { colSpan } : {}), children: (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.aic.gapPx(12).$, children: [(0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.wPx(38).df.jcc.$, children: (0, jsx_runtime_1.jsx)(Table_1.CollapseToggle, { row: row, compact: true }) }), (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.aic.gap1.$, children: [(0, jsx_runtime_1.jsx)(components_1.Icon, { icon: "infoCircle", inc: 2 }), `${numHiddenSelectedRows} selected ${(0, utils_1.pluralize)(numHiddenSelectedRows, "row")} hidden due to filters`] })] }) }));
-}

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

@@ -1,78 +0,0 @@
-import { ReactElement } from "react";
-import { GridStyle, RowStyles } from "../TableStyles";
-import { DiscriminateUnion, IfAny, Kinded, Pin, RenderAs } from "../types";
-import { RowState } from "../utils/RowState";
-import { AnyObject } from "../../../types";
-interface RowProps<R extends Kinded> {
-    as: RenderAs;
-    rs: RowState<R>;
-    style: GridStyle;
-    rowStyles: RowStyles<R> | undefined;
-    columnSizes: string[];
-    getCount: (id: string) => object;
-    cellHighlight: boolean;
-    omitRowHover: boolean;
-    hasExpandableHeader: boolean;
-    onDragStart?: (row: GridDataRow<R>, event: React.DragEvent<HTMLElement>) => void;
-    onDragEnd?: (row: GridDataRow<R>, event: React.DragEvent<HTMLElement>) => void;
-    onDrop?: (row: GridDataRow<R>, event: React.DragEvent<HTMLElement>) => void;
-    onDragEnter?: (row: GridDataRow<R>, event: React.DragEvent<HTMLElement>) => void;
-    onDragOver?: (row: GridDataRow<R>, event: React.DragEvent<HTMLElement>) => void;
-}
-declare function RowImpl<R extends Kinded, S>(props: RowProps<R>): ReactElement;
-/**
- * Memoizes rows so that re-rendering the table doesn't re-render every single row.
- *
- * We used to have a custom `propsAreEqual` method that would only compare `props.rows`
- * on the `data` attribute, b/c our `createRows` methods do not create stable row identities;
- * i.e. if one row changes, they all change.
- *
- * However, now RowState.row synthesizes a `row` that only reactively changes when
- * that row's `data` explicitly changes, so we no longer need a custom `propsAreEqual` here.
- */
-export declare const Row: typeof RowImpl;
-/** A specific kind of row, including the GridDataRow props. */
-export type GridRowKind<R extends Kinded, P extends R["kind"]> = DiscriminateUnion<R, "kind", P> & {
-    id: string;
-    children: GridDataRow<R>[];
-    selectable?: false;
-};
-/**
- * The data for any row in the table, marked by `kind` so that each column knows how to render it.
- *
- * Each `kind` should contain very little presentation logic, i.e. mostly just off-the-wire data from
- * a GraphQL query.
- *
- * The presentation concerns instead mainly live in each GridColumn definition, which will format/render
- * each kind's data for that specific row+column (i.e. cell) combination.
- */
-export type GridDataRow<R extends Kinded> = {
-    kind: R["kind"];
-    /** Combined with the `kind` to determine a table wide React key. */
-    id: string;
-    /** A list of parent/grand-parent ids for collapsing parent/child rows. */
-    children?: GridDataRow<R>[];
-    /**
-     * Whether to pin this sort to the first/last of its parent's children.
-     *
-     * By default, pinned rows are always shown/not filtered out, however providing
-     * the pin `filter: true` property will allow pinned rows to be hidden
-     * while filtering.
-     */
-    pin?: "first" | "last" | Pin;
-    data: unknown;
-    /** Whether to have the row collapsed (children not visible) on initial load. This will be ignore in subsequent re-renders of the table */
-    initCollapsed?: boolean;
-    /** Whether to have the row selected on initial load. This will be ignore in subsequent re-renders of the table */
-    initSelected?: boolean;
-    /** Whether row can be selected */
-    selectable?: false;
-    /** Whether this row should infer its selected state based on its children's selected state */
-    inferSelectedState?: false;
-    /** Whether this row is draggable, usually to allow drag & drop reordering of rows */
-    draggable?: boolean;
-} & IfAny<R, AnyObject, DiscriminateUnion<R, "kind", R["kind"]>>;
-export declare const BorderHoverParent = "BorderHoverParent";
-export declare const BorderHoverChild = "BorderHoverChild";
-export {};
-//# sourceMappingURL=Row.d.ts.map

package/dist/components/Table/components/Row.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/components/Row.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAmC,MAAM,OAAO,CAAC;AAStE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,uBAAyC;AACxE,OAAO,EAAE,iBAAiB,EAAoB,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,iBAAmC;AAC/G,OAAO,EAAe,QAAQ,EAAE,0BAA4C;AAoB5E,OAAO,EAAE,SAAS,EAAE,uBAAkB;AAItC,UAAU,QAAQ,CAAC,CAAC,SAAS,MAAM;IACjC,EAAE,EAAE,QAAQ,CAAC;IACb,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACpC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IACjC,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACjF,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC/E,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC5E,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACjF,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAGjF;AAGD,iBAAS,OAAO,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,YAAY,CA+TtE;AAED;;;;;;;;;GASG;AAEH,eAAO,MAAM,GAAG,EAAwB,OAAO,OAAO,CAAC;AAEvD,+DAA+D;AAC/D,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,iBAAiB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,GAAG;IACjG,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,IAAI;IAC1C,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;IAChB,oEAAoE;IACpE,EAAE,EAAE,MAAM,CAAC;IACX,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B;;;;;;OAMG;IACH,GAAG,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,GAAG,CAAC;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,0IAA0I;IAC1I,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kHAAkH;IAClH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kCAAkC;IAClC,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,8FAA8F;IAC9F,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAGjE,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,gBAAgB,qBAAqB,CAAC"}

package/dist/components/Table/components/Row.js

@@ -1,254 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BorderHoverChild = exports.BorderHoverParent = exports.Row = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const react_1 = require("react");
-const cell_1 = require("./cell");
-const KeptGroupRow_1 = require("./KeptGroupRow");
-const RowState_1 = require("../utils/RowState");
-const sortRows_1 = require("../utils/sortRows");
-const TableState_1 = require("../utils/TableState");
-const utils_1 = require("../utils/utils");
-const Css_1 = require("../../../Css");
-const utils_2 = require("../../../utils");
-const use_debounce_1 = require("use-debounce");
-// We extract Row to its own mini-component primarily so we can React.memo'ize it.
-function RowImpl(props) {
-    const { as, rs, style, rowStyles, columnSizes, getCount, cellHighlight, omitRowHover, hasExpandableHeader, onDragStart, onDragEnd, onDrop, onDragEnter, onDragOver, ...others } = props;
-    const { tableState } = (0, react_1.useContext)(TableState_1.TableStateContext);
-    // We're wrapped in observer, so can access these without useComputeds
-    const { api, visibleColumns: columns } = tableState;
-    const { row, api: rowApi, isActive, isKept: isKeptRow, isLastKeptRow, level } = rs;
-    // We treat the "header" and "totals" kind as special for "good defaults" styling
-    const isHeader = row.kind === utils_1.HEADER;
-    const isTotals = row.kind === utils_1.TOTALS;
-    const isExpandableHeader = row.kind === utils_1.EXPANDABLE_HEADER;
-    const isKeptGroupRow = row.kind === utils_1.KEPT_GROUP;
-    const rowStyle = rowStyles?.[row.kind];
-    const RowTag = as === "table" ? "tr" : "div";
-    const sortOn = tableState.sortConfig?.on;
-    const revealOnRowHoverClass = "revealOnRowHover";
-    const showRowHoverColor = !utils_1.reservedRowKinds.includes(row.kind) && !omitRowHover && style.rowHoverColor !== "none";
-    const rowStyleCellCss = (0, utils_1.maybeApplyFunction)(row, rowStyle?.cellCss);
-    const levelStyle = style.levels && (typeof style.levels === "function" ? style.levels(level) : style.levels[level]);
-    const levelIndent = levelStyle?.rowIndent;
-    const containerCss = {
-        ...Css_1.Css.add("transition", "padding 0.25s ease-in-out").$,
-        ...(rs.isDraggedOver === RowState_1.DraggedOver.Above && Css_1.Css.ptPx(25).$),
-        ...(rs.isDraggedOver === RowState_1.DraggedOver.Below && Css_1.Css.pbPx(25).$),
-    };
-    const rowCss = {
-        ...(!utils_1.reservedRowKinds.includes(row.kind) && style.nonHeaderRowCss),
-        // Optionally include the row hover styles, by default they should be turned on.
-        ...(showRowHoverColor && {
-            // Even though backgroundColor is set on the cellCss, the hover target is the row.
-            "&:hover > *": Css_1.Css.bgColor(style.rowHoverColor ?? Css_1.Palette.Blue100).$,
-        }),
-        ...(!utils_1.reservedRowKinds.includes(row.kind) &&
-            style.nonHeaderRowHoverCss && {
-            // Need to spread this to make TS happy.
-            ":hover": { ...style.nonHeaderRowHoverCss },
-        }),
-        ...(levelIndent && Css_1.Css.mlPx(levelIndent).$),
-        // For virtual tables use `display: flex` to keep all cells on the same row. For each cell in the row use `fn` to ensure they stay their defined widths
-        ...(as === "table" ? {} : Css_1.Css.relative.df.fg1.fs1.addIn("&>*", Css_1.Css.fn.$).$),
-        // Apply `cursorPointer` to the row if it has a link or `onClick` value.
-        ...((rowStyle?.rowLink || rowStyle?.onClick) && { "&:hover": Css_1.Css.cursorPointer.$ }),
-        ...(0, utils_1.maybeApplyFunction)(row, rowStyle?.rowCss),
-        ...{
-            [` > .${revealOnRowHoverClass} > *`]: Css_1.Css.vh.$,
-            [`:hover > .${revealOnRowHoverClass} > *`]: Css_1.Css.vv.$,
-        },
-        ...(isLastKeptRow && Css_1.Css.addIn("&>*", style.keptLastRowCss).$),
-    };
-    let currentColspan = 1;
-    // Keep a running count of how many expanded columns are being shown.
-    let currentExpandedColumnCount = 0;
-    let foundFirstContentColumn = false;
-    let minStickyLeftOffset = 0;
-    let expandColumnHidden = false;
-    // used to render the whole row when dragging with the handle
-    const ref = (0, react_1.useRef)(null);
-    // debounce drag over callback to avoid excessive re-renders
-    const dragOverCallback = (0, react_1.useCallback)((row, evt) => onDragOver?.(row, evt), [onDragOver]);
-    // when the event is not called, we still need to call preventDefault
-    const onDragOverDebounced = (0, use_debounce_1.useDebouncedCallback)(dragOverCallback, 100);
-    const RowContent = () => ((0, jsx_runtime_1.jsx)(RowTag, { css: rowCss, ...others, "data-gridrow": true, ...getCount(row.id), ref: ref, className: exports.BorderHoverParent, children: isKeptGroupRow ? ((0, jsx_runtime_1.jsx)(KeptGroupRow_1.KeptGroupRow, { as: as, style: style, columnSizes: columnSizes, row: row, colSpan: columns.length })) : (columns.map((column, columnIndex) => {
-            // If the expandable column was hidden, then we need to look at the previous column to format the `expandHeader` and 'header' kinds correctly.
-            const maybeExpandedColumn = expandColumnHidden ? columns[columnIndex - 1] : column;
-            // Figure out if this column should be considered 'expanded' or not. If the column is hidden on expand, then we need to look at the previous column to see if it's expanded.
-            const isExpanded = tableState.isExpandedColumn(maybeExpandedColumn.id);
-            // If the column is hidden on expand, we don't want to render it. We'll flag that it was hidden, so on the next column we can render this column's "expandHeader" property.
-            if (column.hideOnExpand && isExpanded) {
-                expandColumnHidden = true;
-                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-            }
-            // Need to keep track of the expanded columns so we can add borders as expected for the header rows
-            const numExpandedColumns = isExpanded
-                ? tableState.numberOfExpandedChildren(maybeExpandedColumn.id)
-                    ? // Subtract 1 if the column is hidden on expand, since we're not rendering it.
-                        tableState.numberOfExpandedChildren(maybeExpandedColumn.id) - (maybeExpandedColumn.hideOnExpand ? 1 : 0)
-                    : 0
-                : 0;
-            // If we're rendering the Expandable Header row, then we might need to render the previous column's `expandHeader` property in the case where the column is hidden on expand.
-            column = isExpandableHeader ? maybeExpandedColumn : column;
-            const { wrapAction = true, isAction = false } = column;
-            const isFirstContentColumn = !isAction && !foundFirstContentColumn;
-            const applyFirstContentColumnStyles = !isHeader && isFirstContentColumn;
-            foundFirstContentColumn ||= applyFirstContentColumnStyles;
-            // When using the variation of the table with an EXPANDABLE_HEADER, then our HEADER and TOTAL rows have special border styling
-            // Keep track of the when we get to the last expanded column so we can apply this styling properly.
-            if (hasExpandableHeader && (isHeader || isTotals)) {
-                // When the value of `currentExpandedColumnCount` is 0, then we have started over.
-                // If the current column `isExpanded`, then store the number of expandable columns.
-                if (currentExpandedColumnCount === 0 && isExpanded) {
-                    currentExpandedColumnCount = numExpandedColumns;
-                }
-                else if (currentExpandedColumnCount > 0) {
-                    // If value is great than 0, then decrement. Once the value equals 0, then the special styling will be applied below.
-                    currentExpandedColumnCount -= 1;
-                }
-            }
-            // Reset the expandColumnHidden flag once done with logic based upon it.
-            expandColumnHidden = false;
-            // Decrement colspan count and skip if greater than 1.
-            if (currentColspan > 1) {
-                currentColspan -= 1;
-                return null;
-            }
-            // Combine all our drag stuff into a mini-context/parameter object...
-            const dragData = {
-                rowRenderRef: ref,
-                onDragStart,
-                onDragEnd,
-                onDrop,
-                onDragEnter,
-                onDragOver: onDragOverDebounced,
-            };
-            const maybeContent = (0, utils_1.applyRowFn)(column, row, rowApi, level, isExpanded, dragData);
-            // Only use the `numExpandedColumns` as the `colspan` when rendering the "Expandable Header"
-            currentColspan =
-                (0, utils_1.isGridCellContent)(maybeContent) && typeof maybeContent.colspan === "number"
-                    ? maybeContent.colspan
-                    : isExpandableHeader
-                        ? numExpandedColumns + 1
-                        : 1;
-            const revealOnRowHover = (0, utils_1.isGridCellContent)(maybeContent) ? maybeContent.revealOnRowHover : false;
-            const canSortColumn = (sortOn === "client" && column.clientSideSort !== false) ||
-                (sortOn === "server" && !!column.serverSideSortKey);
-            const alignment = (0, utils_1.getAlignment)(column, maybeContent);
-            const justificationCss = (0, utils_1.getJustification)(column, maybeContent, as, alignment);
-            const isExpandable = (0, utils_2.isFunction)(column.expandColumns) ||
-                (column.expandColumns && column.expandColumns.length > 0) ||
-                column.expandedWidth !== undefined;
-            const content = (0, utils_1.toContent)(maybeContent, isHeader, canSortColumn, sortOn === "client", style, as, alignment, column, isExpandableHeader, isExpandable, minStickyLeftOffset, isKeptRow);
-            (0, sortRows_1.ensureClientSideSortValueIsSortable)(sortOn, isHeader || isTotals || isExpandableHeader, column, columnIndex, maybeContent);
-            const maybeSticky = (((0, utils_1.isGridCellContent)(maybeContent) && maybeContent.sticky) || column.sticky) ?? undefined;
-            const maybeStickyColumnStyles = maybeSticky && columnSizes
-                ? {
-                    ...Css_1.Css.sticky.z(utils_1.zIndices.stickyColumns).bgWhite.$,
-                    ...(maybeSticky === "left"
-                        ? Css_1.Css.left(columnIndex === 0 ? 0 : `calc(${columnSizes.slice(0, columnIndex).join(" + ")})`).$
-                        : {}),
-                    ...(maybeSticky === "right"
-                        ? Css_1.Css.right(columnIndex + 1 === columnSizes.length
-                            ? 0
-                            : `calc(${columnSizes.slice(columnIndex + 1 - columnSizes.length).join(" + ")})`).$
-                        : {}),
-                }
-                : {};
-            // This relies on our column sizes being defined in pixel values, which is currently true as we calculate to pixel values in the `useSetupColumnSizes` hook
-            minStickyLeftOffset += maybeSticky === "left" ? parseInt(columnSizes[columnIndex].replace("px", ""), 10) : 0;
-            const cellId = `${row.kind}_${row.id}_${column.id}`;
-            const applyCellHighlight = cellHighlight && !!column.id && !isHeader && !isTotals;
-            const isCellActive = tableState.activeCellId === cellId;
-            // Note that it seems expensive to calc a per-cell class name/CSS-in-JS output,
-            // vs. setting global/table-wide CSS like `style.cellCss` on the root grid div with
-            // a few descendent selectors. However, that approach means the root grid-applied
-            // CSS has a high-specificity and so its harder for per-page/per-cell business logic
-            // to override it. So, we just calc the combined table-wide+per-cell-overridden CSS here,
-            // in a very CSS-in-JS idiomatic manner.
-            //
-            // In practice we've not seen any performance issues with this from our "large but
-            // not Google spreadsheets" tables.
-            const cellCss = {
-                // Adding `display: flex` so we can align content within the cells, unless it is displayed as a `table`, then use `table-cell`.
-                ...Css_1.Css.df.if(as === "table").dtc.$,
-                // Apply sticky column/cell styles
-                ...maybeStickyColumnStyles,
-                // Apply any static/all-cell styling
-                ...style.cellCss,
-                // Then override with first/last cell styling
-                ...(0, utils_1.getFirstOrLastCellCss)(style, columnIndex, columns),
-                // Then override with per-cell/per-row justification
-                ...justificationCss,
-                // Then apply any header-specific override
-                ...(isHeader && style.headerCellCss),
-                // Then apply any totals-specific override
-                ...(isTotals && style.totalsCellCss),
-                ...(isTotals && hasExpandableHeader && Css_1.Css.boxShadow(`inset 0 -1px 0 ${Css_1.Palette.Gray200}`).$),
-                // Then apply any expandable header specific override
-                ...(isExpandableHeader && style.expandableHeaderCss),
-                // Conditionally apply the right border styling for the header or totals row when using expandable tables
-                // Only apply if not the last column in the table AND when this column is the last column in the group of expandable column or not expanded AND
-                ...(hasExpandableHeader &&
-                    columns.length - 1 !== columnIndex &&
-                    (isHeader || isTotals) &&
-                    currentExpandedColumnCount === 0 &&
-                    Css_1.Css.boxShadow(`inset -1px -1px 0 ${Css_1.Palette.Gray200}`).$),
-                // Or level-specific styling
-                ...(!isHeader && !isTotals && !isExpandableHeader && levelStyle?.cellCss),
-                // Level specific styling for the first content column
-                ...(applyFirstContentColumnStyles && levelStyle?.firstContentColumn),
-                // The specific cell's css (if any from GridCellContent)
-                ...rowStyleCellCss,
-                // Apply active row styling for non-nested card styles.
-                ...(isActive ? Css_1.Css.bgColor(style.activeBgColor ?? Css_1.Palette.Blue50).$ : {}),
-                // Add any cell specific style overrides
-                ...((0, utils_1.isGridCellContent)(maybeContent) && maybeContent.typeScale ? Css_1.Css[maybeContent.typeScale].$ : {}),
-                // And any cell specific css
-                ...((0, utils_1.isGridCellContent)(maybeContent) && maybeContent.css ? maybeContent.css : {}),
-                // Apply cell highlight styles to active cell and hover
-                ...Css_1.Css.if(applyCellHighlight && isCellActive).br4.boxShadow(`inset 0 0 0 1px ${Css_1.Palette.Blue700}`).$,
-                // Define the width of the column on each cell. Supports col spans.
-                // If we have a 'levelIndent' defined, then subtract that amount from the first content column's width to ensure all columns will still line up properly
-                width: `calc(${columnSizes.slice(columnIndex, columnIndex + currentColspan).join(" + ")}${applyFirstContentColumnStyles && levelIndent ? ` - ${levelIndent}px` : ""})`,
-            };
-            const cellClassNames = revealOnRowHover ? revealOnRowHoverClass : undefined;
-            const cellOnClick = applyCellHighlight ? () => api.setActiveCellId(cellId) : undefined;
-            const tooltip = (0, utils_1.isGridCellContent)(maybeContent) ? maybeContent.tooltip : undefined;
-            const renderFn = (rowStyle?.renderCell || rowStyle?.rowLink) && wrapAction
-                ? (0, cell_1.rowLinkRenderFn)(as, currentColspan)
-                : isHeader || isTotals || isExpandableHeader
-                    ? (0, cell_1.headerRenderFn)(column, as, currentColspan)
-                    : rowStyle?.onClick && wrapAction
-                        ? (0, cell_1.rowClickRenderFn)(as, api, currentColspan)
-                        : (0, cell_1.defaultRenderFn)(as, currentColspan);
-            return renderFn(columnIndex, cellCss, content, row, rowStyle, cellClassNames, cellOnClick, tooltip);
-        })) }));
-    return row.draggable ? ((0, jsx_runtime_1.jsx)("div", { css: containerCss, 
-        // these events are necessary to get the dragged-over row for the drop event
-        // and spacer styling
-        onDrop: (evt) => onDrop?.(row, evt), onDragEnter: (evt) => onDragEnter?.(row, evt), onDragOver: (evt) => {
-            // when the event isn't called due to debounce, we still need to
-            // call preventDefault for the drop event to fire
-            evt.preventDefault();
-            onDragOverDebounced(row, evt);
-        }, children: RowContent() })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: RowContent() }));
-}
-/**
- * Memoizes rows so that re-rendering the table doesn't re-render every single row.
- *
- * We used to have a custom `propsAreEqual` method that would only compare `props.rows`
- * on the `data` attribute, b/c our `createRows` methods do not create stable row identities;
- * i.e. if one row changes, they all change.
- *
- * However, now RowState.row synthesizes a `row` that only reactively changes when
- * that row's `data` explicitly changes, so we no longer need a custom `propsAreEqual` here.
- */
-// Declared as a const + `as typeof RowImpl` to work with generics, see https://github.com/DefinitelyTyped/DefinitelyTyped/issues/37087#issuecomment-656596623
-exports.Row = (0, mobx_react_1.observer)(RowImpl);
-// Used by TextFieldBase to set a border when the row is being hovered over
-exports.BorderHoverParent = "BorderHoverParent";
-exports.BorderHoverChild = "BorderHoverChild";

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

@@ -1,8 +0,0 @@
-interface SelectToggleProps {
-    id: string;
-    disabled?: boolean;
-}
-/** Provides a checkbox to show/drive this row's selected state. */
-export declare function SelectToggle({ id, disabled }: SelectToggleProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=SelectToggle.d.ts.map

package/dist/components/Table/components/SelectToggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/components/SelectToggle.tsx"],"names":[],"mappings":"AAKA,UAAU,iBAAiB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,mEAAmE;AACnE,wBAAgB,YAAY,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,iBAAiB,oDAc/D"}

package/dist/components/Table/components/SelectToggle.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectToggle = SelectToggle;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const TableState_1 = require("../utils/TableState");
-const hooks_1 = require("../../../hooks");
-const inputs_1 = require("../../../inputs");
-/** Provides a checkbox to show/drive this row's selected state. */
-function SelectToggle({ id, disabled }) {
-    const { tableState } = (0, react_1.useContext)(TableState_1.TableStateContext);
-    const state = (0, hooks_1.useComputed)(() => tableState.getSelected(id), [tableState]);
-    const selected = state === "checked" ? true : state === "unchecked" ? false : "indeterminate";
-    return ((0, jsx_runtime_1.jsx)(inputs_1.Checkbox, { checkboxOnly: true, disabled: disabled, label: "Select", onChange: (selected) => tableState.selectRow(id, selected), selected: selected }));
-}

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

@@ -1,23 +0,0 @@
-import { ReactNode } from "react";
-import { Properties } from "../../../Css";
-interface SortHeaderProps {
-    content: string;
-    xss?: Properties;
-    iconOnLeft?: boolean;
-    sortKey: string;
-    tooltipEl?: ReactNode;
-}
-/**
- * Wraps column header names with up/down sorting icons.
- *
- * GridTable will use this automatically if the header content is just a text string.
- *
- * Alternatively, callers can also:
- *
- * - Instantiate this SortHeader directly with some customizations in `xss`, or
- * - Write their own component that uses `GridSortContext` to access the column's
- *   current sort state + `toggleSort` function
- */
-export declare function SortHeader(props: SortHeaderProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=SortHeader.d.ts.map

package/dist/components/Table/components/SortHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/components/SortHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAgB,UAAU,EAAE,qBAAgB;AAInD,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,oDAkChD"}

package/dist/components/Table/components/SortHeader.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SortHeader = SortHeader;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const Icon_1 = require("../../Icon");
-const TableState_1 = require("../utils/TableState");
-const Css_1 = require("../../../Css");
-const hooks_1 = require("../../../hooks");
-const useTestIds_1 = require("../../../utils/useTestIds");
-/**
- * Wraps column header names with up/down sorting icons.
- *
- * GridTable will use this automatically if the header content is just a text string.
- *
- * Alternatively, callers can also:
- *
- * - Instantiate this SortHeader directly with some customizations in `xss`, or
- * - Write their own component that uses `GridSortContext` to access the column's
- *   current sort state + `toggleSort` function
- */
-function SortHeader(props) {
-    const { content, xss, iconOnLeft = false, sortKey, tooltipEl } = props;
-    const { isHovered, hoverProps } = (0, hooks_1.useHover)({});
-    const { tableState } = (0, react_1.useContext)(TableState_1.TableStateContext);
-    const current = (0, hooks_1.useComputed)(() => tableState.sortState?.current, [tableState]);
-    const sorted = sortKey === current?.columnId ? current?.direction : undefined;
-    const toggleSort = (0, react_1.useCallback)(() => tableState.setSortKey(sortKey), [sortKey, tableState]);
-    const tid = (0, useTestIds_1.useTestIds)(props, "sortHeader");
-    const icon = ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fs0.$, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: sorted === "DESC" ? "sortDown" : "sortUp", color: sorted !== undefined ? Css_1.Palette.Blue700 : Css_1.Palette.Gray400, xss: {
-                ...Css_1.Css.ml1.if(iconOnLeft).mr1.ml0.$,
-                ...Css_1.Css.visibility("hidden")
-                    .if(isHovered || sorted !== undefined)
-                    .visibility("visible").$,
-            }, inc: 2, ...tid.icon }) }));
-    return ((0, jsx_runtime_1.jsxs)("div", { ...tid, css: { ...Css_1.Css.df.aic.h100.cursorPointer.usn.$, ...xss }, ...hoverProps, onClick: toggleSort, children: [iconOnLeft && icon, (0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.lineClamp2.$, children: content }), tooltipEl, !iconOnLeft && icon] }));
-}

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

@@ -1,48 +0,0 @@
-import { ReactNode } from "react";
-import { GridTableApi } from "../GridTableApi";
-import { RowStyle } from "../TableStyles";
-import { GridCellAlignment, GridColumnWithId, Kinded, MaybeFn, RenderAs } from "../types";
-import { Properties, Typography } from "../../../Css";
-/**
- * Allows a cell to be more than just a RectNode, i.e. declare its alignment or
- * primitive value for filtering and sorting.
- *
- * For a given column, the `GridColumn` can either return a static `GridCellContent`, or
- * more likely use a function that returns a per-column/per-row `GridCellContent` that defines
- * the value (and it's misc alignment/css/etc) for this specific cell.
- */
-export type GridCellContent = {
-    /** The JSX content of the cell. Virtual tables that client-side sort should use a function to avoid perf overhead. */
-    content: MaybeFn<ReactNode>;
-    alignment?: GridCellAlignment;
-    /** Allow value to be a function in case it's a dynamic value i.e. reading from an inline-edited proxy. */
-    value?: MaybeFn<number | string | Date | boolean | null | undefined>;
-    /** The value to use specifically for sorting (i.e. if `value` is used for filtering); defaults to `value`. */
-    sortValue?: MaybeFn<number | string | Date | boolean | null | undefined>;
-    colspan?: number;
-    typeScale?: Typography;
-    /** Allows the cell to stay in place when the user scrolls horizontally, i.e. frozen columns. */
-    sticky?: "left" | "right";
-    /** If provided, content of the cell will be wrapped within a <button /> or <a /> tag depending on if the value is a function or a string. */
-    onClick?: VoidFunction | string;
-    /** Custom css to apply directly to this cell, i.e. cell-specific borders. */
-    css?: Properties;
-    /** Allows cell to reveal content when the user hovers over a row. Content must be wrapped in an element in order to be hidden. IE <div>{value}</div>*/
-    revealOnRowHover?: true;
-    /** Tooltip to add to a cell */
-    tooltip?: ReactNode;
-};
-/** Allows rendering a specific cell. */
-export type RenderCellFn<R extends Kinded> = (idx: number, css: Properties, content: ReactNode, row: R, rowStyle: RowStyle<R> | undefined, classNames: string | undefined, onClick: VoidFunction | undefined, tooltip: ReactNode | undefined) => ReactNode;
-/** Renders our default cell element, i.e. if no row links and no custom renderCell are used. */
-export declare const defaultRenderFn: (as: RenderAs, colSpan: number) => RenderCellFn<any>;
-/**
- * Sets up the `GridContext` so that header cells can access the current sort settings.
- * Used for the Header, Totals, and Expanded Header row's cells.
- * */
-export declare const headerRenderFn: (column: GridColumnWithId<any>, as: RenderAs, colSpan: number) => RenderCellFn<any>;
-/** Renders a cell element when a row link is in play. */
-export declare const rowLinkRenderFn: (as: RenderAs, colSpan: number) => RenderCellFn<any>;
-/** Renders a cell that will fire the RowStyle.onClick. */
-export declare const rowClickRenderFn: (as: RenderAs, api: GridTableApi<any>, colSpan: number) => RenderCellFn<any>;
-//# sourceMappingURL=cell.d.ts.map

package/dist/components/Table/components/cell.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/components/cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,YAAY,EAAE,wBAA0C;AACjE,OAAO,EAAE,QAAQ,EAAE,uBAAyC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAmC;AAC5G,OAAO,EAAO,UAAU,EAAE,UAAU,EAAE,qBAAgB;AAEtD;;;;;;;GAOG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,sHAAsH;IACtH,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,0GAA0G;IAC1G,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACrE,8GAA8G;IAC9G,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACzE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,gGAAgG;IAChG,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,6IAA6I;IAC7I,OAAO,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAChC,6EAA6E;IAC7E,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,uJAAuJ;IACvJ,gBAAgB,CAAC,EAAE,IAAI,CAAC;IACxB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wCAAwC;AACxC,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,IAAI,CAC3C,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,SAAS,EAClB,GAAG,EAAE,CAAC,EACN,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,EACjC,UAAU,EAAE,MAAM,GAAG,SAAS,EAC9B,OAAO,EAAE,YAAY,GAAG,SAAS,EACjC,OAAO,EAAE,SAAS,GAAG,SAAS,KAC3B,SAAS,CAAC;AAEf,gGAAgG;AAChG,eAAO,MAAM,eAAe,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,KAAK,YAAY,CAAC,GAAG,CAc9E,CAAC;AAEJ;;;KAGK;AACL,eAAO,MAAM,cAAc,EAAE,CAAC,MAAM,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,KAAK,YAAY,CAAC,GAAG,CAQ5G,CAAC;AAEJ,yDAAyD;AACzD,eAAO,MAAM,eAAe,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,KAAK,YAAY,CAAC,GAAG,CAiB9E,CAAC;AAEJ,0DAA0D;AAC1D,eAAO,MAAM,gBAAgB,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,KAAK,YAAY,CAAC,GAAG,CAkBvG,CAAC"}

package/dist/components/Table/components/cell.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rowClickRenderFn = exports.rowLinkRenderFn = exports.headerRenderFn = exports.defaultRenderFn = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_router_dom_1 = require("react-router-dom");
-const CssReset_1 = require("../../CssReset");
-const Css_1 = require("../../../Css");
-/** Renders our default cell element, i.e. if no row links and no custom renderCell are used. */
-const defaultRenderFn = (as, colSpan) => (key, css, content, row, rowStyle, classNames, onClick, tooltip) => {
-    const Cell = as === "table" ? "td" : "div";
-    return ((0, jsx_runtime_1.jsx)(Cell, { css: { ...css, ...Css_1.Css.cursor("default").$ }, className: classNames, onClick: onClick, ...(as === "table" && { colSpan }), children: content }, key));
-};
-exports.defaultRenderFn = defaultRenderFn;
-/**
- * Sets up the `GridContext` so that header cells can access the current sort settings.
- * Used for the Header, Totals, and Expanded Header row's cells.
- * */
-const headerRenderFn = (column, as, colSpan) => (key, css, content, row, rowStyle, classNames, onClick, tooltip) => {
-    const Cell = as === "table" ? "th" : "div";
-    return ((0, jsx_runtime_1.jsx)(Cell, { css: { ...css }, className: classNames, ...(as === "table" && { colSpan }), children: content }, key));
-};
-exports.headerRenderFn = headerRenderFn;
-/** Renders a cell element when a row link is in play. */
-const rowLinkRenderFn = (as, colSpan) => (key, css, content, row, rowStyle, classNames, onClick, tooltip) => {
-    const to = rowStyle.rowLink(row);
-    if (as === "table") {
-        return ((0, jsx_runtime_1.jsx)("td", { css: { ...css }, className: classNames, colSpan: colSpan, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { to: to, css: Css_1.Css.tdn.color("unset").db.$, className: CssReset_1.navLink, children: content }) }, key));
-    }
-    return ((0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { to: to, css: { ...Css_1.Css.tdn.color("unset").$, ...css }, className: `${CssReset_1.navLink} ${classNames}`, children: content }, key));
-};
-exports.rowLinkRenderFn = rowLinkRenderFn;
-/** Renders a cell that will fire the RowStyle.onClick. */
-const rowClickRenderFn = (as, api, colSpan) => (key, css, content, row, rowStyle, classNames, onClick, tooltip) => {
-    const Cell = as === "table" ? "td" : "div";
-    return ((0, jsx_runtime_1.jsx)(Cell, { key, css: { ...css }, className: classNames, onClick: (e) => {
-            rowStyle.onClick(row, api);
-            onClick && onClick();
-        }, ...(as === "table" && { colSpan }), children: content }));
-};
-exports.rowClickRenderFn = rowClickRenderFn;