@homebound/beam 2.378.1 → 2.379.0

package/dist/components/Table/hooks/useSetupColumnSizes.d.ts

@@ -1,24 +0,0 @@
-import { MutableRefObject } from "react";
-import { GridStyle } from "../TableStyles";
-import { GridColumnWithId, Kinded } from "../types";
-/**
- * Calculates an array of sizes for each of our columns.
- *
- * We originally supported CSS grid-template-column definitions which allowed fancier,
- * dynamic/content-based widths, but have eventually dropped it mainly due to:
- *
- * 1. In virtual tables, a) the table never has all of the rows in DOM at a single time,
- * so any "content-based" widths will change as you scroll the table, which is weird, and
- * b) a sticky header and rows are put in different DOM parent elements by react-virtuoso,
- * so wouldn't arrive at the same "content-based" widths.
- *
- * 2. Using CSS grid but still have a row-level div for hover/focus targeting required
- * a "fake" `display: contents` div that couldn't have actually any styles applied to it.
- *
- * So we've just got with essentially fixed/deterministic widths, i.e. `px` or `percent` or
- * `fr`.
- *
- * Disclaimer that we roll our own `fr` b/c we're not in CSS grid anymore.
- */
-export declare function useSetupColumnSizes<R extends Kinded>(style: GridStyle, columns: GridColumnWithId<R>[], resizeRef: MutableRefObject<HTMLElement | null>, expandedColumnIds: string[]): string[];
-//# sourceMappingURL=useSetupColumnSizes.d.ts.map

package/dist/components/Table/hooks/useSetupColumnSizes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSetupColumnSizes.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/hooks/useSetupColumnSizes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAA4C,MAAM,OAAO,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,uBAAyC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,iBAAmC;AAItE;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,EAClD,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAC9B,SAAS,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,EAC/C,iBAAiB,EAAE,MAAM,EAAE,GAC1B,MAAM,EAAE,CAuDV"}

package/dist/components/Table/hooks/useSetupColumnSizes.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSetupColumnSizes = useSetupColumnSizes;
-const utils_1 = require("@react-aria/utils");
-const react_1 = require("react");
-const columns_1 = require("../utils/columns");
-const use_debounce_1 = require("use-debounce");
-/**
- * Calculates an array of sizes for each of our columns.
- *
- * We originally supported CSS grid-template-column definitions which allowed fancier,
- * dynamic/content-based widths, but have eventually dropped it mainly due to:
- *
- * 1. In virtual tables, a) the table never has all of the rows in DOM at a single time,
- * so any "content-based" widths will change as you scroll the table, which is weird, and
- * b) a sticky header and rows are put in different DOM parent elements by react-virtuoso,
- * so wouldn't arrive at the same "content-based" widths.
- *
- * 2. Using CSS grid but still have a row-level div for hover/focus targeting required
- * a "fake" `display: contents` div that couldn't have actually any styles applied to it.
- *
- * So we've just got with essentially fixed/deterministic widths, i.e. `px` or `percent` or
- * `fr`.
- *
- * Disclaimer that we roll our own `fr` b/c we're not in CSS grid anymore.
- */
-function useSetupColumnSizes(style, columns, resizeRef, expandedColumnIds) {
-    // Calculate the column sizes immediately rather than via the `debounce` method.
-    // We do this for Storybook integrations that may use MockDate. MockDate changes the behavior of `new Date()`,
-    // which is used internally by `useDebounce`, so the frozen clock means the callback is never called.
-    const calculateImmediately = (0, react_1.useRef)(true);
-    const [tableWidth, setTableWidth] = (0, react_1.useState)();
-    // Calc our initial/first render sizes where we won't have a width yet
-    const [columnSizes, setColumnSizes] = (0, react_1.useState)((0, columns_1.calcColumnSizes)(columns, tableWidth, style.minWidthPx, expandedColumnIds));
-    const setTableAndColumnWidths = (0, react_1.useCallback)((width) => {
-        setTableWidth(width);
-        setColumnSizes((0, columns_1.calcColumnSizes)(columns, width, style.minWidthPx, expandedColumnIds));
-    }, [setTableWidth, setColumnSizes, columns, style, expandedColumnIds]);
-    // Used to recalculate our columns sizes when columns change
-    (0, react_1.useEffect)(() => {
-        if (!calculateImmediately.current) {
-            const width = resizeRef.current?.clientWidth;
-            width && setTableAndColumnWidths(width);
-        }
-    }, 
-    // TODO: validate this eslint-disable. It was automatically ignored as part of https://app.shortcut.com/homebound-team/story/40033/enable-react-hooks-exhaustive-deps-for-react-projects
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [columns, setTableAndColumnWidths]);
-    const setTableAndColumnWidthsDebounced = (0, use_debounce_1.useDebouncedCallback)(setTableAndColumnWidths, 100);
-    const onResize = (0, react_1.useCallback)(() => {
-        const target = resizeRef.current;
-        if (target && target.clientWidth !== tableWidth) {
-            if (calculateImmediately.current) {
-                calculateImmediately.current = false;
-                setTableAndColumnWidths(target.clientWidth);
-            }
-            else {
-                setTableAndColumnWidthsDebounced(target.clientWidth);
-            }
-        }
-    }, 
-    // TODO: validate this eslint-disable. It was automatically ignored as part of https://app.shortcut.com/homebound-team/story/40033/enable-react-hooks-exhaustive-deps-for-react-projects
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [tableWidth, setTableAndColumnWidths, setTableAndColumnWidthsDebounced]);
-    (0, utils_1.useResizeObserver)({ ref: resizeRef, onResize });
-    return columnSizes;
-}

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

