@superblocksteam/library 2.0.33 → 2.0.34-next.0

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

@@ -0,0 +1,36 @@
+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: {
+    contents: Section<Record<string, Prop<any, any, undefined>> & {
+        children: Prop<any, false, undefined>;
+    }>;
+    layout: Section<((Record<string, Prop<any, any, undefined>> & ((Omit<{
+        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true, undefined>;
+    }, "layout" | "verticalAlign" | "horizontalAlign"> & {
+        readonly verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true, undefined>;
+        readonly horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+        readonly layout: Prop<"vertical", true, undefined>;
+    }) | (Omit<{
+        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true, undefined>;
+    }, "layout" | "verticalAlign" | "horizontalAlign"> & {
+        readonly verticalAlign: Prop<"center" | "bottom" | "top", true, undefined>;
+        readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true, undefined>;
+        readonly layout: Prop<"horizontal", true, undefined>;
+    }) | (Omit<{
+        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true, undefined>;
+    }, "columns" | "layout" | "rowHeight"> & {
+        readonly columns: Prop<number, true, undefined>;
+        readonly rowHeight: Prop<Dim<"px">, true, undefined>;
+        readonly layout: Prop<"freeform", true, undefined>;
+    }))) & {
+        shouldScrollContents: Prop<boolean, true, undefined>;
+    }) & {
+        isVisible: Prop<boolean, true, undefined>;
+    }>;
+    appearance: Section<Record<string, Prop<any, any, undefined>> & {
+        backgroundColor: Prop<string, false, undefined>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false, undefined>;
+        loading: Prop<boolean, true, undefined>;
+    }>;
+};

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

@@ -0,0 +1,5 @@
+import type { propertiesDefinition } from "./props.js";
+import type { EditorTemplate } from "../../../internal-details/sb-wrapper.jsx";
+import type { EditorConfig } from "@superblocksteam/library-shared/types";
+export declare const editorTemplate: EditorTemplate<typeof propertiesDefinition>;
+export declare const editorConfig: EditorConfig;

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

