@mappedin/viewer 0.35.2-9c5b2e5.0 → 0.35.2-c86a413.0

package/dist/types/src/components/collapsible/collapsible.stories.d.ts

@@ -0,0 +1,2 @@
+import { Story } from '@ladle/react';
+export declare const Default: Story;

package/dist/types/src/components/collapsible/index.d.ts

@@ -0,0 +1,20 @@
+import { PropsWithChildren } from 'react';
+type TCollapsibleProps = {
+    /**
+     * Whether the content should be collapsible. If false, the full content will always be shown.
+     */
+    enabled?: boolean;
+    /**
+     * The height of the collapsed content.
+     */
+    collapsedHeight?: number;
+    /**
+     * The maximum height of the content when expanded. If the content is shorter than this, it will only
+     * expand as much as needed. If the content is taller, it will scroll. If undefined, the content will
+     * expand to its natural height.
+     */
+    maxHeight?: number | string;
+    style?: React.CSSProperties;
+};
+declare const Collapsible: React.FC<PropsWithChildren<TCollapsibleProps>>;
+export default Collapsible;

package/dist/types/src/components/metadata-card/utils.d.ts

@@ -1,6 +1,7 @@
 import { ComponentProps } from 'react';
 import { TOnClickOrPressPayload } from '../button';
 import SocialsItem from '../socials-item';
+import OpeningHours from '../../lib/time/opening-hours';
 export declare const METADATA_CARD_WIDTH = 320;
 export declare const METADATA_CARD_PADDING = 20;
 export declare const HERO_IMAGE_HEIGHT = 200;
@@ -50,6 +51,10 @@ export type TMetadataCardProps = {
         id: string;
         name: string;
     }[];
+    /**
+     * Opening hours to show in the card.
+     */
+    hours?: OpeningHours;
     /**
      * URL to show on a button just above the directions button.
      */

package/dist/types/src/components/operation-hours/hours-list.d.ts

@@ -0,0 +1,9 @@
+import OpeningHours from '../../lib/time/opening-hours';
+import React from 'react';
+export declare const HOURS_LIST_HEIGHT = 24;
+type THoursListProps = {
+    hours: OpeningHours;
+    date?: Date;
+};
+declare const HoursList: React.FC<THoursListProps>;
+export default HoursList;

package/dist/types/src/components/operation-hours/index.d.ts

@@ -0,0 +1,7 @@
+import OpeningHours from '../../lib/time/opening-hours';
+type TOperationHoursProps = {
+    hours: OpeningHours;
+    date?: Date;
+};
+declare const OperationHours: React.FC<TOperationHoursProps>;
+export default OperationHours;

package/dist/types/src/components/operation-hours/open-status.d.ts

@@ -0,0 +1,9 @@
+import OpeningHours from '../../lib/time/opening-hours';
+type TOpenStatusProps = {
+    hours: OpeningHours;
+    onClick?: () => void;
+    chevron?: 'right' | 'down';
+    date?: Date;
+};
+declare const OpenStatus: React.FC<TOpenStatusProps>;
+export default OpenStatus;

package/dist/types/src/components/operation-hours/operation-hours.stories.d.ts

@@ -0,0 +1,4 @@
+import { Story } from '@ladle/react';
+export declare const Default: Story;
+export declare const Hours: Story;
+export declare const Status: Story;

package/dist/types/src/lib/sdk/types.d.ts

@@ -1,6 +1,7 @@
 import { Space, MapObject, PointOfInterest, Connection, Annotation, Coordinate, Door, CameraTransform as _CameraTransform, TEventPayload as _TEventPayload, TEvents } from './mappedin-js';
 export declare const PLACE_TYPES: (typeof Space | typeof PointOfInterest | typeof Connection | typeof MapObject | typeof Door | typeof Coordinate | typeof Annotation)[];
 export declare const PLACE_TYPE_STRINGS: ("annotation" | "space" | "point-of-interest" | "connection" | "object" | "door" | "coordinate")[];
+export type PlaceTypeString = (typeof PLACE_TYPE_STRINGS)[number];
 export type PlaceType = (typeof PLACE_TYPES)[number];
 export type Place = InstanceType<PlaceType>;
 export declare const GEOMETRY_TYPES: (typeof Space | typeof MapObject)[];

package/dist/types/src/lib/time/time.d.ts

@@ -1,3 +1,4 @@
+declare const customInspectSymbol: unique symbol;
 /**
  * A time in minutes and hours, without a date.
  */
