@prairielearn/ui 3.2.1 → 3.2.2

package/dist/components/NumericInputColumnFilter.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumericInputColumnFilter.test.js","sourceRoot":"","sources":["../../src/components/NumericInputColumnFilter.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { describe, expect, it } from 'vitest';\n\nimport { numericColumnFilterFn, parseNumericFilter } from './NumericInputColumnFilter.js';\n\ndescribe('parseNumericFilter', () => {\n  it('should parse equals operator', () => {\n    expect(parseNumericFilter('5')).toEqual({ operator: '=', value: 5 });\n    expect(parseNumericFilter('=5')).toEqual({ operator: '=', value: 5 });\n    expect(parseNumericFilter('= 5')).toEqual({ operator: '=', value: 5 });\n  });\n\n  it('should parse less than operator', () => {\n    expect(parseNumericFilter('<5')).toEqual({ operator: '<', value: 5 });\n    expect(parseNumericFilter('< 5')).toEqual({ operator: '<', value: 5 });\n  });\n\n  it('should parse greater than operator', () => {\n    expect(parseNumericFilter('>5')).toEqual({ operator: '>', value: 5 });\n    expect(parseNumericFilter('> 5')).toEqual({ operator: '>', value: 5 });\n  });\n\n  it('should parse less than or equal operator', () => {\n    expect(parseNumericFilter('<=5')).toEqual({ operator: '<=', value: 5 });\n    expect(parseNumericFilter('<= 5')).toEqual({ operator: '<=', value: 5 });\n  });\n\n  it('should parse greater than or equal operator', () => {\n    expect(parseNumericFilter('>=5')).toEqual({ operator: '>=', value: 5 });\n    expect(parseNumericFilter('>= 5')).toEqual({ operator: '>=', value: 5 });\n  });\n\n  it('should handle decimals', () => {\n    expect(parseNumericFilter('5.5')).toEqual({ operator: '=', value: 5.5 });\n    expect(parseNumericFilter('>3.14')).toEqual({ operator: '>', value: 3.14 });\n  });\n\n  it('should handle negative numbers', () => {\n    expect(parseNumericFilter('-5')).toEqual({ operator: '=', value: -5 });\n    expect(parseNumericFilter('<-3')).toEqual({ operator: '<', value: -3 });\n  });\n\n  it('should return null for invalid input', () => {\n    expect(parseNumericFilter('')).toBeNull();\n    expect(parseNumericFilter('   ')).toBeNull();\n    expect(parseNumericFilter('abc')).toBeNull();\n    expect(parseNumericFilter('>>')).toBeNull();\n    expect(parseNumericFilter('5.5.5')).toBeNull();\n  });\n\n  it('should handle whitespace', () => {\n    expect(parseNumericFilter('  >  5  ')).toEqual({ operator: '>', value: 5 });\n  });\n});\n\ndescribe('numericColumnFilterFn', () => {\n  const createMockRow = (value: number | null) => ({\n    getValue: () => value,\n  });\n\n  it('should filter with equals operator', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: '5', emptyOnly: false }),\n    ).toBe(true);\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: '=5', emptyOnly: false }),\n    ).toBe(true);\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: '4', emptyOnly: false }),\n    ).toBe(false);\n  });\n\n  it('should filter with less than operator', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(3), 'col', { filterValue: '<5', emptyOnly: false }),\n    ).toBe(true);\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: '<5', emptyOnly: false }),\n    ).toBe(false);\n    expect(\n      numericColumnFilterFn(createMockRow(7), 'col', { filterValue: '<5', emptyOnly: false }),\n    ).toBe(false);\n  });\n\n  it('should filter with greater than operator', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(7), 'col', { filterValue: '>5', emptyOnly: false }),\n    ).toBe(true);\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: '>5', emptyOnly: false }),\n    ).toBe(false);\n    expect(\n      numericColumnFilterFn(createMockRow(3), 'col', { filterValue: '>5', emptyOnly: false }),\n    ).toBe(false);\n  });\n\n  it('should filter with less than or equal operator', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(3), 'col', { filterValue: '<=5', emptyOnly: false }),\n    ).toBe(true);\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: '<=5', emptyOnly: false }),\n    ).toBe(true);\n    expect(\n      numericColumnFilterFn(createMockRow(7), 'col', { filterValue: '<=5', emptyOnly: false }),\n    ).toBe(false);\n  });\n\n  it('should filter with greater than or equal operator', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(7), 'col', { filterValue: '>=5', emptyOnly: false }),\n    ).toBe(true);\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: '>=5', emptyOnly: false }),\n    ).toBe(true);\n    expect(\n      numericColumnFilterFn(createMockRow(3), 'col', { filterValue: '>=5', emptyOnly: false }),\n    ).toBe(false);\n  });\n\n  it('should return true for invalid or empty filter', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: '', emptyOnly: false }),\n    ).toBe(true);\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: 'invalid', emptyOnly: false }),\n    ).toBe(true);\n  });\n\n  it('should return false for null values when filter is active', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(null), 'col', { filterValue: '>5', emptyOnly: false }),\n    ).toBe(false);\n  });\n\n  it('should return true for null values when filter is empty', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(null), 'col', { filterValue: '', emptyOnly: false }),\n    ).toBe(true);\n  });\n  it('should return true for null values when emptyOnly is true', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(null), 'col', { filterValue: '', emptyOnly: true }),\n    ).toBe(true);\n  });\n  it('should return false for set values when emptyOnly is true', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: '', emptyOnly: true }),\n    ).toBe(false);\n  });\n});\n"]}
+{"version":3,"file":"NumericInputColumnFilter.test.js","sourceRoot":"","sources":["../../src/components/NumericInputColumnFilter.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { describe, expect, it } from 'vitest';\n\nimport { numericColumnFilterFn, parseNumericFilter } from './NumericInputColumnFilter.js';\n\ndescribe('parseNumericFilter', () => {\n  it('should parse equals operator', () => {\n    expect(parseNumericFilter('5')).toEqual({ operator: '=', value: 5 });\n    expect(parseNumericFilter('=5')).toEqual({ operator: '=', value: 5 });\n    expect(parseNumericFilter('= 5')).toEqual({ operator: '=', value: 5 });\n  });\n\n  it('should parse less than operator', () => {\n    expect(parseNumericFilter('<5')).toEqual({ operator: '<', value: 5 });\n    expect(parseNumericFilter('< 5')).toEqual({ operator: '<', value: 5 });\n  });\n\n  it('should parse greater than operator', () => {\n    expect(parseNumericFilter('>5')).toEqual({ operator: '>', value: 5 });\n    expect(parseNumericFilter('> 5')).toEqual({ operator: '>', value: 5 });\n  });\n\n  it('should parse less than or equal operator', () => {\n    expect(parseNumericFilter('<=5')).toEqual({ operator: '<=', value: 5 });\n    expect(parseNumericFilter('<= 5')).toEqual({ operator: '<=', value: 5 });\n  });\n\n  it('should parse greater than or equal operator', () => {\n    expect(parseNumericFilter('>=5')).toEqual({ operator: '>=', value: 5 });\n    expect(parseNumericFilter('>= 5')).toEqual({ operator: '>=', value: 5 });\n  });\n\n  it('should handle decimals', () => {\n    expect(parseNumericFilter('5.5')).toEqual({ operator: '=', value: 5.5 });\n    expect(parseNumericFilter('>3.14')).toEqual({ operator: '>', value: 3.14 });\n  });\n\n  it('should handle negative numbers', () => {\n    expect(parseNumericFilter('-5')).toEqual({ operator: '=', value: -5 });\n    expect(parseNumericFilter('<-3')).toEqual({ operator: '<', value: -3 });\n  });\n\n  it('should return null for invalid input', () => {\n    expect(parseNumericFilter('')).toBeNull();\n    expect(parseNumericFilter('   ')).toBeNull();\n    expect(parseNumericFilter('abc')).toBeNull();\n    expect(parseNumericFilter('>>')).toBeNull();\n    expect(parseNumericFilter('5.5.5')).toBeNull();\n  });\n\n  it('should handle whitespace', () => {\n    expect(parseNumericFilter('  >  5  ')).toEqual({ operator: '>', value: 5 });\n  });\n});\n\ndescribe('numericColumnFilterFn', () => {\n  const createMockRow = (value: number | null) => ({\n    getValue: () => value,\n  });\n\n  it('should filter with equals operator', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: '5', emptyOnly: false }),\n    ).toBe(true);\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: '=5', emptyOnly: false }),\n    ).toBe(true);\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: '4', emptyOnly: false }),\n    ).toBe(false);\n  });\n\n  it('should filter with less than operator', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(3), 'col', { filterValue: '<5', emptyOnly: false }),\n    ).toBe(true);\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: '<5', emptyOnly: false }),\n    ).toBe(false);\n    expect(\n      numericColumnFilterFn(createMockRow(7), 'col', { filterValue: '<5', emptyOnly: false }),\n    ).toBe(false);\n  });\n\n  it('should filter with greater than operator', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(7), 'col', { filterValue: '>5', emptyOnly: false }),\n    ).toBe(true);\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: '>5', emptyOnly: false }),\n    ).toBe(false);\n    expect(\n      numericColumnFilterFn(createMockRow(3), 'col', { filterValue: '>5', emptyOnly: false }),\n    ).toBe(false);\n  });\n\n  it('should filter with less than or equal operator', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(3), 'col', { filterValue: '<=5', emptyOnly: false }),\n    ).toBe(true);\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: '<=5', emptyOnly: false }),\n    ).toBe(true);\n    expect(\n      numericColumnFilterFn(createMockRow(7), 'col', { filterValue: '<=5', emptyOnly: false }),\n    ).toBe(false);\n  });\n\n  it('should filter with greater than or equal operator', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(7), 'col', { filterValue: '>=5', emptyOnly: false }),\n    ).toBe(true);\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: '>=5', emptyOnly: false }),\n    ).toBe(true);\n    expect(\n      numericColumnFilterFn(createMockRow(3), 'col', { filterValue: '>=5', emptyOnly: false }),\n    ).toBe(false);\n  });\n\n  it('should return true for invalid or empty filter', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: '', emptyOnly: false }),\n    ).toBe(true);\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: 'invalid', emptyOnly: false }),\n    ).toBe(true);\n  });\n\n  it('should return false for null values when filter is active', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(null), 'col', { filterValue: '>5', emptyOnly: false }),\n    ).toBe(false);\n  });\n\n  it('should return true for null values when filter is empty', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(null), 'col', { filterValue: '', emptyOnly: false }),\n    ).toBe(true);\n  });\n  it('should return true for null values when emptyOnly is true', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(null), 'col', { filterValue: '', emptyOnly: true }),\n    ).toBe(true);\n  });\n  it('should return false for set values when emptyOnly is true', () => {\n    expect(\n      numericColumnFilterFn(createMockRow(5), 'col', { filterValue: '', emptyOnly: true }),\n    ).toBe(false);\n  });\n});\n"]}

