{
  "version": 3,
  "sources": ["../../../../src/lib/ui/hooks/useBreakpoint.tsx"],
  "sourcesContent": ["import { useEditor, useValue } from '@bigbluebutton/editor'\nimport React, { useContext } from 'react'\nimport { PORTRAIT_BREAKPOINTS } from '../constants'\n\nconst BreakpointContext = React.createContext(0)\n\n/** @public */\nexport function BreakPointProvider({\n\tforceMobile = false,\n\tchildren,\n}: {\n\tforceMobile?: boolean\n\tchildren: any\n}) {\n\tconst editor = useEditor()\n\n\tconst breakpoint = useValue(\n\t\t'breakpoint',\n\t\t() => {\n\t\t\t// This will recompute the viewport screen bounds changes...\n\t\t\tconst { width } = editor.getViewportScreenBounds()\n\n\t\t\tconst maxBreakpoint = forceMobile ? 3 : PORTRAIT_BREAKPOINTS.length - 1\n\n\t\t\tfor (let i = 0; i < maxBreakpoint; i++) {\n\t\t\t\tif (width > PORTRAIT_BREAKPOINTS[i] && width <= PORTRAIT_BREAKPOINTS[i + 1]) {\n\t\t\t\t\treturn i\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn maxBreakpoint\n\t\t},\n\t\t[editor]\n\t)\n\n\treturn <BreakpointContext.Provider value={breakpoint}>{children}</BreakpointContext.Provider>\n}\n\n/** @public */\nexport function useBreakpoint() {\n\treturn useContext(BreakpointContext)\n}\n"],
  "mappings": "AAmCQ;AAnCR,SAAS,WAAW,gBAAgB;AACpC,OAAO,SAAS,kBAAkB;AAClC,SAAS,4BAA4B;AAErC,MAAM,oBAAoB,MAAM,cAAc,CAAC;AAGxC,SAAS,mBAAmB;AAAA,EAClC,cAAc;AAAA,EACd;AACD,GAGG;AACF,QAAM,SAAS,UAAU;AAEzB,QAAM,aAAa;AAAA,IAClB;AAAA,IACA,MAAM;AAEL,YAAM,EAAE,MAAM,IAAI,OAAO,wBAAwB;AAEjD,YAAM,gBAAgB,cAAc,IAAI,qBAAqB,SAAS;AAEtE,eAAS,IAAI,GAAG,IAAI,eAAe,KAAK;AACvC,YAAI,QAAQ,qBAAqB,CAAC,KAAK,SAAS,qBAAqB,IAAI,CAAC,GAAG;AAC5E,iBAAO;AAAA,QACR;AAAA,MACD;AAEA,aAAO;AAAA,IACR;AAAA,IACA,CAAC,MAAM;AAAA,EACR;AAEA,SAAO,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,YAAa,UAAS;AACjE;AAGO,SAAS,gBAAgB;AAC/B,SAAO,WAAW,iBAAiB;AACpC;",
  "names": []
}