@superblocksteam/library 2.0.33 → 2.0.34-next.0

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

@@ -0,0 +1,447 @@
+import type { IconPosition } from "../../icons/constants";
+import type { Dim, DimModes } from "@superblocksteam/library-shared";
+import type { TextStyleWithVariant, UserAccessibleTheme, PerCornerBorderRadius, PerSideBorder } from "@superblocksteam/library-shared/types";
+export type PaginationType = "none" | "client-side" | "server-side";
+export interface TableFilters {
+    byColumn?: {
+        [column: string]: ColumnFilter;
+    };
+}
+export interface ColumnFilter {
+    byValue?: FilterByValue;
+    condition?: Condition;
+}
+interface FilterByValue {
+    excluded?: any[];
+}
+type Condition = Condition0 | Condition1 | Condition2;
+export type ConditionType = Condition["type"];
+export declare enum Condition0Type {
+    all = "all",
+    isEmpty = "isEmpty",
+    isNotEmpty = "isNotEmpty",
+    isTrue = "isTrue",
+    isFalse = "isFalse"
+}
+export declare enum Condition1Type {
+    textIs = "textIs",
+    textContains = "textContains",
+    textDoesNotContain = "textDoesNotContain",
+    textStartsWith = "textStartsWith",
+    textEndsWith = "textEndsWith",
+    isEqualTo = "isEqualTo",
+    isNotEqualTo = "isNotEqualTo",
+    isLessThan = "isLessThan",
+    isLessThanOrEqualTo = "isLessThanOrEqualTo",
+    isGreaterThan = "isGreaterThan",
+    isGreaterThanOrEqualTo = "isGreaterThanOrEqualTo",
+    dateIs = "dateIs",
+    dateIsBefore = "dateIsBefore",
+    dateIsAfter = "dateIsAfter"
+}
+export declare enum Condition2Type {
+    isBetween = "isBetween",
+    dateIsBetween = "dateIsBetween"
+}
+interface Condition0 {
+    type: Condition0Type;
+}
+interface Condition1 {
+    type: Condition1Type;
+    param: any;
+}
+interface Condition2 {
+    type: Condition2Type;
+    param1: any;
+    param2: any;
+}
+export declare const RowDensity: {
+    readonly "extra-small": "extra-small";
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+};
+export type RowDensity = (typeof RowDensity)[keyof typeof RowDensity];
+export declare const HorizontalAlignment: {
+    readonly left: "left";
+    readonly right: "right";
+    readonly center: "center";
+};
+export type HorizontalAlignment = (typeof HorizontalAlignment)[keyof typeof HorizontalAlignment];
+export declare const VerticalAlignment: {
+    readonly top: "top";
+    readonly bottom: "bottom";
+    readonly center: "center";
+};
+export type VerticalAlignment = (typeof VerticalAlignment)[keyof typeof VerticalAlignment];
+export declare enum EditInputType {
+    Text = "TEXT",
+    Number = "NUMBER",
+    Email = "EMAIL",
+    Dropdown = "DROPDOWN",
+    Checkbox = "CHECKBOX",
+    Date = "DATE"
+}
+export type BooleanStyleFalse = "empty" | "close" | "minus" | "empty_checkbox";
+export declare enum ImageSize {
+    Fixed = "FIXED",
+    Fit = "FIT",
+    Cover = "COVER",
+    Grow = "GROW"
+}
+export declare enum IconSize {
+    XXS = "extraExtraSmall",
+    XS = "extraSmall",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XL = "extraLarge",
+    XXL = "extraExtraLarge",
+    XXXL = "extraExtraExtraLarge"
+}
+export type TableInserts = {
+    insertedRowsById?: Record<number, Record<string, unknown>>;
+    insertedRowIdsByIndex?: Record<number, Array<number>>;
+    insertedRowValidations?: Record<number, Record<string, undefined | string[]>>;
+};
+export type RowContext = {
+    row: undefined | Record<string, unknown>;
+    rowIndex: undefined | number;
+};
+export type ColumnContext = {
+    value: any;
+    currentRowIndex: number;
+    currentRow: undefined | Record<string, unknown>;
+};
+interface TableFunctions {
+    setSelectedRowData: (data: {
+        selectedRowIndex: number;
+        selectedRow?: Record<string, unknown>;
+        selectedRowIndices?: number[];
+        selectedRows?: Array<Record<string, unknown>>;
+    }, rowContext: RowContext, triggerEventHandlers: boolean) => void;
+    setPageNo: (value: number, triggerEventHandlers?: boolean) => void;
+    setTableFilters: (columnId: string, filter: ColumnFilter, rowContext: RowContext) => void;
+    setColumnOrder: (value: string[]) => void;
+    setSortedColumn: (value: undefined | TableSortColumn) => void;
+    setColumnSizeMap: (value: {
+        [key: string]: number;
+    }) => void;
+    setSearchText: (value: string) => void;
+    onRowClicked: (context: RowContext, onComplete?: () => void) => void;
+    selectAllRows: (rowIndices: number[], rows: Array<Record<string, unknown>>, rowContext: RowContext) => void;
+    deselectAllRows: (rowContext: RowContext) => void;
+    setCurrentCellFocus: (focus: undefined | {
+        row: number;
+        columnId: string;
+    }[]) => void;
+    setCurrentEditFocus: (focus: undefined | {
+        row: number;
+        columnId: string;
+    }, editValue?: string) => void;
+    cancelChanges: () => void;
+    saveChanges: (onComplete: () => void) => void;
+    updateProperties: (updates: Record<string, any>) => void;
+    onRowsDeleted: (rowIndices: number[]) => void;
+    onRowInserted: (rowContext: RowContext) => void;
+}
+export declare const ColumnType: {
+    readonly DATE: "date";
+    readonly VIDEO: "video";
+    readonly IMAGE: "image";
+    readonly TEXT: "text";
+    readonly NUMBER: "number";
+    readonly CURRENCY: "currency";
+    readonly PERCENTAGE: "percentage";
+    readonly BOOLEAN: "boolean";
+    readonly TAGS: "tags";
+    readonly BUTTON: "button";
+    readonly EMAIL: "email";
+    readonly LINK: "link";
+};
+export type ColumnType = (typeof ColumnType)[keyof typeof ColumnType];
+export interface TableStyles {
+    cellBackground?: string;
+    horizontalAlign?: HorizontalAlignment;
+    verticalAlign?: VerticalAlignment;
+}
+export type SingleCellProperties = ColumnPropertiesForEditing & {
+    horizontalAlign?: HorizontalAlignment;
+    verticalAlign?: VerticalAlignment;
+    cellTextStyle?: TextStyleWithVariant;
+    cellBackground?: string;
+    buttonBackgroundColor?: string;
+    buttonBorder?: PerSideBorder;
+    buttonVariant?: string;
+    buttonTextStyle?: TextStyleWithVariant;
+    buttonLabel?: string;
+    cellIcon?: string;
+    cellIconPosition?: IconPosition;
+    linkUrl?: string;
+    linkLabel?: string;
+    openInNewTab?: boolean;
+    isDisabled?: boolean;
+    displayedValue?: string;
+    textWrap?: boolean;
+    tagsWrap?: boolean;
+    dropdownIcon?: string;
+    imageBorderRadius?: PerCornerBorderRadius;
+    imageSize?: ImageSize;
+    openImageUrl?: boolean;
+    inputFormat?: string;
+    outputFormat?: string;
+    manageTimezone?: boolean;
+    timezone?: string;
+    displayTimezone?: string;
+};
+interface TableColumnMetaProps {
+    isHidden: boolean;
+    type: string;
+}
+export interface ReactTableColumnProps {
+    id: string;
+    Header: string;
+    accessor: (data: any) => any;
+    width?: number;
+    actualFlexWidth?: number;
+    minWidth: number;
+    draggable: boolean;
+    isHidden?: boolean;
+    isAscOrder?: boolean;
+    metaProperties?: TableColumnMetaProps;
+    isDerived?: boolean;
+    columnProperties: ColumnProperties;
+    Cell: (props: any) => JSX.Element;
+    sticky?: string;
+}
+interface ColumnPropertiesForEditing {
+    manageTimezone?: boolean;
+    timezone?: string;
+    displayTimezone?: string;
+    dropdownOptions?: string;
+    notation?: Intl.NumberFormatOptions["notation"] | "unformatted";
+    currency?: string;
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+}
+export type TagDisplayConfig = {
+    color: string;
+};
+export type ColumnPropertyFunctions = {
+    onClick?: (args: RowContext) => Promise<void>;
+    onDropdownSearchTextChanged?: () => void;
+    onOptionChange?: () => void;
+    onFocusOut?: () => void;
+    onDateSelected?: () => void;
+    onCheckChange?: () => void;
+};
+export type ContextualColumnProperty<T> = T | ((params: {
+    currentRow: UnknownRow;
+}) => T);
+export interface ColumnProperties extends ColumnEditConfigs, ColumnPropertiesForEditing, ColumnPropertyFunctions {
+    id: string;
+    label: string;
+    columnType: string;
+    headerIcon?: string;
+    headerIconPosition?: IconPosition;
+    isVisible: boolean;
+    index: number;
+    width: number;
+    cellBackground?: ContextualColumnProperty<string>;
+    horizontalAlign?: ContextualColumnProperty<HorizontalAlignment>;
+    verticalAlign?: ContextualColumnProperty<VerticalAlignment>;
+    cellProps?: ContextualColumnProperty<{
+        textStyle: TextStyleWithVariant;
+    }>;
+    enableFilter?: boolean;
+    enableSort?: boolean;
+    isDerived: boolean;
+    computedValue: ContextualColumnProperty<string>;
+    displayedValue?: ContextualColumnProperty<string>;
+    buttonLabel?: ContextualColumnProperty<string>;
+    buttonBackgroundColor?: ContextualColumnProperty<string>;
+    buttonBorder?: ContextualColumnProperty<PerSideBorder>;
+    buttonVariant?: ContextualColumnProperty<string>;
+    buttonTextStyle?: ContextualColumnProperty<TextStyleWithVariant>;
+    cellIcon?: ContextualColumnProperty<string>;
+    cellIconPosition?: ContextualColumnProperty<IconPosition>;
+    buttonIcon?: ContextualColumnProperty<string>;
+    buttonIconPosition?: ContextualColumnProperty<IconPosition>;
+    isDisabled?: ContextualColumnProperty<boolean>;
+    linkUrl?: ContextualColumnProperty<string>;
+    linkLabel?: ContextualColumnProperty<string>;
+    openInNewTab?: ContextualColumnProperty<boolean>;
+    booleanStyleFalse?: BooleanStyleFalse;
+    isEditable?: ContextualColumnProperty<boolean>;
+    isFrozen?: boolean;
+    textWrap?: ContextualColumnProperty<boolean>;
+    tagsWrap?: ContextualColumnProperty<boolean>;
+    tagDisplayConfig: Record<string, TagDisplayConfig>;
+    imageSize?: ContextualColumnProperty<ImageSize>;
+    imageBorderRadius?: ContextualColumnProperty<PerCornerBorderRadius>;
+    openImageUrl?: ContextualColumnProperty<boolean>;
+    outputFormat?: ContextualColumnProperty<string>;
+    inputFormat?: ContextualColumnProperty<string>;
+}
+export type EditProps = ColumnEditConfigs & {
+    handleEditStart: () => void;
+    handleEditChange: (value: any, dropdownOptions?: Array<{
+        label: string;
+        value: string;
+    }>) => void;
+    handleEditStop: (props: {
+        shouldSave: boolean;
+        value?: any;
+        validationErrors?: Array<string>;
+        moveFocus?: "UP" | "DOWN" | "LEFT" | "RIGHT";
+        overrideEditFocus?: {
+            row: number;
+            columnId: string;
+        };
+        dropdownOption?: {
+            label: string;
+            value: string;
+        };
+    }) => void;
+    handleOneClickEdit: (value: any) => void;
+    isEditFocused: boolean;
+    isEdited: boolean;
+    onDropdownSearchTextChanged?: (value: string) => void;
+    onDropdownIconChange?: (iconName: string) => void;
+    currentEditDropdownSearchText?: string;
+    dropdownOptionsLoading?: boolean;
+    validationErrors: Array<string>;
+    currentEditValue: any;
+};
+type ColumnEditConfigs = {
+    editInputType?: string;
+    editCustomValidationRule?: string;
+    editCustomErrorMessage?: string;
+    editMaxLength?: number;
+    editMinLength?: number;
+    editIsRequired?: boolean;
+    editMultiSelect?: boolean;
+    allowClearing?: boolean;
+    editDropdownClientSideFiltering?: boolean;
+    editOptions?: string | Array<string | {
+        label: string;
+        value: string;
+    }>;
+    useLabelAsDisplayValue?: boolean;
+    transformation?: undefined | {
+        label: string;
+        value: string;
+    };
+    editMinDate?: string;
+    editMaxDate?: string;
+    editTwentyFourHourTime?: boolean;
+    defaultValue?: any;
+    isEditableOnInsertion?: boolean;
+    requiredOnInsertion?: boolean;
+};
+export type UnknownRow = Record<string, unknown>;
+export type UnknownRows = Array<UnknownRow>;
+export interface TableSortColumn {
+    column?: string;
+    asc: boolean;
+}
+export interface TagsColorAssignment {
+    uniqueTagsCount: number;
+    mapping: Record<string, number>;
+}
+export interface TableWidgetProps extends TableFunctions {
+    sourceId: string;
+    widgetName: string;
+    isLoading: boolean;
+    searchPlaceholder: string;
+    pageSize: number;
+    configuredPageSize?: number;
+    paginationType: PaginationType;
+    multiRowSelection?: boolean;
+    columnOrder?: string[];
+    columnSizeMap?: {
+        [key: string]: number;
+    };
+    columns: Record<string, ColumnProperties>;
+    sortedColumn?: TableSortColumn;
+    defaultSort?: TableSortColumn;
+    isDownloadable: boolean;
+    isFilterable: boolean;
+    showColumnBorders: boolean;
+    isSearchable: boolean;
+    header: string;
+    rowDensity: RowDensity;
+    enableRowDeletion: boolean;
+    enableRowInsertion: boolean;
+    maxLinesPerRow?: number;
+    cellProps?: {
+        textStyle: TextStyleWithVariant;
+    };
+    headerProps?: {
+        textStyle: TextStyleWithVariant;
+    };
+    columnHeaderProps?: {
+        textStyle: TextStyleWithVariant;
+    };
+    columnHeaderTextWrap?: boolean;
+    searchProps?: {
+        textStyle?: TextStyleWithVariant;
+        border?: PerSideBorder;
+        borderRadius?: PerCornerBorderRadius;
+        backgroundColor?: string;
+    };
+    selectedRowBackgroundColor?: string;
+    backgroundColor?: string;
+    borderRadius?: PerCornerBorderRadius;
+    tableData: UnknownRows;
+    tableDataWithInserts: UnknownRows;
+    tableDataWithInsertsOrderMap: Array<number>;
+    defaultSelectedRow?: number | number[];
+    canvasScaleFactor: number;
+    tagsColorAssignment?: TagsColorAssignment;
+    theme: UserAccessibleTheme;
+    border: PerSideBorder;
+    disableNudge: (disable: boolean) => void;
+    disableDrag: (disable: boolean) => void;
+    filteredTableData?: UnknownRows;
+    filteredOrderMap?: Array<number>;
+    editedRows?: {
+        originalRows: UnknownRows;
+        updatedRows: UnknownRows;
+        deletedRows: UnknownRows;
+        insertedRows: UnknownRows;
+    };
+    editedRowIndices?: {
+        deleted?: {
+            absolute: number[];
+            relative: number[];
+        };
+    };
+    allEdits?: UnknownRows;
+    validationErrors?: Array<string>;
+    searchText: string;
+    currentEditDropdownSearchText: string;
+    filters?: TableFilters;
+    hiddenColumns?: string[];
+    columnFreezes?: Record<string, boolean>;
+    selectedRowIndex?: number;
+    selectedRowIndices: number[];
+    selectedRowSchema?: Record<string, unknown>;
+    selectedRows: Record<string, unknown>[];
+    pageNo: number;
+    editOverrides?: Record<number, Record<string, {
+        value: unknown;
+        validationErrors?: string[];
+    }>>;
+    currentEditValue?: any;
+    currentEditFocus?: {
+        row: number;
+        columnId: string;
+    };
+    deletedRowIndices?: Record<number, boolean>;
+    inserts?: TableInserts;
+    updatedRows?: Record<number, Record<string, unknown>>;
+    height?: Dim<DimModes>;
+    width?: Dim<DimModes>;
+}
+export {};

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

