@cdx-ui/data-grid 0.3.11 → 0.3.13

package/lib/module/adapter/treeData.js

@@ -0,0 +1,187 @@
+"use strict";
+
+/** The shape TanStack rows share; filtered and sorted rows carry their filtered `subRows`. */
+
+const pathKey = path => JSON.stringify(path);
+const warnedDuplicatePaths = new Set();
+export function buildTreeIndex(rows, getTreeDataPath, keyOf) {
+  const byPath = new Map();
+  const paths = new Map();
+  for (const row of rows) {
+    const path = getTreeDataPath(row);
+    const key = pathKey(path);
+    if (__DEV__ && byPath.has(key) && !warnedDuplicatePaths.has(key)) {
+      warnedDuplicatePaths.add(key);
+      console.warn(`[DataGrid] Duplicate tree data path ${key}. Paths must be unique.`);
+    }
+    byPath.set(key, row);
+    paths.set(row, path);
+  }
+  const roots = [];
+  const childrenOf = new Map();
+  const rowOf = new Map();
+  const parentKeyOf = new Map();
+  const childKeysOf = new Map();
+  for (const row of rows) {
+    const path = paths.get(row) ?? [];
+    const key = keyOf(row);
+    rowOf.set(key, row);
+    let parent;
+    for (let length = path.length - 1; length > 0 && parent === undefined; length -= 1) {
+      parent = byPath.get(pathKey(path.slice(0, length)));
+    }
+    if (parent === undefined || parent === row) {
+      roots.push(row);
+      continue;
+    }
+    const parentKey = keyOf(parent);
+    parentKeyOf.set(key, parentKey);
+    const siblings = childrenOf.get(parent);
+    if (siblings) {
+      siblings.push(row);
+    } else {
+      childrenOf.set(parent, [row]);
+    }
+    const siblingKeys = childKeysOf.get(parentKey);
+    if (siblingKeys) {
+      siblingKeys.push(key);
+    } else {
+      childKeysOf.set(parentKey, [key]);
+    }
+  }
+  const depthOf = new Map();
+  const breadthFirst = roots.map(row => keyOf(row));
+  for (const key of breadthFirst) {
+    depthOf.set(key, 0);
+  }
+  // The array iterator also visits children pushed during the loop.
+  for (const key of breadthFirst) {
+    for (const child of childKeysOf.get(key) ?? []) {
+      depthOf.set(child, (depthOf.get(key) ?? 0) + 1);
+      breadthFirst.push(child);
+    }
+  }
+  return {
+    roots,
+    childrenOf,
+    rowOf,
+    parentKeyOf,
+    childKeysOf,
+    depthOf,
+    keysDeepestFirst: breadthFirst.reverse()
+  };
+}
+
+/**
+ * With `propagateParents`, a parent is `all` exactly when every child is `all`, whatever the model
+ * says about the parent itself. Without it, a parent's own selection decides, and partly selected
+ * descendants show as `some`.
+ */
+export function computeTreeSelection(index, selected, propagateParents) {
+  const status = new Map();
+  for (const key of index.keysDeepestFirst) {
+    const isSelected = selected.has(key);
+    const children = index.childKeysOf.get(key);
+    if (!children?.length) {
+      status.set(key, isSelected ? 'all' : 'none');
+      continue;
+    }
+    let all = true;
+    let some = false;
+    for (const child of children) {
+      const childStatus = status.get(child) ?? 'none';
+      if (childStatus !== 'all') {
+        all = false;
+      }
+      if (childStatus !== 'none') {
+        some = true;
+      }
+    }
+    if (propagateParents) {
+      status.set(key, all ? 'all' : some || isSelected ? 'some' : 'none');
+    } else {
+      status.set(key, isSelected ? 'all' : some ? 'some' : 'none');
+    }
+  }
+  return status;
+}
+export function applyTreeSelection(index, selected, targets, value, propagateParents) {
+  const next = new Set(selected);
+  for (const key of targets) {
+    if (value) {
+      next.add(key);
+    } else {
+      next.delete(key);
+    }
+  }
+  if (propagateParents) {
+    for (const key of index.keysDeepestFirst) {
+      const children = index.childKeysOf.get(key);
+      if (!children?.length) {
+        continue;
+      }
+      if (children.every(child => next.has(child))) {
+        next.add(key);
+      } else {
+        next.delete(key);
+      }
+    }
+  }
+  return next;
+}
+
+/**
+ * Rows a toggle writes (`targets`) and the rows whose state decides the toggle direction
+ * (`units`). With `descendants`, a row's filtered sub-rows are included; a row whose children were
+ * all filtered out takes its whole subtree, so a matching group can still be picked.
+ */
+export function selectionScope(rows, index, descendants) {
+  const targets = [];
+  const units = [];
+  const visitFullSubtree = key => {
+    targets.push(key);
+    const children = index.childKeysOf.get(key);
+    if (!children?.length) {
+      units.push(key);
+      return;
+    }
+    children.forEach(visitFullSubtree);
+  };
+  const visit = row => {
+    if (!descendants) {
+      targets.push(row.id);
+      units.push(row.id);
+      return;
+    }
+    if (row.subRows.length === 0) {
+      visitFullSubtree(row.id);
+      return;
+    }
+    targets.push(row.id);
+    row.subRows.forEach(visit);
+  };
+  rows.forEach(visit);
+  return {
+    targets,
+    units
+  };
+}
+
+/** Keeps every row that matches and every ancestor of a match. */
+export function keepMatchesWithAncestors(rows, index, keyOf, matches) {
+  const keep = new Set();
+  for (const row of rows) {
+    if (!matches(row)) {
+      continue;
+    }
+    for (let key = keyOf(row); key !== undefined;) {
+      if (keep.has(key)) {
+        break;
+      }
+      keep.add(key);
+      key = index.parentKeyOf.get(key);
+    }
+  }
+  return rows.filter(row => keep.has(keyOf(row)));
+}
+//# sourceMappingURL=treeData.js.map

