@expofp/ui 3.21.0 → 3.21.1

package/dist/MultiSelectGroups/MultiSelectGroups.d.ts

@@ -1,37 +0,0 @@
-import './MultiSelectGroups.scss';
-import React from 'react';
-export interface MultiSelectGroupItem {
-    id: number | string;
-    name: string;
-    count?: number;
-    disabled?: boolean;
-    countProvider?: () => number;
-}
-export interface MultiSelectGroup {
-    groupName: string;
-    items: MultiSelectGroupItem[];
-    showGroupActions?: boolean;
-    customGroupClass?: string;
-    fullWidth?: boolean;
-    id?: string | number;
-}
-export type MultiSelectVariant = 'default' | 'categories';
-export interface MultiSelectGroupsProps {
-    groups: MultiSelectGroup[];
-    selectedIds: (number | string)[];
-    showItemCounts?: boolean;
-    showGroupActions?: boolean;
-    variant?: MultiSelectVariant;
-    maxItemsVisible?: number;
-    selectAllLabel: string;
-    clearAllLabel: string;
-    selectedLabel: string;
-    showMoreLabel: string;
-    showLessLabel: string;
-    onChange: (selectedIds: (number | string)[]) => void;
-    itemCountProvider?: (item: MultiSelectGroupItem) => number;
-    customItemRenderer?: (item: MultiSelectGroupItem, isSelected: boolean) => React.ReactNode;
-}
-declare function MultiSelectGroups({ groups, selectedIds, showItemCounts, showGroupActions, variant, maxItemsVisible, selectAllLabel, clearAllLabel, selectedLabel, showMoreLabel, showLessLabel, itemCountProvider, customItemRenderer, onChange, }: MultiSelectGroupsProps): React.JSX.Element | null;
-export default MultiSelectGroups;
-//# sourceMappingURL=MultiSelectGroups.d.ts.map

package/dist/MultiSelectGroups/MultiSelectGroups.js

