@mortenbrudvik/waveui 0.15.0 → 0.16.0

package/dist/components/table/DataGrid.context.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/dev.cjs"),n=require("./DataGrid.store.cjs");let r=require("react");r=e.__toESM(r,1);var i=`Select all rows`,a=`Selection`;function o(){let e=new Map,t=new Set,n=null,r=()=>{let r=null,i=null;for(let[t,a]of e){let o=a();if(!o){if(n!==null&&e.has(n))return;continue}(!i||o.compareDocumentPosition(i)&Node.DOCUMENT_POSITION_FOLLOWING)&&(r=t,i=o)}if(r===null&&(r=e.keys().next().value??null),r!==n){n=r;for(let e of Array.from(t))e()}};return{subscribe(e){return t.add(e),()=>{t.delete(e)}},register(t,n){return e.set(t,n),r(),()=>{e.delete(t),r()}},getFirst:()=>n,refresh:r}}var s=r.createContext(null),c=r.createContext(null),l=r.createContext(`body`),u=r.createContext(null),d=r.createContext(!0),f=r.createContext(null),p=r.createContext(null),m=r.createContext(void 0),h=r.createContext(null),g={selectionMode:`none`,store:n.createSelectionStore([]),toggleRow:()=>{},toggleAll:()=>{},radioName:``,selectAllLabel:i,selectionHeaderLabel:a,selectOnRowClick:!1,selectionAppearance:`brand`,subtleSelection:!1},_={sort:null,requestSort:()=>{}},v={selectionCellProps:void 0,hasSelectionCell:!0,rowId:void 0,isSelected:!1,disabled:!1,invisible:!1,ariaLabel:void 0,ariaLabelledBy:void 0};function y(e){return r.useContext(s)||(t.reportMissingContext(e,`DataGrid`),g)}function b(e){return r.useContext(h)||(t.reportMissingContext(e,`DataGrid.Row`),v)}function x(e){return r.useContext(c)||(t.reportMissingContext(e,`DataGrid`),_)}exports.DEFAULT_SELECTION_HEADER_LABEL=a,exports.DEFAULT_SELECT_ALL_LABEL=i,exports.DataGridContext=s,exports.DataGridHeaderRowHintContext=d,exports.DataGridHeaderSlotsContext=u,exports.DataGridItemSelectionDisabledContext=m,exports.DataGridItemsContext=f,exports.DataGridRowContext=h,exports.DataGridRowIdContext=p,exports.DataGridSectionContext=l,exports.DataGridSortContext=c,exports.createHeaderSlotRegistry=o,exports.useDataGridContext=y,exports.useDataGridRowContext=b,exports.useDataGridSortContext=x;
+//# sourceMappingURL=DataGrid.context.cjs.map

package/dist/components/table/DataGrid.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.context.cjs","names":["React","createSelectionStore","require_runtime","require_dev","require_DataGrid_store","react","DEFAULT_SELECT_ALL_LABEL","DEFAULT_SELECTION_HEADER_LABEL","createHeaderSlotRegistry","slots","listeners","first","update","next","nextCell","slot","getCell","cell","listener","DataGridContext","DataGridSortContext","DataGridSectionContext","DataGridHeaderSlotsContext","DataGridHeaderRowHintContext","DataGridItemsContext","DataGridRowIdContext","DataGridItemSelectionDisabledContext","DataGridRowContext","INERT_CONTEXT","INERT_SORT_CONTEXT","INERT_ROW_CONTEXT","useDataGridContext","component","useDataGridRowContext","useDataGridSortContext"],"sources":["../../../src/components/table/DataGrid.context.ts"],"sourcesContent":["import * as React from 'react';\nimport { reportMissingContext } from '../../lib/dev';\nimport type { SelectionMode } from '../../lib/types';\nimport { createSelectionStore, type SelectionStore } from './DataGrid.store';\nimport type {\n  DataGridRowSelectionCellProps,\n  DataGridSelectionAppearance,\n  DataGridSort,\n} from './DataGrid';\n\nexport const DEFAULT_SELECT_ALL_LABEL = 'Select all rows';\nexport const DEFAULT_SELECTION_HEADER_LABEL = 'Selection';\n\n// ---------------------------------------------------------------------------\n// Header selection slots\n// ---------------------------------------------------------------------------\n\n/**\n * The selection column's header slots of one `DataGrid.Header`, one per header row. Only the first\n * slot in document order renders the \"Select all rows\" control (the \"Selection\" text in single\n * mode); the others render an empty cell, so a grouped header (several header rows) has one control\n * and every header row keeps the selection column.\n */\nexport interface HeaderSlotRegistry {\n  subscribe(listener: () => void): () => void;\n  /** Registers a slot and a getter for its current cell; returns the unregister function. */\n  register(slot: object, getCell: () => Element | null): () => void;\n  /** The first slot in document order, or `null` while no slot is registered. */\n  getFirst(): object | null;\n  /** Re-checks the order: header rows can move without a slot mounting or unmounting. */\n  refresh(): void;\n}\n\nexport function createHeaderSlotRegistry(): HeaderSlotRegistry {\n  const slots = new Map<object, () => Element | null>();\n  const listeners = new Set<() => void>();\n  let first: object | null = null;\n\n  const update = () => {\n    let next: object | null = null;\n    let nextCell: Element | null = null;\n    for (const [slot, getCell] of slots) {\n      const cell = getCell();\n      if (!cell) {\n        // A slot whose cell is being replaced (control <-> empty cell): keep the current order\n        // until the next registration or header commit sees every cell again.\n        if (first !== null && slots.has(first)) return;\n        continue;\n      }\n      if (!nextCell || cell.compareDocumentPosition(nextCell) & Node.DOCUMENT_POSITION_FOLLOWING) {\n        next = slot;\n        nextCell = cell;\n      }\n    }\n    if (next === null) next = slots.keys().next().value ?? null;\n    if (next === first) return;\n    first = next;\n    for (const listener of Array.from(listeners)) listener();\n  };\n\n  return {\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n    register(slot, getCell) {\n      slots.set(slot, getCell);\n      update();\n      return () => {\n        slots.delete(slot);\n        update();\n      };\n    },\n    getFirst: () => first,\n    refresh: update,\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Contexts\n// ---------------------------------------------------------------------------\n\nexport interface DataGridContextValue {\n  selectionMode: 'none' | SelectionMode;\n  store: SelectionStore;\n  /** Toggles one row (single mode: selects it alone, or clears it); `event` goes to `details`. */\n  toggleRow: (rowId: string, event: Event) => void;\n  /**\n   * Selects every row select-all changes (with `items`, every selectable item, rendered or not),\n   * or clears them when all are selected.\n   */\n  toggleAll: (event: Event) => void;\n  /** Shared `name` of the single-mode radios (they are kept out of any form with `form=\"\"`). */\n  radioName: string;\n  /** Name of the select-all checkbox (multiple mode). */\n  selectAllLabel: string;\n  /** Hidden header text of the selection column (single mode). */\n  selectionHeaderLabel: string;\n  /** `selectOnRowClick` of the grid. */\n  selectOnRowClick: boolean;\n  /** `selectionAppearance` of the grid. */\n  selectionAppearance: DataGridSelectionAppearance;\n  /** `subtleSelection` of the grid. */\n  subtleSelection: boolean;\n}\n\n/** What a row tells its selection cell, the automatic one or a `DataGrid.SelectionCell` child. */\nexport interface DataGridRowContextValue {\n  /** The row's `selectionCellProps`. */\n  selectionCellProps: DataGridRowSelectionCellProps | undefined;\n  /** Whether a `DataGrid.SelectionCell` child was seen (then the row adds no cell of its own). */\n  hasSelectionCell: boolean;\n  /** The row's id; `undefined` for a header row, or a body row without one (no control). */\n  rowId: string | undefined;\n  isSelected: boolean;\n  /** Resolved from the cell's own props and `selectionCellProps`. */\n  disabled: boolean;\n  /** Resolved from the cell's own props and `selectionCellProps`. */\n  invisible: boolean;\n  /** The control's `aria-label`. */\n  ariaLabel: string | undefined;\n  /** The control's `aria-labelledby`. */\n  ariaLabelledBy: string | undefined;\n}\n\nexport interface DataGridSortContextValue {\n  sort: DataGridSort | null;\n  /** Sorts by the column (toggling its direction); `event` goes to `details`. */\n  requestSort: (columnId: string, event: Event) => void;\n}\n\nexport type DataGridSection = 'header' | 'body';\n\nexport const DataGridContext = React.createContext<DataGridContextValue | null>(null);\nexport const DataGridSortContext = React.createContext<DataGridSortContextValue | null>(null);\n/** Whether a row is rendered in the header or the body (rows in a header get a header cell). */\nexport const DataGridSectionContext = React.createContext<DataGridSection>('body');\n/** The header's selection slots (see {@link HeaderSlotRegistry}). */\nexport const DataGridHeaderSlotsContext = React.createContext<HeaderSlotRegistry | null>(null);\n/**\n * Whether the header row below is the header's first row, as far as the header can tell from its\n * children. Only the initial (and server) render uses it; the slots then follow the DOM order.\n */\nexport const DataGridHeaderRowHintContext = React.createContext(true);\n\n/** Renders the row of one item of `items` (a `DataGrid.Body` render function, or from `columns`). */\nexport type DataGridRenderRow = (item: unknown, index: number) => React.ReactNode;\n\n/** One row of the grid's `items`. */\nexport interface DataGridItemRowData {\n  item: unknown;\n  /** The item's index in `items`. */\n  index: number;\n  rowId: string;\n  /** The row's React key: its row id, made unique when the id repeats. */\n  key: string;\n}\n\nexport interface DataGridItemsContextValue {\n  /** The rows of `items`, in the order they are rendered; `null` without `items`. */\n  rows: readonly DataGridItemRowData[] | null;\n  /** Renders a row from `columns`; `null` without `items` and `columns`. */\n  renderColumnsRow: DataGridRenderRow | null;\n  /**\n   * `isSelectionDisabled` of each item, by its index in `items`; `null` without `items` or\n   * without `isSelectionDisabled`.\n   */\n  selectionDisabled: readonly boolean[] | null;\n}\n\n/** The grid's `items`, for `DataGrid.Body` (optional: a body of JSX rows needs none). */\nexport const DataGridItemsContext = React.createContext<DataGridItemsContextValue | null>(null);\n/**\n * The row id of the item a body row is rendered for, the default `rowId` of `DataGrid.Row`. The\n * grid resets it, so the rows of a grid nested in a cell do not take the outer row's id.\n */\nexport const DataGridRowIdContext = React.createContext<string | null>(null);\n/**\n * `isSelectionDisabled` of the item a body row is rendered for, the default `disabled` of the\n * row's selection cell; `undefined` without it. The grid resets it, as {@link DataGridRowIdContext}.\n */\nexport const DataGridItemSelectionDisabledContext = React.createContext<boolean | undefined>(\n  undefined,\n);\n/** The row around a selection cell (see {@link DataGridRowContextValue}). */\nexport const DataGridRowContext = React.createContext<DataGridRowContextValue | null>(null);\n\nconst INERT_STORE = createSelectionStore([]);\nconst INERT_CONTEXT: DataGridContextValue = {\n  selectionMode: 'none',\n  store: INERT_STORE,\n  toggleRow: () => {},\n  toggleAll: () => {},\n  radioName: '',\n  selectAllLabel: DEFAULT_SELECT_ALL_LABEL,\n  selectionHeaderLabel: DEFAULT_SELECTION_HEADER_LABEL,\n  selectOnRowClick: false,\n  selectionAppearance: 'brand',\n  subtleSelection: false,\n};\nconst INERT_SORT_CONTEXT: DataGridSortContextValue = { sort: null, requestSort: () => {} };\nconst INERT_ROW_CONTEXT: DataGridRowContextValue = {\n  selectionCellProps: undefined,\n  hasSelectionCell: true,\n  rowId: undefined,\n  isSelected: false,\n  disabled: false,\n  invisible: false,\n  ariaLabel: undefined,\n  ariaLabelledBy: undefined,\n};\n\nexport function useDataGridContext(component: string): DataGridContextValue {\n  const ctx = React.useContext(DataGridContext);\n  if (ctx) return ctx;\n  reportMissingContext(component, 'DataGrid');\n  return INERT_CONTEXT;\n}\n\nexport function useDataGridRowContext(component: string): DataGridRowContextValue {\n  const ctx = React.useContext(DataGridRowContext);\n  if (ctx) return ctx;\n  reportMissingContext(component, 'DataGrid.Row');\n  return INERT_ROW_CONTEXT;\n}\n\nexport function useDataGridSortContext(component: string): DataGridSortContextValue {\n  const ctx = React.useContext(DataGridSortContext);\n  if (ctx) return ctx;\n  reportMissingContext(component, 'DataGrid');\n  return INERT_SORT_CONTEXT;\n}\n"],"mappings":"8KAUA,IAAaM,EAA2B,kBAC3BC,EAAiC,YAsB9C,SAAgBC,GAA+C,CAC7D,IAAMC,EAAQ,IAAI,IACZC,EAAY,IAAI,IAClBC,EAAuB,KAErBC,MAAe,CACnB,IAAIC,EAAsB,KACtBC,EAA2B,KAC/B,IAAK,GAAM,CAACC,EAAMC,KAAYP,EAAO,CACnC,IAAMQ,EAAOD,EAAQ,EACrB,GAAI,CAACC,EAAM,CAGT,GAAIN,IAAU,MAAQF,EAAM,IAAIE,CAAK,EAAG,OACxC,QACF,EACI,CAACG,GAAYG,EAAK,wBAAwBH,CAAQ,EAAI,KAAK,+BAC7D,EAAOC,EACP,EAAWE,EAEf,CAEA,GADIJ,IAAS,OAAM,EAAOJ,EAAM,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,OAAS,MACnDI,IAASF,EACb,GAAQE,EACR,IAAK,IAAMK,KAAY,MAAM,KAAKR,CAAS,EAAGQ,EAAS,CAD/C,CAEV,EAEA,MAAO,CACL,UAAU,EAAU,CAElB,OADAR,EAAU,IAAIQ,CAAQ,MACT,CACXR,EAAU,OAAOQ,CAAQ,CAC3B,CACF,EACA,SAAS,EAAM,EAAS,CAGtB,OAFAT,EAAM,IAAIM,EAAMC,CAAO,EACvBJ,EAAO,MACM,CACXH,EAAM,OAAOM,CAAI,EACjBH,EAAO,CACT,CACF,EACA,aAAgBD,EAChB,QAASC,CACX,CACF,CAyDA,IAAaO,EAAkBnB,EAAM,cAA2C,IAAI,EACvEoB,EAAsBpB,EAAM,cAA+C,IAAI,EAE/EqB,EAAyBrB,EAAM,cAA+B,MAAM,EAEpEsB,EAA6BtB,EAAM,cAAyC,IAAI,EAKhFuB,EAA+BvB,EAAM,cAAc,EAAI,EA4BvDwB,EAAuBxB,EAAM,cAAgD,IAAI,EAKjFyB,EAAuBzB,EAAM,cAA6B,IAAI,EAK9D0B,EAAuC1B,EAAM,cACxD,IAAA,EACF,EAEa2B,EAAqB3B,EAAM,cAA8C,IAAI,EAGpF4B,EAAsC,CAC1C,cAAe,OACf,MAHkB3B,EAAAA,qBAAqB,CAAC,CAGjC,EACP,cAAiB,CAAC,EAClB,cAAiB,CAAC,EAClB,UAAW,GACX,eAAgBK,EAChB,qBAAsBC,EACtB,iBAAkB,GAClB,oBAAqB,QACrB,gBAAiB,EACnB,EACMsB,EAA+C,CAAE,KAAM,KAAM,gBAAmB,CAAC,CAAE,EACnFC,EAA6C,CACjD,mBAAoB,IAAA,GACpB,iBAAkB,GAClB,MAAO,IAAA,GACP,WAAY,GACZ,SAAU,GACV,UAAW,GACX,UAAW,IAAA,GACX,eAAgB,IAAA,EAClB,EAEA,SAAgBC,EAAmB,EAAyC,CAI1E,OAHY/B,EAAM,WAAWmB,CACzB,IACJhB,EAAA,qBAAqB6B,EAAW,UAAU,EACnCJ,EACT,CAEA,SAAgBK,EAAsB,EAA4C,CAIhF,OAHYjC,EAAM,WAAW2B,CACzB,IACJxB,EAAA,qBAAqB6B,EAAW,cAAc,EACvCF,EACT,CAEA,SAAgBI,EAAuB,EAA6C,CAIlF,OAHYlC,EAAM,WAAWoB,CACzB,IACJjB,EAAA,qBAAqB6B,EAAW,UAAU,EACnCH,EACT"}

