@dynatrace/strato-components 3.5.0 → 3.6.0

package/tables/DataTable/components/DataTableVirtualizationContainer.css

@@ -1,4 +1,4 @@
-._ytdpsw0-3-5-0 {
+._ytdpsw0-3-6-0 {
   position: relative;
   width: 100%;
   max-width: 100%;
@@ -6,76 +6,76 @@
   overflow: auto;
   box-sizing: border-box;
 }
-._ytdpsw1-3-5-0 {
+._ytdpsw1-3-6-0 {
   display: grid;
   grid-template-rows: auto 1fr;
   grid-template-areas: 'header' 'body';
 }
-._ytdpsw2-3-5-0 {
+._ytdpsw2-3-6-0 {
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
-._ytdpsw3-3-5-0 {
+._ytdpsw3-3-6-0 {
   overflow: hidden;
 }
-._ytdpsw4-3-5-0 {
+._ytdpsw4-3-6-0 {
   background-color: var(--dt-colors-background-surface-default, #fff);
   border-color: var(--dt-colors-border-neutral-default, #dadbe4);
   border-style: var(--dt-borders-style-default, solid);
   border-width: var(--dt-borders-width-emphasized, 2px);
   border-radius: var(--dt-borders-radius-field-default, 6px);
 }
-._ytdpsw4-3-5-0::-webkit-scrollbar-track {
+._ytdpsw4-3-6-0::-webkit-scrollbar-track {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._ytdpsw4-3-5-0::-webkit-scrollbar-track:horizontal {
+._ytdpsw4-3-6-0::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._ytdpsw4-3-5-0::-webkit-scrollbar-track:vertical {
+._ytdpsw4-3-6-0::-webkit-scrollbar-track:vertical {
   border-left: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-top-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._1jgl8s50-3-5-0 ._ytdpsw4-3-5-0 {
+._1jgl8s50-3-6-0 ._ytdpsw4-3-6-0 {
   border-width: var(--dt-borders-width-default, 1px);
 }
-._1jgl8s50-3-5-0 ._ytdpsw4-3-5-0::-webkit-scrollbar-track {
+._1jgl8s50-3-6-0 ._ytdpsw4-3-6-0::-webkit-scrollbar-track {
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-default, 1px));
 }
-._1jgl8s50-3-5-0 ._ytdpsw4-3-5-0::-webkit-scrollbar-track:horizontal {
+._1jgl8s50-3-6-0 ._ytdpsw4-3-6-0::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-default, 1px));
 }
-._1jgl8s50-3-5-0 ._ytdpsw4-3-5-0::-webkit-scrollbar-track:vertical {
+._1jgl8s50-3-6-0 ._ytdpsw4-3-6-0::-webkit-scrollbar-track:vertical {
   border-left: solid var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-top-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-default, 1px));
 }
-._ytdpsw5-3-5-0::-webkit-scrollbar-track:horizontal {
+._ytdpsw5-3-6-0::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1jgl8s50-3-5-0 ._ytdpsw5-3-5-0::-webkit-scrollbar-track:horizontal {
+._1jgl8s50-3-6-0 ._ytdpsw5-3-6-0::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._ytdpswf-3-5-0::-webkit-scrollbar-track:horizontal {
+._ytdpswf-3-6-0::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-bottom-right-radius: 0;
 }
-._ytdpswf-3-5-0::-webkit-scrollbar-track:vertical {
+._ytdpswf-3-6-0::-webkit-scrollbar-track:vertical {
   border-left: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-bottom-right-radius: 0;
 }
-._ytdpswf-3-5-0::-webkit-scrollbar-corner {
+._ytdpswf-3-6-0::-webkit-scrollbar-corner {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._1jgl8s50-3-5-0 ._ytdpswf-3-5-0::-webkit-scrollbar-track:horizontal {
+._1jgl8s50-3-6-0 ._ytdpswf-3-6-0::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1jgl8s50-3-5-0 ._ytdpswf-3-5-0::-webkit-scrollbar-track:vertical {
+._1jgl8s50-3-6-0 ._ytdpswf-3-6-0::-webkit-scrollbar-track:vertical {
   border-left: solid var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1jgl8s50-3-5-0 ._ytdpswf-3-5-0::-webkit-scrollbar-corner {
+._1jgl8s50-3-6-0 ._ytdpswf-3-6-0::-webkit-scrollbar-corner {
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-default, 1px));
 }

package/tables/DataTable/components/DataTableVirtualizationContainer.sty.js

@@ -23,4 +23,4 @@ module.exports = __toCommonJS(DataTableVirtualizationContainer_css_exports);
 var import_AppRoot_css_ts_vanilla = require("../../../core/components/app-root/AppRoot.css");
 var import_DataTableVirtualizationContainer_css_ts_vanilla = require("./DataTableVirtualizationContainer.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var virtualizationContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_ytdpsw0-3-5-0", variantClassNames: { hasVisibleColumns: { true: "_ytdpsw1-3-5-0", false: "_ytdpsw2-3-5-0" }, loading: { true: "_ytdpsw3-3-5-0" }, contained: { true: "_ytdpsw4-3-5-0", false: "_ytdpsw5-3-5-0" }, rowSeparation: { horizontalDividers: "_ytdpsw6-3-5-0", zebraStripes: "_ytdpsw7-3-5-0", none: "_ytdpsw8-3-5-0" }, headers: { hidden: "_ytdpsw9-3-5-0", "default": "_ytdpswa-3-5-0" }, scrollDirection: { false: "_ytdpswb-3-5-0", x: "_ytdpswc-3-5-0", y: "_ytdpswd-3-5-0", xy: "_ytdpswe-3-5-0" } }, defaultVariants: { contained: true, rowSeparation: "horizontalDividers", headers: "default" }, compoundVariants: [[{ contained: true, scrollDirection: "xy" }, "_ytdpswf-3-5-0"]] });
+var virtualizationContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_ytdpsw0-3-6-0", variantClassNames: { hasVisibleColumns: { true: "_ytdpsw1-3-6-0", false: "_ytdpsw2-3-6-0" }, loading: { true: "_ytdpsw3-3-6-0" }, contained: { true: "_ytdpsw4-3-6-0", false: "_ytdpsw5-3-6-0" }, rowSeparation: { horizontalDividers: "_ytdpsw6-3-6-0", zebraStripes: "_ytdpsw7-3-6-0", none: "_ytdpsw8-3-6-0" }, headers: { hidden: "_ytdpsw9-3-6-0", "default": "_ytdpswa-3-6-0" }, scrollDirection: { false: "_ytdpswb-3-6-0", x: "_ytdpswc-3-6-0", y: "_ytdpswd-3-6-0", xy: "_ytdpswe-3-6-0" } }, defaultVariants: { contained: true, rowSeparation: "horizontalDividers", headers: "default" }, compoundVariants: [[{ contained: true, scrollDirection: "xy" }, "_ytdpswf-3-6-0"]] });

package/tables/DataTable/components/TableActions/DataTableSelectionChip.css

@@ -1,17 +1,17 @@
-._1rlvxpp0-3-5-0 {
+._1rlvxpp0-3-6-0 {
   align-items: flex-end;
   justify-content: flex-end;
 }
-._1rlvxpp1-3-5-0 {
+._1rlvxpp1-3-6-0 {
   padding: 0 var(--dt-spacings-size-2, 2px);
 }
-._1rlvxpp2-3-5-0 {
+._1rlvxpp2-3-6-0 {
   padding: 0 var(--dt-spacings-size-8, 8px);
 }
-._1rlvxpp3-3-5-0 {
+._1rlvxpp3-3-6-0 {
   padding: 0 var(--dt-spacings-size-12, 12px);
 }
-._1rlvxpp4-3-5-0 {
+._1rlvxpp4-3-6-0 {
   height: var(--dt-spacings-size-20, 20px);
   min-width: var(--dt-spacings-size-12, 12px);
   padding: var(--dt-spacings-size-0, 0) var(--dt-spacings-size-4, 4px);

package/tables/DataTable/components/TableActions/DataTableSelectionChip.sty.js

@@ -22,5 +22,5 @@ __export(DataTableSelectionChip_css_exports, {
 });
 module.exports = __toCommonJS(DataTableSelectionChip_css_exports);
 var import_DataTableSelectionChip_css_ts_vanilla = require("./DataTableSelectionChip.css");
-var selectionChip = "_1rlvxpp4-3-5-0";
-var selectionChipWrapper = { condensed: "_1rlvxpp1-3-5-0 _1rlvxpp0-3-5-0", "default": "_1rlvxpp2-3-5-0 _1rlvxpp0-3-5-0", comfortable: "_1rlvxpp3-3-5-0 _1rlvxpp0-3-5-0" };
+var selectionChip = "_1rlvxpp4-3-6-0";
+var selectionChipWrapper = { condensed: "_1rlvxpp1-3-6-0 _1rlvxpp0-3-6-0", "default": "_1rlvxpp2-3-6-0 _1rlvxpp0-3-6-0", comfortable: "_1rlvxpp3-3-6-0 _1rlvxpp0-3-6-0" };

package/tables/DataTable/components/Toolbar/ColumnSettings/ColumnOrderSettings/ColumnOrderSettingsDragAndDrop.css

@@ -1,29 +1,29 @@
-._11d1m5j0-3-5-0 {
+._11d1m5j0-3-6-0 {
   cursor: grabbing;
   box-shadow: var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
   background-color: var(--dt-colors-background-surface-default, #fff);
   z-index: 4;
   overflow: hidden;
 }
-._11d1m5j0-3-5-0:last-child {
+._11d1m5j0-3-6-0:last-child {
   border-bottom: 0px;
 }
-._11d1m5j1-3-5-0 {
+._11d1m5j1-3-6-0 {
   align-self: center;
   border-radius: var(--dt-borders-radius-field-default, 6px);
   padding: var(--dt-spacings-size-2, 2px) var(--dt-spacings-size-4, 4px);
   transition: none;
 }
-._11d1m5j1-3-5-0:active {
+._11d1m5j1-3-6-0:active {
   background: transparent;
 }
-._11d1m5j1-3-5-0:hover {
+._11d1m5j1-3-6-0:hover {
   background: transparent;
   cursor: grab;
 }
-._11d1m5j0-3-5-0 ._11d1m5j1-3-5-0 {
+._11d1m5j0-3-6-0 ._11d1m5j1-3-6-0 {
   cursor: grabbing;
 }
-._11d1m5j2-3-5-0 {
+._11d1m5j2-3-6-0 {
   opacity: 0.2;
 }

package/tables/DataTable/components/Toolbar/ColumnSettings/ColumnOrderSettings/ColumnOrderSettingsDragAndDrop.sty.js

@@ -23,6 +23,6 @@ __export(ColumnOrderSettingsDragAndDrop_css_exports, {
 });
 module.exports = __toCommonJS(ColumnOrderSettingsDragAndDrop_css_exports);
 var import_ColumnOrderSettingsDragAndDrop_css_ts_vanilla = require("./ColumnOrderSettingsDragAndDrop.css");
-var columnDndHandle = "_11d1m5j1-3-5-0";
-var columnDndOverlay = "_11d1m5j0-3-5-0";
-var disabledNonTargetLocalColumn = "_11d1m5j2-3-5-0";
+var columnDndHandle = "_11d1m5j1-3-6-0";
+var columnDndOverlay = "_11d1m5j0-3-6-0";
+var disabledNonTargetLocalColumn = "_11d1m5j2-3-6-0";

package/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnOrderSettings.d.ts

@@ -1,14 +1,4 @@
-/**
- * Props for the DataTableColumnOrderSettings component.
- * @public
- */
-export interface DataTableColumnOrderSettingsProps {
-    /**
-     * Column order reset state that will be used to reset and also to enable/disable 'Reset to default'
-     * in column settings modal.
-     */
-    resetColumnOrder?: string[];
-}
+import type { DataTableColumnOrderSettingsProps } from './column-settings-types.js';
 /**
  * The slot component serves the sole purpose of detecting the user's intention
  * to display column order within the column settings modal, situated in the DataTable toolbar.

package/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnSettingsModal.js

@@ -43,9 +43,21 @@ const ColumnSettingsModal = (props) => {
   const intl = (0, import_react_intl.useIntl)();
   const table = (0, import_DataTableContext.useDataTable)();
   const leafColumnsWithoutBuiltin = table.getLeafColumnsWithoutBuiltin();
-  const visibilitySettingsEnabled = columnSettingsOverride?.columnVisibility ?? toolbarVisibilitySettings;
-  const columnOrderSettingsEnabled = columnSettingsOverride?.columnOrder ?? toolbarColumnOrderSettings;
-  const columnPinningSettingsEnabled = columnSettingsOverride?.columnPinning ?? toolbarColumnPinningSettings;
+  const visibilityOverride = columnSettingsOverride?.columnVisibility;
+  const columnOrderOverride = columnSettingsOverride?.columnOrder;
+  const columnPinningOverride = columnSettingsOverride?.columnPinning;
+  const visibilitySettingsEnabled = (0, import_column_settings_utils.getIsSettingEnabled)(
+    visibilityOverride,
+    toolbarVisibilitySettings
+  );
+  const columnOrderSettingsEnabled = (0, import_column_settings_utils.getIsSettingEnabled)(
+    columnOrderOverride,
+    toolbarColumnOrderSettings
+  );
+  const columnPinningSettingsEnabled = (0, import_column_settings_utils.getIsSettingEnabled)(
+    columnPinningOverride,
+    toolbarColumnPinningSettings
+  );
   const {
     columnOrderWithParents: tableColumnOrder,
     uniqueParentIds: allLocalColumnsParentIds
@@ -65,9 +77,9 @@ const ColumnSettingsModal = (props) => {
     () => table.getState().columnPinning
   );
   const [showResetStatus, setShowResetStatus] = (0, import_react.useState)(false);
-  const columnOrderToReset = resetColumnOrder ?? table.options.originalColumnOrder;
-  const columnVisibilityToReset = resetColumnVisibility ?? table.options.originalColumnVisibility;
-  const columnPinningToReset = resetColumnPinning ?? table.options.originalColumnPinning;
+  const columnOrderToReset = (0, import_column_settings_utils.getResetOverride)(columnOrderOverride, "resetColumnOrder") ?? resetColumnOrder ?? table.options.originalColumnOrder;
+  const columnVisibilityToReset = (0, import_column_settings_utils.getResetOverride)(visibilityOverride, "resetColumnVisibility") ?? resetColumnVisibility ?? table.options.originalColumnVisibility;
+  const columnPinningToReset = (0, import_column_settings_utils.getResetOverride)(columnPinningOverride, "resetColumnPinning") ?? resetColumnPinning ?? table.options.originalColumnPinning;
   const filteredLocalColumnOrder = (0, import_react.useMemo)(
     () => localColumnOrder.filter(
       (colId) => !allLocalColumnsParentIds.includes(colId)

package/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsList.css

@@ -1,19 +1,19 @@
-._14dz1ui0-3-5-0 {
+._14dz1ui0-3-6-0 {
   padding: var(--dt-spacings-size-4, 4px) 0;
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._14dz1ui1-3-5-0 {
+._14dz1ui1-3-6-0 {
   overflow: auto;
   position: relative;
   margin-top: var(--dt-spacings-size-12, 12px);
 }
-._14dz1ui2-3-5-0 {
+._14dz1ui2-3-6-0 {
   max-height: calc(96vh - 200px - 56px);
 }
-._14dz1ui3-3-5-0 {
+._14dz1ui3-3-6-0 {
   max-height: calc(96vh - 200px);
 }
-._14dz1ui4-3-5-0 {
+._14dz1ui4-3-6-0 {
   width: 100%;
   position: relative;
 }

package/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsList.sty.js

@@ -24,6 +24,6 @@ __export(DataTableColumnsList_css_exports, {
 module.exports = __toCommonJS(DataTableColumnsList_css_exports);
 var import_DataTableColumnsList_css_ts_vanilla = require("./DataTableColumnsList.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var noItemsFound = "_14dz1ui0-3-5-0";
-var virtualizationInnerContainer = "_14dz1ui4-3-5-0";
-var virtualizationScrollContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_14dz1ui1-3-5-0", variantClassNames: { hasFilter: { true: "_14dz1ui2-3-5-0", false: "_14dz1ui3-3-5-0" } }, defaultVariants: { hasFilter: false }, compoundVariants: [] });
+var noItemsFound = "_14dz1ui0-3-6-0";
+var virtualizationInnerContainer = "_14dz1ui4-3-6-0";
+var virtualizationScrollContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_14dz1ui1-3-6-0", variantClassNames: { hasFilter: { true: "_14dz1ui2-3-6-0", false: "_14dz1ui3-3-6-0" } }, defaultVariants: { hasFilter: false }, compoundVariants: [] });

package/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsListItem.css

@@ -1,4 +1,4 @@
-._13ypmcy0-3-5-0 {
+._13ypmcy0-3-6-0 {
   flex: 0 1 auto;
   word-break: break-all;
   padding-top: var(--dt-spacings-size-4, 4px);
@@ -7,21 +7,21 @@
   padding-left: var(--dt-spacings-size-8, 8px);
   border-bottom: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._13ypmcy0-3-5-0[data-parentcolumnid] {
+._13ypmcy0-3-6-0[data-parentcolumnid] {
   padding-left: var(--dt-spacings-size-20, 20px);
 }
-._13ypmcy0-3-5-0:last-child, ._13ypmcy0-3-5-0:not([data-pinned-position="right"]):has(+ [data-pinned-position="right"]) {
+._13ypmcy0-3-6-0:last-child, ._13ypmcy0-3-6-0:not([data-pinned-position="right"]):has(+ [data-pinned-position="right"]) {
   border-bottom: none;
 }
-._13ypmcy0-3-5-0[data-pinned-position="left"]:not(:has(+ [data-pinned-position="left"])) {
+._13ypmcy0-3-6-0[data-pinned-position="left"]:not(:has(+ [data-pinned-position="left"])) {
   border-bottom: var(--dt-borders-width-emphasized, 2px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._13ypmcy0-3-5-0[data-pinned-position="right"]:not([data-pinned-position="right"] + ._13ypmcy0-3-5-0, [data-pinned-position="left"] + ._13ypmcy0-3-5-0) {
+._13ypmcy0-3-6-0[data-pinned-position="right"]:not([data-pinned-position="right"] + ._13ypmcy0-3-6-0, [data-pinned-position="left"] + ._13ypmcy0-3-6-0) {
   border-top: var(--dt-borders-width-emphasized, 2px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._13ypmcy1-3-5-0 {
+._13ypmcy1-3-6-0 {
   visibility: hidden;
 }
-._13ypmcy2-3-5-0 {
+._13ypmcy2-3-6-0 {
   padding: var(--dt-spacings-size-2, 2px) 0;
 }

package/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsListItem.sty.js

@@ -23,6 +23,6 @@ __export(DataTableColumnsListItem_css_exports, {
 });
 module.exports = __toCommonJS(DataTableColumnsListItem_css_exports);
 var import_DataTableColumnsListItem_css_ts_vanilla = require("./DataTableColumnsListItem.css");
-var columnName = "_13ypmcy2-3-5-0";
-var columnsListItem = "_13ypmcy0-3-5-0";
-var dragging = "_13ypmcy1-3-5-0";
+var columnName = "_13ypmcy2-3-6-0";
+var columnsListItem = "_13ypmcy0-3-6-0";
+var dragging = "_13ypmcy1-3-6-0";

package/tables/DataTable/components/Toolbar/ColumnSettings/DataTableVisibilityFilterControls.css

@@ -1,18 +1,18 @@
-._1rh6hs00-3-5-0 {
+._1rh6hs00-3-6-0 {
   flex: 0 1 auto;
   padding-left: var(--dt-spacings-size-8, 8px);
 }
-._1rh6hs01-3-5-0 {
+._1rh6hs01-3-6-0 {
   flex: 0 1 calc(50% - var(--dt-spacings-size-4, 4px));
   margin-left: auto;
 }
-._1rh6hs01-3-5-0._1rh6hs01-3-5-0 {
+._1rh6hs01-3-6-0._1rh6hs01-3-6-0 {
   min-width: unset;
 }
-._1rh6hs02-3-5-0 {
+._1rh6hs02-3-6-0 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-12, 12px);
 }
-._dmotjm0-3-5-0 div:has(> ._1rh6hs02-3-5-0) {
+._dmotjm0-3-6-0 div:has(> ._1rh6hs02-3-6-0) {
   padding-top: var(--dt-spacings-size-0, 0);
 }

package/tables/DataTable/components/Toolbar/ColumnSettings/DataTableVisibilityFilterControls.sty.js

@@ -24,6 +24,6 @@ __export(DataTableVisibilityFilterControls_css_exports, {
 module.exports = __toCommonJS(DataTableVisibilityFilterControls_css_exports);
 var import_Modal_css_ts_vanilla = require("../../../../../overlays/modal/Modal.css");
 var import_DataTableVisibilityFilterControls_css_ts_vanilla = require("./DataTableVisibilityFilterControls.css");
-var filterControls = "_1rh6hs02-3-5-0";
-var searchInput = "_1rh6hs01-3-5-0";
-var showHideAll = "_1rh6hs00-3-5-0";
+var filterControls = "_1rh6hs02-3-6-0";
+var searchInput = "_1rh6hs01-3-6-0";
+var showHideAll = "_1rh6hs00-3-6-0";

package/tables/DataTable/components/Toolbar/ColumnSettings/column-settings-types.d.ts

@@ -17,17 +17,6 @@ export interface DataTableColumnSettingsTriggerProps extends StylingProps, DataT
         defaultLabel: string;
     }) => string;
 }
-/**
- * Props for the DataTableColumnPinningSettings component.
- * @public
- */
-export interface DataTableColumnPinningSettingsProps {
-    /**
-     * Column pinning reset state that will be used to reset and also to enable/disable 'Reset to default'
-     * in column settings modal.
-     */
-    resetColumnPinning?: DataTablePinnedColumnState;
-}
 /** @internal */
 export type ColumnListItem = Column<unknown, unknown> & {
     key: string;
@@ -52,8 +41,30 @@ export interface DataTableColumnSettingsModalRef {
  */
 export interface DataTableColumnVisibilitySettingsProps {
     /**
-     * Column visibility reset state that will be used to reset and also to enable/disable 'Reset to default'
-     * in column settings modal.
+     * The default column visibility state to reset to when 'Reset to default'
+     * is triggered in the column settings modal.
      */
     resetColumnVisibility?: DataTableColumnVisibilityState;
 }
+/**
+ * Props for the DataTableColumnOrderSettings component.
+ * @public
+ */
+export interface DataTableColumnOrderSettingsProps {
+    /**
+     * The default column order to reset to when 'Reset to default' is triggered
+     * in the column settings modal.
+     */
+    resetColumnOrder?: string[];
+}
+/**
+ * Props for the DataTableColumnPinningSettings component.
+ * @public
+ */
+export interface DataTableColumnPinningSettingsProps {
+    /**
+     * The default column pinning state to reset to when 'Reset to default'
+     * is triggered in the column settings modal.
+     */
+    resetColumnPinning?: DataTablePinnedColumnState;
+}

package/tables/DataTable/components/Toolbar/ColumnSettings/column-settings-utils.d.ts

@@ -15,6 +15,27 @@ export declare function generateColumnLabelsMap(columns: Column<unknown, unknown
  * @internal
  */
 export declare function processFilterValue(filterValue: string): string[];
+/**
+ * Returns the configuration object form of a programmatic column settings override,
+ * or `undefined` when the override is a boolean toggle or not provided.
+ * @param override - The override value for a column setting (`columnOrder`, `columnVisibility`,
+ *                   or `columnPinning`), as passed to the programmatic `openColumnSettings` call.
+ * @param key - The key of the configuration object to return when `override` is an object.
+ * @returns the configuration object or undefined.
+ *
+ * @internal
+ */
+export declare function getResetOverride<T extends object, K extends keyof T>(override: boolean | T | undefined, key: K): T[K] | undefined;
+/**
+ * Resolves whether a column settings feature is enabled. An override of `false` disables it.
+ * Falls back to the toolbar slot value when no override is provided.
+ * @param override - The override value for the feature.
+ * @param fallback - The fallback value from the toolbar slot.
+ * @returns `true` if the feature is enabled, `false` otherwise.
+ *
+ * @internal
+ */
+export declare function getIsSettingEnabled<T extends object>(override: boolean | T | undefined, fallback: boolean): boolean;
 /**
  * Adds the parent column before adjacent leaf columns.
  * @param columns - the leaf column ids.

package/tables/DataTable/components/Toolbar/ColumnSettings/column-settings-utils.js

@@ -24,7 +24,9 @@ __export(column_settings_utils_exports, {
   getHasColumnOrderChanged: () => getHasColumnOrderChanged,
   getHasColumnPinningChanged: () => getHasColumnPinningChanged,
   getHasVisibilityChanged: () => getHasVisibilityChanged,
+  getIsSettingEnabled: () => getIsSettingEnabled,
   getMultipleLocalColumnVisibility: () => getMultipleLocalColumnVisibility,
+  getResetOverride: () => getResetOverride,
   getVisibilityCheckboxState: () => getVisibilityCheckboxState,
   groupColumns: () => groupColumns,
   isParentColumnHideable: () => isParentColumnHideable,
@@ -43,6 +45,12 @@ function generateColumnLabelsMap(columns) {
 function processFilterValue(filterValue) {
   return filterValue.toLocaleLowerCase().split(" ").filter(Boolean);
 }
+function getResetOverride(override, key) {
+  return typeof override === "object" ? override[key] : void 0;
+}
+function getIsSettingEnabled(override, fallback) {
+  return override === void 0 ? fallback : override !== false;
+}
 function groupColumns(columns) {
   const groupedColumns = [];
   let lastParent = void 0;

package/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.css

@@ -1,9 +1,9 @@
-._1gjma320-3-5-0 {
+._1gjma320-3-6-0 {
   gap: var(--dt-spacings-size-24, 24px);
 }
-._1gjma321-3-5-0 {
+._1gjma321-3-6-0 {
   white-space: nowrap;
 }
-._1m01arl7-3-5-0 ._1gjma321-3-5-0 {
+._1m01arl7-3-6-0 ._1gjma321-3-6-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }

package/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.sty.js

@@ -23,5 +23,5 @@ __export(DataTableDownloadData_css_exports, {
 module.exports = __toCommonJS(DataTableDownloadData_css_exports);
 var import_Menu_css_ts_vanilla = require("../../../../../navigation/menu/Menu.css");
 var import_DataTableDownloadData_css_ts_vanilla = require("./DataTableDownloadData.css");
-var downloadMenuItem = "_1gjma320-3-5-0";
-var downloadMenuSuffix = "_1gjma321-3-5-0";
+var downloadMenuItem = "_1gjma320-3-6-0";
+var downloadMenuSuffix = "_1gjma321-3-6-0";

package/tables/DataTable/features/ColumnOrder/ColumnOrder.css

@@ -1,11 +1,11 @@
-._1ku1w3z0-3-5-0 {
+._1ku1w3z0-3-6-0 {
   cursor: grabbing;
   box-shadow: var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
   z-index: 4;
   overflow: hidden;
 }
-._1ku1w3z1-3-5-0::after {
+._1ku1w3z1-3-6-0::after {
   content: "";
   position: absolute;
   top: 0;
@@ -14,13 +14,13 @@
   width: 3px;
   background: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._1ku1w3z2-3-5-0::after {
+._1ku1w3z2-3-6-0::after {
   left: 0;
 }
-._1ku1w3z3-3-5-0::after {
+._1ku1w3z3-3-6-0::after {
   right: 0;
 }
-._1ku1w3z4-3-5-0::before {
+._1ku1w3z4-3-6-0::before {
   content: "";
   display: block;
   position: absolute;
@@ -29,12 +29,12 @@
   bottom: var(--dt-spacings-size-6, 6px);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ku1w3z5-3-5-0 {
+._1ku1w3z5-3-6-0 {
   display: none;
 }
-._1ku1w3z6-3-5-0 {
+._1ku1w3z6-3-6-0 {
   cursor: grab;
 }
-._1ku1w3z7-3-5-0 {
+._1ku1w3z7-3-6-0 {
   pointer-events: none;
 }

package/tables/DataTable/features/ColumnOrder/ColumnOrder.sty.js

@@ -25,7 +25,7 @@ __export(ColumnOrder_css_exports, {
 module.exports = __toCommonJS(ColumnOrder_css_exports);
 var import_ColumnOrder_css_ts_vanilla = require("./ColumnOrder.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var columnDndOverlay = "_1ku1w3z0-3-5-0";
-var headerDragAndDrop = { dragging: "_1ku1w3z5-3-5-0", enabled: "_1ku1w3z6-3-5-0", inactive: "_1ku1w3z7-3-5-0" };
-var insertPositionIndicator = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ku1w3z1-3-5-0", variantClassNames: { left: { true: "_1ku1w3z2-3-5-0", false: "_1ku1w3z3-3-5-0" } }, defaultVariants: {}, compoundVariants: [] });
-var verticalDividers = "_1ku1w3z4-3-5-0";
+var columnDndOverlay = "_1ku1w3z0-3-6-0";
+var headerDragAndDrop = { dragging: "_1ku1w3z5-3-6-0", enabled: "_1ku1w3z6-3-6-0", inactive: "_1ku1w3z7-3-6-0" };
+var insertPositionIndicator = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ku1w3z1-3-6-0", variantClassNames: { left: { true: "_1ku1w3z2-3-6-0", false: "_1ku1w3z3-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
+var verticalDividers = "_1ku1w3z4-3-6-0";

package/tables/DataTable/features/ColumnSizing/ColumnSizing.css

@@ -1,9 +1,9 @@
-._17437gx0-3-5-0 {
+._17437gx0-3-6-0 {
   cursor: col-resize;
 }
-._17437gx0-3-5-0 > * {
+._17437gx0-3-6-0 > * {
   pointer-events: none;
 }
-._17437gx0-3-5-0 ._14sp6az0-3-5-0 * {
+._17437gx0-3-6-0 ._14sp6az0-3-6-0 * {
   pointer-events: none !important;
 }

package/tables/DataTable/features/ColumnSizing/ColumnSizing.sty.js

@@ -22,4 +22,4 @@ __export(ColumnSizing_css_exports, {
 module.exports = __toCommonJS(ColumnSizing_css_exports);
 var import_DataTable_css_ts_vanilla = require("../../DataTable.css");
 var import_ColumnSizing_css_ts_vanilla = require("./ColumnSizing.css");
-var tableColumnResizing = "_17437gx0-3-5-0";
+var tableColumnResizing = "_17437gx0-3-6-0";

package/tables/DataTable/features/ColumnTypes/ColumnTypes.css

@@ -1,4 +1,4 @@
-._19nyr521-3-5-0 {
+._19nyr521-3-6-0 {
   overflow: hidden;
   text-overflow: ellipsis;
 }

package/tables/DataTable/features/ColumnTypes/ColumnTypes.sty.js

@@ -22,4 +22,4 @@ __export(ColumnTypes_css_exports, {
 module.exports = __toCommonJS(ColumnTypes_css_exports);
 var import_ColumnTypes_css_ts_vanilla = require("./ColumnTypes.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var logContentWrapper = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_19nyr520-3-5-0", variantClassNames: { linewrap: { false: "_19nyr521-3-5-0" } }, defaultVariants: {}, compoundVariants: [] });
+var logContentWrapper = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_19nyr520-3-6-0", variantClassNames: { linewrap: { false: "_19nyr521-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });

package/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.css

@@ -1,4 +1,4 @@
-._1x1hmrh0-3-5-0 {
+._1x1hmrh0-3-6-0 {
   position: absolute;
   top: 0;
   left: 0;

package/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.sty.js

@@ -21,4 +21,4 @@ __export(DataTableGanttAnnotationsIndicators_css_exports, {
 });
 module.exports = __toCommonJS(DataTableGanttAnnotationsIndicators_css_exports);
 var import_DataTableGanttAnnotationsIndicators_css_ts_vanilla = require("./DataTableGanttAnnotationsIndicators.css");
-var annotationIndicators = "_1x1hmrh0-3-5-0";
+var annotationIndicators = "_1x1hmrh0-3-6-0";

package/tables/DataTable/features/GanttChart/DataTableGanttChartCell.css

@@ -1,11 +1,11 @@
-._5jn5tp0-3-5-0 {
+._5jn5tp0-3-6-0 {
   height: 100%;
   width: 100%;
 }
-._5jn5tp1-3-5-0 {
+._5jn5tp1-3-6-0 {
   padding-right: 0;
   pointer-events: auto;
 }
-._5jn5tp1-3-5-0:not(:has(._1udh2jz2-3-5-0)) {
+._5jn5tp1-3-6-0:not(:has(._1udh2jz2-3-6-0)) {
   padding-left: 0;
 }

package/tables/DataTable/features/GanttChart/DataTableGanttChartCell.sty.js

@@ -37,5 +37,5 @@ var import_DataTableHeaderCell_css_ts_vanilla = require("../../components/DataTa
 var import_DataTableDefaultCell_css_ts_vanilla = require("../../components/DataTableDefaultCell.css");
 var import_SubRows_css_ts_vanilla = require("../SubRows/SubRows.css");
 var import_DataTableGanttChartCell_css_ts_vanilla = require("./DataTableGanttChartCell.css");
-var ganttChartCell = "_5jn5tp0-3-5-0";
-var ganttChartDefaultCell = "_5jn5tp1-3-5-0";
+var ganttChartCell = "_5jn5tp0-3-6-0";
+var ganttChartDefaultCell = "_5jn5tp1-3-6-0";