@overmap-ai/blocks 1.0.6-master.1 → 1.0.6

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/Dialogs/Dialog/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./Dialog";
-export * from "./utils";
 export * from "./typings";

package/dist/DropdownMenu/DropdownMenu.d.ts

@@ -1,8 +1,20 @@
-import { FC, PropsWithChildren } from "react";
-import { DropdownMenuItemGroupItemProps } from "./DropdownMenuGroups.tsx";
-import { BaseMenuProps } from "../BaseMenuGroups";
-export type DropdownMenuItemProps = DropdownMenuItemGroupItemProps;
-export type DropdownMenuProps = PropsWithChildren & BaseMenuProps;
+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 */

package/dist/DropdownMenu/index.d.ts

@@ -1,4 +1,2 @@
 export { DropdownMenu } from "./DropdownMenu";
 export type { DropdownMenuProps, DropdownMenuItemProps } from "./DropdownMenu";
-export * from "./DropdownMenuGroups";
-export type { DropdownMenuItemGroupProps, DropdownMenuItemGroupItemProps, DropdownMenuSelectGroupProps, DropdownMenuSelectGroupItemProps, DropdownMenuMultiSelectGroupProps, DropdownMenuMultiSelectGroupItemProps, DropdownMenuSubMenuGroupProps, DropdownMenuSubMenuGroupItemProps, } from "./DropdownMenuGroups.tsx";

package/dist/DropdownSelect/DropdownSelect.d.ts

@@ -1,6 +1,58 @@
-import { FC } from "react";
-import { DropdownMenuItemGroupItemProps, DropdownMenuSelectGroupProps } from "../DropdownMenu/DropdownMenuGroups.tsx";
-import { BaseMenuProps } from "../BaseMenuGroups";
-export type DropdownSelectItemProps = DropdownMenuItemGroupItemProps;
-export type DropdownSelectProps = DropdownMenuSelectGroupProps & BaseMenuProps;
+import { DropdownMenu as RadixDropdownMenu } from "@radix-ui/themes";
+import { ComponentProps, FC, ReactElement, ReactNode } from "react";
+import { Severity } from "../typings.ts";
+export interface DropdownSelectIconProps {
+    leftInputIcon?: ReactNode;
+    rightInputIcon?: ReactNode;
+    selectedItemIcon?: ReactNode;
+}
+export interface DropdownSelectItemProps {
+    /** the content to rendered for the dropdown select item */
+    content: ReactNode;
+    value: string;
+    /** the disabled state of the dropdown select item
+     * @default false
+     * */
+    disabled?: boolean;
+}
+export type DropdownSelectProps = {
+    /** currently selected value of the dropdown select*/
+    value: string | undefined;
+    /** callback fired when an item in the dropdown select is clicked*/
+    onValueChange: (value: string | undefined) => void;
+    /** a ReactElement representing the trigger for the dropdown select, must be clickable*/
+    trigger: ReactElement;
+    /** the selectable items to be displayed in the dropdown select */
+    items: DropdownSelectItemProps[];
+    /** the disabled state of the dropdown select
+     * @default false
+     * */
+    disabled?: boolean;
+    /** placeholder for the user input contained within the dropdown select */
+    placeholder?: string;
+    /** determines if the dropdown select should close after selecting an item
+     * @default true
+     * */
+    closeOnSelect?: boolean;
+    /** a set of icons to be fill the different icon spots within the dropdown select */
+    icons?: DropdownSelectIconProps;
+    /** determines on which side of the trigger the dropdown select renders on, if open space
+     * @default "bottom"
+     * */
+    side?: ComponentProps<typeof RadixDropdownMenu.Content>["side"];
+    /** severity of the dropdown select
+     * @default "info"
+     * */
+    severity?: Severity;
+} & ({
+    /** the current value in the user input contained within the dropdown select */
+    filterValue: undefined;
+    /** callback fired when an item in the dropdown select is clicked*/
+    onFilterValueChange: undefined;
+} | {
+    /** the current value in the user input contained within the dropdown select */
+    filterValue: string;
+    /** callback fired when an item in the dropdown select is clicked*/
+    onFilterValueChange: (value: string) => void;
+});
 export declare const DropdownSelect: FC<DropdownSelectProps>;

package/dist/DropdownSelect/index.d.ts

@@ -1,2 +1,2 @@
 export { DropdownSelect } from "./DropdownSelect";
-export type { DropdownSelectProps, DropdownSelectItemProps } from "./DropdownSelect";
+export type { DropdownSelectProps, DropdownSelectItemProps, DropdownSelectIconProps } from "./DropdownSelect";

package/dist/Separator/typings.d.ts

@@ -11,10 +11,9 @@ export interface SeparatorProps extends Omit<ComponentProps<typeof RadixSeparato
     /** the weight of the text
      * @default "light"
      * */
-    textWeight?: ComponentProps<typeof Text>["weight"];
+    weight?: ComponentProps<typeof Text>["weight"];
     /** severity of the separator
      * @default "info"
      * */
     severity?: Severity;
-    weight?: "light" | "medium" | "bold" | "full";
 }