package/dist/components/table/DataGrid.context.mjs

@@ -0,0 +1,74 @@
+"use client";
+import { reportMissingContext as e } from "../../lib/dev.mjs";
+import { createSelectionStore as t } from "./DataGrid.store.mjs";
+import * as n from "react";
+//#region src/components/table/DataGrid.context.ts
+var r = "Select all rows", i = "Selection";
+function a() {
+	let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set(), n = null, r = () => {
+		let r = null, i = null;
+		for (let [t, a] of e) {
+			let o = a();
+			if (!o) {
+				if (n !== null && e.has(n)) return;
+				continue;
+			}
+			(!i || o.compareDocumentPosition(i) & Node.DOCUMENT_POSITION_FOLLOWING) && (r = t, i = o);
+		}
+		if (r === null && (r = e.keys().next().value ?? null), r !== n) {
+			n = r;
+			for (let e of Array.from(t)) e();
+		}
+	};
+	return {
+		subscribe(e) {
+			return t.add(e), () => {
+				t.delete(e);
+			};
+		},
+		register(t, n) {
+			return e.set(t, n), r(), () => {
+				e.delete(t), r();
+			};
+		},
+		getFirst: () => n,
+		refresh: r
+	};
+}
+var o = n.createContext(null), s = n.createContext(null), c = n.createContext("body"), l = n.createContext(null), u = n.createContext(!0), d = n.createContext(null), f = n.createContext(null), p = n.createContext(void 0), m = n.createContext(null), h = {
+	selectionMode: "none",
+	store: t([]),
+	toggleRow: () => {},
+	toggleAll: () => {},
+	radioName: "",
+	selectAllLabel: r,
+	selectionHeaderLabel: i,
+	selectOnRowClick: !1,
+	selectionAppearance: "brand",
+	subtleSelection: !1
+}, g = {
+	sort: null,
+	requestSort: () => {}
+}, _ = {
+	selectionCellProps: void 0,
+	hasSelectionCell: !0,
+	rowId: void 0,
+	isSelected: !1,
+	disabled: !1,
+	invisible: !1,
+	ariaLabel: void 0,
+	ariaLabelledBy: void 0
+};
+function v(t) {
+	return n.useContext(o) || (e(t, "DataGrid"), h);
+}
+function y(t) {
+	return n.useContext(m) || (e(t, "DataGrid.Row"), _);
+}
+function b(t) {
+	return n.useContext(s) || (e(t, "DataGrid"), g);
+}
+//#endregion
+export { i as DEFAULT_SELECTION_HEADER_LABEL, r as DEFAULT_SELECT_ALL_LABEL, o as DataGridContext, u as DataGridHeaderRowHintContext, l as DataGridHeaderSlotsContext, p as DataGridItemSelectionDisabledContext, d as DataGridItemsContext, m as DataGridRowContext, f as DataGridRowIdContext, c as DataGridSectionContext, s as DataGridSortContext, a as createHeaderSlotRegistry, v as useDataGridContext, y as useDataGridRowContext, b as useDataGridSortContext };
+
+//# sourceMappingURL=DataGrid.context.mjs.map

