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

package/dist/DropdownMenu/DropdownMenu.d.ts

@@ -1,12 +1,21 @@
-import { FC } from "react";
-import { DropdownMenuItemGroupProps, DropdownMenuItemProps, DropdownMenuProps, DropdownSubMenuProps } from "./typings.ts";
+import { DropdownMenu as RadixDropdownMenu } from "@radix-ui/themes";
+import { ComponentProps, FC, ReactElement, ReactNode } from "react";
+import { Severity } from "../typings.ts";
+export interface DropdownMenuItemProps extends Omit<ComponentProps<typeof RadixDropdownMenu.Item>, "textValue" | "asChild" | "children" | "color" | "content"> {
+    content: ReactNode;
+    closeOnSelect?: boolean;
+    separator?: boolean;
+}
+export interface DropdownMenuProps extends Omit<ComponentProps<typeof RadixDropdownMenu.Content>, "asChild" | "color" | "children"> {
+    severity?: Severity;
+    disabled?: boolean;
+    label?: string;
+    trigger: ReactElement;
+    items: DropdownMenuItemProps[];
+    modal?: boolean;
+    closeOnSelect?: boolean;
+}
 /** The DropdownMenu component is a user interface element that provides a list of options for the user to choose from.
  * It is commonly used in web applications to present a set of related choices in a compact and organized manner.
  * This DropdownMenu component is a wrapper around the Radix-UI DropdownMenu component that can be found here https://www.radix-ui.com/themes/docs/components/dropdown-menu */
-export declare const Root: FC<DropdownMenuProps>;
-export declare const DropdownMenu: {
-    Root: FC<DropdownMenuProps>;
-    ItemGroup: FC<DropdownMenuItemGroupProps>;
-    Item: FC<DropdownMenuItemProps>;
-    SubMenu: FC<DropdownSubMenuProps>;
-};
+export declare const DropdownMenu: FC<DropdownMenuProps>;

package/dist/DropdownMenu/index.d.ts

@@ -1,2 +1,2 @@
 export { DropdownMenu } from "./DropdownMenu";
-export * from "./typings.ts";
+export type { DropdownMenuProps, DropdownMenuItemProps } from "./DropdownMenu";

package/dist/Input/typings.d.ts

@@ -3,11 +3,12 @@ import { Responsive, TextField as RadixTextField } from "@radix-ui/themes";
 import { Severity, Size } from "../typings.ts";
 import { MarginProps } from "@radix-ui/themes";
 type TextFieldInputProps = React.ComponentProps<typeof RadixTextField.Input>;
-export interface InputProps extends Omit<TextFieldInputProps, "size" | "color" | "radius" | keyof MarginProps> {
+export interface InputProps extends Omit<TextFieldInputProps, "size" | "color" | "radius" | "variant" | keyof MarginProps> {
     leftSlot?: React.ReactNode;
     rightSlot?: React.ReactNode;
     size?: Responsive<Size>;
     severity?: Exclude<Severity, "success" | "info">;
     showInputLength?: boolean;
+    variant?: TextFieldInputProps["variant"] | "ghost";
 }
 export {};

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;
+}

package/dist/TextArea/typings.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps } from "react";
 import { TextArea as RadixTextArea, MarginProps } from "@radix-ui/themes";
 import { Severity } from "../typings.ts";
-export interface TextAreaProps extends Omit<ComponentProps<typeof RadixTextArea>, keyof MarginProps | "color"> {
+export interface TextAreaProps extends Omit<ComponentProps<typeof RadixTextArea>, keyof MarginProps | "color" | "variant"> {
     /** used to set the severity of the TextArea, supports all 5 global severities
      * @default "primary"
      * */
@@ -12,4 +12,5 @@ export interface TextAreaProps extends Omit<ComponentProps<typeof RadixTextArea>
     showInputLength?: boolean;
     resize: "vertical" | "horizontal" | "both";
     inputLengthTemplate?: string;
+    variant?: ComponentProps<typeof RadixTextArea>["variant"] | "ghost";
 }