@homebound/beam 2.378.1 → 2.379.1

package/dist/components/Table/GridTableApi.js

@@ -1,202 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridTableApiImpl = void 0;
-exports.useGridTableApi = useGridTableApi;
-exports.maybeApply = maybeApply;
-const mobx_1 = require("mobx");
-const mobx_utils_1 = require("mobx-utils");
-const react_1 = require("react");
-const index_1 = require("../index");
-const TableState_1 = require("./utils/TableState");
-const utils_1 = require("../../utils");
-/**
- * Creates an `api` handle to drive a `GridTable`.
- *
- * ```
- * const api = useGridTableApi<Row>();
- * const count = useComputed(() => api.getSelectedRows().length, [api]);
- * ...
- * return <GridTable api={api} />
- * ```
- *
- * This is very similar to a `useRef`, except that the parent function has
- * immediate access to `api` and can use it for `useComputed`, instead of
- * having to wait for `ref.current` to be set after the child `GridTable`
- * has run.
- */
-function useGridTableApi() {
-    return (0, react_1.useMemo)(() => new GridTableApiImpl(), []);
-}
-// Using `FooImpl`to keep the public GridTableApi definition separate.
-class GridTableApiImpl {
-    // This is public to GridTable but not exported outside of Beam
-    tableState = new TableState_1.TableState(this);
-    virtuosoRef = { current: null };
-    virtuosoRangeRef = { current: null };
-    lookup;
-    constructor() {
-        // This instance gets spread into each row's GridRowApi, so bind the methods up-front
-        bindMethods(this);
-        // Memoize these so that if the user is creating new `data` instances on every render, they
-        // can use `getSelectedRowIds` to observer a stable list of `[pi:1, pi:2]`, etc.
-        this.getVisibleRowsImpl = (0, mobx_utils_1.computedFn)(this.getVisibleRowsImpl, { equals: mobx_1.comparer.shallow });
-        this.getVisibleRowIdsImpl = (0, mobx_utils_1.computedFn)(this.getVisibleRowIdsImpl, { equals: mobx_1.comparer.shallow });
-        this.getSelectedRowsImpl = (0, mobx_utils_1.computedFn)(this.getSelectedRowsImpl, { equals: mobx_1.comparer.shallow });
-        this.getSelectedRowIdsImpl = (0, mobx_utils_1.computedFn)(this.getSelectedRowIdsImpl, { equals: mobx_1.comparer.shallow });
-    }
-    /** Called once by the GridTable when it takes ownership of this api instance. */
-    init(persistCollapse, virtuosoRef, virtuosoRangeRef) {
-        // Technically this drives both row-collapse and column-expanded
-        if (persistCollapse)
-            this.tableState.loadCollapse(persistCollapse);
-        this.virtuosoRef = virtuosoRef;
-        this.virtuosoRangeRef = virtuosoRangeRef;
-        this.lookup = (0, index_1.createRowLookup)(this, virtuosoRef, virtuosoRangeRef);
-    }
-    scrollToIndex(indexOrOptions) {
-        if (!this.virtuosoRef.current)
-            return;
-        const scrollToOpts = typeof indexOrOptions === "number" ? { index: indexOrOptions, behavior: "smooth" } : indexOrOptions;
-        if ((0, index_1.shouldSkipScrollTo)(scrollToOpts.index, this.virtuosoRangeRef))
-            return;
-        this.virtuosoRef.current.scrollToIndex(scrollToOpts);
-    }
-    getSelectedRowIds(kind) {
-        return this.getSelectedRowIdsImpl(kind ?? undefined);
-    }
-    // impl with required param for computedFn
-    getSelectedRowIdsImpl(kind) {
-        return this.tableState.selectedRows.filter((rs) => !kind || rs.kind === kind).map((rs) => rs.row.id);
-    }
-    getSelectedRows(kind) {
-        return this.getSelectedRowsImpl(kind ?? undefined);
-    }
-    // impl with required param for computedFn
-    getSelectedRowsImpl(kind) {
-        return this.tableState.selectedRows.filter((rs) => !kind || rs.kind === kind).map((rs) => rs.row);
-    }
-    // The `any` is not great, but getting the overload to handle the optional kind is annoying
-    getVisibleRows(kind) {
-        return this.getVisibleRowsImpl(kind ?? undefined);
-    }
-    // impl with required param for computedFn
-    getVisibleRowsImpl(kind) {
-        return this.tableState.visibleRows.filter((row) => !kind || row.kind === kind).map((rs) => rs.row);
-    }
-    getVisibleRowIds(kind) {
-        return this.getVisibleRowIdsImpl(kind ?? undefined);
-    }
-    // impl with required param for computedFn
-    getVisibleRowIdsImpl(kind) {
-        return this.tableState.visibleRows.filter((row) => !kind || row.kind === kind).map((rs) => rs.row.id);
-    }
-    clearSelections(id) {
-        this.tableState.selectRow("header", false);
-    }
-    setActiveRowId(id) {
-        this.tableState.activeRowId = id;
-    }
-    setActiveCellId(id) {
-        this.tableState.activeCellId = id;
-    }
-    selectRow(id, selected = true) {
-        this.tableState.selectRow(id, selected);
-    }
-    toggleCollapsedRow(id) {
-        this.tableState.toggleCollapsed(id);
-    }
-    isCollapsedRow(id) {
-        return this.tableState.isCollapsed(id);
-    }
-    setVisibleColumns(ids) {
-        this.tableState.setVisibleColumns(ids);
-    }
-    getVisibleColumnIds() {
-        return this.tableState.visibleColumnIds;
-    }
-    deleteRows(ids) {
-        this.tableState.deleteRows(ids);
-    }
-    downloadToCsv(fileName) {
-        // Create a link element, set the download attribute with the provided filename
-        const link = document.createElement("a");
-        if (link.download === undefined)
-            throw new Error("This browser does not support the download attribute.");
-        // Create a Blob from the CSV content
-        const url = URL.createObjectURL(new Blob([this.generateCsvContent().join("\n")], { type: "text/csv;charset=utf-8;" }));
-        link.setAttribute("href", url);
-        // Strip .csv so we can replace `.`s and then add it back...
-        // (We replace dots to prevent them from messing up the file name extension.)
-        const downloadName = fileName.replace(/\.csv$/, "").replace(/\./g, "_") + ".csv";
-        link.setAttribute("download", downloadName);
-        link.style.visibility = "hidden";
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-    }
-    copyToClipboard() {
-        // Copy the CSV content to the clipboard
-        const content = this.generateCsvContent().join("\n");
-        return navigator.clipboard.writeText(content).catch((err) => {
-            // Let the user know the copy failed...
-            window.alert("Failed to copy to clipboard, probably due to browser restrictions.");
-            throw err;
-        });
-    }
-    // visibleForTesting, not part of the GridTableApi
-    // ...although maybe it could be public someday, to allow getting the raw the CSV content
-    // and then sending it somewhere else, like directly to a gsheet.
-    generateCsvContent() {
-        const csvPrefixRows = this.tableState.csvPrefixRows?.map((row) => row.map(escapeCsvValue).join(",")) ?? [];
-        // Convert the array of rows into CSV format
-        const dataRows = this.tableState.visibleRows.map((rs) => {
-            const values = this.tableState.visibleCsvColumns.map((c) => {
-                // Just guessing for level=1
-                const maybeContent = (0, index_1.applyRowFn)(c, rs.row, this, 1, true, undefined);
-                if ((0, index_1.isGridCellContent)(maybeContent)) {
-                    const cell = maybeContent;
-                    const content = maybeApply(cell.content);
-                    // Anything not isJSX (like a string) we can put into the CSV directly
-                    if (!(0, index_1.isJSX)(content))
-                        return content;
-                    // Otherwise use the value/sortValue values
-                    return (0, utils_1.isDefined)(cell.value) ? maybeApply(cell.value) : cell.sortValue ? maybeApply(cell.sortValue) : "-"; // Do we need the "-" handling unclear if we use it ever
-                }
-                else {
-                    // ReactNode
-                    return (0, index_1.isJSX)(maybeContent) ? "-" : maybeContent;
-                }
-            });
-            return values.map(toCsvString).map(escapeCsvValue).join(",");
-        });
-        return [...csvPrefixRows, ...dataRows];
-    }
-}
-exports.GridTableApiImpl = GridTableApiImpl;
-function toCsvString(value) {
-    if (value === null || value === undefined)
-        return "";
-    if (typeof value === "string")
-        return value;
-    if (typeof value === "number")
-        return value.toString();
-    if (typeof value === "boolean")
-        return value ? "true" : "false";
-    return String(value);
-}
-function escapeCsvValue(value) {
-    // Wrap values with special chars in quotes, and double quotes themselves
-    if (value.includes('"') || value.includes(",") || value.includes("\n")) {
-        return `"${value.replace(/"/g, '""')}"`;
-    }
-    return value;
-}
-function bindMethods(instance) {
-    Object.getOwnPropertyNames(Object.getPrototypeOf(instance)).forEach((key) => {
-        if (instance[key] instanceof Function && key !== "constructor")
-            instance[key] = instance[key].bind(instance);
-    });
-}
-function maybeApply(maybeFn) {
-    return typeof maybeFn === "function" ? maybeFn() : maybeFn;
-}

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

