@expofp/ui 3.39.1 → 3.40.0

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

@@ -4,9 +4,8 @@ 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;
+declare function MobileToggleButton({ mode, label, ariaLabel, onClick }: MobileToggleButtonProps): import("react").JSX.Element;
 export default MobileToggleButton;
 //# sourceMappingURL=MobileToggleButton.d.ts.map

package/dist/components/MobileToggleButton/MobileToggleButton.js

@@ -1,8 +1,8 @@
 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, }) {
+function MobileToggleButton({ mode, label, ariaLabel, 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 })] }));
+    return (_jsxs("button", { className: classNames('efp-mobile-toggle-button', 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/components/Overlay/Overlay.d.ts

@@ -19,11 +19,12 @@ export interface OverlayProps {
     mobileBreakpoint?: number;
     /** Shown when `children` is empty. */
     noContentLabel: string;
+    withFloatingButton?: boolean;
     onChangeSize?: (size: Size) => void;
     onScrollStateChange?: (isScrolled: boolean) => void;
     /** Fired (debounced) on scroll — lets the host react to user activity. */
     onScrollActivity?: () => void;
 }
-declare const Overlay: ({ children, open, size, particles, className, onChangeSize, onScrollStateChange, onScrollActivity, smallSizeMultiplier, mediumSizeMultiplier, fullSizeOffset, scrollThreshold, disableDrag, forceFull, scrollResetKey, mobileBreakpoint, noContentLabel, }: OverlayProps) => import("react").JSX.Element | null;
+declare const Overlay: ({ children, open, size, particles, className, onChangeSize, onScrollStateChange, onScrollActivity, smallSizeMultiplier, mediumSizeMultiplier, fullSizeOffset, scrollThreshold, disableDrag, forceFull, scrollResetKey, mobileBreakpoint, noContentLabel, withFloatingButton, }: OverlayProps) => import("react").JSX.Element | null;
 export default Overlay;
 //# sourceMappingURL=Overlay.d.ts.map

package/dist/components/Overlay/Overlay.js

@@ -22,7 +22,7 @@ const generateSizes = (height = getActualViewportHeight(), smallMultiplier, medi
     medium: height / mediumMultiplier,
     full: height - fullSizeOffset,
 });
-const Overlay = ({ children, open, size = 'medium', particles, className, onChangeSize, onScrollStateChange, onScrollActivity, smallSizeMultiplier = 12.6, mediumSizeMultiplier = 2.6, fullSizeOffset = 0, scrollThreshold = DEFAULT_SCROLL_THRESHOLD, disableDrag = false, forceFull = false, scrollResetKey, mobileBreakpoint = DEFAULT_MOBILE_BREAKPOINT, noContentLabel, }) => {
+const Overlay = ({ children, open, size = 'medium', particles, className, onChangeSize, onScrollStateChange, onScrollActivity, smallSizeMultiplier = 12.6, mediumSizeMultiplier = 2.6, fullSizeOffset = 0, scrollThreshold = DEFAULT_SCROLL_THRESHOLD, disableDrag = false, forceFull = false, scrollResetKey, mobileBreakpoint = DEFAULT_MOBILE_BREAKPOINT, noContentLabel, withFloatingButton = false, }) => {
     const { width: windowWidth, height: windowHeight } = useWindowSize();
     // Pure derivations of the window size — computed in render, not stored/synced via an effect.
     const mobile = windowWidth <= mobileBreakpoint;
@@ -225,6 +225,7 @@ const Overlay = ({ children, open, size = 'medium', particles, className, onChan
                 'efp-overlay--hidden': !mobile && !open,
                 'efp-overlay--scrolled': isScrolled,
                 'efp-overlay--forced-full': forceFull && mobile,
+                'efp-overlay--button-inset': mobile && withFloatingButton,
             }, className), style: positioningStyles, ref: overlayPanelRef, onPointerDown: onPointerDown, children: [!disableDrag && _jsx("div", { className: "efp-overlay__draghandle", "data-sheet-handle": true }), _jsxs("div", { className: "efp-overlay__scroll", ref: attachScroll, onScroll: () => {
                         handleScroll();
                         debouncedScrollActivity();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expofp/ui",
-  "version": "3.39.1",
+  "version": "3.40.0",
   "type": "module",
   "description": "ExpoFP SDK internal: shared pure React UI components",
   "homepage": "https://developer.expofp.com/",