@superblocksteam/library 2.0.0-next.7 → 2.0.0-next.71

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,104 +65,113 @@ 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>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
                 "cellProps.textStyle": Prop<any, false>;
                 cellBackground: Prop<string, false>;
                 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<undefined, false>;
+            } | {
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
+                "cellProps.textStyle": Prop<any, false>;
+                cellBackground: Prop<string, false>;
+                textWrap: Prop<boolean, false>;
+                cellIcon: Prop<string, 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>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
                 "cellProps.textStyle": Prop<any, false>;
                 cellBackground: Prop<string, false>;
                 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>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
                 "cellProps.textStyle": Prop<any, false>;
                 cellBackground: Prop<string, false>;
                 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>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
                 "cellProps.textStyle": Prop<any, false>;
                 cellBackground: Prop<string, false>;
                 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>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
                 "cellProps.textStyle": Prop<any, false>;
                 cellBackground: Prop<string, false>;
                 imageSize: Prop<import("./types.js").ImageSize, false>;
                 imageBorderRadius: Prop<import("@superblocksteam/library-shared").Dim, false>;
                 columnType: Prop<"image", true>;
             } | {
-                horizontalAlign: Prop<"center" | "left" | "right", false>;
-                verticalAlign: Prop<"center" | "bottom" | "top", false>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
                 "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>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
                 "cellProps.textStyle": Prop<any, false>;
                 cellBackground: Prop<string, false>;
                 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>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
                 "cellProps.textStyle": Prop<any, false>;
                 cellBackground: Prop<string, false>;
                 columnType: Prop<"link", true>;
             } | {
-                booleanStyleFalse: Prop<import("./types.js").BooleanStyleFalse, false>;
-                horizontalAlign: Prop<"center" | "left" | "right", false>;
-                verticalAlign: Prop<"center" | "bottom" | "top", false>;
+                booleanStyleFalse: Prop<import("./types.js").BooleanStyleFalse, true>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
                 "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>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
                 "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>;
+                horizontalAlign: Prop<"center" | "left" | "right", true>;
+                verticalAlign: Prop<"center" | "bottom" | "top", true>;
                 "cellProps.textStyle": Prop<any, false>;
                 cellBackground: Prop<string, false>;
                 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>;
@@ -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>;
@@ -215,7 +219,7 @@ export declare const propertiesDefinition: {
         "cellProps.textStyle": Prop<any, false>;
         backgroundColor: Prop<string, false>;
         selectedRowBackgroundColor: Prop<string, false>;
-        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, 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>;
@@ -224,7 +228,7 @@ export declare const propertiesDefinition: {
         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.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,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 type { CompactMode, BooleanStyleFalse } from "./types.js";
+import type { ColumnProperties, TableWidgetProps, EditProps, SingleCellProperties, TableStyles, TagDisplayConfig, TagsColorAssignment } from "./types.js";
 import type { IconPosition } from "../../icons/constants.js";
 import type { ButtonVariant } from "../button/props.js";
 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 +39,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 +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;
@@ -90,11 +89,12 @@ interface RenderActionProps {
     isDisabled?: boolean;
     columnActions?: ColumnAction[];
     backgroundColor?: string;
+    buttonBorder?: PerSideBorder;
     buttonVariant: ButtonVariant;
     buttonLabelColor: string | undefined;
     cellIcon?: string;
     cellIconPosition: IconPosition;
-    onCommandClick: (args: ColumnPropertyFunctionArgs) => void;
+    onCommandClick: (onComplete: () => void) => void;
     handleRowSelect: (rowIndex: number) => void;
     compactMode: CompactMode;
 }
@@ -117,7 +117,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;

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

@@ -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;
@@ -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;
@@ -304,8 +294,8 @@ export interface ColumnProperties extends ColumnEditConfigs, ColumnPropertiesFor
     imageSize?: ImageSize;
     imageBorderRadius?: Dim<DimModes>;
     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?: {

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

@@ -14,16 +14,16 @@ export declare const SbText: import("react").FC<import("../../properties-panel/p
     } & (Omit<{
         textType: import("../../properties-panel/props-builder.js").Prop<"number" | "time" | "text" | "date" | "currency", false>;
     }, "textType" | "dateInputFormat" | "dateOutputFormat"> & ({
-        minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, true>;
-        maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, true>;
+        minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
         textType: import("../../properties-panel/props-builder.js").Prop<"currency", true>;
         currency: import("../../properties-panel/props-builder.js").Prop<string, true>;
         notation: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true>;
         dateInputFormat?: undefined;
         dateOutputFormat?: undefined;
     } | {
-        minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, true>;
-        maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, true>;
+        minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
         textType: import("../../properties-panel/props-builder.js").Prop<"number", true>;
         notation: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true>;
         dateInputFormat?: undefined;

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

@@ -23,16 +23,16 @@ export declare const propertiesDefinition: {
     } & (Omit<{
         textType: Prop<"number" | "time" | "text" | "date" | "currency", false>;
     }, "textType" | "dateInputFormat" | "dateOutputFormat"> & ({
-        minimumFractionDigits: Prop<number, true>;
-        maximumFractionDigits: Prop<number, true>;
+        minimumFractionDigits: Prop<number, false>;
+        maximumFractionDigits: Prop<number, false>;
         textType: Prop<"currency", true>;
         currency: Prop<string, true>;
         notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true>;
         dateInputFormat?: undefined;
         dateOutputFormat?: undefined;
     } | {
-        minimumFractionDigits: Prop<number, true>;
-        maximumFractionDigits: Prop<number, true>;
+        minimumFractionDigits: Prop<number, false>;
+        maximumFractionDigits: Prop<number, false>;
         textType: Prop<"number", true>;
         notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true>;
         dateInputFormat?: undefined;

package/dist-types/lib/user-facing/properties-panel/mixins/appearance.d.ts

@@ -1,12 +1,8 @@
-import { Dim } from "@superblocksteam/library-shared";
 import { Prop } from "../props-builder.js";
+import type { Dim } from "@superblocksteam/library-shared";
 import type { PropertiesPanelDisplay } from "@superblocksteam/library-shared/props";
-import type { PerCornerBorderRadius, PerSideBorder } from "@superblocksteam/library-shared/types";
-export declare const perSideBorderDef: () => import("../props-builder.js").CompositeProp<{
-    color: Prop<string, false>;
-    width: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-    style: Prop<string, false>;
-}>;
-export declare const border: (propertiesPanelConfig?: Partial<Partial<PropertiesPanelDisplay<"unknown", "BORDER_CONTROL">>>) => Prop<PerSideBorder, true>;
+import type { BorderStyleBlock, PerCornerBorderRadius, PerSideBorder } from "@superblocksteam/library-shared/types";
+export declare const createPerSideBorder: (border: BorderStyleBlock) => PerSideBorder;
+export declare const border: (propertiesPanelConfig?: Partial<Partial<PropertiesPanelDisplay<PerSideBorder, "BORDER_CONTROL">>>) => Prop<PerSideBorder, false>;
 export declare const createBorderRadiusObject: (borderRadius: Dim<"px" | "%">) => PerCornerBorderRadius;
 export declare const borderRadius: (propertiesPanelConfig?: Partial<Partial<PropertiesPanelDisplay<PerCornerBorderRadius, "BORDER_RADIUS_CONTROL">>>) => Prop<PerCornerBorderRadius, true>;

package/dist-types/lib/user-facing/properties-panel/mixins/form-inputs-properties.d.ts

@@ -8,7 +8,7 @@ export declare const customValidationProperties: {
     customValidationRule: Prop<string, true>;
     customErrorMessage: Prop<string, true>;
 };
-export declare const labelPosition: Prop<"left" | "top", true>;
+export declare const labelPosition: () => Prop<"left" | "top", true>;
 export declare const getTypographyOptions: () => {
     label: string;
     value: {
@@ -39,6 +39,6 @@ export declare const getCustomValidationProperties: ({ errorMessagePlacementSche
 export declare const getFractionDigitsProperties: ({ schema, }?: {
     schema?: Omit<Partial<PropertiesPanelDisplay<number, "INPUT_TEXT">>, "controlType">;
 }) => {
-    minimumFractionDigits: Prop<number, true>;
-    maximumFractionDigits: Prop<number, true>;
+    minimumFractionDigits: Prop<number, false>;
+    maximumFractionDigits: Prop<number, false>;
 };