package/dist/components/OverlayTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayTrigger.js","sourceRoot":"","sources":["../../src/components/OverlayTrigger.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef } from 'react';\nimport {\n  // eslint-disable-next-line no-restricted-imports\n  OverlayTrigger as BootstrapOverlayTrigger,\n  type OverlayTriggerProps as BootstrapOverlayTriggerProps,\n  Popover,\n  type PopoverProps,\n  Tooltip,\n  type TooltipProps,\n} from 'react-bootstrap';\n\nimport { type FocusTrap, focusFirstFocusableChild, trapFocus } from '@prairielearn/browser-utils';\n\nexport interface OverlayTriggerProps extends Omit<BootstrapOverlayTriggerProps, 'overlay'> {\n  popover?: {\n    /**\n     * Additional props to pass to the Popover component.\n     */\n    props?: Omit<PopoverProps, 'children'>;\n    /**\n     * The content to display in the popover body.\n     */\n    body: React.ReactNode;\n    /**\n     * Optional header content for the popover.\n     */\n    header?: React.ReactNode;\n  };\n  tooltip?: {\n    /**\n     * Additional props to pass to the Tooltip component. `id` is required for accessibility.\n     */\n    props: Omit<TooltipProps, 'children' | 'id'> & { id: string };\n    /**\n     * The content to display in the tooltip body.\n     */\n    body: React.ReactNode;\n  };\n  /**\n   * Whether to trap focus inside the overlay when it's shown.\n   * If true, focus will be trapped and moved to the first focusable element.\n   * @default true\n   */\n  trapFocus?: boolean;\n  /**\n   * Whether to return focus to the trigger element when the overlay is hidden.\n   * @default true\n   */\n  returnFocus?: boolean;\n}\n\n/**\n * A wrapper around react-bootstrap's OverlayTrigger that adds accessibility features:\n * - Automatic focus trapping when the overlay is shown\n * - Auto-focus on the first focusable element in the overlay\n * - Returns focus to the trigger element when the overlay is hidden\n * - Automatically constructs a Popover with proper ref management\n *\n * This component provides a simpler API than react-bootstrap's OverlayTrigger by\n * handling the Popover construction and ref management internally.\n *\n * @example\n * ```tsx\n * <OverlayTrigger\n *   tooltip={{\n *     body: 'Tooltip content',\n *     props: { id: 'tooltip-id' },\n *   }}\n *   placement=\"right\"\n * >\n *   <button>Hover me</button>\n * </OverlayTrigger>\n * ```\n *\n * @example\n * ```tsx\n * <OverlayTrigger\n *   popover={{\n *     header: 'Popover title',\n *     body: 'Popover content',\n *   }}\n *   placement=\"right\"\n * >\n *   <button>Click me</button>\n * </OverlayTrigger>\n * ```\n */\nexport function OverlayTrigger({\n  children,\n  popover,\n  tooltip,\n  trapFocus: shouldTrapFocus = true,\n  returnFocus = true,\n  onEntered,\n  onExit,\n  ...props\n}: OverlayTriggerProps) {\n  const overlayBodyRef = useRef<HTMLDivElement>(null);\n  const focusTrapRef = useRef<FocusTrap | null>(null);\n  const triggerElementRef = useRef<HTMLElement | null>(null);\n\n  const handleEntered = (node: HTMLElement, isAppearing: boolean) => {\n    // Store the currently focused element (the trigger) before we move focus\n    if (returnFocus && document.activeElement instanceof HTMLElement) {\n      triggerElementRef.current = document.activeElement;\n    }\n\n    if (shouldTrapFocus && overlayBodyRef.current && props.trigger === 'click') {\n      // Trap focus inside the overlay body\n      focusTrapRef.current = trapFocus(overlayBodyRef.current);\n\n      // Move focus to the first focusable element\n      focusFirstFocusableChild(overlayBodyRef.current);\n    }\n\n    // Call the original onEntered callback if provided\n    onEntered?.(node, isAppearing);\n  };\n\n  // Deactivate the focus trap when the component unmounts\n  useEffect(() => {\n    return () => {\n      focusTrapRef.current?.deactivate();\n    };\n  }, []);\n\n  const handleExit = (node: HTMLElement) => {\n    // Deactivate the focus trap\n    if (focusTrapRef.current) {\n      focusTrapRef.current.deactivate();\n      focusTrapRef.current = null;\n    }\n\n    // Return focus to the trigger element\n    if (returnFocus && triggerElementRef.current) {\n      triggerElementRef.current.focus();\n      triggerElementRef.current = null;\n    }\n\n    // Call the original onExit callback if provided\n    onExit?.(node);\n  };\n\n  if (Boolean(popover) === Boolean(tooltip)) {\n    throw new Error('Only one of popover or tooltip must be provided');\n  }\n\n  // Construct the popover with our managed ref\n  const popoverOverlay = popover ? (\n    <Popover {...popover.props}>\n      {popover.header && <Popover.Header>{popover.header}</Popover.Header>}\n      <Popover.Body ref={overlayBodyRef}>{popover.body}</Popover.Body>\n    </Popover>\n  ) : null;\n\n  const tooltipOverlay = tooltip ? <Tooltip {...tooltip.props}>{tooltip.body}</Tooltip> : null;\n\n  return (\n    <BootstrapOverlayTrigger\n      {...props}\n      overlay={popoverOverlay ?? tooltipOverlay!}\n      onEntered={handleEntered}\n      onExit={handleExit}\n    >\n      {children}\n    </BootstrapOverlayTrigger>\n  );\n}\n"]}
+{"version":3,"file":"OverlayTrigger.js","sourceRoot":"","sources":["../../src/components/OverlayTrigger.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO;AACL,iDAAiD;AACjD,cAAc,IAAI,uBAAuB,EAEzC,OAAO,EAEP,OAAO,GAER,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAkB,wBAAwB,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAwClG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,EAAE,eAAe,GAAG,IAAI,EACjC,WAAW,GAAG,IAAI,EAClB,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACY;IACpB,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACpD,MAAM,iBAAiB,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAE3D,MAAM,aAAa,GAAG,CAAC,IAAiB,EAAE,WAAoB,EAAE,EAAE;QAChE,yEAAyE;QACzE,IAAI,WAAW,IAAI,QAAQ,CAAC,aAAa,YAAY,WAAW,EAAE,CAAC;YACjE,iBAAiB,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC;QACrD,CAAC;QAED,IAAI,eAAe,IAAI,cAAc,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;YAC3E,qCAAqC;YACrC,YAAY,CAAC,OAAO,GAAG,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YAEzD,4CAA4C;YAC5C,wBAAwB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACnD,CAAC;QAED,mDAAmD;QACnD,SAAS,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,wDAAwD;IACxD,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;QACrC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,CAAC,IAAiB,EAAE,EAAE;QACvC,4BAA4B;QAC5B,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACzB,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;YAClC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;QAC9B,CAAC;QAED,sCAAsC;QACtC,IAAI,WAAW,IAAI,iBAAiB,CAAC,OAAO,EAAE,CAAC;YAC7C,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAClC,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;QACnC,CAAC;QAED,gDAAgD;QAChD,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,IAAI,OAAO,CAAC,OAAO,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QAC1C,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAC;IACrE,CAAC;IAED,6CAA6C;IAC7C,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,CAC/B,MAAC,OAAO,OAAK,OAAO,CAAC,KAAK,aACvB,OAAO,CAAC,MAAM,IAAI,KAAC,OAAO,CAAC,MAAM,cAAE,OAAO,CAAC,MAAM,GAAkB,EACpE,KAAC,OAAO,CAAC,IAAI,IAAC,GAAG,EAAE,cAAc,YAAG,OAAO,CAAC,IAAI,GAAgB;YACxD,CACX,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,KAAC,OAAO,OAAK,OAAO,CAAC,KAAK,YAAG,OAAO,CAAC,IAAI,GAAW,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7F,OAAO,CACL,KAAC,uBAAuB,OAClB,KAAK,EACT,OAAO,EAAE,cAAc,IAAI,cAAe,EAC1C,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,YAEjB,QAAQ,GACe,CAC3B,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect, useRef } from 'react';\nimport {\n  // eslint-disable-next-line no-restricted-imports\n  OverlayTrigger as BootstrapOverlayTrigger,\n  type OverlayTriggerProps as BootstrapOverlayTriggerProps,\n  Popover,\n  type PopoverProps,\n  Tooltip,\n  type TooltipProps,\n} from 'react-bootstrap';\n\nimport { type FocusTrap, focusFirstFocusableChild, trapFocus } from '@prairielearn/browser-utils';\n\nexport interface OverlayTriggerProps extends Omit<BootstrapOverlayTriggerProps, 'overlay'> {\n  popover?: {\n    /**\n     * Additional props to pass to the Popover component.\n     */\n    props?: Omit<PopoverProps, 'children'>;\n    /**\n     * The content to display in the popover body.\n     */\n    body: React.ReactNode;\n    /**\n     * Optional header content for the popover.\n     */\n    header?: React.ReactNode;\n  };\n  tooltip?: {\n    /**\n     * Additional props to pass to the Tooltip component. `id` is required for accessibility.\n     */\n    props: Omit<TooltipProps, 'children' | 'id'> & { id: string };\n    /**\n     * The content to display in the tooltip body.\n     */\n    body: React.ReactNode;\n  };\n  /**\n   * Whether to trap focus inside the overlay when it's shown.\n   * If true, focus will be trapped and moved to the first focusable element.\n   * @default true\n   */\n  trapFocus?: boolean;\n  /**\n   * Whether to return focus to the trigger element when the overlay is hidden.\n   * @default true\n   */\n  returnFocus?: boolean;\n}\n\n/**\n * A wrapper around react-bootstrap's OverlayTrigger that adds accessibility features:\n * - Automatic focus trapping when the overlay is shown\n * - Auto-focus on the first focusable element in the overlay\n * - Returns focus to the trigger element when the overlay is hidden\n * - Automatically constructs a Popover with proper ref management\n *\n * This component provides a simpler API than react-bootstrap's OverlayTrigger by\n * handling the Popover construction and ref management internally.\n *\n * @example\n * ```tsx\n * <OverlayTrigger\n *   tooltip={{\n *     body: 'Tooltip content',\n *     props: { id: 'tooltip-id' },\n *   }}\n *   placement=\"right\"\n * >\n *   <button>Hover me</button>\n * </OverlayTrigger>\n * ```\n *\n * @example\n * ```tsx\n * <OverlayTrigger\n *   popover={{\n *     header: 'Popover title',\n *     body: 'Popover content',\n *   }}\n *   placement=\"right\"\n * >\n *   <button>Click me</button>\n * </OverlayTrigger>\n * ```\n */\nexport function OverlayTrigger({\n  children,\n  popover,\n  tooltip,\n  trapFocus: shouldTrapFocus = true,\n  returnFocus = true,\n  onEntered,\n  onExit,\n  ...props\n}: OverlayTriggerProps) {\n  const overlayBodyRef = useRef<HTMLDivElement>(null);\n  const focusTrapRef = useRef<FocusTrap | null>(null);\n  const triggerElementRef = useRef<HTMLElement | null>(null);\n\n  const handleEntered = (node: HTMLElement, isAppearing: boolean) => {\n    // Store the currently focused element (the trigger) before we move focus\n    if (returnFocus && document.activeElement instanceof HTMLElement) {\n      triggerElementRef.current = document.activeElement;\n    }\n\n    if (shouldTrapFocus && overlayBodyRef.current && props.trigger === 'click') {\n      // Trap focus inside the overlay body\n      focusTrapRef.current = trapFocus(overlayBodyRef.current);\n\n      // Move focus to the first focusable element\n      focusFirstFocusableChild(overlayBodyRef.current);\n    }\n\n    // Call the original onEntered callback if provided\n    onEntered?.(node, isAppearing);\n  };\n\n  // Deactivate the focus trap when the component unmounts\n  useEffect(() => {\n    return () => {\n      focusTrapRef.current?.deactivate();\n    };\n  }, []);\n\n  const handleExit = (node: HTMLElement) => {\n    // Deactivate the focus trap\n    if (focusTrapRef.current) {\n      focusTrapRef.current.deactivate();\n      focusTrapRef.current = null;\n    }\n\n    // Return focus to the trigger element\n    if (returnFocus && triggerElementRef.current) {\n      triggerElementRef.current.focus();\n      triggerElementRef.current = null;\n    }\n\n    // Call the original onExit callback if provided\n    onExit?.(node);\n  };\n\n  if (Boolean(popover) === Boolean(tooltip)) {\n    throw new Error('Only one of popover or tooltip must be provided');\n  }\n\n  // Construct the popover with our managed ref\n  const popoverOverlay = popover ? (\n    <Popover {...popover.props}>\n      {popover.header && <Popover.Header>{popover.header}</Popover.Header>}\n      <Popover.Body ref={overlayBodyRef}>{popover.body}</Popover.Body>\n    </Popover>\n  ) : null;\n\n  const tooltipOverlay = tooltip ? <Tooltip {...tooltip.props}>{tooltip.body}</Tooltip> : null;\n\n  return (\n    <BootstrapOverlayTrigger\n      {...props}\n      overlay={popoverOverlay ?? tooltipOverlay!}\n      onEntered={handleEntered}\n      onExit={handleExit}\n    >\n      {children}\n    </BootstrapOverlayTrigger>\n  );\n}\n"]}

package/dist/components/PresetFilterDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresetFilterDropdown.js","sourceRoot":"","sources":["../../src/components/PresetFilterDropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { ColumnFiltersState, Table } from '@tanstack/react-table';\nimport { useMemo } from 'react';\nimport { ButtonGroup, Dropdown } from 'react-bootstrap';\n\n/**\n * Compares two filter values for deep equality using JSON serialization.\n */\nfunction filtersEqual(a: unknown, b: unknown): boolean {\n  return JSON.stringify(a) === JSON.stringify(b);\n}\n\n/**\n * Extracts all unique column IDs referenced across all preset options.\n */\nfunction getRelevantColumnIds(options: Record<string, ColumnFiltersState>): Set<string> {\n  const columnIds = new Set<string>();\n  for (const filters of Object.values(options)) {\n    for (const filter of filters) {\n      columnIds.add(filter.id);\n    }\n  }\n  return columnIds;\n}\n\n/**\n * Gets the current filter values for the relevant columns from the table.\n */\nfunction getRelevantFilters<TData>(\n  table: Table<TData>,\n  relevantColumnIds: Set<string>,\n): ColumnFiltersState {\n  const allFilters = table.getState().columnFilters;\n  return allFilters.filter((f) => relevantColumnIds.has(f.id));\n}\n\n/**\n * Checks if the current filters match a preset's filters.\n * Both must have the same column IDs with equal values.\n */\nfunction filtersMatchPreset(current: ColumnFiltersState, preset: ColumnFiltersState): boolean {\n  // If lengths differ, they don't match\n  if (current.length !== preset.length) return false;\n\n  // For empty presets, current must also be empty\n  if (preset.length === 0) return current.length === 0;\n\n  // Check that every preset filter exists in current with the same value\n  for (const presetFilter of preset) {\n    const currentFilter = current.find((f) => f.id === presetFilter.id);\n    if (!currentFilter || !filtersEqual(currentFilter.value, presetFilter.value)) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\n/**\n * A dropdown component that allows users to select from preset filter configurations.\n * The selected state is derived from the table's current column filters.\n * If no preset matches, a \"Custom\" option is shown as selected.\n *\n * Currently, this component expects that the filters states are arrays.\n */\nexport function PresetFilterDropdown<OptionName extends string, TData>({\n  table,\n  options,\n  label = 'Filter',\n  onSelect,\n}: {\n  /** The TanStack Table instance */\n  table: Table<TData>;\n  /** Mapping of option names to their filter configurations */\n  options: Record<OptionName, ColumnFiltersState>;\n  /** Label prefix for the dropdown button (e.g., \"Filter\") */\n  label?: string;\n  /** Callback when an option is selected, useful for side effects like column visibility */\n  onSelect?: (optionName: OptionName) => void;\n}) {\n  const relevantColumnIds = getRelevantColumnIds(options);\n\n  const currentRelevantFilters = useMemo(\n    () => getRelevantFilters(table, relevantColumnIds),\n    [table, relevantColumnIds],\n  );\n\n  // Find which option matches the current filters\n  const selectedOption = useMemo<OptionName | null>(() => {\n    for (const [optionName, presetFilters] of Object.entries(options)) {\n      if (filtersMatchPreset(currentRelevantFilters, presetFilters as ColumnFiltersState)) {\n        return optionName as OptionName;\n      }\n    }\n    return null; // No preset matches - custom filter state\n  }, [options, currentRelevantFilters]);\n\n  const handleOptionClick = (optionName: OptionName) => {\n    const presetFilters = options[optionName];\n\n    // Get current filters, removing any that are in our relevant columns\n    const currentFilters = table.getState().columnFilters;\n    const preservedFilters = currentFilters.filter((f) => !relevantColumnIds.has(f.id));\n\n    // For columns not in the preset, explicitly set empty filter to clear them\n    // This ensures the table's onColumnFiltersChange handler can sync the cleared state\n    const clearedFilters = Array.from(relevantColumnIds)\n      .filter((colId) => !presetFilters.some((f) => f.id === colId))\n      .map((colId) => ({\n        id: colId,\n        // TODO: This expects that we are only clearing filters whose state is an array.\n        value: [],\n      }));\n\n    // Combine preserved filters with the new preset filters and cleared filters\n    const newFilters = [...preservedFilters, ...presetFilters, ...clearedFilters];\n    table.setColumnFilters(newFilters);\n\n    onSelect?.(optionName);\n  };\n\n  const displayLabel = selectedOption ?? 'Custom';\n\n  return (\n    <Dropdown as={ButtonGroup}>\n      <Dropdown.Toggle variant=\"tanstack-table\">\n        <i className=\"bi bi-funnel me-2\" aria-hidden=\"true\" />\n        {label}: {displayLabel}\n      </Dropdown.Toggle>\n      <Dropdown.Menu>\n        {Object.keys(options).map((optionName) => {\n          const isSelected = selectedOption === optionName;\n          return (\n            <Dropdown.Item\n              key={optionName}\n              as=\"button\"\n              type=\"button\"\n              active={isSelected}\n              onClick={() => handleOptionClick(optionName as OptionName)}\n            >\n              <i className={`bi ${isSelected ? 'bi-check-circle-fill' : 'bi-circle'} me-2`} />\n              {optionName}\n            </Dropdown.Item>\n          );\n        })}\n        {/* Show Custom option only when no preset matches */}\n        {selectedOption === null && (\n          <Dropdown.Item as=\"button\" type=\"button\" active disabled>\n            <i className=\"bi bi-check-circle-fill me-2\" />\n            Custom\n          </Dropdown.Item>\n        )}\n      </Dropdown.Menu>\n    </Dropdown>\n  );\n}\n"]}
+{"version":3,"file":"PresetFilterDropdown.js","sourceRoot":"","sources":["../../src/components/PresetFilterDropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { ColumnFiltersState, Table } from '@tanstack/react-table';\nimport { useMemo } from 'react';\nimport { ButtonGroup, Dropdown } from 'react-bootstrap';\n\n/**\n * Compares two filter values for deep equality using JSON serialization.\n */\nfunction filtersEqual(a: unknown, b: unknown): boolean {\n  return JSON.stringify(a) === JSON.stringify(b);\n}\n\n/**\n * Extracts all unique column IDs referenced across all preset options.\n */\nfunction getRelevantColumnIds(options: Record<string, ColumnFiltersState>): Set<string> {\n  const columnIds = new Set<string>();\n  for (const filters of Object.values(options)) {\n    for (const filter of filters) {\n      columnIds.add(filter.id);\n    }\n  }\n  return columnIds;\n}\n\n/**\n * Gets the current filter values for the relevant columns from the table.\n */\nfunction getRelevantFilters<TData>(\n  table: Table<TData>,\n  relevantColumnIds: Set<string>,\n): ColumnFiltersState {\n  const allFilters = table.getState().columnFilters;\n  return allFilters.filter((f) => relevantColumnIds.has(f.id));\n}\n\n/**\n * Checks if the current filters match a preset's filters.\n * Both must have the same column IDs with equal values.\n */\nfunction filtersMatchPreset(current: ColumnFiltersState, preset: ColumnFiltersState): boolean {\n  // If lengths differ, they don't match\n  if (current.length !== preset.length) return false;\n\n  // For empty presets, current must also be empty\n  if (preset.length === 0) return current.length === 0;\n\n  // Check that every preset filter exists in current with the same value\n  for (const presetFilter of preset) {\n    const currentFilter = current.find((f) => f.id === presetFilter.id);\n    if (!currentFilter || !filtersEqual(currentFilter.value, presetFilter.value)) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\n/**\n * A dropdown component that allows users to select from preset filter configurations.\n * The selected state is derived from the table's current column filters.\n * If no preset matches, a \"Custom\" option is shown as selected.\n *\n * Currently, this component expects that the filters states are arrays.\n */\nexport function PresetFilterDropdown<OptionName extends string, TData>({\n  table,\n  options,\n  label = 'Filter',\n  onSelect,\n}: {\n  /** The TanStack Table instance */\n  table: Table<TData>;\n  /** Mapping of option names to their filter configurations */\n  options: Record<OptionName, ColumnFiltersState>;\n  /** Label prefix for the dropdown button (e.g., \"Filter\") */\n  label?: string;\n  /** Callback when an option is selected, useful for side effects like column visibility */\n  onSelect?: (optionName: OptionName) => void;\n}) {\n  const relevantColumnIds = getRelevantColumnIds(options);\n\n  const currentRelevantFilters = useMemo(\n    () => getRelevantFilters(table, relevantColumnIds),\n    [table, relevantColumnIds],\n  );\n\n  // Find which option matches the current filters\n  const selectedOption = useMemo<OptionName | null>(() => {\n    for (const [optionName, presetFilters] of Object.entries(options)) {\n      if (filtersMatchPreset(currentRelevantFilters, presetFilters as ColumnFiltersState)) {\n        return optionName as OptionName;\n      }\n    }\n    return null; // No preset matches - custom filter state\n  }, [options, currentRelevantFilters]);\n\n  const handleOptionClick = (optionName: OptionName) => {\n    const presetFilters = options[optionName];\n\n    // Get current filters, removing any that are in our relevant columns\n    const currentFilters = table.getState().columnFilters;\n    const preservedFilters = currentFilters.filter((f) => !relevantColumnIds.has(f.id));\n\n    // For columns not in the preset, explicitly set empty filter to clear them\n    // This ensures the table's onColumnFiltersChange handler can sync the cleared state\n    const clearedFilters = Array.from(relevantColumnIds)\n      .filter((colId) => !presetFilters.some((f) => f.id === colId))\n      .map((colId) => ({\n        id: colId,\n        // TODO: This expects that we are only clearing filters whose state is an array.\n        value: [],\n      }));\n\n    // Combine preserved filters with the new preset filters and cleared filters\n    const newFilters = [...preservedFilters, ...presetFilters, ...clearedFilters];\n    table.setColumnFilters(newFilters);\n\n    onSelect?.(optionName);\n  };\n\n  const displayLabel = selectedOption ?? 'Custom';\n\n  return (\n    <Dropdown as={ButtonGroup}>\n      <Dropdown.Toggle variant=\"tanstack-table\">\n        <i className=\"bi bi-funnel me-2\" aria-hidden=\"true\" />\n        {label}: {displayLabel}\n      </Dropdown.Toggle>\n      <Dropdown.Menu>\n        {Object.keys(options).map((optionName) => {\n          const isSelected = selectedOption === optionName;\n          return (\n            <Dropdown.Item\n              key={optionName}\n              as=\"button\"\n              type=\"button\"\n              active={isSelected}\n              onClick={() => handleOptionClick(optionName as OptionName)}\n            >\n              <i className={`bi ${isSelected ? 'bi-check-circle-fill' : 'bi-circle'} me-2`} />\n              {optionName}\n            </Dropdown.Item>\n          );\n        })}\n        {/* Show Custom option only when no preset matches */}\n        {selectedOption === null && (\n          <Dropdown.Item as=\"button\" type=\"button\" active disabled>\n            <i className=\"bi bi-check-circle-fill me-2\" />\n            Custom\n          </Dropdown.Item>\n        )}\n      </Dropdown.Menu>\n    </Dropdown>\n  );\n}\n"]}

package/dist/components/TanstackTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TanstackTable.d.ts","sourceRoot":"","sources":["../../src/components/TanstackTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,MAAM,EAAO,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAwC,MAAM,OAAO,CAAC;AAQlG,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,kCAAkC,CAAC;AAoE1C,UAAU,kBAAkB,CAAC,YAAY;IACvC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;CAC3D;AAID;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,YAAY,EAAE,EAC1C,KAAK,EACL,KAAK,EACL,OAA4B,EAC5B,SAAc,EACd,cAAsC,EACtC,UAA8B,EAC9B,SAAS,EACV,EAAE,kBAAkB,CAAC,YAAY,CAAC,2CA2WlC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,iBAAiB,CAAC,YAAY,EAAE,EAC9C,KAAK,EACL,KAAK,EACL,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,SAAS,EACT,GAAG,QAAQ,EACZ,EAAE;IACD,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE;QACd,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,UAAU,CAAC,EAAE,SAAS,CAAC;KACxB,CAAC;IACF,YAAY,EAAE;QACZ,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,YAAY,EAAE,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;IACvE,qBAAqB,CAAC,EAAE,IAAI,CAC1B,gCAAgC,CAAC,YAAY,CAAC,EAC9C,OAAO,GAAG,eAAe,GAAG,aAAa,CAC1C,GAAG;QAAE,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,aAAa,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACtD,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,2CA8FvC;AAED,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,EACT,EAAE;IACD,QAAQ,EAAE,MAAM,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAOA","sourcesContent":["import { flexRender } from '@tanstack/react-table';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport type { Cell, Header, Row, Table } from '@tanstack/table-core';\nimport clsx from 'clsx';\nimport { type ComponentProps, type ReactNode, useEffect, useMemo, useRef, useState } from 'react';\nimport OverlayTrigger from 'react-bootstrap/OverlayTrigger';\nimport Tooltip from 'react-bootstrap/Tooltip';\nimport { useDebouncedCallback } from 'use-debounce';\n\nimport { run } from '@prairielearn/run';\n\nimport { ColumnManager } from './ColumnManager.js';\nimport {\n  TanstackTableDownloadButton,\n  type TanstackTableDownloadButtonProps,\n} from './TanstackTableDownloadButton.js';\nimport { TanstackTableHeaderCell } from './TanstackTableHeaderCell.js';\nimport { useAutoSizeColumns } from './useAutoSizeColumns.js';\n\nfunction TableCell<RowDataModel>({\n  cell,\n  rowIdx,\n  colIdx,\n  canSort,\n  canFilter,\n  wrapText,\n  handleGridKeyDown,\n}: {\n  cell: Cell<RowDataModel, unknown>;\n  rowIdx: number;\n  colIdx: number;\n  canSort: boolean;\n  canFilter: boolean;\n  wrapText: boolean;\n  handleGridKeyDown: (e: React.KeyboardEvent, rowIdx: number, colIdx: number) => void;\n}) {\n  return (\n    <td\n      key={cell.id}\n      tabIndex={0}\n      data-grid-cell-row={rowIdx}\n      data-grid-cell-col={colIdx}\n      className={clsx(!canSort && !canFilter && 'text-center')}\n      style={{\n        display: 'flex',\n        width: cell.column.getSize(),\n        minWidth: 0,\n        maxWidth: cell.column.getSize(),\n        flexShrink: 0,\n        position: cell.column.getIsPinned() === 'left' ? 'sticky' : undefined,\n        left: cell.column.getIsPinned() === 'left' ? cell.column.getStart() : undefined,\n        verticalAlign: 'middle',\n      }}\n      onKeyDown={(e) => handleGridKeyDown(e, rowIdx, colIdx)}\n    >\n      <div\n        style={{\n          display: 'block',\n          minWidth: 0,\n          maxWidth: '100%',\n          overflow: wrapText ? 'visible' : 'hidden',\n          textOverflow: wrapText ? undefined : 'ellipsis',\n          whiteSpace: wrapText ? 'normal' : 'nowrap',\n          flex: '1 1 0%',\n          width: 0, // Allow flex to control width, but start from 0\n        }}\n      >\n        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n      </div>\n    </td>\n  );\n}\n\nconst DefaultNoResultsState = (\n  <TanstackTableEmptyState iconName=\"bi-search\">\n    No results found matching your search criteria.\n  </TanstackTableEmptyState>\n);\n\nconst DefaultEmptyState = (\n  <TanstackTableEmptyState iconName=\"bi-eye-slash\">No results found.</TanstackTableEmptyState>\n);\n\ninterface TanstackTableProps<RowDataModel> {\n  table: Table<RowDataModel>;\n  title: string;\n  filters?: Record<string, (props: { header: Header<RowDataModel, unknown> }) => ReactNode>;\n  rowHeight?: number;\n  noResultsState?: ReactNode;\n  emptyState?: ReactNode;\n  scrollRef?: React.RefObject<HTMLDivElement | null> | null;\n}\n\nconst DEFAULT_FILTER_MAP = {};\n\n/**\n * A generic component that renders a full-width, resizeable Tanstack Table.\n * @param params\n * @param params.table - The table model\n * @param params.title - The title of the table\n * @param params.filters - The filters for the table\n * @param params.rowHeight - The height of the rows in the table\n * @param params.noResultsState - The no results state for the table\n * @param params.emptyState - The empty state for the table\n * @param params.scrollRef - Optional ref that will be attached to the scroll container element.\n */\nexport function TanstackTable<RowDataModel>({\n  table,\n  title,\n  filters = DEFAULT_FILTER_MAP,\n  rowHeight = 42,\n  noResultsState = DefaultNoResultsState,\n  emptyState = DefaultEmptyState,\n  scrollRef,\n}: TanstackTableProps<RowDataModel>) {\n  const parentRef = useRef<HTMLDivElement>(null);\n  const tableRef = useRef<HTMLDivElement>(null);\n  const scrollContainerRef = scrollRef ?? parentRef;\n\n  const rows = [...table.getTopRows(), ...table.getCenterRows()];\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement: () => scrollContainerRef.current,\n    estimateSize: () => rowHeight,\n    overscan: 10,\n    measureElement: (el) => el?.getBoundingClientRect().height ?? rowHeight,\n  });\n\n  const visibleColumns = table.getVisibleLeafColumns();\n  const centerColumns = visibleColumns.filter((col) => !col.getIsPinned());\n\n  const columnVirtualizer = useVirtualizer({\n    count: centerColumns.length,\n    estimateSize: (index) => centerColumns[index]?.getSize(),\n    // `useAutoSizeColumns` solves a different problem (happens once when the column set changes)\n    // and we don't need to measure the cells themselves, so we can use the default estimateSize.\n    getScrollElement: () => scrollContainerRef.current,\n    horizontal: true,\n    overscan: 3,\n  });\n\n  const virtualColumns = columnVirtualizer.getVirtualItems();\n\n  const virtualPaddingLeft = run(() => {\n    if (columnVirtualizer && virtualColumns?.length > 0) {\n      return virtualColumns[0]?.start ?? 0;\n    }\n    return null;\n  });\n\n  const virtualPaddingRight = run(() => {\n    if (columnVirtualizer && virtualColumns?.length > 0) {\n      return (\n        columnVirtualizer.getTotalSize() - (virtualColumns[virtualColumns.length - 1]?.end ?? 0)\n      );\n    }\n    return null;\n  });\n\n  // Check if any column has wrapping enabled\n  const hasWrappedColumns = table.getAllLeafColumns().some((col) => col.columnDef.meta?.wrapText);\n\n  // Create callback for remeasuring after resize\n  const handleResizeEnd = useMemo(() => {\n    if (!hasWrappedColumns) return undefined;\n    return () => rowVirtualizer.measure();\n  }, [hasWrappedColumns, rowVirtualizer]);\n\n  const getVisibleCells = (row: Row<RowDataModel>) => [\n    ...row.getLeftVisibleCells(),\n    ...row.getCenterVisibleCells(),\n  ];\n\n  const handleGridKeyDown = (e: React.KeyboardEvent, rowIdx: number, colIdx: number) => {\n    const rowLength = getVisibleCells(rows[rowIdx]).length;\n    const adjacentCells: Record<KeyboardEvent['key'], { row: number; col: number }> = {\n      ArrowDown: {\n        row: Math.min(rows.length - 1, rowIdx + 1),\n        col: colIdx,\n      },\n      ArrowUp: {\n        row: Math.max(0, rowIdx - 1),\n        col: colIdx,\n      },\n      ArrowRight: {\n        row: rowIdx,\n        col: Math.min(rowLength - 1, colIdx + 1),\n      },\n      ArrowLeft: {\n        row: rowIdx,\n        col: Math.max(0, colIdx - 1),\n      },\n    };\n\n    const next = adjacentCells[e.key];\n\n    if (!next) {\n      return;\n    }\n\n    // Only handle arrow keys if we're in the cell itself, not in an interactive element\n    const target = e.target as HTMLElement;\n    if (target.tagName === 'TD') {\n      // If we are on the leftmost column, we should allow left scrolling.\n      if (colIdx === 0 && e.key === 'ArrowLeft') {\n        return;\n      }\n\n      // If we are on the top row, we should allow up scrolling.\n      if (rowIdx === 0 && e.key === 'ArrowUp') {\n        return;\n      }\n\n      // If we are on the rightmost column, we should allow right scrolling.\n      if (colIdx === rowLength - 1 && e.key === 'ArrowRight') {\n        return;\n      }\n\n      e.preventDefault();\n      const selector = `[data-grid-cell-row=\"${next.row}\"][data-grid-cell-col=\"${next.col}\"]`;\n      const nextCell = tableRef.current?.querySelector(selector) as HTMLElement | null;\n      nextCell?.focus();\n    }\n  };\n\n  const virtualRows = rowVirtualizer.getVirtualItems();\n\n  const headerGroups = table.getHeaderGroups();\n\n  const leafHeaderGroup = headerGroups[headerGroups.length - 1];\n\n  const leftPinnedHeaders = leafHeaderGroup.headers.filter(\n    (header) => header.column.getIsPinned() === 'left',\n  );\n  const centerHeaders = leafHeaderGroup.headers.filter((header) => !header.column.getIsPinned());\n\n  const isTableResizing = leafHeaderGroup.headers.some((header) => header.column.getIsResizing());\n\n  // We toggle this here instead of in the parent since this component logically manages all UI for the table.\n  useEffect(() => {\n    document.body.classList.toggle('pl-ui-no-user-select', isTableResizing);\n  }, [isTableResizing]);\n\n  const hasAutoSized = useAutoSizeColumns(table, tableRef, filters);\n\n  // Re-measure the virtualizer when auto-sizing completes\n  useEffect(() => {\n    if (hasAutoSized) {\n      // https://github.com/NickvanDyke/eslint-plugin-react-you-might-not-need-an-effect/issues/58\n      columnVirtualizer.measure();\n    }\n  }, [columnVirtualizer, hasAutoSized]);\n\n  const displayedCount = table.getRowModel().rows.length;\n  const totalCount = table.getCoreRowModel().rows.length;\n\n  return (\n    <div style={{ position: 'relative' }} className=\"d-flex flex-column h-100\">\n      <div\n        ref={scrollContainerRef}\n        style={{\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          right: 0,\n          bottom: 0,\n          overflow: 'auto',\n          overflowAnchor: 'none',\n        }}\n      >\n        <div\n          ref={tableRef}\n          style={{\n            position: 'relative',\n            width: `max(${table.getTotalSize()}px, 100%)`,\n          }}\n        >\n          <table\n            className=\"table table-hover mb-0\"\n            style={{ display: 'grid', tableLayout: 'fixed' }}\n            aria-label={title}\n            role=\"grid\"\n          >\n            <thead\n              className=\"position-sticky top-0 w-100 border-top\"\n              style={{\n                display: 'grid',\n                zIndex: 1,\n                borderBottom: 'var(--bs-border-width) solid black',\n              }}\n            >\n              <tr\n                key={leafHeaderGroup.id}\n                className=\"d-flex w-100\"\n                style={{ minWidth: `${table.getTotalSize()}px` }}\n              >\n                {/* Left pinned columns */}\n                {leftPinnedHeaders.map((header) => {\n                  return (\n                    <TanstackTableHeaderCell\n                      key={header.id}\n                      header={header}\n                      filters={filters}\n                      table={table}\n                      handleResizeEnd={handleResizeEnd}\n                      isPinned=\"left\"\n                    />\n                  );\n                })}\n\n                {/* Virtual padding for left side of center columns */}\n                {virtualPaddingLeft ? (\n                  <th style={{ display: 'flex', width: virtualPaddingLeft }} />\n                ) : null}\n\n                {/* Virtualized center columns */}\n                {virtualColumns.map((virtualColumn) => {\n                  const header = centerHeaders[virtualColumn.index];\n                  if (!header) return null;\n\n                  return (\n                    <TanstackTableHeaderCell\n                      key={header.id}\n                      header={header}\n                      filters={filters}\n                      table={table}\n                      handleResizeEnd={handleResizeEnd}\n                      isPinned={false}\n                    />\n                  );\n                })}\n\n                {/* Virtual padding for right side of center columns */}\n                {virtualPaddingRight ? (\n                  <th style={{ display: 'flex', width: virtualPaddingRight }} />\n                ) : null}\n\n                {/* Filler to span remaining width */}\n                <th\n                  tabIndex={-1}\n                  className=\"d-flex flex-grow-1 p-0\"\n                  style={{ minWidth: 0 }}\n                  aria-hidden=\"true\"\n                />\n              </tr>\n            </thead>\n            <tbody\n              className=\"position-relative w-100\"\n              style={{\n                display: 'grid',\n                height: `${rowVirtualizer.getTotalSize()}px`,\n              }}\n            >\n              {virtualRows.map((virtualRow) => {\n                const row = rows[virtualRow.index];\n                const rowIdx = virtualRow.index;\n                const leftPinnedCells = row.getLeftVisibleCells();\n                const centerCells = row.getCenterVisibleCells();\n\n                let currentColIdx = 0;\n\n                return (\n                  <tr\n                    key={row.id}\n                    ref={(node) => rowVirtualizer.measureElement(node)}\n                    data-index={virtualRow.index}\n                    className=\"d-flex position-absolute w-100\"\n                    style={{\n                      transform: `translateY(${virtualRow.start}px)`,\n                      minWidth: `${table.getTotalSize()}px`,\n                    }}\n                  >\n                    {leftPinnedCells.map((cell) => {\n                      const colIdx = currentColIdx++;\n                      const canSort = cell.column.getCanSort();\n                      const canFilter = cell.column.getCanFilter();\n                      const wrapText = cell.column.columnDef.meta?.wrapText ?? false;\n\n                      return (\n                        <TableCell\n                          key={cell.id}\n                          cell={cell}\n                          rowIdx={rowIdx}\n                          colIdx={colIdx}\n                          canSort={canSort}\n                          canFilter={canFilter}\n                          wrapText={wrapText}\n                          handleGridKeyDown={handleGridKeyDown}\n                        />\n                      );\n                    })}\n\n                    {virtualPaddingLeft ? (\n                      <td style={{ display: 'flex', width: virtualPaddingLeft }} />\n                    ) : null}\n\n                    {virtualColumns.map((virtualColumn) => {\n                      const cell = centerCells[virtualColumn.index];\n                      if (!cell) return null;\n\n                      const colIdx = currentColIdx++;\n                      const canSort = cell.column.getCanSort();\n                      const canFilter = cell.column.getCanFilter();\n                      const wrapText = cell.column.columnDef.meta?.wrapText ?? false;\n\n                      return (\n                        <TableCell\n                          key={cell.id}\n                          cell={cell}\n                          rowIdx={rowIdx}\n                          colIdx={colIdx}\n                          canSort={canSort}\n                          canFilter={canFilter}\n                          wrapText={wrapText}\n                          handleGridKeyDown={handleGridKeyDown}\n                        />\n                      );\n                    })}\n\n                    {virtualPaddingRight ? (\n                      <td style={{ display: 'flex', width: virtualPaddingRight }} />\n                    ) : null}\n\n                    {/* Filler to span remaining width */}\n                    <td\n                      tabIndex={-1}\n                      className=\"d-flex flex-grow-1 p-0\"\n                      style={{ minWidth: 0 }}\n                      aria-hidden=\"true\"\n                    />\n                  </tr>\n                );\n              })}\n            </tbody>\n          </table>\n        </div>\n      </div>\n      {table.getVisibleLeafColumns().length === 0 || displayedCount === 0 ? (\n        <div>\n          <div\n            className=\"d-flex flex-column justify-content-center align-items-center p-4\"\n            style={{\n              position: 'absolute',\n              top: 0,\n              left: 0,\n              right: 0,\n              bottom: 0,\n              // Allow pointer events (e.g. scrolling) to reach the underlying table.\n              pointerEvents: 'none',\n            }}\n            role=\"status\"\n            aria-live=\"polite\"\n          >\n            <div\n              className=\"col-lg-6\"\n              style={{\n                // Allow selecting and interacting with the empty state content.\n                pointerEvents: 'auto',\n              }}\n            >\n              {table.getVisibleLeafColumns().length === 0 ? (\n                <TanstackTableEmptyState iconName=\"bi-eye-slash\">\n                  No columns selected. Use the View menu to show columns.\n                </TanstackTableEmptyState>\n              ) : displayedCount === 0 ? (\n                totalCount > 0 ? (\n                  noResultsState\n                ) : (\n                  emptyState\n                )\n              ) : null}\n            </div>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * A generic component that wraps the TanstackTable component in a card.\n * @param params\n * @param params.table - The table model\n * @param params.title - The title of the card\n * @param params.className - The class name to apply to the card\n * @param params.style - The style to apply to the card\n * @param params.singularLabel - The singular label for a single row in the table, e.g. \"student\"\n * @param params.pluralLabel - The plural label for multiple rows in the table, e.g. \"students\"\n * @param params.headerButtons - The buttons to display in the header\n * @param params.columnManager - Optional configuration for the column manager. See {@link ColumnManager} for more details.\n * @param params.columnManager.buttons - The buttons to display next to the column manager (View button)\n * @param params.columnManager.topContent - Optional content to display at the top of the column manager (View) dropdown menu\n * @param params.globalFilter - Configuration for the global filter\n * @param params.globalFilter.placeholder - Placeholder text for the search input\n * @param params.tableOptions - Specific options for the table. See {@link TanstackTableProps} for more details.\n * @param params.downloadButtonOptions - Specific options for the download button. See {@link TanstackTableDownloadButtonProps} for more details.\n */\nexport function TanstackTableCard<RowDataModel>({\n  table,\n  title,\n  singularLabel,\n  pluralLabel,\n  headerButtons,\n  columnManager,\n  globalFilter,\n  tableOptions,\n  downloadButtonOptions,\n  className,\n  ...divProps\n}: {\n  table: Table<RowDataModel>;\n  title: string;\n  singularLabel: string;\n  pluralLabel: string;\n  headerButtons?: ReactNode;\n  columnManager?: {\n    buttons?: ReactNode;\n    topContent?: ReactNode;\n  };\n  globalFilter: {\n    placeholder: string;\n  };\n  tableOptions: Partial<Omit<TanstackTableProps<RowDataModel>, 'table'>>;\n  downloadButtonOptions?: Omit<\n    TanstackTableDownloadButtonProps<RowDataModel>,\n    'table' | 'singularLabel' | 'pluralLabel'\n  > & { pluralLabel?: string; singularLabel?: string };\n} & Omit<ComponentProps<'div'>, 'class'>) {\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const [inputValue, setInputValue] = useState(\n    () => (table.getState().globalFilter as string) ?? '',\n  );\n\n  // Debounce the filter update\n  const debouncedSetFilter = useDebouncedCallback((value: string) => {\n    table.setGlobalFilter(value);\n  }, 150);\n\n  // Focus the search input when Ctrl+F is pressed\n  useEffect(() => {\n    function onKeyDown(event: KeyboardEvent) {\n      if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'f') {\n        if (searchInputRef.current && searchInputRef.current !== document.activeElement) {\n          searchInputRef.current.focus();\n          event.preventDefault();\n        }\n      }\n    }\n    document.addEventListener('keydown', onKeyDown);\n    return () => document.removeEventListener('keydown', onKeyDown);\n  }, []);\n\n  const displayedCount = table.getRowModel().rows.length;\n  const totalCount = table.getCoreRowModel().rows.length;\n\n  return (\n    <div className={clsx('card d-flex flex-column', className)} {...divProps}>\n      <div className=\"card-header bg-primary text-white\">\n        <div className=\"d-flex align-items-center justify-content-between gap-2\">\n          <div>{title}</div>\n          <div className=\"d-flex gap-2\">\n            {headerButtons}\n\n            {downloadButtonOptions && (\n              <TanstackTableDownloadButton\n                table={table}\n                pluralLabel={pluralLabel}\n                singularLabel={singularLabel}\n                {...downloadButtonOptions}\n              />\n            )}\n          </div>\n        </div>\n      </div>\n      <div className=\"card-body d-flex flex-row flex-wrap flex-grow-0 align-items-center gap-2\">\n        <div className=\"position-relative w-100\" style={{ maxWidth: 'min(400px, 100%)' }}>\n          <input\n            ref={searchInputRef}\n            type=\"text\"\n            className=\"form-control pl-ui-tanstack-table-search-input pl-ui-tanstack-table-focusable-shadow\"\n            aria-label={globalFilter.placeholder}\n            placeholder={globalFilter.placeholder}\n            value={inputValue}\n            autoComplete=\"off\"\n            onInput={(e) => {\n              const value = e.currentTarget.value;\n              setInputValue(value);\n              debouncedSetFilter(value);\n            }}\n          />\n          {inputValue && (\n            <OverlayTrigger overlay={<Tooltip>Clear search</Tooltip>}>\n              <button\n                type=\"button\"\n                className=\"btn btn-floating-icon\"\n                aria-label=\"Clear search\"\n                onClick={() => {\n                  setInputValue('');\n                  debouncedSetFilter.cancel();\n                  table.setGlobalFilter('');\n                }}\n              >\n                <i className=\"bi bi-x-circle-fill\" aria-hidden=\"true\" />\n              </button>\n            </OverlayTrigger>\n          )}\n        </div>\n        <div className=\"d-flex flex-wrap flex-row align-items-center gap-2\">\n          <ColumnManager table={table} topContent={columnManager?.topContent} />\n          {columnManager?.buttons}\n        </div>\n        <div className=\"ms-auto text-muted text-nowrap\">\n          Showing {displayedCount} of {totalCount} {totalCount === 1 ? singularLabel : pluralLabel}\n        </div>\n      </div>\n      <div className=\"flex-grow-1\">\n        <TanstackTable table={table} title={title} {...tableOptions} />\n      </div>\n    </div>\n  );\n}\n\nexport function TanstackTableEmptyState({\n  iconName,\n  children,\n}: {\n  iconName: `bi-${string}`;\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"d-flex flex-column justify-content-center align-items-center text-muted\">\n      <i className={clsx('bi', iconName, 'display-4 mb-2')} aria-hidden=\"true\" />\n      <div>{children}</div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"TanstackTable.d.ts","sourceRoot":"","sources":["../../src/components/TanstackTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,MAAM,EAAO,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAwC,MAAM,OAAO,CAAC;AAQlG,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,kCAAkC,CAAC;AAoE1C,UAAU,kBAAkB,CAAC,YAAY;IACvC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;CAC3D;AAID;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,YAAY,EAAE,EAC1C,KAAK,EACL,KAAK,EACL,OAA4B,EAC5B,SAAc,EACd,cAAsC,EACtC,UAA8B,EAC9B,SAAS,EACV,EAAE,kBAAkB,CAAC,YAAY,CAAC,2CA4WlC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,iBAAiB,CAAC,YAAY,EAAE,EAC9C,KAAK,EACL,KAAK,EACL,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,SAAS,EACT,GAAG,QAAQ,EACZ,EAAE;IACD,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE;QACd,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,UAAU,CAAC,EAAE,SAAS,CAAC;KACxB,CAAC;IACF,YAAY,EAAE;QACZ,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,YAAY,EAAE,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;IACvE,qBAAqB,CAAC,EAAE,IAAI,CAC1B,gCAAgC,CAAC,YAAY,CAAC,EAC9C,OAAO,GAAG,eAAe,GAAG,aAAa,CAC1C,GAAG;QAAE,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,aAAa,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACtD,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,2CA8FvC;AAED,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,EACT,EAAE;IACD,QAAQ,EAAE,MAAM,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAOA","sourcesContent":["import { flexRender } from '@tanstack/react-table';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport type { Cell, Header, Row, Table } from '@tanstack/table-core';\nimport clsx from 'clsx';\nimport { type ComponentProps, type ReactNode, useEffect, useMemo, useRef, useState } from 'react';\nimport OverlayTrigger from 'react-bootstrap/OverlayTrigger';\nimport Tooltip from 'react-bootstrap/Tooltip';\nimport { useDebouncedCallback } from 'use-debounce';\n\nimport { run } from '@prairielearn/run';\n\nimport { ColumnManager } from './ColumnManager.js';\nimport {\n  TanstackTableDownloadButton,\n  type TanstackTableDownloadButtonProps,\n} from './TanstackTableDownloadButton.js';\nimport { TanstackTableHeaderCell } from './TanstackTableHeaderCell.js';\nimport { useAutoSizeColumns } from './useAutoSizeColumns.js';\n\nfunction TableCell<RowDataModel>({\n  cell,\n  rowIdx,\n  colIdx,\n  canSort,\n  canFilter,\n  wrapText,\n  handleGridKeyDown,\n}: {\n  cell: Cell<RowDataModel, unknown>;\n  rowIdx: number;\n  colIdx: number;\n  canSort: boolean;\n  canFilter: boolean;\n  wrapText: boolean;\n  handleGridKeyDown: (e: React.KeyboardEvent, rowIdx: number, colIdx: number) => void;\n}) {\n  return (\n    <td\n      key={cell.id}\n      tabIndex={0}\n      data-grid-cell-row={rowIdx}\n      data-grid-cell-col={colIdx}\n      className={clsx(!canSort && !canFilter && 'text-center')}\n      style={{\n        display: 'flex',\n        width: cell.column.getSize(),\n        minWidth: 0,\n        maxWidth: cell.column.getSize(),\n        flexShrink: 0,\n        position: cell.column.getIsPinned() === 'left' ? 'sticky' : undefined,\n        left: cell.column.getIsPinned() === 'left' ? cell.column.getStart() : undefined,\n        verticalAlign: 'middle',\n      }}\n      onKeyDown={(e) => handleGridKeyDown(e, rowIdx, colIdx)}\n    >\n      <div\n        style={{\n          display: 'block',\n          minWidth: 0,\n          maxWidth: '100%',\n          overflow: wrapText ? 'visible' : 'hidden',\n          textOverflow: wrapText ? undefined : 'ellipsis',\n          whiteSpace: wrapText ? 'normal' : 'nowrap',\n          flex: '1 1 0%',\n          width: 0, // Allow flex to control width, but start from 0\n        }}\n      >\n        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n      </div>\n    </td>\n  );\n}\n\nconst DefaultNoResultsState = (\n  <TanstackTableEmptyState iconName=\"bi-search\">\n    No results found matching your search criteria.\n  </TanstackTableEmptyState>\n);\n\nconst DefaultEmptyState = (\n  <TanstackTableEmptyState iconName=\"bi-eye-slash\">No results found.</TanstackTableEmptyState>\n);\n\ninterface TanstackTableProps<RowDataModel> {\n  table: Table<RowDataModel>;\n  title: string;\n  filters?: Record<string, (props: { header: Header<RowDataModel, unknown> }) => ReactNode>;\n  rowHeight?: number;\n  noResultsState?: ReactNode;\n  emptyState?: ReactNode;\n  scrollRef?: React.RefObject<HTMLDivElement | null> | null;\n}\n\nconst DEFAULT_FILTER_MAP = {};\n\n/**\n * A generic component that renders a full-width, resizeable Tanstack Table.\n * @param params\n * @param params.table - The table model\n * @param params.title - The title of the table\n * @param params.filters - The filters for the table\n * @param params.rowHeight - The height of the rows in the table\n * @param params.noResultsState - The no results state for the table\n * @param params.emptyState - The empty state for the table\n * @param params.scrollRef - Optional ref that will be attached to the scroll container element.\n */\nexport function TanstackTable<RowDataModel>({\n  table,\n  title,\n  filters = DEFAULT_FILTER_MAP,\n  rowHeight = 42,\n  noResultsState = DefaultNoResultsState,\n  emptyState = DefaultEmptyState,\n  scrollRef,\n}: TanstackTableProps<RowDataModel>) {\n  const parentRef = useRef<HTMLDivElement>(null);\n  const tableRef = useRef<HTMLDivElement>(null);\n  const scrollContainerRef = scrollRef ?? parentRef;\n\n  const rows = [...table.getTopRows(), ...table.getCenterRows()];\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement: () => scrollContainerRef.current,\n    estimateSize: () => rowHeight,\n    overscan: 10,\n    measureElement: (el) => el?.getBoundingClientRect().height ?? rowHeight,\n  });\n\n  const visibleColumns = table.getVisibleLeafColumns();\n  const centerColumns = visibleColumns.filter((col) => !col.getIsPinned());\n\n  const columnVirtualizer = useVirtualizer({\n    count: centerColumns.length,\n    estimateSize: (index) => centerColumns[index]?.getSize(),\n    // `useAutoSizeColumns` solves a different problem (happens once when the column set changes)\n    // and we don't need to measure the cells themselves, so we can use the default estimateSize.\n    getScrollElement: () => scrollContainerRef.current,\n    horizontal: true,\n    overscan: 3,\n  });\n\n  const virtualColumns = columnVirtualizer.getVirtualItems();\n\n  const virtualPaddingLeft = run(() => {\n    if (columnVirtualizer && virtualColumns?.length > 0) {\n      return virtualColumns[0]?.start ?? 0;\n    }\n    return null;\n  });\n\n  const virtualPaddingRight = run(() => {\n    if (columnVirtualizer && virtualColumns?.length > 0) {\n      return (\n        columnVirtualizer.getTotalSize() - (virtualColumns[virtualColumns.length - 1]?.end ?? 0)\n      );\n    }\n    return null;\n  });\n\n  // Check if any column has wrapping enabled\n  const hasWrappedColumns = table.getAllLeafColumns().some((col) => col.columnDef.meta?.wrapText);\n\n  // Create callback for remeasuring after resize\n  const handleResizeEnd = useMemo(() => {\n    if (!hasWrappedColumns) return undefined;\n    return () => rowVirtualizer.measure();\n  }, [hasWrappedColumns, rowVirtualizer]);\n\n  const getVisibleCells = (row: Row<RowDataModel>) => [\n    ...row.getLeftVisibleCells(),\n    ...row.getCenterVisibleCells(),\n  ];\n\n  const handleGridKeyDown = (e: React.KeyboardEvent, rowIdx: number, colIdx: number) => {\n    const rowLength = getVisibleCells(rows[rowIdx]).length;\n    const adjacentCells: Record<KeyboardEvent['key'], { row: number; col: number }> = {\n      ArrowDown: {\n        row: Math.min(rows.length - 1, rowIdx + 1),\n        col: colIdx,\n      },\n      ArrowUp: {\n        row: Math.max(0, rowIdx - 1),\n        col: colIdx,\n      },\n      ArrowRight: {\n        row: rowIdx,\n        col: Math.min(rowLength - 1, colIdx + 1),\n      },\n      ArrowLeft: {\n        row: rowIdx,\n        col: Math.max(0, colIdx - 1),\n      },\n    };\n\n    const next = adjacentCells[e.key];\n\n    if (!next) {\n      return;\n    }\n\n    // Only handle arrow keys if we're in the cell itself, not in an interactive element\n    const target = e.target as HTMLElement;\n    if (target.tagName === 'TD') {\n      // If we are on the leftmost column, we should allow left scrolling.\n      if (colIdx === 0 && e.key === 'ArrowLeft') {\n        return;\n      }\n\n      // If we are on the top row, we should allow up scrolling.\n      if (rowIdx === 0 && e.key === 'ArrowUp') {\n        return;\n      }\n\n      // If we are on the rightmost column, we should allow right scrolling.\n      if (colIdx === rowLength - 1 && e.key === 'ArrowRight') {\n        return;\n      }\n\n      e.preventDefault();\n      const selector = `[data-grid-cell-row=\"${next.row}\"][data-grid-cell-col=\"${next.col}\"]`;\n      const nextCell = tableRef.current?.querySelector(selector) as HTMLElement | null;\n      nextCell?.focus();\n    }\n  };\n\n  const virtualRows = rowVirtualizer.getVirtualItems();\n\n  const headerGroups = table.getHeaderGroups();\n\n  const leafHeaderGroup = headerGroups[headerGroups.length - 1];\n\n  const leftPinnedHeaders = leafHeaderGroup.headers.filter(\n    (header) => header.column.getIsPinned() === 'left',\n  );\n  const centerHeaders = leafHeaderGroup.headers.filter((header) => !header.column.getIsPinned());\n\n  const isTableResizing = leafHeaderGroup.headers.some((header) => header.column.getIsResizing());\n\n  // We toggle this here instead of in the parent since this component logically manages all UI for the table.\n  useEffect(() => {\n    document.body.classList.toggle('pl-ui-no-user-select', isTableResizing);\n  }, [isTableResizing]);\n\n  const hasAutoSized = useAutoSizeColumns(table, tableRef, filters);\n\n  // Re-measure the virtualizer when auto-sizing completes\n  useEffect(() => {\n    if (hasAutoSized) {\n      // https://github.com/NickvanDyke/eslint-plugin-react-you-might-not-need-an-effect/issues/58\n      // eslint-disable-next-line react-you-might-not-need-an-effect/no-pass-data-to-parent\n      columnVirtualizer.measure();\n    }\n  }, [columnVirtualizer, hasAutoSized]);\n\n  const displayedCount = table.getRowModel().rows.length;\n  const totalCount = table.getCoreRowModel().rows.length;\n\n  return (\n    <div style={{ position: 'relative' }} className=\"d-flex flex-column h-100\">\n      <div\n        ref={scrollContainerRef}\n        style={{\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          right: 0,\n          bottom: 0,\n          overflow: 'auto',\n          overflowAnchor: 'none',\n        }}\n      >\n        <div\n          ref={tableRef}\n          style={{\n            position: 'relative',\n            width: `max(${table.getTotalSize()}px, 100%)`,\n          }}\n        >\n          <table\n            className=\"table table-hover mb-0\"\n            style={{ display: 'grid', tableLayout: 'fixed' }}\n            aria-label={title}\n            role=\"grid\"\n          >\n            <thead\n              className=\"position-sticky top-0 w-100 border-top\"\n              style={{\n                display: 'grid',\n                zIndex: 1,\n                borderBottom: 'var(--bs-border-width) solid black',\n              }}\n            >\n              <tr\n                key={leafHeaderGroup.id}\n                className=\"d-flex w-100\"\n                style={{ minWidth: `${table.getTotalSize()}px` }}\n              >\n                {/* Left pinned columns */}\n                {leftPinnedHeaders.map((header) => {\n                  return (\n                    <TanstackTableHeaderCell\n                      key={header.id}\n                      header={header}\n                      filters={filters}\n                      table={table}\n                      handleResizeEnd={handleResizeEnd}\n                      isPinned=\"left\"\n                    />\n                  );\n                })}\n\n                {/* Virtual padding for left side of center columns */}\n                {virtualPaddingLeft ? (\n                  <th style={{ display: 'flex', width: virtualPaddingLeft }} />\n                ) : null}\n\n                {/* Virtualized center columns */}\n                {virtualColumns.map((virtualColumn) => {\n                  const header = centerHeaders[virtualColumn.index];\n                  if (!header) return null;\n\n                  return (\n                    <TanstackTableHeaderCell\n                      key={header.id}\n                      header={header}\n                      filters={filters}\n                      table={table}\n                      handleResizeEnd={handleResizeEnd}\n                      isPinned={false}\n                    />\n                  );\n                })}\n\n                {/* Virtual padding for right side of center columns */}\n                {virtualPaddingRight ? (\n                  <th style={{ display: 'flex', width: virtualPaddingRight }} />\n                ) : null}\n\n                {/* Filler to span remaining width */}\n                <th\n                  tabIndex={-1}\n                  className=\"d-flex flex-grow-1 p-0\"\n                  style={{ minWidth: 0 }}\n                  aria-hidden=\"true\"\n                />\n              </tr>\n            </thead>\n            <tbody\n              className=\"position-relative w-100\"\n              style={{\n                display: 'grid',\n                height: `${rowVirtualizer.getTotalSize()}px`,\n              }}\n            >\n              {virtualRows.map((virtualRow) => {\n                const row = rows[virtualRow.index];\n                const rowIdx = virtualRow.index;\n                const leftPinnedCells = row.getLeftVisibleCells();\n                const centerCells = row.getCenterVisibleCells();\n\n                let currentColIdx = 0;\n\n                return (\n                  <tr\n                    key={row.id}\n                    ref={(node) => rowVirtualizer.measureElement(node)}\n                    data-index={virtualRow.index}\n                    className=\"d-flex position-absolute w-100\"\n                    style={{\n                      transform: `translateY(${virtualRow.start}px)`,\n                      minWidth: `${table.getTotalSize()}px`,\n                    }}\n                  >\n                    {leftPinnedCells.map((cell) => {\n                      const colIdx = currentColIdx++;\n                      const canSort = cell.column.getCanSort();\n                      const canFilter = cell.column.getCanFilter();\n                      const wrapText = cell.column.columnDef.meta?.wrapText ?? false;\n\n                      return (\n                        <TableCell\n                          key={cell.id}\n                          cell={cell}\n                          rowIdx={rowIdx}\n                          colIdx={colIdx}\n                          canSort={canSort}\n                          canFilter={canFilter}\n                          wrapText={wrapText}\n                          handleGridKeyDown={handleGridKeyDown}\n                        />\n                      );\n                    })}\n\n                    {virtualPaddingLeft ? (\n                      <td style={{ display: 'flex', width: virtualPaddingLeft }} />\n                    ) : null}\n\n                    {virtualColumns.map((virtualColumn) => {\n                      const cell = centerCells[virtualColumn.index];\n                      if (!cell) return null;\n\n                      const colIdx = currentColIdx++;\n                      const canSort = cell.column.getCanSort();\n                      const canFilter = cell.column.getCanFilter();\n                      const wrapText = cell.column.columnDef.meta?.wrapText ?? false;\n\n                      return (\n                        <TableCell\n                          key={cell.id}\n                          cell={cell}\n                          rowIdx={rowIdx}\n                          colIdx={colIdx}\n                          canSort={canSort}\n                          canFilter={canFilter}\n                          wrapText={wrapText}\n                          handleGridKeyDown={handleGridKeyDown}\n                        />\n                      );\n                    })}\n\n                    {virtualPaddingRight ? (\n                      <td style={{ display: 'flex', width: virtualPaddingRight }} />\n                    ) : null}\n\n                    {/* Filler to span remaining width */}\n                    <td\n                      tabIndex={-1}\n                      className=\"d-flex flex-grow-1 p-0\"\n                      style={{ minWidth: 0 }}\n                      aria-hidden=\"true\"\n                    />\n                  </tr>\n                );\n              })}\n            </tbody>\n          </table>\n        </div>\n      </div>\n      {table.getVisibleLeafColumns().length === 0 || displayedCount === 0 ? (\n        <div>\n          <div\n            className=\"d-flex flex-column justify-content-center align-items-center p-4\"\n            style={{\n              position: 'absolute',\n              top: 0,\n              left: 0,\n              right: 0,\n              bottom: 0,\n              // Allow pointer events (e.g. scrolling) to reach the underlying table.\n              pointerEvents: 'none',\n            }}\n            role=\"status\"\n            aria-live=\"polite\"\n          >\n            <div\n              className=\"col-lg-6\"\n              style={{\n                // Allow selecting and interacting with the empty state content.\n                pointerEvents: 'auto',\n              }}\n            >\n              {table.getVisibleLeafColumns().length === 0 ? (\n                <TanstackTableEmptyState iconName=\"bi-eye-slash\">\n                  No columns selected. Use the View menu to show columns.\n                </TanstackTableEmptyState>\n              ) : displayedCount === 0 ? (\n                totalCount > 0 ? (\n                  noResultsState\n                ) : (\n                  emptyState\n                )\n              ) : null}\n            </div>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * A generic component that wraps the TanstackTable component in a card.\n * @param params\n * @param params.table - The table model\n * @param params.title - The title of the card\n * @param params.className - The class name to apply to the card\n * @param params.style - The style to apply to the card\n * @param params.singularLabel - The singular label for a single row in the table, e.g. \"student\"\n * @param params.pluralLabel - The plural label for multiple rows in the table, e.g. \"students\"\n * @param params.headerButtons - The buttons to display in the header\n * @param params.columnManager - Optional configuration for the column manager. See {@link ColumnManager} for more details.\n * @param params.columnManager.buttons - The buttons to display next to the column manager (View button)\n * @param params.columnManager.topContent - Optional content to display at the top of the column manager (View) dropdown menu\n * @param params.globalFilter - Configuration for the global filter\n * @param params.globalFilter.placeholder - Placeholder text for the search input\n * @param params.tableOptions - Specific options for the table. See {@link TanstackTableProps} for more details.\n * @param params.downloadButtonOptions - Specific options for the download button. See {@link TanstackTableDownloadButtonProps} for more details.\n */\nexport function TanstackTableCard<RowDataModel>({\n  table,\n  title,\n  singularLabel,\n  pluralLabel,\n  headerButtons,\n  columnManager,\n  globalFilter,\n  tableOptions,\n  downloadButtonOptions,\n  className,\n  ...divProps\n}: {\n  table: Table<RowDataModel>;\n  title: string;\n  singularLabel: string;\n  pluralLabel: string;\n  headerButtons?: ReactNode;\n  columnManager?: {\n    buttons?: ReactNode;\n    topContent?: ReactNode;\n  };\n  globalFilter: {\n    placeholder: string;\n  };\n  tableOptions: Partial<Omit<TanstackTableProps<RowDataModel>, 'table'>>;\n  downloadButtonOptions?: Omit<\n    TanstackTableDownloadButtonProps<RowDataModel>,\n    'table' | 'singularLabel' | 'pluralLabel'\n  > & { pluralLabel?: string; singularLabel?: string };\n} & Omit<ComponentProps<'div'>, 'class'>) {\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const [inputValue, setInputValue] = useState(\n    () => (table.getState().globalFilter as string) ?? '',\n  );\n\n  // Debounce the filter update\n  const debouncedSetFilter = useDebouncedCallback((value: string) => {\n    table.setGlobalFilter(value);\n  }, 150);\n\n  // Focus the search input when Ctrl+F is pressed\n  useEffect(() => {\n    function onKeyDown(event: KeyboardEvent) {\n      if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'f') {\n        if (searchInputRef.current && searchInputRef.current !== document.activeElement) {\n          searchInputRef.current.focus();\n          event.preventDefault();\n        }\n      }\n    }\n    document.addEventListener('keydown', onKeyDown);\n    return () => document.removeEventListener('keydown', onKeyDown);\n  }, []);\n\n  const displayedCount = table.getRowModel().rows.length;\n  const totalCount = table.getCoreRowModel().rows.length;\n\n  return (\n    <div className={clsx('card d-flex flex-column', className)} {...divProps}>\n      <div className=\"card-header bg-primary text-white\">\n        <div className=\"d-flex align-items-center justify-content-between gap-2\">\n          <div>{title}</div>\n          <div className=\"d-flex gap-2\">\n            {headerButtons}\n\n            {downloadButtonOptions && (\n              <TanstackTableDownloadButton\n                table={table}\n                pluralLabel={pluralLabel}\n                singularLabel={singularLabel}\n                {...downloadButtonOptions}\n              />\n            )}\n          </div>\n        </div>\n      </div>\n      <div className=\"card-body d-flex flex-row flex-wrap flex-grow-0 align-items-center gap-2\">\n        <div className=\"position-relative w-100\" style={{ maxWidth: 'min(400px, 100%)' }}>\n          <input\n            ref={searchInputRef}\n            type=\"text\"\n            className=\"form-control pl-ui-tanstack-table-search-input pl-ui-tanstack-table-focusable-shadow\"\n            aria-label={globalFilter.placeholder}\n            placeholder={globalFilter.placeholder}\n            value={inputValue}\n            autoComplete=\"off\"\n            onInput={(e) => {\n              const value = e.currentTarget.value;\n              setInputValue(value);\n              debouncedSetFilter(value);\n            }}\n          />\n          {inputValue && (\n            <OverlayTrigger overlay={<Tooltip>Clear search</Tooltip>}>\n              <button\n                type=\"button\"\n                className=\"btn btn-floating-icon\"\n                aria-label=\"Clear search\"\n                onClick={() => {\n                  setInputValue('');\n                  debouncedSetFilter.cancel();\n                  table.setGlobalFilter('');\n                }}\n              >\n                <i className=\"bi bi-x-circle-fill\" aria-hidden=\"true\" />\n              </button>\n            </OverlayTrigger>\n          )}\n        </div>\n        <div className=\"d-flex flex-wrap flex-row align-items-center gap-2\">\n          <ColumnManager table={table} topContent={columnManager?.topContent} />\n          {columnManager?.buttons}\n        </div>\n        <div className=\"ms-auto text-muted text-nowrap\">\n          Showing {displayedCount} of {totalCount} {totalCount === 1 ? singularLabel : pluralLabel}\n        </div>\n      </div>\n      <div className=\"flex-grow-1\">\n        <TanstackTable table={table} title={title} {...tableOptions} />\n      </div>\n    </div>\n  );\n}\n\nexport function TanstackTableEmptyState({\n  iconName,\n  children,\n}: {\n  iconName: `bi-${string}`;\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"d-flex flex-column justify-content-center align-items-center text-muted\">\n      <i className={clsx('bi', iconName, 'display-4 mb-2')} aria-hidden=\"true\" />\n      <div>{children}</div>\n    </div>\n  );\n}\n"]}

package/dist/components/TanstackTable.js

@@ -154,6 +154,7 @@ export function TanstackTable({ table, title, filters = DEFAULT_FILTER_MAP, rowH
     useEffect(() => {
         if (hasAutoSized) {
             // https://github.com/NickvanDyke/eslint-plugin-react-you-might-not-need-an-effect/issues/58
+            // eslint-disable-next-line react-you-might-not-need-an-effect/no-pass-data-to-parent
             columnVirtualizer.measure();
         }
     }, [columnVirtualizer, hasAutoSized]);

package/dist/components/TanstackTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"TanstackTable.js","sourceRoot":"","sources":["../../src/components/TanstackTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAuC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClG,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,OAAO,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EACL,2BAA2B,GAE5B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,SAAS,SAAS,CAAe,EAC/B,IAAI,EACJ,MAAM,EACN,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,iBAAiB,GASlB,EAAE;IACD,OAAO,CACL,aAEE,QAAQ,EAAE,CAAC,wBACS,MAAM,wBACN,MAAM,EAC1B,SAAS,EAAE,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,SAAS,IAAI,aAAa,CAAC,EACxD,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YAC5B,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YAC/B,UAAU,EAAE,CAAC;YACb,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;YACrE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS;YAC/E,aAAa,EAAE,QAAQ;SACxB,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,YAEtD,cACE,KAAK,EAAE;gBACL,OAAO,EAAE,OAAO;gBAChB,QAAQ,EAAE,CAAC;gBACX,QAAQ,EAAE,MAAM;gBAChB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;gBACzC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU;gBAC/C,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;gBAC1C,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,CAAC,EAAE,gDAAgD;aAC3D,YAEA,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,GACtD,IA9BD,IAAI,CAAC,EAAE,CA+BT,CACN,CAAC;AAAA,CACH;AAED,MAAM,qBAAqB,GAAG,CAC5B,KAAC,uBAAuB,IAAC,QAAQ,EAAC,WAAW,gEAEnB,CAC3B,CAAC;AAEF,MAAM,iBAAiB,GAAG,CACxB,KAAC,uBAAuB,IAAC,QAAQ,EAAC,cAAc,kCAA4C,CAC7F,CAAC;AAYF,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAE9B;;;;;;;;;;GAUG;AACH,MAAM,UAAU,aAAa,CAAe,EAC1C,KAAK,EACL,KAAK,EACL,OAAO,GAAG,kBAAkB,EAC5B,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,qBAAqB,EACtC,UAAU,GAAG,iBAAiB,EAC9B,SAAS,GACwB,EAAE;IACnC,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,kBAAkB,GAAG,SAAS,IAAI,SAAS,CAAC;IAElD,MAAM,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,EAAE,EAAE,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC,CAAC;IAC/D,MAAM,cAAc,GAAG,cAAc,CAAC;QACpC,KAAK,EAAE,IAAI,CAAC,MAAM;QAClB,gBAAgB,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO;QAClD,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS;QAC7B,QAAQ,EAAE,EAAE;QACZ,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,qBAAqB,EAAE,CAAC,MAAM,IAAI,SAAS;KACxE,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;IACrD,MAAM,aAAa,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC;IAEzE,MAAM,iBAAiB,GAAG,cAAc,CAAC;QACvC,KAAK,EAAE,aAAa,CAAC,MAAM;QAC3B,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE;QACxD,6FAA6F;QAC7F,6FAA6F;QAC7F,gBAAgB,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO;QAClD,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,CAAC;KACZ,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,iBAAiB,CAAC,eAAe,EAAE,CAAC;IAE3D,MAAM,kBAAkB,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC;QACnC,IAAI,iBAAiB,IAAI,cAAc,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;YACpD,OAAO,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC;QACvC,CAAC;QACD,OAAO,IAAI,CAAC;IAAA,CACb,CAAC,CAAC;IAEH,MAAM,mBAAmB,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC;QACpC,IAAI,iBAAiB,IAAI,cAAc,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;YACpD,OAAO,CACL,iBAAiB,CAAC,YAAY,EAAE,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CACzF,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IAAA,CACb,CAAC,CAAC;IAEH,2CAA2C;IAC3C,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEhG,+CAA+C;IAC/C,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;QACpC,IAAI,CAAC,iBAAiB;YAAE,OAAO,SAAS,CAAC;QACzC,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC;IAAA,CACvC,EAAE,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC,CAAC;IAExC,MAAM,eAAe,GAAG,CAAC,GAAsB,EAAE,EAAE,CAAC;QAClD,GAAG,GAAG,CAAC,mBAAmB,EAAE;QAC5B,GAAG,GAAG,CAAC,qBAAqB,EAAE;KAC/B,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAsB,EAAE,MAAc,EAAE,MAAc,EAAE,EAAE,CAAC;QACpF,MAAM,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;QACvD,MAAM,aAAa,GAA+D;YAChF,SAAS,EAAE;gBACT,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;gBAC1C,GAAG,EAAE,MAAM;aACZ;YACD,OAAO,EAAE;gBACP,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;gBAC5B,GAAG,EAAE,MAAM;aACZ;YACD,UAAU,EAAE;gBACV,GAAG,EAAE,MAAM;gBACX,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;aACzC;YACD,SAAS,EAAE;gBACT,GAAG,EAAE,MAAM;gBACX,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;aAC7B;SACF,CAAC;QAEF,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAElC,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,oFAAoF;QACpF,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QACvC,IAAI,MAAM,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YAC5B,oEAAoE;YACpE,IAAI,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;gBAC1C,OAAO;YACT,CAAC;YAED,0DAA0D;YAC1D,IAAI,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;gBACxC,OAAO;YACT,CAAC;YAED,sEAAsE;YACtE,IAAI,MAAM,KAAK,SAAS,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,EAAE,CAAC;gBACvD,OAAO;YACT,CAAC;YAED,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,QAAQ,GAAG,wBAAwB,IAAI,CAAC,GAAG,0BAA0B,IAAI,CAAC,GAAG,IAAI,CAAC;YACxF,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAuB,CAAC;YACjF,QAAQ,EAAE,KAAK,EAAE,CAAC;QACpB,CAAC;IAAA,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,cAAc,CAAC,eAAe,EAAE,CAAC;IAErD,MAAM,YAAY,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC;IAE7C,MAAM,eAAe,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAE9D,MAAM,iBAAiB,GAAG,eAAe,CAAC,OAAO,CAAC,MAAM,CACtD,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,MAAM,CACnD,CAAC;IACF,MAAM,aAAa,GAAG,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC;IAE/F,MAAM,eAAe,GAAG,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC;IAEhG,4GAA4G;IAC5G,SAAS,CAAC,GAAG,EAAE,CAAC;QACd,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,sBAAsB,EAAE,eAAe,CAAC,CAAC;IAAA,CACzE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,YAAY,GAAG,kBAAkB,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IAElE,wDAAwD;IACxD,SAAS,CAAC,GAAG,EAAE,CAAC;QACd,IAAI,YAAY,EAAE,CAAC;YACjB,4FAA4F;YAC5F,iBAAiB,CAAC,OAAO,EAAE,CAAC;QAC9B,CAAC;IAAA,CACF,EAAE,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC,CAAC;IAEtC,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC;IACvD,MAAM,UAAU,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC;IAEvD,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,SAAS,EAAC,0BAA0B;YACxE,cACE,GAAG,EAAE,kBAAkB,EACvB,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,CAAC;oBACP,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;oBACT,QAAQ,EAAE,MAAM;oBAChB,cAAc,EAAE,MAAM;iBACvB,YAED,cACE,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,KAAK,EAAE,OAAO,KAAK,CAAC,YAAY,EAAE,WAAW;qBAC9C,YAED,iBACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,gBACpC,KAAK,EACjB,IAAI,EAAC,MAAM;4BAEX,gBACE,SAAS,EAAC,wCAAwC,EAClD,KAAK,EAAE;oCACL,OAAO,EAAE,MAAM;oCACf,MAAM,EAAE,CAAC;oCACT,YAAY,EAAE,oCAAoC;iCACnD,YAED,cAEE,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,YAAY,EAAE,IAAI,EAAE,aAG/C,iBAAiB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC;4CACjC,OAAO,CACL,KAAC,uBAAuB,IAEtB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAC,MAAM,IALV,MAAM,CAAC,EAAE,CAMd,CACH,CAAC;wCAAA,CACH,CAAC,EAGD,kBAAkB,CAAC,CAAC,CAAC,CACpB,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAI,CAC9D,CAAC,CAAC,CAAC,IAAI,EAGP,cAAc,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC;4CACrC,MAAM,MAAM,GAAG,aAAa,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;4CAClD,IAAI,CAAC,MAAM;gDAAE,OAAO,IAAI,CAAC;4CAEzB,OAAO,CACL,KAAC,uBAAuB,IAEtB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,KAAK,IALV,MAAM,CAAC,EAAE,CAMd,CACH,CAAC;wCAAA,CACH,CAAC,EAGD,mBAAmB,CAAC,CAAC,CAAC,CACrB,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,mBAAmB,EAAE,GAAI,CAC/D,CAAC,CAAC,CAAC,IAAI,EAGR,aACE,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,iBACV,MAAM,GAClB;yCAnDG,eAAe,CAAC,EAAE,CAoDpB,GACC,EACR,gBACE,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE;oCACL,OAAO,EAAE,MAAM;oCACf,MAAM,EAAE,GAAG,cAAc,CAAC,YAAY,EAAE,IAAI;iCAC7C,YAEA,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC;oCAC/B,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;oCACnC,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC;oCAChC,MAAM,eAAe,GAAG,GAAG,CAAC,mBAAmB,EAAE,CAAC;oCAClD,MAAM,WAAW,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAC;oCAEhD,IAAI,aAAa,GAAG,CAAC,CAAC;oCAEtB,OAAO,CACL,cAEE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,IAAI,CAAC,gBACtC,UAAU,CAAC,KAAK,EAC5B,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE;4CACL,SAAS,EAAE,cAAc,UAAU,CAAC,KAAK,KAAK;4CAC9C,QAAQ,EAAE,GAAG,KAAK,CAAC,YAAY,EAAE,IAAI;yCACtC,aAEA,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC;gDAC7B,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;gDAC/B,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;gDACzC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;gDAC7C,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAC;gDAE/D,OAAO,CACL,KAAC,SAAS,IAER,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,IAP/B,IAAI,CAAC,EAAE,CAQZ,CACH,CAAC;4CAAA,CACH,CAAC,EAED,kBAAkB,CAAC,CAAC,CAAC,CACpB,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAI,CAC9D,CAAC,CAAC,CAAC,IAAI,EAEP,cAAc,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC;gDACrC,MAAM,IAAI,GAAG,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gDAC9C,IAAI,CAAC,IAAI;oDAAE,OAAO,IAAI,CAAC;gDAEvB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;gDAC/B,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;gDACzC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;gDAC7C,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAC;gDAE/D,OAAO,CACL,KAAC,SAAS,IAER,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,IAP/B,IAAI,CAAC,EAAE,CAQZ,CACH,CAAC;4CAAA,CACH,CAAC,EAED,mBAAmB,CAAC,CAAC,CAAC,CACrB,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,mBAAmB,EAAE,GAAI,CAC/D,CAAC,CAAC,CAAC,IAAI,EAGR,aACE,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,iBACV,MAAM,GAClB;6CAlEG,GAAG,CAAC,EAAE,CAmER,CACN,CAAC;gCAAA,CACH,CAAC,GACI;4BACF,GACJ,GACF,EACL,KAAK,CAAC,qBAAqB,EAAE,CAAC,MAAM,KAAK,CAAC,IAAI,cAAc,KAAK,CAAC,CAAC,CAAC,CAAC,CACpE,wBACE,cACE,SAAS,EAAC,kEAAkE,EAC5E,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,GAAG,EAAE,CAAC;wBACN,IAAI,EAAE,CAAC;wBACP,KAAK,EAAE,CAAC;wBACR,MAAM,EAAE,CAAC;wBACT,uEAAuE;wBACvE,aAAa,EAAE,MAAM;qBACtB,EACD,IAAI,EAAC,QAAQ,eACH,QAAQ,YAElB,cACE,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE;4BACL,gEAAgE;4BAChE,aAAa,EAAE,MAAM;yBACtB,YAEA,KAAK,CAAC,qBAAqB,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC5C,KAAC,uBAAuB,IAAC,QAAQ,EAAC,cAAc,wEAEtB,CAC3B,CAAC,CAAC,CAAC,cAAc,KAAK,CAAC,CAAC,CAAC,CAAC,CACzB,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CACf,cAAc,CACf,CAAC,CAAC,CAAC,CACF,UAAU,CACX,CACF,CAAC,CAAC,CAAC,IAAI,GACJ,GACF,GACF,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAAA,CACH;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,iBAAiB,CAAe,EAC9C,KAAK,EACL,KAAK,EACL,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,SAAS,EACT,GAAG,QAAQ,EAmB2B,EAAE;IACxC,MAAM,cAAc,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEtD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,GAAG,EAAE,CAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,YAAuB,IAAI,EAAE,CACtD,CAAC;IAEF,6BAA6B;IAC7B,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC;QACjE,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAAA,CAC9B,EAAE,GAAG,CAAC,CAAC;IAER,gDAAgD;IAChD,SAAS,CAAC,GAAG,EAAE,CAAC;QACd,SAAS,SAAS,CAAC,KAAoB,EAAE;YACvC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE,CAAC;gBACxE,IAAI,cAAc,CAAC,OAAO,IAAI,cAAc,CAAC,OAAO,KAAK,QAAQ,CAAC,aAAa,EAAE,CAAC;oBAChF,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;oBAC/B,KAAK,CAAC,cAAc,EAAE,CAAC;gBACzB,CAAC;YACH,CAAC;QAAA,CACF;QACD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAAA,CACjE,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC;IACvD,MAAM,UAAU,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC;IAEvD,OAAO,CACL,eAAK,SAAS,EAAE,IAAI,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAAM,QAAQ;YACtE,cAAK,SAAS,EAAC,mCAAmC,YAChD,eAAK,SAAS,EAAC,yDAAyD;wBACtE,wBAAM,KAAK,GAAO,EAClB,eAAK,SAAS,EAAC,cAAc,aAC1B,aAAa,EAEb,qBAAqB,IAAI,CACxB,KAAC,2BAA2B,IAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,KACxB,qBAAqB,GACzB,CACH,IACG;wBACF,GACF,EACN,eAAK,SAAS,EAAC,0EAA0E;oBACvF,eAAK,SAAS,EAAC,yBAAyB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE;4BAC9E,gBACE,GAAG,EAAE,cAAc,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,sFAAsF,gBACpF,YAAY,CAAC,WAAW,EACpC,WAAW,EAAE,YAAY,CAAC,WAAW,EACrC,KAAK,EAAE,UAAU,EACjB,YAAY,EAAC,KAAK,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;oCACd,MAAM,KAAK,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;oCACpC,aAAa,CAAC,KAAK,CAAC,CAAC;oCACrB,kBAAkB,CAAC,KAAK,CAAC,CAAC;gCAAA,CAC3B,GACD,EACD,UAAU,IAAI,CACb,KAAC,cAAc,IAAC,OAAO,EAAE,KAAC,OAAO,+BAAuB,YACtD,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,uBAAuB,gBACtB,cAAc,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC;wCACb,aAAa,CAAC,EAAE,CAAC,CAAC;wCAClB,kBAAkB,CAAC,MAAM,EAAE,CAAC;wCAC5B,KAAK,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;oCAAA,CAC3B,YAED,YAAG,SAAS,EAAC,qBAAqB,iBAAa,MAAM,GAAG,GACjD,GACM,CAClB,IACG,EACN,eAAK,SAAS,EAAC,oDAAoD;4BACjE,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,GAAI,EACrE,aAAa,EAAE,OAAO,IACnB,EACN,eAAK,SAAS,EAAC,gCAAgC,yBACpC,cAAc,UAAM,UAAU,OAAG,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,IACpF;oBACF,EACN,cAAK,SAAS,EAAC,aAAa,YAC1B,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,KAAM,YAAY,GAAI,GAC3D;YACF,CACP,CAAC;AAAA,CACH;AAED,MAAM,UAAU,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,GAIT,EAAE;IACD,OAAO,CACL,eAAK,SAAS,EAAC,yEAAyE;YACtF,YAAG,SAAS,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,gBAAgB,CAAC,iBAAc,MAAM,GAAG,EAC3E,wBAAM,QAAQ,GAAO;YACjB,CACP,CAAC;AAAA,CACH","sourcesContent":["import { flexRender } from '@tanstack/react-table';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport type { Cell, Header, Row, Table } from '@tanstack/table-core';\nimport clsx from 'clsx';\nimport { type ComponentProps, type ReactNode, useEffect, useMemo, useRef, useState } from 'react';\nimport OverlayTrigger from 'react-bootstrap/OverlayTrigger';\nimport Tooltip from 'react-bootstrap/Tooltip';\nimport { useDebouncedCallback } from 'use-debounce';\n\nimport { run } from '@prairielearn/run';\n\nimport { ColumnManager } from './ColumnManager.js';\nimport {\n  TanstackTableDownloadButton,\n  type TanstackTableDownloadButtonProps,\n} from './TanstackTableDownloadButton.js';\nimport { TanstackTableHeaderCell } from './TanstackTableHeaderCell.js';\nimport { useAutoSizeColumns } from './useAutoSizeColumns.js';\n\nfunction TableCell<RowDataModel>({\n  cell,\n  rowIdx,\n  colIdx,\n  canSort,\n  canFilter,\n  wrapText,\n  handleGridKeyDown,\n}: {\n  cell: Cell<RowDataModel, unknown>;\n  rowIdx: number;\n  colIdx: number;\n  canSort: boolean;\n  canFilter: boolean;\n  wrapText: boolean;\n  handleGridKeyDown: (e: React.KeyboardEvent, rowIdx: number, colIdx: number) => void;\n}) {\n  return (\n    <td\n      key={cell.id}\n      tabIndex={0}\n      data-grid-cell-row={rowIdx}\n      data-grid-cell-col={colIdx}\n      className={clsx(!canSort && !canFilter && 'text-center')}\n      style={{\n        display: 'flex',\n        width: cell.column.getSize(),\n        minWidth: 0,\n        maxWidth: cell.column.getSize(),\n        flexShrink: 0,\n        position: cell.column.getIsPinned() === 'left' ? 'sticky' : undefined,\n        left: cell.column.getIsPinned() === 'left' ? cell.column.getStart() : undefined,\n        verticalAlign: 'middle',\n      }}\n      onKeyDown={(e) => handleGridKeyDown(e, rowIdx, colIdx)}\n    >\n      <div\n        style={{\n          display: 'block',\n          minWidth: 0,\n          maxWidth: '100%',\n          overflow: wrapText ? 'visible' : 'hidden',\n          textOverflow: wrapText ? undefined : 'ellipsis',\n          whiteSpace: wrapText ? 'normal' : 'nowrap',\n          flex: '1 1 0%',\n          width: 0, // Allow flex to control width, but start from 0\n        }}\n      >\n        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n      </div>\n    </td>\n  );\n}\n\nconst DefaultNoResultsState = (\n  <TanstackTableEmptyState iconName=\"bi-search\">\n    No results found matching your search criteria.\n  </TanstackTableEmptyState>\n);\n\nconst DefaultEmptyState = (\n  <TanstackTableEmptyState iconName=\"bi-eye-slash\">No results found.</TanstackTableEmptyState>\n);\n\ninterface TanstackTableProps<RowDataModel> {\n  table: Table<RowDataModel>;\n  title: string;\n  filters?: Record<string, (props: { header: Header<RowDataModel, unknown> }) => ReactNode>;\n  rowHeight?: number;\n  noResultsState?: ReactNode;\n  emptyState?: ReactNode;\n  scrollRef?: React.RefObject<HTMLDivElement | null> | null;\n}\n\nconst DEFAULT_FILTER_MAP = {};\n\n/**\n * A generic component that renders a full-width, resizeable Tanstack Table.\n * @param params\n * @param params.table - The table model\n * @param params.title - The title of the table\n * @param params.filters - The filters for the table\n * @param params.rowHeight - The height of the rows in the table\n * @param params.noResultsState - The no results state for the table\n * @param params.emptyState - The empty state for the table\n * @param params.scrollRef - Optional ref that will be attached to the scroll container element.\n */\nexport function TanstackTable<RowDataModel>({\n  table,\n  title,\n  filters = DEFAULT_FILTER_MAP,\n  rowHeight = 42,\n  noResultsState = DefaultNoResultsState,\n  emptyState = DefaultEmptyState,\n  scrollRef,\n}: TanstackTableProps<RowDataModel>) {\n  const parentRef = useRef<HTMLDivElement>(null);\n  const tableRef = useRef<HTMLDivElement>(null);\n  const scrollContainerRef = scrollRef ?? parentRef;\n\n  const rows = [...table.getTopRows(), ...table.getCenterRows()];\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement: () => scrollContainerRef.current,\n    estimateSize: () => rowHeight,\n    overscan: 10,\n    measureElement: (el) => el?.getBoundingClientRect().height ?? rowHeight,\n  });\n\n  const visibleColumns = table.getVisibleLeafColumns();\n  const centerColumns = visibleColumns.filter((col) => !col.getIsPinned());\n\n  const columnVirtualizer = useVirtualizer({\n    count: centerColumns.length,\n    estimateSize: (index) => centerColumns[index]?.getSize(),\n    // `useAutoSizeColumns` solves a different problem (happens once when the column set changes)\n    // and we don't need to measure the cells themselves, so we can use the default estimateSize.\n    getScrollElement: () => scrollContainerRef.current,\n    horizontal: true,\n    overscan: 3,\n  });\n\n  const virtualColumns = columnVirtualizer.getVirtualItems();\n\n  const virtualPaddingLeft = run(() => {\n    if (columnVirtualizer && virtualColumns?.length > 0) {\n      return virtualColumns[0]?.start ?? 0;\n    }\n    return null;\n  });\n\n  const virtualPaddingRight = run(() => {\n    if (columnVirtualizer && virtualColumns?.length > 0) {\n      return (\n        columnVirtualizer.getTotalSize() - (virtualColumns[virtualColumns.length - 1]?.end ?? 0)\n      );\n    }\n    return null;\n  });\n\n  // Check if any column has wrapping enabled\n  const hasWrappedColumns = table.getAllLeafColumns().some((col) => col.columnDef.meta?.wrapText);\n\n  // Create callback for remeasuring after resize\n  const handleResizeEnd = useMemo(() => {\n    if (!hasWrappedColumns) return undefined;\n    return () => rowVirtualizer.measure();\n  }, [hasWrappedColumns, rowVirtualizer]);\n\n  const getVisibleCells = (row: Row<RowDataModel>) => [\n    ...row.getLeftVisibleCells(),\n    ...row.getCenterVisibleCells(),\n  ];\n\n  const handleGridKeyDown = (e: React.KeyboardEvent, rowIdx: number, colIdx: number) => {\n    const rowLength = getVisibleCells(rows[rowIdx]).length;\n    const adjacentCells: Record<KeyboardEvent['key'], { row: number; col: number }> = {\n      ArrowDown: {\n        row: Math.min(rows.length - 1, rowIdx + 1),\n        col: colIdx,\n      },\n      ArrowUp: {\n        row: Math.max(0, rowIdx - 1),\n        col: colIdx,\n      },\n      ArrowRight: {\n        row: rowIdx,\n        col: Math.min(rowLength - 1, colIdx + 1),\n      },\n      ArrowLeft: {\n        row: rowIdx,\n        col: Math.max(0, colIdx - 1),\n      },\n    };\n\n    const next = adjacentCells[e.key];\n\n    if (!next) {\n      return;\n    }\n\n    // Only handle arrow keys if we're in the cell itself, not in an interactive element\n    const target = e.target as HTMLElement;\n    if (target.tagName === 'TD') {\n      // If we are on the leftmost column, we should allow left scrolling.\n      if (colIdx === 0 && e.key === 'ArrowLeft') {\n        return;\n      }\n\n      // If we are on the top row, we should allow up scrolling.\n      if (rowIdx === 0 && e.key === 'ArrowUp') {\n        return;\n      }\n\n      // If we are on the rightmost column, we should allow right scrolling.\n      if (colIdx === rowLength - 1 && e.key === 'ArrowRight') {\n        return;\n      }\n\n      e.preventDefault();\n      const selector = `[data-grid-cell-row=\"${next.row}\"][data-grid-cell-col=\"${next.col}\"]`;\n      const nextCell = tableRef.current?.querySelector(selector) as HTMLElement | null;\n      nextCell?.focus();\n    }\n  };\n\n  const virtualRows = rowVirtualizer.getVirtualItems();\n\n  const headerGroups = table.getHeaderGroups();\n\n  const leafHeaderGroup = headerGroups[headerGroups.length - 1];\n\n  const leftPinnedHeaders = leafHeaderGroup.headers.filter(\n    (header) => header.column.getIsPinned() === 'left',\n  );\n  const centerHeaders = leafHeaderGroup.headers.filter((header) => !header.column.getIsPinned());\n\n  const isTableResizing = leafHeaderGroup.headers.some((header) => header.column.getIsResizing());\n\n  // We toggle this here instead of in the parent since this component logically manages all UI for the table.\n  useEffect(() => {\n    document.body.classList.toggle('pl-ui-no-user-select', isTableResizing);\n  }, [isTableResizing]);\n\n  const hasAutoSized = useAutoSizeColumns(table, tableRef, filters);\n\n  // Re-measure the virtualizer when auto-sizing completes\n  useEffect(() => {\n    if (hasAutoSized) {\n      // https://github.com/NickvanDyke/eslint-plugin-react-you-might-not-need-an-effect/issues/58\n      columnVirtualizer.measure();\n    }\n  }, [columnVirtualizer, hasAutoSized]);\n\n  const displayedCount = table.getRowModel().rows.length;\n  const totalCount = table.getCoreRowModel().rows.length;\n\n  return (\n    <div style={{ position: 'relative' }} className=\"d-flex flex-column h-100\">\n      <div\n        ref={scrollContainerRef}\n        style={{\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          right: 0,\n          bottom: 0,\n          overflow: 'auto',\n          overflowAnchor: 'none',\n        }}\n      >\n        <div\n          ref={tableRef}\n          style={{\n            position: 'relative',\n            width: `max(${table.getTotalSize()}px, 100%)`,\n          }}\n        >\n          <table\n            className=\"table table-hover mb-0\"\n            style={{ display: 'grid', tableLayout: 'fixed' }}\n            aria-label={title}\n            role=\"grid\"\n          >\n            <thead\n              className=\"position-sticky top-0 w-100 border-top\"\n              style={{\n                display: 'grid',\n                zIndex: 1,\n                borderBottom: 'var(--bs-border-width) solid black',\n              }}\n            >\n              <tr\n                key={leafHeaderGroup.id}\n                className=\"d-flex w-100\"\n                style={{ minWidth: `${table.getTotalSize()}px` }}\n              >\n                {/* Left pinned columns */}\n                {leftPinnedHeaders.map((header) => {\n                  return (\n                    <TanstackTableHeaderCell\n                      key={header.id}\n                      header={header}\n                      filters={filters}\n                      table={table}\n                      handleResizeEnd={handleResizeEnd}\n                      isPinned=\"left\"\n                    />\n                  );\n                })}\n\n                {/* Virtual padding for left side of center columns */}\n                {virtualPaddingLeft ? (\n                  <th style={{ display: 'flex', width: virtualPaddingLeft }} />\n                ) : null}\n\n                {/* Virtualized center columns */}\n                {virtualColumns.map((virtualColumn) => {\n                  const header = centerHeaders[virtualColumn.index];\n                  if (!header) return null;\n\n                  return (\n                    <TanstackTableHeaderCell\n                      key={header.id}\n                      header={header}\n                      filters={filters}\n                      table={table}\n                      handleResizeEnd={handleResizeEnd}\n                      isPinned={false}\n                    />\n                  );\n                })}\n\n                {/* Virtual padding for right side of center columns */}\n                {virtualPaddingRight ? (\n                  <th style={{ display: 'flex', width: virtualPaddingRight }} />\n                ) : null}\n\n                {/* Filler to span remaining width */}\n                <th\n                  tabIndex={-1}\n                  className=\"d-flex flex-grow-1 p-0\"\n                  style={{ minWidth: 0 }}\n                  aria-hidden=\"true\"\n                />\n              </tr>\n            </thead>\n            <tbody\n              className=\"position-relative w-100\"\n              style={{\n                display: 'grid',\n                height: `${rowVirtualizer.getTotalSize()}px`,\n              }}\n            >\n              {virtualRows.map((virtualRow) => {\n                const row = rows[virtualRow.index];\n                const rowIdx = virtualRow.index;\n                const leftPinnedCells = row.getLeftVisibleCells();\n                const centerCells = row.getCenterVisibleCells();\n\n                let currentColIdx = 0;\n\n                return (\n                  <tr\n                    key={row.id}\n                    ref={(node) => rowVirtualizer.measureElement(node)}\n                    data-index={virtualRow.index}\n                    className=\"d-flex position-absolute w-100\"\n                    style={{\n                      transform: `translateY(${virtualRow.start}px)`,\n                      minWidth: `${table.getTotalSize()}px`,\n                    }}\n                  >\n                    {leftPinnedCells.map((cell) => {\n                      const colIdx = currentColIdx++;\n                      const canSort = cell.column.getCanSort();\n                      const canFilter = cell.column.getCanFilter();\n                      const wrapText = cell.column.columnDef.meta?.wrapText ?? false;\n\n                      return (\n                        <TableCell\n                          key={cell.id}\n                          cell={cell}\n                          rowIdx={rowIdx}\n                          colIdx={colIdx}\n                          canSort={canSort}\n                          canFilter={canFilter}\n                          wrapText={wrapText}\n                          handleGridKeyDown={handleGridKeyDown}\n                        />\n                      );\n                    })}\n\n                    {virtualPaddingLeft ? (\n                      <td style={{ display: 'flex', width: virtualPaddingLeft }} />\n                    ) : null}\n\n                    {virtualColumns.map((virtualColumn) => {\n                      const cell = centerCells[virtualColumn.index];\n                      if (!cell) return null;\n\n                      const colIdx = currentColIdx++;\n                      const canSort = cell.column.getCanSort();\n                      const canFilter = cell.column.getCanFilter();\n                      const wrapText = cell.column.columnDef.meta?.wrapText ?? false;\n\n                      return (\n                        <TableCell\n                          key={cell.id}\n                          cell={cell}\n                          rowIdx={rowIdx}\n                          colIdx={colIdx}\n                          canSort={canSort}\n                          canFilter={canFilter}\n                          wrapText={wrapText}\n                          handleGridKeyDown={handleGridKeyDown}\n                        />\n                      );\n                    })}\n\n                    {virtualPaddingRight ? (\n                      <td style={{ display: 'flex', width: virtualPaddingRight }} />\n                    ) : null}\n\n                    {/* Filler to span remaining width */}\n                    <td\n                      tabIndex={-1}\n                      className=\"d-flex flex-grow-1 p-0\"\n                      style={{ minWidth: 0 }}\n                      aria-hidden=\"true\"\n                    />\n                  </tr>\n                );\n              })}\n            </tbody>\n          </table>\n        </div>\n      </div>\n      {table.getVisibleLeafColumns().length === 0 || displayedCount === 0 ? (\n        <div>\n          <div\n            className=\"d-flex flex-column justify-content-center align-items-center p-4\"\n            style={{\n              position: 'absolute',\n              top: 0,\n              left: 0,\n              right: 0,\n              bottom: 0,\n              // Allow pointer events (e.g. scrolling) to reach the underlying table.\n              pointerEvents: 'none',\n            }}\n            role=\"status\"\n            aria-live=\"polite\"\n          >\n            <div\n              className=\"col-lg-6\"\n              style={{\n                // Allow selecting and interacting with the empty state content.\n                pointerEvents: 'auto',\n              }}\n            >\n              {table.getVisibleLeafColumns().length === 0 ? (\n                <TanstackTableEmptyState iconName=\"bi-eye-slash\">\n                  No columns selected. Use the View menu to show columns.\n                </TanstackTableEmptyState>\n              ) : displayedCount === 0 ? (\n                totalCount > 0 ? (\n                  noResultsState\n                ) : (\n                  emptyState\n                )\n              ) : null}\n            </div>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * A generic component that wraps the TanstackTable component in a card.\n * @param params\n * @param params.table - The table model\n * @param params.title - The title of the card\n * @param params.className - The class name to apply to the card\n * @param params.style - The style to apply to the card\n * @param params.singularLabel - The singular label for a single row in the table, e.g. \"student\"\n * @param params.pluralLabel - The plural label for multiple rows in the table, e.g. \"students\"\n * @param params.headerButtons - The buttons to display in the header\n * @param params.columnManager - Optional configuration for the column manager. See {@link ColumnManager} for more details.\n * @param params.columnManager.buttons - The buttons to display next to the column manager (View button)\n * @param params.columnManager.topContent - Optional content to display at the top of the column manager (View) dropdown menu\n * @param params.globalFilter - Configuration for the global filter\n * @param params.globalFilter.placeholder - Placeholder text for the search input\n * @param params.tableOptions - Specific options for the table. See {@link TanstackTableProps} for more details.\n * @param params.downloadButtonOptions - Specific options for the download button. See {@link TanstackTableDownloadButtonProps} for more details.\n */\nexport function TanstackTableCard<RowDataModel>({\n  table,\n  title,\n  singularLabel,\n  pluralLabel,\n  headerButtons,\n  columnManager,\n  globalFilter,\n  tableOptions,\n  downloadButtonOptions,\n  className,\n  ...divProps\n}: {\n  table: Table<RowDataModel>;\n  title: string;\n  singularLabel: string;\n  pluralLabel: string;\n  headerButtons?: ReactNode;\n  columnManager?: {\n    buttons?: ReactNode;\n    topContent?: ReactNode;\n  };\n  globalFilter: {\n    placeholder: string;\n  };\n  tableOptions: Partial<Omit<TanstackTableProps<RowDataModel>, 'table'>>;\n  downloadButtonOptions?: Omit<\n    TanstackTableDownloadButtonProps<RowDataModel>,\n    'table' | 'singularLabel' | 'pluralLabel'\n  > & { pluralLabel?: string; singularLabel?: string };\n} & Omit<ComponentProps<'div'>, 'class'>) {\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const [inputValue, setInputValue] = useState(\n    () => (table.getState().globalFilter as string) ?? '',\n  );\n\n  // Debounce the filter update\n  const debouncedSetFilter = useDebouncedCallback((value: string) => {\n    table.setGlobalFilter(value);\n  }, 150);\n\n  // Focus the search input when Ctrl+F is pressed\n  useEffect(() => {\n    function onKeyDown(event: KeyboardEvent) {\n      if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'f') {\n        if (searchInputRef.current && searchInputRef.current !== document.activeElement) {\n          searchInputRef.current.focus();\n          event.preventDefault();\n        }\n      }\n    }\n    document.addEventListener('keydown', onKeyDown);\n    return () => document.removeEventListener('keydown', onKeyDown);\n  }, []);\n\n  const displayedCount = table.getRowModel().rows.length;\n  const totalCount = table.getCoreRowModel().rows.length;\n\n  return (\n    <div className={clsx('card d-flex flex-column', className)} {...divProps}>\n      <div className=\"card-header bg-primary text-white\">\n        <div className=\"d-flex align-items-center justify-content-between gap-2\">\n          <div>{title}</div>\n          <div className=\"d-flex gap-2\">\n            {headerButtons}\n\n            {downloadButtonOptions && (\n              <TanstackTableDownloadButton\n                table={table}\n                pluralLabel={pluralLabel}\n                singularLabel={singularLabel}\n                {...downloadButtonOptions}\n              />\n            )}\n          </div>\n        </div>\n      </div>\n      <div className=\"card-body d-flex flex-row flex-wrap flex-grow-0 align-items-center gap-2\">\n        <div className=\"position-relative w-100\" style={{ maxWidth: 'min(400px, 100%)' }}>\n          <input\n            ref={searchInputRef}\n            type=\"text\"\n            className=\"form-control pl-ui-tanstack-table-search-input pl-ui-tanstack-table-focusable-shadow\"\n            aria-label={globalFilter.placeholder}\n            placeholder={globalFilter.placeholder}\n            value={inputValue}\n            autoComplete=\"off\"\n            onInput={(e) => {\n              const value = e.currentTarget.value;\n              setInputValue(value);\n              debouncedSetFilter(value);\n            }}\n          />\n          {inputValue && (\n            <OverlayTrigger overlay={<Tooltip>Clear search</Tooltip>}>\n              <button\n                type=\"button\"\n                className=\"btn btn-floating-icon\"\n                aria-label=\"Clear search\"\n                onClick={() => {\n                  setInputValue('');\n                  debouncedSetFilter.cancel();\n                  table.setGlobalFilter('');\n                }}\n              >\n                <i className=\"bi bi-x-circle-fill\" aria-hidden=\"true\" />\n              </button>\n            </OverlayTrigger>\n          )}\n        </div>\n        <div className=\"d-flex flex-wrap flex-row align-items-center gap-2\">\n          <ColumnManager table={table} topContent={columnManager?.topContent} />\n          {columnManager?.buttons}\n        </div>\n        <div className=\"ms-auto text-muted text-nowrap\">\n          Showing {displayedCount} of {totalCount} {totalCount === 1 ? singularLabel : pluralLabel}\n        </div>\n      </div>\n      <div className=\"flex-grow-1\">\n        <TanstackTable table={table} title={title} {...tableOptions} />\n      </div>\n    </div>\n  );\n}\n\nexport function TanstackTableEmptyState({\n  iconName,\n  children,\n}: {\n  iconName: `bi-${string}`;\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"d-flex flex-column justify-content-center align-items-center text-muted\">\n      <i className={clsx('bi', iconName, 'display-4 mb-2')} aria-hidden=\"true\" />\n      <div>{children}</div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"TanstackTable.js","sourceRoot":"","sources":["../../src/components/TanstackTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import { flexRender } from '@tanstack/react-table';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport type { Cell, Header, Row, Table } from '@tanstack/table-core';\nimport clsx from 'clsx';\nimport { type ComponentProps, type ReactNode, useEffect, useMemo, useRef, useState } from 'react';\nimport OverlayTrigger from 'react-bootstrap/OverlayTrigger';\nimport Tooltip from 'react-bootstrap/Tooltip';\nimport { useDebouncedCallback } from 'use-debounce';\n\nimport { run } from '@prairielearn/run';\n\nimport { ColumnManager } from './ColumnManager.js';\nimport {\n  TanstackTableDownloadButton,\n  type TanstackTableDownloadButtonProps,\n} from './TanstackTableDownloadButton.js';\nimport { TanstackTableHeaderCell } from './TanstackTableHeaderCell.js';\nimport { useAutoSizeColumns } from './useAutoSizeColumns.js';\n\nfunction TableCell<RowDataModel>({\n  cell,\n  rowIdx,\n  colIdx,\n  canSort,\n  canFilter,\n  wrapText,\n  handleGridKeyDown,\n}: {\n  cell: Cell<RowDataModel, unknown>;\n  rowIdx: number;\n  colIdx: number;\n  canSort: boolean;\n  canFilter: boolean;\n  wrapText: boolean;\n  handleGridKeyDown: (e: React.KeyboardEvent, rowIdx: number, colIdx: number) => void;\n}) {\n  return (\n    <td\n      key={cell.id}\n      tabIndex={0}\n      data-grid-cell-row={rowIdx}\n      data-grid-cell-col={colIdx}\n      className={clsx(!canSort && !canFilter && 'text-center')}\n      style={{\n        display: 'flex',\n        width: cell.column.getSize(),\n        minWidth: 0,\n        maxWidth: cell.column.getSize(),\n        flexShrink: 0,\n        position: cell.column.getIsPinned() === 'left' ? 'sticky' : undefined,\n        left: cell.column.getIsPinned() === 'left' ? cell.column.getStart() : undefined,\n        verticalAlign: 'middle',\n      }}\n      onKeyDown={(e) => handleGridKeyDown(e, rowIdx, colIdx)}\n    >\n      <div\n        style={{\n          display: 'block',\n          minWidth: 0,\n          maxWidth: '100%',\n          overflow: wrapText ? 'visible' : 'hidden',\n          textOverflow: wrapText ? undefined : 'ellipsis',\n          whiteSpace: wrapText ? 'normal' : 'nowrap',\n          flex: '1 1 0%',\n          width: 0, // Allow flex to control width, but start from 0\n        }}\n      >\n        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n      </div>\n    </td>\n  );\n}\n\nconst DefaultNoResultsState = (\n  <TanstackTableEmptyState iconName=\"bi-search\">\n    No results found matching your search criteria.\n  </TanstackTableEmptyState>\n);\n\nconst DefaultEmptyState = (\n  <TanstackTableEmptyState iconName=\"bi-eye-slash\">No results found.</TanstackTableEmptyState>\n);\n\ninterface TanstackTableProps<RowDataModel> {\n  table: Table<RowDataModel>;\n  title: string;\n  filters?: Record<string, (props: { header: Header<RowDataModel, unknown> }) => ReactNode>;\n  rowHeight?: number;\n  noResultsState?: ReactNode;\n  emptyState?: ReactNode;\n  scrollRef?: React.RefObject<HTMLDivElement | null> | null;\n}\n\nconst DEFAULT_FILTER_MAP = {};\n\n/**\n * A generic component that renders a full-width, resizeable Tanstack Table.\n * @param params\n * @param params.table - The table model\n * @param params.title - The title of the table\n * @param params.filters - The filters for the table\n * @param params.rowHeight - The height of the rows in the table\n * @param params.noResultsState - The no results state for the table\n * @param params.emptyState - The empty state for the table\n * @param params.scrollRef - Optional ref that will be attached to the scroll container element.\n */\nexport function TanstackTable<RowDataModel>({\n  table,\n  title,\n  filters = DEFAULT_FILTER_MAP,\n  rowHeight = 42,\n  noResultsState = DefaultNoResultsState,\n  emptyState = DefaultEmptyState,\n  scrollRef,\n}: TanstackTableProps<RowDataModel>) {\n  const parentRef = useRef<HTMLDivElement>(null);\n  const tableRef = useRef<HTMLDivElement>(null);\n  const scrollContainerRef = scrollRef ?? parentRef;\n\n  const rows = [...table.getTopRows(), ...table.getCenterRows()];\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement: () => scrollContainerRef.current,\n    estimateSize: () => rowHeight,\n    overscan: 10,\n    measureElement: (el) => el?.getBoundingClientRect().height ?? rowHeight,\n  });\n\n  const visibleColumns = table.getVisibleLeafColumns();\n  const centerColumns = visibleColumns.filter((col) => !col.getIsPinned());\n\n  const columnVirtualizer = useVirtualizer({\n    count: centerColumns.length,\n    estimateSize: (index) => centerColumns[index]?.getSize(),\n    // `useAutoSizeColumns` solves a different problem (happens once when the column set changes)\n    // and we don't need to measure the cells themselves, so we can use the default estimateSize.\n    getScrollElement: () => scrollContainerRef.current,\n    horizontal: true,\n    overscan: 3,\n  });\n\n  const virtualColumns = columnVirtualizer.getVirtualItems();\n\n  const virtualPaddingLeft = run(() => {\n    if (columnVirtualizer && virtualColumns?.length > 0) {\n      return virtualColumns[0]?.start ?? 0;\n    }\n    return null;\n  });\n\n  const virtualPaddingRight = run(() => {\n    if (columnVirtualizer && virtualColumns?.length > 0) {\n      return (\n        columnVirtualizer.getTotalSize() - (virtualColumns[virtualColumns.length - 1]?.end ?? 0)\n      );\n    }\n    return null;\n  });\n\n  // Check if any column has wrapping enabled\n  const hasWrappedColumns = table.getAllLeafColumns().some((col) => col.columnDef.meta?.wrapText);\n\n  // Create callback for remeasuring after resize\n  const handleResizeEnd = useMemo(() => {\n    if (!hasWrappedColumns) return undefined;\n    return () => rowVirtualizer.measure();\n  }, [hasWrappedColumns, rowVirtualizer]);\n\n  const getVisibleCells = (row: Row<RowDataModel>) => [\n    ...row.getLeftVisibleCells(),\n    ...row.getCenterVisibleCells(),\n  ];\n\n  const handleGridKeyDown = (e: React.KeyboardEvent, rowIdx: number, colIdx: number) => {\n    const rowLength = getVisibleCells(rows[rowIdx]).length;\n    const adjacentCells: Record<KeyboardEvent['key'], { row: number; col: number }> = {\n      ArrowDown: {\n        row: Math.min(rows.length - 1, rowIdx + 1),\n        col: colIdx,\n      },\n      ArrowUp: {\n        row: Math.max(0, rowIdx - 1),\n        col: colIdx,\n      },\n      ArrowRight: {\n        row: rowIdx,\n        col: Math.min(rowLength - 1, colIdx + 1),\n      },\n      ArrowLeft: {\n        row: rowIdx,\n        col: Math.max(0, colIdx - 1),\n      },\n    };\n\n    const next = adjacentCells[e.key];\n\n    if (!next) {\n      return;\n    }\n\n    // Only handle arrow keys if we're in the cell itself, not in an interactive element\n    const target = e.target as HTMLElement;\n    if (target.tagName === 'TD') {\n      // If we are on the leftmost column, we should allow left scrolling.\n      if (colIdx === 0 && e.key === 'ArrowLeft') {\n        return;\n      }\n\n      // If we are on the top row, we should allow up scrolling.\n      if (rowIdx === 0 && e.key === 'ArrowUp') {\n        return;\n      }\n\n      // If we are on the rightmost column, we should allow right scrolling.\n      if (colIdx === rowLength - 1 && e.key === 'ArrowRight') {\n        return;\n      }\n\n      e.preventDefault();\n      const selector = `[data-grid-cell-row=\"${next.row}\"][data-grid-cell-col=\"${next.col}\"]`;\n      const nextCell = tableRef.current?.querySelector(selector) as HTMLElement | null;\n      nextCell?.focus();\n    }\n  };\n\n  const virtualRows = rowVirtualizer.getVirtualItems();\n\n  const headerGroups = table.getHeaderGroups();\n\n  const leafHeaderGroup = headerGroups[headerGroups.length - 1];\n\n  const leftPinnedHeaders = leafHeaderGroup.headers.filter(\n    (header) => header.column.getIsPinned() === 'left',\n  );\n  const centerHeaders = leafHeaderGroup.headers.filter((header) => !header.column.getIsPinned());\n\n  const isTableResizing = leafHeaderGroup.headers.some((header) => header.column.getIsResizing());\n\n  // We toggle this here instead of in the parent since this component logically manages all UI for the table.\n  useEffect(() => {\n    document.body.classList.toggle('pl-ui-no-user-select', isTableResizing);\n  }, [isTableResizing]);\n\n  const hasAutoSized = useAutoSizeColumns(table, tableRef, filters);\n\n  // Re-measure the virtualizer when auto-sizing completes\n  useEffect(() => {\n    if (hasAutoSized) {\n      // https://github.com/NickvanDyke/eslint-plugin-react-you-might-not-need-an-effect/issues/58\n      // eslint-disable-next-line react-you-might-not-need-an-effect/no-pass-data-to-parent\n      columnVirtualizer.measure();\n    }\n  }, [columnVirtualizer, hasAutoSized]);\n\n  const displayedCount = table.getRowModel().rows.length;\n  const totalCount = table.getCoreRowModel().rows.length;\n\n  return (\n    <div style={{ position: 'relative' }} className=\"d-flex flex-column h-100\">\n      <div\n        ref={scrollContainerRef}\n        style={{\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          right: 0,\n          bottom: 0,\n          overflow: 'auto',\n          overflowAnchor: 'none',\n        }}\n      >\n        <div\n          ref={tableRef}\n          style={{\n            position: 'relative',\n            width: `max(${table.getTotalSize()}px, 100%)`,\n          }}\n        >\n          <table\n            className=\"table table-hover mb-0\"\n            style={{ display: 'grid', tableLayout: 'fixed' }}\n            aria-label={title}\n            role=\"grid\"\n          >\n            <thead\n              className=\"position-sticky top-0 w-100 border-top\"\n              style={{\n                display: 'grid',\n                zIndex: 1,\n                borderBottom: 'var(--bs-border-width) solid black',\n              }}\n            >\n              <tr\n                key={leafHeaderGroup.id}\n                className=\"d-flex w-100\"\n                style={{ minWidth: `${table.getTotalSize()}px` }}\n              >\n                {/* Left pinned columns */}\n                {leftPinnedHeaders.map((header) => {\n                  return (\n                    <TanstackTableHeaderCell\n                      key={header.id}\n                      header={header}\n                      filters={filters}\n                      table={table}\n                      handleResizeEnd={handleResizeEnd}\n                      isPinned=\"left\"\n                    />\n                  );\n                })}\n\n                {/* Virtual padding for left side of center columns */}\n                {virtualPaddingLeft ? (\n                  <th style={{ display: 'flex', width: virtualPaddingLeft }} />\n                ) : null}\n\n                {/* Virtualized center columns */}\n                {virtualColumns.map((virtualColumn) => {\n                  const header = centerHeaders[virtualColumn.index];\n                  if (!header) return null;\n\n                  return (\n                    <TanstackTableHeaderCell\n                      key={header.id}\n                      header={header}\n                      filters={filters}\n                      table={table}\n                      handleResizeEnd={handleResizeEnd}\n                      isPinned={false}\n                    />\n                  );\n                })}\n\n                {/* Virtual padding for right side of center columns */}\n                {virtualPaddingRight ? (\n                  <th style={{ display: 'flex', width: virtualPaddingRight }} />\n                ) : null}\n\n                {/* Filler to span remaining width */}\n                <th\n                  tabIndex={-1}\n                  className=\"d-flex flex-grow-1 p-0\"\n                  style={{ minWidth: 0 }}\n                  aria-hidden=\"true\"\n                />\n              </tr>\n            </thead>\n            <tbody\n              className=\"position-relative w-100\"\n              style={{\n                display: 'grid',\n                height: `${rowVirtualizer.getTotalSize()}px`,\n              }}\n            >\n              {virtualRows.map((virtualRow) => {\n                const row = rows[virtualRow.index];\n                const rowIdx = virtualRow.index;\n                const leftPinnedCells = row.getLeftVisibleCells();\n                const centerCells = row.getCenterVisibleCells();\n\n                let currentColIdx = 0;\n\n                return (\n                  <tr\n                    key={row.id}\n                    ref={(node) => rowVirtualizer.measureElement(node)}\n                    data-index={virtualRow.index}\n                    className=\"d-flex position-absolute w-100\"\n                    style={{\n                      transform: `translateY(${virtualRow.start}px)`,\n                      minWidth: `${table.getTotalSize()}px`,\n                    }}\n                  >\n                    {leftPinnedCells.map((cell) => {\n                      const colIdx = currentColIdx++;\n                      const canSort = cell.column.getCanSort();\n                      const canFilter = cell.column.getCanFilter();\n                      const wrapText = cell.column.columnDef.meta?.wrapText ?? false;\n\n                      return (\n                        <TableCell\n                          key={cell.id}\n                          cell={cell}\n                          rowIdx={rowIdx}\n                          colIdx={colIdx}\n                          canSort={canSort}\n                          canFilter={canFilter}\n                          wrapText={wrapText}\n                          handleGridKeyDown={handleGridKeyDown}\n                        />\n                      );\n                    })}\n\n                    {virtualPaddingLeft ? (\n                      <td style={{ display: 'flex', width: virtualPaddingLeft }} />\n                    ) : null}\n\n                    {virtualColumns.map((virtualColumn) => {\n                      const cell = centerCells[virtualColumn.index];\n                      if (!cell) return null;\n\n                      const colIdx = currentColIdx++;\n                      const canSort = cell.column.getCanSort();\n                      const canFilter = cell.column.getCanFilter();\n                      const wrapText = cell.column.columnDef.meta?.wrapText ?? false;\n\n                      return (\n                        <TableCell\n                          key={cell.id}\n                          cell={cell}\n                          rowIdx={rowIdx}\n                          colIdx={colIdx}\n                          canSort={canSort}\n                          canFilter={canFilter}\n                          wrapText={wrapText}\n                          handleGridKeyDown={handleGridKeyDown}\n                        />\n                      );\n                    })}\n\n                    {virtualPaddingRight ? (\n                      <td style={{ display: 'flex', width: virtualPaddingRight }} />\n                    ) : null}\n\n                    {/* Filler to span remaining width */}\n                    <td\n                      tabIndex={-1}\n                      className=\"d-flex flex-grow-1 p-0\"\n                      style={{ minWidth: 0 }}\n                      aria-hidden=\"true\"\n                    />\n                  </tr>\n                );\n              })}\n            </tbody>\n          </table>\n        </div>\n      </div>\n      {table.getVisibleLeafColumns().length === 0 || displayedCount === 0 ? (\n        <div>\n          <div\n            className=\"d-flex flex-column justify-content-center align-items-center p-4\"\n            style={{\n              position: 'absolute',\n              top: 0,\n              left: 0,\n              right: 0,\n              bottom: 0,\n              // Allow pointer events (e.g. scrolling) to reach the underlying table.\n              pointerEvents: 'none',\n            }}\n            role=\"status\"\n            aria-live=\"polite\"\n          >\n            <div\n              className=\"col-lg-6\"\n              style={{\n                // Allow selecting and interacting with the empty state content.\n                pointerEvents: 'auto',\n              }}\n            >\n              {table.getVisibleLeafColumns().length === 0 ? (\n                <TanstackTableEmptyState iconName=\"bi-eye-slash\">\n                  No columns selected. Use the View menu to show columns.\n                </TanstackTableEmptyState>\n              ) : displayedCount === 0 ? (\n                totalCount > 0 ? (\n                  noResultsState\n                ) : (\n                  emptyState\n                )\n              ) : null}\n            </div>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * A generic component that wraps the TanstackTable component in a card.\n * @param params\n * @param params.table - The table model\n * @param params.title - The title of the card\n * @param params.className - The class name to apply to the card\n * @param params.style - The style to apply to the card\n * @param params.singularLabel - The singular label for a single row in the table, e.g. \"student\"\n * @param params.pluralLabel - The plural label for multiple rows in the table, e.g. \"students\"\n * @param params.headerButtons - The buttons to display in the header\n * @param params.columnManager - Optional configuration for the column manager. See {@link ColumnManager} for more details.\n * @param params.columnManager.buttons - The buttons to display next to the column manager (View button)\n * @param params.columnManager.topContent - Optional content to display at the top of the column manager (View) dropdown menu\n * @param params.globalFilter - Configuration for the global filter\n * @param params.globalFilter.placeholder - Placeholder text for the search input\n * @param params.tableOptions - Specific options for the table. See {@link TanstackTableProps} for more details.\n * @param params.downloadButtonOptions - Specific options for the download button. See {@link TanstackTableDownloadButtonProps} for more details.\n */\nexport function TanstackTableCard<RowDataModel>({\n  table,\n  title,\n  singularLabel,\n  pluralLabel,\n  headerButtons,\n  columnManager,\n  globalFilter,\n  tableOptions,\n  downloadButtonOptions,\n  className,\n  ...divProps\n}: {\n  table: Table<RowDataModel>;\n  title: string;\n  singularLabel: string;\n  pluralLabel: string;\n  headerButtons?: ReactNode;\n  columnManager?: {\n    buttons?: ReactNode;\n    topContent?: ReactNode;\n  };\n  globalFilter: {\n    placeholder: string;\n  };\n  tableOptions: Partial<Omit<TanstackTableProps<RowDataModel>, 'table'>>;\n  downloadButtonOptions?: Omit<\n    TanstackTableDownloadButtonProps<RowDataModel>,\n    'table' | 'singularLabel' | 'pluralLabel'\n  > & { pluralLabel?: string; singularLabel?: string };\n} & Omit<ComponentProps<'div'>, 'class'>) {\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const [inputValue, setInputValue] = useState(\n    () => (table.getState().globalFilter as string) ?? '',\n  );\n\n  // Debounce the filter update\n  const debouncedSetFilter = useDebouncedCallback((value: string) => {\n    table.setGlobalFilter(value);\n  }, 150);\n\n  // Focus the search input when Ctrl+F is pressed\n  useEffect(() => {\n    function onKeyDown(event: KeyboardEvent) {\n      if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'f') {\n        if (searchInputRef.current && searchInputRef.current !== document.activeElement) {\n          searchInputRef.current.focus();\n          event.preventDefault();\n        }\n      }\n    }\n    document.addEventListener('keydown', onKeyDown);\n    return () => document.removeEventListener('keydown', onKeyDown);\n  }, []);\n\n  const displayedCount = table.getRowModel().rows.length;\n  const totalCount = table.getCoreRowModel().rows.length;\n\n  return (\n    <div className={clsx('card d-flex flex-column', className)} {...divProps}>\n      <div className=\"card-header bg-primary text-white\">\n        <div className=\"d-flex align-items-center justify-content-between gap-2\">\n          <div>{title}</div>\n          <div className=\"d-flex gap-2\">\n            {headerButtons}\n\n            {downloadButtonOptions && (\n              <TanstackTableDownloadButton\n                table={table}\n                pluralLabel={pluralLabel}\n                singularLabel={singularLabel}\n                {...downloadButtonOptions}\n              />\n            )}\n          </div>\n        </div>\n      </div>\n      <div className=\"card-body d-flex flex-row flex-wrap flex-grow-0 align-items-center gap-2\">\n        <div className=\"position-relative w-100\" style={{ maxWidth: 'min(400px, 100%)' }}>\n          <input\n            ref={searchInputRef}\n            type=\"text\"\n            className=\"form-control pl-ui-tanstack-table-search-input pl-ui-tanstack-table-focusable-shadow\"\n            aria-label={globalFilter.placeholder}\n            placeholder={globalFilter.placeholder}\n            value={inputValue}\n            autoComplete=\"off\"\n            onInput={(e) => {\n              const value = e.currentTarget.value;\n              setInputValue(value);\n              debouncedSetFilter(value);\n            }}\n          />\n          {inputValue && (\n            <OverlayTrigger overlay={<Tooltip>Clear search</Tooltip>}>\n              <button\n                type=\"button\"\n                className=\"btn btn-floating-icon\"\n                aria-label=\"Clear search\"\n                onClick={() => {\n                  setInputValue('');\n                  debouncedSetFilter.cancel();\n                  table.setGlobalFilter('');\n                }}\n              >\n                <i className=\"bi bi-x-circle-fill\" aria-hidden=\"true\" />\n              </button>\n            </OverlayTrigger>\n          )}\n        </div>\n        <div className=\"d-flex flex-wrap flex-row align-items-center gap-2\">\n          <ColumnManager table={table} topContent={columnManager?.topContent} />\n          {columnManager?.buttons}\n        </div>\n        <div className=\"ms-auto text-muted text-nowrap\">\n          Showing {displayedCount} of {totalCount} {totalCount === 1 ? singularLabel : pluralLabel}\n        </div>\n      </div>\n      <div className=\"flex-grow-1\">\n        <TanstackTable table={table} title={title} {...tableOptions} />\n      </div>\n    </div>\n  );\n}\n\nexport function TanstackTableEmptyState({\n  iconName,\n  children,\n}: {\n  iconName: `bi-${string}`;\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"d-flex flex-column justify-content-center align-items-center text-muted\">\n      <i className={clsx('bi', iconName, 'display-4 mb-2')} aria-hidden=\"true\" />\n      <div>{children}</div>\n    </div>\n  );\n}\n"]}

package/dist/components/TanstackTableDownloadButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TanstackTableDownloadButton.js","sourceRoot":"","sources":["../../src/components/TanstackTableDownloadButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Table } from '@tanstack/react-table';\n\nimport { downloadAsCSV, downloadAsJSON } from '@prairielearn/browser-utils';\n\nexport interface TanstackTableCsvCell {\n  value: string | number | null;\n  /** The name of the column in the CSV file. */\n  name: string;\n}\n\nexport interface TanstackTableDownloadButtonProps<RowDataModel> {\n  table: Table<RowDataModel>;\n  filenameBase: string;\n  mapRowToData: (row: RowDataModel) => TanstackTableCsvCell[] | null;\n  singularLabel: string;\n  pluralLabel: string;\n  hasSelection: boolean;\n}\n/**\n * @param params\n * @param params.table - The table model\n * @param params.filenameBase - The base filename for the downloads\n * @param params.mapRowToData - A function that maps a row to a record where the\n * keys are the column names, and the values are the cell values. The key order is important,\n * and should match the expected order of the columns in the CSV file. If the function returns null,\n * the row will be skipped.\n * @param params.singularLabel - The singular label for a single row in the table, e.g. \"student\"\n * @param params.pluralLabel - The plural label for multiple rows in the table, e.g. \"students\"\n * @param params.hasSelection - Whether the table has selection enabled\n */\nexport function TanstackTableDownloadButton<RowDataModel>({\n  table,\n  filenameBase,\n  mapRowToData,\n  singularLabel,\n  pluralLabel,\n  hasSelection,\n}: TanstackTableDownloadButtonProps<RowDataModel>) {\n  const allRows = table.getCoreRowModel().rows.map((row) => row.original);\n  const allRowsJSON = allRows.map(mapRowToData).filter((row) => row !== null);\n  const filteredRows = table.getRowModel().rows.map((row) => row.original);\n  const filteredRowsJSON = filteredRows.map(mapRowToData).filter((row) => row !== null);\n  const selectedRows = table.getSelectedRowModel().rows.map((row) => row.original);\n  const selectedRowsJSON = selectedRows.map(mapRowToData).filter((row) => row !== null);\n\n  function downloadJSONAsCSV(jsonRows: TanstackTableCsvCell[][], filename: string): void {\n    if (jsonRows.length === 0) {\n      throw new Error('No rows to download');\n    }\n\n    const header = jsonRows[0].map((cell) => cell.name);\n    const csvRows = jsonRows.map((row) => row.map((cell) => cell.value));\n    downloadAsCSV(header, csvRows, filename);\n  }\n\n  return (\n    <div className=\"btn-group\">\n      <button\n        type=\"button\"\n        data-bs-toggle=\"dropdown\"\n        aria-expanded=\"false\"\n        aria-haspopup=\"true\"\n        aria-label={`Download ${pluralLabel} data in various formats`}\n        className=\"btn btn-light btn-sm dropdown-toggle\"\n      >\n        <i aria-hidden=\"true\" className=\"pe-2 bi bi-download\" />\n        <span className=\"d-none d-sm-inline\">Download</span>\n      </button>\n      <ul className=\"dropdown-menu\" role=\"menu\" aria-label=\"Download options\">\n        <li role=\"presentation\">\n          <button\n            className=\"dropdown-item\"\n            type=\"button\"\n            role=\"menuitem\"\n            aria-label={`Download all ${pluralLabel} as CSV file`}\n            disabled={allRowsJSON.length === 0}\n            onClick={() => downloadJSONAsCSV(allRowsJSON, `${filenameBase}.csv`)}\n          >\n            All {pluralLabel} ({allRowsJSON.length}) as CSV\n          </button>\n        </li>\n        <li role=\"presentation\">\n          <button\n            className=\"dropdown-item\"\n            type=\"button\"\n            role=\"menuitem\"\n            aria-label={`Download all ${pluralLabel} as JSON file`}\n            disabled={allRowsJSON.length === 0}\n            onClick={() => downloadAsJSON(allRowsJSON, `${filenameBase}.json`)}\n          >\n            All {pluralLabel} ({allRowsJSON.length}) as JSON\n          </button>\n        </li>\n        {hasSelection && (\n          <>\n            <li role=\"presentation\">\n              <button\n                className=\"dropdown-item\"\n                type=\"button\"\n                role=\"menuitem\"\n                aria-label={`Download selected ${pluralLabel} as CSV file`}\n                disabled={selectedRowsJSON.length === 0}\n                onClick={() => downloadJSONAsCSV(selectedRowsJSON, `${filenameBase}_selected.csv`)}\n              >\n                Selected {selectedRowsJSON.length === 1 ? singularLabel : pluralLabel} (\n                {selectedRowsJSON.length}) as CSV\n              </button>\n            </li>\n            <li role=\"presentation\">\n              <button\n                className=\"dropdown-item\"\n                type=\"button\"\n                role=\"menuitem\"\n                aria-label={`Download selected ${pluralLabel} as JSON file`}\n                disabled={selectedRowsJSON.length === 0}\n                onClick={() => downloadAsJSON(selectedRowsJSON, `${filenameBase}_selected.json`)}\n              >\n                Selected {selectedRowsJSON.length === 1 ? singularLabel : pluralLabel} (\n                {selectedRowsJSON.length}) as JSON\n              </button>\n            </li>\n          </>\n        )}\n        <li role=\"presentation\">\n          <button\n            className=\"dropdown-item\"\n            type=\"button\"\n            role=\"menuitem\"\n            aria-label={`Download filtered ${pluralLabel} as CSV file`}\n            disabled={filteredRowsJSON.length === 0}\n            onClick={() => downloadJSONAsCSV(filteredRowsJSON, `${filenameBase}_filtered.csv`)}\n          >\n            Filtered {filteredRowsJSON.length === 1 ? singularLabel : pluralLabel} (\n            {filteredRowsJSON.length}) as CSV\n          </button>\n        </li>\n        <li role=\"presentation\">\n          <button\n            className=\"dropdown-item\"\n            type=\"button\"\n            role=\"menuitem\"\n            aria-label={`Download filtered ${pluralLabel} as JSON file`}\n            disabled={filteredRowsJSON.length === 0}\n            onClick={() => downloadAsJSON(filteredRowsJSON, `${filenameBase}_filtered.json`)}\n          >\n            Filtered {filteredRowsJSON.length === 1 ? singularLabel : pluralLabel} (\n            {filteredRowsJSON.length}) as JSON\n          </button>\n        </li>\n      </ul>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"TanstackTableDownloadButton.js","sourceRoot":"","sources":["../../src/components/TanstackTableDownloadButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Table } from '@tanstack/react-table';\n\nimport { downloadAsCSV, downloadAsJSON } from '@prairielearn/browser-utils';\n\nexport interface TanstackTableCsvCell {\n  value: string | number | null;\n  /** The name of the column in the CSV file. */\n  name: string;\n}\n\nexport interface TanstackTableDownloadButtonProps<RowDataModel> {\n  table: Table<RowDataModel>;\n  filenameBase: string;\n  mapRowToData: (row: RowDataModel) => TanstackTableCsvCell[] | null;\n  singularLabel: string;\n  pluralLabel: string;\n  hasSelection: boolean;\n}\n/**\n * @param params\n * @param params.table - The table model\n * @param params.filenameBase - The base filename for the downloads\n * @param params.mapRowToData - A function that maps a row to a record where the\n * keys are the column names, and the values are the cell values. The key order is important,\n * and should match the expected order of the columns in the CSV file. If the function returns null,\n * the row will be skipped.\n * @param params.singularLabel - The singular label for a single row in the table, e.g. \"student\"\n * @param params.pluralLabel - The plural label for multiple rows in the table, e.g. \"students\"\n * @param params.hasSelection - Whether the table has selection enabled\n */\nexport function TanstackTableDownloadButton<RowDataModel>({\n  table,\n  filenameBase,\n  mapRowToData,\n  singularLabel,\n  pluralLabel,\n  hasSelection,\n}: TanstackTableDownloadButtonProps<RowDataModel>) {\n  const allRows = table.getCoreRowModel().rows.map((row) => row.original);\n  const allRowsJSON = allRows.map(mapRowToData).filter((row) => row !== null);\n  const filteredRows = table.getRowModel().rows.map((row) => row.original);\n  const filteredRowsJSON = filteredRows.map(mapRowToData).filter((row) => row !== null);\n  const selectedRows = table.getSelectedRowModel().rows.map((row) => row.original);\n  const selectedRowsJSON = selectedRows.map(mapRowToData).filter((row) => row !== null);\n\n  function downloadJSONAsCSV(jsonRows: TanstackTableCsvCell[][], filename: string): void {\n    if (jsonRows.length === 0) {\n      throw new Error('No rows to download');\n    }\n\n    const header = jsonRows[0].map((cell) => cell.name);\n    const csvRows = jsonRows.map((row) => row.map((cell) => cell.value));\n    downloadAsCSV(header, csvRows, filename);\n  }\n\n  return (\n    <div className=\"btn-group\">\n      <button\n        type=\"button\"\n        data-bs-toggle=\"dropdown\"\n        aria-expanded=\"false\"\n        aria-haspopup=\"true\"\n        aria-label={`Download ${pluralLabel} data in various formats`}\n        className=\"btn btn-light btn-sm dropdown-toggle\"\n      >\n        <i aria-hidden=\"true\" className=\"pe-2 bi bi-download\" />\n        <span className=\"d-none d-sm-inline\">Download</span>\n      </button>\n      <ul className=\"dropdown-menu\" role=\"menu\" aria-label=\"Download options\">\n        <li role=\"presentation\">\n          <button\n            className=\"dropdown-item\"\n            type=\"button\"\n            role=\"menuitem\"\n            aria-label={`Download all ${pluralLabel} as CSV file`}\n            disabled={allRowsJSON.length === 0}\n            onClick={() => downloadJSONAsCSV(allRowsJSON, `${filenameBase}.csv`)}\n          >\n            All {pluralLabel} ({allRowsJSON.length}) as CSV\n          </button>\n        </li>\n        <li role=\"presentation\">\n          <button\n            className=\"dropdown-item\"\n            type=\"button\"\n            role=\"menuitem\"\n            aria-label={`Download all ${pluralLabel} as JSON file`}\n            disabled={allRowsJSON.length === 0}\n            onClick={() => downloadAsJSON(allRowsJSON, `${filenameBase}.json`)}\n          >\n            All {pluralLabel} ({allRowsJSON.length}) as JSON\n          </button>\n        </li>\n        {hasSelection && (\n          <>\n            <li role=\"presentation\">\n              <button\n                className=\"dropdown-item\"\n                type=\"button\"\n                role=\"menuitem\"\n                aria-label={`Download selected ${pluralLabel} as CSV file`}\n                disabled={selectedRowsJSON.length === 0}\n                onClick={() => downloadJSONAsCSV(selectedRowsJSON, `${filenameBase}_selected.csv`)}\n              >\n                Selected {selectedRowsJSON.length === 1 ? singularLabel : pluralLabel} (\n                {selectedRowsJSON.length}) as CSV\n              </button>\n            </li>\n            <li role=\"presentation\">\n              <button\n                className=\"dropdown-item\"\n                type=\"button\"\n                role=\"menuitem\"\n                aria-label={`Download selected ${pluralLabel} as JSON file`}\n                disabled={selectedRowsJSON.length === 0}\n                onClick={() => downloadAsJSON(selectedRowsJSON, `${filenameBase}_selected.json`)}\n              >\n                Selected {selectedRowsJSON.length === 1 ? singularLabel : pluralLabel} (\n                {selectedRowsJSON.length}) as JSON\n              </button>\n            </li>\n          </>\n        )}\n        <li role=\"presentation\">\n          <button\n            className=\"dropdown-item\"\n            type=\"button\"\n            role=\"menuitem\"\n            aria-label={`Download filtered ${pluralLabel} as CSV file`}\n            disabled={filteredRowsJSON.length === 0}\n            onClick={() => downloadJSONAsCSV(filteredRowsJSON, `${filenameBase}_filtered.csv`)}\n          >\n            Filtered {filteredRowsJSON.length === 1 ? singularLabel : pluralLabel} (\n            {filteredRowsJSON.length}) as CSV\n          </button>\n        </li>\n        <li role=\"presentation\">\n          <button\n            className=\"dropdown-item\"\n            type=\"button\"\n            role=\"menuitem\"\n            aria-label={`Download filtered ${pluralLabel} as JSON file`}\n            disabled={filteredRowsJSON.length === 0}\n            onClick={() => downloadAsJSON(filteredRowsJSON, `${filenameBase}_filtered.json`)}\n          >\n            Filtered {filteredRowsJSON.length === 1 ? singularLabel : pluralLabel} (\n            {filteredRowsJSON.length}) as JSON\n          </button>\n        </li>\n      </ul>\n    </div>\n  );\n}\n"]}