@expofp/ui 3.21.0 → 3.21.1

package/dist/EntityItem/EntityItem.d.ts

@@ -1,46 +0,0 @@
-import './EntityItem.scss';
-import React from 'react';
-export type EntityItemAdditionalInfo = {
-    type: 'location';
-    locationName?: string;
-    hall?: string;
-    level?: string;
-    showLevelLabel?: boolean;
-} | {
-    type: 'text';
-    text: string;
-};
-export interface EntityItemProps {
-    id: string;
-    title: string;
-    subtitle?: string;
-    image?: string;
-    icon?: string;
-    typeColor?: string;
-    iconClassName?: string;
-    variant?: 'default' | 'person';
-    titleBadge?: string | number;
-    datetime?: {
-        date?: string;
-        time?: string;
-    };
-    subtitleLabel?: string;
-    additionalInfo?: EntityItemAdditionalInfo[];
-    bookmarked?: boolean;
-    featured?: boolean;
-    visited?: boolean;
-    current?: boolean;
-    heatmapColor?: string;
-    accentBorderColor?: string;
-    hideUserState?: boolean;
-    compactDetails?: boolean;
-    secondaryText?: string;
-    highlight?: string;
-    featuredLabel: string;
-    hallLabel: string;
-    levelLabel: string;
-    onClick?: (id: string) => void;
-}
-declare const EntityItem: ({ id, title, subtitle, image, icon, typeColor, iconClassName, variant, titleBadge, datetime, subtitleLabel, additionalInfo, bookmarked, featured, visited, current, heatmapColor, accentBorderColor, hideUserState, compactDetails, secondaryText, highlight, featuredLabel, hallLabel, levelLabel, onClick, }: EntityItemProps) => React.JSX.Element;
-export default EntityItem;
-//# sourceMappingURL=EntityItem.d.ts.map

package/dist/EntityItem/EntityItem.js

@@ -1,29 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './EntityItem.scss';
-import cn from 'classnames';
-import HighlightText from '../HighlightText';
-const EntityItem = ({ id, title, subtitle, image, icon, typeColor, iconClassName, variant = 'default', titleBadge, datetime, subtitleLabel, additionalInfo = [], bookmarked = false, featured = false, visited, current = false, heatmapColor, accentBorderColor, hideUserState = false, compactDetails, secondaryText, highlight, featuredLabel, hallLabel, levelLabel, onClick, }) => {
-    const hasDatetime = !!(datetime?.date || datetime?.time);
-    const hasSubtitleRow = hasDatetime || !!subtitleLabel || !!subtitle;
-    return (_jsx("div", { role: "button", className: cn('efp-entity-item', {
-            'is-featured': featured,
-            'is-visited': visited,
-            'is-current': current,
-            'has-heatmap': !!heatmapColor,
-            'has-accent': !!accentBorderColor,
-            'is-person': variant === 'person',
-        }), "aria-label": title, tabIndex: 0, "aria-current": current ? 'true' : undefined, onClick: () => onClick?.(id), onKeyDown: (e) => {
-            if (e.key === 'Enter' || e.key === ' ') {
-                e.preventDefault();
-                onClick?.(id);
-            }
-        }, style: {
-            ...(typeColor ? { '--item-type-color': typeColor } : {}),
-            ...(heatmapColor && { '--heatmap-color': heatmapColor }),
-            ...(accentBorderColor &&
-                { '--accent-border-color': accentBorderColor }),
-        }, children: _jsxs("div", { className: "efp-entity-item__body", children: [_jsxs("div", { className: "efp-entity-item__left", children: [_jsx("div", { className: "efp-entity-item__icon", children: icon ? (_jsx("img", { src: icon, alt: title })) : iconClassName ? (_jsx("i", { className: iconClassName, "aria-hidden": "true" })) : null }), !hideUserState && (_jsxs(_Fragment, { children: [visited && (_jsx("div", { className: "efp-entity-item__visited", children: _jsx("i", { className: "icon-checkmark" }) })), bookmarked && (_jsx("i", { className: cn('efp-entity-item__bookmarked', 'icon-bookmark-solid') }))] }))] }), _jsxs("div", { className: "efp-entity-item__right", children: [_jsxs("div", { className: cn('efp-entity-item__content', { 'with-image': image }), children: [_jsxs("div", { className: "efp-entity-item__header", children: [_jsxs("div", { className: "efp-entity-item__title", children: [_jsx(HighlightText, { text: title, highlight: highlight }), secondaryText && (_jsx("div", { className: "efp-entity-item__description", children: _jsx(HighlightText, { text: secondaryText, highlight: highlight }) })), titleBadge !== undefined && _jsx("span", { children: titleBadge })] }), featured && _jsx("div", { className: "efp-entity-item__featured", children: featuredLabel })] }), hasSubtitleRow && (_jsxs("div", { className: "efp-entity-item__subtitle", children: [hasDatetime && (_jsxs("div", { className: "efp-entity-item__datetime", children: [datetime?.date && _jsx("strong", { children: datetime.date }), datetime?.time && _jsx("span", { children: datetime.time })] })), subtitleLabel && _jsx("span", { children: subtitleLabel }), subtitle && _jsx("div", { children: subtitle })] })), !!additionalInfo.length && (_jsx("ul", { className: cn('efp-entity-item__details', {
-                                        'compact-details': compactDetails,
-                                    }), children: additionalInfo.map((info, idx) => (_jsxs("li", { className: "efp-entity-item__details-item", children: [info.type === 'location' && (_jsxs(_Fragment, { children: [info.locationName && (_jsx("div", { className: "efp-entity-item__details-item-booth", children: _jsx(HighlightText, { text: info.locationName, highlight: highlight }) })), info.hall && (_jsxs("div", { children: [hallLabel, "\u00A0", _jsx("span", { children: info.hall })] })), info.level && (_jsxs("div", { children: [info.showLevelLabel && _jsxs("span", { children: [levelLabel, "\u00A0"] }), _jsx("span", { children: info.level })] }))] })), info.type === 'text' && _jsx("span", { children: info.text })] }, idx))) }))] }), image && (_jsx("div", { className: "efp-entity-item__image", children: _jsx("img", { src: image, alt: title }) }))] })] }) }));
-};
-export default EntityItem;

