@superblocksteam/library 2.0.0-next.9 → 2.0.0-next.91

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 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,24 +11,23 @@ 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>;
                 columnType: Prop<"currency", true>;
             } | {
-                computedValue: Prop<string, false>;
                 minimumFractionDigits: Prop<number, false>;
                 maximumFractionDigits: Prop<number, false>;
                 columnType: Prop<"percentage", true>;
@@ -37,17 +35,16 @@ export declare const propertiesDefinition: {
                 openImageUrl: Prop<boolean, false>;
                 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>;
             } | {
@@ -56,13 +53,11 @@ export declare const propertiesDefinition: {
                 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 +65,116 @@ 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>;
+                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>;
                 imageSize: Prop<import("./types.js").ImageSize, false>;
-                imageBorderRadius: Prop<import("@superblocksteam/library-shared").Dim, false>;
+                imageBorderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, 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>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
+                "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, 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>;
                 buttonBackgroundColor: Prop<string, false>;
+                buttonBorder: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
                 buttonLabelColor: Prop<string, false>;
-                backgroundColor: Prop<string, false>;
-                cellIcon: Prop<string, false>;
-                cellIconPosition: Prop<import("../../icons/constants.js").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>;
+                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>;
+                booleanStyleFalse: Prop<import("./types.js").BooleanStyleFalse, true>;
+                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<"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>;
+                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<"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 +202,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 +214,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>;
         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 +244,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, CompactMode, 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;
@@ -61,7 +61,7 @@ export interface TableProps {
     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

@@ -61,7 +61,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,12 @@
-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 { CellAlignmentTypes, TextSizes, VerticalAlignmentTypes } from "./types.js";
+import type { CompactMode, BooleanStyleFalse, UnknownRows } from "./types.js";
+import type { ColumnProperties, EditProps, SingleCellProperties, TagDisplayConfig, TagsColorAssignment } 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;
@@ -40,7 +40,7 @@ export declare const TagsCell: ({ isHidden, cellProperties, tagValues, tagsColor
 interface ColumnAction {
     label: string;
     id: string;
-    actions: (args: ColumnPropertyFunctionArgs) => void;
+    actions: () => void;
 }
 export declare const formatByType: (value: unknown, type: string, options: {
     maxLen?: number;
@@ -70,7 +70,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,21 +84,24 @@ 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;
     cellIcon?: string;
     cellIconPosition: IconPosition;
-    onCommandClick: (args: ColumnPropertyFunctionArgs) => void;
     handleRowSelect: (rowIndex: number) => void;
     compactMode: CompactMode;
+    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;
@@ -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,12 @@ 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: UnknownRows | undefined, tableStyles: {
+    textColor?: string;
+    textSize?: TextSizes;
+    fontStyle?: string;
+    cellBackground?: string;
+    verticalAlign?: VerticalAlignmentTypes;
+    horizontalAlign?: CellAlignmentTypes;
+}, 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>;

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

@@ -1,11 +1,7 @@
 import type { IconPosition } from "../../icons/constants";
 import type { Dim, DimModes } from "@superblocksteam/library-shared";
 import type { TextStyleWithVariant, UserAccessibleTheme, PerCornerBorderRadius, PerSideBorder } from "@superblocksteam/library-shared/types";
-export declare enum PaginationTypes {
-    NONE = "NONE",
-    CLIENT_SIDE = "CLIENT_SIDE",
-    SERVER_SIDE = "SERVER_SIDE"
-}
+export type PaginationType = "none" | "client_side" | "server_side";
 export interface TableFilters {
     byColumn?: {
         [column: string]: ColumnFilter;
@@ -91,12 +87,7 @@ export declare enum EditInputType {
     Checkbox = "CHECKBOX",
     Date = "DATE"
 }
-export declare enum BooleanStyleFalse {
-    EMPTY = "EMPTY",
-    CLOSE = "CLOSE",
-    MINUS = "MINUS",
-    EMPTY_CHECKBOX = "EMPTY_CHECKBOX"
-}
+export type BooleanStyleFalse = "empty" | "close" | "minus" | "empty_checkbox";
 export declare enum ImageSize {
     Fixed = "FIXED",
     Fit = "FIT",
@@ -184,7 +175,6 @@ export interface TableStyles {
     horizontalAlign?: CellAlignment;
     verticalAlign?: VerticalAlignment;
 }
-export type Pagination = keyof typeof PaginationTypes;
 type CellAlignment = keyof typeof CellAlignmentTypes;
 type VerticalAlignment = keyof typeof VerticalAlignmentTypes;
 type TextSize = keyof typeof TextSizes;
@@ -197,6 +187,7 @@ export type SingleCellProperties = ColumnPropertiesForEditing & {
     cellTextStyle?: TextStyleWithVariant;
     cellBackground?: string;
     buttonBackgroundColor?: string;
+    buttonBorder?: PerSideBorder;
     buttonVariant?: string;
     buttonLabelColor?: string;
     buttonLabel?: string;
@@ -209,7 +200,7 @@ export type SingleCellProperties = ColumnPropertiesForEditing & {
     displayedValue?: string;
     textWrap?: boolean;
     dropdownIcon?: string;
-    imageBorderRadius?: Dim<DimModes>;
+    imageBorderRadius?: PerCornerBorderRadius;
     imageSize?: ImageSize;
     openImageUrl?: boolean;
     inputFormat?: string;
@@ -251,17 +242,13 @@ interface ColumnPropertiesForEditing {
 export type TagDisplayConfig = {
     color: string;
 };
-export type ColumnPropertyFunctionArgs = {
-    onComplete?: () => void;
-    context: ColumnContext | Record<string, unknown>;
-};
 export type ColumnPropertyFunctions = {
-    onClick?: (args: ColumnPropertyFunctionArgs) => void;
-    onDropdownSearchTextChanged?: (args: ColumnPropertyFunctionArgs) => void;
-    onOptionChange?: (args: ColumnPropertyFunctionArgs) => void;
-    onFocusOut?: (args: ColumnPropertyFunctionArgs) => void;
-    onDateSelected?: (args: ColumnPropertyFunctionArgs) => void;
-    onCheckChange?: (args: ColumnPropertyFunctionArgs) => void;
+    onClick?: (args: RowContext) => Promise<void>;
+    onDropdownSearchTextChanged?: () => void;
+    onOptionChange?: () => void;
+    onFocusOut?: () => void;
+    onDateSelected?: () => void;
+    onCheckChange?: () => void;
 };
 export interface ColumnProperties extends ColumnEditConfigs, ColumnPropertiesForEditing, ColumnPropertyFunctions {
     id: string;
@@ -287,11 +274,14 @@ export interface ColumnProperties extends ColumnEditConfigs, ColumnPropertiesFor
     computedValue: string | string[];
     displayedValue?: string | string[];
     buttonLabel?: string;
-    buttonStyle?: string;
+    buttonBackgroundColor?: string;
+    buttonBorder?: PerSideBorder;
     buttonVariant?: string;
     buttonLabelColor?: string;
     cellIcon?: string;
     cellIconPosition?: IconPosition;
+    buttonIcon?: string;
+    buttonIconPosition?: IconPosition;
     isDisabled?: boolean;
     linkUrl?: string;
     linkLabel?: string;
@@ -302,10 +292,10 @@ export interface ColumnProperties extends ColumnEditConfigs, ColumnPropertiesFor
     textWrap?: boolean;
     tagDisplayConfig: Record<string, TagDisplayConfig>;
     imageSize?: ImageSize;
-    imageBorderRadius?: Dim<DimModes>;
+    imageBorderRadius?: PerCornerBorderRadius;
     openImageUrl?: boolean;
-    outputFormat?: string | string[];
-    inputFormat?: string | string[];
+    outputFormat?: string;
+    inputFormat?: string;
 }
 export type EditProps = ColumnEditConfigs & {
     handleEditStart: () => void;
@@ -366,7 +356,7 @@ type ColumnEditConfigs = {
 export type UnknownRow = Record<string, unknown>;
 export type UnknownRows = Array<UnknownRow>;
 export interface TableSortColumn {
-    column: string;
+    column?: string;
     asc: boolean;
 }
 export interface TagsColorAssignment {
@@ -377,11 +367,10 @@ export interface TableWidgetProps extends TableFunctions {
     sourceId: string;
     widgetName: string;
     isLoading: boolean;
-    defaultSearchText: string;
     searchPlaceholder: string;
     pageSize: number;
     configuredPageSize?: number;
-    pageType: Pagination;
+    paginationType: PaginationType;
     multiRowSelection?: boolean;
     columnOrder?: string[];
     columnSizeMap?: {
@@ -393,9 +382,8 @@ export interface TableWidgetProps extends TableFunctions {
     isDownloadable: boolean;
     isFilterable: boolean;
     showColumnBorders: boolean;
-    defaultFilters: string;
     isSearchable: boolean;
-    tableHeader: string;
+    header: string;
     compactMode: CompactMode;
     enableRowDeletion: boolean;
     enableRowInsertion: boolean;
@@ -427,6 +415,7 @@ export interface TableWidgetProps extends TableFunctions {
     theme: UserAccessibleTheme;
     border: PerSideBorder;
     disableNudge: (disable: boolean) => void;
+    disableDrag: (disable: boolean) => void;
     filteredTableData?: UnknownRows;
     filteredOrderMap?: Array<number>;
     editedRows?: {