package/dist/components/table/DataGrid.context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.context.mjs","names":["React","DEFAULT_SELECT_ALL_LABEL","DEFAULT_SELECTION_HEADER_LABEL","createHeaderSlotRegistry","slots","listeners","first","update","next","nextCell","slot","getCell","cell","listener","DataGridContext","DataGridSortContext","DataGridSectionContext","DataGridHeaderSlotsContext","DataGridHeaderRowHintContext","DataGridItemsContext","DataGridRowIdContext","DataGridItemSelectionDisabledContext","DataGridRowContext","INERT_CONTEXT","createSelectionStore","INERT_SORT_CONTEXT","INERT_ROW_CONTEXT","useDataGridContext","reportMissingContext","component","useDataGridRowContext","useDataGridSortContext"],"sources":["../../../src/components/table/DataGrid.context.ts"],"sourcesContent":["import * as React from 'react';\nimport { reportMissingContext } from '../../lib/dev';\nimport type { SelectionMode } from '../../lib/types';\nimport { createSelectionStore, type SelectionStore } from './DataGrid.store';\nimport type {\n  DataGridRowSelectionCellProps,\n  DataGridSelectionAppearance,\n  DataGridSort,\n} from './DataGrid';\n\nexport const DEFAULT_SELECT_ALL_LABEL = 'Select all rows';\nexport const DEFAULT_SELECTION_HEADER_LABEL = 'Selection';\n\n// ---------------------------------------------------------------------------\n// Header selection slots\n// ---------------------------------------------------------------------------\n\n/**\n * The selection column's header slots of one `DataGrid.Header`, one per header row. Only the first\n * slot in document order renders the \"Select all rows\" control (the \"Selection\" text in single\n * mode); the others render an empty cell, so a grouped header (several header rows) has one control\n * and every header row keeps the selection column.\n */\nexport interface HeaderSlotRegistry {\n  subscribe(listener: () => void): () => void;\n  /** Registers a slot and a getter for its current cell; returns the unregister function. */\n  register(slot: object, getCell: () => Element | null): () => void;\n  /** The first slot in document order, or `null` while no slot is registered. */\n  getFirst(): object | null;\n  /** Re-checks the order: header rows can move without a slot mounting or unmounting. */\n  refresh(): void;\n}\n\nexport function createHeaderSlotRegistry(): HeaderSlotRegistry {\n  const slots = new Map<object, () => Element | null>();\n  const listeners = new Set<() => void>();\n  let first: object | null = null;\n\n  const update = () => {\n    let next: object | null = null;\n    let nextCell: Element | null = null;\n    for (const [slot, getCell] of slots) {\n      const cell = getCell();\n      if (!cell) {\n        // A slot whose cell is being replaced (control <-> empty cell): keep the current order\n        // until the next registration or header commit sees every cell again.\n        if (first !== null && slots.has(first)) return;\n        continue;\n      }\n      if (!nextCell || cell.compareDocumentPosition(nextCell) & Node.DOCUMENT_POSITION_FOLLOWING) {\n        next = slot;\n        nextCell = cell;\n      }\n    }\n    if (next === null) next = slots.keys().next().value ?? null;\n    if (next === first) return;\n    first = next;\n    for (const listener of Array.from(listeners)) listener();\n  };\n\n  return {\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n    register(slot, getCell) {\n      slots.set(slot, getCell);\n      update();\n      return () => {\n        slots.delete(slot);\n        update();\n      };\n    },\n    getFirst: () => first,\n    refresh: update,\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Contexts\n// ---------------------------------------------------------------------------\n\nexport interface DataGridContextValue {\n  selectionMode: 'none' | SelectionMode;\n  store: SelectionStore;\n  /** Toggles one row (single mode: selects it alone, or clears it); `event` goes to `details`. */\n  toggleRow: (rowId: string, event: Event) => void;\n  /**\n   * Selects every row select-all changes (with `items`, every selectable item, rendered or not),\n   * or clears them when all are selected.\n   */\n  toggleAll: (event: Event) => void;\n  /** Shared `name` of the single-mode radios (they are kept out of any form with `form=\"\"`). */\n  radioName: string;\n  /** Name of the select-all checkbox (multiple mode). */\n  selectAllLabel: string;\n  /** Hidden header text of the selection column (single mode). */\n  selectionHeaderLabel: string;\n  /** `selectOnRowClick` of the grid. */\n  selectOnRowClick: boolean;\n  /** `selectionAppearance` of the grid. */\n  selectionAppearance: DataGridSelectionAppearance;\n  /** `subtleSelection` of the grid. */\n  subtleSelection: boolean;\n}\n\n/** What a row tells its selection cell, the automatic one or a `DataGrid.SelectionCell` child. */\nexport interface DataGridRowContextValue {\n  /** The row's `selectionCellProps`. */\n  selectionCellProps: DataGridRowSelectionCellProps | undefined;\n  /** Whether a `DataGrid.SelectionCell` child was seen (then the row adds no cell of its own). */\n  hasSelectionCell: boolean;\n  /** The row's id; `undefined` for a header row, or a body row without one (no control). */\n  rowId: string | undefined;\n  isSelected: boolean;\n  /** Resolved from the cell's own props and `selectionCellProps`. */\n  disabled: boolean;\n  /** Resolved from the cell's own props and `selectionCellProps`. */\n  invisible: boolean;\n  /** The control's `aria-label`. */\n  ariaLabel: string | undefined;\n  /** The control's `aria-labelledby`. */\n  ariaLabelledBy: string | undefined;\n}\n\nexport interface DataGridSortContextValue {\n  sort: DataGridSort | null;\n  /** Sorts by the column (toggling its direction); `event` goes to `details`. */\n  requestSort: (columnId: string, event: Event) => void;\n}\n\nexport type DataGridSection = 'header' | 'body';\n\nexport const DataGridContext = React.createContext<DataGridContextValue | null>(null);\nexport const DataGridSortContext = React.createContext<DataGridSortContextValue | null>(null);\n/** Whether a row is rendered in the header or the body (rows in a header get a header cell). */\nexport const DataGridSectionContext = React.createContext<DataGridSection>('body');\n/** The header's selection slots (see {@link HeaderSlotRegistry}). */\nexport const DataGridHeaderSlotsContext = React.createContext<HeaderSlotRegistry | null>(null);\n/**\n * Whether the header row below is the header's first row, as far as the header can tell from its\n * children. Only the initial (and server) render uses it; the slots then follow the DOM order.\n */\nexport const DataGridHeaderRowHintContext = React.createContext(true);\n\n/** Renders the row of one item of `items` (a `DataGrid.Body` render function, or from `columns`). */\nexport type DataGridRenderRow = (item: unknown, index: number) => React.ReactNode;\n\n/** One row of the grid's `items`. */\nexport interface DataGridItemRowData {\n  item: unknown;\n  /** The item's index in `items`. */\n  index: number;\n  rowId: string;\n  /** The row's React key: its row id, made unique when the id repeats. */\n  key: string;\n}\n\nexport interface DataGridItemsContextValue {\n  /** The rows of `items`, in the order they are rendered; `null` without `items`. */\n  rows: readonly DataGridItemRowData[] | null;\n  /** Renders a row from `columns`; `null` without `items` and `columns`. */\n  renderColumnsRow: DataGridRenderRow | null;\n  /**\n   * `isSelectionDisabled` of each item, by its index in `items`; `null` without `items` or\n   * without `isSelectionDisabled`.\n   */\n  selectionDisabled: readonly boolean[] | null;\n}\n\n/** The grid's `items`, for `DataGrid.Body` (optional: a body of JSX rows needs none). */\nexport const DataGridItemsContext = React.createContext<DataGridItemsContextValue | null>(null);\n/**\n * The row id of the item a body row is rendered for, the default `rowId` of `DataGrid.Row`. The\n * grid resets it, so the rows of a grid nested in a cell do not take the outer row's id.\n */\nexport const DataGridRowIdContext = React.createContext<string | null>(null);\n/**\n * `isSelectionDisabled` of the item a body row is rendered for, the default `disabled` of the\n * row's selection cell; `undefined` without it. The grid resets it, as {@link DataGridRowIdContext}.\n */\nexport const DataGridItemSelectionDisabledContext = React.createContext<boolean | undefined>(\n  undefined,\n);\n/** The row around a selection cell (see {@link DataGridRowContextValue}). */\nexport const DataGridRowContext = React.createContext<DataGridRowContextValue | null>(null);\n\nconst INERT_STORE = createSelectionStore([]);\nconst INERT_CONTEXT: DataGridContextValue = {\n  selectionMode: 'none',\n  store: INERT_STORE,\n  toggleRow: () => {},\n  toggleAll: () => {},\n  radioName: '',\n  selectAllLabel: DEFAULT_SELECT_ALL_LABEL,\n  selectionHeaderLabel: DEFAULT_SELECTION_HEADER_LABEL,\n  selectOnRowClick: false,\n  selectionAppearance: 'brand',\n  subtleSelection: false,\n};\nconst INERT_SORT_CONTEXT: DataGridSortContextValue = { sort: null, requestSort: () => {} };\nconst INERT_ROW_CONTEXT: DataGridRowContextValue = {\n  selectionCellProps: undefined,\n  hasSelectionCell: true,\n  rowId: undefined,\n  isSelected: false,\n  disabled: false,\n  invisible: false,\n  ariaLabel: undefined,\n  ariaLabelledBy: undefined,\n};\n\nexport function useDataGridContext(component: string): DataGridContextValue {\n  const ctx = React.useContext(DataGridContext);\n  if (ctx) return ctx;\n  reportMissingContext(component, 'DataGrid');\n  return INERT_CONTEXT;\n}\n\nexport function useDataGridRowContext(component: string): DataGridRowContextValue {\n  const ctx = React.useContext(DataGridRowContext);\n  if (ctx) return ctx;\n  reportMissingContext(component, 'DataGrid.Row');\n  return INERT_ROW_CONTEXT;\n}\n\nexport function useDataGridSortContext(component: string): DataGridSortContextValue {\n  const ctx = React.useContext(DataGridSortContext);\n  if (ctx) return ctx;\n  reportMissingContext(component, 'DataGrid');\n  return INERT_SORT_CONTEXT;\n}\n"],"mappings":";;;;;AAUA,IAAaC,IAA2B,mBAC3BC,IAAiC;AAsB9C,SAAgBC,IAA+C;CAC7D,IAAMC,oBAAQ,IAAI,IAAkC,GAC9CC,oBAAY,IAAI,IAAgB,GAClCC,IAAuB,MAErBC,UAAe;EACnB,IAAIC,IAAsB,MACtBC,IAA2B;EAC/B,KAAK,IAAM,CAACC,GAAMC,MAAYP,GAAO;GACnC,IAAMQ,IAAOD,EAAQ;GACrB,IAAI,CAACC,GAAM;IAGT,IAAIN,MAAU,QAAQF,EAAM,IAAIE,CAAK,GAAG;IACxC;GACF;GACA,CAAI,CAACG,KAAYG,EAAK,wBAAwBH,CAAQ,IAAI,KAAK,iCAC7D,IAAOC,GACP,IAAWE;EAEf;EAEA,IADIJ,MAAS,SAAM,IAAOJ,EAAM,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,OACnDI,MAASF,GACb;OAAQE;GACR,KAAK,IAAMK,KAAY,MAAM,KAAKR,CAAS,GAAG,EAAS;EAD/C;CAEV;CAEA,OAAO;EACL,UAAU,GAAU;GAElB,OADAA,EAAU,IAAIQ,CAAQ,SACT;IACX,EAAU,OAAOA,CAAQ;GAC3B;EACF;EACA,SAAS,GAAM,GAAS;GAGtB,OAFAT,EAAM,IAAIM,GAAMC,CAAO,GACvBJ,EAAO,SACM;IAEX,AADAH,EAAM,OAAOM,CAAI,GACjBH,EAAO;GACT;EACF;EACA,gBAAgBD;EAChB,SAASC;CACX;AACF;AAyDA,IAAaO,IAAkBd,EAAM,cAA2C,IAAI,GACvEe,IAAsBf,EAAM,cAA+C,IAAI,GAE/EgB,IAAyBhB,EAAM,cAA+B,MAAM,GAEpEiB,IAA6BjB,EAAM,cAAyC,IAAI,GAKhFkB,IAA+BlB,EAAM,cAAc,EAAI,GA4BvDmB,IAAuBnB,EAAM,cAAgD,IAAI,GAKjFoB,IAAuBpB,EAAM,cAA6B,IAAI,GAK9DqB,IAAuCrB,EAAM,cACxD,KAAA,CACF,GAEasB,IAAqBtB,EAAM,cAA8C,IAAI,GAGpFuB,IAAsC;CAC1C,eAAe;CACf,OAHkBC,EAAqB,CAAC,CAGjC;CACP,iBAAiB,CAAC;CAClB,iBAAiB,CAAC;CAClB,WAAW;CACX,gBAAgBvB;CAChB,sBAAsBC;CACtB,kBAAkB;CAClB,qBAAqB;CACrB,iBAAiB;AACnB,GACMuB,IAA+C;CAAE,MAAM;CAAM,mBAAmB,CAAC;AAAE,GACnFC,IAA6C;CACjD,oBAAoB,KAAA;CACpB,kBAAkB;CAClB,OAAO,KAAA;CACP,YAAY;CACZ,UAAU;CACV,WAAW;CACX,WAAW,KAAA;CACX,gBAAgB,KAAA;AAClB;AAEA,SAAgBC,EAAmB,GAAyC;CAI1E,OAHY3B,EAAM,WAAWc,CACzB,MACJc,EAAqBC,GAAW,UAAU,GACnCN;AACT;AAEA,SAAgBO,EAAsB,GAA4C;CAIhF,OAHY9B,EAAM,WAAWsB,CACzB,MACJM,EAAqBC,GAAW,cAAc,GACvCH;AACT;AAEA,SAAgBK,EAAuB,GAA6C;CAIlF,OAHY/B,EAAM,WAAWe,CACzB,MACJa,EAAqBC,GAAW,UAAU,GACnCJ;AACT"}

