@superblocksteam/library 1.99.99-next.2

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

@@ -0,0 +1,51 @@
+import { Dim } from "@superblocksteam/library-shared";
+import type { DimModes } from "@superblocksteam/library-shared";
+/**
+ * TODO:
+ * - disable setting height related props in prop panel and code
+ * - add column resizer
+ *
+ */
+export declare const getDefaultSectionChildren: () => never[];
+export declare const SbColumn: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
+    layout: import("../../properties-panel/props-builder.js").Section<(((((Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ((Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerLayout, true>;
+    }, "layout" | "rows" | "columns" | "rowSize"> & {
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true>;
+        readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true>;
+        readonly rows: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        readonly rowSize: import("../../properties-panel/props-builder.js").Prop<number, false>;
+    }) | (Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").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 layout: import("../../properties-panel/props-builder.js").Prop<"vertical", true>;
+    }) | (Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").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 layout: import("../../properties-panel/props-builder.js").Prop<"horizontal", true>;
+    }))) & {
+        spacing: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
+    }) & {
+        padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
+    }) & {
+        maxHeight?: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false> | undefined;
+        minHeight?: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false> | undefined;
+        maxWidth?: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false> | undefined;
+        minWidth?: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false> | undefined;
+        width: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false>;
+        height: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false>;
+    }) & {
+        shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+    }) & {
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+    }>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+    }>;
+}>>;

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

@@ -0,0 +1,45 @@
+import { Dim } from "@superblocksteam/library-shared";
+import { Prop } from "../../properties-panel/props-builder.js";
+import { Section } from "../../properties-panel/props-builder.js";
+export declare const propertiesDefinition: {
+    layout: Section<(((((Record<string, Prop<any, any>> & ((Omit<{
+        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
+    }, "layout" | "rows" | "columns" | "rowSize"> & {
+        readonly layout: Prop<"freeform", true>;
+        readonly columns: Prop<number, true>;
+        readonly rows: Prop<number, false>;
+        readonly rowSize: Prop<number, false>;
+    }) | (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 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 layout: Prop<"horizontal", true>;
+    }))) & {
+        spacing: Prop<Dim<"px">, true>;
+    }) & {
+        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;
+        minWidth?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        width: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        height: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+    }) & {
+        shouldScrollContents: Prop<boolean, true>;
+    }) & {
+        isVisible: Prop<boolean, true>;
+        collapseWhenInvisible: Prop<boolean, false>;
+    }>;
+    appearance: Section<Record<string, Prop<any, any>> & {
+        backgroundColor: Prop<string, false>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+    }>;
+};

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

@@ -0,0 +1,63 @@
+import { Dim } from "@superblocksteam/library-shared";
+import { propertiesDefinition } from "./props.js";
+import type { ContainerLayout } from "../../component-base/constants.js";
+import type { InternalPropsWithOptional } from "../../properties-panel/props-builder.js";
+type OptionalProps = "margin" | "padding" | "spacing" | "backgroundColor" | "border" | "borderRadius";
+type ContainerProps = InternalPropsWithOptional<typeof propertiesDefinition, OptionalProps>;
+/**
+ * TODO:
+ * - interaciton rect of children will show outside of container if overflow
+ * - move card style related defaultprops to props file and update dynamically when supported
+ * - the spacing prop is not same type between stack and grid, enable when we clean it up
+ * - consider border and padding for grid layout
+ * - border style are showing some control default value even actually undefined. styles are coming from container classes but ideally we should set them as default props?
+ * - move more props to inner layout component
+ */
+export declare const InternalContainer: (props: ContainerProps) => import("react").JSX.Element;
+export declare const SbContainer: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
+    layout: import("../../properties-panel/props-builder.js").Section<((((((Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ((Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
+    }, "layout" | "rows" | "columns" | "rowSize"> & {
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true>;
+        readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true>;
+        readonly rows: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        readonly rowSize: import("../../properties-panel/props-builder.js").Prop<number, false>;
+    }) | (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 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 layout: import("../../properties-panel/props-builder.js").Prop<"horizontal", true>;
+    }))) & {
+        spacing: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
+    }) & {
+        padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Padding, true>;
+    }) & {
+        width: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        height: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        minWidth: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        maxWidth: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        minHeight: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        maxHeight: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+    }) & {
+        margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
+    }) & {
+        shouldScrollContents: 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>> & {
+        variant: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerVariant, true>;
+        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
+    }>;
+}>>;
+export {};

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

