@overmap-ai/blocks 0.0.10-alpha.2 → 0.0.10-alpha.4

package/README.md

@@ -1,3 +1,3 @@
-# overmap-ai blocks
-
-Contains basic components used by overmap-ai libraries.
+# overmap-ai blocks
+
+Contains basic components used by overmap-ai libraries.

package/dist/Table/Table.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { TableProps } from "./typings";
+export declare const Table: FC<TableProps>;

package/dist/Table/constants.d.ts

@@ -0,0 +1,151 @@
+export declare const TableData: string[][];
+export declare const DefaultTableColumns: (sort?: boolean, search?: boolean, filter?: boolean) => ({
+    id: string;
+    label: string;
+    sort: boolean;
+    search: boolean;
+    filter?: undefined;
+} | {
+    id: string;
+    label: string;
+    sort: boolean;
+    search: boolean;
+    filter: boolean;
+} | {
+    id: string;
+    label: string;
+    sort: boolean;
+    search?: undefined;
+    filter?: undefined;
+})[];
+export declare const DefaultTableRows: (len: number) => {
+    id: string;
+    columns: {
+        full_name: {
+            id: string;
+            value: string | undefined;
+            label: string | undefined;
+        };
+        job_title: {
+            id: string;
+            value: string | undefined;
+            label: string | undefined;
+        };
+        gender: {
+            id: string;
+            value: string | undefined;
+            label: string | undefined;
+        };
+        age: {
+            id: string;
+            value: string | undefined;
+            label: string | undefined;
+        };
+        annual_salary: {
+            id: string;
+            value: string | undefined;
+            label: string | undefined;
+        };
+        country: {
+            id: string;
+            value: string | undefined;
+            label: string | undefined;
+        };
+    };
+}[];
+export declare const AdvancedTableColumns: () => ({
+    id: string;
+    label: string;
+    sort: boolean;
+    search: boolean;
+    width: string;
+    filter?: undefined;
+    filterValues?: undefined;
+} | {
+    id: string;
+    label: string;
+    search: boolean;
+    filter: boolean;
+    width: string;
+    sort?: undefined;
+    filterValues?: undefined;
+} | {
+    id: string;
+    label: string;
+    sort: boolean;
+    filter: boolean;
+    search?: undefined;
+    width?: undefined;
+    filterValues?: undefined;
+} | {
+    id: string;
+    label: string;
+    sort: boolean;
+    search?: undefined;
+    width?: undefined;
+    filter?: undefined;
+    filterValues?: undefined;
+} | {
+    id: string;
+    label: string;
+    sort: boolean;
+    filter: boolean;
+    filterValues: {
+        value: number;
+        label: import("react/jsx-runtime").JSX.Element;
+    }[];
+    search?: undefined;
+    width?: undefined;
+} | {
+    id: string;
+    label: string;
+    sort?: undefined;
+    search?: undefined;
+    width?: undefined;
+    filter?: undefined;
+    filterValues?: undefined;
+})[];
+export declare const AdvancedTableRows: (len: number) => {
+    id: string;
+    onClick: () => void;
+    columns: {
+        full_name: {
+            id: string;
+            value: string | undefined;
+            label: string | undefined;
+        };
+        job_title: {
+            id: string;
+            value: string | undefined;
+            label: string | undefined;
+        };
+        gender: {
+            id: string;
+            value: string | undefined;
+            label: import("react/jsx-runtime").JSX.Element;
+            sortValue: number;
+        };
+        age: {
+            id: string;
+            value: string | undefined;
+            label: string | undefined;
+        };
+        annual_salary: {
+            id: string;
+            value: string | undefined;
+            label: string | undefined;
+            filterValue: number;
+        };
+        country: {
+            id: string;
+            value: string | undefined;
+            label: string | undefined;
+            searchValue: string;
+        };
+        remove_user: {
+            id: string;
+            value: number;
+            label: import("react/jsx-runtime").JSX.Element;
+        };
+    };
+}[];

package/dist/Table/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Table";
+export * from "./typings.ts";
+export * from "./constants.tsx";

package/dist/Table/typings.d.ts

@@ -0,0 +1,63 @@
+import { ReactNode } from "react";
+export type IdLabel = string | number;
+export type ValueLabel = IdLabel | null | undefined;
+export type TableLabel = ValueLabel | ReactNode;
+export interface FilterValue {
+    value: ValueLabel;
+    label: ReactNode;
+}
+export interface TableCell {
+    id: IdLabel;
+    value: ValueLabel;
+    label: TableLabel;
+    onClick?: (cell: TableCell) => void;
+    filterValue?: ValueLabel;
+    sortValue?: ValueLabel;
+    searchValue?: ValueLabel;
+    className?: string;
+}
+export interface TableColumn {
+    id: IdLabel;
+    label: TableLabel;
+    sort?: boolean;
+    search?: boolean;
+    filter?: boolean;
+    width?: string;
+    className?: string;
+    filterValues?: FilterValue[];
+}
+export interface TableRow {
+    id: IdLabel;
+    onClick?: (row: TableRow) => void;
+    className?: string;
+    columns: {
+        [columnId: string]: TableCell;
+    };
+}
+export interface TableProps {
+    columns: TableColumn[];
+    data: TableRow[];
+    color?: "light" | "dark";
+    title?: string | ReactNode;
+    description?: string | ReactNode;
+    rowsPerPage?: number[];
+    showSearchBar?: boolean;
+    searchBarPlaceholder?: string;
+    showSelect?: boolean;
+    showFilterButton?: boolean;
+    showContainer?: boolean;
+    showRowsPerPage?: boolean;
+    showPageNumber?: boolean;
+    showPageNavigation?: boolean;
+    children?: ReactNode;
+    /**
+     * Show top bar content which includes search bar, filter button, and edit and delete buttons
+     * @default false
+     */
+    showTopBar?: boolean;
+    showBottomBar?: boolean;
+    className?: string;
+    columnClassName?: string;
+    rowClassName?: string;
+    cellClassName?: string;
+}