@@ -1,80 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './MultiSelectGroups.scss';
-import cn from 'classnames';
-import React, { useCallback, useMemo, useState } from 'react';
-import ShowMoreButton from '../ShowMoreButton';
-const GroupItem = React.memo(({ item, isSelected, variant, showCount, count, onClick, customRenderer }) => {
-    if (customRenderer) {
-        return _jsx(_Fragment, { children: customRenderer(item, isSelected) });
-    }
-    return (_jsxs("button", { type: "button", className: cn('efp-multi-select-groups__item', {
-            'efp-multi-select-groups__item--selected': isSelected,
-            'efp-multi-select-groups__item--disabled': item.disabled,
-            [`efp-multi-select-groups__item--${variant}`]: variant,
-        }), onClick: () => !item.disabled && onClick(item.id), disabled: item.disabled, "aria-pressed": isSelected, children: [_jsx("div", { className: "efp-multi-select-groups__item-name", children: item.name }), showCount && count > 0 && (_jsx("span", { className: "efp-multi-select-groups__item-count", children: count }))] }));
-});
-function MultiSelectGroups({ groups = [], selectedIds = [], showItemCounts = true, showGroupActions = true, variant = 'default', maxItemsVisible = 20, selectAllLabel, clearAllLabel, selectedLabel, showMoreLabel, showLessLabel, itemCountProvider, customItemRenderer, onChange, }) {
-    const [expandedGroups, setExpandedGroups] = useState(() => new Set());
-    const handleItemToggle = useCallback((id) => {
-        const newSelected = selectedIds.includes(id)
-            ? selectedIds.filter((i) => i !== id)
-            : [...selectedIds, id];
-        onChange(newSelected);
-    }, [selectedIds, onChange]);
-    const selectAllInGroup = useCallback((group) => {
-        const groupItemIds = group.items
-            .filter((item) => item.id && !item.disabled)
-            .map((item) => item.id);
-        const uniqueNewIds = groupItemIds.filter((id) => !selectedIds.includes(id));
-        if (uniqueNewIds.length === 0)
-            return;
-        onChange([...selectedIds, ...uniqueNewIds]);
-    }, [selectedIds, onChange]);
-    const clearAllInGroup = useCallback((group) => {
-        const groupItemIds = new Set(group.items.map((item) => item.id));
-        const newSelected = selectedIds.filter((id) => !groupItemIds.has(id));
-        onChange(newSelected);
-    }, [selectedIds, onChange]);
-    const toggleGroupExpansion = useCallback((groupName) => {
-        setExpandedGroups((prev) => {
-            const newSet = new Set(prev);
-            if (newSet.has(groupName))
-                newSet.delete(groupName);
-            else
-                newSet.add(groupName);
-            return newSet;
-        });
-    }, []);
-    const getItemCount = (item) => {
-        if (item.count !== undefined)
-            return item.count;
-        if (item.countProvider)
-            return item.countProvider();
-        if (itemCountProvider)
-            return itemCountProvider(item);
-        return 0;
-    };
-    const selectedSet = useMemo(() => new Set(selectedIds), [selectedIds]);
-    if (!Array.isArray(groups) || !groups.length) {
-        return null;
-    }
-    return (_jsx("div", { className: "efp-multi-select-groups", children: _jsx("div", { className: "efp-multi-select-groups__list", children: groups.map((group) => {
-                if (!group?.groupName || !Array.isArray(group.items))
-                    return null;
-                const validItems = group.items.filter((i) => i.id);
-                const selectedItemsInGroup = validItems.filter((item) => selectedSet.has(item.id));
-                const isFull = selectedItemsInGroup.length === validItems.length && validItems.length > 0;
-                const isPartial = selectedItemsInGroup.length > 0 && !isFull;
-                const isExpanded = expandedGroups.has(group.groupName);
-                const visibleItems = isExpanded || validItems.length <= maxItemsVisible
-                    ? validItems
-                    : validItems.slice(0, maxItemsVisible);
-                const hiddenCount = validItems.length - visibleItems.length;
-                const hiddenSelectedCount = hiddenCount > 0
-                    ? validItems.slice(maxItemsVisible).filter((item) => selectedSet.has(item.id)).length
-                    : 0;
-                return (_jsxs("div", { className: cn('efp-multi-select-groups__group', { 'efp-multi-select-groups__group--full-width': group.fullWidth }, group.customGroupClass), children: [_jsxs("div", { className: "efp-multi-select-groups__group-header", children: [_jsx("div", { className: "efp-multi-select-groups__group-title", children: group.groupName }), showGroupActions && group.showGroupActions !== false && (_jsxs("div", { className: "efp-multi-select-groups__group-actions", children: [!isFull && (_jsx("button", { type: "button", className: "efp-multi-select-groups__action-btn", onClick: () => selectAllInGroup(group), children: selectAllLabel })), (isPartial || isFull) && (_jsx("button", { type: "button", className: "efp-multi-select-groups__action-btn", onClick: () => clearAllInGroup(group), children: clearAllLabel }))] }))] }), _jsx("div", { className: "efp-multi-select-groups__group-items", children: visibleItems.map((item) => (_jsx(GroupItem, { item: item, isSelected: selectedSet.has(item.id), variant: variant, showCount: showItemCounts, count: getItemCount(item), onClick: handleItemToggle, customRenderer: customItemRenderer }, item.id))) }), validItems.length > maxItemsVisible && (_jsx(ShowMoreButton, { className: "efp-multi-select-groups__show-more", expanded: isExpanded, showMoreLabel: showMoreLabel, showLessLabel: showLessLabel, onClick: () => toggleGroupExpansion(group.groupName), suffix: !isExpanded &&
-                                hiddenSelectedCount > 0 && (_jsxs("span", { className: "efp-multi-select-groups__show-more-badge", children: [hiddenSelectedCount, " ", selectedLabel] })) }))] }, group.groupName));
-            }) }) }));
-}
-export default MultiSelectGroups;

package/dist/MultiSelectGroups/index.d.ts

