@vertexvis/viewer-toolkit-react 0.0.5-canary.2 → 0.0.5-canary.21

package/dist/state/appearance/actions.d.ts

@@ -1,7 +1,13 @@
 import { ColorMaterialWithId } from '@util/appearance/color';
+import { UUID } from '@vertexvis/utils';
 import { ColorMaterial } from '@vertexvis/viewer';
 export interface UseSceneItemMaterialActions {
     updateColor(color: ColorMaterialWithId): void;
+    saveRecentColor(color: ColorMaterialWithId): Promise<void>;
+    removeRecentColor(colorId: UUID.UUID): Promise<void>;
+    setCustomColors(colors: ColorMaterialWithId[]): Promise<void>;
+    saveCustomColor(color: ColorMaterialWithId): Promise<void>;
+    removeCustomColor(colorId: UUID.UUID): Promise<void>;
     clearCurrentColor(): void;
     clearCurrentOpacity(): void;
     clear(): void;

package/dist/state/appearance/index.d.ts

@@ -1,4 +1,6 @@
 export * from './actions';
 export * from './feature-edges';
 export * from './material';
+export * from './selection-highlighting';
+export * from './types';
 export * from './viewer-background';

package/dist/state/appearance/material.d.ts

@@ -1,7 +1,10 @@
 import { ColorMaterialWithId } from '@util/appearance/color';
 import { ColorMaterial } from '@vertexvis/viewer';
 export declare const MAXIMUM_MATERIAL_OVERRIDE_OPACITY = 255;
+export declare const MAX_STORED_COLOR_ARRAY_LENGTH = 18;
 export declare const sceneItemAdjustmentsSelectedColor: import("recoil").RecoilState<ColorMaterialWithId | undefined>;
+export declare const sceneItemAdjustmentsRecentColors: import("recoil").RecoilState<ColorMaterialWithId[]>;
+export declare const sceneItemAdjustmentsCustomColors: import("recoil").RecoilState<ColorMaterialWithId[]>;
 export declare const sceneItemAdjustmentsSelectedOpacity: import("recoil").RecoilState<number | undefined>;
 /**
  * An atom that stores the modified material override for an item.

package/dist/state/appearance/types.d.ts

@@ -0,0 +1,2 @@
+export declare function elementIsColorSwatch(el: Element | EventTarget | null): el is HTMLVertexColorSwatchElement;
+export declare function elementHasColorAttribute(el: HTMLVertexColorSwatchElement): boolean;

package/dist/state/context-menu/actions.d.ts

@@ -1,4 +1,4 @@
-import { ContextMenuType } from '@state/context-menu/context-menu';
+import { ContextMenuItem, ContextMenuType } from '@state/context-menu/context-menu';
 import { Point } from '@vertexvis/geometry';
 type ContextMenuEventPredicate = (event: MouseEvent | TouchEvent | Event) => boolean;
 export interface UseContextMenuActions {
@@ -6,6 +6,7 @@ export interface UseContextMenuActions {
     pointerUp(event: PointerEvent, type: ContextMenuType, predicate?: ContextMenuEventPredicate, onOpen?: (event: PointerEvent, point: Point.Point) => void): void;
     contextMenu(event: Event, predicate?: ContextMenuEventPredicate): void;
     longPress(event: TouchEvent, type: ContextMenuType, predicate?: ContextMenuEventPredicate, onOpen?: (event: TouchEvent, point: Point.Point) => void): void;
+    setContextMenuItem(item: ContextMenuItem): void;
     clearActiveContextMenu(dismissedFromWindowPointerEvent?: boolean): void;
     clearDismissedState(): void;
 }

package/dist/state/context-menu/context-menu.d.ts

@@ -5,6 +5,7 @@ export type ContextMenuType = 'color-swatch' | 'measurement' | 'scene-tree' | 'v
 export type ContextMenuItem = Row | Hit | HTMLElement;
 export type ContextMenuAction = (item: ContextMenuItem) => void | Promise<void> | boolean | Promise<boolean>;
 export declare function contextMenuItemIsRow(item?: ContextMenuItem): item is Row;
+export declare function contextMenuItemIsElement(item?: ContextMenuItem): item is HTMLElement;
 export declare const contextMenuActive: import("recoil").RecoilState<ContextMenuType>;
 export declare const contextMenuPosition: import("recoil").RecoilState<Point.Point | undefined>;
 export declare const contextMenuTarget: import("recoil").RecoilState<HTMLElement | undefined>;

package/dist/state/messages/messages.d.ts

@@ -1,5 +1,6 @@
 export declare const LOW_SEVERITY_TOAST_MESSAGE_DURATION_MS = 3000;
 export declare const LOW_SEVERITY_BANNER_MESSAGE_DURATION_MS = 5000;
+export declare const MEDIUM_SEVERITY_TOAST_MESSAGE_DURATION_MS = 8000;
 export type ToastSeverity = 'info' | 'warn' | 'error';
 export interface ToastMessage {
     id?: string;

package/dist/state/metadata/__tests__/actions.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/state/metadata/actions.d.ts

@@ -0,0 +1,6 @@
+import { UUID } from '@vertexvis/utils';
+export interface UseMetadataActions {
+    fetchInitialMetadata(itemId: UUID.UUID): Promise<void>;
+    fetchNextMetadata(itemId: UUID.UUID): Promise<void>;
+}
+export declare function useMetadataActions(): UseMetadataActions;

package/dist/state/metadata/index.d.ts

@@ -0,0 +1,2 @@
+export * from './metadata';
+export * from './types';

package/dist/state/metadata/metadata.d.ts

@@ -0,0 +1,13 @@
+import { MetadataProperty } from '@state/metadata/types';
+interface MetadataSceneItemResponse {
+    metadata: MetadataProperty[] | undefined;
+    cursor: string | undefined;
+}
+export declare const showMetadataSceneItemProperties: import("recoil").RecoilState<boolean>;
+export declare const nextMetadataSceneItemProperties: (param: string) => import("recoil").RecoilValueReadOnly<MetadataSceneItemResponse | undefined>;
+export declare const loadedMetadataSceneItemProperties: (param: string) => import("recoil").RecoilState<MetadataProperty[]>;
+export declare const metadataSceneItemPropertiesCursor: (param: string) => import("recoil").RecoilState<string | undefined>;
+export declare const hasMoreMetadataSceneItemProperties: (param: string) => import("recoil").RecoilValueReadOnly<boolean>;
+export declare const isFetchingMetadataSceneItemProperties: (param: string) => import("recoil").RecoilState<boolean>;
+export declare const metadataSceneItemName: import("recoil").RecoilValueReadOnly<string | undefined>;
+export {};

package/dist/state/metadata/types.d.ts

@@ -0,0 +1,7 @@
+import { DomainPropertyEntry, DomainPropertyValue } from '@vertexvis/viewer/dist/types/lib/scene-items';
+export interface MetadataProperty {
+    key: string;
+    value: string;
+}
+export declare function fromApiProperty(property: DomainPropertyEntry): MetadataProperty;
+export declare function apiMetadataPropertyDisplayValue(propertyValue?: DomainPropertyValue | null): string;

package/dist/state/panel/actions.d.ts

@@ -1,7 +1,9 @@
-import { PrimaryPanel } from '@state/panel/panel';
+import { PrimaryPanel, SceneTreeSecondaryPanel } from '@state/panel/panel';
 export type PanelSide = 'left' | 'right';
 export interface UsePanelActions {
     openPrimary(panel: PrimaryPanel, side: PanelSide): void;
     closePrimary(side: PanelSide): void;
+    openSecondary(panel: SceneTreeSecondaryPanel): void;
+    closeSecondary(): void;
 }
 export declare function usePanelActions(): UsePanelActions;

package/dist/state/panel/panel.d.ts

@@ -1,3 +1,5 @@
-export type PrimaryPanel = 'appearance' | 'settings' | 'transforms';
-export declare const openedPanelActivePrimaryLeft: import("recoil").RecoilState<PrimaryPanel | undefined>;
-export declare const openedPanelActivePrimaryRight: import("recoil").RecoilState<PrimaryPanel | undefined>;
+export type PrimaryPanel = 'appearance' | 'settings' | 'transforms' | string;
+export type SceneTreeSecondaryPanel = 'Properties';
+export declare const openedPanelActivePrimaryLeft: import("recoil").RecoilState<string | undefined>;
+export declare const openedPanelActivePrimaryRight: import("recoil").RecoilState<string | undefined>;
+export declare const openedPanelActiveSceneTreeSecondary: import("recoil").RecoilState<"Properties" | undefined>;

package/dist/state/scene-tree/columns/columns.d.ts

@@ -10,6 +10,7 @@ interface DefaultColumn extends ActiveColumn {
 }
 export declare function mapToColumn(label: string, width: number): ActiveColumn;
 export declare const sceneTreeColumnsRefreshTrigger: import("recoil").RecoilState<number>;
+export declare const sceneTreeColumnsWhitelistedColumns: import("recoil").RecoilState<string[]>;
 export declare const sceneTreeColumnsAvailableColumns: import("recoil").RecoilValueReadOnly<string[]>;
 export declare const sceneTreeColumnsAvailableSortedColumns: import("recoil").RecoilValueReadOnly<string[]>;
 export declare const sceneTreeColumnsVisibleMetadataColumnNames: import("recoil").RecoilState<string[]>;

package/dist/state/scene-tree/columns/index.d.ts

@@ -1,3 +1,3 @@
 export * from './actions';
 export * from './columns';
-export * from './open-column-popover';
+export * from './open-positioned-popover';

package/dist/state/scene-tree/columns/{open-column-popover.d.ts → open-positioned-popover.d.ts}

@@ -6,16 +6,15 @@ export declare enum PlacementDirection {
     LEFT = "left",
     RIGHT = "right"
 }
-export interface UseOpenColumnPopoverProps {
+export interface UseOpenPositionedPopoverProps {
+    open: boolean;
     buttonElement: HTMLVertexIconButtonElement | null;
     horizontalOffset?: number;
     verticalOffset?: number;
 }
-export interface UseOpenColumnPopover {
-    open: boolean;
+export interface UseOpenPositionedPopover {
     position?: Point.Point;
     direction?: PlacementDirection;
     handleOpen: React.EffectCallback;
-    handleClose: React.EffectCallback;
 }
-export declare function useOpenColumnPopover({ buttonElement, horizontalOffset, verticalOffset, }: UseOpenColumnPopoverProps): UseOpenColumnPopover;
+export declare function useOpenPositionedPopover({ open, buttonElement, horizontalOffset, verticalOffset, }: UseOpenPositionedPopoverProps): UseOpenPositionedPopover;

package/dist/state/scene-tree/core/actions.d.ts

@@ -1,9 +1,13 @@
 import type { SceneTreeOperationHandler } from '@vertexvis/viewer/dist/types/components/scene-tree/lib/handlers';
+import { SceneTreePopoverType } from './core';
 export interface UseSceneTreeActions {
     toggleSelection: SceneTreeOperationHandler;
     toggleExpansion: SceneTreeOperationHandler;
     toggleVisibility: SceneTreeOperationHandler;
     flyToRow: (rowClientY: number) => Promise<void>;
+    flyToFirstSelectedItem: () => Promise<void>;
     setContextMenuItem: (rowClientY: number) => Promise<void>;
+    openSceneTreePopover(sceneTreePopover: SceneTreePopoverType | undefined): void;
+    closeSceneTreePopover(): void;
 }
 export declare function useSceneTreeActions(): UseSceneTreeActions;

package/dist/state/scene-tree/core/core.d.ts

@@ -2,3 +2,6 @@ import type { SceneTreeController } from '@vertexvis/viewer';
 export declare const sceneTreeLoaderVisible: import("recoil").RecoilState<boolean>;
 export declare const sceneTreeElement: import("recoil").RecoilState<HTMLVertexSceneTreeElement | null | undefined>;
 export declare const sceneTreeController: import("recoil").RecoilState<SceneTreeController | undefined>;
+export type SceneTreePopoverType = 'scene-tree-search' | 'scene-tree-columns';
+export declare const sceneTreeOpenPopover: import("recoil").RecoilState<SceneTreePopoverType | undefined>;
+export declare const sceneTreePopoverIsOpen: (param: SceneTreePopoverType) => import("recoil").RecoilValueReadOnly<boolean>;

package/dist/state/scene-tree/index.d.ts

@@ -1 +1,6 @@
+import * as Columns from './columns';
+import * as Core from './core';
+import * as Metadata from './metadata';
+import * as Search from './search';
 export * from './types';
+export { Columns, Core, Metadata, Search };

package/dist/state/scene-tree/metadata/index.d.ts

@@ -0,0 +1 @@
+export * from './metadata';

package/dist/state/scene-tree/metadata/metadata.d.ts

@@ -0,0 +1,2 @@
+export declare const sceneTreeAdditionalMetadataKeys: import("recoil").RecoilState<string[]>;
+export declare const sceneTreeActiveMetadataKeys: import("recoil").RecoilValueReadOnly<string[]>;

package/dist/state/scene-tree/search/actions.d.ts

@@ -1,7 +1,8 @@
 export interface SceneTreeSearchActions {
     setMetadataSearchKeys(metadataSearchKeys: string[]): void;
-    updateSearchForActiveColumns(searchTerm: string): Promise<void>;
-    updateMetadataSearchAfterSearchKeysChange(columnName: string, enableColumn: boolean): Promise<void>;
+    updateMetadataSearchAfterSearchKeysChange(columnName: string, enableColumn: boolean, visibleColumns: string[], searchTerm?: string): Promise<void>;
+    updateMetadataSearchAfterColumnVisibilityChange(previousColumns: string[], updatedColumns: string[], searchTerm?: string): Promise<void>;
     setMetadataSearchExactMatch(exactMatch: boolean): void;
+    setMetadataSearchRemoveHiddenItems(removeHiddenItems: boolean): void;
 }
 export declare const useSceneTreeSearchActions: () => SceneTreeSearchActions;

package/dist/state/scene-tree/search/search.d.ts

@@ -2,6 +2,7 @@ export declare const sceneTreeSearchActive: import("recoil").RecoilState<boolean
 export declare const sceneTreeColumnsPartial: import("recoil").RecoilState<boolean>;
 export declare const sceneTreeSearchValue: import("recoil").RecoilState<string | undefined>;
 export declare const sceneTreeSearchExactMatch: import("recoil").RecoilState<boolean>;
+export declare const sceneTreeSearchRemoveHiddenItems: import("recoil").RecoilState<boolean>;
 export declare const sceneTreeSearchResultCount: import("recoil").RecoilState<number>;
 export declare const sceneTreeSearchActiveColumns: import("recoil").RecoilState<string[]>;
 export declare const sceneTreeSearchNameColumnActive: import("recoil").RecoilValueReadOnly<boolean>;

package/dist/state/scene-tree/types.d.ts

@@ -12,3 +12,8 @@ export interface AssemblyBackgroundColors {
     hovered: string;
     selected: string;
 }
+export interface MetadataColumn {
+    key: string;
+    initialWidth?: number;
+    minWidth?: number;
+}

package/dist/state/scene-view-item/actions.d.ts

@@ -0,0 +1,8 @@
+export interface UseSceneViewItemActions {
+    /**
+     * Invalidates the `fetchedItems` cache of scene items. This should be
+     * used when resetting the scene to the original state.
+     */
+    invalidateCachedItems(): void;
+}
+export declare function useSceneViewItemActions(): UseSceneViewItemActions;

