@mappedin/viewer 0.35.2-826fca7.0 → 0.35.2-a875236.0

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

@@ -1,6 +1,6 @@
 import { TTheme } from 'lib/types/theme';
 import { TFocusOutlineOptions, Untrasient } from '../common/utils';
-export declare const clickableStyle: import("styled-components").RuleSet<object>;
+export declare const clickableStyle: readonly [import("styled-components").RuleSet<object>, import("styled-components").RuleSet<object>];
 export type TOnClickOrPressPayload = {
     type: 'click';
     event: React.MouseEvent<HTMLDivElement>;
@@ -24,6 +24,10 @@ type TButtonProps = {
      * If true, the button will be styled as if it is :focus-visible, even when it is not.
      */
     pseudoFocus?: boolean;
+    /**
+     * What hover and active styling set to use.
+     */
+    clickableStyling?: keyof typeof clickableStyle;
 } & Untrasient<TFocusOutlineOptions>;
 /**
  * Webkit has a bug where the relatedTarget of a focus event is null for buttons. In

package/dist/types/src/components/carousel/nav-chevrons.d.ts

@@ -272,6 +272,7 @@ export declare const SideNavButton: import("styled-components").IStyledComponent
     theme?: TTheme | undefined;
     disabled?: boolean | undefined;
     pseudoFocus?: boolean | undefined;
+    clickableStyling?: keyof typeof import("../button").clickableStyle | undefined;
     outlineOffset?: number | undefined;
     outlineColor?: string | undefined;
     outlineWidth?: number | undefined;

package/dist/types/src/components/categories-view/active-category.d.ts

@@ -0,0 +1,9 @@
+import { TCategory } from '../../lib/types/search';
+import { ComponentProps } from 'react';
+import CategoryResultList from './category-result-list';
+type TActiveCategoryProps = ComponentProps<typeof CategoryResultList> & {
+    category: TCategory;
+    onBackClick?: () => void;
+};
+declare const ActiveCategory: React.FC<TActiveCategoryProps>;
+export default ActiveCategory;

package/dist/types/src/components/categories-view/categories-view.stories.d.ts

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

package/dist/types/src/components/categories-view/categories.d.ts

@@ -0,0 +1,10 @@
+import { TCategory } from '../../lib/types/search';
+type TCategoriesProps = {
+    categories: TCategory[];
+    activeCategoryId?: string;
+    onCategoryClick?: (categoryId: string) => void;
+    onResultClick?: (ids: string[]) => void;
+    onBackClick?: () => void;
+};
+declare const Categories: import("react").ForwardRefExoticComponent<TCategoriesProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Categories;

package/dist/types/src/components/categories-view/category-item.d.ts

@@ -0,0 +1,15 @@
+import CategoryIcon from '../category-icon';
+import { ComponentProps } from 'react';
+type TCategoryItemProps = {
+    name: string;
+    className?: string;
+    icon?: ComponentProps<typeof CategoryIcon>['icon'];
+    onClick?: () => void;
+    textStyle?: React.CSSProperties;
+    style?: React.CSSProperties;
+    pseudoFocus?: boolean;
+    tabIndex?: number;
+    left?: React.ReactNode;
+};
+declare const CategoryItem: import("react").ForwardRefExoticComponent<TCategoryItemProps & import("react").RefAttributes<HTMLLIElement>>;
+export default CategoryItem;

package/dist/types/src/components/categories-view/category-result-list.d.ts

@@ -0,0 +1,9 @@
+import { TCategory } from '../../lib/types/search';
+type TListItem = TCategory['results'][number] | TCategory;
+type TCategoryResultListProps = {
+    results: TListItem[];
+    onCategoryClick?: (categoryId: string) => void;
+    onResultClick?: (ids: string[]) => void;
+};
+declare const CategoryResultList: React.FC<TCategoryResultListProps>;
+export default CategoryResultList;

package/dist/types/src/components/categories-view/index.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import Categories from './categories';
+type TCategoriesViewProps = {
+    visible: boolean;
+} & ComponentProps<typeof Categories>;
+declare const CategoriesView: React.FC<TCategoriesViewProps>;
+export default CategoriesView;

package/dist/types/src/components/categories-view/utils.d.ts

@@ -0,0 +1,13 @@
+import { TCategory } from '../../lib/types/search';
+export declare const CATEGORY_CARD_TOP_BOTTOM_PADDING = 8;
+export declare const CATEGORY_ITEM_HEIGHT = 40;
+export declare const MAX_CATEGORIES_DESKTOP: 6.5;
+export declare const MAX_CATEGORIES_MOBILE: 4.5;
+export declare const useActiveCategory: (categories: TCategory[], activeCategoryId: string | undefined) => {
+    activeCategory: TCategory | undefined;
+    rootCategories: TCategory[];
+    results: ({
+        label: string;
+        ids: string[];
+    } | TCategory)[];
+};

package/dist/types/src/components/categories-view/utils.test.d.ts

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

package/dist/types/src/components/category-icon/category-icon.stories.d.ts

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

package/dist/types/src/components/category-icon/index.d.ts

@@ -0,0 +1,8 @@
+type TCategoryIconProps = {
+    className?: string;
+    icon?: string | React.ReactElement;
+    size?: number;
+    style?: React.CSSProperties;
+};
+declare const CategoryIcon: React.FC<TCategoryIconProps>;
+export default CategoryIcon;

package/dist/types/src/components/common/fullscreen-overlay.d.ts

@@ -13,7 +13,6 @@ export declare const FullscreenOverlay: import("styled-components").IStyledCompo
     children?: import("react").ReactNode | Iterable<import("react").ReactNode>;
     nonce?: string | undefined | undefined;
     tabIndex?: number | undefined | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -194,6 +193,7 @@ export declare const FullscreenOverlay: import("styled-components").IStyledCompo
     onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;

package/dist/types/src/components/directions/warning-text.d.ts

@@ -14,7 +14,6 @@ declare const WarningText: import("styled-components").IStyledComponent<"web", i
     children?: import("react").ReactNode | Iterable<import("react").ReactNode>;
     nonce?: string | undefined | undefined;
     tabIndex?: number | undefined | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLParagraphElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -195,6 +194,7 @@ declare const WarningText: import("styled-components").IStyledComponent<"web", i
     onWaitingCapture?: import("react").ReactEventHandler<HTMLParagraphElement> | undefined;
     onAuxClick?: import("react").MouseEventHandler<HTMLParagraphElement> | undefined;
     onAuxClickCapture?: import("react").MouseEventHandler<HTMLParagraphElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLParagraphElement> | undefined;
     onClickCapture?: import("react").MouseEventHandler<HTMLParagraphElement> | undefined;
     onContextMenu?: import("react").MouseEventHandler<HTMLParagraphElement> | undefined;
     onContextMenuCapture?: import("react").MouseEventHandler<HTMLParagraphElement> | undefined;

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

@@ -1,6 +1,7 @@
 import React, { ComponentProps } from 'react';
 import { TOnClickOrPressPayload } from '../button';
 import DetailsSection from './details-section';
+export declare const METADATA_CARD_WIDTH_DESKTOP = 320;
 export type TMetadataCardProps = {
     name: ComponentProps<typeof DetailsSection>['name'];
     description?: ComponentProps<typeof DetailsSection>['description'];

package/dist/types/src/components/search-results/search-result.d.ts

@@ -1,6 +1,6 @@
 import { TSearchResult } from '../../lib/types/search';
 import { TTheme } from '../../lib/types/theme';
-export declare const SEARCH_RESULT_MAX_WIDTH_DESKTOP: 320;
+export declare const SEARCH_RESULT_MAX_WIDTH_DESKTOP = 320;
 export declare const SEARCH_RESULT_HEIGHT: 38;
 export declare const SEARCH_RESULT_HEIGHT_WITH_MATCH_DETAILS: 48;
 export declare const ResultWrapper: import("styled-components").IStyledComponent<"web", {
@@ -276,6 +276,7 @@ export declare const ResultWrapper: import("styled-components").IStyledComponent
     theme?: TTheme | undefined;
     disabled?: boolean | undefined;
     pseudoFocus?: boolean | undefined;
+    clickableStyling?: keyof typeof import("../button").clickableStyle | undefined;
     outlineOffset?: number | undefined;
     outlineColor?: string | undefined;
     outlineWidth?: number | undefined;

package/dist/types/src/components/with-content/index.d.ts

@@ -13,7 +13,6 @@ declare const Wrapper: import("styled-components").IStyledComponent<"web", {
     children?: import("react").ReactNode | Iterable<import("react").ReactNode>;
     nonce?: string | undefined | undefined;
     tabIndex?: number | undefined | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -194,6 +193,7 @@ declare const Wrapper: import("styled-components").IStyledComponent<"web", {
     onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;

package/dist/types/src/lib/hooks/use-max-size-list.d.ts

@@ -0,0 +1,18 @@
+import { VariableSizeList } from 'react-window';
+type TUseMaxHeightListProps<T> = {
+    maxSize: number;
+    itemSize: number | ((index: number) => number);
+    items: T[];
+    ref?: React.RefObject<VariableSizeList>;
+};
+/**
+ * Returns some props that can be used with a react-window list to have the list grow naturally
+ * until a max size is reached. Optionally, a VariableSizeList ref can be provided to reset the
+ * list cache when the items change.
+ */
+declare const useMaxSizeList: <T>({ maxSize, itemSize, items, ref }: TUseMaxHeightListProps<T>) => {
+    size: number;
+    totalSize: number;
+    itemSize: number[];
+};
+export default useMaxSizeList;

package/dist/types/src/lib/hooks/use-max-size-list.test.d.ts

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

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

@@ -16,6 +16,8 @@ export type TSearchResult = {
 export type TCategory = {
     id: string;
     name: string;
+    icon?: string;
+    parent?: string;
     results: {
         label: string;
         ids: string[];

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

@@ -107,7 +107,7 @@ declare class RootStore {
     get initialPitch(): number | undefined;
     get initialBearing(): number | undefined;
     get exteriorDoors(): {
-        "__#17@#private": any;
+        "__#15@#private": any;
         readonly __type: "door";
         readonly name: string;
         readonly externalId: string;
@@ -115,6 +115,13 @@ declare class RootStore {
         readonly floor: Floor;
         readonly center: Coordinate;
         readonly isExterior: boolean;
+        readonly geoJSON: {
+            properties: null;
+            type: import("@mappedin/mvf").FeatureType;
+            geometry: import("@mappedin/mvf").LineString;
+        };
+        readonly focusTarget: Coordinate;
+        readonly anchorTarget: Coordinate;
         toJSON(): {
             id: string;
             name: string;
@@ -128,7 +135,7 @@ declare class RootStore {
         destroy(): void;
         readonly id: string;
         links: {
-            "__#24@#private": any;
+            "__#22@#private": any;
             readonly url: string;
             readonly name: string | undefined;
             toJSON(): {
@@ -140,7 +147,7 @@ declare class RootStore {
             readonly id: string;
         }[];
         images: {
-            "__#25@#private": any;
+            "__#23@#private": any;
             readonly url: string | undefined;
             readonly name: string | undefined;
             readonly altText: string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mappedin/viewer",
-  "version": "0.35.2-826fca7.0",
+  "version": "0.35.2-a875236.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.24",
+    "@mappedin/mappedin-js": "6.0.1-beta.29",
     "@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",