@@ -0,0 +1,58 @@
+import { Dim } from "@superblocksteam/library-shared";
+import { Section, Prop } from "../../properties-panel/props-builder.js";
+import type { ContainerVariant } from "../../component-base/constants.js";
+import type { Padding } from "@superblocksteam/library-shared/types";
+/**
+ * TODO:
+ * - make default and options dynamic for distribution and alignment
+ * - enable tooltip for radio group options
+ * - should not need default min/max width/height, probably just minHeight
+ * - the alignments props only show when explicitly set layout in code because of using Union
+ * - use default func once supported for composite props, apply it to padding, border, borderRadius, and backgroundColor. Otherwise, prop panel control will not show the correct value
+ */
+export declare const propertiesDefinition: {
+    layout: Section<((((((Record<string, Prop<any, any>> & ((Omit<{
+        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
+    }, "layout" | "rows" | "columns" | "rowSize"> & {
+        readonly layout: Prop<"freeform", true>;
+        readonly columns: Prop<number, true>;
+        readonly rows: Prop<number, false>;
+        readonly rowSize: Prop<number, false>;
+    }) | (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 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 layout: Prop<"horizontal", true>;
+    }))) & {
+        spacing: Prop<Dim<"px">, true>;
+    }) & {
+        padding: Prop<Padding, true>;
+    }) & {
+        width: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        height: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        minWidth: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        maxWidth: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        minHeight: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        maxHeight: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+    }) & {
+        margin: Prop<unknown, true>;
+    }) & {
+        shouldScrollContents: Prop<boolean, true>;
+    }) & {
+        isVisible: Prop<boolean, true>;
+        collapseWhenInvisible: Prop<boolean, false>;
+    }>;
+    appearance: Section<Record<string, Prop<any, any>> & {
+        variant: Prop<ContainerVariant, true>;
+        backgroundColor: Prop<string, true>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
+    }>;
+};

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

@@ -0,0 +1,11 @@
+import type { SbElement, SbInstance } from "@superblocksteam/library-shared/types";
+export declare function CustomComponentProvider({ children, sourceId, instanceId, }: {
+    children: React.ReactNode;
+    sourceId: SbElement;
+    instanceId: SbInstance;
+}): import("react").JSX.Element;
+export declare function useCustomComponentContext(): {
+    isInCustomComponent: boolean;
+    instanceId: SbInstance;
+    sourceId: SbElement;
+};

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SbCustom: React.FC<Omit<any, "ref">>;

package/dist-types/lib/user-facing/components/custom/register-custom-component.d.ts

@@ -0,0 +1,27 @@
+import { Section } from "../../properties-panel/props-builder.js";
+import type { Prop, InternalProps } from "../../properties-panel/props-builder.js";
+import type { SbEventFlow } from "../../sb-event-flow.js";
+import type { ReactNode } from "react";
+declare const layoutPropDef: {
+    layout: Section<Record<string, Prop<any, any>> & {
+        maxHeight?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minHeight?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        maxWidth?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minWidth?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        width: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        height: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+    } & {
+        margin: Prop<unknown, true>;
+    } & {
+        isVisible: Prop<boolean, true>;
+        collapseWhenInvisible: Prop<boolean, false>;
+    }>;
+};
+type WrappedEventProps<IP extends InternalProps<any>> = {
+    [K in keyof IP]: IP[K] extends SbEventFlow | undefined ? () => Promise<void> : IP[K];
+};
+type SectionProps<PD extends Record<string, Prop<any>>> = Record<string, Section<PD>> & typeof layoutPropDef;
+export type CustomComponentProps<PD extends Record<string, Prop<any>>, SP extends SectionProps<PD> = SectionProps<PD>, IP extends InternalProps<SP> = InternalProps<SP>> = WrappedEventProps<IP>;
+export declare function registerComponent<PD extends Record<string, Prop<any>>>(name: string, propertiesDefinition: PD, component: React.FC<CustomComponentProps<PD>>): import("react").FC<any>;
+export declare function isCustomComponent(child: ReactNode): boolean;
+export {};

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

@@ -0,0 +1,8 @@
+import type { Typographies } from "@superblocksteam/shared";
+export declare enum DatePickerType {
+    DATE_PICKER = "DATE_PICKER",// date + time (legacy)
+    DATE_RANGE_PICKER = "DATE_RANGE_PICKER"
+}
+export declare const DEFAULT_DATEPICKER_LABEL_STYLE_VARIANT: keyof Typographies;
+export declare const DEFAULT_DATEPICKER_INPUT_STYLE_VARIANT: keyof Typographies;
+export declare const DEFAULT_DATE_FORMAT = "DD/MM/YYYY HH:mm";

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