@@ -1,28 +0,0 @@
-export { defaultRenderFn, headerRenderFn, rowClickRenderFn, rowLinkRenderFn, } from "./components/cell";
-export type { GridCellContent, RenderCellFn } from "./components/cell";
-export * from "./components/CollapseToggle";
-export { EditColumnsButton } from "./components/EditColumnsButton";
-export { Row } from "./components/Row";
-export type { GridDataRow, GridRowKind } from "./components/Row";
-export * from "./components/SelectToggle";
-export * from "./components/SortHeader";
-export { SortHeader } from "./components/SortHeader";
-export { useGridTableApi } from "./GridTableApi";
-export type { GridTableApi } from "./GridTableApi";
-export * from "./hooks/useSetupColumnSizes";
-export { cardStyle, condensedStyle, defaultStyle, getTableStyles } from "./TableStyles";
-export type { GridStyle, RowStyle, RowStyles } from "./TableStyles";
-export * from "./types";
-export * from "./utils/columns";
-export { createRowLookup, shouldSkipScrollTo } from "./utils/GridRowLookup";
-export type { GridRowLookup } from "./utils/GridRowLookup";
-export { simpleDataRows, simpleHeader } from "./utils/simpleHelpers";
-export type { SimpleHeaderAndData } from "./utils/simpleHelpers";
-export * from "./utils/sortRows";
-export { TableState, TableStateContext } from "./utils/TableState";
-export type { SelectedState, SortOn, SortState } from "./utils/TableState";
-export * from "./utils/utils";
-export * from "./utils/visitor";
-export { GridTable, setDefaultStyle, setGridTableDefaults } from "./GridTable";
-export type { GridSortConfig, GridTableDefaults, GridTableProps, setRunningInJest } from "./GridTable";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,eAAe,GAChB,0BAA6C;AAC9C,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,0BAA6C;AAC1F,4CAA+D;AAC/D,OAAO,EAAE,iBAAiB,EAAE,uCAA0D;AACtF,OAAO,EAAE,GAAG,EAAE,yBAA4C;AAC1D,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,yBAA4C;AACpF,0CAA6D;AAC7D,wCAA2D;AAC3D,OAAO,EAAE,UAAU,EAAE,gCAAmD;AACxE,OAAO,EAAE,eAAe,EAAE,uBAA0C;AACpE,YAAY,EAAE,YAAY,EAAE,uBAA0C;AACtE,4CAA+D;AAC/D,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,EAAE,sBAAyC;AAC3G,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,sBAAyC;AACvF,wBAA2C;AAC3C,gCAAmD;AACnD,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,8BAAiD;AAC/F,YAAY,EAAE,aAAa,EAAE,8BAAiD;AAC9E,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,8BAAiD;AACxF,YAAY,EAAE,mBAAmB,EAAE,8BAAiD;AACpF,iCAAoD;AACpD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,2BAA8C;AACtF,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,2BAA8C;AAC9F,8BAAiD;AACjD,gCAAmD;AACnD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAC/E,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/Table/index.js

