@superblocksteam/library 2.0.6 → 2.0.7

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

@@ -3,175 +3,276 @@ import { type BooleanStyleFalse, ColumnType, ImageSize } from "./types.js";
 import type { IconPosition } from "../../icons/constants.js";
 import type { ButtonVariant } from "../button/props.js";
 export declare const columnPanelConfig: {
-    general: Section<(Record<string, Prop<any, any>> & ({
-        label: Prop<string, false>;
+    general: Section<(Record<string, Prop<any, any, undefined>> & ({
+        label: Prop<string, false, undefined>;
     } & (Omit<{
-        columnType: Prop<ColumnType, true>;
+        columnType: Prop<ColumnType, true, undefined>;
     }, "columnType"> & ({
-        displayedValue: Prop<string, false>;
-        isDerived: Prop<boolean, true>;
-        columnType: Prop<undefined, false>;
-    } | {
-        displayedValue: Prop<string, false>;
-        isDerived: Prop<boolean, true>;
-        columnType: Prop<"text", true>;
-    } | {
-        notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
-        minimumFractionDigits: Prop<number, false>;
-        maximumFractionDigits: Prop<number, false>;
-        isDerived: Prop<boolean, true>;
-        columnType: Prop<"number", true>;
-    } | {
-        notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
-        minimumFractionDigits: Prop<number, false>;
-        maximumFractionDigits: Prop<number, false>;
-        currency: Prop<string, true>;
-        isDerived: Prop<boolean, true>;
-        columnType: Prop<"currency", true>;
-    } | {
-        minimumFractionDigits: Prop<number, false>;
-        maximumFractionDigits: Prop<number, false>;
-        isDerived: Prop<boolean, true>;
-        columnType: Prop<"percentage", true>;
-    } | {
-        openImageUrl: Prop<boolean, true>;
-        isDerived: Prop<boolean, true>;
-        columnType: Prop<"image", true>;
-    } | {
-        isDerived: Prop<boolean, true>;
-        columnType: Prop<"video", true>;
-    } | {
-        manageTimezone: Prop<boolean, true>;
-        inputFormat: Prop<string, false>;
-        outputFormat: Prop<string, false>;
-        isDerived: Prop<boolean, true>;
-        columnType: Prop<"date", true>;
-    } | {
-        buttonLabel: Prop<string, true>;
-        isDisabled: Prop<boolean, false>;
-        columnType: Prop<"button", true>;
-    } | {
-        linkLabel: Prop<string, false>;
-        columnType: Prop<"link", true>;
-    } | {
-        isDerived: Prop<boolean, true>;
-        columnType: Prop<"boolean", true>;
-    } | {
-        isDerived: Prop<boolean, true>;
-        columnType: Prop<"tags", true>;
-    } | {
-        displayedValue: Prop<string, false>;
-        isDerived: Prop<boolean, true>;
-        columnType: Prop<"email", true>;
+        displayedValue: Prop<string, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        isDerived: Prop<boolean, true, undefined>;
+        columnType: Prop<undefined, false, undefined>;
+    } | {
+        displayedValue: Prop<string, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        isDerived: Prop<boolean, true, undefined>;
+        columnType: Prop<"text", true, undefined>;
+    } | {
+        notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        minimumFractionDigits: Prop<number, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        maximumFractionDigits: Prop<number, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        isDerived: Prop<boolean, true, undefined>;
+        columnType: Prop<"number", true, undefined>;
+    } | {
+        notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        minimumFractionDigits: Prop<number, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        maximumFractionDigits: Prop<number, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        currency: Prop<string, true, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        isDerived: Prop<boolean, true, undefined>;
+        columnType: Prop<"currency", true, undefined>;
+    } | {
+        minimumFractionDigits: Prop<number, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        maximumFractionDigits: Prop<number, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        isDerived: Prop<boolean, true, undefined>;
+        columnType: Prop<"percentage", true, undefined>;
+    } | {
+        openImageUrl: Prop<boolean, true, undefined>;
+        isDerived: Prop<boolean, true, undefined>;
+        columnType: Prop<"image", true, undefined>;
+    } | {
+        isDerived: Prop<boolean, true, undefined>;
+        columnType: Prop<"video", true, undefined>;
+    } | {
+        manageTimezone: Prop<boolean, true, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        inputFormat: Prop<string, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        outputFormat: Prop<string, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        isDerived: Prop<boolean, true, undefined>;
+        columnType: Prop<"date", true, undefined>;
+    } | {
+        buttonLabel: Prop<string, true, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        isDisabled: Prop<boolean, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        columnType: Prop<"button", true, undefined>;
+    } | {
+        linkUrl: Prop<string, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        linkLabel: Prop<string, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        columnType: Prop<"link", true, undefined>;
+    } | {
+        isDerived: Prop<boolean, true, undefined>;
+        columnType: Prop<"boolean", true, undefined>;
+    } | {
+        isDerived: Prop<boolean, true, undefined>;
+        columnType: Prop<"tags", true, undefined>;
+    } | {
+        displayedValue: Prop<string, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        isDerived: Prop<boolean, true, undefined>;
+        columnType: Prop<"email", true, undefined>;
     })))) & {
-        isVisible: Prop<boolean, true>;
+        isVisible: Prop<boolean, true, undefined>;
     }>;
-    presentation: Section<(Record<string, Prop<any, any>> & ({
-        headerIcon: Prop<string, false>;
-        headerIconPosition: Prop<IconPosition, true>;
+    presentation: Section<(Record<string, Prop<any, any, undefined>> & ({
+        headerIcon: Prop<string, false, undefined>;
+        headerIconPosition: Prop<IconPosition, true, undefined>;
     } & (Omit<{
-        columnType: Prop<ColumnType, false>;
+        columnType: Prop<ColumnType, false, undefined>;
     }, "columnType"> & ({
-        horizontalAlign: Prop<"center" | "left" | "right", true>;
-        verticalAlign: Prop<"center" | "top" | "bottom", true>;
-        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        cellBackground: Prop<string, true>;
-        textWrap: Prop<boolean, false>;
-        columnType: Prop<undefined, false>;
-    } | {
-        horizontalAlign: Prop<"center" | "left" | "right", true>;
-        verticalAlign: Prop<"center" | "top" | "bottom", true>;
-        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        cellBackground: Prop<string, true>;
-        textWrap: Prop<boolean, false>;
-        columnType: Prop<"text", true>;
-    } | {
-        horizontalAlign: Prop<"center" | "left" | "right", true>;
-        verticalAlign: Prop<"center" | "top" | "bottom", true>;
-        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        cellBackground: Prop<string, true>;
-        textWrap: Prop<boolean, false>;
-        cellIcon: Prop<string, false>;
-        cellIconPosition: Prop<IconPosition, true>;
-        columnType: Prop<"number", true>;
-    } | {
-        horizontalAlign: Prop<"center" | "left" | "right", true>;
-        verticalAlign: Prop<"center" | "top" | "bottom", true>;
-        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        cellBackground: Prop<string, true>;
-        textWrap: Prop<boolean, false>;
-        cellIcon: Prop<string, false>;
-        cellIconPosition: Prop<IconPosition, true>;
-        columnType: Prop<"currency", true>;
-    } | {
-        horizontalAlign: Prop<"center" | "left" | "right", true>;
-        verticalAlign: Prop<"center" | "top" | "bottom", true>;
-        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        cellBackground: Prop<string, true>;
-        textWrap: Prop<boolean, false>;
-        cellIcon: Prop<string, false>;
-        cellIconPosition: Prop<IconPosition, true>;
-        columnType: Prop<"percentage", true>;
-    } | {
-        imageSize: Prop<ImageSize, false>;
-        imageBorderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
-        horizontalAlign: Prop<"center" | "left" | "right", true>;
-        cellBackground: Prop<string, true>;
-        columnType: Prop<"image", true>;
-    } | {
-        horizontalAlign: Prop<"center" | "left" | "right", true>;
-        cellBackground: Prop<string, true>;
-        columnType: Prop<"video", true>;
-    } | {
-        horizontalAlign: Prop<"center" | "left" | "right", true>;
-        verticalAlign: Prop<"center" | "top" | "bottom", true>;
-        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        cellBackground: Prop<string, true>;
-        textWrap: Prop<boolean, false>;
-        cellIcon: Prop<string, false>;
-        cellIconPosition: Prop<IconPosition, true>;
-        columnType: Prop<"date", true>;
-    } | {
-        buttonIcon: Prop<string, false>;
-        buttonIconPosition: Prop<IconPosition, true>;
-        buttonVariant: Prop<ButtonVariant, true>;
-        buttonTextStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        buttonBackgroundColor: Prop<string, false>;
-        buttonBorder: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
-        columnType: Prop<"button", true>;
-    } | {
-        horizontalAlign: Prop<"center" | "left" | "right", true>;
-        verticalAlign: Prop<"center" | "top" | "bottom", true>;
-        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        cellBackground: Prop<string, true>;
-        columnType: Prop<"link", true>;
-    } | {
-        horizontalAlign: Prop<"center" | "left" | "right", true>;
-        verticalAlign: Prop<"center" | "top" | "bottom", true>;
-        cellBackground: Prop<string, true>;
-        booleanStyleFalse: Prop<BooleanStyleFalse, true>;
-        columnType: Prop<"boolean", true>;
-    } | {
-        horizontalAlign: Prop<"center" | "left" | "right", true>;
-        verticalAlign: Prop<"center" | "top" | "bottom", true>;
-        cellBackground: Prop<string, true>;
-        tagsWrap: Prop<boolean, false>;
-        tagDisplayConfig: Prop<any, false>;
-        columnType: Prop<"tags", true>;
-    } | {
-        horizontalAlign: Prop<"center" | "left" | "right", true>;
-        verticalAlign: Prop<"center" | "top" | "bottom", true>;
-        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        cellBackground: Prop<string, true>;
-        textWrap: Prop<boolean, false>;
-        columnType: Prop<"email", true>;
+        horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+        verticalAlign: Prop<"center" | "top" | "bottom", true, undefined>;
+        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        cellBackground: Prop<string, true, undefined>;
+        textWrap: Prop<boolean, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        cellIcon: Prop<string, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        cellIconPosition: Prop<IconPosition, true, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        columnType: Prop<undefined, false, undefined>;
+    } | {
+        horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+        verticalAlign: Prop<"center" | "top" | "bottom", true, undefined>;
+        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        cellBackground: Prop<string, true, undefined>;
+        textWrap: Prop<boolean, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        cellIcon: Prop<string, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        cellIconPosition: Prop<IconPosition, true, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        columnType: Prop<"text", true, undefined>;
+    } | {
+        horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+        verticalAlign: Prop<"center" | "top" | "bottom", true, undefined>;
+        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        cellBackground: Prop<string, true, undefined>;
+        textWrap: Prop<boolean, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        cellIcon: Prop<string, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        cellIconPosition: Prop<IconPosition, true, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        columnType: Prop<"number", true, undefined>;
+    } | {
+        horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+        verticalAlign: Prop<"center" | "top" | "bottom", true, undefined>;
+        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        cellBackground: Prop<string, true, undefined>;
+        textWrap: Prop<boolean, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        cellIcon: Prop<string, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        cellIconPosition: Prop<IconPosition, true, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        columnType: Prop<"currency", true, undefined>;
+    } | {
+        horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+        verticalAlign: Prop<"center" | "top" | "bottom", true, undefined>;
+        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        cellBackground: Prop<string, true, undefined>;
+        textWrap: Prop<boolean, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        cellIcon: Prop<string, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        cellIconPosition: Prop<IconPosition, true, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        columnType: Prop<"percentage", true, undefined>;
+    } | {
+        imageSize: Prop<ImageSize, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        imageBorderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        horizontalAlign: Prop<"center" | "left" | "right", true, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        cellBackground: Prop<string, true, undefined>;
+        columnType: Prop<"image", true, undefined>;
+    } | {
+        horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+        cellBackground: Prop<string, true, undefined>;
+        columnType: Prop<"video", true, undefined>;
+    } | {
+        horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+        verticalAlign: Prop<"center" | "top" | "bottom", true, undefined>;
+        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        cellBackground: Prop<string, true, undefined>;
+        textWrap: Prop<boolean, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        cellIcon: Prop<string, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        cellIconPosition: Prop<IconPosition, true, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        columnType: Prop<"date", true, undefined>;
+    } | {
+        buttonIcon: Prop<string, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        buttonIconPosition: Prop<IconPosition, true, undefined>;
+        buttonVariant: Prop<ButtonVariant, true, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        buttonTextStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        buttonBackgroundColor: Prop<string, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        buttonBorder: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true, undefined>;
+        columnType: Prop<"button", true, undefined>;
+    } | {
+        horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+        verticalAlign: Prop<"center" | "top" | "bottom", true, undefined>;
+        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        cellBackground: Prop<string, true, undefined>;
+        columnType: Prop<"link", true, undefined>;
+    } | {
+        horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+        verticalAlign: Prop<"center" | "top" | "bottom", true, undefined>;
+        cellBackground: Prop<string, true, undefined>;
+        booleanStyleFalse: Prop<BooleanStyleFalse, true, undefined>;
+        columnType: Prop<"boolean", true, undefined>;
+    } | {
+        horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+        verticalAlign: Prop<"center" | "top" | "bottom", true, undefined>;
+        cellBackground: Prop<string, true, undefined>;
+        tagsWrap: Prop<boolean, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        tagDisplayConfig: Prop<any, false, undefined>;
+        columnType: Prop<"tags", true, undefined>;
+    } | {
+        horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+        verticalAlign: Prop<"center" | "top" | "bottom", true, undefined>;
+        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        cellBackground: Prop<string, true, undefined>;
+        textWrap: Prop<boolean, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        cellIcon: Prop<string, false, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        cellIconPosition: Prop<IconPosition, true, [{
+            currentRow: Record<string, unknown>;
+        }]>;
+        columnType: Prop<"email", true, undefined>;
     })))) & {
-        isFrozen: Prop<boolean, false>;
+        isFrozen: Prop<boolean, false, undefined>;
     }>;
-    interaction: Section<Record<string, Prop<any, any>> & Omit<{
-        columnType: Prop<ColumnType, false>;
+    interaction: Section<Record<string, Prop<any, any, undefined>> & Omit<{
+        columnType: Prop<ColumnType, false, undefined>;
     }, "onClick" | "columnType"> & {
-        columnType: Prop<"button", true>;
-        onClick: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        columnType: Prop<"button", true, undefined>;
+        onClick: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
     }>;
 };

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

@@ -56,6 +56,7 @@ export declare const TableHeaderCell: (props: {
     handleHeaderDropped: (index: number, position: number) => void;
     mutableHeaderDragRef: React.MutableRefObject<number>;
     columnHeaderProps?: TextStyleWithVariant;
+    columnHeaderTextWrap?: boolean;
     theme: UserAccessibleTheme;
     updateProperty: (property: string, value: any) => void;
 }) => React.JSX.Element;