@galaxy-io/dls 1.4.11 → 1.4.13

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.11",
+  "version": "1.4.13",
   "description": "Galaxy Design Language System",
   "license": "UNLICENSED",
   "type": "module",