@overmap-ai/blocks 1.0.6 → 1.0.7

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { BaseItemGroupElementProps, BaseItemGroupProps } from "./typings.ts";
+export declare const BaseItemGroup: import("react").NamedExoticComponent<BaseItemGroupProps & BaseItemGroupElementProps>;

package/dist/BaseMenuGroups/BaseItemGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./BaseItemGroup";
+export type { BaseItemProps, BaseItemGroupProps, BaseItemGroupElementProps } from "./typings.ts";

package/dist/BaseMenuGroups/BaseItemGroup/typings.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+import { MenuGroupProps, MenuItemProps } from "@radix-ui/react-menu";
+import { BaseMenuItemProps, BaseMenuGroupProps, TextFilterProps } from "../typings.ts";
+export type BaseItemProps = BaseMenuItemProps & Omit<MenuItemProps, "asChild" | "content"> & {
+    shortcut?: string[];
+};
+export type BaseItemGroupProps = BaseMenuGroupProps<BaseItemProps> & Omit<MenuGroupProps, "asChild"> & TextFilterProps;
+export interface BaseItemGroupElementProps {
+    groupElement: FC<MenuGroupProps>;
+    itemElement: FC<MenuItemProps>;
+}

package/dist/BaseMenuGroups/BaseMenuComponents.d.ts

@@ -0,0 +1,11 @@
+import { FC, PropsWithChildren, ReactNode } from "react";
+import { InputProps } from "..";
+export interface BaseMenuItem extends PropsWithChildren {
+    rightSlot?: ReactNode;
+}
+export declare const BaseMenuItem: FC<BaseMenuItem>;
+export interface BaseMenuInputProps extends Omit<InputProps, "showInputLength"> {
+}
+export declare const BaseMenuInput: FC<BaseMenuInputProps>;
+/** Separator component used for Base Menus */
+export declare const BaseMenuSeparator: FC;

package/dist/BaseMenuGroups/BaseMultiSelectGroup/BaseMultiSelectGroup.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { BaseMultiSelectGroupProps, BaseMultiSelectGroupElementProps } from "./typings.ts";
+export declare const BaseMultiSelectGroup: import("react").NamedExoticComponent<BaseMultiSelectGroupProps & BaseMultiSelectGroupElementProps>;

package/dist/BaseMenuGroups/BaseMultiSelectGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./BaseMultiSelectGroup";
+export type { BaseMultiSelectItemProps, BaseMultiSelectGroupProps, BaseMultiSelectGroupElementProps, } from "./typings.ts";

package/dist/BaseMenuGroups/BaseMultiSelectGroup/typings.d.ts

@@ -0,0 +1,16 @@
+import { MenuCheckboxItemProps, MenuGroupProps, MenuItemIndicatorProps } from "@radix-ui/react-menu";
+import { FC, ReactNode } from "react";
+import { BaseMenuItemProps, BaseMenuGroupProps, TextFilterProps } from "../typings.ts";
+export type BaseMultiSelectItemProps = BaseMenuItemProps & Omit<MenuCheckboxItemProps, "asChild" | "content" | "checked" | "onCheckedChange"> & {
+    value: string;
+};
+export type BaseMultiSelectGroupProps = BaseMenuGroupProps<BaseMultiSelectItemProps> & Omit<MenuGroupProps, "asChild"> & {
+    selectedIndicator?: ReactNode;
+    values: string[];
+    onValueChange: (values: string[]) => void;
+} & TextFilterProps;
+export interface BaseMultiSelectGroupElementProps {
+    groupElement: FC<MenuGroupProps>;
+    itemElement: FC<MenuCheckboxItemProps>;
+    itemIndicatorElement: FC<MenuItemIndicatorProps>;
+}

package/dist/BaseMenuGroups/BaseSelectGroup/BaseSelectGroup.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { BaseSelectGroupProps, BaseSelectGroupElementProps } from "./typings.ts";
+export declare const BaseSelectGroup: import("react").NamedExoticComponent<BaseSelectGroupProps & BaseSelectGroupElementProps>;

package/dist/BaseMenuGroups/BaseSelectGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./BaseSelectGroup";
+export type { BaseSelectItemProps, BaseSelectGroupProps, BaseSelectGroupElementProps } from "./typings.ts";

package/dist/BaseMenuGroups/BaseSelectGroup/typings.d.ts

@@ -0,0 +1,16 @@
+import { FC, ReactNode } from "react";
+import { MenuCheckboxItemProps, MenuGroupProps, MenuItemIndicatorProps } from "@radix-ui/react-menu";
+import { BaseMenuItemProps, BaseMenuGroupProps, TextFilterProps } from "../typings.ts";
+export type BaseSelectItemProps = BaseMenuItemProps & Omit<MenuCheckboxItemProps, "asChild" | "content"> & {
+    value: string;
+};
+export type BaseSelectGroupProps = BaseMenuGroupProps<BaseSelectItemProps> & Omit<MenuGroupProps, "asChild"> & TextFilterProps & {
+    value: string | null;
+    onValueChange: (value: string | null) => void;
+    selectedIndicator?: ReactNode;
+};
+export interface BaseSelectGroupElementProps {
+    groupElement: FC<MenuGroupProps>;
+    itemElement: FC<MenuCheckboxItemProps>;
+    itemIndicatorElement: FC<MenuItemIndicatorProps>;
+}