package/dist/components/table/DataGrid.header.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../lib/composeEventHandlers.cjs"),a=require("../../lib/classNames.cjs"),o=require("../../hooks/useId.cjs"),s=require("../../hooks/useMergedRefs.cjs"),c=require("../../lib/styles.cjs"),l=require("./Table.shared.cjs"),u=require("../../lib/columnSizing.cjs"),d=require("./DataGrid.sizing.cjs"),f=require("./DataGrid.window.cjs"),p=require("./DataGrid.context.cjs");let m=require("react");m=e.__toESM(m,1);let h=require("react/jsx-runtime");var g=`px-4 py-3 border-b border-border`;function _(e){return l.getTablePartKind(e)===`dataGridSelectionCell`}function v({selectionMode:e,stableClassName:n,cellProps:r,ref:i}){let{store:o,toggleAll:s,selectAllLabel:u,selectionHeaderLabel:d,subtleSelection:f}=p.useDataGridContext(`DataGrid.Header`),g=m.useSyncExternalStore(o.subscribeSelectAll,o.getSelectAllState,o.getSelectAllState),{className:_,disabled:v,invisible:y,controlRef:b,"aria-label":x,"aria-labelledby":S,"aria-describedby":C,...w}=r??{},T=!1;return g===`all`?T=!0:g===`some`&&(T=`mixed`),(0,h.jsx)(`th`,{scope:`col`,...w,ref:i,"data-selection-cell":``,className:t.cn(n,a.dataGridHeaderClassNames.selectionCell,l.SELECTION_CELL_CLASSES,`text-start`,c.focusRingInset,_),children:e===`multiple`?(0,h.jsx)(l.TableSelectionControl,{ref:b,type:`checkbox`,"aria-label":x??(S===void 0?u:void 0),"aria-labelledby":S,"aria-describedby":C,checked:T,disabled:v,invisible:y,subtle:f,reveal:`grid`,onChange:e=>s(e.nativeEvent),className:a.dataGridHeaderClassNames.selectAllCheckbox}):(0,h.jsx)(`span`,{className:`sr-only`,children:d})})}var y={subscribe:()=>()=>{},register:()=>()=>{},getFirst:()=>null,refresh:()=>{}};function b({selectionMode:e,initialFirst:n,stableClassName:r,cellProps:i,ref:o}){let u=m.useContext(p.DataGridHeaderSlotsContext)??y,[d]=m.useState(()=>({})),f=m.useRef(null),g=s.useMergedRefs(f,o),_=m.useCallback(()=>{let e=u.getFirst();return e===null?n:e===d},[u,d,n]),b=m.useCallback(()=>n,[n]),x=m.useSyncExternalStore(u.subscribe,_,b);if(m.useLayoutEffect(()=>u.register(d,()=>f.current),[u,d]),x)return(0,h.jsx)(v,{ref:g,selectionMode:e,stableClassName:r,cellProps:i});let{className:S,disabled:C,invisible:w,controlRef:T,"aria-label":E,"aria-labelledby":D,"aria-describedby":O,...k}=i??{};return(0,h.jsx)(`td`,{...k,ref:g,"data-selection-cell":``,className:t.cn(r,a.dataGridHeaderClassNames.selectionCell,l.SELECTION_CELL_CLASSES,c.focusRingInset,S)})}function x(e,t,r){let i=0,a=e=>m.Children.map(e,e=>{if(n.isElementOfType(e,m.Fragment))return m.cloneElement(e,void 0,a(e.props.children));if(!m.isValidElement(e))return e;let o=i===0;if(i+=1,n.isElementOfType(e,`tr`)){let a=e.props.children,s=t===`none`||n.flattenChildren(a).some(({node:e})=>_(e))?null:(0,h.jsx)(b,{selectionMode:t,initialFirst:o});return m.cloneElement(e,r?{"aria-rowindex":i}:void 0,s,(0,h.jsx)(p.DataGridHeaderRowHintContext.Provider,{value:o,children:a}))}let s=r?{index:void 0,ariaRowIndex:i,height:void 0}:null;return(0,h.jsx)(p.DataGridHeaderRowHintContext.Provider,{value:o,children:(0,h.jsx)(f.DataGridWindowRowContext.Provider,{value:s,children:e})})});return a(e)}var S=({children:e,className:n,ref:i,...o})=>{let{selectionMode:c}=p.useDataGridContext(`DataGrid.Header`),l=m.useContext(f.DataGridWindowContext)!==null,[u,d]=m.useState(null),g=s.useMergedRefs(i,d),[_]=m.useState(p.createHeaderSlotRegistry),v=x(e,c,l);return m.useLayoutEffect(()=>{_.refresh()}),m.useEffect(()=>{if(!r.isDev||!u||c===`none`)return;let e=Array.from(u.rows,e=>Array.from(e.cells).filter(e=>e.hasAttribute(`data-selection-cell`)));e.some((e,t)=>e.length===0&&u.rows[t].cells.length>0)&&r.warnOnce(`DataGrid.Header:missing-selection-cell`,"DataGrid.Header: a header row has no selection column header cell, so the header has one column fewer than the selectable rows. Render header rows as `<tr>` children of DataGrid.Header (a Fragment is fine), or use `DataGrid.Row` for a header row that another component renders."),e.some(e=>e.length>1)&&r.warnOnce(`DataGrid.Header:several-selection-cells`,`DataGrid.Header: a header row has more than one selection cell. A DataGrid.SelectionCell rendered by another component is not seen, so the row also gets the automatic cell: render DataGrid.SelectionCell as a child of the row (a Fragment is fine).`)}),(0,h.jsx)(p.DataGridSectionContext.Provider,{value:`header`,children:(0,h.jsx)(p.DataGridHeaderSlotsContext.Provider,{value:_,children:(0,h.jsx)(`thead`,{ref:g,className:t.cn(a.dataGridHeaderClassNames.root,`bg-card`,`in-data-[resizing]:pointer-events-none`,l&&`sticky top-0 z-1`,n),...o,children:v})})})};S.displayName=`DataGridHeader`;var C=({columnId:e,sortable:n=!1,sortIcon:s,children:f,className:_,onClick:v,"aria-label":y,"aria-labelledby":b,ref:x,...S})=>{let{sort:C,requestSort:w}=p.useDataGridSortContext(`DataGrid.HeaderCell`),T=m.useContext(d.DataGridResizeContext),E=m.useContext(d.DataGridFixedLayoutContext),D=o.useId(`wave-datagrid-header-label`),O=n&&e?e:void 0,k=O!==void 0&&C?.columnId===O?C.direction:null,A=T!==null&&e!==void 0&&u.getColumnEntry(T.widths,e)!==void 0?e:void 0,j=A!==void 0&&y===void 0&&b===void 0?D:void 0,M=e=>{let t=e.currentTarget.firstElementChild;O!==void 0&&t?.localName===`button`&&t.contains(e.target)&&w(O,e.nativeEvent)};return m.useEffect(()=>{n&&!e&&r.warnOnce(`DataGrid.HeaderCell:sortable-without-columnId`,"DataGrid.HeaderCell: `sortable` needs a `columnId`; the header is rendered as not sortable.")},[n,e]),(0,h.jsxs)(`th`,{ref:x,scope:`col`,"aria-sort":O===void 0?void 0:k??`none`,"aria-label":y,"aria-labelledby":b??j,className:t.cn(a.dataGridHeaderCellClassNames.root,g,`text-start align-middle font-semibold text-caption-1 uppercase tracking-wider`,c.focusRingInset,O!==void 0&&`p-0 hover:bg-subtle-hover`,E&&`overflow-hidden`,A!==void 0&&`relative`,_),...S,onClick:O===void 0?v:i.composeEventHandlers(v,M),children:[O===void 0?(0,h.jsx)(`span`,{id:j,className:`inline-flex items-center gap-1`,children:f}):(0,h.jsx)(l.TableSortButton,{id:j,component:`DataGrid.HeaderCell`,direction:k,sortIcon:s,className:a.dataGridHeaderCellClassNames.button,iconClassName:a.dataGridHeaderCellClassNames.sortIcon,children:f}),A!==void 0&&T!==null&&(0,h.jsx)(d.DataGridColumnResizeHandle,{columnId:A,context:T})]})};C.displayName=`DataGridHeaderCell`,exports.DataGridHeader=S,exports.DataGridHeaderCell=C,exports.DataGridSelectionHeaderSlot=b,exports.cellBase=g,exports.isSelectionCellElement=_;
+//# sourceMappingURL=DataGrid.header.cjs.map

