@superblocksteam/library 2.0.28 → 2.0.29-next.1

package/dist-types/lib/user-facing/components/table/props.d.ts

@@ -0,0 +1,364 @@
+import { Section, Prop } from "../../properties-panel/props-builder.js";
+import { RowDensity } from "./types.js";
+import type { UnknownRow, PaginationType } from "./types.js";
+export declare const propertiesDefinition: {
+    general: Section<Record<string, Prop<any, any, undefined>> & {
+        header: Prop<string, true, undefined>;
+        tableData: Prop<UnknownRow[], false, undefined>;
+        columns: import("../../properties-panel/props-builder.js").RecordProp<{
+            general: Section<(Record<string, Prop<any, any, undefined>> & ({
+                label: Prop<string, false, undefined>;
+            } & (Omit<{
+                columnType: Prop<import("./types.js").ColumnType, true, undefined>;
+            }, "columnType"> & ({
+                displayedValue: Prop<string, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                isDerived: Prop<boolean, true, undefined>;
+                columnType: Prop<undefined, false, undefined>;
+            } | {
+                displayedValue: Prop<string, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                isDerived: Prop<boolean, true, undefined>;
+                columnType: Prop<"text", true, undefined>;
+            } | {
+                notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                minimumFractionDigits: Prop<number, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                maximumFractionDigits: Prop<number, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                isDerived: Prop<boolean, true, undefined>;
+                columnType: Prop<"number", true, undefined>;
+            } | {
+                notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                minimumFractionDigits: Prop<number, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                maximumFractionDigits: Prop<number, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                currency: Prop<string, true, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                isDerived: Prop<boolean, true, undefined>;
+                columnType: Prop<"currency", true, undefined>;
+            } | {
+                minimumFractionDigits: Prop<number, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                maximumFractionDigits: Prop<number, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                isDerived: Prop<boolean, true, undefined>;
+                columnType: Prop<"percentage", true, undefined>;
+            } | {
+                openImageUrl: Prop<boolean, true, undefined>;
+                isDerived: Prop<boolean, true, undefined>;
+                columnType: Prop<"image", true, undefined>;
+            } | {
+                isDerived: Prop<boolean, true, undefined>;
+                columnType: Prop<"video", true, undefined>;
+            } | {
+                manageTimezone: Prop<boolean, true, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                inputFormat: Prop<string, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                outputFormat: Prop<string, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                isDerived: Prop<boolean, true, undefined>;
+                columnType: Prop<"date", true, undefined>;
+            } | {
+                buttonLabel: Prop<string, true, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                isDisabled: Prop<boolean, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                columnType: Prop<"button", true, undefined>;
+            } | {
+                linkUrl: Prop<string, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                linkLabel: Prop<string, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                columnType: Prop<"link", true, undefined>;
+            } | {
+                isDerived: Prop<boolean, true, undefined>;
+                columnType: Prop<"boolean", true, undefined>;
+            } | {
+                isDerived: Prop<boolean, true, undefined>;
+                columnType: Prop<"tags", true, undefined>;
+            } | {
+                displayedValue: Prop<string, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                isDerived: Prop<boolean, true, undefined>;
+                columnType: Prop<"email", true, undefined>;
+            })))) & {
+                isVisible: Prop<boolean, true, undefined>;
+            }>;
+            presentation: Section<(Record<string, Prop<any, any, undefined>> & ({
+                headerIcon: Prop<string, false, undefined>;
+                headerIconPosition: Prop<import("../../icons/constants.js").IconPosition, true, undefined>;
+            } & (Omit<{
+                columnType: Prop<import("./types.js").ColumnType, false, undefined>;
+            }, "columnType"> & ({
+                horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true, undefined>;
+                "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+                cellBackground: Prop<string, true, undefined>;
+                textWrap: Prop<boolean, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                cellIcon: Prop<string, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                columnType: Prop<undefined, false, undefined>;
+            } | {
+                horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true, undefined>;
+                "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+                cellBackground: Prop<string, true, undefined>;
+                textWrap: Prop<boolean, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                cellIcon: Prop<string, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                columnType: Prop<"text", true, undefined>;
+            } | {
+                horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true, undefined>;
+                "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+                cellBackground: Prop<string, true, undefined>;
+                textWrap: Prop<boolean, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                cellIcon: Prop<string, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                columnType: Prop<"number", true, undefined>;
+            } | {
+                horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true, undefined>;
+                "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+                cellBackground: Prop<string, true, undefined>;
+                textWrap: Prop<boolean, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                cellIcon: Prop<string, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                columnType: Prop<"currency", true, undefined>;
+            } | {
+                horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true, undefined>;
+                "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+                cellBackground: Prop<string, true, undefined>;
+                textWrap: Prop<boolean, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                cellIcon: Prop<string, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                columnType: Prop<"percentage", true, undefined>;
+            } | {
+                imageSize: Prop<import("./types.js").ImageSize, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                imageBorderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                horizontalAlign: Prop<"center" | "left" | "right", true, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                cellBackground: Prop<string, true, undefined>;
+                columnType: Prop<"image", true, undefined>;
+            } | {
+                horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+                cellBackground: Prop<string, true, undefined>;
+                columnType: Prop<"video", true, undefined>;
+            } | {
+                horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true, undefined>;
+                "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+                cellBackground: Prop<string, true, undefined>;
+                textWrap: Prop<boolean, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                cellIcon: Prop<string, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                columnType: Prop<"date", true, undefined>;
+            } | {
+                buttonIcon: Prop<string, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                buttonIconPosition: Prop<import("../../icons/constants.js").IconPosition, true, undefined>;
+                buttonVariant: Prop<import("../button/props.js").ButtonVariant, true, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                buttonTextStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+                buttonBackgroundColor: Prop<string, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                buttonBorder: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true, undefined>;
+                columnType: Prop<"button", true, undefined>;
+            } | {
+                horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true, undefined>;
+                "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+                cellBackground: Prop<string, true, undefined>;
+                columnType: Prop<"link", true, undefined>;
+            } | {
+                horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true, undefined>;
+                cellBackground: Prop<string, true, undefined>;
+                booleanStyleFalse: Prop<import("./types.js").BooleanStyleFalse, true, undefined>;
+                columnType: Prop<"boolean", true, undefined>;
+            } | {
+                horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true, undefined>;
+                cellBackground: Prop<string, true, undefined>;
+                tagsWrap: Prop<boolean, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                tagDisplayConfig: Prop<any, false, undefined>;
+                columnType: Prop<"tags", true, undefined>;
+            } | {
+                horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true, undefined>;
+                "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+                cellBackground: Prop<string, true, undefined>;
+                textWrap: Prop<boolean, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                cellIcon: Prop<string, false, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true, [{
+                    currentRow: Record<string, unknown>;
+                }]>;
+                columnType: Prop<"email", true, undefined>;
+            })))) & {
+                isFrozen: Prop<boolean, false, undefined>;
+            }>;
+            interaction: Section<Record<string, Prop<any, any, undefined>> & Omit<{
+                columnType: Prop<import("./types.js").ColumnType, false, undefined>;
+            }, "onClick" | "columnType"> & {
+                columnType: Prop<"button", true, undefined>;
+                onClick: Prop<import("../../event-flow.js").EventFlow, false, undefined>;
+            }>;
+        }>;
+    }>;
+    layout: Section<Record<string, Prop<any, any, undefined>> & {
+        maxHeight?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minHeight?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        maxWidth?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minWidth?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        width: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+        height: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+    } & {
+        margin: Prop<{
+            top: import("@superblocksteam/library-shared").Dim<"px">;
+            bottom: import("@superblocksteam/library-shared").Dim<"px">;
+            left: import("@superblocksteam/library-shared").Dim<"px">;
+            right: import("@superblocksteam/library-shared").Dim<"px">;
+        } | undefined, true, undefined>;
+    } & {
+        isVisible: Prop<boolean, true, undefined>;
+    }>;
+    interaction: Section<Record<string, Prop<any, any, undefined>> & {
+        isFilterable: Prop<boolean, true, undefined>;
+        defaultFilters: Prop<any, false, undefined>;
+        multiRowSelection: Prop<boolean, true, undefined>;
+        isSearchable: Prop<boolean, true, undefined>;
+        isDownloadable: Prop<boolean, true, undefined>;
+        paginationType: Prop<PaginationType, true, undefined>;
+        configuredPageSize: Prop<any, false, undefined>;
+        defaultSort: import("../../properties-panel/props-builder.js").CompositeProp<{
+            column: Prop<string, false, undefined>;
+            asc: Prop<boolean, true, undefined>;
+        }>;
+        defaultSearchText: Prop<string, false, undefined>;
+        searchPlaceholder: Prop<string, false, undefined>;
+    }>;
+    appearance: Section<Record<string, Prop<any, any, undefined>> & {
+        defaultSelectedRow: Prop<number, false, undefined>;
+        showColumnBorders: Prop<boolean, false, undefined>;
+        "headerProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        "columnHeaderProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        columnHeaderTextWrap: Prop<boolean, true, undefined>;
+        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        backgroundColor: Prop<string, true, undefined>;
+        selectedRowBackgroundColor: Prop<string, true, undefined>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false, undefined>;
+        borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true, undefined>;
+        rowDensity: Prop<RowDensity, true, undefined>;
+        maxLinesPerRow: Prop<number, true, undefined>;
+        loading: Prop<boolean, true, undefined>;
+        isVisible: Prop<boolean, false, undefined>;
+        searchProps: import("../../properties-panel/props-builder.js").CompositeProp<{
+            textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+            backgroundColor: Prop<string, true, undefined>;
+            border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false, undefined>;
+            borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true, undefined>;
+        }>;
+    }>;
+    events: Section<Record<string, Prop<any, any, undefined>> & {
+        onRowClick: Prop<import("../../event-flow.js").EventFlow, false, undefined>;
+        onRowSelect: Prop<import("../../event-flow.js").EventFlow, false, undefined>;
+        onPageChange: Prop<import("../../event-flow.js").EventFlow, false, undefined>;
+        onFiltersChange: Prop<import("../../event-flow.js").EventFlow, false, undefined>;
+        onSearchTextChange: Prop<import("../../event-flow.js").EventFlow, false, undefined>;
+    }>;
+    derived: Section<Record<string, Prop<any, any, undefined>> & {
+        tableDataWithInserts: Prop<any[], true, undefined>;
+        tableDataWithInsertsOrderMap: Prop<number[], true, undefined>;
+        selectedRow: Prop<any, true, undefined>;
+        selectedRowSchema: Prop<any, true, undefined>;
+        selectedRows: Prop<any, true, undefined>;
+        filteredTableData: Prop<any[], true, undefined>;
+        filteredOrderMap: Prop<number[], true, undefined>;
+    }>;
+    meta: Section<Record<string, Prop<any, any, undefined>> & {
+        selectedRowIndex: Prop<number, true, undefined>;
+        selectedRowIndices: Prop<any, false, undefined>;
+        sortedColumn: Prop<any, true, undefined>;
+        searchText: Prop<string, true, undefined>;
+        filters: Prop<any, true, undefined>;
+        hiddenColumns: Prop<any, false, undefined>;
+        columnFreezes: Prop<any, false, undefined>;
+        tagsColorAssignment: Prop<any, false, undefined>;
+        pageNo: Prop<number, true, undefined>;
+    }>;
+};