@@ -1,13 +0,0 @@
-import { ReactNode } from "react";
-import { Margin, Only, Xss } from "../../Css";
-type TableActionsXss = Xss<Margin>;
-interface TableActionsProps<X> {
-    xss?: X;
-    children: ReactNode;
-    onlyLeft?: boolean;
-    onlyRight?: boolean;
-}
-/** Provides default spacing for Actions sitting above a table (Filters, Search, etc...) */
-export declare function TableActions<X extends Only<TableActionsXss, X>>(props: TableActionsProps<X>): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=TableActions.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableActions.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAO,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,kBAAgB;AAEjD,KAAK,eAAe,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;AAEnC,UAAU,iBAAiB,CAAC,CAAC;IAC3B,GAAG,CAAC,EAAE,CAAC,CAAC;IACR,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,2FAA2F;AAC3F,wBAAgB,YAAY,CAAC,CAAC,SAAS,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,oDAI3F"}

package/dist/components/Table/TableActions.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableActions = TableActions;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Css_1 = require("../../Css");
-/** Provides default spacing for Actions sitting above a table (Filters, Search, etc...) */
-function TableActions(props) {
-    const { xss, children, onlyLeft, onlyRight } = props;
-    const alignmentStyles = onlyLeft ? Css_1.Css.jcfs.$ : onlyRight ? Css_1.Css.jcfe.$ : Css_1.Css.jcsb.$;
-    return (0, jsx_runtime_1.jsx)("div", { css: { ...Css_1.Css.df.aic.pb2.gap1.$, ...xss, ...alignmentStyles }, children: children });
-}

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