@@ -1,3 +0,0 @@
-export type { MultiSelectGroup, MultiSelectGroupItem, MultiSelectGroupsProps, MultiSelectVariant, } from './MultiSelectGroups';
-export { default } from './MultiSelectGroups';
-//# sourceMappingURL=index.d.ts.map

package/dist/MultiSelectGroups/index.js

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

package/dist/OverlayGrip/OverlayGrip.d.ts

@@ -1,11 +0,0 @@
-import './OverlayGrip.scss';
-import React from 'react';
-export interface OverlayGripProps {
-    isFull: boolean;
-    onToggle: () => void;
-    ariaLabel: string;
-    className?: string;
-}
-declare const OverlayGrip: ({ isFull, onToggle, ariaLabel, className }: OverlayGripProps) => React.JSX.Element;
-export default OverlayGrip;
-//# sourceMappingURL=OverlayGrip.d.ts.map

package/dist/OverlayGrip/OverlayGrip.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @ts-nocheck
-import './OverlayGrip.scss';
-import cn from 'classnames';
-const OverlayGrip = ({ isFull, onToggle, ariaLabel, className }) => {
-    return (_jsx("button", { type: "button", className: cn('efp-overlay-grip', { 'efp-overlay-grip--full': isFull }, className), onClick: onToggle, "aria-label": ariaLabel, "aria-expanded": isFull, children: _jsxs("svg", { viewBox: "0 0 1200 200", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [_jsx("path", { d: "M100,100 l 500 100 L 1100 100" }), _jsx("path", { d: "M100,150 l 500 0 L 1100 150" })] }) }));
-};
-export default OverlayGrip;

package/dist/OverlayGrip/index.d.ts

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

package/dist/OverlayGrip/index.js

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

package/dist/PermissionNotice/PermissionNotice.d.ts

@@ -1,16 +0,0 @@
-import './PermissionNotice.scss';
-import React from 'react';
-export type PermissionNoticePlacement = 'bottom-right' | 'bottom-left';
-export interface PermissionNoticeProps {
-    title: string;
-    acceptText: string;
-    rejectText: string;
-    children: React.ReactNode;
-    placement?: PermissionNoticePlacement;
-    onAccept?: () => void;
-    onReject?: () => void;
-    className?: string;
-}
-declare const PermissionNotice: ({ title, acceptText, rejectText, children, placement, onAccept, onReject, className, }: PermissionNoticeProps) => React.JSX.Element;
-export default PermissionNotice;
-//# sourceMappingURL=PermissionNotice.d.ts.map

package/dist/PermissionNotice/PermissionNotice.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './PermissionNotice.scss';
-import cn from 'classnames';
-import { useId } from 'react';
-import Button from '../Button';
-const PermissionNotice = ({ title, acceptText, rejectText, children, placement = 'bottom-right', onAccept, onReject, className, }) => {
-    const titleId = useId();
-    const descId = useId();
-    return (_jsxs("div", { className: cn('efp-permission-notice', `efp-permission-notice--${placement}`, className), role: "dialog", "aria-labelledby": titleId, "aria-describedby": descId, children: [_jsx("div", { className: "efp-permission-notice__title", id: titleId, children: title }), _jsx("div", { className: "efp-permission-notice__text", id: descId, children: children }), _jsxs("div", { className: "efp-permission-notice__bottom", children: [_jsx(Button, { size: "md", onClick: onAccept, children: acceptText }), _jsx(Button, { size: "md", variant: "gray", onClick: onReject, children: rejectText })] })] }));
-};
-export default PermissionNotice;

package/dist/PermissionNotice/index.d.ts

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

package/dist/PermissionNotice/index.js

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

package/dist/Radio/Radio.d.ts

@@ -1,15 +0,0 @@
-import './Radio.scss';
-import React from 'react';
-export interface RadioProps {
-    name: string;
-    label: string;
-    value: string | number;
-    checked?: boolean;
-    disabled?: boolean;
-    className?: string;
-    ariaLabel?: string;
-    onChange?: () => void;
-}
-declare const Radio: ({ name, label, value, checked, disabled, className, ariaLabel, onChange, }: RadioProps) => React.JSX.Element;
-export default Radio;
-//# sourceMappingURL=Radio.d.ts.map