package/lib/module/adapter/treeData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pathKey","path","JSON","stringify","warnedDuplicatePaths","Set","buildTreeIndex","rows","getTreeDataPath","keyOf","byPath","Map","paths","row","key","__DEV__","has","add","console","warn","set","roots","childrenOf","rowOf","parentKeyOf","childKeysOf","get","parent","length","undefined","slice","push","parentKey","siblings","siblingKeys","depthOf","breadthFirst","map","child","keysDeepestFirst","reverse","computeTreeSelection","index","selected","propagateParents","status","isSelected","children","all","some","childStatus","applyTreeSelection","targets","value","next","delete","every","selectionScope","descendants","units","visitFullSubtree","forEach","visit","id","subRows","keepMatchesWithAncestors","matches","keep","filter"],"sourceRoot":"../../../src","sources":["adapter/treeData.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js

@@ -1,4 +1,6 @@
 "use strict";
 
 export { DataGrid } from './DataGrid';
+export { getDefaultFilterOperator, getGridFilterOperators } from './adapter/filterOperators';
+export { gridDeltaNumberColDef, gridPolarityNumberColDef } from './numberCells';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["DataGrid"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,YAAY","ignoreList":[]}
+{"version":3,"names":["DataGrid","getDefaultFilterOperator","getGridFilterOperators","gridDeltaNumberColDef","gridPolarityNumberColDef"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,wBAAwB,EAAEC,sBAAsB,QAAQ,2BAA2B;AAC5F,SAASC,qBAAqB,EAAEC,wBAAwB,QAAQ,eAAe","ignoreList":[]}

package/lib/module/numberCells.js

@@ -0,0 +1,275 @@
+"use strict";
+
+import { View } from 'react-native';
+import { Text } from '@cdx-ui/components';
+import { ArrowDropDown, ArrowDropUp, TrendingDown, TrendingFlat, TrendingUp } from '@cdx-ui/icons';
+import { cn } from '@cdx-ui/utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Unicode minus (U+2212). The spec requires this character, not a hyphen. */
+const MINUS = '\u2212';
+const defaultNumberFormat = new Intl.NumberFormat(undefined, {
+  maximumFractionDigits: 20
+});
+const TONE_CLASS = {
+  success: 'text-content-success',
+  danger: 'text-content-danger',
+  neutral: 'text-content-primary'
+};
+const ARROW_SLOT = {
+  default: 'h-5 w-3.5 items-center justify-center overflow-hidden',
+  compact: 'h-4 w-3 items-center justify-center overflow-hidden'
+};
+const ARROW_SIZE = {
+  default: 20,
+  compact: 16
+};
+const TREND_SIZE = {
+  default: 14,
+  compact: 12
+};
+function toFiniteNumber(value) {
+  return typeof value === 'number' && Number.isFinite(value) ? value : null;
+}
+function columnValueFormatter(format) {
+  if (!format) {
+    return undefined;
+  }
+  return value => {
+    const numeric = toFiniteNumber(value);
+    return numeric == null ? '' : format(numeric);
+  };
+}
+function formatRaw(value, row, col) {
+  const formatted = col.valueFormatter?.(value, row, col);
+  if (typeof formatted === 'string' && formatted.length > 0) {
+    return formatted;
+  }
+  return defaultNumberFormat.format(value);
+}
+function unsigned(formatted) {
+  const withoutSign = formatted.replace(/^[-−+]\s*/, '');
+  if (withoutSign.startsWith('(') && withoutSign.endsWith(')')) {
+    return withoutSign.slice(1, -1);
+  }
+  return withoutSign;
+}
+function polarityOf(value) {
+  if (value > 0) {
+    return 'positive';
+  }
+  if (value < 0) {
+    return 'negative';
+  }
+  return 'neutral';
+}
+function directionOf(value) {
+  if (value > 0) {
+    return 'increase';
+  }
+  if (value < 0) {
+    return 'decrease';
+  }
+  return 'flat';
+}
+function polarityTone(polarity) {
+  if (polarity === 'positive') {
+    return 'success';
+  }
+  if (polarity === 'negative') {
+    return 'danger';
+  }
+  return 'neutral';
+}
+function deltaTone(direction, increaseIsGood) {
+  if (direction === 'flat') {
+    return 'neutral';
+  }
+  const favorable = direction === 'increase' ? increaseIsGood : !increaseIsGood;
+  return favorable ? 'success' : 'danger';
+}
+function polarityLabel(polarity) {
+  if (polarity === 'positive') {
+    return 'Positive';
+  }
+  if (polarity === 'negative') {
+    return 'Negative';
+  }
+  return 'Neutral';
+}
+function directionLabel(direction) {
+  if (direction === 'increase') {
+    return 'Increase';
+  }
+  if (direction === 'decrease') {
+    return 'Decrease';
+  }
+  return 'No change';
+}
+function NumberReadout({
+  label,
+  display,
+  tone,
+  density,
+  children
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    className: "relative flex-row items-center gap-0.5",
+    children: [/*#__PURE__*/_jsx(Text, {
+      className: "absolute h-px w-px overflow-hidden opacity-0",
+      children: label
+    }), /*#__PURE__*/_jsxs(View, {
+      "aria-hidden": true,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      className: "flex-row items-center gap-0.5",
+      children: [children, /*#__PURE__*/_jsx(Text, {
+        color: tone === 'neutral' ? 'primary' : tone,
+        size: density === 'compact' ? 'sm' : 'md',
+        children: display
+      })]
+    })]
+  });
+}
+function ToneIcon({
+  icon: Icon,
+  tone,
+  size,
+  slotClassName
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    className: cn(TONE_CLASS[tone], slotClassName),
+    children: /*#__PURE__*/_jsx(Icon, {
+      size: size
+    })
+  });
+}
+function PolarityNumberCell({
+  value,
+  row,
+  col,
+  density
+}) {
+  const numeric = toFiniteNumber(value);
+  if (numeric == null) {
+    return null;
+  }
+  const polarity = polarityOf(numeric);
+  const magnitude = unsigned(formatRaw(numeric, row, col));
+  const display = polarity === 'negative' ? `${MINUS}${magnitude}` : magnitude;
+  return /*#__PURE__*/_jsx(NumberReadout, {
+    label: `${polarityLabel(polarity)} ${magnitude}`,
+    display: display,
+    tone: polarityTone(polarity),
+    density: density
+  });
+}
+function DeltaSymbol({
+  direction,
+  tone,
+  density,
+  symbol
+}) {
+  if (symbol === 'sign') {
+    return null;
+  }
+  if (symbol === 'arrow') {
+    if (direction === 'flat') {
+      return /*#__PURE__*/_jsx(View, {
+        className: ARROW_SLOT[density]
+      });
+    }
+    return /*#__PURE__*/_jsx(ToneIcon, {
+      icon: direction === 'increase' ? ArrowDropUp : ArrowDropDown,
+      tone: tone,
+      size: ARROW_SIZE[density],
+      slotClassName: ARROW_SLOT[density]
+    });
+  }
+  const icon = direction === 'increase' ? TrendingUp : direction === 'decrease' ? TrendingDown : TrendingFlat;
+  return /*#__PURE__*/_jsx(ToneIcon, {
+    icon: icon,
+    tone: tone,
+    size: TREND_SIZE[density]
+  });
+}
+function DeltaNumberCell({
+  value,
+  row,
+  col,
+  density,
+  increaseIsGood,
+  symbol
+}) {
+  const numeric = toFiniteNumber(value);
+  if (numeric == null) {
+    return null;
+  }
+  const direction = directionOf(numeric);
+  const tone = deltaTone(direction, increaseIsGood);
+  const magnitude = unsigned(formatRaw(numeric, row, col));
+  let display = magnitude;
+  if (symbol === 'sign' && direction === 'increase') {
+    display = `+${magnitude}`;
+  } else if (symbol === 'sign' && direction === 'decrease') {
+    display = `${MINUS}${magnitude}`;
+  }
+  return /*#__PURE__*/_jsx(NumberReadout, {
+    label: `${directionLabel(direction)} ${magnitude}`,
+    display: display,
+    tone: tone,
+    density: density,
+    children: /*#__PURE__*/_jsx(DeltaSymbol, {
+      direction: direction,
+      tone: tone,
+      density: density,
+      symbol: symbol
+    })
+  });
+}
+export function gridPolarityNumberColDef(options = {}) {
+  const density = options.density ?? 'default';
+  return {
+    type: 'number',
+    align: 'end',
+    headerAlign: 'end',
+    ...(options.valueFormatter ? {
+      valueFormatter: columnValueFormatter(options.valueFormatter)
+    } : {}),
+    renderCell: ({
+      value,
+      row,
+      col
+    }) => /*#__PURE__*/_jsx(PolarityNumberCell, {
+      value: value,
+      row: row,
+      col: col,
+      density: density
+    })
+  };
+}
+export function gridDeltaNumberColDef(options = {}) {
+  const density = options.density ?? 'default';
+  const increaseIsGood = options.increaseIsGood ?? true;
+  const symbol = options.symbol ?? 'arrow';
+  return {
+    type: 'number',
+    align: 'end',
+    headerAlign: 'end',
+    ...(options.valueFormatter ? {
+      valueFormatter: columnValueFormatter(options.valueFormatter)
+    } : {}),
+    renderCell: ({
+      value,
+      row,
+      col
+    }) => /*#__PURE__*/_jsx(DeltaNumberCell, {
+      value: value,
+      row: row,
+      col: col,
+      density: density,
+      increaseIsGood: increaseIsGood,
+      symbol: symbol
+    })
+  };
+}
+//# sourceMappingURL=numberCells.js.map

package/lib/module/numberCells.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","ArrowDropDown","ArrowDropUp","TrendingDown","TrendingFlat","TrendingUp","cn","jsx","_jsx","jsxs","_jsxs","MINUS","defaultNumberFormat","Intl","NumberFormat","undefined","maximumFractionDigits","TONE_CLASS","success","danger","neutral","ARROW_SLOT","default","compact","ARROW_SIZE","TREND_SIZE","toFiniteNumber","value","Number","isFinite","columnValueFormatter","format","numeric","formatRaw","row","col","formatted","valueFormatter","length","unsigned","withoutSign","replace","startsWith","endsWith","slice","polarityOf","directionOf","polarityTone","polarity","deltaTone","direction","increaseIsGood","favorable","polarityLabel","directionLabel","NumberReadout","label","display","tone","density","children","className","accessibilityElementsHidden","importantForAccessibility","color","size","ToneIcon","icon","Icon","slotClassName","PolarityNumberCell","magnitude","DeltaSymbol","symbol","DeltaNumberCell","gridPolarityNumberColDef","options","type","align","headerAlign","renderCell","gridDeltaNumberColDef"],"sourceRoot":"../../src","sources":["numberCells.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/styles.js

@@ -35,6 +35,47 @@ export const dataGridMainVariants = cva('relative min-h-0 w-full min-w-0 max-w-f
     overlay: false
   }
 });
