@vertexvis/viewer-toolkit-react 0.0.3-canary.0 → 0.0.3-canary.10

package/dist/state/cross-section/actions.d.ts

@@ -4,7 +4,8 @@ export declare const DEFAULT_ALIGN_TO_PLANE_ANIMATION_DURATION_MS = 500;
 interface UseCrossSectioningActions {
     enable(keepSnapshotSelection?: boolean): Promise<void>;
     disable(keepSnapshotSelection?: boolean): Promise<void>;
-    openAdditionalTools(): void;
+    reapply(): Promise<void>;
+    openAdditionalTools(): Promise<void>;
     closeAdditionalTools(): void;
     openAlignmentTools(): void;
     closeAlignmentTools(): void;
@@ -17,8 +18,8 @@ interface UseCrossSectioningActions {
     alignViewToPlane(): Promise<void>;
     updateAxis(axis: CrossSectionPlane.Axis): Promise<void>;
     updateAlignment(alignment: CrossSectionPlane.CrossSectionAlignment, item?: Hit): Promise<void>;
-    sectionCurrentHit(): void;
-    cancelCurrentHit(): void;
+    sectionCurrentHit(): Promise<void>;
+    cancelCurrentHit(): Promise<void>;
 }
 export declare function useCrossSectioningActions(): UseCrossSectioningActions;
 export {};

package/dist/state/cross-section/cross-section.d.ts

@@ -1,6 +1,8 @@
 import { CrossSectionInteractionHandler } from '@util/cross-section/interaction-handler';
 import * as CrossSectionPlane from '@util/cross-section/section-plane';
 import { BoundingBox } from '@vertexvis/geometry';
+export declare const DEFAULT_CROSS_SECTION_HIGHLIGHT_COLOR = "#999999";
+export declare const DEFAULT_CROSS_SECTION_LINE_THICKNESS_VALUE = 1;
 export interface CrossSectionAlignment {
     mode: CrossSectionPlane.CrossSectionAlignment;
     hitPending: boolean;
@@ -12,8 +14,8 @@ export interface CrossSectionSliderOffsets {
 }
 export declare const DEFAULT_SLIDER_RANGE: CrossSectionSliderOffsets;
 export declare const crossSectioningEnabled: import("recoil").RecoilState<boolean>;
-export declare const crossSectioningHighlightColor: import("recoil").RecoilState<string | undefined>;
-export declare const crossSectioningBorderWidth: import("recoil").RecoilState<number | undefined>;
+export declare const crossSectioningHighlightColor: import("recoil").RecoilState<string>;
+export declare const crossSectioningBorderWidth: import("recoil").RecoilState<number>;
 export declare const crossSectioningPlanes: import("recoil").RecoilState<CrossSectionPlane.CrossSectionPlane[]>;
 export declare const crossSectioningAlignment: import("recoil").RecoilState<CrossSectionAlignment>;
 export declare const crossSectioningTargetBoundingBox: import("recoil").RecoilValueReadOnly<BoundingBox.BoundingBox | undefined>;

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

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

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

@@ -0,0 +1,7 @@
+export interface UseSceneItemPhantomActions {
+    setPhantomState(phantom: boolean): Promise<void>;
+    clearPhantomState(): Promise<void>;
+    clearAllPhantomState(): Promise<void>;
+    resetAllPhantomState(): Promise<void>;
+}
+export declare const useSceneItemPhantomActions: () => UseSceneItemPhantomActions;

package/dist/state/ghosting/ghosting.d.ts

@@ -0,0 +1,12 @@
+export declare const DEFAULT_GHOSTING_OPACITY = 35;
+export declare const sceneItemGhostingSelectedOpacity: import("recoil").RecoilState<number>;
+/**
+ * An atom that stores the modified phantom state for an item.
+ */
+export declare const appliedItemPhantomState: (param: string) => import("recoil").RecoilState<boolean | undefined>;
+/**
+ * An atom that stores the list of item ids where a phantom override
+ * has been applied.
+ */
+export declare const appliedItemPhantomStateIds: import("recoil").RecoilState<string[]>;
+export declare const sceneItemGhostingLastSelectedPhantom: import("recoil").RecoilValueReadOnly<boolean>;

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

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

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

@@ -0,0 +1,19 @@
+import { EditedPointToPointMeasurement } from '@state/measurement/point-to-point-measurement';
+type MeasurementMode = 'point-to-point' | 'precise';
+export interface ToggleMeasurementOptions {
+    keepExistingMeasurement?: boolean;
+}
+export interface UseMeasurementActions {
+    disableEditMeasurement(options?: ToggleMeasurementOptions): Promise<void>;
+    enableEditMeasurement(mode: MeasurementMode): Promise<void>;
+    toggleEditPreciseMeasurement(): Promise<void>;
+    toggleEditPointToPointMeasurement(): Promise<void>;
+    resetMeasurement(): Promise<void>;
+    clearEditedPointToPointMeasurement(): void;
+    setEditedPointToPointMeasurement(measurement: EditedPointToPointMeasurement): void;
+}
+export declare function useMeasurementActions(): UseMeasurementActions;
+export declare function useEnablePointToPointMeasurement(): (options?: ToggleMeasurementOptions) => void;
+export declare function useDisablePointToPointMeasurement(): (options?: ToggleMeasurementOptions) => void;
+export declare function useDisablePreciseMeasurement(): () => void;
+export {};

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

@@ -0,0 +1,4 @@
+export * from './actions';
+export * from './measurement';
+export * from './point-to-point-measurement';
+export * from './precise-measurement';

package/dist/state/measurement/measurement.d.ts

@@ -0,0 +1,6 @@
+import type { MeasurementOutcome, MeasurementOverlayManager } from '@vertexvis/viewer';
+export declare const isEditingMeasurement: import("recoil").RecoilValueReadOnly<boolean>;
+export declare const measurementPanelOutcome: import("recoil").RecoilValueReadOnly<MeasurementOutcome | undefined>;
+export declare const measurementPanelOverlays: import("recoil").RecoilValueReadOnly<MeasurementOverlayManager | undefined>;
+export declare const measurementPanelMessage: import("recoil").RecoilValueReadOnly<string | undefined>;
+export declare const measurementPanelIsResettable: import("recoil").RecoilValueReadOnly<boolean>;

package/dist/state/measurement/point-to-point-measurement.d.ts

@@ -0,0 +1,11 @@
+import { Vector3 } from '@vertexvis/geometry';
+import type { MeasurementOutcome } from '@vertexvis/viewer';
+export interface EditedPointToPointMeasurement {
+    start: Vector3.Vector3;
+    end: Vector3.Vector3;
+    invalid: boolean;
+}
+export declare const isEditingPointToPointMeasurement: import("recoil").RecoilState<boolean>;
+export declare const pointToPointMeasurementOutcome: import("recoil").RecoilState<MeasurementOutcome | undefined>;
+export declare const editedPointToPointMeasurement: import("recoil").RecoilState<EditedPointToPointMeasurement | undefined>;
+export declare function usePointToPointMeasurement(element: HTMLVertexViewerMeasurementDistanceElement | null): void;

package/dist/state/measurement/precise-measurement.d.ts

@@ -0,0 +1,8 @@
+import type { MeasurementController, MeasurementEntity, MeasurementOutcome, MeasurementOverlayManager } from '@vertexvis/viewer';
+export declare const isEditingPreciseMeasurement: import("recoil").RecoilState<boolean>;
+export declare const preciseMeasurementOutcome: import("recoil").RecoilState<MeasurementOutcome | undefined>;
+export declare const preciseMeasurementController: import("recoil").RecoilState<MeasurementController | undefined>;
+export declare const preciseMeasurementOverlays: import("recoil").RecoilState<MeasurementOverlayManager | undefined>;
+export declare const preciseMeasurementEntities: import("recoil").RecoilState<MeasurementEntity[]>;
+export declare const preciseMeasurementMessage: import("recoil").RecoilValueReadOnly<string | undefined>;
+export declare function usePreciseMeasurementModel(element: HTMLVertexViewerMeasurementPreciseElement | null, onEntitiesChanged?: (measurement: MeasurementEntity[]) => void, onOutcomeChanged?: (measurement: MeasurementOutcome | undefined) => void): void;

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

@@ -0,0 +1,6 @@
+import { BannerMessage, ToastMessage } from './messages';
+export interface ApplicationMessagesActions {
+    setBannerMessage: (banner?: BannerMessage) => void;
+    setToastMessage: (toast?: ToastMessage) => void;
+}
+export declare const useApplicationMessageActions: () => ApplicationMessagesActions;

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

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

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

@@ -0,0 +1,18 @@
+export declare const LOW_SEVERITY_TOAST_MESSAGE_DURATION_MS = 3000;
+export declare const LOW_SEVERITY_BANNER_MESSAGE_DURATION_MS = 5000;
+export type ToastSeverity = 'info' | 'warn' | 'error';
+export interface ToastMessage {
+    id?: string;
+    message: string;
+    duration: number;
+    type?: ToastSeverity;
+}
+export type BannerSeverity = 'info' | 'success' | 'warn' | 'error';
+export interface BannerMessage {
+    id?: string;
+    message: string;
+    duration: number;
+    type?: BannerSeverity;
+}
+export declare const applicationMessageToast: import("recoil").RecoilState<ToastMessage | undefined>;
+export declare const applicationMessageBanner: import("recoil").RecoilState<BannerMessage | undefined>;

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

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

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

@@ -1,3 +1,4 @@
+import { Vector3 } from '@vertexvis/geometry';
 import { UUID } from '@vertexvis/utils';
 import type { SceneViewSummary } from '@vertexvis/viewer/dist/types/lib/types';
 export interface SelectionItem {
@@ -14,4 +15,5 @@ export declare const selectionHighestSelectedAncestor: import("recoil").RecoilVa
 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>;

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

@@ -0,0 +1,21 @@
+import { Hit } from '@state/hits';
+import { Euler, Vector3 } from '@vertexvis/geometry';
+export interface TransformActions {
+    enableTransformWidget: (position?: Vector3.Vector3, setPositionToSelection?: boolean) => Promise<void>;
+    disableTransformWidget: () => void;
+    setTransformWidgetOrientation: (orientation?: Euler.Euler) => void;
+    clearTransformWidgetOrientation: () => void;
+    setTransformWidgetPosition: (position?: Vector3.Vector3, disableSync?: boolean) => Promise<void>;
+    clearTransformWidgetPosition: () => void;
+    invalidateTransforms: () => void;
+    setIsInteractivelyTransforming: (interacting: boolean) => void;
+    setDefaultWidgetPosition: () => Promise<void>;
+    setDefaultWidgetPositionToSelection: () => Promise<void>;
+    enableSelectionSync: () => void;
+    disableSelectionSync: () => void;
+    syncToSelection: () => Promise<void>;
+    orientToHitResult: (hit?: Hit) => Promise<void>;
+    clearSelectedTransforms: () => Promise<void>;
+    clearAllTransforms: () => Promise<void>;
+}
+export declare const useTransformActions: () => TransformActions;

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

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

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

@@ -0,0 +1,38 @@
+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;
+}
+/**
+ * A type that wraps the local and world transforms for an item.
+ */
+export interface ItemTransforms {
+    local: Transform;
+    world: Transform;
+}
+export type TransformCoordinateSpace = 'world' | 'local';
+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>;
+export declare const transformWidgetOrientation: import("recoil").RecoilValueReadOnly<Euler.Euler | undefined>;
+export declare const transformWidgetCachedOrientation: import("recoil").RecoilState<Euler.Euler | undefined>;
+export declare const transformWidgetSyncToSelection: import("recoil").RecoilState<boolean>;
+export declare const transformWidgetIsInteracting: import("recoil").RecoilState<boolean>;
+/**
+ * An atom that stores the modified local and world transforms for an item.
+ * The `useApplyItemTransform` hook will track the state of this atom and apply
+ * the item transform when it changes.
+ */
+export declare const appliedItemTransforms: (param: string) => import("recoil").RecoilState<ItemTransforms | undefined>;
+/**
+ * An atom that stores the list of ids stored in the atom family
+ */
+export declare const appliedItemTransformIds: import("recoil").RecoilState<string[]>;
+/**
+ * The state of the chosen coordinate space, e.g. local or world coordinates.
+ */
+export declare const selectedCoordinateSpace: import("recoil").RecoilState<TransformCoordinateSpace>;

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

@@ -1,5 +1,6 @@
 import { BaseInteractionHandler, InteractionType } from '@vertexvis/viewer/dist/types/lib/interactions/baseInteractionHandler';
 export declare const viewerElement: import("recoil").RecoilState<HTMLVertexViewerElement | null | undefined>;
+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>;

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

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

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

@@ -0,0 +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>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertexvis/viewer-toolkit-react",
-  "version": "0.0.3-canary.0",
+  "version": "0.0.3-canary.10",
   "description": "Components for common Vertex viewer usage patterns.",
   "author": "Vertex Developers <support@vertexvis.com> (https://developer.vertexvis.com)",
   "repository": {
@@ -33,8 +33,8 @@
   },
   "dependencies": {
     "@vertexvis/utils": "^0.23.3",
+    "@vertexwebtoolkit/logging": "^0.0.3-canary.10",
     "classnames": "^2.3.1",
-    "pino": "^9.6.0",
     "recoil": "^0.7.7"
   },
   "devDependencies": {
@@ -53,7 +53,8 @@
     "@vertexvis/jest-config-vertexvis": "^0.5.5",
     "@vertexvis/tailwind-config": "^0.1.2",
     "@vertexvis/ui-react": "^0.1.2",
-    "@vertexvis/viewer-react": "^0.23.3",
+    "@vertexvis/viewer-react": "^0.23.5-canary.1",
+    "@vertexwebtoolkit/build": "^0.0.3-canary.10",
     "autoprefixer": "^10.4.20",
     "eslint": "8.49.0",
     "eslint-plugin-react-hooks": "^5.2.0",
@@ -70,7 +71,6 @@
     "rollup-plugin-livereload": "^2.0.5",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-serve": "^3.0.0",
-    "rollup-plugin-terser": "^7.0.2",
     "storybook": "8.6.4",
     "tailwindcss": "^4.0.12",
     "ts-jest": "^29.2.6",
@@ -83,5 +83,5 @@
     "react-dom": ">=16.3.0 <19.0.0",
     "tslib": ">=2.1.0"
   },
-  "gitHead": "3499b875733cf9814b196b5813419a6236388979"
+  "gitHead": "b481aca4467544425f9c2f6dc23680c5c74a5178"
 }

package/dist/util/logging/logger.d.ts

@@ -1,8 +0,0 @@
-interface Logger {
-    error: (message: string, err?: any) => void;
-    warn: (message: string, err?: any) => void;
-    info: (message: string, obj?: any) => void;
-    debug: (message: string, obj?: any) => void;
-}
-export declare const logger: Logger;
-export {};

package/dist/util/recoil/synchronized-prop.d.ts

@@ -1,2 +0,0 @@
-import { RecoilState } from 'recoil';
-export declare const useSynchronizedProp: <T>(state: RecoilState<T>, value: T) => void;