@@ -1,57 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setGridTableDefaults = exports.setDefaultStyle = exports.GridTable = exports.TableStateContext = exports.TableState = exports.simpleHeader = exports.simpleDataRows = exports.shouldSkipScrollTo = exports.createRowLookup = exports.getTableStyles = exports.defaultStyle = exports.condensedStyle = exports.cardStyle = exports.useGridTableApi = exports.SortHeader = exports.Row = exports.EditColumnsButton = exports.rowLinkRenderFn = exports.rowClickRenderFn = exports.headerRenderFn = exports.defaultRenderFn = void 0;
-var cell_1 = require("./components/cell");
-Object.defineProperty(exports, "defaultRenderFn", { enumerable: true, get: function () { return cell_1.defaultRenderFn; } });
-Object.defineProperty(exports, "headerRenderFn", { enumerable: true, get: function () { return cell_1.headerRenderFn; } });
-Object.defineProperty(exports, "rowClickRenderFn", { enumerable: true, get: function () { return cell_1.rowClickRenderFn; } });
-Object.defineProperty(exports, "rowLinkRenderFn", { enumerable: true, get: function () { return cell_1.rowLinkRenderFn; } });
-__exportStar(require("./components/CollapseToggle"), exports);
-var EditColumnsButton_1 = require("./components/EditColumnsButton");
-Object.defineProperty(exports, "EditColumnsButton", { enumerable: true, get: function () { return EditColumnsButton_1.EditColumnsButton; } });
-var Row_1 = require("./components/Row");
-Object.defineProperty(exports, "Row", { enumerable: true, get: function () { return Row_1.Row; } });
-__exportStar(require("./components/SelectToggle"), exports);
-__exportStar(require("./components/SortHeader"), exports);
-var SortHeader_1 = require("./components/SortHeader");
-Object.defineProperty(exports, "SortHeader", { enumerable: true, get: function () { return SortHeader_1.SortHeader; } });
-var GridTableApi_1 = require("./GridTableApi");
-Object.defineProperty(exports, "useGridTableApi", { enumerable: true, get: function () { return GridTableApi_1.useGridTableApi; } });
-__exportStar(require("./hooks/useSetupColumnSizes"), exports);
-var TableStyles_1 = require("./TableStyles");
-Object.defineProperty(exports, "cardStyle", { enumerable: true, get: function () { return TableStyles_1.cardStyle; } });
-Object.defineProperty(exports, "condensedStyle", { enumerable: true, get: function () { return TableStyles_1.condensedStyle; } });
-Object.defineProperty(exports, "defaultStyle", { enumerable: true, get: function () { return TableStyles_1.defaultStyle; } });
-Object.defineProperty(exports, "getTableStyles", { enumerable: true, get: function () { return TableStyles_1.getTableStyles; } });
-__exportStar(require("./types"), exports);
-__exportStar(require("./utils/columns"), exports);
-var GridRowLookup_1 = require("./utils/GridRowLookup");
-Object.defineProperty(exports, "createRowLookup", { enumerable: true, get: function () { return GridRowLookup_1.createRowLookup; } });
-Object.defineProperty(exports, "shouldSkipScrollTo", { enumerable: true, get: function () { return GridRowLookup_1.shouldSkipScrollTo; } });
-var simpleHelpers_1 = require("./utils/simpleHelpers");
-Object.defineProperty(exports, "simpleDataRows", { enumerable: true, get: function () { return simpleHelpers_1.simpleDataRows; } });
-Object.defineProperty(exports, "simpleHeader", { enumerable: true, get: function () { return simpleHelpers_1.simpleHeader; } });
-__exportStar(require("./utils/sortRows"), exports);
-var TableState_1 = require("./utils/TableState");
-Object.defineProperty(exports, "TableState", { enumerable: true, get: function () { return TableState_1.TableState; } });
-Object.defineProperty(exports, "TableStateContext", { enumerable: true, get: function () { return TableState_1.TableStateContext; } });
-__exportStar(require("./utils/utils"), exports);
-__exportStar(require("./utils/visitor"), exports);
-var GridTable_1 = require("./GridTable");
-Object.defineProperty(exports, "GridTable", { enumerable: true, get: function () { return GridTable_1.GridTable; } });
-Object.defineProperty(exports, "setDefaultStyle", { enumerable: true, get: function () { return GridTable_1.setDefaultStyle; } });
-Object.defineProperty(exports, "setGridTableDefaults", { enumerable: true, get: function () { return GridTable_1.setGridTableDefaults; } });

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

