@overmap-ai/blocks 1.0.40-alpha.3 → 1.0.40-overlay.1

package/dist/index.d.ts

@@ -6,12 +6,12 @@ export * from './Buttons';
 export * from './Card';
 export * from './Checkbox';
 export * from './CheckboxGroup';
+export * from './CollapsibleTree';
 export * from './CommandMenu';
 export * from './cva';
 export * from './DayPicker';
 export * from './Dialog';
 export * from './Heading';
-export * from './hooks';
 export * from './HoverCard';
 export * from './HoverUtility';
 export * from './Input';
@@ -19,8 +19,8 @@ export * from './Layout';
 export * from './Link';
 export * from './LuIcon';
 export * from './Menu';
-export * from './MenuV2';
 export * from './OneTimePasswordField';
+export * from './Overlay';
 export * from './OvermapErrorBoundary';
 export * from './Popover';
 export * from './Progress';
@@ -43,4 +43,4 @@ export * from './ToggleButton';
 export * from './ToggleGroup';
 export * from './Tooltip';
 export * from './typings';
-export * from './utils';
+export { mergeRefs, stopPropagation, useControlledState, useSize, useStopEventPropagation, useTextFilter, useViewportSize, } from './utils';

package/dist/typings.d.ts

@@ -1,3 +1,8 @@
+import { CSSProperties } from 'react';
+export type PropsWithClassNameAndStyle = {
+    className?: string;
+    style?: CSSProperties;
+};
 export type ViewportSizes = "initial" | "xs" | "sm" | "md" | "lg" | "xl";
 export interface AccentColorProps {
     accentColor?: string;

package/dist/utils.d.ts

@@ -1,11 +1,34 @@
-import { SyntheticEvent } from 'react';
-import { CheckedState } from './CheckedIndicator';
+import { Dispatch, RefObject, SetStateAction, SyntheticEvent } from 'react';
+import { ViewportSizes } from './typings';
 import type * as React from "react";
+export interface ViewportSize {
+    size: ViewportSizes;
+    prevSize: ViewportSizes;
+    xs: boolean;
+    sm: boolean;
+    md: boolean;
+    lg: boolean;
+    xl: boolean;
+}
+/** Return value needs to be deconstructed since the object returned is not memoized */
+interface useViewportSizeProps {
+    xs: number | string;
+    sm: number | string;
+    md: number | string;
+    lg: number | string;
+    xl: number | string;
+}
+export declare const useViewportSize: (props: useViewportSizeProps) => ViewportSize;
+/** utility used for stopping Event propagation.
+ * @return stopPropagation a callback that calls stopPropagation on a general event */
+export declare const useStopEventPropagation: () => (event: Event) => void;
+/** custom hook use for providing filter functionality based on a text input field
+ *  @param filterFunction make sure this is wrapped in a useCallback
+ *  @param values items that should be filtered on (of type T) */
+export declare function useTextFilter<T>(values: T[], filterFunction: (value: T, filterValue: string) => boolean): [T[], string, Dispatch<SetStateAction<string>>];
+export declare const useSize: (target: RefObject<HTMLDivElement>) => DOMRectReadOnly | undefined;
 export declare const genericMemo: <T>(component: T) => T;
+export declare function useControlledState<TState>(initialState: TState, state?: TState, setState?: (state: TState) => void): [TState, (state: TState) => void];
 export declare function mergeRefs<T>(refs: Array<React.Ref<T> | undefined>): React.RefCallback<T>;
 export declare const stopPropagation: (e: SyntheticEvent) => void;
-export declare function getSelectedState(selected: boolean): "selected" | "unselected";
-export declare function getCheckedState(checked: CheckedState): "checked" | "indeterminate" | "unchecked";
-export declare function getActiveState(active: boolean): "active" | "inactive";
-export declare function getBooleanState(value: boolean): "true" | "false";
-export declare function getOpenState(open: boolean): "open" | "closed";
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@overmap-ai/blocks",
-	"version": "1.0.40-alpha.3",
+	"version": "1.0.40-overlay.1",
 	"description": "A collection of React components for building Overmap's UI.",
 	"author": "Wôrdn Inc.",
 	"license": "UNLICENSED",

package/dist/Menu/PageContent.d.ts

@@ -1,2 +0,0 @@
-import { MenuPageContentProps } from './typings';
-export declare const MenuPageContent: import('react').NamedExoticComponent<MenuPageContentProps>;

package/dist/Menu/SelectedIndicator.d.ts

@@ -1,4 +0,0 @@
-import { SelectedIndicatorProps } from '../SelectedIndicator';
-export interface MenuSelectedIndicatorProps extends SelectedIndicatorProps {
-}
-export declare const MenuSelectedIndicator: import('react').NamedExoticComponent<MenuSelectedIndicatorProps>;

package/dist/MenuV2/CheckboxItem.d.ts

@@ -1,6 +0,0 @@
-import { MenuItemProps } from './Item';
-export interface MenuCheckboxItemProps extends MenuItemProps {
-    checked: boolean | "indeterminate";
-    onCheckedChange: (checked: boolean) => void;
-}
-export declare const MenuCheckboxItem: import('react').NamedExoticComponent<MenuCheckboxItemProps>;

package/dist/MenuV2/CheckboxItemIndicator.d.ts

@@ -1,3 +0,0 @@
-import { CheckedIndicatorProps } from '../CheckedIndicator';
-export type MenuCheckedIndicatorProps = CheckedIndicatorProps;
-export declare const MenuCheckedIndicator: import('react').NamedExoticComponent<CheckedIndicatorProps>;

package/dist/MenuV2/Group.d.ts

@@ -1,4 +0,0 @@
-import { ComponentPropsWithRef } from 'react';
-export interface MenuGroupProps extends ComponentPropsWithRef<"div"> {
-}
-export declare const MenuGroup: import('react').NamedExoticComponent<MenuGroupProps>;

package/dist/MenuV2/GroupLabel.d.ts

@@ -1,4 +0,0 @@
-import { ComponentPropsWithRef } from 'react';
-export interface MenuGroupLabelProps extends ComponentPropsWithRef<"div"> {
-}
-export declare const MenuGroupLabel: import('react').MemoExoticComponent<(props: MenuGroupLabelProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/MenuV2/Item.d.ts

@@ -1,6 +0,0 @@
-import { ComponentPropsWithRef } from 'react';
-export interface MenuItemProps extends Omit<ComponentPropsWithRef<"div">, "onSelect"> {
-    onSelect?: (e: Event) => void;
-    disabled?: boolean;
-}
-export declare const MenuItem: import('react').NamedExoticComponent<MenuItemProps>;

package/dist/MenuV2/MultiSelectAllItem.d.ts

@@ -1,4 +0,0 @@
-import { MenuItemProps } from './Item';
-export interface SelectAllItemProps extends MenuItemProps {
-}
-export declare const MenuSelectAllItem: <TValue>(props: SelectAllItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/MenuV2/MultiSelectGroup.d.ts

@@ -1,5 +0,0 @@
-import { MultiSelectProps } from '../SelectContext/typings';
-import { MenuGroupProps } from './Group';
-export interface MenuMultiSelectGroupProps<TValue> extends MenuGroupProps, MultiSelectProps<TValue> {
-}
-export declare const MenuMultiSelectGroup: <TValue>(props: MenuMultiSelectGroupProps<TValue>) => import("react/jsx-runtime").JSX.Element;

package/dist/MenuV2/MultiSelectItem.d.ts

@@ -1,5 +0,0 @@
-import { MenuItemProps } from './Item';
-export interface MenuSelectItemProps<TValue> extends MenuItemProps {
-    value: TValue;
-}
-export declare const MenuMultiSelectItem: <TValue>(props: MenuSelectItemProps<TValue>) => import("react/jsx-runtime").JSX.Element;

package/dist/MenuV2/Page.d.ts

@@ -1,5 +0,0 @@
-import { ComponentPropsWithRef } from 'react';
-export interface MenuPageProps extends ComponentPropsWithRef<"div"> {
-    page: string;
-}
-export declare const MenuPage: import('react').MemoExoticComponent<(props: MenuPageProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/MenuV2/PageTriggerItem.d.ts

@@ -1,5 +0,0 @@
-import { MenuItemProps } from './Item';
-export interface MenuPageTriggerItemProps extends MenuItemProps {
-    page: string;
-}
-export declare const MenuPageTriggerItem: import('react').MemoExoticComponent<(props: MenuPageTriggerItemProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/MenuV2/Pages.d.ts

@@ -1,7 +0,0 @@
-import { PropsWithChildren } from 'react';
-export interface MenuPagesProps extends PropsWithChildren {
-    defaultPage?: string;
-    page?: string;
-    onPageChange?: (page: string) => void;
-}
-export declare const MenuPages: import('react').MemoExoticComponent<(props: MenuPagesProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/MenuV2/Root.d.ts

@@ -1,6 +0,0 @@
-import { ComponentPropsWithRef } from 'react';
-import { MenuVariantProps } from './typings';
-export interface MenuRootProps extends ComponentPropsWithRef<"div">, MenuVariantProps {
-    loop?: boolean;
-}
-export declare const MenuRoot: import('react').NamedExoticComponent<MenuRootProps>;

package/dist/MenuV2/SelectGroup.d.ts

@@ -1,4 +0,0 @@
-import { SingleSelectProps } from '../SelectContext/typings';
-import { MenuGroupProps } from './Group';
-export type MenuSelectGroupProps<TValue> = MenuGroupProps & SingleSelectProps<TValue>;
-export declare const MenuSelectGroup: <TValue>(props: MenuSelectGroupProps<TValue>) => import("react/jsx-runtime").JSX.Element;

package/dist/MenuV2/SelectItem.d.ts

@@ -1,5 +0,0 @@
-import { MenuItemProps } from './Item';
-export interface MenuSelectItemProps<TValue> extends MenuItemProps {
-    value: TValue;
-}
-export declare const MenuSelectItem: <TValue>(props: MenuSelectItemProps<TValue>) => import("react/jsx-runtime").JSX.Element;

package/dist/MenuV2/SelectedIndicator.d.ts

@@ -1,3 +0,0 @@
-import { SelectedIndicatorProps } from '../SelectedIndicator';
-export type MenuSelectedIndicatorProps = SelectedIndicatorProps;
-export declare const MenuSelectedIndicator: import('react').NamedExoticComponent<SelectedIndicatorProps>;

package/dist/MenuV2/Separator.d.ts

@@ -1,5 +0,0 @@
-import { ComponentPropsWithRef } from 'react';
-import * as RadixSeparator from "@radix-ui/react-separator";
-export interface MenuSeparatorProps extends ComponentPropsWithRef<typeof RadixSeparator.Root> {
-}
-export declare const MenuSeparator: import('react').NamedExoticComponent<MenuSeparatorProps>;

package/dist/MenuV2/constants.d.ts

@@ -1,9 +0,0 @@
-export declare const KEY_MAPPING: {
-    next: string;
-    prev: string;
-    first: string;
-    last: string;
-    selectItem: string;
-};
-export declare const ITEM_SELECTOR = "menu-item";
-export declare const GROUP_SELECTOR = "menu-group";

package/dist/MenuV2/context.d.ts

@@ -1,17 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-import { MenuVariantProps } from './typings';
-export interface IMenuRootContext extends Required<MenuVariantProps> {
-    activeItemId: string | null;
-    setActiveItemId: Dispatch<SetStateAction<string | null>>;
-}
-export declare const MenuRootContext: import('react').Context<IMenuRootContext>;
-export interface IMenuGroupContext {
-    labelId: string | null;
-    setLabelId: Dispatch<SetStateAction<string | null>>;
-}
-export declare const MenuGroupContext: import('react').Context<IMenuGroupContext>;
-export interface IMenuPagesContext {
-    page: string;
-    setPage: (page: string) => void;
-}
-export declare const MenuPageContext: import('react').Context<IMenuPagesContext>;

package/dist/MenuV2/cva.d.ts

@@ -1,14 +0,0 @@
-export declare const menuRootCva: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    radius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const menuItemCva: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    variant?: "solid" | "soft" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const menuGroupLabelCva: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const menuSeparatorCva: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/MenuV2/index.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-export declare const MenuV2: {
-    Root: import('react').NamedExoticComponent<import('./Root').MenuRootProps>;
-    Group: import('react').NamedExoticComponent<import('./Group').MenuGroupProps>;
-    GroupLabel: import('react').MemoExoticComponent<(props: import('./GroupLabel').MenuGroupLabelProps) => import("react/jsx-runtime").JSX.Element>;
-    Item: import('react').NamedExoticComponent<import('./Item').MenuItemProps>;
-    Separator: import('react').NamedExoticComponent<import('./Separator').MenuSeparatorProps>;
-    SelectGroup: <TValue>(props: import('./SelectGroup').MenuSelectGroupProps<TValue>) => import("react/jsx-runtime").JSX.Element;
-    SelectItem: <TValue_1>(props: import('./SelectItem').MenuSelectItemProps<TValue_1>) => import("react/jsx-runtime").JSX.Element;
-    MultiSelectGroup: <TValue_2>(props: import('./MultiSelectGroup').MenuMultiSelectGroupProps<TValue_2>) => import("react/jsx-runtime").JSX.Element;
-    MultiSelectItem: <TValue_3>(props: import('./MultiSelectItem').MenuSelectItemProps<TValue_3>) => import("react/jsx-runtime").JSX.Element;
-    SelectAllItem: <TValue_4>(props: import('./MultiSelectAllItem').SelectAllItemProps) => import("react/jsx-runtime").JSX.Element;
-    SelectedIndicator: import('react').NamedExoticComponent<import('../SelectedIndicator').SelectedIndicatorProps>;
-    CheckboxItem: import('react').NamedExoticComponent<import('./CheckboxItem').MenuCheckboxItemProps>;
-    CheckedIndicator: import('react').NamedExoticComponent<import('../CheckedIndicator').CheckedIndicatorProps>;
-    Pages: import('react').MemoExoticComponent<(props: import('./Pages').MenuPagesProps) => import("react/jsx-runtime").JSX.Element>;
-    Page: import('react').MemoExoticComponent<(props: import('./Page').MenuPageProps) => import("react/jsx-runtime").JSX.Element>;
-    PageTriggerItem: import('react').MemoExoticComponent<(props: import('./PageTriggerItem').MenuPageTriggerItemProps) => import("react/jsx-runtime").JSX.Element>;
-};

package/dist/MenuV2/typings.d.ts

@@ -1,9 +0,0 @@
-import { ComponentRadius } from '../Provider';
-import { AccentColorProps } from '../typings';
-export type MenuVariant = "solid" | "soft";
-export type MenuSize = "xs" | "sm" | "md" | "lg" | "xl";
-export interface MenuVariantProps extends AccentColorProps {
-    variant?: MenuVariant;
-    size?: MenuSize;
-    radius?: ComponentRadius;
-}

package/dist/MenuV2/utils.d.ts

@@ -1 +0,0 @@
-export declare const computeNextIndex: (index: number, length: number, direction: "next" | "prev", loop: boolean) => number;

package/dist/SelectedIndicator/SelectedIndicator.d.ts

@@ -1,5 +0,0 @@
-import { ComponentPropsWithRef, PropsWithChildren } from 'react';
-export interface SelectedIndicatorProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
-    children: PropsWithChildren["children"] | ((selected: boolean) => PropsWithChildren["children"]);
-}
-export declare const SelectedIndicator: import('react').NamedExoticComponent<SelectedIndicatorProps>;

package/dist/SelectedIndicator/index.d.ts

@@ -1,2 +0,0 @@
-export * from './context';
-export * from './SelectedIndicator';

package/dist/hooks.d.ts

@@ -1,20 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-import { ViewportSizes } from './typings';
-interface useViewportSizeProps {
-    xs: number | string;
-    sm: number | string;
-    md: number | string;
-    lg: number | string;
-    xl: number | string;
-}
-export declare const useViewportSize: (props: useViewportSizeProps) => Record<"xs" | "sm" | "md" | "lg" | "xl", boolean> & {
-    prevSize: ViewportSizes;
-    size: ViewportSizes;
-};
-/** custom hook use for providing filter functionality based on a text input field
- *  @param filterFunction make sure this is wrapped in a useCallback
- *  @param items items that should be filtered on (of type T) */
-export declare function useTextFilter<TItem>(items: TItem[], filterFunction: (value: TItem, filterValue: string) => boolean): [TItem[], string, Dispatch<SetStateAction<string>>];
-export declare function useControlledState<TState>(initialState: TState, state?: TState, setState?: (state: TState) => void): [TState, (state: TState) => void];
-export declare function useFallbackId(id?: string): string;
-export {};