@superblocksteam/library 2.0.0-next.3 → 2.0.0-next.30

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

@@ -19,8 +19,8 @@ export interface DatePickerComponentProps {
     timezone?: string;
     isRequired?: boolean;
     showTimezone?: boolean;
-    showCalendarIcon?: boolean;
     forceOpen?: boolean;
+    icon?: string;
     iconSize?: number;
     inputClassName?: string;
     inputStyleOverride?: React.CSSProperties;
@@ -35,6 +35,6 @@ export interface DatePickerComponentProps {
     errorMessages?: string[];
     isFitContentHeight?: boolean;
     onInputClick?: (e: React.MouseEvent) => void;
-    onDateSelected: (selectedDate: string) => void;
+    onDateSelected: (selectedDate?: string) => void;
     onDatePickerClosed?: () => void;
 }

package/dist-types/lib/user-facing/components/date-picker/utils.d.ts

@@ -16,6 +16,17 @@ export declare function normalizeDateFormat(dateFormat: string): string;
  * @returns {string} - The formatted date string in "MM/DD/YYYY HH:mm:ss" format.
  */
 export declare function stripTimezoneFromString(dateString: string, format: string): string;
+/**
+ * Because the datepicker UI component works with JavaScript dates (which use the system TZ),
+ * we want to "strip" the timezone when passing it to this copmonent.
+ *
+ * For example:
+ * If the selected date is 01/01/2001 01:00PM EST and the system time is PST, we want to create a JS Date that has the value
+ * 01/01/2001 01:00PM PST and pass that to the blueprint datepicker.
+ *
+ * Then, when the user selects a date, we receive a date object with a value of 01/01/2001 02:00PM PST
+ * which we then convert to 01/01/2001 2:00PM EST to store as the selectedDate
+ */
 export declare const stripTimezoneFromDate: (date: Date, dateFormat: string, timezone?: string) => string;
 export declare const convertDateStringTimezone: (dateStr: string, dateFormat: string, originalTimezone?: string, newTimezone?: string) => string;
 export declare const formatIncludesTimezone: (dateFormat: string) => boolean;

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

@@ -32,7 +32,6 @@ export declare const SbDropdown: React.FC<import("../../properties-panel/props-b
         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>> & {
         customValidationRule: import("../../properties-panel/props-builder.js").Prop<string, true>;

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

@@ -34,7 +34,6 @@ export declare const propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     interaction: Section<Record<string, Prop<any, any>> & {
         customValidationRule: Prop<string, true>;

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

@@ -28,7 +28,6 @@ declare const _propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
 };
 export type GridProps = InternalProps<typeof _propertiesDefinition>;

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

@@ -10,7 +10,6 @@ export declare const SbIcon: 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>;
     }>;
     appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         color: import("../../properties-panel/props-builder.js").Prop<string, false>;

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

@@ -12,7 +12,6 @@ export declare const propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         color: Prop<string, false>;

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

@@ -4,7 +4,7 @@ export declare const SbImage: import("react").FC<import("../../properties-panel/
     }>;
     appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         backgroundColor: 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>;
         fillContainer: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         align: import("../../properties-panel/props-builder.js").Prop<import("./props.js").ImageAlign, true>;
@@ -21,7 +21,6 @@ export declare const SbImage: 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>;
     }>;
     events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         onClick: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;

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

@@ -14,7 +14,7 @@ export declare const propertiesDefinition: {
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         backgroundColor: 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>;
         fillContainer: Prop<boolean, true>;
         align: Prop<ImageAlign, true>;
@@ -31,7 +31,6 @@ export declare const propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     events: Section<Record<string, Prop<any, any>> & {
         onClick: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;

package/dist-types/lib/user-facing/components/input/derived-properties.d.ts

@@ -1,5 +1,4 @@
 import type { InputWidgetProps } from "./types.js";
 export declare function getValue(this: InputWidgetProps): string | number | null | undefined;
-export declare function getValidationErrors(this: InputWidgetProps): Record<"number" | "url" | "required" | "email" | "minMax" | "customRule", string | undefined>;
 export declare function getShowError(this: InputWidgetProps): boolean;
 export declare function getIsValid(this: InputWidgetProps): boolean;

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

@@ -54,7 +54,6 @@ export declare const SbInput: import("react").FC<import("../../properties-panel/
         labelWidth?: undefined;
     }))))) & {
         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>> & Omit<{
         inputType: import("../../properties-panel/props-builder.js").Prop<string, false>;

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

@@ -1,7 +1,6 @@
 import { Section, Prop } from "../../properties-panel/props-builder.js";
 import type { CurrencyCodeDisplayType } from "./types.js";
 import type { IconPosition } from "../../icons/constants.js";
-import type { TextStyleWithVariant } from "@superblocksteam/library-shared/types";
 export declare const propertiesDefinition: {
     general: Section<(Record<string, Prop<any, any>> & ({
         label: Prop<string, true>;
@@ -22,9 +21,9 @@ export declare const propertiesDefinition: {
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         labelPosition: Prop<"left" | "top", true>;
-        labelStyle: Prop<TextStyleWithVariant, true>;
+        labelStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
         placeholderText: Prop<string, true>;
-        textStyle: Prop<TextStyleWithVariant, true>;
+        textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
         backgroundColor: Prop<string, true>;
         border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
         borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
@@ -58,7 +57,6 @@ export declare const propertiesDefinition: {
         labelWidth?: undefined;
     }))))) & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     interaction: Section<Record<string, Prop<any, any>> & Omit<{
         inputType: Prop<string, false>;

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

@@ -21,7 +21,6 @@ export declare const propertiesDefinition: {
     }>;
     layout: Section<Record<string, Prop<any, any>> & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
         keyProps: Prop<any, true>;
         "keyProps.width": Prop<any, false>;
         "valueProps.position": Prop<"left" | "right", true>;

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

@@ -15,14 +15,14 @@ export declare const SbModal: import("react").FC<import("../../properties-panel/
     }) | (Omit<{
         layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").VerticalAlignment, true>;
-        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").HorizontalAlignment, true>;
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
         readonly layout: import("../../properties-panel/props-builder.js").Prop<"vertical", true>;
     }) | (Omit<{
         layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").VerticalAlignment, true>;
-        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").HorizontalAlignment, true>;
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
         readonly layout: import("../../properties-panel/props-builder.js").Prop<"horizontal", true>;
     }))) & {
         spacing: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;

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

@@ -12,14 +12,14 @@ export declare const propertiesDefinition: {
     }) | (Omit<{
         layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: Prop<import("../../component-base/constants.js").VerticalAlignment, true>;
-        readonly horizontalAlign: Prop<import("../../component-base/constants.js").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>;
     }) | (Omit<{
         layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: Prop<import("../../component-base/constants.js").VerticalAlignment, true>;
-        readonly horizontalAlign: Prop<import("../../component-base/constants.js").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>;
     }))) & {
         spacing: Prop<import("@superblocksteam/library-shared").Dim<"px">, true>;

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

@@ -3,6 +3,8 @@ export declare const SbSection: import("react").FC<import("../../properties-pane
         columns: 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>> & {
+        padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
+    } & {
         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;
@@ -13,10 +15,9 @@ export declare const SbSection: import("react").FC<import("../../properties-pane
         sticky: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
-        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
     }>;
 }>>;

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

@@ -6,6 +6,8 @@ export declare const propertiesDefinition: {
         columns: Prop<string[], false>;
     }>;
     layout: Section<Record<string, Prop<any, any>> & {
+        padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
+    } & {
         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;
@@ -16,10 +18,9 @@ export declare const propertiesDefinition: {
         sticky: Prop<boolean, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
-        backgroundColor: Prop<string, false>;
-        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        backgroundColor: Prop<string, true>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
     }>;
 };

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

@@ -10,6 +10,5 @@ export declare const propertiesDefinition: {
         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>;
     }>;
 };

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

@@ -1,13 +1,11 @@
 import { Dim } from "@superblocksteam/library-shared";
 import React from "react";
 import { Prop, Section } from "../../properties-panel/props-builder.js";
-import type { HorizontalAlignment, VerticalAlignment } from "../../component-base/constants.js";
 import type { InternalPropsWithOptional } from "../../properties-panel/props-builder.js";
 import type { DimModes } from "@superblocksteam/library-shared";
 declare const _propertiesDefinitionVStack: {
     layout: Section<Record<string, Prop<any, any>> & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
         shouldScrollContents: Prop<boolean, true>;
         margin: Prop<unknown, true>;
         maxHeight?: Prop<Dim<DimModes>, false> | undefined;
@@ -18,19 +16,18 @@ declare const _propertiesDefinitionVStack: {
         height: Prop<Dim<DimModes>, false>;
         padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
         spacing: Prop<Dim<"px">, true>;
-        verticalAlign: Prop<VerticalAlignment, true>;
-        horizontalAlign: Prop<HorizontalAlignment, true>;
+        verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
+        horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         backgroundColor: 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>;
     }>;
 };
 declare const _propertiesDefinitionHStack: {
     layout: Section<Record<string, Prop<any, any>> & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
         shouldScrollContents: Prop<boolean, true>;
         margin: Prop<unknown, true>;
         maxHeight?: Prop<Dim<DimModes>, false> | undefined;
@@ -41,12 +38,12 @@ declare const _propertiesDefinitionHStack: {
         height: Prop<Dim<DimModes>, false>;
         padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
         spacing: Prop<Dim<"px">, true>;
-        verticalAlign: Prop<VerticalAlignment, true>;
-        horizontalAlign: Prop<HorizontalAlignment, true>;
+        verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
+        horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         backgroundColor: 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>;
     }>;
 };

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

@@ -19,7 +19,6 @@ export declare const SbSwitch: 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>> & {
         customValidationRule: import("../../properties-panel/props-builder.js").Prop<string, true>;

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

@@ -20,7 +20,6 @@ export declare const propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     interaction: Section<Record<string, Prop<any, any>> & {
         customValidationRule: Prop<string, true>;

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

@@ -9,24 +9,23 @@ export declare const columnPanelConfig: {
     } & (Omit<{
         columnType: Prop<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>;
@@ -34,11 +33,10 @@ export declare const columnPanelConfig: {
         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>;
@@ -53,13 +51,11 @@ export declare const columnPanelConfig: {
         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>;
     })))) & {
@@ -71,6 +67,15 @@ export declare const columnPanelConfig: {
     } & (Omit<{
         columnType: Prop<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<IconPosition, false>;
+        columnType: Prop<undefined, false>;
+    } | {
         horizontalAlign: Prop<"center" | "left" | "right", false>;
         verticalAlign: Prop<"center" | "bottom" | "top", false>;
         "cellProps.textStyle": Prop<any, false>;

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

@@ -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>;
@@ -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>> & {

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

@@ -12,24 +12,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 +36,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 +54,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 +70,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 +196,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>;
@@ -216,7 +220,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 +229,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>> & {