@superblocksteam/library 1.99.99-next.2 → 2.0.0-next.10

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

@@ -4,7 +4,7 @@ export declare const SbDatePicker: React.FC<import("../../properties-panel/props
         label: import("../../properties-panel/props-builder.js").Prop<string, true>;
         defaultDate: import("../../properties-panel/props-builder.js").Prop<string, false>;
         dateFormat: import("../../properties-panel/props-builder.js").Prop<string, true>;
-        displayDateFormat: import("../../properties-panel/props-builder.js").Prop<string, false>;
+        displayDateFormat: import("../../properties-panel/props-builder.js").Prop<string, true>;
     } & (Omit<{
         manageTimezone: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }, "manageTimezone" | "displayTimezone" | "valueTimezone"> & ({
@@ -29,12 +29,11 @@ export declare const SbDatePicker: React.FC<import("../../properties-panel/props
         margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         labelPosition: import("../../properties-panel/props-builder.js").Prop<"left" | "top", true>;
         labelStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        showIcon: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        icon: import("../../properties-panel/props-builder.js").Prop<string, true>;
     }>;
     interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         customValidationRule: import("../../properties-panel/props-builder.js").Prop<string, true>;

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

@@ -6,7 +6,7 @@ export declare const propertiesDefinition: {
         label: Prop<string, true>;
         defaultDate: Prop<string, false>;
         dateFormat: Prop<string, true>;
-        displayDateFormat: Prop<string, false>;
+        displayDateFormat: Prop<string, true>;
     } & (Omit<{
         manageTimezone: Prop<boolean, true>;
     }, "manageTimezone" | "displayTimezone" | "valueTimezone"> & ({
@@ -31,12 +31,11 @@ export declare const propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         labelPosition: Prop<"left" | "top", true>;
         labelStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        showIcon: Prop<boolean, true>;
+        icon: Prop<string, true>;
     }>;
     interaction: Section<Record<string, Prop<any, any>> & {
         customValidationRule: Prop<string, true>;

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

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

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

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

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

@@ -32,7 +32,6 @@ export declare const SbDropdown: React.FC<import("../../properties-panel/props-b
         margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         customValidationRule: import("../../properties-panel/props-builder.js").Prop<string, true>;

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

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

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

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

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

@@ -10,7 +10,6 @@ export declare const SbIcon: import("react").FC<import("../../properties-panel/p
         margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         color: import("../../properties-panel/props-builder.js").Prop<string, false>;

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

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

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

@@ -21,7 +21,6 @@ export declare const SbImage: import("react").FC<import("../../properties-panel/
         margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         onClick: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;

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

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

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

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

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

@@ -54,7 +54,6 @@ export declare const SbInput: import("react").FC<import("../../properties-panel/
         labelWidth?: undefined;
     }))))) & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & Omit<{
         inputType: import("../../properties-panel/props-builder.js").Prop<string, false>;

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

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

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

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

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

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

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

@@ -12,14 +12,14 @@ export declare const propertiesDefinition: {
     }) | (Omit<{
         layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: Prop<import("../../component-base/constants.js").VerticalAlignment, true>;
-        readonly horizontalAlign: Prop<import("../../component-base/constants.js").HorizontalAlignment, true>;
+        readonly verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
+        readonly horizontalAlign: Prop<"center" | "left" | "right", true>;
         readonly layout: Prop<"vertical", true>;
     }) | (Omit<{
         layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: Prop<import("../../component-base/constants.js").VerticalAlignment, true>;
-        readonly horizontalAlign: Prop<import("../../component-base/constants.js").HorizontalAlignment, true>;
+        readonly verticalAlign: Prop<"center" | "bottom" | "top", true>;
+        readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
         readonly layout: Prop<"horizontal", true>;
     }))) & {
         spacing: Prop<import("@superblocksteam/library-shared").Dim<"px">, true>;

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

@@ -3,6 +3,8 @@ export declare const SbSection: import("react").FC<import("../../properties-pane
         columns: import("../../properties-panel/props-builder.js").Prop<string[], false>;
     }>;
     layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
+    } & {
         maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
         minHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
         maxWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
@@ -13,7 +15,6 @@ export declare const SbSection: import("react").FC<import("../../properties-pane
         sticky: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;

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

@@ -6,6 +6,8 @@ export declare const propertiesDefinition: {
         columns: Prop<string[], false>;
     }>;
     layout: Section<Record<string, Prop<any, any>> & {
+        padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
+    } & {
         maxHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
         minHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
         maxWidth?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
@@ -16,7 +18,6 @@ export declare const propertiesDefinition: {
         sticky: Prop<boolean, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         backgroundColor: Prop<string, false>;

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

@@ -10,6 +10,5 @@ export declare const propertiesDefinition: {
         margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
 };

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

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

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

@@ -19,7 +19,6 @@ export declare const SbSwitch: import("react").FC<import("../../properties-panel
         margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         customValidationRule: import("../../properties-panel/props-builder.js").Prop<string, true>;

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

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

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

@@ -187,7 +187,6 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
         margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         isFilterable: import("../../properties-panel/props-builder.js").Prop<boolean, true>;

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

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

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

@@ -44,7 +44,6 @@ export declare const SbText: import("react").FC<import("../../properties-panel/p
         margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     } & {
         shouldScroll: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;

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

@@ -53,7 +53,6 @@ export declare const propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     } & {
         shouldScroll: Prop<boolean, false>;
     }>;

package/dist-types/lib/user-facing/global-functions.d.ts

@@ -1,3 +1,4 @@
+import { type NotificationPosition, type NotificationType } from "./utils/notification.jsx";
 export declare enum Types {
     STRING = "STRING",
     NUMBER = "NUMBER",
@@ -19,5 +20,5 @@ export declare function copyToClipboard(text: string, options?: {
 export declare function navigateTo(urlOrRoute: string, queryParams?: Record<string, any>, target?: string): boolean;
 export declare function setQueryParams(queryParams?: Record<string, any>, preserveExistingQueryParams?: boolean): boolean;
 export declare function download(data: any, fileName?: string, fileType?: string): void;
-export declare function showAlert(_message: string, _style: string, _durationSeconds?: number, _alertPosition?: string): void;
+export declare function showAlert(message: string, style: NotificationType, durationSeconds?: number, alertPosition?: NotificationPosition): void;
 export declare function logoutIntegrations(): void;

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

@@ -19,4 +19,5 @@ 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>;

package/dist-types/lib/user-facing/properties-panel/mixins/layout-section.d.ts

@@ -45,7 +45,6 @@ export declare const shouldScrollContents: (defaultValue?: boolean) => {
 };
 export declare const visible: () => {
     isVisible: Prop<boolean, true>;
-    collapseWhenInvisible: Prop<boolean, false>;
 };
 export declare const spacing: (options?: {
     default?: Dim<"px">;
@@ -60,9 +59,9 @@ export declare const padding: (options?: {
 export declare const margin: () => {
     margin: Prop<unknown, true>;
 };
-export declare const getAlignmentProps: () => {
-    verticalAlign: Prop<VerticalAlignment, true>;
-    horizontalAlign: Prop<HorizontalAlignment, true>;
+export declare const getAlignmentProps: <LayoutType extends "vertical" | "horizontal">() => {
+    verticalAlign: Prop<VerticalAlignment<LayoutType>, true>;
+    horizontalAlign: Prop<HorizontalAlignment<LayoutType>, true>;
 };
 export declare const containerLayout: () => import("../props-builder.js").UnionProp<{
     layout: Prop<ContainerLayout, true>;
@@ -72,12 +71,12 @@ export declare const containerLayout: () => import("../props-builder.js").UnionP
     readonly rows: Prop<number, false>;
     readonly rowSize: Prop<number, false>;
 }, {
-    readonly verticalAlign: Prop<VerticalAlignment, true>;
-    readonly horizontalAlign: Prop<HorizontalAlignment, true>;
+    readonly verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
+    readonly horizontalAlign: Prop<"center" | "left" | "right", true>;
     readonly layout: Prop<"vertical", true>;
 }, {
-    readonly verticalAlign: Prop<VerticalAlignment, true>;
-    readonly horizontalAlign: Prop<HorizontalAlignment, true>;
+    readonly verticalAlign: Prop<"center" | "bottom" | "top", true>;
+    readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
     readonly layout: Prop<"horizontal", true>;
 }], ({
     layout: Prop<ContainerLayout, true>;
@@ -89,14 +88,14 @@ export declare const containerLayout: () => import("../props-builder.js").UnionP
 }) | ({
     layout: Prop<ContainerLayout, true>;
 } & {
-    readonly verticalAlign: Prop<VerticalAlignment, true>;
-    readonly horizontalAlign: Prop<HorizontalAlignment, true>;
+    readonly verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
+    readonly horizontalAlign: Prop<"center" | "left" | "right", true>;
     readonly layout: Prop<"vertical", true>;
 }) | ({
     layout: Prop<ContainerLayout, true>;
 } & {
-    readonly verticalAlign: Prop<VerticalAlignment, true>;
-    readonly horizontalAlign: Prop<HorizontalAlignment, true>;
+    readonly verticalAlign: Prop<"center" | "bottom" | "top", true>;
+    readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
     readonly layout: Prop<"horizontal", true>;
 })>;
 export declare const basicLayout: () => Section<Record<string, Prop<any, any>> & {
@@ -110,5 +109,4 @@ export declare const basicLayout: () => Section<Record<string, Prop<any, any>> &
     margin: Prop<unknown, true>;
 } & {
     isVisible: Prop<boolean, true>;
-    collapseWhenInvisible: Prop<boolean, false>;
 }>;

package/dist-types/lib/user-facing/properties-panel/props-builder.d.ts

@@ -205,7 +205,7 @@ declare class Prop<Type extends DataType, _HasDefault extends boolean = false> {
     setName(name: string): this;
     onEdit(callback: SideEffectCallback): this;
     onEvaluate(callback: SideEffectCallback): this;
-    propertiesPanel<CT extends ControlType>(schema: Omit<Partial<PropertiesPanelDisplay<Type, CT>>, "defaultValue">): this;
+    propertiesPanel<CT extends ControlType>(schema: Omit<Partial<PropertiesPanelDisplay<Type, CT>>, "defaultValue" | "isTriggerProperty">): this;
     build(): ManagedProp<Type>;
     toDefinition(entity?: Entity, scopedState?: ScopedState): WidgetPropertyDefinition<DataType> | undefined;
     getRelations(): Relation[][];

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

@@ -1,7 +1,7 @@
 import type { ScopedState, ValueInputProp } from "../internal-details/lib/evaluator/base-entity-manager.js";
-import type { SelectedStateVarProps, SelectedWidgetProps, StepDef } from "../sb-trigger.js";
-import type { TypeOptions } from "../triggers/implementations/show-alert.js";
-import type { ISbEventFlow } from "@superblocksteam/library-shared/types";
+import type { SelectedWidgetProps, StepDef } from "../sb-trigger.js";
+import type { NotificationPosition, NotificationType } from "./utils/notification.jsx";
+import type { ISbEventFlow, WithBindingIdentifier } from "@superblocksteam/library-shared/types";
 declare class SbEventFlow implements ISbEventFlow<StepDef, ScopedState, ValueInputProp> {
     steps: StepDef[];
     private constructor();
@@ -35,14 +35,14 @@ declare class SbEventFlow implements ISbEventFlow<StepDef, ScopedState, ValueInp
     cancelApis(apis: any[], onCancel?: SbEventFlow): this;
     static resetComponent(widget: SelectedWidgetProps, propertyName: string, resetChildren: boolean): SbEventFlow;
     resetComponent(widget: SelectedWidgetProps, propertyName: string, resetChildren: boolean): this;
-    static resetStateVar(state: SelectedStateVarProps): SbEventFlow;
-    resetStateVar(state: SelectedStateVarProps): this;
-    static setStateVar(name: string, value: ValueInputProp): SbEventFlow;
-    setStateVar(name: string, value: ValueInputProp): this;
+    static resetStateVar(state: WithBindingIdentifier): SbEventFlow;
+    resetStateVar(state: WithBindingIdentifier): this;
+    static setStateVar(stateVarName: WithBindingIdentifier, value: ValueInputProp): SbEventFlow;
+    setStateVar(stateVar: WithBindingIdentifier, value: ValueInputProp): this;
     static setComponentProperty(widget: SelectedWidgetProps, propertyName: string, value: ValueInputProp): SbEventFlow;
     setComponentProperty(widget: SelectedWidgetProps, propertyName: string, value: ValueInputProp): this;
-    static showAlert(message: ValueInputProp<string>, alertType: TypeOptions): SbEventFlow;
-    showAlert(message: ValueInputProp<string>, alertType: TypeOptions): this;
+    static showAlert(message: ValueInputProp<string>, alertType: NotificationType, alertDuration?: number, alertPosition?: NotificationPosition): SbEventFlow;
+    showAlert(message: ValueInputProp<string>, alertType: NotificationType, alertDuration?: number, alertPosition?: NotificationPosition): this;
     static setProfile(profileId: string, profileAction: "set" | "unset"): SbEventFlow;
     setProfile(profileId: string, profileAction: "set" | "unset"): this;
     static triggerEvent(eventName: string, eventData: Record<string, string>): SbEventFlow;

package/dist-types/lib/user-facing/state/create-bindable-entity-proxy.d.ts

@@ -1,6 +1,5 @@
-import { BindingMetaSymbol, type BindingIdentifier } from "./types.js";
+import { type BindingIdentifier } from "@superblocksteam/library-shared/types";
 import type { Entity } from "../../internal-details/lib/evaluator/base-entity-manager.js";
-export declare const createBindableEntityProxy: (entityAccessor: () => Entity | undefined, identifier: BindingIdentifier) => {
+export declare const createBindableEntityProxy: (entityAccessor: () => Entity | undefined, identifier: BindingIdentifier) => import("@superblocksteam/library-shared/types").WithBindingIdentifier<{
     entity: Entity | undefined;
-    [BindingMetaSymbol]: BindingIdentifier;
-};
+}>;

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

@@ -1,11 +1,4 @@
-export declare const BindingMetaSymbol: unique symbol;
-export type BindingIdentifier = {
-    entityName: string;
-    scopeId: string;
-};
-export type WithBindingIdentifier<T extends Record<string, any> = Record<string, any>> = T & {
-    [BindingMetaSymbol]: BindingIdentifier;
-};
+import type { WithBindingIdentifier } from "@superblocksteam/library-shared/types";
 export type SbScopeInstance<_Bindables extends Record<string, any>> = {
     entities: Record<string, WithBindingIdentifier>;
     initialEntities: Record<string, any>;

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

@@ -0,0 +1,17 @@
+import React from "react";
+export type NotificationPosition = "bottomRight" | "bottomLeft" | "topRight" | "topLeft" | "top" | "bottom";
+export type NotificationType = "info" | "success" | "warning" | "error";
+type NotificationConfig = {
+    key?: string;
+    message: JSX.Element | string;
+    description?: JSX.Element | string;
+    duration?: number;
+    placement?: NotificationPosition;
+    style?: React.CSSProperties;
+    dataTest?: string;
+    type: NotificationType;
+};
+export declare function cleanNotification(): void;
+export declare function closeNotification(key: string): void;
+export declare function sendNotification({ message, description, duration, key, placement, style, dataTest, type, }: NotificationConfig): void;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superblocksteam/library",
-  "version": "1.99.99-next.2",
+  "version": "2.0.0-next.10",
   "type": "module",
   "exports": {
     ".": {
@@ -32,7 +32,7 @@
     "@react-hook/resize-observer": "1.2.6",
     "@superblocksteam/fast-deep-equal": "3.1.4",
     "@superblocksteam/iso-currency": "2.0.0",
-    "@superblocksteam/library-shared": "1.99.99-next.2",
+    "@superblocksteam/library-shared": "2.0.0-next.10",
     "@superblocksteam/shared": "0.9122.0",
     "antd": "4.24.15",
     "apca-w3": "^0.1.9",