@dynatrace/strato-components 3.5.2 → 3.6.0

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

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

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

@@ -1,6 +1,6 @@
 import "./ColumnTypes.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var logContentWrapper = _7a468({ defaultClassName: "_19nyr520-3-5-2", variantClassNames: { linewrap: { false: "_19nyr521-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
+var logContentWrapper = _7a468({ defaultClassName: "_19nyr520-3-6-0", variantClassNames: { linewrap: { false: "_19nyr521-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   logContentWrapper
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnTypes/ColumnTypes.css.ts"],
-  "sourcesContent": ["import './ColumnTypes.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var logContentWrapper = _7a468({defaultClassName:'_19nyr520-3-5-2',variantClassNames:{linewrap:{false:'_19nyr521-3-5-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './ColumnTypes.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var logContentWrapper = _7a468({defaultClassName:'_19nyr520-3-6-0',variantClassNames:{linewrap:{false:'_19nyr521-3-6-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

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

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

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

@@ -1,5 +1,5 @@
 import "./DataTableGanttAnnotationsIndicators.css";
-var annotationIndicators = "_1x1hmrh0-3-5-2";
+var annotationIndicators = "_1x1hmrh0-3-6-0";
 export {
   annotationIndicators
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.css.ts"],
-  "sourcesContent": ["import './DataTableGanttAnnotationsIndicators.css';\nexport var annotationIndicators = '_1x1hmrh0-3-5-2';"],
+  "sourcesContent": ["import './DataTableGanttAnnotationsIndicators.css';\nexport var annotationIndicators = '_1x1hmrh0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;",
   "names": []
 }

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

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

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

@@ -14,8 +14,8 @@ import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "../SubRows/SubRows.css";
 import "./DataTableGanttChartCell.css";
-var ganttChartCell = "_5jn5tp0-3-5-2";
-var ganttChartDefaultCell = "_5jn5tp1-3-5-2";
+var ganttChartCell = "_5jn5tp0-3-6-0";
+var ganttChartDefaultCell = "_5jn5tp1-3-6-0";
 export {
   ganttChartCell,
   ganttChartDefaultCell

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartCell.css.ts"],
-  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport '../SubRows/SubRows.css';\nimport './DataTableGanttChartCell.css';\nexport var ganttChartCell = '_5jn5tp0-3-5-2';\nexport var ganttChartDefaultCell = '_5jn5tp1-3-5-2';"],
+  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport '../SubRows/SubRows.css';\nimport './DataTableGanttChartCell.css';\nexport var ganttChartCell = '_5jn5tp0-3-6-0';\nexport var ganttChartDefaultCell = '_5jn5tp1-3-6-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.css

@@ -1,4 +1,4 @@
-._evozey0-3-5-2 {
+._evozey0-3-6-0 {
   position: absolute;
   inset: 0;
   margin-left: auto;

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.sty.js

@@ -1,5 +1,5 @@
 import "./DataTableGanttChartGrid.css";
-var ganttChartGrid = "_evozey0-3-5-2";
+var ganttChartGrid = "_evozey0-3-6-0";
 export {
   ganttChartGrid
 };

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.css.ts"],
-  "sourcesContent": ["import './DataTableGanttChartGrid.css';\nexport var ganttChartGrid = '_evozey0-3-5-2';"],
+  "sourcesContent": ["import './DataTableGanttChartGrid.css';\nexport var ganttChartGrid = '_evozey0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.css

@@ -1,14 +1,14 @@
-._10y95u40-3-5-2 {
+._10y95u40-3-6-0 {
   padding-right: 0;
   align-items: center;
 }
-._11pvd3zt-3-5-2:not(._11pvd3z9-3-5-2) ._10y95u40-3-5-2 {
+._11pvd3zt-3-6-0:not(._11pvd3z9-3-6-0) ._10y95u40-3-6-0 {
   width: 100%;
   padding-left: 0;
 }
-._11pvd3z9-3-5-2 ._10y95u40-3-5-2 {
+._11pvd3z9-3-6-0 ._10y95u40-3-6-0 {
   width: 100%;
 }
-._10y95u40-3-5-2 span {
+._10y95u40-3-6-0 span {
   margin-top: 0 !important;
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.sty.js

@@ -5,7 +5,7 @@ import "../ColumnOrder/ColumnOrder.css";
 import "../Thresholds/Thresholds.css";
 import "../../components/DataTableHeaderCell.css";
 import "./DataTableGanttChartHeader.css";
-var ganttChartHeader = "_10y95u40-3-5-2";
+var ganttChartHeader = "_10y95u40-3-6-0";
 export {
   ganttChartHeader
 };

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../DataTable.css';\nimport '../../components/Alignment.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableHeaderCell.css';\nimport './DataTableGanttChartHeader.css';\nexport var ganttChartHeader = '_10y95u40-3-5-2';"],
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../DataTable.css';\nimport '../../components/Alignment.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableHeaderCell.css';\nimport './DataTableGanttChartHeader.css';\nexport var ganttChartHeader = '_10y95u40-3-6-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

package/esm/tables/DataTable/features/LoadingState/LoadingState.css

@@ -1,6 +1,6 @@
-._14flfjk1-3-5-2 {
+._14flfjk1-3-6-0 {
   z-index: 1;
   position: absolute;
   inset: 0;
-  top: var(--_14flfjk0-3-5-2);
+  top: var(--_14flfjk0-3-6-0);
 }

package/esm/tables/DataTable/features/LoadingState/LoadingState.sty.js

@@ -1,6 +1,6 @@
 import "./LoadingState.css";
-var dataTableHeaderHeight = "var(--_14flfjk0-3-5-2)";
-var loadingState = "_14flfjk1-3-5-2";
+var dataTableHeaderHeight = "var(--_14flfjk0-3-6-0)";
+var loadingState = "_14flfjk1-3-6-0";
 export {
   dataTableHeaderHeight,
   loadingState

package/esm/tables/DataTable/features/LoadingState/LoadingState.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/LoadingState/LoadingState.css.ts"],
-  "sourcesContent": ["import './LoadingState.css';\nexport var dataTableHeaderHeight = 'var(--_14flfjk0-3-5-2)';\nexport var loadingState = '_14flfjk1-3-5-2';"],
+  "sourcesContent": ["import './LoadingState.css';\nexport var dataTableHeaderHeight = 'var(--_14flfjk0-3-6-0)';\nexport var loadingState = '_14flfjk1-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,wBAAwB;AAC5B,IAAI,eAAe;",
   "names": []
 }

package/esm/tables/DataTable/features/MeterBarChart/MeterBarChart.js

@@ -78,7 +78,7 @@ function MeterBarChartRenderer({
             formatter: config?.formatter,
             ref: chartRef,
             children: [
-              config?.showTooltip && /* @__PURE__ */ jsx(MeterBarChart.Tooltip, {}),
+              /* @__PURE__ */ jsx(MeterBarChart.Tooltip, { hidden: !config?.showTooltip }),
               config?.thresholds?.map((threshold) => /* @__PURE__ */ jsx(
                 MeterBarChart.ThresholdIndicator,
                 {
@@ -131,7 +131,13 @@ function MeterBarChartRenderer({
               },
               `${data.name}-${data.value}`
             )),
-            config?.showTooltip && /* @__PURE__ */ jsx(MultiMeterBarChart.Tooltip, { variant: "shared" })
+            /* @__PURE__ */ jsx(
+              MultiMeterBarChart.Tooltip,
+              {
+                variant: "shared",
+                hidden: !config?.showTooltip
+              }
+            )
           ]
         }
       )

package/esm/tables/DataTable/features/MeterBarChart/MeterBarChart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/MeterBarChart/MeterBarChart.tsx"],
-  "sourcesContent": ["import { isEmpty, isNumber } from 'lodash-es';\nimport { useEffect, useMemo, useRef, type JSX } from 'react';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\n\nimport { MultiMeterBarChart } from '../../../../charts/meter-bar/multi-meter-bar/MultiMeterBarChart.js';\nimport { METER_BAR_SIZE } from '../../../../charts/meter-bar/shared/constants.js';\nimport type { MeterBarChartElementRef } from '../../../../charts/meter-bar/shared/types/meter-bars.js';\nimport { MeterBarChart } from '../../../../charts/meter-bar/single-meter-bar/MeterBarChart.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport { isDisplayColumnDef } from '../../hooks/useTable/datatable-typeguards.js';\nimport type { Column, TableOptions } from '../../hooks/useTable/types.js';\nimport type {\n  DataTableColumnDef,\n  DataTableDisplayColumnDef,\n  DataTableRowData,\n} from '../../public.api.js';\nimport type { DataTableMeterbarColumnConfig } from '../ColumnTypes/column-types-types.js';\n\n/** Default max value for meterbar column. */\nconst DEFAULT_MAX_VALUE = 100;\n\n/**\n * Type guard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDataTableMeterBarColumnConfig(\n  config: unknown,\n): config is DataTableMeterbarColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    ('max' in config ||\n      'color' in config ||\n      'threshold' in config ||\n      'showTooltip' in config ||\n      'max' in config)\n  );\n}\n\n/**\n * Type guard function ensures that the defined column contains the 'accessor' property.\n * @internal\n */\nfunction isColumnDefWithAccessor<TData, TValue>(\n  column: unknown,\n): column is DataTableDisplayColumnDef<TData, TValue> {\n  return (\n    column !== null &&\n    column !== undefined &&\n    typeof column === 'object' &&\n    'accessor' in column\n  );\n}\n\ntype MeterBarChartRendererType<TData, TValue> = {\n  value: number | { name: string; value: number; color?: string }[];\n  column: Column<TData, TValue>;\n};\n\n/**\n * Type guard to check value against MultiMeterBar values.\n * @internal\n */\nexport function isMultiMeterBarData(\n  value: unknown,\n): value is Array<{ name: string; value: number; color?: string }> {\n  return (\n    Array.isArray(value) &&\n    value.every(\n      (item) =>\n        typeof item === 'object' &&\n        typeof item.name === 'string' &&\n        typeof item.value === 'number' &&\n        (item.color === undefined || typeof item.color === 'string'),\n    )\n  );\n}\n\n/**\n * Intended for configuring and rendering the meterbar chart component.\n */\nexport function MeterBarChartRenderer<TData, TValue>({\n  value,\n  column,\n}: Readonly<MeterBarChartRendererType<TData, TValue>>): JSX.Element {\n  const table = useDataTable();\n  const chartRef = useRef<MeterBarChartElementRef>(null);\n\n  let config: DataTableMeterbarColumnConfig = {};\n  if (\n    column?.columnDef.meta &&\n    isDataTableMeterBarColumnConfig(column.columnDef.meta.config)\n  ) {\n    config = column.columnDef.meta.config;\n  }\n\n  const columnId = column.columnDef.id ?? '';\n\n  const maxValuesFromState = table.getState().meterbarChartMaxValues;\n\n  const maxValue = !isEmpty(maxValuesFromState)\n    ? maxValuesFromState[columnId]\n    : DEFAULT_MAX_VALUE;\n\n  const listenerRef = useRef<((e?: PointerEvent) => void) | null>(null);\n\n  useEffect(() => {\n    // clean possible leftover event on unmount\n    return () => {\n      listenerRef.current?.();\n    };\n  }, []);\n\n  const registerUnpinOnPointerUp = config?.showTooltip\n    ? () => {\n        if (listenerRef.current) {\n          return;\n        }\n        const handler = (event: PointerEvent) => {\n          if (\n            (event.target as HTMLElement).closest('[role=\"tooltip\"]') !== null\n          ) {\n            return;\n          }\n\n          chartRef.current?.unpinTooltip();\n          listenerRef.current?.();\n          listenerRef.current = null;\n        };\n        listenerRef.current = () =>\n          document.removeEventListener('pointerup', handler);\n        document.addEventListener('pointerup', handler);\n      }\n    : undefined;\n\n  // simple MeterBar\n  if (typeof value === 'number') {\n    return (\n      <span\n        style={{ display: 'contents' }}\n        onClick={registerUnpinOnPointerUp}\n        role=\"none\"\n      >\n        <MeterBarChart\n          value={value}\n          min={config?.min}\n          max={maxValue}\n          color={config?.color as string}\n          size={METER_BAR_SIZE.Size8}\n          width=\"100%\"\n          height=\"auto\"\n          style={{\n            pointerEvents: 'auto',\n            padding: `${Spacings.Size6} 0`,\n          }}\n          formatter={config?.formatter}\n          ref={chartRef}\n        >\n          {config?.showTooltip && <MeterBarChart.Tooltip />}\n          {config?.thresholds?.map((threshold) => (\n            <MeterBarChart.ThresholdIndicator\n              key={`threshold-${threshold.color}-${threshold.value}`}\n              name={threshold.name}\n              color={threshold.color}\n              value={threshold.value}\n              showIndicator={threshold.showIndicator}\n            />\n          ))}\n        </MeterBarChart>\n      </span>\n    );\n  }\n\n  const isMultiMeterData = isMultiMeterBarData(value);\n  if (!isMultiMeterData) {\n    devLog('Invalid meter chart data.');\n  }\n\n  return (\n    <span\n      style={{ display: 'contents' }}\n      onClick={registerUnpinOnPointerUp}\n      role=\"none\"\n    >\n      <MultiMeterBarChart\n        size=\"size8\"\n        min={config?.min}\n        max={maxValue}\n        colorPalette={config?.colorPalette || 'categorical'}\n        width=\"100%\"\n        height=\"auto\"\n        style={{\n          pointerEvents: 'auto',\n          padding: `${Spacings.Size6} 0`,\n        }}\n        formatter={config?.formatter}\n        ref={chartRef}\n      >\n        {\n          // only if this is multi meter data render segments\n          isMultiMeterData &&\n            value.map((data) => (\n              <MultiMeterBarChart.Segment\n                key={`${data.name}-${data.value}`}\n                name={data.name}\n                value={data.value}\n                color={data?.color}\n              />\n            ))\n        }\n        {config?.showTooltip && <MultiMeterBarChart.Tooltip variant=\"shared\" />}\n      </MultiMeterBarChart>\n    </span>\n  );\n}\n\n/**\n * Gets the highest total max values in a meterbar column.\n *\n * @param data - table data\n * @param columns - table column definition\n * @returns record of highest total max value per column\n * @internal\n */\nexport function getTotalMaxFromMeterbarChartData<\n  TData extends DataTableRowData,\n>(data: TData[], columns: DataTableColumnDef<TData>[]): Record<string, number> {\n  const meterbarColumns = columns.filter(\n    (columnDef) =>\n      isDisplayColumnDef(columnDef) && columnDef.columnType === 'meterbar',\n  );\n\n  const maxValuesStorage: Record<string, number> = {};\n\n  for (const row of data) {\n    for (const columnDef of meterbarColumns) {\n      if (isColumnDefWithAccessor(columnDef)) {\n        const { accessor, config, id: columnId } = columnDef;\n\n        const configuredMax: number | 'data-max' | undefined =\n          isDataTableMeterBarColumnConfig(config) ? config.max : undefined;\n\n        const meterbarValue = row as Record<string, unknown>;\n\n        const meterbarDataEntry =\n          typeof accessor === 'string'\n            ? meterbarValue[accessor]\n            : accessor(row);\n\n        let totalValue = DEFAULT_MAX_VALUE;\n\n        if (isNumber(configuredMax)) {\n          maxValuesStorage[columnId] = configuredMax;\n          continue;\n        }\n\n        if (meterbarDataEntry) {\n          if (Array.isArray(meterbarDataEntry)) {\n            totalValue = meterbarDataEntry.reduce(\n              (acc, current) => acc + current.value,\n              0,\n            );\n          } else {\n            const entry = isNumber(meterbarDataEntry)\n              ? meterbarDataEntry\n              : DEFAULT_MAX_VALUE;\n            totalValue =\n              configuredMax === 'data-max'\n                ? entry\n                : Math.max(entry, DEFAULT_MAX_VALUE);\n          }\n        }\n\n        maxValuesStorage[columnId] = Math.max(\n          maxValuesStorage[columnId] ?? totalValue,\n          totalValue,\n        );\n      }\n    }\n  }\n\n  return maxValuesStorage;\n}\n\n/**\n * Configuration hook for the DataTable Meterbar Chart feature.\n * @internal\n */\nexport function useMeterBarChartMaxValuesCalc<TData extends DataTableRowData>(\n  props: {\n    data: TData[];\n    columns: DataTableColumnDef<TData>[];\n  },\n  options: TableOptions<TData>,\n): void {\n  const meterbarChartMaxValues = useMemo(\n    () => getTotalMaxFromMeterbarChartData<TData>(props.data, props.columns),\n    [props.columns, props.data],\n  );\n\n  options.state = { ...options.state, meterbarChartMaxValues };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { isEmpty, isNumber } from 'lodash-es';\nimport { useEffect, useMemo, useRef, type JSX } from 'react';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\n\nimport { MultiMeterBarChart } from '../../../../charts/meter-bar/multi-meter-bar/MultiMeterBarChart.js';\nimport { METER_BAR_SIZE } from '../../../../charts/meter-bar/shared/constants.js';\nimport type { MeterBarChartElementRef } from '../../../../charts/meter-bar/shared/types/meter-bars.js';\nimport { MeterBarChart } from '../../../../charts/meter-bar/single-meter-bar/MeterBarChart.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport { isDisplayColumnDef } from '../../hooks/useTable/datatable-typeguards.js';\nimport type { Column, TableOptions } from '../../hooks/useTable/types.js';\nimport type {\n  DataTableColumnDef,\n  DataTableDisplayColumnDef,\n  DataTableRowData,\n} from '../../public.api.js';\nimport type { DataTableMeterbarColumnConfig } from '../ColumnTypes/column-types-types.js';\n\n/** Default max value for meterbar column. */\nconst DEFAULT_MAX_VALUE = 100;\n\n/**\n * Type guard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDataTableMeterBarColumnConfig(\n  config: unknown,\n): config is DataTableMeterbarColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    ('max' in config ||\n      'color' in config ||\n      'threshold' in config ||\n      'showTooltip' in config ||\n      'max' in config)\n  );\n}\n\n/**\n * Type guard function ensures that the defined column contains the 'accessor' property.\n * @internal\n */\nfunction isColumnDefWithAccessor<TData, TValue>(\n  column: unknown,\n): column is DataTableDisplayColumnDef<TData, TValue> {\n  return (\n    column !== null &&\n    column !== undefined &&\n    typeof column === 'object' &&\n    'accessor' in column\n  );\n}\n\ntype MeterBarChartRendererType<TData, TValue> = {\n  value: number | { name: string; value: number; color?: string }[];\n  column: Column<TData, TValue>;\n};\n\n/**\n * Type guard to check value against MultiMeterBar values.\n * @internal\n */\nexport function isMultiMeterBarData(\n  value: unknown,\n): value is Array<{ name: string; value: number; color?: string }> {\n  return (\n    Array.isArray(value) &&\n    value.every(\n      (item) =>\n        typeof item === 'object' &&\n        typeof item.name === 'string' &&\n        typeof item.value === 'number' &&\n        (item.color === undefined || typeof item.color === 'string'),\n    )\n  );\n}\n\n/**\n * Intended for configuring and rendering the meterbar chart component.\n */\nexport function MeterBarChartRenderer<TData, TValue>({\n  value,\n  column,\n}: Readonly<MeterBarChartRendererType<TData, TValue>>): JSX.Element {\n  const table = useDataTable();\n  const chartRef = useRef<MeterBarChartElementRef>(null);\n\n  let config: DataTableMeterbarColumnConfig = {};\n  if (\n    column?.columnDef.meta &&\n    isDataTableMeterBarColumnConfig(column.columnDef.meta.config)\n  ) {\n    config = column.columnDef.meta.config;\n  }\n\n  const columnId = column.columnDef.id ?? '';\n\n  const maxValuesFromState = table.getState().meterbarChartMaxValues;\n\n  const maxValue = !isEmpty(maxValuesFromState)\n    ? maxValuesFromState[columnId]\n    : DEFAULT_MAX_VALUE;\n\n  const listenerRef = useRef<((e?: PointerEvent) => void) | null>(null);\n\n  useEffect(() => {\n    // clean possible leftover event on unmount\n    return () => {\n      listenerRef.current?.();\n    };\n  }, []);\n\n  const registerUnpinOnPointerUp = config?.showTooltip\n    ? () => {\n        if (listenerRef.current) {\n          return;\n        }\n        const handler = (event: PointerEvent) => {\n          if (\n            (event.target as HTMLElement).closest('[role=\"tooltip\"]') !== null\n          ) {\n            return;\n          }\n\n          chartRef.current?.unpinTooltip();\n          listenerRef.current?.();\n          listenerRef.current = null;\n        };\n        listenerRef.current = () =>\n          document.removeEventListener('pointerup', handler);\n        document.addEventListener('pointerup', handler);\n      }\n    : undefined;\n\n  // simple MeterBar\n  if (typeof value === 'number') {\n    return (\n      <span\n        style={{ display: 'contents' }}\n        onClick={registerUnpinOnPointerUp}\n        role=\"none\"\n      >\n        <MeterBarChart\n          value={value}\n          min={config?.min}\n          max={maxValue}\n          color={config?.color as string}\n          size={METER_BAR_SIZE.Size8}\n          width=\"100%\"\n          height=\"auto\"\n          style={{\n            pointerEvents: 'auto',\n            padding: `${Spacings.Size6} 0`,\n          }}\n          formatter={config?.formatter}\n          ref={chartRef}\n        >\n          <MeterBarChart.Tooltip hidden={!config?.showTooltip} />\n          {config?.thresholds?.map((threshold) => (\n            <MeterBarChart.ThresholdIndicator\n              key={`threshold-${threshold.color}-${threshold.value}`}\n              name={threshold.name}\n              color={threshold.color}\n              value={threshold.value}\n              showIndicator={threshold.showIndicator}\n            />\n          ))}\n        </MeterBarChart>\n      </span>\n    );\n  }\n\n  const isMultiMeterData = isMultiMeterBarData(value);\n  if (!isMultiMeterData) {\n    devLog('Invalid meter chart data.');\n  }\n\n  return (\n    <span\n      style={{ display: 'contents' }}\n      onClick={registerUnpinOnPointerUp}\n      role=\"none\"\n    >\n      <MultiMeterBarChart\n        size=\"size8\"\n        min={config?.min}\n        max={maxValue}\n        colorPalette={config?.colorPalette || 'categorical'}\n        width=\"100%\"\n        height=\"auto\"\n        style={{\n          pointerEvents: 'auto',\n          padding: `${Spacings.Size6} 0`,\n        }}\n        formatter={config?.formatter}\n        ref={chartRef}\n      >\n        {\n          // only if this is multi meter data render segments\n          isMultiMeterData &&\n            value.map((data) => (\n              <MultiMeterBarChart.Segment\n                key={`${data.name}-${data.value}`}\n                name={data.name}\n                value={data.value}\n                color={data?.color}\n              />\n            ))\n        }\n        <MultiMeterBarChart.Tooltip\n          variant=\"shared\"\n          hidden={!config?.showTooltip}\n        />\n      </MultiMeterBarChart>\n    </span>\n  );\n}\n\n/**\n * Gets the highest total max values in a meterbar column.\n *\n * @param data - table data\n * @param columns - table column definition\n * @returns record of highest total max value per column\n * @internal\n */\nexport function getTotalMaxFromMeterbarChartData<\n  TData extends DataTableRowData,\n>(data: TData[], columns: DataTableColumnDef<TData>[]): Record<string, number> {\n  const meterbarColumns = columns.filter(\n    (columnDef) =>\n      isDisplayColumnDef(columnDef) && columnDef.columnType === 'meterbar',\n  );\n\n  const maxValuesStorage: Record<string, number> = {};\n\n  for (const row of data) {\n    for (const columnDef of meterbarColumns) {\n      if (isColumnDefWithAccessor(columnDef)) {\n        const { accessor, config, id: columnId } = columnDef;\n\n        const configuredMax: number | 'data-max' | undefined =\n          isDataTableMeterBarColumnConfig(config) ? config.max : undefined;\n\n        const meterbarValue = row as Record<string, unknown>;\n\n        const meterbarDataEntry =\n          typeof accessor === 'string'\n            ? meterbarValue[accessor]\n            : accessor(row);\n\n        let totalValue = DEFAULT_MAX_VALUE;\n\n        if (isNumber(configuredMax)) {\n          maxValuesStorage[columnId] = configuredMax;\n          continue;\n        }\n\n        if (meterbarDataEntry) {\n          if (Array.isArray(meterbarDataEntry)) {\n            totalValue = meterbarDataEntry.reduce(\n              (acc, current) => acc + current.value,\n              0,\n            );\n          } else {\n            const entry = isNumber(meterbarDataEntry)\n              ? meterbarDataEntry\n              : DEFAULT_MAX_VALUE;\n            totalValue =\n              configuredMax === 'data-max'\n                ? entry\n                : Math.max(entry, DEFAULT_MAX_VALUE);\n          }\n        }\n\n        maxValuesStorage[columnId] = Math.max(\n          maxValuesStorage[columnId] ?? totalValue,\n          totalValue,\n        );\n      }\n    }\n  }\n\n  return maxValuesStorage;\n}\n\n/**\n * Configuration hook for the DataTable Meterbar Chart feature.\n * @internal\n */\nexport function useMeterBarChartMaxValuesCalc<TData extends DataTableRowData>(\n  props: {\n    data: TData[];\n    columns: DataTableColumnDef<TData>[];\n  },\n  options: TableOptions<TData>,\n): void {\n  const meterbarChartMaxValues = useMemo(\n    () => getTotalMaxFromMeterbarChartData<TData>(props.data, props.columns),\n    [props.columns, props.data],\n  );\n\n  options.state = { ...options.state, meterbarChartMaxValues };\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/RowDetails/RowDetails.css

@@ -1,4 +1,4 @@
-._2twyod0-3-5-2::before {
+._2twyod0-3-6-0::before {
   content: "";
   display: block;
   top: 0;
@@ -8,10 +8,10 @@
   width: 100%;
   z-index: 4;
 }
-._or8s40-3-5-2 ._2twyod0-3-5-2::before, ._2twyod0-3-5-2:not(:first-child)::before {
+._or8s40-3-6-0 ._2twyod0-3-6-0::before, ._2twyod0-3-6-0:not(:first-child)::before {
   background-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._2twyod1-3-5-2 {
+._2twyod1-3-6-0 {
   position: relative;
   box-sizing: border-box;
   border-bottom-width: 1px;
@@ -19,40 +19,40 @@
   border-bottom-color: transparent;
   overflow: hidden;
 }
-._2twyod1-3-5-2:not(:has(+ ._2twyod0-3-5-2)) {
+._2twyod1-3-6-0:not(:has(+ ._2twyod0-3-6-0)) {
   border-bottom-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._2twyod4-3-5-2:not(._or8s40-3-5-2 ._2twyod4-3-5-2) {
+._2twyod4-3-6-0:not(._or8s40-3-6-0 ._2twyod4-3-6-0) {
   opacity: 0;
 }
-._2twyod6-3-5-2 {
+._2twyod6-3-6-0 {
   border-top: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._2twyod7-3-5-2 {
+._2twyod7-3-6-0 {
   border-top: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._2twyod8-3-5-2 {
+._2twyod8-3-6-0 {
   border-bottom-width: 0;
 }
-._2twyod9-3-5-2 {
+._2twyod9-3-6-0 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._2twyoda-3-5-2 {
+._2twyoda-3-6-0 {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._2twyodc-3-5-2 {
+._2twyodc-3-6-0 {
   padding-top: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-8, 8px);
   padding-left: var(--dt-spacings-size-12, 12px);
 }
-._2twyodd-3-5-2 {
+._2twyodd-3-6-0 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-right: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._2twyode-3-5-2 {
+._2twyode-3-6-0 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-right: var(--dt-spacings-size-16, 16px);
   padding-bottom: var(--dt-spacings-size-12, 12px);

package/esm/tables/DataTable/features/RowDetails/RowDetails.sty.js

@@ -1,9 +1,9 @@
 import "../RowOrder/RowOrder.css";
 import "./RowDetails.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var rowDetailsExpandedRowCell = "_2twyod0-3-5-2";
-var rowDetailsRow = _7a468({ defaultClassName: "_2twyod1-3-5-2", variantClassNames: { rowParity: { even: "_2twyod2-3-5-2", odd: "_2twyod3-3-5-2" }, isDraggedRow: { true: "_2twyod4-3-5-2" }, rowSeparation: { none: "_2twyod5-3-5-2", horizontalDividers: "_2twyod6-3-5-2", zebraStripes: "_2twyod7-3-5-2" }, isLastRow: { true: "_2twyod8-3-5-2" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_2twyod9-3-5-2"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_2twyoda-3-5-2"]] });
-var rowDetailsWrapperCSS = _7a468({ defaultClassName: "_2twyodb-3-5-2", variantClassNames: { rowDensity: { "default": "_2twyodc-3-5-2", condensed: "_2twyodd-3-5-2", comfortable: "_2twyode-3-5-2" } }, defaultVariants: { rowDensity: "default" }, compoundVariants: [] });
+var rowDetailsExpandedRowCell = "_2twyod0-3-6-0";
+var rowDetailsRow = _7a468({ defaultClassName: "_2twyod1-3-6-0", variantClassNames: { rowParity: { even: "_2twyod2-3-6-0", odd: "_2twyod3-3-6-0" }, isDraggedRow: { true: "_2twyod4-3-6-0" }, rowSeparation: { none: "_2twyod5-3-6-0", horizontalDividers: "_2twyod6-3-6-0", zebraStripes: "_2twyod7-3-6-0" }, isLastRow: { true: "_2twyod8-3-6-0" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_2twyod9-3-6-0"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_2twyoda-3-6-0"]] });
+var rowDetailsWrapperCSS = _7a468({ defaultClassName: "_2twyodb-3-6-0", variantClassNames: { rowDensity: { "default": "_2twyodc-3-6-0", condensed: "_2twyodd-3-6-0", comfortable: "_2twyode-3-6-0" } }, defaultVariants: { rowDensity: "default" }, compoundVariants: [] });
 export {
   rowDetailsExpandedRowCell,
   rowDetailsRow,

package/esm/tables/DataTable/features/RowDetails/RowDetails.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowDetails/RowDetails.css.ts"],
-  "sourcesContent": ["import '../RowOrder/RowOrder.css';\nimport './RowDetails.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var rowDetailsExpandedRowCell = '_2twyod0-3-5-2';\nexport var rowDetailsRow = _7a468({defaultClassName:'_2twyod1-3-5-2',variantClassNames:{rowParity:{even:'_2twyod2-3-5-2',odd:'_2twyod3-3-5-2'},isDraggedRow:{true:'_2twyod4-3-5-2'},rowSeparation:{none:'_2twyod5-3-5-2',horizontalDividers:'_2twyod6-3-5-2',zebraStripes:'_2twyod7-3-5-2'},isLastRow:{true:'_2twyod8-3-5-2'}},defaultVariants:{},compoundVariants:[[{rowSeparation:'zebraStripes',rowParity:'even'},'_2twyod9-3-5-2'],[{rowSeparation:'zebraStripes',rowParity:'odd'},'_2twyoda-3-5-2']]});\nexport var rowDetailsWrapperCSS = _7a468({defaultClassName:'_2twyodb-3-5-2',variantClassNames:{rowDensity:{'default':'_2twyodc-3-5-2',condensed:'_2twyodd-3-5-2',comfortable:'_2twyode-3-5-2'}},defaultVariants:{rowDensity:'default'},compoundVariants:[]});"],
+  "sourcesContent": ["import '../RowOrder/RowOrder.css';\nimport './RowDetails.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var rowDetailsExpandedRowCell = '_2twyod0-3-6-0';\nexport var rowDetailsRow = _7a468({defaultClassName:'_2twyod1-3-6-0',variantClassNames:{rowParity:{even:'_2twyod2-3-6-0',odd:'_2twyod3-3-6-0'},isDraggedRow:{true:'_2twyod4-3-6-0'},rowSeparation:{none:'_2twyod5-3-6-0',horizontalDividers:'_2twyod6-3-6-0',zebraStripes:'_2twyod7-3-6-0'},isLastRow:{true:'_2twyod8-3-6-0'}},defaultVariants:{},compoundVariants:[[{rowSeparation:'zebraStripes',rowParity:'even'},'_2twyod9-3-6-0'],[{rowSeparation:'zebraStripes',rowParity:'odd'},'_2twyoda-3-6-0']]});\nexport var rowDetailsWrapperCSS = _7a468({defaultClassName:'_2twyodb-3-6-0',variantClassNames:{rowDensity:{'default':'_2twyodc-3-6-0',condensed:'_2twyodd-3-6-0',comfortable:'_2twyode-3-6-0'}},defaultVariants:{rowDensity:'default'},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,4BAA4B;AAChC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,WAAU,EAAC,MAAK,kBAAiB,KAAI,iBAAgB,GAAE,cAAa,EAAC,MAAK,iBAAgB,GAAE,eAAc,EAAC,MAAK,kBAAiB,oBAAmB,kBAAiB,cAAa,iBAAgB,GAAE,WAAU,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,eAAc,gBAAe,WAAU,OAAM,GAAE,gBAAgB,GAAE,CAAC,EAAC,eAAc,gBAAe,WAAU,MAAK,GAAE,gBAAgB,CAAC,EAAC,CAAC;AACne,IAAI,uBAAuB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,YAAW,EAAC,WAAU,kBAAiB,WAAU,kBAAiB,aAAY,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,YAAW,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/features/RowInteractivity/RowInteractivity.css

@@ -1,4 +1,4 @@
-._15silbj0-3-5-2 {
+._15silbj0-3-6-0 {
   box-sizing: border-box;
   appearance: none;
   outline: 0;
@@ -7,7 +7,7 @@
   position: relative;
   cursor: pointer;
 }
-._15silbj0-3-5-2::after {
+._15silbj0-3-6-0::after {
   content: "";
   position: absolute;
   top: 0;
@@ -20,44 +20,44 @@
   pointer-events: none;
   z-index: 4;
 }
-._15silbj1-3-5-2::after {
+._15silbj1-3-6-0::after {
   border-color: var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj1-3-5-2:hover {
+._15silbj1-3-6-0:hover {
   background-color: var(--dt-colors-background-container-primary-default, #f1f2f9);
 }
-._15silbj1-3-5-2:hover::after {
+._15silbj1-3-6-0:hover::after {
   border-color: var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj3-3-5-2 {
+._15silbj3-3-6-0 {
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj3-3-5-2::after {
+._15silbj3-3-6-0::after {
   box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-accent, #595a7d), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-width: 0;
 }
-._15silbj4-3-5-2 {
+._15silbj4-3-6-0 {
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj4-3-5-2::after {
+._15silbj4-3-6-0::after {
   border-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._ytdpswb-3-5-2 ._14sp6az6-3-5-2._15silbj5-3-5-2::after {
+._ytdpswb-3-6-0 ._14sp6az6-3-6-0._15silbj5-3-6-0::after {
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._ytdpswd-3-5-2 ._14sp6az6-3-5-2._15silbj5-3-5-2::after {
+._ytdpswd-3-6-0 ._14sp6az6-3-6-0._15silbj5-3-6-0::after {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._15silbj6-3-5-2 {
+._15silbj6-3-6-0 {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-._15silbj7-3-5-2 {
+._15silbj7-3-6-0 {
   background-color: var(--dt-colors-background-container-primary-default, #f1f2f9);
 }
-._15silbj7-3-5-2::after {
+._15silbj7-3-6-0::after {
   border-width: 0;
   box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-primary-accent, #464cce), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }

package/esm/tables/DataTable/features/RowInteractivity/RowInteractivity.sty.js

@@ -3,7 +3,7 @@ import "../../components/DataTableVirtualizationContainer.css";
 import "../../DataTable.css";
 import "./RowInteractivity.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var interactiveRow = _7a468({ defaultClassName: "_15silbj0-3-5-2", variantClassNames: { active: { true: "_15silbj1-3-5-2", false: "_15silbj2-3-5-2" }, focus: { true: "_15silbj3-3-5-2" }, hovered: { true: "_15silbj4-3-5-2" }, contained: { true: "_15silbj5-3-5-2", false: "_15silbj6-3-5-2" } }, defaultVariants: {}, compoundVariants: [[{ active: true, focus: true }, "_15silbj7-3-5-2"]] });
+var interactiveRow = _7a468({ defaultClassName: "_15silbj0-3-6-0", variantClassNames: { active: { true: "_15silbj1-3-6-0", false: "_15silbj2-3-6-0" }, focus: { true: "_15silbj3-3-6-0" }, hovered: { true: "_15silbj4-3-6-0" }, contained: { true: "_15silbj5-3-6-0", false: "_15silbj6-3-6-0" } }, defaultVariants: {}, compoundVariants: [[{ active: true, focus: true }, "_15silbj7-3-6-0"]] });
 export {
   interactiveRow
 };

package/esm/tables/DataTable/features/RowInteractivity/RowInteractivity.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowInteractivity/RowInteractivity.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../../DataTable.css';\nimport './RowInteractivity.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var interactiveRow = _7a468({defaultClassName:'_15silbj0-3-5-2',variantClassNames:{active:{true:'_15silbj1-3-5-2',false:'_15silbj2-3-5-2'},focus:{true:'_15silbj3-3-5-2'},hovered:{true:'_15silbj4-3-5-2'},contained:{true:'_15silbj5-3-5-2',false:'_15silbj6-3-5-2'}},defaultVariants:{},compoundVariants:[[{active:true,focus:true},'_15silbj7-3-5-2']]});"],
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../../DataTable.css';\nimport './RowInteractivity.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var interactiveRow = _7a468({defaultClassName:'_15silbj0-3-6-0',variantClassNames:{active:{true:'_15silbj1-3-6-0',false:'_15silbj2-3-6-0'},focus:{true:'_15silbj3-3-6-0'},hovered:{true:'_15silbj4-3-6-0'},contained:{true:'_15silbj5-3-6-0',false:'_15silbj6-3-6-0'}},defaultVariants:{},compoundVariants:[[{active:true,focus:true},'_15silbj7-3-6-0']]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,OAAM,EAAC,MAAK,kBAAiB,GAAE,SAAQ,EAAC,MAAK,kBAAiB,GAAE,WAAU,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,QAAO,MAAK,OAAM,KAAI,GAAE,iBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/features/RowOrder/RowOrder.css

@@ -1,11 +1,11 @@
-._or8s40-3-5-2 {
+._or8s40-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;
 }
-._or8s41-3-5-2 {
+._or8s41-3-6-0 {
   vertical-align: middle;
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
   padding-left: var(--dt-spacings-size-2, 2px);
@@ -14,21 +14,21 @@
   padding-bottom: 0;
   transition: none;
 }
-._or8s41-3-5-2:active {
+._or8s41-3-6-0:active {
   background: transparent;
 }
-._or8s41-3-5-2:hover {
+._or8s41-3-6-0:hover {
   background: transparent;
 }
-._or8s40-3-5-2 ._or8s41-3-5-2 {
+._or8s40-3-6-0 ._or8s41-3-6-0 {
   cursor: grabbing;
 }
-._or8s42-3-5-2 {
+._or8s42-3-6-0 {
   cursor: not-allowed;
 }
-._or8s43-3-5-2 {
+._or8s43-3-6-0 {
   cursor: grab;
 }
-._or8s44-3-5-2 {
+._or8s44-3-6-0 {
   opacity: 0.2;
 }

package/esm/tables/DataTable/features/RowOrder/RowOrder.sty.js

@@ -1,8 +1,8 @@
 import "./RowOrder.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var disabledNonTargetRow = "_or8s44-3-5-2";
-var dndHandle = _7a468({ defaultClassName: "_or8s41-3-5-2", variantClassNames: { disabled: { true: "_or8s42-3-5-2", false: "_or8s43-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var rowDndOverlay = "_or8s40-3-5-2";
+var disabledNonTargetRow = "_or8s44-3-6-0";
+var dndHandle = _7a468({ defaultClassName: "_or8s41-3-6-0", variantClassNames: { disabled: { true: "_or8s42-3-6-0", false: "_or8s43-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
+var rowDndOverlay = "_or8s40-3-6-0";
 export {
   disabledNonTargetRow,
   dndHandle,

package/esm/tables/DataTable/features/RowOrder/RowOrder.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowOrder/RowOrder.css.ts"],
-  "sourcesContent": ["import './RowOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var disabledNonTargetRow = '_or8s44-3-5-2';\nexport var dndHandle = _7a468({defaultClassName:'_or8s41-3-5-2',variantClassNames:{disabled:{true:'_or8s42-3-5-2',false:'_or8s43-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var rowDndOverlay = '_or8s40-3-5-2';"],
+  "sourcesContent": ["import './RowOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var disabledNonTargetRow = '_or8s44-3-6-0';\nexport var dndHandle = _7a468({defaultClassName:'_or8s41-3-6-0',variantClassNames:{disabled:{true:'_or8s42-3-6-0',false:'_or8s43-3-6-0'}},defaultVariants:{},compoundVariants:[]});\nexport var rowDndOverlay = '_or8s40-3-6-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB;AAC3B,IAAI,YAAY,OAAO,EAAC,kBAAiB,iBAAgB,mBAAkB,EAAC,UAAS,EAAC,MAAK,iBAAgB,OAAM,gBAAe,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1K,IAAI,gBAAgB;",
   "names": []
 }