@superblocksteam/library 2.0.3-next.71

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

@@ -0,0 +1,245 @@
+import { Dim } from "@superblocksteam/library-shared";
+import { Section, Prop } from "../../properties-panel/props-builder.js";
+import { BooleanStyleFalse, ColumnType, EditInputType, 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>> & ({
+        label: Prop<string, false>;
+    } & (Omit<{
+        columnType: Prop<ColumnType, true>;
+    }, "columnType"> & ({
+        computedValue: Prop<string, false>;
+        displayedValue: Prop<string, false>;
+        columnType: Prop<"text", true>;
+    } | {
+        computedValue: Prop<string, false>;
+        notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
+        minimumFractionDigits: Prop<number, false>;
+        maximumFractionDigits: Prop<number, false>;
+        columnType: Prop<"number", true>;
+    } | {
+        computedValue: Prop<string, false>;
+        notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
+        minimumFractionDigits: Prop<number, false>;
+        maximumFractionDigits: Prop<number, false>;
+        currency: Prop<string, false>;
+        columnType: Prop<"currency", true>;
+    } | {
+        computedValue: Prop<string, false>;
+        minimumFractionDigits: Prop<number, false>;
+        maximumFractionDigits: Prop<number, false>;
+        columnType: Prop<"percentage", true>;
+    } | {
+        openImageUrl: Prop<boolean, false>;
+        columnType: Prop<"image", true>;
+    } | {
+        computedValue: Prop<string, false>;
+        columnType: Prop<"video", true>;
+    } | {
+        valueFormat: Prop<string, false>;
+        displayFormat: Prop<string, false>;
+        manageTimezone: Prop<boolean, false>;
+        valueTimezone: Prop<string, false>;
+        displayTimezone: Prop<string, false>;
+        columnType: Prop<"date", true>;
+    } | {
+        buttonLabel: Prop<string, false>;
+        isDisabled: Prop<boolean, false>;
+        columnType: Prop<"button", true>;
+    } | {
+        linkUrl: Prop<string, false>;
+        linkLabel: Prop<string, false>;
+        openInNewTab: Prop<boolean, false>;
+        columnType: Prop<"link", true>;
+    } | {
+        computedValue: Prop<string, false>;
+        columnType: Prop<"boolean", true>;
+    } | {
+        computedValue: Prop<string, false>;
+        columnType: Prop<"tags", true>;
+    } | {
+        computedValue: Prop<string, false>;
+        displayedValue: Prop<string, false>;
+        columnType: Prop<"email", true>;
+    })))) & {
+        isVisible: Prop<boolean, true>;
+    }>;
+    presentation: Section<(Record<string, Prop<any, any>> & ({
+        headerIcon: Prop<string, false>;
+        headerIconPosition: Prop<IconPosition, false>;
+    } & (Omit<{
+        columnType: Prop<ColumnType, false>;
+    }, "columnType"> & ({
+        horizontalAlign: Prop<"center" | "left" | "right", false>;
+        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        "cellProps.textStyle": Prop<any, false>;
+        cellBackground: Prop<string, false>;
+        textWrap: Prop<boolean, false>;
+        cellIcon: Prop<string, false>;
+        cellIconPosition: Prop<IconPosition, false>;
+        columnType: Prop<"text", true>;
+    } | {
+        horizontalAlign: Prop<"center" | "left" | "right", false>;
+        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        "cellProps.textStyle": Prop<any, false>;
+        cellBackground: Prop<string, false>;
+        textWrap: Prop<boolean, false>;
+        cellIcon: Prop<string, false>;
+        cellIconPosition: Prop<IconPosition, false>;
+        columnType: Prop<"number", true>;
+    } | {
+        horizontalAlign: Prop<"center" | "left" | "right", false>;
+        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        "cellProps.textStyle": Prop<any, false>;
+        cellBackground: Prop<string, false>;
+        textWrap: Prop<boolean, false>;
+        cellIcon: Prop<string, false>;
+        cellIconPosition: Prop<IconPosition, false>;
+        columnType: Prop<"currency", true>;
+    } | {
+        horizontalAlign: Prop<"center" | "left" | "right", false>;
+        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        "cellProps.textStyle": Prop<any, false>;
+        cellBackground: Prop<string, false>;
+        textWrap: Prop<boolean, false>;
+        cellIcon: Prop<string, false>;
+        cellIconPosition: Prop<IconPosition, false>;
+        columnType: Prop<"percentage", true>;
+    } | {
+        horizontalAlign: Prop<"center" | "left" | "right", false>;
+        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        "cellProps.textStyle": Prop<any, false>;
+        cellBackground: Prop<string, false>;
+        imageSize: Prop<ImageSize, false>;
+        imageBorderRadius: Prop<Dim, false>;
+        columnType: Prop<"image", true>;
+    } | {
+        horizontalAlign: Prop<"center" | "left" | "right", false>;
+        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        "cellProps.textStyle": Prop<any, false>;
+        cellBackground: Prop<string, false>;
+        columnType: Prop<"video", true>;
+    } | {
+        horizontalAlign: Prop<"center" | "left" | "right", false>;
+        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        "cellProps.textStyle": Prop<any, false>;
+        cellBackground: Prop<string, false>;
+        textWrap: Prop<boolean, false>;
+        cellIcon: Prop<string, false>;
+        cellIconPosition: Prop<IconPosition, false>;
+        columnType: Prop<"date", true>;
+    } | {
+        buttonVariant: Prop<ButtonVariant, false>;
+        buttonBackgroundColor: Prop<string, false>;
+        buttonLabelColor: Prop<string, false>;
+        backgroundColor: Prop<string, false>;
+        cellIcon: Prop<string, false>;
+        cellIconPosition: Prop<IconPosition, false>;
+        columnType: Prop<"button", true>;
+    } | {
+        horizontalAlign: Prop<"center" | "left" | "right", false>;
+        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        "cellProps.textStyle": Prop<any, false>;
+        cellBackground: Prop<string, false>;
+        columnType: Prop<"link", true>;
+    } | {
+        booleanStyleFalse: Prop<BooleanStyleFalse, false>;
+        horizontalAlign: Prop<"center" | "left" | "right", false>;
+        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        "cellProps.textStyle": Prop<any, false>;
+        cellBackground: Prop<string, false>;
+        columnType: Prop<"boolean", true>;
+    } | {
+        tagDisplayConfig: Prop<any, false>;
+        horizontalAlign: Prop<"center" | "left" | "right", false>;
+        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        "cellProps.textStyle": Prop<any, false>;
+        cellBackground: Prop<string, false>;
+        columnType: Prop<"tags", true>;
+    } | {
+        horizontalAlign: Prop<"center" | "left" | "right", false>;
+        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        "cellProps.textStyle": Prop<any, false>;
+        cellBackground: Prop<string, false>;
+        textWrap: Prop<boolean, false>;
+        cellIcon: Prop<string, false>;
+        cellIconPosition: Prop<IconPosition, false>;
+        columnType: Prop<"email", true>;
+    })))) & {
+        frozen: Prop<boolean, false>;
+    }>;
+    interaction: Section<Record<string, Prop<any, any>> & Omit<{
+        columnType: Prop<ColumnType, false>;
+    }, "onClick" | "columnType"> & {
+        columnType: Prop<"button", true>;
+        onClick: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+    }>;
+    editing: Section<Record<string, Prop<any, any>> & (Omit<{
+        isEditableOnUpdate: Prop<boolean, false>;
+        isEditableOnInsertion: Prop<boolean, false>;
+        editColumnType: Prop<EditInputType, false>;
+    }, "isEditableOnInsertion" | "isEditableOnUpdate" | "editColumnType"> & ({
+        editMinLength: Prop<number, false>;
+        editMaxLength: Prop<number, false>;
+        editCustomValidationRule: Prop<string, false>;
+        editCustomErrorMessage: Prop<string, false>;
+        onFocusOut: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        editColumnType: Prop<EditInputType, true>;
+        isRequiredOnInsertion?: Prop<boolean, false> | undefined;
+        defaultValue?: Prop<string, false> | undefined;
+        isEditableOnInsertion: Prop<boolean, true>;
+        isRequiredOnUpdate?: Prop<boolean, false> | undefined;
+        isEditableOnUpdate: Prop<boolean, true>;
+    } | {
+        editCustomValidationRule: Prop<string, false>;
+        editCustomErrorMessage: Prop<string, false>;
+        onFocusOut: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        editColumnType: Prop<EditInputType, true>;
+        isRequiredOnInsertion?: Prop<boolean, false> | undefined;
+        defaultValue?: Prop<string, false> | undefined;
+        isEditableOnInsertion: Prop<boolean, true>;
+        isRequiredOnUpdate?: Prop<boolean, false> | undefined;
+        isEditableOnUpdate: Prop<boolean, true>;
+    } | {
+        editOptions: Prop<{
+            label: string;
+            value: string;
+        }[], false>;
+        useLabelAsDisplayValue: Prop<boolean, false>;
+        editMultiSelect: Prop<boolean, false>;
+        allowClearing: Prop<boolean, false>;
+        editDropdownClientSideFiltering: Prop<boolean, false>;
+        onDropdownSearchTextChanged: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onOptionChange: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        editColumnType: Prop<EditInputType, true>;
+        isRequiredOnInsertion?: Prop<boolean, false> | undefined;
+        defaultValue?: Prop<string, false> | undefined;
+        isEditableOnInsertion: Prop<boolean, true>;
+        isRequiredOnUpdate?: Prop<boolean, false> | undefined;
+        isEditableOnUpdate: Prop<boolean, true>;
+    } | {
+        onCheckChange: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        editColumnType: Prop<EditInputType, true>;
+        isRequiredOnInsertion?: Prop<boolean, false> | undefined;
+        defaultValue?: Prop<string, false> | undefined;
+        isEditableOnInsertion: Prop<boolean, true>;
+        isRequiredOnUpdate?: Prop<boolean, false> | undefined;
+        isEditableOnUpdate: Prop<boolean, true>;
+    } | {
+        editMinDate: Prop<string, false>;
+        editMaxDate: Prop<string, false>;
+        editTwentyFourHourTime: Prop<boolean, false>;
+        onDateSelected: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        editColumnType: Prop<EditInputType, true>;
+        isRequiredOnInsertion?: Prop<boolean, false> | undefined;
+        defaultValue?: Prop<string, false> | undefined;
+        isEditableOnInsertion: Prop<boolean, true>;
+        isRequiredOnUpdate?: Prop<boolean, false> | undefined;
+        isEditableOnUpdate: Prop<boolean, true>;
+    } | {
+        isEditableOnUpdate: Prop<false, true>;
+        isEditableOnInsertion: Prop<false, true>;
+        editColumnType: Prop<EditInputType, true>;
+    }))>;
+};

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

