@galaxy-io/dls 1.4.12 → 1.4.13

package/dist/charts/ChartCategoryTargets.d.ts

@@ -9,8 +9,7 @@ import type { ChartInteraction } from "./useChartInteraction";
  *
  * Every category is hoverable, including one with nothing to show: the cursor
  * still marks where the pointer is over an empty stretch of axis, and the
- * frame's rowless guard is what keeps a heading-only tooltip from opening
- * there.
+ * tooltip opens with a "No data" body so the hover always gets an answer.
  */
 interface ChartCategoryTargetsProps {
     targets: ChartCategoryTarget[];

package/dist/charts/ChartFrame.d.ts

@@ -70,9 +70,9 @@ export interface ChartFrameProps {
     /**
      * Builds one category's tooltip, in plot coordinates.
      *
-     * A rowless model means "no data here": the category stays hoverable — the
-     * cursor should still mark the pointer over an empty stretch of axis — but
-     * no tooltip opens.
+     * A rowless model means "no data here": the category stays hoverable and
+     * the built-in tooltip renders it with a "No data" body. A custom
+     * {@link tooltipRenderer} never receives a rowless model.
      *
      * Must be stable; memoize it at the call site.
      */

package/dist/charts/ChartFrame.js

@@ -26,12 +26,15 @@ var ChartFrame = ({ containerRef, dimensions, fillWidth, fillHeight, interaction
 	const tooltipModel = useMemo(() => {
 		if (noTooltip || !interaction.showTooltip || interaction.activeIndex === null) return null;
 		const model = buildCategoryTooltip(interaction.activeIndex);
-		return model === null || model.rows.length === 0 ? null : model;
+		if (model === null) return null;
+		if (model.rows.length === 0 && tooltipRenderer !== void 0) return null;
+		return model;
 	}, [
 		noTooltip,
 		buildCategoryTooltip,
 		interaction.activeIndex,
-		interaction.showTooltip
+		interaction.showTooltip,
+		tooltipRenderer
 	]);
 	/**
 	* Plot space → container space, applied once, here.

package/dist/charts/ChartTooltip.js

@@ -36,7 +36,11 @@ var ChartTooltip = ({ model, containerWidth, containerHeight, anchorHalfWidth, p
 				variant: TextVariant.TERTIARY,
 				isEllipsis: true,
 				children: displayed.label
-			}), /* @__PURE__ */ jsx(ChartTooltipGrid, { children: displayed.rows.map((row) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(ChartTooltipLabelCell, { children: [/* @__PURE__ */ jsx(FlexItem, {
+			}), displayed.rows.length === 0 ? /* @__PURE__ */ jsx(Text, {
+				size: TextSize.BODY_SM,
+				variant: TextVariant.SECONDARY,
+				children: "No data"
+			}) : /* @__PURE__ */ jsx(ChartTooltipGrid, { children: displayed.rows.map((row) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(ChartTooltipLabelCell, { children: [/* @__PURE__ */ jsx(FlexItem, {
 				shrink: 0,
 				children: /* @__PURE__ */ jsx(Circle, {
 					size: 8,

package/dist/charts/types.d.ts

@@ -322,7 +322,14 @@ export interface ChartPlotTooltipModel {
     anchorX: number;
     anchorY: number;
 }
-/** Render prop for replacing the tooltip body. Positioning stays with the chart. */
+/**
+ * Render prop for replacing the tooltip body. Positioning stays with the chart.
+ *
+ * Never called with empty `rows` — with a custom renderer installed, a
+ * hovered category with no data opens no tooltip at all (the built-in body
+ * is the one that knows how to say "No data") — so `rows[0]`-style
+ * assumptions are safe here.
+ */
 export type ChartTooltipRenderer = (model: ChartTooltipModel) => ReactNode;
 /** Which shape a category's hit target is drawn as. */
 export declare enum ChartTargetShape {

package/dist/styles.css

@@ -142,7 +142,7 @@
 .c1yt5ynl{width:6px;height:6px;border-radius:50%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-color:var(--c1yt5ynl-0);-webkit-animation:var(--c1yt5ynl-1);animation:var(--c1yt5ynl-1);}@-webkit-keyframes enrichPulse-c1yt5ynl{0%,100%{opacity:1;}50%{opacity:0.3;}}@keyframes enrichPulse-c1yt5ynl{0%,100%{opacity:1;}50%{opacity:0.3;}}@media (prefers-reduced-motion: reduce){.c1yt5ynl{-webkit-animation:none;animation:none;}}
 .c1kvxq2r{position:absolute;inset:0;z-index:10;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;background-color:var(--c1kvxq2r-0);border:1.5px solid var(--c1kvxq2r-1);border-radius:4px;}
 .cz6gl36{width:100%;height:12px;border-radius:4px;background-color:var(--cz6gl36-0);-webkit-animation:spreadsheetSkeletonPulse-cz6gl36 1.4s ease-in-out infinite;animation:spreadsheetSkeletonPulse-cz6gl36 1.4s ease-in-out infinite;}@-webkit-keyframes spreadsheetSkeletonPulse-cz6gl36{0%,100%{opacity:1;}50%{opacity:0.4;}}@keyframes spreadsheetSkeletonPulse-cz6gl36{0%,100%{opacity:1;}50%{opacity:0.4;}}@media (prefers-reduced-motion: reduce){.cz6gl36{-webkit-animation:none;animation:none;}}
-.tldpbjd{width:var(--tldpbjd-0);height:var(--tldpbjd-1);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:5px;overflow:hidden;}
+.tldpbjd{width:var(--tldpbjd-0);height:var(--tldpbjd-1);min-height:var(--tldpbjd-2);max-height:var(--tldpbjd-3);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:5px;overflow:hidden;}
 .t1ltwowk{-webkit-flex:1;-ms-flex:1;flex:1;overflow:auto;position:relative;min-height:0;overflow-anchor:none;overscroll-behavior-x:none;-webkit-overflow-scrolling:touch;padding-bottom:var(--t1ltwowk-0);}
 .sfoers7{width:100%;min-width:var(--sfoers7-0);border-collapse:separate;border-spacing:0;table-layout:fixed;}
 .tmoy46{display:table-header-group;position:-webkit-sticky;position:sticky;top:0px;z-index:20;}

package/dist/table/InfiniteTable.js

@@ -27,7 +27,7 @@ import { flexRender, getCoreRowModel, getExpandedRowModel, getSortedRowModel, us
 * `VirtualizedInfiniteTable`, which shares the same column and row API.
 */
 function InfiniteTable(props) {
-	const { columns, data, getRowId, height, width, fillWidth, fillHeight, density = TableDensity.MEDIUM, variant = TableVariant.PRIMARY, hasNextPage, isFetchingNextPage, fetchNextPage, enableRowSelection, enableMultiRowSelection = true, rowSelection, defaultRowSelection, onRowSelectionChange, onSelectedRowsChange, showSelectionColumn = false, selectionColumnPin = ColumnPin.LEFT, enableSelectAll, enableSelectionRange = true, selectAllAriaLabel = "Select all rows", getRowSelectAriaLabel, enableSorting = false, enableMultiSort = false, sorting, onSortingChange, manualSorting = false, isLoading = false, isError = false, error, loadingRowCount = 5, contentWhenEmpty, contentWhenError, noHeader = false, noLastRowBorder = false, noLastRowPadding = false, onRowClick, onRowDoubleClick, onRowActivate, onRowExpand, expandedRowIds, defaultExpandedRowIds, onExpandedChange, getRowCanExpand, enableMultiRowExpansion = true, showExpandColumn = true, expandColumnPin = ColumnPin.LEFT, enableColumnResizing = false, columnSizing, defaultColumnSizing, onColumnSizingChange, columnResizeMode = ColumnResizeMode.ON_CHANGE, ariaLabel, ariaLabelledBy, getRowAriaLabel, enableRowFocus, onTableReady } = props;
+	const { columns, data, getRowId, height, minHeight, maxHeight, width, fillWidth, fillHeight, density = TableDensity.MEDIUM, variant = TableVariant.PRIMARY, hasNextPage, isFetchingNextPage, fetchNextPage, enableRowSelection, enableMultiRowSelection = true, rowSelection, defaultRowSelection, onRowSelectionChange, onSelectedRowsChange, showSelectionColumn = false, selectionColumnPin = ColumnPin.LEFT, enableSelectAll, enableSelectionRange = true, selectAllAriaLabel = "Select all rows", getRowSelectAriaLabel, enableSorting = false, enableMultiSort = false, sorting, onSortingChange, manualSorting = false, isLoading = false, isError = false, error, loadingRowCount = 5, contentWhenEmpty, contentWhenError, noHeader = false, noLastRowBorder = false, noLastRowPadding = false, onRowClick, onRowDoubleClick, onRowActivate, onRowExpand, expandedRowIds, defaultExpandedRowIds, onExpandedChange, getRowCanExpand, enableMultiRowExpansion = true, showExpandColumn = true, expandColumnPin = ColumnPin.LEFT, enableColumnResizing = false, columnSizing, defaultColumnSizing, onColumnSizingChange, columnResizeMode = ColumnResizeMode.ON_CHANGE, ariaLabel, ariaLabelledBy, getRowAriaLabel, enableRowFocus, onTableReady } = props;
 	const instanceId = useId();
 	const scrollContainerRef = useRef(null);
 	const headerRef = useRef(null);
@@ -292,6 +292,8 @@ function InfiniteTable(props) {
 	return /* @__PURE__ */ jsx(TableOuterContainer, {
 		$width: width,
 		$height: height,
+		$minHeight: minHeight,
+		$maxHeight: maxHeight,
 		$fillWidth: fillWidth,
 		$fillHeight: fillHeight,
 		children: /* @__PURE__ */ jsxs(TableScrollContainer, {

package/dist/table/TablePrimitives.d.ts

@@ -12,17 +12,21 @@ import { ColumnAlign, ColumnPin, TableDensity, TableVariant } from "./types";
 export declare const TableOuterContainer: import("react").ComponentType<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     $width?: number | string;
     $height?: number | string;
+    $minHeight?: number | string;
+    $maxHeight?: number | string;
     $fillWidth?: boolean;
     $fillHeight?: boolean;
 } & {
     theme: import("../theme").Theme;
 } & {
     as?: React.ElementType;
-}, "$width" | "$height" | "$fillWidth" | "$fillHeight" | "as" | keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+}, "$width" | "$height" | "$fillWidth" | "$fillHeight" | "$minHeight" | "$maxHeight" | "as" | keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     theme?: import("@callstack/react-theme-provider").$DeepPartial<import("../theme").Theme> | undefined;
 }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<import("react").ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     $width?: number | string;
     $height?: number | string;
+    $minHeight?: number | string;
+    $maxHeight?: number | string;
     $fillWidth?: boolean;
     $fillHeight?: boolean;
 } & {
@@ -34,6 +38,8 @@ export declare const TableOuterContainer: import("react").ComponentType<Pick<imp
 } & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     $width?: number | string;
     $height?: number | string;
+    $minHeight?: number | string;
+    $maxHeight?: number | string;
     $fillWidth?: boolean;
     $fillHeight?: boolean;
 } & {

package/dist/table/TablePrimitives.js

@@ -26,66 +26,70 @@ var _exp2 = () => ({ $height, $fillHeight }) => {
 	if ($height) return getCssSizeValue($height);
 	return "auto";
 };
+var _exp3 = () => ({ $minHeight }) => $minHeight !== void 0 ? getCssSizeValue($minHeight) : "auto";
+var _exp4 = () => ({ $maxHeight }) => $maxHeight !== void 0 ? getCssSizeValue($maxHeight) : "none";
 var TableOuterContainer = withTheme(/*#__PURE__*/ styled("div")({
 	name: "TableOuterContainer",
 	class: "tldpbjd",
 	propsAsIs: false,
 	vars: {
 		"tldpbjd-0": [_exp()],
-		"tldpbjd-1": [_exp2()]
+		"tldpbjd-1": [_exp2()],
+		"tldpbjd-2": [_exp3()],
+		"tldpbjd-3": [_exp4()]
 	}
 }));
 /**
 * Deliberately not wrapped in `withTheme` — it receives a ref, and the
 * `withTheme` HOC does not forward one.
 */
-var _exp3 = () => ({ $noLastRowPadding }) => $noLastRowPadding ? "0" : "8px";
+var _exp5 = () => ({ $noLastRowPadding }) => $noLastRowPadding ? "0" : "8px";
 var TableScrollContainer = /*#__PURE__*/ styled("div")({
 	name: "TableScrollContainer",
 	class: "t1ltwowk",
 	propsAsIs: false,
-	vars: { "t1ltwowk-0": [_exp3()] }
+	vars: { "t1ltwowk-0": [_exp5()] }
 });
 /**
 * `min-width` is the sum of the resolved column widths, so a table whose fixed
 * columns overflow scrolls horizontally instead of squashing — while a table of
 * flexible columns still fills its container.
 */
-var _exp4 = () => ({ $rowMinWidth }) => `${$rowMinWidth}px`;
+var _exp6 = () => ({ $rowMinWidth }) => `${$rowMinWidth}px`;
 var StyledTable = /*#__PURE__*/ styled("table")({
 	name: "StyledTable",
 	class: "sfoers7",
 	propsAsIs: false,
-	vars: { "sfoers7-0": [_exp4()] }
+	vars: { "sfoers7-0": [_exp6()] }
 });
 var TableHead = /*#__PURE__*/ styled("thead")({
 	name: "TableHead",
 	class: "tmoy46",
 	propsAsIs: false
 });
-var _exp5 = () => ({ $virtualHeight }) => $virtualHeight !== void 0 ? `${$virtualHeight}px` : "auto";
+var _exp7 = () => ({ $virtualHeight }) => $virtualHeight !== void 0 ? `${$virtualHeight}px` : "auto";
 var TableBody = /*#__PURE__*/ styled("tbody")({
 	name: "TableBody",
 	class: "tyata5l",
 	propsAsIs: false,
-	vars: { "tyata5l-0": [_exp5()] }
+	vars: { "tyata5l-0": [_exp7()] }
 });
 var TableHeaderRow = /*#__PURE__*/ styled("tr")({
 	name: "TableHeaderRow",
 	class: "tr9kpwl",
 	propsAsIs: false
 });
-var _exp6 = () => ({ $isClickable }) => $isClickable ? "pointer" : "default";
-var _exp7 = () => ({ $density, $rowHeight }) => $rowHeight !== void 0 ? `${$rowHeight}px` : getDensityRowHeight($density);
-var _exp8 = () => ({ $translateY }) => $translateY !== void 0 ? "absolute" : "static";
-var _exp9 = () => ({ $translateY }) => $translateY !== void 0 ? `translateY(${$translateY}px)` : "none";
-var _exp0 = () => ({ theme }) => theme.color.border.selected;
-var _exp1 = () => ({ $isSelected, $variant, theme }) => $isSelected ? getVariantSelectedBackgroundColor(theme, $variant) : getVariantBackgroundColor(theme, $variant);
-var _exp10 = () => ({ $isExpanded, $isLastRow, theme }) => {
+var _exp8 = () => ({ $isClickable }) => $isClickable ? "pointer" : "default";
+var _exp9 = () => ({ $density, $rowHeight }) => $rowHeight !== void 0 ? `${$rowHeight}px` : getDensityRowHeight($density);
+var _exp0 = () => ({ $translateY }) => $translateY !== void 0 ? "absolute" : "static";
+var _exp1 = () => ({ $translateY }) => $translateY !== void 0 ? `translateY(${$translateY}px)` : "none";
+var _exp10 = () => ({ theme }) => theme.color.border.selected;
+var _exp11 = () => ({ $isSelected, $variant, theme }) => $isSelected ? getVariantSelectedBackgroundColor(theme, $variant) : getVariantBackgroundColor(theme, $variant);
+var _exp12 = () => ({ $isExpanded, $isLastRow, theme }) => {
 	if ($isExpanded || $isLastRow) return "none";
 	return `0.5px solid ${theme.color.border.primary}`;
 };
-var _exp11 = () => ({ $isClickable, $isSelected, $variant, theme }) => {
+var _exp13 = () => ({ $isClickable, $isSelected, $variant, theme }) => {
 	if ($isSelected) return getVariantSelectedBackgroundColor(theme, $variant);
 	if ($isClickable) return getVariantHoverBackgroundColor(theme, $variant);
 	return getVariantBackgroundColor(theme, $variant);
@@ -95,68 +99,68 @@ var TableRow = withTheme(/*#__PURE__*/ styled("tr")({
 	class: "t1ae7muk",
 	propsAsIs: false,
 	vars: {
-		"t1ae7muk-0": [_exp6()],
-		"t1ae7muk-1": [_exp7()],
-		"t1ae7muk-2": [_exp8()],
-		"t1ae7muk-3": [_exp9()],
-		"t1ae7muk-4": [_exp0()],
-		"t1ae7muk-5": [_exp1()],
-		"t1ae7muk-6": [_exp10()],
-		"t1ae7muk-7": [_exp11()]
+		"t1ae7muk-0": [_exp8()],
+		"t1ae7muk-1": [_exp9()],
+		"t1ae7muk-2": [_exp0()],
+		"t1ae7muk-3": [_exp1()],
+		"t1ae7muk-4": [_exp10()],
+		"t1ae7muk-5": [_exp11()],
+		"t1ae7muk-6": [_exp12()],
+		"t1ae7muk-7": [_exp13()]
 	}
 }));
-var _exp12 = () => ({ $density }) => getDensityRowHeight($density);
-var _exp13 = () => ({ theme }) => theme.color.border.primary;
-var _exp14 = () => ({ $variant, theme }) => getVariantBackgroundColor(theme, $variant);
+var _exp14 = () => ({ $density }) => getDensityRowHeight($density);
+var _exp15 = () => ({ theme }) => theme.color.border.primary;
+var _exp16 = () => ({ $variant, theme }) => getVariantBackgroundColor(theme, $variant);
 var TableLoadingRow = withTheme(/*#__PURE__*/ styled("tr")({
 	name: "TableLoadingRow",
 	class: "t5udbsy",
 	propsAsIs: false,
 	vars: {
-		"t5udbsy-0": [_exp12()],
-		"t5udbsy-1": [_exp13()],
-		"t5udbsy-2": [_exp14()]
+		"t5udbsy-0": [_exp14()],
+		"t5udbsy-1": [_exp15()],
+		"t5udbsy-2": [_exp16()]
 	}
 }));
-var _exp15 = () => ({ $density, $isCompact }) => $isCompact ? "4px 6px" : getDensityCellPadding($density);
-var _exp16 = () => ({ $width }) => {
+var _exp17 = () => ({ $density, $isCompact }) => $isCompact ? "4px 6px" : getDensityCellPadding($density);
+var _exp18 = () => ({ $width }) => {
 	if ($width) return `0 0 ${$width}px`;
 	return "1 1 0";
 };
-var _exp17 = () => ({ $minWidth }) => {
+var _exp19 = () => ({ $minWidth }) => {
 	if ($minWidth) return `${$minWidth}px`;
 	return "0";
 };
-var _exp18 = () => ({ $maxWidth }) => {
+var _exp20 = () => ({ $maxWidth }) => {
 	if ($maxWidth) return `${$maxWidth}px`;
 	return "none";
 };
-var _exp19 = () => ({ $align }) => match($align).with(ColumnAlign.LEFT, () => "left").with(ColumnAlign.CENTER, () => "center").with(ColumnAlign.RIGHT, () => "right").with(void 0, () => "left").exhaustive();
-var _exp20 = () => ({ theme }) => theme.color.border.primary;
-var _exp21 = () => ({ $variant, theme }) => getVariantBackgroundColor(theme, $variant);
-var _exp22 = () => ({ $align }) => match($align).with(ColumnAlign.LEFT, () => "flex-start").with(ColumnAlign.CENTER, () => "center").with(ColumnAlign.RIGHT, () => "flex-end").with(void 0, () => "flex-start").exhaustive();
-var _exp23 = () => ({ $isSortable }) => {
+var _exp21 = () => ({ $align }) => match($align).with(ColumnAlign.LEFT, () => "left").with(ColumnAlign.CENTER, () => "center").with(ColumnAlign.RIGHT, () => "right").with(void 0, () => "left").exhaustive();
+var _exp22 = () => ({ theme }) => theme.color.border.primary;
+var _exp23 = () => ({ $variant, theme }) => getVariantBackgroundColor(theme, $variant);
+var _exp24 = () => ({ $align }) => match($align).with(ColumnAlign.LEFT, () => "flex-start").with(ColumnAlign.CENTER, () => "center").with(ColumnAlign.RIGHT, () => "flex-end").with(void 0, () => "flex-start").exhaustive();
+var _exp25 = () => ({ $isSortable }) => {
 	if ($isSortable) return "pointer";
 	return "default";
 };
-var _exp24 = () => ({ theme }) => theme.color.border.selected;
-var _exp25 = () => ({ $pin }) => {
+var _exp26 = () => ({ theme }) => theme.color.border.selected;
+var _exp27 = () => ({ $pin }) => {
 	if ($pin) return 25;
 	return 20;
 };
-var _exp26 = () => ({ $pin, $pinnedOffset }) => {
+var _exp28 = () => ({ $pin, $pinnedOffset }) => {
 	if ($pin === ColumnPin.LEFT && $pinnedOffset !== void 0) return `${$pinnedOffset}px`;
 	return "auto";
 };
-var _exp27 = () => ({ $pin, $pinnedOffset }) => {
+var _exp29 = () => ({ $pin, $pinnedOffset }) => {
 	if ($pin === ColumnPin.RIGHT && $pinnedOffset !== void 0) return `${$pinnedOffset}px`;
 	return "auto";
 };
-var _exp28 = () => ({ $pin, theme }) => {
+var _exp30 = () => ({ $pin, theme }) => {
 	if ($pin === ColumnPin.LEFT) return `0.5px solid ${theme.color.border.primary}`;
 	return "none";
 };
-var _exp29 = () => ({ $pin, theme }) => {
+var _exp31 = () => ({ $pin, theme }) => {
 	if ($pin === ColumnPin.RIGHT) return `0.5px solid ${theme.color.border.primary}`;
 	return "none";
 };
@@ -165,67 +169,67 @@ var TableHeaderCell = withTheme(/*#__PURE__*/ styled("th")({
 	class: "t9zg7bh",
 	propsAsIs: false,
 	vars: {
-		"t9zg7bh-0": [_exp15()],
-		"t9zg7bh-1": [_exp16()],
-		"t9zg7bh-2": [_exp17()],
-		"t9zg7bh-3": [_exp18()],
-		"t9zg7bh-4": [_exp19()],
-		"t9zg7bh-5": [_exp20()],
-		"t9zg7bh-6": [_exp21()],
-		"t9zg7bh-7": [_exp22()],
-		"t9zg7bh-8": [_exp23()],
-		"t9zg7bh-9": [_exp24()],
-		"t9zg7bh-10": [_exp25()],
-		"t9zg7bh-11": [_exp26()],
-		"t9zg7bh-12": [_exp27()],
-		"t9zg7bh-13": [_exp28()],
-		"t9zg7bh-14": [_exp29()]
+		"t9zg7bh-0": [_exp17()],
+		"t9zg7bh-1": [_exp18()],
+		"t9zg7bh-2": [_exp19()],
+		"t9zg7bh-3": [_exp20()],
+		"t9zg7bh-4": [_exp21()],
+		"t9zg7bh-5": [_exp22()],
+		"t9zg7bh-6": [_exp23()],
+		"t9zg7bh-7": [_exp24()],
+		"t9zg7bh-8": [_exp25()],
+		"t9zg7bh-9": [_exp26()],
+		"t9zg7bh-10": [_exp27()],
+		"t9zg7bh-11": [_exp28()],
+		"t9zg7bh-12": [_exp29()],
+		"t9zg7bh-13": [_exp30()],
+		"t9zg7bh-14": [_exp31()]
 	}
 }));
-var _exp30 = () => ({ $density, $isCompact }) => $isCompact ? "4px 6px" : getDensityCellPadding($density);
-var _exp31 = () => ({ theme }) => theme.color.text.primary;
-var _exp32 = () => ({ $width }) => {
+var _exp32 = () => ({ $density, $isCompact }) => $isCompact ? "4px 6px" : getDensityCellPadding($density);
+var _exp33 = () => ({ theme }) => theme.color.text.primary;
+var _exp34 = () => ({ $width }) => {
 	if ($width) return `0 0 ${$width}px`;
 	return "1 1 0";
 };
-var _exp33 = () => ({ $minWidth }) => {
+var _exp35 = () => ({ $minWidth }) => {
 	if ($minWidth) return `${$minWidth}px`;
 	return "0";
 };
-var _exp34 = () => ({ $maxWidth }) => {
+var _exp36 = () => ({ $maxWidth }) => {
 	if ($maxWidth) return `${$maxWidth}px`;
 	return "none";
 };
-var _exp35 = () => ({ $align }) => match($align).with(ColumnAlign.LEFT, () => "left").with(ColumnAlign.CENTER, () => "center").with(ColumnAlign.RIGHT, () => "right").with(void 0, () => "left").exhaustive();
-var _exp36 = () => ({ $align }) => match($align).with(ColumnAlign.LEFT, () => "flex-start").with(ColumnAlign.CENTER, () => "center").with(ColumnAlign.RIGHT, () => "flex-end").with(void 0, () => "flex-start").exhaustive();
-var _exp37 = () => ({ $pin, $variant, theme }) => {
+var _exp37 = () => ({ $align }) => match($align).with(ColumnAlign.LEFT, () => "left").with(ColumnAlign.CENTER, () => "center").with(ColumnAlign.RIGHT, () => "right").with(void 0, () => "left").exhaustive();
+var _exp38 = () => ({ $align }) => match($align).with(ColumnAlign.LEFT, () => "flex-start").with(ColumnAlign.CENTER, () => "center").with(ColumnAlign.RIGHT, () => "flex-end").with(void 0, () => "flex-start").exhaustive();
+var _exp39 = () => ({ $pin, $variant, theme }) => {
 	if ($pin) return getVariantBackgroundColor(theme, $variant);
 	return "transparent";
 };
-var _exp38 = () => ({ $isEditable }) => $isEditable ? "text" : "inherit";
-var _exp39 = () => ({ $variant, theme }) => getVariantHoverBackgroundColor(theme, $variant);
-var _exp40 = () => ({ $pin, $isPositioned }) => {
+var _exp40 = () => ({ $isEditable }) => $isEditable ? "text" : "inherit";
+var _exp41 = () => ({ $variant, theme }) => getVariantHoverBackgroundColor(theme, $variant);
+var _exp42 = () => ({ $pin, $isPositioned }) => {
 	if ($pin) return "sticky";
 	if ($isPositioned) return "relative";
 	return "static";
 };
-var _exp41 = () => ({ $pin }) => {
+var _exp43 = () => ({ $pin }) => {
 	if ($pin) return 5;
 	return "auto";
 };
-var _exp42 = () => ({ $pin, $pinnedOffset }) => {
+var _exp44 = () => ({ $pin, $pinnedOffset }) => {
 	if ($pin === ColumnPin.LEFT && $pinnedOffset !== void 0) return `${$pinnedOffset}px`;
 	return "auto";
 };
-var _exp43 = () => ({ $pin, $pinnedOffset }) => {
+var _exp45 = () => ({ $pin, $pinnedOffset }) => {
 	if ($pin === ColumnPin.RIGHT && $pinnedOffset !== void 0) return `${$pinnedOffset}px`;
 	return "auto";
 };
-var _exp44 = () => ({ $pin, theme }) => {
+var _exp46 = () => ({ $pin, theme }) => {
 	if ($pin === ColumnPin.LEFT) return `0.5px solid ${theme.color.border.primary}`;
 	return "none";
 };
-var _exp45 = () => ({ $pin, theme }) => {
+var _exp47 = () => ({ $pin, theme }) => {
 	if ($pin === ColumnPin.RIGHT) return `0.5px solid ${theme.color.border.primary}`;
 	return "none";
 };
@@ -234,30 +238,30 @@ var TableDataCell = withTheme(/*#__PURE__*/ styled("td")({
 	class: "txnbn9h",
 	propsAsIs: false,
 	vars: {
-		"txnbn9h-0": [_exp30()],
-		"txnbn9h-1": [_exp31()],
-		"txnbn9h-2": [_exp32()],
-		"txnbn9h-3": [_exp33()],
-		"txnbn9h-4": [_exp34()],
-		"txnbn9h-5": [_exp35()],
-		"txnbn9h-6": [_exp36()],
-		"txnbn9h-7": [_exp37()],
-		"txnbn9h-8": [_exp38()],
-		"txnbn9h-9": [_exp39()],
-		"txnbn9h-10": [_exp40()],
-		"txnbn9h-11": [_exp41()],
-		"txnbn9h-12": [_exp42()],
-		"txnbn9h-13": [_exp43()],
-		"txnbn9h-14": [_exp44()],
-		"txnbn9h-15": [_exp45()]
+		"txnbn9h-0": [_exp32()],
+		"txnbn9h-1": [_exp33()],
+		"txnbn9h-2": [_exp34()],
+		"txnbn9h-3": [_exp35()],
+		"txnbn9h-4": [_exp36()],
+		"txnbn9h-5": [_exp37()],
+		"txnbn9h-6": [_exp38()],
+		"txnbn9h-7": [_exp39()],
+		"txnbn9h-8": [_exp40()],
+		"txnbn9h-9": [_exp41()],
+		"txnbn9h-10": [_exp42()],
+		"txnbn9h-11": [_exp43()],
+		"txnbn9h-12": [_exp44()],
+		"txnbn9h-13": [_exp45()],
+		"txnbn9h-14": [_exp46()],
+		"txnbn9h-15": [_exp47()]
 	}
 }));
-var _exp46 = () => ({ $grow }) => $grow ? "1 1 auto" : "0 1 auto";
+var _exp48 = () => ({ $grow }) => $grow ? "1 1 auto" : "0 1 auto";
 var HeaderContentWrapper = /*#__PURE__*/ styled("div")({
 	name: "HeaderContentWrapper",
 	class: "hsbbcc2",
 	propsAsIs: false,
-	vars: { "hsbbcc2-0": [_exp46()] }
+	vars: { "hsbbcc2-0": [_exp48()] }
 });
 /** Holds a trailing affordance — a menu trigger, say — at the cell's far edge. */
 var HeaderTrailingWrapper = /*#__PURE__*/ styled("div")({
@@ -277,15 +281,15 @@ var SortIconWrapper = /*#__PURE__*/ styled("div")({
 * against the trailing edge — centring it inside the grab area would leave it
 * floating a few pixels short of the column border it represents.
 */
-var _exp47 = () => ({ $isResizing, theme }) => $isResizing ? theme.color.border.selected : "transparent";
-var _exp49 = () => ({ theme }) => theme.color.border.selected;
+var _exp49 = () => ({ $isResizing, theme }) => $isResizing ? theme.color.border.selected : "transparent";
+var _exp51 = () => ({ theme }) => theme.color.border.selected;
 var ColumnResizeHandle = withTheme(/*#__PURE__*/ styled("div")({
 	name: "ColumnResizeHandle",
 	class: "c17fany5",
 	propsAsIs: false,
 	vars: {
-		"c17fany5-0": [_exp47()],
-		"c17fany5-1": [_exp49()]
+		"c17fany5-0": [_exp49()],
+		"c17fany5-1": [_exp51()]
 	}
 }));
 /** Sentinel that drives infinite scroll; carries no visual weight. */

package/dist/table/VirtualizedInfiniteTable.js

@@ -50,7 +50,7 @@ var VirtualizedRow = React.memo(VirtualizedRowInner);
 * `InfiniteTable` until row count actually becomes the problem.
 */
 function VirtualizedInfiniteTable(props) {
-	const { columns, totalRowCount, getRowData, getRowId, height, width, fillWidth, fillHeight, density = TableDensity.MEDIUM, variant = TableVariant.PRIMARY, estimateRowHeight, overscan = 25, hasNextPage, isFetchingNextPage, fetchNextPage, isLoading = false, isError = false, error, loadingRowCount = 5, contentWhenEmpty, contentWhenError, noHeader = false, noLastRowBorder = false, noLastRowPadding = false, enableColumnResizing = false, columnSizing, defaultColumnSizing, onColumnSizingChange, columnResizeMode = ColumnResizeMode.ON_CHANGE, ariaLabel, ariaLabelledBy, onRowClick } = props;
+	const { columns, totalRowCount, getRowData, getRowId, height, minHeight, maxHeight, width, fillWidth, fillHeight, density = TableDensity.MEDIUM, variant = TableVariant.PRIMARY, estimateRowHeight, overscan = 25, hasNextPage, isFetchingNextPage, fetchNextPage, isLoading = false, isError = false, error, loadingRowCount = 5, contentWhenEmpty, contentWhenError, noHeader = false, noLastRowBorder = false, noLastRowPadding = false, enableColumnResizing = false, columnSizing, defaultColumnSizing, onColumnSizingChange, columnResizeMode = ColumnResizeMode.ON_CHANGE, ariaLabel, ariaLabelledBy, onRowClick } = props;
 	const scrollContainerRef = useRef(null);
 	const headerRef = useRef(null);
 	const { width: viewportWidth, height: viewportHeight } = useElementClientSize(scrollContainerRef);
@@ -131,6 +131,8 @@ function VirtualizedInfiniteTable(props) {
 	return /* @__PURE__ */ jsx(TableOuterContainer, {
 		$width: width,
 		$height: height,
+		$minHeight: minHeight,
+		$maxHeight: maxHeight,
 		$fillWidth: fillWidth,
 		$fillHeight: fillHeight,
 		children: /* @__PURE__ */ jsxs(TableScrollContainer, {

package/dist/table/types.d.ts

@@ -64,6 +64,8 @@ export interface BaseTableProps<TData> {
     columns: ColumnDef<TData, unknown>[];
     getRowId?: (row: TData, index: number) => string;
     height?: number | string;
+    minHeight?: number | string;
+    maxHeight?: number | string;
     width?: number | string;
     fillWidth?: boolean;
     fillHeight?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@galaxy-io/dls",
-  "version": "1.4.12",
+  "version": "1.4.13",
   "description": "Galaxy Design Language System",
   "license": "UNLICENSED",
   "type": "module",