@crewlethq/ui 0.81.2 → 0.82.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +61 -4
- package/dist/Accordion/index.js +3 -3
- package/dist/ActionCard/ActionCard.d.ts +49 -0
- package/dist/ActionCard/index.d.ts +4 -0
- package/dist/ActionCard/index.js +2 -0
- package/dist/ActionCard-47WSZ2O5.css +110 -0
- package/dist/ActivityLine/ActivityLine.d.ts +27 -0
- package/dist/ActivityLine/index.d.ts +4 -0
- package/dist/ActivityLine/index.js +4 -0
- package/dist/ActivityLine-AMSERTOB.css +74 -0
- package/dist/AgentHandoffPanel/index.js +15 -15
- package/dist/AppShell/AccountRow.d.ts +14 -1
- package/dist/AppShell/AppShell.d.ts +52 -3
- package/dist/AppShell/index.d.ts +1 -1
- package/dist/AppShell/index.js +8 -5
- package/dist/AppShell/railShape.d.ts +17 -0
- package/dist/{AppShell-2IBUS4TH.css → AppShell-F7RID4P4.css} +150 -0
- package/dist/ArrangeFrame/index.js +2 -2
- package/dist/ArrangeGroup/index.js +2 -2
- package/dist/ArrangeList/index.js +6 -6
- package/dist/ArtifactBar/index.js +11 -11
- package/dist/ArtifactCard/index.js +13 -13
- package/dist/ArtifactCover/index.js +3 -3
- package/dist/ArtifactKindIllustration/index.js +1 -1
- package/dist/ArtifactKinds-3EH4KR3F.css +18 -0
- package/dist/ArtifactMakeRow/index.js +1 -1
- package/dist/ArtifactNameCell/index.js +1 -1
- package/dist/ArtifactPanel/index.js +5 -5
- package/dist/AttachmentChip/index.js +2 -2
- package/dist/AuthLayout/index.js +5 -4
- package/dist/Avatar/Avatar.d.ts +30 -28
- package/dist/Avatar/AvatarStack.d.ts +2 -2
- package/dist/Avatar/index.d.ts +1 -1
- package/dist/Avatar/index.js +2 -2
- package/dist/{Avatar-VJSJGFRG.css → Avatar-MNE3WBZO.css} +56 -54
- package/dist/AvatarPicker/index.js +12 -12
- package/dist/{AvatarStack-7I3P7LCK.css → AvatarStack-KEHD3GWY.css} +16 -4
- package/dist/BrandLockup/BrandLockup.d.ts +6 -0
- package/dist/BrandLockup/index.js +2 -1
- package/dist/BriefCard/BriefCard.d.ts +23 -1
- package/dist/BriefCard/index.d.ts +2 -2
- package/dist/BriefCard/index.js +7 -7
- package/dist/{BriefCard-VKTH3BSW.css → BriefCard-QCL7MVUV.css} +26 -0
- package/dist/Canvas/index.js +6 -6
- package/dist/CanvasBoard/index.js +9 -9
- package/dist/CanvasToolbar/index.js +8 -8
- package/dist/Card/index.js +2 -2
- package/dist/ChangeList/index.js +5 -5
- package/dist/ChangeMark/index.js +4 -4
- package/dist/CharacterPicker/index.js +2 -2
- package/dist/ChatDay/ChatDay.d.ts +53 -0
- package/dist/ChatDay/index.d.ts +5 -0
- package/dist/ChatDay/index.js +3 -0
- package/dist/ChatDay-E3FF5HWF.css +116 -0
- package/dist/ChatDivider/ChatDivider.d.ts +31 -0
- package/dist/ChatDivider/index.d.ts +4 -0
- package/dist/ChatDivider/index.js +2 -0
- package/dist/ChatDivider-7ZNDL2PZ.css +76 -0
- package/dist/ChatMessage/ChatMessage.d.ts +111 -0
- package/dist/ChatMessage/index.d.ts +4 -0
- package/dist/ChatMessage/index.js +5 -0
- package/dist/ChatMessage-FH7VRVCH.css +304 -0
- package/dist/ChatScale-L4SIHSKL.css +42 -0
- package/dist/ChatThread/ChatThread.d.ts +33 -4
- package/dist/ChatThread/index.d.ts +1 -1
- package/dist/ChatThread/index.js +1 -1
- package/dist/{ChatThread-2KO3FZKQ.css → ChatThread-HAECJMP6.css} +17 -0
- package/dist/CheckGrid/index.js +6 -6
- package/dist/Checkbox/index.js +5 -5
- package/dist/ChipField/ChipField.d.ts +82 -0
- package/dist/ChipField/index.d.ts +4 -0
- package/dist/ChipField/index.js +9 -0
- package/dist/ChipField-D4CW6XFA.css +108 -0
- package/dist/ColorField/index.js +5 -5
- package/dist/Combobox/index.js +7 -7
- package/dist/CommandPalette/index.js +11 -11
- package/dist/CommentThread/index.js +14 -14
- package/dist/CompactNav/CompactNav.d.ts +175 -0
- package/dist/CompactNav/index.d.ts +4 -0
- package/dist/CompactNav/index.js +8 -0
- package/dist/CompactNav-CU2AQXBC.css +322 -0
- package/dist/Composer/Composer.d.ts +26 -2
- package/dist/Composer/index.d.ts +2 -1
- package/dist/Composer/index.js +7 -7
- package/dist/{Composer-HQIMTMRC.css → Composer-ZEGHEAFE.css} +71 -0
- package/dist/ConfirmField/index.js +5 -5
- package/dist/ContrastBadge/index.js +2 -2
- package/dist/ContrastHelp/index.js +6 -6
- package/dist/Count/Count.d.ts +24 -6
- package/dist/Count/index.d.ts +1 -1
- package/dist/Count/index.js +1 -1
- package/dist/{Count-ZJ6ID4ZU.css → Count-2HXBBYPO.css} +19 -0
- package/dist/DataGrid/index.js +8 -8
- package/dist/DataTable/index.js +10 -10
- package/dist/DataView/index.js +17 -17
- package/dist/DatasetSource/index.js +3 -3
- package/dist/DateTimePicker/index.js +5 -5
- package/dist/DeepWorkCard/index.js +10 -10
- package/dist/Disclosure/index.js +3 -3
- package/dist/DocTabsEditor/index.js +8 -8
- package/dist/Document/index.js +2 -2
- package/dist/EditingStatus/index.js +2 -2
- package/dist/{Editor-IMYESOW7.js → Editor-7EQWP3RN.js} +9 -9
- package/dist/EmojiPicker/EmojiPicker.d.ts +51 -0
- package/dist/EmojiPicker/emoji.d.ts +24 -0
- package/dist/EmojiPicker/index.d.ts +5 -0
- package/dist/EmojiPicker/index.js +13 -0
- package/dist/EmojiPicker-FMWYN2WX.css +63 -0
- package/dist/EntityChip/index.js +3 -3
- package/dist/EntityList/index.js +6 -6
- package/dist/FactList/index.js +4 -4
- package/dist/FolderTile/index.js +3 -3
- package/dist/FollowBanner/index.js +4 -4
- package/dist/HuePicker/index.js +8 -8
- package/dist/ImageUpload/ImageUpload.d.ts +6 -7
- package/dist/ImageUpload/index.js +3 -3
- package/dist/{ImageUpload-OWI7CCG7.css → ImageUpload-IFXZROFZ.css} +6 -37
- package/dist/InlineEditor/index.js +7 -7
- package/dist/Input/index.js +4 -4
- package/dist/Kbd/Kbd.d.ts +9 -0
- package/dist/Kbd/index.d.ts +1 -1
- package/dist/Kbd/index.js +1 -1
- package/dist/Layer/index.js +2 -2
- package/dist/LinkCard/LinkCard.d.ts +64 -0
- package/dist/LinkCard/index.d.ts +5 -0
- package/dist/LinkCard/index.js +5 -0
- package/dist/LinkCard-5I4MYU6I.css +155 -0
- package/dist/LinkInterstitial/index.js +6 -6
- package/dist/ListInput/index.js +8 -8
- package/dist/Listbox/index.js +3 -3
- package/dist/LogoSlot/index.js +3 -3
- package/dist/MarkdownEditor/format.d.ts +9 -1
- package/dist/MarkdownEditor/index.d.ts +2 -2
- package/dist/MarkdownEditor/index.js +9 -9
- package/dist/MentionChip/MentionChip.d.ts +25 -0
- package/dist/MentionChip/index.d.ts +3 -0
- package/dist/MentionChip/index.js +2 -0
- package/dist/MentionChip-W7MZZVRZ.css +42 -0
- package/dist/MentionMenu/MentionMenu.d.ts +82 -0
- package/dist/MentionMenu/index.d.ts +4 -0
- package/dist/MentionMenu/index.js +3 -0
- package/dist/MentionMenu-4NAQ45S4.css +65 -0
- package/dist/Menu/index.js +4 -4
- package/dist/MergeConflicts/index.js +8 -8
- package/dist/MessageActions/MessageActions.d.ts +58 -0
- package/dist/MessageActions/index.d.ts +4 -0
- package/dist/MessageActions/index.js +16 -0
- package/dist/MessageActions-Q4F5UH3S.css +73 -0
- package/dist/Modal/Modal.d.ts +12 -0
- package/dist/Modal/index.js +5 -5
- package/dist/{Modal-FYQYEI3N.css → Modal-GKUOO7PZ.css} +26 -1
- package/dist/OpenInAppCard/index.js +7 -7
- package/dist/OrgLabel/index.js +3 -3
- package/dist/OrgNode/index.js +4 -4
- package/dist/OrgTable/index.js +7 -7
- package/dist/PeekRail/index.js +1 -1
- package/dist/PeopleRail/index.js +4 -4
- package/dist/PersonRow/PersonRow.d.ts +70 -0
- package/dist/PersonRow/index.d.ts +3 -0
- package/dist/PersonRow/index.js +2 -0
- package/dist/PersonRow-V5GTPNVP.css +161 -0
- package/dist/Popover/index.js +3 -3
- package/dist/PresenceStack/index.js +3 -3
- package/dist/{PresenceStack-ZV67BH4V.css → PresenceStack-2DTYRADY.css} +4 -6
- package/dist/PresenterView/index.js +5 -5
- package/dist/PricingCard/index.js +2 -2
- package/dist/Principal/index.js +3 -3
- package/dist/PrincipalPicker/index.js +11 -11
- package/dist/ProposalCard/index.js +15 -15
- package/dist/ReactionBar/ReactionBar.d.ts +84 -0
- package/dist/ReactionBar/index.d.ts +4 -0
- package/dist/ReactionBar/index.js +15 -0
- package/dist/ReactionBar-XXI4V7XG.css +93 -0
- package/dist/RecordChip/index.js +4 -4
- package/dist/RefusalCard/index.js +6 -6
- package/dist/RelatedRow/index.js +3 -3
- package/dist/ResultTableCard/index.js +7 -7
- package/dist/ReviewList/index.js +2 -2
- package/dist/RichEditor/index.js +2 -2
- package/dist/RunChip/index.js +5 -5
- package/dist/SandboxedFrame/index.js +2 -2
- package/dist/SectionFrame/index.js +2 -2
- package/dist/SegmentedControl/index.js +7 -7
- package/dist/Select/index.js +4 -4
- package/dist/SelectionBar/index.js +6 -6
- package/dist/SetupWizard/index.js +6 -6
- package/dist/ShareDialog/index.js +11 -11
- package/dist/SheetColumnEditor/index.js +16 -16
- package/dist/SheetGrid/index.js +12 -12
- package/dist/Shortcut/index.js +3 -3
- package/dist/SidePanel/SidePanel.d.ts +8 -1
- package/dist/SidePanel/SidePanelBase.d.ts +3 -1
- package/dist/SidePanel/index.js +5 -5
- package/dist/{SidePanel-VXKUKLOJ.css → SidePanel-BKWT6Q6Z.css} +36 -0
- package/dist/SidebarNav/SidebarNav.d.ts +52 -3
- package/dist/SidebarNav/index.js +1 -1
- package/dist/{SidebarNav-VTQ3G4AE.css → SidebarNav-E7PZGGA6.css} +132 -7
- package/dist/Skeleton/index.js +1 -1
- package/dist/{Skeleton-7ZA5ETJM.css → Skeleton-GIXV3KK5.css} +3 -1
- package/dist/SlideCompare/index.js +5 -5
- package/dist/SlideFilmstrip/index.js +8 -8
- package/dist/SlideGrid/index.js +4 -4
- package/dist/SlideStage/index.js +3 -3
- package/dist/SourceEditor/index.js +2 -2
- package/dist/StatusCard/index.js +5 -5
- package/dist/Switcher/index.js +12 -12
- package/dist/TableCells/index.js +5 -5
- package/dist/Tabs/index.js +6 -6
- package/dist/Tag/Tag.d.ts +9 -2
- package/dist/Tag/index.js +1 -1
- package/dist/{Tag-JTJVZM2D.css → Tag-WLDOROB5.css} +24 -0
- package/dist/TagsInput/index.js +6 -6
- package/dist/ThemeGallery/index.js +5 -5
- package/dist/ThemeSwitcher/index.js +8 -8
- package/dist/ThinkingIndicator/index.js +1 -1
- package/dist/{ThinkingIndicator-JMK2TNMZ.css → ThinkingIndicator-S7ZL2C77.css} +8 -0
- package/dist/ThreadSummary/ThreadSummary.d.ts +43 -0
- package/dist/ThreadSummary/index.d.ts +4 -0
- package/dist/ThreadSummary/index.js +6 -0
- package/dist/ThreadSummary-AGR4NDMD.css +90 -0
- package/dist/TimeRangePicker/index.js +12 -12
- package/dist/TimeWindowPicker/index.js +10 -10
- package/dist/Toaster/index.js +2 -2
- package/dist/Toolbar/index.js +3 -3
- package/dist/Tooltip/Tooltip.d.ts +30 -3
- package/dist/Tooltip/index.js +3 -3
- package/dist/TreeCanvas/index.js +7 -7
- package/dist/TreeGrid/index.js +3 -3
- package/dist/ValueField/index.js +9 -9
- package/dist/VersionCompare/index.js +9 -9
- package/dist/VersionTimeline/index.js +4 -4
- package/dist/WidgetFrame/index.js +2 -2
- package/dist/{chunk-WCDPFTJZ.js → chunk-25JQNHTC.js} +92 -28
- package/dist/{chunk-ZKLEAK7M.js → chunk-2H6YDUR5.js} +7 -7
- package/dist/{chunk-7FF6CZW5.js → chunk-2KJCUCVE.js} +36 -8
- package/dist/{chunk-6LXS3X7A.js → chunk-2L4WHYMT.js} +1 -1
- package/dist/{chunk-6G6WHTC7.js → chunk-2O5CMV76.js} +1 -1
- package/dist/chunk-2TOGGCDM.js +50 -0
- package/dist/{chunk-7PJFUQMY.js → chunk-2ZSCHQOA.js} +1 -1
- package/dist/chunk-3BRXEMYT.js +46 -0
- package/dist/{chunk-H22SR76M.js → chunk-3H6OZUZ3.js} +1 -1
- package/dist/{chunk-VK45YJLH.js → chunk-3IWZVEXA.js} +2 -2
- package/dist/{chunk-I33UIUZD.js → chunk-3QQIGMY3.js} +49 -14
- package/dist/{chunk-NUZHC6MM.js → chunk-4ITETIGZ.js} +12 -1
- package/dist/{chunk-FQI62PIZ.js → chunk-4RYELYWG.js} +2 -2
- package/dist/{chunk-LCZULGMB.js → chunk-57BFL323.js} +2 -2
- package/dist/{chunk-73GUXYYE.js → chunk-5AHNW5CP.js} +1 -1
- package/dist/{chunk-FFGEJUAP.js → chunk-5ILRWUE7.js} +2 -2
- package/dist/{chunk-S5QJZOPL.js → chunk-5K5SZGBI.js} +1 -1
- package/dist/{chunk-LM6VYJTV.js → chunk-5YXMKZUA.js} +1 -1
- package/dist/{chunk-5XBNJNSO.js → chunk-65RFU7LF.js} +1 -1
- package/dist/{chunk-WKKWF277.js → chunk-6IOQWMYJ.js} +2 -2
- package/dist/{chunk-7MGXHCVK.js → chunk-6M2N6ETA.js} +1 -1
- package/dist/{chunk-OWHETZIU.js → chunk-6SFDL4QH.js} +1 -1
- package/dist/{chunk-JD7P2GJP.js → chunk-6YBBQAEM.js} +1 -1
- package/dist/{chunk-WK4FQPYW.js → chunk-77VOASOY.js} +5 -5
- package/dist/{chunk-UYF2B2TH.js → chunk-7ELFH3RJ.js} +1 -1
- package/dist/{chunk-CYYBE2MM.js → chunk-7U6PK242.js} +1 -1
- package/dist/{chunk-VG3SIJ3M.js → chunk-AFLS26AC.js} +2 -2
- package/dist/{chunk-JQEXAH7G.js → chunk-AMUXSJ2A.js} +2 -2
- package/dist/{chunk-4XF7ENQA.js → chunk-AOJ6ZA77.js} +2 -2
- package/dist/{chunk-TJIBTHWJ.js → chunk-B3X4DHRB.js} +2 -2
- package/dist/{chunk-BFM5G2Z6.js → chunk-BSAU7QRW.js} +1 -1
- package/dist/chunk-C4256UXE.js +21 -0
- package/dist/{chunk-4MRFLHJC.js → chunk-C46DDVTK.js} +1 -1
- package/dist/{chunk-5EFLA6BW.js → chunk-C75WZMXG.js} +2 -2
- package/dist/{chunk-YB64PWIN.js → chunk-C7UHDM7Y.js} +1 -1
- package/dist/{chunk-5BOFC5OP.js → chunk-CF4M6N6A.js} +20 -4
- package/dist/{chunk-ANTAQAR4.js → chunk-CMAZZY2I.js} +7 -1
- package/dist/{chunk-MLDTLZAO.js → chunk-D2GT3CR4.js} +3 -3
- package/dist/{chunk-57AKYFML.js → chunk-DD7RBNT4.js} +3 -3
- package/dist/{chunk-MUFBHVCT.js → chunk-DWQYV5AV.js} +2 -2
- package/dist/{chunk-CNEHFH2A.js → chunk-EAHEJNVJ.js} +1 -1
- package/dist/chunk-EALRMP7N.js +69 -0
- package/dist/{chunk-E35HYQMK.js → chunk-EBVZHVPD.js} +12 -5
- package/dist/{chunk-XNNY27SC.js → chunk-ED4A6Q24.js} +1 -1
- package/dist/{chunk-6LN64KGG.js → chunk-F7HZYTZT.js} +6 -3
- package/dist/{chunk-YQDRJZ5J.js → chunk-FKAJBN6G.js} +8 -8
- package/dist/{chunk-RTMNULTL.js → chunk-FLW5U7YS.js} +2 -2
- package/dist/{chunk-JMTBK55P.js → chunk-FVZPSTL2.js} +1 -1
- package/dist/{chunk-GHQG4VZA.js → chunk-G3CACE5L.js} +3 -3
- package/dist/{chunk-SNIPM6K7.js → chunk-G6ZFSUIH.js} +3 -3
- package/dist/chunk-GP5TNTZH.js +386 -0
- package/dist/{chunk-7KBNFFM3.js → chunk-GVPUCEWH.js} +6 -3
- package/dist/{chunk-6R334YT3.js → chunk-GZVAZ3LL.js} +2 -2
- package/dist/{chunk-KL6A7JGH.js → chunk-HA2PL7PA.js} +2 -2
- package/dist/{chunk-2IIHMJMZ.js → chunk-HCUECVZ3.js} +2 -2
- package/dist/{chunk-N2BF272H.js → chunk-HF5L56YQ.js} +1 -1
- package/dist/{chunk-Q2T4L6ML.js → chunk-HFOTRZFU.js} +4 -4
- package/dist/{chunk-2STOSJT3.js → chunk-HQFOZJQ4.js} +7 -7
- package/dist/chunk-HTBTAIH6.js +37 -0
- package/dist/{chunk-BRLZXYPA.js → chunk-I4IUX3JF.js} +1 -1
- package/dist/{chunk-BXCL6P5Z.js → chunk-I4PBFJGX.js} +1 -1
- package/dist/{chunk-ADGNISEI.js → chunk-IAP7APOX.js} +5 -5
- package/dist/{chunk-BT3GB7HC.js → chunk-IRONPJB4.js} +3 -3
- package/dist/chunk-ISQANI6Q.js +9 -0
- package/dist/chunk-IUBOLGHG.js +140 -0
- package/dist/{chunk-O222F2IX.js → chunk-IUWP2LSE.js} +6 -6
- package/dist/{chunk-3JXX5S3Z.js → chunk-IYI6HWKN.js} +3 -3
- package/dist/{chunk-R5OATXWU.js → chunk-JHQGNFN3.js} +36 -13
- package/dist/{chunk-CSXJIIO4.js → chunk-JV6JM6W6.js} +1 -1
- package/dist/{chunk-ZQEJSEPS.js → chunk-K6Y6CDEZ.js} +2 -2
- package/dist/chunk-K774LUN3.js +20 -0
- package/dist/{chunk-LOWQK2PB.js → chunk-KJR5X4II.js} +4 -4
- package/dist/{chunk-45M73G5A.js → chunk-KLAVEJIO.js} +4 -4
- package/dist/{chunk-53J2YNQA.js → chunk-L5VU3LZT.js} +1 -1
- package/dist/{chunk-VERJCAJ4.js → chunk-LBGKLYBY.js} +1 -1
- package/dist/{chunk-PRN5IP2R.js → chunk-LMEMH6DO.js} +1 -1
- package/dist/{chunk-I22MUEG7.js → chunk-LNQSNXGJ.js} +1 -1
- package/dist/chunk-LQRN2XZK.js +87 -0
- package/dist/{chunk-HEA6TERQ.js → chunk-LSOR77RZ.js} +1 -1
- package/dist/{chunk-222VILSP.js → chunk-LVJGN5II.js} +1 -1
- package/dist/{chunk-AYHIF6DH.js → chunk-LZNPL266.js} +1 -1
- package/dist/{chunk-R45VM5EX.js → chunk-MMV7NEAC.js} +1 -1
- package/dist/chunk-MPYRC3GO.js +244 -0
- package/dist/{chunk-37U3Z65B.js → chunk-MVMVMHYI.js} +1 -1
- package/dist/{chunk-6X5PGHEX.js → chunk-N2T7Y5KR.js} +2 -2
- package/dist/{chunk-NKBKQEKS.js → chunk-NFXCJGHG.js} +1 -1
- package/dist/{chunk-OZAZHM55.js → chunk-NKBKHOMU.js} +1 -1
- package/dist/{chunk-MGQKF7GK.js → chunk-NN475NAP.js} +1 -1
- package/dist/{chunk-6EWNMSS4.js → chunk-NNZRTR5M.js} +2 -2
- package/dist/{chunk-JT7WRPZ6.js → chunk-NTRKC2JV.js} +1 -1
- package/dist/{chunk-63GBSOLU.js → chunk-NXBCAXP5.js} +2 -2
- package/dist/{chunk-NR4CPM4T.js → chunk-NXFTCPF6.js} +1 -1
- package/dist/chunk-O3MYBNRO.js +80 -0
- package/dist/{chunk-RMEBFYL7.js → chunk-O6EV6GKI.js} +1 -1
- package/dist/{chunk-YL7AR6PR.js → chunk-O7KG4CXB.js} +3 -3
- package/dist/{chunk-FB3TCNQP.js → chunk-O7N6W52M.js} +3 -3
- package/dist/{chunk-2FMBZCFR.js → chunk-OAHRMR4U.js} +1 -1
- package/dist/chunk-ONHYFU7D.js +25 -0
- package/dist/{chunk-Z2MZTI3H.js → chunk-ONNXUS5Y.js} +1 -1
- package/dist/{chunk-T24HBEU6.js → chunk-OOOVL77Y.js} +1 -1
- package/dist/{chunk-CZQ7UITX.js → chunk-P6F3PE4V.js} +3 -3
- package/dist/{chunk-BLGBD2D2.js → chunk-P7HMY3BQ.js} +4 -4
- package/dist/{chunk-TPIMOGOZ.js → chunk-PEBQMX5X.js} +1 -1
- package/dist/{chunk-4TMBAOXK.js → chunk-PW57R4BN.js} +1 -1
- package/dist/chunk-PX5BOALQ.js +13 -0
- package/dist/{chunk-HQOEAUDJ.js → chunk-PXLS6JKL.js} +2 -2
- package/dist/{chunk-CFTBESST.js → chunk-Q6TCUSQA.js} +2 -2
- package/dist/{chunk-ZWXHTXZO.js → chunk-QGEDXYLB.js} +2 -2
- package/dist/{chunk-WTXCK46H.js → chunk-R2QBQ6NO.js} +1 -1
- package/dist/{chunk-OBPINJNO.js → chunk-SEKO6P3Y.js} +3 -3
- package/dist/{chunk-CLJGFOTV.js → chunk-SKGOKLJD.js} +31 -18
- package/dist/{chunk-KHJIEPZV.js → chunk-SM4P2SHB.js} +2 -2
- package/dist/{chunk-B2YSFWUG.js → chunk-SYVQXMLO.js} +9 -9
- package/dist/{chunk-UY3FWQWG.js → chunk-T4IEESXN.js} +128 -12
- package/dist/{chunk-TPCBPGSB.js → chunk-T7WESRZF.js} +3 -3
- package/dist/chunk-TDFLCUBE.js +6 -0
- package/dist/{chunk-Z6JKZI4E.js → chunk-TGCGLKD4.js} +1 -1
- package/dist/chunk-TRXTO3WC.js +114 -0
- package/dist/{chunk-H5XTJ7GJ.js → chunk-TUEM2XIW.js} +1 -1
- package/dist/{chunk-4AUTALJA.js → chunk-U2IQNDDR.js} +1 -1
- package/dist/{chunk-IVTQWOXV.js → chunk-ULYHDP7U.js} +1 -1
- package/dist/{chunk-DGSK4LLS.js → chunk-V6WDJUYK.js} +1 -1
- package/dist/{chunk-5CEQ3HLH.js → chunk-VGOWSOUA.js} +6 -6
- package/dist/{chunk-TKUAGWNR.js → chunk-WT3B76MG.js} +1 -1
- package/dist/{chunk-D7G2QGET.js → chunk-X3US25XJ.js} +1 -1
- package/dist/{chunk-GPFYITOF.js → chunk-X7VZQKIW.js} +1 -1
- package/dist/{chunk-L4HHWG4V.js → chunk-XA2QKGBJ.js} +3 -3
- package/dist/{chunk-HPI5J6AR.js → chunk-XGLMPPDW.js} +2 -2
- package/dist/{chunk-DV5L2GRY.js → chunk-XJMES7AE.js} +1 -1
- package/dist/{chunk-5NJMSYDZ.js → chunk-XNC3M4IN.js} +1 -1
- package/dist/{chunk-C667GCU7.js → chunk-XXDB6KPV.js} +6 -3
- package/dist/{chunk-EAIOXW2W.js → chunk-XY4O2XMR.js} +8 -14
- package/dist/{chunk-KTIQSSME.js → chunk-XZY6S3UC.js} +6 -3
- package/dist/{chunk-7KHM2FZH.js → chunk-YGRTX67J.js} +1 -1
- package/dist/{chunk-RIAPCEB5.js → chunk-YM77TZ7Q.js} +5 -5
- package/dist/{chunk-OQG4P5KU.js → chunk-YOJAGKTS.js} +2 -2
- package/dist/chunk-YP2FS6SH.js +54 -0
- package/dist/{chunk-LMQG3VPG.js → chunk-YQ7Q52XU.js} +1 -1
- package/dist/{chunk-G4CGDUCP.js → chunk-YRNNUCQP.js} +1 -1
- package/dist/{chunk-NHLNHH4J.js → chunk-ZB3E2Z4Y.js} +1 -1
- package/dist/{chunk-IL3XLDW7.js → chunk-ZDWAIVWL.js} +1 -1
- package/dist/{chunk-2PIH6JHJ.js → chunk-ZXTDWTXS.js} +1 -1
- package/dist/generated/index.d.ts +15 -0
- package/dist/generated/index.js +184 -167
- package/dist/index.js +184 -167
- package/dist/styles.css +2564 -136
- package/dist/utils/focusModality.d.ts +14 -0
- package/dist/utils/heldHint.d.ts +6 -0
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/index.js +1 -1
- package/package.json +3 -3
- package/dist/ArtifactKinds-O3CALPVX.css +0 -16
- package/dist/{chunk-PLNJEDGI.js → chunk-I4IO56EY.js} +1 -1
- package/dist/{chunk-CDFQ7MQK.js → chunk-KLWWNV25.js} +0 -0
- package/dist/{chunk-624X3RVA.js → chunk-O55JQ7BE.js} +1 -1
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import { Button } from './chunk-DGXZ635L.js';
|
|
2
|
+
import { cx } from './chunk-ODEQTPFM.js';
|
|
3
|
+
import './ChatScale-L4SIHSKL.css';
|
|
4
|
+
import './ChatMessage-FH7VRVCH.css';
|
|
5
|
+
import { forwardRef, useState, useCallback } from 'react';
|
|
6
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
var CHAT_MESSAGE_CLASS = "crewlet-chat-message";
|
|
9
|
+
function scrollerOf(element) {
|
|
10
|
+
for (let node = element.parentElement; node; node = node.parentElement) {
|
|
11
|
+
const { overflowY } = getComputedStyle(node);
|
|
12
|
+
if (overflowY === "auto" || overflowY === "scroll") return node;
|
|
13
|
+
}
|
|
14
|
+
return null;
|
|
15
|
+
}
|
|
16
|
+
var ChatMessage = forwardRef(function ChatMessage2({
|
|
17
|
+
id,
|
|
18
|
+
label,
|
|
19
|
+
avatar,
|
|
20
|
+
author,
|
|
21
|
+
badges,
|
|
22
|
+
time,
|
|
23
|
+
timeTitle,
|
|
24
|
+
dateTime,
|
|
25
|
+
gutterTime,
|
|
26
|
+
continuation = false,
|
|
27
|
+
highlight = null,
|
|
28
|
+
pending,
|
|
29
|
+
active = false,
|
|
30
|
+
flash = false,
|
|
31
|
+
editing = false,
|
|
32
|
+
actions,
|
|
33
|
+
actionsPlacement = "auto",
|
|
34
|
+
footer,
|
|
35
|
+
children,
|
|
36
|
+
className,
|
|
37
|
+
onKeyDown,
|
|
38
|
+
onPointerEnter,
|
|
39
|
+
onFocus,
|
|
40
|
+
...rest
|
|
41
|
+
}, ref) {
|
|
42
|
+
const tray = editing ? null : actions;
|
|
43
|
+
const hasTray = tray !== null && tray !== void 0 && tray !== false;
|
|
44
|
+
const [inside, setInside] = useState(false);
|
|
45
|
+
const measure = useCallback(
|
|
46
|
+
(row) => {
|
|
47
|
+
if (actionsPlacement !== "auto") return;
|
|
48
|
+
const bar = row.querySelector(":scope > .crewlet-chat-message__actions");
|
|
49
|
+
if (!bar) return;
|
|
50
|
+
const edge = scrollerOf(row)?.getBoundingClientRect().top ?? 0;
|
|
51
|
+
const need = bar.offsetHeight - (Number.parseFloat(getComputedStyle(row).paddingTop) || 0);
|
|
52
|
+
const next = row.getBoundingClientRect().top - edge < need;
|
|
53
|
+
setInside((was) => was === next ? was : next);
|
|
54
|
+
},
|
|
55
|
+
[actionsPlacement]
|
|
56
|
+
);
|
|
57
|
+
function keys(event) {
|
|
58
|
+
onKeyDown?.(event);
|
|
59
|
+
if (event.defaultPrevented || event.target !== event.currentTarget) return;
|
|
60
|
+
if (event.key !== "ArrowUp" && event.key !== "ArrowDown") return;
|
|
61
|
+
const row = event.currentTarget;
|
|
62
|
+
const within = row.closest('[role="log"]') ?? row.parentElement;
|
|
63
|
+
if (!within) return;
|
|
64
|
+
const rows = [...within.querySelectorAll(`.${CHAT_MESSAGE_CLASS}`)];
|
|
65
|
+
const next = rows[rows.indexOf(row) + (event.key === "ArrowUp" ? -1 : 1)];
|
|
66
|
+
if (!next) return;
|
|
67
|
+
event.preventDefault();
|
|
68
|
+
next.focus();
|
|
69
|
+
}
|
|
70
|
+
return (
|
|
71
|
+
// A row is an article a reader can land on (a tap, a jump, the arrows)
|
|
72
|
+
// and step from, as the items of a feed are: the keys it takes walk
|
|
73
|
+
// between rows, and the pointer only measures where its toolbar stands.
|
|
74
|
+
// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- see above
|
|
75
|
+
/* @__PURE__ */ jsxs(
|
|
76
|
+
"article",
|
|
77
|
+
{
|
|
78
|
+
...rest,
|
|
79
|
+
ref,
|
|
80
|
+
className: cx(
|
|
81
|
+
CHAT_MESSAGE_CLASS,
|
|
82
|
+
continuation && "is-continuation",
|
|
83
|
+
highlight && `is-${highlight}`,
|
|
84
|
+
pending && `is-${pending}`,
|
|
85
|
+
active && "is-active",
|
|
86
|
+
flash && "is-flash",
|
|
87
|
+
editing && "is-editing",
|
|
88
|
+
hasTray && (actionsPlacement === "inside" || inside) && "has-actions-inside",
|
|
89
|
+
className
|
|
90
|
+
),
|
|
91
|
+
"aria-label": label,
|
|
92
|
+
"data-message-id": id,
|
|
93
|
+
tabIndex: -1,
|
|
94
|
+
onKeyDown: keys,
|
|
95
|
+
onPointerEnter: (event) => {
|
|
96
|
+
if (hasTray) measure(event.currentTarget);
|
|
97
|
+
onPointerEnter?.(event);
|
|
98
|
+
},
|
|
99
|
+
onFocus: (event) => {
|
|
100
|
+
if (hasTray) measure(event.currentTarget);
|
|
101
|
+
onFocus?.(event);
|
|
102
|
+
},
|
|
103
|
+
children: [
|
|
104
|
+
/* @__PURE__ */ jsx("div", { className: "crewlet-chat-message__gutter", children: continuation ? /* @__PURE__ */ jsx("time", { className: "crewlet-chat-message__gutter-time", dateTime, title: timeTitle, children: gutterTime ?? time }) : avatar }),
|
|
105
|
+
/* @__PURE__ */ jsxs("div", { className: "crewlet-chat-message__main", children: [
|
|
106
|
+
continuation ? null : /* @__PURE__ */ jsxs("div", { className: "crewlet-chat-message__head", children: [
|
|
107
|
+
/* @__PURE__ */ jsx("span", { className: "crewlet-chat-message__author", children: author }),
|
|
108
|
+
badges,
|
|
109
|
+
/* @__PURE__ */ jsx("time", { className: "crewlet-chat-message__time", dateTime, title: timeTitle, children: time })
|
|
110
|
+
] }),
|
|
111
|
+
/* @__PURE__ */ jsx("div", { className: "crewlet-chat-message__body", children }),
|
|
112
|
+
footer ? /* @__PURE__ */ jsx("div", { className: "crewlet-chat-message__footer", children: footer }) : null
|
|
113
|
+
] }),
|
|
114
|
+
hasTray ? /* @__PURE__ */ jsx("div", { className: "crewlet-chat-message__actions", children: tray }) : null
|
|
115
|
+
]
|
|
116
|
+
}
|
|
117
|
+
)
|
|
118
|
+
);
|
|
119
|
+
});
|
|
120
|
+
var CHAT_MESSAGE_FAILURE_LABELS = {
|
|
121
|
+
notSent: "Not sent.",
|
|
122
|
+
retry: "Retry",
|
|
123
|
+
discard: "Discard"
|
|
124
|
+
};
|
|
125
|
+
function ChatMessageFailure({ reason, onRetry, onDiscard, labels: overrides, className, ...rest }) {
|
|
126
|
+
const labels = overrides ? { ...CHAT_MESSAGE_FAILURE_LABELS, ...overrides } : CHAT_MESSAGE_FAILURE_LABELS;
|
|
127
|
+
return /* @__PURE__ */ jsxs("div", { ...rest, className: cx("crewlet-chat-message-failure", className), role: "status", children: [
|
|
128
|
+
/* @__PURE__ */ jsxs("span", { className: "crewlet-chat-message-failure__words", children: [
|
|
129
|
+
labels.notSent,
|
|
130
|
+
reason ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
131
|
+
" ",
|
|
132
|
+
reason
|
|
133
|
+
] }) : null
|
|
134
|
+
] }),
|
|
135
|
+
/* @__PURE__ */ jsx(Button, { size: "small", variant: "ghost", onClick: onRetry, children: labels.retry }),
|
|
136
|
+
/* @__PURE__ */ jsx(Button, { size: "small", variant: "ghost", onClick: onDiscard, children: labels.discard })
|
|
137
|
+
] });
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
export { CHAT_MESSAGE_CLASS, CHAT_MESSAGE_FAILURE_LABELS, ChatMessage, ChatMessageFailure };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { Select } from './chunk-
|
|
1
|
+
import { Select } from './chunk-3IWZVEXA.js';
|
|
2
2
|
import { SHEET_LABELS, SHEET_COLUMN_TYPES, optionHue, retypeColumn } from './chunk-LFSIKGRQ.js';
|
|
3
|
-
import { HueSwatch } from './chunk-
|
|
3
|
+
import { HueSwatch } from './chunk-LSOR77RZ.js';
|
|
4
4
|
import { NODE_HUES, NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
|
|
5
|
-
import { Checkbox } from './chunk-
|
|
6
|
-
import {
|
|
7
|
-
import { FormField, Input } from './chunk-
|
|
8
|
-
import {
|
|
5
|
+
import { Checkbox } from './chunk-YQ7Q52XU.js';
|
|
6
|
+
import { Menu } from './chunk-YOJAGKTS.js';
|
|
7
|
+
import { FormField, Input } from './chunk-O7N6W52M.js';
|
|
8
|
+
import { Kbd } from './chunk-CMAZZY2I.js';
|
|
9
9
|
import { Button } from './chunk-DGXZ635L.js';
|
|
10
10
|
import { IconButton } from './chunk-UAUP6XGK.js';
|
|
11
11
|
import { VisuallyHidden } from './chunk-UT6CW3C7.js';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { StepList } from './chunk-RJWO2PC5.js';
|
|
2
|
-
import { ReceiptStrip } from './chunk-ZWCK4N4L.js';
|
|
3
2
|
import { Meter } from './chunk-RQFRRPV6.js';
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
3
|
+
import { ReceiptStrip } from './chunk-ZWCK4N4L.js';
|
|
4
|
+
import { StatusCard } from './chunk-FLW5U7YS.js';
|
|
5
|
+
import { Disclosure } from './chunk-LVJGN5II.js';
|
|
6
6
|
import { Spinner } from './chunk-XSPCITPN.js';
|
|
7
7
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
8
8
|
import './DeepWorkCard-CMRRNISU.css';
|
|
@@ -2,7 +2,7 @@ import { useMediaMatch } from './chunk-RTPQDNW3.js';
|
|
|
2
2
|
import { Button } from './chunk-DGXZ635L.js';
|
|
3
3
|
import { VisuallyHidden } from './chunk-UT6CW3C7.js';
|
|
4
4
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
5
|
-
import './ChatThread-
|
|
5
|
+
import './ChatThread-HAECJMP6.css';
|
|
6
6
|
import { forwardRef, useRef, Children, useState, useCallback, useEffect, useLayoutEffect, useImperativeHandle } from 'react';
|
|
7
7
|
import { ArrowDownGlyph } from '@crewlethq/icons/glyphs';
|
|
8
8
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
@@ -12,7 +12,7 @@ var CHAT_THREAD_LABELS = {
|
|
|
12
12
|
jumpToLatest: "Jump to latest",
|
|
13
13
|
newItems: (count) => count === 1 ? "1 new item" : `${count.toLocaleString()} new items`
|
|
14
14
|
};
|
|
15
|
-
var ChatThread = forwardRef(function ChatThread2({ label, busy = false, follow = true, children, labels: overrides, className, ...rest }, ref) {
|
|
15
|
+
var ChatThread = forwardRef(function ChatThread2({ label, busy = false, follow = true, jump = true, rest: restAt = "start", children, labels: overrides, className, ...rest }, ref) {
|
|
16
16
|
const labels = overrides ? { ...CHAT_THREAD_LABELS, ...overrides } : CHAT_THREAD_LABELS;
|
|
17
17
|
const scroller = useRef(null);
|
|
18
18
|
const items = useRef(null);
|
|
@@ -23,6 +23,9 @@ var ChatThread = forwardRef(function ChatThread2({ label, busy = false, follow =
|
|
|
23
23
|
const [detachedAt, setDetachedAt] = useState(null);
|
|
24
24
|
const countRef = useRef(count);
|
|
25
25
|
countRef.current = count;
|
|
26
|
+
const rowShown = useRef(false);
|
|
27
|
+
rowShown.current = jump && detachedAt !== null;
|
|
28
|
+
const revealing = useRef(null);
|
|
26
29
|
const toEnd = useCallback(
|
|
27
30
|
(smooth) => {
|
|
28
31
|
const el = scroller.current;
|
|
@@ -80,24 +83,44 @@ var ChatThread = forwardRef(function ChatThread2({ label, busy = false, follow =
|
|
|
80
83
|
observer.observe(el);
|
|
81
84
|
return () => observer.disconnect();
|
|
82
85
|
}, [follow, toEnd]);
|
|
86
|
+
const place = useCallback(
|
|
87
|
+
(element) => {
|
|
88
|
+
const el = scroller.current;
|
|
89
|
+
if (!el) return;
|
|
90
|
+
jumping.current = false;
|
|
91
|
+
const box = element.getBoundingClientRect();
|
|
92
|
+
const top = box.top - el.getBoundingClientRect().top + el.scrollTop;
|
|
93
|
+
const margins = getComputedStyle(element);
|
|
94
|
+
const above = Number.parseFloat(margins.scrollMarginTop) || 0;
|
|
95
|
+
const below = Number.parseFloat(margins.scrollMarginBottom) || 0;
|
|
96
|
+
const room = el.clientHeight - above - below;
|
|
97
|
+
const target = box.height <= room ? top - above - (room - box.height) / 2 : top - above;
|
|
98
|
+
el.scrollTop = Math.max(0, Math.min(target, el.scrollHeight - el.clientHeight));
|
|
99
|
+
onScroll();
|
|
100
|
+
},
|
|
101
|
+
[onScroll]
|
|
102
|
+
);
|
|
103
|
+
const detached = detachedAt !== null;
|
|
104
|
+
useLayoutEffect(() => {
|
|
105
|
+
const element = revealing.current;
|
|
106
|
+
revealing.current = null;
|
|
107
|
+
if (element && detached) place(element);
|
|
108
|
+
}, [detached, place]);
|
|
83
109
|
useImperativeHandle(
|
|
84
110
|
ref,
|
|
85
111
|
() => ({
|
|
86
112
|
scrollToLatest: () => toEnd(true),
|
|
87
113
|
reveal: (element) => {
|
|
88
|
-
const
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
el.scrollTop = Math.max(0, Math.min(target, top));
|
|
94
|
-
onScroll();
|
|
95
|
-
}
|
|
114
|
+
const shown = rowShown.current;
|
|
115
|
+
place(element);
|
|
116
|
+
revealing.current = jump && !shown && !atEnd.current ? element : null;
|
|
117
|
+
},
|
|
118
|
+
scroller: () => scroller.current
|
|
96
119
|
}),
|
|
97
|
-
[
|
|
120
|
+
[jump, place, toEnd]
|
|
98
121
|
);
|
|
99
122
|
const fresh = detachedAt === null ? 0 : Math.max(0, count - detachedAt);
|
|
100
|
-
return /* @__PURE__ */ jsxs("div", { ...rest, className: cx("crewlet-chat-thread", className), children: [
|
|
123
|
+
return /* @__PURE__ */ jsxs("div", { ...rest, className: cx("crewlet-chat-thread", restAt === "end" && "crewlet-chat-thread--rest-end", className), children: [
|
|
101
124
|
/* @__PURE__ */ jsx(
|
|
102
125
|
"div",
|
|
103
126
|
{
|
|
@@ -112,7 +135,7 @@ var ChatThread = forwardRef(function ChatThread2({ label, busy = false, follow =
|
|
|
112
135
|
children: /* @__PURE__ */ jsx("div", { ref: items, className: "crewlet-chat-thread__items", children })
|
|
113
136
|
}
|
|
114
137
|
),
|
|
115
|
-
detachedAt === null ? null : /* @__PURE__ */ jsx("div", { className: "crewlet-chat-thread__jump", children: /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "small", shape: "pill", leadingIcon: /* @__PURE__ */ jsx(ArrowDownGlyph, {}), onClick: () => toEnd(true), children: [
|
|
138
|
+
!jump || detachedAt === null ? null : /* @__PURE__ */ jsx("div", { className: "crewlet-chat-thread__jump", children: /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "small", shape: "pill", leadingIcon: /* @__PURE__ */ jsx(ArrowDownGlyph, {}), onClick: () => toEnd(true), children: [
|
|
116
139
|
labels.jumpToLatest,
|
|
117
140
|
fresh > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
118
141
|
/* @__PURE__ */ jsx("span", { className: "crewlet-chat-thread__fresh", "aria-hidden": "true", children: fresh.toLocaleString() }),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { avatarCorner, Avatar } from './chunk-
|
|
1
|
+
import { avatarCorner, Avatar } from './chunk-XZY6S3UC.js';
|
|
2
2
|
import { Spinner } from './chunk-XSPCITPN.js';
|
|
3
|
-
import './ImageUpload-
|
|
3
|
+
import './ImageUpload-IFXZROFZ.css';
|
|
4
4
|
import { useRef } from 'react';
|
|
5
5
|
import { CameraGlyph, XGlyph } from '@crewlethq/icons/glyphs';
|
|
6
6
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { cx } from './chunk-ODEQTPFM.js';
|
|
2
|
+
import './ChatScale-L4SIHSKL.css';
|
|
3
|
+
import './ChatDivider-7ZNDL2PZ.css';
|
|
4
|
+
import { jsx } from 'react/jsx-runtime';
|
|
5
|
+
|
|
6
|
+
function ChatDivider({ variant, label, className, ...rest }) {
|
|
7
|
+
return /* @__PURE__ */ jsx(
|
|
8
|
+
"div",
|
|
9
|
+
{
|
|
10
|
+
...rest,
|
|
11
|
+
role: "separator",
|
|
12
|
+
"aria-label": label,
|
|
13
|
+
"data-divider": variant,
|
|
14
|
+
className: cx("crewlet-chat-divider", `crewlet-chat-divider--${variant}`, className),
|
|
15
|
+
children: /* @__PURE__ */ jsx("span", { className: "crewlet-chat-divider__label", "aria-hidden": "true", children: label })
|
|
16
|
+
}
|
|
17
|
+
);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export { ChatDivider };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { HuePicker } from './chunk-
|
|
2
|
-
import { Popover } from './chunk-
|
|
1
|
+
import { HuePicker } from './chunk-LSOR77RZ.js';
|
|
2
|
+
import { Popover } from './chunk-SM4P2SHB.js';
|
|
3
3
|
import { NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
|
|
4
|
-
import { CharacterPicker } from './chunk-
|
|
5
|
-
import { Avatar } from './chunk-
|
|
4
|
+
import { CharacterPicker } from './chunk-LNQSNXGJ.js';
|
|
5
|
+
import { Avatar } from './chunk-XZY6S3UC.js';
|
|
6
6
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
7
7
|
import './AvatarPicker-POOJUOKC.css';
|
|
8
8
|
import { CREWLET_CHARACTER_GEOMETRY, CREWLET_CHARACTERS } from '@crewlethq/icons/characters';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { useReorder } from './chunk-MPVMB2DV.js';
|
|
2
|
-
import {
|
|
3
|
-
import { FormField, Textarea } from './chunk-FB3TCNQP.js';
|
|
2
|
+
import { FormField, Textarea } from './chunk-O7N6W52M.js';
|
|
4
3
|
import { characterCountState, CharacterCount, countCharacters } from './chunk-PGCLHYVP.js';
|
|
5
|
-
import {
|
|
4
|
+
import { Kbd } from './chunk-CMAZZY2I.js';
|
|
6
5
|
import { Button } from './chunk-DGXZ635L.js';
|
|
7
|
-
import { isComposing } from './chunk-
|
|
6
|
+
import { isComposing } from './chunk-TUEM2XIW.js';
|
|
8
7
|
import { IconButton } from './chunk-UAUP6XGK.js';
|
|
8
|
+
import { announce } from './chunk-2G355KDJ.js';
|
|
9
9
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
10
10
|
import './ListInput-4ISMGZDQ.css';
|
|
11
11
|
import { forwardRef, useState, useRef, useImperativeHandle, useLayoutEffect, useId } from 'react';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SlideNav } from './chunk-5AJR6X75.js';
|
|
2
|
-
import { SlideStage, SLIDE_WIDTH, SLIDE_HEIGHT } from './chunk-
|
|
2
|
+
import { SlideStage, SLIDE_WIDTH, SLIDE_HEIGHT } from './chunk-O6EV6GKI.js';
|
|
3
3
|
import { Eyebrow } from './chunk-RK4XPHVG.js';
|
|
4
4
|
import { Button } from './chunk-DGXZ635L.js';
|
|
5
5
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import { Avatar } from './chunk-XZY6S3UC.js';
|
|
1
2
|
import { useRoving, tabStop } from './chunk-EGMQURBR.js';
|
|
2
|
-
import { Avatar } from './chunk-KTIQSSME.js';
|
|
3
3
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
4
4
|
import { CREWLET_CHARACTERS, CREWLET_CHARACTER_GEOMETRY } from '@crewlethq/icons/characters';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { heldHint } from './chunk-TDFLCUBE.js';
|
|
2
|
+
import { emojiName, EmojiPicker } from './chunk-MPYRC3GO.js';
|
|
3
|
+
import { Tooltip } from './chunk-3QQIGMY3.js';
|
|
4
|
+
import { cx } from './chunk-ODEQTPFM.js';
|
|
5
|
+
import './ChatScale-L4SIHSKL.css';
|
|
6
|
+
import './ReactionBar-XXI4V7XG.css';
|
|
7
|
+
import { FaceSlightlySmilingPlusGlyph } from '@crewlethq/icons/glyphs';
|
|
8
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
9
|
+
|
|
10
|
+
var REACTION_BAR_LABELS = {
|
|
11
|
+
group: "Reactions",
|
|
12
|
+
you: "You",
|
|
13
|
+
others: (count) => count === 1 ? "1 other" : `${count.toLocaleString()} others`,
|
|
14
|
+
members: (count) => count === 1 ? "1 member" : `${count.toLocaleString()} members`,
|
|
15
|
+
reacted: (who, emoji) => `${who} reacted with ${emoji}`,
|
|
16
|
+
pill: (name, who) => `${name}: ${who} reacted`
|
|
17
|
+
};
|
|
18
|
+
function sentence(names, unnamed, others) {
|
|
19
|
+
const shown = names.length > 3 ? names.slice(0, 2) : names;
|
|
20
|
+
const rest = names.length - shown.length + unnamed;
|
|
21
|
+
const parts = rest > 0 ? [...shown, others(rest)] : [...shown];
|
|
22
|
+
if (parts.length <= 1) return parts[0] ?? "";
|
|
23
|
+
return `${parts.slice(0, -1).join(", ")} and ${parts[parts.length - 1]}`;
|
|
24
|
+
}
|
|
25
|
+
function reactionWho(reaction, labels = REACTION_BAR_LABELS) {
|
|
26
|
+
const you = reaction.mine ? [labels.you] : [];
|
|
27
|
+
if (reaction.people) {
|
|
28
|
+
const names = [...you, ...reaction.people];
|
|
29
|
+
return sentence(names, Math.max(0, reaction.count - names.length), labels.others);
|
|
30
|
+
}
|
|
31
|
+
if (reaction.mine) return sentence(you, Math.max(0, reaction.count - 1), labels.others);
|
|
32
|
+
return labels.members(reaction.count);
|
|
33
|
+
}
|
|
34
|
+
function ReactionBar({ reactions, onToggle, add, disabledReason, labels: overrides, className }) {
|
|
35
|
+
const labels = overrides ? { ...REACTION_BAR_LABELS, ...overrides } : REACTION_BAR_LABELS;
|
|
36
|
+
if (reactions.length === 0 && !add) return null;
|
|
37
|
+
return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-reaction-bar", className), role: "group", "aria-label": labels.group, children: [
|
|
38
|
+
reactions.map((reaction) => {
|
|
39
|
+
const who = reactionWho(reaction, labels);
|
|
40
|
+
const hint = labels.reacted(who, reaction.emoji);
|
|
41
|
+
return /* @__PURE__ */ jsx(Tooltip, { content: heldHint(hint, disabledReason), children: /* @__PURE__ */ jsxs(
|
|
42
|
+
"button",
|
|
43
|
+
{
|
|
44
|
+
type: "button",
|
|
45
|
+
className: cx("crewlet-reaction", reaction.mine && "is-mine"),
|
|
46
|
+
"aria-pressed": reaction.mine,
|
|
47
|
+
"aria-label": labels.pill(reaction.name ?? emojiName(reaction.emoji), who),
|
|
48
|
+
"aria-disabled": disabledReason ? true : void 0,
|
|
49
|
+
onClick: () => {
|
|
50
|
+
if (!disabledReason) onToggle(reaction.emoji);
|
|
51
|
+
},
|
|
52
|
+
children: [
|
|
53
|
+
/* @__PURE__ */ jsx("span", { className: "crewlet-reaction__emoji", "aria-hidden": "true", children: reaction.emoji }),
|
|
54
|
+
/* @__PURE__ */ jsx("span", { className: "crewlet-reaction__count", "aria-hidden": "true", children: reaction.count.toLocaleString() })
|
|
55
|
+
]
|
|
56
|
+
}
|
|
57
|
+
) }, reaction.emoji);
|
|
58
|
+
}),
|
|
59
|
+
add
|
|
60
|
+
] });
|
|
61
|
+
}
|
|
62
|
+
function AddReaction({ label = "Add a reaction", align = "start", disabledReason, ...picker }) {
|
|
63
|
+
return /* @__PURE__ */ jsx(
|
|
64
|
+
EmojiPicker,
|
|
65
|
+
{
|
|
66
|
+
...picker,
|
|
67
|
+
label,
|
|
68
|
+
tooltip: heldHint(label, disabledReason),
|
|
69
|
+
align,
|
|
70
|
+
trigger: (_open, toggle) => /* @__PURE__ */ jsx(
|
|
71
|
+
"button",
|
|
72
|
+
{
|
|
73
|
+
type: "button",
|
|
74
|
+
className: "crewlet-reaction crewlet-reaction--add",
|
|
75
|
+
"aria-label": label,
|
|
76
|
+
"aria-disabled": disabledReason ? true : void 0,
|
|
77
|
+
onClick: () => {
|
|
78
|
+
if (!disabledReason) toggle();
|
|
79
|
+
},
|
|
80
|
+
children: /* @__PURE__ */ jsx(FaceSlightlySmilingPlusGlyph, { size: "sm" })
|
|
81
|
+
}
|
|
82
|
+
)
|
|
83
|
+
}
|
|
84
|
+
);
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
export { AddReaction, REACTION_BAR_LABELS, ReactionBar, reactionWho };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { isComposing, isModalLayerOpen } from './chunk-
|
|
1
|
+
import { isComposing, isModalLayerOpen } from './chunk-TUEM2XIW.js';
|
|
2
2
|
import { useRef, useEffect } from 'react';
|
|
3
3
|
|
|
4
4
|
var TYPING_ROLES = /* @__PURE__ */ new Set(["combobox", "listbox", "textbox", "searchbox", "spinbutton"]);
|