@expofp/floorplan 3.11.3 → 3.11.5

package/dist/esm/wayfinding/renderer/layerManager.d.ts

@@ -1,11 +1,11 @@
 import type { LayerDef } from '@expofp/renderer';
-import type { RendererService } from '../../renderer';
+import type { RendererPort } from './types';
 /**
  * Manages scene layer resolution, caching, dirty-tracking, and flush.
  *
- * Layers are resolved by name from `scene.rootLayer.children` and cached.
- * `touchLayer` marks a layer as dirty; `flush` commits all dirty layers
- * to `RendererService` in a single update call.
+ * Layers are resolved by name from `rendererPort.getLayers()` and cached. `touchLayer`
+ * marks a layer as dirty; `flush` commits all dirty layers via `rendererPort.update`
+ * in a single call.
  */
 export interface LayerManager {
     /** Layers modified since the last {@link flush}. */
@@ -20,8 +20,7 @@ export interface LayerManager {
     destroy(): void;
 }
 /**
- * Create a {@link LayerManager} bound to the given `RendererService`.
- * Throws if `rendererService.scene` is null.
+ * Create a {@link LayerManager} bound to the given {@link RendererPort}.
  */
-export declare function createLayerManager(rendererService: RendererService): LayerManager;
+export declare function createLayerManager(rendererPort: RendererPort): LayerManager;
 //# sourceMappingURL=layerManager.d.ts.map

package/dist/esm/wayfinding/renderer/layerManager.js

@@ -1 +1 @@
-export function createLayerManager(o){const s=o.scene;if(!s)throw new Error("renderer: rendererService.scene is null \u2014 start RendererService before constructing renderer");const a=s.rootLayer.children,t=new Map,r=new Map;return{touchedLayers:r,resolveLayer(e){const n=t.get(e);if(n)return n;const c=a.find(l=>l.name===e);if(!c)throw new Error(`renderer: layer "${e}" not found in scene`);return t.set(e,c),c},touchLayer(e){const n=this.resolveLayer(e);return r.set(e,n),n},flush(){if(r.size!==0){for(const e of r.values())e.children=[...e.children];o.update(...r.values()),r.clear()}},destroy(){r.clear(),t.clear()}}}
+export function createLayerManager(s){const c=s.getLayers(),a=new Map,r=new Map;return{touchedLayers:r,resolveLayer(e){const t=a.get(e);if(t)return t;const n=c.find(o=>o.name===e);if(!n)throw new Error(`renderer: layer "${e}" not found in scene`);return a.set(e,n),n},touchLayer(e){const t=this.resolveLayer(e);return r.set(e,t),t},flush(){if(r.size!==0){for(const e of r.values())e.children=[...e.children];s.update(...r.values()),r.clear()}},destroy(){r.clear(),a.clear()}}}

package/dist/esm/{renderer/engine-core/animation.d.ts → wayfinding/renderer/lineAnimation.d.ts}

@@ -1,7 +1,7 @@
-import { LineDef } from '@expofp/renderer';
+import type { LineDef } from '@expofp/renderer';
 export interface AnimationHandle {
     stop: () => void;
     getProgress: () => number;
 }
 export declare function animateLineSegments(lineSegments: LineDef[], callback: (segment: LineDef, segmentIndex: number, reset: boolean) => void, getScale: () => number, startProgress?: number): AnimationHandle | undefined;
-//# sourceMappingURL=animation.d.ts.map
+//# sourceMappingURL=lineAnimation.d.ts.map

package/dist/esm/wayfinding/renderer/routeLineManager.d.ts

@@ -1,6 +1,5 @@
-import { type RendererService } from '../../renderer';
 import type { LayerManager } from './layerManager';
-import type { RouteColors } from './types';
+import type { RendererPort, RouteColors } from './types';
 /**
  * Manages static route lines (passed + remaining) and an animated overlay
  * on the remaining segment.
@@ -38,5 +37,5 @@ export interface RouteLineManager {
  * Create a {@link RouteLineManager} that renders `LineDef` segments
  * into layers managed by the given {@link LayerManager}.
  */
-export declare function createRouteLineManager(layerManager: LayerManager, rendererService: RendererService, colors: RouteColors): RouteLineManager;
+export declare function createRouteLineManager(layerManager: LayerManager, colors: RouteColors, rendererPort: RendererPort): RouteLineManager;
 //# sourceMappingURL=routeLineManager.d.ts.map

package/dist/esm/wayfinding/renderer/routeLineManager.js

@@ -1 +1 @@
-import{createLineDef as d}from"../../renderer";import{animateLineSegments as A}from"../../renderer/engine-core/animation";export function createRouteLineManager(s,m,r){let e=null,n=null,i=null;return{setRouteLines(f,h,l){const o=s.touchLayer(l.linesLayer),a=s.touchLayer(l.animatedLinesLayer);n=o,i=a;const p=l.resetAnimation??!0;let u=0;e&&(p||(u=e.getProgress()),e.stop(),e=null);const y=f.map(t=>d(t,r.passed)),c=h.map(t=>d(t,r.remaining));if(o.children=[...y,...c],!c.length){a.children=[];return}const L=c.map(t=>({...t,color:r.active}));e=A(L,(t,g,D)=>{a.children=D?[]:[...L.slice(0,g),t],m.update(a)},()=>m.scale,u)??null},clearLines(){e&&(e.stop(),e=null),n&&(n.children=[],s.touchedLayers.set(n.name,n)),i&&(i.children=[],s.touchedLayers.set(i.name,i))},destroy(){this.clearLines()}}}
+import{animateLineSegments as D}from"./lineAnimation";export function createRouteLineManager(a,c,s){let e=null,n=null,i=null;return{setRouteLines(d,f,m){const L=a.touchLayer(m.linesLayer),l=a.touchLayer(m.animatedLinesLayer);n=L,i=l;const h=m.resetAnimation??!0;let u=0;e&&(h||(u=e.getProgress()),e.stop(),e=null);const p=d.map(t=>s.createLineDef(t,c.passed)),r=f.map(t=>s.createLineDef(t,c.remaining));if(L.children=[...p,...r],!r.length){l.children=[];return}const o=r.map(t=>({...t,color:c.active}));e=D(o,(t,y,g)=>{l.children=g?[]:[...o.slice(0,y),t],s.update(l)},()=>s.getScale(),u)??null},clearLines(){e&&(e.stop(),e=null),n&&(n.children=[],a.touchedLayers.set(n.name,n)),i&&(i.children=[],a.touchedLayers.set(i.name,i))},destroy(){this.clearLines()}}}

package/dist/esm/wayfinding/renderer/trailManager.d.ts

@@ -1,27 +1,30 @@
-import { type RendererService } from '../../renderer';
+import { type Point2Like } from '@expofp/geometry';
+import type { RenderableDef } from '@expofp/renderer';
 import type { LayerManager } from './layerManager';
-import type { Point } from './types';
+import type { RendererPort } from './types';
 /**
  * Manages named trails of evenly-spaced dots between two points.
  *
- * Each trail has its own scale handler — when the camera zooms, dots are
- * recalculated so visual spacing stays constant.
+ * On camera zoom the app glue calls `applyScale` so dots are recalculated and
+ * visual spacing stays constant.
  */
 export interface TrailManager {
     /**
      * Place, update, or remove a named trail.
-     * Pass `from/to = null` to remove the trail and unregister its scale handler.
+     * Pass `from/to = null` to remove the trail.
      */
-    setTrail(name: string, from: Point | null, to: Point | null, options?: {
+    setTrail(name: string, from: Point2Like | null, to: Point2Like | null, options?: {
         readonly canvas: HTMLCanvasElement;
         readonly layer: string;
     }): void;
-    /** Remove all trails and unregister their scale handlers. */
+    /** Redraw all trails for `scale`; returns changed layer defs. */
+    applyScale(scale: number): RenderableDef[];
+    /** Remove all trails. */
     destroy(): void;
 }
 /**
  * Create a {@link TrailManager} that renders dot trails into layers
  * managed by the given {@link LayerManager}.
  */
-export declare function createTrailManager(layerManager: LayerManager, rendererService: RendererService): TrailManager;
+export declare function createTrailManager(layerManager: LayerManager, rendererPort: RendererPort): TrailManager;
 //# sourceMappingURL=trailManager.d.ts.map

package/dist/esm/wayfinding/renderer/trailManager.js

@@ -1 +1 @@
-import{createImageDef as w,getBounds as d}from"../../renderer";import{computeTrailPoints as g}from"../core";const D=40;export function createTrailManager(l,c){const s=new Map;function f(t){return`trail#${t}`}function u(t){if(!t.dotDefs.length)return;const e=l.touchLayer(t.layerName),n=new Set(t.dotDefs);e.children=e.children.filter(r=>!n.has(r)),t.dotDefs=[]}function i(t){const e=l.touchLayer(t.layerName),n=c.scale,r=D*n,a=g(t.from,t.to,r),o=t.canvas,h=a.map(m=>w(o,d(m.x,m.y,o.width,o.height,n)));u(t),e.children.push(...h),t.dotDefs=h}function y(t){const e=s.get(t);e&&(u(e),c.ptScaleRegistry.unregisterByName(f(t)),s.delete(t))}return{setTrail(t,e,n,r){if(e===null||n===null){y(t);return}if(!r)throw new Error(`renderer: setTrail("${t}") requires options when from/to are non-null`);const a=s.get(t);if(a){if(a.canvas!==r.canvas||a.layerName!==r.layer)throw new Error(`renderer: trail "${t}" cannot change canvas or layer after first call`);a.from=e,a.to=n,i(a);return}const o={from:e,to:n,canvas:r.canvas,layerName:r.layer,dotDefs:[]};s.set(t,o),c.onPtScale(f(t),()=>(i(o),l.touchLayer(o.layerName))),i(o)},destroy(){for(const t of[...s.keys()])y(t)}}}
+import{Rect as w}from"@expofp/geometry";import{computeTrailPoints as d}from"../core";const m=40;export function createTrailManager(c,l){const o=new Map;function f(e){if(!e.dotDefs.length)return;const t=c.touchLayer(e.layerName),r=new Set(e.dotDefs);t.children=t.children.filter(a=>!r.has(a)),e.dotDefs=[]}function i(e,t){const r=c.touchLayer(e.layerName),a=m*t,n=d(e.from,e.to,a),s=e.canvas,y=n.map(h=>l.createImageDef(s,new w({x:h.x,y:h.y},{x:s.width*t,y:s.height*t})));f(e),r.children.push(...y),e.dotDefs=y}function u(e){const t=o.get(e);t&&(f(t),o.delete(e))}return{setTrail(e,t,r,a){if(t===null||r===null){u(e);return}if(!a)throw new Error(`renderer: setTrail("${e}") requires options when from/to are non-null`);const n=o.get(e);if(n){if(n.canvas!==a.canvas||n.layerName!==a.layer)throw new Error(`renderer: trail "${e}" cannot change canvas or layer after first call`);n.from=t,n.to=r,i(n,l.getScale());return}const s={from:t,to:r,canvas:a.canvas,layerName:a.layer,dotDefs:[]};o.set(e,s),i(s,l.getScale())},applyScale(e){const t=new Set;for(const r of o.values())i(r,e),t.add(c.touchLayer(r.layerName));return[...t]},destroy(){for(const e of[...o.keys()])u(e)}}}

package/dist/esm/wayfinding/renderer/types.d.ts

@@ -1,12 +1,30 @@
+import type { Point2Like, Rect } from '@expofp/geometry';
+import type { ImageDef, ImageSource, LayerDef, LineDef, RenderableDef } from '@expofp/renderer';
 /**
- * renderer public types.
- *
- * Generic, domain-neutral renderer abstraction over @expofp/renderer.
- * Knows nothing about wayfinding domain (source/destination/transition/kiosk).
+ * The renderer this layer talks to, injected so it stays free of a concrete
+ * renderer. Typed only against `@expofp/renderer` / `@expofp/geometry` so it
+ * carries no dependency on `src/renderer`.
  */
-export interface Point {
-    readonly x: number;
-    readonly y: number;
+export interface RendererPort {
+    createImageDef(source: ImageSource, bounds: Rect, options?: {
+        hidden?: boolean;
+        dim?: boolean;
+        interactive?: boolean;
+        origin?: [number, number];
+    }): ImageDef;
+    createLineDef(line: {
+        p0: Point2Like;
+        p1: Point2Like;
+    }, color?: string, width?: number): LineDef;
+    getRotation(newAngle: number, currentRotation: number): number | undefined;
+    /** Convert a geometry rect to the renderer's bounds rect (`ImageDef['bounds']`). */
+    rectToRenderer(rect: Rect): ImageDef['bounds'];
+    /** Current camera point-scale. */
+    getScale(): number;
+    /** Scene root-layer children, used to resolve wf layers by name. */
+    getLayers(): LayerDef[];
+    /** Commit changed defs/layers to the renderer. */
+    update(...defs: RenderableDef[]): void;
 }
 export interface RouteColors {
     readonly passed: string;
@@ -56,107 +74,56 @@ export interface WayfindingRendererConfig {
 /**
  * WayfindingRenderer — generic ImageDef/LineDef renderer for wayfinding visuals.
  *
- * **Batching contract**: every mutator method (`setIcon`, `clearIcons`,
- * `setTrail`, `setRouteLines`, `clearRoute`) only mutates
- * internal state and scene-graph data structures. None of them push changes
- * to `RendererService`. The caller MUST call `flush()` after a batch of
- * mutations to commit them. This lets the caller group many changes into
- * one render frame.
- *
- * Exceptions: animation tick + camera-scale handlers update the renderer
- * directly because they fire asynchronously, outside any caller batch.
+ * Mutators (`setIcon`/`clearIcons`/`setTrail`/`setRouteLines`/`clearRoute`) only
+ * mutate scene state; call `flush()` to commit a batch. The route animation tick
+ * updates the renderer directly, outside any batch.
  */
 export interface WayfindingRenderer {
     /**
-     * Place or update an icon by `name`. `key` distinguishes multiple
-     * instances sharing the same name (transitions, kiosks).
-     *
-     * First call with a (name, key) pair creates an ImageDef in `config.layer`,
-     * registers a scale handler (and a roll handler if `cardinalSnap`), and
-     * stores the icon. Subsequent calls mutate the existing ImageDef in place
-     * (bounds, hidden, dim, onClick, source).
-     *
-     * Pass `config: null` to hide that icon (ImageDef stays alive for reuse).
-     *
-     * `config.layer` MUST stay stable for the same (name, key) — changing it
-     * after first call throws.
-     *
-     * **Buffered**: call `flush()` to commit.
+     * Place or update an icon by `(name, key)`. First call creates it in
+     * `config.layer`; later calls mutate in place. `config: null` hides it.
+     * `config.layer` must stay stable for a `(name, key)`. Buffered — `flush()` to commit.
      */
     setIcon(name: string, config: IconConfig | null, key?: string | number): void;
-    /**
-     * Hide every icon that shares one of the given `names`. ImageDefs stay
-     * alive for reuse on next `setIcon`.
-     *
-     * **Buffered**: call `flush()` to commit.
-     */
+    /** Hide every icon sharing one of `names` (kept alive for reuse). Buffered. */
     clearIcons(names: string | readonly string[]): void;
     /**
-     * Place or update a named trail of dots between two points. Multiple
-     * trails can coexist (e.g. one from-side, one to-side, possibly on
-     * different layers / floors). `name` identifies the trail; subsequent
-     * calls with the same `name` reuse its scale handler and replace its dots.
-     *
-     * Dot interval is fixed (visual constant). Renderer regenerates dots
-     * whenever the camera scale changes — count adapts so spacing stays
-     * constant.
-     *
-     * `options` is required when `from`/`to` are non-null. Pass both as `null`
-     * to clear that trail (no `options` needed).
-     *
-     * `options.canvas` and `options.layer` MUST stay stable for a given
-     * `name` — changing them after first call throws.
-     *
-     * **Buffered**: call `flush()` to commit.
+     * Place or update a named dot trail between two points; `from/to = null`
+     * clears it. `options` required when non-null; `canvas`/`layer` must stay
+     * stable. Buffered — `flush()` to commit.
      */
-    setTrail(name: string, from: Point | null, to: Point | null, options?: {
+    setTrail(name: string, from: Point2Like | null, to: Point2Like | null, options?: {
         readonly canvas: HTMLCanvasElement;
         readonly layer: string;
     }): void;
     /**
-     * Replace the static route lines (passed + remaining) and (re)start the
-     * animation on the remaining segment.
-     *
-     * **Buffered**: call `flush()` to commit. The animation tick itself
-     * updates the renderer directly (it runs async outside caller batches).
+     * Replace static route lines (passed + remaining) and (re)start the remaining
+     * animation. Buffered — `flush()` to commit.
      */
     setRouteLines(passed: readonly {
-        readonly p0: Point;
-        readonly p1: Point;
+        readonly p0: Point2Like;
+        readonly p1: Point2Like;
     }[], remaining: readonly {
-        readonly p0: Point;
-        readonly p1: Point;
+        readonly p0: Point2Like;
+        readonly p1: Point2Like;
     }[], options: {
-        /**
-         * TODO(future): remove. renderer will create this layer
-         * dynamically inside `createWayfindingRenderer` — caller will no
-         * longer pass layer names per call.
-         */
         readonly linesLayer: string;
-        /**
-         * TODO(future): remove. Same as above — animated lines layer will
-         * be created in `createWayfindingRenderer`.
-         */
         readonly animatedLinesLayer: string;
         readonly resetAnimation?: boolean;
     }): void;
-    /**
-     * Clear route lines, drop all trails, hide all icons. Icon ImageDefs stay
-     * alive for reuse; trail records and their scale handlers are removed.
-     *
-     * **Buffered**: call `flush()` to commit.
-     */
+    /** Recompute icon/trail bounds for `scale`; returns changed defs to render. */
+    applyScale(scale: number): RenderableDef[];
+    /** Apply camera roll to cardinal-snap icons; returns changed defs to render. */
+    applyRoll(cameraAngle: number): RenderableDef[];
+    /** Fire the hit clickable icon's `onClick` from already-picked defs. */
+    handleClick(defs: readonly RenderableDef[]): void;
+    /** Whether a clickable icon is under the already-picked defs (for cursor). */
+    handleHover(defs: readonly RenderableDef[]): boolean;
+    /** Clear route lines, drop trails, hide icons. Buffered — `flush()` to commit. */
     clearRoute(): void;
-    /**
-     * Commit all buffered mutations to `RendererService`. Pushes every layer
-     * touched since the last `flush()` (or since construction).
-     */
+    /** Commit buffered mutations to the renderer (via the injected port). */
     flush(): void;
-    /**
-     * Full teardown: `clearRoute()` + remove DOM listeners + unregister all
-     * scale and roll handlers. Does NOT call `flush()` — the renderer is
-     * going away, so committing pending changes is the caller's choice.
-     */
+    /** Full teardown (managers cleared). Does NOT flush. */
     destroy(): void;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/wayfinding/runtime/routeRenderData.js

@@ -1 +1 @@
-import{getRouteLength as p,normalizeRouteDirection as u,splitRouteByPoint as m}from"../core";export function computeRouteRenderData({routeLines:s,currentRouteLayer:o,from:d,to:a,snap:t}){const i=u(s.filter(r=>!r.virtual),d,a),n=o===null?i:i.filter(r=>r.p0.layer===o);if(!t?.snapped)return{passed:[],remaining:n,distance:p(i)};const{passed:c,remaining:e}=m(n,t.snappedPoint),l=e!==n&&e.length>0?[{...e[0],p0:t.snappedPoint},...e.slice(1)]:e;return{passed:c,remaining:l,distance:t.distance}}
+import{getRouteLength as u,normalizeRouteDirection as m,splitRouteByPoint as g}from"../core";export function computeRouteRenderData({routeLines:s,currentRouteLayer:r,from:a,to:c,snap:t}){const i=m(s.filter(n=>!n.virtual),a,c),o=n=>r===null?n:n.filter(p=>p.p0.layer===r);if(!t?.snapped)return{passed:[],remaining:o(i),distance:u(i)};const{passed:d,remaining:e}=g(i,t.snappedPoint),l=e!==i&&e.length>0?[{...e[0],p0:t.snappedPoint},...e.slice(1)]:e;return{passed:o(d),remaining:o(l),distance:t.distance}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expofp/floorplan",
-  "version": "3.11.3",
+  "version": "3.11.5",
   "repository": {
     "type": "git",
     "url": "https://github.com/expofp/efp-app.git",
@@ -72,9 +72,9 @@
     "tslib": "^2.3.0",
     "uuid": "^9.0.1",
     "zod": "4.3.5",
-    "@expofp/debug": "3.11.3",
-    "@expofp/geometry": "3.11.3",
-    "@expofp/resolve": "3.11.3"
+    "@expofp/debug": "3.11.5",
+    "@expofp/geometry": "3.11.5",
+    "@expofp/resolve": "3.11.5"
   },
   "devDependencies": {
     "@babel/plugin-proposal-decorators": "^8.0.2",

package/dist/esm/components/LargeMessage.d.ts

@@ -1,4 +0,0 @@
-import './LargeMessage.scss';
-import React from 'react';
-export default function LargeMessage(): React.JSX.Element | null;
-//# sourceMappingURL=LargeMessage.d.ts.map

package/dist/esm/components/LargeMessage.js

@@ -1 +0,0 @@
-import{jsx as o}from"react/jsx-runtime";import"./LargeMessage.scss";import{autorun as r,reaction as a}from"mobx";import{useLocalStore as l,useObserver as n}from"mobx-react-lite";import{uiState as i}from"../store";import m from"../tools/logger";import{useInit as u}from"../utils/mobx";const g=1e3;export default function f(){const e=l(()=>({shouldShow:!1,visible:!1,transitioning:!1}));return u(()=>{let t;a(()=>i.largeMessageLastSet,()=>{i.largeMessageLastSet&&(window.clearTimeout(t),m.log("Showing large message"),e.shouldShow=!0,t=window.setTimeout(()=>{e.shouldShow=!1},g))},{fireImmediately:!0});let s;r(()=>{window.clearTimeout(s),e.shouldShow?(e.transitioning=!0,s=window.setTimeout(()=>{e.visible=!0},1)):(e.visible=!1,s=window.setTimeout(()=>{e.transitioning=!1},1e3))})}),n(()=>i.largeMessage&&e.transitioning?o("div",{className:"large-message"+(e.visible?" -visible":""),children:o("div",{className:"large-message__text",children:i.largeMessage})}):null)}

package/dist/esm/components/MobileToggleButton.d.ts

@@ -1,5 +0,0 @@
-import './MobileToggleButton.scss';
-import React from 'react';
-declare function MobileToggleButton(): React.JSX.Element | null;
-export default MobileToggleButton;
-//# sourceMappingURL=MobileToggleButton.d.ts.map

package/dist/esm/components/MobileToggleButton.js

@@ -1 +0,0 @@
-import{jsx as s,jsxs as u}from"react/jsx-runtime";import"./MobileToggleButton.scss";import m from"classnames";import{useObserver as p}from"mobx-react-lite";import{useCallback as c}from"react";import{LANGUAGE_TYPE as S}from"../constants";import t,{searchStore as b}from"../store";import{t as i}from"../utils/i18n";function f(){const o=c(()=>{t.uiState.isOverlayOpen&&t.uiState.overlaySize==="full"?t.uiState.desiredOverlaySize="small":b.openOverlayWithoutInputFocus()},[]);return p(()=>{const a=t.uiState.list.type==="route-planner";if(!(t.uiState.overlayPosition==="bottom"&&(a||!t.uiState.details&&!t.uiState.menu&&t.uiState.list.type!==S&&t.uiState.list.type!=="bookmarks"&&t.uiState.list.type!=="sessions")))return null;const e=!t.uiState.isOverlayOpen||t.uiState.overlaySize!=="full",l=e?i("List"):i("Map"),r=e?"is-list":"is-map",n=e?"icon-list":"icon-map";return u("button",{className:m("efp-mobile-toggle-button",{"is-with-banner":t.uiState.isBannerVisible},r),onClick:o,type:"button","aria-label":e?i("List"):i("Map"),children:[s("i",{className:n}),s("span",{className:"efp-mobile-toggle-button__text",children:l})]})})}export default f;

package/dist/esm/components/MultiSelectGroups.js

@@ -1 +0,0 @@
-import{Fragment as F,jsx as i,jsxs as d}from"react/jsx-runtime";import"./MultiSelectGroups.scss";import v from"classnames";import{observer as I}from"mobx-react-lite";import M,{useCallback as h,useMemo as P,useState as q}from"react";import{t as N}from"../utils/i18n";import B from"./ShowMoreButton";const R=M.memo(({item:r,isSelected:s,variant:m,showCount:_,count:p,onClick:c,customRenderer:a})=>a?i(F,{children:a(r,s)}):d("button",{type:"button",className:v("multi-select-groups__item",{"is-selected":s,"is-disabled":r.disabled,[`multi-select-groups__item--${m}`]:m}),onClick:()=>!r.disabled&&c(r.id),disabled:r.disabled,"aria-pressed":s,children:[i("div",{className:"multi-select-groups__item-name",children:r.name}),_&&p>0&&i("span",{className:"multi-select-groups__item-count",children:p})]},r.id)),T=({groups:r=[],selectedIds:s=[],showItemCounts:m=!0,showGroupActions:_=!0,variant:p="default",maxItemsVisible:c=20,itemCountProvider:a,customItemRenderer:S,onChange:u})=>{const[G,x]=q(new Set),y=h(e=>{const t=s.includes(e)?s.filter(l=>l!==e):[...s,e];u(t)},[s,u]),A=h(e=>{const l=e.items.filter(n=>n.id&&!n.disabled).map(n=>n.id).filter(n=>!s.includes(n));l.length!==0&&u([...s,...l])},[s,u]),C=h(e=>{const t=new Set(e.items.map(n=>n.id)),l=s.filter(n=>!t.has(n));u(l)},[s,u]),k=h(e=>{x(t=>{const l=new Set(t);return l.has(e)?l.delete(e):l.add(e),l})},[]),j=e=>e.count!==void 0?e.count:e.countProvider?e.countProvider():a?a(e):0,f=P(()=>new Set(s),[s]);return!Array.isArray(r)||!r.length?null:i("div",{className:"multi-select-groups",children:i("div",{className:"multi-select-groups__list",children:r.map(e=>{if(!e?.groupName||!Array.isArray(e.items))return null;const t=e.items.filter(o=>o.id),l=t.filter(o=>f.has(o.id)),n=l.length===t.length&&t.length>0,E=l.length>0&&!n,g=G.has(e.groupName),b=g||t.length<=c?t:t.slice(0,c),w=t.length-b.length>0?t.slice(c).filter(o=>f.has(o.id)).length:0;return d("div",{className:v("multi-select-groups__group",{"multi-select-groups__group--full-width":e.fullWidth},e.customGroupClass),children:[d("div",{className:"multi-select-groups__group-header",children:[i("div",{className:"multi-select-groups__group-title",children:e.groupName}),_&&e.showGroupActions!==!1&&d("div",{className:"multi-select-groups__group-actions",children:[!n&&i("button",{type:"button",className:"multi-select-groups__action-btn",onClick:()=>A(e),children:N("Select all")}),(E||n)&&i("button",{type:"button",className:"multi-select-groups__action-btn",onClick:()=>C(e),children:N("Clear all")})]})]}),i("div",{className:"multi-select-groups__group-items",children:b.map(o=>i(R,{item:o,isSelected:f.has(o.id),variant:p,showCount:m,count:j(o),onClick:y,customRenderer:S},o.id))}),t.length>c&&i(B,{className:"multi-select-groups__show-more",expanded:g,onClick:()=>k(e.groupName),suffix:!g&&w>0&&d("span",{className:"multi-select-groups__show-more-badge",children:[w," ",N("selected")]})})]},e.groupName)})})})};export default I(T);

package/dist/esm/components/ShowMoreButton.d.ts

@@ -1,9 +0,0 @@
-import './ShowMoreButton.scss';
-import React from 'react';
-interface ShowMoreButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'aria-expanded' | 'type'> {
-    expanded: boolean;
-    suffix?: React.ReactNode;
-}
-declare function ShowMoreButton({ expanded, className, suffix, ...props }: ShowMoreButtonProps): React.JSX.Element;
-export default ShowMoreButton;
-//# sourceMappingURL=ShowMoreButton.d.ts.map

package/dist/esm/components/ShowMoreButton.js

@@ -1 +0,0 @@
-import{jsx as s,jsxs as n}from"react/jsx-runtime";import"./ShowMoreButton.scss";import m from"classnames";import{t}from"../utils/i18n";function i({expanded:o,className:r,suffix:e,...a}){return n("button",{...a,type:"button",className:m("show-more-button",{"is-expanded":o},r),"aria-expanded":o,children:[s("i",{className:"icon-chevron-down","aria-hidden":"true"}),s("span",{className:"show-more-button__label",children:o?t("Show less"):t("Show more")}),e]})}export default i;