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

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

@@ -236,6 +236,9 @@ 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;
@@ -245,41 +248,41 @@ export interface ColumnProperties extends ColumnEditConfigs, ColumnPropertiesFor
     isVisible: boolean;
     index: number;
     width: number;
-    cellBackground?: string;
-    horizontalAlign?: HorizontalAlignment;
-    verticalAlign?: VerticalAlignment;
-    cellProps?: {
+    cellBackground?: ContextualColumnProperty<string>;
+    horizontalAlign?: ContextualColumnProperty<HorizontalAlignment>;
+    verticalAlign?: ContextualColumnProperty<VerticalAlignment>;
+    cellProps?: ContextualColumnProperty<{
         textStyle: TextStyleWithVariant;
-    };
+    }>;
     enableFilter?: boolean;
     enableSort?: boolean;
     isDerived: 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;
+    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>;
     booleanStyleFalse?: BooleanStyleFalse;
-    isEditable?: boolean | string;
+    isEditable?: ContextualColumnProperty<boolean>;
     isFrozen?: boolean;
-    textWrap?: boolean;
-    tagsWrap?: boolean;
+    textWrap?: ContextualColumnProperty<boolean>;
+    tagsWrap?: ContextualColumnProperty<boolean>;
     tagDisplayConfig: Record<string, TagDisplayConfig>;
-    imageSize?: ImageSize;
-    imageBorderRadius?: PerCornerBorderRadius;
-    openImageUrl?: boolean;
-    outputFormat?: string;
-    inputFormat?: string;
+    imageSize?: ContextualColumnProperty<ImageSize>;
+    imageBorderRadius?: ContextualColumnProperty<PerCornerBorderRadius>;
+    openImageUrl?: ContextualColumnProperty<boolean>;
+    outputFormat?: ContextualColumnProperty<string>;
+    inputFormat?: ContextualColumnProperty<string>;
 }
 export type EditProps = ColumnEditConfigs & {
     handleEditStart: () => void;

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>> & {
-        text: import("../../properties-panel/props-builder.js").Prop<string, false>;
-        textType: import("../../properties-panel/props-builder.js").Prop<"number" | "time" | "text" | "date" | "currency", true>;
+    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>;
     }>;
-    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>;
+    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>;
     } & (Omit<{
-        textType: import("../../properties-panel/props-builder.js").Prop<"number" | "time" | "text" | "date" | "currency", false>;
+        textType: import("../../properties-panel/props-builder.js").Prop<"number" | "time" | "text" | "date" | "currency", false, undefined>;
     }, "textType" | "dateInputFormat" | "dateOutputFormat"> & ({
-        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>;
+        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>;
         dateInputFormat?: undefined;
         dateOutputFormat?: 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>;
+        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>;
         dateInputFormat?: undefined;
         dateOutputFormat?: 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>;
+        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>;
     })))>;