package/dist/components/table/DataGrid.header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.header.cjs","names":["getTablePartKind","useDataGridContext","React","cn","dataGridHeaderClassNames","SELECTION_CELL_CLASSES","focusRingInset","TableSelectionControl","DataGridHeaderSlotsContext","useMergedRefs","isElementOfType","flattenChildren","DataGridHeaderRowHintContext","DataGridWindowRowContext","DataGridWindowContext","createHeaderSlotRegistry","isDev","DataGridSectionContext","useDataGridSortContext","DataGridResizeContext","DataGridFixedLayoutContext","useId","getColumnEntry","dataGridHeaderCellClassNames","composeEventHandlers","TableSortButton","DataGridColumnResizeHandle","require_runtime","require_cn","require_children","require_dev","require_composeEventHandlers","require_classNames","require_useId","require_useMergedRefs","require_styles","require_Table_shared","require_columnSizing","require_DataGrid_sizing","require_DataGrid_window","require_DataGrid_context","react","react_jsx_runtime","cellBase","isSelectionCellElement","node","DataGridSelectionHeaderCell","state","store","ariaLabel","ariaLabelledBy","ariaDescribedBy","rest","cellProps","checked","stableClassName","className","selectionMode","controlRef","selectAllLabel","subtleSelection","toggleAll","event","selectionHeaderLabel","INERT_HEADER_SLOTS","DataGridSelectionHeaderSlot","slots","slot","cellRef","mergedRef","ref","getIsFirst","first","initialFirst","getServerIsFirst","isFirst","_disabled","_invisible","_controlRef","_ariaLabel","_ariaLabelledBy","_ariaDescribedBy","withSelectionHeaderSlots","position","visit","nodes","child","cells","windowed","windowRow","children","DataGridHeader","thead","setThead","content","selectionCells","row","cell","index","DataGridHeaderCell","resize","fixedLayout","labelId","sortColumnId","sortable","columnId","sortedDirection","sort","resizeColumnId","contentId","sortOnButtonClick","button","requestSort","onClick"],"sources":["../../../src/components/table/DataGrid.header.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { dataGridHeaderCellClassNames, dataGridHeaderClassNames } from '../../lib/classNames';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { isDev, warnOnce } from '../../lib/dev';\nimport { getColumnEntry } from '../../lib/columnSizing';\nimport { focusRingInset } from '../../lib/styles';\nimport type { SelectionMode } from '../../lib/types';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport {\n  DataGridHeaderRowHintContext,\n  DataGridHeaderSlotsContext,\n  DataGridSectionContext,\n  createHeaderSlotRegistry,\n  useDataGridContext,\n  useDataGridSortContext,\n  type HeaderSlotRegistry,\n} from './DataGrid.context';\nimport {\n  DataGridColumnResizeHandle,\n  DataGridFixedLayoutContext,\n  DataGridResizeContext,\n} from './DataGrid.sizing';\nimport {\n  DataGridWindowContext,\n  DataGridWindowRowContext,\n  type DataGridWindowRow,\n} from './DataGrid.window';\nimport {\n  SELECTION_CELL_CLASSES,\n  TableSelectionControl,\n  TableSortButton,\n  getTablePartKind,\n} from './Table.shared';\nimport type {\n  DataGridHeaderCellProps,\n  DataGridHeaderProps,\n  DataGridSelectionCellProps,\n} from './DataGrid';\n\nexport const cellBase = 'px-4 py-3 border-b border-border';\n\n/** Whether `node` is an element of `DataGrid.SelectionCell` (lazy client references too). */\nexport function isSelectionCellElement(\n  node: React.ReactNode,\n): node is React.ReactElement<DataGridSelectionCellProps> {\n  return getTablePartKind(node) === 'dataGridSelectionCell';\n}\n\n// ---------------------------------------------------------------------------\n// Selection header cell (internal)\n// ---------------------------------------------------------------------------\n\n/**\n * The props of a header row's selection cell: the row's `selectionCellProps`, merged with a\n * `DataGrid.SelectionCell`'s own (whose `ref` is passed as `cellRef`).\n */\ntype HeaderSelectionCellProps = Omit<DataGridSelectionCellProps, 'ref'>;\n\ninterface DataGridSelectionHeaderCellProps {\n  selectionMode: SelectionMode;\n  /** The root class of `DataGrid.SelectionCell`, when the cell is one. */\n  stableClassName?: string;\n  cellProps?: HeaderSelectionCellProps;\n  ref?: React.Ref<HTMLTableCellElement>;\n}\n\nfunction DataGridSelectionHeaderCell({\n  selectionMode,\n  stableClassName,\n  cellProps,\n  ref,\n}: DataGridSelectionHeaderCellProps) {\n  const { store, toggleAll, selectAllLabel, selectionHeaderLabel, subtleSelection } =\n    useDataGridContext('DataGrid.Header');\n  const state = React.useSyncExternalStore(\n    store.subscribeSelectAll,\n    store.getSelectAllState,\n    store.getSelectAllState,\n  );\n  const {\n    className,\n    disabled,\n    invisible,\n    controlRef,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    ...rest\n  } = cellProps ?? {};\n\n  let checked: boolean | 'mixed' = false;\n  if (state === 'all') checked = true;\n  else if (state === 'some') checked = 'mixed';\n\n  return (\n    <th\n      scope=\"col\"\n      {...rest}\n      ref={ref}\n      data-selection-cell=\"\"\n      className={cn(\n        stableClassName,\n        dataGridHeaderClassNames.selectionCell,\n        SELECTION_CELL_CLASSES,\n        'text-start',\n        focusRingInset,\n        className,\n      )}\n    >\n      {selectionMode === 'multiple' ? (\n        <TableSelectionControl\n          ref={controlRef}\n          type=\"checkbox\"\n          aria-label={ariaLabel ?? (ariaLabelledBy === undefined ? selectAllLabel : undefined)}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          checked={checked}\n          disabled={disabled}\n          invisible={invisible}\n          subtle={subtleSelection}\n          reveal=\"grid\"\n          onChange={(event) => toggleAll(event.nativeEvent)}\n          className={dataGridHeaderClassNames.selectAllCheckbox}\n        />\n      ) : (\n        <span className=\"sr-only\">{selectionHeaderLabel}</span>\n      )}\n    </th>\n  );\n}\n\nconst INERT_HEADER_SLOTS: HeaderSlotRegistry = {\n  subscribe: () => () => {},\n  register: () => () => {},\n  getFirst: () => null,\n  refresh: () => {},\n};\n\n/**\n * The selection column's cell of one header row: the select-all header cell in the header's first\n * row (document order), an empty cell in every later row. `initialFirst` is the header's guess from\n * its children, used until the slots are registered (the initial and the server render).\n */\nexport function DataGridSelectionHeaderSlot({\n  selectionMode,\n  initialFirst,\n  stableClassName,\n  cellProps,\n  ref,\n}: DataGridSelectionHeaderCellProps & { initialFirst: boolean }) {\n  const slots = React.useContext(DataGridHeaderSlotsContext) ?? INERT_HEADER_SLOTS;\n  const [slot] = React.useState(() => ({}));\n  const cellRef = React.useRef<HTMLTableCellElement | null>(null);\n  const mergedRef = useMergedRefs<HTMLTableCellElement>(cellRef, ref);\n\n  const getIsFirst = React.useCallback(() => {\n    const first = slots.getFirst();\n    return first === null ? initialFirst : first === slot;\n  }, [slots, slot, initialFirst]);\n  const getServerIsFirst = React.useCallback(() => initialFirst, [initialFirst]);\n  const isFirst = React.useSyncExternalStore(slots.subscribe, getIsFirst, getServerIsFirst);\n\n  React.useLayoutEffect(() => slots.register(slot, () => cellRef.current), [slots, slot]);\n\n  if (isFirst) {\n    return (\n      <DataGridSelectionHeaderCell\n        ref={mergedRef}\n        selectionMode={selectionMode}\n        stableClassName={stableClassName}\n        cellProps={cellProps}\n      />\n    );\n  }\n  // A later header row's cell: none of the control's props apply.\n  const {\n    className,\n    disabled: _disabled,\n    invisible: _invisible,\n    controlRef: _controlRef,\n    'aria-label': _ariaLabel,\n    'aria-labelledby': _ariaLabelledBy,\n    'aria-describedby': _ariaDescribedBy,\n    ...rest\n  } = cellProps ?? {};\n  return (\n    <td\n      {...rest}\n      ref={mergedRef}\n      data-selection-cell=\"\"\n      className={cn(\n        stableClassName,\n        dataGridHeaderClassNames.selectionCell,\n        SELECTION_CELL_CLASSES,\n        focusRingInset,\n        className,\n      )}\n    />\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\n/**\n * Prepends the selection column's header slot (or `null`) to every `<tr>` in `children`, looking\n * inside Fragments, unless the row holds a `DataGrid.SelectionCell` (that cell is the slot), and\n * tells every row whether it is the header's first row: the cells of a `<tr>` and every other\n * element child (a `DataGrid.Row`, or a component that renders one). Every row gets the same child\n * shape in every selection mode, so switching `selectionMode` does not remount the header cells.\n * In a windowed grid each row also gets its `aria-rowindex` (1-based, in order).\n */\nfunction withSelectionHeaderSlots(\n  children: React.ReactNode,\n  selectionMode: 'none' | SelectionMode,\n  windowed: boolean,\n): React.ReactNode {\n  let position = 0;\n  const visit = (nodes: React.ReactNode): React.ReactNode =>\n    React.Children.map(nodes, (child) => {\n      if (isElementOfType<{ children?: React.ReactNode }>(child, React.Fragment)) {\n        return React.cloneElement(child, undefined, visit(child.props.children));\n      }\n      if (!React.isValidElement(child)) return child;\n      const isFirst = position === 0;\n      position += 1;\n      if (isElementOfType<React.HTMLAttributes<HTMLTableRowElement>>(child, 'tr')) {\n        const cells = child.props.children;\n        const slot =\n          selectionMode === 'none' ||\n          flattenChildren(cells).some(({ node }) => isSelectionCellElement(node)) ? null : (\n            <DataGridSelectionHeaderSlot selectionMode={selectionMode} initialFirst={isFirst} />\n          );\n        return React.cloneElement(\n          child,\n          windowed ? { 'aria-rowindex': position } : undefined,\n          slot,\n          <DataGridHeaderRowHintContext.Provider value={isFirst}>\n            {cells}\n          </DataGridHeaderRowHintContext.Provider>,\n        );\n      }\n      // A `DataGrid.Row` takes its `aria-rowindex` from the row context.\n      const windowRow: DataGridWindowRow | null = windowed\n        ? { index: undefined, ariaRowIndex: position, height: undefined }\n        : null;\n      return (\n        <DataGridHeaderRowHintContext.Provider value={isFirst}>\n          <DataGridWindowRowContext.Provider value={windowRow}>\n            {child}\n          </DataGridWindowRowContext.Provider>\n        </DataGridHeaderRowHintContext.Provider>\n      );\n    });\n  return visit(children);\n}\n\n/**\n * The grid's `<thead>`. When the grid is selectable, it prepends the selection column's header\n * cell to each `<tr>` child, also inside a Fragment, unless the row holds a\n * `DataGrid.SelectionCell`: the first header row gets the \"Select all rows\" checkbox (multiple\n * mode) or the \"Selection\" header (single mode; DataGrid's `labels` localizes both), later rows of\n * a grouped header an empty cell. A header row rendered by another component cannot get it (a\n * development warning says so): use `DataGrid.Row` for such a row, which adds the cell itself.\n * In a grid with a `virtualWindow` the header stays at the top of the grid's scroll wrapper while\n * the rows scroll under it, and each header row carries its `aria-rowindex`.\n */\nexport const DataGridHeader = ({ children, className, ref, ...rest }: DataGridHeaderProps) => {\n  const { selectionMode } = useDataGridContext('DataGrid.Header');\n  const windowed = React.useContext(DataGridWindowContext) !== null;\n  const [thead, setThead] = React.useState<HTMLTableSectionElement | null>(null);\n  const mergedRef = useMergedRefs<HTMLTableSectionElement>(ref, setThead);\n  const [slots] = React.useState(createHeaderSlotRegistry);\n  const content = withSelectionHeaderSlots(children, selectionMode, windowed);\n\n  // Every commit, after the rows' slots registered: header rows can move without a slot mounting.\n  React.useLayoutEffect(() => {\n    slots.refresh();\n  });\n\n  // Every commit: header rows can come from components the header cannot see into.\n  React.useEffect(() => {\n    if (!isDev || !thead || selectionMode === 'none') return;\n    const selectionCells = Array.from(thead.rows, (row) =>\n      Array.from(row.cells).filter((cell) => cell.hasAttribute('data-selection-cell')),\n    );\n    if (\n      selectionCells.some(\n        (cells, index) => cells.length === 0 && thead.rows[index].cells.length > 0,\n      )\n    ) {\n      warnOnce(\n        'DataGrid.Header:missing-selection-cell',\n        'DataGrid.Header: a header row has no selection column header cell, so the header has one ' +\n          'column fewer than the selectable rows. Render header rows as `<tr>` children of ' +\n          'DataGrid.Header (a Fragment is fine), or use `DataGrid.Row` for a header row that ' +\n          'another component renders.',\n      );\n    }\n    if (selectionCells.some((cells) => cells.length > 1)) {\n      warnOnce(\n        'DataGrid.Header:several-selection-cells',\n        'DataGrid.Header: a header row has more than one selection cell. A DataGrid.SelectionCell ' +\n          'rendered by another component is not seen, so the row also gets the automatic cell: ' +\n          'render DataGrid.SelectionCell as a child of the row (a Fragment is fine).',\n      );\n    }\n  });\n\n  return (\n    <DataGridSectionContext.Provider value=\"header\">\n      <DataGridHeaderSlotsContext.Provider value={slots}>\n        <thead\n          ref={mergedRef}\n          className={cn(\n            dataGridHeaderClassNames.root,\n            'bg-card',\n            // While a column resize handle drags, the header cells ignore the pointer.\n            'in-data-[resizing]:pointer-events-none',\n            // A windowed grid scrolls in its wrapper: the header stays at its top, over the rows\n            // (on the section: a header cell is positioned for its resize handle).\n            windowed && 'sticky top-0 z-1',\n            className,\n          )}\n          {...rest}\n        >\n          {content}\n        </thead>\n      </DataGridHeaderSlotsContext.Provider>\n    </DataGridSectionContext.Provider>\n  );\n};\nDataGridHeader.displayName = 'DataGridHeader';\n\n/**\n * A column header cell. A `sortable` header (with a `columnId`) renders its content inside a\n * `<button type=\"button\">` that toggles the sort, followed by the direction glyph (`sortIcon`)\n * while its column is sorted; the `<th>` carries `aria-sort`. A consumer `onClick` (on the `<th>`)\n * runs before the sort, and calling `preventDefault()` in it cancels the sort (also for\n * Enter/Space on the button, which click it). In a grid with `resizableColumns`, the header cell\n * of a column of `columns` (by `columnId`) also holds the column's resize handle, after its\n * content, along its end edge (the cell is positioned for it); the cell is then named by its\n * content alone (`aria-labelledby`, unless it has a name of its own), not by the handle's label.\n * The handle is no target of the grid's navigation: a sortable cell's target stays its sort\n * button, and F2 on the cell or the button moves focus to the handle.\n */\nexport const DataGridHeaderCell = ({\n  columnId,\n  sortable = false,\n  sortIcon,\n  children,\n  className,\n  onClick,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  ref,\n  ...rest\n}: DataGridHeaderCellProps) => {\n  const { sort, requestSort } = useDataGridSortContext('DataGrid.HeaderCell');\n  const resize = React.useContext(DataGridResizeContext);\n  const fixedLayout = React.useContext(DataGridFixedLayoutContext);\n  const labelId = useId('wave-datagrid-header-label');\n  /** The column this header sorts, or `undefined` when it is not sortable. */\n  const sortColumnId = sortable && columnId ? columnId : undefined;\n  const sortedDirection =\n    sortColumnId !== undefined && sort?.columnId === sortColumnId ? sort.direction : null;\n  /** The column whose resize handle this cell holds. */\n  const resizeColumnId =\n    resize !== null &&\n    columnId !== undefined &&\n    getColumnEntry(resize.widths, columnId) !== undefined\n      ? columnId\n      : undefined;\n  // The handle is content of the cell: without this, its label would join the cell's name. A\n  // name prop given as `undefined` (forwarded by a wrapper) counts as none.\n  const labelledByContent =\n    resizeColumnId !== undefined && ariaLabel === undefined && ariaLabelledBy === undefined;\n  const contentId = labelledByContent ? labelId : undefined;\n\n  // The sort runs from the `<th>` once the button's click bubbled up to it, composed after the\n  // consumer's `onClick` (C-COMPOSE): the consumer runs first and can cancel with preventDefault().\n  // The sort button is the `<th>`'s first child (a resize handle may follow it); clicks elsewhere\n  // in the cell, the handle included, do not sort.\n  const sortOnButtonClick = (event: React.MouseEvent<HTMLTableCellElement>) => {\n    const button = event.currentTarget.firstElementChild;\n    if (\n      sortColumnId !== undefined &&\n      button?.localName === 'button' &&\n      button.contains(event.target as Node)\n    ) {\n      requestSort(sortColumnId, event.nativeEvent);\n    }\n  };\n\n  React.useEffect(() => {\n    if (sortable && !columnId) {\n      warnOnce(\n        'DataGrid.HeaderCell:sortable-without-columnId',\n        'DataGrid.HeaderCell: `sortable` needs a `columnId`; the header is rendered as not sortable.',\n      );\n    }\n  }, [sortable, columnId]);\n\n  return (\n    <th\n      ref={ref}\n      scope=\"col\"\n      aria-sort={sortColumnId !== undefined ? (sortedDirection ?? 'none') : undefined}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy ?? contentId}\n      className={cn(\n        dataGridHeaderCellClassNames.root,\n        cellBase,\n        'text-start align-middle font-semibold text-caption-1 uppercase tracking-wider',\n        focusRingInset,\n        sortColumnId !== undefined && 'p-0 hover:bg-subtle-hover',\n        // Columns laid out from widths: what does not fit is clipped, not drawn over the next.\n        fixedLayout && 'overflow-hidden',\n        // The box the resize handle is drawn in, along the end edge.\n        resizeColumnId !== undefined && 'relative',\n        className,\n      )}\n      {...rest}\n      onClick={\n        sortColumnId !== undefined ? composeEventHandlers(onClick, sortOnButtonClick) : onClick\n      }\n    >\n      {sortColumnId !== undefined ? (\n        <TableSortButton\n          id={contentId}\n          component=\"DataGrid.HeaderCell\"\n          direction={sortedDirection}\n          sortIcon={sortIcon}\n          className={dataGridHeaderCellClassNames.button}\n          iconClassName={dataGridHeaderCellClassNames.sortIcon}\n        >\n          {children}\n        </TableSortButton>\n      ) : (\n        <span id={contentId} className=\"inline-flex items-center gap-1\">\n          {children}\n        </span>\n      )}\n      {resizeColumnId !== undefined && resize !== null && (\n        <DataGridColumnResizeHandle columnId={resizeColumnId} context={resize} />\n      )}\n    </th>\n  );\n};\nDataGridHeaderCell.displayName = 'DataGridHeaderCell';\n"],"mappings":"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"}