@@ -1,118 +0,0 @@
-import { ReactNode } from "react";
-import { PresentationContextProps, PresentationFieldProps } from "../PresentationContext";
-import { DiscriminateUnion, GridDataRow, GridTableApi, RenderCellFn } from "./index";
-import { Kinded } from "./types";
-import { Palette, Properties, Typography } from "../../Css";
-/** Completely static look & feel, i.e. nothing that is based on row kinds/content. */
-export interface GridStyle {
-    /** Applied to the base div element. */
-    rootCss?: Properties;
-    /** Applied with the owl operator between rows for rendering border lines. */
-    betweenRowsCss?: Properties;
-    /** Applied on the last row of the table. */
-    lastRowCss?: Properties;
-    /** Applied on the first row of the table (could be the Header or Totals row). */
-    firstRowCss?: Properties;
-    /** Applied to every non-header row of the table */
-    nonHeaderRowCss?: Properties;
-    /** Applied to the first non-header row, i.e. if you want to cancel out `betweenRowsCss`. */
-    firstNonHeaderRowCss?: Properties;
-    /** Applied to all cell divs (via a selector off the base div). */
-    cellCss?: Properties;
-    /**
-     * Applied to the header row divs.
-     *
-     * NOTE `as=virtual`: When using a virtual table with the goal of adding space
-     * between the header and the first row use `firstNonHeaderRowCss` with a
-     * margin-top instead. Using `headerCellCss` will not work since the header
-     * rows are wrapper with Chrome rows.
-     */
-    headerCellCss?: Properties;
-    /** Applied to 'kind: "totals"' cells */
-    totalsCellCss?: Properties;
-    /** Applied to 'kind: "expandableHeader"' cells */
-    expandableHeaderCss?: Properties;
-    /** Applied to the first cell of all rows, i.e. for table-wide padding or left-side borders. */
-    firstCellCss?: Properties;
-    /** Applied to the last cell of all rows, i.e. for table-wide padding or right-side borders. */
-    lastCellCss?: Properties;
-    /** Applied if there is a fallback/overflow message showing. */
-    firstRowMessageCss?: Properties;
-    /** Applied on hover if a row has a rowLink/onClick set. */
-    rowHoverColor?: Palette | "none";
-    /** Applied on hover of a row */
-    nonHeaderRowHoverCss?: Properties;
-    /** Default content to put into an empty cell */
-    emptyCell?: ReactNode;
-    presentationSettings?: Pick<PresentationFieldProps, "borderless" | "borderOnHover" | "typeScale"> & Pick<PresentationContextProps, "wrap">;
-    /** Minimum table width in pixels. Used when calculating columns sizes */
-    minWidthPx?: number;
-    /** Css to apply at each level of a parent/child nested table. */
-    levels?: Record<number, {
-        /** Number of pixels to indent the row. This value will be subtracted from the "first content column" width. First content column is the first column that is not an 'action' column (i.e. non-checkbox or non-collapse button column) */
-        rowIndent?: number;
-        cellCss?: Properties;
-        firstContentColumn?: Properties;
-    }> | ((level: number) => {
-        rowIndent?: number;
-        cellCss?: Properties;
-        firstContentColumn?: Properties;
-    });
-    /** Allows for customization of the background color used to denote an "active" row */
-    activeBgColor?: Palette;
-    /** Defines styles for the group row which holds the selected rows that have been filtered out */
-    keptGroupRowCss?: Properties;
-    /** Defines styles for the last row `keptGroup` to provide separation from the rest of the table */
-    keptLastRowCss?: Properties;
-}
-export interface GridStyleDef {
-    /** Changes the height of the rows when `rowHeight: fixed` to provide more space between rows for input fields. */
-    inlineEditing?: boolean;
-    /** Adds styling for grouped rows */
-    grouped?: boolean;
-    /** 'fixed' height rows do not allow text to wrap. 'flexible' allows for wrapping. Defaults to `flexible` */
-    rowHeight?: "fixed" | "flexible";
-    /** Enables cells Highlight and hover */
-    cellHighlight?: boolean;
-    /** Applies a white background to the whole table, including header and group rows. */
-    allWhite?: boolean;
-    /** Whether to apply a border around the whole table */
-    bordered?: boolean;
-    /** Whether to show a hover effect on rows. Defaults to true */
-    rowHover?: boolean;
-    /** Defines the vertical alignment of the content of the cells for the whole table (not including the 'header' rows). Defaults to `center` */
-    vAlign?: "top" | "center" | "bottom";
-    /** Defines the Typography for the table body's cells (not the header). This only applies to rows that are not nested/grouped */
-    cellTypography?: Typography;
-    /** Defines if the table should highlight the row on hover. Defaults to true */
-    highlightOnHover?: boolean;
-}
-export declare const getTableStyles: (props?: GridStyleDef) => GridStyle;
-export declare const totalsRowHeight = 40;
-export declare const expandableHeaderRowHeight = 40;
-/** Defines row-specific styling for each given row `kind` in `R` */
-export type RowStyles<R extends Kinded> = {
-    [P in R["kind"]]?: RowStyle<DiscriminateUnion<R, "kind", P>>;
-};
-export interface RowStyle<R extends Kinded> {
-    /** Applies this css to the wrapper row, i.e. for row-level hovers. */
-    rowCss?: Properties | ((row: R) => Properties);
-    /** Applies this css to each cell in the row. */
-    cellCss?: Properties | ((row: R) => Properties);
-    /** Renders the cell element, i.e. a link to get whole-row links. */
-    renderCell?: RenderCellFn<R>;
-    /** Whether the row should be a link. */
-    rowLink?: (row: R) => string;
-    /** Fired when the row is clicked, similar to rowLink but for actions that aren't 'go to this link'. */
-    onClick?: (row: GridDataRow<R>, api: GridTableApi<R>) => void;
-}
-/** Our original table look & feel/style. */
-export declare const defaultStyle: GridStyle;
-/** Tightens up the padding of rows, great for rows that have form elements in them. */
-export declare const condensedStyle: GridStyle;
-/** Renders each row as a card.
- * TODO: Add `cardStyle` option to `getTableStyles` and remove this.
- * */
-export declare const cardStyle: GridStyle;
-export declare function resolveStyles(style: GridStyle | GridStyleDef): GridStyle;
-//# sourceMappingURL=TableStyles.d.ts.map

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

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