@@ -0,0 +1,29 @@
+import React from "react";
+import type { DatePickerComponentProps } from "./types.js";
+export declare const INPUT_ADDITIONAL_MIN_HEIGHT = 17.7;
+export declare const LABEL_EXTRA_HEIGHT_MARGIN = 4;
+declare class DatePickerComponent extends React.Component<DatePickerComponentProps, DatePickerComponentState> {
+    constructor(props: DatePickerComponentProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: DatePickerComponentProps): void;
+    getValidDate: (date: string, format: string) => Date | undefined;
+    getNormalizedDateFormat: () => string;
+    getNormalizedDisplayDateFormat: () => string | undefined;
+    shouldWrapTime: () => boolean;
+    handleInteraction: (openState: boolean) => void;
+    getInitialMonth: (currentValue: string | undefined | null, minDate: Date | undefined, maxDate: Date | undefined) => Date | undefined;
+    getCurrentValue: () => string | null;
+    render(): React.JSX.Element;
+    getPopoverFooter: () => React.JSX.Element;
+    formatDisplayDate: (date: Date) => string;
+    formatSelectedDate: (date: Date) => string;
+    parseSelectedDate: (dateStr: string) => Date;
+    onInputChanged: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onDayChanged: (selectedDayOnly: Date | undefined) => void;
+    onTimeChanged: (selectedDateTime: Date | null) => void;
+}
+interface DatePickerComponentState {
+    selectedDateFormatted?: unknown;
+    isOpen?: boolean;
+}
+export default DatePickerComponent;

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

@@ -0,0 +1,2 @@
+export declare const DatePickerActionsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DatePickerActionButton: import("styled-components").StyledComponent<import("react").FC<import("@blueprintjs/core").ButtonProps>, any, {}, never>;

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

@@ -0,0 +1,63 @@
+import React from "react";
+export declare const SbDatePicker: React.FC<import("../../properties-panel/props-builder.js").ExternalProps<{
+    general: import("../../properties-panel/props-builder.js").Section<(Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ({
+        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>;
+    } & (Omit<{
+        manageTimezone: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+    }, "manageTimezone" | "displayTimezone" | "valueTimezone"> & ({
+        manageTimezone: import("../../properties-panel/props-builder.js").Prop<true, true>;
+        valueTimezone: import("../../properties-panel/props-builder.js").Prop<string, false>;
+        displayTimezone: import("../../properties-panel/props-builder.js").Prop<string, false>;
+    } | {
+        manageTimezone: import("../../properties-panel/props-builder.js").Prop<false, true>;
+        valueTimezone?: undefined;
+        displayTimezone?: undefined;
+    })))) & {
+        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>> & {
+        maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        maxWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        height: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+    } & {
+        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>;
+    }>;
+    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>;
+        customErrorMessage: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        isRequired: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        minDate: import("../../properties-panel/props-builder.js").Prop<string, false>;
+        maxDate: import("../../properties-panel/props-builder.js").Prop<string, false>;
+        isDisabled: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        errorMessagePlacement: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").ErrorMessagePlacement, true>;
+    }>;
+    events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        onDateSelected: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+    }>;
+    meta: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        selectedDate: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        isTouched: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+    }>;
+    derived: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        value: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        validationErrors: import("../../properties-panel/props-builder.js").Prop<any, true>;
+        isValid: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        outputDateLocal: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        outputDateUtc: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        showError: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+    }>;
+}>>;

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

@@ -0,0 +1,65 @@
+import { Section, Prop } from "../../properties-panel/props-builder.js";
+import type { InternalProps } from "../../properties-panel/props-builder.js";
+export type Widget = InternalProps<typeof propertiesDefinition>;
+export declare const propertiesDefinition: {
+    general: Section<(Record<string, Prop<any, any>> & ({
+        label: Prop<string, true>;
+        defaultDate: Prop<string, false>;
+        dateFormat: Prop<string, true>;
+        displayDateFormat: Prop<string, false>;
+    } & (Omit<{
+        manageTimezone: Prop<boolean, true>;
+    }, "manageTimezone" | "displayTimezone" | "valueTimezone"> & ({
+        manageTimezone: Prop<true, true>;
+        valueTimezone: Prop<string, false>;
+        displayTimezone: Prop<string, false>;
+    } | {
+        manageTimezone: Prop<false, true>;
+        valueTimezone?: undefined;
+        displayTimezone?: undefined;
+    })))) & {
+        twentyFourHourTime: Prop<boolean, true>;
+    }>;
+    layout: Section<Record<string, Prop<any, any>> & {
+        maxHeight?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minHeight?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        maxWidth?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minWidth?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        width: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        height: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+    } & {
+        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>;
+    }>;
+    interaction: Section<Record<string, Prop<any, any>> & {
+        customValidationRule: Prop<string, true>;
+        customErrorMessage: Prop<string, true>;
+        isRequired: Prop<boolean, true>;
+        minDate: Prop<string, false>;
+        maxDate: Prop<string, false>;
+        isDisabled: Prop<boolean, true>;
+        errorMessagePlacement: Prop<import("@superblocksteam/library-shared/props").ErrorMessagePlacement, true>;
+    }>;
+    events: Section<Record<string, Prop<any, any>> & {
+        onDateSelected: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+    }>;
+    meta: Section<Record<string, Prop<any, any>> & {
+        selectedDate: Prop<string, true>;
+        isTouched: Prop<boolean, true>;
+    }>;
+    derived: Section<Record<string, Prop<any, any>> & {
+        value: Prop<string, true>;
+        validationErrors: Prop<any, true>;
+        isValid: Prop<boolean, true>;
+        outputDateLocal: Prop<string, true>;
+        outputDateUtc: Prop<string, true>;
+        showError: Prop<boolean, true>;
+    }>;
+};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,3 @@
+import type { SideEffectCallback } from "../../properties-panel/props-builder";
+export declare const adjustDateFormatSideEffect: SideEffectCallback;
+export declare const adjustMinMaxDateSideEffect: SideEffectCallback;

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