@@ -1,123 +0,0 @@
-import { ReactNode } from "react";
-import { GridCellContent } from "./components/cell";
-import { GridRowKind } from "./components/Row";
-import { GridRowApi } from "./GridTableApi";
-import { Margin, Xss } from "../../Css";
-export type Kinded = {
-    kind: string;
-};
-export type GridTableXss = Xss<Margin>;
-export type RenderAs = "div" | "table" | "virtual";
-export type Direction = "ASC" | "DESC";
-export type MaybeFn<T> = T | (() => T);
-export type GridCellAlignment = "left" | "right" | "center";
-export type GridTableScrollOptions = number | {
-    /** The index of the row to scroll to */
-    index: number;
-    behavior?: "auto" | "smooth";
-    /**
-     * How to position the row in the viewport
-     */
-    align?: "start" | "center" | "end";
-};
-/**
- * Given an ADT of type T, performs a look up and returns the type of kind K.
- *
- * See https://stackoverflow.com/a/50125960/355031
- */
-export type DiscriminateUnion<T, K extends keyof T, V extends T[K]> = T extends Record<K, V> ? T : never;
-/**
- * Defines how a single column will render each given row `kind` in `R`.
- *
- * The `S` generic is either:
- *
- * - For server-side sorting, it's the sortKey to pass back to the server to
- * request "sort by this column".
- *
- * - For client-side sorting, it's type `number`, to represent the current
- * column being sorted, in which case we use the GridCellContent.value.
- */
-export type GridColumn<R extends Kinded> = {
-    [K in R["kind"]]: string | GridCellContent | (DiscriminateUnion<R, "kind", K> extends {
-        data: infer D;
-    } ? (data: D, opts: {
-        row: GridRowKind<R, K>;
-        api: GridRowApi<R>;
-        level: number;
-        expanded: boolean;
-    }) => ReactNode | GridCellContent : (data: undefined, opts: {
-        row: GridRowKind<R, K>;
-        api: GridRowApi<R>;
-        level: number;
-        expanded: boolean;
-    }) => ReactNode | GridCellContent);
-} & {
-    /**
-     * The column's width.
-     * - Only px, percentage, or fr units are supported, due to each GridRow acting as an independent table. This ensures consistent alignment between rows.
-     * - Numbers are treated as `fr` units
-     * - The default value is `1fr`
-     */
-    w?: number | string;
-    /** Represents the width the column will get when expanded. This prop is treated the same as the `GridColumn.w` prop.
-     *  Example: Collapsed state shows number of books. Expanded state shows titles of books.
-     */
-    expandedWidth?: number | string;
-    /** The minimum width the column can shrink to. This must be defined in pixels */
-    mw?: string;
-    /** The column's default alignment for each cell. */
-    align?: GridCellAlignment;
-    /** Whether the column can be sorted (if client-side sorting). Defaults to true if sorting client-side. */
-    clientSideSort?: boolean;
-    /** This column's sort by value (if server-side sorting). */
-    serverSideSortKey?: string;
-    /** Allows the column to stay in place when the user scrolls horizontally */
-    sticky?: "left" | "right";
-    /** Prevent column from supporting RowStyle.onClick/rowLink in order to avoid nested interactivity. Defaults to true */
-    wrapAction?: false;
-    /** Used as a signal to defer adding the row's level indentation styling */
-    isAction?: true;
-    /** Column id that will be used to generate an unique identifier for every row cell */
-    id?: string;
-    /** String identifier of the column. Typically the same text content as in column header. This is used to in things like the Edit Columns Button */
-    name?: string;
-    /** Flag that will allow to know which columns are hide-able */
-    canHide?: boolean;
-    /** Flag that will allow to know which hide-able columns are visible on initial load */
-    initVisible?: boolean;
-    /** A list of columns that should only be shown when this column is "expanded" */
-    expandColumns?: GridColumn<R>[] | (() => Promise<GridColumn<R>[]>);
-    /** Determines whether the group should initially be expanded on load of the table */
-    initExpanded?: boolean;
-    /** Determines whether this column should be hidden when expanded (only the 'expandColumns' would show) */
-    hideOnExpand?: boolean;
-    /** Determines whether a column is csv-only or web-only. */
-    showIn?: "csv" | "web";
-};
-/**
- * Adds an `id` to `GridColumn`, for use in storage/APIs.
- *
- * Ideally we'd require this on `GridColumn` itself, but that would be
- * a large breaking change for a lot of tables that don't need column ids.
- */
-export type GridColumnWithId<R extends Kinded> = GridColumn<R> & {
-    id: string;
-    expandColumns?: GridColumnWithId<R>[] | (() => Promise<GridColumn<R>[]>);
-};
-export declare const nonKindGridColumnKeys: string[];
-/**
- * Used to indicate where to pin the DataRow and if whether it should be filtered or always visible, setting `filter` to `true` will hide this row
- * if it doesn't match the provided filtering search term
- */
-export type Pin = {
-    at: "first" | "last";
-    filter?: boolean;
-};
-export type IfAny<T, Y, N> = 0 extends 1 & T ? Y : N;
-export type InfiniteScroll = {
-    /** will be called when the user scrolls to the end of the list with the last item index as an argument. Return a promise to automatically show a loading spinner.  */
-    onEndReached: (index: number) => void | Promise<void>;
-    /** The number of pixels from the bottom of the list to eagerly trigger `onEndReached`. The default is 500px. */
-    endOffsetPx?: number;
-};
-//# sourceMappingURL=types.d.ts.map

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

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

