@galaxy-io/dls 1.6.0 → 2.0.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.
Files changed (538) hide show
  1. package/README.md +47 -50
  2. package/biome/index.json +74 -0
  3. package/biome/plugins/no-hex-literal.grit +20 -0
  4. package/biome/plugins/no-inline-style.grit +13 -0
  5. package/biome/plugins/no-margin.grit +9 -0
  6. package/biome/plugins/warn/no-hex-literal.grit +23 -0
  7. package/biome/plugins/warn/no-inline-style.grit +13 -0
  8. package/biome/plugins/warn/no-margin.grit +9 -0
  9. package/dist/a11y/FocusScope.d.ts +44 -0
  10. package/dist/a11y/FocusScope.js +229 -0
  11. package/dist/a11y/VisuallyHidden.d.ts +21 -0
  12. package/dist/a11y/VisuallyHidden.js +30 -0
  13. package/dist/avatar/Avatar.d.ts +56 -14
  14. package/dist/avatar/Avatar.js +250 -96
  15. package/dist/avatar/AvatarGroup.d.ts +43 -0
  16. package/dist/avatar/AvatarGroup.js +153 -0
  17. package/dist/backgrounds/GridBackground.d.ts +48 -0
  18. package/dist/backgrounds/GridBackground.js +146 -0
  19. package/dist/beacons/Beacon.d.ts +86 -22
  20. package/dist/beacons/Beacon.js +170 -47
  21. package/dist/brand/GalaxyFilamentWordmark.d.ts +30 -0
  22. package/dist/brand/GalaxyFilamentWordmark.js +39 -0
  23. package/dist/brand/GalaxyLogomark.d.ts +26 -0
  24. package/dist/brand/GalaxyLogomark.js +41 -0
  25. package/dist/brand/GalaxyLogomarkAnimation.d.ts +36 -0
  26. package/dist/brand/GalaxyLogomarkAnimation.js +107 -0
  27. package/dist/brand/GalaxyWordmark.d.ts +30 -0
  28. package/dist/brand/GalaxyWordmark.js +63 -0
  29. package/dist/brand/assets/galaxy-logomark-animation.js +136678 -0
  30. package/dist/brand/brandMark.d.ts +26 -0
  31. package/dist/brand/brandMark.js +35 -0
  32. package/dist/buttons/Button.d.ts +148 -59
  33. package/dist/buttons/Button.js +437 -227
  34. package/dist/buttons/ButtonGroup.d.ts +38 -0
  35. package/dist/buttons/ButtonGroup.js +68 -0
  36. package/dist/buttons/CopyButton.d.ts +77 -0
  37. package/dist/buttons/CopyButton.js +65 -0
  38. package/dist/charts/AreaChart.d.ts +49 -0
  39. package/dist/charts/AreaChart.js +31 -0
  40. package/dist/charts/BarChart.d.ts +54 -67
  41. package/dist/charts/BarChart.js +136 -116
  42. package/dist/charts/ChartAxis.d.ts +35 -40
  43. package/dist/charts/ChartAxis.js +114 -90
  44. package/dist/charts/ChartCategoryTargets.d.ts +12 -26
  45. package/dist/charts/ChartCategoryTargets.js +32 -20
  46. package/dist/charts/ChartFrame.d.ts +69 -116
  47. package/dist/charts/ChartFrame.js +253 -119
  48. package/dist/charts/ChartGroupProvider.d.ts +30 -41
  49. package/dist/charts/ChartGroupProvider.js +20 -7
  50. package/dist/charts/ChartLegend.d.ts +27 -48
  51. package/dist/charts/ChartLegend.js +206 -125
  52. package/dist/charts/ChartMarkTargets.d.ts +12 -28
  53. package/dist/charts/ChartMarkTargets.js +33 -20
  54. package/dist/charts/ChartPrimitives.d.ts +50 -305
  55. package/dist/charts/ChartPrimitives.js +65 -413
  56. package/dist/charts/ChartTooltip.d.ts +20 -26
  57. package/dist/charts/ChartTooltip.js +77 -40
  58. package/dist/charts/Heatmap.d.ts +35 -0
  59. package/dist/charts/Heatmap.js +295 -0
  60. package/dist/charts/LineChart.d.ts +54 -47
  61. package/dist/charts/LineChart.js +159 -117
  62. package/dist/charts/PieChart.d.ts +32 -53
  63. package/dist/charts/PieChart.js +149 -135
  64. package/dist/charts/Sparkline.d.ts +107 -0
  65. package/dist/charts/Sparkline.js +244 -0
  66. package/dist/charts/StatChart.d.ts +37 -13
  67. package/dist/charts/StatChart.js +82 -35
  68. package/dist/charts/barChartGeometry.d.ts +138 -86
  69. package/dist/charts/barChartGeometry.js +122 -101
  70. package/dist/charts/barChartLegend.d.ts +14 -18
  71. package/dist/charts/barChartLegend.js +18 -13
  72. package/dist/charts/chartFormat.d.ts +12 -18
  73. package/dist/charts/chartFormat.js +20 -52
  74. package/dist/charts/chartPalette.d.ts +33 -0
  75. package/dist/charts/chartPalette.js +68 -0
  76. package/dist/charts/chartScales.d.ts +41 -108
  77. package/dist/charts/chartScales.js +62 -128
  78. package/dist/charts/constants.d.ts +96 -256
  79. package/dist/charts/constants.js +105 -275
  80. package/dist/charts/heatmapGeometry.d.ts +95 -0
  81. package/dist/charts/heatmapGeometry.js +155 -0
  82. package/dist/charts/lineChartGeometry.d.ts +108 -58
  83. package/dist/charts/lineChartGeometry.js +120 -78
  84. package/dist/charts/pieChartGeometry.d.ts +66 -40
  85. package/dist/charts/pieChartGeometry.js +68 -38
  86. package/dist/charts/types.d.ts +197 -466
  87. package/dist/charts/types.js +55 -144
  88. package/dist/charts/useCartesianChartLayout.d.ts +28 -59
  89. package/dist/charts/useCartesianChartLayout.js +47 -32
  90. package/dist/charts/useChartDimensions.d.ts +19 -40
  91. package/dist/charts/useChartDimensions.js +40 -56
  92. package/dist/charts/useChartFormatters.d.ts +6 -15
  93. package/dist/charts/useChartFormatters.js +4 -9
  94. package/dist/charts/useChartInteraction.d.ts +47 -116
  95. package/dist/charts/useChartInteraction.js +95 -71
  96. package/dist/charts/useChartTooltipPosition.d.ts +29 -39
  97. package/dist/charts/useChartTooltipPosition.js +14 -5
  98. package/dist/charts/useSeriesColorResolver.d.ts +11 -33
  99. package/dist/charts/useSeriesColorResolver.js +19 -12
  100. package/dist/chips/Chip.d.ts +155 -44
  101. package/dist/chips/Chip.js +329 -155
  102. package/dist/chips/ChipGroup.d.ts +53 -0
  103. package/dist/chips/ChipGroup.js +98 -0
  104. package/dist/drawer/Drawer.d.ts +81 -17
  105. package/dist/drawer/Drawer.js +370 -65
  106. package/dist/dropdown/Dropdown.d.ts +80 -63
  107. package/dist/dropdown/Dropdown.js +127 -129
  108. package/dist/editor/CodeEditor.d.ts +119 -40
  109. package/dist/editor/CodeEditor.js +490 -400
  110. package/dist/editor/CodeEditorReactWidget.d.ts +20 -17
  111. package/dist/editor/CodeEditorReactWidget.js +28 -21
  112. package/dist/feedback/Alert.d.ts +49 -0
  113. package/dist/feedback/Alert.js +172 -0
  114. package/dist/feedback/EmptyState.d.ts +39 -0
  115. package/dist/feedback/EmptyState.js +109 -0
  116. package/dist/feedback/ProgressBar.d.ts +125 -0
  117. package/dist/feedback/ProgressBar.js +183 -0
  118. package/dist/feedback/ProgressCircle.d.ts +99 -0
  119. package/dist/feedback/ProgressCircle.js +187 -0
  120. package/dist/feedback/Skeleton.d.ts +69 -0
  121. package/dist/feedback/Skeleton.js +130 -0
  122. package/dist/feedback/Spinner.d.ts +63 -0
  123. package/dist/feedback/Spinner.js +141 -0
  124. package/dist/fonts.css +70 -0
  125. package/dist/hooks/internal/useIsClient.d.ts +2 -0
  126. package/dist/hooks/internal/useIsClient.js +14 -0
  127. package/dist/hooks/useClipboard.d.ts +19 -0
  128. package/dist/hooks/useClipboard.js +45 -0
  129. package/dist/hooks/useControlledOpenState.d.ts +21 -0
  130. package/dist/hooks/useControlledOpenState.js +19 -0
  131. package/dist/hooks/useControlledState.d.ts +19 -0
  132. package/dist/hooks/useControlledState.js +22 -0
  133. package/dist/hooks/useDebouncedValue.d.ts +14 -0
  134. package/dist/hooks/useDebouncedValue.js +33 -0
  135. package/dist/hooks/useDisclosure.d.ts +26 -0
  136. package/dist/hooks/useDisclosure.js +36 -0
  137. package/dist/hooks/useDismiss.d.ts +23 -27
  138. package/dist/hooks/useDismiss.js +39 -27
  139. package/dist/hooks/useElementClientSize.d.ts +10 -10
  140. package/dist/hooks/useElementClientSize.js +8 -11
  141. package/dist/hooks/useElementWidth.d.ts +6 -13
  142. package/dist/hooks/useElementWidth.js +6 -14
  143. package/dist/hooks/useField.d.ts +47 -0
  144. package/dist/hooks/useField.js +40 -0
  145. package/dist/hooks/useHotkey.d.ts +77 -0
  146. package/dist/hooks/useHotkey.js +246 -0
  147. package/dist/hooks/useIsMac.d.ts +12 -0
  148. package/dist/hooks/useIsMac.js +27 -0
  149. package/dist/hooks/useIsomorphicLayoutEffect.d.ts +17 -0
  150. package/dist/hooks/useIsomorphicLayoutEffect.js +20 -0
  151. package/dist/hooks/useLocalStorage.d.ts +28 -0
  152. package/dist/hooks/useLocalStorage.js +145 -0
  153. package/dist/hooks/useMediaQuery.d.ts +11 -0
  154. package/dist/hooks/useMediaQuery.js +23 -0
  155. package/dist/hooks/usePrefersReducedMotion.d.ts +12 -0
  156. package/dist/hooks/usePrefersReducedMotion.js +25 -0
  157. package/dist/hooks/useResize.d.ts +42 -62
  158. package/dist/hooks/useResize.js +43 -31
  159. package/dist/icons/Icon.d.ts +64 -37
  160. package/dist/icons/Icon.js +96 -37
  161. package/dist/icons/internal/IconSlot.d.ts +10 -0
  162. package/dist/icons/internal/IconSlot.js +32 -0
  163. package/dist/inputs/CheckboxGroup.d.ts +115 -0
  164. package/dist/inputs/CheckboxGroup.js +183 -0
  165. package/dist/inputs/CheckboxInput.d.ts +98 -28
  166. package/dist/inputs/CheckboxInput.js +218 -88
  167. package/dist/inputs/ColorInput.d.ts +115 -29
  168. package/dist/inputs/ColorInput.js +748 -326
  169. package/dist/inputs/CopyInput.d.ts +49 -20
  170. package/dist/inputs/CopyInput.js +57 -49
  171. package/dist/inputs/CronInput.d.ts +94 -0
  172. package/dist/inputs/CronInput.js +618 -0
  173. package/dist/inputs/DateInput.d.ts +175 -28
  174. package/dist/inputs/DateInput.js +1109 -451
  175. package/dist/inputs/DurationInput.d.ts +101 -0
  176. package/dist/inputs/DurationInput.js +441 -0
  177. package/dist/inputs/Field.d.ts +75 -0
  178. package/dist/inputs/Field.js +247 -0
  179. package/dist/inputs/Fieldset.d.ts +53 -0
  180. package/dist/inputs/Fieldset.js +149 -0
  181. package/dist/inputs/FileInput.d.ts +110 -0
  182. package/dist/inputs/FileInput.js +476 -0
  183. package/dist/inputs/Input.d.ts +148 -187
  184. package/dist/inputs/Input.js +339 -259
  185. package/dist/inputs/KeyValueInput.d.ts +120 -0
  186. package/dist/inputs/KeyValueInput.js +383 -0
  187. package/dist/inputs/MultiSelectInput.d.ts +165 -54
  188. package/dist/inputs/MultiSelectInput.js +175 -559
  189. package/dist/inputs/NumberInput.d.ts +65 -9
  190. package/dist/inputs/NumberInput.js +197 -40
  191. package/dist/inputs/PasswordInput.d.ts +17 -12
  192. package/dist/inputs/PasswordInput.js +33 -33
  193. package/dist/inputs/PinInput.d.ts +117 -0
  194. package/dist/inputs/PinInput.js +364 -0
  195. package/dist/inputs/RadioGroup.d.ts +115 -0
  196. package/dist/inputs/RadioGroup.js +179 -0
  197. package/dist/inputs/RadioInput.d.ts +87 -24
  198. package/dist/inputs/RadioInput.js +182 -95
  199. package/dist/inputs/SearchInput.d.ts +66 -0
  200. package/dist/inputs/SearchInput.js +156 -0
  201. package/dist/inputs/SelectInput.d.ts +195 -55
  202. package/dist/inputs/SelectInput.js +1308 -446
  203. package/dist/inputs/SliderInput.d.ts +150 -30
  204. package/dist/inputs/SliderInput.js +441 -186
  205. package/dist/inputs/SwitchInput.d.ts +109 -0
  206. package/dist/inputs/SwitchInput.js +248 -0
  207. package/dist/inputs/TagInput.d.ts +117 -0
  208. package/dist/inputs/TagInput.js +408 -0
  209. package/dist/inputs/TextAreaInput.d.ts +146 -44
  210. package/dist/inputs/TextAreaInput.js +292 -198
  211. package/dist/inputs/TextInput.d.ts +4 -13
  212. package/dist/inputs/TextInput.js +13 -48
  213. package/dist/inputs/ToggleInput.d.ts +120 -22
  214. package/dist/inputs/ToggleInput.js +262 -116
  215. package/dist/inputs/internal/bareField.d.ts +18 -0
  216. package/dist/inputs/internal/bareField.js +38 -0
  217. package/dist/inputs/internal/devWarn.d.ts +7 -0
  218. package/dist/inputs/internal/devWarn.js +30 -0
  219. package/dist/inputs/internal/fieldFrame.d.ts +34 -0
  220. package/dist/inputs/internal/fieldFrame.js +64 -0
  221. package/dist/inputs/internal/fieldWiring.d.ts +50 -0
  222. package/dist/inputs/internal/fieldWiring.js +38 -0
  223. package/dist/inputs/internal/innerButton.d.ts +2 -0
  224. package/dist/inputs/internal/innerButton.js +24 -0
  225. package/dist/inputs/internal/ownField.d.ts +45 -0
  226. package/dist/inputs/internal/ownField.js +58 -0
  227. package/dist/inputs/internal/predicates.d.ts +9 -0
  228. package/dist/inputs/internal/predicates.js +11 -0
  229. package/dist/inputs/internal/useComboboxPopover.d.ts +46 -0
  230. package/dist/inputs/internal/useComboboxPopover.js +92 -0
  231. package/dist/json/JsonViewer.d.ts +62 -0
  232. package/dist/json/JsonViewer.js +483 -0
  233. package/dist/layout/Box.d.ts +87 -0
  234. package/dist/layout/Box.js +109 -0
  235. package/dist/layout/Divider.d.ts +25 -0
  236. package/dist/layout/Divider.js +70 -0
  237. package/dist/layout/Flex.d.ts +139 -0
  238. package/dist/layout/Flex.js +165 -0
  239. package/dist/layout/FlexItem.d.ts +72 -0
  240. package/dist/layout/FlexItem.js +84 -0
  241. package/dist/layout/Grid.d.ts +140 -0
  242. package/dist/layout/Grid.js +178 -0
  243. package/dist/layout/Portal.d.ts +29 -0
  244. package/dist/layout/Portal.js +27 -0
  245. package/dist/layout/ResizablePanels.d.ts +88 -0
  246. package/dist/layout/ResizablePanels.js +198 -0
  247. package/dist/layout/ResizeHandle.d.ts +48 -0
  248. package/dist/layout/ResizeHandle.js +143 -0
  249. package/dist/layout/ScrollArea.d.ts +30 -0
  250. package/dist/layout/ScrollArea.js +138 -0
  251. package/dist/links/Link.d.ts +101 -1
  252. package/dist/links/Link.js +166 -4
  253. package/dist/lists/BulletedList.d.ts +25 -7
  254. package/dist/lists/BulletedList.js +72 -27
  255. package/dist/lists/DescriptionList.d.ts +91 -0
  256. package/dist/lists/DescriptionList.js +147 -0
  257. package/dist/menu/ContextMenu.d.ts +64 -0
  258. package/dist/menu/ContextMenu.js +34 -0
  259. package/dist/menu/Menu.d.ts +280 -0
  260. package/dist/menu/Menu.js +1003 -0
  261. package/dist/modal/ConfirmDialog.d.ts +55 -0
  262. package/dist/modal/ConfirmDialog.js +151 -0
  263. package/dist/modal/Modal.d.ts +64 -14
  264. package/dist/modal/Modal.js +189 -48
  265. package/dist/navigation/Breadcrumbs.d.ts +65 -0
  266. package/dist/navigation/Breadcrumbs.js +243 -0
  267. package/dist/navigation/CommandPalette.d.ts +83 -0
  268. package/dist/navigation/CommandPalette.js +509 -0
  269. package/dist/navigation/Pagination.d.ts +87 -0
  270. package/dist/navigation/Pagination.js +300 -0
  271. package/dist/navigation/SidebarNav.d.ts +107 -0
  272. package/dist/navigation/SidebarNav.js +341 -0
  273. package/dist/navigation/Stepper.d.ts +52 -0
  274. package/dist/navigation/Stepper.js +207 -0
  275. package/dist/navigation/Tabs.d.ts +113 -0
  276. package/dist/navigation/Tabs.js +543 -0
  277. package/dist/navigation/Topbar.d.ts +20 -0
  278. package/dist/navigation/Topbar.js +62 -0
  279. package/dist/overlay/OverlayProvider.d.ts +28 -32
  280. package/dist/overlay/OverlayProvider.js +42 -93
  281. package/dist/overlay/useOverlay.d.ts +88 -12
  282. package/dist/overlay/useOverlay.js +220 -43
  283. package/dist/overlays/Popover.d.ts +114 -0
  284. package/dist/overlays/Popover.js +389 -0
  285. package/dist/shapes/Circle.d.ts +84 -8
  286. package/dist/shapes/Circle.js +122 -20
  287. package/dist/shapes/Square.d.ts +84 -8
  288. package/dist/shapes/Square.js +123 -20
  289. package/dist/styles/mixins.d.ts +35 -0
  290. package/dist/styles/mixins.js +60 -0
  291. package/dist/styles.css +1 -202
  292. package/dist/table/InfiniteSpreadsheet.d.ts +140 -10
  293. package/dist/table/InfiniteSpreadsheet.js +762 -225
  294. package/dist/table/InfiniteTable.d.ts +116 -14
  295. package/dist/table/InfiniteTable.js +287 -429
  296. package/dist/table/SpreadsheetCellEditor.d.ts +54 -6
  297. package/dist/table/SpreadsheetCellEditor.js +163 -84
  298. package/dist/table/TableCore.d.ts +252 -0
  299. package/dist/table/TableCore.js +1077 -0
  300. package/dist/table/VirtualizedInfiniteTable.d.ts +104 -14
  301. package/dist/table/VirtualizedInfiniteTable.js +280 -219
  302. package/dist/table/types.d.ts +66 -244
  303. package/dist/table/types.js +0 -51
  304. package/dist/table/useInfiniteScrollSentinel.d.ts +25 -21
  305. package/dist/table/useInfiniteScrollSentinel.js +38 -30
  306. package/dist/table/useSpreadsheetCellNavigation.d.ts +44 -0
  307. package/dist/table/useSpreadsheetCellNavigation.js +141 -0
  308. package/dist/table/useTableColumnLayout.d.ts +90 -25
  309. package/dist/table/useTableColumnLayout.js +255 -50
  310. package/dist/table/useTableKeyboardNavigation.d.ts +32 -21
  311. package/dist/table/useTableKeyboardNavigation.js +95 -71
  312. package/dist/table/useTableRowSelection.d.ts +24 -25
  313. package/dist/table/useTableRowSelection.js +57 -84
  314. package/dist/table/useTableVirtualizer.d.ts +20 -0
  315. package/dist/table/useTableVirtualizer.js +48 -0
  316. package/dist/text/Bold.d.ts +5 -6
  317. package/dist/text/Bold.js +16 -15
  318. package/dist/text/Code.d.ts +5 -6
  319. package/dist/text/Code.js +16 -25
  320. package/dist/text/CodeBlock.d.ts +77 -0
  321. package/dist/text/CodeBlock.js +373 -0
  322. package/dist/text/EditableText.d.ts +55 -15
  323. package/dist/text/EditableText.js +153 -135
  324. package/dist/text/Ellipsis.d.ts +34 -8
  325. package/dist/text/Ellipsis.js +55 -23
  326. package/dist/text/Kbd.d.ts +72 -0
  327. package/dist/text/Kbd.js +284 -0
  328. package/dist/text/MarkdownText.d.ts +27 -10
  329. package/dist/text/MarkdownText.js +317 -300
  330. package/dist/text/RequiredMarker.d.ts +17 -5
  331. package/dist/text/RequiredMarker.js +34 -36
  332. package/dist/text/Selectable.d.ts +5 -6
  333. package/dist/text/Selectable.js +16 -13
  334. package/dist/text/Span.d.ts +82 -0
  335. package/dist/text/Span.js +115 -0
  336. package/dist/text/Text.d.ts +128 -41
  337. package/dist/text/Text.js +209 -76
  338. package/dist/theme/GalaxyProvider.d.ts +75 -0
  339. package/dist/theme/GalaxyProvider.js +223 -0
  340. package/dist/theme/ThemeSwitcher.d.ts +52 -0
  341. package/dist/theme/ThemeSwitcher.js +94 -0
  342. package/dist/theme/enums.d.ts +118 -0
  343. package/dist/theme/enums.js +144 -0
  344. package/dist/theme/tokens/dark.d.ts +2 -0
  345. package/dist/theme/tokens/dark.js +275 -0
  346. package/dist/theme/tokens/generate.d.ts +15 -0
  347. package/dist/theme/tokens/generate.js +47 -0
  348. package/dist/theme/tokens/light.d.ts +2 -0
  349. package/dist/theme/tokens/light.js +274 -0
  350. package/dist/theme/tokens/palette.d.ts +14 -0
  351. package/dist/theme/tokens/palette.js +153 -0
  352. package/dist/theme/tokens/scales.d.ts +26 -0
  353. package/dist/theme/tokens/scales.js +154 -0
  354. package/dist/theme/tokens/t.d.ts +3 -0
  355. package/dist/theme/tokens/t.js +25 -0
  356. package/dist/theme/tokens/types.d.ts +189 -0
  357. package/dist/theme/tokens/types.js +0 -0
  358. package/dist/theme/useGalaxyTheme.d.ts +46 -0
  359. package/dist/theme/useGalaxyTheme.js +36 -0
  360. package/dist/theme/useInverseScope.d.ts +18 -0
  361. package/dist/theme/useInverseScope.js +33 -0
  362. package/dist/three/GalaxyLogomark3D.d.ts +46 -0
  363. package/dist/three/GalaxyLogomark3D.js +134 -0
  364. package/dist/three/assets/galaxy-logomark.js +4 -0
  365. package/dist/three/galaxyLogomark3DScene.d.ts +27 -0
  366. package/dist/three/galaxyLogomark3DScene.js +165 -0
  367. package/dist/timeline/Timeline.d.ts +99 -0
  368. package/dist/timeline/Timeline.js +269 -0
  369. package/dist/toast/Toast.d.ts +43 -19
  370. package/dist/toast/Toast.js +130 -89
  371. package/dist/toast/ToastProvider.d.ts +23 -23
  372. package/dist/toast/ToastProvider.js +298 -101
  373. package/dist/toast/ToastViewport.d.ts +12 -0
  374. package/dist/toast/ToastViewport.js +210 -0
  375. package/dist/toast/useToast.d.ts +139 -5
  376. package/dist/toast/useToast.js +15 -13
  377. package/dist/tokens.css +654 -0
  378. package/dist/tooltip/Tooltip.d.ts +64 -44
  379. package/dist/tooltip/Tooltip.js +280 -73
  380. package/dist/tooltip/internal/LazyTooltip.d.ts +7 -0
  381. package/dist/tooltip/internal/LazyTooltip.js +53 -0
  382. package/dist/transform/Fade.d.ts +33 -11
  383. package/dist/transform/Fade.js +71 -19
  384. package/dist/transform/Flasher.d.ts +25 -0
  385. package/dist/transform/Flasher.js +39 -0
  386. package/dist/transform/Rotate.d.ts +24 -12
  387. package/dist/transform/Rotate.js +36 -22
  388. package/dist/transform/ScaleFade.d.ts +36 -11
  389. package/dist/transform/ScaleFade.js +86 -28
  390. package/dist/transform/internal/CollapseMotion.d.ts +10 -0
  391. package/dist/transform/internal/CollapseMotion.js +65 -0
  392. package/dist/tree/Tree.d.ts +85 -0
  393. package/dist/tree/Tree.js +387 -0
  394. package/dist/tree/treeRow.d.ts +39 -0
  395. package/dist/tree/treeRow.js +75 -0
  396. package/dist/utils/colors.d.ts +46 -13
  397. package/dist/utils/colors.js +92 -34
  398. package/dist/utils/css.d.ts +23 -0
  399. package/dist/utils/css.js +30 -0
  400. package/dist/utils/format.d.ts +58 -0
  401. package/dist/utils/format.js +220 -0
  402. package/dist/vite/index.d.ts +16 -0
  403. package/dist/vite/index.js +52 -0
  404. package/dist/widget/Widget.d.ts +164 -48
  405. package/dist/widget/Widget.js +335 -96
  406. package/dist/widget/WidgetGroup.d.ts +36 -0
  407. package/dist/widget/WidgetGroup.js +103 -0
  408. package/package.json +851 -157
  409. package/dist/accordion/Accordion.d.ts +0 -54
  410. package/dist/accordion/Accordion.js +0 -183
  411. package/dist/assets/components/GalaxyFilamentWordmarkDark.d.ts +0 -3
  412. package/dist/assets/components/GalaxyFilamentWordmarkDark.js +0 -14
  413. package/dist/assets/components/GalaxyFilamentWordmarkLight.d.ts +0 -3
  414. package/dist/assets/components/GalaxyFilamentWordmarkLight.js +0 -14
  415. package/dist/assets/components/GalaxyLogomarkDark.d.ts +0 -3
  416. package/dist/assets/components/GalaxyLogomarkDark.js +0 -11
  417. package/dist/assets/components/GalaxyLogomarkLight.d.ts +0 -3
  418. package/dist/assets/components/GalaxyLogomarkLight.js +0 -17
  419. package/dist/assets/components/GalaxyWordmarkDark.d.ts +0 -3
  420. package/dist/assets/components/GalaxyWordmarkDark.js +0 -15
  421. package/dist/assets/components/GalaxyWordmarkLight.d.ts +0 -3
  422. package/dist/assets/components/GalaxyWordmarkLight.js +0 -28
  423. package/dist/assets/models/galaxy-animation.js +0 -136666
  424. package/dist/assets/models/galaxy-logomark.js +0 -4
  425. package/dist/avatar/AvatarShimmer.d.ts +0 -30
  426. package/dist/avatar/AvatarShimmer.js +0 -22
  427. package/dist/backgrounds/CellGridBackground.d.ts +0 -24
  428. package/dist/backgrounds/CellGridBackground.js +0 -44
  429. package/dist/backgrounds/CrossGridBackground.d.ts +0 -26
  430. package/dist/backgrounds/CrossGridBackground.js +0 -49
  431. package/dist/backgrounds/DotGridBackground.d.ts +0 -24
  432. package/dist/backgrounds/DotGridBackground.js +0 -47
  433. package/dist/badge/Badge.d.ts +0 -42
  434. package/dist/badge/Badge.js +0 -99
  435. package/dist/charts/ChartEmptyState.d.ts +0 -17
  436. package/dist/charts/ChartEmptyState.js +0 -29
  437. package/dist/charts/ProgressBar.d.ts +0 -29
  438. package/dist/charts/ProgressBar.js +0 -65
  439. package/dist/charts/chartTheme.d.ts +0 -18
  440. package/dist/charts/chartTheme.js +0 -26
  441. package/dist/containers/FlexItem.d.ts +0 -50
  442. package/dist/containers/FlexItem.js +0 -91
  443. package/dist/containers/FlexWrapper.d.ts +0 -96
  444. package/dist/containers/FlexWrapper.js +0 -143
  445. package/dist/containers/GridWrapper.d.ts +0 -79
  446. package/dist/containers/GridWrapper.js +0 -125
  447. package/dist/containers/Spacing.d.ts +0 -23
  448. package/dist/containers/Spacing.js +0 -59
  449. package/dist/containers/Wrapper.d.ts +0 -26
  450. package/dist/containers/Wrapper.js +0 -54
  451. package/dist/dividers/HorizontalDivider.d.ts +0 -7
  452. package/dist/dividers/HorizontalDivider.js +0 -39
  453. package/dist/dividers/VerticalDivider.d.ts +0 -6
  454. package/dist/dividers/VerticalDivider.js +0 -21
  455. package/dist/icons/GalaxyFilamentWordmark.d.ts +0 -11
  456. package/dist/icons/GalaxyFilamentWordmark.js +0 -25
  457. package/dist/icons/GalaxyLogomark.d.ts +0 -13
  458. package/dist/icons/GalaxyLogomark.js +0 -27
  459. package/dist/icons/GalaxyLogomark3D.d.ts +0 -56
  460. package/dist/icons/GalaxyLogomark3D.js +0 -319
  461. package/dist/icons/GalaxyLogomarkAnimation.d.ts +0 -18
  462. package/dist/icons/GalaxyLogomarkAnimation.js +0 -48
  463. package/dist/icons/GalaxyWordmark.d.ts +0 -11
  464. package/dist/icons/GalaxyWordmark.js +0 -25
  465. package/dist/inputs/MultiTextInput.d.ts +0 -32
  466. package/dist/inputs/MultiTextInput.js +0 -180
  467. package/dist/inputs/SwitcherInput.d.ts +0 -27
  468. package/dist/inputs/SwitcherInput.js +0 -64
  469. package/dist/inputs/hooks.d.ts +0 -10
  470. package/dist/inputs/hooks.js +0 -22
  471. package/dist/overlay/constants.d.ts +0 -28
  472. package/dist/overlay/constants.js +0 -37
  473. package/dist/resizable/HorizontalResizeHandle.d.ts +0 -17
  474. package/dist/resizable/HorizontalResizeHandle.js +0 -38
  475. package/dist/resizable/VerticalResizeHandle.d.ts +0 -18
  476. package/dist/resizable/VerticalResizeHandle.js +0 -39
  477. package/dist/table/SpreadsheetCell.d.ts +0 -21
  478. package/dist/table/SpreadsheetCell.js +0 -71
  479. package/dist/table/SpreadsheetHeaderCell.d.ts +0 -23
  480. package/dist/table/SpreadsheetHeaderCell.js +0 -91
  481. package/dist/table/SpreadsheetMenuItem.d.ts +0 -14
  482. package/dist/table/SpreadsheetMenuItem.js +0 -33
  483. package/dist/table/SpreadsheetPrimitives.d.ts +0 -172
  484. package/dist/table/SpreadsheetPrimitives.js +0 -105
  485. package/dist/table/SpreadsheetRow.d.ts +0 -33
  486. package/dist/table/SpreadsheetRow.js +0 -73
  487. package/dist/table/SpreadsheetRowActionCell.d.ts +0 -14
  488. package/dist/table/SpreadsheetRowActionCell.js +0 -51
  489. package/dist/table/TableExpandCell.d.ts +0 -11
  490. package/dist/table/TableExpandCell.js +0 -24
  491. package/dist/table/TableExpandedRow.d.ts +0 -16
  492. package/dist/table/TableExpandedRow.js +0 -77
  493. package/dist/table/TableHeaderCellContent.d.ts +0 -30
  494. package/dist/table/TableHeaderCellContent.js +0 -48
  495. package/dist/table/TablePrimitives.d.ts +0 -313
  496. package/dist/table/TablePrimitives.js +0 -302
  497. package/dist/table/TableSelectCell.d.ts +0 -18
  498. package/dist/table/TableSelectCell.js +0 -27
  499. package/dist/table/TableStatusRow.d.ts +0 -18
  500. package/dist/table/TableStatusRow.js +0 -50
  501. package/dist/table/useSpreadsheetEditing.d.ts +0 -13
  502. package/dist/table/useSpreadsheetEditing.js +0 -41
  503. package/dist/table/useTableColumnResize.d.ts +0 -38
  504. package/dist/table/useTableColumnResize.js +0 -155
  505. package/dist/table/useTableRowExpansion.d.ts +0 -24
  506. package/dist/table/useTableRowExpansion.js +0 -62
  507. package/dist/table/utils.d.ts +0 -50
  508. package/dist/table/utils.js +0 -78
  509. package/dist/text/HotKeys.d.ts +0 -30
  510. package/dist/text/HotKeys.js +0 -74
  511. package/dist/text/Paragraph.d.ts +0 -33
  512. package/dist/text/Paragraph.js +0 -83
  513. package/dist/text/TextShimmer.d.ts +0 -14
  514. package/dist/text/TextShimmer.js +0 -34
  515. package/dist/theme/GalaxyTheme.d.ts +0 -67
  516. package/dist/theme/GalaxyTheme.js +0 -119
  517. package/dist/theme/constants.d.ts +0 -8
  518. package/dist/theme/constants.js +0 -38
  519. package/dist/theme/index.d.ts +0 -6
  520. package/dist/theme/index.js +0 -7
  521. package/dist/theme/types.d.ts +0 -195
  522. package/dist/theme/types.js +0 -10
  523. package/dist/theme/typography.d.ts +0 -2
  524. package/dist/theme/typography.js +0 -73
  525. package/dist/theme/variants/dark.d.ts +0 -2
  526. package/dist/theme/variants/dark.js +0 -125
  527. package/dist/theme/variants/light.d.ts +0 -2
  528. package/dist/theme/variants/light.js +0 -125
  529. package/dist/toast/ToastContainer.d.ts +0 -10
  530. package/dist/toast/ToastContainer.js +0 -31
  531. package/dist/toast/ToastWrapper.d.ts +0 -6
  532. package/dist/toast/ToastWrapper.js +0 -27
  533. package/dist/transform/Flash.d.ts +0 -7
  534. package/dist/transform/Flash.js +0 -18
  535. package/dist/transform/Spin.d.ts +0 -14
  536. package/dist/transform/Spin.js +0 -25
  537. package/dist/utils/linaria.d.ts +0 -1
  538. package/dist/utils/linaria.js +0 -8