@@ -19,6 +20,7 @@ declare class Time {
      * Get the minutes of this time.
      */
     get minutes(): number;
+    [customInspectSymbol](): string;
     /**
      * Returns true if this time is midnight. This can be either 00:00 or 24:00.
      */

package/dist/types/src/lib/types/theme.d.ts

@@ -37,6 +37,7 @@ export type TTheme = {
             inverted: string;
             link: string;
             error: string;
+            error2: string;
         };
         map: {
             labels: {
@@ -81,6 +82,7 @@ export type TTheme = {
         normal: number;
         large: number;
         xlarge: number;
+        title: number;
     };
     fontWeight: {
         light: number;

package/dist/types/src/lib/utils/array-utils.d.ts

@@ -13,4 +13,8 @@ export declare const isLength: <L extends number, T>(arr: T[], length: L) => arr
  * Utility function to typecheck if an array has a specific length or more.
  */
 export declare const isAtLeastLength: <L extends number, T>(arr: T[], length: L) => arr is ArrayWithAtLeastLength<L, T>;
+/**
+ * Small utility to avoid needing to write `arr.filter((item) => !exclude.includes(item))` everywhere.
+ */
+export declare const exclude: <T>(arr: T[], exclude: T[]) => T[];
 export {};

package/dist/types/src/lib/utils/data-utils.d.ts

@@ -1,4 +1,4 @@
-import { Annotation, Place, TNavigationTarget } from '../sdk';
+import { Annotation, Place, TNavigationTarget, Floor } from '../sdk';
 /**
  * Whether the location can be assumed to be a washroom
  */
@@ -7,11 +7,18 @@ export declare const isWashroom: (place: Place) => boolean;
  * Whether the location can be assumed to be a parking spot
  */
 export declare const isParking: (place: Place) => boolean;
+/**
+ * Whether the location has a name
+ */
+export declare const hasName: (place: Place) => boolean;
 /**
  * Whether the location has any metadata other than name
- * @returns
  */
 export declare const hasMetaData: (place: Place) => boolean;
+/**
+ * Whether the location has a name or any other metadata
+ */
+export declare const hasNameOrMetaData: (place: Place) => boolean;
 export declare const getCategoryName: (place: Place) => string;
 export declare const getAnnotationName: (annotation: Annotation) => string;
 export type TGetDisplayNameForPlaceOptions = {
@@ -39,3 +46,7 @@ export declare const isValidPlace: (place: Place) => boolean;
 export declare const getNavigationTargetForPlaces: (places: Place[]) => TNavigationTarget | TNavigationTarget[];
 export declare const getSearchIdForPlace: (place: Place) => string | undefined;
 export declare const getCategoryIdForPlace: (place: Place) => string;
+/**
+ * Check if a place is on a floor.
+ */
+export declare const isOnFloor: (place: Place, floor: Floor | string | undefined) => boolean;

package/dist/types/src/stores/map-store/controllers/camera.d.ts

@@ -22,8 +22,7 @@ declare class CameraController {
     private cameraChangeTimeout;
     private cameraMovingStartTime;
     /**
-     * The camera after resetting on that floor, this doesn't take into account camera orientation, but should be close
-     * enough for most purposes
+     * The camera transform that shows the map in it's default state.
      */
     private defaultCameraByFloorId;
     /**
@@ -41,6 +40,7 @@ declare class CameraController {
         rootStore: RootStore;
         mapStore: MapStore;
     });
+    private updateDefaultCameraForCurrentFloor;
     private getPadding;
     private getCoordinateFromScreenCenter;
     private handleKeyDown;

package/dist/types/src/stores/root-store/index.d.ts

@@ -104,7 +104,15 @@ declare class RootStore {
     get isAccessible(): boolean;
     get isSafetyModeEnabled(): boolean;
     get isOutdoorsVisible(): boolean;
+    /**
+     * The initial pitch from the router params. To get the initial pitch with defaults from the theme,
+     * use {@link UIStore.theme.map.initialPitch}.
+     */
     get initialPitch(): number | undefined;
+    /**
+     * The initial bearing from the router params or MVF. To get the initial bearing with defaults from
+     * the theme, use {@link UIStore.theme.map.initialBearing}.
+     */
     get initialBearing(): number | undefined;
     get exteriorDoors(): {
         "__#15@#private": any;
@@ -191,7 +199,6 @@ declare class RootStore {
     }>): Coordinate | undefined;
     setYouAreHere(coordinate: Coordinate | undefined): void;
     setState(state: E_APP_STATE): void;
-    isPlaceOnFloor(place: Place, floor: Floor | undefined): boolean;
     setSelectedPlaces(places: Place[] | undefined | typeof YOU_ARE_HERE_ROUTER_PARAM): void;
     /**
      * Only use this from within the editor preview.

package/dist/types/src/stores/ui-store/index.d.ts

@@ -58,6 +58,7 @@ declare class UIStore {
                 inverted: string;
                 link: string;
                 error: string;
+                error2: string;
             }>;
             map: Partial<{
                 labels: Partial<{
@@ -102,6 +103,7 @@ declare class UIStore {
             normal: number;
             large: number;
             xlarge: number;
+            title: number;
         }>;
         fontWeight: Partial<{
             light: number;

package/dist/types/src/test-utils/custom-matchers.test.d.ts

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

package/dist/types/src/test-utils/test-place-types.d.ts

@@ -0,0 +1,43 @@
+import { Place, PlaceTypeString } from '../lib/sdk';
+import { TMapViewWithTestUtilities } from './test-mocks';
+import { testWithMap, TTestWithMapOptions } from './test-with-map';
+type TTestPlaceTypeCallback<P extends Place = Place> = (test: Awaited<ReturnType<typeof testWithMap<TMapViewWithTestUtilities>>>, places: P[], type: PlaceTypeString) => void;
+/**
+ * Options for testing all place types.
+ */
+type TTestPlaceTypeOptions = Partial<{
+    /**
+     * The name of the fixture to use for the test.
+     */
+    fixture: string;
+    /**
+     * Options to pass to {@link testWithMap}.
+     */
+    testWithMapOptions: TTestWithMapOptions | ((type: PlaceTypeString) => TTestWithMapOptions);
+    /**
+     * Limit the test for places on the current floor.
+     */
+    limitPlacesToCurrentFloor: boolean;
+    /**
+     * By default, the callback will be passed all places of a given type. Specify a predicate to
+     * filter the places to test.
+     */
+    predicate: (place: Place) => boolean;
+    /**
+     * If specified, the test will only be run for the given types. This overrides {@link exclude}.
+     */
+    only: PlaceTypeString[];
+    /**
+     * If specified, the test will not be run for the given types. This is overridden by {@link only}.
+     */
+    exclude: PlaceTypeString[];
+}>;
+export declare const runTest: <P extends Place = Place>(type: PlaceTypeString, cb: TTestPlaceTypeCallback<P>, options?: TTestPlaceTypeOptions) => Promise<void>;
+/**
+ * Run a test suite by executing a test function for all types that a {@link Place} could be.
+ */
+declare const testPlaceTypes: {
+    <P extends Place = Place>(name: string, cb: TTestPlaceTypeCallback<P>, options?: TTestPlaceTypeOptions): void;
+    only: <P extends Place = Place>(name: string, cb: TTestPlaceTypeCallback<P>, options?: TTestPlaceTypeOptions) => void;
+};
+export default testPlaceTypes;

package/dist/types/src/test-utils/test-place-types.test.d.ts

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

package/dist/types/src/test-utils/test-suite.d.ts

@@ -10,9 +10,16 @@ export type TTestCase<Given, Expected> = [string, readonly TTestCondition<Given,
  * A suite of {@link TTestCase}s.
  */
 export type TTestSuite<Given, Expected> = readonly TTestCase<Given, Expected>[];
+/**
+ * A callback for running tests in a {@link TTestSuite}.
+ */
+export type TTestSuiteCallback<Given, Expected> = (testName: string, value: TTestCondition<Given, Expected>) => void;
 /**
  * Run a callback with tests for each {@link TTestCase} in a {@link TTestSuite}. This is useful for
  * running many tests with the same exact format, where the input and output can be easily abstracted.
  */
-declare const testSuite: <Given, Expected>(name: string, config: TTestSuite<Given, Expected>, cb: (language: string, value: TTestCondition<Given, Expected>) => void) => void;
+declare const testSuite: {
+    <Given, Expected>(name: string, config: TTestSuite<Given, Expected>, cb: TTestSuiteCallback<Given, Expected>): void;
+    only: <Given, Expected>(name: string, config: TTestSuite<Given, Expected>, cb: TTestSuiteCallback<Given, Expected>) => void;
+};
 export default testSuite;

package/dist/types/src/test-utils/test-with-map.d.ts

@@ -5,7 +5,7 @@ import { MapData } from '../lib/sdk';
 import { TStartViewerOptions, TStartViewerWithLocalDataOptions } from '../lib/types/options';
 import { TMapViewWithTestUtilities } from './test-mocks';
 export declare const loadTestVenueData: (venueFileName?: string) => Promise<ParsedMVF>;
-type TTestWithMapOptions = {
+export type TTestWithMapOptions = {
     startupOptions?: TStartViewerOptions | TStartViewerWithLocalDataOptions;
     initialState?: string | ((data: MapData, mvf: ParsedMVF) => string);
     isMobile?: boolean;
@@ -24,6 +24,7 @@ type TTestWithMapResult<MV = TMapViewWithTestUtilities> = {
     waitForMapInitialized: () => Promise<void>;
     waitForCameraSettled: () => Promise<void>;
     setNextCameraState: TMapViewWithTestUtilities['__test']['setNextCameraState'];
+    waitForPinDrop: () => Promise<void>;
 };
 export declare const testWithMap: <MV = TMapViewWithTestUtilities>(venueFileName?: string, options?: TTestWithMapOptions) => Promise<TTestWithMapResult<MV>>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mappedin/viewer",
-  "version": "0.35.2-9c5b2e5.0",
+  "version": "0.35.2-c86a413.0",
   "type": "module",
   "browser": "./dist/index.js",
   "license": "UNLICENSED",
@@ -18,7 +18,7 @@
   },
   "devDependencies": {
     "@ladle/react": "^2.17.2",
-    "@mappedin/mappedin-js": "6.0.1-beta.29",
+    "@mappedin/mappedin-js": "6.0.1-beta.31",
     "@mappedin/mvf": "2.0.1-a2db810.0",
     "@mappedin/self-serve-icons": "1.70.1-alpha.bl-SRV-2032.1739993160",
     "@testing-library/jest-dom": "^6.6.2",