@@ -0,0 +1,88 @@
+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 = "backgroundColor" | "border" | "borderRadius" | "loading";
+type ContainerProps<T> = Omit<InternalPropsWithOptional<typeof propertiesDefinition, OptionalProps>, "layout"> & {
+    layout: T;
+};
+/**
+ * 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: <T extends ContainerLayout>(props: ContainerProps<T>) => import("react").JSX.Element;
+export declare const Container: import("../../../internal-details/sb-wrapper.jsx").ChainableComponent<{
+    contents: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        children: import("../../properties-panel/props-builder.js").Prop<any, false, undefined>;
+    }>;
+    layout: import("../../properties-panel/props-builder.js").Section<((Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & ((Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true, undefined>;
+    }, "layout" | "verticalAlign" | "horizontalAlign"> & {
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true, undefined>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true, undefined>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"vertical", true, undefined>;
+    }) | (Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true, undefined>;
+    }, "layout" | "verticalAlign" | "horizontalAlign"> & {
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true, undefined>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "left" | "right", true, undefined>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"horizontal", true, undefined>;
+    }) | (Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true, undefined>;
+    }, "columns" | "layout" | "rowHeight"> & {
+        readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true, undefined>;
+        readonly rowHeight: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true, undefined>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true, undefined>;
+    }))) & {
+        shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }) & {
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        variant: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerVariant, true, undefined>;
+        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true, undefined>;
+        borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true, undefined>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+}, 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, undefined>> & {
+        children: import("../../properties-panel/props-builder.js").Prop<any, false, undefined>;
+    }>;
+    layout: import("../../properties-panel/props-builder.js").Section<((Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & ((Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true, undefined>;
+    }, "layout" | "verticalAlign" | "horizontalAlign"> & {
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true, undefined>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true, undefined>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"vertical", true, undefined>;
+    }) | (Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true, undefined>;
+    }, "layout" | "verticalAlign" | "horizontalAlign"> & {
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true, undefined>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "left" | "right", true, undefined>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"horizontal", true, undefined>;
+    }) | (Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true, undefined>;
+    }, "columns" | "layout" | "rowHeight"> & {
+        readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true, undefined>;
+        readonly rowHeight: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true, undefined>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true, undefined>;
+    }))) & {
+        shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }) & {
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        variant: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerVariant, true, undefined>;
+        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true, undefined>;
+        borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true, undefined>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+}>>;
+export {};

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

@@ -0,0 +1,46 @@
+import { Dim } from "@superblocksteam/library-shared";
+import { Section, Prop } from "../../properties-panel/props-builder.js";
+import type { ContainerVariant } from "../../component-base/constants.js";
+/**
+ * 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: {
+    contents: Section<Record<string, Prop<any, any, undefined>> & {
+        children: Prop<any, false, undefined>;
+    }>;
+    layout: Section<((Record<string, Prop<any, any, undefined>> & ((Omit<{
+        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true, undefined>;
+    }, "layout" | "verticalAlign" | "horizontalAlign"> & {
+        readonly verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true, undefined>;
+        readonly horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+        readonly layout: Prop<"vertical", true, undefined>;
+    }) | (Omit<{
+        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true, undefined>;
+    }, "layout" | "verticalAlign" | "horizontalAlign"> & {
+        readonly verticalAlign: Prop<"center" | "bottom" | "top", true, undefined>;
+        readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true, undefined>;
+        readonly layout: Prop<"horizontal", true, undefined>;
+    }) | (Omit<{
+        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true, undefined>;
+    }, "columns" | "layout" | "rowHeight"> & {
+        readonly columns: Prop<number, true, undefined>;
+        readonly rowHeight: Prop<Dim<"px">, true, undefined>;
+        readonly layout: Prop<"freeform", true, undefined>;
+    }))) & {
+        shouldScrollContents: Prop<boolean, true, undefined>;
+    }) & {
+        isVisible: Prop<boolean, true, undefined>;
+    }>;
+    appearance: Section<Record<string, Prop<any, any, undefined>> & {
+        variant: Prop<ContainerVariant, true, undefined>;
+        backgroundColor: Prop<string, true, undefined>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true, undefined>;
+        borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true, undefined>;
+        loading: Prop<boolean, true, undefined>;
+    }>;
+};

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 @@
+export declare const CustomComponent: import("../../../internal-details/sb-wrapper.jsx").ChainableComponent<any, Omit<any, "ref">>;

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

@@ -0,0 +1,45 @@
+import { Section } from "../../properties-panel/props-builder.js";
+import type { EventFlow } from "../../event-flow.js";
+import type { Prop, InternalProps, ExtractProps } from "../../properties-panel/props-builder.js";
+import type { ReactNode } from "react";
+declare const defaultSections: {
+    appearance: Section<Record<string, Prop<any, any, undefined>> & {
+        loading: Prop<boolean, true, undefined>;
+    }>;
+    layout: Section<Record<string, Prop<any, any, undefined>> & {
+        maxHeight?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minHeight?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        maxWidth?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minWidth?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        width: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+        height: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+    } & {
+        margin: Prop<{
+            top: import("@superblocksteam/library-shared").Dim<"px">;
+            bottom: import("@superblocksteam/library-shared").Dim<"px">;
+            left: import("@superblocksteam/library-shared").Dim<"px">;
+            right: import("@superblocksteam/library-shared").Dim<"px">;
+        } | undefined, true, undefined>;
+    } & {
+        isVisible: Prop<boolean, true, undefined>;
+    }>;
+};
+type RemoveIndexSignature<T> = {
+    [K in keyof T as K extends `${infer _}` ? K : never]: T[K];
+};
+type DisallowedKeys = keyof RemoveIndexSignature<ExtractProps<typeof defaultSections, "AlwaysOptional", false>>;
+export type CustomComponentPropertiesDefinition = ({
+    [K in DisallowedKeys]?: never;
+} & {
+    [key: string]: Prop<any>;
+}) | {
+    [key: string]: Section<any>;
+};
+type WrappedEventProps<IP extends InternalProps<any>> = {
+    [K in keyof IP]: IP[K] extends EventFlow | undefined ? () => Promise<void> : IP[K];
+};
+type SectionProps<PD extends Record<string, Prop<any>> | Record<string, Section<any>>> = PD extends Record<string, Prop<any>> ? Record<string, Section<any>> & typeof defaultSections : PD;
+export type CustomComponentProps<PD extends Record<string, Prop<any>> | Record<string, Section<any>>, SP extends SectionProps<PD> = SectionProps<PD>, IP extends InternalProps<SP> = InternalProps<SP>> = WrappedEventProps<IP>;
+export declare function registerComponent<PD extends CustomComponentPropertiesDefinition>(name: string, propertiesDefinition: PD, component: React.FC<CustomComponentProps<PD>>): import("../../../internal-details/sb-wrapper.jsx").ChainableComponent<any, 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,36 @@
+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;
+interface DatePickerComponentState {
+    isOpen?: boolean;
+}
+declare class DatePickerComponent extends React.Component<DatePickerComponentProps, DatePickerComponentState> {
+    constructor(props: DatePickerComponentProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: DatePickerComponentProps): void;
+    getValidDate: (date: string, format: string) => Date | undefined;
+    get normalizedDateFormat(): string;
+    get normalizedDisplayDateFormat(): string | undefined;
+    get valueTimezone(): string;
+    get displayTimezone(): string;
+    shouldWrapTime: () => boolean;
+    handleInteraction: (openState: boolean) => void;
+    getInitialMonth: (currentValue: string | undefined | null, minDate: Date | undefined, maxDate: Date | undefined) => Date | undefined;
+    get currentValue(): 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;
+    /**
+     * @param selectedDayOnly date in the local timezone
+     */
+    onDayChanged: (selectedDayOnly: Date | undefined) => void;
+    /**
+     * @param selectedDayOnly date in the local timezone
+     */
+    onTimeChanged: (selectedDateTime: Date | null) => void;
+}
+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/editor.d.ts