package/dist/components/Table/types.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.nonKindGridColumnKeys = void 0;
-exports.nonKindGridColumnKeys = [
-    "w",
-    "mw",
-    "align",
-    "serverSideSortKey",
-    "clientSideSort",
-    "sticky",
-    "wrapAction",
-    "isAction",
-    "id",
-    "canHide",
-    "initVisible",
-    "expandColumns",
-    "initExpanded",
-    "hideOnExpand",
-    "showIn",
-];

package/dist/components/Table/utils/ColumnState.d.ts

@@ -1,25 +0,0 @@
-import { GridColumnWithId, Kinded } from "../types";
-import { ColumnStates } from "./ColumnStates";
-import { ColumnStorage } from "./ColumnStorage";
-/**
- * A reactive/observable wrapper around each GridColumn.
- *
- * This is primarily for tracking visible/expanded columns for tables
- * that use the expandable columns feature.
- */
-export declare class ColumnState<R extends Kinded> {
-    private states;
-    column: GridColumnWithId<R>;
-    children: ColumnState<R>[] | undefined;
-    private visible;
-    private expanded;
-    constructor(states: ColumnStates<R>, storage: ColumnStorage<R>, column: GridColumnWithId<R>);
-    setVisible(visible: boolean): void;
-    get isExpanded(): boolean;
-    toggleExpanded(): void;
-    /** Calls the `column.expandColumns` function, if set, and adds the resulting columns. */
-    doExpand(force?: boolean): Promise<void>;
-    /** Returns this column, if visible, and its children, if expanded. */
-    get maybeSelfAndChildren(): ColumnState<R>[];
-}
-//# sourceMappingURL=ColumnState.d.ts.map

package/dist/components/Table/utils/ColumnState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnState.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/utils/ColumnState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,iBAAmC;AAEtE,OAAO,EAAE,YAAY,EAAE,uBAAgD;AACvE,OAAO,EAAE,aAAa,EAAE,wBAAiD;AAGzE;;;;;GAKG;AACH,qBAAa,WAAW,CAAC,CAAC,SAAS,MAAM;IAOrC,OAAO,CAAC,MAAM;IANhB,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC5B,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,CAAa;IACnD,OAAO,CAAC,OAAO,CAAQ;IACvB,OAAO,CAAC,QAAQ,CAAS;gBAGf,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,EAC/B,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,EACzB,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAc7B,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAYlC,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,cAAc,IAAI,IAAI;IAWtB,yFAAyF;IACnF,QAAQ,CAAC,KAAK,GAAE,OAAe,GAAG,OAAO,CAAC,IAAI,CAAC;IAYrD,sEAAsE;IACtE,IAAI,oBAAoB,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE,CAa3C;CACF"}

