@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.
- package/README.md +47 -50
- package/biome/index.json +74 -0
- package/biome/plugins/no-hex-literal.grit +20 -0
- package/biome/plugins/no-inline-style.grit +13 -0
- package/biome/plugins/no-margin.grit +9 -0
- package/biome/plugins/warn/no-hex-literal.grit +23 -0
- package/biome/plugins/warn/no-inline-style.grit +13 -0
- package/biome/plugins/warn/no-margin.grit +9 -0
- package/dist/a11y/FocusScope.d.ts +44 -0
- package/dist/a11y/FocusScope.js +229 -0
- package/dist/a11y/VisuallyHidden.d.ts +21 -0
- package/dist/a11y/VisuallyHidden.js +30 -0
- package/dist/avatar/Avatar.d.ts +56 -14
- package/dist/avatar/Avatar.js +250 -96
- package/dist/avatar/AvatarGroup.d.ts +43 -0
- package/dist/avatar/AvatarGroup.js +153 -0
- package/dist/backgrounds/GridBackground.d.ts +48 -0
- package/dist/backgrounds/GridBackground.js +146 -0
- package/dist/beacons/Beacon.d.ts +86 -22
- package/dist/beacons/Beacon.js +170 -47
- package/dist/brand/GalaxyFilamentWordmark.d.ts +30 -0
- package/dist/brand/GalaxyFilamentWordmark.js +39 -0
- package/dist/brand/GalaxyLogomark.d.ts +26 -0
- package/dist/brand/GalaxyLogomark.js +41 -0
- package/dist/brand/GalaxyLogomarkAnimation.d.ts +36 -0
- package/dist/brand/GalaxyLogomarkAnimation.js +107 -0
- package/dist/brand/GalaxyWordmark.d.ts +30 -0
- package/dist/brand/GalaxyWordmark.js +63 -0
- package/dist/brand/assets/galaxy-logomark-animation.js +136678 -0
- package/dist/brand/brandMark.d.ts +26 -0
- package/dist/brand/brandMark.js +35 -0
- package/dist/buttons/Button.d.ts +148 -59
- package/dist/buttons/Button.js +437 -227
- package/dist/buttons/ButtonGroup.d.ts +38 -0
- package/dist/buttons/ButtonGroup.js +68 -0
- package/dist/buttons/CopyButton.d.ts +77 -0
- package/dist/buttons/CopyButton.js +65 -0
- package/dist/charts/AreaChart.d.ts +49 -0
- package/dist/charts/AreaChart.js +31 -0
- package/dist/charts/BarChart.d.ts +54 -67
- package/dist/charts/BarChart.js +136 -116
- package/dist/charts/ChartAxis.d.ts +35 -40
- package/dist/charts/ChartAxis.js +114 -90
- package/dist/charts/ChartCategoryTargets.d.ts +12 -26
- package/dist/charts/ChartCategoryTargets.js +32 -20
- package/dist/charts/ChartFrame.d.ts +69 -116
- package/dist/charts/ChartFrame.js +253 -119
- package/dist/charts/ChartGroupProvider.d.ts +30 -41
- package/dist/charts/ChartGroupProvider.js +20 -7
- package/dist/charts/ChartLegend.d.ts +27 -48
- package/dist/charts/ChartLegend.js +206 -125
- package/dist/charts/ChartMarkTargets.d.ts +12 -28
- package/dist/charts/ChartMarkTargets.js +33 -20
- package/dist/charts/ChartPrimitives.d.ts +50 -305
- package/dist/charts/ChartPrimitives.js +65 -413
- package/dist/charts/ChartTooltip.d.ts +20 -26
- package/dist/charts/ChartTooltip.js +77 -40
- package/dist/charts/Heatmap.d.ts +35 -0
- package/dist/charts/Heatmap.js +295 -0
- package/dist/charts/LineChart.d.ts +54 -47
- package/dist/charts/LineChart.js +159 -117
- package/dist/charts/PieChart.d.ts +32 -53
- package/dist/charts/PieChart.js +149 -135
- package/dist/charts/Sparkline.d.ts +107 -0
- package/dist/charts/Sparkline.js +244 -0
- package/dist/charts/StatChart.d.ts +37 -13
- package/dist/charts/StatChart.js +82 -35
- package/dist/charts/barChartGeometry.d.ts +138 -86
- package/dist/charts/barChartGeometry.js +122 -101
- package/dist/charts/barChartLegend.d.ts +14 -18
- package/dist/charts/barChartLegend.js +18 -13
- package/dist/charts/chartFormat.d.ts +12 -18
- package/dist/charts/chartFormat.js +20 -52
- package/dist/charts/chartPalette.d.ts +33 -0
- package/dist/charts/chartPalette.js +68 -0
- package/dist/charts/chartScales.d.ts +41 -108
- package/dist/charts/chartScales.js +62 -128
- package/dist/charts/constants.d.ts +96 -256
- package/dist/charts/constants.js +105 -275
- package/dist/charts/heatmapGeometry.d.ts +95 -0
- package/dist/charts/heatmapGeometry.js +155 -0
- package/dist/charts/lineChartGeometry.d.ts +108 -58
- package/dist/charts/lineChartGeometry.js +120 -78
- package/dist/charts/pieChartGeometry.d.ts +66 -40
- package/dist/charts/pieChartGeometry.js +68 -38
- package/dist/charts/types.d.ts +197 -466
- package/dist/charts/types.js +55 -144
- package/dist/charts/useCartesianChartLayout.d.ts +28 -59
- package/dist/charts/useCartesianChartLayout.js +47 -32
- package/dist/charts/useChartDimensions.d.ts +19 -40
- package/dist/charts/useChartDimensions.js +40 -56
- package/dist/charts/useChartFormatters.d.ts +6 -15
- package/dist/charts/useChartFormatters.js +4 -9
- package/dist/charts/useChartInteraction.d.ts +47 -116
- package/dist/charts/useChartInteraction.js +95 -71
- package/dist/charts/useChartTooltipPosition.d.ts +29 -39
- package/dist/charts/useChartTooltipPosition.js +14 -5
- package/dist/charts/useSeriesColorResolver.d.ts +11 -33
- package/dist/charts/useSeriesColorResolver.js +19 -12
- package/dist/chips/Chip.d.ts +155 -44
- package/dist/chips/Chip.js +329 -155
- package/dist/chips/ChipGroup.d.ts +53 -0
- package/dist/chips/ChipGroup.js +98 -0
- package/dist/drawer/Drawer.d.ts +81 -17
- package/dist/drawer/Drawer.js +370 -65
- package/dist/dropdown/Dropdown.d.ts +80 -63
- package/dist/dropdown/Dropdown.js +127 -129
- package/dist/editor/CodeEditor.d.ts +119 -40
- package/dist/editor/CodeEditor.js +490 -400
- package/dist/editor/CodeEditorReactWidget.d.ts +20 -17
- package/dist/editor/CodeEditorReactWidget.js +28 -21
- package/dist/feedback/Alert.d.ts +49 -0
- package/dist/feedback/Alert.js +172 -0
- package/dist/feedback/EmptyState.d.ts +39 -0
- package/dist/feedback/EmptyState.js +109 -0
- package/dist/feedback/ProgressBar.d.ts +125 -0
- package/dist/feedback/ProgressBar.js +183 -0
- package/dist/feedback/ProgressCircle.d.ts +99 -0
- package/dist/feedback/ProgressCircle.js +187 -0
- package/dist/feedback/Skeleton.d.ts +69 -0
- package/dist/feedback/Skeleton.js +130 -0
- package/dist/feedback/Spinner.d.ts +63 -0
- package/dist/feedback/Spinner.js +141 -0
- package/dist/fonts.css +70 -0
- package/dist/hooks/internal/useIsClient.d.ts +2 -0
- package/dist/hooks/internal/useIsClient.js +14 -0
- package/dist/hooks/useClipboard.d.ts +19 -0
- package/dist/hooks/useClipboard.js +45 -0
- package/dist/hooks/useControlledOpenState.d.ts +21 -0
- package/dist/hooks/useControlledOpenState.js +19 -0
- package/dist/hooks/useControlledState.d.ts +19 -0
- package/dist/hooks/useControlledState.js +22 -0
- package/dist/hooks/useDebouncedValue.d.ts +14 -0
- package/dist/hooks/useDebouncedValue.js +33 -0
- package/dist/hooks/useDisclosure.d.ts +26 -0
- package/dist/hooks/useDisclosure.js +36 -0
- package/dist/hooks/useDismiss.d.ts +23 -27
- package/dist/hooks/useDismiss.js +39 -27
- package/dist/hooks/useElementClientSize.d.ts +10 -10
- package/dist/hooks/useElementClientSize.js +8 -11
- package/dist/hooks/useElementWidth.d.ts +6 -13
- package/dist/hooks/useElementWidth.js +6 -14
- package/dist/hooks/useField.d.ts +47 -0
- package/dist/hooks/useField.js +40 -0
- package/dist/hooks/useHotkey.d.ts +77 -0
- package/dist/hooks/useHotkey.js +246 -0
- package/dist/hooks/useIsMac.d.ts +12 -0
- package/dist/hooks/useIsMac.js +27 -0
- package/dist/hooks/useIsomorphicLayoutEffect.d.ts +17 -0
- package/dist/hooks/useIsomorphicLayoutEffect.js +20 -0
- package/dist/hooks/useLocalStorage.d.ts +28 -0
- package/dist/hooks/useLocalStorage.js +145 -0
- package/dist/hooks/useMediaQuery.d.ts +11 -0
- package/dist/hooks/useMediaQuery.js +23 -0
- package/dist/hooks/usePrefersReducedMotion.d.ts +12 -0
- package/dist/hooks/usePrefersReducedMotion.js +25 -0
- package/dist/hooks/useResize.d.ts +42 -62
- package/dist/hooks/useResize.js +43 -31
- package/dist/icons/Icon.d.ts +64 -37
- package/dist/icons/Icon.js +96 -37
- package/dist/icons/internal/IconSlot.d.ts +10 -0
- package/dist/icons/internal/IconSlot.js +32 -0
- package/dist/inputs/CheckboxGroup.d.ts +115 -0
- package/dist/inputs/CheckboxGroup.js +183 -0
- package/dist/inputs/CheckboxInput.d.ts +98 -28
- package/dist/inputs/CheckboxInput.js +218 -88
- package/dist/inputs/ColorInput.d.ts +115 -29
- package/dist/inputs/ColorInput.js +748 -326
- package/dist/inputs/CopyInput.d.ts +49 -20
- package/dist/inputs/CopyInput.js +57 -49
- package/dist/inputs/CronInput.d.ts +94 -0
- package/dist/inputs/CronInput.js +618 -0
- package/dist/inputs/DateInput.d.ts +175 -28
- package/dist/inputs/DateInput.js +1109 -451
- package/dist/inputs/DurationInput.d.ts +101 -0
- package/dist/inputs/DurationInput.js +441 -0
- package/dist/inputs/Field.d.ts +75 -0
- package/dist/inputs/Field.js +247 -0
- package/dist/inputs/Fieldset.d.ts +53 -0
- package/dist/inputs/Fieldset.js +149 -0
- package/dist/inputs/FileInput.d.ts +110 -0
- package/dist/inputs/FileInput.js +476 -0
- package/dist/inputs/Input.d.ts +148 -187
- package/dist/inputs/Input.js +339 -259
- package/dist/inputs/KeyValueInput.d.ts +120 -0
- package/dist/inputs/KeyValueInput.js +383 -0
- package/dist/inputs/MultiSelectInput.d.ts +165 -54
- package/dist/inputs/MultiSelectInput.js +175 -559
- package/dist/inputs/NumberInput.d.ts +65 -9
- package/dist/inputs/NumberInput.js +197 -40
- package/dist/inputs/PasswordInput.d.ts +17 -12
- package/dist/inputs/PasswordInput.js +33 -33
- package/dist/inputs/PinInput.d.ts +117 -0
- package/dist/inputs/PinInput.js +364 -0
- package/dist/inputs/RadioGroup.d.ts +115 -0
- package/dist/inputs/RadioGroup.js +179 -0
- package/dist/inputs/RadioInput.d.ts +87 -24
- package/dist/inputs/RadioInput.js +182 -95
- package/dist/inputs/SearchInput.d.ts +66 -0
- package/dist/inputs/SearchInput.js +156 -0
- package/dist/inputs/SelectInput.d.ts +195 -55
- package/dist/inputs/SelectInput.js +1308 -446
- package/dist/inputs/SliderInput.d.ts +150 -30
- package/dist/inputs/SliderInput.js +441 -186
- package/dist/inputs/SwitchInput.d.ts +109 -0
- package/dist/inputs/SwitchInput.js +248 -0
- package/dist/inputs/TagInput.d.ts +117 -0
- package/dist/inputs/TagInput.js +408 -0
- package/dist/inputs/TextAreaInput.d.ts +146 -44
- package/dist/inputs/TextAreaInput.js +292 -198
- package/dist/inputs/TextInput.d.ts +4 -13
- package/dist/inputs/TextInput.js +13 -48
- package/dist/inputs/ToggleInput.d.ts +120 -22
- package/dist/inputs/ToggleInput.js +262 -116
- package/dist/inputs/internal/bareField.d.ts +18 -0
- package/dist/inputs/internal/bareField.js +38 -0
- package/dist/inputs/internal/devWarn.d.ts +7 -0
- package/dist/inputs/internal/devWarn.js +30 -0
- package/dist/inputs/internal/fieldFrame.d.ts +34 -0
- package/dist/inputs/internal/fieldFrame.js +64 -0
- package/dist/inputs/internal/fieldWiring.d.ts +50 -0
- package/dist/inputs/internal/fieldWiring.js +38 -0
- package/dist/inputs/internal/innerButton.d.ts +2 -0
- package/dist/inputs/internal/innerButton.js +24 -0
- package/dist/inputs/internal/ownField.d.ts +45 -0
- package/dist/inputs/internal/ownField.js +58 -0
- package/dist/inputs/internal/predicates.d.ts +9 -0
- package/dist/inputs/internal/predicates.js +11 -0
- package/dist/inputs/internal/useComboboxPopover.d.ts +46 -0
- package/dist/inputs/internal/useComboboxPopover.js +92 -0
- package/dist/json/JsonViewer.d.ts +62 -0
- package/dist/json/JsonViewer.js +483 -0
- package/dist/layout/Box.d.ts +87 -0
- package/dist/layout/Box.js +109 -0
- package/dist/layout/Divider.d.ts +25 -0
- package/dist/layout/Divider.js +70 -0
- package/dist/layout/Flex.d.ts +139 -0
- package/dist/layout/Flex.js +165 -0
- package/dist/layout/FlexItem.d.ts +72 -0
- package/dist/layout/FlexItem.js +84 -0
- package/dist/layout/Grid.d.ts +140 -0
- package/dist/layout/Grid.js +178 -0
- package/dist/layout/Portal.d.ts +29 -0
- package/dist/layout/Portal.js +27 -0
- package/dist/layout/ResizablePanels.d.ts +88 -0
- package/dist/layout/ResizablePanels.js +198 -0
- package/dist/layout/ResizeHandle.d.ts +48 -0
- package/dist/layout/ResizeHandle.js +143 -0
- package/dist/layout/ScrollArea.d.ts +30 -0
- package/dist/layout/ScrollArea.js +138 -0
- package/dist/links/Link.d.ts +101 -1
- package/dist/links/Link.js +166 -4
- package/dist/lists/BulletedList.d.ts +25 -7
- package/dist/lists/BulletedList.js +72 -27
- package/dist/lists/DescriptionList.d.ts +91 -0
- package/dist/lists/DescriptionList.js +147 -0
- package/dist/menu/ContextMenu.d.ts +64 -0
- package/dist/menu/ContextMenu.js +34 -0
- package/dist/menu/Menu.d.ts +280 -0
- package/dist/menu/Menu.js +1003 -0
- package/dist/modal/ConfirmDialog.d.ts +55 -0
- package/dist/modal/ConfirmDialog.js +151 -0
- package/dist/modal/Modal.d.ts +64 -14
- package/dist/modal/Modal.js +189 -48
- package/dist/navigation/Breadcrumbs.d.ts +65 -0
- package/dist/navigation/Breadcrumbs.js +243 -0
- package/dist/navigation/CommandPalette.d.ts +83 -0
- package/dist/navigation/CommandPalette.js +509 -0
- package/dist/navigation/Pagination.d.ts +87 -0
- package/dist/navigation/Pagination.js +300 -0
- package/dist/navigation/SidebarNav.d.ts +107 -0
- package/dist/navigation/SidebarNav.js +341 -0
- package/dist/navigation/Stepper.d.ts +52 -0
- package/dist/navigation/Stepper.js +207 -0
- package/dist/navigation/Tabs.d.ts +113 -0
- package/dist/navigation/Tabs.js +543 -0
- package/dist/navigation/Topbar.d.ts +20 -0
- package/dist/navigation/Topbar.js +62 -0
- package/dist/overlay/OverlayProvider.d.ts +28 -32
- package/dist/overlay/OverlayProvider.js +42 -93
- package/dist/overlay/useOverlay.d.ts +88 -12
- package/dist/overlay/useOverlay.js +220 -43
- package/dist/overlays/Popover.d.ts +114 -0
- package/dist/overlays/Popover.js +389 -0
- package/dist/shapes/Circle.d.ts +84 -8
- package/dist/shapes/Circle.js +122 -20
- package/dist/shapes/Square.d.ts +84 -8
- package/dist/shapes/Square.js +123 -20
- package/dist/styles/mixins.d.ts +35 -0
- package/dist/styles/mixins.js +60 -0
- package/dist/styles.css +1 -202
- package/dist/table/InfiniteSpreadsheet.d.ts +140 -10
- package/dist/table/InfiniteSpreadsheet.js +762 -225
- package/dist/table/InfiniteTable.d.ts +116 -14
- package/dist/table/InfiniteTable.js +287 -429
- package/dist/table/SpreadsheetCellEditor.d.ts +54 -6
- package/dist/table/SpreadsheetCellEditor.js +163 -84
- package/dist/table/TableCore.d.ts +252 -0
- package/dist/table/TableCore.js +1077 -0
- package/dist/table/VirtualizedInfiniteTable.d.ts +104 -14
- package/dist/table/VirtualizedInfiniteTable.js +280 -219
- package/dist/table/types.d.ts +66 -244
- package/dist/table/types.js +0 -51
- package/dist/table/useInfiniteScrollSentinel.d.ts +25 -21
- package/dist/table/useInfiniteScrollSentinel.js +38 -30
- package/dist/table/useSpreadsheetCellNavigation.d.ts +44 -0
- package/dist/table/useSpreadsheetCellNavigation.js +141 -0
- package/dist/table/useTableColumnLayout.d.ts +90 -25
- package/dist/table/useTableColumnLayout.js +255 -50
- package/dist/table/useTableKeyboardNavigation.d.ts +32 -21
- package/dist/table/useTableKeyboardNavigation.js +95 -71
- package/dist/table/useTableRowSelection.d.ts +24 -25
- package/dist/table/useTableRowSelection.js +57 -84
- package/dist/table/useTableVirtualizer.d.ts +20 -0
- package/dist/table/useTableVirtualizer.js +48 -0
- package/dist/text/Bold.d.ts +5 -6
- package/dist/text/Bold.js +16 -15
- package/dist/text/Code.d.ts +5 -6
- package/dist/text/Code.js +16 -25
- package/dist/text/CodeBlock.d.ts +77 -0
- package/dist/text/CodeBlock.js +373 -0
- package/dist/text/EditableText.d.ts +55 -15
- package/dist/text/EditableText.js +153 -135
- package/dist/text/Ellipsis.d.ts +34 -8
- package/dist/text/Ellipsis.js +55 -23
- package/dist/text/Kbd.d.ts +72 -0
- package/dist/text/Kbd.js +284 -0
- package/dist/text/MarkdownText.d.ts +27 -10
- package/dist/text/MarkdownText.js +317 -300
- package/dist/text/RequiredMarker.d.ts +17 -5
- package/dist/text/RequiredMarker.js +34 -36
- package/dist/text/Selectable.d.ts +5 -6
- package/dist/text/Selectable.js +16 -13
- package/dist/text/Span.d.ts +82 -0
- package/dist/text/Span.js +115 -0
- package/dist/text/Text.d.ts +128 -41
- package/dist/text/Text.js +209 -76
- package/dist/theme/GalaxyProvider.d.ts +75 -0
- package/dist/theme/GalaxyProvider.js +223 -0
- package/dist/theme/ThemeSwitcher.d.ts +52 -0
- package/dist/theme/ThemeSwitcher.js +94 -0
- package/dist/theme/enums.d.ts +118 -0
- package/dist/theme/enums.js +144 -0
- package/dist/theme/tokens/dark.d.ts +2 -0
- package/dist/theme/tokens/dark.js +275 -0
- package/dist/theme/tokens/generate.d.ts +15 -0
- package/dist/theme/tokens/generate.js +47 -0
- package/dist/theme/tokens/light.d.ts +2 -0
- package/dist/theme/tokens/light.js +274 -0
- package/dist/theme/tokens/palette.d.ts +14 -0
- package/dist/theme/tokens/palette.js +153 -0
- package/dist/theme/tokens/scales.d.ts +26 -0
- package/dist/theme/tokens/scales.js +154 -0
- package/dist/theme/tokens/t.d.ts +3 -0
- package/dist/theme/tokens/t.js +25 -0
- package/dist/theme/tokens/types.d.ts +189 -0
- package/dist/theme/tokens/types.js +0 -0
- package/dist/theme/useGalaxyTheme.d.ts +46 -0
- package/dist/theme/useGalaxyTheme.js +36 -0
- package/dist/theme/useInverseScope.d.ts +18 -0
- package/dist/theme/useInverseScope.js +33 -0
- package/dist/three/GalaxyLogomark3D.d.ts +46 -0
- package/dist/three/GalaxyLogomark3D.js +134 -0
- package/dist/three/assets/galaxy-logomark.js +4 -0
- package/dist/three/galaxyLogomark3DScene.d.ts +27 -0
- package/dist/three/galaxyLogomark3DScene.js +165 -0
- package/dist/timeline/Timeline.d.ts +99 -0
- package/dist/timeline/Timeline.js +269 -0
- package/dist/toast/Toast.d.ts +43 -19
- package/dist/toast/Toast.js +130 -89
- package/dist/toast/ToastProvider.d.ts +23 -23
- package/dist/toast/ToastProvider.js +298 -101
- package/dist/toast/ToastViewport.d.ts +12 -0
- package/dist/toast/ToastViewport.js +210 -0
- package/dist/toast/useToast.d.ts +139 -5
- package/dist/toast/useToast.js +15 -13
- package/dist/tokens.css +654 -0
- package/dist/tooltip/Tooltip.d.ts +64 -44
- package/dist/tooltip/Tooltip.js +280 -73
- package/dist/tooltip/internal/LazyTooltip.d.ts +7 -0
- package/dist/tooltip/internal/LazyTooltip.js +53 -0
- package/dist/transform/Fade.d.ts +33 -11
- package/dist/transform/Fade.js +71 -19
- package/dist/transform/Flasher.d.ts +25 -0
- package/dist/transform/Flasher.js +39 -0
- package/dist/transform/Rotate.d.ts +24 -12
- package/dist/transform/Rotate.js +36 -22
- package/dist/transform/ScaleFade.d.ts +36 -11
- package/dist/transform/ScaleFade.js +86 -28
- package/dist/transform/internal/CollapseMotion.d.ts +10 -0
- package/dist/transform/internal/CollapseMotion.js +65 -0
- package/dist/tree/Tree.d.ts +85 -0
- package/dist/tree/Tree.js +387 -0
- package/dist/tree/treeRow.d.ts +39 -0
- package/dist/tree/treeRow.js +75 -0
- package/dist/utils/colors.d.ts +46 -13
- package/dist/utils/colors.js +92 -34
- package/dist/utils/css.d.ts +23 -0
- package/dist/utils/css.js +30 -0
- package/dist/utils/format.d.ts +58 -0
- package/dist/utils/format.js +220 -0
- package/dist/vite/index.d.ts +16 -0
- package/dist/vite/index.js +52 -0
- package/dist/widget/Widget.d.ts +164 -48
- package/dist/widget/Widget.js +335 -96
- package/dist/widget/WidgetGroup.d.ts +36 -0
- package/dist/widget/WidgetGroup.js +103 -0
- package/package.json +851 -157
- package/dist/accordion/Accordion.d.ts +0 -54
- package/dist/accordion/Accordion.js +0 -183
- package/dist/assets/components/GalaxyFilamentWordmarkDark.d.ts +0 -3
- package/dist/assets/components/GalaxyFilamentWordmarkDark.js +0 -14
- package/dist/assets/components/GalaxyFilamentWordmarkLight.d.ts +0 -3
- package/dist/assets/components/GalaxyFilamentWordmarkLight.js +0 -14
- package/dist/assets/components/GalaxyLogomarkDark.d.ts +0 -3
- package/dist/assets/components/GalaxyLogomarkDark.js +0 -11
- package/dist/assets/components/GalaxyLogomarkLight.d.ts +0 -3
- package/dist/assets/components/GalaxyLogomarkLight.js +0 -17
- package/dist/assets/components/GalaxyWordmarkDark.d.ts +0 -3
- package/dist/assets/components/GalaxyWordmarkDark.js +0 -15
- package/dist/assets/components/GalaxyWordmarkLight.d.ts +0 -3
- package/dist/assets/components/GalaxyWordmarkLight.js +0 -28
- package/dist/assets/models/galaxy-animation.js +0 -136666
- package/dist/assets/models/galaxy-logomark.js +0 -4
- package/dist/avatar/AvatarShimmer.d.ts +0 -30
- package/dist/avatar/AvatarShimmer.js +0 -22
- package/dist/backgrounds/CellGridBackground.d.ts +0 -24
- package/dist/backgrounds/CellGridBackground.js +0 -44
- package/dist/backgrounds/CrossGridBackground.d.ts +0 -26
- package/dist/backgrounds/CrossGridBackground.js +0 -49
- package/dist/backgrounds/DotGridBackground.d.ts +0 -24
- package/dist/backgrounds/DotGridBackground.js +0 -47
- package/dist/badge/Badge.d.ts +0 -42
- package/dist/badge/Badge.js +0 -99
- package/dist/charts/ChartEmptyState.d.ts +0 -17
- package/dist/charts/ChartEmptyState.js +0 -29
- package/dist/charts/ProgressBar.d.ts +0 -29
- package/dist/charts/ProgressBar.js +0 -65
- package/dist/charts/chartTheme.d.ts +0 -18
- package/dist/charts/chartTheme.js +0 -26
- package/dist/containers/FlexItem.d.ts +0 -50
- package/dist/containers/FlexItem.js +0 -91
- package/dist/containers/FlexWrapper.d.ts +0 -96
- package/dist/containers/FlexWrapper.js +0 -143
- package/dist/containers/GridWrapper.d.ts +0 -79
- package/dist/containers/GridWrapper.js +0 -125
- package/dist/containers/Spacing.d.ts +0 -23
- package/dist/containers/Spacing.js +0 -59
- package/dist/containers/Wrapper.d.ts +0 -26
- package/dist/containers/Wrapper.js +0 -54
- package/dist/dividers/HorizontalDivider.d.ts +0 -7
- package/dist/dividers/HorizontalDivider.js +0 -39
- package/dist/dividers/VerticalDivider.d.ts +0 -6
- package/dist/dividers/VerticalDivider.js +0 -21
- package/dist/icons/GalaxyFilamentWordmark.d.ts +0 -11
- package/dist/icons/GalaxyFilamentWordmark.js +0 -25
- package/dist/icons/GalaxyLogomark.d.ts +0 -13
- package/dist/icons/GalaxyLogomark.js +0 -27
- package/dist/icons/GalaxyLogomark3D.d.ts +0 -56
- package/dist/icons/GalaxyLogomark3D.js +0 -319
- package/dist/icons/GalaxyLogomarkAnimation.d.ts +0 -18
- package/dist/icons/GalaxyLogomarkAnimation.js +0 -48
- package/dist/icons/GalaxyWordmark.d.ts +0 -11
- package/dist/icons/GalaxyWordmark.js +0 -25
- package/dist/inputs/MultiTextInput.d.ts +0 -32
- package/dist/inputs/MultiTextInput.js +0 -180
- package/dist/inputs/SwitcherInput.d.ts +0 -27
- package/dist/inputs/SwitcherInput.js +0 -64
- package/dist/inputs/hooks.d.ts +0 -10
- package/dist/inputs/hooks.js +0 -22
- package/dist/overlay/constants.d.ts +0 -28
- package/dist/overlay/constants.js +0 -37
- package/dist/resizable/HorizontalResizeHandle.d.ts +0 -17
- package/dist/resizable/HorizontalResizeHandle.js +0 -38
- package/dist/resizable/VerticalResizeHandle.d.ts +0 -18
- package/dist/resizable/VerticalResizeHandle.js +0 -39
- package/dist/table/SpreadsheetCell.d.ts +0 -21
- package/dist/table/SpreadsheetCell.js +0 -71
- package/dist/table/SpreadsheetHeaderCell.d.ts +0 -23
- package/dist/table/SpreadsheetHeaderCell.js +0 -91
- package/dist/table/SpreadsheetMenuItem.d.ts +0 -14
- package/dist/table/SpreadsheetMenuItem.js +0 -33
- package/dist/table/SpreadsheetPrimitives.d.ts +0 -172
- package/dist/table/SpreadsheetPrimitives.js +0 -105
- package/dist/table/SpreadsheetRow.d.ts +0 -33
- package/dist/table/SpreadsheetRow.js +0 -73
- package/dist/table/SpreadsheetRowActionCell.d.ts +0 -14
- package/dist/table/SpreadsheetRowActionCell.js +0 -51
- package/dist/table/TableExpandCell.d.ts +0 -11
- package/dist/table/TableExpandCell.js +0 -24
- package/dist/table/TableExpandedRow.d.ts +0 -16
- package/dist/table/TableExpandedRow.js +0 -77
- package/dist/table/TableHeaderCellContent.d.ts +0 -30
- package/dist/table/TableHeaderCellContent.js +0 -48
- package/dist/table/TablePrimitives.d.ts +0 -313
- package/dist/table/TablePrimitives.js +0 -302
- package/dist/table/TableSelectCell.d.ts +0 -18
- package/dist/table/TableSelectCell.js +0 -27
- package/dist/table/TableStatusRow.d.ts +0 -18
- package/dist/table/TableStatusRow.js +0 -50
- package/dist/table/useSpreadsheetEditing.d.ts +0 -13
- package/dist/table/useSpreadsheetEditing.js +0 -41
- package/dist/table/useTableColumnResize.d.ts +0 -38
- package/dist/table/useTableColumnResize.js +0 -155
- package/dist/table/useTableRowExpansion.d.ts +0 -24
- package/dist/table/useTableRowExpansion.js +0 -62
- package/dist/table/utils.d.ts +0 -50
- package/dist/table/utils.js +0 -78
- package/dist/text/HotKeys.d.ts +0 -30
- package/dist/text/HotKeys.js +0 -74
- package/dist/text/Paragraph.d.ts +0 -33
- package/dist/text/Paragraph.js +0 -83
- package/dist/text/TextShimmer.d.ts +0 -14
- package/dist/text/TextShimmer.js +0 -34
- package/dist/theme/GalaxyTheme.d.ts +0 -67
- package/dist/theme/GalaxyTheme.js +0 -119
- package/dist/theme/constants.d.ts +0 -8
- package/dist/theme/constants.js +0 -38
- package/dist/theme/index.d.ts +0 -6
- package/dist/theme/index.js +0 -7
- package/dist/theme/types.d.ts +0 -195
- package/dist/theme/types.js +0 -10
- package/dist/theme/typography.d.ts +0 -2
- package/dist/theme/typography.js +0 -73
- package/dist/theme/variants/dark.d.ts +0 -2
- package/dist/theme/variants/dark.js +0 -125
- package/dist/theme/variants/light.d.ts +0 -2
- package/dist/theme/variants/light.js +0 -125
- package/dist/toast/ToastContainer.d.ts +0 -10
- package/dist/toast/ToastContainer.js +0 -31
- package/dist/toast/ToastWrapper.d.ts +0 -6
- package/dist/toast/ToastWrapper.js +0 -27
- package/dist/transform/Flash.d.ts +0 -7
- package/dist/transform/Flash.js +0 -18
- package/dist/transform/Spin.d.ts +0 -14
- package/dist/transform/Spin.js +0 -25
- package/dist/utils/linaria.d.ts +0 -1
- 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 };
|