package/dist/components/Table/TableStyles.js

@@ -1,133 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cardStyle = exports.condensedStyle = exports.defaultStyle = exports.expandableHeaderRowHeight = exports.totalsRowHeight = exports.getTableStyles = void 0;
-exports.resolveStyles = resolveStyles;
-const Css_1 = require("../../Css");
-const utils_1 = require("../../utils");
-// Returns a "blessed" style of GridTable
-function memoizedTableStyles() {
-    const cache = {};
-    return (props = {}) => {
-        const { inlineEditing = false, grouped = false, rowHeight = "flexible", cellHighlight = false, allWhite = false, bordered = false, vAlign = "center", cellTypography = "xs", highlightOnHover = true, } = props;
-        const key = (0, utils_1.safeKeys)(props)
-            .sort()
-            .map((k) => `${k}_${props[k]}`)
-            .join("|");
-        if (!cache[key]) {
-            const alignItems = vAlign === "center" ? "center" : vAlign === "top" ? "flex-start" : "flex-end";
-            const groupedLevels = {
-                0: {
-                    cellCss: {
-                        ...Css_1.Css.xsMd.mhPx(56).gray700.bgGray100.boxShadow(`inset 0 -1px 0 ${Css_1.Palette.Gray200}`).$,
-                        ...(allWhite && Css_1.Css.bgWhite.$),
-                    },
-                    firstContentColumn: { ...Css_1.Css.smMd.$, ...(allWhite && Css_1.Css.smBd.gray900.$) },
-                },
-                2: { firstContentColumn: Css_1.Css.tiny.pl3.$ },
-                // Add 12 more pixels of padding for each level of nesting
-                3: { firstContentColumn: Css_1.Css.tiny.plPx(36).$ },
-            };
-            const defaultLevels = { 1: { firstContentColumn: Css_1.Css.tiny.pl3.$ } };
-            cache[key] = {
-                emptyCell: "-",
-                firstRowMessageCss: {
-                    ...Css_1.Css.tac.py3.$,
-                    ...(allWhite && Css_1.Css.bgWhite.$),
-                    ...(bordered && Css_1.Css.bl.br.bcGray200.$),
-                },
-                headerCellCss: {
-                    // We want to support headers having two lines of wrapped text, and could add a `lineClamp2` here, but
-                    // lineClamp requires `display: webkit-box`, which disables `align-items: center` (requires `display: flex/grid`)
-                    // Header's will add `lineClamp2` more locally in their renders.
-                    // Also `unset`-ing the white-space: nowrap defined in `cellCss` below.
-                    ...Css_1.Css.gray700.xsMd.bgGray200.aic.pxPx(12).whiteSpace("unset").hPx(40).$,
-                    ...(allWhite && Css_1.Css.bgWhite.$),
-                },
-                totalsCellCss: Css_1.Css.bgWhite.gray700.bgGray100.xsMd.hPx(exports.totalsRowHeight).pPx(12).$,
-                expandableHeaderCss: Css_1.Css.bgWhite.gray900.xsMd.wsn
-                    .hPx(exports.expandableHeaderRowHeight)
-                    .pxPx(12)
-                    .py0.boxShadow(`inset 0 -1px 0 ${Css_1.Palette.Gray200}`)
-                    .addIn("&:not(:last-of-type)", Css_1.Css.boxShadow(`inset -1px -1px 0 ${Css_1.Palette.Gray200}`).$).$,
-                cellCss: {
-                    ...Css_1.Css[cellTypography].gray900.bgWhite.ai(alignItems).pxPx(12).boxShadow(`inset 0 -1px 0 ${Css_1.Palette.Gray200}`)
-                        .$,
-                    ...(rowHeight === "flexible" ? Css_1.Css.pyPx(12).$ : Css_1.Css.wsnw.hPx(inlineEditing ? 48 : 36).$),
-                    ...(cellHighlight ? { "&:hover": Css_1.Css.bgGray100.$ } : {}),
-                    ...(bordered && { "&:first-child": Css_1.Css.bl.bcGray200.$, "&:last-child": Css_1.Css.br.bcGray200.$ }),
-                },
-                firstRowCss: {
-                    ...Css_1.Css.addIn("& > *:first-of-type", Css_1.Css.borderRadius("8px 0 0 0 ").$).addIn("& > *:last-of-type", Css_1.Css.borderRadius("0 8px 0 0").$).$,
-                    ...(bordered && Css_1.Css.addIn("& > *", Css_1.Css.bt.bcGray200.$).$),
-                },
-                // Only apply border radius styles to the last row when using the `bordered` style table.
-                lastRowCss: bordered
-                    ? Css_1.Css.addIn("& > *:first-of-type", Css_1.Css.borderRadius("0 0 0 8px").$).addIn("& > *:last-of-type", Css_1.Css.borderRadius("0 0 8px 0").$).$
-                    : Css_1.Css.addIn("> *", Css_1.Css.bsh0.$).$,
-                presentationSettings: {
-                    borderless: true,
-                    typeScale: "xs",
-                    wrap: rowHeight === "flexible",
-                    borderOnHover: highlightOnHover,
-                },
-                levels: grouped ? groupedLevels : defaultLevels,
-                rowHoverColor: Css_1.Palette.Blue50,
-                keptGroupRowCss: Css_1.Css.bgYellow100.gray900.xsMd.df.aic.$,
-                keptLastRowCss: Css_1.Css.boxShadow("inset 0px -14px 8px -11px rgba(63,63,63,.18)").$,
-            };
-        }
-        return cache[key];
-    };
-}
-exports.getTableStyles = memoizedTableStyles();
-exports.totalsRowHeight = 40;
-exports.expandableHeaderRowHeight = 40;
-/** Our original table look & feel/style. */
-exports.defaultStyle = (0, exports.getTableStyles)({});
-/** Tightens up the padding of rows, great for rows that have form elements in them. */
-exports.condensedStyle = {
-    ...(0, exports.getTableStyles)({ rowHeight: "fixed" }),
-    firstRowMessageCss: {
-        ...(0, exports.getTableStyles)({ rowHeight: "fixed" }).firstRowMessageCss,
-        ...Css_1.Css.xs.gray900.$,
-    },
-};
-/** Renders each row as a card.
- * TODO: Add `cardStyle` option to `getTableStyles` and remove this.
- * */
-exports.cardStyle = {
-    ...exports.defaultStyle,
-    betweenRowsCss: {},
-    nonHeaderRowCss: Css_1.Css.br4.oh.ba.bcGray400.mt2.add("transition", "all 240ms").$,
-    firstRowCss: Css_1.Css.bl.br.bcGray200.borderRadius("8px 8px 0 0").oh.$,
-    cellCss: Css_1.Css.p2.$,
-    // Undo the card look & feel for the header
-    headerCellCss: {
-        ...exports.defaultStyle.headerCellCss,
-        ...Css_1.Css.p1.m0.xsMd.gray700.$,
-    },
-    rowHoverColor: "none",
-    nonHeaderRowHoverCss: Css_1.Css.bshHover.bcGray700.$,
-    // this will allow having N amount of nested childs without having to define each level margin
-    levels: (level) => ({ rowIndent: level > 0 ? 24 * level : undefined }),
-};
-function resolveStyles(style) {
-    const defKeysRecord = {
-        inlineEditing: true,
-        grouped: true,
-        rowHeight: true,
-        cellHighlight: true,
-        allWhite: true,
-        bordered: true,
-        rowHover: true,
-        vAlign: true,
-        cellTypography: true,
-        highlightOnHover: true,
-    };
-    const keys = (0, utils_1.safeKeys)(style);
-    const defKeys = (0, utils_1.safeKeys)(defKeysRecord);
-    if (keys.length === 0 || keys.some((k) => defKeys.includes(k))) {
-        return (0, exports.getTableStyles)(style);
-    }
-    return style;
-}

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

