@superblocksteam/library 2.0.3-next.71

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

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

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

@@ -0,0 +1,17 @@
+import { Menu } from "antd";
+import React from "react";
+import type { TableSizes } from "../constants.js";
+import type { UserAccessibleTheme } from "@superblocksteam/library-shared/types";
+export declare const StyledShortcutMenu: import("styled-components").StyledComponent<typeof Menu, any, {}, never>;
+type MenuItem = {
+    key: string;
+    label: string;
+    onClick: () => void;
+};
+interface Props {
+    options: Array<MenuItem>;
+    tableSizes: TableSizes;
+    theme: UserAccessibleTheme;
+}
+declare const TableRowContextMenu: (props: Props) => React.JSX.Element;
+export default TableRowContextMenu;

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

@@ -0,0 +1,25 @@
+import React from "react";
+import { CompactMode } from "../types.js";
+import type { MouseEventHandler } from "react";
+/** the minimum horizontal space that should be available to a tag for it to look ok */
+export declare const MIN_TAG_WIDTH = 32;
+export declare const MARGIN_BETWEEN_TAGS = 4;
+interface TableTagProps {
+    text: string;
+    bgColor: string;
+    fgColor: string;
+    borderColor: string;
+    showTooltip?: boolean;
+    compactMode?: CompactMode;
+    isWrapped?: boolean;
+}
+export declare const TableTag: ({ text, bgColor, fgColor, borderColor, showTooltip, compactMode, isWrapped, }: TableTagProps) => React.JSX.Element;
+interface TableTagsShowMoreProps {
+    count: number;
+    onMouseEnter?: MouseEventHandler<HTMLElement>;
+    onMouseLeave?: MouseEventHandler<HTMLElement>;
+    compactMode: CompactMode;
+    isWrapped?: boolean;
+}
+export declare const TableTagsShowMore: ({ count, onMouseEnter, onMouseLeave, compactMode, isWrapped, }: TableTagsShowMoreProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,111 @@
+import { TextSizes, IconSize, EditInputType } from "./types.js";
+import type { Typographies } from "@superblocksteam/shared";
+export type TableSizes = {
+    COLUMN_HEADER_HEIGHT: number;
+    TABLE_HEADER_HEIGHT: number;
+    TABLE_FOOTER_HEIGHT: number;
+    ROW_HEIGHT: number;
+    ROW_FONT_SIZE: number;
+    PAGINATION_CONTROLS_HEIGHT: number;
+    IMAGE_SIZE: number;
+    LINK_MENU_HEIGHT: number;
+    LINK_MENU_ICON_SIZE: IconSize;
+    ROW_PADDING: number;
+};
+export declare const JUSTIFY_CONTENT: {
+    LEFT: string;
+    CENTER: string;
+    RIGHT: string;
+};
+export declare const ALIGN_ITEMS: {
+    TOP: string;
+    CENTER: string;
+    BOTTOM: string;
+};
+export declare const TEXT_ALIGN: {
+    LEFT: string;
+    CENTER: string;
+    RIGHT: string;
+};
+export declare const TEXT_SIZES: Record<TextSizes, string>;
+export declare const LEGACY_DEFAULT_CELL_TEXT_SIZE: TextSizes;
+export declare enum FontStyleTypes {
+    BOLD = "BOLD",
+    ITALIC = "ITALIC",
+    REGULAR = "REGULAR",
+    UNDERLINE = "UNDERLINE"
+}
+export declare const TABLE_SIZES: {
+    [key: string]: TableSizes;
+};
+export declare const DEFAULT_TABLE_COLUMN_WIDTH = 150;
+export declare const TABLE_COLUMN_MIN_WIDTH = 20;
+export declare const TABLE_ROW_LEFT_PADDING = 14;
+export declare const TABLE_ROW_RIGHT_PADDING = 14;
+export declare const PARSED_INPUT_TYPES: EditInputType[];
+export declare const TextBoxEditTypes: EditInputType[];
+export type InsertRowOptions = {
+    beforeRowIndex?: number;
+    insertedBelow?: boolean;
+    isDuplication?: boolean;
+};
+export declare const DEFAULT_CELL_TEXT_STYLE_VARIANT: keyof Typographies;
+export declare const DEFAULT_CELL_CLASS_NAME: string;
+export declare const DEFAULT_HEADING_TEXT_STYLE_VARIANT: keyof Typographies;
+export declare const TABLE_COLUMN_HEADER_DEFAULT_TYPOGRAPHY: keyof Typographies;
+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 TABLE_MULTISELECT_COLID = "SB_$$_MULTISELECT";
+export declare const tagColorPalette: string[];
+export {};

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

@@ -0,0 +1,20 @@
+export declare function getTableDataWithInserts(props: any): any[];
+export declare function getSelectedRow(props: any): any;
+export declare function getSelectedRowSchema(props: any): any;
+export declare function getSelectedRows(props: any): any;
+export declare function getAllValidationErrors(props: any): string[];
+export declare function getEditedRows(props: any): {
+    insertedRows: any[];
+    updatedRows: any[];
+    deletedRows: 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: {
+        absolute: number[];
+        relative: number[];
+    };
+};

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

@@ -0,0 +1,338 @@
+export declare const SbTable: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
+    general: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        tableHeader: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        tableData: import("../../properties-panel/props-builder.js").Prop<import("./types.js").UnknownRow[], false>;
+        columns: import("../../properties-panel/props-builder.js").RecordProp<{
+            general: import("../../properties-panel/props-builder.js").Section<(Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ({
+                label: import("../../properties-panel/props-builder.js").Prop<string, false>;
+            } & (Omit<{
+                columnType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").ColumnType, true>;
+            }, "columnType"> & ({
+                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                displayedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"text", true>;
+            } | {
+                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                notation: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
+                minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
+                maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"number", true>;
+            } | {
+                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                notation: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
+                minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
+                maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
+                currency: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"currency", true>;
+            } | {
+                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
+                maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"percentage", true>;
+            } | {
+                openImageUrl: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"image", true>;
+            } | {
+                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"video", true>;
+            } | {
+                valueFormat: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                displayFormat: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                manageTimezone: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                valueTimezone: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                displayTimezone: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"date", true>;
+            } | {
+                buttonLabel: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                isDisabled: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"button", true>;
+            } | {
+                linkUrl: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                linkLabel: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                openInNewTab: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"link", true>;
+            } | {
+                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"boolean", true>;
+            } | {
+                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"tags", true>;
+            } | {
+                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                displayedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"email", true>;
+            })))) & {
+                isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+            }>;
+            presentation: import("../../properties-panel/props-builder.js").Section<(Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ({
+                headerIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                headerIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, false>;
+            } & (Omit<{
+                columnType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").ColumnType, false>;
+            }, "columnType"> & ({
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                textWrap: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                cellIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"text", true>;
+            } | {
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                textWrap: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                cellIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"number", true>;
+            } | {
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                textWrap: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                cellIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"currency", true>;
+            } | {
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                textWrap: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                cellIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"percentage", true>;
+            } | {
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                imageSize: import("../../properties-panel/props-builder.js").Prop<import("./types.js").ImageSize, false>;
+                imageBorderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"image", true>;
+            } | {
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"video", true>;
+            } | {
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                textWrap: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                cellIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"date", true>;
+            } | {
+                buttonVariant: import("../../properties-panel/props-builder.js").Prop<import("../button/props.js").ButtonVariant, false>;
+                buttonBackgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                buttonLabelColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                cellIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"button", true>;
+            } | {
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"link", true>;
+            } | {
+                booleanStyleFalse: import("../../properties-panel/props-builder.js").Prop<import("./types.js").BooleanStyleFalse, false>;
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"boolean", true>;
+            } | {
+                tagDisplayConfig: import("../../properties-panel/props-builder.js").Prop<any, false>;
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"tags", true>;
+            } | {
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                textWrap: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                cellIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<"email", true>;
+            })))) & {
+                frozen: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+            }>;
+            interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & Omit<{
+                columnType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").ColumnType, false>;
+            }, "onClick" | "columnType"> & {
+                columnType: import("../../properties-panel/props-builder.js").Prop<"button", true>;
+                onClick: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+            }>;
+            editing: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & (Omit<{
+                isEditableOnUpdate: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                isEditableOnInsertion: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                editColumnType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").EditInputType, false>;
+            }, "isEditableOnInsertion" | "isEditableOnUpdate" | "editColumnType"> & ({
+                editMinLength: import("../../properties-panel/props-builder.js").Prop<number, false>;
+                editMaxLength: import("../../properties-panel/props-builder.js").Prop<number, false>;
+                editCustomValidationRule: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                editCustomErrorMessage: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                onFocusOut: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+                editColumnType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").EditInputType, true>;
+                isRequiredOnInsertion?: import("../../properties-panel/props-builder.js").Prop<boolean, false> | undefined;
+                defaultValue?: import("../../properties-panel/props-builder.js").Prop<string, false> | undefined;
+                isEditableOnInsertion: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+                isRequiredOnUpdate?: import("../../properties-panel/props-builder.js").Prop<boolean, false> | undefined;
+                isEditableOnUpdate: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+            } | {
+                editCustomValidationRule: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                editCustomErrorMessage: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                onFocusOut: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+                editColumnType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").EditInputType, true>;
+                isRequiredOnInsertion?: import("../../properties-panel/props-builder.js").Prop<boolean, false> | undefined;
+                defaultValue?: import("../../properties-panel/props-builder.js").Prop<string, false> | undefined;
+                isEditableOnInsertion: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+                isRequiredOnUpdate?: import("../../properties-panel/props-builder.js").Prop<boolean, false> | undefined;
+                isEditableOnUpdate: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+            } | {
+                editOptions: import("../../properties-panel/props-builder.js").Prop<{
+                    label: string;
+                    value: string;
+                }[], false>;
+                useLabelAsDisplayValue: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                editMultiSelect: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                allowClearing: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                editDropdownClientSideFiltering: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                onDropdownSearchTextChanged: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+                onOptionChange: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+                editColumnType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").EditInputType, true>;
+                isRequiredOnInsertion?: import("../../properties-panel/props-builder.js").Prop<boolean, false> | undefined;
+                defaultValue?: import("../../properties-panel/props-builder.js").Prop<string, false> | undefined;
+                isEditableOnInsertion: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+                isRequiredOnUpdate?: import("../../properties-panel/props-builder.js").Prop<boolean, false> | undefined;
+                isEditableOnUpdate: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+            } | {
+                onCheckChange: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+                editColumnType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").EditInputType, true>;
+                isRequiredOnInsertion?: import("../../properties-panel/props-builder.js").Prop<boolean, false> | undefined;
+                defaultValue?: import("../../properties-panel/props-builder.js").Prop<string, false> | undefined;
+                isEditableOnInsertion: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+                isRequiredOnUpdate?: import("../../properties-panel/props-builder.js").Prop<boolean, false> | undefined;
+                isEditableOnUpdate: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+            } | {
+                editMinDate: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                editMaxDate: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                editTwentyFourHourTime: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                onDateSelected: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+                editColumnType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").EditInputType, true>;
+                isRequiredOnInsertion?: import("../../properties-panel/props-builder.js").Prop<boolean, false> | undefined;
+                defaultValue?: import("../../properties-panel/props-builder.js").Prop<string, false> | undefined;
+                isEditableOnInsertion: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+                isRequiredOnUpdate?: import("../../properties-panel/props-builder.js").Prop<boolean, false> | undefined;
+                isEditableOnUpdate: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+            } | {
+                isEditableOnUpdate: import("../../properties-panel/props-builder.js").Prop<false, true>;
+                isEditableOnInsertion: import("../../properties-panel/props-builder.js").Prop<false, true>;
+                editColumnType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").EditInputType, true>;
+            }))>;
+        }>;
+    }>;
+    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        maxWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        height: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+    } & {
+        margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
+    } & {
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+    }>;
+    interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        isFilterable: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        defaultFilters: import("../../properties-panel/props-builder.js").Prop<any, false>;
+        enableRowInsertion: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        enableRowDeletion: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        multiRowSelection: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        isSearchable: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        isDownloadable: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        pageType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").PaginationTypes, true>;
+        configuredPageSize: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        defaultSort: import("../../properties-panel/props-builder.js").CompositeProp<{
+            column: import("../../properties-panel/props-builder.js").Prop<string, true>;
+            asc: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        }>;
+        defaultSearchText: import("../../properties-panel/props-builder.js").Prop<string, false>;
+        searchPlaceholder: import("../../properties-panel/props-builder.js").Prop<string, false>;
+    }>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        defaultSelectedRow: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        showColumnBorders: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+        "headerProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
+        "columnHeaderProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
+        "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
+        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
+        selectedRowBackgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
+        compactMode: import("../../properties-panel/props-builder.js").Prop<import("./types.js").CompactMode, false>;
+        maxLinesPerRow: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        animateLoading: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+        collapseWhenHidden: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+        "searchProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
+        "searchProps.backgroundColor": import("../../properties-panel/props-builder.js").Prop<string, false>;
+        "searchProps.border": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        "searchProps.borderRadius": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
+    }>;
+    events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        onRowClick: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onSaveChanges: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onCancelChanges: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onRowSelected: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onRowInserted: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onRowDeleted: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onPageChange: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onFiltersChanged: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onSearchTextChanged: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+    }>;
+    derived: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        tableDataWithInserts: import("../../properties-panel/props-builder.js").Prop<any[], true>;
+        tableDataWithInsertsOrderMap: import("../../properties-panel/props-builder.js").Prop<number[], true>;
+        selectedRow: import("../../properties-panel/props-builder.js").Prop<any, true>;
+        selectedRowSchema: import("../../properties-panel/props-builder.js").Prop<any, true>;
+        selectedRows: import("../../properties-panel/props-builder.js").Prop<any, true>;
+        pageSize: import("../../properties-panel/props-builder.js").Prop<number, true>;
+        filteredTableData: import("../../properties-panel/props-builder.js").Prop<any[], true>;
+        filteredOrderMap: import("../../properties-panel/props-builder.js").Prop<number[], true>;
+        editedRows: import("../../properties-panel/props-builder.js").Prop<any, true>;
+        allEdits: import("../../properties-panel/props-builder.js").Prop<any, true>;
+        validationErrors: import("../../properties-panel/props-builder.js").Prop<any, true>;
+        editedRowIndices: import("../../properties-panel/props-builder.js").Prop<any, true>;
+    }>;
+    meta: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        selectedRowIndex: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        selectedRowIndices: import("../../properties-panel/props-builder.js").Prop<any, false>;
+        pageNo: import("../../properties-panel/props-builder.js").Prop<number, true>;
+        sortedColumn: import("../../properties-panel/props-builder.js").Prop<any, false>;
+        searchText: import("../../properties-panel/props-builder.js").Prop<string, false>;
+        filters: import("../../properties-panel/props-builder.js").Prop<any, false>;
+        hiddenColumns: import("../../properties-panel/props-builder.js").Prop<any, false>;
+        columnFreezes: import("../../properties-panel/props-builder.js").Prop<any, false>;
+        tagsColorAssignment: import("../../properties-panel/props-builder.js").Prop<any, false>;
+        editOverrides: import("../../properties-panel/props-builder.js").Prop<any, false>;
+        currentEditFocus: import("../../properties-panel/props-builder.js").Prop<any, false>;
+        currentEditDropdownSearchText: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        currentEditValue: import("../../properties-panel/props-builder.js").Prop<any, false>;
+        deletedRowIndices: import("../../properties-panel/props-builder.js").Prop<any, false>;
+        inserts: import("../../properties-panel/props-builder.js").Prop<any, false>;
+    }>;
+}>>;