@crewlethq/ui 0.55.0 → 0.56.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 +87 -4
- package/dist/Accordion/index.js +2 -2
- package/dist/AgentHandoffPanel/index.js +14 -9
- package/dist/AppShell/AppShell.d.ts +74 -1
- package/dist/AppShell/ResizeHandle.d.ts +74 -0
- package/dist/AppShell/index.d.ts +7 -2
- package/dist/AppShell/index.js +6 -4
- package/dist/AppShell/regions.d.ts +34 -0
- package/dist/AppShell/storedWidth.d.ts +47 -0
- package/dist/{AppShell-5LPXYUV3.css → AppShell-ZVCJRGXH.css} +172 -1
- package/dist/ArrangeFrame/index.js +2 -2
- package/dist/ArrangeList/index.js +5 -5
- package/dist/ArtifactBar/ArtifactBar.d.ts +13 -2
- package/dist/ArtifactBar/index.js +9 -8
- package/dist/{ArtifactBar-UMZCTARR.css → ArtifactBar-LEBMR35Y.css} +19 -1
- package/dist/ArtifactCard/index.js +6 -6
- package/dist/ArtifactNameCell/ArtifactNameCell.d.ts +7 -1
- package/dist/ArtifactNameCell/index.js +1 -1
- package/dist/ArtifactPanel/ArtifactPanel.d.ts +11 -17
- package/dist/ArtifactPanel/index.d.ts +3 -0
- package/dist/ArtifactPanel/index.js +8 -2
- package/dist/ArtifactPanel-TN4FFK2F.css +43 -0
- package/dist/AvatarPicker/index.js +9 -8
- package/dist/Button/index.js +2 -1
- package/dist/{Button-UWKBTKYD.css → Button-VXJ7M5XF.css} +9 -32
- package/dist/Canvas/index.js +5 -4
- package/dist/CanvasBoard/index.js +7 -6
- package/dist/CanvasToolbar/index.js +6 -5
- package/dist/ChangeList/ChangeList.d.ts +114 -0
- package/dist/ChangeList/index.d.ts +3 -0
- package/dist/ChangeList/index.js +10 -0
- package/dist/ChangeList-CB2DLR5S.css +151 -0
- package/dist/ChatThread/ChatThread.d.ts +53 -0
- package/dist/ChatThread/index.d.ts +3 -0
- package/dist/ChatThread/index.js +6 -0
- package/dist/ChatThread-52KMDXHB.css +58 -0
- package/dist/Checkbox/index.js +4 -4
- package/dist/CodeBlock/index.js +5 -4
- package/dist/ColorField/index.js +4 -4
- package/dist/ColorSwatch/index.js +5 -4
- package/dist/Combobox/index.js +5 -5
- package/dist/CommandPalette/index.js +9 -8
- package/dist/CommentThread/index.js +9 -7
- package/dist/Composer/Composer.d.ts +39 -2
- package/dist/Composer/index.js +5 -4
- package/dist/Composer-JSGTOW3F.css +192 -0
- package/dist/ConfirmField/index.js +4 -4
- package/dist/ConflictNote/index.js +3 -2
- package/dist/ContrastHelp/index.js +2 -2
- package/dist/Copyable/index.js +4 -3
- package/dist/DataGrid/driving.d.ts +48 -0
- package/dist/DataGrid/index.d.ts +2 -0
- package/dist/DataGrid/index.js +8 -7
- package/dist/DataTable/index.js +10 -9
- package/dist/DataView/index.js +14 -13
- package/dist/DatasetSource/index.js +2 -2
- package/dist/DateTimePicker/index.js +4 -3
- package/dist/DiffList/DiffList.d.ts +12 -3
- package/dist/DiffList/index.d.ts +1 -1
- package/dist/DiffList/index.js +1 -1
- package/dist/{DiffList-3EX64AAE.css → DiffList-GE6YBRLJ.css} +53 -0
- package/dist/Disclosure/anatomy.d.ts +14 -1
- package/dist/Disclosure/index.js +2 -2
- package/dist/{Disclosure-P4FH3C35.css → Disclosure-FVMA4RW2.css} +36 -0
- package/dist/DocTabsEditor/index.js +8 -7
- package/dist/DownloadButton/DownloadButton.d.ts +21 -4
- package/dist/DownloadButton/index.d.ts +1 -1
- package/dist/DownloadButton/index.js +4 -3
- package/dist/EditingStatus/index.js +2 -2
- package/dist/{Editor-GNKMX3VF.js → Editor-X2J47LPD.js} +7 -6
- package/dist/EntityList/EntityList.d.ts +37 -0
- package/dist/EntityList/index.d.ts +3 -0
- package/dist/EntityList/index.js +10 -0
- package/dist/EntityList-XIICECVC.css +55 -0
- package/dist/ErrorBoundary/index.js +3 -2
- package/dist/FileDrop/index.js +3 -2
- package/dist/FollowBanner/index.js +3 -2
- package/dist/HuePicker/index.js +8 -7
- package/dist/IconButton/IconButton.d.ts +6 -1
- package/dist/IconButton/index.js +1 -1
- package/dist/{IconButton-K24JQHLF.css → IconButton-6WA7UEBJ.css} +44 -21
- package/dist/IconTile/IconTile.d.ts +8 -2
- package/dist/IconTile/index.js +1 -1
- package/dist/{IconTile-4GNWTLAW.css → IconTile-G52XZVR4.css} +3 -0
- package/dist/InlineEditor/index.js +6 -5
- package/dist/Input/index.js +3 -3
- package/dist/LinkInterstitial/index.js +6 -5
- package/dist/ListInput/index.js +7 -6
- package/dist/LogoSlot/index.js +4 -3
- package/dist/MarkdownEditor/index.js +8 -7
- package/dist/Menu/index.js +4 -3
- package/dist/MergeConflicts/index.js +8 -7
- package/dist/MessageBubble/MessageBubble.d.ts +34 -0
- package/dist/MessageBubble/index.d.ts +3 -0
- package/dist/MessageBubble/index.js +2 -0
- package/dist/MessageBubble-GKO6X3QG.css +71 -0
- package/dist/Modal/index.js +5 -4
- package/dist/OpenInAppCard/OpenInAppCard.d.ts +44 -0
- package/dist/OpenInAppCard/index.d.ts +3 -0
- package/dist/OpenInAppCard/index.js +15 -0
- package/dist/OpenInAppCard-CKHCK7DO.css +24 -0
- package/dist/OrgTable/index.js +3 -3
- package/dist/PeekRail/PeekHost.d.ts +90 -0
- package/dist/PeekRail/PeekRail.d.ts +83 -0
- package/dist/PeekRail/activation.d.ts +30 -0
- package/dist/PeekRail/index.d.ts +8 -0
- package/dist/PeekRail/index.js +8 -0
- package/dist/PeekRail-4L5YUQMW.css +95 -0
- package/dist/PeopleRail/index.js +4 -3
- package/dist/PinTile/index.js +2 -2
- package/dist/PresenterView/index.js +5 -4
- package/dist/PrincipalPicker/index.js +6 -6
- package/dist/ProposalCard/ProposalCard.d.ts +134 -0
- package/dist/ProposalCard/index.d.ts +3 -0
- package/dist/ProposalCard/index.js +17 -0
- package/dist/ProposalCard-HLB3FNLA.css +19 -0
- package/dist/ReceiptStrip/ReceiptStrip.d.ts +66 -0
- package/dist/ReceiptStrip/index.d.ts +3 -0
- package/dist/ReceiptStrip/index.js +5 -0
- package/dist/ReceiptStrip-IIRKRTBG.css +93 -0
- package/dist/RefusalCard/RefusalCard.d.ts +34 -0
- package/dist/RefusalCard/index.d.ts +3 -0
- package/dist/RefusalCard/index.js +10 -0
- package/dist/RefusalCard-UM67F5HB.css +8 -0
- package/dist/RelativeTime/clock.d.ts +0 -6
- package/dist/RelativeTime/index.js +1 -1
- package/dist/ResizeHandle-2UNSZ4ZQ.css +59 -0
- package/dist/ResultTableCard/ResultTableCard.d.ts +64 -0
- package/dist/ResultTableCard/index.d.ts +3 -0
- package/dist/ResultTableCard/index.js +16 -0
- package/dist/ResultTableCard-HZRUDNTX.css +40 -0
- package/dist/ReviewList/index.js +2 -2
- package/dist/RichEditor/index.js +3 -2
- package/dist/RunChip/RunChip.d.ts +53 -0
- package/dist/RunChip/index.d.ts +3 -0
- package/dist/RunChip/index.js +10 -0
- package/dist/RunChip-I2S4VZ3R.css +43 -0
- package/dist/SandboxedFrame/index.js +3 -2
- package/dist/SegmentedControl/index.js +7 -6
- package/dist/SelectionBar/index.js +4 -3
- package/dist/SendButton/SendButton.d.ts +38 -0
- package/dist/SendButton/index.d.ts +2 -0
- package/dist/SendButton/index.js +4 -0
- package/dist/SetupWizard/index.js +6 -5
- package/dist/ShareDialog/index.js +8 -7
- package/dist/SheetColumnEditor/index.js +13 -12
- package/dist/SheetGrid/index.js +7 -6
- package/dist/SidePanel/SidePanel.d.ts +137 -0
- package/dist/SidePanel/SidePanelBase.d.ts +59 -0
- package/dist/SidePanel/index.d.ts +5 -0
- package/dist/SidePanel/index.js +11 -0
- package/dist/SidePanel-ERBUIELD.css +235 -0
- package/dist/SlideCompare/index.js +3 -2
- package/dist/SlideFilmstrip/index.js +7 -6
- package/dist/SlideNav/index.js +2 -2
- package/dist/Spinner/Spinner.d.ts +35 -0
- package/dist/Spinner/index.d.ts +3 -0
- package/dist/Spinner/index.js +2 -0
- package/dist/Spinner-XZ2TVYE5.css +46 -0
- package/dist/StatusCard/StatusCard.d.ts +59 -0
- package/dist/StatusCard/index.d.ts +3 -0
- package/dist/StatusCard/index.js +9 -0
- package/dist/StatusCard-6RPEE6UU.css +62 -0
- package/dist/StepList-A4YVU4JI.css +119 -0
- package/dist/Stepper/StepList.d.ts +72 -0
- package/dist/Stepper/index.d.ts +3 -0
- package/dist/Stepper/index.js +2 -1
- package/dist/SuggestionRow/SuggestionRow.d.ts +45 -0
- package/dist/SuggestionRow/index.d.ts +3 -0
- package/dist/SuggestionRow/index.js +3 -0
- package/dist/SuggestionRow-OKBGNHSS.css +102 -0
- package/dist/Switcher/index.js +9 -8
- package/dist/Table/Table.d.ts +23 -2
- package/dist/Table/index.d.ts +1 -1
- package/dist/Table/index.js +1 -1
- package/dist/{Table-TGCS4C3F.css → Table-RUYMMWXT.css} +49 -0
- package/dist/TableCells/index.js +2 -2
- package/dist/Tabs/index.js +6 -5
- package/dist/TagsInput/index.js +4 -4
- package/dist/ThemeGallery/index.js +2 -2
- package/dist/ThemeSwitcher/index.js +8 -7
- package/dist/ThemeToggle/index.js +2 -2
- package/dist/TimeRangePicker/TimeRangePicker.d.ts +121 -0
- package/dist/TimeRangePicker/index.d.ts +2 -0
- package/dist/TimeRangePicker/index.js +23 -0
- package/dist/TimeWindowPicker/index.js +8 -7
- package/dist/Toaster/Toaster.d.ts +27 -3
- package/dist/Toaster/index.d.ts +2 -2
- package/dist/Toaster/index.js +1 -1
- package/dist/{Toaster-C6BQ7L6I.css → Toaster-MX7TBMC3.css} +32 -11
- package/dist/TreeCanvas/index.js +6 -5
- package/dist/TreeGrid/index.js +2 -2
- package/dist/VersionCompare/index.js +9 -8
- package/dist/VersionTimeline/index.js +4 -3
- package/dist/WidgetFrame/index.js +2 -2
- package/dist/{chunk-KHKZPZHO.js → chunk-272Y3YMV.js} +3 -3
- package/dist/{chunk-LACA4JGC.js → chunk-2BQYODY3.js} +1 -1
- package/dist/{chunk-CCPOLCZL.js → chunk-2TTFDRR3.js} +2 -2
- package/dist/{chunk-4BJK7FE5.js → chunk-3EYSYEXP.js} +1 -1
- package/dist/chunk-3LI4TRUR.js +22 -0
- package/dist/{chunk-ATCHK6LC.js → chunk-3NQS6KYG.js} +1 -1
- package/dist/{chunk-V2N3BMOT.js → chunk-45KMH3E3.js} +11 -4
- package/dist/{chunk-ZMBPEHYH.js → chunk-4CBGIRVU.js} +1 -1
- package/dist/{chunk-DFW5PDU5.js → chunk-4OINEWR4.js} +1 -1
- package/dist/{chunk-5XKI4ITH.js → chunk-56P72ZBE.js} +4 -4
- package/dist/{chunk-J24Q4HTD.js → chunk-5NT6OIPP.js} +13 -3
- package/dist/{chunk-O2KT7HBD.js → chunk-5OMV75GE.js} +3 -3
- package/dist/{chunk-6RMZH7P7.js → chunk-672GLRBU.js} +2 -2
- package/dist/{chunk-MFXN46NN.js → chunk-67F2AM4R.js} +3 -3
- package/dist/{chunk-NQCY44B3.js → chunk-67MW366X.js} +2 -2
- package/dist/{chunk-URV6MGWT.js → chunk-6KLK7E76.js} +2 -2
- package/dist/{chunk-ZFM5L7M4.js → chunk-6NJW5KSX.js} +2 -2
- package/dist/{chunk-A4GFEMVI.js → chunk-6T6V5565.js} +1 -1
- package/dist/{chunk-THDGBD6Y.js → chunk-AKFHMLEX.js} +1 -1
- package/dist/{chunk-CNGHOTHV.js → chunk-AWSFK2IK.js} +2 -2
- package/dist/{chunk-HQJ24WPM.js → chunk-AZ5BKSGV.js} +1 -1
- package/dist/chunk-BLPT6GHV.js +31 -0
- package/dist/chunk-C3FX7ZSU.js +30 -0
- package/dist/{chunk-LDGQIDIZ.js → chunk-CGT4R7LW.js} +64 -2
- package/dist/{chunk-DM4JG4M5.js → chunk-D5OSP3KI.js} +3 -3
- package/dist/{chunk-BTHQFWMG.js → chunk-DOPPU6TZ.js} +4 -4
- package/dist/{chunk-AC22RZKC.js → chunk-DRT4L4WC.js} +17 -5
- package/dist/chunk-E4DZOE55.js +162 -0
- package/dist/chunk-EA23JG6R.js +9 -0
- package/dist/{chunk-WHL3XZCK.js → chunk-EBG3V4MK.js} +6 -6
- package/dist/{chunk-5JDHMDMQ.js → chunk-EDNZHW4K.js} +57 -7
- package/dist/{chunk-E6HXFFWO.js → chunk-EGL24VY5.js} +2 -2
- package/dist/{chunk-7SHAFLEX.js → chunk-ES4HR34Y.js} +2 -2
- package/dist/chunk-EVWTLFKI.js +102 -0
- package/dist/chunk-FA44M2YT.js +25 -0
- package/dist/{chunk-LKBZV5IT.js → chunk-FLTMDSC3.js} +1 -1
- package/dist/{chunk-XANKR3EP.js → chunk-FXQLNETQ.js} +2 -2
- package/dist/{chunk-G22NPQG4.js → chunk-GCASX3FD.js} +4 -4
- package/dist/{chunk-OGXHZHRX.js → chunk-GG4QZWMQ.js} +2 -2
- package/dist/{chunk-XP7EXNKF.js → chunk-GPW4M4OI.js} +2 -2
- package/dist/chunk-GZMEWWXW.js +78 -0
- package/dist/{chunk-OG6CL3EB.js → chunk-HD4QJ2SI.js} +3 -2
- package/dist/{chunk-SYY26XBX.js → chunk-HGCDJOEF.js} +2 -2
- package/dist/chunk-HGYHWWA5.js +54 -0
- package/dist/{chunk-ZS63CFDO.js → chunk-HL4CPLEK.js} +7 -7
- package/dist/{chunk-BEHFTRMZ.js → chunk-HNK43Z3P.js} +23 -5
- package/dist/{chunk-UO7JZVCO.js → chunk-HVEDVKXL.js} +1 -1
- package/dist/{chunk-FS4IH7VB.js → chunk-I7VG6RQE.js} +2 -2
- package/dist/{chunk-3RCHEFIL.js → chunk-ICJRP6QW.js} +2 -2
- package/dist/{chunk-YRIZAIU6.js → chunk-IDQBSMMZ.js} +2 -2
- package/dist/chunk-JILNCBBS.js +27 -0
- package/dist/{chunk-W5GM452Z.js → chunk-JJ3NOBJ6.js} +5 -5
- package/dist/chunk-JLRXCKTS.js +97 -0
- package/dist/{chunk-OJCVVCAZ.js → chunk-JMMS2PQU.js} +1 -1
- package/dist/{chunk-IVAR7NRW.js → chunk-JS2TRHBF.js} +3 -3
- package/dist/{chunk-3CZ7XAVY.js → chunk-KS7YIJ4S.js} +10 -6
- package/dist/{chunk-MU5KH3JF.js → chunk-LQ6AGUDL.js} +2 -2
- package/dist/chunk-LXYSWQNE.js +214 -0
- package/dist/{chunk-EKLEYNGR.js → chunk-MYX4XABB.js} +3 -3
- package/dist/{chunk-PM3JVNRY.js → chunk-N3ISZVLK.js} +1 -1
- package/dist/chunk-NEHSV55H.js +119 -0
- package/dist/{chunk-LLHO4FJK.js → chunk-NHJQXDHA.js} +1 -1
- package/dist/{chunk-NTZQN7OR.js → chunk-NI7WUPH3.js} +2 -2
- package/dist/{chunk-F6CKQX5D.js → chunk-NK3D66PB.js} +2 -2
- package/dist/{chunk-RHPBTE3F.js → chunk-NQGZRMUG.js} +1 -1
- package/dist/chunk-NVZCANJ5.js +3 -0
- package/dist/{chunk-RRO7UEYU.js → chunk-OHBXOEP3.js} +1 -1
- package/dist/{chunk-USVUSO3S.js → chunk-OHG7762N.js} +1 -1
- package/dist/{chunk-OBUQVGEG.js → chunk-OJ2QULVH.js} +1 -1
- package/dist/{chunk-ITTECHM4.js → chunk-OOZ5AGPS.js} +5 -5
- package/dist/{chunk-BZXY2L2D.js → chunk-OYAXKHVW.js} +1 -1
- package/dist/{chunk-WQQ5T5SA.js → chunk-OZIBNFLO.js} +1 -1
- package/dist/{chunk-DFK5EQTU.js → chunk-PDTEPN4D.js} +1 -1
- package/dist/chunk-PIYJNCN7.js +124 -0
- package/dist/{chunk-ZVV2VERB.js → chunk-Q6R6EUQ4.js} +3 -3
- package/dist/chunk-QYEOGGVS.js +161 -0
- package/dist/{chunk-NWGGH2LN.js → chunk-QZ4B72FP.js} +3 -3
- package/dist/chunk-RV2FGESF.js +98 -0
- package/dist/{chunk-TQ3C3Q7V.js → chunk-S5C64PTT.js} +1 -1
- package/dist/chunk-SDSBVVLL.js +45 -0
- package/dist/{chunk-ZNOXQACX.js → chunk-T4D7RZNI.js} +2 -2
- package/dist/{chunk-TDVPYBNL.js → chunk-TA72CURM.js} +1 -1
- package/dist/{chunk-WXOYHVWG.js → chunk-TD3UHDFY.js} +4 -4
- package/dist/{chunk-H7FUQCQY.js → chunk-TDQZ4LB5.js} +8 -6
- package/dist/chunk-TFGCNBWP.js +64 -0
- package/dist/{chunk-TMM32U7D.js → chunk-TKS7FTTO.js} +2 -2
- package/dist/{chunk-NKHS2RQ2.js → chunk-U5PJSGHG.js} +1 -1
- package/dist/{chunk-7CGPPAYR.js → chunk-UV4LOQ3E.js} +1 -1
- package/dist/{chunk-34ANLQW2.js → chunk-UVYGMCJ4.js} +173 -8
- package/dist/{chunk-ON2E46DX.js → chunk-VRNUKH2W.js} +1 -1
- package/dist/{chunk-XX2VQE55.js → chunk-WBRC3MNE.js} +1 -1
- package/dist/chunk-WDIVALLP.js +51 -0
- package/dist/{chunk-QMIWMLFI.js → chunk-WOW5SCEK.js} +1 -1
- package/dist/chunk-XODESBSR.js +250 -0
- package/dist/chunk-XQI2OUV4.js +59 -0
- package/dist/{chunk-EJWPYEG4.js → chunk-XRZGGB6I.js} +1 -1
- package/dist/{chunk-34C7NYIQ.js → chunk-Y73BQL74.js} +1 -1
- package/dist/{chunk-KIRQZG3G.js → chunk-YCGZK2E4.js} +1 -1
- package/dist/{chunk-5TK3C6RG.js → chunk-YCZ2FBKA.js} +1 -1
- package/dist/{chunk-TV2QW6GX.js → chunk-YEURM24I.js} +3 -3
- package/dist/{chunk-IW55G7XG.js → chunk-YNRKVY7X.js} +11 -1
- package/dist/chunk-YY445YFQ.js +55 -0
- package/dist/{chunk-LFHCXZO5.js → chunk-Z3GDMNMU.js} +3 -3
- package/dist/{chunk-LQPU5O3B.js → chunk-Z7PJF6F3.js} +3 -3
- package/dist/{chunk-HDHL773Z.js → chunk-ZH4MJM73.js} +1 -1
- package/dist/generated/index.d.ts +17 -0
- package/dist/generated/index.js +141 -122
- package/dist/index.js +141 -122
- package/dist/styles.css +1877 -218
- package/dist/utils/index.js +1 -1
- package/dist/utils/useDownload.d.ts +6 -0
- package/package.json +3 -3
- package/dist/ArtifactPanel-KKUUIPEU.css +0 -159
- package/dist/Composer-TXULCPPV.css +0 -99
- package/dist/chunk-4E5MWUUJ.js +0 -48
- package/dist/chunk-FZVJDJFN.js +0 -54
- package/dist/chunk-IXJHTFXG.js +0 -17
- package/dist/chunk-NBDN5JZV.js +0 -123
- package/dist/{chunk-UTESMBPL.js → chunk-ESUZ27TS.js} +1 -1
- /package/dist/{chunk-55MPFB2U.js → chunk-EWTPXRRM.js} +0 -0
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
import { Modal } from './chunk-QZ4B72FP.js';
|
|
2
|
+
import { Callout } from './chunk-BPCY7ZID.js';
|
|
3
|
+
import { SegmentedControl } from './chunk-AWSFK2IK.js';
|
|
4
|
+
import { FormField, Input } from './chunk-FXQLNETQ.js';
|
|
5
|
+
import { Button } from './chunk-HD4QJ2SI.js';
|
|
6
|
+
import { useState } from 'react';
|
|
7
|
+
import { ClockGlyph } from '@crewlethq/icons/glyphs';
|
|
8
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
9
|
+
|
|
10
|
+
var TIME_RANGE_CUSTOM = "custom";
|
|
11
|
+
var TIME_RANGE_PICKER_LABELS = {
|
|
12
|
+
custom: "Custom",
|
|
13
|
+
dialogTitle: "Custom window",
|
|
14
|
+
start: "From",
|
|
15
|
+
end: "To",
|
|
16
|
+
firstDay: "First day",
|
|
17
|
+
lastDay: "Last day",
|
|
18
|
+
cancel: "Cancel",
|
|
19
|
+
apply: "Apply",
|
|
20
|
+
startNotInstant: "The start is not a date and time.",
|
|
21
|
+
endNotInstant: "The end is not a date and time.",
|
|
22
|
+
endNotAfterStart: "The end must be after the start.",
|
|
23
|
+
firstNotDay: "The first day is not a date.",
|
|
24
|
+
lastNotDay: "The last day is not a date.",
|
|
25
|
+
lastBeforeFirst: "The last day must be on or after the first."
|
|
26
|
+
};
|
|
27
|
+
var DAY = /^(\d{4})-(\d{2})-(\d{2})$/;
|
|
28
|
+
var INSTANT = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})(?::(\d{2}))?$/;
|
|
29
|
+
function realDay(year, month, day) {
|
|
30
|
+
const at = new Date(Date.UTC(Number(year), Number(month) - 1, Number(day)));
|
|
31
|
+
return at.getUTCFullYear() === Number(year) && at.getUTCMonth() === Number(month) - 1 && at.getUTCDate() === Number(day);
|
|
32
|
+
}
|
|
33
|
+
function timeRangeFieldKey(value, mode) {
|
|
34
|
+
if (mode === "days") {
|
|
35
|
+
const day = DAY.exec(value);
|
|
36
|
+
return day && realDay(day[1], day[2], day[3]) ? value : null;
|
|
37
|
+
}
|
|
38
|
+
const instant = INSTANT.exec(value);
|
|
39
|
+
if (!instant || !realDay(instant[1], instant[2], instant[3])) return null;
|
|
40
|
+
if (Number(instant[4]) > 23 || Number(instant[5]) > 59 || Number(instant[6] ?? 0) > 59) return null;
|
|
41
|
+
return instant[6] === void 0 ? `${value}:00` : value;
|
|
42
|
+
}
|
|
43
|
+
function timeRangeProblem(start, end, mode, labels = TIME_RANGE_PICKER_LABELS, validate) {
|
|
44
|
+
const from = timeRangeFieldKey(start, mode);
|
|
45
|
+
const to = timeRangeFieldKey(end, mode);
|
|
46
|
+
if (mode === "days") {
|
|
47
|
+
if (from === null) return labels.firstNotDay;
|
|
48
|
+
if (to === null) return labels.lastNotDay;
|
|
49
|
+
if (to < from) return labels.lastBeforeFirst;
|
|
50
|
+
} else {
|
|
51
|
+
if (from === null) return labels.startNotInstant;
|
|
52
|
+
if (to === null) return labels.endNotInstant;
|
|
53
|
+
if (to <= from) return labels.endNotAfterStart;
|
|
54
|
+
}
|
|
55
|
+
return validate?.(start, end) ?? "";
|
|
56
|
+
}
|
|
57
|
+
function TimeRangePicker({
|
|
58
|
+
options,
|
|
59
|
+
value,
|
|
60
|
+
onChange,
|
|
61
|
+
custom,
|
|
62
|
+
label = "Time range",
|
|
63
|
+
labels,
|
|
64
|
+
className
|
|
65
|
+
}) {
|
|
66
|
+
const words = { ...TIME_RANGE_PICKER_LABELS, ...labels };
|
|
67
|
+
const [editing, setEditing] = useState(false);
|
|
68
|
+
const segments = options.map((option) => ({
|
|
69
|
+
value: option.value,
|
|
70
|
+
label: option.label,
|
|
71
|
+
...option.title === void 0 ? null : { title: option.title }
|
|
72
|
+
}));
|
|
73
|
+
if (custom) segments.push({ value: TIME_RANGE_CUSTOM, label: words.custom, title: custom.title });
|
|
74
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
75
|
+
/* @__PURE__ */ jsx(
|
|
76
|
+
SegmentedControl,
|
|
77
|
+
{
|
|
78
|
+
semantics: "radio",
|
|
79
|
+
activate: "manual",
|
|
80
|
+
label,
|
|
81
|
+
value,
|
|
82
|
+
className,
|
|
83
|
+
onValueChange: (next) => next === TIME_RANGE_CUSTOM ? setEditing(true) : onChange(next),
|
|
84
|
+
options: segments
|
|
85
|
+
}
|
|
86
|
+
),
|
|
87
|
+
editing && custom ? /* @__PURE__ */ jsx(
|
|
88
|
+
CustomWindow,
|
|
89
|
+
{
|
|
90
|
+
custom,
|
|
91
|
+
labels: words,
|
|
92
|
+
onClose: () => setEditing(false),
|
|
93
|
+
onApply: (start, end) => {
|
|
94
|
+
custom.onApply(start, end);
|
|
95
|
+
setEditing(false);
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
) : null
|
|
99
|
+
] });
|
|
100
|
+
}
|
|
101
|
+
function CustomWindow({
|
|
102
|
+
custom,
|
|
103
|
+
labels,
|
|
104
|
+
onClose,
|
|
105
|
+
onApply
|
|
106
|
+
}) {
|
|
107
|
+
const [start, setStart] = useState(custom.start);
|
|
108
|
+
const [end, setEnd] = useState(custom.end);
|
|
109
|
+
const days = custom.mode === "days";
|
|
110
|
+
const problem = timeRangeProblem(start, end, custom.mode, labels, custom.validate);
|
|
111
|
+
const type = days ? "date" : "datetime-local";
|
|
112
|
+
return /* @__PURE__ */ jsxs(
|
|
113
|
+
Modal,
|
|
114
|
+
{
|
|
115
|
+
open: true,
|
|
116
|
+
title: labels.dialogTitle,
|
|
117
|
+
icon: /* @__PURE__ */ jsx(ClockGlyph, { size: "md" }),
|
|
118
|
+
style: { "--crewlet-modal-width": "420px" },
|
|
119
|
+
stackBody: true,
|
|
120
|
+
onClose,
|
|
121
|
+
onSubmit: () => {
|
|
122
|
+
if (problem === "") onApply(start, end);
|
|
123
|
+
},
|
|
124
|
+
footer: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
125
|
+
/* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onClose, children: labels.cancel }),
|
|
126
|
+
/* @__PURE__ */ jsx(Button, { variant: "primary", type: "submit", disabled: problem !== "", children: labels.apply })
|
|
127
|
+
] }),
|
|
128
|
+
children: [
|
|
129
|
+
/* @__PURE__ */ jsx(FormField, { label: days ? labels.firstDay : labels.start, helper: custom.helper, children: (field) => /* @__PURE__ */ jsx(
|
|
130
|
+
Input,
|
|
131
|
+
{
|
|
132
|
+
id: field.id,
|
|
133
|
+
type,
|
|
134
|
+
width: "full",
|
|
135
|
+
value: start,
|
|
136
|
+
"aria-describedby": field.describedBy,
|
|
137
|
+
onChange: (event) => setStart(event.target.value)
|
|
138
|
+
}
|
|
139
|
+
) }),
|
|
140
|
+
/* @__PURE__ */ jsx(FormField, { label: days ? labels.lastDay : labels.end, children: (field) => /* @__PURE__ */ jsx(
|
|
141
|
+
Input,
|
|
142
|
+
{
|
|
143
|
+
id: field.id,
|
|
144
|
+
type,
|
|
145
|
+
width: "full",
|
|
146
|
+
value: end,
|
|
147
|
+
"aria-describedby": field.describedBy,
|
|
148
|
+
onChange: (event) => setEnd(event.target.value)
|
|
149
|
+
}
|
|
150
|
+
) }),
|
|
151
|
+
problem ? (
|
|
152
|
+
// An alert: it is the sentence standing between the reader and a
|
|
153
|
+
// disabled Apply, so it reaches them where they are typing.
|
|
154
|
+
/* @__PURE__ */ jsx(Callout, { variant: "danger", role: "alert", children: problem })
|
|
155
|
+
) : null
|
|
156
|
+
]
|
|
157
|
+
}
|
|
158
|
+
);
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { useLayerContainer } from './chunk-OMV5W53A.js';
|
|
2
1
|
import { HeadingLevelProvider } from './chunk-PQADV6P6.js';
|
|
3
|
-
import { Button } from './chunk-
|
|
2
|
+
import { Button } from './chunk-HD4QJ2SI.js';
|
|
3
|
+
import { useLayerContainer } from './chunk-OMV5W53A.js';
|
|
4
4
|
import { focusables, useModalLayer, useBodyScrollLock } from './chunk-H5XTJ7GJ.js';
|
|
5
|
-
import { IconButton } from './chunk-
|
|
5
|
+
import { IconButton } from './chunk-2BQYODY3.js';
|
|
6
6
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
7
7
|
import './Modal-3HMP7WAZ.css';
|
|
8
8
|
import { useId, useRef, useCallback } from 'react';
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { useMediaMatch } from './chunk-RTPQDNW3.js';
|
|
2
|
+
import { Button } from './chunk-HD4QJ2SI.js';
|
|
3
|
+
import { VisuallyHidden } from './chunk-BZFWDIV6.js';
|
|
4
|
+
import { cx } from './chunk-ODEQTPFM.js';
|
|
5
|
+
import './ChatThread-52KMDXHB.css';
|
|
6
|
+
import { forwardRef, useRef, Children, useState, useCallback, useLayoutEffect, useEffect, useImperativeHandle } from 'react';
|
|
7
|
+
import { ArrowDownGlyph } from '@crewlethq/icons/glyphs';
|
|
8
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
9
|
+
|
|
10
|
+
var CHAT_THREAD_FOLLOW_WITHIN = 48;
|
|
11
|
+
var CHAT_THREAD_LABELS = {
|
|
12
|
+
jumpToLatest: "Jump to latest",
|
|
13
|
+
newItems: (count) => count === 1 ? "1 new item" : `${count.toLocaleString()} new items`
|
|
14
|
+
};
|
|
15
|
+
var ChatThread = forwardRef(function ChatThread2({ label, busy = false, follow = true, children, labels: overrides, className, ...rest }, ref) {
|
|
16
|
+
const labels = overrides ? { ...CHAT_THREAD_LABELS, ...overrides } : CHAT_THREAD_LABELS;
|
|
17
|
+
const scroller = useRef(null);
|
|
18
|
+
const items = useRef(null);
|
|
19
|
+
const reduced = useMediaMatch("(prefers-reduced-motion: reduce)");
|
|
20
|
+
const count = Children.toArray(children).length;
|
|
21
|
+
const atEnd = useRef(true);
|
|
22
|
+
const [detachedAt, setDetachedAt] = useState(null);
|
|
23
|
+
const countRef = useRef(count);
|
|
24
|
+
countRef.current = count;
|
|
25
|
+
const toEnd = useCallback(
|
|
26
|
+
(smooth) => {
|
|
27
|
+
const el = scroller.current;
|
|
28
|
+
if (!el) return;
|
|
29
|
+
const top = el.scrollHeight - el.clientHeight;
|
|
30
|
+
if (smooth && !reduced && typeof el.scrollTo === "function") el.scrollTo({ top, behavior: "smooth" });
|
|
31
|
+
else el.scrollTop = top;
|
|
32
|
+
atEnd.current = true;
|
|
33
|
+
setDetachedAt(null);
|
|
34
|
+
},
|
|
35
|
+
[reduced]
|
|
36
|
+
);
|
|
37
|
+
const onScroll = useCallback(() => {
|
|
38
|
+
const el = scroller.current;
|
|
39
|
+
if (!el) return;
|
|
40
|
+
const end = el.scrollHeight - el.scrollTop - el.clientHeight <= CHAT_THREAD_FOLLOW_WITHIN;
|
|
41
|
+
atEnd.current = end;
|
|
42
|
+
setDetachedAt((prior) => end ? null : prior ?? countRef.current);
|
|
43
|
+
}, []);
|
|
44
|
+
useLayoutEffect(() => {
|
|
45
|
+
if (follow && atEnd.current) toEnd(false);
|
|
46
|
+
}, [children, follow, toEnd]);
|
|
47
|
+
useEffect(() => {
|
|
48
|
+
const el = items.current;
|
|
49
|
+
if (!follow || !el || typeof ResizeObserver !== "function") return;
|
|
50
|
+
const observer = new ResizeObserver(() => {
|
|
51
|
+
if (atEnd.current) toEnd(false);
|
|
52
|
+
});
|
|
53
|
+
observer.observe(el);
|
|
54
|
+
return () => observer.disconnect();
|
|
55
|
+
}, [follow, toEnd]);
|
|
56
|
+
useImperativeHandle(
|
|
57
|
+
ref,
|
|
58
|
+
() => ({
|
|
59
|
+
scrollToLatest: () => toEnd(true),
|
|
60
|
+
reveal: (element) => {
|
|
61
|
+
const el = scroller.current;
|
|
62
|
+
if (!el) return;
|
|
63
|
+
const top = element.getBoundingClientRect().top - el.getBoundingClientRect().top + el.scrollTop;
|
|
64
|
+
const height = element.getBoundingClientRect().height;
|
|
65
|
+
const target = height <= el.clientHeight ? top + height - el.clientHeight : top;
|
|
66
|
+
el.scrollTop = Math.max(0, Math.min(target, top));
|
|
67
|
+
onScroll();
|
|
68
|
+
}
|
|
69
|
+
}),
|
|
70
|
+
[onScroll, toEnd]
|
|
71
|
+
);
|
|
72
|
+
const fresh = detachedAt === null ? 0 : Math.max(0, count - detachedAt);
|
|
73
|
+
return /* @__PURE__ */ jsxs("div", { ...rest, className: cx("crewlet-chat-thread", className), children: [
|
|
74
|
+
/* @__PURE__ */ jsx(
|
|
75
|
+
"div",
|
|
76
|
+
{
|
|
77
|
+
ref: scroller,
|
|
78
|
+
role: "log",
|
|
79
|
+
"aria-live": "off",
|
|
80
|
+
"aria-label": label,
|
|
81
|
+
"aria-busy": busy || void 0,
|
|
82
|
+
tabIndex: 0,
|
|
83
|
+
className: "crewlet-chat-thread__scroller",
|
|
84
|
+
onScroll,
|
|
85
|
+
children: /* @__PURE__ */ jsx("div", { ref: items, className: "crewlet-chat-thread__items", children })
|
|
86
|
+
}
|
|
87
|
+
),
|
|
88
|
+
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: [
|
|
89
|
+
labels.jumpToLatest,
|
|
90
|
+
fresh > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
91
|
+
/* @__PURE__ */ jsx("span", { className: "crewlet-chat-thread__fresh", "aria-hidden": "true", children: fresh.toLocaleString() }),
|
|
92
|
+
/* @__PURE__ */ jsx(VisuallyHidden, { children: `, ${labels.newItems(fresh)}` })
|
|
93
|
+
] }) : null
|
|
94
|
+
] }) })
|
|
95
|
+
] });
|
|
96
|
+
});
|
|
97
|
+
|
|
98
|
+
export { CHAT_THREAD_FOLLOW_WITHIN, CHAT_THREAD_LABELS, ChatThread };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useThemePreference, useDensityPreference } from './chunk-Z24ZUSTX.js';
|
|
2
|
-
import { SegmentedControl } from './chunk-
|
|
2
|
+
import { SegmentedControl } from './chunk-AWSFK2IK.js';
|
|
3
3
|
import { SunGlyph, MonitorGlyph, MoonGlyph } from '@crewlethq/icons/glyphs';
|
|
4
4
|
import { jsx } from 'react/jsx-runtime';
|
|
5
5
|
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { VisuallyHidden } from './chunk-BZFWDIV6.js';
|
|
2
|
+
import { cx } from './chunk-ODEQTPFM.js';
|
|
3
|
+
import './SuggestionRow-OKBGNHSS.css';
|
|
4
|
+
import { Children, isValidElement } from 'react';
|
|
5
|
+
import { ChevronRightGlyph } from '@crewlethq/icons/glyphs';
|
|
6
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
function SuggestionRow({
|
|
9
|
+
icon,
|
|
10
|
+
children,
|
|
11
|
+
detail,
|
|
12
|
+
count,
|
|
13
|
+
chevron = false,
|
|
14
|
+
fills = false,
|
|
15
|
+
fillsLabel = ", fills the message box",
|
|
16
|
+
onSelect,
|
|
17
|
+
className,
|
|
18
|
+
type = "button",
|
|
19
|
+
...rest
|
|
20
|
+
}) {
|
|
21
|
+
const trailing = count !== void 0 && count !== null || chevron;
|
|
22
|
+
return /* @__PURE__ */ jsxs("button", { ...rest, type, className: cx("crewlet-suggestion-row", className), onClick: onSelect, children: [
|
|
23
|
+
/* @__PURE__ */ jsx("span", { className: "crewlet-suggestion-row__icon", "aria-hidden": "true", children: icon }),
|
|
24
|
+
/* @__PURE__ */ jsxs("span", { className: "crewlet-suggestion-row__words", children: [
|
|
25
|
+
/* @__PURE__ */ jsxs("span", { className: "crewlet-suggestion-row__text", children: [
|
|
26
|
+
children,
|
|
27
|
+
fills ? /* @__PURE__ */ jsx(VisuallyHidden, { children: fillsLabel }) : null
|
|
28
|
+
] }),
|
|
29
|
+
detail === void 0 || detail === null ? null : /* @__PURE__ */ jsx("span", { className: "crewlet-suggestion-row__detail", children: detail })
|
|
30
|
+
] }),
|
|
31
|
+
trailing ? /* @__PURE__ */ jsxs("span", { className: "crewlet-suggestion-row__trail", children: [
|
|
32
|
+
count,
|
|
33
|
+
chevron ? /* @__PURE__ */ jsx(ChevronRightGlyph, { size: "sm", "aria-hidden": "true" }) : null
|
|
34
|
+
] }) : null
|
|
35
|
+
] });
|
|
36
|
+
}
|
|
37
|
+
function SuggestionList({ divided = false, className, children, ...rest }) {
|
|
38
|
+
return (
|
|
39
|
+
// The role is restated for WebKit, which drops it from a list with no markers.
|
|
40
|
+
// eslint-disable-next-line jsx-a11y/no-redundant-roles
|
|
41
|
+
/* @__PURE__ */ jsx("ul", { ...rest, role: "list", className: cx("crewlet-suggestion-list", divided && "crewlet-suggestion-list--divided", className), children: Children.toArray(children).filter(isValidElement).map((child) => /* @__PURE__ */ jsx("li", { className: "crewlet-suggestion-list__item", children: child }, child.key ?? void 0)) })
|
|
42
|
+
);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
export { SuggestionList, SuggestionRow };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { DisclosureAnatomy } from './chunk-
|
|
1
|
+
import { DisclosureAnatomy } from './chunk-TFGCNBWP.js';
|
|
2
2
|
import { useHeadingLevel } from './chunk-PQADV6P6.js';
|
|
3
3
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
4
|
-
import './Disclosure-
|
|
4
|
+
import './Disclosure-FVMA4RW2.css';
|
|
5
5
|
import './Accordion-ZI2WLD5C.css';
|
|
6
6
|
import { createContext, useState, useCallback, useMemo, useContext, useId } from 'react';
|
|
7
7
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { TagGroup } from './chunk-O2EGEONV.js';
|
|
2
|
-
import { Tag } from './chunk-KYIAFNU7.js';
|
|
3
2
|
import { CursorFlag } from './chunk-3BYIWOTV.js';
|
|
4
3
|
import { presenceHueClass } from './chunk-I6POAB4V.js';
|
|
4
|
+
import { Tag } from './chunk-KYIAFNU7.js';
|
|
5
5
|
import { ChangeMark } from './chunk-66X5WDKE.js';
|
|
6
6
|
import { isEmptyValue, displayText, ratingMax, findPerson, findOption, statusTone, editText, textMax, sheetLabels, normalizeValue, sameValue, spokenText, drawnColumns, fitSamples, fittedWidth, columnWidth, SHEET_COLUMN_BOUNDS, sortRows, SHEET_ROW_HEIGHT, cellKey, columnOffsets, SHEET_ROW_NUMBER_WIDTH, rangeOf, presenceByCell, presenceByRow, presenceByColumn, scrollToRow, planClear, visibleRows, cellDescription, nextSort, rowName, inRange, hasPrevious, flagText, toTSV, planPaste, parseTSV, isMod, moveFrom, isTypingKey, editorSide, optionHue, parseText, liveOptions, checkValue } from './chunk-LFSIKGRQ.js';
|
|
7
7
|
import { presenceLabels } from './chunk-Z7JYG5TF.js';
|
|
@@ -9,10 +9,10 @@ import { Popover } from './chunk-KHJIEPZV.js';
|
|
|
9
9
|
import { Tooltip } from './chunk-I33UIUZD.js';
|
|
10
10
|
import { StatusDot } from './chunk-WIATRXEJ.js';
|
|
11
11
|
import { Avatar } from './chunk-PZKHBB7D.js';
|
|
12
|
-
import { Menu } from './chunk-
|
|
13
|
-
import { Button } from './chunk-
|
|
12
|
+
import { Menu } from './chunk-TKS7FTTO.js';
|
|
13
|
+
import { Button } from './chunk-HD4QJ2SI.js';
|
|
14
14
|
import { isComposing } from './chunk-H5XTJ7GJ.js';
|
|
15
|
-
import { IconButton } from './chunk-
|
|
15
|
+
import { IconButton } from './chunk-2BQYODY3.js';
|
|
16
16
|
import { VisuallyHidden } from './chunk-BZFWDIV6.js';
|
|
17
17
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
18
18
|
import './SheetGrid-XK7T7M34.css';
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { Tooltip } from './chunk-I33UIUZD.js';
|
|
2
|
-
import { SegmentedControl } from './chunk-
|
|
2
|
+
import { SegmentedControl } from './chunk-AWSFK2IK.js';
|
|
3
3
|
import { ArtifactIcon } from './chunk-AVL52EME.js';
|
|
4
|
-
import { Menu } from './chunk-TMM32U7D.js';
|
|
5
4
|
import { isApplePlatform, Kbd } from './chunk-SMBKXWML.js';
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
5
|
+
import { Menu } from './chunk-TKS7FTTO.js';
|
|
6
|
+
import { Button } from './chunk-HD4QJ2SI.js';
|
|
7
|
+
import { IconButton } from './chunk-2BQYODY3.js';
|
|
8
8
|
import { returnFocus } from './chunk-NUZHC6MM.js';
|
|
9
9
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
10
10
|
import './ArtifactKinds-O3CALPVX.css';
|
|
11
|
-
import './ArtifactBar-
|
|
11
|
+
import './ArtifactBar-LEBMR35Y.css';
|
|
12
12
|
import { useId, useState, useRef, useEffect } from 'react';
|
|
13
13
|
import { ChevronLeftGlyph, EllipsisGlyph, ChevronDownGlyph } from '@crewlethq/icons/glyphs';
|
|
14
14
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
@@ -36,6 +36,7 @@ function ArtifactBar({
|
|
|
36
36
|
kindTools = [],
|
|
37
37
|
tools = [],
|
|
38
38
|
menu = [],
|
|
39
|
+
end,
|
|
39
40
|
as = "header",
|
|
40
41
|
headingLevel = 1,
|
|
41
42
|
pending = false,
|
|
@@ -129,7 +130,8 @@ function ArtifactBar({
|
|
|
129
130
|
align: "end",
|
|
130
131
|
items: narrowMenu
|
|
131
132
|
}
|
|
132
|
-
) }) : null
|
|
133
|
+
) }) : null,
|
|
134
|
+
end ? /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-bar__trail", children: end }) : null
|
|
133
135
|
] })
|
|
134
136
|
] })
|
|
135
137
|
}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { Count } from './chunk-BHHIIK3M.js';
|
|
2
|
+
import { headingTag } from './chunk-PQADV6P6.js';
|
|
3
|
+
import { cx } from './chunk-ODEQTPFM.js';
|
|
4
|
+
import { ChevronDownGlyph } from '@crewlethq/icons/glyphs';
|
|
5
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
function DisclosureAnatomy({
|
|
8
|
+
open,
|
|
9
|
+
onToggle,
|
|
10
|
+
title,
|
|
11
|
+
meta,
|
|
12
|
+
count,
|
|
13
|
+
mono = false,
|
|
14
|
+
actions,
|
|
15
|
+
disabled = false,
|
|
16
|
+
icon,
|
|
17
|
+
expandable = true,
|
|
18
|
+
headingLevel,
|
|
19
|
+
triggerId,
|
|
20
|
+
panelId,
|
|
21
|
+
triggerClassName,
|
|
22
|
+
onKeyDown
|
|
23
|
+
}) {
|
|
24
|
+
const content = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
25
|
+
/* @__PURE__ */ jsx(
|
|
26
|
+
ChevronDownGlyph,
|
|
27
|
+
{
|
|
28
|
+
className: cx("crewlet-disclosure__chevron", !expandable && "crewlet-disclosure__chevron--reserved"),
|
|
29
|
+
size: "sm"
|
|
30
|
+
}
|
|
31
|
+
),
|
|
32
|
+
icon === void 0 ? null : /* @__PURE__ */ jsx("span", { className: "crewlet-disclosure__icon", "aria-hidden": "true", children: icon }),
|
|
33
|
+
/* @__PURE__ */ jsx("span", { className: cx("crewlet-disclosure__title", mono && "crewlet-disclosure__title--mono"), children: title }),
|
|
34
|
+
meta === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
35
|
+
" ",
|
|
36
|
+
/* @__PURE__ */ jsx("span", { className: "crewlet-disclosure__meta", children: meta })
|
|
37
|
+
] }),
|
|
38
|
+
count === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
39
|
+
" ",
|
|
40
|
+
/* @__PURE__ */ jsx(Count, { value: count })
|
|
41
|
+
] })
|
|
42
|
+
] });
|
|
43
|
+
const trigger = expandable ? /* @__PURE__ */ jsx(
|
|
44
|
+
"button",
|
|
45
|
+
{
|
|
46
|
+
type: "button",
|
|
47
|
+
id: triggerId,
|
|
48
|
+
className: cx("crewlet-disclosure__trigger", triggerClassName),
|
|
49
|
+
"aria-expanded": open,
|
|
50
|
+
"aria-controls": panelId,
|
|
51
|
+
disabled,
|
|
52
|
+
onClick: onToggle,
|
|
53
|
+
onKeyDown,
|
|
54
|
+
children: content
|
|
55
|
+
}
|
|
56
|
+
) : /* @__PURE__ */ jsx("span", { id: triggerId, className: cx("crewlet-disclosure__trigger", "crewlet-disclosure__trigger--static", triggerClassName), children: content });
|
|
57
|
+
const Heading = headingLevel === "none" ? null : headingTag(headingLevel);
|
|
58
|
+
return /* @__PURE__ */ jsxs("div", { className: "crewlet-disclosure__bar", children: [
|
|
59
|
+
Heading === null ? trigger : /* @__PURE__ */ jsx(Heading, { className: "crewlet-disclosure__heading", children: trigger }),
|
|
60
|
+
actions === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "crewlet-disclosure__actions", children: actions })
|
|
61
|
+
] });
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
export { DisclosureAnatomy };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
import { Button } from './chunk-HD4QJ2SI.js';
|
|
1
2
|
import { useLayerContainer, viewportBounds, LAYER_GAP, anchorGone, placePopup, LAYER_REPOSITION_EVENT } from './chunk-OMV5W53A.js';
|
|
2
|
-
import { Button } from './chunk-OG6CL3EB.js';
|
|
3
3
|
import { usePopupLayer } from './chunk-H5XTJ7GJ.js';
|
|
4
|
-
import { IconButton } from './chunk-
|
|
4
|
+
import { IconButton } from './chunk-2BQYODY3.js';
|
|
5
5
|
import { returnFocus } from './chunk-NUZHC6MM.js';
|
|
6
6
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
7
7
|
import './Menu-KEKAD3BZ.css';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
|
|
2
|
+
import { Input } from './chunk-FXQLNETQ.js';
|
|
2
3
|
import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
|
|
3
|
-
import { Input } from './chunk-XANKR3EP.js';
|
|
4
4
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
5
5
|
import './HitArea-QUOS6ZDJ.css';
|
|
6
6
|
import './Combobox-GBCWXWEB.css';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SlideStage } from './chunk-RMEBFYL7.js';
|
|
2
|
-
import { Button } from './chunk-
|
|
2
|
+
import { Button } from './chunk-HD4QJ2SI.js';
|
|
3
3
|
import { VisuallyHidden } from './chunk-BZFWDIV6.js';
|
|
4
4
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
5
5
|
import './SlideCompare-HTCMPQFY.css';
|