package/dist/state/scene-view-item/index.d.ts

@@ -0,0 +1,2 @@
+export * from './actions';
+export * from './items';

package/dist/state/scene-view-item/items.d.ts

@@ -0,0 +1,2 @@
+export declare const fetchedItemInvalidator: import("recoil").RecoilState<number>;
+export declare const fetchedItem: (param: string) => import("recoil").RecoilValueReadOnly<import("@vertexvis/viewer").SceneViewItem | undefined>;

package/dist/state/selection/selection.d.ts

@@ -11,9 +11,12 @@ export declare const selectionSelectedItemIds: import("recoil").RecoilState<stri
 export declare const selectionLastSelected: import("recoil").RecoilState<SelectionItem | undefined>;
 export declare const selectionLastSelectionFromViewer: import("recoil").RecoilState<boolean>;
 export declare const selectionLastSelectWasMultiSelect: import("recoil").RecoilState<boolean>;
+export declare const selectionHasMultipleSelected: import("recoil").RecoilValueReadOnly<boolean>;
+export declare const selectionFirstSelectedItemInTreeId: import("recoil").RecoilState<string | undefined>;
 export declare const selectionHighestSelectedAncestor: import("recoil").RecoilValueReadOnly<string | undefined>;
 export declare const selectionPreviousVisibleSummary: import("recoil").RecoilState<SceneViewSummary.ItemSetSummary | undefined>;
 export declare const selectionVisibleSummary: import("recoil").RecoilState<SceneViewSummary.ItemSetSummary | undefined>;
 export declare const selectionVisibleCount: import("recoil").RecoilValueReadOnly<number>;
 export declare const selectionBoundingBoxCenter: import("recoil").RecoilValueReadOnly<Vector3.Vector3>;
 export declare const selectionIsActive: import("recoil").RecoilValueReadOnly<boolean>;