package/dist/BaseMenuGroups/BaseSubMenuGroup/BaseSubMenuGroup.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { BaseSubMenuGroupElementProps } from "./typings.ts";
+export declare const BaseSubMenuGroup: import("react").NamedExoticComponent<Omit<import("../typings.ts").BaseMenuGroupProps<import("./typings.ts").BaseSubMenuItemProps>, "closeOnSelect"> & Omit<import("@radix-ui/react-menu").MenuGroupProps, "color" | "asChild"> & BaseSubMenuGroupElementProps>;

package/dist/BaseMenuGroups/BaseSubMenuGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./BaseSubMenuGroup";
+export type { BaseSubMenuGroupProps, BaseSubMenuItemProps, BaseSubMenuGroupElementProps } from "./typings.ts";

package/dist/BaseMenuGroups/BaseSubMenuGroup/typings.d.ts

@@ -0,0 +1,14 @@
+import { FC, ReactNode } from "react";
+import { MenuGroupProps, MenuSubContentProps, MenuSubProps, MenuSubTriggerProps } from "@radix-ui/react-menu";
+import { BaseMenuItemProps, BaseMenuGroupProps } from "../typings.ts";
+export type BaseSubMenuItemProps = BaseMenuItemProps & Omit<MenuSubTriggerProps, "asChild" | "content"> & {
+    triggerIndicator: ReactNode;
+    subContent: ReactNode;
+};
+export type BaseSubMenuGroupProps = Omit<BaseMenuGroupProps<BaseSubMenuItemProps>, "closeOnSelect"> & Omit<MenuGroupProps, "asChild" | "color">;
+export interface BaseSubMenuGroupElementProps {
+    groupElement: FC<MenuGroupProps>;
+    subElement: FC<MenuSubProps>;
+    subTriggerElement: FC<MenuSubTriggerProps>;
+    subContentElement: FC<Omit<MenuSubContentProps, "color">>;
+}

package/dist/BaseMenuGroups/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./BaseItemGroup";
+export * from "./BaseSelectGroup";
+export * from "./BaseMultiSelectGroup";
+export * from "./BaseSubMenuGroup";
+export type { TextFilterProps, BaseMenuProps } from "./typings.ts";

package/dist/BaseMenuGroups/typings.d.ts

@@ -0,0 +1,37 @@
+import { ComponentProps, ReactElement, ReactNode } from "react";
+import { DropdownMenu as RadixDropdownMenu } from "@radix-ui/themes";
+import { AllOrNone } from "../utils.ts";
+export interface BaseMenuGroupProps<TItemProps> {
+    closeOnSelect?: boolean;
+    items: TItemProps[];
+    separator?: boolean;
+}
+export interface BaseMenuItemProps {
+    content: ReactNode;
+}
+export type TextFilterProps = AllOrNone<{
+    /** the current value in the user input contained within the dropdown selects */
+    filterValue?: string;
+    /** callback fired when an item in the dropdown select is clicked*/
+    onFilterValueChange?: (value: string) => void;
+    /** placeholder for the user input contained within the dropdown select */
+    placeholder?: string;
+    icons?: {
+        left?: ReactNode;
+        right?: ReactNode;
+    };
+}>;
+/** Type for props retaining to all DropdownMenu & ContextMenu variants, the type representing props for those components
+ * should all include these */
+export type BaseMenuProps = {
+    /** a ReactElement representing the trigger for the Base Menu, must be clickable */
+    trigger: ReactElement;
+    /** the disabled state of the Base Menu
+     * @default false
+     */
+    disabled?: boolean;
+    /** determines on which side of the trigger the dropdown select renders on, if open space
+     * @default "bottom"
+     * */
+    side?: ComponentProps<typeof RadixDropdownMenu.Content>["side"];
+};

package/dist/BaseMenuGroups/utils.d.ts

@@ -0,0 +1,5 @@
+import { MenuItemProps } from "@radix-ui/react-menu";
+import { ChangeEvent } from "react";
+import { TextFilterProps } from "./typings.ts";
+export declare const useCloseOnSelectHandler: (closeOnSelect: boolean) => (onSelect: MenuItemProps["onSelect"]) => (event: Event) => void;
+export declare const useTextFilterChangeHandler: () => (onTextFilterChange: TextFilterProps["onFilterValueChange"]) => (event: ChangeEvent<HTMLInputElement>) => void;

package/dist/Dialogs/Dialog/index.d.ts

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

package/dist/Dialogs/Dialog/utils.d.ts