package/dist/components/Table/utils/ColumnState.js

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColumnState = void 0;
-const mobx_1 = require("mobx");
-const columns_1 = require("./columns");
-const index_1 = require("../../../utils/index");
-/**
- * A reactive/observable wrapper around each GridColumn.
- *
- * This is primarily for tracking visible/expanded columns for tables
- * that use the expandable columns feature.
- */
-class ColumnState {
-    states;
-    column;
-    children = undefined;
-    visible = true;
-    expanded = false;
-    constructor(states, storage, column) {
-        this.states = states;
-        this.column = column;
-        // If the user sets `canHide: true`, we default to hidden unless they set `initVisible: true`
-        this.visible = storage.wasVisible(column.id) ?? (column.canHide ? (column.initVisible ?? false) : true);
-        if (this.visible && (storage.wasExpanded(column.id) ?? column.initExpanded)) {
-            this.expanded = true;
-            // TODO: verify this eslint ignore
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            this.doExpand();
-        }
-        (0, mobx_1.makeAutoObservable)(this, { column: mobx_1.observable.ref }, { name: `ColumnState@${column.id}` });
-    }
-    setVisible(visible) {
-        const wasVisible = this.visible;
-        this.visible = visible;
-        // If an expandable header is becoming visible for the 1st time, expand it
-        if (!wasVisible && visible && this.column.initExpanded && this.children === undefined) {
-            this.expanded = true;
-            // TODO: verify this eslint ignore
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            this.doExpand();
-        }
-    }
-    get isExpanded() {
-        return this.expanded;
-    }
-    toggleExpanded() {
-        const wasExpanded = this.expanded;
-        this.expanded = !this.expanded;
-        // The first time we expand, fetch our children. Note that ExpandableHeader
-        // technically pre-loads our children, so it can show a spinner while loading,
-        // and only after loading is complete, tell our column to expand.
-        // TODO: verify this eslint ignore
-        // eslint-disable-next-line @typescript-eslint/no-floating-promises
-        if (!wasExpanded)
-            this.doExpand();
-    }
-    /** Calls the `column.expandColumns` function, if set, and adds the resulting columns. */
-    async doExpand(force = false) {
-        const { expandColumns } = this.column;
-        // If we've already got the children, don't re-expand unless forced (i.e. props.columns changed)
-        if (this.children !== undefined && !force)
-            return;
-        if ((0, index_1.isFunction)(expandColumns)) {
-            const ecs = await expandColumns();
-            this.children = (0, columns_1.assignDefaultColumnIds)(ecs).map((ec) => this.states.addColumn(ec));
-        }
-        else if (expandColumns) {
-            this.children = expandColumns.map((ec) => this.states.addColumn(ec));
-        }
-    }
-    /** Returns this column, if visible, and its children, if expanded. */
-    get maybeSelfAndChildren() {
-        if (!this.visible) {
-            return [];
-        }
-        else if (this.expanded && this.children) {
-            // Maybe do the `hideOnExpand` thing here? Seems cute, but the Row rendering still
-            // needs to do the "look back to the prior column for the expandableHeader cell" logic.
-            // if (this.column.hideOnExpand) {
-            //   return this.children.flatMap((c) => c.selfAndMaybeChildren);
-            // }
-            return [this, ...this.children.flatMap((c) => c.maybeSelfAndChildren)];
-        }
-        else {
-            return [this];
-        }
-    }
-}
-exports.ColumnState = ColumnState;

package/dist/components/Table/utils/ColumnStates.d.ts