+
+/**
+ * Opaque sticky fill so pinned cells cover scrolled content.
+ * Body hover matches the row's 50% secondary tint, mixed over the primary surface
+ * so the cell stays opaque while content scrolls underneath.
+ */
+export const dataGridPinnedSurfaceVariants = cva(Platform.select({
+  web: 'bg-surface-primary',
+  default: ''
+}), {
+  variants: {
+    header: {
+      true: 'bg-neutral-50',
+      false: Platform.select({
+        web: 'web:[tr:hover_&]:bg-[color-mix(in_srgb,var(--color-surface-secondary)_50%,var(--color-surface-primary))]',
+        default: ''
+      })
+    }
+  },
+  defaultVariants: {
+    header: false
+  }
+});
+export const dataGridPinnedEdgeVariants = cva('', {
+  variants: {
+    edge: {
+      start: Platform.select({
+        web: 'border-e border-stroke-secondary',
+        default: ''
+      }),
+      end: Platform.select({
+        web: 'border-s border-stroke-secondary',
+        default: ''
+      }),
+      none: ''
+    }
+  },
+  defaultVariants: {
+    edge: 'none'
+  }
+});
 export const dataGridToolbarVariants = cva('shrink-0 flex-row items-center gap-3 border-b border-stroke-secondary px-4 py-4');
 export const dataGridToolbarSearchVariants = cva('max-w-80 min-w-0 flex-1');
 export const dataGridToolbarActionsVariants = cva('ms-auto flex-row items-center gap-3');