package/dist/Radio/Radio.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @ts-nocheck
-import './Radio.scss';
-import classNames from 'classnames';
-import { useId } from 'react';
-const Radio = ({ name, label, value, checked, disabled, className, ariaLabel, onChange, }) => {
-    const id = useId();
-    return (_jsxs("label", { htmlFor: id, className: classNames('efp-radio', className, {
-            'efp-radio--checked': checked,
-            'efp-radio--disabled': disabled,
-        }), children: [_jsx("input", { type: "radio", className: "efp-radio__input", id: id, name: name, value: value, checked: checked, disabled: disabled, "aria-label": ariaLabel, onChange: onChange }), _jsx("span", { className: "efp-radio__control", "aria-hidden": "true" }), _jsx("span", { className: "efp-radio__label", children: label })] }));
-};
-export default Radio;

package/dist/Radio/index.d.ts

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

package/dist/Radio/index.js

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

package/dist/RebookingNotes/RebookingNotes.d.ts

@@ -1,11 +0,0 @@
-import './RebookingNotes.scss';
-export interface RebookingNotesProps {
-    value?: string;
-    noteLabel: string;
-    saveButtonLabel: string;
-    saveButtonAriaLabel: string;
-    onSave: (value: string) => void;
-}
-declare const RebookingNotes: ({ value, noteLabel, saveButtonLabel, saveButtonAriaLabel, onSave, }: RebookingNotesProps) => import("react").JSX.Element;
-export default RebookingNotes;
-//# sourceMappingURL=RebookingNotes.d.ts.map

package/dist/RebookingNotes/RebookingNotes.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './RebookingNotes.scss';
-import { useId, useState } from 'react';
-import Button from '../Button';
-const RebookingNotes = ({ value, noteLabel, saveButtonLabel, saveButtonAriaLabel, onSave, }) => {
-    const id = useId();
-    const labelId = `${id}-label`;
-    const textareaId = `${id}-textarea`;
-    // Uncontrolled editing buffer seeded from `value`; consumers reset it by remounting via `key`
-    // (see RebookingNotesContainer usage). Committed to the parent only on save.
-    const [internalValue, setInternalValue] = useState(value ?? '');
-    const handleChange = (event) => setInternalValue(event.target.value);
-    const handleSave = () => {
-        onSave(internalValue);
-    };
-    return (_jsxs("div", { className: "rebooking-notes", children: [_jsx("div", { className: "rebooking-notes__view-header", children: _jsx("strong", { id: labelId, children: noteLabel }) }), _jsxs("div", { className: "rebooking-notes__edit", children: [_jsx("div", { className: "rebooking-notes__val", children: _jsx("textarea", { id: textareaId, value: internalValue, onChange: handleChange, "aria-labelledby": labelId }) }), _jsx("div", { className: "rebooking-notes__buttons", children: _jsx(Button, { inline: true, onClick: handleSave, disabled: (value ?? '') === internalValue, "aria-label": saveButtonAriaLabel, children: saveButtonLabel }) })] })] }));
-};
-export default RebookingNotes;

package/dist/RebookingNotes/index.d.ts

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

package/dist/RebookingNotes/index.js

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

package/dist/RebookingRadioGroup/RebookingRadioGroup.d.ts

@@ -1,17 +0,0 @@
-import './RebookingRadioGroup.scss';
-export interface RebookingOption {
-    value: string;
-    label: string;
-    iconName?: string;
-    disabled?: boolean;
-    color: string;
-}
-export interface RebookingRadioGroupProps {
-    options: RebookingOption[];
-    value: string;
-    title?: string;
-    onChange: (value: string) => void;
-}
-declare const RebookingRadioGroup: ({ options, value, title, onChange }: RebookingRadioGroupProps) => import("react").JSX.Element;
-export default RebookingRadioGroup;
-//# sourceMappingURL=RebookingRadioGroup.d.ts.map