@@ -1,30 +0,0 @@
-import { GridColumnWithId, Kinded } from "../../..";
-import { ColumnState } from "./ColumnState";
-/** A reactive/observable wrapper around our columns. */
-export declare class ColumnStates<R extends Kinded> {
-    private columns;
-    private map;
-    private storage;
-    constructor();
-    /**
-     * Updates our internal columns states when `props.columns` changes.
-     *
-     * We handle sessionStorage here b/c we allow the user to either provide their own
-     * storage key, or calc the storage key based on the currently-visible columns.
-     * So like you expand a column, and new columns show up, but we'll remember they
-     * were hidden last time you looked at this specific expansion of columns.
-     */
-    setColumns(columns: GridColumnWithId<R>[], visibleColumnsStorageKey: string | undefined): void;
-    /** Adds a column to our state, i.e. maybe a dynamically loaded column. */
-    addColumn(column: GridColumnWithId<R>): ColumnState<R>;
-    /** Returns the `ColumnState` for the given `id`. */
-    get(id: string): ColumnState<R>;
-    /** Returns all currently-expanded columns. */
-    get expandedColumns(): ColumnState<R>[];
-    /** Returns a flat list of all visible columns. */
-    allVisibleColumns(showIn: "web" | "csv"): ColumnState<R>[];
-    setVisibleColumns(ids: string[]): void;
-    loadExpanded(storageKey: string): void;
-    loadVisible(storageKey: string): void;
-}
-//# sourceMappingURL=ColumnStates.d.ts.map

package/dist/components/Table/utils/ColumnStates.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnStates.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/utils/ColumnStates.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,iBAAY;AAC/C,OAAO,EAAE,WAAW,EAAE,sBAA+C;AAGrE,wDAAwD;AACxD,qBAAa,YAAY,CAAC,CAAC,SAAS,MAAM;IAExC,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,GAAG,CAAqC;IAChD,OAAO,CAAC,OAAO,CAA2B;;IAM1C;;;;;;;OAOG;IACH,UAAU,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,wBAAwB,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAW9F,0EAA0E;IAC1E,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC;IAgBtD,oDAAoD;IACpD,GAAG,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC;IAM/B,8CAA8C;IAC9C,IAAI,eAAe,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE,CAEtC;IAED,kDAAkD;IAClD,iBAAiB,CAAC,MAAM,EAAE,KAAK,GAAG,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE;IAO1D,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI;IAMtC,YAAY,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAItC,WAAW,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;CAGtC"}

package/dist/components/Table/utils/ColumnStates.js

@@ -1,84 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColumnStates = void 0;
-const change_case_1 = require("change-case");
-const mobx_1 = require("mobx");
-const ColumnState_1 = require("./ColumnState");
-const ColumnStorage_1 = require("./ColumnStorage");
-/** A reactive/observable wrapper around our columns. */
-class ColumnStates {
-    // The top-level list of columns
-    columns = [];
-    map = new Map();
-    storage = new ColumnStorage_1.ColumnStorage(this);
-    constructor() {
-        (0, mobx_1.makeAutoObservable)(this);
-    }
-    /**
-     * Updates our internal columns states when `props.columns` changes.
-     *
-     * We handle sessionStorage here b/c we allow the user to either provide their own
-     * storage key, or calc the storage key based on the currently-visible columns.
-     * So like you expand a column, and new columns show up, but we'll remember they
-     * were hidden last time you looked at this specific expansion of columns.
-     */
-    setColumns(columns, visibleColumnsStorageKey) {
-        if (columns.some((c) => c.canHide)) {
-            // We optionally auto-calc visible columns based on the currently-_potentially_-visible columns
-            visibleColumnsStorageKey ??= (0, change_case_1.camelCase)(columns.map((c) => c.id).join());
-            this.loadVisible(visibleColumnsStorageKey);
-        }
-        this.columns = columns.map((c) => this.addColumn(c));
-        // After the very first non-zero `setColumns`, we disconnect from sessionStorage
-        if (columns.length > 0)
-            this.storage.done();
-    }
-    /** Adds a column to our state, i.e. maybe a dynamically loaded column. */
-    addColumn(column) {
-        const existing = this.map.get(column.id);
-        if (!existing) {
-            const cs = new ColumnState_1.ColumnState(this, this.storage, column);
-            this.map.set(column.id, cs);
-            return cs;
-        }
-        else {
-            existing.column = column;
-            // Any time a column is re-added (i.e. props.columns changed), re-expand it
-            // TODO: verify this eslint ignore
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            if (existing.isExpanded)
-                existing.doExpand(true);
-            return existing;
-        }
-    }
-    /** Returns the `ColumnState` for the given `id`. */
-    get(id) {
-        const cs = this.map.get(id);
-        if (!cs)
-            throw new Error(`No ColumnState for ${id}`);
-        return cs;
-    }
-    /** Returns all currently-expanded columns. */
-    get expandedColumns() {
-        return this.columns.filter((cs) => cs.isExpanded);
-    }
-    /** Returns a flat list of all visible columns. */
-    allVisibleColumns(showIn) {
-        return this.columns
-            .flatMap((cs) => cs.maybeSelfAndChildren)
-            .filter((cs) => !cs.column.showIn || cs.column.showIn === showIn)
-            .filter((cs) => (showIn === "csv" ? !cs.column.isAction : true));
-    }
-    setVisibleColumns(ids) {
-        for (const cs of this.map.values()) {
-            cs.setVisible(ids.includes(cs.column.id));
-        }
-    }
-    loadExpanded(storageKey) {
-        this.storage.loadExpanded(storageKey);
-    }
-    loadVisible(storageKey) {
-        this.storage.loadVisible(storageKey);
-    }
-}
-exports.ColumnStates = ColumnStates;