@@ -0,0 +1,5 @@
+import type { propertiesDefinition } from "./props.js";
+import type { EditorTemplate } from "../../../internal-details/sb-wrapper.jsx";
+import type { EditorConfig } from "@superblocksteam/library-shared/types";
+export declare const editorTemplate: EditorTemplate<typeof propertiesDefinition>;
+export declare const editorConfig: EditorConfig;

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

@@ -0,0 +1,141 @@
+export declare const DatePicker: import("../../../internal-details/sb-wrapper.jsx").ChainableComponent<{
+    general: import("../../properties-panel/props-builder.js").Section<(Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & ({
+        label: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        defaultDate: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        dateFormat: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        displayDateFormat: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+    } & (Omit<{
+        manageTimezone: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }, "manageTimezone" | "displayTimezone" | "valueTimezone"> & ({
+        manageTimezone: import("../../properties-panel/props-builder.js").Prop<true, true, undefined>;
+        valueTimezone: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        displayTimezone: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+    } | {
+        manageTimezone: import("../../properties-panel/props-builder.js").Prop<false, true, undefined>;
+        valueTimezone?: undefined;
+        displayTimezone?: undefined;
+    })))) & {
+        use24HourTime: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true, undefined>;
+    } & {
+        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<"px" | "columns" | "rows" | "fill" | "%">, false, undefined>;
+        maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        maxWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        height: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+    } & {
+        margin: import("../../properties-panel/props-builder.js").Prop<{
+            top: import("@superblocksteam/library-shared").Dim<"px">;
+            bottom: import("@superblocksteam/library-shared").Dim<"px">;
+            left: import("@superblocksteam/library-shared").Dim<"px">;
+            right: import("@superblocksteam/library-shared").Dim<"px">;
+        } | undefined, true, undefined>;
+    } & {
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        labelPosition: import("../../properties-panel/props-builder.js").Prop<"left" | "top", true, undefined>;
+        labelStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        icon: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        placeholder: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        textStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+    interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        customValidationRule: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        customErrorMessage: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        required: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        minDate: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        maxDate: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        isDisabled: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        errorMessagePlacement: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").ErrorMessagePlacement, true, undefined>;
+    }>;
+    events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        onDateSelected: import("../../properties-panel/props-builder.js").Prop<import("../../event-flow.js").EventFlow, false, undefined>;
+    }>;
+    meta: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        selectedDate: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        isTouched: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+    derived: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        value: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        validationErrors: import("../../properties-panel/props-builder.js").Prop<any, true, undefined>;
+        isValid: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        outputDateLocal: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        outputDateUtc: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        showError: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+}, 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, undefined>> & ({
+        label: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        defaultDate: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        dateFormat: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        displayDateFormat: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+    } & (Omit<{
+        manageTimezone: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }, "manageTimezone" | "displayTimezone" | "valueTimezone"> & ({
+        manageTimezone: import("../../properties-panel/props-builder.js").Prop<true, true, undefined>;
+        valueTimezone: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        displayTimezone: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+    } | {
+        manageTimezone: import("../../properties-panel/props-builder.js").Prop<false, true, undefined>;
+        valueTimezone?: undefined;
+        displayTimezone?: undefined;
+    })))) & {
+        use24HourTime: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true, undefined>;
+    } & {
+        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<"px" | "columns" | "rows" | "fill" | "%">, false, undefined>;
+        maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        maxWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        height: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+    } & {
+        margin: import("../../properties-panel/props-builder.js").Prop<{
+            top: import("@superblocksteam/library-shared").Dim<"px">;
+            bottom: import("@superblocksteam/library-shared").Dim<"px">;
+            left: import("@superblocksteam/library-shared").Dim<"px">;
+            right: import("@superblocksteam/library-shared").Dim<"px">;
+        } | undefined, true, undefined>;
+    } & {
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        labelPosition: import("../../properties-panel/props-builder.js").Prop<"left" | "top", true, undefined>;
+        labelStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        icon: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        placeholder: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        textStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+    interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        customValidationRule: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        customErrorMessage: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        required: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        minDate: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        maxDate: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        isDisabled: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        errorMessagePlacement: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").ErrorMessagePlacement, true, undefined>;
+    }>;
+    events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        onDateSelected: import("../../properties-panel/props-builder.js").Prop<import("../../event-flow.js").EventFlow, false, undefined>;
+    }>;
+    meta: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        selectedDate: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        isTouched: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+    derived: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        value: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        validationErrors: import("../../properties-panel/props-builder.js").Prop<any, true, undefined>;
+        isValid: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        outputDateLocal: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        outputDateUtc: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        showError: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+}>>;

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

