@mmmmzxe/react-360-viewer 0.1.3 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +604 -60
- package/dist/index.d.ts +4 -3
- package/dist/index.js +137 -164
- package/dist/index.js.map +1 -1
- package/dist/styles.css +2 -0
- package/package.json +13 -3
- package/src/constants/viewer360ClassNames.ts +2 -1
- package/src/feature/Viewer360HotspotOverlay.tsx +16 -29
- package/src/feature/Viewer360MarkerPin.tsx +41 -40
- package/src/generated/injectStyles.ts +18 -0
- package/src/generated/viewer360.min.css +2 -0
- package/src/index.ts +2 -0
- package/src/styles.css +77 -0
- package/src/types/Viewer360Marker.ts +2 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
|
-
import { ReactNode,
|
|
2
|
+
import { ReactNode, MouseEvent, CSSProperties, JSX, RefObject, PointerEvent, WheelEvent } from 'react';
|
|
3
3
|
import { ClassValue } from 'clsx';
|
|
4
4
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
5
|
import { VariantProps } from 'class-variance-authority';
|
|
@@ -104,6 +104,7 @@ type Viewer360MarkerPinProps<TData = unknown> = {
|
|
|
104
104
|
topPercent: number;
|
|
105
105
|
onDelete?: (id: string) => void;
|
|
106
106
|
isDeletePending?: boolean;
|
|
107
|
+
onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
107
108
|
renderTag?: (props: Viewer360MarkerPinRenderProps<TData>) => ReactNode;
|
|
108
109
|
classNames?: Viewer360MarkerPinClassNames;
|
|
109
110
|
labels?: Viewer360MarkerPinLabels;
|
|
@@ -230,7 +231,7 @@ type Viewer360LoadingOverlayProps = {
|
|
|
230
231
|
};
|
|
231
232
|
declare function Viewer360LoadingOverlay({ className, textClassName, label }: Viewer360LoadingOverlayProps): JSX.Element;
|
|
232
233
|
|
|
233
|
-
declare function Viewer360MarkerPin<TData = unknown>({ marker, hotspot, leftPercent, topPercent, onDelete, isDeletePending, renderTag, classNames, labels, }: Viewer360MarkerPinProps<TData>): JSX.Element;
|
|
234
|
+
declare function Viewer360MarkerPin<TData = unknown>({ marker, hotspot, leftPercent, topPercent, onDelete, isDeletePending, onClick, renderTag, classNames, labels, }: Viewer360MarkerPinProps<TData>): JSX.Element;
|
|
234
235
|
|
|
235
236
|
type Viewer360ToolbarProps = Viewer360ToolbarRenderProps;
|
|
236
237
|
declare function Viewer360Toolbar({ showDragHint, showHotspotModeControl, showZoomControls, showResetControl, labels, isHotspotMode, zoom, minZoom, maxZoom, isResetDisabled, onHotspotModeChange, onZoomIn, onZoomOut, onResetView, }: Viewer360ToolbarProps): JSX.Element;
|
|
@@ -367,7 +368,7 @@ declare function filterHotspotsByFrame<TData>(hotspots: Array<{
|
|
|
367
368
|
declare function cn(...inputs: ClassValue[]): string;
|
|
368
369
|
|
|
369
370
|
declare const buttonVariants: (props?: ({
|
|
370
|
-
variant?: "
|
|
371
|
+
variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
|
|
371
372
|
size?: "default" | "icon" | "sm" | "xs" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
372
373
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
373
374
|
declare function Button({ className, variant, size, asChild, ...props }: React$1.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
|