package/dist/RebookingRadioGroup/RebookingRadioGroup.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './RebookingRadioGroup.scss';
-import { useId } from 'react';
-const RebookingRadioGroup = ({ options, value, title, onChange }) => {
-    const idPrefix = useId();
-    return (_jsxs("div", { className: "rebooking-radio-group", children: [title && _jsx("div", { className: "rebooking-radio-group__title", children: title }), _jsx("div", { className: "rebooking-radio-group__options", children: options.map((option) => {
-                    const optionId = `${idPrefix}-${option.value}`;
-                    return (_jsxs("div", { className: "rebooking-radio", style: {
-                            '--rebooking-color-primary': option.color,
-                        }, children: [_jsx("input", { type: "radio", name: idPrefix, value: option.value, id: optionId, checked: option.value === value, disabled: option.disabled, onChange: () => onChange(option.value) }), _jsxs("label", { htmlFor: optionId, children: [_jsx("div", { className: "rebooking-radio__label", children: option.label }), _jsx("div", { className: "rebooking-radio__icon", children: _jsx("i", { className: option.iconName, "aria-hidden": "true" }) })] })] }, option.value));
-                }) })] }));
-};
-export default RebookingRadioGroup;

package/dist/RebookingRadioGroup/index.d.ts

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

package/dist/RebookingRadioGroup/index.js

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

package/dist/ScrollableRow/ScrollableRow.d.ts

@@ -1,21 +0,0 @@
-import './ScrollableRow.scss';
-import React, { ReactNode } from 'react';
-export interface ScrollableRowProps {
-    children: ReactNode;
-    ariaLabel: string;
-    leftAriaLabel: string;
-    rightAriaLabel: string;
-    className?: string;
-    scrollAmount?: number;
-    mobileBreakpoint?: number;
-    showArrowsOnMobile?: boolean;
-    arrowPosition?: 'inside' | 'outside';
-    scrollBehavior?: 'smooth' | 'auto';
-    isRtl?: boolean;
-    enableDragScroll?: boolean;
-    dragScrollSensitivity?: number;
-    onScroll?: (scrollLeft: number) => void;
-}
-declare const ScrollableRow: ({ children, ariaLabel, leftAriaLabel, rightAriaLabel, className, scrollAmount, mobileBreakpoint, showArrowsOnMobile, arrowPosition, scrollBehavior, isRtl, enableDragScroll, dragScrollSensitivity, onScroll, }: ScrollableRowProps) => React.JSX.Element;
-export default ScrollableRow;
-//# sourceMappingURL=ScrollableRow.d.ts.map

package/dist/ScrollableRow/ScrollableRow.js