@@ -1,23 +0,0 @@
1
- import React from "react";
2
- import { TableDensity, TableVariant, type SpreadsheetColumnDef, type SpreadsheetRowsContext } from "./types";
3
- export interface SpreadsheetHeaderCellProps<TData> {
4
- column: SpreadsheetColumnDef<TData, unknown>;
5
- columnIndex: number;
6
- width?: number;
7
- pinnedOffset?: number;
8
- density: TableDensity;
9
- variant: TableVariant;
10
- rowsContext: SpreadsheetRowsContext<TData>;
11
- isResizable: boolean;
12
- isResizing: boolean;
13
- resizeBounds: {
14
- min: number;
15
- max: number;
16
- current: number | undefined;
17
- };
18
- onResizeStart: (columnId: string, clientX: number, measuredWidth?: number) => void;
19
- onResizeKeyDown: (columnId: string, event: React.KeyboardEvent) => void;
20
- }
21
- declare function SpreadsheetHeaderCellInner<TData>({ column, columnIndex, width, pinnedOffset, density, variant, rowsContext, isResizable, isResizing, resizeBounds, onResizeStart, onResizeKeyDown, }: SpreadsheetHeaderCellProps<TData>): React.JSX.Element;
22
- declare const SpreadsheetHeaderCell: typeof SpreadsheetHeaderCellInner;
23
- export default SpreadsheetHeaderCell;
@@ -1,91 +0,0 @@
1
- import Dropdown, { DropdownPosition } from "../dropdown/Dropdown.js";
2
- import Icon, { IconVariant } from "../icons/Icon.js";
3
- import FlexWrapper, { FlexDirection } from "../containers/FlexWrapper.js";
4
- import { TableHeaderCell } from "./TablePrimitives.js";
5
- import TableHeaderCellContent from "./TableHeaderCellContent.js";
6
- import SpreadsheetMenuItem from "./SpreadsheetMenuItem.js";
7
- import { HeaderMenuTrigger } from "./SpreadsheetPrimitives.js";
8
- import React, { useState } from "react";
9
- import { jsx, jsxs } from "react/jsx-runtime";
10
- import { DotsThreeVerticalIcon } from "@phosphor-icons/react";
11
- //#region src/table/SpreadsheetHeaderCell.tsx
12
- function SpreadsheetHeaderCellInner({ column, columnIndex, width, pinnedOffset, density, variant, rowsContext, isResizable, isResizing, resizeBounds, onResizeStart, onResizeKeyDown }) {
13
- const [isMenuOpen, setIsMenuOpen] = useState(false);
14
- const headerActions = column.headerActions ?? [];
15
- const enrichmentActions = column.enrichmentActions ?? [];
16
- const hasMenu = headerActions.length > 0 || enrichmentActions.length > 0;
17
- const label = column.header ?? column.id;
18
- const menu = hasMenu ? /* @__PURE__ */ jsx(Dropdown, {
19
- body: /* @__PURE__ */ jsxs(FlexWrapper, {
20
- direction: FlexDirection.COLUMN,
21
- gap: 2,
22
- children: [enrichmentActions.map((action) => /* @__PURE__ */ jsx(SpreadsheetMenuItem, {
23
- icon: action.icon,
24
- label: action.label,
25
- onClick: () => {
26
- action.onAction(column.id, rowsContext);
27
- setIsMenuOpen(false);
28
- }
29
- }, `enrich-${action.id}`)), headerActions.map((action) => /* @__PURE__ */ jsx(SpreadsheetMenuItem, {
30
- icon: action.icon,
31
- label: action.label,
32
- variant: action.variant,
33
- onClick: () => {
34
- action.onAction(column.id);
35
- setIsMenuOpen(false);
36
- }
37
- }, `action-${action.id}`))]
38
- }),
39
- position: DropdownPosition.BOTTOM_END,
40
- offset: [0, 4],
41
- isOpen: isMenuOpen,
42
- onClose: () => setIsMenuOpen(false),
43
- minWidth: 160,
44
- children: /* @__PURE__ */ jsx(HeaderMenuTrigger, {
45
- type: "button",
46
- "aria-label": `${label} column options`,
47
- "aria-expanded": isMenuOpen,
48
- "aria-haspopup": true,
49
- onClick: (event) => {
50
- event.stopPropagation();
51
- setIsMenuOpen(!isMenuOpen);
52
- },
53
- children: /* @__PURE__ */ jsx(Icon, {
54
- component: DotsThreeVerticalIcon,
55
- size: 12,
56
- variant: IconVariant.TERTIARY
57
- })
58
- })
59
- }) : void 0;
60
- return /* @__PURE__ */ jsx(TableHeaderCell, {
61
- $width: width,
62
- $minWidth: column.minSize,
63
- $maxWidth: column.maxSize,
64
- $pin: column.pin,
65
- $pinnedOffset: pinnedOffset,
66
- $align: column.align,
67
- $density: density,
68
- $variant: variant,
69
- role: "columnheader",
70
- scope: "col",
71
- "aria-colindex": columnIndex + 1,
72
- "aria-label": column.headerAriaLabel,
73
- children: /* @__PURE__ */ jsx(TableHeaderCellContent, {
74
- content: label,
75
- isSortable: false,
76
- sortDirection: false,
77
- trailing: menu,
78
- resize: isResizable ? {
79
- columnId: column.id,
80
- columnLabel: label,
81
- isResizing,
82
- bounds: resizeBounds,
83
- onResizeStart,
84
- onResizeKeyDown
85
- } : void 0
86
- })
87
- });
88
- }
89
- var SpreadsheetHeaderCell = React.memo(SpreadsheetHeaderCellInner);
90
- //#endregion
91
- export { SpreadsheetHeaderCell as default };
@@ -1,14 +0,0 @@
1
- import type { ReactNode } from "react";
2
- import { TextVariant } from "../text/Text";
3
- export interface SpreadsheetMenuItemProps {
4
- icon?: ReactNode;
5
- label: string;
6
- variant?: TextVariant;
7
- onClick: () => void;
8
- }
9
- /**
10
- * One row of a spreadsheet dropdown — shared by the column header menu and the
11
- * row action menu, which previously carried byte-identical copies.
12
- */
13
- declare const SpreadsheetMenuItem: ({ icon, label, variant, onClick }: SpreadsheetMenuItemProps) => import("react").JSX.Element;
14
- export default SpreadsheetMenuItem;
@@ -1,33 +0,0 @@
1
- import { withTheme } from "../theme/GalaxyTheme.js";
2
- import Text, { TextSize, TextWeight } from "../text/Text.js";
3
- /* empty css */
4
- import { styled } from "@linaria/react";
5
- import { jsx, jsxs } from "react/jsx-runtime";
6
- //#region src/table/SpreadsheetMenuItem.tsx
7
- var _exp = () => ({ theme }) => theme.color.background.secondary;
8
- var _exp2 = () => ({ theme }) => theme.color.border.selected;
9
- var MenuItemButton = withTheme(/*#__PURE__*/ styled("button")({
10
- name: "MenuItemButton",
11
- class: "m16ywplt",
12
- propsAsIs: false,
13
- vars: {
14
- "m16ywplt-0": [_exp()],
15
- "m16ywplt-1": [_exp2()]
16
- }
17
- }));
18
- /**
19
- * One row of a spreadsheet dropdown — shared by the column header menu and the
20
- * row action menu, which previously carried byte-identical copies.
21
- */
22
- var SpreadsheetMenuItem = ({ icon, label, variant, onClick }) => /* @__PURE__ */ jsxs(MenuItemButton, {
23
- type: "button",
24
- onClick,
25
- children: [icon, /* @__PURE__ */ jsx(Text, {
26
- size: TextSize.BODY_SM,
27
- weight: TextWeight.MEDIUM,
28
- variant,
29
- children: label
30
- })]
31
- });
32
- //#endregion
33
- export { SpreadsheetMenuItem as default };
@@ -1,172 +0,0 @@
1
- import { CellEnrichmentStatus, TableVariant } from "./types";
2
- /**
3
- * Styled leaves with no equivalent in `TablePrimitives` — the trailing action
4
- * column, the enrichment status dot, and the inline editor overlay.
5
- *
6
- * Everything here is non-generic: `withTheme` erases type parameters, so the
7
- * generic row/cell components compose these rather than being wrapped.
8
- */
9
- /** Trailing sticky header cell holding the add-column control. */
10
- export declare const ActionColumnHeaderCell: import("react").ComponentType<Pick<import("react").ClassAttributes<HTMLTableHeaderCellElement> & import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> & {
11
- $variant?: TableVariant;
12
- } & {
13
- theme: import("../theme").Theme;
14
- } & {
15
- as?: React.ElementType;
16
- }, "$variant" | "as" | keyof import("react").ClassAttributes<HTMLTableHeaderCellElement> | keyof import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>> & {
17
- theme?: import("@callstack/react-theme-provider").$DeepPartial<import("../theme").Theme> | undefined;
18
- }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<import("react").ComponentType<import("react").ClassAttributes<HTMLTableHeaderCellElement> & import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> & {
19
- $variant?: TableVariant;
20
- } & {
21
- theme: import("../theme").Theme;
22
- } & {
23
- as?: React.ElementType;
24
- }> & {
25
- __wyw_meta: unknown;
26
- } & import("react").FunctionComponent<import("react").ClassAttributes<HTMLTableHeaderCellElement> & import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> & {
27
- $variant?: TableVariant;
28
- } & {
29
- theme: import("../theme").Theme;
30
- } & {
31
- as?: React.ElementType;
32
- }>, {}>;
33
- /** Trailing sticky body cell holding the row action menu. */
34
- export declare const ActionColumnCell: import("react").ComponentType<Pick<import("react").ClassAttributes<HTMLTableDataCellElement> & import("react").TdHTMLAttributes<HTMLTableDataCellElement> & {
35
- $variant?: TableVariant;
36
- $pinnedOffset?: number;
37
- } & {
38
- theme: import("../theme").Theme;
39
- } & {
40
- as?: React.ElementType;
41
- }, "$variant" | "as" | "$pinnedOffset" | keyof import("react").ClassAttributes<HTMLTableDataCellElement> | keyof import("react").TdHTMLAttributes<HTMLTableDataCellElement>> & {
42
- theme?: import("@callstack/react-theme-provider").$DeepPartial<import("../theme").Theme> | undefined;
43
- }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<import("react").ComponentType<import("react").ClassAttributes<HTMLTableDataCellElement> & import("react").TdHTMLAttributes<HTMLTableDataCellElement> & {
44
- $variant?: TableVariant;
45
- $pinnedOffset?: number;
46
- } & {
47
- theme: import("../theme").Theme;
48
- } & {
49
- as?: React.ElementType;
50
- }> & {
51
- __wyw_meta: unknown;
52
- } & import("react").FunctionComponent<import("react").ClassAttributes<HTMLTableDataCellElement> & import("react").TdHTMLAttributes<HTMLTableDataCellElement> & {
53
- $variant?: TableVariant;
54
- $pinnedOffset?: number;
55
- } & {
56
- theme: import("../theme").Theme;
57
- } & {
58
- as?: React.ElementType;
59
- }>, {}>;
60
- /** Keeps the trailing column's width when a row has no actions. */
61
- export declare const ActionColumnSpacerCell: import("react").ComponentType<Pick<import("react").ClassAttributes<HTMLTableDataCellElement> & import("react").TdHTMLAttributes<HTMLTableDataCellElement> & {
62
- $variant?: TableVariant;
63
- } & {
64
- theme: import("../theme").Theme;
65
- } & {
66
- as?: React.ElementType;
67
- }, "$variant" | "as" | keyof import("react").ClassAttributes<HTMLTableDataCellElement> | keyof import("react").TdHTMLAttributes<HTMLTableDataCellElement>> & {
68
- theme?: import("@callstack/react-theme-provider").$DeepPartial<import("../theme").Theme> | undefined;
69
- }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<import("react").ComponentType<import("react").ClassAttributes<HTMLTableDataCellElement> & import("react").TdHTMLAttributes<HTMLTableDataCellElement> & {
70
- $variant?: TableVariant;
71
- } & {
72
- theme: import("../theme").Theme;
73
- } & {
74
- as?: React.ElementType;
75
- }> & {
76
- __wyw_meta: unknown;
77
- } & import("react").FunctionComponent<import("react").ClassAttributes<HTMLTableDataCellElement> & import("react").TdHTMLAttributes<HTMLTableDataCellElement> & {
78
- $variant?: TableVariant;
79
- } & {
80
- theme: import("../theme").Theme;
81
- } & {
82
- as?: React.ElementType;
83
- }>, {}>;
84
- /**
85
- * Column header menu trigger.
86
- *
87
- * Deliberately chrome-less rather than a `Button`: it should read as a peer of
88
- * the table's sort caret — a bare 12px tertiary icon — not as a control sitting
89
- * in the header. It stays a real `button` so it remains focusable and announced.
90
- */
91
- export declare const HeaderMenuTrigger: import("react").ComponentType<Pick<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
92
- theme: import("../theme").Theme;
93
- } & {
94
- as?: React.ElementType;
95
- }, "as" | keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
96
- theme?: import("@callstack/react-theme-provider").$DeepPartial<import("../theme").Theme> | undefined;
97
- }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<import("react").ComponentType<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
98
- theme: import("../theme").Theme;
99
- } & {
100
- as?: React.ElementType;
101
- }> & {
102
- __wyw_meta: unknown;
103
- } & import("react").FunctionComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
104
- theme: import("../theme").Theme;
105
- } & {
106
- as?: React.ElementType;
107
- }>, {}>;
108
- export declare const CellStatusDot: import("react").ComponentType<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
109
- $status: CellEnrichmentStatus;
110
- } & {
111
- theme: import("../theme").Theme;
112
- } & {
113
- as?: React.ElementType;
114
- }, "as" | keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement> | "$status"> & {
115
- theme?: import("@callstack/react-theme-provider").$DeepPartial<import("../theme").Theme> | undefined;
116
- }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<import("react").ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
117
- $status: CellEnrichmentStatus;
118
- } & {
119
- theme: import("../theme").Theme;
120
- } & {
121
- as?: React.ElementType;
122
- }> & {
123
- __wyw_meta: unknown;
124
- } & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
125
- $status: CellEnrichmentStatus;
126
- } & {
127
- theme: import("../theme").Theme;
128
- } & {
129
- as?: React.ElementType;
130
- }>, {}>;
131
- /**
132
- * Inline editor overlay.
133
- *
134
- * `inset: 0` resolves against the cell only because the cell is rendered with
135
- * `$isPositioned` — otherwise the nearest positioned ancestor is the row, which
136
- * is `position: absolute` in a virtualized body.
137
- */
138
- export declare const CellEditorWrapper: import("react").ComponentType<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
139
- theme: import("../theme").Theme;
140
- } & {
141
- as?: React.ElementType;
142
- }, "as" | keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
143
- theme?: import("@callstack/react-theme-provider").$DeepPartial<import("../theme").Theme> | undefined;
144
- }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<import("react").ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
145
- theme: import("../theme").Theme;
146
- } & {
147
- as?: React.ElementType;
148
- }> & {
149
- __wyw_meta: unknown;
150
- } & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
151
- theme: import("../theme").Theme;
152
- } & {
153
- as?: React.ElementType;
154
- }>, {}>;
155
- /** Skeleton block shown in a loading cell. */
156
- export declare const CellLoadingSkeleton: import("react").ComponentType<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
157
- theme: import("../theme").Theme;
158
- } & {
159
- as?: React.ElementType;
160
- }, "as" | keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
161
- theme?: import("@callstack/react-theme-provider").$DeepPartial<import("../theme").Theme> | undefined;
162
- }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<import("react").ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
163
- theme: import("../theme").Theme;
164
- } & {
165
- as?: React.ElementType;
166
- }> & {
167
- __wyw_meta: unknown;
168
- } & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
169
- theme: import("../theme").Theme;
170
- } & {
171
- as?: React.ElementType;
172
- }>, {}>;
@@ -1,105 +0,0 @@
1
- import { withTheme } from "../theme/GalaxyTheme.js";
2
- import { CellEnrichmentStatus } from "./types.js";
3
- import { getVariantBackgroundColor } from "./utils.js";
4
- /* empty css */
5
- import { styled } from "@linaria/react";
6
- import { match } from "ts-pattern";
7
- //#region src/table/SpreadsheetPrimitives.tsx
8
- /**
9
- * Styled leaves with no equivalent in `TablePrimitives` — the trailing action
10
- * column, the enrichment status dot, and the inline editor overlay.
11
- *
12
- * Everything here is non-generic: `withTheme` erases type parameters, so the
13
- * generic row/cell components compose these rather than being wrapped.
14
- */
15
- /** Trailing sticky header cell holding the add-column control. */
16
- var _exp2 = () => ({ $variant, theme }) => getVariantBackgroundColor(theme, $variant);
17
- var _exp4 = () => ({ theme }) => theme.color.border.primary;
18
- var ActionColumnHeaderCell = withTheme(/*#__PURE__*/ styled("th")({
19
- name: "ActionColumnHeaderCell",
20
- class: "a1wb3h41",
21
- propsAsIs: false,
22
- vars: {
23
- "a1wb3h41-0": [_exp2()],
24
- "a1wb3h41-1": [_exp4()]
25
- }
26
- }));
27
- /** Trailing sticky body cell holding the row action menu. */
28
- var _exp5 = () => ({ $pinnedOffset }) => $pinnedOffset !== void 0 ? `${$pinnedOffset}px` : "0";
29
- var _exp7 = () => ({ $variant, theme }) => getVariantBackgroundColor(theme, $variant);
30
- var _exp8 = () => ({ theme }) => theme.color.border.primary;
31
- var ActionColumnCell = withTheme(/*#__PURE__*/ styled("td")({
32
- name: "ActionColumnCell",
33
- class: "an0h7xt",
34
- propsAsIs: false,
35
- vars: {
36
- "an0h7xt-0": [_exp5()],
37
- "an0h7xt-1": [_exp7()],
38
- "an0h7xt-2": [_exp8()]
39
- }
40
- }));
41
- /** Keeps the trailing column's width when a row has no actions. */
42
- var _exp0 = () => ({ $variant, theme }) => getVariantBackgroundColor(theme, $variant);
43
- var _exp1 = () => ({ theme }) => theme.color.border.primary;
44
- var ActionColumnSpacerCell = withTheme(/*#__PURE__*/ styled("td")({
45
- name: "ActionColumnSpacerCell",
46
- class: "asyqbtk",
47
- propsAsIs: false,
48
- vars: {
49
- "asyqbtk-0": [_exp0()],
50
- "asyqbtk-1": [_exp1()]
51
- }
52
- }));
53
- /**
54
- * Column header menu trigger.
55
- *
56
- * Deliberately chrome-less rather than a `Button`: it should read as a peer of
57
- * the table's sort caret — a bare 12px tertiary icon — not as a control sitting
58
- * in the header. It stays a real `button` so it remains focusable and announced.
59
- */
60
- var _exp10 = () => ({ theme }) => theme.color.border.selected;
61
- var HeaderMenuTrigger = withTheme(/*#__PURE__*/ styled("button")({
62
- name: "HeaderMenuTrigger",
63
- class: "hykjqu1",
64
- propsAsIs: false,
65
- vars: { "hykjqu1-0": [_exp10()] }
66
- }));
67
- var _exp13 = () => ({ $status, theme }) => match($status).with(CellEnrichmentStatus.PENDING, () => theme.color.text.tertiary).with(CellEnrichmentStatus.RUNNING, () => theme.color.background.galaxy).with(CellEnrichmentStatus.COMPLETE, () => theme.color.icon.success).with(CellEnrichmentStatus.ERROR, () => theme.color.text.error).otherwise(() => "transparent");
68
- var _exp14 = () => ({ $status }) => $status === CellEnrichmentStatus.RUNNING ? "enrichPulse 1.2s ease-in-out infinite" : "none";
69
- var CellStatusDot = withTheme(/*#__PURE__*/ styled("div")({
70
- name: "CellStatusDot",
71
- class: "c1yt5ynl",
72
- propsAsIs: false,
73
- vars: {
74
- "c1yt5ynl-0": [_exp13()],
75
- "c1yt5ynl-1": [_exp14()]
76
- }
77
- }));
78
- /**
79
- * Inline editor overlay.
80
- *
81
- * `inset: 0` resolves against the cell only because the cell is rendered with
82
- * `$isPositioned` — otherwise the nearest positioned ancestor is the row, which
83
- * is `position: absolute` in a virtualized body.
84
- */
85
- var _exp15 = () => ({ theme }) => theme.color.background.primary;
86
- var _exp16 = () => ({ theme }) => theme.color.border.galaxy;
87
- var CellEditorWrapper = withTheme(/*#__PURE__*/ styled("div")({
88
- name: "CellEditorWrapper",
89
- class: "c1kvxq2r",
90
- propsAsIs: false,
91
- vars: {
92
- "c1kvxq2r-0": [_exp15()],
93
- "c1kvxq2r-1": [_exp16()]
94
- }
95
- }));
96
- /** Skeleton block shown in a loading cell. */
97
- var _exp17 = () => ({ theme }) => theme.color.background.tertiary;
98
- var CellLoadingSkeleton = withTheme(/*#__PURE__*/ styled("div")({
99
- name: "CellLoadingSkeleton",
100
- class: "cz6gl36",
101
- propsAsIs: false,
102
- vars: { "cz6gl36-0": [_exp17()] }
103
- }));
104
- //#endregion
105
- export { ActionColumnCell, ActionColumnHeaderCell, ActionColumnSpacerCell, CellEditorWrapper, CellLoadingSkeleton, CellStatusDot, HeaderMenuTrigger };
@@ -1,33 +0,0 @@
1
- import React from "react";
2
- import { TableDensity, TableVariant, type EditingCell, type SpreadsheetColumnDef, type SpreadsheetRowAction } from "./types";
3
- export interface SpreadsheetRowProps<TData> {
4
- rowData: TData | undefined;
5
- rowIndex: number;
6
- translateY: number;
7
- rowHeight: number;
8
- isLastRow: boolean;
9
- density: TableDensity;
10
- variant: TableVariant;
11
- columns: SpreadsheetColumnDef<TData, unknown>[];
12
- pinnedOffsets: Map<string, number>;
13
- getColumnWidth: (col: SpreadsheetColumnDef<TData, unknown>) => number | undefined;
14
- editingCell: EditingCell | null;
15
- onStartEditing: (rowIndex: number, columnId: string) => void;
16
- onCommitEditing: () => void;
17
- onCancelEditing: () => void;
18
- rowActions?: SpreadsheetRowAction<TData>[];
19
- rowActionsAriaLabel?: string;
20
- showActionColumn?: boolean;
21
- tabIndex?: number;
22
- onFocus?: () => void;
23
- onKeyDown?: (event: React.KeyboardEvent) => void;
24
- }
25
- declare function SpreadsheetRowInner<TData>({ rowData, rowIndex, translateY, rowHeight, isLastRow, density, variant, columns, pinnedOffsets, getColumnWidth, editingCell, onStartEditing, onCommitEditing, onCancelEditing, rowActions, rowActionsAriaLabel, showActionColumn, tabIndex, onFocus, onKeyDown, }: SpreadsheetRowProps<TData>): React.JSX.Element;
26
- /**
27
- * Default shallow comparison: `columns`, `getColumnWidth` and `pinnedOffsets`
28
- * are all memoized upstream, so every prop that affects the output takes part.
29
- * A hand-written comparator here previously dropped `rowHeight`, which left
30
- * mounted rows at a stale height whenever density changed.
31
- */
32
- declare const SpreadsheetRow: typeof SpreadsheetRowInner;
33
- export default SpreadsheetRow;
@@ -1,73 +0,0 @@
1
- import { ROW_INDEX_ATTRIBUTE } from "./useTableKeyboardNavigation.js";
2
- import { TableDataCell, TableRow } from "./TablePrimitives.js";
3
- import { ActionColumnSpacerCell } from "./SpreadsheetPrimitives.js";
4
- import SpreadsheetRowActionCell from "./SpreadsheetRowActionCell.js";
5
- import SpreadsheetCell from "./SpreadsheetCell.js";
6
- import React from "react";
7
- import { jsx, jsxs } from "react/jsx-runtime";
8
- //#region src/table/SpreadsheetRow.tsx
9
- function SpreadsheetRowInner({ rowData, rowIndex, translateY, rowHeight, isLastRow, density, variant, columns, pinnedOffsets, getColumnWidth, editingCell, onStartEditing, onCommitEditing, onCancelEditing, rowActions, rowActionsAriaLabel, showActionColumn, tabIndex, onFocus, onKeyDown }) {
10
- return /* @__PURE__ */ jsxs(TableRow, {
11
- $density: density,
12
- $variant: variant,
13
- $isLastRow: isLastRow,
14
- $translateY: translateY,
15
- $rowHeight: rowHeight,
16
- role: "row",
17
- "aria-rowindex": rowIndex + 2,
18
- tabIndex,
19
- onFocus,
20
- onKeyDown,
21
- [ROW_INDEX_ATTRIBUTE]: rowIndex,
22
- children: [columns.map((col, columnIndex) => rowData ? /* @__PURE__ */ jsx(SpreadsheetCell, {
23
- column: col,
24
- row: rowData,
25
- rowIndex,
26
- columnIndex,
27
- isEditing: editingCell?.rowIndex === rowIndex && editingCell?.columnId === col.id,
28
- onStartEditing: () => onStartEditing(rowIndex, col.id),
29
- onCommit: (value) => {
30
- col.onCellChange?.(rowIndex, rowData, value);
31
- onCommitEditing();
32
- },
33
- onCancel: onCancelEditing,
34
- width: getColumnWidth(col),
35
- pin: col.pin,
36
- pinnedOffset: pinnedOffsets.get(col.id),
37
- align: col.align,
38
- density,
39
- variant
40
- }, col.id) : /* @__PURE__ */ jsx(TableDataCell, {
41
- $width: getColumnWidth(col),
42
- $minWidth: col.minSize,
43
- $maxWidth: col.maxSize,
44
- $pin: col.pin,
45
- $pinnedOffset: pinnedOffsets.get(col.id),
46
- $align: col.align,
47
- $density: density,
48
- $variant: variant,
49
- role: "gridcell",
50
- "aria-colindex": columnIndex + 1,
51
- children: col.cellLoading ? col.cellLoading() : null
52
- }, col.id)), showActionColumn && (rowData && rowActions && rowActions.length > 0 ? /* @__PURE__ */ jsx(SpreadsheetRowActionCell, {
53
- row: rowData,
54
- rowIndex,
55
- columnIndex: columns.length,
56
- actions: rowActions,
57
- variant,
58
- ariaLabel: rowActionsAriaLabel
59
- }) : /* @__PURE__ */ jsx(ActionColumnSpacerCell, {
60
- $variant: variant,
61
- role: "gridcell"
62
- }))]
63
- });
64
- }
65
- /**
66
- * Default shallow comparison: `columns`, `getColumnWidth` and `pinnedOffsets`
67
- * are all memoized upstream, so every prop that affects the output takes part.
68
- * A hand-written comparator here previously dropped `rowHeight`, which left
69
- * mounted rows at a stale height whenever density changed.
70
- */
71
- var SpreadsheetRow = React.memo(SpreadsheetRowInner);
72
- //#endregion
73
- export { SpreadsheetRow as default };
@@ -1,14 +0,0 @@
1
- import React from "react";
2
- import { TableVariant, type SpreadsheetRowAction } from "./types";
3
- export interface SpreadsheetRowActionCellProps<TData> {
4
- row: TData;
5
- rowIndex: number;
6
- columnIndex: number;
7
- actions: SpreadsheetRowAction<TData>[];
8
- variant: TableVariant;
9
- pinnedOffset?: number;
10
- ariaLabel?: string;
11
- }
12
- declare function SpreadsheetRowActionCellInner<TData>({ row, rowIndex, columnIndex, actions, variant, pinnedOffset, ariaLabel, }: SpreadsheetRowActionCellProps<TData>): React.JSX.Element;
13
- declare const SpreadsheetRowActionCell: typeof SpreadsheetRowActionCellInner;
14
- export default SpreadsheetRowActionCell;
@@ -1,51 +0,0 @@
1
- import Dropdown, { DropdownPosition } from "../dropdown/Dropdown.js";
2
- import Button, { ButtonSize, ButtonVariant } from "../buttons/Button.js";
3
- import FlexWrapper, { FlexDirection } from "../containers/FlexWrapper.js";
4
- import SpreadsheetMenuItem from "./SpreadsheetMenuItem.js";
5
- import { ActionColumnCell } from "./SpreadsheetPrimitives.js";
6
- import React, { useState } from "react";
7
- import { jsx } from "react/jsx-runtime";
8
- import { DotsThreeVerticalIcon } from "@phosphor-icons/react";
9
- //#region src/table/SpreadsheetRowActionCell.tsx
10
- function SpreadsheetRowActionCellInner({ row, rowIndex, columnIndex, actions, variant, pinnedOffset, ariaLabel }) {
11
- const [isOpen, setIsOpen] = useState(false);
12
- return /* @__PURE__ */ jsx(ActionColumnCell, {
13
- $variant: variant,
14
- $pinnedOffset: pinnedOffset,
15
- role: "gridcell",
16
- "aria-colindex": columnIndex + 1,
17
- children: /* @__PURE__ */ jsx(Dropdown, {
18
- body: /* @__PURE__ */ jsx(FlexWrapper, {
19
- direction: FlexDirection.COLUMN,
20
- gap: 2,
21
- children: actions.map((action) => /* @__PURE__ */ jsx(SpreadsheetMenuItem, {
22
- icon: action.icon,
23
- label: action.label,
24
- onClick: () => {
25
- action.onAction(rowIndex, row);
26
- setIsOpen(false);
27
- }
28
- }, action.id))
29
- }),
30
- position: DropdownPosition.BOTTOM_END,
31
- isOpen,
32
- onClose: () => setIsOpen(false),
33
- minWidth: 140,
34
- children: /* @__PURE__ */ jsx(Button, {
35
- icon: DotsThreeVerticalIcon,
36
- variant: ButtonVariant.TERTIARY,
37
- size: ButtonSize.SMALL,
38
- ariaLabel: ariaLabel ?? `Actions for row ${rowIndex + 1}`,
39
- ariaExpanded: isOpen,
40
- ariaHasPopup: true,
41
- onClick: (event) => {
42
- event.stopPropagation();
43
- setIsOpen(!isOpen);
44
- }
45
- })
46
- })
47
- });
48
- }
49
- var SpreadsheetRowActionCell = React.memo(SpreadsheetRowActionCellInner);
50
- //#endregion
51
- export { SpreadsheetRowActionCell as default };
@@ -1,11 +0,0 @@
1
- import { TableDensity } from "./types";
2
- interface TableExpandCellProps {
3
- isExpanded: boolean;
4
- density: TableDensity;
5
- /** Id of the panel this toggle controls, for `aria-controls`. */
6
- expandedPanelId: string;
7
- ariaLabel?: string;
8
- onToggle: () => void;
9
- }
10
- declare const TableExpandCell: ({ isExpanded, density, expandedPanelId, ariaLabel, onToggle, }: TableExpandCellProps) => import("react").JSX.Element;
11
- export default TableExpandCell;
@@ -1,24 +0,0 @@
1
- import Button, { ButtonSize, ButtonVariant } from "../buttons/Button.js";
2
- import { TableDensity } from "./types.js";
3
- import { jsx } from "react/jsx-runtime";
4
- import { CaretDownIcon, CaretRightIcon } from "@phosphor-icons/react";
5
- //#region src/table/TableExpandCell.tsx
6
- var DENSITY_TO_BUTTON_SIZE_MAP = {
7
- [TableDensity.SMALL]: ButtonSize.SMALL,
8
- [TableDensity.MEDIUM]: ButtonSize.SMALL,
9
- [TableDensity.LARGE]: ButtonSize.MEDIUM
10
- };
11
- var TableExpandCell = ({ isExpanded, density, expandedPanelId, ariaLabel, onToggle }) => /* @__PURE__ */ jsx(Button, {
12
- ariaExpanded: isExpanded,
13
- ariaControls: isExpanded ? expandedPanelId : void 0,
14
- ariaLabel: ariaLabel ?? (isExpanded ? "Collapse row" : "Expand row"),
15
- icon: isExpanded ? CaretDownIcon : CaretRightIcon,
16
- onClick: (event) => {
17
- event.stopPropagation();
18
- onToggle();
19
- },
20
- variant: ButtonVariant.TERTIARY,
21
- size: DENSITY_TO_BUTTON_SIZE_MAP[density]
22
- });
23
- //#endregion
24
- export { TableExpandCell as default };