@superblocksteam/library 2.0.3 → 2.0.4

package/dist-types/lib/internal-details/scope/global.d.ts

@@ -1,4 +1,3 @@
-import type { Global as GlobalType } from "./types.js";
 import type { UserAccessibleTheme, Theme as BaseTheme } from "@superblocksteam/library-shared/types";
 export declare const GlobalScope: import("react").FC<import("react").JSX.IntrinsicAttributes & {
     children: React.ReactNode;
@@ -6,6 +5,6 @@ export declare const GlobalScope: import("react").FC<import("react").JSX.Intrins
 export declare const updateGlobalScope: (global: Record<string, unknown>) => void;
 export type AppTheme = BaseTheme;
 export declare const Theme: UserAccessibleTheme;
-export declare const Global: GlobalType;
+export declare const Global: any;
 export declare const Embed: any;
 export declare const Env: any;

package/dist-types/lib/sb-trigger.d.ts

@@ -2,6 +2,10 @@ import type { ValidStepDef } from "./triggers/registry.js";
 import type { TriggerStepType } from "@superblocksteam/library-shared/types";
 type ApplicationScope = "APP" | "PAGE";
 type WidgetTypes = string;
+export type SelectedStateVarProps = {
+    name: string;
+    scope?: ApplicationScope;
+};
 export type SelectedEventProps = {
     id: string;
     name: string;

package/dist-types/lib/triggers/implementations/components/control-modal.d.ts

@@ -1,18 +1,17 @@
 import { TriggerStepType } from "@superblocksteam/library-shared/types";
 import type { BaseStepDef } from "../../../sb-trigger.js";
 import type { ExecutionContext } from "../../base.js";
-import type { WithBindingIdentifier } from "@superblocksteam/library-shared/types";
 export interface ControlModalStep extends BaseStepDef {
     type: typeof TriggerStepType.CONTROL_MODAL;
-    name?: string;
+    name: string;
     direction: "open" | "close";
 }
 export declare const ControlModalTrigger: {
     type: "controlModal";
     execute(context: ExecutionContext, step: ControlModalStep): Promise<void>;
-    create(modal: WithBindingIdentifier, direction: "open" | "close"): {
+    create(name: string, direction: "open" | "close"): {
         type: "controlModal";
-        name: string | undefined;
+        name: string;
         direction: "close" | "open";
     };
 };

package/dist-types/lib/triggers/implementations/state/reset-state-var.d.ts

@@ -1,16 +1,20 @@
 import { TriggerStepType } from "@superblocksteam/library-shared/types";
-import type { BaseStepDef } from "../../../sb-trigger.js";
+import type { BaseStepDef, SelectedStateVarProps } from "../../../sb-trigger.js";
 import type { ExecutionContext } from "../../base.js";
 import type { WithBindingIdentifier } from "@superblocksteam/library-shared/types";
 export interface ResetStateVarStep extends BaseStepDef {
     type: typeof TriggerStepType.RESET_STATE_VAR;
-    state?: WithBindingIdentifier;
+    state?: SelectedStateVarProps;
 }
 export declare const ResetStateVarTrigger: {
     type: "resetStateVar";
-    execute(context: ExecutionContext, step: ResetStateVarStep): Promise<void>;
+    execute(context: ExecutionContext, _step: ResetStateVarStep): Promise<void>;
     create(stateVar?: WithBindingIdentifier): {
         type: "resetStateVar";
-        state: WithBindingIdentifier | undefined;
+        state: {
+            name: string;
+            scopeId: any;
+            scope: any;
+        } | undefined;
     };
 };

package/dist-types/lib/triggers/implementations/state/set-state-var.d.ts

@@ -1,19 +1,23 @@
 import { TriggerStepType } from "@superblocksteam/library-shared/types";
 import type { ValueInputProp } from "../../../internal-details/lib/evaluator/base-entity-manager.js";
-import type { BaseStepDef } from "../../../sb-trigger.js";
+import type { BaseStepDef, SelectedStateVarProps } from "../../../sb-trigger.js";
 import type { ExecutionContext } from "../../base.js";
 import type { WithBindingIdentifier } from "@superblocksteam/library-shared/types";
 export interface SetStateVarStep extends BaseStepDef {
     type: typeof TriggerStepType.SET_STATE_VAR;
-    state?: WithBindingIdentifier;
+    state?: SelectedStateVarProps;
     value?: ValueInputProp;
 }
 export declare const SetStateVarTrigger: {
     type: "setStateVar";
-    execute(context: ExecutionContext, step: SetStateVarStep): Promise<void>;
+    execute(context: ExecutionContext, _step: SetStateVarStep): Promise<void>;
     create(stateVar?: WithBindingIdentifier, value?: ValueInputProp): {
         type: "setStateVar";
-        state: WithBindingIdentifier | undefined;
+        state: {
+            name: string;
+            scopeId: any;
+            scope: any;
+        } | undefined;
         value: ValueInputProp;
     };
 };

package/dist-types/lib/triggers/registry.d.ts

@@ -78,9 +78,9 @@ declare const EventRegistry: {
     readonly controlModal: {
         type: "controlModal";
         execute(context: import("./base.js").ExecutionContext, step: import("./implementations/components/control-modal.js").ControlModalStep): Promise<void>;
-        create(modal: import("@superblocksteam/library-shared/types").WithBindingIdentifier, direction: "open" | "close"): {
+        create(name: string, direction: "open" | "close"): {
             type: "controlModal";
-            name: string | undefined;
+            name: string;
             direction: "close" | "open";
         };
     };
@@ -115,10 +115,14 @@ declare const EventRegistry: {
     };
     readonly setStateVar: {
         type: "setStateVar";
-        execute(context: import("./base.js").ExecutionContext, step: import("./implementations/state/set-state-var.js").SetStateVarStep): Promise<void>;
+        execute(context: import("./base.js").ExecutionContext, _step: import("./implementations/state/set-state-var.js").SetStateVarStep): Promise<void>;
         create(stateVar?: import("@superblocksteam/library-shared/types").WithBindingIdentifier, value?: import("../internal-details/lib/evaluator/base-entity-manager.js").ValueInputProp): {
             type: "setStateVar";
-            state: import("@superblocksteam/library-shared/types").WithBindingIdentifier | undefined;
+            state: {
+                name: string;
+                scopeId: any;
+                scope: any;
+            } | undefined;
             value: import("../internal-details/lib/evaluator/base-entity-manager.js").ValueInputProp;
         };
     };
@@ -134,10 +138,14 @@ declare const EventRegistry: {
     };
     readonly resetStateVar: {
         type: "resetStateVar";
-        execute(context: import("./base.js").ExecutionContext, step: import("./implementations/state/reset-state-var.js").ResetStateVarStep): Promise<void>;
+        execute(context: import("./base.js").ExecutionContext, _step: import("./implementations/state/reset-state-var.js").ResetStateVarStep): Promise<void>;
         create(stateVar?: import("@superblocksteam/library-shared/types").WithBindingIdentifier): {
             type: "resetStateVar";
-            state: import("@superblocksteam/library-shared/types").WithBindingIdentifier | undefined;
+            state: {
+                name: string;
+                scopeId: any;
+                scope: any;
+            } | undefined;
         };
     };
     readonly controlTimer: {

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

@@ -16,7 +16,7 @@ export declare const SbDatePicker: React.FC<import("../../properties-panel/props
         valueTimezone?: undefined;
         displayTimezone?: undefined;
     })))) & {
-        use24HourTime: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        twentyFourHourTime: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
     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>;

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

@@ -18,7 +18,7 @@ export declare const propertiesDefinition: {
         valueTimezone?: undefined;
         displayTimezone?: undefined;
     })))) & {
-        use24HourTime: Prop<boolean, true>;
+        twentyFourHourTime: Prop<boolean, true>;
     }>;
     layout: Section<Record<string, Prop<any, any>> & {
         padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;

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

@@ -14,7 +14,7 @@ export interface DatePickerComponentProps {
     isValid?: boolean;
     isTouched?: boolean;
     isFocused?: boolean;
-    use24HourTime: boolean;
+    twentyFourHourTime: boolean;
     displayDateFormat?: string;
     displayTimezone?: string;
     timezone?: string;

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

@@ -3,14 +3,13 @@ import React from "react";
 import { Prop, Section } from "../../properties-panel/props-builder.js";
 import type { InternalProps } from "../../properties-panel/props-builder.js";
 import type { DimModes } from "@superblocksteam/library-shared";
-import type { WithBindingIdentifier } from "@superblocksteam/library-shared/types";
 export type GridChild = React.ReactElement<{
+    name: string;
     marginTop?: Dim<"rows">;
     marginLeft?: Dim<"columns">;
     width?: Dim<"columns">;
     height?: Dim<"rows" | "fit">;
     constraintTop?: string | [string];
-    bind?: WithBindingIdentifier;
 }>;
 declare const _propertiesDefinition: {
     general: Section<Record<string, Prop<any, any>> & {

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

@@ -1,7 +1,4 @@
 export declare const SbPage: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
-    contents: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        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>> & {
         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;

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

@@ -1,9 +1,6 @@
 import { Dim } from "@superblocksteam/library-shared";
 import { Prop, Section } from "../../properties-panel/props-builder.js";
 export declare const propertiesDefinition: {
-    contents: Section<Record<string, Prop<any, any>> & {
-        columns: Prop<string[], false>;
-    }>;
     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;

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

@@ -9,42 +9,36 @@ export declare const columnPanelConfig: {
         columnType: Prop<ColumnType, true>;
     }, "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>;
+        manageTimezone: Prop<boolean, false>;
+        valueTimezone: Prop<string, false>;
+        displayTimezone: Prop<string, false>;
         columnType: Prop<"date", true>;
     } | {
         buttonLabel: Prop<string, true>;
@@ -54,14 +48,11 @@ export declare const columnPanelConfig: {
         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>;
     })))) & {
         isVisible: Prop<boolean, true>;
@@ -77,6 +68,8 @@ export declare const columnPanelConfig: {
         "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<undefined, false>;
     } | {
         horizontalAlign: Prop<"center" | "left" | "right", true>;
@@ -84,6 +77,8 @@ export declare const columnPanelConfig: {
         "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<"text", true>;
     } | {
         horizontalAlign: Prop<"center" | "left" | "right", true>;
@@ -164,6 +159,8 @@ export declare const columnPanelConfig: {
         "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<"email", true>;
     })))) & {
         isFrozen: Prop<boolean, false>;

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

@@ -10,7 +10,6 @@ export declare function getEditedRows(props: any): {
     originalRows: any[];
 };
 export declare function getAllEdits(props: any): any;
-export declare const isDerivedColumn: (tableData: any[], columnId: string) => boolean;
 export declare function getFilteredTableData(props: any): any[];
 export declare function getEditedRowIndices(props: any): {
     deletedRows: {

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

@@ -9,42 +9,36 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
                 columnType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").ColumnType, true>;
             }, "columnType"> & ({
                 displayedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<undefined, false>;
             } | {
                 displayedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"text", true>;
             } | {
                 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>;
-                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"number", true>;
             } | {
                 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, true>;
-                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"currency", true>;
             } | {
                 minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
                 maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
-                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"percentage", true>;
             } | {
                 openImageUrl: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"image", true>;
             } | {
-                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"video", true>;
             } | {
-                manageTimezone: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 inputFormat: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 outputFormat: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+                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>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"date", true>;
             } | {
                 buttonLabel: import("../../properties-panel/props-builder.js").Prop<string, true>;
@@ -54,14 +48,11 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
                 linkLabel: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"link", true>;
             } | {
-                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"boolean", true>;
             } | {
-                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"tags", true>;
             } | {
                 displayedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"email", true>;
             })))) & {
                 isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
@@ -77,6 +68,8 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
                 "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
                 cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 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, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<undefined, false>;
             } | {
                 horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
@@ -84,6 +77,8 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
                 "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
                 cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 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, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"text", true>;
             } | {
                 horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
@@ -164,6 +159,8 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
                 "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
                 cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 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, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"email", true>;
             })))) & {
                 isFrozen: import("../../properties-panel/props-builder.js").Prop<boolean, false>;

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

@@ -12,42 +12,36 @@ export declare const propertiesDefinition: {
                 columnType: Prop<import("./types.js").ColumnType, true>;
             }, "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>;
+                manageTimezone: Prop<boolean, false>;
+                valueTimezone: Prop<string, false>;
+                displayTimezone: Prop<string, false>;
                 columnType: Prop<"date", true>;
             } | {
                 buttonLabel: Prop<string, true>;
@@ -57,14 +51,11 @@ export declare const propertiesDefinition: {
                 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>;
             })))) & {
                 isVisible: Prop<boolean, true>;
@@ -80,6 +71,8 @@ export declare const propertiesDefinition: {
                 "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
                 cellBackground: Prop<string, true>;
                 textWrap: Prop<boolean, false>;
+                cellIcon: Prop<string, false>;
+                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true>;
                 columnType: Prop<undefined, false>;
             } | {
                 horizontalAlign: Prop<"center" | "left" | "right", true>;
@@ -87,6 +80,8 @@ export declare const propertiesDefinition: {
                 "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
                 cellBackground: Prop<string, true>;
                 textWrap: Prop<boolean, false>;
+                cellIcon: Prop<string, false>;
+                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true>;
                 columnType: Prop<"text", true>;
             } | {
                 horizontalAlign: Prop<"center" | "left" | "right", true>;
@@ -167,6 +162,8 @@ export declare const propertiesDefinition: {
                 "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
                 cellBackground: Prop<string, true>;
                 textWrap: Prop<boolean, false>;
+                cellIcon: Prop<string, false>;
+                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true>;
                 columnType: Prop<"email", true>;
             })))) & {
                 isFrozen: Prop<boolean, false>;

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

@@ -2,7 +2,6 @@ import type { propertiesDefinition } from "./props.js";
 import type { InternalProps } from "../../properties-panel/props-builder.js";
 import type { HorizontalAlign } from "@superblocksteam/library-shared/props";
 import type { TextStyleWithVariant, Typographies, UserAccessibleTheme } from "@superblocksteam/library-shared/types";
-import type { CSSProperties } from "react";
 type TextWidgetProps = InternalProps<typeof propertiesDefinition>;
 export declare const useText: ({ text, numberFormat, minDecimals, maxDecimals, textType, currency, dateInputFormat, dateOutputFormat, }: Pick<TextWidgetProps, "text" | "numberFormat" | "minDecimals" | "maxDecimals" | "textType" | "currency" | "dateInputFormat" | "dateOutputFormat">) => string | undefined;
 export declare const useTextClassName: ({ textStyleVariant, isLoading, }: {
@@ -18,7 +17,7 @@ export declare const useIcon: ({ textStyle }: {
     };
     iconSize: number;
 };
-export declare const useStyle: (props: TextWidgetProps) => CSSProperties;
+export declare const useStyle: (props: TextWidgetProps) => any;
 export declare const useIconContainerStyles: ({ iconGap, horizontalAlign, }: {
     iconGap: any;
     horizontalAlign: HorizontalAlign;

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

@@ -25,8 +25,8 @@ declare class SbEventFlow implements ISbEventFlow<StepDef, ScopedState, ValueInp
     setQueryParams(params: Record<string, ValueInputProp<string>>, keepQueryParams?: boolean): this;
     static controlSlideout(slideoutId: string, action: "open" | "close"): SbEventFlow;
     controlSlideout(slideoutId: string, action: "open" | "close"): this;
-    static controlModal(modal: WithBindingIdentifier, action: "open" | "close"): SbEventFlow;
-    controlModal(modal: WithBindingIdentifier, action: "open" | "close"): this;
+    static controlModal(modalId: string, action: "open" | "close"): SbEventFlow;
+    controlModal(modalId: string, action: "open" | "close"): this;
     static controlTimer(timerId: string, action: "start" | "stop" | "toggle"): SbEventFlow;
     controlTimer(timerId: string, action: "start" | "stop" | "toggle"): this;
     static runApis(apis: any[], onSuccess?: SbEventFlow, onError?: SbEventFlow): SbEventFlow;
@@ -47,8 +47,6 @@ declare class SbEventFlow implements ISbEventFlow<StepDef, ScopedState, ValueInp
     setProfile(profileId: string, profileAction: "set" | "unset"): this;
     static triggerEvent(eventName: string, eventData: Record<string, string>): SbEventFlow;
     triggerEvent(eventName: string, eventData: Record<string, string>): this;
-    static sequence(eventFlows: SbEventFlow[]): SbEventFlow;
-    sequence(eventFlows: SbEventFlow[]): this;
     build(): StepDef[];
 }
 export { SbEventFlow };

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

@@ -1,5 +1,5 @@
 import { Dim } from "@superblocksteam/library-shared";
-import type { Border, PerCornerBorderRadius, PerSideBorder, Typographies, UserAccessibleTheme, UserDefinedPalette, UserDefinedTheme } from "@superblocksteam/library-shared/types";
+import type { Border, Padding, PerCornerBorderRadius, PerSideBorder, Typographies, UserAccessibleTheme, UserDefinedPalette, UserDefinedTheme } from "@superblocksteam/library-shared/types";
 export declare const CURRENT_THEME_VERSION = 5;
 export declare const LIGHT_APP_BG: "#F9FAFB";
 export declare const DARK_APP_BG = "#131516";
@@ -58,6 +58,7 @@ export declare const BOX_SHADOWS: {
         dark: string;
     };
 };
+export declare const BUTTON_PADDING: Padding;
 export declare const INPUT_PADDING: {
     left: Dim<"px">;
     right: Dim<"px">;
@@ -70,12 +71,6 @@ export declare const DROPDOWN_PADDING: {
     top: Dim<"px">;
     bottom: Dim<"px">;
 };
-export declare const BUTTON_PADDING: {
-    left: Dim<"px">;
-    right: Dim<"px">;
-    top: Dim<"px">;
-    bottom: Dim<"px">;
-};
 export declare const KEY_VALUE_PADDING: {
     left: Dim<"px">;
     right: Dim<"px">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superblocksteam/library",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "type": "module",
   "exports": {
     ".": {
@@ -24,6 +24,7 @@
     "@blueprintjs/select": "5.3.11",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
+    "@mobx-devtools/tools": "^0.0.4",
     "@oddbird/css-anchor-positioning": "^0.4.0",
     "@opentelemetry/api": "^1.9.0",
     "@popperjs/core": "^2.11.7",
@@ -32,7 +33,7 @@
     "@react-hook/resize-observer": "1.2.6",
     "@superblocksteam/fast-deep-equal": "3.1.4",
     "@superblocksteam/iso-currency": "2.0.0",
-    "@superblocksteam/library-shared": "2.0.3",
+    "@superblocksteam/library-shared": "2.0.4",
     "@superblocksteam/shared": "0.9160.0",
     "antd": "4.24.15",
     "apca-w3": "^0.1.9",
@@ -58,7 +59,6 @@
     "normalize.css": "8.0.1",
     "react-dnd": "^16.0.1",
     "react-hotkeys-hook": "3.3.1",
-    "react-json-view-lite": "^2.4.1",
     "react-player": "2.3.1",
     "react-router": "^7.0.2",
     "react-svg": "^16.1.29",
@@ -74,6 +74,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.16.0",
+    "@mobx-devtools/tools": "^0.0.4",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.0.1",
     "@types/apca-w3": "^0.1.3",