@@ -1,155 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/consistent-type-imports, @eslint-react/set-state-in-effect */
-import './ScrollableRow.scss';
-import cn from 'classnames';
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { ResizeObserver } from 'resize-observer';
-import { isInteractiveTarget } from '../shared/interactive';
-const SCROLL_THRESHOLD = 5;
-const DEFAULT_MOBILE_BREAKPOINT = 768;
-const ScrollableRow = ({ children, ariaLabel, leftAriaLabel, rightAriaLabel, className, scrollAmount = 150, mobileBreakpoint = DEFAULT_MOBILE_BREAKPOINT, showArrowsOnMobile = false, arrowPosition = 'inside', scrollBehavior = 'smooth', isRtl = false, enableDragScroll = true, dragScrollSensitivity = 1, onScroll, }) => {
-    const containerRef = useRef(null);
-    const scrollRef = useRef(null);
-    const resizeObserverRef = useRef(null);
-    const [showLeftArrow, setShowLeftArrow] = useState(false);
-    const [showRightArrow, setShowRightArrow] = useState(false);
-    const [isDragging, setIsDragging] = useState(false);
-    const [startX, setStartX] = useState(0);
-    const [dragStartScrollLeft, setDragStartScrollLeft] = useState(0);
-    const isDesktop = useCallback(() => {
-        return (window.innerWidth > mobileBreakpoint &&
-            !('ontouchstart' in window || navigator.maxTouchPoints > 0));
-    }, [mobileBreakpoint]);
-    const normalizeRTLScroll = useCallback((scrollLeft, scrollWidth, clientWidth) => {
-        const maxScroll = scrollWidth - clientWidth;
-        if (scrollLeft < 0) {
-            return Math.abs(scrollLeft);
-        }
-        else if (scrollLeft > maxScroll / 2) {
-            return maxScroll - scrollLeft;
-        }
-        return scrollLeft;
-    }, []);
-    const checkArrows = useCallback(() => {
-        const scrollEl = scrollRef.current;
-        if (!scrollEl)
-            return;
-        const isMobile = window.innerWidth <= mobileBreakpoint;
-        if (isMobile && !showArrowsOnMobile) {
-            setShowLeftArrow(false);
-            setShowRightArrow(false);
-            return;
-        }
-        const { scrollLeft, scrollWidth, clientWidth } = scrollEl;
-        const hasOverflow = scrollWidth > clientWidth;
-        if (!hasOverflow) {
-            setShowLeftArrow(false);
-            setShowRightArrow(false);
-            return;
-        }
-        if (isRtl) {
-            const maxScroll = scrollWidth - clientWidth;
-            const normalizedScroll = normalizeRTLScroll(scrollLeft, scrollWidth, clientWidth);
-            setShowLeftArrow(normalizedScroll > SCROLL_THRESHOLD);
-            setShowRightArrow(normalizedScroll < maxScroll - SCROLL_THRESHOLD);
-        }
-        else {
-            setShowLeftArrow(scrollLeft > SCROLL_THRESHOLD);
-            setShowRightArrow(scrollLeft < scrollWidth - clientWidth - SCROLL_THRESHOLD);
-        }
-    }, [mobileBreakpoint, showArrowsOnMobile, normalizeRTLScroll, isRtl]);
-    const handleScroll = useCallback(() => {
-        checkArrows();
-        if (onScroll && scrollRef.current) {
-            onScroll(scrollRef.current.scrollLeft);
-        }
-    }, [checkArrows, onScroll]);
-    const scroll = useCallback((direction) => {
-        const scrollEl = scrollRef.current;
-        if (!scrollEl)
-            return;
-        const currentScroll = scrollEl.scrollLeft;
-        let newScroll;
-        if (isRtl) {
-            const maxScrollLeft = -(scrollEl.scrollWidth - scrollEl.clientWidth);
-            newScroll =
-                direction === 'left'
-                    ? Math.min(0, currentScroll + scrollAmount)
-                    : Math.max(maxScrollLeft, currentScroll - scrollAmount);
-        }
-        else {
-            newScroll =
-                direction === 'left'
-                    ? Math.max(0, currentScroll - scrollAmount)
-                    : currentScroll + scrollAmount;
-        }
-        scrollEl.scrollTo({
-            left: newScroll,
-            behavior: scrollBehavior,
-        });
-    }, [scrollAmount, scrollBehavior, isRtl]);
-    const handleMouseDown = useCallback((e) => {
-        if (!enableDragScroll || !isDesktop() || !scrollRef.current)
-            return;
-        if (isInteractiveTarget(e.target))
-            return;
-        setIsDragging(true);
-        setStartX(e.pageX - scrollRef.current.offsetLeft);
-        setDragStartScrollLeft(scrollRef.current.scrollLeft);
-        e.preventDefault();
-    }, [enableDragScroll, isDesktop]);
-    const handleMouseMove = useCallback((e) => {
-        if (!isDragging || !scrollRef.current)
-            return;
-        e.preventDefault();
-        const x = e.pageX - scrollRef.current.offsetLeft;
-        const walk = (x - startX) * dragScrollSensitivity;
-        scrollRef.current.scrollLeft = dragStartScrollLeft - walk;
-    }, [isDragging, startX, dragStartScrollLeft, dragScrollSensitivity]);
-    const endDrag = useCallback(() => {
-        setIsDragging(false);
-    }, []);
-    useEffect(() => {
-        if (!isDragging)
-            return;
-        document.addEventListener('mousemove', handleMouseMove);
-        document.addEventListener('mouseup', endDrag);
-        document.addEventListener('mouseleave', endDrag);
-        return () => {
-            document.removeEventListener('mousemove', handleMouseMove);
-            document.removeEventListener('mouseup', endDrag);
-            document.removeEventListener('mouseleave', endDrag);
-        };
-    }, [isDragging, handleMouseMove, endDrag]);
-    useEffect(() => {
-        checkArrows();
-        const handleResize = () => checkArrows();
-        window.addEventListener('resize', handleResize);
-        if (containerRef.current && !resizeObserverRef.current) {
-            resizeObserverRef.current = new ResizeObserver(checkArrows);
-            resizeObserverRef.current.observe(containerRef.current);
-        }
-        return () => {
-            window.removeEventListener('resize', handleResize);
-            if (resizeObserverRef.current) {
-                resizeObserverRef.current.disconnect();
-                resizeObserverRef.current = null;
-            }
-        };
-    }, [checkArrows]);
-    const showDragCursor = enableDragScroll && isDesktop();
-    const cursorStyle = showDragCursor ? (isDragging ? 'grabbing' : 'grab') : undefined;
-    return (_jsx("div", { ref: containerRef, className: cn('efp-scrollable-row', className), role: "group", "aria-label": ariaLabel, children: _jsxs("div", { className: cn('efp-scrollable-row__container', {
-                [`efp-scrollable-row__container--${arrowPosition}`]: arrowPosition,
-            }), children: [showLeftArrow && (_jsx("button", { type: "button", className: cn('efp-scrollable-row__arrow', 'efp-scrollable-row__arrow--left', {
-                        'efp-scrollable-row__arrow--rtl': isRtl,
-                    }), onClick: () => scroll('left'), "aria-label": leftAriaLabel, children: _jsx("i", { className: "icon-chevron-left" }) })), _jsx("div", { ref: scrollRef, className: cn('efp-scrollable-row__scroll-wrapper', {
-                        'efp-scrollable-row__scroll-wrapper--dragging': isDragging,
-                    }), onScroll: handleScroll, onMouseDown: handleMouseDown, style: {
-                        cursor: cursorStyle,
-                        userSelect: isDragging ? 'none' : undefined,
-                    }, children: _jsx("div", { className: "efp-scrollable-row__content", children: children }) }), showRightArrow && (_jsx("button", { type: "button", className: cn('efp-scrollable-row__arrow', 'efp-scrollable-row__arrow--right', {
-                        'efp-scrollable-row__arrow--rtl': isRtl,
-                    }), onClick: () => scroll('right'), "aria-label": rightAriaLabel, children: _jsx("i", { className: "icon-chevron-right" }) }))] }) }));
-};
-export default ScrollableRow;

