@overmap-ai/blocks 0.0.10-alpha.5 → 0.0.12-alpha.2

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/DropdownMenu/DropdownMenu.d.ts

@@ -1,21 +1,12 @@
-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;
-}
+import { FC } from "react";
+import { DropdownMenuItemGroupProps, DropdownMenuItemProps, DropdownMenuProps, DropdownSubMenuProps } from "./typings.ts";
 /** 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 DropdownMenu: FC<DropdownMenuProps>;
+export declare const Root: FC<DropdownMenuProps>;
+export declare const DropdownMenu: {
+    Root: FC<DropdownMenuProps>;
+    ItemGroup: FC<DropdownMenuItemGroupProps>;
+    Item: FC<DropdownMenuItemProps>;
+    SubMenu: FC<DropdownSubMenuProps>;
+};

package/dist/DropdownMenu/index.d.ts

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

package/dist/DropdownMenu/typings.d.ts

@@ -0,0 +1,42 @@
+import { DropdownMenu as RadixDropdownMenu } from "@radix-ui/themes";
+import { ComponentProps, ReactNode } from "react";
+import { Severity } from "../typings.ts";
+type RadixDropdownMenuRootProps = ComponentProps<typeof RadixDropdownMenu.Root>;
+type RadixDropdownMenuSubProps = ComponentProps<typeof RadixDropdownMenu.Sub>;
+export interface DropdownMenuItemProps extends Omit<ComponentProps<typeof RadixDropdownMenu.Item>, "textValue"> {
+    /** content to be displayed within the DropdownMenuItem */
+    itemContent: ReactNode;
+    /** severity of the DropdownMenuItem, will overwrite any severity passed into DropdownMenu.Root */
+    severity?: Severity;
+    /** Determines if the DropdownMenu will close upon clicking the DropdownMenuItem
+     * @default true
+     * */
+    closeOnSelect?: boolean;
+}
+export interface DropdownMenuItemGroupProps extends Omit<ComponentProps<typeof RadixDropdownMenu.Group>, "asChild"> {
+    /** will render a separator within the DropdownMenu popover above the ItemGroup
+     * @default false
+     * */
+    separatorAbove?: boolean;
+    /** will render a separator within the DropdownMenu popover below the ItemGroup
+     * @default false
+     * */
+    separatorBelow?: boolean;
+}
+export interface DropdownMenuProps extends Omit<ComponentProps<typeof RadixDropdownMenu.Content>, "asChild" | "color"> {
+    defaultOpen?: RadixDropdownMenuRootProps["defaultOpen"];
+    open?: RadixDropdownMenuRootProps["open"];
+    onOpenChange?: RadixDropdownMenuRootProps["onOpenChange"];
+    modal?: RadixDropdownMenuRootProps["modal"];
+    severity?: Severity;
+    trigger: ReactNode;
+    label?: ReactNode;
+    disabled?: boolean;
+}
+export interface DropdownSubMenuProps extends Omit<ComponentProps<typeof RadixDropdownMenu.SubContent>, "asChild" | "color"> {
+    defaultOpen?: RadixDropdownMenuSubProps["defaultOpen"];
+    open?: RadixDropdownMenuSubProps["open"];
+    onOpenChange?: RadixDropdownMenuSubProps["onOpenChange"];
+    trigger: ReactNode;
+}
+export {};

package/dist/Input/typings.d.ts

@@ -3,12 +3,11 @@ 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" | "variant" | keyof MarginProps> {
+export interface InputProps extends Omit<TextFieldInputProps, "size" | "color" | "radius" | keyof MarginProps> {
     leftSlot?: React.ReactNode;
     rightSlot?: React.ReactNode;
     size?: Responsive<Size>;
-    severity?: Severity;
+    severity?: Exclude<Severity, "success" | "info">;
     showInputLength?: boolean;
-    variant?: TextFieldInputProps["variant"] | "ghost";
 }
 export {};

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" | "variant"> {
+export interface TextAreaProps extends Omit<ComponentProps<typeof RadixTextArea>, keyof MarginProps | "color"> {
     /** used to set the severity of the TextArea, supports all 5 global severities
      * @default "primary"
      * */
@@ -12,5 +12,4 @@ export interface TextAreaProps extends Omit<ComponentProps<typeof RadixTextArea>
     showInputLength?: boolean;
     resize: "vertical" | "horizontal" | "both";
     inputLengthTemplate?: string;
-    variant?: ComponentProps<typeof RadixTextArea>["variant"] | "ghost";
 }

package/dist/Toast/typings.d.ts

@@ -47,5 +47,4 @@ export interface IToastContext {
     showSuccess: (simpleMessage: SimpleToastProps) => void;
     showInfo: (simpleMessage: SimpleToastProps) => void;
     showError: (simpleMessage: SimpleToastProps) => void;
-    showWarning: (simpleMessage: SimpleToastProps) => void;
 }