+export declare const fetchedAndSelectedItems: import("recoil").RecoilValueReadOnly<(import("@vertexvis/viewer").SceneViewItem | undefined)[]>;

package/dist/state/transforms/actions.d.ts

@@ -1,5 +1,6 @@
 import { Hit } from '@state/hits';
 import { Euler, Vector3 } from '@vertexvis/geometry';
+import { UUID } from '@vertexvis/utils';
 export interface TransformActions {
     enableTransformWidget: (position?: Vector3.Vector3, setPositionToSelection?: boolean) => Promise<void>;
     disableTransformWidget: () => void;
@@ -7,7 +8,7 @@ export interface TransformActions {
     clearTransformWidgetOrientation: () => void;
     setTransformWidgetPosition: (position?: Vector3.Vector3, disableSync?: boolean) => Promise<void>;
     clearTransformWidgetPosition: () => void;
-    invalidateTransforms: () => void;
+    invalidateTransforms: () => Promise<void>;
     setIsInteractivelyTransforming: (interacting: boolean) => void;
     setDefaultWidgetPosition: () => Promise<void>;
     setDefaultWidgetPositionToSelection: () => Promise<void>;
@@ -17,5 +18,6 @@ export interface TransformActions {
     orientToHitResult: (hit?: Hit) => Promise<void>;
     clearSelectedTransforms: () => Promise<void>;
     clearAllTransforms: () => Promise<void>;
+    applyTransformToItem: (itemId: UUID.UUID) => Promise<void>;
 }
 export declare const useTransformActions: () => TransformActions;

package/dist/state/transforms/edit-transforms.d.ts

@@ -0,0 +1,10 @@
+import { ItemTransforms, TransformCoordinateSpace } from '@state/transforms/transforms';
+import { DistanceUnitType } from '@util/numbers/distance-units';
+import { Matrix4 } from '@vertexvis/geometry';
+import { Transform } from '@vertexvis/viewer';
+export declare function pickLocalOrWorldTransform(transform: ItemTransforms, coordinateSpace: TransformCoordinateSpace): Transform;
+export declare function mapItemTransforms(transforms: ItemTransforms, map: (t: Transform) => Transform): ItemTransforms;
+export declare function makeItemTransforms(transform: Transform, parentWM: Matrix4.Matrix4, coordinateSpace: TransformCoordinateSpace): ItemTransforms;
+export declare function convertTransformToUnits(transform: Transform, units: DistanceUnitType): Transform;
+export declare function convertTransformFromUnits(transform: Transform, units: DistanceUnitType): Transform;
+export declare function toValidTransform(transform: Transform): Transform;

package/dist/state/transforms/index.d.ts

@@ -1,2 +1,3 @@
 export * from './actions';
+export * from './edit-transforms';
 export * from './transforms';

package/dist/state/transforms/transforms.d.ts

@@ -1,12 +1,7 @@
-import { Euler, Vector3 } from '@vertexvis/geometry';
-/**
- * A type that wraps the local and world transforms for an item.
- */
-export interface Transform {
-    position: Vector3.Vector3;
-    rotation: Vector3.Vector3;
-    scale: number;
-}
+import { DistanceUnitType } from '@util/numbers/distance-units';
+import { Euler, Matrix4, Vector3 } from '@vertexvis/geometry';
+import { UUID } from '@vertexvis/utils';
+import { Transform } from '@vertexvis/viewer';
 /**
  * A type that wraps the local and world transforms for an item.
  */
@@ -14,7 +9,16 @@ export interface ItemTransforms {
     local: Transform;
     world: Transform;
 }
+interface EditedItemTransform {
+    transform: Transform;
+    coordinateSpace: TransformCoordinateSpace;
+    units: DistanceUnitType;
+}
 export type TransformCoordinateSpace = 'world' | 'local';
+/**
+ * A transform that is equivalent to an identity matrix.
+ */
+export declare const identityTransform: Transform;
 export declare const transformWidgetEnabled: import("recoil").RecoilState<boolean>;
 export declare const transformWidgetPosition: import("recoil").RecoilState<Vector3.Vector3 | undefined>;
 export declare const transformWidgetOrientationOverride: import("recoil").RecoilState<Euler.Euler | undefined>;
@@ -36,3 +40,45 @@ export declare const appliedItemTransformIds: import("recoil").RecoilState<strin
  * The state of the chosen coordinate space, e.g. local or world coordinates.
  */
 export declare const selectedCoordinateSpace: import("recoil").RecoilState<TransformCoordinateSpace>;
+/**
+ * An atom that tracks the state of the transform that was edited through the
+ * UI.
+ *
+ * **Note:** The UI should use the `displayedItemTransform` selector for
+ * presentation and editing, as that selector contains the business logic for
+ * pulling the correct state of the transform.
+ */
+export declare const editedItemTransform: (param: string) => import("recoil").RecoilState<EditedItemTransform | undefined>;
+/**
+ * A selector that returns the transform that can be displayed in the UI. This
+ * selector supports a setter than can be used by the UI to update the edited
+ * transform state, and apply the transform to the scene item.
+ */
+export declare const displayedItemTransform: (param: string | undefined) => import("recoil").RecoilState<Transform | undefined>;
+/**
+ * An async selector that fetches the local and world transforms for an item.
+ */
+export declare const fetchedItemTransforms: (param: string) => import("recoil").RecoilValueReadOnly<ItemTransforms | undefined>;
+/**
+ * An invalidator state to increment when we want the current transforms to be updated
+ */
+export declare const transformInvalidator: import("recoil").RecoilState<number>;
+/**
+ * A selector that will return the world matrix of an item's parent. If an item
+ * doesn't have a parent, then an identity matrix will be returned.
+ *
+ * **Note:** if the parent item has not been loaded, then this will fetch the
+ * parent item.
+ */
+export declare const parentItemWorldMatrix: (param: string | undefined) => import("recoil").RecoilValueReadOnly<Matrix4.Matrix4 | undefined>;
+interface UseEditItemTransform {
+    transform: Transform | undefined;
+    loading: boolean;
+    error: unknown;
+    update(newTransform: Transform): Promise<void>;
+}
+/**
+ * Returns a hook that can be used to edit the transform of an item.
+ */
+export declare function useEditItemTransform(itemId?: UUID.UUID): UseEditItemTransform;
+export {};

package/dist/state/viewer/camera/__tests__/actions.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/state/viewer/camera/actions.d.ts

@@ -4,6 +4,6 @@ export declare const DEFAULT_CAMERA_ANIMATION_DURATION = 500;
 export interface UseViewerCameraActions {
     flyToById(id: string, animationMs?: number): Promise<void>;
     flyToByBoundingBox(boundingBox: BoundingBox.BoundingBox, animationMs?: number): Promise<void>;
-    updateCameraType(type: ViewType): void;
+    updateCameraType(type: ViewType, checkBoundingBox: boolean): Promise<void>;
 }
 export declare function useViewerCameraActions(): UseViewerCameraActions;

package/dist/state/viewer/core/core.d.ts

@@ -4,3 +4,4 @@ export declare const viewerElementId: import("recoil").RecoilState<string>;
 export declare const viewerInitialSceneReady: import("recoil").RecoilState<boolean>;
 export declare const viewerBaseInteractionHandlerProvider: import("recoil").RecoilState<Promise<BaseInteractionHandler | undefined>>;
 export declare const viewerPrimaryInteractionType: import("recoil").RecoilState<InteractionType>;
+export declare const viewerSceneViewId: import("recoil").RecoilState<string | undefined>;

package/dist/state/viewer/scene/scene.d.ts

@@ -1,6 +1,4 @@
 import { BoundingBox } from '@vertexvis/geometry';
-import type { Scene } from '@vertexvis/viewer';
 import type { FrameScene } from '@vertexvis/viewer/dist/types/lib/types';
-export declare const viewerSceneProvider: import("recoil").RecoilValueReadOnly<() => Promise<Scene | undefined>>;
 export declare const viewerFrameScene: import("recoil").RecoilState<FrameScene | undefined>;
 export declare const viewerSceneVisibleBoundingBox: import("recoil").RecoilValueReadOnly<BoundingBox.BoundingBox | undefined>;

package/dist/testing/color-materials.d.ts

@@ -0,0 +1 @@
+export declare const defaultColorMaterialsWithId: import("@util/appearance/color").ColorMaterialWithId[];

package/dist/util/popover/popover.d.ts

@@ -1,3 +1,4 @@
 import { Point } from '@vertexvis/geometry';
+export type PopoverSize = 'sm' | 'md' | 'lg' | 'xl';
 export type DraggablePopoverPlacement = 'left' | 'right';
 export declare function useDockedPlacement(parent: HTMLElement | null, placement: DraggablePopoverPlacement): Point.Point;

package/dist/util/react/children.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function childrenAsArray<T>(children: T): T[];
+export declare function filterChildElements<P>(children: React.ReactNode, element: (props: P) => React.ReactElement<P>): Array<React.ReactElement<P>>;
+export declare function findChildElement<P>(children: React.ReactNode, element: (props: P) => React.ReactElement<P>): React.ReactElement<P> | undefined;
+export declare function cloneChildNodeOrFunction<P>(children: React.ReactElement<P> | ((props: P) => React.ReactNode), props: P & React.Attributes): React.ReactNode;

package/dist/util/refs/__tests__/when-component-ready.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/util/refs/when-component-ready.d.ts

@@ -1,2 +1,2 @@
 import type { HTMLStencilElement } from '@vertexvis/viewer/dist/types/stencil-public-runtime';
-export declare function whenComponentReady<T extends HTMLStencilElement, R>(component: T | undefined | null, execute: () => R): Promise<R | undefined>;
+export declare function whenComponentReady<T extends HTMLStencilElement, R>(component: T | undefined | null, execute: () => R, providedCustomElements?: CustomElementRegistry, providedRequestAnimationFrame?: typeof requestAnimationFrame, providedSetTimeout?: typeof setTimeout): Promise<R | undefined>;

package/dist/util/state/synced-value.d.ts

@@ -0,0 +1,5 @@
+import { RecoilState } from 'recoil';
+export interface UseStateSyncedValueOptions<T> {
+    transform?: (value: T) => T;
+}
+export declare function useStateSyncedValue<T>(state: RecoilState<T>, value?: T, { transform }?: UseStateSyncedValueOptions<T>): T;

package/dist/util/transforms/transforms.d.ts

@@ -0,0 +1,6 @@
+import { Matrix4, Vector3 } from '@vertexvis/geometry';
+import { Transform } from '@vertexvis/viewer';
+export declare function scale(matrix4: number[]): number;
+export declare function translation(matrix4: number[]): Vector3.Vector3;
+export declare function rotation(matrix4: number[]): Vector3.Vector3;
+export declare function toTransformFromApiMatrix(matrix: Matrix4.Matrix4 | undefined): Transform | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertexvis/viewer-toolkit-react",
-  "version": "0.0.5-canary.2",
+  "version": "0.0.5-canary.21",
   "description": "Components for common Vertex viewer usage patterns.",
   "author": "Vertex Developers <support@vertexvis.com> (https://developer.vertexvis.com)",
   "repository": {
@@ -32,9 +32,10 @@
     "prebuild": "yarn clean"
   },
   "dependencies": {
-    "@vertexvis/utils": "^0.23.3",
+    "@vertexvis/utils": "^0.23.6-canary.9",
     "classnames": "^2.3.1",
     "pino": "^9.7.0",
+    "react-infinite-scroller": "^1.2.6",
     "recoil": "^0.7.7"
   },
   "devDependencies": {
@@ -46,23 +47,27 @@
     "@tailwindcss/postcss": "^4.0.12",
     "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.6.1",
+    "@types/chance": "^1.1.6",
     "@types/jest": "^27.5.1",
     "@types/react": "^18.3.0",
     "@types/react-dom": "^18.3.0",
+    "@types/react-infinite-scroller": "^1.2.5",
     "@vertexvis/build-tools": "^0.10.1",
     "@vertexvis/eslint-config-vertexvis-typescript": "^0.5.1",
     "@vertexvis/jest-config-vertexvis": "^0.5.5",
-    "@vertexvis/tailwind-config": "^0.1.2",
-    "@vertexvis/ui-react": "^0.1.2",
-    "@vertexvis/viewer-react": "^0.23.6-canary.7",
-    "@vertexwebtoolkit/build": "^0.0.5-canary.2",
+    "@vertexvis/tailwind-config": "^0.1.3",
+    "@vertexvis/ui-react": "^0.1.3",
+    "@vertexvis/viewer-react": "^0.24.3-canary.2",
+    "@vertexwebtoolkit/build": "^0.0.5-canary.21",
     "autoprefixer": "^10.4.20",
+    "chance": "^1.1.13",
     "eslint": "8.49.0",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-storybook": "0.6.15",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "jest-fetch-mock": "^3.0.3",
     "postcss": "^8.5.3",
     "prettier": "^3.5.3",
     "react": "^18.3.0",
@@ -78,11 +83,11 @@
     "tslib": "^2.8.1"
   },
   "peerDependencies": {
-    "@vertexvis/ui-react": ">=0.1.0 < 1.0.0",
-    "@vertexvis/viewer-react": ">=0.23.0 <1.0.0",
+    "@vertexvis/ui-react": ">=0.1.3 < 1.0.0",
+    "@vertexvis/viewer-react": ">=0.24.2 <1.0.0",
     "react": ">=16.3.0 <19.0.0",
     "react-dom": ">=16.3.0 <19.0.0",
     "tslib": ">=2.1.0"
   },
-  "gitHead": "ba32ebef83644d2e9a5bb2ef4ae90a475627be53"
+  "gitHead": "8c8ebfc14d685264a3691848242a4ecb71b1ab13"
 }

package/dist/components/appearance/material-controls.d.ts

@@ -1,7 +0,0 @@
-import { ColorMaterial } from '@vertexvis/viewer';
-export interface Props {
-    onApplyMaterial?: (color: ColorMaterial.ColorMaterial | undefined) => void;
-    onApplyMaterialToAll?: (color: ColorMaterial.ColorMaterial | undefined) => void;
-    onApplyOpacity?: (opacity: number) => void;
-}
-export declare function VertexMaterialControls({ onApplyMaterial, onApplyMaterialToAll, onApplyOpacity, }: Props): JSX.Element;

package/dist/components/appearance/material-panel-section.d.ts

@@ -1,9 +0,0 @@
-import { ColorMaterial } from '@vertexvis/viewer';
-export interface Props {
-    onClearMaterial?: VoidFunction;
-    onClearAllMaterials?: VoidFunction;
-    onApplyMaterial?: (color: ColorMaterial.ColorMaterial | undefined) => void;
-    onApplyMaterialToAll?: (color: ColorMaterial.ColorMaterial | undefined) => void;
-    onApplyOpacity?: (opacity: number) => void;
-}
-export declare function VertexMaterialPanelSection({ onClearMaterial, onClearAllMaterials, onApplyMaterial, onApplyMaterialToAll, onApplyOpacity, }: Props): JSX.Element;

package/dist/components/scene-tree/vertex-scene-tree-table-layout.d.ts

@@ -1,3 +0,0 @@
-import { VertexSceneTreeTableLayout as SdkVertexSceneTreeTableLayout } from '@vertexvis/viewer-react';
-import React from 'react';
-export declare const VertexSceneTreeTableLayout: (sdkProps: React.ComponentProps<typeof SdkVertexSceneTreeTableLayout>) => JSX.Element;

package/dist/components/scene-tree/vertex-scene-tree.d.ts

@@ -1,14 +0,0 @@
-import { AssemblyBackgroundColors, AssemblyFont } from '@state/scene-tree/types';
-import type { SceneTreeOperationHandler } from '@vertexvis/viewer/dist/types/components/scene-tree/lib/handlers';
-import { VertexSceneTree as SdkVertexSceneTree } from '@vertexvis/viewer-react';
-import React from 'react';
-export interface Props {
-    readonly id?: string;
-    readonly font?: Partial<AssemblyFont>;
-    readonly backgroundColors?: Partial<AssemblyBackgroundColors>;
-    readonly onToggleSelection?: SceneTreeOperationHandler;
-    readonly onToggleExpansion?: SceneTreeOperationHandler;
-    readonly onToggleVisibility?: SceneTreeOperationHandler;
-    readonly children?: React.ReactNode;
-}
-export declare const VertexSceneTree: ({ id, font, backgroundColors, children, style, onPointerDown, onClick, onToggleSelection, onToggleExpansion, onToggleVisibility, className, rowData, ...sdkProps }: Props & React.ComponentProps<typeof SdkVertexSceneTree>) => JSX.Element;