@superblocksteam/library 2.0.0-next.5 → 2.0.0-next.51

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

@@ -5,14 +5,7 @@ import type { ContainerLayout } from "../../component-base/constants.js";
  * - close all other modal when current modal is opened
  */
 export declare const SbModal: 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").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ((Omit<{
         layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
         readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
@@ -24,11 +17,13 @@ export declare const SbModal: import("react").FC<import("../../properties-panel/
         readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
         readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
         readonly layout: import("../../properties-panel/props-builder.js").Prop<"horizontal", true>;
-    }))) & {
-        spacing: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
-    }) & {
-        padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
-    }>;
+    }) | (Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
+    }, "layout" | "columns" | "rowHeight"> & {
+        readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true>;
+        readonly rowHeight: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true>;
+    }))>;
     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, false>;

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

@@ -28,7 +28,7 @@ type ModalComponentProps = {
     spacing: Dim<"px">;
     columns?: number;
     rows?: number;
-    rowSize?: number;
+    rowHeight?: Dim<"px">;
     dropTargetRef?: React.RefObject<HTMLElement | null>;
 };
 /** the modal is open/close by setting isOpen to true/false

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

@@ -2,14 +2,7 @@ import { Prop, Section } from "../../properties-panel/props-builder.js";
 import type { ModalSize } from "./constants.js";
 import type { PerCornerBorderRadius, PerSideBorder } from "@superblocksteam/library-shared/types";
 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: Section<Record<string, Prop<any, any>> & ((Omit<{
         layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
         readonly verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
@@ -21,11 +14,13 @@ export declare const propertiesDefinition: {
         readonly verticalAlign: Prop<"center" | "bottom" | "top", true>;
         readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
         readonly layout: Prop<"horizontal", true>;
-    }))) & {
-        spacing: Prop<import("@superblocksteam/library-shared").Dim<"px">, true>;
-    }) & {
-        padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
-    }>;
+    }) | (Omit<{
+        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
+    }, "layout" | "columns" | "rowHeight"> & {
+        readonly columns: Prop<number, true>;
+        readonly rowHeight: Prop<import("@superblocksteam/library-shared").Dim<"px">, true>;
+        readonly layout: Prop<"freeform", true>;
+    }))>;
     appearance: Section<Record<string, Prop<any, any>> & {
         backgroundColor: Prop<string, false>;
         border: Prop<PerSideBorder, false>;

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

@@ -0,0 +1,7 @@
+import type { InputNumberProps } from "antd";
+export interface PixelInputProps extends InputNumberProps<number> {
+    showResetToDefault?: boolean;
+    dataTest?: string;
+    unit?: string;
+}
+export declare const PixelInput: (props: PixelInputProps) => import("react").JSX.Element;

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

@@ -17,7 +17,7 @@ export declare const SbSection: import("react").FC<import("../../properties-pane
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
     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>;
+        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
     }>;
 }>>;

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

@@ -20,7 +20,7 @@ export declare const propertiesDefinition: {
         isVisible: Prop<boolean, true>;
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
-        backgroundColor: Prop<string, false>;
-        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        backgroundColor: Prop<string, true>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
     }>;
 };

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

@@ -21,7 +21,7 @@ declare const _propertiesDefinitionVStack: {
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         backgroundColor: Prop<string, false>;
-        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
         borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
     }>;
 };
@@ -43,7 +43,7 @@ declare const _propertiesDefinitionHStack: {
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         backgroundColor: Prop<string, false>;
-        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
         borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
     }>;
 };

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

@@ -1,6 +1,6 @@
 import { Dim } from "@superblocksteam/library-shared";
 import { Section, Prop } from "../../properties-panel/props-builder.js";
-import { BooleanStyleFalse, ColumnType, ImageSize } from "./types.js";
+import { type BooleanStyleFalse, ColumnType, ImageSize } from "./types.js";
 import type { IconPosition } from "../../icons/constants.js";
 import type { ButtonVariant } from "../button/props.js";
 export declare const columnPanelConfig: {
@@ -9,24 +9,23 @@ export declare const columnPanelConfig: {
     } & (Omit<{
         columnType: Prop<ColumnType, true>;
     }, "columnType"> & ({
-        computedValue: Prop<string, false>;
+        displayedValue: Prop<string, false>;
+        columnType: Prop<undefined, false>;
+    } | {
         displayedValue: Prop<string, false>;
         columnType: Prop<"text", true>;
     } | {
-        computedValue: Prop<string, false>;
         notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
         minimumFractionDigits: Prop<number, false>;
         maximumFractionDigits: Prop<number, false>;
         columnType: Prop<"number", true>;
     } | {
-        computedValue: Prop<string, false>;
         notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
         minimumFractionDigits: Prop<number, false>;
         maximumFractionDigits: Prop<number, false>;
         currency: Prop<string, false>;
         columnType: Prop<"currency", true>;
     } | {
-        computedValue: Prop<string, false>;
         minimumFractionDigits: Prop<number, false>;
         maximumFractionDigits: Prop<number, false>;
         columnType: Prop<"percentage", true>;
@@ -34,11 +33,10 @@ export declare const columnPanelConfig: {
         openImageUrl: Prop<boolean, false>;
         columnType: Prop<"image", true>;
     } | {
-        computedValue: Prop<string, false>;
         columnType: Prop<"video", true>;
     } | {
-        valueFormat: Prop<string, false>;
-        displayFormat: Prop<string, false>;
+        inputFormat: Prop<string, false>;
+        outputFormat: Prop<string, false>;
         manageTimezone: Prop<boolean, false>;
         valueTimezone: Prop<string, false>;
         displayTimezone: Prop<string, false>;
@@ -53,13 +51,11 @@ export declare const columnPanelConfig: {
         openInNewTab: Prop<boolean, false>;
         columnType: Prop<"link", true>;
     } | {
-        computedValue: Prop<string, false>;
         columnType: Prop<"boolean", true>;
     } | {
         computedValue: Prop<string, false>;
         columnType: Prop<"tags", true>;
     } | {
-        computedValue: Prop<string, false>;
         displayedValue: Prop<string, false>;
         columnType: Prop<"email", true>;
     })))) & {
@@ -71,63 +67,72 @@ export declare const columnPanelConfig: {
     } & (Omit<{
         columnType: Prop<ColumnType, false>;
     }, "columnType"> & ({
-        horizontalAlign: Prop<"center" | "left" | "right", false>;
-        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        horizontalAlign: Prop<"center" | "left" | "right", true>;
+        verticalAlign: Prop<"center" | "bottom" | "top", true>;
+        "cellProps.textStyle": Prop<any, false>;
+        cellBackground: Prop<string, false>;
+        textWrap: Prop<boolean, false>;
+        cellIcon: Prop<string, false>;
+        cellIconPosition: Prop<IconPosition, true>;
+        columnType: Prop<undefined, false>;
+    } | {
+        horizontalAlign: Prop<"center" | "left" | "right", true>;
+        verticalAlign: Prop<"center" | "bottom" | "top", true>;
         "cellProps.textStyle": Prop<any, false>;
         cellBackground: Prop<string, false>;
         textWrap: Prop<boolean, false>;
         cellIcon: Prop<string, false>;
-        cellIconPosition: Prop<IconPosition, false>;
+        cellIconPosition: Prop<IconPosition, true>;
         columnType: Prop<"text", true>;
     } | {
-        horizontalAlign: Prop<"center" | "left" | "right", false>;
-        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        horizontalAlign: Prop<"center" | "left" | "right", true>;
+        verticalAlign: Prop<"center" | "bottom" | "top", true>;
         "cellProps.textStyle": Prop<any, false>;
         cellBackground: Prop<string, false>;
         textWrap: Prop<boolean, false>;
         cellIcon: Prop<string, false>;
-        cellIconPosition: Prop<IconPosition, false>;
+        cellIconPosition: Prop<IconPosition, true>;
         columnType: Prop<"number", true>;
     } | {
-        horizontalAlign: Prop<"center" | "left" | "right", false>;
-        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        horizontalAlign: Prop<"center" | "left" | "right", true>;
+        verticalAlign: Prop<"center" | "bottom" | "top", true>;
         "cellProps.textStyle": Prop<any, false>;
         cellBackground: Prop<string, false>;
         textWrap: Prop<boolean, false>;
         cellIcon: Prop<string, false>;
-        cellIconPosition: Prop<IconPosition, false>;
+        cellIconPosition: Prop<IconPosition, true>;
         columnType: Prop<"currency", true>;
     } | {
-        horizontalAlign: Prop<"center" | "left" | "right", false>;
-        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        horizontalAlign: Prop<"center" | "left" | "right", true>;
+        verticalAlign: Prop<"center" | "bottom" | "top", true>;
         "cellProps.textStyle": Prop<any, false>;
         cellBackground: Prop<string, false>;
         textWrap: Prop<boolean, false>;
         cellIcon: Prop<string, false>;
-        cellIconPosition: Prop<IconPosition, false>;
+        cellIconPosition: Prop<IconPosition, true>;
         columnType: Prop<"percentage", true>;
     } | {
-        horizontalAlign: Prop<"center" | "left" | "right", false>;
-        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        horizontalAlign: Prop<"center" | "left" | "right", true>;
+        verticalAlign: Prop<"center" | "bottom" | "top", true>;
         "cellProps.textStyle": Prop<any, false>;
         cellBackground: Prop<string, false>;
         imageSize: Prop<ImageSize, false>;
         imageBorderRadius: Prop<Dim, false>;
         columnType: Prop<"image", true>;
     } | {
-        horizontalAlign: Prop<"center" | "left" | "right", false>;
-        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        horizontalAlign: Prop<"center" | "left" | "right", true>;
+        verticalAlign: Prop<"center" | "bottom" | "top", true>;
         "cellProps.textStyle": Prop<any, false>;
         cellBackground: Prop<string, false>;
         columnType: Prop<"video", true>;
     } | {
-        horizontalAlign: Prop<"center" | "left" | "right", false>;
-        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        horizontalAlign: Prop<"center" | "left" | "right", true>;
+        verticalAlign: Prop<"center" | "bottom" | "top", true>;
         "cellProps.textStyle": Prop<any, false>;
         cellBackground: Prop<string, false>;
         textWrap: Prop<boolean, false>;
         cellIcon: Prop<string, false>;
-        cellIconPosition: Prop<IconPosition, false>;
+        cellIconPosition: Prop<IconPosition, true>;
         columnType: Prop<"date", true>;
     } | {
         buttonVariant: Prop<ButtonVariant, false>;
@@ -135,36 +140,36 @@ export declare const columnPanelConfig: {
         buttonLabelColor: Prop<string, false>;
         backgroundColor: Prop<string, false>;
         cellIcon: Prop<string, false>;
-        cellIconPosition: Prop<IconPosition, false>;
+        cellIconPosition: Prop<IconPosition, true>;
         columnType: Prop<"button", true>;
     } | {
-        horizontalAlign: Prop<"center" | "left" | "right", false>;
-        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        horizontalAlign: Prop<"center" | "left" | "right", true>;
+        verticalAlign: Prop<"center" | "bottom" | "top", true>;
         "cellProps.textStyle": Prop<any, false>;
         cellBackground: Prop<string, false>;
         columnType: Prop<"link", true>;
     } | {
-        booleanStyleFalse: Prop<BooleanStyleFalse, false>;
-        horizontalAlign: Prop<"center" | "left" | "right", false>;
-        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        booleanStyleFalse: Prop<BooleanStyleFalse, true>;
+        horizontalAlign: Prop<"center" | "left" | "right", true>;
+        verticalAlign: Prop<"center" | "bottom" | "top", true>;
         "cellProps.textStyle": Prop<any, false>;
         cellBackground: Prop<string, false>;
         columnType: Prop<"boolean", true>;
     } | {
         tagDisplayConfig: Prop<any, false>;
-        horizontalAlign: Prop<"center" | "left" | "right", false>;
-        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        horizontalAlign: Prop<"center" | "left" | "right", true>;
+        verticalAlign: Prop<"center" | "bottom" | "top", true>;
         "cellProps.textStyle": Prop<any, false>;
         cellBackground: Prop<string, false>;
         columnType: Prop<"tags", true>;
     } | {
-        horizontalAlign: Prop<"center" | "left" | "right", false>;
-        verticalAlign: Prop<"center" | "bottom" | "top", false>;
+        horizontalAlign: Prop<"center" | "left" | "right", true>;
+        verticalAlign: Prop<"center" | "bottom" | "top", true>;
         "cellProps.textStyle": Prop<any, false>;
         cellBackground: Prop<string, false>;
         textWrap: Prop<boolean, false>;
         cellIcon: Prop<string, false>;
-        cellIconPosition: Prop<IconPosition, false>;
+        cellIconPosition: Prop<IconPosition, true>;
         columnType: Prop<"email", true>;
     })))) & {
         frozen: Prop<boolean, false>;

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

@@ -6,11 +6,11 @@ type BooleanIconProps = {
     strokeWidth?: number;
 };
 export declare const RadioButtonControlIcons: {
-    EMPTY: (_props: BooleanIconProps) => null;
-    CHECK: (props: BooleanIconProps) => React.JSX.Element;
-    CLOSE: (props: BooleanIconProps) => React.JSX.Element;
-    MINUS: (props: BooleanIconProps) => React.JSX.Element;
-    EMPTY_CHECKBOX: (props: BooleanIconProps) => React.JSX.Element;
+    empty: (_props: BooleanIconProps) => null;
+    check: (props: BooleanIconProps) => React.JSX.Element;
+    close: (props: BooleanIconProps) => React.JSX.Element;
+    minus: (props: BooleanIconProps) => React.JSX.Element;
+    empty_checkbox: (props: BooleanIconProps) => React.JSX.Element;
 };
 export type RadioButtonIconNames = keyof typeof RadioButtonControlIcons;
 export {};

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

@@ -8,8 +8,8 @@ interface TableDataDownloadProps {
     columns: ReactTableColumnProps[];
     tableSizes: TableSizes;
     widgetName: string;
-    tableHeader: string;
+    header: string;
     tableCellTextStyle?: TextStyleWithVariant;
 }
-declare const TableDataDownload: ({ data, filteredOrderMap, columns, tableSizes, widgetName, tableHeader, tableCellTextStyle, }: TableDataDownloadProps) => React.JSX.Element;
+declare const TableDataDownload: ({ data, filteredOrderMap, columns, tableSizes, widgetName, header, tableCellTextStyle, }: TableDataDownloadProps) => React.JSX.Element;
 export default TableDataDownload;

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

@@ -1,6 +1,6 @@
 import React from "react";
 import type { InsertRowOptions, TableSizes } from "../constants.js";
-import type { Pagination, ReactTableColumnProps } from "../types.js";
+import type { PaginationType, ReactTableColumnProps } from "../types.js";
 import type { TextStyleWithVariant, UserAccessibleTheme } from "@superblocksteam/library-shared/types";
 interface TableFooterProps {
     columns: ReactTableColumnProps[];
@@ -10,11 +10,11 @@ interface TableFooterProps {
     prevPageClick: () => void;
     pageNo: number;
     pageCount: number;
-    pageType: Pagination;
+    paginationType: PaginationType;
     tableColumns: ReactTableColumnProps[];
     tableData: Array<Record<string, unknown>>;
     filteredOrderMap: number[] | undefined;
-    tableHeader: string;
+    header: string;
     tableSizes: TableSizes;
     updatePageNo: (pageNo: number) => void;
     isDownloadable: boolean;
@@ -36,5 +36,5 @@ interface TableFooterProps {
     borderColor: string;
     theme: UserAccessibleTheme;
 }
-declare const TableFooter: ({ count, currentPageIndex, nextPageClick, prevPageClick, pageNo, pageCount, pageType, tableColumns, tableData, filteredOrderMap, tableHeader, tableSizes, borderColor, updatePageNo, isDownloadable, multiRowSelection, selectedRowIndices, widgetName, numEdits, numEditErrors, validationMessages, onEditSave, onEditCancel, onRowInsertion, onRowDeletion, isInsertionEnabled, isDeletionEnabled, isSaving, selectedRowIndex, tableCellTextStyle, theme, }: TableFooterProps) => React.JSX.Element;
+declare const TableFooter: ({ count, currentPageIndex, nextPageClick, prevPageClick, pageNo, pageCount, paginationType, tableColumns, tableData, filteredOrderMap, header, tableSizes, borderColor, updatePageNo, isDownloadable, multiRowSelection, selectedRowIndices, widgetName, numEdits, numEditErrors, validationMessages, onEditSave, onEditCancel, onRowInsertion, onRowDeletion, isInsertionEnabled, isDeletionEnabled, isSaving, selectedRowIndex, tableCellTextStyle, theme, }: TableFooterProps) => React.JSX.Element;
 export default TableFooter;

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

@@ -1,6 +1,6 @@
 import React from "react";
 import type { TableSizes } from "../constants.js";
-import type { Pagination } from "../types.js";
+import type { PaginationType } from "../types.js";
 import type { UserAccessibleTheme } from "@superblocksteam/library-shared/types";
 interface TablePaginationProps {
     updatePageNo: (pageNo: number) => void;
@@ -9,10 +9,10 @@ interface TablePaginationProps {
     count: number;
     pageNo: number;
     pageCount: number;
-    pageType: Pagination;
+    paginationType: PaginationType;
     currentPageIndex: number;
     tableSizes: TableSizes;
     theme: UserAccessibleTheme;
 }
-declare const TablePagination: ({ currentPageIndex, nextPageClick, prevPageClick, pageCount, pageNo, pageType, updatePageNo, tableSizes, theme, }: TablePaginationProps) => React.JSX.Element | null;
+declare const TablePagination: ({ currentPageIndex, nextPageClick, prevPageClick, pageCount, pageNo, paginationType, updatePageNo, tableSizes, theme, }: TablePaginationProps) => React.JSX.Element | null;
 export default TablePagination;

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

@@ -10,7 +10,6 @@ export declare function getEditedRows(props: any): {
     originalRows: any[];
 };
 export declare function getAllEdits(props: any): any;
-export declare function getPageSize(props: any): any;
 export declare function getFilteredTableData(props: any): any[];
 export declare function getEditedRowIndices(props: any): {
     deletedRows: {