package/dist/components/table/DataGrid.header.mjs

@@ -0,0 +1,168 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { flattenChildren as t, isElementOfType as n } from "../../lib/children.mjs";
+import { isDev as r, warnOnce as i } from "../../lib/dev.mjs";
+import { composeEventHandlers as a } from "../../lib/composeEventHandlers.mjs";
+import { dataGridHeaderCellClassNames as o, dataGridHeaderClassNames as s } from "../../lib/classNames.mjs";
+import { useId as c } from "../../hooks/useId.mjs";
+import { useMergedRefs as l } from "../../hooks/useMergedRefs.mjs";
+import { focusRingInset as u } from "../../lib/styles.mjs";
+import { SELECTION_CELL_CLASSES as d, TableSelectionControl as f, TableSortButton as p, getTablePartKind as m } from "./Table.shared.mjs";
+import { getColumnEntry as h } from "../../lib/columnSizing.mjs";
+import { DataGridColumnResizeHandle as g, DataGridFixedLayoutContext as _, DataGridResizeContext as v } from "./DataGrid.sizing.mjs";
+import { DataGridWindowContext as y, DataGridWindowRowContext as b } from "./DataGrid.window.mjs";
+import { DataGridHeaderRowHintContext as x, DataGridHeaderSlotsContext as S, DataGridSectionContext as C, createHeaderSlotRegistry as w, useDataGridContext as T, useDataGridSortContext as E } from "./DataGrid.context.mjs";
+import * as D from "react";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+//#region src/components/table/DataGrid.header.tsx
+var A = "px-4 py-3 border-b border-border";
+function j(e) {
+	return m(e) === "dataGridSelectionCell";
+}
+function M({ selectionMode: t, stableClassName: n, cellProps: r, ref: i }) {
+	let { store: a, toggleAll: o, selectAllLabel: c, selectionHeaderLabel: l, subtleSelection: p } = T("DataGrid.Header"), m = D.useSyncExternalStore(a.subscribeSelectAll, a.getSelectAllState, a.getSelectAllState), { className: h, disabled: g, invisible: _, controlRef: v, "aria-label": y, "aria-labelledby": b, "aria-describedby": x, ...S } = r ?? {}, C = !1;
+	return m === "all" ? C = !0 : m === "some" && (C = "mixed"), /* @__PURE__ */ O("th", {
+		scope: "col",
+		...S,
+		ref: i,
+		"data-selection-cell": "",
+		className: e(n, s.selectionCell, d, "text-start", u, h),
+		children: t === "multiple" ? /* @__PURE__ */ O(f, {
+			ref: v,
+			type: "checkbox",
+			"aria-label": y ?? (b === void 0 ? c : void 0),
+			"aria-labelledby": b,
+			"aria-describedby": x,
+			checked: C,
+			disabled: g,
+			invisible: _,
+			subtle: p,
+			reveal: "grid",
+			onChange: (e) => o(e.nativeEvent),
+			className: s.selectAllCheckbox
+		}) : /* @__PURE__ */ O("span", {
+			className: "sr-only",
+			children: l
+		})
+	});
+}
+var N = {
+	subscribe: () => () => {},
+	register: () => () => {},
+	getFirst: () => null,
+	refresh: () => {}
+};
+function P({ selectionMode: t, initialFirst: n, stableClassName: r, cellProps: i, ref: a }) {
+	let o = D.useContext(S) ?? N, [c] = D.useState(() => ({})), f = D.useRef(null), p = l(f, a), m = D.useCallback(() => {
+		let e = o.getFirst();
+		return e === null ? n : e === c;
+	}, [
+		o,
+		c,
+		n
+	]), h = D.useCallback(() => n, [n]), g = D.useSyncExternalStore(o.subscribe, m, h);
+	if (D.useLayoutEffect(() => o.register(c, () => f.current), [o, c]), g) return /* @__PURE__ */ O(M, {
+		ref: p,
+		selectionMode: t,
+		stableClassName: r,
+		cellProps: i
+	});
+	let { className: _, disabled: v, invisible: y, controlRef: b, "aria-label": x, "aria-labelledby": C, "aria-describedby": w, ...T } = i ?? {};
+	return /* @__PURE__ */ O("td", {
+		...T,
+		ref: p,
+		"data-selection-cell": "",
+		className: e(r, s.selectionCell, d, u, _)
+	});
+}
+function F(e, r, i) {
+	let a = 0, o = (e) => D.Children.map(e, (e) => {
+		if (n(e, D.Fragment)) return D.cloneElement(e, void 0, o(e.props.children));
+		if (!D.isValidElement(e)) return e;
+		let s = a === 0;
+		if (a += 1, n(e, "tr")) {
+			let n = e.props.children, o = r === "none" || t(n).some(({ node: e }) => j(e)) ? null : /* @__PURE__ */ O(P, {
+				selectionMode: r,
+				initialFirst: s
+			});
+			return D.cloneElement(e, i ? { "aria-rowindex": a } : void 0, o, /* @__PURE__ */ O(x.Provider, {
+				value: s,
+				children: n
+			}));
+		}
+		let c = i ? {
+			index: void 0,
+			ariaRowIndex: a,
+			height: void 0
+		} : null;
+		return /* @__PURE__ */ O(x.Provider, {
+			value: s,
+			children: /* @__PURE__ */ O(b.Provider, {
+				value: c,
+				children: e
+			})
+		});
+	});
+	return o(e);
+}
+var I = ({ children: t, className: n, ref: a, ...o }) => {
+	let { selectionMode: c } = T("DataGrid.Header"), u = D.useContext(y) !== null, [d, f] = D.useState(null), p = l(a, f), [m] = D.useState(w), h = F(t, c, u);
+	return D.useLayoutEffect(() => {
+		m.refresh();
+	}), D.useEffect(() => {
+		if (!r || !d || c === "none") return;
+		let e = Array.from(d.rows, (e) => Array.from(e.cells).filter((e) => e.hasAttribute("data-selection-cell")));
+		e.some((e, t) => e.length === 0 && d.rows[t].cells.length > 0) && i("DataGrid.Header:missing-selection-cell", "DataGrid.Header: a header row has no selection column header cell, so the header has one column fewer than the selectable rows. Render header rows as `<tr>` children of DataGrid.Header (a Fragment is fine), or use `DataGrid.Row` for a header row that another component renders."), e.some((e) => e.length > 1) && i("DataGrid.Header:several-selection-cells", "DataGrid.Header: a header row has more than one selection cell. A DataGrid.SelectionCell rendered by another component is not seen, so the row also gets the automatic cell: render DataGrid.SelectionCell as a child of the row (a Fragment is fine).");
+	}), /* @__PURE__ */ O(C.Provider, {
+		value: "header",
+		children: /* @__PURE__ */ O(S.Provider, {
+			value: m,
+			children: /* @__PURE__ */ O("thead", {
+				ref: p,
+				className: e(s.root, "bg-card", "in-data-[resizing]:pointer-events-none", u && "sticky top-0 z-1", n),
+				...o,
+				children: h
+			})
+		})
+	});
+};
+I.displayName = "DataGridHeader";
+var L = ({ columnId: t, sortable: n = !1, sortIcon: r, children: s, className: l, onClick: d, "aria-label": f, "aria-labelledby": m, ref: y, ...b }) => {
+	let { sort: x, requestSort: S } = E("DataGrid.HeaderCell"), C = D.useContext(v), w = D.useContext(_), T = c("wave-datagrid-header-label"), j = n && t ? t : void 0, M = j !== void 0 && x?.columnId === j ? x.direction : null, N = C !== null && t !== void 0 && h(C.widths, t) !== void 0 ? t : void 0, P = N !== void 0 && f === void 0 && m === void 0 ? T : void 0, F = (e) => {
+		let t = e.currentTarget.firstElementChild;
+		j !== void 0 && t?.localName === "button" && t.contains(e.target) && S(j, e.nativeEvent);
+	};
+	return D.useEffect(() => {
+		n && !t && i("DataGrid.HeaderCell:sortable-without-columnId", "DataGrid.HeaderCell: `sortable` needs a `columnId`; the header is rendered as not sortable.");
+	}, [n, t]), /* @__PURE__ */ k("th", {
+		ref: y,
+		scope: "col",
+		"aria-sort": j === void 0 ? void 0 : M ?? "none",
+		"aria-label": f,
+		"aria-labelledby": m ?? P,
+		className: e(o.root, A, "text-start align-middle font-semibold text-caption-1 uppercase tracking-wider", u, j !== void 0 && "p-0 hover:bg-subtle-hover", w && "overflow-hidden", N !== void 0 && "relative", l),
+		...b,
+		onClick: j === void 0 ? d : a(d, F),
+		children: [j === void 0 ? /* @__PURE__ */ O("span", {
+			id: P,
+			className: "inline-flex items-center gap-1",
+			children: s
+		}) : /* @__PURE__ */ O(p, {
+			id: P,
+			component: "DataGrid.HeaderCell",
+			direction: M,
+			sortIcon: r,
+			className: o.button,
+			iconClassName: o.sortIcon,
+			children: s
+		}), N !== void 0 && C !== null && /* @__PURE__ */ O(g, {
+			columnId: N,
+			context: C
+		})]
+	});
+};
+L.displayName = "DataGridHeaderCell";
+//#endregion
+export { I as DataGridHeader, L as DataGridHeaderCell, P as DataGridSelectionHeaderSlot, A as cellBase, j as isSelectionCellElement };
+
+//# sourceMappingURL=DataGrid.header.mjs.map

