{
  "version": 3,
  "sources": ["../../../../../src/lib/ui/components/SharePanel/DefaultPeopleMenu.tsx"],
  "sourcesContent": ["import { useContainer, useEditor, usePeerIds, useValue } from '@tldraw/editor'\nimport { Popover as _Popover } from 'radix-ui'\nimport { ReactNode } from 'react'\nimport { useTldrawUiComponents } from '../../context/components'\nimport { useCollaborationStatus } from '../../hooks/useCollaborationStatus'\nimport { useMenuIsOpen } from '../../hooks/useMenuIsOpen'\nimport { useDirection, useTranslation } from '../../hooks/useTranslation/useTranslation'\nimport { OfflineIndicator } from '../OfflineIndicator/OfflineIndicator'\nimport { DefaultPeopleMenuContent } from './DefaultPeopleMenuContent'\n\n/** @public */\nexport interface DefaultPeopleMenuProps {\n\tchildren?: ReactNode\n}\n\n/** @public @react */\nexport function DefaultPeopleMenu({ children }: DefaultPeopleMenuProps) {\n\tconst msg = useTranslation()\n\tconst dir = useDirection()\n\n\tconst container = useContainer()\n\tconst editor = useEditor()\n\n\tconst userIds = usePeerIds()\n\tconst userColor = useValue('user', () => editor.user.getColor(), [editor])\n\tconst userName = useValue('user', () => editor.user.getName(), [editor])\n\n\tconst [isOpen, onOpenChange] = useMenuIsOpen('people menu')\n\n\tconst collaborationStatus = useCollaborationStatus()\n\n\tconst { PeopleMenuFacePile } = useTldrawUiComponents()\n\n\tif (collaborationStatus === 'offline') {\n\t\treturn <OfflineIndicator />\n\t}\n\n\tif (!userIds.length || (!children && !PeopleMenuFacePile)) {\n\t\treturn null\n\t}\n\n\tconst content = children ?? <DefaultPeopleMenuContent userIds={userIds} />\n\n\treturn (\n\t\t<_Popover.Root onOpenChange={onOpenChange} open={isOpen}>\n\t\t\t<_Popover.Trigger dir={dir} asChild>\n\t\t\t\t<button className=\"tlui-people-menu__avatars-button\" title={msg('people-menu.title')}>\n\t\t\t\t\t{PeopleMenuFacePile ? (\n\t\t\t\t\t\t<PeopleMenuFacePile userColor={userColor} userIds={userIds} userName={userName} />\n\t\t\t\t\t) : null}\n\t\t\t\t</button>\n\t\t\t</_Popover.Trigger>\n\t\t\t<_Popover.Portal container={container}>\n\t\t\t\t<_Popover.Content\n\t\t\t\t\tdir={dir}\n\t\t\t\t\tclassName=\"tlui-menu\"\n\t\t\t\t\tside=\"bottom\"\n\t\t\t\t\tsideOffset={2}\n\t\t\t\t\tcollisionPadding={4}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"tlui-people-menu__wrapper\">{content}</div>\n\t\t\t\t</_Popover.Content>\n\t\t\t</_Popover.Portal>\n\t\t</_Popover.Root>\n\t)\n}\n"],
  "mappings": "AAkCS,cAUP,YAVO;AAlCT,SAAS,cAAc,WAAW,YAAY,gBAAgB;AAC9D,SAAS,WAAW,gBAAgB;AAEpC,SAAS,6BAA6B;AACtC,SAAS,8BAA8B;AACvC,SAAS,qBAAqB;AAC9B,SAAS,cAAc,sBAAsB;AAC7C,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AAQlC,SAAS,kBAAkB,EAAE,SAAS,GAA2B;AACvE,QAAM,MAAM,eAAe;AAC3B,QAAM,MAAM,aAAa;AAEzB,QAAM,YAAY,aAAa;AAC/B,QAAM,SAAS,UAAU;AAEzB,QAAM,UAAU,WAAW;AAC3B,QAAM,YAAY,SAAS,QAAQ,MAAM,OAAO,KAAK,SAAS,GAAG,CAAC,MAAM,CAAC;AACzE,QAAM,WAAW,SAAS,QAAQ,MAAM,OAAO,KAAK,QAAQ,GAAG,CAAC,MAAM,CAAC;AAEvE,QAAM,CAAC,QAAQ,YAAY,IAAI,cAAc,aAAa;AAE1D,QAAM,sBAAsB,uBAAuB;AAEnD,QAAM,EAAE,mBAAmB,IAAI,sBAAsB;AAErD,MAAI,wBAAwB,WAAW;AACtC,WAAO,oBAAC,oBAAiB;AAAA,EAC1B;AAEA,MAAI,CAAC,QAAQ,UAAW,CAAC,YAAY,CAAC,oBAAqB;AAC1D,WAAO;AAAA,EACR;AAEA,QAAM,UAAU,YAAY,oBAAC,4BAAyB,SAAkB;AAExE,SACC,qBAAC,SAAS,MAAT,EAAc,cAA4B,MAAM,QAChD;AAAA,wBAAC,SAAS,SAAT,EAAiB,KAAU,SAAO,MAClC,8BAAC,YAAO,WAAU,oCAAmC,OAAO,IAAI,mBAAmB,GACjF,+BACA,oBAAC,sBAAmB,WAAsB,SAAkB,UAAoB,IAC7E,MACL,GACD;AAAA,IACA,oBAAC,SAAS,QAAT,EAAgB,WAChB;AAAA,MAAC,SAAS;AAAA,MAAT;AAAA,QACA;AAAA,QACA,WAAU;AAAA,QACV,MAAK;AAAA,QACL,YAAY;AAAA,QACZ,kBAAkB;AAAA,QAElB,8BAAC,SAAI,WAAU,6BAA6B,mBAAQ;AAAA;AAAA,IACrD,GACD;AAAA,KACD;AAEF;",
  "names": []
}