@galaxy-io/dls 1.6.1 → 2.0.1

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 (540) 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 +160 -124
  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 +33 -20
  46. package/dist/charts/ChartFrame.d.ts +71 -116
  47. package/dist/charts/ChartFrame.js +306 -97
  48. package/dist/charts/ChartGroupProvider.d.ts +30 -41
  49. package/dist/charts/ChartGroupProvider.js +20 -7
  50. package/dist/charts/ChartLegend.d.ts +37 -48
  51. package/dist/charts/ChartLegend.js +243 -125
  52. package/dist/charts/ChartMarkTargets.d.ts +12 -28
  53. package/dist/charts/ChartMarkTargets.js +34 -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 +307 -0
  60. package/dist/charts/LineChart.d.ts +54 -47
  61. package/dist/charts/LineChart.js +174 -121
  62. package/dist/charts/PieChart.d.ts +32 -53
  63. package/dist/charts/PieChart.js +159 -136
  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/chartSelection.d.ts +15 -0
  79. package/dist/charts/chartSelection.js +22 -0
  80. package/dist/charts/constants.d.ts +100 -256
  81. package/dist/charts/constants.js +109 -275
  82. package/dist/charts/heatmapGeometry.d.ts +95 -0
  83. package/dist/charts/heatmapGeometry.js +155 -0
  84. package/dist/charts/lineChartGeometry.d.ts +108 -58
  85. package/dist/charts/lineChartGeometry.js +120 -78
  86. package/dist/charts/pieChartGeometry.d.ts +66 -40
  87. package/dist/charts/pieChartGeometry.js +68 -38
  88. package/dist/charts/types.d.ts +206 -466
  89. package/dist/charts/types.js +55 -144
  90. package/dist/charts/useCartesianChartLayout.d.ts +28 -59
  91. package/dist/charts/useCartesianChartLayout.js +47 -32
  92. package/dist/charts/useChartDimensions.d.ts +19 -40
  93. package/dist/charts/useChartDimensions.js +40 -56
  94. package/dist/charts/useChartFormatters.d.ts +6 -15
  95. package/dist/charts/useChartFormatters.js +4 -9
  96. package/dist/charts/useChartInteraction.d.ts +69 -116
  97. package/dist/charts/useChartInteraction.js +148 -78
  98. package/dist/charts/useChartTooltipPosition.d.ts +29 -39
  99. package/dist/charts/useChartTooltipPosition.js +14 -5
  100. package/dist/charts/useSeriesColorResolver.d.ts +11 -33
  101. package/dist/charts/useSeriesColorResolver.js +19 -12
  102. package/dist/chips/Chip.d.ts +155 -44
  103. package/dist/chips/Chip.js +329 -155
  104. package/dist/chips/ChipGroup.d.ts +53 -0
  105. package/dist/chips/ChipGroup.js +98 -0
  106. package/dist/drawer/Drawer.d.ts +83 -17
  107. package/dist/drawer/Drawer.js +399 -65
  108. package/dist/dropdown/Dropdown.d.ts +80 -63
  109. package/dist/dropdown/Dropdown.js +127 -129
  110. package/dist/editor/CodeEditor.d.ts +119 -40
  111. package/dist/editor/CodeEditor.js +490 -400
  112. package/dist/editor/CodeEditorReactWidget.d.ts +20 -17
  113. package/dist/editor/CodeEditorReactWidget.js +28 -21
  114. package/dist/feedback/Alert.d.ts +49 -0
  115. package/dist/feedback/Alert.js +172 -0
  116. package/dist/feedback/EmptyState.d.ts +39 -0
  117. package/dist/feedback/EmptyState.js +109 -0
  118. package/dist/feedback/ProgressBar.d.ts +125 -0
  119. package/dist/feedback/ProgressBar.js +183 -0
  120. package/dist/feedback/ProgressCircle.d.ts +99 -0
  121. package/dist/feedback/ProgressCircle.js +187 -0
  122. package/dist/feedback/Skeleton.d.ts +69 -0
  123. package/dist/feedback/Skeleton.js +130 -0
  124. package/dist/feedback/Spinner.d.ts +63 -0
  125. package/dist/feedback/Spinner.js +141 -0
  126. package/dist/fonts.css +70 -0
  127. package/dist/hooks/internal/useIsClient.d.ts +2 -0
  128. package/dist/hooks/internal/useIsClient.js +14 -0
  129. package/dist/hooks/useClipboard.d.ts +19 -0
  130. package/dist/hooks/useClipboard.js +45 -0
  131. package/dist/hooks/useControlledOpenState.d.ts +21 -0
  132. package/dist/hooks/useControlledOpenState.js +19 -0
  133. package/dist/hooks/useControlledState.d.ts +19 -0
  134. package/dist/hooks/useControlledState.js +22 -0
  135. package/dist/hooks/useDebouncedValue.d.ts +14 -0
  136. package/dist/hooks/useDebouncedValue.js +33 -0
  137. package/dist/hooks/useDisclosure.d.ts +26 -0
  138. package/dist/hooks/useDisclosure.js +36 -0
  139. package/dist/hooks/useDismiss.d.ts +23 -27
  140. package/dist/hooks/useDismiss.js +39 -27
  141. package/dist/hooks/useElementClientSize.d.ts +10 -10
  142. package/dist/hooks/useElementClientSize.js +8 -11
  143. package/dist/hooks/useElementWidth.d.ts +6 -13
  144. package/dist/hooks/useElementWidth.js +6 -14
  145. package/dist/hooks/useField.d.ts +47 -0
  146. package/dist/hooks/useField.js +40 -0
  147. package/dist/hooks/useHotkey.d.ts +77 -0
  148. package/dist/hooks/useHotkey.js +246 -0
  149. package/dist/hooks/useIsMac.d.ts +12 -0
  150. package/dist/hooks/useIsMac.js +27 -0
  151. package/dist/hooks/useIsomorphicLayoutEffect.d.ts +17 -0
  152. package/dist/hooks/useIsomorphicLayoutEffect.js +20 -0
  153. package/dist/hooks/useLocalStorage.d.ts +28 -0
  154. package/dist/hooks/useLocalStorage.js +145 -0
  155. package/dist/hooks/useMediaQuery.d.ts +11 -0
  156. package/dist/hooks/useMediaQuery.js +23 -0
  157. package/dist/hooks/usePrefersReducedMotion.d.ts +12 -0
  158. package/dist/hooks/usePrefersReducedMotion.js +25 -0
  159. package/dist/hooks/useResize.d.ts +42 -62
  160. package/dist/hooks/useResize.js +43 -31
  161. package/dist/icons/Icon.d.ts +64 -37
  162. package/dist/icons/Icon.js +96 -37
  163. package/dist/icons/internal/IconSlot.d.ts +10 -0
  164. package/dist/icons/internal/IconSlot.js +32 -0
  165. package/dist/inputs/CheckboxGroup.d.ts +115 -0
  166. package/dist/inputs/CheckboxGroup.js +183 -0
  167. package/dist/inputs/CheckboxInput.d.ts +98 -28
  168. package/dist/inputs/CheckboxInput.js +218 -88
  169. package/dist/inputs/ColorInput.d.ts +115 -29
  170. package/dist/inputs/ColorInput.js +748 -326
  171. package/dist/inputs/CopyInput.d.ts +49 -20
  172. package/dist/inputs/CopyInput.js +57 -49
  173. package/dist/inputs/CronInput.d.ts +94 -0
  174. package/dist/inputs/CronInput.js +618 -0
  175. package/dist/inputs/DateInput.d.ts +175 -28
  176. package/dist/inputs/DateInput.js +1109 -451
  177. package/dist/inputs/DurationInput.d.ts +101 -0
  178. package/dist/inputs/DurationInput.js +441 -0
  179. package/dist/inputs/Field.d.ts +75 -0
  180. package/dist/inputs/Field.js +247 -0
  181. package/dist/inputs/Fieldset.d.ts +53 -0
  182. package/dist/inputs/Fieldset.js +149 -0
  183. package/dist/inputs/FileInput.d.ts +110 -0
  184. package/dist/inputs/FileInput.js +476 -0
  185. package/dist/inputs/Input.d.ts +148 -187
  186. package/dist/inputs/Input.js +339 -259
  187. package/dist/inputs/KeyValueInput.d.ts +120 -0
  188. package/dist/inputs/KeyValueInput.js +383 -0
  189. package/dist/inputs/MultiSelectInput.d.ts +165 -54
  190. package/dist/inputs/MultiSelectInput.js +175 -559
  191. package/dist/inputs/NumberInput.d.ts +65 -9
  192. package/dist/inputs/NumberInput.js +197 -40
  193. package/dist/inputs/PasswordInput.d.ts +17 -12
  194. package/dist/inputs/PasswordInput.js +33 -33
  195. package/dist/inputs/PinInput.d.ts +117 -0
  196. package/dist/inputs/PinInput.js +364 -0
  197. package/dist/inputs/RadioGroup.d.ts +115 -0
  198. package/dist/inputs/RadioGroup.js +179 -0
  199. package/dist/inputs/RadioInput.d.ts +87 -24
  200. package/dist/inputs/RadioInput.js +182 -95
  201. package/dist/inputs/SearchInput.d.ts +66 -0
  202. package/dist/inputs/SearchInput.js +156 -0
  203. package/dist/inputs/SelectInput.d.ts +195 -55
  204. package/dist/inputs/SelectInput.js +1308 -446
  205. package/dist/inputs/SliderInput.d.ts +150 -30
  206. package/dist/inputs/SliderInput.js +441 -186
  207. package/dist/inputs/SwitchInput.d.ts +109 -0
  208. package/dist/inputs/SwitchInput.js +248 -0
  209. package/dist/inputs/TagInput.d.ts +117 -0
  210. package/dist/inputs/TagInput.js +408 -0
  211. package/dist/inputs/TextAreaInput.d.ts +146 -44
  212. package/dist/inputs/TextAreaInput.js +298 -198
  213. package/dist/inputs/TextInput.d.ts +4 -13
  214. package/dist/inputs/TextInput.js +13 -48
  215. package/dist/inputs/ToggleInput.d.ts +120 -22
  216. package/dist/inputs/ToggleInput.js +262 -116
  217. package/dist/inputs/internal/bareField.d.ts +18 -0
  218. package/dist/inputs/internal/bareField.js +38 -0
  219. package/dist/inputs/internal/devWarn.d.ts +7 -0
  220. package/dist/inputs/internal/devWarn.js +30 -0
  221. package/dist/inputs/internal/fieldFrame.d.ts +34 -0
  222. package/dist/inputs/internal/fieldFrame.js +64 -0
  223. package/dist/inputs/internal/fieldWiring.d.ts +50 -0
  224. package/dist/inputs/internal/fieldWiring.js +38 -0
  225. package/dist/inputs/internal/innerButton.d.ts +2 -0
  226. package/dist/inputs/internal/innerButton.js +24 -0
  227. package/dist/inputs/internal/ownField.d.ts +45 -0
  228. package/dist/inputs/internal/ownField.js +58 -0
  229. package/dist/inputs/internal/predicates.d.ts +9 -0
  230. package/dist/inputs/internal/predicates.js +11 -0
  231. package/dist/inputs/internal/useComboboxPopover.d.ts +46 -0
  232. package/dist/inputs/internal/useComboboxPopover.js +92 -0
  233. package/dist/json/JsonViewer.d.ts +62 -0
  234. package/dist/json/JsonViewer.js +483 -0
  235. package/dist/layout/Box.d.ts +87 -0
  236. package/dist/layout/Box.js +109 -0
  237. package/dist/layout/Divider.d.ts +25 -0
  238. package/dist/layout/Divider.js +70 -0
  239. package/dist/layout/Flex.d.ts +139 -0
  240. package/dist/layout/Flex.js +165 -0
  241. package/dist/layout/FlexItem.d.ts +72 -0
  242. package/dist/layout/FlexItem.js +84 -0
  243. package/dist/layout/Grid.d.ts +140 -0
  244. package/dist/layout/Grid.js +178 -0
  245. package/dist/layout/Portal.d.ts +29 -0
  246. package/dist/layout/Portal.js +27 -0
  247. package/dist/layout/ResizablePanels.d.ts +88 -0
  248. package/dist/layout/ResizablePanels.js +198 -0
  249. package/dist/layout/ResizeHandle.d.ts +48 -0
  250. package/dist/layout/ResizeHandle.js +143 -0
  251. package/dist/layout/ScrollArea.d.ts +30 -0
  252. package/dist/layout/ScrollArea.js +138 -0
  253. package/dist/links/Link.d.ts +101 -1
  254. package/dist/links/Link.js +166 -4
  255. package/dist/lists/BulletedList.d.ts +25 -7
  256. package/dist/lists/BulletedList.js +72 -27
  257. package/dist/lists/DescriptionList.d.ts +91 -0
  258. package/dist/lists/DescriptionList.js +147 -0
  259. package/dist/menu/ContextMenu.d.ts +64 -0
  260. package/dist/menu/ContextMenu.js +34 -0
  261. package/dist/menu/Menu.d.ts +280 -0
  262. package/dist/menu/Menu.js +1003 -0
  263. package/dist/modal/ConfirmDialog.d.ts +55 -0
  264. package/dist/modal/ConfirmDialog.js +151 -0
  265. package/dist/modal/Modal.d.ts +64 -14
  266. package/dist/modal/Modal.js +189 -48
  267. package/dist/navigation/Breadcrumbs.d.ts +65 -0
  268. package/dist/navigation/Breadcrumbs.js +243 -0
  269. package/dist/navigation/CommandPalette.d.ts +83 -0
  270. package/dist/navigation/CommandPalette.js +509 -0
  271. package/dist/navigation/Pagination.d.ts +87 -0
  272. package/dist/navigation/Pagination.js +300 -0
  273. package/dist/navigation/SidebarNav.d.ts +107 -0
  274. package/dist/navigation/SidebarNav.js +341 -0
  275. package/dist/navigation/Stepper.d.ts +52 -0
  276. package/dist/navigation/Stepper.js +207 -0
  277. package/dist/navigation/Tabs.d.ts +113 -0
  278. package/dist/navigation/Tabs.js +543 -0
  279. package/dist/navigation/Topbar.d.ts +20 -0
  280. package/dist/navigation/Topbar.js +62 -0
  281. package/dist/overlay/OverlayProvider.d.ts +28 -32
  282. package/dist/overlay/OverlayProvider.js +42 -93
  283. package/dist/overlay/useOverlay.d.ts +88 -12
  284. package/dist/overlay/useOverlay.js +220 -43
  285. package/dist/overlays/Popover.d.ts +114 -0
  286. package/dist/overlays/Popover.js +389 -0
  287. package/dist/shapes/Circle.d.ts +84 -8
  288. package/dist/shapes/Circle.js +122 -20
  289. package/dist/shapes/Square.d.ts +84 -8
  290. package/dist/shapes/Square.js +123 -20
  291. package/dist/styles/mixins.d.ts +35 -0
  292. package/dist/styles/mixins.js +60 -0
  293. package/dist/styles.css +1 -202
  294. package/dist/table/InfiniteSpreadsheet.d.ts +140 -10
  295. package/dist/table/InfiniteSpreadsheet.js +762 -225
  296. package/dist/table/InfiniteTable.d.ts +116 -14
  297. package/dist/table/InfiniteTable.js +287 -429
  298. package/dist/table/SpreadsheetCellEditor.d.ts +54 -6
  299. package/dist/table/SpreadsheetCellEditor.js +163 -84
  300. package/dist/table/TableCore.d.ts +252 -0
  301. package/dist/table/TableCore.js +1082 -0
  302. package/dist/table/VirtualizedInfiniteTable.d.ts +104 -14
  303. package/dist/table/VirtualizedInfiniteTable.js +280 -219
  304. package/dist/table/types.d.ts +66 -244
  305. package/dist/table/types.js +0 -51
  306. package/dist/table/useInfiniteScrollSentinel.d.ts +25 -21
  307. package/dist/table/useInfiniteScrollSentinel.js +38 -30
  308. package/dist/table/useSpreadsheetCellNavigation.d.ts +44 -0
  309. package/dist/table/useSpreadsheetCellNavigation.js +141 -0
  310. package/dist/table/useTableColumnLayout.d.ts +90 -25
  311. package/dist/table/useTableColumnLayout.js +255 -50
  312. package/dist/table/useTableKeyboardNavigation.d.ts +32 -21
  313. package/dist/table/useTableKeyboardNavigation.js +95 -71
  314. package/dist/table/useTableRowSelection.d.ts +24 -25
  315. package/dist/table/useTableRowSelection.js +57 -84
  316. package/dist/table/useTableVirtualizer.d.ts +20 -0
  317. package/dist/table/useTableVirtualizer.js +48 -0
  318. package/dist/text/Bold.d.ts +5 -6
  319. package/dist/text/Bold.js +16 -15
  320. package/dist/text/Code.d.ts +5 -6
  321. package/dist/text/Code.js +16 -25
  322. package/dist/text/CodeBlock.d.ts +77 -0
  323. package/dist/text/CodeBlock.js +373 -0
  324. package/dist/text/EditableText.d.ts +55 -15
  325. package/dist/text/EditableText.js +153 -135
  326. package/dist/text/Ellipsis.d.ts +34 -8
  327. package/dist/text/Ellipsis.js +55 -23
  328. package/dist/text/Kbd.d.ts +72 -0
  329. package/dist/text/Kbd.js +284 -0
  330. package/dist/text/MarkdownText.d.ts +27 -10
  331. package/dist/text/MarkdownText.js +317 -300
  332. package/dist/text/RequiredMarker.d.ts +17 -5
  333. package/dist/text/RequiredMarker.js +34 -36
  334. package/dist/text/Selectable.d.ts +5 -6
  335. package/dist/text/Selectable.js +16 -13
  336. package/dist/text/Span.d.ts +82 -0
  337. package/dist/text/Span.js +115 -0
  338. package/dist/text/Text.d.ts +128 -41
  339. package/dist/text/Text.js +209 -76
  340. package/dist/theme/GalaxyProvider.d.ts +75 -0
  341. package/dist/theme/GalaxyProvider.js +223 -0
  342. package/dist/theme/ThemeSwitcher.d.ts +52 -0
  343. package/dist/theme/ThemeSwitcher.js +94 -0
  344. package/dist/theme/enums.d.ts +118 -0
  345. package/dist/theme/enums.js +144 -0
  346. package/dist/theme/tokens/dark.d.ts +2 -0
  347. package/dist/theme/tokens/dark.js +275 -0
  348. package/dist/theme/tokens/generate.d.ts +15 -0
  349. package/dist/theme/tokens/generate.js +47 -0
  350. package/dist/theme/tokens/light.d.ts +2 -0
  351. package/dist/theme/tokens/light.js +274 -0
  352. package/dist/theme/tokens/palette.d.ts +14 -0
  353. package/dist/theme/tokens/palette.js +153 -0
  354. package/dist/theme/tokens/scales.d.ts +26 -0
  355. package/dist/theme/tokens/scales.js +154 -0
  356. package/dist/theme/tokens/t.d.ts +3 -0
  357. package/dist/theme/tokens/t.js +25 -0
  358. package/dist/theme/tokens/types.d.ts +189 -0
  359. package/dist/theme/tokens/types.js +0 -0
  360. package/dist/theme/useGalaxyTheme.d.ts +46 -0
  361. package/dist/theme/useGalaxyTheme.js +36 -0
  362. package/dist/theme/useInverseScope.d.ts +18 -0
  363. package/dist/theme/useInverseScope.js +33 -0
  364. package/dist/three/GalaxyLogomark3D.d.ts +46 -0
  365. package/dist/three/GalaxyLogomark3D.js +134 -0
  366. package/dist/three/assets/galaxy-logomark.js +4 -0
  367. package/dist/three/galaxyLogomark3DScene.d.ts +27 -0
  368. package/dist/three/galaxyLogomark3DScene.js +165 -0
  369. package/dist/timeline/Timeline.d.ts +120 -0
  370. package/dist/timeline/Timeline.js +301 -0
  371. package/dist/toast/Toast.d.ts +43 -19
  372. package/dist/toast/Toast.js +130 -89
  373. package/dist/toast/ToastProvider.d.ts +23 -23
  374. package/dist/toast/ToastProvider.js +298 -101
  375. package/dist/toast/ToastViewport.d.ts +12 -0
  376. package/dist/toast/ToastViewport.js +210 -0
  377. package/dist/toast/useToast.d.ts +139 -5
  378. package/dist/toast/useToast.js +15 -13
  379. package/dist/tokens.css +654 -0
  380. package/dist/tooltip/Tooltip.d.ts +64 -44
  381. package/dist/tooltip/Tooltip.js +280 -73
  382. package/dist/tooltip/internal/LazyTooltip.d.ts +7 -0
  383. package/dist/tooltip/internal/LazyTooltip.js +53 -0
  384. package/dist/transform/Fade.d.ts +33 -11
  385. package/dist/transform/Fade.js +71 -19
  386. package/dist/transform/Flasher.d.ts +25 -0
  387. package/dist/transform/Flasher.js +39 -0
  388. package/dist/transform/Rotate.d.ts +24 -12
  389. package/dist/transform/Rotate.js +36 -22
  390. package/dist/transform/ScaleFade.d.ts +36 -11
  391. package/dist/transform/ScaleFade.js +86 -28
  392. package/dist/transform/internal/CollapseMotion.d.ts +10 -0
  393. package/dist/transform/internal/CollapseMotion.js +65 -0
  394. package/dist/tree/Tree.d.ts +85 -0
  395. package/dist/tree/Tree.js +387 -0
  396. package/dist/tree/treeRow.d.ts +39 -0
  397. package/dist/tree/treeRow.js +75 -0
  398. package/dist/utils/colors.d.ts +46 -13
  399. package/dist/utils/colors.js +92 -34
  400. package/dist/utils/css.d.ts +23 -0
  401. package/dist/utils/css.js +30 -0
  402. package/dist/utils/format.d.ts +58 -0
  403. package/dist/utils/format.js +220 -0
  404. package/dist/vite/index.d.ts +16 -0
  405. package/dist/vite/index.js +52 -0
  406. package/dist/widget/Widget.d.ts +164 -48
  407. package/dist/widget/Widget.js +335 -96
  408. package/dist/widget/WidgetGroup.d.ts +36 -0
  409. package/dist/widget/WidgetGroup.js +103 -0
  410. package/package.json +855 -157
  411. package/dist/accordion/Accordion.d.ts +0 -54
  412. package/dist/accordion/Accordion.js +0 -183
  413. package/dist/assets/components/GalaxyFilamentWordmarkDark.d.ts +0 -3
  414. package/dist/assets/components/GalaxyFilamentWordmarkDark.js +0 -14
  415. package/dist/assets/components/GalaxyFilamentWordmarkLight.d.ts +0 -3
  416. package/dist/assets/components/GalaxyFilamentWordmarkLight.js +0 -14
  417. package/dist/assets/components/GalaxyLogomarkDark.d.ts +0 -3
  418. package/dist/assets/components/GalaxyLogomarkDark.js +0 -11
  419. package/dist/assets/components/GalaxyLogomarkLight.d.ts +0 -3
  420. package/dist/assets/components/GalaxyLogomarkLight.js +0 -17
  421. package/dist/assets/components/GalaxyWordmarkDark.d.ts +0 -3
  422. package/dist/assets/components/GalaxyWordmarkDark.js +0 -15
  423. package/dist/assets/components/GalaxyWordmarkLight.d.ts +0 -3
  424. package/dist/assets/components/GalaxyWordmarkLight.js +0 -28
  425. package/dist/assets/models/galaxy-animation.js +0 -136666
  426. package/dist/assets/models/galaxy-logomark.js +0 -4
  427. package/dist/avatar/AvatarShimmer.d.ts +0 -30
  428. package/dist/avatar/AvatarShimmer.js +0 -22
  429. package/dist/backgrounds/CellGridBackground.d.ts +0 -24
  430. package/dist/backgrounds/CellGridBackground.js +0 -44
  431. package/dist/backgrounds/CrossGridBackground.d.ts +0 -26
  432. package/dist/backgrounds/CrossGridBackground.js +0 -49
  433. package/dist/backgrounds/DotGridBackground.d.ts +0 -24
  434. package/dist/backgrounds/DotGridBackground.js +0 -47
  435. package/dist/badge/Badge.d.ts +0 -42
  436. package/dist/badge/Badge.js +0 -99
  437. package/dist/charts/ChartEmptyState.d.ts +0 -17
  438. package/dist/charts/ChartEmptyState.js +0 -29
  439. package/dist/charts/ProgressBar.d.ts +0 -29
  440. package/dist/charts/ProgressBar.js +0 -65
  441. package/dist/charts/chartTheme.d.ts +0 -18
  442. package/dist/charts/chartTheme.js +0 -26
  443. package/dist/containers/FlexItem.d.ts +0 -50
  444. package/dist/containers/FlexItem.js +0 -91
  445. package/dist/containers/FlexWrapper.d.ts +0 -96
  446. package/dist/containers/FlexWrapper.js +0 -143
  447. package/dist/containers/GridWrapper.d.ts +0 -79
  448. package/dist/containers/GridWrapper.js +0 -125
  449. package/dist/containers/Spacing.d.ts +0 -23
  450. package/dist/containers/Spacing.js +0 -59
  451. package/dist/containers/Wrapper.d.ts +0 -26
  452. package/dist/containers/Wrapper.js +0 -54
  453. package/dist/dividers/HorizontalDivider.d.ts +0 -7
  454. package/dist/dividers/HorizontalDivider.js +0 -39
  455. package/dist/dividers/VerticalDivider.d.ts +0 -6
  456. package/dist/dividers/VerticalDivider.js +0 -21
  457. package/dist/icons/GalaxyFilamentWordmark.d.ts +0 -11
  458. package/dist/icons/GalaxyFilamentWordmark.js +0 -25
  459. package/dist/icons/GalaxyLogomark.d.ts +0 -13
  460. package/dist/icons/GalaxyLogomark.js +0 -27
  461. package/dist/icons/GalaxyLogomark3D.d.ts +0 -56
  462. package/dist/icons/GalaxyLogomark3D.js +0 -319
  463. package/dist/icons/GalaxyLogomarkAnimation.d.ts +0 -18
  464. package/dist/icons/GalaxyLogomarkAnimation.js +0 -48
  465. package/dist/icons/GalaxyWordmark.d.ts +0 -11
  466. package/dist/icons/GalaxyWordmark.js +0 -25
  467. package/dist/inputs/MultiTextInput.d.ts +0 -32
  468. package/dist/inputs/MultiTextInput.js +0 -180
  469. package/dist/inputs/SwitcherInput.d.ts +0 -30
  470. package/dist/inputs/SwitcherInput.js +0 -81
  471. package/dist/inputs/hooks.d.ts +0 -10
  472. package/dist/inputs/hooks.js +0 -22
  473. package/dist/overlay/constants.d.ts +0 -28
  474. package/dist/overlay/constants.js +0 -37
  475. package/dist/resizable/HorizontalResizeHandle.d.ts +0 -17
  476. package/dist/resizable/HorizontalResizeHandle.js +0 -38
  477. package/dist/resizable/VerticalResizeHandle.d.ts +0 -18
  478. package/dist/resizable/VerticalResizeHandle.js +0 -39
  479. package/dist/table/SpreadsheetCell.d.ts +0 -21
  480. package/dist/table/SpreadsheetCell.js +0 -71
  481. package/dist/table/SpreadsheetHeaderCell.d.ts +0 -23
  482. package/dist/table/SpreadsheetHeaderCell.js +0 -91
  483. package/dist/table/SpreadsheetMenuItem.d.ts +0 -14
  484. package/dist/table/SpreadsheetMenuItem.js +0 -33
  485. package/dist/table/SpreadsheetPrimitives.d.ts +0 -172
  486. package/dist/table/SpreadsheetPrimitives.js +0 -105
  487. package/dist/table/SpreadsheetRow.d.ts +0 -33
  488. package/dist/table/SpreadsheetRow.js +0 -73
  489. package/dist/table/SpreadsheetRowActionCell.d.ts +0 -14
  490. package/dist/table/SpreadsheetRowActionCell.js +0 -51
  491. package/dist/table/TableExpandCell.d.ts +0 -11
  492. package/dist/table/TableExpandCell.js +0 -24
  493. package/dist/table/TableExpandedRow.d.ts +0 -16
  494. package/dist/table/TableExpandedRow.js +0 -77
  495. package/dist/table/TableHeaderCellContent.d.ts +0 -30
  496. package/dist/table/TableHeaderCellContent.js +0 -48
  497. package/dist/table/TablePrimitives.d.ts +0 -313
  498. package/dist/table/TablePrimitives.js +0 -302
  499. package/dist/table/TableSelectCell.d.ts +0 -18
  500. package/dist/table/TableSelectCell.js +0 -27
  501. package/dist/table/TableStatusRow.d.ts +0 -18
  502. package/dist/table/TableStatusRow.js +0 -50
  503. package/dist/table/useSpreadsheetEditing.d.ts +0 -13
  504. package/dist/table/useSpreadsheetEditing.js +0 -41
  505. package/dist/table/useTableColumnResize.d.ts +0 -38
  506. package/dist/table/useTableColumnResize.js +0 -155
  507. package/dist/table/useTableRowExpansion.d.ts +0 -24
  508. package/dist/table/useTableRowExpansion.js +0 -62
  509. package/dist/table/utils.d.ts +0 -50
  510. package/dist/table/utils.js +0 -78
  511. package/dist/text/HotKeys.d.ts +0 -30
  512. package/dist/text/HotKeys.js +0 -74
  513. package/dist/text/Paragraph.d.ts +0 -33
  514. package/dist/text/Paragraph.js +0 -83
  515. package/dist/text/TextShimmer.d.ts +0 -14
  516. package/dist/text/TextShimmer.js +0 -34
  517. package/dist/theme/GalaxyTheme.d.ts +0 -67
  518. package/dist/theme/GalaxyTheme.js +0 -119
  519. package/dist/theme/constants.d.ts +0 -8
  520. package/dist/theme/constants.js +0 -38
  521. package/dist/theme/index.d.ts +0 -6
  522. package/dist/theme/index.js +0 -7
  523. package/dist/theme/types.d.ts +0 -195
  524. package/dist/theme/types.js +0 -10
  525. package/dist/theme/typography.d.ts +0 -2
  526. package/dist/theme/typography.js +0 -73
  527. package/dist/theme/variants/dark.d.ts +0 -2
  528. package/dist/theme/variants/dark.js +0 -125
  529. package/dist/theme/variants/light.d.ts +0 -2
  530. package/dist/theme/variants/light.js +0 -125
  531. package/dist/toast/ToastContainer.d.ts +0 -10
  532. package/dist/toast/ToastContainer.js +0 -31
  533. package/dist/toast/ToastWrapper.d.ts +0 -6
  534. package/dist/toast/ToastWrapper.js +0 -27
  535. package/dist/transform/Flash.d.ts +0 -7
  536. package/dist/transform/Flash.js +0 -18
  537. package/dist/transform/Spin.d.ts +0 -14
  538. package/dist/transform/Spin.js +0 -25
  539. package/dist/utils/linaria.d.ts +0 -1
  540. package/dist/utils/linaria.js +0 -8
