@overmap-ai/blocks 1.0.40-improvements.1 → 1.0.40

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,7 +19,6 @@ export * from './Layout';
 export * from './Link';
 export * from './LuIcon';
 export * from './Menu';
-export * from './MenuV2';
 export * from './OneTimePasswordField';
 export * from './Overlay';
 export * from './OvermapErrorBoundary';
@@ -28,6 +27,7 @@ export * from './Progress';
 export * from './Provider';
 export * from './RadioCards';
 export * from './RadioGroup';
+export * from './Rating';
 export * from './SegmentedControl';
 export * from './SegmentedTabs';
 export * from './Separator';
@@ -44,4 +44,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-improvements.1",
+	"version": "1.0.40",
 	"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 { MenuV2ItemProps } from './Item';
-export interface MenuV2CheckboxItemProps extends MenuV2ItemProps {
-    checked: boolean | "indeterminate";
-    onCheckedChange: (checked: boolean) => void;
-}
-export declare const MenuV2CheckboxItem: import('react').NamedExoticComponent<MenuV2CheckboxItemProps>;

package/dist/MenuV2/CheckboxItemIndicator.d.ts

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

package/dist/MenuV2/Group.d.ts

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

package/dist/MenuV2/GroupLabel.d.ts

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

package/dist/MenuV2/Item.d.ts

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

package/dist/MenuV2/MultiSelectAllItem.d.ts

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

package/dist/MenuV2/MultiSelectGroup.d.ts

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

package/dist/MenuV2/MultiSelectItem.d.ts

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

package/dist/MenuV2/Page.d.ts

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

package/dist/MenuV2/PageTriggerItem.d.ts

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

package/dist/MenuV2/Pages.d.ts

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

package/dist/MenuV2/Root.d.ts

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

package/dist/MenuV2/SelectGroup.d.ts

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

package/dist/MenuV2/SelectItem.d.ts

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

package/dist/MenuV2/SelectedIndicator.d.ts

@@ -1,3 +0,0 @@
-import { SelectedIndicatorProps } from '../SelectedIndicator';
-export type MenuV2SelectedIndicatorProps = SelectedIndicatorProps;
-export declare const MenuV2SelectedIndicator: 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 MenuV2SeparatorProps extends ComponentPropsWithRef<typeof RadixSeparator.Root> {
-}
-export declare const MenuV2Separator: import('react').NamedExoticComponent<MenuV2SeparatorProps>;

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 { MenuV2VariantProps } from './typings';
-export interface IMenuRootContext extends Required<MenuV2VariantProps> {
-    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,36 +0,0 @@
-/// <reference types="react" />
-export * from './CheckboxItem';
-export * from './CheckboxItemIndicator';
-export * from './Group';
-export * from './GroupLabel';
-export * from './Item';
-export * from './MultiSelectAllItem';
-export * from './MultiSelectGroup';
-export * from './MultiSelectItem';
-export * from './Page';
-export * from './Pages';
-export * from './PageTriggerItem';
-export * from './Root';
-export * from './SelectedIndicator';
-export * from './SelectGroup';
-export * from './SelectItem';
-export * from './Separator';
-export type * from './typings';
-export declare const MenuV2: {
-    Root: import('react').NamedExoticComponent<import('./Root').MenuV2RootProps>;
-    Group: import('react').NamedExoticComponent<import('./Group').MenuV2GroupProps>;
-    GroupLabel: import('react').MemoExoticComponent<(props: import('./GroupLabel').MenuV2GroupLabelProps) => import("react/jsx-runtime").JSX.Element>;
-    Item: import('react').NamedExoticComponent<import('./Item').MenuV2ItemProps>;
-    Separator: import('react').NamedExoticComponent<import('./Separator').MenuV2SeparatorProps>;
-    SelectGroup: <TValue>(props: import('./SelectGroup').MenuV2SelectGroupProps<TValue>) => import("react/jsx-runtime").JSX.Element;
-    SelectItem: <TValue_1>(props: import('./SelectItem').MenuV2SelectItemProps<TValue_1>) => import("react/jsx-runtime").JSX.Element;
-    MultiSelectGroup: <TValue_2>(props: import('./MultiSelectGroup').MenuV2MultiSelectGroupProps<TValue_2>) => import("react/jsx-runtime").JSX.Element;
-    MultiSelectItem: <TValue_3>(props: import('./MultiSelectItem').MenuV2MultiSelectItemProps<TValue_3>) => import("react/jsx-runtime").JSX.Element;
-    SelectAllItem: <TValue_4>(props: import('./MultiSelectAllItem').MenuV2SelectAllItemProps) => import("react/jsx-runtime").JSX.Element;
-    SelectedIndicator: import('react').NamedExoticComponent<import('../SelectedIndicator').SelectedIndicatorProps>;
-    CheckboxItem: import('react').NamedExoticComponent<import('./CheckboxItem').MenuV2CheckboxItemProps>;
-    CheckedIndicator: import('react').NamedExoticComponent<import('../CheckedIndicator').CheckedIndicatorProps>;
-    Pages: import('react').MemoExoticComponent<(props: import('./Pages').MenuV2PagesProps) => import("react/jsx-runtime").JSX.Element>;
-    Page: import('react').MemoExoticComponent<(props: import('./Page').MenuV2PageProps) => import("react/jsx-runtime").JSX.Element>;
-    PageTriggerItem: import('react').MemoExoticComponent<(props: import('./PageTriggerItem').MenuV2PageTriggerItemProps) => 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 MenuV2Variant = "solid" | "soft";
-export type MenuV2Size = "xs" | "sm" | "md" | "lg" | "xl";
-export interface MenuV2VariantProps extends AccentColorProps {
-    variant?: MenuV2Variant;
-    size?: MenuV2Size;
-    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 {};