package/dist-types/lib/user-facing/components/table/table-component.d.ts

@@ -0,0 +1,101 @@
+import React from "react";
+import type { InsertRowOptions } from "./constants.js";
+import type { ColumnFilter, RowDensity, PaginationType, ReactTableColumnProps, TableFilters } from "./types.js";
+import type { Dim, DimModes } from "@superblocksteam/library-shared";
+import type { TextStyleWithVariant, UserAccessibleTheme, PerCornerBorderRadius, PerSideBorder } from "@superblocksteam/library-shared/types";
+export interface TableProps {
+    backgroundColor?: string;
+    borderRadius?: PerCornerBorderRadius;
+    border?: PerSideBorder;
+    selectedRowBackgroundColor?: string;
+    sourceId: string;
+    widgetName: string;
+    searchKey: string;
+    isDisabled?: boolean;
+    isVisible?: boolean;
+    isLoading: boolean;
+    height?: Dim<DimModes>;
+    minHeight?: number;
+    maxHeight?: number;
+    tableCellTextStyle?: TextStyleWithVariant;
+    tableHeaderTextStyle?: TextStyleWithVariant;
+    columnHeaderTextStyle?: TextStyleWithVariant;
+    columnHeaderTextWrap?: boolean;
+    searchProps?: {
+        textStyle?: TextStyleWithVariant;
+        border?: PerSideBorder;
+        borderRadius?: PerCornerBorderRadius;
+        backgroundColor?: string;
+    };
+    rawTableData: Array<Record<string, unknown>>;
+    filteredOrderMap: number[] | undefined;
+    tableData: Array<Record<string, unknown>>;
+    columnOrder?: string[];
+    disableDrag: (disable: boolean) => void;
+    onRowClick: (rowData: Record<string, unknown>, rowIndex: number) => void;
+    onRowSelect: (rowIndex: number, shiftKey?: boolean) => void;
+    selectRows: (rows?: "ALL" | "NONE") => void;
+    updatePageNo: (pageNo: number) => void;
+    sortTableColumn: (column: string, asc: boolean) => void;
+    nextPageClick: () => void;
+    prevPageClick: () => void;
+    pageNo: number;
+    pageSize: number;
+    paginationType: PaginationType;
+    selectedRowIndex: number;
+    selectedRowIndices: number[];
+    multiRowSelection?: boolean;
+    columnSizeMap?: {
+        [key: string]: number;
+    };
+    handleResizeColumn: (columnSizeMap: {
+        [key: string]: number;
+    }) => void;
+    handleReorderColumn: (columnOrder: string[]) => void;
+    searchTableData: (searchKey: any) => void;
+    filters?: TableFilters;
+    setColumnFilter: (columnId: string, filter: ColumnFilter) => void;
+    columns: ReactTableColumnProps[];
+    rowDensity?: RowDensity;
+    isDownloadable: boolean;
+    isFilterable: boolean;
+    showColumnBorders: boolean;
+    isSortable: boolean;
+    isSearchable: boolean;
+    header: string;
+    hiddenColumns?: string[];
+    numEdits: number;
+    numEditErrors: number;
+    validationMessages?: string[];
+    onEditSave: () => void;
+    onEditCancel: () => void;
+    searchPlaceholder: string;
+    columnFreezes?: Record<string, boolean>;
+    handleClickOutsideCells: () => void;
+    onRowInsertion: (options?: InsertRowOptions) => void;
+    onRowDeletion: (rowIndices: number[]) => void;
+    getIsRowDeleted: (rowIndex: number, isOriginalIndex?: boolean) => boolean;
+    getIsRowInserted: (rowIndex: number, isOriginalIndex?: boolean) => boolean;
+    getIsRowEdited: (rowIndex: number, isOriginalIndex?: boolean) => boolean;
+    isDeletionEnabled: boolean;
+    isInsertionEnabled: boolean;
+    isSaving: boolean;
+    getCellBackground: (currentRowIndex: number, columnId: string) => string | undefined;
+    onKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+    disableNudge: (disable: boolean) => void;
+    setCurrentCellFocus: (focus: {
+        row: number;
+        columnId: string;
+    }[]) => void;
+    currentEditFocus: {
+        row: number;
+        columnId: string;
+    } | undefined;
+    handleCopy: (event: Event) => void;
+    handlePaste: (event: Event) => void;
+    theme: UserAccessibleTheme;
+    appMode: "EDIT" | "DEPLOYED";
+    updateProperty: (property: string, value: any) => void;
+}
+declare const Table: (props: TableProps) => React.JSX.Element;
+export default Table;