@@ -1,71 +0,0 @@
1
- import Text, { TextSize, TextVariant } from "../text/Text.js";
2
- import { CellEnrichmentStatus, SpreadsheetCellType } from "./types.js";
3
- import { createVirtualRow } from "./utils.js";
4
- import { TableDataCell } from "./TablePrimitives.js";
5
- import { CellStatusDot } from "./SpreadsheetPrimitives.js";
6
- import SpreadsheetCellEditor from "./SpreadsheetCellEditor.js";
7
- import { match } from "ts-pattern";
8
- import React, { useCallback } from "react";
9
- import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
10
- //#region src/table/SpreadsheetCell.tsx
11
- function formatDisplayValue(value, cellType) {
12
- if (value === null || value === void 0 || value === "") return "—";
13
- return match(cellType).with(SpreadsheetCellType.BOOLEAN, () => value ? "Yes" : "No").with(SpreadsheetCellType.DATE, () => {
14
- if (value instanceof Date) return value.toLocaleDateString();
15
- return String(value);
16
- }).otherwise(() => String(value));
17
- }
18
- function SpreadsheetCellInner({ column, row, rowIndex, columnIndex, isEditing, onStartEditing, onCommit, onCancel, width, pin, pinnedOffset, align, density, variant }) {
19
- const value = column.accessorFn ? column.accessorFn(row) : void 0;
20
- const isEditable = column.editable !== false && column.cellType !== SpreadsheetCellType.READONLY;
21
- const enrichmentStatus = column.getCellEnrichmentStatus?.(row, rowIndex) ?? CellEnrichmentStatus.IDLE;
22
- const showStatusDot = enrichmentStatus !== CellEnrichmentStatus.IDLE;
23
- const handleClick = useCallback(() => {
24
- if (isEditable && !isEditing) onStartEditing();
25
- }, [
26
- isEditable,
27
- isEditing,
28
- onStartEditing
29
- ]);
30
- const renderContent = () => {
31
- if (column.cell) return column.cell({
32
- value,
33
- row: createVirtualRow(row, rowIndex),
34
- isEditing
35
- });
36
- if (isEditing) return /* @__PURE__ */ jsx(SpreadsheetCellEditor, {
37
- cellType: column.cellType,
38
- value,
39
- enumOptions: column.enumOptions,
40
- onCommit,
41
- onCancel
42
- });
43
- return /* @__PURE__ */ jsxs(Fragment$1, { children: [showStatusDot && /* @__PURE__ */ jsx(CellStatusDot, { $status: enrichmentStatus }), /* @__PURE__ */ jsx(Text, {
44
- variant: TextVariant.PRIMARY,
45
- size: TextSize.BODY_SM,
46
- isEllipsis: true,
47
- children: formatDisplayValue(value, column.cellType)
48
- })] });
49
- };
50
- return /* @__PURE__ */ jsx(TableDataCell, {
51
- $width: width,
52
- $minWidth: column.minSize,
53
- $maxWidth: column.maxSize,
54
- $pin: pin,
55
- $pinnedOffset: pinnedOffset,
56
- $align: align,
57
- $density: density,
58
- $variant: variant,
59
- $isPositioned: true,
60
- $isEditable: isEditable,
61
- "data-editable": isEditable ? "true" : void 0,
62
- role: "gridcell",
63
- "aria-colindex": columnIndex + 1,
64
- "aria-readonly": isEditable ? void 0 : true,
65
- onClick: handleClick,
66
- children: renderContent()
67
- });
68
- }
69
- var SpreadsheetCell = React.memo(SpreadsheetCellInner);
70
- //#endregion
71
- export { SpreadsheetCell as default };
@@ -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;