@@ -0,0 +1 @@
+export declare const useSticky: (hooks: any) => void;

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

@@ -0,0 +1,2 @@
+import { RowDensity } from "./types.js";
+export declare const getRowDensity: (rowDensity: unknown) => RowDensity;

package/dist-types/lib/user-facing/components/text/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/text/index.d.ts

@@ -0,0 +1,111 @@
+export declare const Text: 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>> & {
+        text: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        textType: import("../../properties-panel/props-builder.js").Prop<"number" | "time" | "text" | "date" | "currency", true, undefined>;
+    }>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & ({
+        textStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        horizontalAlign: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").HorizontalAlign, true, undefined>;
+        verticalAlign: import("../../properties-panel/props-builder.js").Prop<import("./props.js").VerticalAlign, true, undefined>;
+        wrapText: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        shouldScroll: import("../../properties-panel/props-builder.js").Prop<boolean, false, undefined>;
+        icon: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        iconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true, undefined>;
+    } & (Omit<{
+        textType: import("../../properties-panel/props-builder.js").Prop<"number" | "time" | "text" | "date" | "currency", false, undefined>;
+    }, "textType" | "dateInputFormat" | "dateOutputFormat"> & ({
+        minDecimals: import("../../properties-panel/props-builder.js").Prop<number, false, undefined>;
+        maxDecimals: import("../../properties-panel/props-builder.js").Prop<number, false, undefined>;
+        textType: import("../../properties-panel/props-builder.js").Prop<"currency", true, undefined>;
+        currency: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        numberFormat: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true, undefined>;
+        dateInputFormat?: undefined;
+        dateOutputFormat?: undefined;
+    } | {
+        minDecimals: import("../../properties-panel/props-builder.js").Prop<number, false, undefined>;
+        maxDecimals: import("../../properties-panel/props-builder.js").Prop<number, false, undefined>;
+        textType: import("../../properties-panel/props-builder.js").Prop<"number", true, undefined>;
+        numberFormat: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true, undefined>;
+        dateInputFormat?: undefined;
+        dateOutputFormat?: undefined;
+    } | {
+        textType: import("../../properties-panel/props-builder.js").Prop<"date", true, undefined>;
+        dateInputFormat: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        dateOutputFormat: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+    })))>;
+    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, 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;
+        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, 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>;
+    } & {
+        shouldScroll: import("../../properties-panel/props-builder.js").Prop<boolean, false, 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>> & {
+        text: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        textType: import("../../properties-panel/props-builder.js").Prop<"number" | "time" | "text" | "date" | "currency", true, undefined>;
+    }>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & ({
+        textStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        horizontalAlign: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").HorizontalAlign, true, undefined>;
+        verticalAlign: import("../../properties-panel/props-builder.js").Prop<import("./props.js").VerticalAlign, true, undefined>;
+        wrapText: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        shouldScroll: import("../../properties-panel/props-builder.js").Prop<boolean, false, undefined>;
+        icon: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        iconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true, undefined>;
+    } & (Omit<{
+        textType: import("../../properties-panel/props-builder.js").Prop<"number" | "time" | "text" | "date" | "currency", false, undefined>;
+    }, "textType" | "dateInputFormat" | "dateOutputFormat"> & ({
+        minDecimals: import("../../properties-panel/props-builder.js").Prop<number, false, undefined>;
+        maxDecimals: import("../../properties-panel/props-builder.js").Prop<number, false, undefined>;
+        textType: import("../../properties-panel/props-builder.js").Prop<"currency", true, undefined>;
+        currency: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        numberFormat: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true, undefined>;
+        dateInputFormat?: undefined;
+        dateOutputFormat?: undefined;
+    } | {
+        minDecimals: import("../../properties-panel/props-builder.js").Prop<number, false, undefined>;
+        maxDecimals: import("../../properties-panel/props-builder.js").Prop<number, false, undefined>;
+        textType: import("../../properties-panel/props-builder.js").Prop<"number", true, undefined>;
+        numberFormat: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true, undefined>;
+        dateInputFormat?: undefined;
+        dateOutputFormat?: undefined;
+    } | {
+        textType: import("../../properties-panel/props-builder.js").Prop<"date", true, undefined>;
+        dateInputFormat: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        dateOutputFormat: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+    })))>;
+    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, 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;
+        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, 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>;
+    } & {
+        shouldScroll: import("../../properties-panel/props-builder.js").Prop<boolean, false, undefined>;
+    }>;
+}>>;

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

