@superblocksteam/library 2.0.4 → 2.0.6-next.0

package/dist-types/edit-mode/properties.d.ts

@@ -1,4 +1,4 @@
-import type { Name } from "../lib/internal-details/lib/evaluator/names.js";
+import { type Name } from "../lib/internal-details/lib/evaluator/names.js";
 /**
  * Gets the actual value from a PropertyInfo object.
  * This will parse the value based on the type of property.

package/dist-types/edit-mode/vite.d.ts

@@ -0,0 +1,5 @@
+import type { VitePostMessageKind } from "@superblocksteam/library-shared/types";
+import type { VitePostMessage } from "@superblocksteam/library-shared/types";
+export declare function onVitePostMessage<T extends VitePostMessageKind, Message extends Extract<VitePostMessage, {
+    kind: T;
+}>>(kind: T, callback: (message: Message) => void): () => void;

package/dist-types/internal-testing/components/modal.d.ts

@@ -1 +1,3 @@
-export default function Widgets(): import("react").JSX.Element;
+export declare function Widgets(): import("react").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default _default;

package/dist-types/lib/internal-details/lib/devtools/devtools-consolidated.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import "react-json-view-lite/dist/index.css";
+export declare function setRegisteredStores(stores: Record<string, any>): void;
+export declare const CustomDevTools: React.FC;
+export declare function initializeCustomDevTools(): void;

package/dist-types/lib/internal-details/lib/devtools/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+declare function registerStores(stores: Record<string, any>): void;
+declare const DevTools: () => React.JSX.Element | null;
+export { DevTools, registerStores };

package/dist-types/lib/internal-details/lib/devtools/serialize-store-data.d.ts

@@ -0,0 +1 @@
+export declare function serializeStoreData(stores_: Record<string, any>): Record<string, any>;

package/dist-types/lib/internal-details/lib/evaluator/base-entity-manager.d.ts

@@ -14,9 +14,10 @@ export type NestedInputProp<T> = T extends object ? {
 } : never;
 export type InputProp<T = EntityOutputProp> = SingleInputProp<T> | NestedInputProp<T>;
 export type EntityFunction<ARGS extends any[] = any[], R = EntityOutputProp> = (this: Entity, state: ScopedState, ...args: ARGS) => R;
+export type EntityType = "global" | "theme" | "variable" | "api" | "timer" | (string & {});
 export type Entity = {
     [key: string]: EntityOutputProp;
-    type: string;
+    type: EntityType;
 };
 export type ScopeId = string;
 export type ScopedState = {

package/dist-types/lib/internal-details/lib/features/component-registry.d.ts

@@ -1,4 +1,4 @@
-import type { ManagedPropsList } from "../../../user-facing/properties-panel/props-builder.js";
+import type { ManagedPropsList, PropertiesDefinition } from "../../../user-facing/properties-panel/props-builder.js";
 import type { RootStore } from "../root-store.js";
 import type { ComponentRegistryShareState } from "@superblocksteam/library-shared/types";
 import type * as React from "react";
@@ -6,6 +6,8 @@ export type Type = {
     isSb: symbol;
     sbType: string;
     isDroppable?: boolean;
+    hasExtendedClickArea?: boolean;
+    propertiesDefinition?: PropertiesDefinition;
 } & React.ComponentType<any>;
 export declare class ComponentRegistry implements ComponentRegistryShareState {
     readonly rootStore: RootStore;

package/dist-types/lib/internal-details/sb-wrapper.d.ts

@@ -7,6 +7,7 @@ export type DropTargetProps = {
 export declare const registerSbComponent: <PD extends PropertiesDefinition, EP extends ExternalProps<PD> = ExternalProps<PD>, IP extends InternalProps<PD> & DropTargetProps = InternalProps<PD> & DropTargetProps>(type: string, config: {
     container?: boolean;
     customComponent?: boolean;
+    hasExtendedClickArea?: boolean;
     propertiesDefinition: PD;
 }, Component: React.FC<IP>) => React.FC<EP>;
 export declare function registerSbEntity<PROPS, PD extends PropertiesDefinition, EP extends ExternalProps<PD> = ExternalProps<PD>>(name: string, config: {

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

@@ -1,3 +1,4 @@
+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;
@@ -5,6 +6,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: any;
+export declare const Global: GlobalType;
 export declare const Embed: any;
 export declare const Env: any;

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

@@ -0,0 +1,57 @@
+import type { Profile, RouteDef } from "@superblocksteam/shared";
+export declare const AppMode: {
+    readonly EDIT: "EDIT";
+    readonly PUBLISHED: "PUBLISHED";
+    readonly PREVIEW: "PREVIEW";
+};
+export type AppMode = (typeof AppMode)[keyof typeof AppMode];
+export type Global = {
+    mode?: AppMode;
+    user?: User;
+    URL?: UrlState;
+    groups?: Group[];
+    deployedAt?: string;
+    createdAt?: string;
+    selectedProfileId?: string;
+    profiles?: Profiles;
+    routes?: {
+        [id: string]: RouteDef;
+    };
+    currentRoute?: {
+        routeDef: RouteDef;
+        params: Record<string, string>;
+    };
+    app?: {
+        id: string;
+        name: string;
+    };
+};
+type User = {
+    name: string;
+    email: string;
+    id: string;
+    groups: Group[];
+    username: string;
+    metadata: Record<string, unknown>;
+};
+type Group = {
+    id: string;
+    name: string;
+    size: number;
+};
+type UrlState = {
+    queryParams: Record<string, string>;
+    protocol: string;
+    host: string;
+    hostname: string;
+    port: string;
+    pathname: string;
+    hash: string;
+    fullPath: string;
+};
+type Profiles = {
+    available: Profile[];
+    selected?: Profile;
+    default: Profile;
+};
+export {};

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

@@ -2,10 +2,6 @@ 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,17 +1,18 @@
 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(name: string, direction: "open" | "close"): {
+    create(modal: WithBindingIdentifier, direction: "open" | "close"): {
         type: "controlModal";
-        name: string;
+        name: string | undefined;
         direction: "close" | "open";
     };
 };

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

@@ -1,20 +1,16 @@
 import { TriggerStepType } from "@superblocksteam/library-shared/types";
-import type { BaseStepDef, SelectedStateVarProps } from "../../../sb-trigger.js";
+import type { BaseStepDef } 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?: SelectedStateVarProps;
+    state?: WithBindingIdentifier;
 }
 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: {
-            name: string;
-            scopeId: any;
-            scope: any;
-        } | undefined;
+        state: WithBindingIdentifier | undefined;
     };
 };

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

@@ -1,23 +1,19 @@
 import { TriggerStepType } from "@superblocksteam/library-shared/types";
 import type { ValueInputProp } from "../../../internal-details/lib/evaluator/base-entity-manager.js";
-import type { BaseStepDef, SelectedStateVarProps } from "../../../sb-trigger.js";
+import type { BaseStepDef } 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?: SelectedStateVarProps;
+    state?: WithBindingIdentifier;
     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: {
-            name: string;
-            scopeId: any;
-            scope: any;
-        } | undefined;
+        state: WithBindingIdentifier | 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(name: string, direction: "open" | "close"): {
+        create(modal: import("@superblocksteam/library-shared/types").WithBindingIdentifier, direction: "open" | "close"): {
             type: "controlModal";
-            name: string;
+            name: string | undefined;
             direction: "close" | "open";
         };
     };
@@ -115,14 +115,10 @@ 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: {
-                name: string;
-                scopeId: any;
-                scope: any;
-            } | undefined;
+            state: import("@superblocksteam/library-shared/types").WithBindingIdentifier | undefined;
             value: import("../internal-details/lib/evaluator/base-entity-manager.js").ValueInputProp;
         };
     };
@@ -138,14 +134,10 @@ 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: {
-                name: string;
-                scopeId: any;
-                scope: any;
-            } | undefined;
+            state: import("@superblocksteam/library-shared/types").WithBindingIdentifier | 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;
     })))) & {
-        twentyFourHourTime: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        use24HourTime: 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;
     })))) & {
-        twentyFourHourTime: Prop<boolean, true>;
+        use24HourTime: 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;
-    twentyFourHourTime: boolean;
+    use24HourTime: boolean;
     displayDateFormat?: string;
     displayTimezone?: string;
     timezone?: string;

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

@@ -3,13 +3,14 @@ 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,4 +1,7 @@
 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,6 +1,9 @@
 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,36 +9,42 @@ 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>;
-        manageTimezone: Prop<boolean, false>;
-        valueTimezone: Prop<string, false>;
-        displayTimezone: Prop<string, false>;
+        isDerived: Prop<boolean, true>;
         columnType: Prop<"date", true>;
     } | {
         buttonLabel: Prop<string, true>;
@@ -48,11 +54,14 @@ 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>;
@@ -68,8 +77,6 @@ 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>;
@@ -77,8 +84,6 @@ 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>;
@@ -159,8 +164,6 @@ 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,6 +10,7 @@ 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,36 +9,42 @@ 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>;
-                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>;
+                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"date", true>;
             } | {
                 buttonLabel: import("../../properties-panel/props-builder.js").Prop<string, true>;
@@ -48,11 +54,14 @@ 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>;
@@ -68,8 +77,6 @@ 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>;
@@ -77,8 +84,6 @@ 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>;
@@ -159,8 +164,6 @@ 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,36 +12,42 @@ 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>;
-                manageTimezone: Prop<boolean, false>;
-                valueTimezone: Prop<string, false>;
-                displayTimezone: Prop<string, false>;
+                isDerived: Prop<boolean, true>;
                 columnType: Prop<"date", true>;
             } | {
                 buttonLabel: Prop<string, true>;
@@ -51,11 +57,14 @@ 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>;
@@ -71,8 +80,6 @@ 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>;
@@ -80,8 +87,6 @@ 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>;
@@ -162,8 +167,6 @@ 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>;