package/dist/ScrollableRow/index.d.ts

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

package/dist/ScrollableRow/index.js

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

package/dist/Share/Share.d.ts

@@ -1,22 +0,0 @@
-import './Share.scss';
-export type SocialNetwork = 'facebook' | 'xcom' | 'linkedin';
-export interface SocialLink {
-    network: SocialNetwork;
-    name: string;
-    url: string;
-    ariaLabel: string;
-}
-export interface ShareProps {
-    title: string;
-    url: string;
-    shareHeading: string;
-    socials: SocialLink[];
-    copyLinkSectionLabel: string;
-    directLinkAriaLabel: string;
-    copyButtonAriaLabel: string;
-    copyLabel: string;
-    copiedLabel: string;
-}
-declare const Share: ({ title, url, shareHeading, socials, copyLinkSectionLabel, directLinkAriaLabel, copyButtonAriaLabel, copyLabel, copiedLabel, }: ShareProps) => import("react").JSX.Element;
-export default Share;
-//# sourceMappingURL=Share.d.ts.map

package/dist/Share/Share.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './Share.scss';
-import classNames from 'classnames';
-import copy from 'copy-to-clipboard';
-import { useEffect, useRef, useState } from 'react';
-const socialIconClass = {
-    facebook: 'icon-facebook',
-    xcom: 'icon-twitter-x',
-    linkedin: 'icon-linkedin',
-};
-const Share = ({ title, url, shareHeading, socials, copyLinkSectionLabel, directLinkAriaLabel, copyButtonAriaLabel, copyLabel, copiedLabel, }) => {
-    const [isCopied, setIsCopied] = useState(false);
-    const timerRef = useRef(undefined);
-    useEffect(() => () => clearTimeout(timerRef.current), []);
-    const copyToClipboard = () => {
-        if (!copy(url))
-            return;
-        setIsCopied(true);
-        clearTimeout(timerRef.current);
-        timerRef.current = setTimeout(() => setIsCopied(false), 2000);
-    };
-    return (_jsxs("div", { className: "share", children: [_jsxs("h3", { children: [shareHeading, " ", title] }), _jsx("div", { className: "share__socials", children: socials.map((social) => (_jsxs("a", { href: social.url, rel: "noopener noreferrer", target: "_blank", className: classNames('share-social', social.network), "aria-label": social.ariaLabel, children: [_jsx("div", { className: "share-social__icon", children: _jsx("i", { className: socialIconClass[social.network], "aria-hidden": "true" }) }), _jsx("div", { className: "share-social__title", children: social.name })] }, social.network))) }), _jsxs("div", { className: "share__copy", children: [_jsx("span", { children: copyLinkSectionLabel }), _jsxs("div", { className: "share__copy-input", children: [_jsx("input", { type: "text", defaultValue: url, readOnly: true, "aria-label": directLinkAriaLabel }), _jsx("button", { type: "button", className: classNames({ isCopied }), onClick: copyToClipboard, "aria-label": copyButtonAriaLabel, children: isCopied ? _jsx("span", { "aria-live": "polite", children: copiedLabel }) : copyLabel })] })] })] }));
-};
-export default Share;

