@superblocksteam/library 2.0.28 → 2.0.29-next.1

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

@@ -0,0 +1,63 @@
+import React from "react";
+import type { TableSizes } from "../constants.js";
+import type { ColumnProperties, RowDensity, ReactTableColumnProps } from "../types.js";
+import type { TextStyleWithVariant, UserAccessibleTheme, PerCornerBorderRadius, PerSideBorder } from "@superblocksteam/library-shared/types";
+interface TableHeaderProps {
+    isSearchable: boolean;
+    searchKey: string;
+    searchTableData: (searchKey: any) => void;
+    tableSizes: TableSizes;
+    title: string;
+    rowDensity: RowDensity;
+    columns: ReactTableColumnProps[];
+    updateProperty: (property: string, value: any) => void;
+    hiddenColumns?: string[];
+    searchPlaceholder: string;
+    tableHeaderTextStyle?: TextStyleWithVariant;
+    searchProps?: {
+        textStyle?: TextStyleWithVariant;
+        border?: PerSideBorder;
+        borderRadius?: PerCornerBorderRadius;
+        backgroundColor?: string;
+    };
+    theme: UserAccessibleTheme;
+}
+export declare const TableHeader: ({ isSearchable, searchKey, searchTableData, tableSizes, title, columns, updateProperty, hiddenColumns, searchPlaceholder, theme, tableHeaderTextStyle, searchProps, }: TableHeaderProps) => React.JSX.Element;
+export declare const SortOrderIcon: ({ isAsc, size, }: {
+    isAsc: boolean;
+    size: number;
+}) => React.JSX.Element;
+export declare const TableHeaderCell: (props: {
+    columnName: string;
+    columnIndex: number;
+    columnProperties: ColumnProperties;
+    isFilterable: boolean;
+    filter?: any;
+    setColumnFilter: (columnId: string, filter: any) => void;
+    isHidden: boolean;
+    isAscOrder?: boolean;
+    isSortable: boolean;
+    sortTableColumn: (columnId: string | null, asc: boolean) => void;
+    isResizingColumn: boolean;
+    column: any;
+    columnSizeMap?: {
+        [key: string]: number;
+    };
+    rawTableData: Record<string, unknown>[];
+    transformedTableData: Record<string, unknown>[];
+    isCheckbox: boolean;
+    selectRows: (rows?: "ALL" | "NONE") => void;
+    selectedRowIndices: Array<number>;
+    hiddenColumns?: string[];
+    sourceId: string;
+    columnFreezes?: Record<string, boolean>;
+    showResizer: boolean;
+    rowDensity?: RowDensity;
+    handleHeaderDropped: (index: number, position: number) => void;
+    mutableHeaderDragRef: React.MutableRefObject<number>;
+    columnHeaderProps?: TextStyleWithVariant;
+    columnHeaderTextWrap?: boolean;
+    theme: UserAccessibleTheme;
+    updateProperty: (property: string, value: any) => void;
+}) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import React from "react";
+import type { RowDensity } from "../types.js";
+import type { UserAccessibleTheme } from "@superblocksteam/library-shared/types";
+declare const TableLoading: ({ numRows, rowDensity, width, dataTest, theme, }: {
+    numRows: number;
+    rowDensity: RowDensity;
+    width: number | string;
+    dataTest: string;
+    theme: UserAccessibleTheme;
+}) => React.JSX.Element;
+export default TableLoading;

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

@@ -0,0 +1,10 @@
+import React from "react";
+import type { TableSizes } from "../constants.js";
+interface TablePaginationInputProps {
+    pageNo: number;
+    pageCount: number;
+    updatePageNo: (pageNo: number) => void;
+    tableSizes: TableSizes;
+}
+declare const TablePaginationInput: ({ pageCount, pageNo, updatePageNo, tableSizes, }: TablePaginationInputProps) => React.JSX.Element;
+export default TablePaginationInput;

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 { PaginationType } 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;
+    paginationType: PaginationType;
+    currentPageIndex: number;
+    tableSizes: TableSizes;
+    theme: UserAccessibleTheme;
+}
+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/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 { RowDensity } 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;
+    rowDensity?: RowDensity;
+    isWrapped?: boolean;
+}
+export declare const TableTag: ({ text, bgColor, fgColor, borderColor, showTooltip, rowDensity, isWrapped, }: TableTagProps) => React.JSX.Element;
+interface TableTagsShowMoreProps {
+    count: number;
+    onMouseEnter?: MouseEventHandler<HTMLElement>;
+    onMouseLeave?: MouseEventHandler<HTMLElement>;
+    rowDensity: RowDensity;
+    isWrapped?: boolean;
+}
+export declare const TableTagsShowMore: ({ count, onMouseEnter, onMouseLeave, rowDensity, isWrapped, }: TableTagsShowMoreProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,91 @@
+import { type HorizontalAlignment, type VerticalAlignment, 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: Record<HorizontalAlignment, string>;
+export declare const ALIGN_ITEMS: Record<VerticalAlignment, string>;
+export declare const TEXT_ALIGN: Record<HorizontalAlignment, string>;
+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/default-table-data.d.ts

@@ -0,0 +1,71 @@
+import { Dim } from "@superblocksteam/library-shared";
+export declare const DEFAULT_TABLE_DATA: {
+    photo: string;
+    name: string;
+    email: string;
+    role: string;
+    company: string;
+    status: string;
+    date_joined: string;
+    last_activity: string;
+}[];
+export declare const DEFAULT_TABLE_COLUMNS: {
+    name: {
+        columnType: string;
+        label: string;
+    };
+    email: {
+        columnType: string;
+        label: string;
+    };
+    role: {
+        columnType: string;
+        label: string;
+    };
+    company: {
+        columnType: string;
+        label: string;
+    };
+    status: {
+        columnType: string;
+        tagDisplayConfig: {
+            Active: {
+                color: string;
+            };
+            Pending: {
+                color: string;
+            };
+            Inactive: {
+                color: string;
+            };
+            Suspended: {
+                color: string;
+            };
+        };
+        label: string;
+    };
+    date_joined: {
+        columnType: string;
+        inputFormat: string;
+        outputFormat: string;
+        label: string;
+    };
+    last_activity: {
+        columnType: string;
+        inputFormat: string;
+        outputFormat: string;
+        label: string;
+    };
+    photo: {
+        columnType: string;
+        label: string;
+        imageBorderRadius: {
+            topLeft: Dim<"px">;
+            topRight: Dim<"px">;
+            bottomLeft: Dim<"px">;
+            bottomRight: Dim<"px">;
+        };
+    };
+};
+export declare const DEFAULT_TABLE_KEYS: string[];
+export declare const CLEARED_TABLE_COLUMNS: Record<string, undefined>;

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 const isDerivedColumn: (tableData: any[], columnId: string) => boolean;
+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/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;