@superblocksteam/library 2.0.6-next.98 → 2.0.6

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { HorizontalAlignment, VerticalAlignment } from "./types.js";
-import type { ColumnProperties, EditProps, SingleCellProperties, TagDisplayConfig, RowDensity, BooleanStyleFalse, UnknownRow, ContextualColumnProperty } from "./types.js";
+import type { ColumnProperties, EditProps, SingleCellProperties, TagDisplayConfig, TagsColorAssignment, RowDensity, BooleanStyleFalse, UnknownRow } from "./types.js";
 import type { IconPosition } from "../../icons/constants.js";
 import type { ButtonVariant } from "../button/props.js";
 import type { Dim } from "@superblocksteam/library-shared";
@@ -12,7 +12,8 @@ interface TableTagsProps {
     isHidden: boolean;
     cellProperties: SingleCellProperties;
     tagValues: unknown[];
-    tagsColorAssignment?: Record<string, TagDisplayConfig>;
+    tagsColorAssignment?: TagsColorAssignment;
+    tagsCustomColorAssignment?: Record<string, TagDisplayConfig>;
     rowDensity: RowDensity;
     handleCellFocus?: () => void;
     maxWidth?: number;
@@ -21,7 +22,8 @@ interface TableTagsProps {
 export type TableCellProps = SingleCellProperties & {
     isHidden: boolean;
     cellProperties: SingleCellProperties;
-    tagsColorAssignment?: Record<string, TagDisplayConfig>;
+    tagsColorAssignment?: TagsColorAssignment;
+    tagsCustomColorAssignment?: Record<string, TagDisplayConfig>;
     booleanStyleFalse?: BooleanStyleFalse;
     rowDensity: RowDensity;
     isFocused: boolean;
@@ -32,7 +34,8 @@ interface CellPosition {
     originalRowIndex: number;
     columnId: string;
 }
-export declare const TagsCell: ({ isHidden, cellProperties, tagValues, tagsColorAssignment, rowDensity, handleCellFocus, maxWidth, maxLinesPerRow, theme, }: TableTagsProps) => React.JSX.Element;
+export declare const sanitizeCellValue: (cellValue: any) => string;
+export declare const TagsCell: ({ isHidden, cellProperties, tagValues, tagsColorAssignment, tagsCustomColorAssignment, rowDensity, handleCellFocus, maxWidth, maxLinesPerRow, theme, }: TableTagsProps) => React.JSX.Element;
 interface ColumnAction {
     label: string;
     id: string;
@@ -65,9 +68,9 @@ export declare const EditableCell: (props: {
     maxLinesPerRow?: number;
     theme: UserAccessibleTheme;
 }) => React.JSX.Element;
-export declare function getCellProperties(tableCellTextStyle: TextStyleWithVariant | undefined, columnProperties: ColumnProperties, currentRow?: UnknownRow): SingleCellProperties;
-export declare function getPropertyValue<T>(value: ContextualColumnProperty<T>, currentRow?: UnknownRow): T | undefined;
-export declare function getFirstPropertyValue<T>(value: ContextualColumnProperty<T>): T;
+export declare function getCellProperties(tableCellTextStyle: TextStyleWithVariant | undefined, columnProperties: ColumnProperties, rowIndex: number): SingleCellProperties;
+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;
     columnType: string;

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { TableManager } from "./table-manager.js";
 import type { InsertRowOptions } from "./constants.js";
-import type { ColumnFilter, ColumnProperties, ReactTableColumnProps, TableWidgetProps, TagDisplayConfig } from "./types.js";
+import type { ColumnFilter, ColumnProperties, ReactTableColumnProps, TableWidgetProps } from "./types.js";
 interface TableWidgetState {
     isSaving: boolean;
 }
@@ -24,7 +24,6 @@ export declare class TableWidget extends React.Component<TableWidgetProps, Table
         columnId: string;
     }[];
     eventListenerController: AbortController | undefined;
-    cachedTagColorAssignment: Record<string, Record<string, TagDisplayConfig>> | undefined;
     componentDidMount(): void;
     addEventListeners(): void;
     componentWillUnmount(): void;
@@ -38,10 +37,6 @@ export declare class TableWidget extends React.Component<TableWidgetProps, Table
     previousColumns: ReactTableColumnProps[];
     handleTableButtonClick: (columnId: string, onComplete: () => void) => void;
     getReactTableColumns(): ReactTableColumnProps[];
-    columnPropertyFunctionMap: WeakMap<WeakKey, any>;
-    functionCounter: number;
-    getColumnPropertiesString: (columnProperties: ColumnProperties) => string;
-    createTableCell(columnProperties: ColumnProperties, isHidden: boolean): (props: any) => React.JSX.Element;
     static transformData: (tableData: Array<Record<string, unknown>>, filteredOrderMap: Array<number>, columns: ReactTableColumnProps[], editOverrides: Record<number, Record<string, {
         value: unknown;
         validationErrors?: Array<string>;
@@ -62,7 +57,7 @@ export declare class TableWidget extends React.Component<TableWidgetProps, Table
     getCurrentRowIndex: (originalIndex: number) => number;
     getIsRowEdited: (rowIndex: number, isOriginalIndex?: boolean) => boolean;
     getIsRowInserted: (rowIndex: number, isOriginalIndex?: boolean) => boolean;
-    getCellBackground: (currentRowIndex: number, columnId: string) => string | undefined;
+    getCellBackground: (currentRowIndex: number, columnId: string) => any;
     getIsLoading: () => boolean;
     getDropdownOptionsLoading: () => boolean;
     render(): React.JSX.Element;
@@ -72,7 +67,7 @@ export declare class TableWidget extends React.Component<TableWidgetProps, Table
         [key: string]: number;
     }) => void;
     handleSearchTable: (searchKey: any) => void;
-    assignTagColors(tableData?: Array<Record<string, unknown>>, columns?: Record<string, ColumnProperties>): void;
+    assignTagColors(tableData: Array<Record<string, unknown>>, columns: ReactTableColumnProps[]): void;
     selectRows: (rows?: "ALL" | "NONE") => void;
     handleRowSelect: (index: number, shiftKey?: boolean) => void;
     getRowContext: (idx?: number) => {
@@ -80,6 +75,9 @@ export declare class TableWidget extends React.Component<TableWidgetProps, Table
             [key: string]: any;
         };
         rowIndex: number | undefined;
+        currentRow: {
+            [key: string]: any;
+        };
     };
     handleRowClick: (_rowData: Record<string, unknown>, index: number) => void;
     updatePageNumber: (pageNo: number) => void;

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

@@ -107,6 +107,7 @@ export type TableInserts = {
 export type RowContext = {
     row: undefined | Record<string, unknown>;
     rowIndex: undefined | number;
+    currentRow: undefined | Record<string, unknown>;
 };
 export type ColumnContext = {
     value: any;
@@ -120,14 +121,15 @@ interface TableFunctions {
         selectedRowIndices?: number[];
         selectedRows?: Array<Record<string, unknown>>;
     }, rowContext: RowContext, triggerEventHandlers: boolean) => void;
-    setPageNo: (value: number, triggerEventHandlers?: boolean) => void;
+    setPageNo: (value: number, rowContext: RowContext, triggerEventHandlers?: boolean) => void;
     setTableFilters: (columnId: string, filter: ColumnFilter, rowContext: RowContext) => void;
     setColumnOrder: (value: string[]) => void;
     setSortedColumn: (value: undefined | TableSortColumn) => void;
     setColumnSizeMap: (value: {
         [key: string]: number;
     }) => void;
-    setSearchText: (value: string) => void;
+    setSearchText: (value: string, context: RowContext) => void;
+    updateTagColorAssignment: (value: TagsColorAssignment) => void;
     onRowClicked: (context: RowContext, onComplete?: () => void) => void;
     selectAllRows: (rowIndices: number[], rows: Array<Record<string, unknown>>, rowContext: RowContext) => void;
     deselectAllRows: (rowContext: RowContext) => void;
@@ -235,9 +237,6 @@ export type ColumnPropertyFunctions = {
     onDateSelected?: () => void;
     onCheckChange?: () => void;
 };
-export type ContextualColumnProperty<T> = T | ((params: {
-    currentRow: UnknownRow;
-}) => T);
 export interface ColumnProperties extends ColumnEditConfigs, ColumnPropertiesForEditing, ColumnPropertyFunctions {
     id: string;
     label: string;
@@ -247,41 +246,41 @@ export interface ColumnProperties extends ColumnEditConfigs, ColumnPropertiesFor
     isVisible: boolean;
     index: number;
     width: number;
-    cellBackground?: ContextualColumnProperty<string>;
-    horizontalAlign?: ContextualColumnProperty<HorizontalAlignment>;
-    verticalAlign?: ContextualColumnProperty<VerticalAlignment>;
-    cellProps?: ContextualColumnProperty<{
+    cellBackground?: string;
+    horizontalAlign?: HorizontalAlignment;
+    verticalAlign?: VerticalAlignment;
+    cellProps?: {
         textStyle: TextStyleWithVariant;
-    }>;
+    };
     enableFilter?: boolean;
     enableSort?: boolean;
     isDerived: boolean;
-    computedValue: ContextualColumnProperty<string>;
-    displayedValue?: ContextualColumnProperty<string>;
-    buttonLabel?: ContextualColumnProperty<string>;
-    buttonBackgroundColor?: ContextualColumnProperty<string>;
-    buttonBorder?: ContextualColumnProperty<PerSideBorder>;
-    buttonVariant?: ContextualColumnProperty<string>;
-    buttonTextStyle?: ContextualColumnProperty<TextStyleWithVariant>;
-    cellIcon?: ContextualColumnProperty<string>;
-    cellIconPosition?: ContextualColumnProperty<IconPosition>;
-    buttonIcon?: ContextualColumnProperty<string>;
-    buttonIconPosition?: ContextualColumnProperty<IconPosition>;
-    isDisabled?: ContextualColumnProperty<boolean>;
-    linkUrl?: ContextualColumnProperty<string>;
-    linkLabel?: ContextualColumnProperty<string>;
-    openInNewTab?: ContextualColumnProperty<boolean>;
+    computedValue: string | string[];
+    displayedValue?: string | string[];
+    buttonLabel?: string;
+    buttonBackgroundColor?: string;
+    buttonBorder?: PerSideBorder;
+    buttonVariant?: string;
+    buttonTextStyle?: TextStyleWithVariant;
+    cellIcon?: string;
+    cellIconPosition?: IconPosition;
+    buttonIcon?: string;
+    buttonIconPosition?: IconPosition;
+    isDisabled?: boolean;
+    linkUrl?: string;
+    linkLabel?: string;
+    openInNewTab?: boolean;
     booleanStyleFalse?: BooleanStyleFalse;
-    isEditable?: ContextualColumnProperty<boolean>;
+    isEditable?: boolean | string;
     isFrozen?: boolean;
-    textWrap?: ContextualColumnProperty<boolean>;
-    tagsWrap?: ContextualColumnProperty<boolean>;
+    textWrap?: boolean;
+    tagsWrap?: boolean;
     tagDisplayConfig: Record<string, TagDisplayConfig>;
-    imageSize?: ContextualColumnProperty<ImageSize>;
-    imageBorderRadius?: ContextualColumnProperty<PerCornerBorderRadius>;
-    openImageUrl?: ContextualColumnProperty<boolean>;
-    outputFormat?: ContextualColumnProperty<string>;
-    inputFormat?: ContextualColumnProperty<string>;
+    imageSize?: ImageSize;
+    imageBorderRadius?: PerCornerBorderRadius;
+    openImageUrl?: boolean;
+    outputFormat?: string;
+    inputFormat?: string;
 }
 export type EditProps = ColumnEditConfigs & {
     handleEditStart: () => void;
@@ -383,7 +382,6 @@ export interface TableWidgetProps extends TableFunctions {
     columnHeaderProps?: {
         textStyle: TextStyleWithVariant;
     };
-    columnHeaderTextWrap?: boolean;
     searchProps?: {
         textStyle?: TextStyleWithVariant;
         border?: PerSideBorder;

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

@@ -1,56 +1,56 @@
 export declare const SbText: 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, undefined>> & {
-        text: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
-        textType: import("../../properties-panel/props-builder.js").Prop<"number" | "time" | "text" | "date" | "currency", true, undefined>;
+    general: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        text: import("../../properties-panel/props-builder.js").Prop<string, false>;
+        textType: import("../../properties-panel/props-builder.js").Prop<"number" | "time" | "text" | "date" | "currency", true>;
     }>;
-    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & ({
-        textStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
-        horizontalAlign: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").HorizontalAlign, true, undefined>;
-        verticalAlign: import("../../properties-panel/props-builder.js").Prop<import("./props.js").VerticalAlign, true, undefined>;
-        wrapText: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
-        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
-        shouldScroll: import("../../properties-panel/props-builder.js").Prop<boolean, false, undefined>;
-        icon: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
-        iconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true, undefined>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ({
+        textStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+        horizontalAlign: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").HorizontalAlign, true>;
+        verticalAlign: import("../../properties-panel/props-builder.js").Prop<import("./props.js").VerticalAlign, true>;
+        wrapText: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        shouldScroll: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+        icon: import("../../properties-panel/props-builder.js").Prop<string, false>;
+        iconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true>;
     } & (Omit<{
-        textType: import("../../properties-panel/props-builder.js").Prop<"number" | "time" | "text" | "date" | "currency", false, undefined>;
+        textType: import("../../properties-panel/props-builder.js").Prop<"number" | "time" | "text" | "date" | "currency", false>;
     }, "textType" | "dateInputFormat" | "dateOutputFormat"> & ({
-        minDecimals: import("../../properties-panel/props-builder.js").Prop<number, false, undefined>;
-        maxDecimals: import("../../properties-panel/props-builder.js").Prop<number, false, undefined>;
-        textType: import("../../properties-panel/props-builder.js").Prop<"currency", true, undefined>;
-        currency: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
-        numberFormat: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true, undefined>;
+        minDecimals: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        maxDecimals: 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>;
+        numberFormat: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true>;
         dateInputFormat?: undefined;
         dateOutputFormat?: undefined;
     } | {
-        minDecimals: import("../../properties-panel/props-builder.js").Prop<number, false, undefined>;
-        maxDecimals: import("../../properties-panel/props-builder.js").Prop<number, false, undefined>;
-        textType: import("../../properties-panel/props-builder.js").Prop<"number", true, undefined>;
-        numberFormat: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true, undefined>;
+        minDecimals: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        maxDecimals: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        textType: import("../../properties-panel/props-builder.js").Prop<"number", true>;
+        numberFormat: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true>;
         dateInputFormat?: undefined;
         dateOutputFormat?: undefined;
     } | {
-        textType: import("../../properties-panel/props-builder.js").Prop<"date", true, undefined>;
-        dateInputFormat: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
-        dateOutputFormat: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        textType: import("../../properties-panel/props-builder.js").Prop<"date", true>;
+        dateInputFormat: import("../../properties-panel/props-builder.js").Prop<string, false>;
+        dateOutputFormat: import("../../properties-panel/props-builder.js").Prop<string, false>;
     })))>;
-    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        minHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        maxWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        minWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
-        height: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        maxWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        height: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
     } & {
         margin: import("../../properties-panel/props-builder.js").Prop<{
             top: import("@superblocksteam/library-shared").Dim<"px">;
             bottom: import("@superblocksteam/library-shared").Dim<"px">;
             left: import("@superblocksteam/library-shared").Dim<"px">;
             right: import("@superblocksteam/library-shared").Dim<"px">;
-        } | undefined, true, undefined>;
+        } | undefined, true>;
     } & {
-        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     } & {
-        shouldScroll: import("../../properties-panel/props-builder.js").Prop<boolean, false, undefined>;
+        shouldScroll: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
 }>>;

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

@@ -10,58 +10,58 @@ import type { Typographies } from "@superblocksteam/library-shared/types";
 export declare const DEFAULT_TEXT_WIDGET_TEXT_STYLE_VARIANT: keyof Typographies;
 export type VerticalAlign = "top" | "center" | "bottom";
 export declare const propertiesDefinition: {
-    general: Section<Record<string, Prop<any, any, undefined>> & {
-        text: Prop<string, false, undefined>;
-        textType: Prop<"number" | "time" | "text" | "date" | "currency", true, undefined>;
+    general: Section<Record<string, Prop<any, any>> & {
+        text: Prop<string, false>;
+        textType: Prop<"number" | "time" | "text" | "date" | "currency", true>;
     }>;
-    appearance: Section<Record<string, Prop<any, any, undefined>> & ({
-        textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
-        horizontalAlign: Prop<HorizontalAlign, true, undefined>;
-        verticalAlign: Prop<VerticalAlign, true, undefined>;
-        wrapText: Prop<boolean, true, undefined>;
-        loading: Prop<boolean, true, undefined>;
-        shouldScroll: Prop<boolean, false, undefined>;
-        icon: Prop<string, false, undefined>;
-        iconPosition: Prop<IconPosition, true, undefined>;
+    appearance: Section<Record<string, Prop<any, any>> & ({
+        textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+        horizontalAlign: Prop<HorizontalAlign, true>;
+        verticalAlign: Prop<VerticalAlign, true>;
+        wrapText: Prop<boolean, true>;
+        loading: Prop<boolean, true>;
+        shouldScroll: Prop<boolean, false>;
+        icon: Prop<string, false>;
+        iconPosition: Prop<IconPosition, true>;
     } & (Omit<{
-        textType: Prop<"number" | "time" | "text" | "date" | "currency", false, undefined>;
+        textType: Prop<"number" | "time" | "text" | "date" | "currency", false>;
     }, "textType" | "dateInputFormat" | "dateOutputFormat"> & ({
-        minDecimals: Prop<number, false, undefined>;
-        maxDecimals: Prop<number, false, undefined>;
-        textType: Prop<"currency", true, undefined>;
-        currency: Prop<string, true, undefined>;
-        numberFormat: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true, undefined>;
+        minDecimals: Prop<number, false>;
+        maxDecimals: Prop<number, false>;
+        textType: Prop<"currency", true>;
+        currency: Prop<string, true>;
+        numberFormat: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true>;
         dateInputFormat?: undefined;
         dateOutputFormat?: undefined;
     } | {
-        minDecimals: Prop<number, false, undefined>;
-        maxDecimals: Prop<number, false, undefined>;
-        textType: Prop<"number", true, undefined>;
-        numberFormat: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true, undefined>;
+        minDecimals: Prop<number, false>;
+        maxDecimals: Prop<number, false>;
+        textType: Prop<"number", true>;
+        numberFormat: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true>;
         dateInputFormat?: undefined;
         dateOutputFormat?: undefined;
     } | {
-        textType: Prop<"date", true, undefined>;
-        dateInputFormat: Prop<string, false, undefined>;
-        dateOutputFormat: Prop<string, false, undefined>;
+        textType: Prop<"date", true>;
+        dateInputFormat: Prop<string, false>;
+        dateOutputFormat: Prop<string, false>;
     })))>;
-    layout: Section<Record<string, Prop<any, any, undefined>> & {
-        maxHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        minHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        maxWidth?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        minWidth?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        width: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
-        height: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+    layout: Section<Record<string, Prop<any, any>> & {
+        maxHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        maxWidth?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minWidth?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        width: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        height: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
     } & {
         margin: Prop<{
             top: Dim<"px">;
             bottom: Dim<"px">;
             left: Dim<"px">;
             right: Dim<"px">;
-        } | undefined, true, undefined>;
+        } | undefined, true>;
     } & {
-        isVisible: Prop<boolean, true, undefined>;
+        isVisible: Prop<boolean, true>;
     } & {
-        shouldScroll: Prop<boolean, false, undefined>;
+        shouldScroll: Prop<boolean, false>;
     }>;
 };

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

@@ -1,2 +1,2 @@
 export declare const CANVAS_ROOT_ID = "canvas-root";
-export declare const PORTAL_ROOT_ID = "portal-root";
+export declare const MODAL_TARGET_ROOT_ID = "modal-target-root";

package/dist-types/lib/user-facing/entities/api/props.d.ts

@@ -1,29 +1,20 @@
 import { Section, Prop, type InternalProps } from "../../properties-panel/props-builder.js";
-import { SuspensibleAPI } from "./suspensible-api.js";
-export type ApiEntity = Omit<InternalProps<typeof propertiesDefinition>, "_suspensibleApi"> & {
+export type ApiEntity = InternalProps<typeof propertiesDefinition> & {
     run: () => Promise<any>;
     cancel: () => Promise<any>;
-    _suspensibleApi: SuspensibleAPI<any, any[]>;
 };
 export declare const propertiesDefinition: {
-    events: Section<Record<string, Prop<any, any, undefined>> & {
-        onSuccess: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
-        onError: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
+    events: Section<Record<string, Prop<any, any>> & {
+        onSuccess: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onError: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
     }>;
-    metadata: Section<Record<string, Prop<any, any, undefined>> & {
-        response: Prop<any, true, undefined>;
-        error: Prop<any, true, undefined>;
-        isLoading: Prop<boolean, true, undefined>;
+    metadata: Section<Record<string, Prop<any, any>> & {
+        response: Prop<any, true>;
+        error: Prop<any, true>;
+        isRunning: Prop<boolean, true>;
     }>;
-    functions: Section<Record<string, Prop<any, any, undefined>> & {
-        run: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[], Promise<any>>, true, undefined>;
-        cancel: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[], Promise<void>>, true, undefined>;
-    }>;
-    internal: Section<Record<string, Prop<any, any, undefined>> & {
-        /**
-         * Internal SuspensibleAPI instance that manages loading states and React Suspense integration.
-         * This property is hidden from the public interface but accessible to other properties.
-         */
-        _suspensibleApi: Prop<SuspensibleAPI<any, []>, true, undefined>;
+    functions: Section<Record<string, Prop<any, any>> & {
+        run: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[], Promise<any>>, true>;
+        cancel: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[], Promise<void>>, true>;
     }>;
 };

package/dist-types/lib/user-facing/entities/timer/props.d.ts

@@ -1,19 +1,19 @@
 import { Section, Prop } from "../../properties-panel/props-builder.js";
 export declare const propertiesDefinition: {
-    general: Section<Record<string, Prop<any, any, undefined>> & {
-        intervalMs: Prop<number, true, undefined>;
-        startOnPageLoad: Prop<boolean, false, undefined>;
+    general: Section<Record<string, Prop<any, any>> & {
+        intervalMs: Prop<number, true>;
+        startOnPageLoad: Prop<boolean, false>;
     }>;
-    events: Section<Record<string, Prop<any, any, undefined>> & {
-        onFire: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
+    events: Section<Record<string, Prop<any, any>> & {
+        onFire: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
     }>;
-    metadata: Section<Record<string, Prop<any, any, undefined>> & {
-        timerId: Prop<string, false, undefined>;
-        isRunning: Prop<boolean, true, undefined>;
+    metadata: Section<Record<string, Prop<any, any>> & {
+        timerId: Prop<string, false>;
+        isRunning: Prop<boolean, true>;
     }>;
-    functions: Section<Record<string, Prop<any, any, undefined>> & {
-        start: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[], void>, true, undefined>;
-        stop: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[], void>, true, undefined>;
-        toggle: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[], void>, true, undefined>;
+    functions: Section<Record<string, Prop<any, any>> & {
+        start: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[], void>, true>;
+        stop: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[], void>, true>;
+        toggle: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[], void>, true>;
     }>;
 };

package/dist-types/lib/user-facing/entities/variable/props.d.ts

@@ -1,13 +1,13 @@
 import { SbVariablePersistence } from "@superblocksteam/library-shared/types";
 import { Section, Prop } from "../../properties-panel/props-builder.js";
 export declare const propertiesDefinition: {
-    general: Section<Record<string, Prop<any, any, undefined>> & {
-        defaultValue: Prop<any, false, undefined>;
-        value: Prop<any, false, undefined>;
-        persistence: Prop<SbVariablePersistence, true, undefined>;
+    general: Section<Record<string, Prop<any, any>> & {
+        defaultValue: Prop<any, false>;
+        value: Prop<any, false>;
+        persistence: Prop<SbVariablePersistence, true>;
     }>;
-    functions: Section<Record<string, Prop<any, any, undefined>> & {
-        set: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[value: any], void>, true, undefined>;
-        reset: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[], void>, true, undefined>;
+    functions: Section<Record<string, Prop<any, any>> & {
+        set: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[value: any], void>, true>;
+        reset: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[], void>, true>;
     }>;
 };

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

@@ -1,5 +1,4 @@
-import { NotificationPosition } from "@superblocksteam/library-shared/types";
-import type { NotificationType } from "@superblocksteam/library-shared/types";
+import { type NotificationPosition, type NotificationType } from "./utils/notification.jsx";
 export declare enum Types {
     STRING = "STRING",
     NUMBER = "NUMBER",

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

@@ -1,4 +1,4 @@
 export { registerSbComponent } from "../internal-details/sb-wrapper.jsx";
 export { useActions } from "../internal-details/actions-context.jsx";
-export type { Entity } from "@superblocksteam/library-shared/types";
+export type { Entity } from "../internal-details/lib/evaluator/base-entity-manager.js";
 export { useScope } from "../internal-details/scope/scope-context.jsx";

package/dist-types/lib/user-facing/layers.d.ts

@@ -22,6 +22,7 @@ export declare const Layers: {
     selectedRect: Indices;
     focusedRect: Indices;
     namePill: Indices;
+    drawer: Indices;
     closeButton: Indices;
     stickySections: Indices;
     scrollbars: Indices;
@@ -30,7 +31,7 @@ export declare const Layers: {
     parentSelectedWrapper: Indices;
     widgetResizer: Indices;
     resizer: Indices;
-    dialog: Indices;
+    modal: Indices;
     widgetName: Indices;
     selectionConstraintResize: Indices;
     addSectionButton: Indices;

package/dist-types/lib/user-facing/properties-panel/create-managed-props-list.d.ts

@@ -1,9 +1,5 @@
 import { Section } from "./props-builder.js";
 import type { ManagedPropsList } from "./props-builder.js";
 export declare const RECORD_PATH_IDENTIFIER = "*";
-export declare function createInternalPropsList(sections: Record<string, Section>, parentPath?: string): Array<{
-    path: string;
-    factory: () => any;
-}>;
 declare function createManagedPropsList(sections: Record<string, Section>, parentPath?: string): ManagedPropsList;
 export { createManagedPropsList };

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

@@ -2,23 +2,23 @@ import { Prop } from "../props-builder.js";
 import type { PropertiesPanelDisplay } from "@superblocksteam/library-shared/props";
 import type { TextStyleWithVariant } from "@superblocksteam/library-shared/types";
 export declare const createTextStyleCompositeBase: () => {
-    variant: Prop<string, false, undefined>;
+    variant: Prop<string, false>;
     textColor: import("../props-builder.js").CompositeProp<{
-        default: Prop<string, false, undefined>;
+        default: Prop<string, false>;
     }>;
-    fontFamily: Prop<string, false, undefined>;
-    fontSize: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
-    fontWeight: Prop<number, false, undefined>;
-    fontStyle: Prop<string, false, undefined>;
-    lineHeight: Prop<string, false, undefined>;
-    letterSpacing: Prop<number, false, undefined>;
-    textTransform: Prop<string, false, undefined>;
+    fontFamily: Prop<string, false>;
+    fontSize: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+    fontWeight: Prop<number, false>;
+    fontStyle: Prop<string, false>;
+    lineHeight: Prop<string, false>;
+    letterSpacing: Prop<number, false>;
+    textTransform: Prop<string, false>;
 };
-export declare const basePropertiesPaneDisplay: PropertiesPanelDisplay<TextStyleWithVariant>;
+export declare const basePropertiesPaneDisplay: PropertiesPanelDisplay<string>;
 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, undefined>;
-export declare const labelTextStyle: () => Prop<TextStyleWithVariant, true, undefined>;
-export declare const inputTextStyle: () => Prop<TextStyleWithVariant, true, undefined>;
+export declare const colorProp: (schema: Omit<Partial<PropertiesPanelDisplay<string, "COLOR_PICKER">>, "controlType">) => Prop<string, false>;
+export declare const labelTextStyle: () => Prop<TextStyleWithVariant, true>;
+export declare const inputTextStyle: () => Prop<TextStyleWithVariant, true>;

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

@@ -3,6 +3,6 @@ import type { Dim } from "@superblocksteam/library-shared";
 import type { PropertiesPanelDisplay } from "@superblocksteam/library-shared/props";
 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, undefined>;
+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, undefined>;
+export declare const borderRadius: (propertiesPanelConfig?: Partial<Partial<PropertiesPanelDisplay<PerCornerBorderRadius, "BORDER_RADIUS_CONTROL">>>) => Prop<PerCornerBorderRadius, true>;