@@ -0,0 +1,8 @@
+import React from "react";
+import type { ButtonProps as AntButtonProps } from "antd/lib/button";
+interface ButtonProps extends AntButtonProps {
+    width?: string;
+    bordered?: boolean;
+}
+export declare const Button: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>>;
+export {};

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

@@ -0,0 +1,67 @@
+import { Dim } from "@superblocksteam/library-shared";
+import { Prop, Section } from "../../properties-panel/props-builder.js";
+import type { IconPosition } from "../../icons/constants.js";
+import type { HorizontalAlign } from "@superblocksteam/library-shared/props";
+import type { Typographies } from "@superblocksteam/library-shared/types";
+/**
+ * TODO:
+ * - When updateHook is ported, we should check `textStyle` prop. Search for `textStyleUpdateVariantHook`
+ */
+export declare const DEFAULT_TEXT_WIDGET_TEXT_STYLE_VARIANT: keyof Typographies;
+export type VerticalAlign = "top" | "center" | "bottom";
+export declare const propertiesDefinition: {
+    general: Section<Record<string, Prop<any, any, undefined>> & {
+        text: Prop<string, false, undefined>;
+        textType: Prop<"number" | "time" | "text" | "date" | "currency", true, undefined>;
+    }>;
+    appearance: Section<Record<string, Prop<any, any, undefined>> & ({
+        textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        horizontalAlign: Prop<HorizontalAlign, true, undefined>;
+        verticalAlign: Prop<VerticalAlign, true, undefined>;
+        wrapText: Prop<boolean, true, undefined>;
+        loading: Prop<boolean, true, undefined>;
+        shouldScroll: Prop<boolean, false, undefined>;
+        icon: Prop<string, false, undefined>;
+        iconPosition: Prop<IconPosition, true, undefined>;
+    } & (Omit<{
+        textType: Prop<"number" | "time" | "text" | "date" | "currency", false, undefined>;
+    }, "textType" | "dateInputFormat" | "dateOutputFormat"> & ({
+        minDecimals: Prop<number, false, undefined>;
+        maxDecimals: Prop<number, false, undefined>;
+        textType: Prop<"currency", true, undefined>;
+        currency: Prop<string, true, undefined>;
+        numberFormat: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true, undefined>;
+        dateInputFormat?: undefined;
+        dateOutputFormat?: undefined;
+    } | {
+        minDecimals: Prop<number, false, undefined>;
+        maxDecimals: Prop<number, false, undefined>;
+        textType: Prop<"number", true, undefined>;
+        numberFormat: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true, undefined>;
+        dateInputFormat?: undefined;
+        dateOutputFormat?: undefined;
+    } | {
+        textType: Prop<"date", true, undefined>;
+        dateInputFormat: Prop<string, false, undefined>;
+        dateOutputFormat: Prop<string, false, undefined>;
+    })))>;
+    layout: Section<Record<string, Prop<any, any, undefined>> & {
+        maxHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        maxWidth?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minWidth?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        width: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+        height: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+    } & {
+        margin: Prop<{
+            top: Dim<"px">;
+            bottom: Dim<"px">;
+            left: Dim<"px">;
+            right: Dim<"px">;
+        } | undefined, true, undefined>;
+    } & {
+        isVisible: Prop<boolean, true, undefined>;
+    } & {
+        shouldScroll: Prop<boolean, false, undefined>;
+    }>;
+};

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

@@ -0,0 +1,2 @@
+export declare const TextContainer: string;
+export declare const StyledText: string;