@vertexvis/viewer-toolkit-react 0.0.2-canary.0 → 0.0.2-canary.2

package/dist/bundle.cjs.js

@@ -1,35 +1,69 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var uiReact = require('@vertexvis/ui-react');
+var classNames = require('classnames');
+var React = require('react');
 var utils = require('@vertexvis/utils');
 var recoil = require('recoil');
 var geometry = require('@vertexvis/geometry');
 var Pino = require('pino');
 var viewerReact = require('@vertexvis/viewer-react');
-var classNames = require('classnames');
 var loader = require('@vertexvis/viewer/loader');
 
 function _interopNamespaceDefault(e) {
-   var n = Object.create(null);
-   if (e) {
-      Object.keys(e).forEach(function (k) {
-         if (k !== 'default') {
-            var d = Object.getOwnPropertyDescriptor(e, k);
-            Object.defineProperty(n, k, d.get ? d : {
-               enumerable: true,
-               get: function () { return e[k]; }
-            });
-         }
-      });
-   }
-   n.default = e;
-   return Object.freeze(n);
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
+const DEFAULT_VERTICAL_SCALE = 1;
+const VertexResizableContent = ({ displayShadow, heading, id, initialScale, position = 'left', children, onResize, }) => {
+    const isHorizontallyPositioned = position === 'left' || position === 'right';
+    const isVerticallyPositioned = position === 'top';
+    function getHorizontalResizeDirection() {
+        switch (position) {
+            case 'left':
+                return 'right';
+            case 'right':
+                return 'left';
+            default:
+                return 'none';
+        }
+    }
+    function getVerticalResizeDirection() {
+        return position === 'top' ? 'top' : 'none';
+    }
+    const initialVerticalScale = initialScale != null ? initialScale : DEFAULT_VERTICAL_SCALE;
+    return (jsxRuntime.jsx(uiReact.VertexResizable, { id: id, "data-testid": `resizable-content-position-${position}`, className: classNames('pointer-events-auto z-popover md:z-overlay bg-white bg-opacity-95 flex-grow-0 flex-shrink-0', {
+            ['border-r min-w-75 max-w-half']: position === 'left',
+            ['sidebar-shadow-right']: position === 'left' && displayShadow,
+            ['border-l right-0 relative']: position === 'right',
+            ['sidebar-shadow-left']: position === 'right' && displayShadow,
+            ['border-t bottom-0 fixed']: position === 'top',
+            ['min-h-12 sheet']: isVerticallyPositioned,
+        }), style: {
+            // This corrects an issue on mobile where `100vh` reflects the space
+            // under the address bar and bottom toolbar in CSS.
+            maxHeight: position === 'top' ? window.innerHeight : undefined,
+        }, initialHorizontalScale: isHorizontallyPositioned ? initialScale : undefined, initialVerticalScale: isVerticallyPositioned ? initialVerticalScale : undefined, horizontalDirection: getHorizontalResizeDirection(), verticalDirection: getVerticalResizeDirection(), position: position === 'right' || position === 'top' ? 'absolute' : 'relative', onResizeEnd: () => onResize === null || onResize === void 0 ? void 0 : onResize(), children: jsxRuntime.jsxs("div", { className: "flex flex-col h-full w-full", children: [jsxRuntime.jsx("div", { className: "flex justify-center w-full", children: jsxRuntime.jsx("div", { className: "block md:hidden w-20 h-0.5 mt-0.5 bg-neutral-600 rounded" }) }), heading, jsxRuntime.jsx("div", { className: classNames('w-full flex flex-col h-0 flex-grow', {
+                        ['right-0']: position === 'right',
+                    }), children: children })] }) }));
+};
+
 // DEPRECATED - avoid if possible
 const useRecoilReducer = ({ reducer, atom, }) => {
     const state = recoil.useRecoilValue(atom);
@@ -1155,27 +1189,27 @@ function useCrossSectioningActions() {
 }
 
 var index$3 = /*#__PURE__*/Object.freeze({
-   __proto__: null,
-   DEFAULT_ALIGN_TO_PLANE_ANIMATION_DURATION_MS: DEFAULT_ALIGN_TO_PLANE_ANIMATION_DURATION_MS,
-   DEFAULT_SLIDER_RANGE: DEFAULT_SLIDER_RANGE,
-   crossSectioningActiveAxis: crossSectioningActiveAxis,
-   crossSectioningAdditionalToolsOpen: crossSectioningAdditionalToolsOpen,
-   crossSectioningAlignment: crossSectioningAlignment,
-   crossSectioningAlignmentToolsOpen: crossSectioningAlignmentToolsOpen,
-   crossSectioningAvailableAxes: crossSectioningAvailableAxes,
-   crossSectioningAxisToolsOpen: crossSectioningAxisToolsOpen,
-   crossSectioningBorderWidth: crossSectioningBorderWidth,
-   crossSectioningEnabled: crossSectioningEnabled,
-   crossSectioningHighlightColor: crossSectioningHighlightColor,
-   crossSectioningInteractionHandler: crossSectioningInteractionHandler,
-   crossSectioningIsInteractive: crossSectioningIsInteractive,
-   crossSectioningOffsetScalar: crossSectioningOffsetScalar,
-   crossSectioningPlaneDisplayOffset: crossSectioningPlaneDisplayOffset,
-   crossSectioningPlanes: crossSectioningPlanes,
-   crossSectioningSliderRange: crossSectioningSliderRange,
-   crossSectioningTargetBoundingBox: crossSectioningTargetBoundingBox,
-   useCrossSectioning: useCrossSectioning,
-   useCrossSectioningActions: useCrossSectioningActions
+    __proto__: null,
+    DEFAULT_ALIGN_TO_PLANE_ANIMATION_DURATION_MS: DEFAULT_ALIGN_TO_PLANE_ANIMATION_DURATION_MS,
+    DEFAULT_SLIDER_RANGE: DEFAULT_SLIDER_RANGE,
+    crossSectioningActiveAxis: crossSectioningActiveAxis,
+    crossSectioningAdditionalToolsOpen: crossSectioningAdditionalToolsOpen,
+    crossSectioningAlignment: crossSectioningAlignment,
+    crossSectioningAlignmentToolsOpen: crossSectioningAlignmentToolsOpen,
+    crossSectioningAvailableAxes: crossSectioningAvailableAxes,
+    crossSectioningAxisToolsOpen: crossSectioningAxisToolsOpen,
+    crossSectioningBorderWidth: crossSectioningBorderWidth,
+    crossSectioningEnabled: crossSectioningEnabled,
+    crossSectioningHighlightColor: crossSectioningHighlightColor,
+    crossSectioningInteractionHandler: crossSectioningInteractionHandler,
+    crossSectioningIsInteractive: crossSectioningIsInteractive,
+    crossSectioningOffsetScalar: crossSectioningOffsetScalar,
+    crossSectioningPlaneDisplayOffset: crossSectioningPlaneDisplayOffset,
+    crossSectioningPlanes: crossSectioningPlanes,
+    crossSectioningSliderRange: crossSectioningSliderRange,
+    crossSectioningTargetBoundingBox: crossSectioningTargetBoundingBox,
+    useCrossSectioning: useCrossSectioning,
+    useCrossSectioningActions: useCrossSectioningActions
 });
 
 const useHitActions = () => {
@@ -1257,15 +1291,15 @@ const hitState = recoil.selector({
 });
 
 var index$2 = /*#__PURE__*/Object.freeze({
-   __proto__: null,
-   currentHitResult: currentHitResult,
-   hitResult: hitResult,
-   hitResultsLongPressDetails: hitResultsLongPressDetails,
-   hitResultsSkipNextTap: hitResultsSkipNextTap,
-   hitResultsTapDetails: hitResultsTapDetails,
-   hitState: hitState,
-   previousHitResult: previousHitResult,
-   useHitActions: useHitActions
+    __proto__: null,
+    currentHitResult: currentHitResult,
+    hitResult: hitResult,
+    hitResultsLongPressDetails: hitResultsLongPressDetails,
+    hitResultsSkipNextTap: hitResultsSkipNextTap,
+    hitResultsTapDetails: hitResultsTapDetails,
+    hitState: hitState,
+    previousHitResult: previousHitResult,
+    useHitActions: useHitActions
 });
 
 function useContextMenuActions() {
@@ -1647,18 +1681,18 @@ const selectionState = recoil.selector({
 });
 
 var index$1 = /*#__PURE__*/Object.freeze({
-   __proto__: null,
-   selectionHighestSelectedAncestor: selectionHighestSelectedAncestor,
-   selectionLastSelectWasMultiSelect: selectionLastSelectWasMultiSelect,
-   selectionLastSelected: selectionLastSelected,
-   selectionLastSelectionFromViewer: selectionLastSelectionFromViewer,
-   selectionPreviousVisibleSummary: selectionPreviousVisibleSummary,
-   selectionSelectedItemIds: selectionSelectedItemIds,
-   selectionSelectedItems: selectionSelectedItems,
-   selectionState: selectionState,
-   selectionVisibleCount: selectionVisibleCount,
-   selectionVisibleSummary: selectionVisibleSummary,
-   useSelectionActions: useSelectionActions
+    __proto__: null,
+    selectionHighestSelectedAncestor: selectionHighestSelectedAncestor,
+    selectionLastSelectWasMultiSelect: selectionLastSelectWasMultiSelect,
+    selectionLastSelected: selectionLastSelected,
+    selectionLastSelectionFromViewer: selectionLastSelectionFromViewer,
+    selectionPreviousVisibleSummary: selectionPreviousVisibleSummary,
+    selectionSelectedItemIds: selectionSelectedItemIds,
+    selectionSelectedItems: selectionSelectedItems,
+    selectionState: selectionState,
+    selectionVisibleCount: selectionVisibleCount,
+    selectionVisibleSummary: selectionVisibleSummary,
+    useSelectionActions: useSelectionActions
 });
 
 const VertexFitSelectedMenuItem = () => {
@@ -2074,13 +2108,13 @@ const VertexSceneTree = (_a) => {
         }
         onPointerDown === null || onPointerDown === void 0 ? void 0 : onPointerDown(event);
     };
-    return (jsxRuntime.jsxs(viewerReact.VertexSceneTree, Object.assign({ id: id !== null && id !== void 0 ? id : 'vertex-scene-tree', "data-testid": "vertex-scene-tree", config: config, ref: callbackRef, className: classNames('shrink-0', className), style: Object.assign(Object.assign(Object.assign({}, styleFromOptionalFont(font)), styleFromOptionalBackgroundColors(backgroundColors)), style), onConnectionError: (e) => {
-            logger.error('Scene Tree Connection Error: ', e.detail);
-        }, viewer: viewer, onPointerDown: handlePointerDown, onClick: handleClick, rowData: (row) => {
-            var _a;
-            const providedRowData = (_a = rowData === null || rowData === void 0 ? void 0 : rowData(row)) !== null && _a !== void 0 ? _a : {};
-            return Object.assign({ handleExpansion: wrappedExpansionHandler, handleSelection: wrappedSelectionHandler, handleVisibility: wrappedVisibilityHandler }, providedRowData);
-        } }, sdkProps, { children: [jsxRuntime.jsx(VertexSceneTreeToolbar, {}), jsxRuntime.jsx(VertexSceneTreeTableLayout, {}), children] })));
+    return (jsxRuntime.jsx("div", { className: "flex flex-col w-full h-full", children: jsxRuntime.jsx("div", { className: "flex group h-full", children: jsxRuntime.jsxs(viewerReact.VertexSceneTree, Object.assign({ id: id !== null && id !== void 0 ? id : 'vertex-scene-tree', "data-testid": "vertex-scene-tree", config: config, ref: callbackRef, className: classNames('flex-1', className), style: Object.assign(Object.assign(Object.assign({}, styleFromOptionalFont(font)), styleFromOptionalBackgroundColors(backgroundColors)), style), onConnectionError: (e) => {
+                    logger.error('Scene Tree Connection Error: ', e.detail);
+                }, viewer: viewer, onPointerDown: handlePointerDown, onClick: handleClick, rowData: (row) => {
+                    var _a;
+                    const providedRowData = (_a = rowData === null || rowData === void 0 ? void 0 : rowData(row)) !== null && _a !== void 0 ? _a : {};
+                    return Object.assign({ handleExpansion: wrappedExpansionHandler, handleSelection: wrappedSelectionHandler, handleVisibility: wrappedVisibilityHandler }, providedRowData);
+                } }, sdkProps, { children: [jsxRuntime.jsx(VertexSceneTreeToolbar, {}), jsxRuntime.jsx(VertexSceneTreeTableLayout, {}), children] })) }) }));
 };
 
 const useSynchronizedProp = (state, value) => {
@@ -2537,8 +2571,8 @@ const VertexViewerToolkitRootConfig = ({ config, children, }) => {
 };
 
 var index = /*#__PURE__*/Object.freeze({
-   __proto__: null,
-   get AssemblyFontFace () { return AssemblyFontFace; }
+    __proto__: null,
+    get AssemblyFontFace () { return AssemblyFontFace; }
 });
 
 exports.CrossSection = index$3;
@@ -2553,6 +2587,7 @@ exports.VertexHideAllMenuItem = VertexHideAllMenuItem;
 exports.VertexHidePartMenuItem = VertexHidePartMenuItem;
 exports.VertexHideSelectedMenuItem = VertexHideSelectedMenuItem;
 exports.VertexPanButton = VertexPanButton;
+exports.VertexResizableContent = VertexResizableContent;
 exports.VertexRotateButton = VertexRotateButton;
 exports.VertexSceneTree = VertexSceneTree;
 exports.VertexSceneTreeContextMenu = VertexSceneTreeContextMenu;