@@ -106,6 +147,38 @@ export const dataGridBodyVariants = cva(Platform.select({
   default: ''
 }));
 export const dataGridFilterInputVariants = cva('min-w-24');
+
+// The toolbar panel sits at a fixed spot in the grid root. A panel opened from a column is anchored
+// to its opener in a portal, so its position and width cap come from the anchored overlay instead.
+export const dataGridFilterPanelVariants = cva('w-max gap-3 rounded-lg border border-stroke-secondary bg-surface-primary px-3 pb-2 pt-3 shadow-lg', {
+  variants: {
+    anchored: {
+      true: '',
+      false: 'absolute start-4 top-16 z-30 max-w-[calc(100%-2rem)]'
+    }
+  },
+  defaultVariants: {
+    anchored: false
+  }
+});
+
+// The panel is as wide as one unwrapped row, capped at the grid's width. Below that, fields wrap
+// onto new lines and grow to fill them, so the layout follows the grid's width, not the viewport.
+export const dataGridFilterPanelRowVariants = cva('flex-row flex-wrap items-end gap-2');
+export const dataGridFilterPanelLogicVariants = cva('min-h-8 w-24 shrink-0 justify-center');
+export const dataGridFilterPanelFieldVariants = cva('min-w-0 shrink grow gap-1', {
+  variants: {
+    size: {
+      column: 'w-40',
+      operator: 'w-40',
+      value: 'w-56'
+    }
+  }
+});
+export const dataGridFilterPanelColumnVariants = cva('w-full');
+export const dataGridFilterPanelOperatorVariants = cva('w-full');
+export const dataGridFilterPanelValueVariants = cva('w-full');
+export const dataGridFilterPanelFooterVariants = cva('flex-row items-center justify-between gap-2 border-t border-stroke-secondary pt-2');
 export const dataGridHeadVariants = cva(['h-12 bg-neutral-50 px-4', Platform.select({
   web: 'border-b border-stroke-secondary',
   default: ''
@@ -118,6 +191,39 @@ export const dataGridCellVariants = cva(['h-12 px-4', Platform.select({
   web: 'border-b border-stroke-secondary',
   default: ''
 })]);
+export const dataGridDetailToggleCellVariants = cva(['w-12 px-2', Platform.select({
+  web: 'border-b border-stroke-secondary',
+  default: ''
+})]);
+
+// Header labels and depth-0 content line up because both reserve the toggle slot.
+export const dataGridTreeCellInnerVariants = cva('min-w-0 flex-1 flex-row items-center gap-2');
+export const dataGridTreeToggleSlotVariants = cva('size-8 shrink-0 items-center justify-center');
+export const dataGridTreeContentVariants = cva('min-w-0 flex-1 flex-row items-center');
+export const dataGridDetailPanelCellVariants = cva(['px-4 py-3', Platform.select({
+  web: 'border-b border-stroke-secondary bg-surface-primary',
+  default: ''
+})]);
+
+// Same `w-0 min-w-full` trick as the header label: a declared column width truncates the value
+// with an ellipsis instead of wrapping it onto a second line and growing the fixed-height row.
+export const dataGridCellTextVariants = cva('min-w-0', {
+  variants: {
+    align: {
+      start: 'text-start',
+      center: 'text-center',
+      end: 'text-end'
+    },
+    fitToColumn: {
+      true: 'w-0 min-w-full',
+      false: ''
+    }
+  },
+  defaultVariants: {
+    align: 'start',
+    fitToColumn: false
+  }
+});
 export const dataGridSelectCellVariants = cva(['w-14 px-4', Platform.select({
   web: 'border-b border-stroke-secondary',
   default: ''

package/lib/module/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","dataGridRootVariants","variants","autoHeight","true","false","defaultVariants","dataGridMainVariants","overlay","compoundVariants","className","dataGridToolbarVariants","dataGridToolbarSearchVariants","dataGridToolbarActionsVariants","dataGridFooterVariants","dataGridOverlayVariants","headerFilters","dataGridEmptyOverlayVariants","dataGridHeaderCellInnerVariants","align","start","center","end","fitToColumn","dataGridHeaderLabelVariants","dataGridSortButtonVariants","position","leading","trailing","sorted","dataGridTableVariants","select","web","default","dataGridHeaderVariants","dataGridBodyVariants","dataGridFilterInputVariants","dataGridHeadVariants","dataGridSelectHeadVariants","dataGridCellVariants","dataGridSelectCellVariants","dataGridPaginationVariants","dataGridPaginationRangeVariants"],"sourceRoot":"../../src","sources":["styles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Platform","cva","dataGridRootVariants","variants","autoHeight","true","false","defaultVariants","dataGridMainVariants","overlay","compoundVariants","className","dataGridPinnedSurfaceVariants","select","web","default","header","dataGridPinnedEdgeVariants","edge","start","end","none","dataGridToolbarVariants","dataGridToolbarSearchVariants","dataGridToolbarActionsVariants","dataGridFooterVariants","dataGridOverlayVariants","headerFilters","dataGridEmptyOverlayVariants","dataGridHeaderCellInnerVariants","align","center","fitToColumn","dataGridHeaderLabelVariants","dataGridSortButtonVariants","position","leading","trailing","sorted","dataGridTableVariants","dataGridHeaderVariants","dataGridBodyVariants","dataGridFilterInputVariants","dataGridFilterPanelVariants","anchored","dataGridFilterPanelRowVariants","dataGridFilterPanelLogicVariants","dataGridFilterPanelFieldVariants","size","column","operator","value","dataGridFilterPanelColumnVariants","dataGridFilterPanelOperatorVariants","dataGridFilterPanelValueVariants","dataGridFilterPanelFooterVariants","dataGridHeadVariants","dataGridSelectHeadVariants","dataGridCellVariants","dataGridDetailToggleCellVariants","dataGridTreeCellInnerVariants","dataGridTreeToggleSlotVariants","dataGridTreeContentVariants","dataGridDetailPanelCellVariants","dataGridCellTextVariants","dataGridSelectCellVariants","dataGridPaginationVariants","dataGridPaginationRangeVariants"],"sourceRoot":"../../src","sources":["styles.ts"],"mappings":"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","ignoreList":[]}