@hexclave/dashboard-ui-components 1.0.23 → 1.0.25

package/dist/esm/components/data-grid/data-grid.test.js

@@ -36,6 +36,7 @@ var MockIntersectionObserver = class {
 		this.callback = callback;
 		this.root = options?.root ?? null;
 		this.rootMargin = options?.rootMargin ?? "";
+		this.scrollMargin = "";
 		this.thresholds = Array.isArray(options?.threshold) ? options.threshold : [options?.threshold ?? 0];
 		this.record = { options };
 		intersectionObserverRecords.push(this.record);

package/dist/esm/components/data-grid/data-grid.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid.test.js","names":[],"sources":["../../../../src/components/data-grid/data-grid.test.tsx"],"sourcesContent":["// @vitest-environment jsdom\n\nimport { cleanup, fireEvent, render, waitFor } from \"@testing-library/react\";\nimport { useState } from \"react\";\nimport { afterEach, beforeEach, describe, expect, it, vi } from \"vitest\";\nimport {\n  createDefaultDataGridState,\n  DataGrid,\n  isDataGridInteractiveRowClickTarget,\n  type DataGridColumnDef,\n  type DataGridProps,\n} from \"./index\";\n\ntype Row = {\n  id: string,\n  name: string,\n};\n\nconst columns: DataGridColumnDef<Row>[] = [\n  {\n    id: \"name\",\n    header: \"Name\",\n    accessor: (row) => row.name,\n    width: 160,\n    minWidth: 80,\n    sortable: true,\n    type: \"string\",\n  },\n];\n\nconst wideColumns: DataGridColumnDef<Row>[] = [\n  {\n    id: \"name\",\n    header: \"Name\",\n    accessor: (row) => row.name,\n    width: 320,\n    minWidth: 80,\n    type: \"string\",\n  },\n  {\n    id: \"email\",\n    header: \"Email\",\n    accessor: (row) => `${row.name.toLowerCase().replaceAll(\" \", \".\")}@example.com`,\n    width: 420,\n    minWidth: 80,\n    type: \"string\",\n  },\n];\n\ntype ObserverRecord = {\n  options?: IntersectionObserverInit,\n};\n\nlet intersectionObserverRecords: ObserverRecord[] = [];\n\nclass MockIntersectionObserver implements IntersectionObserver {\n  readonly root: Element | Document | null;\n  readonly rootMargin: string;\n  readonly thresholds: ReadonlyArray<number>;\n  private readonly callback: IntersectionObserverCallback;\n  private readonly record: ObserverRecord;\n\n  constructor(\n    callback: IntersectionObserverCallback,\n    options?: IntersectionObserverInit,\n  ) {\n    this.callback = callback;\n    this.root = options?.root ?? null;\n    this.rootMargin = options?.rootMargin ?? \"\";\n    this.thresholds = Array.isArray(options?.threshold)\n      ? options.threshold\n      : [options?.threshold ?? 0];\n    this.record = { options };\n    intersectionObserverRecords.push(this.record);\n  }\n\n  disconnect() {}\n  observe() {}\n  takeRecords(): IntersectionObserverEntry[] {\n    return [];\n  }\n  unobserve() {}\n\n  trigger(entry: Partial<IntersectionObserverEntry> = {}) {\n    this.callback(\n      [\n        {\n          boundingClientRect: {} as DOMRectReadOnly,\n          intersectionRatio: 1,\n          intersectionRect: {} as DOMRectReadOnly,\n          isIntersecting: true,\n          rootBounds: null,\n          target: document.createElement(\"div\"),\n          time: 0,\n          ...entry,\n        },\n      ],\n      this,\n    );\n  }\n}\n\nclass MockResizeObserver implements ResizeObserver {\n  private readonly callback: ResizeObserverCallback;\n\n  constructor(callback: ResizeObserverCallback) {\n    this.callback = callback;\n  }\n\n  disconnect() {}\n  observe(target: Element) {\n    const el = target instanceof HTMLElement ? target : null;\n    const parentWidth = el?.parentElement instanceof HTMLElement ? el.parentElement.clientWidth : 0;\n    const width = (el?.clientWidth ?? 0) > 0 ? (el?.clientWidth ?? 320) : parentWidth > 0 ? parentWidth : 320;\n    const height = (el?.clientHeight ?? 0) > 0 ? (el?.clientHeight ?? 400) : 400;\n    this.callback(\n      [\n        {\n          target,\n          contentRect: {\n            x: 0,\n            y: 0,\n            width,\n            height,\n            top: 0,\n            left: 0,\n            right: width,\n            bottom: height,\n            toJSON() {\n              return this;\n            },\n          } as DOMRectReadOnly,\n          borderBoxSize: [],\n          contentBoxSize: [],\n          devicePixelContentBoxSize: [],\n        },\n      ],\n      this,\n    );\n  }\n  unobserve() {}\n}\n\nfunction DataGridHarness(props: { fillHeight?: boolean }) {\n  const [state, setState] = useState(() => createDefaultDataGridState(columns));\n\n  return (\n    <div style={{ height: 400 }}>\n      <DataGrid<Row>\n        columns={columns}\n        rows={[{ id: \"row-1\", name: \"Row 1\" }]}\n        getRowId={(row) => row.id}\n        state={state}\n        onChange={setState}\n        paginationMode=\"infinite\"\n        hasMore\n        fillHeight={props.fillHeight}\n      />\n    </div>\n  );\n}\n\nfunction InteractiveDataGridHarness(props: {\n  onSortChange?: DataGridProps<Row>[\"onSortChange\"],\n  onSelectionChange?: DataGridProps<Row>[\"onSelectionChange\"],\n}) {\n  const [state, setState] = useState(() => createDefaultDataGridState(columns));\n\n  return (\n    <DataGrid<Row>\n      columns={columns}\n      rows={[{ id: \"row-1\", name: \"Row 1\" }]}\n      getRowId={(row) => row.id}\n      state={state}\n      onChange={setState}\n      selectionMode=\"multiple\"\n      onSortChange={props.onSortChange}\n      onSelectionChange={props.onSelectionChange}\n    />\n  );\n}\n\nfunction WideDataGridHarness() {\n  const [state, setState] = useState(() => createDefaultDataGridState(wideColumns));\n\n  return (\n    <div style={{ width: 320 }}>\n      <DataGrid<Row>\n        columns={wideColumns}\n        rows={[{ id: \"row-1\", name: \"Row 1\" }]}\n        getRowId={(row) => row.id}\n        state={state}\n        onChange={setState}\n      />\n    </div>\n  );\n}\n\ndescribe(\"DataGrid infinite scroll observer\", () => {\n  beforeEach(() => {\n    intersectionObserverRecords = [];\n\n    vi.stubGlobal(\"IntersectionObserver\", MockIntersectionObserver);\n    vi.stubGlobal(\"ResizeObserver\", MockResizeObserver);\n    vi.spyOn(HTMLElement.prototype, \"getBoundingClientRect\").mockImplementation(\n      function getBoundingClientRect() {\n        return {\n          x: 0,\n          y: 0,\n          width: 320,\n          height: 44,\n          top: 0,\n          left: 0,\n          right: 320,\n          bottom: 44,\n          toJSON() {\n            return this;\n          },\n        } as DOMRect;\n      },\n    );\n    Object.defineProperty(HTMLElement.prototype, \"clientHeight\", {\n      configurable: true,\n      get() {\n        return 400;\n      },\n    });\n    Object.defineProperty(HTMLElement.prototype, \"scrollHeight\", {\n      configurable: true,\n      get() {\n        return 400;\n      },\n    });\n  });\n\n  afterEach(() => {\n    cleanup();\n    vi.restoreAllMocks();\n    vi.unstubAllGlobals();\n  });\n\n  it(\"observes against the grid body when the grid owns vertical scrolling\", async () => {\n    const { container } = render(<DataGridHarness fillHeight />);\n\n    await waitFor(() => {\n      expect(intersectionObserverRecords.length).toBeGreaterThan(0);\n    });\n\n    const grid = container.querySelector('[role=\"grid\"]');\n    expect(grid).not.toBeNull();\n    const scrollContainer = grid?.children.item(1);\n\n    expect(intersectionObserverRecords.at(-1)?.options?.root).toBe(scrollContainer);\n  });\n\n  it(\"falls back to the viewport when the page owns vertical scrolling\", async () => {\n    render(<DataGridHarness fillHeight={false} />);\n\n    await waitFor(() => {\n      expect(intersectionObserverRecords.length).toBeGreaterThan(0);\n    });\n\n    expect(intersectionObserverRecords.at(-1)?.options?.root ?? null).toBeNull();\n  });\n});\n\ndescribe(\"DataGrid controlled callbacks\", () => {\n  beforeEach(() => {\n    vi.stubGlobal(\"ResizeObserver\", MockResizeObserver);\n    vi.spyOn(HTMLElement.prototype, \"getBoundingClientRect\").mockImplementation(\n      function getBoundingClientRect() {\n        return {\n          x: 0,\n          y: 0,\n          width: 320,\n          height: 44,\n          top: 0,\n          left: 0,\n          right: 320,\n          bottom: 44,\n          toJSON() {\n            return this;\n          },\n        } as DOMRect;\n      },\n    );\n    Object.defineProperty(HTMLElement.prototype, \"clientHeight\", {\n      configurable: true,\n      get() {\n        return 400;\n      },\n    });\n    Object.defineProperty(HTMLElement.prototype, \"scrollHeight\", {\n      configurable: true,\n      get() {\n        return 400;\n      },\n    });\n  });\n\n  afterEach(() => {\n    cleanup();\n    vi.restoreAllMocks();\n    vi.unstubAllGlobals();\n  });\n\n  it(\"fires onSortChange from the current controlled sort state\", () => {\n    const onSortChange = vi.fn();\n    const { getByRole } = render(<InteractiveDataGridHarness onSortChange={onSortChange} />);\n\n    fireEvent.click(getByRole(\"columnheader\", { name: /name/i }));\n\n    expect(onSortChange).toHaveBeenCalledTimes(1);\n    expect(onSortChange).toHaveBeenCalledWith([{ columnId: \"name\", direction: \"asc\" }]);\n  });\n\n  it(\"fires onSelectionChange when selecting all rows\", () => {\n    const onSelectionChange = vi.fn();\n    const { getByRole } = render(<InteractiveDataGridHarness onSelectionChange={onSelectionChange} />);\n\n    fireEvent.click(getByRole(\"checkbox\", { name: /select all rows/i }));\n\n    expect(onSelectionChange).toHaveBeenCalledTimes(1);\n    const [selectedIds, selectedRows] = onSelectionChange.mock.calls[0];\n    expect([...selectedIds]).toEqual([\"row-1\"]);\n    expect(selectedRows).toEqual([{ id: \"row-1\", name: \"Row 1\" }]);\n  });\n\n  it(\"identifies nested interactive controls as row-click blockers\", () => {\n    const cell = document.createElement(\"div\");\n    const button = document.createElement(\"button\");\n    const label = document.createElement(\"span\");\n    label.textContent = \"Open menu\";\n    button.append(label);\n    cell.append(button);\n\n    expect(isDataGridInteractiveRowClickTarget(label.firstChild)).toBe(true);\n    expect(isDataGridInteractiveRowClickTarget(cell)).toBe(false);\n  });\n});\n\ndescribe(\"DataGrid horizontal scrolling\", () => {\n  beforeEach(() => {\n    vi.stubGlobal(\"ResizeObserver\", MockResizeObserver);\n    Object.defineProperty(HTMLElement.prototype, \"clientWidth\", {\n      configurable: true,\n      get() {\n        return 320;\n      },\n    });\n    vi.spyOn(HTMLElement.prototype, \"getBoundingClientRect\").mockImplementation(\n      function getBoundingClientRect() {\n        return {\n          x: 0,\n          y: 0,\n          width: 320,\n          height: 44,\n          top: 0,\n          left: 0,\n          right: 320,\n          bottom: 44,\n          toJSON() {\n            return this;\n          },\n        } as DOMRect;\n      },\n    );\n    Object.defineProperty(HTMLElement.prototype, \"clientHeight\", {\n      configurable: true,\n      get() {\n        return 400;\n      },\n    });\n    Object.defineProperty(HTMLElement.prototype, \"scrollHeight\", {\n      configurable: true,\n      get() {\n        return 400;\n      },\n    });\n  });\n\n  afterEach(() => {\n    cleanup();\n    vi.restoreAllMocks();\n    vi.unstubAllGlobals();\n  });\n\n  it(\"sizes the sticky clipping layer to the full row width\", () => {\n    const { container } = render(<WideDataGridHarness />);\n\n    const rowsClip = container.querySelector(\"[data-data-grid-rows-clip]\");\n\n    expect(rowsClip).toBeInstanceOf(HTMLElement);\n    expect((rowsClip as HTMLElement).style.minWidth).toBe(\"740px\");\n  });\n\n  it(\"lets the columns popover escape the sticky toolbar bounds\", () => {\n    const { container, getByTitle } = render(<WideDataGridHarness />);\n\n    fireEvent.click(getByTitle(\"Columns\"));\n\n    const stickyChrome = container.querySelector('[role=\"grid\"]')?.firstElementChild;\n    expect(stickyChrome).toBeInstanceOf(HTMLElement);\n    expect((stickyChrome as HTMLElement).className).toContain(\"overflow-visible\");\n    expect(container.textContent).toContain(\"Email\");\n  });\n});\n"],"mappings":"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"}
+{"version":3,"file":"data-grid.test.js","names":[],"sources":["../../../../src/components/data-grid/data-grid.test.tsx"],"sourcesContent":["// @vitest-environment jsdom\n\nimport { cleanup, fireEvent, render, waitFor } from \"@testing-library/react\";\nimport { useState } from \"react\";\nimport { afterEach, beforeEach, describe, expect, it, vi } from \"vitest\";\nimport {\n  createDefaultDataGridState,\n  DataGrid,\n  isDataGridInteractiveRowClickTarget,\n  type DataGridColumnDef,\n  type DataGridProps,\n} from \"./index\";\n\ntype Row = {\n  id: string,\n  name: string,\n};\n\nconst columns: DataGridColumnDef<Row>[] = [\n  {\n    id: \"name\",\n    header: \"Name\",\n    accessor: (row) => row.name,\n    width: 160,\n    minWidth: 80,\n    sortable: true,\n    type: \"string\",\n  },\n];\n\nconst wideColumns: DataGridColumnDef<Row>[] = [\n  {\n    id: \"name\",\n    header: \"Name\",\n    accessor: (row) => row.name,\n    width: 320,\n    minWidth: 80,\n    type: \"string\",\n  },\n  {\n    id: \"email\",\n    header: \"Email\",\n    accessor: (row) => `${row.name.toLowerCase().replaceAll(\" \", \".\")}@example.com`,\n    width: 420,\n    minWidth: 80,\n    type: \"string\",\n  },\n];\n\ntype ObserverRecord = {\n  options?: IntersectionObserverInit,\n};\n\nlet intersectionObserverRecords: ObserverRecord[] = [];\n\nclass MockIntersectionObserver implements IntersectionObserver {\n  readonly root: Element | Document | null;\n  readonly rootMargin: string;\n  readonly scrollMargin: string;\n  readonly thresholds: ReadonlyArray<number>;\n  private readonly callback: IntersectionObserverCallback;\n  private readonly record: ObserverRecord;\n\n  constructor(\n    callback: IntersectionObserverCallback,\n    options?: IntersectionObserverInit,\n  ) {\n    this.callback = callback;\n    this.root = options?.root ?? null;\n    this.rootMargin = options?.rootMargin ?? \"\";\n    this.scrollMargin = \"\";\n    this.thresholds = Array.isArray(options?.threshold)\n      ? options.threshold\n      : [options?.threshold ?? 0];\n    this.record = { options };\n    intersectionObserverRecords.push(this.record);\n  }\n\n  disconnect() {}\n  observe() {}\n  takeRecords(): IntersectionObserverEntry[] {\n    return [];\n  }\n  unobserve() {}\n\n  trigger(entry: Partial<IntersectionObserverEntry> = {}) {\n    this.callback(\n      [\n        {\n          boundingClientRect: {} as DOMRectReadOnly,\n          intersectionRatio: 1,\n          intersectionRect: {} as DOMRectReadOnly,\n          isIntersecting: true,\n          rootBounds: null,\n          target: document.createElement(\"div\"),\n          time: 0,\n          ...entry,\n        },\n      ],\n      this,\n    );\n  }\n}\n\nclass MockResizeObserver implements ResizeObserver {\n  private readonly callback: ResizeObserverCallback;\n\n  constructor(callback: ResizeObserverCallback) {\n    this.callback = callback;\n  }\n\n  disconnect() {}\n  observe(target: Element) {\n    const el = target instanceof HTMLElement ? target : null;\n    const parentWidth = el?.parentElement instanceof HTMLElement ? el.parentElement.clientWidth : 0;\n    const width = (el?.clientWidth ?? 0) > 0 ? (el?.clientWidth ?? 320) : parentWidth > 0 ? parentWidth : 320;\n    const height = (el?.clientHeight ?? 0) > 0 ? (el?.clientHeight ?? 400) : 400;\n    this.callback(\n      [\n        {\n          target,\n          contentRect: {\n            x: 0,\n            y: 0,\n            width,\n            height,\n            top: 0,\n            left: 0,\n            right: width,\n            bottom: height,\n            toJSON() {\n              return this;\n            },\n          } as DOMRectReadOnly,\n          borderBoxSize: [],\n          contentBoxSize: [],\n          devicePixelContentBoxSize: [],\n        },\n      ],\n      this,\n    );\n  }\n  unobserve() {}\n}\n\nfunction DataGridHarness(props: { fillHeight?: boolean }) {\n  const [state, setState] = useState(() => createDefaultDataGridState(columns));\n\n  return (\n    <div style={{ height: 400 }}>\n      <DataGrid<Row>\n        columns={columns}\n        rows={[{ id: \"row-1\", name: \"Row 1\" }]}\n        getRowId={(row) => row.id}\n        state={state}\n        onChange={setState}\n        paginationMode=\"infinite\"\n        hasMore\n        fillHeight={props.fillHeight}\n      />\n    </div>\n  );\n}\n\nfunction InteractiveDataGridHarness(props: {\n  onSortChange?: DataGridProps<Row>[\"onSortChange\"],\n  onSelectionChange?: DataGridProps<Row>[\"onSelectionChange\"],\n}) {\n  const [state, setState] = useState(() => createDefaultDataGridState(columns));\n\n  return (\n    <DataGrid<Row>\n      columns={columns}\n      rows={[{ id: \"row-1\", name: \"Row 1\" }]}\n      getRowId={(row) => row.id}\n      state={state}\n      onChange={setState}\n      selectionMode=\"multiple\"\n      onSortChange={props.onSortChange}\n      onSelectionChange={props.onSelectionChange}\n    />\n  );\n}\n\nfunction WideDataGridHarness() {\n  const [state, setState] = useState(() => createDefaultDataGridState(wideColumns));\n\n  return (\n    <div style={{ width: 320 }}>\n      <DataGrid<Row>\n        columns={wideColumns}\n        rows={[{ id: \"row-1\", name: \"Row 1\" }]}\n        getRowId={(row) => row.id}\n        state={state}\n        onChange={setState}\n      />\n    </div>\n  );\n}\n\ndescribe(\"DataGrid infinite scroll observer\", () => {\n  beforeEach(() => {\n    intersectionObserverRecords = [];\n\n    vi.stubGlobal(\"IntersectionObserver\", MockIntersectionObserver);\n    vi.stubGlobal(\"ResizeObserver\", MockResizeObserver);\n    vi.spyOn(HTMLElement.prototype, \"getBoundingClientRect\").mockImplementation(\n      function getBoundingClientRect() {\n        return {\n          x: 0,\n          y: 0,\n          width: 320,\n          height: 44,\n          top: 0,\n          left: 0,\n          right: 320,\n          bottom: 44,\n          toJSON() {\n            return this;\n          },\n        } as DOMRect;\n      },\n    );\n    Object.defineProperty(HTMLElement.prototype, \"clientHeight\", {\n      configurable: true,\n      get() {\n        return 400;\n      },\n    });\n    Object.defineProperty(HTMLElement.prototype, \"scrollHeight\", {\n      configurable: true,\n      get() {\n        return 400;\n      },\n    });\n  });\n\n  afterEach(() => {\n    cleanup();\n    vi.restoreAllMocks();\n    vi.unstubAllGlobals();\n  });\n\n  it(\"observes against the grid body when the grid owns vertical scrolling\", async () => {\n    const { container } = render(<DataGridHarness fillHeight />);\n\n    await waitFor(() => {\n      expect(intersectionObserverRecords.length).toBeGreaterThan(0);\n    });\n\n    const grid = container.querySelector('[role=\"grid\"]');\n    expect(grid).not.toBeNull();\n    const scrollContainer = grid?.children.item(1);\n\n    expect(intersectionObserverRecords.at(-1)?.options?.root).toBe(scrollContainer);\n  });\n\n  it(\"falls back to the viewport when the page owns vertical scrolling\", async () => {\n    render(<DataGridHarness fillHeight={false} />);\n\n    await waitFor(() => {\n      expect(intersectionObserverRecords.length).toBeGreaterThan(0);\n    });\n\n    expect(intersectionObserverRecords.at(-1)?.options?.root ?? null).toBeNull();\n  });\n});\n\ndescribe(\"DataGrid controlled callbacks\", () => {\n  beforeEach(() => {\n    vi.stubGlobal(\"ResizeObserver\", MockResizeObserver);\n    vi.spyOn(HTMLElement.prototype, \"getBoundingClientRect\").mockImplementation(\n      function getBoundingClientRect() {\n        return {\n          x: 0,\n          y: 0,\n          width: 320,\n          height: 44,\n          top: 0,\n          left: 0,\n          right: 320,\n          bottom: 44,\n          toJSON() {\n            return this;\n          },\n        } as DOMRect;\n      },\n    );\n    Object.defineProperty(HTMLElement.prototype, \"clientHeight\", {\n      configurable: true,\n      get() {\n        return 400;\n      },\n    });\n    Object.defineProperty(HTMLElement.prototype, \"scrollHeight\", {\n      configurable: true,\n      get() {\n        return 400;\n      },\n    });\n  });\n\n  afterEach(() => {\n    cleanup();\n    vi.restoreAllMocks();\n    vi.unstubAllGlobals();\n  });\n\n  it(\"fires onSortChange from the current controlled sort state\", () => {\n    const onSortChange = vi.fn();\n    const { getByRole } = render(<InteractiveDataGridHarness onSortChange={onSortChange} />);\n\n    fireEvent.click(getByRole(\"columnheader\", { name: /name/i }));\n\n    expect(onSortChange).toHaveBeenCalledTimes(1);\n    expect(onSortChange).toHaveBeenCalledWith([{ columnId: \"name\", direction: \"asc\" }]);\n  });\n\n  it(\"fires onSelectionChange when selecting all rows\", () => {\n    const onSelectionChange = vi.fn();\n    const { getByRole } = render(<InteractiveDataGridHarness onSelectionChange={onSelectionChange} />);\n\n    fireEvent.click(getByRole(\"checkbox\", { name: /select all rows/i }));\n\n    expect(onSelectionChange).toHaveBeenCalledTimes(1);\n    const [selectedIds, selectedRows] = onSelectionChange.mock.calls[0];\n    expect([...selectedIds]).toEqual([\"row-1\"]);\n    expect(selectedRows).toEqual([{ id: \"row-1\", name: \"Row 1\" }]);\n  });\n\n  it(\"identifies nested interactive controls as row-click blockers\", () => {\n    const cell = document.createElement(\"div\");\n    const button = document.createElement(\"button\");\n    const label = document.createElement(\"span\");\n    label.textContent = \"Open menu\";\n    button.append(label);\n    cell.append(button);\n\n    expect(isDataGridInteractiveRowClickTarget(label.firstChild)).toBe(true);\n    expect(isDataGridInteractiveRowClickTarget(cell)).toBe(false);\n  });\n});\n\ndescribe(\"DataGrid horizontal scrolling\", () => {\n  beforeEach(() => {\n    vi.stubGlobal(\"ResizeObserver\", MockResizeObserver);\n    Object.defineProperty(HTMLElement.prototype, \"clientWidth\", {\n      configurable: true,\n      get() {\n        return 320;\n      },\n    });\n    vi.spyOn(HTMLElement.prototype, \"getBoundingClientRect\").mockImplementation(\n      function getBoundingClientRect() {\n        return {\n          x: 0,\n          y: 0,\n          width: 320,\n          height: 44,\n          top: 0,\n          left: 0,\n          right: 320,\n          bottom: 44,\n          toJSON() {\n            return this;\n          },\n        } as DOMRect;\n      },\n    );\n    Object.defineProperty(HTMLElement.prototype, \"clientHeight\", {\n      configurable: true,\n      get() {\n        return 400;\n      },\n    });\n    Object.defineProperty(HTMLElement.prototype, \"scrollHeight\", {\n      configurable: true,\n      get() {\n        return 400;\n      },\n    });\n  });\n\n  afterEach(() => {\n    cleanup();\n    vi.restoreAllMocks();\n    vi.unstubAllGlobals();\n  });\n\n  it(\"sizes the sticky clipping layer to the full row width\", () => {\n    const { container } = render(<WideDataGridHarness />);\n\n    const rowsClip = container.querySelector(\"[data-data-grid-rows-clip]\");\n\n    expect(rowsClip).toBeInstanceOf(HTMLElement);\n    expect((rowsClip as HTMLElement).style.minWidth).toBe(\"740px\");\n  });\n\n  it(\"lets the columns popover escape the sticky toolbar bounds\", () => {\n    const { container, getByTitle } = render(<WideDataGridHarness />);\n\n    fireEvent.click(getByTitle(\"Columns\"));\n\n    const stickyChrome = container.querySelector('[role=\"grid\"]')?.firstElementChild;\n    expect(stickyChrome).toBeInstanceOf(HTMLElement);\n    expect((stickyChrome as HTMLElement).className).toContain(\"overflow-visible\");\n    expect(container.textContent).toContain(\"Email\");\n  });\n});\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexclave/dashboard-ui-components",
-  "version": "1.0.23",
+  "version": "1.0.25",
   "repository": "https://github.com/hexclave/hexclave",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -50,8 +50,8 @@
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.13.0",
     "class-variance-authority": "^0.7.0",
-    "@hexclave/shared": "1.0.23",
-    "@hexclave/ui": "1.0.23"
+    "@hexclave/shared": "1.0.25",
+    "@hexclave/ui": "1.0.25"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",

package/src/components/data-grid/data-grid.test.tsx

@@ -56,6 +56,7 @@ let intersectionObserverRecords: ObserverRecord[] = [];
 class MockIntersectionObserver implements IntersectionObserver {
   readonly root: Element | Document | null;
   readonly rootMargin: string;
+  readonly scrollMargin: string;
   readonly thresholds: ReadonlyArray<number>;
   private readonly callback: IntersectionObserverCallback;
   private readonly record: ObserverRecord;
@@ -67,6 +68,7 @@ class MockIntersectionObserver implements IntersectionObserver {
     this.callback = callback;
     this.root = options?.root ?? null;
     this.rootMargin = options?.rootMargin ?? "";
+    this.scrollMargin = "";
     this.thresholds = Array.isArray(options?.threshold)
       ? options.threshold
       : [options?.threshold ?? 0];