@@ -0,0 +1,7 @@
+import { CloseDialogOptions, CloseDialogWithOptions } from "./typings.ts";
+/** This custom hook is used as a utility for wrapping a general callback in callback that accepts a close function for the
+ * Blocks dialog component. Sometimes a side effect callback needs to be run upon the closure of a Dialog. This provides
+ * a hook to wrap a callback with the returned close function passed to the Dialog Content. This allows the closure of
+ * the Dialog and the callback to be run simultaneously. It also saves the developer from attaching callback logic with
+ * the close functionality of the Dialog. */
+export declare const useWrapCallbackInDialogClose: (callback: (...arg: never[]) => void, closeOptions: CloseDialogOptions) => (...arg: never[]) => (closeDialog: CloseDialogWithOptions) => void;

package/dist/DropdownItemMenu/DropdownItemMenu.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { DropdownMenuItemGroupItemProps, DropdownMenuItemGroupProps } from "../DropdownMenu/DropdownMenuGroups.tsx";
+import { BaseMenuProps } from "../BaseMenuGroups";
+export type DropdownItemMenuItemProps = DropdownMenuItemGroupItemProps;
+export type DropdownItemMenuProps = DropdownMenuItemGroupProps & BaseMenuProps;
+/** The DropdownItemMenu 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 DropdownItemMenu component is a wrapper around the Radix-UI DropdownItemMenu component that can be found here https://www.radix-ui.com/themes/docs/components/dropdown-menu */
+export declare const DropdownItemMenu: FC<DropdownItemMenuProps>;

package/dist/DropdownItemMenu/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DropdownItemMenu";
+export type { DropdownItemMenuProps, DropdownItemMenuItemProps } from "./DropdownItemMenu";

package/dist/DropdownMenu/DropdownMenu.d.ts

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { BaseItemGroupProps, BaseSelectGroupProps, BaseMultiSelectGroupProps, BaseSelectItemProps, BaseItemProps, BaseMultiSelectItemProps, BaseSubMenuGroupProps, BaseSubMenuItemProps } from "../BaseMenuGroups";
+/** Item Group */
+export type DropdownMenuItemGroupItemProps = BaseItemProps;
+export type DropdownMenuItemGroupProps = BaseItemGroupProps;
+export declare const DropdownMenuItemGroup: import("react").NamedExoticComponent<BaseItemGroupProps>;
+/** Select Group */
+export type DropdownMenuSelectGroupItemProps = BaseSelectItemProps;
+export type DropdownMenuSelectGroupProps = BaseSelectGroupProps;
+export declare const DropdownMenuSelectGroup: import("react").NamedExoticComponent<BaseSelectGroupProps>;
+/** MultiSelect Group */
+export type DropdownMenuMultiSelectGroupItemProps = BaseMultiSelectItemProps;
+export type DropdownMenuMultiSelectGroupProps = BaseMultiSelectGroupProps;
+export declare const DropdownMenuMultiSelectGroup: import("react").NamedExoticComponent<BaseMultiSelectGroupProps>;
+/** SubMenu Group */
+export type DropdownMenuSubMenuGroupItemProps = BaseSubMenuItemProps;
+export type DropdownMenuSubMenuGroupProps = BaseSubMenuGroupProps;
+export declare const DropdownMenuSubMenuGroup: import("react").NamedExoticComponent<BaseSubMenuGroupProps>;

package/dist/DropdownMenu/index.d.ts

@@ -1,2 +1,4 @@
 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/DropdownMultiSelect/DropdownMultiSelect.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+import { DropdownMenuMultiSelectGroupItemProps, DropdownMenuMultiSelectGroupProps } from "../DropdownMenu";
+import { BaseMenuProps } from "../BaseMenuGroups";
+export type DropdownMultiSelectItemProps = DropdownMenuMultiSelectGroupItemProps;
+export type DropdownMultiSelectProps = DropdownMenuMultiSelectGroupProps & BaseMenuProps;
+export declare const DropdownMultiSelect: FC<DropdownMultiSelectProps>;

package/dist/DropdownMultiSelect/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DropdownMultiSelect";
+export type { DropdownMultiSelectProps, DropdownMultiSelectItemProps } from "./DropdownMultiSelect";

package/dist/DropdownSelect/DropdownSelect.d.ts

@@ -1,58 +1,6 @@
-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;
-});
+import { FC } from "react";
+import { DropdownMenuItemGroupItemProps, DropdownMenuSelectGroupProps } from "../DropdownMenu/DropdownMenuGroups.tsx";
+import { BaseMenuProps } from "../BaseMenuGroups";
+export type DropdownSelectItemProps = DropdownMenuItemGroupItemProps;
+export type DropdownSelectProps = DropdownMenuSelectGroupProps & BaseMenuProps;
 export declare const DropdownSelect: FC<DropdownSelectProps>;

package/dist/DropdownSelect/index.d.ts

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

package/dist/Separator/typings.d.ts

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