@superblocksteam/library 2.0.33 → 2.0.34-next.1

package/dist-types/lib/user-facing/components/table/column-properties-panel.d.ts

@@ -0,0 +1,278 @@
+import { Section, Prop } from "../../properties-panel/props-builder.js";
+import { type BooleanStyleFalse, ColumnType, ImageSize } from "./types.js";
+import type { IconPosition } from "../../icons/constants.js";
+import type { ButtonVariant } from "../button/props.js";
+export declare const columnPanelConfig: {
+    general: Section<(Record<string, Prop<any, any, undefined>> & ({
+        label: Prop<string, false, undefined>;
+    } & (Omit<{
+        columnType: Prop<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<IconPosition, true, undefined>;
+    } & (Omit<{
+        columnType: Prop<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<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<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<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<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<IconPosition, true, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        columnType: Prop<"percentage", true, undefined>;
+    } | {
+        imageSize: Prop<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<IconPosition, true, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        columnType: Prop<"date", true, undefined>;
+    } | {
+        buttonIcon: Prop<string, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        buttonIconPosition: Prop<IconPosition, true, undefined>;
+        buttonVariant: Prop<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<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<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<ColumnType, false, undefined>;
+    }, "onClick" | "columnType"> & {
+        columnType: Prop<"button", true, undefined>;
+        onClick: Prop<import("../../event-flow.js").EventFlow, false, undefined>;
+    }>;
+};

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

@@ -0,0 +1,17 @@
+import React from "react";
+import type { RowDensity, SingleCellProperties } from "../types.js";
+import type { TextStyleWithVariant } from "@superblocksteam/library-shared/types";
+declare const AutoToolTipComponent: (props: {
+    isHidden?: boolean;
+    children: React.ReactNode;
+    title: string;
+    cellProperties: SingleCellProperties;
+    rowDensity: RowDensity;
+    handleCellFocus?: () => void;
+    maxLinesPerRow?: number;
+    hasLeftIcon?: boolean;
+    hasRightIcon?: boolean;
+    isDropdownType?: boolean;
+    tableCellTextStyle?: TextStyleWithVariant;
+}) => React.JSX.Element;
+export default AutoToolTipComponent;

package/dist-types/lib/user-facing/components/table/components/boolean-value-icons.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+type BooleanIconProps = {
+    width?: number;
+    height?: number;
+    color?: string;
+    strokeWidth?: number;
+};
+export declare const RadioButtonControlIcons: {
+    empty: (_props: BooleanIconProps) => null;
+    check: (props: BooleanIconProps) => React.JSX.Element;
+    close: (props: BooleanIconProps) => React.JSX.Element;
+    minus: (props: BooleanIconProps) => React.JSX.Element;
+    empty_checkbox: (props: BooleanIconProps) => React.JSX.Element;
+};
+export type RadioButtonIconNames = keyof typeof RadioButtonControlIcons;
+export {};

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

@@ -0,0 +1,11 @@
+import React from "react";
+import type { TableSizes } from "../constants.js";
+import type { ReactTableColumnProps } from "../types.js";
+type Props = {
+    columns: ReactTableColumnProps[];
+    updateProperty: (property: string, value: any) => void;
+    hiddenColumns?: string[];
+    tableSizes: TableSizes;
+};
+declare const ColumnsSetting: (props: Props) => React.JSX.Element;
+export default ColumnsSetting;

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

@@ -0,0 +1,15 @@
+import React from "react";
+import type { TableCellProps } from "../table-utilities.jsx";
+import type { RowDensity, EditProps } from "../types.js";
+import type { UserAccessibleTheme } from "@superblocksteam/library-shared/types";
+import type { RefObject } from "react";
+declare const EditCell: (props: {
+    targetCellRef: RefObject<HTMLDivElement>;
+    editProps: EditProps;
+    value: any;
+    tableName: string;
+    rowDensity: RowDensity;
+    cellProps: TableCellProps;
+    theme: UserAccessibleTheme;
+}) => React.JSX.Element;
+export default EditCell;

package/dist-types/lib/user-facing/components/table/components/edit-checkbox-cell.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { type SingleCellProperties, type RowDensity, type EditProps } from "../types.js";
+declare const EditCheckboxCell: (props: {
+    editProps: EditProps;
+    value: any;
+    readModeComponent: JSX.Element;
+    rowDensity: RowDensity;
+    cellProperties: SingleCellProperties;
+    isFocused: boolean;
+}) => React.JSX.Element;
+export default EditCheckboxCell;

package/dist-types/lib/user-facing/components/table/components/edit-date-cell.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { TableCellProps } from "../table-utilities.jsx";
+import type { RowDensity, EditProps } from "../types.js";
+import type { Position } from "./edit-utils.js";
+declare const EditDateCell: (props: {
+    editProps: EditProps;
+    value: any;
+    inputPosition: Position;
+    rowDensity: RowDensity;
+    cellProps: TableCellProps;
+}) => React.JSX.Element;
+export default EditDateCell;

package/dist-types/lib/user-facing/components/table/components/edit-input-cell.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import type { TableCellProps } from "../table-utilities.jsx";
+import type { RowDensity, EditProps } from "../types.js";
+import type { Position } from "./edit-utils.js";
+import type { RefObject } from "react";
+declare const EditInputCell: (props: {
+    editProps: EditProps;
+    value: any;
+    targetCellRef: RefObject<HTMLElement>;
+    inputPosition: Position;
+    rowDensity: RowDensity;
+    cellProps: TableCellProps;
+}) => React.JSX.Element | null;
+export default EditInputCell;

package/dist-types/lib/user-facing/components/table/components/edit-multi-select-cell.d.ts

@@ -0,0 +1,13 @@
+import type { TableCellProps } from "../table-utilities.jsx";
+import type { RowDensity, EditProps } from "../types.js";
+import type { Position } from "./edit-utils.js";
+import type { UserAccessibleTheme } from "@superblocksteam/library-shared/types";
+declare const EditMultiSelectCell: (props: {
+    editProps: EditProps;
+    value: any;
+    inputPosition: Position;
+    rowDensity: RowDensity;
+    cellProps: TableCellProps;
+    theme: UserAccessibleTheme;
+}) => import("react").JSX.Element;
+export default EditMultiSelectCell;

package/dist-types/lib/user-facing/components/table/components/edit-single-select-cell.d.ts

@@ -0,0 +1,13 @@
+import type { TableCellProps } from "../table-utilities.jsx";
+import type { RowDensity, EditProps } from "../types.js";
+import type { Position } from "./edit-utils.js";
+import type { UserAccessibleTheme } from "@superblocksteam/library-shared/types";
+declare const EditSingleSelectCell: (props: {
+    editProps: EditProps;
+    value: any;
+    inputPosition: Position;
+    rowDensity: RowDensity;
+    cellProps: TableCellProps;
+    theme: UserAccessibleTheme;
+}) => import("react").JSX.Element;
+export default EditSingleSelectCell;

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

@@ -0,0 +1,28 @@
+import type { SingleCellProperties, RowDensity } from "../types.js";
+export type Position = {
+    top: undefined | number;
+    left: undefined | number;
+    width: undefined | number;
+    height: undefined | number;
+    maxHeight: undefined | number;
+};
+export declare const DEFAULT_ICON_SIZE = 18;
+export declare const DropdownEntireObjectOption = "$$ENTIRE_OBJECT";
+export declare const INVALID_LABEL_MSG = "Invalid label, should be a string";
+export declare const extractDropdownOptions: (options: string | Array<string | Record<string, string>>, transformation?: {
+    label: string;
+    value: string;
+}) => Array<{
+    label: string;
+    value: string;
+}>;
+type Props = {
+    $position: Position;
+    $rowDensity: RowDensity;
+    cellProperties: SingleCellProperties;
+    clearable?: boolean;
+};
+export declare const InputCellWrapper: import("styled-components").StyledComponent<"div", any, Props, never>;
+export declare const DropdownCellWrapper: import("styled-components").StyledComponent<"div", any, Props, never>;
+export declare const DateCellWrapper: import("styled-components").StyledComponent<"div", any, Props, never>;
+export {};

package/dist-types/lib/user-facing/components/table/components/editable-link-cell.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { RowDensity, type SingleCellProperties } from "../types.js";
+export declare const EditableLinkCell: (props: {
+    url: string;
+    label: string;
+    openInNewTab: boolean | undefined;
+    isHidden: boolean;
+    isEdited: boolean;
+    value: any;
+    cellProperties: SingleCellProperties;
+    rowDensity: RowDensity;
+    isFocused: boolean;
+    position: {
+        currentRowIndex: number;
+        columnId: string;
+    };
+    defaultValue?: string;
+    maxLinesPerRow?: number;
+    isMultiselecting: boolean;
+}) => React.JSX.Element;

package/dist-types/lib/user-facing/components/table/components/filter-popover-content.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+import type { ColumnFilter } from "../constants.js";
+import type { ColumnProperties } from "../types.js";
+import type { UserAccessibleTheme, TextStyleWithVariant } from "@superblocksteam/library-shared/types";
+export declare enum FilterPanel {
+    ByCondition = "by-condition",
+    ByValue = "by-value"
+}
+type SortKey = null | number | boolean | string;
+interface UniqueValue {
+    sortKey: SortKey;
+    formattedValue: string;
+    rawValue: any;
+    index: number;
+}
+export declare function getUniqueValues({ columnId, columnProperties, rawTableData, tableCellTextStyle, }: {
+    columnId: string;
+    columnProperties: ColumnProperties;
+    rawTableData: Record<string, unknown>[];
+    tableCellTextStyle?: TextStyleWithVariant;
+}): {
+    uniqueValuesSorted: UniqueValue[];
+    uniqueValuesBySortKey: Map<SortKey, UniqueValue>;
+};
+interface FilterPopoverContentProps {
+    columnId: string;
+    columnProperties: ColumnProperties;
+    rawTableData: Record<string, unknown>[];
+    filter: ColumnFilter;
+    setFilter: (filter: ColumnFilter) => void;
+    expandedPanels: FilterPanel[];
+    onCollapsePanelsChange: (keys: string | string[]) => void;
+    onClose: () => void;
+    theme: UserAccessibleTheme;
+}
+declare const FilterPopoverContent: ({ columnId, columnProperties, rawTableData, filter, setFilter, expandedPanels, onCollapsePanelsChange, onClose, theme, }: FilterPopoverContentProps) => React.JSX.Element;
+export default FilterPopoverContent;

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

@@ -0,0 +1,5 @@
+import React from "react";
+declare const PopoverVideo: (props: {
+    url: string;
+}) => React.JSX.Element;
+export default PopoverVideo;

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

@@ -0,0 +1,13 @@
+import React from "react";
+import type { TableSizes } from "../constants.js";
+interface TableActionIconProps {
+    children: React.ReactNode;
+    icon?: React.ReactNode;
+    selected: boolean;
+    onSelectMenu: (selected: boolean) => void;
+    tableSizes: TableSizes;
+    tooltip: string;
+    dataTest?: string;
+}
+declare const TableActionIcon: ({ children, icon, onSelectMenu, selected, tableSizes, tooltip, dataTest, }: TableActionIconProps) => React.JSX.Element;
+export default TableActionIcon;

package/dist-types/lib/user-facing/components/table/components/table-column-header-button.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import type { ColumnFilter } from "../constants.js";
+import type { ColumnProperties } from "../types.js";
+import type { UserAccessibleTheme } from "@superblocksteam/library-shared/types";
+interface TableColumnHeaderBtnProps {
+    columnId: string;
+    columnProperties: ColumnProperties;
+    rawTableData: Record<string, unknown>[];
+    filter?: ColumnFilter;
+    setFilter: (filter: ColumnFilter) => void;
+    hiddenColumns?: string[];
+    columnFreezes?: Record<string, boolean>;
+    isFilterable: boolean;
+    isFrozen?: boolean;
+    updateProperty: (property: string, value: any) => void;
+    theme: UserAccessibleTheme;
+}
+declare const TableColumnHeaderBtn: ({ columnId, columnProperties, rawTableData, filter, setFilter, updateProperty, hiddenColumns, isFilterable, columnFreezes, isFrozen, theme, }: TableColumnHeaderBtnProps) => React.JSX.Element;
+export default TableColumnHeaderBtn;

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

@@ -0,0 +1,15 @@
+import React from "react";
+import type { TableSizes } from "../constants.js";
+import type { ReactTableColumnProps } from "../types.js";
+import type { TextStyleWithVariant } from "@superblocksteam/library-shared/types";
+interface TableDataDownloadProps {
+    data: Array<Record<string, unknown>>;
+    filteredOrderMap: number[] | undefined;
+    columns: ReactTableColumnProps[];
+    tableSizes: TableSizes;
+    widgetName: string;
+    header: string;
+    tableCellTextStyle?: TextStyleWithVariant;
+}
+declare const TableDataDownload: ({ data, filteredOrderMap, columns, tableSizes, widgetName, header, tableCellTextStyle, }: TableDataDownloadProps) => React.JSX.Element;
+export default TableDataDownload;

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

@@ -0,0 +1,40 @@
+import React from "react";
+import type { InsertRowOptions, TableSizes } from "../constants.js";
+import type { PaginationType, ReactTableColumnProps } from "../types.js";
+import type { TextStyleWithVariant, UserAccessibleTheme } from "@superblocksteam/library-shared/types";
+interface TableFooterProps {
+    columns: ReactTableColumnProps[];
+    count: number;
+    currentPageIndex: number;
+    nextPageClick: () => void;
+    prevPageClick: () => void;
+    pageNo: number;
+    pageCount: number;
+    paginationType: PaginationType;
+    tableColumns: ReactTableColumnProps[];
+    tableData: Array<Record<string, unknown>>;
+    filteredOrderMap: number[] | undefined;
+    header: string;
+    tableSizes: TableSizes;
+    updatePageNo: (pageNo: number) => void;
+    isDownloadable: boolean;
+    multiRowSelection: boolean;
+    selectedRowIndices: number[];
+    widgetName: string;
+    numEdits: number;
+    numEditErrors: number;
+    validationMessages?: string[];
+    onEditSave: () => void;
+    onEditCancel: () => void;
+    onRowInsertion: (options?: InsertRowOptions) => void;
+    isInsertionEnabled: boolean;
+    onRowDeletion: (rowIndices: number[]) => void;
+    isDeletionEnabled: boolean;
+    isSaving: boolean;
+    selectedRowIndex: number | undefined;
+    tableCellTextStyle?: TextStyleWithVariant;
+    borderColor: string;
+    theme: UserAccessibleTheme;
+}
+declare const TableFooter: ({ count, currentPageIndex, nextPageClick, prevPageClick, pageNo, pageCount, paginationType, tableColumns, tableData, filteredOrderMap, header, tableSizes, borderColor, updatePageNo, isDownloadable, multiRowSelection, selectedRowIndices, widgetName, numEdits, numEditErrors, validationMessages, onEditSave, onEditCancel, onRowInsertion, onRowDeletion, isInsertionEnabled, isDeletionEnabled, isSaving, selectedRowIndex, tableCellTextStyle, theme, }: TableFooterProps) => React.JSX.Element;
+export default TableFooter;