package/dist/Share/index.d.ts

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

package/dist/Share/index.js

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

package/dist/ShowMoreButton/ShowMoreButton.d.ts

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

package/dist/ShowMoreButton/ShowMoreButton.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './ShowMoreButton.scss';
-import classNames from 'classnames';
-function ShowMoreButton({ expanded, showMoreLabel, showLessLabel, className, suffix, ...props }) {
-    return (_jsxs("button", { ...props, type: "button", className: classNames('efp-show-more-button', { 'efp-show-more-button--expanded': expanded }, className), "aria-expanded": expanded, children: [_jsx("i", { className: "icon-chevron-down", "aria-hidden": "true" }), _jsx("span", { className: "efp-show-more-button__label", children: expanded ? showLessLabel : showMoreLabel }), suffix] }));
-}
-export default ShowMoreButton;

package/dist/ShowMoreButton/index.d.ts

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

package/dist/ShowMoreButton/index.js

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

package/dist/SidebarActions/SidebarActions.d.ts

@@ -1,26 +0,0 @@
-import './SidebarActions.scss';
-export interface SidebarActionsProps {
-    className?: string;
-    inBookmark?: boolean;
-    visited?: boolean;
-    showVisited?: boolean;
-    showBookmark?: boolean;
-    showDirections?: boolean;
-    showRoutePlanner?: boolean;
-    showShare?: boolean;
-    directionsLabel: string;
-    visitedLabel: string;
-    notVisitedLabel: string;
-    saveBookmarkLabel: string;
-    removeBookmarkLabel: string;
-    routePlannerLabel: string;
-    shareLabel: string;
-    onClickBookmark?: () => void;
-    onClickVisited?: () => void;
-    onClickDirections?: () => void;
-    onClickRoutePlanner?: () => void;
-    onClickShare?: () => void;
-}
-declare const SidebarActions: ({ className, inBookmark, visited, showVisited, showBookmark, showDirections, showRoutePlanner, showShare, directionsLabel, visitedLabel, notVisitedLabel, saveBookmarkLabel, removeBookmarkLabel, routePlannerLabel, shareLabel, onClickBookmark, onClickVisited, onClickDirections, onClickRoutePlanner, onClickShare, }: SidebarActionsProps) => import("react").JSX.Element;
-export default SidebarActions;
-//# sourceMappingURL=SidebarActions.d.ts.map