package/dist/EntityItem/index.d.ts

@@ -1,3 +0,0 @@
-export type { EntityItemAdditionalInfo, EntityItemProps } from './EntityItem';
-export { default } from './EntityItem';
-//# sourceMappingURL=index.d.ts.map

package/dist/EntityItem/index.js

@@ -1 +0,0 @@
-export { default } from './EntityItem';

package/dist/EventBadge/EventBadge.d.ts

@@ -1,13 +0,0 @@
-import './EventBadge.scss';
-export type EventBadgeStatus = 'live' | 'upcoming' | 'starting-soon' | 'past' | 'none';
-export interface EventBadgeProps {
-    status: EventBadgeStatus;
-    statusLabel?: string;
-    showFullBadge?: boolean;
-    fullLabel: string;
-    isUrgent?: boolean;
-    className?: string;
-}
-declare const EventBadge: ({ status, statusLabel, showFullBadge, fullLabel, isUrgent, className, }: EventBadgeProps) => import("react").JSX.Element | null;
-export default EventBadge;
-//# sourceMappingURL=EventBadge.d.ts.map

package/dist/EventBadge/EventBadge.js

@@ -1,10 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './EventBadge.scss';
-import classNames from 'classnames';
-const EventBadge = ({ status, statusLabel, showFullBadge = false, fullLabel, isUrgent = false, className = '', }) => {
-    const mainBadge = status !== 'none' ? (_jsx("div", { className: classNames('efp-event-badge', `efp-event-badge--${status}`, { 'is-urgent': isUrgent }, className), children: statusLabel })) : null;
-    if (!mainBadge && !showFullBadge)
-        return null;
-    return (_jsxs(_Fragment, { children: [mainBadge, showFullBadge && (_jsx("div", { className: classNames('efp-event-badge', 'efp-event-badge--full', className), children: fullLabel }))] }));
-};
-export default EventBadge;

package/dist/EventBadge/index.d.ts

@@ -1,3 +0,0 @@
-export type { EventBadgeProps, EventBadgeStatus } from './EventBadge';
-export { default } from './EventBadge';
-//# sourceMappingURL=index.d.ts.map

package/dist/EventBadge/index.js

@@ -1 +0,0 @@
-export { default } from './EventBadge';

package/dist/HeatmapLegend/HeatmapLegend.d.ts

