From 011568566cb6adf54170022d157daadd126236c7 Mon Sep 17 00:00:00 2001 From: Joan Perals Tresserra Date: Thu, 13 Nov 2025 17:25:38 +0100 Subject: [PATCH] chore: Export breakpoints and useMobile hook from main internal export path --- src/internal/breakpoints.ts | 4 +--- src/internal/index.ts | 2 ++ src/internal/use-mobile/index.ts | 4 +++- 3 files changed, 6 insertions(+), 4 deletions(-) diff --git a/src/internal/breakpoints.ts b/src/internal/breakpoints.ts index 54f3c96..0fa5871 100644 --- a/src/internal/breakpoints.ts +++ b/src/internal/breakpoints.ts @@ -3,7 +3,7 @@ export type Breakpoint = 'default' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl'; -const BREAKPOINT_MAPPING: [Breakpoint, number][] = [ +export const breakpoints: [Breakpoint, number][] = [ ['xl', 1840], ['l', 1320], ['m', 1120], @@ -12,5 +12,3 @@ const BREAKPOINT_MAPPING: [Breakpoint, number][] = [ ['xxs', 465], ['default', -1], ]; - -export const mobileBreakpoint = BREAKPOINT_MAPPING.filter(b => b[0] === 'xs')[0][1]; diff --git a/src/internal/index.ts b/src/internal/index.ts index c3c2d7a..fb2a026 100644 --- a/src/internal/index.ts +++ b/src/internal/index.ts @@ -41,3 +41,5 @@ export { default as Portal, PortalProps } from './portal'; export { useMergeRefs } from './use-merge-refs'; export { useRandomId, useUniqueId } from './use-unique-id'; export { validateProps } from './base-component/validate-props'; +export { useMobile } from './use-mobile'; +export { Breakpoint, breakpoints } from './breakpoints'; diff --git a/src/internal/use-mobile/index.ts b/src/internal/use-mobile/index.ts index 92ba85a..d988c24 100644 --- a/src/internal/use-mobile/index.ts +++ b/src/internal/use-mobile/index.ts @@ -3,11 +3,13 @@ import { createSingletonState } from '../singleton-handler'; -import { mobileBreakpoint } from '../breakpoints'; +import { breakpoints } from '../breakpoints'; import { safeMatchMedia } from '../utils/safe-match-media'; export const forceMobileModeSymbol = Symbol.for('awsui-force-mobile-mode'); +const mobileBreakpoint = breakpoints.filter(b => b[0] === 'xs')[0][1]; + function getIsMobile() { // allow overriding the mobile mode in tests // any is needed because of this https://github.com/microsoft/TypeScript/issues/36813