@@ -1,7 +0,0 @@
-import { GridDataRow, IconButtonProps } from "../../index";
-export interface GridTableCollapseToggleProps extends Pick<IconButtonProps, "compact"> {
-    row: GridDataRow<any>;
-}
-/** Provides a chevron icons to collapse/un-collapse for parent/child tables. */
-export declare function CollapseToggle(props: GridTableCollapseToggleProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=CollapseToggle.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CollapseToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/components/CollapseToggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAsB,eAAe,EAAiC,oBAA6B;AAGvH,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC;IACpF,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;CACvB;AAED,gFAAgF;AAChF,wBAAgB,cAAc,CAAC,KAAK,EAAE,4BAA4B,2DAuBjE"}

package/dist/components/Table/components/CollapseToggle.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapseToggle = CollapseToggle;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const index_1 = require("../../index");
-const hooks_1 = require("../../../hooks");
-/** Provides a chevron icons to collapse/un-collapse for parent/child tables. */
-function CollapseToggle(props) {
-    const { row, compact } = props;
-    const { tableState } = (0, react_1.useContext)(index_1.TableStateContext);
-    const isCollapsed = (0, hooks_1.useComputed)(() => tableState.isCollapsed(row.id), [tableState]);
-    const iconKey = isCollapsed ? "chevronRight" : "chevronDown";
-    const headerIconKey = isCollapsed ? "chevronsRight" : "chevronsDown";
-    // If we're not a header and not the selected group row, only render a toggle if we have child rows to actually collapse
-    const isHeader = row.kind === index_1.HEADER;
-    const isKeptGroup = row.kind === index_1.KEPT_GROUP;
-    const hasChildren = row.children ? row.children.length > 0 : false;
-    if (!isHeader && !isKeptGroup && !hasChildren) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(index_1.IconButton, { onClick: () => tableState.toggleCollapsed(row.id), icon: isHeader ? headerIconKey : iconKey, compact: compact }));
-}

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