@@ -1,15 +0,0 @@
-import './HeatmapLegend.scss';
-import React from 'react';
-export interface HeatmapLegendTick {
-    value: number;
-    color: string;
-}
-export interface HeatmapLegendProps {
-    ticks: HeatmapLegendTick[];
-    ariaLabel: string;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const HeatmapLegend: ({ ticks, ariaLabel, className, style }: HeatmapLegendProps) => React.JSX.Element | null;
-export default HeatmapLegend;
-//# sourceMappingURL=HeatmapLegend.d.ts.map

package/dist/HeatmapLegend/HeatmapLegend.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './HeatmapLegend.scss';
-import classNames from 'classnames';
-const HeatmapLegend = ({ ticks, ariaLabel, className, style }) => {
-    if (ticks.length === 0)
-        return null;
-    const colors = ticks.map((tick) => tick.color);
-    const background = colors.length === 1 ? colors[0] : `linear-gradient(to right, ${colors.join(', ')})`;
-    return (_jsxs("div", { className: classNames('efp-heatmap-legend', className), style: style, role: "img", "aria-label": ariaLabel, children: [_jsx("div", { className: "efp-heatmap-legend__colors", style: { background }, "aria-hidden": "true" }), _jsx("div", { className: "efp-heatmap-legend__values", children: ticks.map(({ value }, index) => (_jsx("span", { "aria-hidden": "true", children: value }, index))) })] }));
-};
-export default HeatmapLegend;

package/dist/HeatmapLegend/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './HeatmapLegend';
-export type { HeatmapLegendProps, HeatmapLegendTick } from './HeatmapLegend';
-//# sourceMappingURL=index.d.ts.map

package/dist/HeatmapLegend/index.js

@@ -1,2 +0,0 @@
-/* eslint-disable simple-import-sort/exports */
-export { default } from './HeatmapLegend';

package/dist/HighlightText/HighlightText.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-declare const HighlightText: ({ text, highlight }: {
-    text: string;
-    highlight?: string;
-}) => React.JSX.Element;
-export default HighlightText;
-//# sourceMappingURL=HighlightText.d.ts.map

package/dist/HighlightText/HighlightText.js

@@ -1,14 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const HIGHLIGHT_COLOR = '#FFFF99';
-const HighlightText = ({ text, highlight }) => {
-    if (!highlight || !text) {
-        return _jsx(_Fragment, { children: text });
-    }
-    const startIndex = text.toLowerCase().indexOf(highlight.toLowerCase());
-    if (startIndex === -1) {
-        return _jsx(_Fragment, { children: text });
-    }
-    const endIndex = startIndex + highlight.length;
-    return (_jsxs(_Fragment, { children: [text.slice(0, startIndex), _jsx("mark", { style: { background: `linear-gradient(to top, ${HIGHLIGHT_COLOR}, transparent)` }, children: text.slice(startIndex, endIndex) }), text.slice(endIndex)] }));
-};
-export default HighlightText;

package/dist/HighlightText/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './HighlightText';
-//# sourceMappingURL=index.d.ts.map

package/dist/HighlightText/index.js

@@ -1 +0,0 @@
-export { default } from './HighlightText';

package/dist/LevelBadge/LevelBadge.d.ts

@@ -1,9 +0,0 @@
-import './LevelBadge.scss';
-import React from 'react';
-export interface LevelBadgeProps {
-    level: string;
-    levelLabel: string;
-}
-declare const LevelBadge: ({ level, levelLabel }: LevelBadgeProps) => React.JSX.Element | null;
-export default LevelBadge;
-//# sourceMappingURL=LevelBadge.d.ts.map

package/dist/LevelBadge/LevelBadge.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// @ts-nocheck
-import './LevelBadge.scss';
-const isNumeric = (input) => /^\d+$/.test(input);
-const LevelBadge = ({ level, levelLabel }) => {
-    if (!level)
-        return null;
-    return (_jsx("div", { className: "efp-level-badge", children: _jsx("span", { children: isNumeric(level) ? `${levelLabel} ${level}` : level }) }));
-};
-export default LevelBadge;

package/dist/LevelBadge/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './LevelBadge';
-export type { LevelBadgeProps } from './LevelBadge';
-//# sourceMappingURL=index.d.ts.map

package/dist/LevelBadge/index.js

@@ -1,2 +0,0 @@
-/* eslint-disable simple-import-sort/exports */
-export { default } from './LevelBadge';

package/dist/LevelSelector/LevelSelector.d.ts

@@ -1,19 +0,0 @@
-import './LevelSelector.scss';
-export interface LevelSelectorFloor {
-    /** Stable identifier for the floor (used as React key and passed to `onSelect`). */
-    id: string;
-    /** Display name shown to the user (already resolved to short/full by the caller). */
-    label: string;
-    active: boolean;
-    disabled: boolean;
-}
-export interface LevelSelectorProps {
-    floors: LevelSelectorFloor[];
-    layout: 'compact-list' | 'dropdown';
-    onSelect: (id: string) => void;
-    floorSelectionLabel: string;
-    currentFloorLabel: string;
-    floorLabel: string;
-}
-export default function LevelSelector({ floors, layout, onSelect, floorSelectionLabel, currentFloorLabel, floorLabel, }: LevelSelectorProps): import("react").JSX.Element | null;
-//# sourceMappingURL=LevelSelector.d.ts.map

package/dist/LevelSelector/LevelSelector.js

@@ -1,91 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './LevelSelector.scss';
-import classNames from 'classnames';
-import { useCallback, useLayoutEffect, useRef, useState } from 'react';
-import useOnClickOutside from '../shared/hooks/useOnClickOutside';
-import useOnEscape from '../shared/hooks/useOnEscape';
-export default function LevelSelector({ floors, layout, onSelect, floorSelectionLabel, currentFloorLabel, floorLabel, }) {
-    const dropdownRef = useRef(null);
-    const triggerRef = useRef(null);
-    const itemRefs = useRef(new Map());
-    const [isDropdownOpen, setIsDropdownOpen] = useState(false);
-    const [menuPosition, setMenuPosition] = useState('down');
-    const closeAndRefocus = useCallback(() => {
-        setIsDropdownOpen(false);
-        triggerRef.current?.focus();
-    }, []);
-    useOnClickOutside([dropdownRef, triggerRef], () => setIsDropdownOpen(false), isDropdownOpen);
-    useOnEscape(closeAndRefocus, isDropdownOpen);
-    useLayoutEffect(() => {
-        if (isDropdownOpen && triggerRef.current) {
-            const buttonRect = triggerRef.current.getBoundingClientRect();
-            const windowHeight = window.innerHeight;
-            const spaceBelow = windowHeight - buttonRect.bottom;
-            const minSpaceRequired = 200;
-            setMenuPosition(spaceBelow < minSpaceRequired ? 'up' : 'down');
-        }
-    }, [isDropdownOpen]);
-    const handleFloorSelect = useCallback((floor) => {
-        if (floor.disabled)
-            return;
-        onSelect(floor.id);
-        setIsDropdownOpen(false);
-        triggerRef.current?.focus();
-    }, [onSelect]);
-    const focusAdjacentFloor = useCallback((e, floor) => {
-        if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp')
-            return;
-        e.preventDefault();
-        const currentIndex = floors.findIndex((f) => f.id === floor.id);
-        const direction = e.key === 'ArrowDown' ? 1 : -1;
-        let nextIndex = currentIndex + direction;
-        while (nextIndex >= 0 && nextIndex < floors.length) {
-            if (!floors[nextIndex].disabled) {
-                itemRefs.current.get(floors[nextIndex].id)?.focus();
-                return;
-            }
-            nextIndex += direction;
-        }
-    }, [floors]);
-    const handleDropdownItemKeyDown = useCallback((e, floor) => {
-        if (e.key === 'Enter' || e.key === ' ') {
-            if (floor.disabled)
-                return;
-            e.preventDefault();
-            handleFloorSelect(floor);
-            return;
-        }
-        focusAdjacentFloor(e, floor);
-    }, [focusAdjacentFloor, handleFloorSelect]);
-    if (floors.length === 0)
-        return null;
-    const activeFloor = floors.find((floor) => floor.active);
-    if (layout === 'compact-list') {
-        // Roving tabindex: only the active floor (or the first enabled one as a
-        // fallback) is a tab stop; arrows move focus, Enter/Space select.
-        const tabbableFloor = activeFloor && !activeFloor.disabled ? activeFloor : floors.find((floor) => !floor.disabled);
-        return (_jsx("div", { className: classNames('efp-level-selector', 'efp-level-selector--compact-list'), role: "radiogroup", "aria-label": floorSelectionLabel, children: floors.map((floor) => (_jsx("button", { ref: (el) => {
-                    if (el)
-                        itemRefs.current.set(floor.id, el);
-                    else
-                        itemRefs.current.delete(floor.id);
-                }, type: "button", className: classNames('efp-level-selector__item', {
-                    'efp-level-selector__item--active': floor.active,
-                    'efp-level-selector__item--disabled': floor.disabled,
-                }), role: "radio", title: `${floor.active ? currentFloorLabel : floorLabel} ${floor.label}`, "aria-label": `${floor.active ? currentFloorLabel : floorLabel} ${floor.label}`, "aria-checked": floor.active, "aria-disabled": floor.disabled, tabIndex: floor.id === tabbableFloor?.id ? 0 : -1, onClick: () => handleFloorSelect(floor), onKeyDown: (e) => focusAdjacentFloor(e, floor), children: _jsx("span", { dir: "auto", children: floor.label }) }, floor.id))) }));
-    }
-    return (_jsxs("div", { className: classNames('efp-level-selector', 'efp-level-selector--dropdown'), children: [_jsxs("button", { ref: triggerRef, type: "button", className: classNames('efp-level-selector__trigger', {
-                    'efp-level-selector__trigger--open': isDropdownOpen,
-                }), onClick: () => setIsDropdownOpen(!isDropdownOpen), "aria-haspopup": "listbox", "aria-expanded": isDropdownOpen, "aria-label": `${currentFloorLabel}: ${activeFloor?.label ?? ''}`, children: [_jsxs("div", { className: "efp-level-selector__trigger-text", children: [_jsx("i", { className: "icon-layers", "aria-hidden": "true" }), _jsx("span", { dir: "auto", children: activeFloor?.label ?? '' })] }), _jsx("div", { className: "efp-level-selector__trigger-chevron", children: _jsx("i", { className: "icon-chevron-down", "aria-hidden": "true" }) })] }), isDropdownOpen && (_jsx("div", { ref: dropdownRef, className: classNames('efp-level-selector__dropdown', 'efp-level-selector__dropdown--full', {
-                    'efp-level-selector__dropdown--opens-up': menuPosition === 'up',
-                    'efp-level-selector__dropdown--opens-down': menuPosition === 'down',
-                }), role: "listbox", "aria-label": floorSelectionLabel, children: floors.map((floor) => (_jsxs("div", { ref: (el) => {
-                        if (el)
-                            itemRefs.current.set(floor.id, el);
-                        else
-                            itemRefs.current.delete(floor.id);
-                    }, className: classNames('efp-level-selector__dropdown-item', {
-                        'efp-level-selector__dropdown-item--active': floor.active,
-                        'efp-level-selector__dropdown-item--disabled': floor.disabled,
-                    }), role: "option", "aria-selected": floor.active, "aria-disabled": floor.disabled, tabIndex: floor.disabled ? -1 : 0, onClick: () => handleFloorSelect(floor), onKeyDown: (e) => handleDropdownItemKeyDown(e, floor), children: [_jsx("span", { className: "efp-level-selector__dropdown-item-icon", children: floor.active && _jsx("i", { className: "icon-checkmark-solid", "aria-hidden": "true" }) }), _jsx("span", { className: "efp-level-selector__dropdown-item-name", dir: "auto", children: floor.label })] }, floor.id))) }))] }));
-}

package/dist/LevelSelector/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './LevelSelector';
-export type { LevelSelectorProps, LevelSelectorFloor } from './LevelSelector';
-//# sourceMappingURL=index.d.ts.map

package/dist/LevelSelector/index.js

@@ -1,2 +0,0 @@
-/* eslint-disable simple-import-sort/exports */
-export { default } from './LevelSelector';

package/dist/MapControls/MapControls.d.ts

@@ -1,33 +0,0 @@
-import './MapControls.scss';
-import { type CSSProperties } from 'react';
-export interface MapControlLayersItem {
-    id: string;
-    name: string;
-}
-export interface MapControlsProps {
-    className?: string;
-    style?: CSSProperties;
-    title: string;
-    findLocationLabel: string;
-    zoomInLabel: string;
-    zoomOutLabel: string;
-    viewModeLabel: string;
-    fitToScreenLabel: string;
-    layersLabel: string;
-    showModeSwitch: boolean;
-    showFindLocation: boolean;
-    isMap3d: boolean;
-    defaultLayersOpen?: boolean;
-    layersList?: MapControlLayersItem[];
-    layersActiveItems?: string[];
-    layersWidth?: number;
-    onViewModeSwitch: () => void;
-    onFindLocation: () => void;
-    onZoomIn: () => void;
-    onZoomOut: () => void;
-    onFitToScreen: () => void;
-    onChangeLayers: (value: string) => void;
-}
-declare const MapControls: ({ className, style, title, findLocationLabel, zoomInLabel, zoomOutLabel, viewModeLabel, fitToScreenLabel, layersLabel, isMap3d, showModeSwitch, showFindLocation, defaultLayersOpen, layersList, layersActiveItems, layersWidth, onViewModeSwitch, onFindLocation, onZoomIn, onZoomOut, onFitToScreen, onChangeLayers, }: MapControlsProps) => import("react").JSX.Element;
-export default MapControls;
-//# sourceMappingURL=MapControls.d.ts.map

package/dist/MapControls/MapControls.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './MapControls.scss';
-import classNames from 'classnames';
-import { useId, useLayoutEffect, useRef, useState } from 'react';
-import useOnClickOutside from '../shared/hooks/useOnClickOutside';
-import useOnEscape from '../shared/hooks/useOnEscape';
-const MapControls = ({ className, style, title, findLocationLabel, zoomInLabel, zoomOutLabel, viewModeLabel, fitToScreenLabel, layersLabel, isMap3d, showModeSwitch, showFindLocation, defaultLayersOpen = false, layersList, layersActiveItems = [], layersWidth, onViewModeSwitch, onFindLocation, onZoomIn, onZoomOut, onFitToScreen, onChangeLayers, }) => {
-    const refLayersWrapper = useRef(null);
-    const refLayersButton = useRef(null);
-    const layerIdPrefix = useId();
-    const [layersIsOpen, setLayersOpen] = useState(defaultLayersOpen);
-    const [menuPosition, setMenuPosition] = useState('down');
-    useOnClickOutside(refLayersWrapper, () => setLayersOpen(false), layersIsOpen);
-    useOnEscape(() => {
-        setLayersOpen(false);
-        refLayersButton.current?.focus();
-    }, layersIsOpen);
-    useLayoutEffect(() => {
-        if (layersIsOpen && refLayersWrapper.current) {
-            const buttonRect = refLayersWrapper.current.getBoundingClientRect();
-            const windowHeight = window.innerHeight;
-            const spaceBelow = windowHeight - buttonRect.bottom;
-            const minSpaceRequired = 250;
-            if (spaceBelow < minSpaceRequired) {
-                setMenuPosition('up');
-            }
-            else {
-                setMenuPosition('down');
-            }
-        }
-    }, [layersIsOpen]);
-    const handleLayersCheck = (id) => onChangeLayers(id);
-    return (_jsxs("div", { className: classNames('efp-map-controls', className), style: style, role: "toolbar", "aria-label": title, children: [showFindLocation && (_jsx("button", { type: "button", className: "efp-map-control", "aria-label": findLocationLabel, title: findLocationLabel, onClick: onFindLocation, children: _jsx("i", { className: "icon-navigation", "aria-hidden": "true" }) })), layersList && (_jsxs("div", { className: "efp-layers-button", ref: refLayersWrapper, children: [_jsx("button", { ref: refLayersButton, type: "button", className: classNames('efp-map-control', { 'efp-map-control--active': layersIsOpen }), "aria-label": layersLabel, title: layersLabel, "aria-haspopup": "true", "aria-expanded": layersIsOpen, onClick: () => setLayersOpen(!layersIsOpen), children: _jsx("i", { className: "icon-layers", "aria-hidden": "true" }) }), layersIsOpen && (_jsx("div", { className: classNames('efp-checked-panel', {
-                            'efp-checked-panel--opens-up': menuPosition === 'up',
-                            'efp-checked-panel--opens-down': menuPosition === 'down',
-                        }), style: { minWidth: layersWidth }, children: _jsx("ul", { className: "efp-checked-panel__list", children: layersList.map((item) => (_jsxs("li", { children: [_jsx("input", { type: "checkbox", className: "efp-checked-panel__checkbox", value: item.id, id: `${layerIdPrefix}-${item.id}`, checked: layersActiveItems.includes(item.id), onChange: () => handleLayersCheck(item.id) }), _jsx("label", { className: "efp-checked-panel__label", htmlFor: `${layerIdPrefix}-${item.id}`, children: _jsx("div", { className: "efp-checked-panel__item-name", children: item.name }) })] }, item.id))) }) }))] })), showModeSwitch && (_jsx("button", { type: "button", className: "efp-map-control", "aria-label": viewModeLabel, title: viewModeLabel, onClick: onViewModeSwitch, children: _jsx("i", { className: isMap3d ? 'icon-two-dim' : 'icon-three-dim', "aria-hidden": "true" }) })), _jsxs("div", { className: "efp-map-control-group", children: [_jsx("button", { type: "button", className: "efp-map-control", "aria-label": zoomInLabel, title: zoomInLabel, onClick: onZoomIn, children: _jsx("i", { className: "icon-plus", "aria-hidden": "true" }) }), _jsx("div", { className: "efp-map-control-divider" }), _jsx("button", { type: "button", className: "efp-map-control", "aria-label": zoomOutLabel, title: zoomOutLabel, onClick: onZoomOut, children: _jsx("i", { className: "icon-minus", "aria-hidden": "true" }) })] }), _jsx("button", { type: "button", className: "efp-map-control", "aria-label": fitToScreenLabel, title: fitToScreenLabel, onClick: onFitToScreen, children: _jsx("i", { className: "icon-maximize", "aria-hidden": "true" }) })] }));
-};
-export default MapControls;

package/dist/MapControls/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './MapControls';
-export type { MapControlsProps, MapControlLayersItem } from './MapControls';
-//# sourceMappingURL=index.d.ts.map

package/dist/MapControls/index.js

@@ -1,2 +0,0 @@
-/* eslint-disable simple-import-sort/exports */
-export { default } from './MapControls';

package/dist/MobileToggleButton/MobileToggleButton.d.ts

@@ -1,12 +0,0 @@
-import './MobileToggleButton.scss';
-export type MobileToggleButtonMode = 'list' | 'map';
-export interface MobileToggleButtonProps {
-    mode: MobileToggleButtonMode;
-    label: string;
-    ariaLabel: string;
-    withBanner?: boolean;
-    onClick: () => void;
-}
-declare function MobileToggleButton({ mode, label, ariaLabel, withBanner, onClick, }: MobileToggleButtonProps): import("react").JSX.Element;
-export default MobileToggleButton;
-//# sourceMappingURL=MobileToggleButton.d.ts.map

package/dist/MobileToggleButton/MobileToggleButton.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './MobileToggleButton.scss';
-import classNames from 'classnames';
-function MobileToggleButton({ mode, label, ariaLabel, withBanner, onClick, }) {
-    const isListMode = mode === 'list';
-    return (_jsxs("button", { className: classNames('efp-mobile-toggle-button', { 'efp-mobile-toggle-button--with-banner': withBanner }, isListMode ? 'efp-mobile-toggle-button--list' : 'efp-mobile-toggle-button--map'), onClick: onClick, type: "button", "aria-label": ariaLabel, children: [_jsx("i", { className: isListMode ? 'icon-list' : 'icon-map', "aria-hidden": "true" }), _jsx("span", { className: "efp-mobile-toggle-button__text", children: label })] }));
-}
-export default MobileToggleButton;

package/dist/MobileToggleButton/index.d.ts

@@ -1,3 +0,0 @@
-export type { MobileToggleButtonMode, MobileToggleButtonProps } from './MobileToggleButton';
-export { default } from './MobileToggleButton';
-//# sourceMappingURL=index.d.ts.map

package/dist/MobileToggleButton/index.js

@@ -1 +0,0 @@
-export { default } from './MobileToggleButton';

package/dist/Modal/Modal.d.ts

@@ -1,34 +0,0 @@
-import './Modal.scss';
-import React from 'react';
-import { type ButtonVariant } from '../Button';
-export type ModalVariant = 'default' | 'share';
-export interface ModalButton {
-    label: string;
-    variant?: ButtonVariant;
-    disabled?: boolean;
-    withBadge?: boolean;
-    onClick: () => void;
-}
-type ModalFooterButton = Omit<ModalButton, 'withBadge'>;
-type ModalLabel = {
-    title: string;
-    ariaLabel?: string;
-} | {
-    title?: undefined;
-    ariaLabel: string;
-};
-export type ModalProps = ModalLabel & {
-    open: boolean;
-    className?: string;
-    variant?: ModalVariant;
-    maxWidth?: number;
-    children?: React.ReactNode;
-    closeLabel: string;
-    renderTarget?: HTMLElement | null;
-    footerLeft?: ModalFooterButton[];
-    footerRight?: ModalButton[];
-    onClose: () => void;
-};
-declare const Modal: ({ open, className, variant, title, ariaLabel, maxWidth, children, closeLabel, renderTarget, footerLeft, footerRight, onClose, }: ModalProps) => React.ReactPortal | null;
-export default Modal;
-//# sourceMappingURL=Modal.d.ts.map

package/dist/Modal/Modal.js

@@ -1,98 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './Modal.scss';
-import classNames from 'classnames';
-import { useEffect, useId, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
-import Button from '../Button';
-const MODAL_EXIT_TRANSITION_MS = 200;
-const isElementVisible = (el) => el.getClientRects().length > 0 && getComputedStyle(el).visibility !== 'hidden';
-const Modal = ({ open, className, variant = 'default', title, ariaLabel, maxWidth, children, closeLabel, renderTarget, footerLeft = [], footerRight = [], onClose, }) => {
-    const modalRef = useRef(null);
-    const previousFocusRef = useRef(null);
-    const titleId = useId();
-    const [isOpen, setIsOpen] = useState(open);
-    const [isVisible, setIsVisible] = useState(open);
-    // Focus restore + body scroll lock + enter/exit animation. Driven solely by `open`.
-    useEffect(() => {
-        if (!open) {
-            const deactivateFrame = requestAnimationFrame(() => setIsOpen(false));
-            const unmountTimer = setTimeout(() => setIsVisible(false), MODAL_EXIT_TRANSITION_MS);
-            previousFocusRef.current?.focus();
-            previousFocusRef.current = null;
-            return () => {
-                cancelAnimationFrame(deactivateFrame);
-                clearTimeout(unmountTimer);
-            };
-        }
-        previousFocusRef.current ??= document.activeElement;
-        const previousBodyOverflow = document.body.style.overflow;
-        document.body.style.overflow = 'hidden';
-        let activateFrame = 0;
-        const mountFrame = requestAnimationFrame(() => {
-            setIsVisible(true);
-            activateFrame = requestAnimationFrame(() => setIsOpen(true));
-        });
-        return () => {
-            cancelAnimationFrame(mountFrame);
-            cancelAnimationFrame(activateFrame);
-            document.body.style.overflow = previousBodyOverflow;
-        };
-    }, [open]);
-    // Keydown handling (Escape + focus trap). Kept separate from the lifecycle
-    // effect above so a new `onClose` identity only re-subscribes this listener
-    // and never restarts the enter/exit animation or scroll lock.
-    useEffect(() => {
-        if (!open)
-            return;
-        const handleKeyDown = (e) => {
-            if (e.key === 'Escape') {
-                e.preventDefault();
-                e.stopImmediatePropagation();
-                onClose();
-                return;
-            }
-            if (e.key !== 'Tab')
-                return;
-            const container = modalRef.current;
-            if (!container)
-                return;
-            const focusable = Array.from(container.querySelectorAll('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])')).filter(isElementVisible);
-            if (focusable.length === 0) {
-                e.preventDefault();
-                return;
-            }
-            const first = focusable[0];
-            const last = focusable[focusable.length - 1];
-            const active = document.activeElement;
-            if (e.shiftKey) {
-                if (active === first || active === container) {
-                    e.preventDefault();
-                    last.focus();
-                }
-            }
-            else if (active === last) {
-                e.preventDefault();
-                first.focus();
-            }
-        };
-        document.addEventListener('keydown', handleKeyDown);
-        return () => document.removeEventListener('keydown', handleKeyDown);
-    }, [open, onClose]);
-    useEffect(() => {
-        if (!isOpen)
-            return;
-        let inner = 0;
-        const outer = requestAnimationFrame(() => {
-            inner = requestAnimationFrame(() => modalRef.current?.focus());
-        });
-        return () => {
-            cancelAnimationFrame(outer);
-            cancelAnimationFrame(inner);
-        };
-    }, [isOpen]);
-    if (!isVisible || !renderTarget)
-        return null;
-    const renderButtons = (buttons) => buttons?.map(({ label, onClick, variant = 'primary', disabled, withBadge }, idx) => (_jsx(Button, { onClick: onClick, variant: variant, size: "md", inline: true, disabled: disabled, withBadge: withBadge, children: label }, idx)));
-    return createPortal(_jsx("div", { className: classNames('efp-modal', `efp-modal--${variant}`, { 'efp-modal--open': isOpen }, className), role: "dialog", "aria-modal": "true", "aria-labelledby": title ? titleId : undefined, "aria-label": !title ? ariaLabel : undefined, ref: modalRef, tabIndex: -1, onClick: onClose, children: _jsxs("div", { className: "efp-modal__box", style: maxWidth ? { maxWidth: `${maxWidth}px` } : undefined, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "efp-modal__header", children: [title && (_jsx("div", { className: "efp-modal__title-container", children: _jsx("h2", { className: "efp-modal__title", id: titleId, children: title }) })), _jsx("button", { type: "button", className: "efp-modal__close", onClick: onClose, "aria-label": closeLabel, title: closeLabel, children: _jsx("i", { className: "icon-close", "aria-hidden": "true" }) })] }), _jsx("div", { className: "efp-modal__body", children: children }), (footerLeft.length > 0 || footerRight.length > 0) && (_jsxs("div", { className: "efp-modal__footer", children: [_jsx("div", { className: "efp-modal__footer-left", children: footerLeft.length > 0 && renderButtons(footerLeft) }), footerRight.length > 0 && (_jsx("div", { className: "efp-modal__footer-right", children: renderButtons(footerRight) }))] }))] }) }), renderTarget);
-};
-export default Modal;

package/dist/Modal/index.d.ts

@@ -1,3 +0,0 @@
-export type { ModalButton, ModalProps, ModalVariant } from './Modal';
-export { default } from './Modal';
-//# sourceMappingURL=index.d.ts.map

package/dist/Modal/index.js

@@ -1 +0,0 @@
-export { default } from './Modal';