package/dist/components/Table/utils/ColumnStorage.d.ts

@@ -1,15 +0,0 @@
-import { Kinded } from "../types";
-import { ColumnStates } from "./ColumnStates";
-/** Loads/saves the column state from sessionStorage. */
-export declare class ColumnStorage<R extends Kinded> {
-    private states;
-    private expandedIds;
-    private visibleIds;
-    constructor(states: ColumnStates<R>);
-    loadExpanded(persistCollapse: string): void;
-    loadVisible(storageKey: string): void;
-    wasExpanded(id: string): boolean | undefined;
-    wasVisible(id: string): boolean | undefined;
-    done(): void;
-}
-//# sourceMappingURL=ColumnStorage.d.ts.map

package/dist/components/Table/utils/ColumnStorage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnStorage.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/utils/ColumnStorage.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,iBAAmC;AACpD,OAAO,EAAE,YAAY,EAAE,uBAAgD;AAGvE,wDAAwD;AACxD,qBAAa,aAAa,CAAC,CAAC,SAAS,MAAM;IAI7B,OAAO,CAAC,MAAM;IAH1B,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,UAAU,CAAuB;gBAErB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3C,YAAY,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI;IAS3C,WAAW,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAUrC,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS;IAI5C,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS;IAI3C,IAAI;CAGL"}

package/dist/components/Table/utils/ColumnStorage.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColumnStorage = void 0;
-const mobx_1 = require("mobx");
-const utils_1 = require("./utils");
-/** Loads/saves the column state from sessionStorage. */
-class ColumnStorage {
-    states;
-    expandedIds;
-    visibleIds;
-    constructor(states) {
-        this.states = states;
-    }
-    loadExpanded(persistCollapse) {
-        const key = `expandedColumn_${persistCollapse}`;
-        this.expandedIds = (0, utils_1.loadArrayOrUndefined)(key);
-        (0, mobx_1.reaction)(() => this.states.expandedColumns.map((cs) => cs.column.id), (columnIds) => sessionStorage.setItem(key, JSON.stringify(columnIds)));
-    }
-    loadVisible(storageKey) {
-        this.visibleIds = (0, utils_1.loadArrayOrUndefined)(storageKey);
-        // Unlike the others, where we only store the value on change, we immediately
-        // store this value (but I'm not sure why...), hence using `autorun`.
-        (0, mobx_1.autorun)(() => {
-            const columnIds = this.states.allVisibleColumns("web").map((cs) => cs.column.id);
-            sessionStorage.setItem(storageKey, JSON.stringify(columnIds));
-        });
-    }
-    wasExpanded(id) {
-        return this.expandedIds?.includes(id);
-    }
-    wasVisible(id) {
-        return this.visibleIds?.includes(id);
-    }
-    done() {
-        this.expandedIds = undefined;
-    }
-}
-exports.ColumnStorage = ColumnStorage;