package/dist/components/table/DataGrid.header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.header.mjs","names":["useId","useId$1","React","cellBase","isSelectionCellElement","getTablePartKind","node","DataGridSelectionHeaderCell","useDataGridContext","state","store","ariaLabel","ariaLabelledBy","ariaDescribedBy","rest","cellProps","checked","cn","stableClassName","dataGridHeaderClassNames","SELECTION_CELL_CLASSES","focusRingInset","className","selectionMode","TableSelectionControl","controlRef","selectAllLabel","subtleSelection","toggleAll","event","selectionHeaderLabel","INERT_HEADER_SLOTS","DataGridSelectionHeaderSlot","slots","DataGridHeaderSlotsContext","slot","cellRef","mergedRef","useMergedRefs","ref","getIsFirst","first","initialFirst","getServerIsFirst","isFirst","_disabled","_invisible","_controlRef","_ariaLabel","_ariaLabelledBy","_ariaDescribedBy","withSelectionHeaderSlots","position","visit","nodes","isElementOfType","child","cells","flattenChildren","windowed","DataGridHeaderRowHintContext","windowRow","DataGridWindowRowContext","children","DataGridHeader","DataGridWindowContext","thead","setThead","createHeaderSlotRegistry","content","isDev","selectionCells","row","cell","index","warnOnce","DataGridSectionContext","DataGridHeaderCell","useDataGridSortContext","resize","DataGridResizeContext","fixedLayout","DataGridFixedLayoutContext","labelId","sortColumnId","sortable","columnId","sortedDirection","sort","resizeColumnId","getColumnEntry","contentId","sortOnButtonClick","button","requestSort","dataGridHeaderCellClassNames","onClick","composeEventHandlers","TableSortButton","DataGridColumnResizeHandle"],"sources":["../../../src/components/table/DataGrid.header.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { dataGridHeaderCellClassNames, dataGridHeaderClassNames } from '../../lib/classNames';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { isDev, warnOnce } from '../../lib/dev';\nimport { getColumnEntry } from '../../lib/columnSizing';\nimport { focusRingInset } from '../../lib/styles';\nimport type { SelectionMode } from '../../lib/types';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport {\n  DataGridHeaderRowHintContext,\n  DataGridHeaderSlotsContext,\n  DataGridSectionContext,\n  createHeaderSlotRegistry,\n  useDataGridContext,\n  useDataGridSortContext,\n  type HeaderSlotRegistry,\n} from './DataGrid.context';\nimport {\n  DataGridColumnResizeHandle,\n  DataGridFixedLayoutContext,\n  DataGridResizeContext,\n} from './DataGrid.sizing';\nimport {\n  DataGridWindowContext,\n  DataGridWindowRowContext,\n  type DataGridWindowRow,\n} from './DataGrid.window';\nimport {\n  SELECTION_CELL_CLASSES,\n  TableSelectionControl,\n  TableSortButton,\n  getTablePartKind,\n} from './Table.shared';\nimport type {\n  DataGridHeaderCellProps,\n  DataGridHeaderProps,\n  DataGridSelectionCellProps,\n} from './DataGrid';\n\nexport const cellBase = 'px-4 py-3 border-b border-border';\n\n/** Whether `node` is an element of `DataGrid.SelectionCell` (lazy client references too). */\nexport function isSelectionCellElement(\n  node: React.ReactNode,\n): node is React.ReactElement<DataGridSelectionCellProps> {\n  return getTablePartKind(node) === 'dataGridSelectionCell';\n}\n\n// ---------------------------------------------------------------------------\n// Selection header cell (internal)\n// ---------------------------------------------------------------------------\n\n/**\n * The props of a header row's selection cell: the row's `selectionCellProps`, merged with a\n * `DataGrid.SelectionCell`'s own (whose `ref` is passed as `cellRef`).\n */\ntype HeaderSelectionCellProps = Omit<DataGridSelectionCellProps, 'ref'>;\n\ninterface DataGridSelectionHeaderCellProps {\n  selectionMode: SelectionMode;\n  /** The root class of `DataGrid.SelectionCell`, when the cell is one. */\n  stableClassName?: string;\n  cellProps?: HeaderSelectionCellProps;\n  ref?: React.Ref<HTMLTableCellElement>;\n}\n\nfunction DataGridSelectionHeaderCell({\n  selectionMode,\n  stableClassName,\n  cellProps,\n  ref,\n}: DataGridSelectionHeaderCellProps) {\n  const { store, toggleAll, selectAllLabel, selectionHeaderLabel, subtleSelection } =\n    useDataGridContext('DataGrid.Header');\n  const state = React.useSyncExternalStore(\n    store.subscribeSelectAll,\n    store.getSelectAllState,\n    store.getSelectAllState,\n  );\n  const {\n    className,\n    disabled,\n    invisible,\n    controlRef,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    ...rest\n  } = cellProps ?? {};\n\n  let checked: boolean | 'mixed' = false;\n  if (state === 'all') checked = true;\n  else if (state === 'some') checked = 'mixed';\n\n  return (\n    <th\n      scope=\"col\"\n      {...rest}\n      ref={ref}\n      data-selection-cell=\"\"\n      className={cn(\n        stableClassName,\n        dataGridHeaderClassNames.selectionCell,\n        SELECTION_CELL_CLASSES,\n        'text-start',\n        focusRingInset,\n        className,\n      )}\n    >\n      {selectionMode === 'multiple' ? (\n        <TableSelectionControl\n          ref={controlRef}\n          type=\"checkbox\"\n          aria-label={ariaLabel ?? (ariaLabelledBy === undefined ? selectAllLabel : undefined)}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          checked={checked}\n          disabled={disabled}\n          invisible={invisible}\n          subtle={subtleSelection}\n          reveal=\"grid\"\n          onChange={(event) => toggleAll(event.nativeEvent)}\n          className={dataGridHeaderClassNames.selectAllCheckbox}\n        />\n      ) : (\n        <span className=\"sr-only\">{selectionHeaderLabel}</span>\n      )}\n    </th>\n  );\n}\n\nconst INERT_HEADER_SLOTS: HeaderSlotRegistry = {\n  subscribe: () => () => {},\n  register: () => () => {},\n  getFirst: () => null,\n  refresh: () => {},\n};\n\n/**\n * The selection column's cell of one header row: the select-all header cell in the header's first\n * row (document order), an empty cell in every later row. `initialFirst` is the header's guess from\n * its children, used until the slots are registered (the initial and the server render).\n */\nexport function DataGridSelectionHeaderSlot({\n  selectionMode,\n  initialFirst,\n  stableClassName,\n  cellProps,\n  ref,\n}: DataGridSelectionHeaderCellProps & { initialFirst: boolean }) {\n  const slots = React.useContext(DataGridHeaderSlotsContext) ?? INERT_HEADER_SLOTS;\n  const [slot] = React.useState(() => ({}));\n  const cellRef = React.useRef<HTMLTableCellElement | null>(null);\n  const mergedRef = useMergedRefs<HTMLTableCellElement>(cellRef, ref);\n\n  const getIsFirst = React.useCallback(() => {\n    const first = slots.getFirst();\n    return first === null ? initialFirst : first === slot;\n  }, [slots, slot, initialFirst]);\n  const getServerIsFirst = React.useCallback(() => initialFirst, [initialFirst]);\n  const isFirst = React.useSyncExternalStore(slots.subscribe, getIsFirst, getServerIsFirst);\n\n  React.useLayoutEffect(() => slots.register(slot, () => cellRef.current), [slots, slot]);\n\n  if (isFirst) {\n    return (\n      <DataGridSelectionHeaderCell\n        ref={mergedRef}\n        selectionMode={selectionMode}\n        stableClassName={stableClassName}\n        cellProps={cellProps}\n      />\n    );\n  }\n  // A later header row's cell: none of the control's props apply.\n  const {\n    className,\n    disabled: _disabled,\n    invisible: _invisible,\n    controlRef: _controlRef,\n    'aria-label': _ariaLabel,\n    'aria-labelledby': _ariaLabelledBy,\n    'aria-describedby': _ariaDescribedBy,\n    ...rest\n  } = cellProps ?? {};\n  return (\n    <td\n      {...rest}\n      ref={mergedRef}\n      data-selection-cell=\"\"\n      className={cn(\n        stableClassName,\n        dataGridHeaderClassNames.selectionCell,\n        SELECTION_CELL_CLASSES,\n        focusRingInset,\n        className,\n      )}\n    />\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\n/**\n * Prepends the selection column's header slot (or `null`) to every `<tr>` in `children`, looking\n * inside Fragments, unless the row holds a `DataGrid.SelectionCell` (that cell is the slot), and\n * tells every row whether it is the header's first row: the cells of a `<tr>` and every other\n * element child (a `DataGrid.Row`, or a component that renders one). Every row gets the same child\n * shape in every selection mode, so switching `selectionMode` does not remount the header cells.\n * In a windowed grid each row also gets its `aria-rowindex` (1-based, in order).\n */\nfunction withSelectionHeaderSlots(\n  children: React.ReactNode,\n  selectionMode: 'none' | SelectionMode,\n  windowed: boolean,\n): React.ReactNode {\n  let position = 0;\n  const visit = (nodes: React.ReactNode): React.ReactNode =>\n    React.Children.map(nodes, (child) => {\n      if (isElementOfType<{ children?: React.ReactNode }>(child, React.Fragment)) {\n        return React.cloneElement(child, undefined, visit(child.props.children));\n      }\n      if (!React.isValidElement(child)) return child;\n      const isFirst = position === 0;\n      position += 1;\n      if (isElementOfType<React.HTMLAttributes<HTMLTableRowElement>>(child, 'tr')) {\n        const cells = child.props.children;\n        const slot =\n          selectionMode === 'none' ||\n          flattenChildren(cells).some(({ node }) => isSelectionCellElement(node)) ? null : (\n            <DataGridSelectionHeaderSlot selectionMode={selectionMode} initialFirst={isFirst} />\n          );\n        return React.cloneElement(\n          child,\n          windowed ? { 'aria-rowindex': position } : undefined,\n          slot,\n          <DataGridHeaderRowHintContext.Provider value={isFirst}>\n            {cells}\n          </DataGridHeaderRowHintContext.Provider>,\n        );\n      }\n      // A `DataGrid.Row` takes its `aria-rowindex` from the row context.\n      const windowRow: DataGridWindowRow | null = windowed\n        ? { index: undefined, ariaRowIndex: position, height: undefined }\n        : null;\n      return (\n        <DataGridHeaderRowHintContext.Provider value={isFirst}>\n          <DataGridWindowRowContext.Provider value={windowRow}>\n            {child}\n          </DataGridWindowRowContext.Provider>\n        </DataGridHeaderRowHintContext.Provider>\n      );\n    });\n  return visit(children);\n}\n\n/**\n * The grid's `<thead>`. When the grid is selectable, it prepends the selection column's header\n * cell to each `<tr>` child, also inside a Fragment, unless the row holds a\n * `DataGrid.SelectionCell`: the first header row gets the \"Select all rows\" checkbox (multiple\n * mode) or the \"Selection\" header (single mode; DataGrid's `labels` localizes both), later rows of\n * a grouped header an empty cell. A header row rendered by another component cannot get it (a\n * development warning says so): use `DataGrid.Row` for such a row, which adds the cell itself.\n * In a grid with a `virtualWindow` the header stays at the top of the grid's scroll wrapper while\n * the rows scroll under it, and each header row carries its `aria-rowindex`.\n */\nexport const DataGridHeader = ({ children, className, ref, ...rest }: DataGridHeaderProps) => {\n  const { selectionMode } = useDataGridContext('DataGrid.Header');\n  const windowed = React.useContext(DataGridWindowContext) !== null;\n  const [thead, setThead] = React.useState<HTMLTableSectionElement | null>(null);\n  const mergedRef = useMergedRefs<HTMLTableSectionElement>(ref, setThead);\n  const [slots] = React.useState(createHeaderSlotRegistry);\n  const content = withSelectionHeaderSlots(children, selectionMode, windowed);\n\n  // Every commit, after the rows' slots registered: header rows can move without a slot mounting.\n  React.useLayoutEffect(() => {\n    slots.refresh();\n  });\n\n  // Every commit: header rows can come from components the header cannot see into.\n  React.useEffect(() => {\n    if (!isDev || !thead || selectionMode === 'none') return;\n    const selectionCells = Array.from(thead.rows, (row) =>\n      Array.from(row.cells).filter((cell) => cell.hasAttribute('data-selection-cell')),\n    );\n    if (\n      selectionCells.some(\n        (cells, index) => cells.length === 0 && thead.rows[index].cells.length > 0,\n      )\n    ) {\n      warnOnce(\n        'DataGrid.Header:missing-selection-cell',\n        'DataGrid.Header: a header row has no selection column header cell, so the header has one ' +\n          'column fewer than the selectable rows. Render header rows as `<tr>` children of ' +\n          'DataGrid.Header (a Fragment is fine), or use `DataGrid.Row` for a header row that ' +\n          'another component renders.',\n      );\n    }\n    if (selectionCells.some((cells) => cells.length > 1)) {\n      warnOnce(\n        'DataGrid.Header:several-selection-cells',\n        'DataGrid.Header: a header row has more than one selection cell. A DataGrid.SelectionCell ' +\n          'rendered by another component is not seen, so the row also gets the automatic cell: ' +\n          'render DataGrid.SelectionCell as a child of the row (a Fragment is fine).',\n      );\n    }\n  });\n\n  return (\n    <DataGridSectionContext.Provider value=\"header\">\n      <DataGridHeaderSlotsContext.Provider value={slots}>\n        <thead\n          ref={mergedRef}\n          className={cn(\n            dataGridHeaderClassNames.root,\n            'bg-card',\n            // While a column resize handle drags, the header cells ignore the pointer.\n            'in-data-[resizing]:pointer-events-none',\n            // A windowed grid scrolls in its wrapper: the header stays at its top, over the rows\n            // (on the section: a header cell is positioned for its resize handle).\n            windowed && 'sticky top-0 z-1',\n            className,\n          )}\n          {...rest}\n        >\n          {content}\n        </thead>\n      </DataGridHeaderSlotsContext.Provider>\n    </DataGridSectionContext.Provider>\n  );\n};\nDataGridHeader.displayName = 'DataGridHeader';\n\n/**\n * A column header cell. A `sortable` header (with a `columnId`) renders its content inside a\n * `<button type=\"button\">` that toggles the sort, followed by the direction glyph (`sortIcon`)\n * while its column is sorted; the `<th>` carries `aria-sort`. A consumer `onClick` (on the `<th>`)\n * runs before the sort, and calling `preventDefault()` in it cancels the sort (also for\n * Enter/Space on the button, which click it). In a grid with `resizableColumns`, the header cell\n * of a column of `columns` (by `columnId`) also holds the column's resize handle, after its\n * content, along its end edge (the cell is positioned for it); the cell is then named by its\n * content alone (`aria-labelledby`, unless it has a name of its own), not by the handle's label.\n * The handle is no target of the grid's navigation: a sortable cell's target stays its sort\n * button, and F2 on the cell or the button moves focus to the handle.\n */\nexport const DataGridHeaderCell = ({\n  columnId,\n  sortable = false,\n  sortIcon,\n  children,\n  className,\n  onClick,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  ref,\n  ...rest\n}: DataGridHeaderCellProps) => {\n  const { sort, requestSort } = useDataGridSortContext('DataGrid.HeaderCell');\n  const resize = React.useContext(DataGridResizeContext);\n  const fixedLayout = React.useContext(DataGridFixedLayoutContext);\n  const labelId = useId('wave-datagrid-header-label');\n  /** The column this header sorts, or `undefined` when it is not sortable. */\n  const sortColumnId = sortable && columnId ? columnId : undefined;\n  const sortedDirection =\n    sortColumnId !== undefined && sort?.columnId === sortColumnId ? sort.direction : null;\n  /** The column whose resize handle this cell holds. */\n  const resizeColumnId =\n    resize !== null &&\n    columnId !== undefined &&\n    getColumnEntry(resize.widths, columnId) !== undefined\n      ? columnId\n      : undefined;\n  // The handle is content of the cell: without this, its label would join the cell's name. A\n  // name prop given as `undefined` (forwarded by a wrapper) counts as none.\n  const labelledByContent =\n    resizeColumnId !== undefined && ariaLabel === undefined && ariaLabelledBy === undefined;\n  const contentId = labelledByContent ? labelId : undefined;\n\n  // The sort runs from the `<th>` once the button's click bubbled up to it, composed after the\n  // consumer's `onClick` (C-COMPOSE): the consumer runs first and can cancel with preventDefault().\n  // The sort button is the `<th>`'s first child (a resize handle may follow it); clicks elsewhere\n  // in the cell, the handle included, do not sort.\n  const sortOnButtonClick = (event: React.MouseEvent<HTMLTableCellElement>) => {\n    const button = event.currentTarget.firstElementChild;\n    if (\n      sortColumnId !== undefined &&\n      button?.localName === 'button' &&\n      button.contains(event.target as Node)\n    ) {\n      requestSort(sortColumnId, event.nativeEvent);\n    }\n  };\n\n  React.useEffect(() => {\n    if (sortable && !columnId) {\n      warnOnce(\n        'DataGrid.HeaderCell:sortable-without-columnId',\n        'DataGrid.HeaderCell: `sortable` needs a `columnId`; the header is rendered as not sortable.',\n      );\n    }\n  }, [sortable, columnId]);\n\n  return (\n    <th\n      ref={ref}\n      scope=\"col\"\n      aria-sort={sortColumnId !== undefined ? (sortedDirection ?? 'none') : undefined}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy ?? contentId}\n      className={cn(\n        dataGridHeaderCellClassNames.root,\n        cellBase,\n        'text-start align-middle font-semibold text-caption-1 uppercase tracking-wider',\n        focusRingInset,\n        sortColumnId !== undefined && 'p-0 hover:bg-subtle-hover',\n        // Columns laid out from widths: what does not fit is clipped, not drawn over the next.\n        fixedLayout && 'overflow-hidden',\n        // The box the resize handle is drawn in, along the end edge.\n        resizeColumnId !== undefined && 'relative',\n        className,\n      )}\n      {...rest}\n      onClick={\n        sortColumnId !== undefined ? composeEventHandlers(onClick, sortOnButtonClick) : onClick\n      }\n    >\n      {sortColumnId !== undefined ? (\n        <TableSortButton\n          id={contentId}\n          component=\"DataGrid.HeaderCell\"\n          direction={sortedDirection}\n          sortIcon={sortIcon}\n          className={dataGridHeaderCellClassNames.button}\n          iconClassName={dataGridHeaderCellClassNames.sortIcon}\n        >\n          {children}\n        </TableSortButton>\n      ) : (\n        <span id={contentId} className=\"inline-flex items-center gap-1\">\n          {children}\n        </span>\n      )}\n      {resizeColumnId !== undefined && resize !== null && (\n        <DataGridColumnResizeHandle columnId={resizeColumnId} context={resize} />\n      )}\n    </th>\n  );\n};\nDataGridHeaderCell.displayName = 'DataGridHeaderCell';\n"],"mappings":"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"}