@@ -0,0 +1,74 @@
+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, undefined>> & ({
+        label: Prop<string, true, undefined>;
+        defaultDate: Prop<string, false, undefined>;
+        dateFormat: Prop<string, true, undefined>;
+        displayDateFormat: Prop<string, true, undefined>;
+    } & (Omit<{
+        manageTimezone: Prop<boolean, true, undefined>;
+    }, "manageTimezone" | "displayTimezone" | "valueTimezone"> & ({
+        manageTimezone: Prop<true, true, undefined>;
+        valueTimezone: Prop<string, false, undefined>;
+        displayTimezone: Prop<string, false, undefined>;
+    } | {
+        manageTimezone: Prop<false, true, undefined>;
+        valueTimezone?: undefined;
+        displayTimezone?: undefined;
+    })))) & {
+        use24HourTime: Prop<boolean, true, undefined>;
+    }>;
+    layout: Section<Record<string, Prop<any, any, undefined>> & {
+        padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true, undefined>;
+    } & {
+        width: Prop<import("@superblocksteam/library-shared").Dim<"px" | "columns" | "rows" | "fill" | "%">, false, undefined>;
+        maxHeight?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minHeight?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        maxWidth?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minWidth?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        height: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+    } & {
+        margin: Prop<{
+            top: import("@superblocksteam/library-shared").Dim<"px">;
+            bottom: import("@superblocksteam/library-shared").Dim<"px">;
+            left: import("@superblocksteam/library-shared").Dim<"px">;
+            right: import("@superblocksteam/library-shared").Dim<"px">;
+        } | undefined, true, undefined>;
+    } & {
+        isVisible: Prop<boolean, true, undefined>;
+    }>;
+    appearance: Section<Record<string, Prop<any, any, undefined>> & {
+        labelPosition: Prop<"left" | "top", true, undefined>;
+        labelStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        icon: Prop<string, true, undefined>;
+        placeholder: Prop<string, true, undefined>;
+        textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        loading: Prop<boolean, true, undefined>;
+    }>;
+    interaction: Section<Record<string, Prop<any, any, undefined>> & {
+        customValidationRule: Prop<string, true, undefined>;
+        customErrorMessage: Prop<string, true, undefined>;
+        required: Prop<boolean, true, undefined>;
+        minDate: Prop<string, false, undefined>;
+        maxDate: Prop<string, false, undefined>;
+        isDisabled: Prop<boolean, true, undefined>;
+        errorMessagePlacement: Prop<import("@superblocksteam/library-shared/props").ErrorMessagePlacement, true, undefined>;
+    }>;
+    events: Section<Record<string, Prop<any, any, undefined>> & {
+        onDateSelected: Prop<import("../../event-flow.js").EventFlow, false, undefined>;
+    }>;
+    meta: Section<Record<string, Prop<any, any, undefined>> & {
+        selectedDate: Prop<string, true, undefined>;
+        isTouched: Prop<boolean, true, undefined>;
+    }>;
+    derived: Section<Record<string, Prop<any, any, undefined>> & {
+        value: Prop<string, true, undefined>;
+        validationErrors: Prop<any, true, undefined>;
+        isValid: Prop<boolean, true, undefined>;
+        outputDateLocal: Prop<string, true, undefined>;
+        outputDateUtc: Prop<string, true, undefined>;
+        showError: Prop<boolean, true, undefined>;
+    }>;
+};

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,43 @@
+import type { DatePickerType } from "./constants.js";
+import type { Dim } from "@superblocksteam/library-shared";
+import type { ErrorMessagePlacement, WidgetLabelPosition } from "@superblocksteam/library-shared/props";
+import type { Spacing } from "@superblocksteam/library-shared/types";
+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;
+    use24HourTime: boolean;
+    displayDateFormat?: string;
+    displayTimezone?: string;
+    timezone?: string;
+    required?: boolean;
+    showTimezone?: boolean;
+    forceOpen?: boolean;
+    icon?: string;
+    iconSize?: number;
+    placeholder?: string;
+    inputPadding?: Spacing;
+    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,35 @@
+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} dateString - 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;
+/**
+ * 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;
+export declare const formatIncludesTime: (dateFormat: string) => boolean;
+export declare const getTimePrecision: (dateFormat: string) => "millisecond" | "second" | "minute" | undefined;
+export declare const isValidDate: (date: string) => boolean;