@superblocksteam/library 2.0.0-next.4 → 2.0.0-next.41

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

@@ -1,6 +1,6 @@
 export declare const SbTable: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
     general: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        tableHeader: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        header: import("../../properties-panel/props-builder.js").Prop<string, true>;
         tableData: import("../../properties-panel/props-builder.js").Prop<import("./types.js").UnknownRow[], false>;
         columns: import("../../properties-panel/props-builder.js").RecordProp<{
             general: import("../../properties-panel/props-builder.js").Section<(Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ({
@@ -8,24 +8,23 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
             } & (Omit<{
                 columnType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").ColumnType, true>;
             }, "columnType"> & ({
-                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                displayedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<undefined, false>;
+            } | {
                 displayedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"text", true>;
             } | {
-                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 notation: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
                 minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
                 maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"number", true>;
             } | {
-                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 notation: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
                 minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
                 maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
                 currency: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"currency", true>;
             } | {
-                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
                 maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"percentage", true>;
@@ -33,11 +32,10 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
                 openImageUrl: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"image", true>;
             } | {
-                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"video", true>;
             } | {
-                valueFormat: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                displayFormat: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                inputFormat: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                outputFormat: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 manageTimezone: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
                 valueTimezone: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 displayTimezone: import("../../properties-panel/props-builder.js").Prop<string, false>;
@@ -52,13 +50,11 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
                 openInNewTab: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"link", true>;
             } | {
-                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"boolean", true>;
             } | {
                 computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"tags", true>;
             } | {
-                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 displayedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"email", true>;
             })))) & {
@@ -70,6 +66,15 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
             } & (Omit<{
                 columnType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").ColumnType, false>;
             }, "columnType"> & ({
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                textWrap: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                cellIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<undefined, false>;
+            } | {
                 horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
                 verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
                 "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
@@ -187,7 +192,6 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
         margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         isFilterable: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
@@ -195,10 +199,10 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
         multiRowSelection: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         isSearchable: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         isDownloadable: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        pageType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").PaginationTypes, true>;
-        configuredPageSize: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        paginationType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").PaginationType, true>;
+        configuredPageSize: import("../../properties-panel/props-builder.js").Prop<any, false>;
         defaultSort: import("../../properties-panel/props-builder.js").CompositeProp<{
-            column: import("../../properties-panel/props-builder.js").Prop<string, true>;
+            column: import("../../properties-panel/props-builder.js").Prop<string, false>;
             asc: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         }>;
         defaultSearchText: import("../../properties-panel/props-builder.js").Prop<string, false>;
@@ -212,7 +216,7 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
         "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
         backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
         selectedRowBackgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
-        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
         borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
         compactMode: import("../../properties-panel/props-builder.js").Prop<import("./types.js").CompactMode, false>;
         maxLinesPerRow: import("../../properties-panel/props-builder.js").Prop<number, false>;
@@ -221,7 +225,7 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
         collapseWhenHidden: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
         "searchProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
         "searchProps.backgroundColor": import("../../properties-panel/props-builder.js").Prop<string, false>;
-        "searchProps.border": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        "searchProps.border": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
         "searchProps.borderRadius": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
     }>;
     events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
@@ -237,19 +241,18 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
         selectedRow: import("../../properties-panel/props-builder.js").Prop<any, true>;
         selectedRowSchema: import("../../properties-panel/props-builder.js").Prop<any, true>;
         selectedRows: import("../../properties-panel/props-builder.js").Prop<any, true>;
-        pageSize: import("../../properties-panel/props-builder.js").Prop<number, true>;
         filteredTableData: import("../../properties-panel/props-builder.js").Prop<any[], true>;
         filteredOrderMap: import("../../properties-panel/props-builder.js").Prop<number[], true>;
     }>;
     meta: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        selectedRowIndex: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        selectedRowIndex: import("../../properties-panel/props-builder.js").Prop<number, true>;
         selectedRowIndices: import("../../properties-panel/props-builder.js").Prop<any, false>;
-        pageNo: import("../../properties-panel/props-builder.js").Prop<number, true>;
-        sortedColumn: import("../../properties-panel/props-builder.js").Prop<any, false>;
-        searchText: import("../../properties-panel/props-builder.js").Prop<string, false>;
-        filters: import("../../properties-panel/props-builder.js").Prop<any, false>;
+        sortedColumn: import("../../properties-panel/props-builder.js").Prop<any, true>;
+        searchText: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        filters: import("../../properties-panel/props-builder.js").Prop<any, true>;
         hiddenColumns: import("../../properties-panel/props-builder.js").Prop<any, false>;
         columnFreezes: import("../../properties-panel/props-builder.js").Prop<any, false>;
         tagsColorAssignment: import("../../properties-panel/props-builder.js").Prop<any, false>;
+        pageNo: import("../../properties-panel/props-builder.js").Prop<number, true>;
     }>;
 }>>;

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,11 +35,10 @@ 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>;
@@ -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>;
             })))) & {
@@ -74,6 +69,15 @@ export declare const propertiesDefinition: {
             } & (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>;
+                textWrap: Prop<boolean, false>;
+                cellIcon: Prop<string, false>;
+                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, false>;
+                columnType: Prop<undefined, false>;
+            } | {
                 horizontalAlign: Prop<"center" | "left" | "right", false>;
                 verticalAlign: Prop<"center" | "bottom" | "top", false>;
                 "cellProps.textStyle": Prop<any, false>;
@@ -191,7 +195,6 @@ export declare const propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     interaction: Section<Record<string, Prop<any, any>> & {
         isFilterable: Prop<boolean, true>;
@@ -199,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>;
@@ -216,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>;
@@ -225,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>> & {
@@ -241,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

@@ -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/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;
@@ -184,7 +180,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;
@@ -304,8 +299,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 +361,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 +372,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 +387,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 +420,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

@@ -44,7 +44,6 @@ export declare const SbText: import("react").FC<import("../../properties-panel/p
         margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     } & {
         shouldScroll: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;

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

@@ -53,7 +53,6 @@ export declare const propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     } & {
         shouldScroll: Prop<boolean, false>;
     }>;

package/dist-types/lib/user-facing/global-functions.d.ts

@@ -1,3 +1,4 @@
+import { type NotificationPosition, type NotificationType } from "./utils/notification.jsx";
 export declare enum Types {
     STRING = "STRING",
     NUMBER = "NUMBER",
@@ -19,5 +20,5 @@ export declare function copyToClipboard(text: string, options?: {
 export declare function navigateTo(urlOrRoute: string, queryParams?: Record<string, any>, target?: string): boolean;
 export declare function setQueryParams(queryParams?: Record<string, any>, preserveExistingQueryParams?: boolean): boolean;
 export declare function download(data: any, fileName?: string, fileType?: string): void;
-export declare function showAlert(_message: string, _style: string, _durationSeconds?: number, _alertPosition?: string): void;
+export declare function showAlert(message: string, style: NotificationType, durationSeconds?: number, alertPosition?: NotificationPosition): void;
 export declare function logoutIntegrations(): void;

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

@@ -19,4 +19,5 @@ export declare const textStyleProp: ({ baseProp, propertiesPanel, }?: {
     baseProp?: ReturnType<typeof createTextStyleCompositeBase>;
     propertiesPanel?: Omit<Partial<PropertiesPanelDisplay<TextStyleWithVariant, "TEXT_STYLE">>, "controlType">;
 }) => Prop<TextStyleWithVariant>;
+export declare const colorProp: (schema: Omit<Partial<PropertiesPanelDisplay<string, "COLOR_PICKER">>, "controlType">) => Prop<string, false>;
 export declare const labelTextStyle: () => Prop<TextStyleWithVariant, true>;

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/layout-section.d.ts

@@ -45,7 +45,6 @@ export declare const shouldScrollContents: (defaultValue?: boolean) => {
 };
 export declare const visible: () => {
     isVisible: Prop<boolean, true>;
-    collapseWhenInvisible: Prop<boolean, false>;
 };
 export declare const spacing: (options?: {
     default?: Dim<"px">;
@@ -60,9 +59,9 @@ export declare const padding: (options?: {
 export declare const margin: () => {
     margin: Prop<unknown, true>;
 };
-export declare const getAlignmentProps: () => {
-    verticalAlign: Prop<VerticalAlignment, true>;
-    horizontalAlign: Prop<HorizontalAlignment, true>;
+export declare const getAlignmentProps: <LayoutType extends "vertical" | "horizontal">() => {
+    verticalAlign: Prop<VerticalAlignment<LayoutType>, true>;
+    horizontalAlign: Prop<HorizontalAlignment<LayoutType>, true>;
 };
 export declare const containerLayout: () => import("../props-builder.js").UnionProp<{
     layout: Prop<ContainerLayout, true>;
@@ -72,12 +71,12 @@ export declare const containerLayout: () => import("../props-builder.js").UnionP
     readonly rows: Prop<number, false>;
     readonly rowSize: Prop<number, false>;
 }, {
-    readonly verticalAlign: Prop<VerticalAlignment, true>;
-    readonly horizontalAlign: Prop<HorizontalAlignment, true>;
+    readonly verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
+    readonly horizontalAlign: Prop<"center" | "left" | "right", true>;
     readonly layout: Prop<"vertical", true>;
 }, {
-    readonly verticalAlign: Prop<VerticalAlignment, true>;
-    readonly horizontalAlign: Prop<HorizontalAlignment, true>;
+    readonly verticalAlign: Prop<"center" | "bottom" | "top", true>;
+    readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
     readonly layout: Prop<"horizontal", true>;
 }], ({
     layout: Prop<ContainerLayout, true>;
@@ -89,14 +88,14 @@ export declare const containerLayout: () => import("../props-builder.js").UnionP
 }) | ({
     layout: Prop<ContainerLayout, true>;
 } & {
-    readonly verticalAlign: Prop<VerticalAlignment, true>;
-    readonly horizontalAlign: Prop<HorizontalAlignment, true>;
+    readonly verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
+    readonly horizontalAlign: Prop<"center" | "left" | "right", true>;
     readonly layout: Prop<"vertical", true>;
 }) | ({
     layout: Prop<ContainerLayout, true>;
 } & {
-    readonly verticalAlign: Prop<VerticalAlignment, true>;
-    readonly horizontalAlign: Prop<HorizontalAlignment, true>;
+    readonly verticalAlign: Prop<"center" | "bottom" | "top", true>;
+    readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
     readonly layout: Prop<"horizontal", true>;
 })>;
 export declare const basicLayout: () => Section<Record<string, Prop<any, any>> & {
@@ -110,5 +109,4 @@ export declare const basicLayout: () => Section<Record<string, Prop<any, any>> &
     margin: Prop<unknown, true>;
 } & {
     isVisible: Prop<boolean, true>;
-    collapseWhenInvisible: Prop<boolean, false>;
 }>;

package/dist-types/lib/user-facing/properties-panel/props-builder.d.ts

@@ -141,6 +141,7 @@ declare class Prop<Type extends DataType, _HasDefault extends boolean = false> {
      */
     protected relations: Relation[][];
     protected constructor(typeString: DataTypeString, defaultValidator?: ValidateFn<Type | undefined>);
+    static unset(): Prop<undefined>;
     static string<T extends string>(): Prop<T>;
     static number<T extends number>(): Prop<T>;
     static boolean<T extends boolean>(): Prop<T>;
@@ -205,7 +206,7 @@ declare class Prop<Type extends DataType, _HasDefault extends boolean = false> {
     setName(name: string): this;
     onEdit(callback: SideEffectCallback): this;
     onEvaluate(callback: SideEffectCallback): this;
-    propertiesPanel<CT extends ControlType>(schema: Omit<Partial<PropertiesPanelDisplay<Type, CT>>, "defaultValue">): this;
+    propertiesPanel<CT extends ControlType>(schema: Omit<Partial<PropertiesPanelDisplay<Type, CT>>, "defaultValue" | "isTriggerProperty">): this;
     build(): ManagedProp<Type>;
     toDefinition(entity?: Entity, scopedState?: ScopedState): WidgetPropertyDefinition<DataType> | undefined;
     getRelations(): Relation[][];

package/dist-types/lib/user-facing/sb-event-flow.d.ts

@@ -1,6 +1,6 @@
 import type { ScopedState, ValueInputProp } from "../internal-details/lib/evaluator/base-entity-manager.js";
 import type { SelectedWidgetProps, StepDef } from "../sb-trigger.js";
-import type { TypeOptions } from "../triggers/implementations/show-alert.js";
+import type { NotificationPosition, NotificationType } from "./utils/notification.jsx";
 import type { ISbEventFlow, WithBindingIdentifier } from "@superblocksteam/library-shared/types";
 declare class SbEventFlow implements ISbEventFlow<StepDef, ScopedState, ValueInputProp> {
     steps: StepDef[];
@@ -41,8 +41,8 @@ declare class SbEventFlow implements ISbEventFlow<StepDef, ScopedState, ValueInp
     setStateVar(stateVar: WithBindingIdentifier, value: ValueInputProp): this;
     static setComponentProperty(widget: SelectedWidgetProps, propertyName: string, value: ValueInputProp): SbEventFlow;
     setComponentProperty(widget: SelectedWidgetProps, propertyName: string, value: ValueInputProp): this;
-    static showAlert(message: ValueInputProp<string>, alertType: TypeOptions): SbEventFlow;
-    showAlert(message: ValueInputProp<string>, alertType: TypeOptions): this;
+    static showAlert(message: ValueInputProp<string>, alertType: NotificationType, alertDuration?: number, alertPosition?: NotificationPosition): SbEventFlow;
+    showAlert(message: ValueInputProp<string>, alertType: NotificationType, alertDuration?: number, alertPosition?: NotificationPosition): this;
     static setProfile(profileId: string, profileAction: "set" | "unset"): SbEventFlow;
     setProfile(profileId: string, profileAction: "set" | "unset"): this;
     static triggerEvent(eventName: string, eventData: Record<string, string>): SbEventFlow;

package/dist-types/lib/user-facing/themes/constants.d.ts

@@ -5,6 +5,7 @@ export declare const LIGHT_APP_BG: "#F9FAFB";
 export declare const DARK_APP_BG = "#131516";
 export declare const noBorder: (theme: UserAccessibleTheme) => Border;
 export declare const noBorderOject: (theme: UserAccessibleTheme) => PerSideBorder;
+export declare const onePixelTransparentBorderObject: () => PerSideBorder;
 export declare const EMPTY_RADIUS: PerCornerBorderRadius;
 export declare const DEFAULT_SYSTEM_RADIUS: PerCornerBorderRadius;
 export declare const defaultContainerBorderObject: (theme: UserAccessibleTheme) => PerSideBorder;

package/dist-types/lib/user-facing/utils/notification.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export type NotificationPosition = "bottomRight" | "bottomLeft" | "topRight" | "topLeft" | "top" | "bottom";
+export type NotificationType = "info" | "success" | "warning" | "error";
+type NotificationConfig = {
+    key?: string;
+    message: JSX.Element | string;
+    description?: JSX.Element | string;
+    duration?: number;
+    placement?: NotificationPosition;
+    style?: React.CSSProperties;
+    dataTest?: string;
+    type: NotificationType;
+};
+export declare function cleanNotification(): void;
+export declare function closeNotification(key: string): void;
+export declare function sendNotification({ message, description, duration, key, placement, style, dataTest, type, }: NotificationConfig): void;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superblocksteam/library",
-  "version": "2.0.0-next.4",
+  "version": "2.0.0-next.41",
   "type": "module",
   "exports": {
     ".": {
@@ -26,14 +26,15 @@
     "@dnd-kit/modifiers": "^9.0.0",
     "@mobx-devtools/tools": "^0.0.4",
     "@oddbird/css-anchor-positioning": "^0.4.0",
+    "@opentelemetry/api": "^1.9.0",
     "@popperjs/core": "^2.11.7",
     "@radix-ui/colors": "^3.0.0",
     "@radix-ui/react-context-menu": "^2.2.2",
     "@react-hook/resize-observer": "1.2.6",
     "@superblocksteam/fast-deep-equal": "3.1.4",
     "@superblocksteam/iso-currency": "2.0.0",
-    "@superblocksteam/library-shared": "2.0.0-next.4",
-    "@superblocksteam/shared": "0.9122.0",
+    "@superblocksteam/library-shared": "2.0.0-next.41",
+    "@superblocksteam/shared": "0.9137.0",
     "antd": "4.24.15",
     "apca-w3": "^0.1.9",
     "clsx": "^2.1.1",