@@ -0,0 +1,17 @@
+import React from "react";
+import type { CompactMode, 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;
+    compactMode: CompactMode;
+    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 { CompactMode, 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;
+    compactMode: CompactMode;
+    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, CompactMode, EditProps } from "../types.js";
+declare const EditCheckboxCell: (props: {
+    editProps: EditProps;
+    value: any;
+    readModeComponent: JSX.Element;
+    compactMode: CompactMode;
+    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 { CompactMode, EditProps } from "../types.js";
+import type { Position } from "./edit-utils.js";
+declare const EditDateCell: (props: {
+    editProps: EditProps;
+    value: any;
+    inputPosition: Position;
+    compactMode: CompactMode;
+    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 { CompactMode, 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;
+    compactMode: CompactMode;
+    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 { CompactMode, 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;
+    compactMode: CompactMode;
+    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 { CompactMode, 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;
+    compactMode: CompactMode;
+    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, CompactMode } 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;
+    $compactMode: CompactMode;
+    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 { CompactMode, 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;
+    compactMode: CompactMode;
+    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: (_: {
+    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;
+    tableHeader: string;
+    tableCellTextStyle?: TextStyleWithVariant;
+}
+declare const TableDataDownload: ({ data, filteredOrderMap, columns, tableSizes, widgetName, tableHeader, 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 { Pagination, 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;
+    pageType: Pagination;
+    tableColumns: ReactTableColumnProps[];
+    tableData: Array<Record<string, unknown>>;
+    filteredOrderMap: number[] | undefined;
+    tableHeader: 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, pageType, tableColumns, tableData, filteredOrderMap, tableHeader, 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;

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

@@ -0,0 +1,62 @@
+import React from "react";
+import type { TableSizes } from "../constants.js";
+import type { ColumnProperties, CompactMode, ReactTableColumnProps } from "../types.js";
+import type { TextStyleWithVariant, UserAccessibleTheme, PerCornerBorderRadius, PerSideBorder } from "@superblocksteam/library-shared/types";
+interface TableHeaderProps {
+    isSearchable: boolean;
+    searchKey: string;
+    searchTableData: (searchKey: any) => void;
+    tableSizes: TableSizes;
+    title: string;
+    compactMode: CompactMode;
+    columns: ReactTableColumnProps[];
+    updateProperty: (property: string, value: any) => void;
+    hiddenColumns?: string[];
+    searchPlaceholder: string;
+    tableHeaderTextStyle?: TextStyleWithVariant;
+    searchProps?: {
+        textStyle?: TextStyleWithVariant;
+        border?: PerSideBorder;
+        borderRadius?: PerCornerBorderRadius;
+        backgroundColor?: string;
+    };
+    theme: UserAccessibleTheme;
+}
+export declare const TableHeader: ({ isSearchable, searchKey, searchTableData, tableSizes, title, columns, updateProperty, hiddenColumns, searchPlaceholder, theme, tableHeaderTextStyle, searchProps, }: TableHeaderProps) => React.JSX.Element;
+export declare const SortOrderIcon: ({ isAsc, size, }: {
+    isAsc: boolean;
+    size: number;
+}) => React.JSX.Element;
+export declare const TableHeaderCell: (props: {
+    columnName: string;
+    columnIndex: number;
+    columnProperties: ColumnProperties;
+    isFilterable: boolean;
+    filter?: any;
+    setColumnFilter: (columnId: string, filter: any) => void;
+    isHidden: boolean;
+    isAscOrder?: boolean;
+    isSortable: boolean;
+    sortTableColumn: (columnId: string | null, asc: boolean) => void;
+    isResizingColumn: boolean;
+    column: any;
+    columnSizeMap?: {
+        [key: string]: number;
+    };
+    rawTableData: Record<string, unknown>[];
+    transformedTableData: Record<string, unknown>[];
+    isCheckbox: boolean;
+    selectRows: (rows?: "ALL" | "NONE") => void;
+    selectedRowIndices: Array<number>;
+    hiddenColumns?: string[];
+    sourceId: string;
+    columnFreezes?: Record<string, boolean>;
+    showResizer: boolean;
+    compactMode?: CompactMode;
+    handleHeaderDropped: (index: number, position: number) => void;
+    mutableHeaderDragRef: React.MutableRefObject<number>;
+    columnHeaderProps?: TextStyleWithVariant;
+    theme: UserAccessibleTheme;
+    updateProperty: (property: string, value: any) => void;
+}) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import React from "react";
+import type { CompactMode } from "../types.js";
+import type { UserAccessibleTheme } from "@superblocksteam/library-shared/types";
+declare const TableLoading: ({ numRows, compactMode, width, dataTest, theme, }: {
+    numRows: number;
+    compactMode: CompactMode;
+    width: number | string;
+    dataTest: string;
+    theme: UserAccessibleTheme;
+}) => React.JSX.Element;
+export default TableLoading;

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

@@ -0,0 +1,10 @@
+import React from "react";
+import type { TableSizes } from "../constants.js";
+interface TablePaginationInputProps {
+    pageNo: number;
+    pageCount: number;
+    updatePageNo: (pageNo: number) => void;
+    tableSizes: TableSizes;
+}
+declare const TablePaginationInput: ({ pageCount, pageNo, updatePageNo, tableSizes, }: TablePaginationInputProps) => React.JSX.Element;
+export default TablePaginationInput;