@knime/kds-table 6.12.1 → 7.0.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @knime/kds-table
 
+## 7.0.0
+
+### Patch Changes
+
+- Updated dependencies [f9928f3, 3ddf326, 2270bce, 6c94688, c2d1454, 16a64c0]
+  - @knime/kds-styles@7.0.0
+  - @knime/kds-components@7.0.0
+
+## 6.12.2
+
+### Patch Changes
+
+- 6e9b531: Hide the action bar in case it's empty due to hiding the sort button
+- @knime/kds-components@6.12.2
+  - @knime/kds-styles@6.12.2
+
 ## 6.12.1
 
 ### Patch Changes

package/dist/index.css

@@ -215,7 +215,7 @@ tr {
 }
 
 .kds-table-action-bar {
-&[data-v-206732ac] {
+&[data-v-b0b2c849] {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   min-height: var(--kds-dimension-component-height-2-5x);
@@ -223,42 +223,42 @@ tr {
   padding-left: var(--kds-spacing-container-0-5x);
   border-bottom: var(--kds-border-base-subtle);
 }
-&.temporary-view[data-v-206732ac] {
+&.temporary-view[data-v-b0b2c849] {
     background-color: var(--kds-color-background-static-info-muted);
 }
-& .dimension[data-v-206732ac] {
+& .dimension[data-v-b0b2c849] {
     font: var(--kds-font-base-title-small);
     color: var(--kds-color-text-and-icon-muted);
     white-space: pre;
 }
 & .preview {
-&[data-v-206732ac] {
+&[data-v-b0b2c849] {
     display: flex;
     gap: var(--kds-spacing-container-0-12x);
     align-items: center;
 }
-& .preview-label[data-v-206732ac] {
+& .preview-label[data-v-b0b2c849] {
       font: var(--kds-font-base-title-small-strong);
       color: var(--kds-color-text-and-icon-neutral);
 }
 }
-& .left[data-v-206732ac],
-  & .center[data-v-206732ac],
-  & .right[data-v-206732ac] {
+& .left[data-v-b0b2c849],
+  & .center[data-v-b0b2c849],
+  & .right[data-v-b0b2c849] {
     display: flex;
     flex: 1;
     align-items: center;
     min-width: 0;
     padding: var(--kds-spacing-container-0-12x) 0;
 }
-& .left[data-v-206732ac],
-  & .center[data-v-206732ac] {
+& .left[data-v-b0b2c849],
+  & .center[data-v-b0b2c849] {
     gap: var(--kds-spacing-container-0-5x);
 }
-& .center[data-v-206732ac] {
+& .center[data-v-b0b2c849] {
     justify-content: center;
 }
-& .right[data-v-206732ac] {
+& .right[data-v-b0b2c849] {
     gap: var(--kds-spacing-container-0-25x);
     justify-content: flex-end;
 }

package/dist/index.js

@@ -92,13 +92,13 @@ var border = {
 					h: 345,
 					s: 0,
 					l: 11.4,
-					alpha: 0
+					a: 0
 				},
 				dark: {
 					h: 345,
 					s: 0,
 					l: 11.4,
-					alpha: 0
+					a: 0
 				}
 			},
 			width: {
@@ -117,13 +117,13 @@ var border = {
 					h: 330,
 					s: 0,
 					l: 10.2,
-					alpha: .4
+					a: .4
 				},
 				dark: {
 					h: 330,
 					s: 0,
 					l: 99,
-					alpha: .5
+					a: .5
 				}
 			},
 			width: {
@@ -142,13 +142,13 @@ var border = {
 					h: 0,
 					s: 0,
 					l: 72.5,
-					alpha: 1
+					a: 1
 				},
 				dark: {
 					h: 0,
 					s: 0,
 					l: 48.2,
-					alpha: 1
+					a: 1
 				}
 			},
 			width: {
@@ -167,13 +167,13 @@ var border = {
 					h: 209.4,
 					s: 57.3,
 					l: 49.6,
-					alpha: 1
+					a: 1
 				},
 				dark: {
 					h: 213.6,
 					s: 91.6,
 					l: 76.7,
-					alpha: 1
+					a: 1
 				}
 			},
 			width: {
@@ -192,13 +192,13 @@ var border = {
 					h: 171.8,
 					s: 27,
 					l: 47.8,
-					alpha: 1
+					a: 1
 				},
 				dark: {
 					h: 168,
 					s: 46.7,
 					l: 85.3,
-					alpha: 1
+					a: 1
 				}
 			},
 			width: {
@@ -217,13 +217,13 @@ var border = {
 					h: 209.4,
 					s: 57.3,
 					l: 49.6,
-					alpha: 1
+					a: 1
 				},
 				dark: {
 					h: 213.6,
 					s: 91.6,
 					l: 76.7,
-					alpha: 1
+					a: 1
 				}
 			},
 			width: {
@@ -242,13 +242,13 @@ var border = {
 					h: 348.8,
 					s: 90.9,
 					l: 34.5,
-					alpha: 1
+					a: 1
 				},
 				dark: {
 					h: 3.5,
 					s: 100,
 					l: 79.6,
-					alpha: 1
+					a: 1
 				}
 			},
 			width: {
@@ -267,13 +267,13 @@ var border = {
 					h: 176.7,
 					s: 82,
 					l: 17.5,
-					alpha: 1
+					a: 1
 				},
 				dark: {
 					h: 176.7,
 					s: 82,
 					l: 17.5,
-					alpha: 1
+					a: 1
 				}
 			},
 			width: {
@@ -292,13 +292,13 @@ var border = {
 					h: 330,
 					s: 0,
 					l: 10.2,
-					alpha: .4
+					a: .4
 				},
 				dark: {
 					h: 330,
 					s: 0,
 					l: 99,
-					alpha: .5
+					a: .5
 				}
 			},
 			width: {
@@ -319,13 +319,13 @@ var border = {
 					h: 330,
 					s: 0,
 					l: 10.2,
-					alpha: .4
+					a: .4
 				},
 				dark: {
 					h: 330,
 					s: 0,
 					l: 99,
-					alpha: .5
+					a: .5
 				}
 			},
 			width: {
@@ -344,13 +344,13 @@ var border = {
 					h: 330,
 					s: 0,
 					l: 10.2,
-					alpha: .2
+					a: .2
 				},
 				dark: {
 					h: 330,
 					s: 0,
 					l: 99,
-					alpha: .2
+					a: .2
 				}
 			},
 			width: {
@@ -369,13 +369,13 @@ var border = {
 					h: 330,
 					s: 0,
 					l: 10.2,
-					alpha: .1
+					a: .1
 				},
 				dark: {
 					h: 330,
 					s: 0,
 					l: 99,
-					alpha: .1
+					a: .1
 				}
 			},
 			width: {
@@ -394,13 +394,13 @@ var border = {
 					h: 50.8,
 					s: 100,
 					l: 50,
-					alpha: 1
+					a: 1
 				},
 				dark: {
 					h: 50.8,
 					s: 100,
 					l: 50,
-					alpha: 1
+					a: 1
 				}
 			},
 			width: {
@@ -419,13 +419,13 @@ var border = {
 					h: 3.4,
 					s: 100,
 					l: 86.1,
-					alpha: 1
+					a: 1
 				},
 				dark: {
 					h: 348,
 					s: 94.3,
 					l: 20.8,
-					alpha: 1
+					a: 1
 				}
 			},
 			width: {
@@ -444,13 +444,13 @@ var border = {
 					h: 30.8,
 					s: 79.3,
 					l: 73.5,
-					alpha: 1
+					a: 1
 				},
 				dark: {
 					h: 13.1,
 					s: 66.1,
 					l: 23.1,
-					alpha: 1
+					a: 1
 				}
 			},
 			width: {
@@ -469,13 +469,13 @@ var border = {
 					h: 112,
 					s: 56.5,
 					l: 71.2,
-					alpha: 1
+					a: 1
 				},
 				dark: {
 					h: 123.7,
 					s: 46.7,
 					l: 20.6,
-					alpha: 1
+					a: 1
 				}
 			},
 			width: {
@@ -494,13 +494,13 @@ var border = {
 					h: 214.5,
 					s: 100,
 					l: 84.3,
-					alpha: 1
+					a: 1
 				},
 				dark: {
 					h: 210,
 					s: 50,
 					l: 27.5,
-					alpha: 1
+					a: 1
 				}
 			},
 			width: {
@@ -521,13 +521,13 @@ var border = {
 					h: 0,
 					s: 0,
 					l: 90.2,
-					alpha: 1
+					a: 1
 				},
 				dark: {
 					h: 0,
 					s: 0,
 					l: 32.2,
-					alpha: 1
+					a: 1
 				}
 			},
 			width: {
@@ -546,13 +546,13 @@ var border = {
 					h: 348,
 					s: 94.3,
 					l: 20.8,
-					alpha: 1
+					a: 1
 				},
 				dark: {
 					h: 2.6,
 					s: 100,
 					l: 72.4,
-					alpha: 1
+					a: 1
 				}
 			},
 			width: {
@@ -571,13 +571,13 @@ var border = {
 					h: 19,
 					s: 63.1,
 					l: 38.2,
-					alpha: 1
+					a: 1
 				},
 				dark: {
 					h: 49.1,
 					s: 99.1,
 					l: 43.7,
-					alpha: 1
+					a: 1
 				}
 			},
 			width: {
@@ -596,13 +596,13 @@ var border = {
 					h: 116.1,
 					s: 46.6,
 					l: 25.7,
-					alpha: 1
+					a: 1
 				},
 				dark: {
 					h: 106.5,
 					s: 42.6,
 					l: 54.9,
-					alpha: 1
+					a: 1
 				}
 			},
 			width: {
@@ -623,13 +623,13 @@ var border = {
 					h: 330,
 					s: 0,
 					l: 10.2,
-					alpha: .4
+					a: .4
 				},
 				dark: {
 					h: 330,
 					s: 0,
 					l: 99,
-					alpha: .4
+					a: .4
 				}
 			},
 			width: {
@@ -648,13 +648,13 @@ var border = {
 					h: 330,
 					s: 0,
 					l: 10.2,
-					alpha: .64
+					a: .64
 				},
 				dark: {
 					h: 330,
 					s: 0,
 					l: 99,
-					alpha: .58
+					a: .58
 				}
 			},
 			width: {
@@ -673,13 +673,13 @@ var border = {
 					h: 330,
 					s: 0,
 					l: 10.2,
-					alpha: .74
+					a: .74
 				},
 				dark: {
 					h: 330,
 					s: 0,
 					l: 99,
-					alpha: .68
+					a: .68
 				}
 			},
 			width: {
@@ -699,13 +699,13 @@ var border = {
 				h: 0,
 				s: 0,
 				l: 99,
-				alpha: 1
+				a: 1
 			},
 			dark: {
 				h: 0,
 				s: 0,
 				l: 99,
-				alpha: 1
+				a: 1
 			}
 		},
 		width: {
@@ -5684,7 +5684,7 @@ var TableActionBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		const isTemporaryView = computed(() => viewType.value === "TEMP_VIEW" || viewType.value === "PREVIEW");
 		const isPreview = computed(() => viewType.value === "PREVIEW");
 		const showResetButton = computed(() => viewType.value === "TEMP_VIEW");
-		const hasContent = computed(() => isTemporaryView.value || __props.showTableSize || __props.actionConfig.enableSearch || __props.actionConfig.enableSorting || __props.actionConfig.forceShow || Boolean(slots["action-bar-left"]));
+		const hasContent = computed(() => isTemporaryView.value || __props.showTableSize || __props.actionConfig.enableSorting && !__props.actionConfig.hideSortingButton || __props.actionConfig.enableSearch || __props.actionConfig.forceShow || Boolean(slots["action-bar-left"]));
 		/**
 		* Renders "total" by default, and "current of total" only when `current` is
 		* given and strictly below `total`. The `current >= total` guard prevents an
@@ -5745,7 +5745,7 @@ var TableActionBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			], 2)) : createCommentVNode("", true);
 		};
 	}
-}), [["__scopeId", "data-v-206732ac"]]);
+}), [["__scopeId", "data-v-b0b2c849"]]);
 //#endregion
 //#region src/utils/columnHeaderActionButtons.ts
 /**