package/dist-types/lib/user-facing/components/table/table-manager.d.ts

@@ -0,0 +1,23 @@
+export declare class TableManager {
+    focusedCellIndices: boolean[][];
+    originCell: {
+        rowIndex: number;
+        columnId: string;
+    } | null;
+    private focusedCellIndicesChangeListeners;
+    private originCellListeners;
+    private focusedCellListeners;
+    setFocusedCellIndices(focusedCellIndices: boolean[][]): void;
+    changeCellFocus(row: number, column: number, focus: boolean): void;
+    setOriginCell(rowIndex: number, columnId: string): void;
+    clearOriginCell(): void;
+    clearFocusedCells(clearOrigin?: boolean): void;
+    onFocusedCellIndicesChange: (listener: () => void) => () => void;
+    onFocusedCellChange: (row: number, column: number, listener: () => void) => () => void;
+    onOriginCellChange: (rowIndex: number, columnId: string, listener: () => void) => () => void;
+    private getRowColumnKey;
+}
+export declare const TableManagerContext: import("react").Context<TableManager>;
+export declare function useTableManager(): TableManager;
+export declare function useIsOriginCell(rowIndex: number, columnId: string): boolean;
+export declare function useIsCellFocused(row: number, column: number): boolean;

package/dist-types/lib/user-facing/components/table/table-styles.d.ts

