@superblocksteam/library 2.0.0-next.11 → 2.0.0-next.110

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

@@ -1,10 +1,9 @@
 import { Section, Prop } from "../../properties-panel/props-builder.js";
-import { PaginationTypes } from "./types.js";
-import { CompactMode } from "./types.js";
-import type { UnknownRow } from "./types.js";
+import { RowDensity } from "./types.js";
+import type { UnknownRow, PaginationType } from "./types.js";
 export declare const propertiesDefinition: {
     general: Section<Record<string, Prop<any, any>> & {
-        tableHeader: Prop<string, true>;
+        header: Prop<string, true>;
         tableData: Prop<UnknownRow[], false>;
         columns: import("../../properties-panel/props-builder.js").RecordProp<{
             general: Section<(Record<string, Prop<any, any>> & ({
@@ -12,57 +11,50 @@ export declare const propertiesDefinition: {
             } & (Omit<{
                 columnType: Prop<import("./types.js").ColumnType, true>;
             }, "columnType"> & ({
-                computedValue: Prop<string, false>;
+                displayedValue: Prop<string, false>;
+                columnType: Prop<undefined, 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>;
+                currency: Prop<string, true>;
                 columnType: Prop<"currency", true>;
             } | {
-                computedValue: Prop<string, false>;
                 minimumFractionDigits: Prop<number, false>;
                 maximumFractionDigits: Prop<number, false>;
                 columnType: Prop<"percentage", true>;
             } | {
-                openImageUrl: Prop<boolean, false>;
+                openImageUrl: Prop<boolean, true>;
                 columnType: Prop<"image", true>;
             } | {
-                computedValue: Prop<string, false>;
                 columnType: Prop<"video", true>;
             } | {
-                valueFormat: Prop<string, false>;
-                displayFormat: Prop<string, false>;
+                inputFormat: Prop<string, false>;
+                outputFormat: Prop<string, false>;
                 manageTimezone: Prop<boolean, false>;
                 valueTimezone: Prop<string, false>;
                 displayTimezone: Prop<string, false>;
                 columnType: Prop<"date", true>;
             } | {
-                buttonLabel: Prop<string, false>;
+                buttonLabel: Prop<string, true>;
                 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>;
             })))) & {
@@ -70,107 +62,111 @@ export declare const propertiesDefinition: {
             }>;
             presentation: Section<(Record<string, Prop<any, any>> & ({
                 headerIcon: Prop<string, false>;
-                headerIconPosition: Prop<import("../../icons/constants.js").IconPosition, false>;
+                headerIconPosition: Prop<import("../../icons/constants.js").IconPosition, true>;
             } & (Omit<{
                 columnType: Prop<import("./types.js").ColumnType, false>;
             }, "columnType"> & ({
-                horizontalAlign: Prop<"center" | "left" | "right", false>;
-                verticalAlign: Prop<"center" | "bottom" | "top", false>;
-                "cellProps.textStyle": Prop<any, false>;
-                cellBackground: Prop<string, false>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
+                "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+                cellBackground: Prop<string, true>;
+                textWrap: Prop<boolean, false>;
+                cellIcon: Prop<string, false>;
+                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true>;
+                columnType: Prop<undefined, false>;
+            } | {
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
+                "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+                cellBackground: Prop<string, true>;
                 textWrap: Prop<boolean, false>;
                 cellIcon: Prop<string, false>;
-                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, false>;
+                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true>;
                 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>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
+                "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+                cellBackground: Prop<string, true>;
                 textWrap: Prop<boolean, false>;
                 cellIcon: Prop<string, false>;
-                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, false>;
+                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true>;
                 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>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
+                "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+                cellBackground: Prop<string, true>;
                 textWrap: Prop<boolean, false>;
                 cellIcon: Prop<string, false>;
-                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, false>;
+                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true>;
                 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>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
+                "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+                cellBackground: Prop<string, true>;
                 textWrap: Prop<boolean, false>;
                 cellIcon: Prop<string, false>;
-                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, false>;
+                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true>;
                 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<import("./types.js").ImageSize, false>;
-                imageBorderRadius: Prop<import("@superblocksteam/library-shared").Dim, false>;
+                imageBorderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                cellBackground: Prop<string, true>;
                 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>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                cellBackground: Prop<string, true>;
                 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>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
+                "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+                cellBackground: Prop<string, true>;
                 textWrap: Prop<boolean, false>;
                 cellIcon: Prop<string, false>;
-                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, false>;
+                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true>;
                 columnType: Prop<"date", true>;
             } | {
-                buttonVariant: Prop<import("../button/props.js").ButtonVariant, false>;
+                buttonIcon: Prop<string, false>;
+                buttonIconPosition: Prop<import("../../icons/constants.js").IconPosition, true>;
+                buttonVariant: Prop<import("../button/props.js").ButtonVariant, true>;
+                buttonTextStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
                 buttonBackgroundColor: Prop<string, false>;
-                buttonLabelColor: Prop<string, false>;
-                backgroundColor: Prop<string, false>;
-                cellIcon: Prop<string, false>;
-                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, false>;
+                buttonBorder: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
                 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>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
+                "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+                cellBackground: Prop<string, true>;
                 columnType: Prop<"link", true>;
             } | {
-                booleanStyleFalse: Prop<import("./types.js").BooleanStyleFalse, false>;
-                horizontalAlign: Prop<"center" | "left" | "right", false>;
-                verticalAlign: Prop<"center" | "bottom" | "top", false>;
-                "cellProps.textStyle": Prop<any, false>;
-                cellBackground: Prop<string, false>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
+                cellBackground: Prop<string, true>;
+                booleanStyleFalse: Prop<import("./types.js").BooleanStyleFalse, true>;
                 columnType: Prop<"boolean", true>;
             } | {
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
+                cellBackground: Prop<string, true>;
+                tagsWrap: Prop<boolean, false>;
                 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>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
+                "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+                cellBackground: Prop<string, true>;
                 textWrap: Prop<boolean, false>;
                 cellIcon: Prop<string, false>;
-                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, false>;
+                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true>;
                 columnType: Prop<"email", true>;
             })))) & {
-                frozen: Prop<boolean, false>;
+                isFrozen: Prop<boolean, false>;
             }>;
             interaction: Section<Record<string, Prop<any, any>> & Omit<{
                 columnType: Prop<import("./types.js").ColumnType, false>;
@@ -198,10 +194,10 @@ export declare const propertiesDefinition: {
         multiRowSelection: Prop<boolean, true>;
         isSearchable: Prop<boolean, true>;
         isDownloadable: Prop<boolean, true>;
-        pageType: Prop<PaginationTypes, true>;
-        configuredPageSize: Prop<number, false>;
+        paginationType: Prop<PaginationType, true>;
+        configuredPageSize: Prop<any, false>;
         defaultSort: import("../../properties-panel/props-builder.js").CompositeProp<{
-            column: Prop<string, true>;
+            column: Prop<string, false>;
             asc: Prop<boolean, true>;
         }>;
         defaultSearchText: Prop<string, false>;
@@ -210,21 +206,21 @@ export declare const propertiesDefinition: {
     appearance: Section<Record<string, Prop<any, any>> & {
         defaultSelectedRow: Prop<number, false>;
         showColumnBorders: Prop<boolean, false>;
-        "headerProps.textStyle": Prop<any, false>;
-        "columnHeaderProps.textStyle": Prop<any, false>;
-        "cellProps.textStyle": Prop<any, false>;
-        backgroundColor: Prop<string, false>;
-        selectedRowBackgroundColor: Prop<string, false>;
-        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        "headerProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+        "columnHeaderProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+        backgroundColor: Prop<string, true>;
+        selectedRowBackgroundColor: Prop<string, true>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
         borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
-        compactMode: Prop<CompactMode, false>;
-        maxLinesPerRow: Prop<number, false>;
-        animateLoading: Prop<boolean, false>;
+        rowDensity: Prop<RowDensity, true>;
+        maxLinesPerRow: Prop<number, true>;
+        loading: Prop<boolean, true>;
         isVisible: Prop<boolean, false>;
         collapseWhenHidden: Prop<boolean, false>;
-        "searchProps.textStyle": Prop<any, false>;
-        "searchProps.backgroundColor": Prop<string, false>;
-        "searchProps.border": Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        "searchProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+        "searchProps.backgroundColor": Prop<string, true>;
+        "searchProps.border": Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
         "searchProps.borderRadius": Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
     }>;
     events: Section<Record<string, Prop<any, any>> & {
@@ -240,19 +236,18 @@ export declare const propertiesDefinition: {
         selectedRow: Prop<any, true>;
         selectedRowSchema: Prop<any, true>;
         selectedRows: Prop<any, true>;
-        pageSize: Prop<number, true>;
         filteredTableData: Prop<any[], true>;
         filteredOrderMap: Prop<number[], true>;
     }>;
     meta: Section<Record<string, Prop<any, any>> & {
-        selectedRowIndex: Prop<number, false>;
+        selectedRowIndex: Prop<number, true>;
         selectedRowIndices: Prop<any, false>;
-        pageNo: Prop<number, true>;
-        sortedColumn: Prop<any, false>;
-        searchText: Prop<string, false>;
-        filters: Prop<any, false>;
+        sortedColumn: Prop<any, true>;
+        searchText: Prop<string, true>;
+        filters: Prop<any, true>;
         hiddenColumns: Prop<any, false>;
         columnFreezes: Prop<any, false>;
         tagsColorAssignment: Prop<any, false>;
+        pageNo: Prop<number, true>;
     }>;
 };

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

@@ -1,6 +1,6 @@
 import React from "react";
 import type { InsertRowOptions } from "./constants.js";
-import type { ColumnFilter, CompactMode, Pagination, ReactTableColumnProps, TableFilters } from "./types.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 {
@@ -40,7 +40,7 @@ export interface TableProps {
     prevPageClick: () => void;
     pageNo: number;
     pageSize: number;
-    pageType: Pagination;
+    paginationType: PaginationType;
     selectedRowIndex: number;
     selectedRowIndices: number[];
     multiRowSelection?: boolean;
@@ -55,13 +55,13 @@ export interface TableProps {
     filters?: TableFilters;
     setColumnFilter: (columnId: string, filter: ColumnFilter) => void;
     columns: ReactTableColumnProps[];
-    compactMode?: CompactMode;
+    rowDensity?: RowDensity;
     isDownloadable: boolean;
     isFilterable: boolean;
     showColumnBorders: boolean;
     isSortable: boolean;
     isSearchable: boolean;
-    tableHeader: string;
+    header: string;
     hiddenColumns?: string[];
     numEdits: number;
     numEditErrors: number;

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

@@ -1,4 +1,4 @@
-import { CompactMode } from "./types.js";
+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";
@@ -17,19 +17,15 @@ export declare const TableCSSVariables: {
     rowHoverBgColor: string;
 };
 export declare const TableWrapper: import("styled-components").StyledComponent<"div", any, TableWrapperProps, never>;
-export declare const buildCellStyles: ({ cellTextStyle, fontStyle, textColor, horizontalAlign, verticalAlign, textSize, compactMode, }: {
+export declare const buildCellStyles: ({ cellTextStyle, horizontalAlign, verticalAlign, }: {
     cellTextStyle?: SingleCellProperties["cellTextStyle"];
-    fontStyle?: SingleCellProperties["fontStyle"];
-    textColor?: SingleCellProperties["textColor"];
     horizontalAlign?: SingleCellProperties["horizontalAlign"];
     verticalAlign?: SingleCellProperties["verticalAlign"];
-    textSize?: SingleCellProperties["textSize"];
-    compactMode: CompactMode;
 }) => CSSProperties;
 export declare const CELL_WRAPPER_HOR_MARGIN = 8;
 interface CellWrapperProps {
     cellProperties: SingleCellProperties;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     hasLeftIcon?: boolean;
     hasRightIcon?: boolean;
     isDropdownType?: boolean;
@@ -61,7 +57,6 @@ export declare const ColumnHeaderWrapper: import("styled-components").StyledComp
 export declare const ColumnHeaderTitleWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const HeaderCellContentWrapper: import("styled-components").StyledComponent<"div", any, {
     columnProperties: ColumnProperties;
-    shouldCapitalize: boolean;
 }, never>;
 interface TableIconWrapperProps {
     selected?: boolean;

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

@@ -1,12 +1,11 @@
-import { Dim } from "@superblocksteam/library-shared";
 import React from "react";
-import { BooleanStyleFalse } from "./types.js";
-import type { CompactMode } from "./types.js";
-import type { ColumnProperties, TableWidgetProps, EditProps, SingleCellProperties, TableStyles, TagDisplayConfig, TagsColorAssignment, ColumnPropertyFunctionArgs } from "./types.js";
+import { HorizontalAlignment, VerticalAlignment } from "./types.js";
+import type { ColumnProperties, EditProps, SingleCellProperties, TagDisplayConfig, TagsColorAssignment, RowDensity, BooleanStyleFalse, UnknownRow } from "./types.js";
 import type { IconPosition } from "../../icons/constants.js";
 import type { ButtonVariant } from "../button/props.js";
+import type { Dim } from "@superblocksteam/library-shared";
 import type { DimModes } from "@superblocksteam/library-shared";
-import type { TextStyleWithVariant, UserAccessibleTheme } from "@superblocksteam/library-shared/types";
+import type { TextStyleWithVariant, UserAccessibleTheme, PerSideBorder } from "@superblocksteam/library-shared/types";
 export declare const getAllTableColumnKeys: (tableData: Readonly<Array<Record<string, unknown>>>, additionalColumnKeys?: string[]) => string[];
 interface TableTagsProps {
     theme: UserAccessibleTheme;
@@ -15,7 +14,7 @@ interface TableTagsProps {
     tagValues: unknown[];
     tagsColorAssignment?: TagsColorAssignment;
     tagsCustomColorAssignment?: Record<string, TagDisplayConfig>;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     handleCellFocus?: () => void;
     maxWidth?: number;
     maxLinesPerRow?: number;
@@ -26,7 +25,7 @@ export type TableCellProps = SingleCellProperties & {
     tagsColorAssignment?: TagsColorAssignment;
     tagsCustomColorAssignment?: Record<string, TagDisplayConfig>;
     booleanStyleFalse?: BooleanStyleFalse;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     isFocused: boolean;
     isMultiselecting: boolean;
 };
@@ -36,11 +35,11 @@ interface CellPosition {
     columnId: string;
 }
 export declare const sanitizeCellValue: (cellValue: any) => string;
-export declare const TagsCell: ({ isHidden, cellProperties, tagValues, tagsColorAssignment, tagsCustomColorAssignment, compactMode, handleCellFocus, maxWidth, maxLinesPerRow, theme, }: TableTagsProps) => React.JSX.Element;
+export declare const TagsCell: ({ isHidden, cellProperties, tagValues, tagsColorAssignment, tagsCustomColorAssignment, rowDensity, handleCellFocus, maxWidth, maxLinesPerRow, theme, }: TableTagsProps) => React.JSX.Element;
 interface ColumnAction {
     label: string;
     id: string;
-    actions: (args: ColumnPropertyFunctionArgs) => void;
+    actions: () => void;
 }
 export declare const formatByType: (value: unknown, type: string, options: {
     maxLen?: number;
@@ -62,7 +61,7 @@ export declare const EditableCell: (props: {
     cellProps: TableCellProps;
     editProps: EditProps;
     tableName: string;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     position: CellPosition;
     isInserted: boolean;
     columnName: string;
@@ -70,7 +69,7 @@ export declare const EditableCell: (props: {
     theme: UserAccessibleTheme;
 }) => React.JSX.Element;
 export declare function getCellProperties(tableCellTextStyle: TextStyleWithVariant | undefined, columnProperties: ColumnProperties, rowIndex: number): SingleCellProperties;
-export declare function getPropertyValue(value: any, index: number, preserveCase?: boolean, preserveDataType?: boolean): any;
+export declare function getPropertyValue(value: any, index: number, preserveDataType?: boolean): any;
 export declare function getFirstPropertyValue(value: string | string[] | undefined): string | undefined;
 export declare const renderCell: ({ value, columnType, editInputType, cellProps, defaultValue, maxLinesPerRow, tableCellTextStyle, typographies, theme, }: {
     value: any;
@@ -84,28 +83,32 @@ export declare const renderCell: ({ value, columnType, editInputType, cellProps,
     typographies?: UserAccessibleTheme["typographies"];
     theme: UserAccessibleTheme;
 }) => React.JSX.Element;
-interface RenderActionProps {
+interface TableButtonProps {
     rowIndex: number;
     isSelected: boolean;
     isDisabled?: boolean;
     columnActions?: ColumnAction[];
     backgroundColor?: string;
+    buttonBorder?: PerSideBorder;
     buttonVariant: ButtonVariant;
-    buttonLabelColor: string | undefined;
+    buttonTextStyle?: TextStyleWithVariant;
     cellIcon?: string;
     cellIconPosition: IconPosition;
-    onCommandClick: (args: ColumnPropertyFunctionArgs) => void;
     handleRowSelect: (rowIndex: number) => void;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
+    theme: UserAccessibleTheme;
+    buttonLabel: string;
+    onClick: (onComplete: () => void) => void;
 }
-export declare const renderActions: (props: RenderActionProps, isHidden: boolean, cellProperties: SingleCellProperties, compactMode: CompactMode, theme: UserAccessibleTheme) => React.JSX.Element;
+export declare const TableButton: (props: TableButtonProps) => React.JSX.Element;
 export declare const renderLink: (props: {
     isHidden: boolean;
     cellProperties: SingleCellProperties;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     position: CellPosition;
     maxLinesPerRow?: number;
     tableCellTextStyle?: TextStyleWithVariant;
+    value?: string;
 }) => React.JSX.Element;
 export declare const renderEmptyRow: (columns: any, page: any, prepareRow: any, index: number, columnSizeMap: undefined | {
     [key: string]: number;
@@ -117,8 +120,6 @@ export declare const getVisibleOrderedColumnIds: (columns: Record<string, Column
 export declare const reorderColumns: (columns: Record<string, ColumnProperties>, columnOrder: string[], columnFreezes?: Record<string, boolean>) => Record<string, ColumnProperties>;
 export declare function getDefaultColumnProperties(accessor: string, index: number, widgetName: string, isDerived?: boolean): ColumnProperties;
 export declare function getDefaultComputedValue(accessor: string, widgetName: string, isDerived: boolean): string;
-export declare function columnHasNonDefaultProps(columnProperties: ColumnProperties, widgetName: string): boolean;
-export declare function getTableStyles(props: any): TableStyles;
 export declare const getColumnWidthStyle: ({ column, columnSizeMap, resizingColumnIdRef, canvasScaleFactor, }: {
     column: any;
     columnSizeMap: {
@@ -143,5 +144,9 @@ export declare const getColumnWidth: (colId: string, columnSizeMap: {
     actualFlexWidth: number;
 };
 export declare function collapseTableData(data: unknown[][], largestRow?: number): unknown[][];
-export declare function createTableColumns(props: TableWidgetProps): Record<string, ColumnProperties> | undefined;
+export declare function createTableColumns(columns: Record<string, any> | undefined, tableData: UnknownRow[] | undefined, tableStyles: {
+    cellBackground?: string;
+    verticalAlign?: VerticalAlignment;
+    horizontalAlign?: HorizontalAlignment;
+}, widgetName: string): Record<string, ColumnProperties> | undefined;
 export {};

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

@@ -25,7 +25,6 @@ export declare class TableWidget extends React.Component<TableWidgetProps, Table
     }[];
     eventListenerController: AbortController | undefined;
     componentDidMount(): void;
-    componentDidUpdate(): void;
     addEventListeners(): void;
     componentWillUnmount(): void;
     getDisplayedValueForEditCell: ({ columnId, rawValue, displayedValue, useLabelAsDisplayValue, }: {
@@ -36,6 +35,7 @@ export declare class TableWidget extends React.Component<TableWidgetProps, Table
     }) => string | undefined;
     previousColumnsString: string;
     previousColumns: ReactTableColumnProps[];
+    handleTableButtonClick: (columnId: string, onComplete: () => void) => void;
     getReactTableColumns(): ReactTableColumnProps[];
     static transformData: (tableData: Array<Record<string, unknown>>, filteredOrderMap: Array<number>, columns: ReactTableColumnProps[], editOverrides: Record<number, Record<string, {
         value: unknown;
@@ -111,7 +111,7 @@ export declare class TableWidget extends React.Component<TableWidgetProps, Table
         label: string;
         value: string;
     }) => void;
-    onEditStop: (columnProperties: ColumnProperties, currentRowIndex: number, editStopProps: {
+    onEditStop: (columnProperties: ColumnProperties, _currentRowIndex: number, editStopProps: {
         shouldSave: boolean;
         value?: any;
         validationErrors?: Array<string>;