@@ -1,12 +0,0 @@
-import { OverlayTriggerProps } from "../../internal/OverlayTrigger";
-import { GridTableApi } from "../GridTableApi";
-import { GridColumn, Kinded } from "../types";
-interface EditColumnsButtonProps<R extends Kinded> extends Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip"> {
-    columns: GridColumn<R>[];
-    title?: string;
-    api: GridTableApi<R>;
-    defaultOpen?: boolean;
-}
-export declare function EditColumnsButton<R extends Kinded>(props: EditColumnsButtonProps<R>): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=EditColumnsButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditColumnsButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/components/EditColumnsButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAML,mBAAmB,EACpB,sCAA+C;AAChD,OAAO,EAAE,YAAY,EAAE,wBAA0C;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,iBAAmC;AAOhE,UAAU,sBAAsB,CAAC,CAAC,SAAS,MAAM,CAC/C,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;IACnF,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAErB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,oDAoEnF"}

package/dist/components/Table/components/EditColumnsButton.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditColumnsButton = EditColumnsButton;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const Button_1 = require("../../Button");
-const OverlayTrigger_1 = require("../../internal/OverlayTrigger");
-const Css_1 = require("../../../Css");
-const hooks_1 = require("../../../hooks");
-const inputs_1 = require("../../../inputs");
-const utils_1 = require("../../../utils");
-const defaultTestId_1 = require("../../../utils/defaultTestId");
-function EditColumnsButton(props) {
-    const { defaultOpen, disabled, columns, trigger, title, api } = props;
-    const state = (0, react_stately_1.useMenuTriggerState)({ isOpen: defaultOpen });
-    const buttonRef = (0, react_1.useRef)(null);
-    const { menuTriggerProps } = (0, react_aria_1.useMenuTrigger)({ isDisabled: !!disabled }, state, buttonRef);
-    const tid = (0, utils_1.useTestIds)(props, (0, OverlayTrigger_1.isTextButton)(trigger)
-        ? (0, OverlayTrigger_1.labelOr)(trigger, "editColumnsButton")
-        : (0, OverlayTrigger_1.isNavLinkButton)(trigger)
-            ? (0, defaultTestId_1.defaultTestId)(trigger.navLabel)
-            : (0, OverlayTrigger_1.isIconButton)(trigger)
-                ? trigger.icon
-                : trigger.name);
-    const options = (0, react_1.useMemo)(() => columns
-        // Only include options that can be hidden
-        .filter((column) => column.canHide)
-        // And have the `name` property defined
-        .filter((column) => {
-        if (!column.name || column.name.length === 0 || !column.id || column.id.length === 0) {
-            console.warn("Column is missing 'name' and/or 'id' property required by the Edit Columns button", column);
-            return false;
-        }
-        return true;
-    })
-        .map((column) => ({ label: column.name, value: column.id })), [columns]);
-    const selectedValues = (0, hooks_1.useComputed)(() => api.getVisibleColumnIds(), [api]);
-    const setSelectedValues = (0, react_1.useCallback)((ids) => {
-        // Doesn't `options` already filter us to non-hidden/valid-id columns? I.e. could we just do:
-        // api.setVisibleColumns(ids);
-        api.setVisibleColumns(columns.filter((column) => (column.canHide ? ids.includes(column.id) : true)).map((c) => c.id));
-    }, [columns, api]);
-    return ((0, jsx_runtime_1.jsx)(OverlayTrigger_1.OverlayTrigger, { ...props, menuTriggerProps: menuTriggerProps, state: state, buttonRef: buttonRef, ...tid, children: (0, jsx_runtime_1.jsxs)("div", { css: {
-                ...Css_1.Css.bgWhite.py5.px3.maxwPx(380).bshBasic.$,
-                "&:hover": Css_1.Css.bshHover.$,
-            }, children: [(0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.gray500.xsSb.mb1.ttu.$, children: title || "Select columns to show" }), (0, jsx_runtime_1.jsx)(inputs_1.CheckboxGroup, { label: title || "Select columns to show", onChange: (values) => setSelectedValues(values), values: selectedValues, options: options, columns: 2, labelStyle: "hidden" }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.mt1.$, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "tertiary", label: "Clear selections", onClick: () => setSelectedValues([]) }) })] }) }));
-}

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

@@ -1,12 +0,0 @@
-import { ReactNode } from "react";
-import { GridColumnWithId, Kinded, RenderAs } from "../types";
-interface ExpandableHeaderProps<R extends Kinded> {
-    title: string;
-    column: GridColumnWithId<R>;
-    minStickyLeftOffset: number;
-    as: RenderAs;
-    tooltipEl?: ReactNode;
-}
-export declare function ExpandableHeader<R extends Kinded>(props: ExpandableHeaderProps<R>): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ExpandableHeader.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandableHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/components/ExpandableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,iBAAmC;AAQhF,UAAU,qBAAqB,CAAC,CAAC,SAAS,MAAM;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,EAAE,EAAE,QAAQ,CAAC;IACb,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,oDA2CjF"}