@crewlethq/ui 0.31.1 → 0.33.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 +151 -5
- package/dist/AccessDeniedCard/AccessDeniedCard.d.ts +5 -0
- package/dist/AccessDeniedCard/index.js +1 -5
- package/dist/AccessDeniedCard-QVNDMT46.css +8 -0
- package/dist/AppShell/index.js +4 -4
- package/dist/{AppShell-GCM4TDVY.css → AppShell-JTSEOA57.css} +3 -1
- package/dist/ArrangeGroup/ArrangeGroup.d.ts +16 -1
- package/dist/ArrangeGroup/index.d.ts +1 -1
- package/dist/ArrangeGroup/index.js +1 -1
- package/dist/{ArrangeGroup-GY5YMP6E.css → ArrangeGroup-KRWWOJKR.css} +43 -0
- package/dist/ArrangeList/index.js +2 -2
- package/dist/ArtifactBar/index.js +12 -12
- package/dist/{ArtifactBar-MLMJHWY6.css → ArtifactBar-C462VD4C.css} +8 -3
- package/dist/ArtifactCard/ArtifactCard.d.ts +19 -1
- package/dist/ArtifactCard/index.d.ts +1 -1
- package/dist/ArtifactCard/index.js +4 -4
- package/dist/{ArtifactCard-EXVAEBV6.css → ArtifactCard-AS5Z4CVI.css} +17 -2
- package/dist/ArtifactCover/index.js +6 -6
- package/dist/ArtifactIcon/index.js +5 -5
- package/dist/ArtifactPanel/ArtifactPanel.d.ts +6 -2
- package/dist/ArtifactPanel/index.js +1 -1
- package/dist/{ArtifactPanel-YFXT5O77.css → ArtifactPanel-HW3SU7CP.css} +25 -7
- package/dist/Avatar/Avatar.d.ts +6 -4
- package/dist/Avatar/index.js +2 -2
- package/dist/AvatarPicker/index.js +8 -8
- package/dist/Callout/index.js +1 -1
- package/dist/{Callout-SXXK4B5R.css → Callout-ZAVG3P66.css} +46 -6
- package/dist/Canvas/Canvas.d.ts +81 -4
- package/dist/Canvas/ShortcutTip.d.ts +22 -0
- package/dist/Canvas/geometry.d.ts +13 -3
- package/dist/Canvas/index.d.ts +4 -2
- package/dist/Canvas/index.js +5 -3
- package/dist/{Canvas-YVXHMWLN.css → Canvas-VUG2HLZK.css} +62 -3
- package/dist/CanvasBoard/CanvasBoard.d.ts +110 -12
- package/dist/CanvasBoard/budget.d.ts +9 -3
- package/dist/CanvasBoard/index.d.ts +2 -2
- package/dist/CanvasBoard/index.js +9 -5
- package/dist/CanvasBoard-5NNSKY6A.css +462 -0
- package/dist/CanvasToolbar/CanvasToolbar.d.ts +48 -0
- package/dist/CanvasToolbar/index.d.ts +3 -0
- package/dist/CanvasToolbar/index.js +12 -0
- package/dist/CanvasToolbar-EM5EVZED.css +34 -0
- package/dist/ChangeMark/index.js +4 -4
- package/dist/CharacterPicker/index.js +2 -2
- package/dist/Charts/ActivityStrip.d.ts +16 -1
- package/dist/Charts/BarList.d.ts +6 -0
- package/dist/Charts/ChartEmpty.d.ts +33 -0
- package/dist/Charts/Legend.d.ts +6 -0
- package/dist/Charts/StackedBar.d.ts +4 -1
- package/dist/Charts/StackedColumns.d.ts +14 -3
- package/dist/Charts/TimeSeries.d.ts +11 -1
- package/dist/Charts/index.d.ts +2 -0
- package/dist/Charts/index.js +1 -1
- package/dist/{Charts-RY4JN5FC.css → Charts-MBJG72BS.css} +140 -16
- package/dist/Checkbox/index.js +1 -1
- package/dist/{Checkbox-5UORUG3F.css → Checkbox-ALWG3WV2.css} +11 -0
- package/dist/CommandPalette/index.js +3 -3
- package/dist/{CommandPalette-HBTNKHZQ.css → CommandPalette-7CFGVBND.css} +4 -0
- package/dist/CommentThread/index.js +5 -5
- package/dist/Container/index.js +1 -1
- package/dist/{Container-3TSKMGNI.css → Container-34BAKG7B.css} +3 -1
- package/dist/{DashboardCover-RMINBODB.css → DashboardCover-KYGYMRKW.css} +42 -9
- package/dist/DataTable/index.js +5 -5
- package/dist/{DataTable-WZK3V62B.css → DataTable-NL2YWAIA.css} +4 -1
- package/dist/DataView/index.js +9 -9
- package/dist/DateTimePicker/index.js +3 -3
- package/dist/DocTabsEditor/DocTabsEditor.d.ts +34 -21
- package/dist/DocTabsEditor/index.js +4 -1
- package/dist/DocTabsEditor-4M452LNS.css +189 -0
- package/dist/Document/Document.d.ts +18 -1
- package/dist/Document/index.d.ts +2 -2
- package/dist/Document/index.js +1 -1
- package/dist/{Document-G3YTZIUL.css → Document-JUGCSQ4L.css} +78 -5
- package/dist/EditingStatus/index.js +1 -1
- package/dist/{EditingStatus-L6THUAN7.css → EditingStatus-NNA2CKIL.css} +17 -4
- package/dist/{Editor-YZ7KG2RD.js → Editor-UUZ7XKCU.js} +5 -5
- package/dist/EntityChip/index.js +3 -3
- package/dist/FactList/index.js +3 -3
- package/dist/FollowBanner/index.js +3 -3
- package/dist/Fullscreen/index.d.ts +1 -0
- package/dist/Fullscreen/index.js +1 -1
- package/dist/Fullscreen/useIdle.d.ts +16 -0
- package/dist/HuePicker/index.js +3 -3
- package/dist/ImageUpload/index.js +3 -3
- package/dist/Layer/index.d.ts +1 -1
- package/dist/Layer/index.js +1 -1
- package/dist/Layer/place.d.ts +18 -0
- package/dist/LayersList/LayersList.d.ts +57 -0
- package/dist/LayersList/index.d.ts +3 -0
- package/dist/LayersList/index.js +3 -0
- package/dist/LayersList-NQZEIPZB.css +82 -0
- package/dist/LinkInterstitial/index.js +4 -4
- package/dist/ListInput/index.js +1 -1
- package/dist/Markdown/index.js +1 -1
- package/dist/MarkdownEditor/index.js +5 -5
- package/dist/MediaMatch/index.d.ts +1 -0
- package/dist/MediaMatch/index.js +1 -0
- package/dist/MediaMatch/useMediaMatch.d.ts +19 -0
- package/dist/Menu/index.js +2 -2
- package/dist/MergeConflicts/index.js +4 -4
- package/dist/Modal/index.js +2 -2
- package/dist/{Modal-XOSV6FAH.css → Modal-7MWRCWAI.css} +30 -0
- package/dist/Note/index.js +1 -1
- package/dist/{Note-ONSKKTOA.css → Note-WI5MLZOO.css} +13 -0
- package/dist/OrgLabel/index.js +3 -3
- package/dist/OrgNode/index.js +4 -4
- package/dist/OrgTable/index.js +7 -7
- package/dist/PeopleRail/index.js +3 -3
- package/dist/Popover/index.js +2 -2
- package/dist/PresenceStack/index.js +3 -3
- package/dist/{PresenceStack-QSXQJND5.css → PresenceStack-FJJQVH74.css} +11 -3
- package/dist/PresenterView/PresenterView.d.ts +3 -0
- package/dist/PresenterView/index.js +5 -3
- package/dist/PresenterView-T3EXIQ5S.css +147 -0
- package/dist/Principal/index.js +3 -3
- package/dist/PrincipalPicker/index.js +4 -4
- package/dist/RichEditor/index.js +5 -5
- package/dist/RichEditor/schema.d.ts +1 -1
- package/dist/RichEditorMarkdown/index.js +3 -3
- package/dist/SandboxedFrame/SandboxedFrame.d.ts +44 -2
- package/dist/SandboxedFrame/index.d.ts +2 -2
- package/dist/SandboxedFrame/index.js +3 -3
- package/dist/SandboxedFrame-P5NASXB7.css +72 -0
- package/dist/Section/index.js +1 -1
- package/dist/{Section-QR3ILQVK.css → Section-O5AHGSOG.css} +28 -5
- package/dist/SegmentedControl/index.js +3 -3
- package/dist/Select/index.js +2 -2
- package/dist/ShareDialog/ShareDialog.d.ts +10 -0
- package/dist/ShareDialog/index.js +9 -9
- package/dist/{ShareDialog-YZ4F37MW.css → ShareDialog-4QDCBWMH.css} +12 -0
- package/dist/SheetGrid/SheetGrid.d.ts +3 -1
- package/dist/SheetGrid/index.js +10 -10
- package/dist/{SheetGrid-J3TKKXZL.css → SheetGrid-AKPUCK67.css} +106 -7
- package/dist/SheetModel/fit.d.ts +34 -0
- package/dist/SheetModel/index.d.ts +1 -0
- package/dist/SheetModel/index.js +1 -1
- package/dist/Shortcut/index.js +1 -1
- package/dist/Skeleton/Skeleton.d.ts +2 -1
- package/dist/Skeleton/index.js +1 -1
- package/dist/SlideCompare/SlideCompare.d.ts +6 -1
- package/dist/SlideCompare/index.js +3 -3
- package/dist/{SlideCompare-MGM3U2ME.css → SlideCompare-HTCMPQFY.css} +36 -3
- package/dist/SlideFilmstrip/SlideFilmstrip.d.ts +14 -3
- package/dist/SlideFilmstrip/index.js +3 -3
- package/dist/{SlideFilmstrip-BCLNAHFX.css → SlideFilmstrip-5U6Z55GS.css} +63 -2
- package/dist/SlideGrid/index.js +3 -3
- package/dist/{SlideGrid-RT6QEQEE.css → SlideGrid-S4LTJ4UU.css} +9 -5
- package/dist/SlideNav/SlideNav.d.ts +49 -0
- package/dist/SlideNav/index.d.ts +3 -0
- package/dist/SlideNav/index.js +4 -0
- package/dist/SlideNav-BLFJF6AH.css +53 -0
- package/dist/SlideStage/SlideStage.d.ts +14 -1
- package/dist/SlideStage/index.js +2 -2
- package/dist/{SlideStage-KGRRALXR.css → SlideStage-S2FISF4C.css} +23 -0
- package/dist/StatCard/StatCard.d.ts +16 -1
- package/dist/StatCard/index.js +1 -1
- package/dist/{StatCard-KPAFD4E2.css → StatCard-4T7TMWMN.css} +40 -13
- package/dist/Switcher/index.js +6 -6
- package/dist/TableCells/index.js +3 -3
- package/dist/Tabs/Tabs.d.ts +21 -4
- package/dist/Tabs/index.js +1 -1
- package/dist/{Tabs-CJGO35BH.css → Tabs-MMZXV5EF.css} +9 -8
- package/dist/TagsInput/index.js +1 -1
- package/dist/ThemeSwitcher/index.js +4 -4
- package/dist/TimeWindowPicker/index.js +4 -4
- package/dist/Toaster/index.js +2 -2
- package/dist/{Toaster-EOOOTSJT.css → Toaster-C6BQ7L6I.css} +10 -1
- package/dist/Toolbar/index.js +1 -1
- package/dist/Tooltip/index.js +2 -2
- package/dist/TreeCanvas/index.js +6 -4
- package/dist/TreeGrid/index.js +3 -3
- package/dist/VersionCompare/index.js +4 -4
- package/dist/VersionTimeline/index.js +4 -4
- package/dist/WidgetFrame/WidgetFrame.d.ts +8 -1
- package/dist/WidgetFrame/index.js +2 -2
- package/dist/{WidgetFrame-LRZIL62O.css → WidgetFrame-BTFW3CRK.css} +49 -5
- package/dist/{chunk-OJ45PPCV.js → chunk-22UEIXZE.js} +127 -32
- package/dist/{chunk-UZ6MA2V6.js → chunk-2DHMVB5J.js} +2 -2
- package/dist/{chunk-WJDQ7XQA.js → chunk-2QEDJSJC.js} +1 -1
- package/dist/{chunk-2HIOJ4YZ.js → chunk-3EB2AV3H.js} +2 -3
- package/dist/{chunk-ODT5H4MN.js → chunk-3LYWD3BO.js} +2 -2
- package/dist/{chunk-FAQGGX2Z.js → chunk-3TFDQLW3.js} +1 -1
- package/dist/{chunk-VYDFB6PJ.js → chunk-3U7S6ZUN.js} +50 -17
- package/dist/{chunk-A4E5YLXO.js → chunk-4B6LSFDS.js} +1 -1
- package/dist/{chunk-S6VG5ZFZ.js → chunk-4IJS5CPF.js} +1 -1
- package/dist/{chunk-UAN5NE7M.js → chunk-5AQBPHZD.js} +1 -1
- package/dist/{chunk-QWOPX2MN.js → chunk-5FYPE5GL.js} +2 -3
- package/dist/{chunk-CJKMURZO.js → chunk-5SZGKSGL.js} +1 -1
- package/dist/chunk-6VOS2GMB.js +54 -0
- package/dist/{chunk-RODMM35O.js → chunk-7Q7WDXHG.js} +5 -5
- package/dist/{chunk-JI5AVQLA.js → chunk-7WHDPLVJ.js} +1 -1
- package/dist/{chunk-QH3AKP2N.js → chunk-AC22RZKC.js} +2 -2
- package/dist/{chunk-ZITJKF6Z.js → chunk-AYB6AYNH.js} +1 -1
- package/dist/{chunk-Y5NQ2LMS.js → chunk-BY4N65PM.js} +1 -1
- package/dist/{chunk-YFW4MTK4.js → chunk-C7DKX453.js} +1 -1
- package/dist/{chunk-RCQXUT5K.js → chunk-CCAXYHQS.js} +1 -1
- package/dist/{chunk-4KP4RC3O.js → chunk-CI3VPIJN.js} +1 -1
- package/dist/{chunk-7T42VQQT.js → chunk-CPEPST4S.js} +1 -1
- package/dist/{chunk-AAOH2P6Y.js → chunk-DFK5EQTU.js} +5 -3
- package/dist/{chunk-GOSQXEZU.js → chunk-DFZMYB5X.js} +16 -10
- package/dist/{chunk-TGYDROIB.js → chunk-EBCHVFCS.js} +4 -4
- package/dist/{chunk-YDBC4DNW.js → chunk-FWYHRU7M.js} +1 -1
- package/dist/{chunk-CT4EZF62.js → chunk-G4ZW7A2W.js} +125 -33
- package/dist/chunk-GLSOD5Z4.js +33 -0
- package/dist/{chunk-LIXSV5YI.js → chunk-GPHWCK7M.js} +1 -1
- package/dist/{chunk-UQHKFF2N.js → chunk-GPWJCP3U.js} +1 -1
- package/dist/{chunk-77DRMDXR.js → chunk-HG5VF3TZ.js} +192 -67
- package/dist/{chunk-4JUKWWUD.js → chunk-HH2GKAAE.js} +1 -1
- package/dist/{chunk-QVE4GJAT.js → chunk-HJO4WCH6.js} +1 -1
- package/dist/{chunk-I3BSQUKN.js → chunk-HUVG2FFT.js} +1 -1
- package/dist/{chunk-3C3BRIMY.js → chunk-ILAEBSLJ.js} +3 -3
- package/dist/{chunk-GR55WT4R.js → chunk-IYO2N5ZH.js} +2 -2
- package/dist/{chunk-RWA4H2TV.js → chunk-J6ON5SYE.js} +1 -1
- package/dist/{chunk-NHBP2XS5.js → chunk-J6ZSH3F5.js} +49 -1
- package/dist/{chunk-AMNN4WDX.js → chunk-JBUMD6DS.js} +2 -2
- package/dist/{chunk-BWRGFKJP.js → chunk-K3IJQNB7.js} +2 -3
- package/dist/{chunk-LFNUH4GY.js → chunk-K4VP6ZKE.js} +1 -1
- package/dist/{chunk-ZR5VN5IV.js → chunk-KD2IRYCT.js} +2 -2
- package/dist/{chunk-SKOYC2CF.js → chunk-KK5OYNAF.js} +2 -1
- package/dist/{chunk-UB7TJEKZ.js → chunk-KV3ODJXH.js} +6 -7
- package/dist/chunk-LL5AFXU7.js +96 -0
- package/dist/{chunk-VYOKRN2I.js → chunk-LM3ISVJA.js} +1 -1
- package/dist/{chunk-O63MWA4G.js → chunk-LV4APO72.js} +10 -3
- package/dist/{chunk-B4EBHPK3.js → chunk-M5KZX5JE.js} +9 -2
- package/dist/{chunk-JODJS7MR.js → chunk-MDNVHIB2.js} +276 -47
- package/dist/{chunk-VOX3YRFO.js → chunk-MTMKIUWF.js} +4 -4
- package/dist/{chunk-HVNTQ36V.js → chunk-O37AQNLK.js} +4 -4
- package/dist/{chunk-HMPFGIWM.js → chunk-OMV5W53A.js} +10 -1
- package/dist/chunk-ONL54WMH.js +55 -0
- package/dist/{chunk-AKEZ3G5V.js → chunk-ONQKKHON.js} +1 -1
- package/dist/{chunk-LZHLSQYK.js → chunk-OOWPSBIS.js} +2 -2
- package/dist/{chunk-JQLTG4KH.js → chunk-ORT5IKHP.js} +62 -51
- package/dist/{chunk-4KWOKX2B.js → chunk-OSKJZNBT.js} +1 -1
- package/dist/{chunk-EHQTPVV4.js → chunk-PLTCDSTU.js} +1 -1
- package/dist/{chunk-5OM447RW.js → chunk-PZKHBB7D.js} +1 -1
- package/dist/{chunk-VEB5ERRE.js → chunk-QWNVSR6G.js} +2 -2
- package/dist/{chunk-IG75YMUN.js → chunk-RTPQDNW3.js} +1 -1
- package/dist/{chunk-SVSCLHHI.js → chunk-SZZRIHGT.js} +1 -1
- package/dist/{chunk-EBNI36UQ.js → chunk-T46NR3WP.js} +3 -3
- package/dist/{chunk-FPS3JIPQ.js → chunk-TC7DJTXI.js} +1 -1
- package/dist/{chunk-W5J7R5EB.js → chunk-TEUQWOWZ.js} +1 -1
- package/dist/chunk-THROPJZC.js +115 -0
- package/dist/{chunk-IDBHX5SR.js → chunk-TRQCHF2F.js} +1 -1
- package/dist/{chunk-M3LUNN7F.js → chunk-TYKQ33CL.js} +13 -2
- package/dist/{chunk-VVRL27HM.js → chunk-ULPL26BU.js} +2 -2
- package/dist/{chunk-6AH2XJ3Q.js → chunk-UNXLTJU7.js} +3 -3
- package/dist/{chunk-FC4YTTFJ.js → chunk-UQGFHNDI.js} +2 -3
- package/dist/{chunk-EBJREOKS.js → chunk-UXXJDIYE.js} +4 -4
- package/dist/{chunk-5LUI3WQP.js → chunk-V43UVX4H.js} +1 -1
- package/dist/{chunk-W4XYY73O.js → chunk-VHZ3AXJD.js} +1 -1
- package/dist/{chunk-HJEVSQN6.js → chunk-VL6CUNSX.js} +11 -5
- package/dist/{chunk-XDTYBF2F.js → chunk-W5XCNEZC.js} +39 -1
- package/dist/{chunk-LDJ3J4TQ.js → chunk-WGD2HX2A.js} +1 -1
- package/dist/{chunk-FQCLKD7U.js → chunk-WKEPORNM.js} +1 -1
- package/dist/{chunk-I3KKZ2O3.js → chunk-XEGZHHRH.js} +45 -36
- package/dist/{chunk-IKB6HFGK.js → chunk-XO7PUL4F.js} +6 -4
- package/dist/chunk-XV32RKQZ.js +142 -0
- package/dist/{chunk-TBMDMXEX.js → chunk-YA3AWELW.js} +1 -1
- package/dist/{chunk-HVIX5ECM.js → chunk-YEVG2X5R.js} +1 -1
- package/dist/chunk-YZFLH463.js +215 -0
- package/dist/{chunk-P4BOXB6E.js → chunk-Z6GFMI2Z.js} +6 -7
- package/dist/{chunk-YEKYVJQR.js → chunk-ZNBLFCQS.js} +2 -2
- package/dist/generated/index.d.ts +4 -0
- package/dist/generated/index.js +107 -104
- package/dist/index.js +107 -104
- package/dist/styles.css +1648 -235
- package/package.json +3 -3
- package/dist/AccessDeniedCard-WXM5DBDZ.css +0 -8
- package/dist/CanvasBoard-ZLPDINSM.css +0 -236
- package/dist/DocTabsEditor-RCOWHX5J.css +0 -78
- package/dist/PresenterView-T2C6ZZ3N.css +0 -103
- package/dist/SandboxedFrame-L6HBQZCD.css +0 -50
- package/dist/chunk-ALMSY7RL.js +0 -74
- package/dist/chunk-LR5QTFOE.js +0 -105
- package/dist/chunk-OGAAHVF6.js +0 -107
- package/dist/chunk-UZ7ZUSLH.js +0 -179
- package/dist/utils/useMediaMatch.d.ts +0 -12
- /package/dist/{chunk-OC46246T.js → chunk-2JJIN6JN.js} +0 -0
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { HeadingLevelProvider } from './chunk-PQADV6P6.js';
|
|
2
|
-
import { useLayerContainer } from './chunk-
|
|
2
|
+
import { useLayerContainer } from './chunk-OMV5W53A.js';
|
|
3
3
|
import { focusables, useModalLayer, useBodyScrollLock } from './chunk-R25RGPUB.js';
|
|
4
4
|
import { Button } from './chunk-OG6CL3EB.js';
|
|
5
5
|
import { IconButton } from './chunk-4FQT6ZAY.js';
|
|
6
6
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
7
|
-
import './Modal-
|
|
7
|
+
import './Modal-7MWRCWAI.css';
|
|
8
8
|
import { useId, useRef, useCallback } from 'react';
|
|
9
9
|
import { createPortal } from 'react-dom';
|
|
10
10
|
import { ChevronLeftGlyph, XGlyph } from '@crewlethq/icons/glyphs';
|
|
@@ -104,40 +104,49 @@ function ModalFrame({
|
|
|
104
104
|
};
|
|
105
105
|
const closes = banded && showCloseButton;
|
|
106
106
|
const content = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
107
|
-
banded && (given(title) || given(subtitle) || given(headerActions) || closes || onBack) ? /* @__PURE__ */ jsxs(
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
107
|
+
banded && (given(title) || given(subtitle) || given(headerActions) || closes || onBack) ? /* @__PURE__ */ jsxs(
|
|
108
|
+
"div",
|
|
109
|
+
{
|
|
110
|
+
className: cx(
|
|
111
|
+
"crewlet-modal__header",
|
|
112
|
+
sheet ? "crewlet-modal__header--sheet" : given(subtitle) ? "crewlet-modal__header--subtitled" : void 0
|
|
113
|
+
),
|
|
114
|
+
children: [
|
|
115
|
+
onBack ? /* @__PURE__ */ jsx(
|
|
116
|
+
IconButton,
|
|
117
|
+
{
|
|
118
|
+
className: "crewlet-modal__back",
|
|
119
|
+
label: backLabel,
|
|
120
|
+
icon: /* @__PURE__ */ jsx(ChevronLeftGlyph, { size: "md" }),
|
|
121
|
+
onClick: onBack
|
|
122
|
+
}
|
|
123
|
+
) : null,
|
|
124
|
+
given(icon) ? /* @__PURE__ */ jsx("span", { className: "crewlet-modal__icon", "aria-hidden": "true", children: icon }) : null,
|
|
125
|
+
/* @__PURE__ */ jsxs("div", { className: "crewlet-modal__heading", children: [
|
|
126
|
+
given(title) ? /* @__PURE__ */ jsx(
|
|
127
|
+
"p",
|
|
128
|
+
{
|
|
129
|
+
className: cx("crewlet-modal__title", sheet ? "crewlet-modal__title--sheet" : void 0),
|
|
130
|
+
id: titleId,
|
|
131
|
+
children: title
|
|
132
|
+
}
|
|
133
|
+
) : null,
|
|
134
|
+
given(subtitle) ? /* @__PURE__ */ jsx("p", { className: "crewlet-modal__subtitle", id: subtitleId, children: subtitle }) : null
|
|
135
|
+
] }),
|
|
136
|
+
given(headerActions) ? /* @__PURE__ */ jsx("div", { className: "crewlet-modal__actions", children: headerActions }) : null,
|
|
137
|
+
closes ? /* @__PURE__ */ jsx(
|
|
138
|
+
IconButton,
|
|
139
|
+
{
|
|
140
|
+
className: "crewlet-modal__close",
|
|
141
|
+
label: closeLabel,
|
|
142
|
+
icon: /* @__PURE__ */ jsx(XGlyph, { size: "md" }),
|
|
143
|
+
onClick: onClose,
|
|
144
|
+
disabledReason: dismissable ? void 0 : closeDisabledReason
|
|
145
|
+
}
|
|
146
|
+
) : null
|
|
147
|
+
]
|
|
148
|
+
}
|
|
149
|
+
) : null,
|
|
141
150
|
given(children) || prompt && given(title) ? /* @__PURE__ */ jsxs(
|
|
142
151
|
"div",
|
|
143
152
|
{
|
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
import { VisuallyHidden } from './chunk-BZFWDIV6.js';
|
|
2
2
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
3
|
-
import './StatCard-
|
|
3
|
+
import './StatCard-4T7TMWMN.css';
|
|
4
4
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
5
5
|
|
|
6
6
|
var StatCard = ({
|
|
7
7
|
label,
|
|
8
|
+
hideLabel = false,
|
|
8
9
|
value,
|
|
9
10
|
unit,
|
|
10
11
|
sub,
|
|
11
12
|
subTone = "neutral",
|
|
12
13
|
delta,
|
|
13
14
|
trend,
|
|
15
|
+
trendPlacement = "end",
|
|
14
16
|
icon,
|
|
15
17
|
tone = "neutral",
|
|
16
18
|
loading = false,
|
|
@@ -28,16 +30,16 @@ var StatCard = ({
|
|
|
28
30
|
className: cx("crewlet-statcard", `crewlet-statcard--${tone}`, flush && "crewlet-statcard--flush", className),
|
|
29
31
|
"aria-busy": loading || void 0,
|
|
30
32
|
children: [
|
|
31
|
-
/* @__PURE__ */ jsxs("div", { className: "crewlet-statcard__label", children: [
|
|
33
|
+
hideLabel ? /* @__PURE__ */ jsx(VisuallyHidden, { children: label }) : /* @__PURE__ */ jsxs("div", { className: "crewlet-statcard__label", children: [
|
|
32
34
|
icon ? /* @__PURE__ */ jsx("span", { className: "crewlet-statcard__icon", "aria-hidden": true, children: icon }) : null,
|
|
33
35
|
label
|
|
34
36
|
] }),
|
|
35
|
-
/* @__PURE__ */ jsxs("div", { className: "crewlet-statcard__reading", children: [
|
|
37
|
+
/* @__PURE__ */ jsxs("div", { className: cx("crewlet-statcard__reading", trendPlacement === "below" && "crewlet-statcard__reading--below"), children: [
|
|
36
38
|
/* @__PURE__ */ jsx("div", { className: "crewlet-statcard__value", children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
37
39
|
/* @__PURE__ */ jsx("span", { className: "crewlet-statcard__placeholder", "aria-hidden": true }),
|
|
38
40
|
/* @__PURE__ */ jsx(VisuallyHidden, { children: loadingLabel })
|
|
39
41
|
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
40
|
-
value,
|
|
42
|
+
/* @__PURE__ */ jsx("span", { className: "crewlet-statcard__number", children: value }),
|
|
41
43
|
unit ? /* @__PURE__ */ jsx("span", { className: "crewlet-statcard__unit", children: unit }) : null
|
|
42
44
|
] }) }),
|
|
43
45
|
trend && !loading ? /* @__PURE__ */ jsx("div", { className: "crewlet-statcard__trend", children: trend }) : null
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
import { SlideStage } from './chunk-LV4APO72.js';
|
|
2
|
+
import { useReorder } from './chunk-XJ2QEBMM.js';
|
|
3
|
+
import { VisuallyHidden } from './chunk-BZFWDIV6.js';
|
|
4
|
+
import { cx } from './chunk-ODEQTPFM.js';
|
|
5
|
+
import './SlideFilmstrip-5U6Z55GS.css';
|
|
6
|
+
import { useRef, useLayoutEffect } from 'react';
|
|
7
|
+
import { EyeOffGlyph, GripVerticalGlyph } from '@crewlethq/icons/glyphs';
|
|
8
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
9
|
+
|
|
10
|
+
var LABELS = {
|
|
11
|
+
list: "Slides",
|
|
12
|
+
slide: (position, title) => `Slide ${position}, ${title}`,
|
|
13
|
+
hidden: "Hidden when presenting",
|
|
14
|
+
untitled: "Untitled"
|
|
15
|
+
};
|
|
16
|
+
var STEP_KEYS = {
|
|
17
|
+
vertical: { back: "ArrowUp", forward: "ArrowDown" },
|
|
18
|
+
horizontal: { back: "ArrowLeft", forward: "ArrowRight" }
|
|
19
|
+
};
|
|
20
|
+
function SlideFilmstrip({
|
|
21
|
+
slides,
|
|
22
|
+
selected,
|
|
23
|
+
onSelect,
|
|
24
|
+
renderSlide,
|
|
25
|
+
onReorder,
|
|
26
|
+
orientation = "vertical",
|
|
27
|
+
className,
|
|
28
|
+
labels
|
|
29
|
+
}) {
|
|
30
|
+
const text = { ...LABELS, ...labels };
|
|
31
|
+
const ids = slides.map((s) => s.id);
|
|
32
|
+
const byId = new Map(slides.map((s) => [s.id, s]));
|
|
33
|
+
const titleOf = (id) => byId.get(id)?.title || text.untitled;
|
|
34
|
+
const reorder = useReorder({
|
|
35
|
+
keys: ids,
|
|
36
|
+
onReorder: (next) => onReorder?.(next),
|
|
37
|
+
nameOf: (id) => text.slide(ids.indexOf(id) + 1, titleOf(id)),
|
|
38
|
+
// A ROW IS A ONE-LINE GRID to the reorder: its items are side by side, so
|
|
39
|
+
// a drop lands by the pointer's half across, and Left and Right move too.
|
|
40
|
+
axis: orientation === "vertical" ? "vertical" : "grid"
|
|
41
|
+
});
|
|
42
|
+
const order = onReorder ? reorder.order : ids;
|
|
43
|
+
const options = useRef(/* @__PURE__ */ new Map());
|
|
44
|
+
const root = useRef(null);
|
|
45
|
+
useLayoutEffect(() => {
|
|
46
|
+
const port = root.current;
|
|
47
|
+
const item = options.current.get(selected)?.closest("li");
|
|
48
|
+
if (!port || !item) return;
|
|
49
|
+
scrollIntoPort(port, item, orientation);
|
|
50
|
+
}, [selected, orientation]);
|
|
51
|
+
const go = (id) => {
|
|
52
|
+
if (!id) return;
|
|
53
|
+
onSelect(id);
|
|
54
|
+
options.current.get(id)?.focus();
|
|
55
|
+
};
|
|
56
|
+
const onKeyDown = (event) => {
|
|
57
|
+
const at = order.indexOf(selected);
|
|
58
|
+
const step = STEP_KEYS[orientation];
|
|
59
|
+
const to = {
|
|
60
|
+
[step.forward]: order[at + 1],
|
|
61
|
+
[step.back]: order[at - 1],
|
|
62
|
+
Home: order[0],
|
|
63
|
+
End: order[order.length - 1]
|
|
64
|
+
}[event.key];
|
|
65
|
+
if (to === void 0) return;
|
|
66
|
+
event.preventDefault();
|
|
67
|
+
go(to);
|
|
68
|
+
};
|
|
69
|
+
return /* @__PURE__ */ jsxs(
|
|
70
|
+
"div",
|
|
71
|
+
{
|
|
72
|
+
ref: root,
|
|
73
|
+
className: cx("crewlet-slide-filmstrip", `crewlet-slide-filmstrip--${orientation}`, className),
|
|
74
|
+
children: [
|
|
75
|
+
onReorder ? /* @__PURE__ */ jsx(VisuallyHidden, { id: reorder.hintId, children: reorder.hint }) : null,
|
|
76
|
+
/* @__PURE__ */ jsx(
|
|
77
|
+
"ol",
|
|
78
|
+
{
|
|
79
|
+
className: "crewlet-slide-filmstrip__list",
|
|
80
|
+
"aria-label": text.list,
|
|
81
|
+
...onReorder ? reorder.containerProps : {},
|
|
82
|
+
children: order.map((id, i) => {
|
|
83
|
+
const slide = byId.get(id);
|
|
84
|
+
const isSelected = id === selected;
|
|
85
|
+
return /* @__PURE__ */ jsxs(
|
|
86
|
+
"li",
|
|
87
|
+
{
|
|
88
|
+
className: "crewlet-slide-filmstrip__item",
|
|
89
|
+
"data-selected": isSelected ? "true" : void 0,
|
|
90
|
+
"data-hidden": slide?.hidden ? "true" : void 0,
|
|
91
|
+
...onReorder ? reorder.itemProps(id) : {},
|
|
92
|
+
children: [
|
|
93
|
+
/* @__PURE__ */ jsx("span", { className: "crewlet-slide-filmstrip__number", "aria-hidden": "true", children: i + 1 }),
|
|
94
|
+
/* @__PURE__ */ jsxs(
|
|
95
|
+
"button",
|
|
96
|
+
{
|
|
97
|
+
type: "button",
|
|
98
|
+
ref: (node) => {
|
|
99
|
+
if (node) options.current.set(id, node);
|
|
100
|
+
else options.current.delete(id);
|
|
101
|
+
},
|
|
102
|
+
className: "crewlet-slide-filmstrip__thumb",
|
|
103
|
+
"aria-current": isSelected ? "true" : void 0,
|
|
104
|
+
"aria-label": text.slide(i + 1, titleOf(id)) + (slide?.hidden ? `, ${text.hidden}` : ""),
|
|
105
|
+
tabIndex: isSelected ? 0 : -1,
|
|
106
|
+
onClick: () => go(id),
|
|
107
|
+
onKeyDown,
|
|
108
|
+
children: [
|
|
109
|
+
/* @__PURE__ */ jsx(SlideStage, { label: text.slide(i + 1, titleOf(id)), children: renderSlide(id) }),
|
|
110
|
+
slide?.hidden ? /* @__PURE__ */ jsx("span", { className: "crewlet-slide-filmstrip__hidden", children: /* @__PURE__ */ jsx(EyeOffGlyph, { size: "sm" }) }) : null
|
|
111
|
+
]
|
|
112
|
+
}
|
|
113
|
+
),
|
|
114
|
+
onReorder ? /* @__PURE__ */ jsx("button", { type: "button", className: "crewlet-slide-filmstrip__handle", ...reorder.handleProps(id), children: /* @__PURE__ */ jsx(GripVerticalGlyph, { size: "sm" }) }) : null
|
|
115
|
+
]
|
|
116
|
+
},
|
|
117
|
+
id
|
|
118
|
+
);
|
|
119
|
+
})
|
|
120
|
+
}
|
|
121
|
+
)
|
|
122
|
+
]
|
|
123
|
+
}
|
|
124
|
+
);
|
|
125
|
+
}
|
|
126
|
+
function scrollIntoPort(port, item, orientation) {
|
|
127
|
+
const p = port.getBoundingClientRect();
|
|
128
|
+
const r = item.getBoundingClientRect();
|
|
129
|
+
if (orientation === "vertical") {
|
|
130
|
+
if (port.scrollHeight <= port.clientHeight) return;
|
|
131
|
+
const pad = r.height / 4;
|
|
132
|
+
if (r.top < p.top) port.scrollTop += r.top - p.top - pad;
|
|
133
|
+
else if (r.bottom > p.bottom) port.scrollTop += r.bottom - p.bottom + pad;
|
|
134
|
+
} else {
|
|
135
|
+
if (port.scrollWidth <= port.clientWidth) return;
|
|
136
|
+
const pad = r.width / 4;
|
|
137
|
+
if (r.left < p.left) port.scrollLeft += r.left - p.left - pad;
|
|
138
|
+
else if (r.right > p.right) port.scrollLeft += r.right - p.right + pad;
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
export { SlideFilmstrip };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useRoving, tabStop } from './chunk-RKKO7QHH.js';
|
|
2
|
-
import { Avatar } from './chunk-
|
|
2
|
+
import { Avatar } from './chunk-PZKHBB7D.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,215 @@
|
|
|
1
|
+
import { useReorder } from './chunk-XJ2QEBMM.js';
|
|
2
|
+
import { Input } from './chunk-6QFAK2WV.js';
|
|
3
|
+
import { Menu } from './chunk-3EB2AV3H.js';
|
|
4
|
+
import { IconButton } from './chunk-4FQT6ZAY.js';
|
|
5
|
+
import { VisuallyHidden } from './chunk-BZFWDIV6.js';
|
|
6
|
+
import { cx } from './chunk-ODEQTPFM.js';
|
|
7
|
+
import './DocTabsEditor-4M452LNS.css';
|
|
8
|
+
import { useState, useRef, useId } from 'react';
|
|
9
|
+
import { PlusGlyph, PencilGlyph, ArrowUpGlyph, ArrowDownGlyph, TrashGlyph, GripVerticalGlyph, EllipsisGlyph } from '@crewlethq/icons/glyphs';
|
|
10
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
11
|
+
|
|
12
|
+
var DOC_TABS_EDITOR_LABELS = {
|
|
13
|
+
handle: (name) => `Move ${name}`,
|
|
14
|
+
hint: "Drag to move, or press the up or down arrow key.",
|
|
15
|
+
moved: (name, position, total) => `${name} moved to position ${position} of ${total}.`,
|
|
16
|
+
heading: "Tabs",
|
|
17
|
+
titleField: (position) => `Title of tab ${position}`,
|
|
18
|
+
actions: (title) => `Actions for ${title}`,
|
|
19
|
+
rename: "Rename",
|
|
20
|
+
moveUp: "Move up",
|
|
21
|
+
moveDown: "Move down",
|
|
22
|
+
remove: "Remove",
|
|
23
|
+
add: "Add tab",
|
|
24
|
+
newTitle: "New tab title",
|
|
25
|
+
untitled: "Untitled tab"
|
|
26
|
+
};
|
|
27
|
+
function DocTabsEditor({
|
|
28
|
+
label,
|
|
29
|
+
items,
|
|
30
|
+
selected,
|
|
31
|
+
onSelect,
|
|
32
|
+
onRename,
|
|
33
|
+
onReorder,
|
|
34
|
+
onRemove,
|
|
35
|
+
onAdd,
|
|
36
|
+
titleProblem,
|
|
37
|
+
addBlocked,
|
|
38
|
+
disabled = false,
|
|
39
|
+
labels: overrides,
|
|
40
|
+
className
|
|
41
|
+
}) {
|
|
42
|
+
const labels = { ...DOC_TABS_EDITOR_LABELS, ...overrides };
|
|
43
|
+
const byKey = new Map(items.map((item) => [item.key, item]));
|
|
44
|
+
const nameOf = (key) => byKey.get(key)?.title.trim() || labels.untitled;
|
|
45
|
+
const reorder = useReorder({ keys: items.map((item) => item.key), onReorder, nameOf, labels });
|
|
46
|
+
const [renaming, setRenaming] = useState(null);
|
|
47
|
+
const before = useRef("");
|
|
48
|
+
const [adding, setAdding] = useState(false);
|
|
49
|
+
const [title, setTitle] = useState("");
|
|
50
|
+
const id = useId();
|
|
51
|
+
const last = reorder.order.length - 1;
|
|
52
|
+
const addAfter = reorder.order.includes(selected) ? selected : reorder.order[last];
|
|
53
|
+
const startRename = (key) => {
|
|
54
|
+
before.current = byKey.get(key)?.title ?? "";
|
|
55
|
+
setRenaming(key);
|
|
56
|
+
};
|
|
57
|
+
const renameKeys = (key) => (event) => {
|
|
58
|
+
if (event.key === "Enter") {
|
|
59
|
+
event.preventDefault();
|
|
60
|
+
setRenaming(null);
|
|
61
|
+
} else if (event.key === "Escape") {
|
|
62
|
+
event.preventDefault();
|
|
63
|
+
event.stopPropagation();
|
|
64
|
+
onRename(key, before.current);
|
|
65
|
+
setRenaming(null);
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
const add = () => {
|
|
69
|
+
const t = title.trim();
|
|
70
|
+
setAdding(false);
|
|
71
|
+
setTitle("");
|
|
72
|
+
if (t !== "" && !addBlocked && !disabled) onAdd(t);
|
|
73
|
+
};
|
|
74
|
+
const addKeys = (event) => {
|
|
75
|
+
if (event.key === "Enter") {
|
|
76
|
+
event.preventDefault();
|
|
77
|
+
add();
|
|
78
|
+
} else if (event.key === "Escape") {
|
|
79
|
+
event.preventDefault();
|
|
80
|
+
event.stopPropagation();
|
|
81
|
+
setAdding(false);
|
|
82
|
+
setTitle("");
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
const addRow = adding && !disabled ? /* @__PURE__ */ jsx("li", { className: "crewlet-doc-tabs-editor__item crewlet-doc-tabs-editor__item--new", children: /* @__PURE__ */ jsx("span", { className: "crewlet-doc-tabs-editor__field", children: /* @__PURE__ */ jsx(
|
|
86
|
+
Input,
|
|
87
|
+
{
|
|
88
|
+
inputSize: "sm",
|
|
89
|
+
autoFocus: true,
|
|
90
|
+
value: title,
|
|
91
|
+
"aria-label": labels.newTitle,
|
|
92
|
+
placeholder: labels.newTitle,
|
|
93
|
+
onChange: (event) => setTitle(event.target.value),
|
|
94
|
+
onKeyDown: addKeys,
|
|
95
|
+
onBlur: add
|
|
96
|
+
}
|
|
97
|
+
) }) }, "new") : null;
|
|
98
|
+
return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-doc-tabs-editor", className), children: [
|
|
99
|
+
/* @__PURE__ */ jsxs("div", { className: "crewlet-doc-tabs-editor__head", children: [
|
|
100
|
+
/* @__PURE__ */ jsx("p", { className: "crewlet-doc-tabs-editor__heading", "aria-hidden": "true", children: labels.heading }),
|
|
101
|
+
/* @__PURE__ */ jsx(
|
|
102
|
+
IconButton,
|
|
103
|
+
{
|
|
104
|
+
size: "sm",
|
|
105
|
+
variant: "ghost",
|
|
106
|
+
label: labels.add,
|
|
107
|
+
icon: /* @__PURE__ */ jsx(PlusGlyph, { size: "sm" }),
|
|
108
|
+
disabled,
|
|
109
|
+
...addBlocked ? { disabledReason: addBlocked } : {},
|
|
110
|
+
onClick: () => setAdding(true)
|
|
111
|
+
}
|
|
112
|
+
)
|
|
113
|
+
] }),
|
|
114
|
+
/* @__PURE__ */ jsx(VisuallyHidden, { id: reorder.hintId, children: reorder.hint }),
|
|
115
|
+
/* @__PURE__ */ jsx("ol", { className: "crewlet-doc-tabs-editor__list", "aria-label": label, ...reorder.containerProps, children: reorder.order.flatMap((key, index) => {
|
|
116
|
+
const item = byKey.get(key);
|
|
117
|
+
if (!item) return [];
|
|
118
|
+
const name = nameOf(key);
|
|
119
|
+
const problem = titleProblem?.(item.title) ?? null;
|
|
120
|
+
const problemId = `${id}-${index}-problem`;
|
|
121
|
+
const open = key === selected;
|
|
122
|
+
const editing = renaming === key && !disabled;
|
|
123
|
+
const { "aria-label": handleName, ...handle } = reorder.handleProps(key);
|
|
124
|
+
const actions = [
|
|
125
|
+
{
|
|
126
|
+
key: "rename",
|
|
127
|
+
label: labels.rename,
|
|
128
|
+
icon: /* @__PURE__ */ jsx(PencilGlyph, { size: "sm" }),
|
|
129
|
+
disabled,
|
|
130
|
+
onSelect: () => startRename(key)
|
|
131
|
+
},
|
|
132
|
+
{ kind: "separator", key: "moves" },
|
|
133
|
+
{
|
|
134
|
+
key: "up",
|
|
135
|
+
label: labels.moveUp,
|
|
136
|
+
icon: /* @__PURE__ */ jsx(ArrowUpGlyph, { size: "sm" }),
|
|
137
|
+
disabled: disabled || index === 0,
|
|
138
|
+
onSelect: () => reorder.move(key, -1)
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
key: "down",
|
|
142
|
+
label: labels.moveDown,
|
|
143
|
+
icon: /* @__PURE__ */ jsx(ArrowDownGlyph, { size: "sm" }),
|
|
144
|
+
disabled: disabled || index === last,
|
|
145
|
+
onSelect: () => reorder.move(key, 1)
|
|
146
|
+
},
|
|
147
|
+
{ kind: "separator", key: "end" },
|
|
148
|
+
{
|
|
149
|
+
key: "remove",
|
|
150
|
+
label: labels.remove,
|
|
151
|
+
icon: /* @__PURE__ */ jsx(TrashGlyph, { size: "sm" }),
|
|
152
|
+
danger: true,
|
|
153
|
+
disabled: disabled || items.length <= 1,
|
|
154
|
+
onSelect: () => onRemove(key)
|
|
155
|
+
}
|
|
156
|
+
];
|
|
157
|
+
const row = /* @__PURE__ */ jsxs(
|
|
158
|
+
"li",
|
|
159
|
+
{
|
|
160
|
+
className: cx("crewlet-doc-tabs-editor__item", open && "is-open", editing && "is-renaming"),
|
|
161
|
+
...reorder.itemProps(key),
|
|
162
|
+
children: [
|
|
163
|
+
/* @__PURE__ */ jsx(
|
|
164
|
+
IconButton,
|
|
165
|
+
{
|
|
166
|
+
size: "sm",
|
|
167
|
+
variant: "ghost",
|
|
168
|
+
className: "crewlet-doc-tabs-editor__handle",
|
|
169
|
+
label: handleName,
|
|
170
|
+
icon: /* @__PURE__ */ jsx(GripVerticalGlyph, { size: "sm" }),
|
|
171
|
+
disabled,
|
|
172
|
+
...handle
|
|
173
|
+
}
|
|
174
|
+
),
|
|
175
|
+
/* @__PURE__ */ jsxs("span", { className: "crewlet-doc-tabs-editor__field", children: [
|
|
176
|
+
editing ? /* @__PURE__ */ jsx(
|
|
177
|
+
Input,
|
|
178
|
+
{
|
|
179
|
+
inputSize: "sm",
|
|
180
|
+
autoFocus: true,
|
|
181
|
+
value: item.title,
|
|
182
|
+
"aria-label": labels.titleField(index + 1),
|
|
183
|
+
error: problem !== null,
|
|
184
|
+
...problem !== null ? { "aria-describedby": problemId } : {},
|
|
185
|
+
onFocus: (event) => event.currentTarget.select(),
|
|
186
|
+
onChange: (event) => onRename(key, event.target.value),
|
|
187
|
+
onKeyDown: renameKeys(key),
|
|
188
|
+
onBlur: () => setRenaming(null)
|
|
189
|
+
}
|
|
190
|
+
) : /* @__PURE__ */ jsx(
|
|
191
|
+
"button",
|
|
192
|
+
{
|
|
193
|
+
type: "button",
|
|
194
|
+
className: "crewlet-doc-tabs-editor__open",
|
|
195
|
+
"aria-current": open ? "true" : void 0,
|
|
196
|
+
...problem !== null ? { "aria-describedby": problemId } : {},
|
|
197
|
+
disabled,
|
|
198
|
+
onClick: () => onSelect(key),
|
|
199
|
+
onDoubleClick: () => startRename(key),
|
|
200
|
+
children: name
|
|
201
|
+
}
|
|
202
|
+
),
|
|
203
|
+
problem !== null && /* @__PURE__ */ jsx("span", { id: problemId, className: "crewlet-doc-tabs-editor__problem", children: problem })
|
|
204
|
+
] }),
|
|
205
|
+
!editing && /* @__PURE__ */ jsx("span", { className: "crewlet-doc-tabs-editor__actions", children: /* @__PURE__ */ jsx(Menu, { label: labels.actions(name), icon: /* @__PURE__ */ jsx(EllipsisGlyph, { size: "sm" }), align: "end", items: actions }) })
|
|
206
|
+
]
|
|
207
|
+
},
|
|
208
|
+
key
|
|
209
|
+
);
|
|
210
|
+
return key === addAfter && addRow ? [row, addRow] : [row];
|
|
211
|
+
}) })
|
|
212
|
+
] });
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
export { DOC_TABS_EDITOR_LABELS, DocTabsEditor };
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { isApplePlatform, Kbd } from './chunk-SMBKXWML.js';
|
|
2
|
-
import { Tooltip } from './chunk-
|
|
3
|
-
import { SegmentedControl } from './chunk-
|
|
4
|
-
import { ArtifactIcon } from './chunk-
|
|
5
|
-
import { Menu } from './chunk-
|
|
2
|
+
import { Tooltip } from './chunk-5FYPE5GL.js';
|
|
3
|
+
import { SegmentedControl } from './chunk-CCAXYHQS.js';
|
|
4
|
+
import { ArtifactIcon } from './chunk-HH2GKAAE.js';
|
|
5
|
+
import { Menu } from './chunk-3EB2AV3H.js';
|
|
6
6
|
import { Button } from './chunk-OG6CL3EB.js';
|
|
7
7
|
import { IconButton } from './chunk-4FQT6ZAY.js';
|
|
8
|
-
import { VisuallyHidden } from './chunk-BZFWDIV6.js';
|
|
9
8
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
10
|
-
import './ArtifactBar-
|
|
9
|
+
import './ArtifactBar-C462VD4C.css';
|
|
11
10
|
import { useId, useState, useRef, useEffect } from 'react';
|
|
12
11
|
import { ChevronLeftGlyph, EllipsisGlyph, ChevronDownGlyph } from '@crewlethq/icons/glyphs';
|
|
13
12
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
@@ -326,7 +325,7 @@ function BarTitle({
|
|
|
326
325
|
children: title
|
|
327
326
|
}
|
|
328
327
|
) }),
|
|
329
|
-
/* @__PURE__ */ jsx(
|
|
328
|
+
/* @__PURE__ */ jsx("span", { id: hintId, hidden: true, children: words.renameHint })
|
|
330
329
|
] });
|
|
331
330
|
}
|
|
332
331
|
function ArtifactVersionChip({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { changeText, sheetLabels } from './chunk-
|
|
2
|
-
import { Tooltip } from './chunk-
|
|
1
|
+
import { changeText, sheetLabels } from './chunk-J6ZSH3F5.js';
|
|
2
|
+
import { Tooltip } from './chunk-5FYPE5GL.js';
|
|
3
3
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
4
4
|
import './ChangeMark-3VMTW7MT.css';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
@@ -24,6 +24,7 @@ export * from '../Callout/index.js';
|
|
|
24
24
|
export * from '../Canvas/index.js';
|
|
25
25
|
export * from '../CanvasBoard/index.js';
|
|
26
26
|
export * from '../CanvasSchematic/index.js';
|
|
27
|
+
export * from '../CanvasToolbar/index.js';
|
|
27
28
|
export * from '../Card/index.js';
|
|
28
29
|
export * from '../ChangeMark/index.js';
|
|
29
30
|
export * from '../CharacterPicker/index.js';
|
|
@@ -76,6 +77,7 @@ export * from '../Input/index.js';
|
|
|
76
77
|
export * from '../Kbd/index.js';
|
|
77
78
|
export * from '../KeyChip/index.js';
|
|
78
79
|
export * from '../Layer/index.js';
|
|
80
|
+
export * from '../LayersList/index.js';
|
|
79
81
|
export * from '../Layout/index.js';
|
|
80
82
|
export * from '../Link/index.js';
|
|
81
83
|
export * from '../LinkInterstitial/index.js';
|
|
@@ -85,6 +87,7 @@ export * from '../Listbox/index.js';
|
|
|
85
87
|
export * from '../LiveCursor/index.js';
|
|
86
88
|
export * from '../Markdown/index.js';
|
|
87
89
|
export * from '../MarkdownEditor/index.js';
|
|
90
|
+
export * from '../MediaMatch/index.js';
|
|
88
91
|
export * from '../Menu/index.js';
|
|
89
92
|
export * from '../MergeConflicts/index.js';
|
|
90
93
|
export * from '../Meter/index.js';
|
|
@@ -129,6 +132,7 @@ export * from '../Skeleton/index.js';
|
|
|
129
132
|
export * from '../SlideCompare/index.js';
|
|
130
133
|
export * from '../SlideFilmstrip/index.js';
|
|
131
134
|
export * from '../SlideGrid/index.js';
|
|
135
|
+
export * from '../SlideNav/index.js';
|
|
132
136
|
export * from '../SlideStage/index.js';
|
|
133
137
|
export * from '../StatCard/index.js';
|
|
134
138
|
export * from '../StatGroup/index.js';
|