-    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>;
+    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>;
     } & {
         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, true, undefined>;
     } & {
-        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
     } & {
-        shouldScroll: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+        shouldScroll: import("../../properties-panel/props-builder.js").Prop<boolean, false, undefined>;
     }>;
 }>>;

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>> & {
-        text: Prop<string, false>;
-        textType: Prop<"number" | "time" | "text" | "date" | "currency", true>;
+    general: Section<Record<string, Prop<any, any, undefined>> & {
+        text: Prop<string, false, undefined>;
+        textType: Prop<"number" | "time" | "text" | "date" | "currency", 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>;
+    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>;
     } & (Omit<{
-        textType: Prop<"number" | "time" | "text" | "date" | "currency", false>;
+        textType: Prop<"number" | "time" | "text" | "date" | "currency", false, undefined>;
     }, "textType" | "dateInputFormat" | "dateOutputFormat"> & ({
-        minDecimals: Prop<number, false>;
-        maxDecimals: Prop<number, false>;
-        textType: Prop<"currency", true>;
-        currency: Prop<string, true>;
-        numberFormat: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true>;
+        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>;
         dateInputFormat?: undefined;
         dateOutputFormat?: undefined;
     } | {
-        minDecimals: Prop<number, false>;
-        maxDecimals: Prop<number, false>;
-        textType: Prop<"number", true>;
-        numberFormat: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true>;
+        minDecimals: Prop<number, false, undefined>;
+        maxDecimals: Prop<number, false, undefined>;
+        textType: Prop<"number", true, undefined>;
+        numberFormat: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true, undefined>;
         dateInputFormat?: undefined;
         dateOutputFormat?: undefined;
     } | {
-        textType: Prop<"date", true>;
-        dateInputFormat: Prop<string, false>;
-        dateOutputFormat: Prop<string, false>;
+        textType: Prop<"date", true, undefined>;
+        dateInputFormat: Prop<string, false, undefined>;
+        dateOutputFormat: Prop<string, 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>;
+    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>;
     } & {
         margin: Prop<{
             top: Dim<"px">;
             bottom: Dim<"px">;
             left: Dim<"px">;
             right: Dim<"px">;
-        } | undefined, true>;
+        } | undefined, true, undefined>;
     } & {
-        isVisible: Prop<boolean, true>;
+        isVisible: Prop<boolean, true, undefined>;
     } & {
-        shouldScroll: Prop<boolean, false>;
+        shouldScroll: Prop<boolean, false, undefined>;
     }>;
 };

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

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

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

@@ -4,17 +4,17 @@ export type ApiEntity = InternalProps<typeof propertiesDefinition> & {
     cancel: () => Promise<any>;
 };
 export declare const propertiesDefinition: {
-    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>;
+    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>;
     }>;
-    metadata: Section<Record<string, Prop<any, any>> & {
-        response: Prop<any, true>;
-        error: Prop<any, true>;
-        isRunning: Prop<boolean, true>;
+    metadata: Section<Record<string, Prop<any, any, undefined>> & {
+        response: Prop<any, true, undefined>;
+        error: Prop<any, true, undefined>;
+        isRunning: Prop<boolean, 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>;
+    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>;
     }>;
 };

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>> & {
-        intervalMs: Prop<number, true>;
-        startOnPageLoad: Prop<boolean, false>;
+    general: Section<Record<string, Prop<any, any, undefined>> & {
+        intervalMs: Prop<number, true, undefined>;
+        startOnPageLoad: Prop<boolean, false, undefined>;
     }>;
-    events: Section<Record<string, Prop<any, any>> & {
-        onFire: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+    events: Section<Record<string, Prop<any, any, undefined>> & {
+        onFire: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
     }>;
-    metadata: Section<Record<string, Prop<any, any>> & {
-        timerId: Prop<string, false>;
-        isRunning: Prop<boolean, true>;
+    metadata: Section<Record<string, Prop<any, any, undefined>> & {
+        timerId: Prop<string, false, undefined>;
+        isRunning: Prop<boolean, 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>;
+    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>;
     }>;
 };

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>> & {
-        defaultValue: Prop<any, false>;
-        value: Prop<any, false>;
-        persistence: Prop<SbVariablePersistence, true>;
+    general: Section<Record<string, Prop<any, any, undefined>> & {
+        defaultValue: Prop<any, false, undefined>;
+        value: Prop<any, false, undefined>;
+        persistence: Prop<SbVariablePersistence, 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>;
+    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>;
     }>;
 };

package/dist-types/lib/user-facing/hooks/use-dialog-editing.d.ts

@@ -0,0 +1,14 @@
+/**
+ * A hook to enable editing dialogs.
+ *
+ * Dialog: A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
+ * E.g: Modal, Slideout, etc
+ *
+ * The hook expects an `isOpen` property on the component, but can be customized by passing a `isOpenPropertyName`.
+ */
+import type { SbInstance } from "@superblocksteam/library-shared/types";
+export declare function useDialogEditing(props: {
+    isOpen: boolean;
+    instanceId: SbInstance;
+    isOpenPropertyName?: string;
+}): void;

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

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

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>;
+    variant: Prop<string, false, undefined>;
     textColor: import("../props-builder.js").CompositeProp<{
-        default: Prop<string, false>;
+        default: 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>;
+    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>;
 };
 export declare const basePropertiesPaneDisplay: PropertiesPanelDisplay<TextStyleWithVariant>;
 export declare const textStyleProp: ({ baseProp, propertiesPanel, }?: {
     baseProp?: ReturnType<typeof createTextStyleCompositeBase>;
     propertiesPanel?: Omit<Partial<PropertiesPanelDisplay<TextStyleWithVariant, "TEXT_STYLE">>, "controlType">;
 }) => Prop<TextStyleWithVariant>;
-export declare const colorProp: (schema: Omit<Partial<PropertiesPanelDisplay<string, "COLOR_PICKER">>, "controlType">) => Prop<string, false>;
-export declare const labelTextStyle: () => Prop<TextStyleWithVariant, true>;
-export declare const inputTextStyle: () => Prop<TextStyleWithVariant, true>;
+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>;

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>;
+export declare const border: (propertiesPanelConfig?: Partial<Partial<PropertiesPanelDisplay<PerSideBorder, "BORDER_CONTROL">>>) => Prop<PerSideBorder, false, undefined>;
 export declare const createBorderRadiusObject: (borderRadius: Dim<"px" | "%">) => PerCornerBorderRadius;
-export declare const borderRadius: (propertiesPanelConfig?: Partial<Partial<PropertiesPanelDisplay<PerCornerBorderRadius, "BORDER_RADIUS_CONTROL">>>) => Prop<PerCornerBorderRadius, true>;
+export declare const borderRadius: (propertiesPanelConfig?: Partial<Partial<PropertiesPanelDisplay<PerCornerBorderRadius, "BORDER_RADIUS_CONTROL">>>) => Prop<PerCornerBorderRadius, true, undefined>;

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

@@ -2,13 +2,13 @@ import { Dim } from "@superblocksteam/library-shared";
 import { Prop } from "../props-builder.js";
 import type { ErrorMessagePlacement } from "@superblocksteam/library-shared/props";
 import type { PropertiesPanelDisplay } from "@superblocksteam/library-shared/props";
-export declare const errorMessagePlacement: Prop<ErrorMessagePlacement, true>;
-export declare const labelWidth: Prop<Dim, true>;
+export declare const errorMessagePlacement: Prop<ErrorMessagePlacement, true, undefined>;
+export declare const labelWidth: Prop<Dim, true, undefined>;
 export declare const customValidationProperties: {
-    customValidationRule: Prop<string, true>;
-    customErrorMessage: Prop<string, true>;
+    customValidationRule: Prop<string, true, undefined>;
+    customErrorMessage: Prop<string, true, undefined>;
 };
-export declare const labelPosition: () => Prop<"top" | "left", true>;
+export declare const labelPosition: () => Prop<"top" | "left", true, undefined>;
 export declare const getTypographyOptions: () => {
     label: string;
     value: {
@@ -32,13 +32,13 @@ export declare const getCustomValidationProperties: ({ errorMessagePlacementSche
     customValidationRuleSchema?: Omit<Partial<PropertiesPanelDisplay<string, "INPUT_TEXT">>, "controlType" | "options">;
     customErrorMessageSchema?: Omit<Partial<PropertiesPanelDisplay<string, "INPUT_TEXT">>, "controlType" | "options">;
 }) => {
-    errorMessagePlacement: Prop<ErrorMessagePlacement, true>;
-    customValidationRule: Prop<any, false>;
-    customErrorMessage: Prop<string, true>;
+    errorMessagePlacement: Prop<ErrorMessagePlacement, true, undefined>;
+    customValidationRule: Prop<any, false, undefined>;
+    customErrorMessage: Prop<string, true, undefined>;
 };
 export declare const getFractionDigitsProperties: ({ schema, }?: {
     schema?: Omit<Partial<PropertiesPanelDisplay<number, "INPUT_TEXT">>, "controlType">;
 }) => {
-    minDecimals: Prop<number, false>;
-    maxDecimals: Prop<number, false>;
+    minDecimals: Prop<number, false, undefined>;
+    maxDecimals: Prop<number, false, undefined>;
 };