@@ -0,0 +1,73 @@
+import { RowDensity } from "./types.js";
+import type { TableSizes } from "./constants.js";
+import type { SingleCellProperties, ColumnProperties } from "./types.js";
+import type { UserAccessibleTheme } from "@superblocksteam/library-shared/types";
+import type { CSSProperties } from "react";
+interface TableWrapperProps {
+    tableSizes: TableSizes;
+    backgroundColor?: string;
+    selectedRowBackgroundColor?: string;
+    showColumnBorders: boolean;
+    showFrozenColShadow?: boolean;
+    colors: UserAccessibleTheme["colors"];
+}
+export declare const getRowBorderColor: (backgroundColor: string | undefined, colors: UserAccessibleTheme["colors"]) => string;
+export declare const getHoverRowBackgroundColor: (backgroundColor: string | undefined, colors: UserAccessibleTheme["colors"]) => string;
+export declare const TableCSSVariables: {
+    rowHoverBgColor: string;
+};
+export declare const TableWrapper: import("styled-components").StyledComponent<"div", any, TableWrapperProps, never>;
+export declare const buildCellStyles: ({ cellTextStyle, horizontalAlign, verticalAlign, }: {
+    cellTextStyle?: SingleCellProperties["cellTextStyle"];
+    horizontalAlign?: SingleCellProperties["horizontalAlign"];
+    verticalAlign?: SingleCellProperties["verticalAlign"];
+}) => CSSProperties;
+export declare const CELL_WRAPPER_HOR_MARGIN = 8;
+interface CellWrapperProps {
+    cellProperties: SingleCellProperties;
+    rowDensity: RowDensity;
+    hasLeftIcon?: boolean;
+    hasRightIcon?: boolean;
+    isDropdownType?: boolean;
+    isHidden?: boolean;
+    maxWidth?: number;
+}
+type CellOverflowOptions = {
+    canWrap?: boolean;
+    maxLines?: number;
+    isTags?: boolean;
+};
+export declare const getCellWrapStyles: (options: CellOverflowOptions) => {
+    maxHeight: string;
+    WebkitLineClamp?: undefined;
+} | {
+    WebkitLineClamp: number;
+    maxHeight?: undefined;
+} | undefined;
+export declare const getCellClass: (options: CellOverflowOptions) => string | undefined;
+export declare const TextIconWrapper: import("styled-components").StyledComponent<"div", any, {
+    cellProperties: SingleCellProperties;
+    hasLeftIcon?: boolean;
+    hasRightIcon?: boolean;
+}, never>;
+export declare const CellWrapper: import("styled-components").StyledComponent<"div", any, CellWrapperProps, never>;
+export declare const ColumnHeaderWrapper: import("styled-components").StyledComponent<"div", any, {
+    columnProperties: ColumnProperties;
+}, never>;
+export declare const ColumnHeaderTitleWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const HeaderCellContentWrapper: import("styled-components").StyledComponent<"div", any, {
+    columnProperties: ColumnProperties;
+}, never>;
+interface TableIconWrapperProps {
+    selected?: boolean;
+    disabled?: boolean;
+    tableSizes: TableSizes;
+}
+export declare const TableIconWrapper: import("styled-components").StyledComponent<"div", any, TableIconWrapperProps, never>;
+export declare const SortIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DefaultValueWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const getTableCellTextStyleClassName: ({ tableCellTextStyleVariant, cellTextStyleVariant, }: {
+    tableCellTextStyleVariant?: string;
+    cellTextStyleVariant?: string;
+}) => string | undefined;
+export {};