@@ -0,0 +1,40 @@
+import type { DatePickerType } from "./constants.js";
+import type { Dim } from "@superblocksteam/library-shared";
+import type { ErrorMessagePlacement, WidgetLabelPosition } from "@superblocksteam/library-shared/props";
+export interface DatePickerComponentProps {
+    dateFormat: string | undefined;
+    enableTimePicker?: boolean;
+    selectedDate?: string;
+    minDate?: string;
+    maxDate?: string;
+    datePickerType: DatePickerType;
+    isDisabled: boolean;
+    isLoading: boolean;
+    isValid?: boolean;
+    isTouched?: boolean;
+    isFocused?: boolean;
+    twentyFourHourTime: boolean;
+    displayDateFormat?: string;
+    displayTimezone?: string;
+    timezone?: string;
+    isRequired?: boolean;
+    showTimezone?: boolean;
+    showCalendarIcon?: boolean;
+    forceOpen?: boolean;
+    iconSize?: number;
+    inputClassName?: string;
+    inputStyleOverride?: React.CSSProperties;
+    inputLineHeightPx?: number;
+    label?: string;
+    labelClassName?: string;
+    labelStyleOverride?: React.CSSProperties;
+    labelPosition?: WidgetLabelPosition;
+    labelWidth?: Dim;
+    errorMessagePlacement: ErrorMessagePlacement;
+    showError?: boolean;
+    errorMessages?: string[];
+    isFitContentHeight?: boolean;
+    onInputClick?: (e: React.MouseEvent) => void;
+    onDateSelected: (selectedDate: string) => void;
+    onDatePickerClosed?: () => void;
+}

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

@@ -0,0 +1,24 @@
+export declare const NO_TZ_FORMAT = "YYYY-MM-DDTHH:mm:ss.SSS";
+/**
+ * Normalize dates to fix error when parsing dates with milliseconds. The date format with ms is being saved
+ * like "YYYY-MM-DDTHH:mm:ss.sssZ" but it should be "YYYY-MM-DDTHH:mm:ss.SSSZ". To be backwards compatible
+ * we are normalizing the format to be correctly parsed by the moment library.
+ * @param dateFormat the date format to normalize
+ * @returns the correct date format string
+ */
+export declare function normalizeDateFormat(dateFormat: string): string;
+/**
+ * Parses a date string according to the given format, removes timezone information,
+ * and returns the date in NO_TZ format.
+ *
+ * @param {string} value - The date string to parse.
+ * @param {string} format - The format of the input date string.
+ * @returns {string} - The formatted date string in "MM/DD/YYYY HH:mm:ss" format.
+ */
+export declare function stripTimezoneFromString(dateString: string, format: string): string;
+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;
+export declare const formatIncludesTime: (dateFormat: string) => boolean;
+export declare const getTimePrecision: (dateFormat: string) => "millisecond" | "second" | "minute" | undefined;
+export declare const isValidDate: (date: string) => boolean;

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

@@ -0,0 +1,5 @@
+import type { Typographies } from "@superblocksteam/shared";
+export declare const DropdownEntireObjectOption = "$$ENTIRE_OBJECT";
+export declare const DEFAULT_DROPDOWN_WIDGET_INPUT_STYLE_VARIANT: keyof Typographies;
+export declare const DEFAULT_DROPDOWN_WIDGET_LABEL_STYLE_VARIANT: keyof Typographies;
+export declare const DEFAULT_DROPDOWN_BORDER = 1;