@heliux-org/design-system-core 0.0.155 → 0.0.156

package/dist/esm/src/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/Table.tsx"],"sourcesContent":["// @ts-nocheck\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport \"./table.scss\";\nimport {\n  actions as TableActions,\n  useFlexLayout,\n  useFilters,\n  useRowSelect,\n  useSortBy,\n  useTable,\n  useExpanded,\n  usePagination,\n  useColumnOrder,\n  useGlobalFilter,\n} from \"react-table\";\nimport type {\n  CellProps,\n  HeaderGroup,\n  TableOptions,\n  Row,\n  TableState,\n  ActionType,\n  TableInstance,\n  Column,\n} from \"../../react-table/react-table\";\nimport {\n  useGlobals,\n  useResizeObserver,\n  useLayoutEffect,\n  createWarningLogger,\n} from \"./new/utils/index\";\nimport { ShadowRoot } from \"./new/utils/components/ShadowRoot\";\nimport { Box } from \"./new/utils/components/Box\";\nimport type { CommonProps } from \"./new/utils/index\";\nimport { getCellStyle, getStickyStyle } from \"./utils\";\nimport { TableRowMemoized } from \"./TableRowMemoized\";\nimport { FilterToggle } from \"./filters/index\";\nimport type { TableFilterValue } from \"./filters/index\";\nimport { customFilterFunctions } from \"./filters/customFilterFunctions\";\nimport {\n  useExpanderCell,\n  useSelectionCell,\n  useSubRowFiltering,\n  useSubRowSelection,\n  useResizeColumns,\n  useColumnDragAndDrop,\n  useScrollToRow,\n  useStickyColumns,\n} from \"./hooks/index\";\nimport {\n  onExpandHandler,\n  onFilterHandler,\n  onToggleHandler,\n  onShiftSelectHandler,\n  onSingleSelectHandler,\n  onTableResizeEnd,\n  onTableResizeStart,\n} from \"./actionHandlers/index\";\nimport { VirtualScroll } from \"./new/utils/components/VirtualScroll\";\nimport { SELECTION_CELL_ID } from \"./columns/index\";\nimport IconButton from \"../IconButton/IconButton\";\nimport MoveArrowDown from \"../Icon/Icons/components/MoveArrowDown\";\nimport MoveArrowUp from \"../Icon/Icons/components/MoveArrowUp\";\nimport Text from \"../Text/Text\";\nimport Loader from \"../Loader/Loader\";\n\nconst singleRowSelectedAction = \"singleRowSelected\";\nconst shiftRowSelectedAction = \"shiftRowSelected\";\nexport const tableResizeStartAction = \"tableResizeStart\";\nconst tableResizeEndAction = \"tableResizeEnd\";\n\nconst logWarningInDev = createWarningLogger();\n\ntype TablePaginatorRendererProps = {\n  /**\n   * The zero-based index of the current page.\n   */\n  currentPage: number;\n  /**\n   * Total number of rows.\n   */\n  totalRowsCount: number;\n  /**\n   * Number of rows per page.\n   */\n  pageSize: number;\n  /**\n   * Callback when page is changed.\n   */\n  onPageChange: (page: number) => void;\n  /**\n   * Callback when page size is changed.\n   */\n  onPageSizeChange: (size: number) => void;\n  /**\n   * Modify the size of the pagination (adjusts the elements size).\n   * @default 'default' if Table density is `default` else `small`\n   */\n  size?: \"default\" | \"small\";\n  /**\n   * Flag whether data is still loading and total rows count is not known.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Total number of rows selected (for mutli-selection mode only)\n   */\n  totalSelectedRowsCount?: number;\n};\n\n/**\n * Table props.\n * columns and data must be memoized.\n */\ntype TableProps<T extends Record<string, unknown> = Record<string, unknown>> =\n  Omit<TableOptions<T>, \"disableSortBy\"> & {\n    /**\n     * Flag whether data is loading.\n     * @default false\n     */\n    header?: React.ReactNode;\n    isLoading?: boolean;\n    /**\n     * Content shown when there is no data.\n     */\n    emptyTableContent: React.ReactNode;\n    /**\n     * Flag whether table rows can be selectable.\n     * @default false\n     */\n    isSelectable?: boolean;\n    /**\n     * Handler for rows selection. Must be memoized.\n     * This is triggered only by user initiated actions (i.e. data change will not call it).\n     */\n    onSelect?: (\n      selectedData: T[] | undefined,\n      tableState?: TableState<T>\n    ) => void;\n    /**\n     * Handler for when a row is clicked. Must be memoized.\n     */\n    onRowClick?: (event: React.MouseEvent, row: Row<T>) => void;\n    /**\n     * Modify the selection mode of the table.\n     * The column with checkboxes will not be present with 'single' selection mode.\n     * @default 'multi'\n     */\n    selectionMode?: \"multi\" | \"single\";\n    /**\n     * Flag whether table columns can be sortable.\n     * @default false\n     */\n    isSortable?: boolean;\n    /**\n     * Callback function when sort changes.\n     * Use with `manualSortBy` to handle sorting yourself e.g. sort in server-side.\n     * Must be memoized.\n     */\n    onSort?: (state: TableState<T>) => void;\n    /**\n     * Callback function when scroll reaches bottom. Can be used for lazy-loading the data.\n     */\n    onBottomReached?: () => void;\n    /**\n     * Callback function when row is in viewport.\n     */\n    onRowInViewport?: (rowData: T) => void;\n    /**\n     * Margin in pixels when row is considered to be already in viewport. Used for `onBottomReached` and `onRowInViewport`.\n     * @default 300\n     */\n    intersectionMargin?: number;\n    /**\n     * A function that will be used for rendering a component for each row if that row is expanded.\n     * Component will be placed right after the row. Can return false/null if row should not be expandable.\n     */\n    subComponent?: (row: Row<T>) => React.ReactNode;\n    /**\n     * A function used for overriding default expander cell. `subComponent` must be present.\n     * Make sure to trigger `cellProps.row.toggleRowExpanded()`.\n     */\n    expanderCell?: (cellProps: CellProps<T>) => React.ReactNode;\n    /**\n     * Handler for row expand events. Will trigger when expanding and collapsing rows.\n     */\n    onExpand?: (\n      expandedData: T[] | undefined,\n      tableState?: TableState<T>\n    ) => void;\n    /**\n     * Callback function when filters change.\n     * Use with `manualFilters` to handle filtering yourself e.g. filter in server-side.\n     * Must be memoized.\n     */\n    onFilter?: (\n      filters: TableFilterValue<T>[],\n      state: TableState<T>,\n      filteredData?: Row<T>[]\n    ) => void;\n    /**\n     * Value used for global filtering.\n     * Use with `globalFilter` and/or `manualGlobalFilter` to handle filtering yourself e.g. filter in server-side.\n     * Must be memoized.\n     */\n    globalFilterValue?: unknown;\n    /**\n     * Content shown when there is no data after filtering.\n     */\n    emptyFilteredTableContent?: React.ReactNode;\n    /**\n     * Function that should return true if a row is disabled (i.e. cannot be selected or expanded).\n     * If not specified, all rows are enabled.\n     */\n    isRowDisabled?: (rowData: T) => boolean;\n    /**\n     * Function that should return custom props passed to the each row.\n     * Must be memoized.\n     */\n    rowProps?: (row: Row<T>) => React.ComponentPropsWithRef<\"div\"> & {\n      status?: \"positive\" | \"warning\" | \"negative\";\n      isLoading?: boolean;\n    };\n    /**\n     * Modify the density of the table (adjusts the row height).\n     * @default 'default'\n     */\n    density?: \"default\" | \"condensed\" | \"extra-condensed\";\n    /**\n     * Flag whether to select a row when clicked anywhere inside of it.\n     * @default true\n     */\n    selectRowOnClick?: boolean;\n    /**\n     * Function that takes `TablePaginatorRendererProps` as an argument and returns pagination component.\n     *\n     * Recommended to use `TablePaginator`. Passing `props` to `TablePaginator` handles all state management and is enough for basic use-cases.\n     * @example\n     * (props: TablePaginatorRendererProps) => (\n     *   <TablePaginator {...props} />\n     * )\n     */\n    paginatorRenderer?: (props: TablePaginatorRendererProps) => React.ReactNode;\n    /**\n     * Number of rows per page.\n     * @default 25\n     */\n    pageSize?: number;\n    /**\n     * Flag whether columns are resizable.\n     * In order to disable resizing for specific column, set `disableResizing: true` for that column.\n     * @default false\n     */\n    isResizable?: boolean;\n    /**\n     * Style of the table.\n     * @default 'default'\n     */\n    styleType?: \"default\" | \"zebra-rows\";\n    /**\n     * Virtualization is used for the scrollable table body.\n     * Height on the table is required for virtualization to work.\n     * @example\n     * <Table enableVirtualization style={{height: 400}} {...} />\n     * @default false\n     * @beta\n     */\n    enableVirtualization?: boolean;\n    /**\n     * Flag whether columns can be reordered.\n     * @default false\n     */\n    enableColumnReordering?: boolean;\n    /**\n     * Passes props to Table header wrapper.\n     */\n    headerWrapperProps?: React.ComponentProps<\"div\">;\n    /**\n     * Passes props to Table header.\n     */\n    headerProps?: React.ComponentProps<\"div\">;\n    /**\n     * Passes custom props to Table body.\n     */\n    bodyProps?: React.ComponentProps<\"div\">;\n    /**\n     * Passes custom props to empty table.\n     */\n    emptyTableContentProps?: React.ComponentProps<\"div\">;\n    /**\n     * Function that returns index of the row that you want to scroll to.\n     *\n     * When using with lazy-loading table, you need to take care that row is already loaded.\n     * It doesn't work with paginated tables.\n     * @beta\n     * @example\n     * <Table\n     *   scrollToRow={React.useCallback(\n     *     (rows, data) => rows.findIndex((row) => row.original === data[250]),\n     *     []\n     *   )}\n     *   {...restProps}\n     * />\n     * @example\n     * <Table\n     *   scrollToRow={React.useCallback(\n     *     (rows, data) => rows.findIndex((row) => row.original.id === data[250].id),\n     *     []\n     *   )}\n     *   {...restProps}\n     * />\n     */\n    scrollToRow?: (rows: Row<T>[], data: T[]) => number;\n  } & Omit<CommonProps, \"title\">;\n\nconst flattenColumns = <T extends Record<string, unknown>>(\n  columns: Column<T>[]\n): Column<T>[] => {\n  const flatColumns: Column<T>[] = [];\n  columns.forEach((column) => {\n    flatColumns.push(column);\n    if (\"columns\" in column) {\n      // @ts-expect-error - Since nested columns are not supported from a types perspective\n      flatColumns.push(...flattenColumns(column.columns));\n    }\n  });\n  return flatColumns;\n};\n\n/**\n * Table based on [react-table](https://react-table.tanstack.com/docs/api/overview).\n * @example\n * const columns = React.useMemo(() => [\n *   {\n *     id: 'name',\n *     Header: 'Name',\n *     accessor: 'name',\n *     width: 90,\n *   },\n *   {\n *     id: 'description',\n *     Header: 'description',\n *     accessor: 'description',\n *     maxWidth: 200,\n *   },\n *   {\n *     id: 'view',\n *     Header: 'view',\n *     Cell: () => {\n *       return <span onClick={onViewClick}>View</span>\n *     },\n *   },\n * ], [onViewClick])\n * const data = [\n *  { name: 'Name1', description: 'Description1' },\n *  { name: 'Name2', description: 'Description2' },\n *  { name: 'Name3', description: 'Description3' },\n * ]\n * <Table\n *   columns={columns}\n *   data={data}\n *   emptyTableContent='No data.'\n *   isLoading={false}\n *   isSortable={true}\n * />\n */\nexport const Table = <\n  T extends Record<string, unknown> = Record<string, unknown>\n>(\n  props: TableProps<T>\n): JSX.Element => {\n  const {\n    data,\n    columns,\n    header,\n    isLoading = false,\n    emptyTableContent,\n    className,\n    style,\n    id,\n    isSelectable = false,\n    onSelect,\n    onRowClick,\n    selectionMode = \"multi\",\n    isSortable = false,\n    onSort,\n    stateReducer,\n    onBottomReached,\n    onRowInViewport,\n    intersectionMargin = 300,\n    subComponent,\n    onExpand,\n    onFilter,\n    globalFilterValue,\n    emptyFilteredTableContent,\n    filterTypes: filterFunctions,\n    expanderCell,\n    isRowDisabled,\n    rowProps,\n    density = \"default\",\n    selectSubRows = true,\n    getSubRows,\n    selectRowOnClick = true,\n    paginatorRenderer,\n    pageSize = 25,\n    isResizable = false,\n    columnResizeMode = \"fit\",\n    styleType = \"default\",\n    enableVirtualization = false,\n    enableColumnReordering = false,\n    headerWrapperProps,\n    headerProps,\n    bodyProps,\n    emptyTableContentProps,\n    ...rest\n  } = props;\n\n  useGlobals();\n\n  const ownerDocument = React.useRef<Document | undefined>();\n\n  const defaultColumn = React.useMemo(\n    () => ({\n      maxWidth: 0,\n      minWidth: 0,\n      width: 0,\n    }),\n    []\n  );\n\n  // useRef prevents from rerendering when one of these callbacks changes\n  const onBottomReachedRef = React.useRef(onBottomReached);\n  const onRowInViewportRef = React.useRef(onRowInViewport);\n  React.useEffect(() => {\n    onBottomReachedRef.current = onBottomReached;\n    onRowInViewportRef.current = onRowInViewport;\n  }, [onBottomReached, onRowInViewport]);\n\n  const hasManualSelectionColumn = React.useMemo(() => {\n    const flatColumns = flattenColumns(columns);\n    return flatColumns.some((column) => column.id === SELECTION_CELL_ID);\n  }, [columns]);\n\n  const disableUserSelect = React.useCallback((e: KeyboardEvent) => {\n    if (e.key === \"Shift\") {\n      ownerDocument.current &&\n        (ownerDocument.current.documentElement.style.userSelect = \"none\");\n    }\n  }, []);\n\n  const enableUserSelect = React.useCallback((e: KeyboardEvent) => {\n    if (e.key === \"Shift\") {\n      ownerDocument.current &&\n        (ownerDocument.current.documentElement.style.userSelect = \"\");\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (!isSelectable || selectionMode !== \"multi\") {\n      return;\n    }\n\n    const ownerDoc = ownerDocument.current;\n    ownerDoc?.addEventListener(\"keydown\", disableUserSelect);\n    ownerDoc?.addEventListener(\"keyup\", enableUserSelect);\n\n    return () => {\n      ownerDoc?.removeEventListener(\"keydown\", disableUserSelect);\n      ownerDoc?.removeEventListener(\"keyup\", enableUserSelect);\n    };\n  }, [\n    isSelectable,\n    selectionMode,\n    ownerDocument,\n    disableUserSelect,\n    enableUserSelect,\n  ]);\n\n  const previousFilter = React.useRef([] as TableFilterValue<T>[]);\n  const currentFilter = React.useRef(previousFilter.current);\n  const tableStateReducer = (newState, action, previousState, instance) => {\n    switch (action.type) {\n      case TableActions.toggleSortBy:\n        onSort?.(newState);\n        break;\n\n      case TableActions.setFilter:\n        currentFilter.current = onFilterHandler(\n          newState,\n          action,\n          previousState,\n          currentFilter.current,\n          instance\n        );\n        break;\n\n      case TableActions.toggleRowExpanded:\n      case TableActions.toggleAllRowsExpanded:\n        onExpandHandler(newState, instance, onExpand);\n        break;\n\n      case singleRowSelectedAction:\n        newState = onSingleSelectHandler(\n          newState,\n          action,\n          instance,\n          onSelect,\n          hasManualSelectionColumn ? undefined : isRowDisabled\n        );\n        break;\n\n      case shiftRowSelectedAction:\n        newState = onShiftSelectHandler(\n          newState,\n          action,\n          instance,\n          onSelect,\n          hasManualSelectionColumn ? undefined : isRowDisabled\n        );\n        break;\n\n      case TableActions.toggleRowSelected:\n      case TableActions.toggleAllRowsSelected:\n      case TableActions.toggleAllPageRowsSelected:\n        onToggleHandler(\n          newState,\n          action,\n          instance,\n          onSelect,\n          hasManualSelectionColumn ? undefined : isRowDisabled\n        );\n        break;\n\n      case tableResizeStartAction:\n        newState = onTableResizeStart(newState);\n        break;\n\n      case tableResizeEndAction:\n        newState = onTableResizeEnd(newState, action);\n        break;\n\n      default:\n        if (stateReducer) {\n          newState = stateReducer(newState, action, previousState, instance);\n        }\n        break;\n    }\n\n    return newState;\n  };\n\n  const filterTypes = React.useMemo(\n    () => ({ ...customFilterFunctions, ...filterFunctions }),\n    [filterFunctions]\n  );\n\n  const hasAnySubRows = React.useMemo(() => {\n    return data.some((item, index) =>\n      getSubRows ? getSubRows(item, index) : item.subRows\n    );\n  }, [data, getSubRows]);\n\n  const instance = useTable<T>(\n    {\n      manualPagination: !paginatorRenderer, // Prevents from paginating rows in regular table without pagination\n      paginateExpandedRows: false, // When false, it shows sub-rows in the current page instead of splitting them\n      ...props,\n      // @ts-ignore\n      columns,\n      defaultColumn,\n      disableSortBy: !isSortable,\n      // @ts-ignore\n      stateReducer: tableStateReducer,\n      filterTypes,\n      selectSubRows,\n      data,\n      getSubRows,\n      initialState: { pageSize, ...props.initialState },\n      columnResizeMode,\n    },\n    useFlexLayout,\n    useResizeColumns(ownerDocument),\n    useFilters,\n    useSubRowFiltering(hasAnySubRows),\n    useGlobalFilter,\n    useSortBy,\n    useExpanded,\n    usePagination,\n    useRowSelect,\n    useSubRowSelection,\n    useExpanderCell(subComponent, expanderCell, isRowDisabled),\n    useSelectionCell(isSelectable, selectionMode, isRowDisabled, density),\n    useColumnOrder,\n    useColumnDragAndDrop(enableColumnReordering),\n    useStickyColumns\n  );\n\n  const {\n    getTableProps,\n    rows,\n    headerGroups: _headerGroups,\n    getTableBodyProps,\n    prepareRow,\n    state,\n    allColumns,\n    dispatch,\n    // @ts-ignore\n    page,\n    // @ts-ignore\n    gotoPage,\n    // @ts-ignore\n    setPageSize,\n    flatHeaders,\n    visibleColumns,\n    // @ts-ignore\n    setGlobalFilter,\n  } = instance;\n\n  let headerGroups = _headerGroups;\n\n  if (columns.length === 1 && \"columns\" in columns[0]) {\n    headerGroups = _headerGroups.slice(1);\n    logWarningInDev(\n      `Table's \\`columns\\` prop should not have a top-level \\`Header\\` or sub-columns. They are only allowed to be passed for backwards compatibility.\\n See https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v2-migration-guide#breaking-changes`\n    );\n  }\n\n  const ariaDataAttributes = Object.entries(rest).reduce(\n    (result, [key, value]) => {\n      if (key.startsWith(\"data-\") || key.startsWith(\"aria-\")) {\n        result[key] = value;\n      }\n      return result;\n    },\n    {} as Record<string, unknown>\n  );\n\n  const areFiltersSet =\n    allColumns.some(\n      // @ts-ignore\n      (column) => column.filterValue != null && column.filterValue !== \"\"\n    ) || !!globalFilterValue;\n\n  const showFilterButton = (column: HeaderGroup<T>) =>\n    (data.length !== 0 || areFiltersSet) && column.canFilter && !!column.Filter;\n\n  const showSortButton = (column: HeaderGroup<T>) =>\n    data.length !== 0 && column.canSort;\n\n  const onRowClickHandler = (event, row) => {\n    const isDisabled = isRowDisabled?.(row.original);\n\n    if (!isDisabled) {\n      onRowClick?.(event, row);\n    }\n\n    if (\n      isSelectable &&\n      !isDisabled &&\n      selectRowOnClick &&\n      !event.isDefaultPrevented()\n    ) {\n      if (selectionMode === \"multi\" && event.shiftKey) {\n        dispatch({\n          type: shiftRowSelectedAction,\n          id: row.id,\n        });\n      } else if (selectionMode === \"single\") {\n        dispatch({\n          type: singleRowSelectedAction,\n          id: row.id,\n        });\n      }\n    }\n  };\n\n  React.useEffect(() => {\n    setGlobalFilter(globalFilterValue);\n  }, [globalFilterValue, setGlobalFilter]);\n\n  React.useEffect(() => {\n    setPageSize(pageSize);\n  }, [pageSize, setPageSize]);\n\n  React.useEffect(() => {\n    if (previousFilter.current !== currentFilter.current) {\n      previousFilter.current = currentFilter.current;\n      // @ts-ignore\n      onFilter?.(currentFilter.current, state, instance.filteredRows);\n    } // @ts-ignore\n  }, [state, instance.filteredRows, onFilter]);\n\n  const lastPassedColumns = React.useRef([] as Column<T>[]);\n\n  // Reset the column order whenever new columns are passed\n  // This is to avoid the old columnOrder from affecting the new columns' columnOrder\n  React.useEffect(() => {\n    // Check if columns have changed (by value)\n    if (\n      lastPassedColumns.current.length > 0 &&\n      JSON.stringify(lastPassedColumns.current) !== JSON.stringify(columns)\n    ) {\n      // @ts-ignore\n      instance.setColumnOrder([]);\n    }\n    lastPassedColumns.current = columns;\n  }, [columns, instance]);\n\n  const paginatorRendererProps: TablePaginatorRendererProps = React.useMemo(\n    () => ({\n      // @ts-ignore\n      currentPage: state.pageIndex, // @ts-ignore\n      pageSize: state.pageSize,\n      totalRowsCount: rows.length,\n      size: density !== \"default\" ? \"small\" : \"default\",\n      isLoading,\n      onPageChange: gotoPage,\n      onPageSizeChange: setPageSize,\n      // @ts-ignore\n      totalSelectedRowsCount:\n        selectionMode === \"single\" ? 0 : instance.selectedFlatRows.length, // 0 when selectionMode = 'single' since totalSelectedRowCount is for multi-selection mode only\n    }),\n    [\n      density,\n      gotoPage,\n      isLoading,\n      rows.length,\n      setPageSize, // @ts-ignore\n      state.pageIndex, // @ts-ignore\n      state.pageSize, // @ts-ignore\n      instance.selectedFlatRows, // @ts-ignore\n      selectionMode,\n    ]\n  );\n\n  const headerRef = React.useRef<HTMLDivElement>(null);\n  const bodyRef = React.useRef<HTMLDivElement>(null);\n\n  const { scrollToIndex, tableRowRef } = useScrollToRow<T>({ ...props, page });\n  const columnRefs = React.useRef<Record<string, HTMLDivElement>>({});\n  const previousTableWidth = React.useRef(0);\n  const onTableResize = React.useCallback(\n    ({ width }: DOMRectReadOnly) => {\n      // Handle header properties, regardless of whether the table is resizable\n      setHeaderScrollWidth(headerRef.current?.scrollWidth ?? 0);\n      setHeaderClientWidth(headerRef.current?.clientWidth ?? 0);\n\n      // Handle table properties, but only when table is resizable\n      if (!isResizable) {\n        return;\n      }\n\n      instance.tableWidth = width;\n      if (width === previousTableWidth.current) {\n        return;\n      }\n      previousTableWidth.current = width;\n\n      // Update column widths when table was resized\n      flatHeaders.forEach((header) => {\n        if (columnRefs.current[header.id]) {\n          header.resizeWidth =\n            columnRefs.current[header.id].getBoundingClientRect().width;\n        }\n      });\n\n      // If no column was resized then leave table resize handling to the flexbox\n      if (Object.keys(state.columnResizing.columnWidths).length === 0) {\n        return;\n      }\n\n      dispatch({ type: tableResizeStartAction });\n    },\n    [\n      dispatch,\n      state.columnResizing.columnWidths,\n      flatHeaders,\n      instance,\n      isResizable,\n    ]\n  );\n  const [resizeRef] = useResizeObserver(onTableResize);\n\n  const [headerScrollWidth, setHeaderScrollWidth] = React.useState(0);\n  const [headerClientWidth, setHeaderClientWidth] = React.useState(0);\n\n  // Flexbox handles columns resize so we take new column widths before browser repaints.\n  useLayoutEffect(() => {\n    if (state.isTableResizing) {\n      const newColumnWidths: Record<string, number> = {};\n      flatHeaders.forEach((column) => {\n        if (columnRefs.current[column.id]) {\n          newColumnWidths[column.id] =\n            columnRefs.current[column.id].getBoundingClientRect().width;\n        }\n      });\n      dispatch({ type: tableResizeEndAction, columnWidths: newColumnWidths });\n    }\n  });\n\n  const getPreparedRow = React.useCallback(\n    (index: number) => {\n      const row = page[index];\n      prepareRow(row);\n      return (\n        <TableRowMemoized\n          row={row}\n          rowProps={rowProps}\n          isLast={index === page.length - 1}\n          onRowInViewport={onRowInViewportRef}\n          onBottomReached={onBottomReachedRef}\n          intersectionMargin={intersectionMargin}\n          state={state}\n          key={row.getRowProps().key}\n          onClick={onRowClickHandler}\n          subComponent={subComponent}\n          isDisabled={!!isRowDisabled?.(row.original)}\n          tableHasSubRows={hasAnySubRows}\n          tableInstance={instance}\n          expanderCell={expanderCell}\n          bodyRef={bodyRef.current}\n          tableRowRef={enableVirtualization ? undefined : tableRowRef(row)}\n          density={density}\n        />\n      );\n    },\n    [\n      page,\n      prepareRow,\n      rowProps,\n      intersectionMargin,\n      state,\n      onRowClickHandler,\n      subComponent,\n      isRowDisabled,\n      hasAnySubRows,\n      instance,\n      expanderCell,\n      enableVirtualization,\n      tableRowRef,\n      density,\n    ]\n  );\n\n  const virtualizedItemRenderer = React.useCallback(\n    (index: number) => getPreparedRow(index),\n    [getPreparedRow]\n  );\n\n  const updateStickyState = () => {\n    if (!bodyRef.current || flatHeaders.every((header) => !header.sticky)) {\n      return;\n    }\n\n    if (bodyRef.current.scrollLeft !== 0) {\n      dispatch({ type: TableActions.setScrolledRight, value: true });\n    } else {\n      dispatch({ type: TableActions.setScrolledRight, value: false });\n    }\n\n    // If scrolled a bit to the left looking from the right side\n    if (\n      bodyRef.current.scrollLeft !==\n      bodyRef.current.scrollWidth - bodyRef.current.clientWidth\n    ) {\n      dispatch({ type: TableActions.setScrolledLeft, value: true });\n    } else {\n      dispatch({ type: TableActions.setScrolledLeft, value: false });\n    }\n  };\n\n  React.useEffect(() => {\n    updateStickyState();\n    // Call only on init\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const isHeaderDirectClick = React.useRef(false);\n\n  return (\n    <>\n      {header}\n      <Box\n        ref={(element) => {\n          ownerDocument.current = element?.ownerDocument;\n          resizeRef(element);\n        }}\n        id={id}\n        {...getTableProps({\n          className: cx(\"iui-table\", className),\n          style: {\n            minWidth: 0, // Overrides the min-width set by the react-table but when we support horizontal scroll it is not needed\n            ...style,\n          },\n        })}\n        data-iui-size={density === \"default\" ? undefined : density}\n        {...ariaDataAttributes}\n      >\n        {headerGroups.map((headerGroup: HeaderGroup<T>) => {\n          return (\n            <Box\n              as=\"div\"\n              ref={headerRef}\n              onScroll={() => {\n                if (headerRef.current && bodyRef.current) {\n                  bodyRef.current.scrollLeft = headerRef.current.scrollLeft;\n                  updateStickyState();\n                }\n              }}\n              key={headerGroup.getHeaderGroupProps().key}\n              {...headerWrapperProps}\n              className={cx(\n                \"iui-table-header-wrapper\",\n                headerWrapperProps?.className\n              )}\n            >\n              <Box\n                as=\"div\"\n                {...headerProps}\n                className={cx(\"iui-table-header\", headerProps?.className)}\n              >\n                <Box\n                  {...headerGroup.getHeaderGroupProps({\n                    className: \"iui-table-row\",\n                  })}\n                >\n                  {headerGroup.headers.map((column, index) => {\n                    const isEmptyHeader =\n                      !column.Header || column.Header.toString().trim() === \"\";\n\n                    const columnProps = column.getHeaderProps({\n                      className: cx(\"iui-table-cell\", column.columnClassName, {\n                        \"iui-actionable\": column.canSort && !isEmptyHeader,\n                        \"iui-sorted\": column.isSorted && !isEmptyHeader,\n                        \"iui-table-cell-sticky\": !!column.sticky,\n                        \"iui-empty-header\": isEmptyHeader,\n                      }),\n                      style: {\n                        ...getCellStyle(column, !!state.isTableResizing),\n                        ...getStickyStyle(column, visibleColumns),\n                        flexWrap: \"unset\",\n                        backgroundColor: isEmptyHeader\n                          ? \"transparent\"\n                          : undefined,\n                      },\n                      ...(isEmptyHeader ? { \"aria-hidden\": true } : {}),\n                    });\n\n                    return (\n                      <Box\n                        {...columnProps}\n                        key={columnProps.key}\n                        onMouseDown={() => {\n                          isHeaderDirectClick.current = true;\n                        }}\n                        onClick={(e) => {\n                          if (isHeaderDirectClick.current && !isEmptyHeader) {\n                            const toggleProps = column.getSortByToggleProps();\n                            if (toggleProps.onClick) {\n                              toggleProps.onClick(e);\n                            }\n                            isHeaderDirectClick.current = false;\n                          }\n                        }}\n                        tabIndex={\n                          showSortButton(column) && !isEmptyHeader\n                            ? 0\n                            : undefined\n                        }\n                      >\n                        {!isEmptyHeader ? column.render(\"Header\") : null}\n                        {!isEmptyHeader &&\n                          (showFilterButton(column) ||\n                            showSortButton(column)) && (\n                            <Box className=\"iui-table-header-actions-container\">\n                              {showFilterButton(column) && (\n                                <FilterToggle column={column} />\n                              )}\n                              {showSortButton(column) && (\n                                <Box className=\"iui-table-cell-end-icon\">\n                                  <IconButton\n                                    ariaLabel={\n                                      column.isSortedDesc\n                                        ? \"Sort Descending\"\n                                        : \"Sort Ascending\"\n                                    }\n                                    size={IconButton?.sizes?.XXS}\n                                    className=\"iui-table-sort\"\n                                    icon={\n                                      column.isSortedDesc\n                                        ? MoveArrowDown\n                                        : MoveArrowUp\n                                    }\n                                  />\n                                </Box>\n                              )}\n                            </Box>\n                          )}\n                      </Box>\n                    );\n                  })}\n                </Box>\n              </Box>\n            </Box>\n          );\n        })}\n        <Box\n          {...bodyProps}\n          {...getTableBodyProps({\n            className: cx(\n              \"iui-table-body\",\n              {\n                \"iui-zebra-striping\": styleType === \"zebra-rows\",\n              },\n              bodyProps?.className\n            ),\n            style: { outline: 0 },\n          })}\n          ref={bodyRef}\n          onScroll={() => {\n            if (headerRef.current && bodyRef.current) {\n              headerRef.current.scrollLeft = bodyRef.current.scrollLeft;\n              updateStickyState();\n            }\n          }}\n          tabIndex={-1}\n          aria-multiselectable={\n            (isSelectable && selectionMode === \"multi\") || undefined\n          }\n        >\n          <ShadowRoot>\n            <slot />\n            {rows.length === 0 && headerScrollWidth > headerClientWidth && (\n              <div\n                aria-hidden\n                style={{\n                  // This ensures that the table-body is always the same width as the table-header,\n                  // even if the table has no rows. See https://github.com/iTwin/iTwinUI/pull/1725\n                  width: headerScrollWidth,\n                  height: 0.1,\n                }}\n              />\n            )}\n          </ShadowRoot>\n          {data.length !== 0 && (\n            <>\n              {enableVirtualization ? (\n                <VirtualScroll\n                  itemsLength={page.length}\n                  itemRenderer={virtualizedItemRenderer}\n                  scrollToIndex={scrollToIndex}\n                />\n              ) : (\n                page.map((_, index) => getPreparedRow(index))\n              )}\n            </>\n          )}\n          {isLoading && data.length === 0 && (\n            <Box\n              as=\"div\"\n              {...emptyTableContentProps}\n              className={cx(\n                \"iui-table-empty\",\n                emptyTableContentProps?.className\n              )}\n            >\n              <div>{emptyFilteredTableContent}</div>\n            </Box>\n          )}\n          {isLoading && data.length !== 0 && (\n            <Box className=\"iui-table-row\" data-iui-loading=\"true\">\n              <Box className=\"iui-table-cell table-loader-cell\">\n                <Loader size={20} color={Loader.colors.PRIMARY} />\n              </Box>\n            </Box>\n          )}\n          {!isLoading && data.length === 0 && !areFiltersSet && (\n            <Box\n              as=\"div\"\n              {...emptyTableContentProps}\n              className={cx(\n                \"iui-table-empty\",\n                emptyTableContentProps?.className\n              )}\n            >\n              <div>{emptyTableContent}</div>\n            </Box>\n          )}\n          {!isLoading &&\n            (data.length === 0 || rows.length === 0) &&\n            areFiltersSet && (\n              <Box\n                as=\"div\"\n                {...emptyTableContentProps}\n                className={cx(\n                  \"iui-table-empty\",\n                  emptyTableContentProps?.className\n                )}\n              >\n                <div>{emptyFilteredTableContent}</div>\n              </Box>\n            )}\n        </Box>\n        {paginatorRenderer?.(paginatorRendererProps)}\n      </Box>\n    </>\n  );\n};\n\nexport default Table;\nexport type { TablePaginatorRendererProps, TableProps };\n"],"names":["singleRowSelectedAction","shiftRowSelectedAction","tableResizeStartAction","tableResizeEndAction","logWarningInDev","createWarningLogger","flattenColumns","columns","flatColumns","forEach","column","push","apply","_toConsumableArray","Table","props","data","header","_props$isLoading","isLoading","emptyTableContent","className","style","id","_props$isSelectable","isSelectable","onSelect","onRowClick","_props$selectionMode","selectionMode","_props$isSortable","isSortable","onSort","stateReducer","onBottomReached","onRowInViewport","_props$intersectionMa","intersectionMargin","subComponent","onExpand","onFilter","globalFilterValue","emptyFilteredTableContent","filterFunctions","filterTypes","expanderCell","isRowDisabled","rowProps","_props$density","density","_props$selectSubRows","selectSubRows","getSubRows","_props$selectRowOnCli","selectRowOnClick","paginatorRenderer","_props$pageSize","pageSize","_props$isResizable","isResizable","_props$columnResizeMo","columnResizeMode","_props$styleType","styleType","_props$enableVirtuali","enableVirtualization","_props$enableColumnRe","enableColumnReordering","headerWrapperProps","headerProps","bodyProps","emptyTableContentProps","rest","__rest","useGlobals","ownerDocument","React","useRef","defaultColumn","useMemo","maxWidth","minWidth","width","onBottomReachedRef","onRowInViewportRef","useEffect","current","hasManualSelectionColumn","some","SELECTION_CELL_ID","disableUserSelect","useCallback","e","key","documentElement","userSelect","enableUserSelect","ownerDoc","addEventListener","removeEventListener","previousFilter","currentFilter","customFilterFunctions","hasAnySubRows","item","index","subRows","instance","useTable","Object","assign","manualPagination","paginateExpandedRows","disableSortBy","newState","action","previousState","type","TableActions","toggleSortBy","setFilter","onFilterHandler","toggleRowExpanded","toggleAllRowsExpanded","onExpandHandler","onSingleSelectHandler","undefined","onShiftSelectHandler","toggleRowSelected","toggleAllRowsSelected","toggleAllPageRowsSelected","onToggleHandler","onTableResizeStart","onTableResizeEnd","initialState","useFlexLayout","useResizeColumns","useFilters","useSubRowFiltering","useGlobalFilter","useSortBy","useExpanded","usePagination","useRowSelect","useSubRowSelection","useExpanderCell","useSelectionCell","useColumnOrder","useColumnDragAndDrop","useStickyColumns","getTableProps","rows","_headerGroups","headerGroups","getTableBodyProps","prepareRow","state","allColumns","dispatch","page","gotoPage","setPageSize","flatHeaders","visibleColumns","setGlobalFilter","length","slice","ariaDataAttributes","entries","reduce","result","_ref","_ref2","_slicedToArray","value","startsWith","areFiltersSet","filterValue","showFilterButton","canFilter","Filter","showSortButton","canSort","onRowClickHandler","event","row","isDisabled","original","isDefaultPrevented","shiftKey","filteredRows","lastPassedColumns","JSON","stringify","setColumnOrder","paginatorRendererProps","currentPage","pageIndex","totalRowsCount","size","onPageChange","onPageSizeChange","totalSelectedRowsCount","selectedFlatRows","headerRef","bodyRef","_useScrollToRow","useScrollToRow","scrollToIndex","tableRowRef","columnRefs","previousTableWidth","onTableResize","_ref3","setHeaderScrollWidth","_b","_a","scrollWidth","setHeaderClientWidth","_d","_c","clientWidth","tableWidth","resizeWidth","getBoundingClientRect","keys","columnResizing","columnWidths","_useResizeObserver","useResizeObserver","resizeRef","_React$useState","useState","_React$useState2","headerScrollWidth","_React$useState3","_React$useState4","headerClientWidth","useLayoutEffect","isTableResizing","newColumnWidths","getPreparedRow","_jsx","TableRowMemoized","isLast","onClick","tableHasSubRows","tableInstance","getRowProps","virtualizedItemRenderer","updateStickyState","every","sticky","scrollLeft","setScrolledRight","setScrolledLeft","isHeaderDirectClick","_jsxs","_Fragment","children","Box","ref","element","cx","map","headerGroup","as","onScroll","getHeaderGroupProps","headers","isEmptyHeader","Header","trim","columnProps","getHeaderProps","columnClassName","isSorted","getCellStyle","getStickyStyle","flexWrap","backgroundColor","_createElement","onMouseDown","toggleProps","getSortByToggleProps","tabIndex","render","FilterToggle","IconButton","ariaLabel","isSortedDesc","sizes","XXS","icon","MoveArrowDown","MoveArrowUp","outline","ShadowRoot","height","VirtualScroll","itemsLength","itemRenderer","_","Loader","color","colors","PRIMARY"],"mappings":"8lGAmEA,IAAMA,EAA0B,oBAC1BC,EAAyB,mBAClBC,EAAyB,mBAChCC,GAAuB,iBAEvBC,GAAkBC,IAoPlBC,GAAiB,SAAjBA,EACJC,GAEA,IAAMC,EAA2B,GAQjC,OAPAD,EAAQE,SAAQ,SAACC,GACfF,EAAYG,KAAKD,GACb,YAAaA,GAEfF,EAAYG,KAAIC,MAAhBJ,EAAWK,EAASP,EAAeI,EAAOH,UAE9C,IACOC,CACT,EAuCaM,GAAQ,SAGnBC,GAEA,IACEC,EA2CED,EA3CFC,KACAT,GA0CEQ,EA1CFR,QACAU,GAyCEF,EAzCFE,OAAMC,GAyCJH,EAxCFI,UAAAA,QAAY,IAAHD,IAAQA,GACjBE,GAuCEL,EAvCFK,kBACAC,GAsCEN,EAtCFM,UACAC,GAqCEP,EArCFO,MACAC,GAoCER,EApCFQ,GAAEC,GAoCAT,EAnCFU,aAAAA,QAAe,IAAHD,IAAQA,GACpBE,GAkCEX,EAlCFW,SACAC,GAiCEZ,EAjCFY,WAAUC,GAiCRb,EAhCFc,cAAAA,QAAgB,IAAHD,GAAG,QAAOA,GAAAE,GAgCrBf,EA/BFgB,WAAAA,QAAa,IAAHD,IAAQA,GAClBE,GA8BEjB,EA9BFiB,OACAC,GA6BElB,EA7BFkB,aACAC,GA4BEnB,EA5BFmB,gBACAC,GA2BEpB,EA3BFoB,gBAAeC,GA2BbrB,EA1BFsB,mBAAAA,QAAqB,IAAHD,GAAG,IAAGA,GACxBE,GAyBEvB,EAzBFuB,aACAC,GAwBExB,EAxBFwB,SACAC,GAuBEzB,EAvBFyB,SACAC,GAsBE1B,EAtBF0B,kBACAC,GAqBE3B,EArBF2B,0BACaC,GAoBX5B,EApBF6B,YACAC,GAmBE9B,EAnBF8B,aACAC,GAkBE/B,EAlBF+B,cACAC,GAiBEhC,EAjBFgC,SAAQC,GAiBNjC,EAhBFkC,QAAAA,QAAU,IAAHD,GAAG,UAASA,GAAAE,GAgBjBnC,EAfFoC,cAAAA,QAAgB,IAAHD,IAAOA,GACpBE,GAcErC,EAdFqC,WAAUC,GAcRtC,EAbFuC,iBAAAA,QAAmB,IAAHD,IAAOA,GACvBE,GAYExC,EAZFwC,kBAAiBC,GAYfzC,EAXF0C,SAAAA,QAAW,IAAHD,GAAG,GAAEA,GAAAE,GAWX3C,EAVF4C,YAAAA,QAAc,IAAHD,IAAQA,GAAAE,GAUjB7C,EATF8C,iBAAAA,QAAmB,IAAHD,GAAG,MAAKA,GAAAE,GAStB/C,EARFgD,UAAAA,QAAY,IAAHD,GAAG,UAASA,GAAAE,GAQnBjD,EAPFkD,qBAAAA,QAAuB,IAAHD,IAAQA,GAAAE,GAO1BnD,EANFoD,uBAAAA,QAAyB,IAAHD,IAAQA,GAC9BE,GAKErD,EALFqD,mBACAC,GAIEtD,EAJFsD,YACAC,GAGEvD,EAHFuD,UACAC,GAEExD,EAFFwD,uBACGC,GAAIC,EACL1D,EA5CE,CA4CL,OAAA,UAAA,SAAA,YAAA,oBAAA,YAAA,QAAA,KAAA,eAAA,WAAA,aAAA,gBAAA,aAAA,SAAA,eAAA,kBAAA,kBAAA,qBAAA,eAAA,WAAA,WAAA,oBAAA,4BAAA,cAAA,eAAA,gBAAA,WAAA,UAAA,gBAAA,aAAA,mBAAA,oBAAA,WAAA,cAAA,mBAAA,YAAA,uBAAA,yBAAA,qBAAA,cAAA,YAAA,2BAED2D,IAEA,IAAMC,GAAgBC,EAAMC,SAEtBC,GAAgBF,EAAMG,SAC1B,WAAA,MAAO,CACLC,SAAU,EACVC,SAAU,EACVC,MAAO,EACP,GACF,IAIIC,GAAqBP,EAAMC,OAAO3C,IAClCkD,GAAqBR,EAAMC,OAAO1C,IACxCyC,EAAMS,WAAU,WACdF,GAAmBG,QAAUpD,GAC7BkD,GAAmBE,QAAUnD,EAC/B,GAAG,CAACD,GAAiBC,KAErB,IAAMoD,GAA2BX,EAAMG,SAAQ,WAE7C,OADoBzE,GAAeC,IAChBiF,MAAK,SAAC9E,GAAM,OAAKA,EAAOa,KAAOkE,IACpD,GAAG,CAAClF,KAEEmF,GAAoBd,EAAMe,aAAY,SAACC,GAC7B,UAAVA,EAAEC,KACJlB,GAAcW,UACXX,GAAcW,QAAQQ,gBAAgBxE,MAAMyE,WAAa,OAE/D,GAAE,IAEGC,GAAmBpB,EAAMe,aAAY,SAACC,GAC5B,UAAVA,EAAEC,KACJlB,GAAcW,UACXX,GAAcW,QAAQQ,gBAAgBxE,MAAMyE,WAAa,GAE/D,GAAE,IAEHnB,EAAMS,WAAU,WACd,GAAK5D,IAAkC,UAAlBI,GAArB,CAIA,IAAMoE,EAAWtB,GAAcW,QAI/B,OAHAW,SAAAA,EAAUC,iBAAiB,UAAWR,IACtCO,SAAAA,EAAUC,iBAAiB,QAASF,IAE7B,WACLC,SAAAA,EAAUE,oBAAoB,UAAWT,IACzCO,SAAAA,EAAUE,oBAAoB,QAASH,IARxC,CAUH,GAAG,CACDvE,GACAI,GACA8C,GACAe,GACAM,KAGF,IAAMI,GAAiBxB,EAAMC,OAAO,IAC9BwB,GAAgBzB,EAAMC,OAAOuB,GAAed,SAwE5C1C,GAAcgC,EAAMG,SACxB,WAAA,sCAAYuB,GAA0B3D,GAAkB,GACxD,CAACA,KAGG4D,GAAgB3B,EAAMG,SAAQ,WAClC,OAAO/D,EAAKwE,MAAK,SAACgB,EAAMC,GAAK,OAC3BrD,GAAaA,GAAWoD,EAAMC,GAASD,EAAKE,UAEhD,GAAG,CAAC1F,EAAMoC,KAEJuD,GAAWC,EAAQC,OAAAC,OAAAD,OAAAC,OAAA,CAErBC,kBAAmBxD,GACnByD,sBAAsB,GACnBjG,GAAK,CAERR,QAAAA,GACAuE,cAAAA,GACAmC,eAAgBlF,GAEhBE,aA5FsB,SAACiF,EAAUC,EAAQC,EAAeT,GAC1D,OAAQQ,EAAOE,MACb,KAAKC,EAAaC,aAChBvF,UAAAA,GAASkF,GACT,MAEF,KAAKI,EAAaE,UAChBnB,GAAcf,QAAUmC,EACtBP,EACAC,EACAC,EACAf,GAAcf,QACdqB,GAEF,MAEF,KAAKW,EAAaI,kBAClB,KAAKJ,EAAaK,sBAChBC,EAAgBV,EAAUP,EAAUpE,IACpC,MAEF,KAAKvC,EACHkH,EAAWW,EACTX,EACAC,EACAR,EACAjF,GACA6D,QAA2BuC,EAAYhF,IAEzC,MAEF,KAAK7C,EACHiH,EAAWa,EACTb,EACAC,EACAR,EACAjF,GACA6D,QAA2BuC,EAAYhF,IAEzC,MAEF,KAAKwE,EAAaU,kBAClB,KAAKV,EAAaW,sBAClB,KAAKX,EAAaY,0BAChBC,EACEjB,EACAC,EACAR,EACAjF,GACA6D,QAA2BuC,EAAYhF,IAEzC,MAEF,KAAK5C,EACHgH,EAAWkB,EAAmBlB,GAC9B,MAEF,KAAK/G,GACH+G,EAAWmB,EAAiBnB,EAAUC,GACtC,MAEF,QACMlF,KACFiF,EAAWjF,GAAaiF,EAAUC,EAAQC,EAAeT,IAK/D,OAAOO,GAyBLtE,YAAAA,GACAO,cAAAA,GACAnC,KAAAA,EACAoC,WAAAA,GACAkF,aAAgBzB,OAAAC,OAAA,CAAArD,SAAAA,IAAa1C,EAAMuH,cACnCzE,iBAAAA,KAEF0E,EACAC,EAAiB7D,IACjB8D,EACAC,EAAmBnC,IACnBoC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EAAgB3G,GAAcO,GAAcC,IAC5CoG,EAAiBzH,GAAcI,GAAeiB,GAAeG,IAC7DkG,EACAC,EAAqBjF,IACrBkF,GAIAC,GAkBE3C,GAlBF2C,cACAC,GAiBE5C,GAjBF4C,KACcC,GAgBZ7C,GAhBF8C,aACAC,GAeE/C,GAfF+C,kBACAC,GAcEhD,GAdFgD,WACAC,GAaEjD,GAbFiD,MACAC,GAYElD,GAZFkD,WACAC,GAWEnD,GAXFmD,SAEAC,GASEpD,GATFoD,KAEAC,GAOErD,GAPFqD,SAEAC,GAKEtD,GALFsD,YACAC,GAIEvD,GAJFuD,YACAC,GAGExD,GAHFwD,eAEAC,GACEzD,GADFyD,gBAGEX,GAAeD,GAEI,IAAnBjJ,GAAQ8J,QAAgB,YAAa9J,GAAQ,KAC/CkJ,GAAeD,GAAcc,MAAM,GACnClK,iPAKF,IAAMmK,GAAqB1D,OAAO2D,QAAQhG,IAAMiG,QAC9C,SAACC,EAAMC,GAAkB,IAAAC,EAAAC,EAAAF,EAAA,GAAf9E,EAAG+E,EAAA,GAAEE,EAAKF,EAAA,GAIlB,OAHI/E,EAAIkF,WAAW,UAAYlF,EAAIkF,WAAW,YAC5CL,EAAO7E,GAAOiF,GAETJ,CACR,GACD,CAA6B,GAGzBM,GACJnB,GAAWrE,MAET,SAAC9E,GAAM,OAA2B,MAAtBA,EAAOuK,aAA8C,KAAvBvK,EAAOuK,kBAC5CxI,GAEHyI,GAAmB,SAACxK,GAAsB,OAC7B,IAAhBM,EAAKqJ,QAAgBW,KAAkBtK,EAAOyK,aAAezK,EAAO0K,MAAM,EAEvEC,GAAiB,SAAC3K,GAAsB,OAC5B,IAAhBM,EAAKqJ,QAAgB3J,EAAO4K,OAAO,EAE/BC,GAAoB,SAACC,EAAOC,GAChC,IAAMC,EAAa5I,cAAa,EAAbA,GAAgB2I,EAAIE,UAElCD,GACH/J,UAAAA,GAAa6J,EAAOC,GAIpBhK,KACCiK,GACDpI,KACCkI,EAAMI,uBAEe,UAAlB/J,IAA6B2J,EAAMK,SACrC/B,GAAS,CACPzC,KAAMpH,EACNsB,GAAIkK,EAAIlK,KAEiB,WAAlBM,IACTiI,GAAS,CACPzC,KAAMrH,EACNuB,GAAIkK,EAAIlK,OAMhBqD,EAAMS,WAAU,WACd+E,GAAgB3H,GAClB,GAAG,CAACA,GAAmB2H,KAEvBxF,EAAMS,WAAU,WACd4E,GAAYxG,GACd,GAAG,CAACA,GAAUwG,KAEdrF,EAAMS,WAAU,WACVe,GAAed,UAAYe,GAAcf,UAC3Cc,GAAed,QAAUe,GAAcf,QAEvC9C,UAAAA,GAAW6D,GAAcf,QAASsE,GAAOjD,GAASmF,cAErD,GAAE,CAAClC,GAAOjD,GAASmF,aAActJ,KAElC,IAAMuJ,GAAoBnH,EAAMC,OAAO,IAIvCD,EAAMS,WAAU,WAGZ0G,GAAkBzG,QAAQ+E,OAAS,GACnC2B,KAAKC,UAAUF,GAAkBzG,WAAa0G,KAAKC,UAAU1L,KAG7DoG,GAASuF,eAAe,IAE1BH,GAAkBzG,QAAU/E,EAC9B,GAAG,CAACA,GAASoG,KAEb,IAAMwF,GAAsDvH,EAAMG,SAChE,WAAA,MAAO,CAELqH,YAAaxC,GAAMyC,UACnB5I,SAAUmG,GAAMnG,SAChB6I,eAAgB/C,GAAKc,OACrBkC,KAAkB,YAAZtJ,GAAwB,QAAU,UACxC9B,UAAAA,GACAqL,aAAcxC,GACdyC,iBAAkBxC,GAElByC,uBACoB,WAAlB7K,GAA6B,EAAI8E,GAASgG,iBAAiBtC,OAC9D,GACD,CACEpH,GACA+G,GACA7I,GACAoI,GAAKc,OACLJ,GACAL,GAAMyC,UACNzC,GAAMnG,SACNkD,GAASgG,iBACT9K,KAIE+K,GAAYhI,EAAMC,OAAuB,MACzCgI,GAAUjI,EAAMC,OAAuB,MAE7CiI,GAAuCC,EAAclG,OAAAC,OAAAD,OAAAC,OAAA,GAAS/F,GAAK,CAAEgJ,KAAAA,MAA7DiD,GAAaF,GAAbE,cAAeC,GAAWH,GAAXG,YACjBC,GAAatI,EAAMC,OAAuC,CAAE,GAC5DsI,GAAqBvI,EAAMC,OAAO,GAClCuI,GAAgBxI,EAAMe,aAC1B,SAAA0H,GAA+B,YAA5BnI,EAAKmI,EAALnI,MAEDoI,GAAmD,QAA9BC,EAAiB,QAAjBC,EAAAZ,GAAUtH,eAAO,IAAAkI,OAAA,EAAAA,EAAEC,mBAAW,IAAAF,EAAAA,EAAI,GACvDG,GAAmD,QAA9BC,EAAiB,QAAjBC,EAAAhB,GAAUtH,eAAO,IAAAsI,OAAA,EAAAA,EAAEC,mBAAW,IAAAF,EAAAA,EAAI,GAGlDhK,KAILgD,GAASmH,WAAa5I,EAClBA,IAAUiI,GAAmB7H,UAGjC6H,GAAmB7H,QAAUJ,EAG7BgF,GAAYzJ,SAAQ,SAACQ,GACfiM,GAAW5H,QAAQrE,EAAOM,MAC5BN,EAAO8M,YACLb,GAAW5H,QAAQrE,EAAOM,IAAIyM,wBAAwB9I,MAE5D,IAG8D,IAA1D2B,OAAOoH,KAAKrE,GAAMsE,eAAeC,cAAc9D,QAInDP,GAAS,CAAEzC,KAAMnH,KACnB,GACA,CACE4J,GACAF,GAAMsE,eAAeC,aACrBjE,GACAvD,GACAhD,KAGJyK,GAAoBC,EAAkBjB,IAA/BkB,GAA6CzD,EAAAuD,GAAA,GAApC,GAEhBG,GAAkD3J,EAAM4J,SAAS,GAAEC,GAAA5D,EAAA0D,GAAA,GAA5DG,GAAiBD,GAAA,GAAEnB,GAAoBmB,GAAA,GAC9CE,GAAkD/J,EAAM4J,SAAS,GAAEI,GAAA/D,EAAA8D,GAAA,GAA5DE,GAAiBD,GAAA,GAAElB,GAAoBkB,GAAA,GAG9CE,GAAgB,WACd,GAAIlF,GAAMmF,gBAAiB,CACzB,IAAMC,EAA0C,CAAA,EAChD9E,GAAYzJ,SAAQ,SAACC,GACfwM,GAAW5H,QAAQ5E,EAAOa,MAC5ByN,EAAgBtO,EAAOa,IACrB2L,GAAW5H,QAAQ5E,EAAOa,IAAIyM,wBAAwB9I,MAE5D,IACA4E,GAAS,CAAEzC,KAAMlH,GAAsBgO,aAAca,GACtD,CACH,IAEA,IAAMC,GAAiBrK,EAAMe,aAC3B,SAACc,GACC,IAAMgF,EAAM1B,GAAKtD,GAEjB,OADAkD,GAAW8B,GAETyD,EAACC,EACC,CAAA1D,IAAKA,EACL1I,SAAUA,GACVqM,OAAQ3I,IAAUsD,GAAKM,OAAS,EAChClI,gBAAiBiD,GACjBlD,gBAAiBiD,GACjB9C,mBAAoBA,GACpBuH,MAAOA,GAEPyF,QAAS9D,GACTjJ,aAAcA,GACdoJ,cAAc5I,gBAAAA,GAAgB2I,EAAIE,WAClC2D,gBAAiB/I,GACjBgJ,cAAe5I,GACf9D,aAAcA,GACdgK,QAASA,GAAQvH,QACjB2H,YAAahJ,QAAuB6D,EAAYmF,GAAYxB,GAC5DxI,QAASA,IATJwI,EAAI+D,cAAc3J,IAY7B,GACA,CACEkE,GACAJ,GACA5G,GACAV,GACAuH,GACA2B,GACAjJ,GACAQ,GACAyD,GACAI,GACA9D,GACAoB,GACAgJ,GACAhK,KAIEwM,GAA0B7K,EAAMe,aACpC,SAACc,GAAa,OAAKwI,GAAexI,KAClC,CAACwI,KAGGS,GAAoB,WACnB7C,GAAQvH,UAAW4E,GAAYyF,OAAM,SAAC1O,GAAM,OAAMA,EAAO2O,MAAM,MAKlE9F,GADiC,IAA/B+C,GAAQvH,QAAQuK,WACT,CAAExI,KAAMC,EAAawI,iBAAkBhF,OAAO,GAE9C,CAAEzD,KAAMC,EAAawI,iBAAkBhF,OAAO,IAQvDhB,GAHA+C,GAAQvH,QAAQuK,aAChBhD,GAAQvH,QAAQmI,YAAcZ,GAAQvH,QAAQuI,YAErC,CAAExG,KAAMC,EAAayI,gBAAiBjF,OAAO,GAE7C,CAAEzD,KAAMC,EAAayI,gBAAiBjF,OAAO,MAI1DlG,EAAMS,WAAU,WACdqK,IAGD,GAAE,IAEH,IAAMM,GAAsBpL,EAAMC,QAAO,GAEzC,OACEoL,EAAAC,EAAA,CAAAC,SAAA,CACGlP,GACDgP,EAACG,EACCvJ,OAAAC,OAAA,CAAAuJ,IAAK,SAACC,GACJ3L,GAAcW,QAAUgL,aAAA,EAAAA,EAAS3L,cACjC2J,GAAUgC,EACX,EACD/O,GAAIA,IACA+H,GAAc,CAChBjI,UAAWkP,EAAG,YAAalP,IAC3BC,qBACE2D,SAAU,GACP3D,MAEL,CAAA,gBACyB,YAAZ2B,QAAwB6E,EAAY7E,IAC/CsH,cAEHd,GAAa+G,KAAI,SAACC,GACjB,OACEvB,EAACkB,EAAGvJ,OAAAC,OAAA,CACF4J,GAAG,MACHL,IAAKzD,GACL+D,SAAU,WACJ/D,GAAUtH,SAAWuH,GAAQvH,UAC/BuH,GAAQvH,QAAQuK,WAAajD,GAAUtH,QAAQuK,WAC/CH,KAEJ,GAEItL,GACJ,CAAA/C,UAAWkP,EACT,2BACAnM,cAAA,EAAAA,GAAoB/C,sBAGtB6N,EAACkB,EACCvJ,OAAAC,OAAA,CAAA4J,GAAG,OACCrM,GAAW,CACfhD,UAAWkP,EAAG,mBAAoBlM,cAAW,EAAXA,GAAahD,YAE/C,CAAA8O,SAAAjB,EAACkB,EACKvJ,OAAAC,OAAA,CAAA,EAAA2J,EAAYG,oBAAoB,CAClCvP,UAAW,kBAGZ,CAAA8O,SAAAM,EAAYI,QAAQL,KAAI,SAAC9P,EAAQ+F,SAC1BqK,GACHpQ,EAAOqQ,QAA8C,MAApCrQ,KAAOqQ,QAAkBC,OAEvCC,EAAcvQ,EAAOwQ,eACzBrK,OAAAC,OAAA,CAAAzF,UAAWkP,EAAG,iBAAkB7P,EAAOyQ,gBAAiB,CACtD,iBAAkBzQ,EAAO4K,UAAYwF,EACrC,aAAcpQ,EAAO0Q,WAAaN,EAClC,0BAA2BpQ,EAAOkP,OAClC,mBAAoBkB,IAEtBxP,MAAKuF,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACAuK,EAAa3Q,IAAUkJ,GAAMmF,kBAC7BuC,EAAe5Q,EAAQyJ,KAAe,CACzCoH,SAAU,QACVC,gBAAiBV,EACb,mBACAhJ,KAEFgJ,EAAgB,CAAE,eAAe,GAAS,CAAA,IAGhD,OACEW,EAACrB,EAAGvJ,OAAAC,OAAA,CAAA,EACEmK,EACJ,CAAApL,IAAKoL,EAAYpL,IACjB6L,YAAa,WACX1B,GAAoB1K,SAAU,CAC/B,EACD+J,QAAS,SAACzJ,GACR,GAAIoK,GAAoB1K,UAAYwL,EAAe,CACjD,IAAMa,EAAcjR,EAAOkR,uBACvBD,EAAYtC,SACdsC,EAAYtC,QAAQzJ,GAEtBoK,GAAoB1K,SAAU,CAC/B,CACF,EACDuM,SACExG,GAAe3K,KAAYoQ,EACvB,OACAhJ,IAGJgJ,EAA0C,KAA1BpQ,EAAOoR,OAAO,WAC9BhB,IACC5F,GAAiBxK,IAChB2K,GAAe3K,KACfuP,EAACG,EAAGvJ,OAAAC,OAAA,CAACzF,UAAU,sCACZ,CAAA8O,SAAA,CAAAjF,GAAiBxK,IAChBwO,EAAC6C,EAAY,CAACrR,OAAQA,IAEvB2K,GAAe3K,IACdwO,EAACkB,EAAGvJ,OAAAC,OAAA,CAACzF,UAAU,qCACb6N,EAAC8C,GACCC,UACEvR,EAAOwR,aACH,kBACA,iBAEN3F,KAAyB,UAAnByF,aAAU,EAAVA,EAAYG,aAAO,IAAA3E,OAAA,EAAAA,EAAA4E,IACzB/Q,UAAU,iBACVgR,KACE3R,EAAOwR,aACHI,EACAC,uBAlFvB9B,EAAYG,sBAAsB/K,IAgG7C,IACAoK,EAACG,mBACK9L,GACAoF,GAAkB,CACpBrI,UAAWkP,EACT,iBACA,CACE,qBAAoC,eAAdxM,IAExBO,gBAAAA,GAAWjD,WAEbC,MAAO,CAAEkR,QAAS,KAClB,CACFnC,IAAKxD,GACL8D,SAAU,WACJ/D,GAAUtH,SAAWuH,GAAQvH,UAC/BsH,GAAUtH,QAAQuK,WAAahD,GAAQvH,QAAQuK,WAC/CH,KAEH,EACDmC,UAAW,EAET,uBAACpQ,IAAkC,UAAlBI,SAA8BiG,GAGjD,CAAAqI,SAAA,CAAAF,EAACwC,EAAU,CAAAtC,SAAA,CACTjB,EAAQ,OAAA,CAAA,GACS,IAAhB3F,GAAKc,QAAgBqE,GAAoBG,IACxCK,EAAA,MAAA,CAAA,eAAA,EAEE5N,MAAO,CAGL4D,MAAOwJ,GACPgE,OAAQ,SAKC,IAAhB1R,EAAKqJ,QACJ6E,EACGgB,EAAA,CAAAC,SAAAlM,GACCiL,EAACyD,GACCC,YAAa7I,GAAKM,OAClBwI,aAAcpD,GACdzC,cAAeA,KAGjBjD,GAAKyG,KAAI,SAACsC,EAAGrM,GAAK,OAAKwI,GAAexI,EAAM,MAIjDtF,IAA6B,IAAhBH,EAAKqJ,QACjB6E,EAACkB,EACCvJ,OAAAC,OAAA,CAAA4J,GAAG,OACCnM,GACJ,CAAAlD,UAAWkP,EACT,kBACAhM,cAAsB,EAAtBA,GAAwBlD,YAG1B,CAAA8O,SAAAjB,EAAA,MAAA,CAAAiB,SAAMzN,QAGTvB,IAA6B,IAAhBH,EAAKqJ,QACjB6E,EAACkB,EAAGvJ,OAAAC,OAAA,CAACzF,UAAU,mCAAiC,QAAM,CAAA8O,SACpDjB,EAACkB,EAAGvJ,OAAAC,OAAA,CAACzF,UAAU,8CACb6N,EAAC6D,GAAOxG,KAAM,GAAIyG,MAAOD,EAAOE,OAAOC,iBAI3C/R,IAA6B,IAAhBH,EAAKqJ,SAAiBW,IACnCkE,EAACkB,EAAGvJ,OAAAC,OAAA,CACF4J,GAAG,OACCnM,GAAsB,CAC1BlD,UAAWkP,EACT,kBACAhM,gBAAAA,GAAwBlD,YACzB,CAAA8O,SAEDjB,kBAAM9N,SAGRD,KACiB,IAAhBH,EAAKqJ,QAAgC,IAAhBd,GAAKc,SAC3BW,IACEkE,EAACkB,iBACCM,GAAG,OACCnM,IACJlD,UAAWkP,EACT,kBACAhM,cAAA,EAAAA,GAAwBlD,sBAG1B6N,EAAM,MAAA,CAAAiB,SAAAzN,YAIba,cAAiB,EAAjBA,GAAoB4I,UAI7B"}
+{"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/Table.tsx"],"sourcesContent":["// @ts-nocheck\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport \"./table.scss\";\nimport {\n  actions as TableActions,\n  useFlexLayout,\n  useFilters,\n  useRowSelect,\n  useSortBy,\n  useTable,\n  useExpanded,\n  usePagination,\n  useColumnOrder,\n  useGlobalFilter,\n} from \"react-table\";\nimport type {\n  CellProps,\n  HeaderGroup,\n  TableOptions,\n  Row,\n  TableState,\n  ActionType,\n  TableInstance,\n  Column,\n} from \"../../react-table/react-table\";\nimport {\n  useGlobals,\n  useResizeObserver,\n  useLayoutEffect,\n  createWarningLogger,\n} from \"./new/utils/index\";\nimport { ShadowRoot } from \"./new/utils/components/ShadowRoot\";\nimport { Box } from \"./new/utils/components/Box\";\nimport type { CommonProps } from \"./new/utils/index\";\nimport { getCellStyle, getStickyStyle } from \"./utils\";\nimport { TableRowMemoized } from \"./TableRowMemoized\";\nimport { FilterToggle } from \"./filters/index\";\nimport type { TableFilterValue } from \"./filters/index\";\nimport { customFilterFunctions } from \"./filters/customFilterFunctions\";\nimport {\n  useExpanderCell,\n  useSelectionCell,\n  useSubRowFiltering,\n  useSubRowSelection,\n  useResizeColumns,\n  useColumnDragAndDrop,\n  useScrollToRow,\n  useStickyColumns,\n} from \"./hooks/index\";\nimport {\n  onExpandHandler,\n  onFilterHandler,\n  onToggleHandler,\n  onShiftSelectHandler,\n  onSingleSelectHandler,\n  onTableResizeEnd,\n  onTableResizeStart,\n} from \"./actionHandlers/index\";\nimport { VirtualScroll } from \"./new/utils/components/VirtualScroll\";\nimport { SELECTION_CELL_ID } from \"./columns/index\";\nimport IconButton from \"../IconButton/IconButton\";\nimport MoveArrowDown from \"../Icon/Icons/components/MoveArrowDown\";\nimport MoveArrowUp from \"../Icon/Icons/components/MoveArrowUp\";\nimport Text from \"../Text/Text\";\nimport Loader from \"../Loader/Loader\";\n\nconst singleRowSelectedAction = \"singleRowSelected\";\nconst shiftRowSelectedAction = \"shiftRowSelected\";\nexport const tableResizeStartAction = \"tableResizeStart\";\nconst tableResizeEndAction = \"tableResizeEnd\";\n\nconst logWarningInDev = createWarningLogger();\n\ntype TablePaginatorRendererProps = {\n  /**\n   * The zero-based index of the current page.\n   */\n  currentPage: number;\n  /**\n   * Total number of rows.\n   */\n  totalRowsCount: number;\n  /**\n   * Number of rows per page.\n   */\n  pageSize: number;\n  /**\n   * Callback when page is changed.\n   */\n  onPageChange: (page: number) => void;\n  /**\n   * Callback when page size is changed.\n   */\n  onPageSizeChange: (size: number) => void;\n  /**\n   * Modify the size of the pagination (adjusts the elements size).\n   * @default 'default' if Table density is `default` else `small`\n   */\n  size?: \"default\" | \"small\";\n  /**\n   * Flag whether data is still loading and total rows count is not known.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Total number of rows selected (for mutli-selection mode only)\n   */\n  totalSelectedRowsCount?: number;\n};\n\n/**\n * Table props.\n * columns and data must be memoized.\n */\ntype TableProps<T extends Record<string, unknown> = Record<string, unknown>> =\n  Omit<TableOptions<T>, \"disableSortBy\"> & {\n    /**\n     * Flag whether data is loading.\n     * @default false\n     */\n    header?: React.ReactNode;\n    isLoading?: boolean;\n    /**\n     * Content shown when there is no data.\n     */\n    emptyTableContent: React.ReactNode;\n    /**\n     * Flag whether table rows can be selectable.\n     * @default false\n     */\n    isSelectable?: boolean;\n    /**\n     * Handler for rows selection. Must be memoized.\n     * This is triggered only by user initiated actions (i.e. data change will not call it).\n     */\n    onSelect?: (\n      selectedData: T[] | undefined,\n      tableState?: TableState<T>\n    ) => void;\n    /**\n     * Handler for when a row is clicked. Must be memoized.\n     */\n    onRowClick?: (event: React.MouseEvent, row: Row<T>) => void;\n    /**\n     * Modify the selection mode of the table.\n     * The column with checkboxes will not be present with 'single' selection mode.\n     * @default 'multi'\n     */\n    selectionMode?: \"multi\" | \"single\";\n    /**\n     * Flag whether table columns can be sortable.\n     * @default false\n     */\n    isSortable?: boolean;\n    /**\n     * Callback function when sort changes.\n     * Use with `manualSortBy` to handle sorting yourself e.g. sort in server-side.\n     * Must be memoized.\n     */\n    onSort?: (state: TableState<T>) => void;\n    /**\n     * Callback function when scroll reaches bottom. Can be used for lazy-loading the data.\n     */\n    onBottomReached?: () => void;\n    /**\n     * Callback function when row is in viewport.\n     */\n    onRowInViewport?: (rowData: T) => void;\n    /**\n     * Margin in pixels when row is considered to be already in viewport. Used for `onBottomReached` and `onRowInViewport`.\n     * @default 300\n     */\n    intersectionMargin?: number;\n    /**\n     * A function that will be used for rendering a component for each row if that row is expanded.\n     * Component will be placed right after the row. Can return false/null if row should not be expandable.\n     */\n    subComponent?: (row: Row<T>) => React.ReactNode;\n    /**\n     * A function used for overriding default expander cell. `subComponent` must be present.\n     * Make sure to trigger `cellProps.row.toggleRowExpanded()`.\n     */\n    expanderCell?: (cellProps: CellProps<T>) => React.ReactNode;\n    /**\n     * Handler for row expand events. Will trigger when expanding and collapsing rows.\n     */\n    onExpand?: (\n      expandedData: T[] | undefined,\n      tableState?: TableState<T>\n    ) => void;\n    /**\n     * Callback function when filters change.\n     * Use with `manualFilters` to handle filtering yourself e.g. filter in server-side.\n     * Must be memoized.\n     */\n    onFilter?: (\n      filters: TableFilterValue<T>[],\n      state: TableState<T>,\n      filteredData?: Row<T>[]\n    ) => void;\n    /**\n     * Value used for global filtering.\n     * Use with `globalFilter` and/or `manualGlobalFilter` to handle filtering yourself e.g. filter in server-side.\n     * Must be memoized.\n     */\n    globalFilterValue?: unknown;\n    /**\n     * Content shown when there is no data after filtering.\n     */\n    emptyFilteredTableContent?: React.ReactNode;\n    /**\n     * Function that should return true if a row is disabled (i.e. cannot be selected or expanded).\n     * If not specified, all rows are enabled.\n     */\n    isRowDisabled?: (rowData: T) => boolean;\n    /**\n     * Function that should return custom props passed to the each row.\n     * Must be memoized.\n     */\n    rowProps?: (row: Row<T>) => React.ComponentPropsWithRef<\"div\"> & {\n      status?: \"positive\" | \"warning\" | \"negative\";\n      isLoading?: boolean;\n    };\n    /**\n     * Modify the density of the table (adjusts the row height).\n     * @default 'default'\n     */\n    density?: \"default\" | \"condensed\" | \"extra-condensed\";\n    /**\n     * Flag whether to select a row when clicked anywhere inside of it.\n     * @default true\n     */\n    selectRowOnClick?: boolean;\n    /**\n     * Function that takes `TablePaginatorRendererProps` as an argument and returns pagination component.\n     *\n     * Recommended to use `TablePaginator`. Passing `props` to `TablePaginator` handles all state management and is enough for basic use-cases.\n     * @example\n     * (props: TablePaginatorRendererProps) => (\n     *   <TablePaginator {...props} />\n     * )\n     */\n    paginatorRenderer?: (props: TablePaginatorRendererProps) => React.ReactNode;\n    /**\n     * Number of rows per page.\n     * @default 25\n     */\n    pageSize?: number;\n    /**\n     * Flag whether columns are resizable.\n     * In order to disable resizing for specific column, set `disableResizing: true` for that column.\n     * @default false\n     */\n    isResizable?: boolean;\n    /**\n     * Style of the table.\n     * @default 'default'\n     */\n    styleType?: \"default\" | \"zebra-rows\";\n    /**\n     * Virtualization is used for the scrollable table body.\n     * Height on the table is required for virtualization to work.\n     * @example\n     * <Table enableVirtualization style={{height: 400}} {...} />\n     * @default false\n     * @beta\n     */\n    enableVirtualization?: boolean;\n    /**\n     * Flag whether columns can be reordered.\n     * @default false\n     */\n    enableColumnReordering?: boolean;\n    /**\n     * Passes props to Table header wrapper.\n     */\n    headerWrapperProps?: React.ComponentProps<\"div\">;\n    /**\n     * Passes props to Table header.\n     */\n    headerProps?: React.ComponentProps<\"div\">;\n    /**\n     * Passes custom props to Table body.\n     */\n    bodyProps?: React.ComponentProps<\"div\">;\n    /**\n     * Passes custom props to empty table.\n     */\n    emptyTableContentProps?: React.ComponentProps<\"div\">;\n    /**\n     * Function that returns index of the row that you want to scroll to.\n     *\n     * When using with lazy-loading table, you need to take care that row is already loaded.\n     * It doesn't work with paginated tables.\n     * @beta\n     * @example\n     * <Table\n     *   scrollToRow={React.useCallback(\n     *     (rows, data) => rows.findIndex((row) => row.original === data[250]),\n     *     []\n     *   )}\n     *   {...restProps}\n     * />\n     * @example\n     * <Table\n     *   scrollToRow={React.useCallback(\n     *     (rows, data) => rows.findIndex((row) => row.original.id === data[250].id),\n     *     []\n     *   )}\n     *   {...restProps}\n     * />\n     */\n    scrollToRow?: (rows: Row<T>[], data: T[]) => number;\n  } & Omit<CommonProps, \"title\">;\n\nconst flattenColumns = <T extends Record<string, unknown>>(\n  columns: Column<T>[]\n): Column<T>[] => {\n  const flatColumns: Column<T>[] = [];\n  columns.forEach((column) => {\n    flatColumns.push(column);\n    if (\"columns\" in column) {\n      // @ts-expect-error - Since nested columns are not supported from a types perspective\n      flatColumns.push(...flattenColumns(column.columns));\n    }\n  });\n  return flatColumns;\n};\n\n/**\n * Table based on [react-table](https://react-table.tanstack.com/docs/api/overview).\n * @example\n * const columns = React.useMemo(() => [\n *   {\n *     id: 'name',\n *     Header: 'Name',\n *     accessor: 'name',\n *     width: 90,\n *   },\n *   {\n *     id: 'description',\n *     Header: 'description',\n *     accessor: 'description',\n *     maxWidth: 200,\n *   },\n *   {\n *     id: 'view',\n *     Header: 'view',\n *     Cell: () => {\n *       return <span onClick={onViewClick}>View</span>\n *     },\n *   },\n * ], [onViewClick])\n * const data = [\n *  { name: 'Name1', description: 'Description1' },\n *  { name: 'Name2', description: 'Description2' },\n *  { name: 'Name3', description: 'Description3' },\n * ]\n * <Table\n *   columns={columns}\n *   data={data}\n *   emptyTableContent='No data.'\n *   isLoading={false}\n *   isSortable={true}\n * />\n */\nexport const Table = <\n  T extends Record<string, unknown> = Record<string, unknown>\n>(\n  props: TableProps<T>\n): JSX.Element => {\n  const {\n    data,\n    columns,\n    header,\n    isLoading = false,\n    emptyTableContent,\n    className,\n    style,\n    id,\n    isSelectable = false,\n    onSelect,\n    onRowClick,\n    selectionMode = \"multi\",\n    isSortable = false,\n    onSort,\n    stateReducer,\n    onBottomReached,\n    onRowInViewport,\n    intersectionMargin = 300,\n    subComponent,\n    onExpand,\n    onFilter,\n    globalFilterValue,\n    emptyFilteredTableContent,\n    filterTypes: filterFunctions,\n    expanderCell,\n    isRowDisabled,\n    rowProps,\n    density = \"default\",\n    selectSubRows = true,\n    getSubRows,\n    selectRowOnClick = true,\n    paginatorRenderer,\n    pageSize = 25,\n    isResizable = false,\n    columnResizeMode = \"fit\",\n    styleType = \"default\",\n    enableVirtualization = false,\n    enableColumnReordering = false,\n    headerWrapperProps,\n    headerProps,\n    bodyProps,\n    emptyTableContentProps,\n    ...rest\n  } = props;\n\n  useGlobals();\n\n  const ownerDocument = React.useRef<Document | undefined>();\n\n  const defaultColumn = React.useMemo(\n    () => ({\n      maxWidth: 0,\n      minWidth: 0,\n      width: 0,\n    }),\n    []\n  );\n\n  // useRef prevents from rerendering when one of these callbacks changes\n  const onBottomReachedRef = React.useRef(onBottomReached);\n  const onRowInViewportRef = React.useRef(onRowInViewport);\n  React.useEffect(() => {\n    onBottomReachedRef.current = onBottomReached;\n    onRowInViewportRef.current = onRowInViewport;\n  }, [onBottomReached, onRowInViewport]);\n\n  const hasManualSelectionColumn = React.useMemo(() => {\n    const flatColumns = flattenColumns(columns);\n    return flatColumns.some((column) => column.id === SELECTION_CELL_ID);\n  }, [columns]);\n\n  const disableUserSelect = React.useCallback((e: KeyboardEvent) => {\n    if (e.key === \"Shift\") {\n      ownerDocument.current &&\n        (ownerDocument.current.documentElement.style.userSelect = \"none\");\n    }\n  }, []);\n\n  const enableUserSelect = React.useCallback((e: KeyboardEvent) => {\n    if (e.key === \"Shift\") {\n      ownerDocument.current &&\n        (ownerDocument.current.documentElement.style.userSelect = \"\");\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (!isSelectable || selectionMode !== \"multi\") {\n      return;\n    }\n\n    const ownerDoc = ownerDocument.current;\n    ownerDoc?.addEventListener(\"keydown\", disableUserSelect);\n    ownerDoc?.addEventListener(\"keyup\", enableUserSelect);\n\n    return () => {\n      ownerDoc?.removeEventListener(\"keydown\", disableUserSelect);\n      ownerDoc?.removeEventListener(\"keyup\", enableUserSelect);\n    };\n  }, [\n    isSelectable,\n    selectionMode,\n    ownerDocument,\n    disableUserSelect,\n    enableUserSelect,\n  ]);\n\n  const previousFilter = React.useRef([] as TableFilterValue<T>[]);\n  const currentFilter = React.useRef(previousFilter.current);\n  const tableStateReducer = (newState, action, previousState, instance) => {\n    switch (action.type) {\n      case TableActions.toggleSortBy:\n        onSort?.(newState);\n        break;\n\n      case TableActions.setFilter:\n        currentFilter.current = onFilterHandler(\n          newState,\n          action,\n          previousState,\n          currentFilter.current,\n          instance\n        );\n        break;\n\n      case TableActions.toggleRowExpanded:\n      case TableActions.toggleAllRowsExpanded:\n        onExpandHandler(newState, instance, onExpand);\n        break;\n\n      case singleRowSelectedAction:\n        newState = onSingleSelectHandler(\n          newState,\n          action,\n          instance,\n          onSelect,\n          hasManualSelectionColumn ? undefined : isRowDisabled\n        );\n        break;\n\n      case shiftRowSelectedAction:\n        newState = onShiftSelectHandler(\n          newState,\n          action,\n          instance,\n          onSelect,\n          hasManualSelectionColumn ? undefined : isRowDisabled\n        );\n        break;\n\n      case TableActions.toggleRowSelected:\n      case TableActions.toggleAllRowsSelected:\n      case TableActions.toggleAllPageRowsSelected:\n        onToggleHandler(\n          newState,\n          action,\n          instance,\n          onSelect,\n          hasManualSelectionColumn ? undefined : isRowDisabled\n        );\n        break;\n\n      case tableResizeStartAction:\n        newState = onTableResizeStart(newState);\n        break;\n\n      case tableResizeEndAction:\n        newState = onTableResizeEnd(newState, action);\n        break;\n\n      default:\n        if (stateReducer) {\n          newState = stateReducer(newState, action, previousState, instance);\n        }\n        break;\n    }\n\n    return newState;\n  };\n\n  const filterTypes = React.useMemo(\n    () => ({ ...customFilterFunctions, ...filterFunctions }),\n    [filterFunctions]\n  );\n\n  const hasAnySubRows = React.useMemo(() => {\n    return data.some((item, index) =>\n      getSubRows ? getSubRows(item, index) : item.subRows\n    );\n  }, [data, getSubRows]);\n\n  const instance = useTable<T>(\n    {\n      manualPagination: !paginatorRenderer, // Prevents from paginating rows in regular table without pagination\n      paginateExpandedRows: false, // When false, it shows sub-rows in the current page instead of splitting them\n      ...props,\n      // @ts-ignore\n      columns,\n      defaultColumn,\n      disableSortBy: !isSortable,\n      // @ts-ignore\n      stateReducer: tableStateReducer,\n      filterTypes,\n      selectSubRows,\n      data,\n      getSubRows,\n      initialState: { pageSize, ...props.initialState },\n      columnResizeMode,\n    },\n    useFlexLayout,\n    useResizeColumns(ownerDocument),\n    useFilters,\n    useSubRowFiltering(hasAnySubRows),\n    useGlobalFilter,\n    useSortBy,\n    useExpanded,\n    usePagination,\n    useRowSelect,\n    useSubRowSelection,\n    useExpanderCell(subComponent, expanderCell, isRowDisabled),\n    useSelectionCell(isSelectable, selectionMode, isRowDisabled, density),\n    useColumnOrder,\n    useColumnDragAndDrop(enableColumnReordering),\n    useStickyColumns\n  );\n\n  const {\n    getTableProps,\n    rows,\n    headerGroups: _headerGroups,\n    getTableBodyProps,\n    prepareRow,\n    state,\n    allColumns,\n    dispatch,\n    // @ts-ignore\n    page,\n    // @ts-ignore\n    gotoPage,\n    // @ts-ignore\n    setPageSize,\n    flatHeaders,\n    visibleColumns,\n    // @ts-ignore\n    setGlobalFilter,\n  } = instance;\n\n  let headerGroups = _headerGroups;\n\n  if (columns.length === 1 && \"columns\" in columns[0]) {\n    headerGroups = _headerGroups.slice(1);\n    logWarningInDev(\n      `Table's \\`columns\\` prop should not have a top-level \\`Header\\` or sub-columns. They are only allowed to be passed for backwards compatibility.\\n See https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v2-migration-guide#breaking-changes`\n    );\n  }\n\n  const ariaDataAttributes = Object.entries(rest).reduce(\n    (result, [key, value]) => {\n      if (key.startsWith(\"data-\") || key.startsWith(\"aria-\")) {\n        result[key] = value;\n      }\n      return result;\n    },\n    {} as Record<string, unknown>\n  );\n\n  const areFiltersSet =\n    allColumns.some(\n      // @ts-ignore\n      (column) => column.filterValue != null && column.filterValue !== \"\"\n    ) || !!globalFilterValue;\n\n  const showFilterButton = (column: HeaderGroup<T>) =>\n    (data.length !== 0 || areFiltersSet) && column.canFilter && !!column.Filter;\n\n  const showSortButton = (column: HeaderGroup<T>) =>\n    data.length !== 0 && column.canSort;\n\n  const onRowClickHandler = (event, row) => {\n    const isDisabled = isRowDisabled?.(row.original);\n\n    if (!isDisabled) {\n      onRowClick?.(event, row);\n    }\n\n    if (\n      isSelectable &&\n      !isDisabled &&\n      selectRowOnClick &&\n      !event.isDefaultPrevented()\n    ) {\n      if (selectionMode === \"multi\" && event.shiftKey) {\n        dispatch({\n          type: shiftRowSelectedAction,\n          id: row.id,\n        });\n      } else if (selectionMode === \"single\") {\n        dispatch({\n          type: singleRowSelectedAction,\n          id: row.id,\n        });\n      }\n    }\n  };\n\n  React.useEffect(() => {\n    setGlobalFilter(globalFilterValue);\n  }, [globalFilterValue, setGlobalFilter]);\n\n  React.useEffect(() => {\n    setPageSize(pageSize);\n  }, [pageSize, setPageSize]);\n\n  React.useEffect(() => {\n    if (previousFilter.current !== currentFilter.current) {\n      previousFilter.current = currentFilter.current;\n      // @ts-ignore\n      onFilter?.(currentFilter.current, state, instance.filteredRows);\n    } // @ts-ignore\n  }, [state, instance.filteredRows, onFilter]);\n\n  const lastPassedColumns = React.useRef([] as Column<T>[]);\n\n  // Reset the column order whenever new columns are passed\n  // This is to avoid the old columnOrder from affecting the new columns' columnOrder\n  React.useEffect(() => {\n    // Check if columns have changed (by value)\n    if (\n      lastPassedColumns.current.length > 0 &&\n      JSON.stringify(lastPassedColumns.current) !== JSON.stringify(columns)\n    ) {\n      // @ts-ignore\n      instance.setColumnOrder([]);\n    }\n    lastPassedColumns.current = columns;\n  }, [columns, instance]);\n\n  const paginatorRendererProps: TablePaginatorRendererProps = React.useMemo(\n    () => ({\n      // @ts-ignore\n      currentPage: state.pageIndex, // @ts-ignore\n      pageSize: state.pageSize,\n      totalRowsCount: rows.length,\n      size: density !== \"default\" ? \"small\" : \"default\",\n      isLoading,\n      onPageChange: gotoPage,\n      onPageSizeChange: setPageSize,\n      // @ts-ignore\n      totalSelectedRowsCount:\n        selectionMode === \"single\" ? 0 : instance.selectedFlatRows.length, // 0 when selectionMode = 'single' since totalSelectedRowCount is for multi-selection mode only\n    }),\n    [\n      density,\n      gotoPage,\n      isLoading,\n      rows.length,\n      setPageSize, // @ts-ignore\n      state.pageIndex, // @ts-ignore\n      state.pageSize, // @ts-ignore\n      instance.selectedFlatRows, // @ts-ignore\n      selectionMode,\n    ]\n  );\n\n  const headerRef = React.useRef<HTMLDivElement>(null);\n  const bodyRef = React.useRef<HTMLDivElement>(null);\n\n  const { scrollToIndex, tableRowRef } = useScrollToRow<T>({ ...props, page });\n  const columnRefs = React.useRef<Record<string, HTMLDivElement>>({});\n  const previousTableWidth = React.useRef(0);\n  const onTableResize = React.useCallback(\n    ({ width }: DOMRectReadOnly) => {\n      // Handle header properties, regardless of whether the table is resizable\n      setHeaderScrollWidth(headerRef.current?.scrollWidth ?? 0);\n      setHeaderClientWidth(headerRef.current?.clientWidth ?? 0);\n\n      // Handle table properties, but only when table is resizable\n      if (!isResizable) {\n        return;\n      }\n\n      instance.tableWidth = width;\n      if (width === previousTableWidth.current) {\n        return;\n      }\n      previousTableWidth.current = width;\n\n      // Update column widths when table was resized\n      flatHeaders.forEach((header) => {\n        if (columnRefs.current[header.id]) {\n          header.resizeWidth =\n            columnRefs.current[header.id].getBoundingClientRect().width;\n        }\n      });\n\n      // If no column was resized then leave table resize handling to the flexbox\n      if (Object.keys(state.columnResizing.columnWidths).length === 0) {\n        return;\n      }\n\n      dispatch({ type: tableResizeStartAction });\n    },\n    [\n      dispatch,\n      state.columnResizing.columnWidths,\n      flatHeaders,\n      instance,\n      isResizable,\n    ]\n  );\n  const [resizeRef] = useResizeObserver(onTableResize);\n\n  const [headerScrollWidth, setHeaderScrollWidth] = React.useState(0);\n  const [headerClientWidth, setHeaderClientWidth] = React.useState(0);\n\n  // Flexbox handles columns resize so we take new column widths before browser repaints.\n  useLayoutEffect(() => {\n    if (state.isTableResizing) {\n      const newColumnWidths: Record<string, number> = {};\n      flatHeaders.forEach((column) => {\n        if (columnRefs.current[column.id]) {\n          newColumnWidths[column.id] =\n            columnRefs.current[column.id].getBoundingClientRect().width;\n        }\n      });\n      dispatch({ type: tableResizeEndAction, columnWidths: newColumnWidths });\n    }\n  });\n\n  const getPreparedRow = React.useCallback(\n    (index: number) => {\n      const row = page[index];\n      prepareRow(row);\n      return (\n        <TableRowMemoized\n          row={row}\n          rowProps={rowProps}\n          isLast={index === page.length - 1}\n          onRowInViewport={onRowInViewportRef}\n          onBottomReached={onBottomReachedRef}\n          intersectionMargin={intersectionMargin}\n          state={state}\n          key={row.getRowProps().key}\n          onClick={onRowClickHandler}\n          subComponent={subComponent}\n          isDisabled={!!isRowDisabled?.(row.original)}\n          tableHasSubRows={hasAnySubRows}\n          tableInstance={instance}\n          expanderCell={expanderCell}\n          bodyRef={bodyRef.current}\n          tableRowRef={enableVirtualization ? undefined : tableRowRef(row)}\n          density={density}\n        />\n      );\n    },\n    [\n      page,\n      prepareRow,\n      rowProps,\n      intersectionMargin,\n      state,\n      onRowClickHandler,\n      subComponent,\n      isRowDisabled,\n      hasAnySubRows,\n      instance,\n      expanderCell,\n      enableVirtualization,\n      tableRowRef,\n      density,\n    ]\n  );\n\n  const virtualizedItemRenderer = React.useCallback(\n    (index: number) => getPreparedRow(index),\n    [getPreparedRow]\n  );\n\n  const updateStickyState = () => {\n    if (!bodyRef.current || flatHeaders.every((header) => !header.sticky)) {\n      return;\n    }\n\n    if (bodyRef.current.scrollLeft !== 0) {\n      dispatch({ type: TableActions.setScrolledRight, value: true });\n    } else {\n      dispatch({ type: TableActions.setScrolledRight, value: false });\n    }\n\n    // If scrolled a bit to the left looking from the right side\n    if (\n      bodyRef.current.scrollLeft !==\n      bodyRef.current.scrollWidth - bodyRef.current.clientWidth\n    ) {\n      dispatch({ type: TableActions.setScrolledLeft, value: true });\n    } else {\n      dispatch({ type: TableActions.setScrolledLeft, value: false });\n    }\n  };\n\n  React.useEffect(() => {\n    updateStickyState();\n    // Call only on init\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const isHeaderDirectClick = React.useRef(false);\n\n  return (\n    <>\n      {header}\n      <Box\n        ref={(element) => {\n          ownerDocument.current = element?.ownerDocument;\n          resizeRef(element);\n        }}\n        id={id}\n        {...getTableProps({\n          className: cx(\"iui-table\", className),\n          style: {\n            minWidth: 0, // Overrides the min-width set by the react-table but when we support horizontal scroll it is not needed\n            ...style,\n          },\n        })}\n        data-iui-size={density === \"default\" ? undefined : density}\n        {...ariaDataAttributes}\n      >\n        {headerGroups.map((headerGroup: HeaderGroup<T>) => {\n          return (\n            <Box\n              as=\"div\"\n              ref={headerRef}\n              onScroll={() => {\n                if (headerRef.current && bodyRef.current) {\n                  bodyRef.current.scrollLeft = headerRef.current.scrollLeft;\n                  updateStickyState();\n                }\n              }}\n              key={headerGroup.getHeaderGroupProps().key}\n              {...headerWrapperProps}\n              className={cx(\n                \"iui-table-header-wrapper\",\n                headerWrapperProps?.className\n              )}\n            >\n              <Box\n                as=\"div\"\n                {...headerProps}\n                className={cx(\"iui-table-header\", headerProps?.className)}\n              >\n                <Box\n                  {...headerGroup.getHeaderGroupProps({\n                    className: \"iui-table-row\",\n                  })}\n                >\n                  {headerGroup.headers.map((column, index) => {\n                    const isEmptyHeader =\n                      !column.Header || column.Header.toString().trim() === \"\";\n\n                    const columnProps = column.getHeaderProps({\n                      className: cx(\"iui-table-cell\", column.columnClassName, {\n                        \"iui-actionable\": column.canSort && !isEmptyHeader,\n                        \"iui-sorted\": column.isSorted && !isEmptyHeader,\n                        \"iui-table-cell-sticky\": !!column.sticky,\n                        \"iui-empty-header\": isEmptyHeader,\n                      }),\n                      style: {\n                        ...getCellStyle(column, !!state.isTableResizing),\n                        ...getStickyStyle(column, visibleColumns),\n                        flexWrap: \"unset\",\n                        backgroundColor: isEmptyHeader\n                          ? \"transparent\"\n                          : undefined,\n                      },\n                      ...(isEmptyHeader ? { \"aria-hidden\": true } : {}),\n                    });\n\n                    return (\n                      <Box\n                        {...columnProps}\n                        key={columnProps.key}\n                        onMouseDown={() => {\n                          isHeaderDirectClick.current = true;\n                        }}\n                        onClick={(e) => {\n                          if (isHeaderDirectClick.current && !isEmptyHeader) {\n                            const toggleProps = column.getSortByToggleProps();\n                            if (toggleProps.onClick) {\n                              toggleProps.onClick(e);\n                            }\n                            isHeaderDirectClick.current = false;\n                          }\n                        }}\n                        tabIndex={\n                          showSortButton(column) && !isEmptyHeader\n                            ? 0\n                            : undefined\n                        }\n                      >\n                        {!isEmptyHeader ? (\n                          <Text weight={Text.weights.BOLD}>\n                            {column.render(\"Header\")}\n                          </Text>\n                        ) : null}\n                        {!isEmptyHeader &&\n                          (showFilterButton(column) ||\n                            showSortButton(column)) && (\n                            <Box className=\"iui-table-header-actions-container\">\n                              {showFilterButton(column) && (\n                                <FilterToggle column={column} />\n                              )}\n                              {showSortButton(column) && (\n                                <Box className=\"iui-table-cell-end-icon\">\n                                  <IconButton\n                                    ariaLabel={\n                                      column.isSortedDesc\n                                        ? \"Sort Descending\"\n                                        : \"Sort Ascending\"\n                                    }\n                                    size={IconButton?.sizes?.XXS}\n                                    className=\"iui-table-sort\"\n                                    icon={\n                                      column.isSortedDesc\n                                        ? MoveArrowDown\n                                        : MoveArrowUp\n                                    }\n                                  />\n                                </Box>\n                              )}\n                            </Box>\n                          )}\n                      </Box>\n                    );\n                  })}\n                </Box>\n              </Box>\n            </Box>\n          );\n        })}\n        <Box\n          {...bodyProps}\n          {...getTableBodyProps({\n            className: cx(\n              \"iui-table-body\",\n              {\n                \"iui-zebra-striping\": styleType === \"zebra-rows\",\n              },\n              bodyProps?.className\n            ),\n            style: { outline: 0 },\n          })}\n          ref={bodyRef}\n          onScroll={() => {\n            if (headerRef.current && bodyRef.current) {\n              headerRef.current.scrollLeft = bodyRef.current.scrollLeft;\n              updateStickyState();\n            }\n          }}\n          tabIndex={-1}\n          aria-multiselectable={\n            (isSelectable && selectionMode === \"multi\") || undefined\n          }\n        >\n          <ShadowRoot>\n            <slot />\n            {rows.length === 0 && headerScrollWidth > headerClientWidth && (\n              <div\n                aria-hidden\n                style={{\n                  // This ensures that the table-body is always the same width as the table-header,\n                  // even if the table has no rows. See https://github.com/iTwin/iTwinUI/pull/1725\n                  width: headerScrollWidth,\n                  height: 0.1,\n                }}\n              />\n            )}\n          </ShadowRoot>\n          {data.length !== 0 && (\n            <>\n              {enableVirtualization ? (\n                <VirtualScroll\n                  itemsLength={page.length}\n                  itemRenderer={virtualizedItemRenderer}\n                  scrollToIndex={scrollToIndex}\n                />\n              ) : (\n                page.map((_, index) => getPreparedRow(index))\n              )}\n            </>\n          )}\n          {isLoading && data.length === 0 && (\n            <Box\n              as=\"div\"\n              {...emptyTableContentProps}\n              className={cx(\n                \"iui-table-empty\",\n                emptyTableContentProps?.className\n              )}\n            >\n              <div>{emptyFilteredTableContent}</div>\n            </Box>\n          )}\n          {isLoading && data.length !== 0 && (\n            <Box className=\"iui-table-row\" data-iui-loading=\"true\">\n              <Box className=\"iui-table-cell table-loader-cell\">\n                <Loader size={20} color={Loader.colors.PRIMARY} />\n              </Box>\n            </Box>\n          )}\n          {!isLoading && data.length === 0 && !areFiltersSet && (\n            <Box\n              as=\"div\"\n              {...emptyTableContentProps}\n              className={cx(\n                \"iui-table-empty\",\n                emptyTableContentProps?.className\n              )}\n            >\n              <div>{emptyTableContent}</div>\n            </Box>\n          )}\n          {!isLoading &&\n            (data.length === 0 || rows.length === 0) &&\n            areFiltersSet && (\n              <Box\n                as=\"div\"\n                {...emptyTableContentProps}\n                className={cx(\n                  \"iui-table-empty\",\n                  emptyTableContentProps?.className\n                )}\n              >\n                <div>{emptyFilteredTableContent}</div>\n              </Box>\n            )}\n        </Box>\n        {paginatorRenderer?.(paginatorRendererProps)}\n      </Box>\n    </>\n  );\n};\n\nexport default Table;\nexport type { TablePaginatorRendererProps, TableProps };\n"],"names":["singleRowSelectedAction","shiftRowSelectedAction","tableResizeStartAction","tableResizeEndAction","logWarningInDev","createWarningLogger","flattenColumns","columns","flatColumns","forEach","column","push","apply","_toConsumableArray","Table","props","data","header","_props$isLoading","isLoading","emptyTableContent","className","style","id","_props$isSelectable","isSelectable","onSelect","onRowClick","_props$selectionMode","selectionMode","_props$isSortable","isSortable","onSort","stateReducer","onBottomReached","onRowInViewport","_props$intersectionMa","intersectionMargin","subComponent","onExpand","onFilter","globalFilterValue","emptyFilteredTableContent","filterFunctions","filterTypes","expanderCell","isRowDisabled","rowProps","_props$density","density","_props$selectSubRows","selectSubRows","getSubRows","_props$selectRowOnCli","selectRowOnClick","paginatorRenderer","_props$pageSize","pageSize","_props$isResizable","isResizable","_props$columnResizeMo","columnResizeMode","_props$styleType","styleType","_props$enableVirtuali","enableVirtualization","_props$enableColumnRe","enableColumnReordering","headerWrapperProps","headerProps","bodyProps","emptyTableContentProps","rest","__rest","useGlobals","ownerDocument","React","useRef","defaultColumn","useMemo","maxWidth","minWidth","width","onBottomReachedRef","onRowInViewportRef","useEffect","current","hasManualSelectionColumn","some","SELECTION_CELL_ID","disableUserSelect","useCallback","e","key","documentElement","userSelect","enableUserSelect","ownerDoc","addEventListener","removeEventListener","previousFilter","currentFilter","customFilterFunctions","hasAnySubRows","item","index","subRows","instance","useTable","Object","assign","manualPagination","paginateExpandedRows","disableSortBy","newState","action","previousState","type","TableActions","toggleSortBy","setFilter","onFilterHandler","toggleRowExpanded","toggleAllRowsExpanded","onExpandHandler","onSingleSelectHandler","undefined","onShiftSelectHandler","toggleRowSelected","toggleAllRowsSelected","toggleAllPageRowsSelected","onToggleHandler","onTableResizeStart","onTableResizeEnd","initialState","useFlexLayout","useResizeColumns","useFilters","useSubRowFiltering","useGlobalFilter","useSortBy","useExpanded","usePagination","useRowSelect","useSubRowSelection","useExpanderCell","useSelectionCell","useColumnOrder","useColumnDragAndDrop","useStickyColumns","getTableProps","rows","_headerGroups","headerGroups","getTableBodyProps","prepareRow","state","allColumns","dispatch","page","gotoPage","setPageSize","flatHeaders","visibleColumns","setGlobalFilter","length","slice","ariaDataAttributes","entries","reduce","result","_ref","_ref2","_slicedToArray","value","startsWith","areFiltersSet","filterValue","showFilterButton","canFilter","Filter","showSortButton","canSort","onRowClickHandler","event","row","isDisabled","original","isDefaultPrevented","shiftKey","filteredRows","lastPassedColumns","JSON","stringify","setColumnOrder","paginatorRendererProps","currentPage","pageIndex","totalRowsCount","size","onPageChange","onPageSizeChange","totalSelectedRowsCount","selectedFlatRows","headerRef","bodyRef","_useScrollToRow","useScrollToRow","scrollToIndex","tableRowRef","columnRefs","previousTableWidth","onTableResize","_ref3","setHeaderScrollWidth","_b","_a","scrollWidth","setHeaderClientWidth","_d","_c","clientWidth","tableWidth","resizeWidth","getBoundingClientRect","keys","columnResizing","columnWidths","_useResizeObserver","useResizeObserver","resizeRef","_React$useState","useState","_React$useState2","headerScrollWidth","_React$useState3","_React$useState4","headerClientWidth","useLayoutEffect","isTableResizing","newColumnWidths","getPreparedRow","_jsx","TableRowMemoized","isLast","onClick","tableHasSubRows","tableInstance","getRowProps","virtualizedItemRenderer","updateStickyState","every","sticky","scrollLeft","setScrolledRight","setScrolledLeft","isHeaderDirectClick","_jsxs","_Fragment","children","Box","ref","element","cx","map","headerGroup","as","onScroll","getHeaderGroupProps","headers","isEmptyHeader","Header","trim","columnProps","getHeaderProps","columnClassName","isSorted","getCellStyle","getStickyStyle","flexWrap","backgroundColor","_createElement","onMouseDown","toggleProps","getSortByToggleProps","tabIndex","Text","weight","weights","BOLD","render","FilterToggle","IconButton","ariaLabel","isSortedDesc","sizes","XXS","icon","MoveArrowDown","MoveArrowUp","outline","ShadowRoot","height","VirtualScroll","itemsLength","itemRenderer","_","Loader","color","colors","PRIMARY"],"mappings":"qmGAmEA,IAAMA,EAA0B,oBAC1BC,EAAyB,mBAClBC,GAAyB,mBAChCC,GAAuB,iBAEvBC,GAAkBC,IAoPlBC,GAAiB,SAAjBA,EACJC,GAEA,IAAMC,EAA2B,GAQjC,OAPAD,EAAQE,SAAQ,SAACC,GACfF,EAAYG,KAAKD,GACb,YAAaA,GAEfF,EAAYG,KAAIC,MAAhBJ,EAAWK,EAASP,EAAeI,EAAOH,UAE9C,IACOC,CACT,EAuCaM,GAAQ,SAGnBC,GAEA,IACEC,EA2CED,EA3CFC,KACAT,GA0CEQ,EA1CFR,QACAU,GAyCEF,EAzCFE,OAAMC,GAyCJH,EAxCFI,UAAAA,QAAY,IAAHD,IAAQA,GACjBE,GAuCEL,EAvCFK,kBACAC,GAsCEN,EAtCFM,UACAC,GAqCEP,EArCFO,MACAC,GAoCER,EApCFQ,GAAEC,GAoCAT,EAnCFU,aAAAA,QAAe,IAAHD,IAAQA,GACpBE,GAkCEX,EAlCFW,SACAC,GAiCEZ,EAjCFY,WAAUC,GAiCRb,EAhCFc,cAAAA,QAAgB,IAAHD,GAAG,QAAOA,GAAAE,GAgCrBf,EA/BFgB,WAAAA,QAAa,IAAHD,IAAQA,GAClBE,GA8BEjB,EA9BFiB,OACAC,GA6BElB,EA7BFkB,aACAC,GA4BEnB,EA5BFmB,gBACAC,GA2BEpB,EA3BFoB,gBAAeC,GA2BbrB,EA1BFsB,mBAAAA,QAAqB,IAAHD,GAAG,IAAGA,GACxBE,GAyBEvB,EAzBFuB,aACAC,GAwBExB,EAxBFwB,SACAC,GAuBEzB,EAvBFyB,SACAC,GAsBE1B,EAtBF0B,kBACAC,GAqBE3B,EArBF2B,0BACaC,GAoBX5B,EApBF6B,YACAC,GAmBE9B,EAnBF8B,aACAC,GAkBE/B,EAlBF+B,cACAC,GAiBEhC,EAjBFgC,SAAQC,GAiBNjC,EAhBFkC,QAAAA,QAAU,IAAHD,GAAG,UAASA,GAAAE,GAgBjBnC,EAfFoC,cAAAA,QAAgB,IAAHD,IAAOA,GACpBE,GAcErC,EAdFqC,WAAUC,GAcRtC,EAbFuC,iBAAAA,QAAmB,IAAHD,IAAOA,GACvBE,GAYExC,EAZFwC,kBAAiBC,GAYfzC,EAXF0C,SAAAA,QAAW,IAAHD,GAAG,GAAEA,GAAAE,GAWX3C,EAVF4C,YAAAA,QAAc,IAAHD,IAAQA,GAAAE,GAUjB7C,EATF8C,iBAAAA,QAAmB,IAAHD,GAAG,MAAKA,GAAAE,GAStB/C,EARFgD,UAAAA,QAAY,IAAHD,GAAG,UAASA,GAAAE,GAQnBjD,EAPFkD,qBAAAA,QAAuB,IAAHD,IAAQA,GAAAE,GAO1BnD,EANFoD,uBAAAA,QAAyB,IAAHD,IAAQA,GAC9BE,GAKErD,EALFqD,mBACAC,GAIEtD,EAJFsD,YACAC,GAGEvD,EAHFuD,UACAC,GAEExD,EAFFwD,uBACGC,GAAIC,EACL1D,EA5CE,CA4CL,OAAA,UAAA,SAAA,YAAA,oBAAA,YAAA,QAAA,KAAA,eAAA,WAAA,aAAA,gBAAA,aAAA,SAAA,eAAA,kBAAA,kBAAA,qBAAA,eAAA,WAAA,WAAA,oBAAA,4BAAA,cAAA,eAAA,gBAAA,WAAA,UAAA,gBAAA,aAAA,mBAAA,oBAAA,WAAA,cAAA,mBAAA,YAAA,uBAAA,yBAAA,qBAAA,cAAA,YAAA,2BAED2D,IAEA,IAAMC,GAAgBC,EAAMC,SAEtBC,GAAgBF,EAAMG,SAC1B,WAAA,MAAO,CACLC,SAAU,EACVC,SAAU,EACVC,MAAO,EACP,GACF,IAIIC,GAAqBP,EAAMC,OAAO3C,IAClCkD,GAAqBR,EAAMC,OAAO1C,IACxCyC,EAAMS,WAAU,WACdF,GAAmBG,QAAUpD,GAC7BkD,GAAmBE,QAAUnD,EAC/B,GAAG,CAACD,GAAiBC,KAErB,IAAMoD,GAA2BX,EAAMG,SAAQ,WAE7C,OADoBzE,GAAeC,IAChBiF,MAAK,SAAC9E,GAAM,OAAKA,EAAOa,KAAOkE,IACpD,GAAG,CAAClF,KAEEmF,GAAoBd,EAAMe,aAAY,SAACC,GAC7B,UAAVA,EAAEC,KACJlB,GAAcW,UACXX,GAAcW,QAAQQ,gBAAgBxE,MAAMyE,WAAa,OAE/D,GAAE,IAEGC,GAAmBpB,EAAMe,aAAY,SAACC,GAC5B,UAAVA,EAAEC,KACJlB,GAAcW,UACXX,GAAcW,QAAQQ,gBAAgBxE,MAAMyE,WAAa,GAE/D,GAAE,IAEHnB,EAAMS,WAAU,WACd,GAAK5D,IAAkC,UAAlBI,GAArB,CAIA,IAAMoE,EAAWtB,GAAcW,QAI/B,OAHAW,SAAAA,EAAUC,iBAAiB,UAAWR,IACtCO,SAAAA,EAAUC,iBAAiB,QAASF,IAE7B,WACLC,SAAAA,EAAUE,oBAAoB,UAAWT,IACzCO,SAAAA,EAAUE,oBAAoB,QAASH,IARxC,CAUH,GAAG,CACDvE,GACAI,GACA8C,GACAe,GACAM,KAGF,IAAMI,GAAiBxB,EAAMC,OAAO,IAC9BwB,GAAgBzB,EAAMC,OAAOuB,GAAed,SAwE5C1C,GAAcgC,EAAMG,SACxB,WAAA,sCAAYuB,GAA0B3D,GAAkB,GACxD,CAACA,KAGG4D,GAAgB3B,EAAMG,SAAQ,WAClC,OAAO/D,EAAKwE,MAAK,SAACgB,EAAMC,GAAK,OAC3BrD,GAAaA,GAAWoD,EAAMC,GAASD,EAAKE,UAEhD,GAAG,CAAC1F,EAAMoC,KAEJuD,GAAWC,EAAQC,OAAAC,OAAAD,OAAAC,OAAA,CAErBC,kBAAmBxD,GACnByD,sBAAsB,GACnBjG,GAAK,CAERR,QAAAA,GACAuE,cAAAA,GACAmC,eAAgBlF,GAEhBE,aA5FsB,SAACiF,EAAUC,EAAQC,EAAeT,GAC1D,OAAQQ,EAAOE,MACb,KAAKC,EAAaC,aAChBvF,UAAAA,GAASkF,GACT,MAEF,KAAKI,EAAaE,UAChBnB,GAAcf,QAAUmC,EACtBP,EACAC,EACAC,EACAf,GAAcf,QACdqB,GAEF,MAEF,KAAKW,EAAaI,kBAClB,KAAKJ,EAAaK,sBAChBC,EAAgBV,EAAUP,EAAUpE,IACpC,MAEF,KAAKvC,EACHkH,EAAWW,EACTX,EACAC,EACAR,EACAjF,GACA6D,QAA2BuC,EAAYhF,IAEzC,MAEF,KAAK7C,EACHiH,EAAWa,EACTb,EACAC,EACAR,EACAjF,GACA6D,QAA2BuC,EAAYhF,IAEzC,MAEF,KAAKwE,EAAaU,kBAClB,KAAKV,EAAaW,sBAClB,KAAKX,EAAaY,0BAChBC,EACEjB,EACAC,EACAR,EACAjF,GACA6D,QAA2BuC,EAAYhF,IAEzC,MAEF,KAAK5C,GACHgH,EAAWkB,EAAmBlB,GAC9B,MAEF,KAAK/G,GACH+G,EAAWmB,EAAiBnB,EAAUC,GACtC,MAEF,QACMlF,KACFiF,EAAWjF,GAAaiF,EAAUC,EAAQC,EAAeT,IAK/D,OAAOO,GAyBLtE,YAAAA,GACAO,cAAAA,GACAnC,KAAAA,EACAoC,WAAAA,GACAkF,aAAgBzB,OAAAC,OAAA,CAAArD,SAAAA,IAAa1C,EAAMuH,cACnCzE,iBAAAA,KAEF0E,EACAC,EAAiB7D,IACjB8D,EACAC,EAAmBnC,IACnBoC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EAAgB3G,GAAcO,GAAcC,IAC5CoG,EAAiBzH,GAAcI,GAAeiB,GAAeG,IAC7DkG,EACAC,EAAqBjF,IACrBkF,GAIAC,GAkBE3C,GAlBF2C,cACAC,GAiBE5C,GAjBF4C,KACcC,GAgBZ7C,GAhBF8C,aACAC,GAeE/C,GAfF+C,kBACAC,GAcEhD,GAdFgD,WACAC,GAaEjD,GAbFiD,MACAC,GAYElD,GAZFkD,WACAC,GAWEnD,GAXFmD,SAEAC,GASEpD,GATFoD,KAEAC,GAOErD,GAPFqD,SAEAC,GAKEtD,GALFsD,YACAC,GAIEvD,GAJFuD,YACAC,GAGExD,GAHFwD,eAEAC,GACEzD,GADFyD,gBAGEX,GAAeD,GAEI,IAAnBjJ,GAAQ8J,QAAgB,YAAa9J,GAAQ,KAC/CkJ,GAAeD,GAAcc,MAAM,GACnClK,iPAKF,IAAMmK,GAAqB1D,OAAO2D,QAAQhG,IAAMiG,QAC9C,SAACC,EAAMC,GAAkB,IAAAC,EAAAC,EAAAF,EAAA,GAAf9E,EAAG+E,EAAA,GAAEE,EAAKF,EAAA,GAIlB,OAHI/E,EAAIkF,WAAW,UAAYlF,EAAIkF,WAAW,YAC5CL,EAAO7E,GAAOiF,GAETJ,CACR,GACD,CAA6B,GAGzBM,GACJnB,GAAWrE,MAET,SAAC9E,GAAM,OAA2B,MAAtBA,EAAOuK,aAA8C,KAAvBvK,EAAOuK,kBAC5CxI,GAEHyI,GAAmB,SAACxK,GAAsB,OAC7B,IAAhBM,EAAKqJ,QAAgBW,KAAkBtK,EAAOyK,aAAezK,EAAO0K,MAAM,EAEvEC,GAAiB,SAAC3K,GAAsB,OAC5B,IAAhBM,EAAKqJ,QAAgB3J,EAAO4K,OAAO,EAE/BC,GAAoB,SAACC,EAAOC,GAChC,IAAMC,EAAa5I,cAAa,EAAbA,GAAgB2I,EAAIE,UAElCD,GACH/J,UAAAA,GAAa6J,EAAOC,GAIpBhK,KACCiK,GACDpI,KACCkI,EAAMI,uBAEe,UAAlB/J,IAA6B2J,EAAMK,SACrC/B,GAAS,CACPzC,KAAMpH,EACNsB,GAAIkK,EAAIlK,KAEiB,WAAlBM,IACTiI,GAAS,CACPzC,KAAMrH,EACNuB,GAAIkK,EAAIlK,OAMhBqD,EAAMS,WAAU,WACd+E,GAAgB3H,GAClB,GAAG,CAACA,GAAmB2H,KAEvBxF,EAAMS,WAAU,WACd4E,GAAYxG,GACd,GAAG,CAACA,GAAUwG,KAEdrF,EAAMS,WAAU,WACVe,GAAed,UAAYe,GAAcf,UAC3Cc,GAAed,QAAUe,GAAcf,QAEvC9C,UAAAA,GAAW6D,GAAcf,QAASsE,GAAOjD,GAASmF,cAErD,GAAE,CAAClC,GAAOjD,GAASmF,aAActJ,KAElC,IAAMuJ,GAAoBnH,EAAMC,OAAO,IAIvCD,EAAMS,WAAU,WAGZ0G,GAAkBzG,QAAQ+E,OAAS,GACnC2B,KAAKC,UAAUF,GAAkBzG,WAAa0G,KAAKC,UAAU1L,KAG7DoG,GAASuF,eAAe,IAE1BH,GAAkBzG,QAAU/E,EAC9B,GAAG,CAACA,GAASoG,KAEb,IAAMwF,GAAsDvH,EAAMG,SAChE,WAAA,MAAO,CAELqH,YAAaxC,GAAMyC,UACnB5I,SAAUmG,GAAMnG,SAChB6I,eAAgB/C,GAAKc,OACrBkC,KAAkB,YAAZtJ,GAAwB,QAAU,UACxC9B,UAAAA,GACAqL,aAAcxC,GACdyC,iBAAkBxC,GAElByC,uBACoB,WAAlB7K,GAA6B,EAAI8E,GAASgG,iBAAiBtC,OAC9D,GACD,CACEpH,GACA+G,GACA7I,GACAoI,GAAKc,OACLJ,GACAL,GAAMyC,UACNzC,GAAMnG,SACNkD,GAASgG,iBACT9K,KAIE+K,GAAYhI,EAAMC,OAAuB,MACzCgI,GAAUjI,EAAMC,OAAuB,MAE7CiI,GAAuCC,EAAclG,OAAAC,OAAAD,OAAAC,OAAA,GAAS/F,GAAK,CAAEgJ,KAAAA,MAA7DiD,GAAaF,GAAbE,cAAeC,GAAWH,GAAXG,YACjBC,GAAatI,EAAMC,OAAuC,CAAE,GAC5DsI,GAAqBvI,EAAMC,OAAO,GAClCuI,GAAgBxI,EAAMe,aAC1B,SAAA0H,GAA+B,YAA5BnI,EAAKmI,EAALnI,MAEDoI,GAAmD,QAA9BC,EAAiB,QAAjBC,EAAAZ,GAAUtH,eAAO,IAAAkI,OAAA,EAAAA,EAAEC,mBAAW,IAAAF,EAAAA,EAAI,GACvDG,GAAmD,QAA9BC,EAAiB,QAAjBC,EAAAhB,GAAUtH,eAAO,IAAAsI,OAAA,EAAAA,EAAEC,mBAAW,IAAAF,EAAAA,EAAI,GAGlDhK,KAILgD,GAASmH,WAAa5I,EAClBA,IAAUiI,GAAmB7H,UAGjC6H,GAAmB7H,QAAUJ,EAG7BgF,GAAYzJ,SAAQ,SAACQ,GACfiM,GAAW5H,QAAQrE,EAAOM,MAC5BN,EAAO8M,YACLb,GAAW5H,QAAQrE,EAAOM,IAAIyM,wBAAwB9I,MAE5D,IAG8D,IAA1D2B,OAAOoH,KAAKrE,GAAMsE,eAAeC,cAAc9D,QAInDP,GAAS,CAAEzC,KAAMnH,MACnB,GACA,CACE4J,GACAF,GAAMsE,eAAeC,aACrBjE,GACAvD,GACAhD,KAGJyK,GAAoBC,EAAkBjB,IAA/BkB,GAA6CzD,EAAAuD,GAAA,GAApC,GAEhBG,GAAkD3J,EAAM4J,SAAS,GAAEC,GAAA5D,EAAA0D,GAAA,GAA5DG,GAAiBD,GAAA,GAAEnB,GAAoBmB,GAAA,GAC9CE,GAAkD/J,EAAM4J,SAAS,GAAEI,GAAA/D,EAAA8D,GAAA,GAA5DE,GAAiBD,GAAA,GAAElB,GAAoBkB,GAAA,GAG9CE,GAAgB,WACd,GAAIlF,GAAMmF,gBAAiB,CACzB,IAAMC,EAA0C,CAAA,EAChD9E,GAAYzJ,SAAQ,SAACC,GACfwM,GAAW5H,QAAQ5E,EAAOa,MAC5ByN,EAAgBtO,EAAOa,IACrB2L,GAAW5H,QAAQ5E,EAAOa,IAAIyM,wBAAwB9I,MAE5D,IACA4E,GAAS,CAAEzC,KAAMlH,GAAsBgO,aAAca,GACtD,CACH,IAEA,IAAMC,GAAiBrK,EAAMe,aAC3B,SAACc,GACC,IAAMgF,EAAM1B,GAAKtD,GAEjB,OADAkD,GAAW8B,GAETyD,EAACC,EACC,CAAA1D,IAAKA,EACL1I,SAAUA,GACVqM,OAAQ3I,IAAUsD,GAAKM,OAAS,EAChClI,gBAAiBiD,GACjBlD,gBAAiBiD,GACjB9C,mBAAoBA,GACpBuH,MAAOA,GAEPyF,QAAS9D,GACTjJ,aAAcA,GACdoJ,cAAc5I,gBAAAA,GAAgB2I,EAAIE,WAClC2D,gBAAiB/I,GACjBgJ,cAAe5I,GACf9D,aAAcA,GACdgK,QAASA,GAAQvH,QACjB2H,YAAahJ,QAAuB6D,EAAYmF,GAAYxB,GAC5DxI,QAASA,IATJwI,EAAI+D,cAAc3J,IAY7B,GACA,CACEkE,GACAJ,GACA5G,GACAV,GACAuH,GACA2B,GACAjJ,GACAQ,GACAyD,GACAI,GACA9D,GACAoB,GACAgJ,GACAhK,KAIEwM,GAA0B7K,EAAMe,aACpC,SAACc,GAAa,OAAKwI,GAAexI,KAClC,CAACwI,KAGGS,GAAoB,WACnB7C,GAAQvH,UAAW4E,GAAYyF,OAAM,SAAC1O,GAAM,OAAMA,EAAO2O,MAAM,MAKlE9F,GADiC,IAA/B+C,GAAQvH,QAAQuK,WACT,CAAExI,KAAMC,EAAawI,iBAAkBhF,OAAO,GAE9C,CAAEzD,KAAMC,EAAawI,iBAAkBhF,OAAO,IAQvDhB,GAHA+C,GAAQvH,QAAQuK,aAChBhD,GAAQvH,QAAQmI,YAAcZ,GAAQvH,QAAQuI,YAErC,CAAExG,KAAMC,EAAayI,gBAAiBjF,OAAO,GAE7C,CAAEzD,KAAMC,EAAayI,gBAAiBjF,OAAO,MAI1DlG,EAAMS,WAAU,WACdqK,IAGD,GAAE,IAEH,IAAMM,GAAsBpL,EAAMC,QAAO,GAEzC,OACEoL,EAAAC,EAAA,CAAAC,SAAA,CACGlP,GACDgP,EAACG,EACCvJ,OAAAC,OAAA,CAAAuJ,IAAK,SAACC,GACJ3L,GAAcW,QAAUgL,aAAA,EAAAA,EAAS3L,cACjC2J,GAAUgC,EACX,EACD/O,GAAIA,IACA+H,GAAc,CAChBjI,UAAWkP,EAAG,YAAalP,IAC3BC,qBACE2D,SAAU,GACP3D,MAEL,CAAA,gBACyB,YAAZ2B,QAAwB6E,EAAY7E,IAC/CsH,cAEHd,GAAa+G,KAAI,SAACC,GACjB,OACEvB,EAACkB,EAAGvJ,OAAAC,OAAA,CACF4J,GAAG,MACHL,IAAKzD,GACL+D,SAAU,WACJ/D,GAAUtH,SAAWuH,GAAQvH,UAC/BuH,GAAQvH,QAAQuK,WAAajD,GAAUtH,QAAQuK,WAC/CH,KAEJ,GAEItL,GACJ,CAAA/C,UAAWkP,EACT,2BACAnM,cAAA,EAAAA,GAAoB/C,sBAGtB6N,EAACkB,EACCvJ,OAAAC,OAAA,CAAA4J,GAAG,OACCrM,GAAW,CACfhD,UAAWkP,EAAG,mBAAoBlM,cAAW,EAAXA,GAAahD,YAE/C,CAAA8O,SAAAjB,EAACkB,EACKvJ,OAAAC,OAAA,CAAA,EAAA2J,EAAYG,oBAAoB,CAClCvP,UAAW,kBAGZ,CAAA8O,SAAAM,EAAYI,QAAQL,KAAI,SAAC9P,EAAQ+F,SAC1BqK,GACHpQ,EAAOqQ,QAA8C,MAApCrQ,KAAOqQ,QAAkBC,OAEvCC,EAAcvQ,EAAOwQ,eACzBrK,OAAAC,OAAA,CAAAzF,UAAWkP,EAAG,iBAAkB7P,EAAOyQ,gBAAiB,CACtD,iBAAkBzQ,EAAO4K,UAAYwF,EACrC,aAAcpQ,EAAO0Q,WAAaN,EAClC,0BAA2BpQ,EAAOkP,OAClC,mBAAoBkB,IAEtBxP,MAAKuF,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACAuK,EAAa3Q,IAAUkJ,GAAMmF,kBAC7BuC,EAAe5Q,EAAQyJ,KAAe,CACzCoH,SAAU,QACVC,gBAAiBV,EACb,mBACAhJ,KAEFgJ,EAAgB,CAAE,eAAe,GAAS,CAAA,IAGhD,OACEW,EAACrB,EAAGvJ,OAAAC,OAAA,CAAA,EACEmK,EACJ,CAAApL,IAAKoL,EAAYpL,IACjB6L,YAAa,WACX1B,GAAoB1K,SAAU,CAC/B,EACD+J,QAAS,SAACzJ,GACR,GAAIoK,GAAoB1K,UAAYwL,EAAe,CACjD,IAAMa,EAAcjR,EAAOkR,uBACvBD,EAAYtC,SACdsC,EAAYtC,QAAQzJ,GAEtBoK,GAAoB1K,SAAU,CAC/B,CACF,EACDuM,SACExG,GAAe3K,KAAYoQ,EACvB,OACAhJ,IAGJgJ,EAIE,KAHF5B,EAAC4C,EAAKjL,OAAAC,OAAA,CAAAiL,OAAQD,EAAKE,QAAQC,MACxB,CAAA9B,SAAAzP,EAAOwR,OAAO,cAGjBpB,IACC5F,GAAiBxK,IAChB2K,GAAe3K,KACfuP,EAACG,EAAGvJ,OAAAC,OAAA,CAACzF,UAAU,sCACZ,CAAA8O,SAAA,CAAAjF,GAAiBxK,IAChBwO,EAACiD,EAAY,CAACzR,OAAQA,IAEvB2K,GAAe3K,IACdwO,EAACkB,EAAGvJ,OAAAC,OAAA,CAACzF,UAAU,qCACb6N,EAACkD,GACCC,UACE3R,EAAO4R,aACH,kBACA,iBAEN/F,KAAyB,UAAnB6F,aAAU,EAAVA,EAAYG,aAAO,IAAA/E,OAAA,EAAAA,EAAAgF,IACzBnR,UAAU,iBACVoR,KACE/R,EAAO4R,aACHI,EACAC,uBAtFvBlC,EAAYG,sBAAsB/K,IAoG7C,IACAoK,EAACG,mBACK9L,GACAoF,GAAkB,CACpBrI,UAAWkP,EACT,iBACA,CACE,qBAAoC,eAAdxM,IAExBO,gBAAAA,GAAWjD,WAEbC,MAAO,CAAEsR,QAAS,KAClB,CACFvC,IAAKxD,GACL8D,SAAU,WACJ/D,GAAUtH,SAAWuH,GAAQvH,UAC/BsH,GAAUtH,QAAQuK,WAAahD,GAAQvH,QAAQuK,WAC/CH,KAEH,EACDmC,UAAW,EAET,uBAACpQ,IAAkC,UAAlBI,SAA8BiG,GAGjD,CAAAqI,SAAA,CAAAF,EAAC4C,EAAU,CAAA1C,SAAA,CACTjB,EAAQ,OAAA,CAAA,GACS,IAAhB3F,GAAKc,QAAgBqE,GAAoBG,IACxCK,EAAA,MAAA,CAAA,eAAA,EAEE5N,MAAO,CAGL4D,MAAOwJ,GACPoE,OAAQ,SAKC,IAAhB9R,EAAKqJ,QACJ6E,EACGgB,EAAA,CAAAC,SAAAlM,GACCiL,EAAC6D,GACCC,YAAajJ,GAAKM,OAClB4I,aAAcxD,GACdzC,cAAeA,KAGjBjD,GAAKyG,KAAI,SAAC0C,EAAGzM,GAAK,OAAKwI,GAAexI,EAAM,MAIjDtF,IAA6B,IAAhBH,EAAKqJ,QACjB6E,EAACkB,EACCvJ,OAAAC,OAAA,CAAA4J,GAAG,OACCnM,GACJ,CAAAlD,UAAWkP,EACT,kBACAhM,cAAsB,EAAtBA,GAAwBlD,YAG1B,CAAA8O,SAAAjB,EAAA,MAAA,CAAAiB,SAAMzN,QAGTvB,IAA6B,IAAhBH,EAAKqJ,QACjB6E,EAACkB,EAAGvJ,OAAAC,OAAA,CAACzF,UAAU,mCAAiC,QAAM,CAAA8O,SACpDjB,EAACkB,EAAGvJ,OAAAC,OAAA,CAACzF,UAAU,8CACb6N,EAACiE,GAAO5G,KAAM,GAAI6G,MAAOD,EAAOE,OAAOC,iBAI3CnS,IAA6B,IAAhBH,EAAKqJ,SAAiBW,IACnCkE,EAACkB,EAAGvJ,OAAAC,OAAA,CACF4J,GAAG,OACCnM,GAAsB,CAC1BlD,UAAWkP,EACT,kBACAhM,gBAAAA,GAAwBlD,YACzB,CAAA8O,SAEDjB,kBAAM9N,SAGRD,KACiB,IAAhBH,EAAKqJ,QAAgC,IAAhBd,GAAKc,SAC3BW,IACEkE,EAACkB,iBACCM,GAAG,OACCnM,IACJlD,UAAWkP,EACT,kBACAhM,cAAA,EAAAA,GAAwBlD,sBAG1B6N,EAAM,MAAA,CAAAiB,SAAAzN,YAIba,cAAiB,EAAjBA,GAAoB4I,UAI7B"}

package/dist/esm/src/components/Table/Table.module.scss.js

@@ -0,0 +1,2 @@
+var e={tableContainerStyles:"tableContainerStyles_8dfdd3adfa",baseStyles:"baseStyles_3ce009b3c1"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-89f65d6dfe25_0_0_82-table-tanstack";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".tableContainerStyles_8dfdd3adfa {\n  overflow: auto;\n  position: relative;\n}\n\n.baseStyles_3ce009b3c1 {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: none;\n  vertical-align: baseline;\n  flex-direction: column;\n  isolation: isolate;\n  overflow: auto;\n  scrollbar-gutter: stable;\n  background-color: var(--surface-primary);\n  font-size: 14px;\n}");export{e as default};
+//# sourceMappingURL=Table.module.scss.js.map

package/dist/esm/src/components/Table/Table.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Table/TableHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={filterButtonContainer:"filterButtonContainer_4bb92f1d0a",filterBox:"filterBox_8bfb70015d"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-1b5c482093a2_0_0_154";if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".filterButtonContainer_4bb92f1d0a {\n  position: relative;\n}\n\n.filterBox_8bfb70015d {\n  min-width: 250px;\n  z-index: 2;\n  position: absolute;\n  margin: 6px 0px 0px 0px;\n  display: flex;\n  gap: 5px;\n}");export{e as default};
+var e={filterButtonContainer:"filterButtonContainer_af3dc86172",filterBox:"filterBox_3fc39d841b"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-1b5c482093a2_0_0_155";if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".filterButtonContainer_af3dc86172 {\n  position: relative;\n}\n\n.filterBox_3fc39d841b {\n  min-width: 250px;\n  z-index: 2;\n  position: absolute;\n  margin: 6px 0px 0px 0px;\n  display: flex;\n  gap: 5px;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

package/dist/esm/src/components/Table/components/Cell/Cell.js

@@ -0,0 +1,2 @@
+import{defineProperty as l}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import t from"classnames";import{useTableContext as s}from"../TableContext/TableContext.js";import r from"./Cell.module.scss.js";var n=function(n){var o,a,c,m=n.className,u=n.contentClassName,f=n.align,d=n.children,p=n.cell,g=i(n,["className","contentClassName","align","children","cell"]),v=s().disableAnimations;if(!p)return console.error("Cell prop is missing"),null;if(!p.column)return console.error("Cell prop structure is incorrect. Missing 'column' property.",p),null;var y=null===(o=p.column.columnDef)||void 0===o?void 0:o.sticky,C=null===(a=p.column.columnDef)||void 0===a?void 0:a.isLastStickyLeft,b=null===(c=p.column.columnDef)||void 0===c?void 0:c.isFirstStickyRight;return e("td",Object.assign({className:t(r.baseCell,m,"left"===y&&r.stickyLeft,"right"===y&&r.stickyRight,C&&r.lastStickyLeft,b&&r.firstStickyRight)},g,{children:e("div",Object.assign({className:t(r.cellTransitionContainer,r["align-".concat(f)],l({},r.disableAnimation,v),u)},{children:d}))}))};n.displayName="Cell";export{n as default};
+//# sourceMappingURL=Cell.js.map

package/dist/esm/src/components/Table/components/Cell/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","sources":["../../../../../../../src/components/Table/components/Cell/Cell.tsx"],"sourcesContent":["//@ts-nocheck\nimport React from \"react\";\nimport cx from \"classnames\";\nimport { useTableContext } from \"../TableContext\";\nimport styles from \"./Cell.module.scss\"; // Import SCSS module\nimport { CellProps as BaseCellProps } from \"./Cell.types\";\nimport { LGRowData } from \"../useLeafyGreenTable\";\n\nconst Cell = <T extends LGRowData>({\n  className,\n  contentClassName,\n  align,\n  children,\n  cell,\n  ...rest\n}: BaseCellProps<T>) => {\n  const { disableAnimations } = useTableContext();\n\n  if (!cell) {\n    console.error(\"Cell prop is missing\");\n    return null;\n  }\n\n  if (!cell.column) {\n    console.error(\"Cell prop structure is incorrect. Missing 'column' property.\", cell);\n    return null;\n  }\n\n  const sticky = cell.column.columnDef?.sticky;\n  const isLastStickyLeft = cell.column.columnDef?.isLastStickyLeft;\n  const isFirstStickyRight = cell.column.columnDef?.isFirstStickyRight;\n\n  return (\n    <td\n      className={cx(\n        styles.baseCell,\n        className,\n        sticky === \"left\" && styles.stickyLeft,\n        sticky === \"right\" && styles.stickyRight,\n        isLastStickyLeft && styles.lastStickyLeft,\n        isFirstStickyRight && styles.firstStickyRight\n      )}\n      {...rest}\n    >\n      <div\n        className={cx(\n          styles.cellTransitionContainer,\n          styles[`align-${align}`],\n          { [styles.disableAnimation]: disableAnimations },\n          contentClassName\n        )}\n      >\n        {children}\n      </div>\n    </td>\n  );\n};\n\nCell.displayName = \"Cell\";\n\nexport default Cell;\n"],"names":["Cell","_a","className","contentClassName","align","children","cell","rest","__rest","disableAnimations","useTableContext","console","error","column","sticky","_b","columnDef","isLastStickyLeft","_c","isFirstStickyRight","_d","_jsx","Object","assign","cx","styles","baseCell","stickyLeft","stickyRight","lastStickyLeft","firstStickyRight","cellTransitionContainer","concat","_defineProperty","disableAnimation","displayName"],"mappings":"0TAQA,IAAMA,EAAO,SAAsBC,aACjCC,EAMiBD,EANjBC,UACAC,EAKiBF,EALjBE,iBACAC,EAIiBH,EAJjBG,MACAC,EAGiBJ,EAHjBI,SACAC,EAEiBL,EAFjBK,KACGC,EAAIC,EAAAP,EAN0B,4DAQzBQ,EAAsBC,IAAtBD,kBAER,IAAKH,EAEH,OADAK,QAAQC,MAAM,wBACP,KAGT,IAAKN,EAAKO,OAER,OADAF,QAAQC,MAAM,+DAAgEN,GACvE,KAGT,IAAMQ,EAAgC,QAAvBC,EAAAT,EAAKO,OAAOG,iBAAW,IAAAD,OAAA,EAAAA,EAAAD,OAChCG,EAA0C,QAAvBC,EAAAZ,EAAKO,OAAOG,iBAAW,IAAAE,OAAA,EAAAA,EAAAD,iBAC1CE,EAA4C,QAAvBC,EAAAd,EAAKO,OAAOG,iBAAW,IAAAI,OAAA,EAAAA,EAAAD,mBAElD,OACEE,EACE,KAAAC,OAAAC,OAAA,CAAArB,UAAWsB,EACTC,EAAOC,SACPxB,EACW,SAAXY,GAAqBW,EAAOE,WACjB,UAAXb,GAAsBW,EAAOG,YAC7BX,GAAoBQ,EAAOI,eAC3BV,GAAsBM,EAAOK,mBAE3BvB,EAAI,CAAAF,SAERgB,EACE,MAAAC,OAAAC,OAAA,CAAArB,UAAWsB,EACTC,EAAOM,wBACPN,EAAM,SAAAO,OAAU5B,IAAQ6B,EACrBR,CAAAA,EAAAA,EAAOS,iBAAmBzB,GAC7BN,IAGD,CAAAE,SAAAA,OAIT,EAEAL,EAAKmC,YAAc"}

package/dist/esm/src/components/Table/components/Cell/Cell.module.scss.js

@@ -0,0 +1,2 @@
+var n={baseCell:"baseCell_76a8099e21",stickyLeft:"stickyLeft_9434a8fe57",stickyRight:"stickyRight_4b5080f83d",lastStickyLeft:"lastStickyLeft_b4f73face0",firstStickyRight:"firstStickyRight_ddb5e507d9",firstChildCell:"firstChildCell_296a9846a6",cellTransitionContainer:"cellTransitionContainer_d7bfb30c48",truncatedContent:"truncatedContent_aed3aa9dda",disableAnimation:"disableAnimation_f34ccde3cb",cellContentTransitionEntered:"cellContentTransitionEntered_8d8252357f",cellContentTransitionEntering:"cellContentTransitionEntering_0708d0cf7f",cellContentTransitionExiting:"cellContentTransitionExiting_f52e10d606",cellContentTransitionExited:"cellContentTransitionExited_beb747e7de",cellContentTransitionUnmounted:"cellContentTransitionUnmounted_897f5c322a","align-left":"align-left_c4d9111d0b","align-right":"align-right_99cd62daab","align-center":"align-center_a5a7f5a536"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-adcf278e278b_0_0_82-table-tanstack";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".baseCell_76a8099e21 {\n  overflow: hidden;\n  border-block-start: solid 1px transparent;\n  border-block-end: solid 1px transparent;\n  border-block-end-color: var(--divider-primary);\n  transition: all 0.3s ease-out;\n}\n.baseCell_76a8099e21:focus-visible {\n  box-shadow: inset 0 0 0 1px black;\n}\n.baseCell_76a8099e21:last-child {\n  padding-right: 32px;\n}\n.baseCell_76a8099e21.stickyLeft_9434a8fe57 {\n  position: sticky;\n  left: 0;\n  z-index: 1;\n  background-color: var(--surface-primary);\n}\n.baseCell_76a8099e21.stickyRight_4b5080f83d {\n  position: sticky;\n  right: 0;\n  z-index: 1;\n  background-color: var(--surface-primary);\n}\n.baseCell_76a8099e21.lastStickyLeft_b4f73face0 {\n  box-shadow: inset -10px 0 5px -5px var(--shadow-color);\n}\n.baseCell_76a8099e21.firstStickyRight_ddb5e507d9 {\n  box-shadow: inset 10px 0 5px -5px var(--shadow-color);\n}\n.firstChildCell_296a9846a6 {\n  padding-left: 40px;\n}\n.cellTransitionContainer_d7bfb30c48 {\n  display: flex;\n  align-items: center;\n  min-height: 40px;\n  transition-property: min-height, max-height, opacity, padding, transform;\n  transition-duration: 250ms;\n  transition-timing-function: ease;\n}\n.truncatedContent_aed3aa9dda {\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  -webkit-box-align: start;\n}\n.disableAnimation_f34ccde3cb {\n  transition-duration: 0;\n  transition: none;\n}\n.cellContentTransitionEntered_8d8252357f {\n  opacity: 1;\n  min-height: 40px;\n  max-height: unset;\n}\n.cellContentTransitionEntering_0708d0cf7f,\n.cellContentTransitionExiting_f52e10d606,\n.cellContentTransitionExited_beb747e7de,\n.cellContentTransitionUnmounted_897f5c322a {\n  opacity: 0;\n  min-height: 0;\n  max-height: 0;\n  overflow: hidden;\n}\n.align-left_c4d9111d0b {\n  justify-content: left;\n  text-align: left;\n}\n.align-right_99cd62daab {\n  justify-content: right;\n  text-align: right;\n}\n.align-center_a5a7f5a536 {\n  justify-content: center;\n  text-align: center;\n}");export{n as default};
+//# sourceMappingURL=Cell.module.scss.js.map

package/dist/esm/src/components/Table/components/Cell/Cell.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Table/components/Cell/Cell.types.js

@@ -0,0 +1,2 @@
+var t={Default:"default",Truncate:"truncate"};export{t as CellOverflowBehavior};
+//# sourceMappingURL=Cell.types.js.map

package/dist/esm/src/components/Table/components/Cell/Cell.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.types.js","sources":["../../../../../../../src/components/Table/components/Cell/Cell.types.ts"],"sourcesContent":["import { CSSProperties, ReactNode } from 'react';\nimport { Cell as ReactTableCell } from '@tanstack/react-table';\nimport { LGRowData, LGTableDataType } from '../useLeafyGreenTable';\n\nexport type Align = 'left' | 'right' | 'center';\n\nexport const CellOverflowBehavior = {\n  Default: 'default',\n  Truncate: 'truncate',\n  // Expand: 'expand', // Uncomment this when you implement the expand functionality\n} as const;\n\nexport type CellOverflowBehavior = (typeof CellOverflowBehavior)[keyof typeof CellOverflowBehavior];\n\ninterface BaseHTMLAttributes {\n  className?: string;\n  style?: CSSProperties;\n  id?: string;\n  // Add other HTML attributes as necessary\n}\n\ninterface BaseCellProps extends BaseHTMLAttributes {\n  /**\n   * Alignment of the cell's contents\n   *\n   * Overrides `<td>`'s deprecated `align` prop\n   */\n  align?: Align;\n\n  children?: ReactNode;\n\n  /** A `className` applied to the inner `div` of the Cell */\n  contentClassName?: string;\n\n  /**\n   * Defines how a cell should behave when its content is larger than the standard cell height.\n   *\n   * `Default`: The cell height will be fixed to the standard cell height (40px by default).\n   * Any overflowing content will be clipped.\n   *\n   * `Truncate`: The cell height will be fixed to the standard cell height (40px by default),\n   * and include an ellipsis before the content is clipped.\n   *\n   * Note: It's recommended to provide the same value for all cells in a given row.\n   *\n   * @default CellOverflowBehavior.Default\n   */\n  overflow?: CellOverflowBehavior;\n}\n\nexport type LeafyGreenTableCell<T extends LGRowData> = ReactTableCell<LGTableDataType<T>, unknown>;\n\nexport interface CellProps<T extends LGRowData> extends BaseCellProps {\n  cell: LeafyGreenTableCell<T>;\n}\n\nexport interface InternalCellProps extends BaseCellProps {\n  /**\n   * Index of the cell in its parent row.\n   */\n  cellIndex: number;\n  children?: ReactNode;\n\n  /**\n   * Depth of nesting its parent row has.\n   */\n  depth: number;\n\n  /**\n   * Defines whether the cell's row is visible (i.e. expanded)\n   *\n   * @default true\n   */\n  isVisible?: boolean;\n\n  /**\n   * Defines whether the cell's row is expandable\n   *\n   * @default false\n   */\n  isExpandable?: boolean;\n}\n"],"names":["CellOverflowBehavior","Default","Truncate"],"mappings":"AAMO,IAAMA,EAAuB,CAClCC,QAAS,UACTC,SAAU"}

package/dist/esm/src/components/Table/components/Cell/HeaderCell/HeaderCell.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as o}from"../../../../../../_virtual/_tslib.js";import{jsx as s,jsxs as l}from"react/jsx-runtime";import n from"classnames";import{useTableContext as t}from"../../TableContext/TableContext.js";import i from"./HeaderCell.module.scss.js";import{SortState as r}from"./HeaderCell.types.js";import c from"../../../../Icon/Icons/components/MoveArrowUp.js";import a from"../../../../Icon/Icons/components/MoveArrowDown.js";import m from"../../../../IconButton/IconButton.js";var d={false:r.Off,asc:r.Asc,desc:r.Desc},u=function(u){var f,g,v,p,h,b,j=u.children,z=u.className,C=u.header,I=o(u,["children","className","cellIndex","header"]);t();if(C&&C.column.getCanSort()){var S=""+C.column.getIsSorted();h=d[S],b=C.column.getToggleSortingHandler()}var x=null==C?void 0:C.getSize(),y=null===(f=null==C?void 0:C.column.columnDef)||void 0===f?void 0:f.isResizable,D=null===(g=null==C?void 0:C.column.columnDef)||void 0===g?void 0:g.sticky;return s("th",Object.assign({className:n(z,i.headerCell,y&&i.resizableHeaderCell,"left"===D&&i.stickyLeft,"right"===D&&i.stickyRight),scope:"col"},I,{children:l("div",Object.assign({className:n(i.headerCellContent),style:{minWidth:x?"".concat(x,"px"):void 0}},{children:[j,b&&s(m,{ariaLabel:"asc"===h?"Sort Descending":"Sort Ascending",size:null===(v=null==m?void 0:m.sizes)||void 0===v?void 0:v.XXS,className:n(i.sortIcon,e({},i.visible,h!==r.Off)),icon:"asc"===h?a:c,onClick:b}),y&&s("div",Object.assign({},{onDoubleClick:function(){return C.column.resetSize()},onMouseDown:C.getResizeHandler(),onTouchStart:C.getResizeHandler(),className:n(i.resizer,C.column.getIsResizing()&&i.isResizing),style:{transform:C.column.getIsResizing()?"translateX(".concat(null!==(p=C.getStart())&&void 0!==p?p:0,"px)"):""}}))]}))}))};export{u as default};
+//# sourceMappingURL=HeaderCell.js.map

package/dist/esm/src/components/Table/components/Cell/HeaderCell/HeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.js","sources":["../../../../../../../../src/components/Table/components/Cell/HeaderCell/HeaderCell.tsx"],"sourcesContent":["//@ts-nocheck\nimport React, { PropsWithChildren } from \"react\";\nimport cx from \"classnames\";\nimport { useTableContext } from \"../../TableContext\";\nimport { LGRowData } from \"../../useLeafyGreenTable\";\nimport styles from \"./HeaderCell.module.scss\";\nimport { HeaderCellProps, SortState, SortStates } from \"./HeaderCell.types\";\nimport MoveArrowUp from \"../../../../Icon/Icons/components/MoveArrowUp\";\nimport MoveArrowDown from \"../../../../Icon/Icons/components/MoveArrowDown\";\nimport IconButton from \"../../../../IconButton/IconButton\";\n\nconst HeaderSortState: SortStates = {\n  false: SortState.Off,\n  asc: SortState.Asc,\n  desc: SortState.Desc,\n};\n\nconst HeaderCell = <T extends LGRowData>({\n  children,\n  className,\n  cellIndex,\n  header,\n  ...rest\n}: PropsWithChildren<HeaderCellProps<T>>) => {\n  const { table } = useTableContext();\n\n  const isFirstCell = cellIndex === 0;\n  const isSelectable = !!table && !!table.hasSelectableRows;\n\n  let columnName, sortState, onSortIconClick;\n\n  if (header && header.column.getCanSort()) {\n    columnName = header.column.columnDef.header as string;\n    const headerSortDirection = header.column.getIsSorted().toString();\n    sortState = HeaderSortState[headerSortDirection];\n    onSortIconClick = header.column.getToggleSortingHandler();\n  }\n\n  const headerSize = header?.getSize();\n  const isResizable = header?.column.columnDef?.isResizable;\n  const sticky = header?.column.columnDef?.sticky;\n\n  return (\n    <th\n      className={cx(\n        className,\n        styles.headerCell,\n        isResizable && styles.resizableHeaderCell,\n        sticky === 'left' && styles.stickyLeft,\n        sticky === 'right' && styles.stickyRight\n      )}\n      scope=\"col\"\n      {...rest}\n    >\n      <div\n        className={cx(styles.headerCellContent)}\n        style={{ minWidth: headerSize ? `${headerSize}px` : undefined }}\n      >\n        {children}\n        {onSortIconClick && (\n          <IconButton\n            ariaLabel={\n              sortState === \"asc\" ? \"Sort Descending\" : \"Sort Ascending\"\n            }\n            size={IconButton?.sizes?.XXS}\n            className={cx(styles.sortIcon, {\n              [styles.visible]: sortState !== SortState.Off,\n            })}\n            icon={sortState === \"asc\" ? MoveArrowDown : MoveArrowUp}\n            onClick={onSortIconClick}\n          />\n        )}\n        {isResizable && (\n          <div\n            {...{\n              onDoubleClick: () => header.column.resetSize(),\n              onMouseDown: header.getResizeHandler(),\n              onTouchStart: header.getResizeHandler(),\n              className: cx(\n                styles.resizer,\n                header.column.getIsResizing() && styles.isResizing\n              ),\n              style: {\n                transform: header.column.getIsResizing()\n                  ? `translateX(${header.getStart() ?? 0}px)`\n                  : \"\",\n              },\n            }}\n          />\n        )}\n      </div>\n    </th>\n  );\n};\n\nexport default HeaderCell;\n"],"names":["HeaderSortState","false","SortState","Off","asc","Asc","desc","Desc","HeaderCell","_a","sortState","onSortIconClick","children","className","header","rest","__rest","useTableContext","column","getCanSort","headerSortDirection","getIsSorted","getToggleSortingHandler","headerSize","getSize","isResizable","_b","columnDef","sticky","_c","_jsx","Object","assign","cx","styles","headerCell","resizableHeaderCell","stickyLeft","stickyRight","scope","_jsxs","headerCellContent","style","minWidth","concat","undefined","IconButton","ariaLabel","size","_d","sizes","XXS","sortIcon","_defineProperty","visible","icon","MoveArrowDown","MoveArrowUp","onClick","onDoubleClick","resetSize","onMouseDown","getResizeHandler","onTouchStart","resizer","getIsResizing","isResizing","transform","_e","getStart"],"mappings":"2jBAWA,IAAMA,EAA8B,CAClCC,MAAOC,EAAUC,IACjBC,IAAKF,EAAUG,IACfC,KAAMJ,EAAUK,MAGZC,EAAa,SAAsBC,eAYvBC,EAAWC,EAX3BC,EAGMH,EAHNG,SACAC,EAEMJ,EAFNI,UAEAC,EAAML,EAANK,OACGC,EALoCC,EAAAP,EAAA,CAAA,WAAA,YAAA,YAAA,WAOrBQ,IAOlB,GAAIH,GAAUA,EAAOI,OAAOC,aAAc,CAExC,IAAMC,EAAsBN,KAAOI,OAAOG,cAC1CX,EAAYV,EAAgBoB,GAC5BT,EAAkBG,EAAOI,OAAOI,yBACjC,CAED,IAAMC,EAAaT,eAAAA,EAAQU,UACrBC,EAAsC,QAAxBC,EAAAZ,aAAM,EAANA,EAAQI,OAAOS,iBAAS,IAAAD,OAAA,EAAAA,EAAED,YACxCG,EAAiC,QAAxBC,EAAAf,aAAM,EAANA,EAAQI,OAAOS,iBAAS,IAAAE,OAAA,EAAAA,EAAED,OAEzC,OACEE,EACE,KAAAC,OAAAC,OAAA,CAAAnB,UAAWoB,EACTpB,EACAqB,EAAOC,WACPV,GAAeS,EAAOE,oBACX,SAAXR,GAAqBM,EAAOG,WACjB,UAAXT,GAAsBM,EAAOI,aAE/BC,MAAM,OACFxB,YAEJyB,EACE,MAAAT,OAAAC,OAAA,CAAAnB,UAAWoB,EAAGC,EAAOO,mBACrBC,MAAO,CAAEC,SAAUpB,EAAU,GAAAqB,OAAMrB,EAAiBsB,WAAAA,IAAW,CAAAjC,SAAA,CAE9DA,EACAD,GACCmB,EAACgB,EACC,CAAAC,UACgB,QAAdrC,EAAsB,kBAAoB,iBAE5CsC,KAAyB,QAAnBC,EAAAH,aAAU,EAAVA,EAAYI,aAAO,IAAAD,OAAA,EAAAA,EAAAE,IACzBtC,UAAWoB,EAAGC,EAAOkB,SAAQC,EAAA,CAAA,EAC1BnB,EAAOoB,QAAU5C,IAAcR,EAAUC,MAE5CoD,KAAoB,QAAd7C,EAAsB8C,EAAgBC,EAC5CC,QAAS/C,IAGZc,GACCK,EACM,MAAAC,OAAAC,OAAA,GAAA,CACF2B,cAAe,WAAA,OAAM7C,EAAOI,OAAO0C,WAAW,EAC9CC,YAAa/C,EAAOgD,mBACpBC,aAAcjD,EAAOgD,mBACrBjD,UAAWoB,EACTC,EAAO8B,QACPlD,EAAOI,OAAO+C,iBAAmB/B,EAAOgC,YAE1CxB,MAAO,CACLyB,UAAWrD,EAAOI,OAAO+C,gBAAerB,cAAAA,OACD,QAArBwB,EAAAtD,EAAOuD,kBAAc,IAAAD,EAAAA,EAAA,EACnC,OAAA,aAQpB"}

package/dist/esm/src/components/Table/components/Cell/HeaderCell/HeaderCell.module.scss.js

@@ -0,0 +1,2 @@
+var e={headerCellContent:"headerCellContent_d5501df9b1",headerCell:"headerCell_6ca2e23db0",sortIcon:"sortIcon_8f6229b84b",stickyLeft:"stickyLeft_9434a8fe57",stickyRight:"stickyRight_4b5080f83d",visible:"visible_5e3897b5b1",resizableHeaderCell:"resizableHeaderCell_6ca2e23db0",resizer:"resizer_2806e514d4",isResizing:"isResizing_5451406b80",tableSort:"tableSort_9a89627cc1",tableSortsorted:"tableSortsorted_4697712c34"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-176eea49fa0f_0_0_82-table-tanstack";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".headerCellContent_d5501df9b1 {\n  height: 40px;\n}\n\n.headerCell_6ca2e23db0 {\n  position: relative;\n}\n\n.headerCell_6ca2e23db0:hover .sortIcon_8f6229b84b,\n.headerCell_6ca2e23db0 .sortIcon_8f6229b84b:hover {\n  opacity: 1;\n}\n\n.headerCell_6ca2e23db0.stickyLeft_9434a8fe57 {\n  position: sticky;\n  left: 0;\n  z-index: 1;\n  background-color: var(--surface-primary);\n}\n\n.headerCell_6ca2e23db0.stickyRight_4b5080f83d {\n  position: sticky;\n  right: 0;\n  z-index: 1;\n  background-color: var(--surface-primary);\n}\n\n.sortIcon_8f6229b84b {\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.sortIcon_8f6229b84b.visible_5e3897b5b1 {\n  opacity: 1;\n}\n\n.resizableHeaderCell_6ca2e23db0 {\n  position: relative;\n}\n\n.headerCellContent_d5501df9b1 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-block-start: solid 1px transparent;\n  border-block-end: solid 1px transparent;\n  border-block-end-color: var(--divider-primary);\n}\n\n.resizer_2806e514d4 {\n  position: absolute;\n  inline-size: 6px;\n  width: 5px;\n  height: 100%;\n  block-size: 100%;\n  margin-inline: auto;\n  cursor: col-resize;\n  right: 0;\n  top: 0;\n  background-color: transparent;\n  transition: background-color 0.3s ease-out, width 0.3s ease-out;\n}\n\n.resizer_2806e514d4:hover {\n  background-color: var(--divider-secondary);\n}\n\n.isResizing_5451406b80 {\n  background-color: rgba(173, 216, 230, 0.5);\n  user-select: none;\n  inline-size: var(--spacing-small);\n  background-color: var(--divider-selected);\n}\n\n.tableSort_9a89627cc1 {\n  opacity: 1;\n  color: var(--icon-secondary);\n}\n\n.tableSortsorted_4697712c34 {\n  background-color: var(--surface-primary-hover);\n}\n\n.tableSortsorted_4697712c34 .tableSort_9a89627cc1 {\n  opacity: 1;\n  --_iui-table-cell-icon-fill: var(--icon-primary);\n}");export{e as default};
+//# sourceMappingURL=HeaderCell.module.scss.js.map

package/dist/esm/src/components/Table/components/Cell/HeaderCell/HeaderCell.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Table/components/Cell/HeaderCell/HeaderCell.types.js

@@ -0,0 +1,2 @@
+var e={Asc:"asc",Desc:"desc",Off:"off",None:"none"};export{e as SortState};
+//# sourceMappingURL=HeaderCell.types.js.map

package/dist/esm/src/components/Table/components/Cell/HeaderCell/HeaderCell.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.types.js","sources":["../../../../../../../../src/components/Table/components/Cell/HeaderCell/HeaderCell.types.ts"],"sourcesContent":["import { Header } from \"@tanstack/react-table\";\nimport { CSSProperties } from 'react';\n\nimport { LGRowData } from \"../../useLeafyGreenTable\";\n\nexport const SortState = {\n  Asc: \"asc\",\n  Desc: \"desc\",\n  Off: \"off\",\n  None: \"none\",\n} as const;\n\nexport type SortState = (typeof SortState)[keyof typeof SortState];\n\nexport interface SortStates {\n  [key: string]: SortState;\n}\n\nexport interface HeaderCellProps<T extends LGRowData> {\n  align?: \"left\" | \"center\" | \"right\";\n  sortState?: SortState;\n  header?: Header<T, unknown>;\n  cellIndex?: number;\n  className?: string;\n  style?: CSSProperties;\n  id?: string;\n}\n"],"names":["SortState","Asc","Desc","Off","None"],"mappings":"AAKO,IAAMA,EAAY,CACvBC,IAAK,MACLC,KAAM,OACNC,IAAK,MACLC,KAAM"}

package/dist/esm/src/components/Table/components/Cell/InternalCell.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"../../../../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import{useRef as n,useMemo as l}from"react";import{Transition as i}from"react-transition-group";import r from"prop-types";import a from"classnames";import{useTableContext as s}from"../TableContext/TableContext.js";import o from"./Cell.module.scss.js";import{CellOverflowBehavior as c}from"./Cell.types.js";var m=function(r){var m=r.children,d=r.className,p=r.contentClassName,u=r.cellIndex,f=r.depth,b=void 0===f?0:f,C=r.isVisible,h=void 0===C||C,g=r.overflow,x=r.align,v=e(r,["children","className","contentClassName","cellIndex","depth","isVisible","isExpandable","overflow","align"]),j=0===u,N=s(),y=N.disableAnimations,T=n(null),I=n(null),O=parseInt(o.standardCellHeight,10),V=I.current?I.current.scrollHeight:0,w=l((function(){return g===c.Truncate&&V>O}),[O,g,V]);return t("td",Object.assign({className:a(o.baseCell,j&&o.firstChildCell,d),style:j?{paddingLeft:"".concat(20*b,"px")}:void 0},v,{children:t(i,Object.assign({in:h,timeout:0,nodeRef:T},{children:function(e){return t("div",Object.assign({"data-state":e,ref:I,className:a(o.cellTransitionContainer,o["cell-content-transition-".concat(e)],o["align-".concat(x)],y&&o.disableAnimation,w&&o.truncatedContent,p)},{children:m}))}}))}))};m.displayName="Cell",m.propTypes={cellIndex:r.number,depth:r.number,isVisible:r.bool,isExpandable:r.bool};export{m as default};
+//# sourceMappingURL=InternalCell.js.map

package/dist/esm/src/components/Table/components/Cell/InternalCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalCell.js","sources":["../../../../../../../src/components/Table/components/Cell/InternalCell.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport { useTableContext } from '../TableContext';\nimport styles from './Cell.module.scss';\nimport { CellOverflowBehavior, InternalCellProps } from './Cell.types';\n\nconst InternalCell = ({\n  children,\n  className,\n  contentClassName,\n  cellIndex,\n  depth = 0,\n  isVisible = true,\n  isExpandable = false,\n  overflow,\n  align,\n  ...rest\n}: InternalCellProps) => {\n  const isFirstCell = cellIndex === 0;\n  const { table, disableAnimations } = useTableContext();\n  const isSelectable = !!table && !!table.hasSelectableRows;\n  const transitionRef = useRef<HTMLElement | null>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  const contentHeight = parseInt(styles.standardCellHeight, 10);\n  const scrollHeight = contentRef.current ? contentRef.current.scrollHeight : 0;\n  const shouldTruncate = useMemo(() => (\n    overflow === CellOverflowBehavior.Truncate && scrollHeight > contentHeight\n  ), [contentHeight, overflow, scrollHeight]);\n\n  return (\n    <td\n      className={cx(\n        styles.baseCell,\n        isFirstCell && styles.firstChildCell, // Conditionally apply padding for the first cell\n        className,\n      )}\n      style={isFirstCell ? { paddingLeft: `${depth * 20}px` } : undefined} // Apply dynamic padding based on depth\n      {...rest}\n    >\n      <Transition in={isVisible} timeout={0} nodeRef={transitionRef}>\n        {state => (\n          <div\n            data-state={state}\n            ref={contentRef}\n            className={cx(\n              styles.cellTransitionContainer,\n              styles[`cell-content-transition-${state}`], // Apply transition styles based on state\n              styles[`align-${align}`], // Dynamic alignment based on the `align` prop\n              disableAnimations && styles.disableAnimation,\n              shouldTruncate && styles.truncatedContent,\n              contentClassName,\n            )}\n          >\n            {children}\n          </div>\n        )}\n      </Transition>\n    </td>\n  );\n};\n\nInternalCell.displayName = 'Cell';\nInternalCell.propTypes = {\n  cellIndex: PropTypes.number,\n  depth: PropTypes.number,\n  isVisible: PropTypes.bool,\n  isExpandable: PropTypes.bool,\n};\n\nexport default InternalCell;\n"],"names":["InternalCell","_a","children","className","contentClassName","cellIndex","_a$depth","depth","_a$isVisible","isVisible","overflow","align","rest","__rest","isFirstCell","_useTableContext","useTableContext","disableAnimations","transitionRef","useRef","contentRef","contentHeight","parseInt","styles","standardCellHeight","scrollHeight","current","shouldTruncate","useMemo","CellOverflowBehavior","Truncate","_jsx","Object","assign","cx","baseCell","firstChildCell","style","paddingLeft","concat","undefined","Transition","in","timeout","nodeRef","state","ref","cellTransitionContainer","disableAnimation","truncatedContent","displayName","propTypes","PropTypes","number","bool","isExpandable"],"mappings":"qZAQA,IAAMA,EAAe,SAACC,GAAA,IACpBC,EAQKD,EARLC,SACAC,EAOKF,EAPLE,UACAC,EAMKH,EANLG,iBACAC,EAKKJ,EALLI,UAASC,EAKJL,EAJLM,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAIJP,EAHLQ,UAAAA,OAAY,IAAHD,GAAOA,EAEhBE,EACKT,EADLS,SACAC,EAAKV,EAALU,MACGC,EAViBC,EAAAZ,EAAA,CAAA,WAAA,YAAA,mBAAA,YAAA,QAAA,YAAA,eAAA,WAAA,UAYda,EAA4B,IAAdT,EACpBU,EAAqCC,IAAtBC,EAAiBF,EAAjBE,kBAETC,EAAgBC,EAA2B,MAC3CC,EAAaD,EAAuB,MAEpCE,EAAgBC,SAASC,EAAOC,mBAAoB,IACpDC,EAAeL,EAAWM,QAAUN,EAAWM,QAAQD,aAAe,EACtEE,EAAiBC,GAAQ,WAAA,OAC7BlB,IAAamB,EAAqBC,UAAYL,EAAeJ,CAC9D,GAAE,CAACA,EAAeX,EAAUe,IAE7B,OACEM,EACE,KAAAC,OAAAC,OAAA,CAAA9B,UAAW+B,EACTX,EAAOY,SACPrB,GAAeS,EAAOa,eACtBjC,GAEFkC,MAAOvB,EAAc,CAAEwB,YAAWC,GAAAA,OAAa,GAARhC,EAAU,YAASiC,GACtD5B,EAAI,CAAAV,SAER6B,EAACU,EAAWT,OAAAC,OAAA,CAAAS,GAAIjC,EAAWkC,QAAS,EAAGC,QAAS1B,GAAa,CAAAhB,SAC1D,SAAA2C,GAAK,OACJd,EAAA,MAAAC,OAAAC,OAAA,CAAA,aACcY,EACZC,IAAK1B,EACLjB,UAAW+B,EACTX,EAAOwB,wBACPxB,EAAMgB,2BAAAA,OAA4BM,IAClCtB,EAAMgB,SAAAA,OAAU5B,IAChBM,GAAqBM,EAAOyB,iBAC5BrB,GAAkBJ,EAAO0B,iBACzB7C,cAGDF,IACG,OAKhB,EAEAF,EAAakD,YAAc,OAC3BlD,EAAamD,UAAY,CACvB9C,UAAW+C,EAAUC,OACrB9C,MAAO6C,EAAUC,OACjB5C,UAAW2C,EAAUE,KACrBC,aAAcH,EAAUE"}

package/dist/esm/src/components/Table/components/ExpandedContent/ExpandedContent.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as n}from"../../../../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import{useRef as r,useMemo as i}from"react";import{Transition as o}from"react-transition-group";import a from"classnames";import s from"../Row/InternalRowBase.js";import{useTableContext as l}from"../TableContext/TableContext.js";import{getAreAncestorsExpanded as d}from"../utils/areAncestorsExpanded.js";import c from"./ExpandedContent.module.scss.js";var m=function(m){var p=m.row,u=n(m,["row"]),f=l(),g=f.disableAnimations,b=f.getParentRow,j=r(null),x=r(null),C=d(p.id,b),h=!!(null==b?void 0:b(p.id)),v=p.getIsExpanded()&&(!h||C),E=p.original.renderExpandedContent&&p.original.renderExpandedContent(p);return i((function(){return j.current?j.current.clientHeight:0}),[E]),t(s,Object.assign({},u,{children:t("td",Object.assign({colSpan:p.getVisibleCells().length,className:a(c.baseStyles)},{children:t(o,Object.assign({in:v,timeout:0,nodeRef:x},{children:function(n){return t("div",Object.assign({"data-state":n,className:a(c.cellTransitionContainer,e({},c.disableAnimation,g),c["cell-content-transition-".concat(n)],v?c.expandedContent:"")},{children:t("div",Object.assign({ref:j},{children:E}))}))}}))}))}))};m.displayName="ExpandedContent";export{m as default};
+//# sourceMappingURL=ExpandedContent.js.map

package/dist/esm/src/components/Table/components/ExpandedContent/ExpandedContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandedContent.js","sources":["../../../../../../../src/components/Table/components/ExpandedContent/ExpandedContent.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\nimport { RowData } from '@tanstack/react-table';\n\nimport cx from 'classnames';\nimport InternalRowBase from '../Row/InternalRowBase';\nimport { useTableContext } from '../TableContext';\nimport { getAreAncestorsExpanded } from '../utils/areAncestorsExpanded';\n\nimport styles from './ExpandedContent.module.scss'; // Updated import to SCSS module\nimport { ExpandedContentProps } from './ExpandedContent.types';\n\nconst ExpandedContent = <T extends RowData>({\n  row,\n  ...rest\n}: ExpandedContentProps<T>) => {\n  const { disableAnimations, getParentRow } = useTableContext();\n  const contentRef = useRef<HTMLDivElement>(null);\n  const transitionRef = useRef<HTMLElement | null>(null);\n  const areAncestorsExpanded = getAreAncestorsExpanded(row.id, getParentRow);\n  const isNestedRow = !!getParentRow?.(row.id);\n  const isExpanded =\n    row.getIsExpanded() && (!isNestedRow || areAncestorsExpanded);\n  const content =\n    row.original.renderExpandedContent &&\n    row.original.renderExpandedContent(row);\n\n  const contentHeight = useMemo(\n    () => (contentRef.current ? contentRef.current.clientHeight : 0),\n    [content],\n  );\n\n  return (\n    <InternalRowBase {...rest}>\n      <td colSpan={row.getVisibleCells().length} className={cx(styles.baseStyles)}>\n        <Transition in={isExpanded} timeout={0} nodeRef={transitionRef}>\n          {state => (\n            <div\n              data-state={state}\n              className={cx(\n                styles.cellTransitionContainer,\n                { [styles.disableAnimation]: disableAnimations },\n                styles[`cell-content-transition-${state}`],\n                // Use a global theme className applied at a higher level in the app, or manage theme switch with context or state\n                isExpanded ? styles.expandedContent : '',\n              )}\n            >\n              <div ref={contentRef}>{content}</div>\n            </div>\n          )}\n        </Transition>\n      </td>\n    </InternalRowBase>\n  );\n};\n\nExpandedContent.displayName = 'ExpandedContent';\n\nexport default ExpandedContent;\n"],"names":["ExpandedContent","_a","row","rest","__rest","_useTableContext","useTableContext","disableAnimations","getParentRow","contentRef","useRef","transitionRef","areAncestorsExpanded","getAreAncestorsExpanded","id","isNestedRow","isExpanded","getIsExpanded","content","original","renderExpandedContent","useMemo","current","clientHeight","_jsx","InternalRowBase","Object","assign","children","colSpan","getVisibleCells","length","className","cx","styles","baseStyles","Transition","in","timeout","nodeRef","state","cellTransitionContainer","_defineProperty","disableAnimation","concat","expandedContent","ref","displayName"],"mappings":"yhBAYA,IAAMA,EAAkB,SAAoBC,GAAA,IAC1CC,EAEwBD,EAFxBC,IACGC,EAAIC,EAAAH,EAFmC,SAI1CI,EAA4CC,IAApCC,EAAiBF,EAAjBE,kBAAmBC,EAAYH,EAAZG,aACrBC,EAAaC,EAAuB,MACpCC,EAAgBD,EAA2B,MAC3CE,EAAuBC,EAAwBX,EAAIY,GAAIN,GACvDO,KAAgBP,aAAA,EAAAA,EAAeN,EAAIY,KACnCE,EACJd,EAAIe,mBAAqBF,GAAeH,GACpCM,EACJhB,EAAIiB,SAASC,uBACblB,EAAIiB,SAASC,sBAAsBlB,GAOrC,OALsBmB,GACpB,WAAA,OAAOZ,EAAWa,QAAUb,EAAWa,QAAQC,aAAe,CAAC,GAC/D,CAACL,IAIDM,EAACC,EAAeC,OAAAC,OAAA,CAAA,EAAKxB,EACnB,CAAAyB,SAAAJ,EAAA,KAAAE,OAAAC,OAAA,CAAIE,QAAS3B,EAAI4B,kBAAkBC,OAAQC,UAAWC,EAAGC,EAAOC,aAAW,CAAAP,SACzEJ,EAACY,iBAAWC,GAAIrB,EAAYsB,QAAS,EAAGC,QAAS5B,GAC9C,CAAAiB,SAAA,SAAAY,GAAK,OACJhB,EAAA,MAAAE,OAAAC,OAAA,CAAA,aACca,EACZR,UAAWC,EACTC,EAAOO,wBAAuBC,EAC3BR,CAAAA,EAAAA,EAAOS,iBAAmBpC,GAC7B2B,6BAAMU,OAA4BJ,IAElCxB,EAAakB,EAAOW,gBAAkB,KACvC,CAAAjB,SAEDJ,uBAAKsB,IAAKrC,GAAU,CAAAmB,SAAGV,OACnB,UAMlB,EAEAlB,EAAgB+C,YAAc"}

package/dist/esm/src/components/Table/components/ExpandedContent/ExpandedContent.module.scss.js

@@ -0,0 +1,2 @@
+var e={baseStyles:"baseStyles_c717455862",expandedContent:"expandedContent_2be4e96049"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4db27d6a765d_0_0_82-table-tanstack";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".baseStyles_c717455862 {\n  padding: 0;\n  overflow: hidden;\n  transition: 150ms ease;\n}\n\n.expandedContent_2be4e96049 {\n  background-color: #333;\n}\n\n.expandedContent_2be4e96049 {\n  background-color: #ccc;\n}");export{e as default};
+//# sourceMappingURL=ExpandedContent.module.scss.js.map

package/dist/esm/src/components/Table/components/ExpandedContent/ExpandedContent.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandedContent.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Table/components/Row/HeaderRow/HeaderRow.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"../../../../../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import l from"react";import"../../Cell/Cell.js";import t from"../../Cell/HeaderCell/HeaderCell.js";var i=function(i){var a=i.children,n=r(i,["children"]);return e("tr",Object.assign({},n,{children:l.Children.map(a,(function(r,l){return e(t,Object.assign({},r.props,{cellIndex:l}))}))}))};i.displayName="HeaderRow";export{i as default};
+//# sourceMappingURL=HeaderRow.js.map

package/dist/esm/src/components/Table/components/Row/HeaderRow/HeaderRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRow.js","sources":["../../../../../../../../src/components/Table/components/Row/HeaderRow/HeaderRow.tsx"],"sourcesContent":["import React, { PropsWithChildren, ReactElement, ReactNode } from 'react';\n\nimport { HeaderCell } from '../../Cell';\n\nimport { HeaderRowProps } from './HeaderRow.types';\n\nconst HeaderRow = ({\n  children,\n  ...rest\n}: PropsWithChildren<HeaderRowProps>) => {\n  return (\n    <tr {...rest}>\n      {React.Children.map(children, (child: ReactNode, index: number) => {\n        return (\n          <HeaderCell {...(child as ReactElement).props} cellIndex={index} />\n        );\n      })}\n    </tr>\n  );\n};\n\nHeaderRow.displayName = 'HeaderRow';\n\nexport default HeaderRow;\n"],"names":["HeaderRow","_a","children","rest","__rest","_jsx","Object","assign","React","Children","map","child","index","HeaderCell","props","cellIndex","displayName"],"mappings":"yMAMA,IAAMA,EAAY,SAACC,GAAA,IACjBC,EAEkCD,EAFlCC,SACGC,EAAIC,EAAAH,EAFU,cAIjB,OACEI,EAAQ,KAAAC,OAAAC,OAAA,CAAA,EAAAJ,EACL,CAAAD,SAAAM,EAAMC,SAASC,IAAIR,GAAU,SAACS,EAAkBC,GAC/C,OACEP,EAACQ,EAAUP,OAAAC,OAAA,CAAA,EAAMI,EAAuBG,MAAK,CAAEC,UAAWH,UAKpE,EAEAZ,EAAUgB,YAAc"}

package/dist/esm/src/components/Table/components/Row/InternalRowBase.js

@@ -0,0 +1,2 @@
+import{defineProperty as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as o}from"../../../../../_virtual/_tslib.js";import{jsx as s}from"react/jsx-runtime";import a from"classnames";import e from"./Row.module.scss.js";import{useRowContext as i}from"./RowContext.js";var l=function(l){var t=l.className,m=l.onClick,c=o(l,["className","onClick"]),n=i().disabled;return s("tr",Object.assign({onClick:m,"aria-disabled":n,tabIndex:m?0:void 0,className:a(r(r({},e.disabledRow,n),e.clickableRow,!!m),t)},c))};export{l as default};
+//# sourceMappingURL=InternalRowBase.js.map

package/dist/esm/src/components/Table/components/Row/InternalRowBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalRowBase.js","sources":["../../../../../../../src/components/Table/components/Row/InternalRowBase.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'classnames';\n\nimport styles from './Row.module.scss';  // Ensure this path is correct\nimport { InternalRowBaseProps } from './Row.types';\nimport { useRowContext } from './RowContext';\n\nconst InternalRowBase = ({\n  className,\n  onClick,\n  ...rest\n}: InternalRowBaseProps) => {\n  const { disabled } = useRowContext();\n  \n  // Assume that `theme` class (e.g., `theme-dark`, `theme-light`) is set on a higher-level component, like `<body>` or `<div id=\"root\">`\n  return (\n    <tr\n      onClick={onClick}\n      aria-disabled={disabled}\n      tabIndex={onClick ? 0 : undefined}\n      className={cx(\n        {\n          [styles.disabledRow]: disabled,\n          [styles.clickableRow]: !!onClick,\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nexport default InternalRowBase;\n"],"names":["InternalRowBase","_a","className","onClick","rest","__rest","disabled","useRowContext","_jsx","tabIndex","undefined","cx","_defineProperty","styles","disabledRow","clickableRow"],"mappings":"uSAOA,IAAMA,EAAkB,SAACC,OACvBC,EACOD,EADPC,UACAC,EAAOF,EAAPE,QACGC,EAAIC,EAAAJ,EAHgB,yBAKfK,EAAaC,IAAbD,SAGR,OACEE,sBACEL,QAASA,EACM,gBAAAG,EACfG,SAAUN,EAAU,OAAIO,EACxBR,UAAWS,EAAEC,EAAAA,EAAA,CAAA,EAERC,EAAOC,YAAcR,GACrBO,EAAOE,eAAiBZ,GAE3BD,IAEEE,GAGV"}

package/dist/esm/src/components/Table/components/Row/InternalRowWithRT.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as r}from"../../../../../_virtual/_tslib.js";import{jsxs as t,jsx as o}from"react/jsx-runtime";import a,{useMemo as n,Fragment as l}from"react";import i from"react-keyed-flatten-children";import s from"classnames";import{useTableContext as d}from"../TableContext/TableContext.js";import m from"./InternalRowBase.js";import c from"./Row.module.scss.js";import p from"./RowCellChildren.js";import{useRowContext as f}from"./RowContext.js";import{Polymorph as u}from"../newComponents/Polymorphic/Polymorph.js";function w(e,r){var t=e.type;return a.isValidElement(e)&&"function"==typeof t&&t.displayName===r}var b=function(a){var b=a.children,R=a.className,j=a.row,g=a.virtualRow,h=r(a,["children","className","row","virtualRow"]),x=f().disabled,C=d(),v=C.table,y=C.getParentRow,P=C.shouldAlternateRowColor,N=null==y?void 0:y(j.id),E=null==g?void 0:g.measureRef,I=null==v?void 0:v.getCanSomeRowsExpand(),_=!!N,O=!!N&&N.getIsExpanded()||!_,B=!!g&&g.index%2!=0,S=j.getIsExpanded(),T=j.getIsSelected(),k=i(b),z=k.filter((function(e){return w(e,"Cell")})),A=k.filter((function(e){return!w(e,"Cell")})),H=I&&!_,V=n((function(){return H?"tbody":l}),[H]),Z={className:s(e({},c.expandedContentParent,S)),"data-expanded":S,ref:E};return t(u,Object.assign({as:V},H&&Z,{children:[o(m,Object.assign({className:s(e(e(e({},c.grayZebraRow,B&&P&&!T),c.zebraRow,!g&&P&&!T),c.selectedRow,T&&!x),R),"data-selected":T,"aria-hidden":!O,id:"lg-table-row-".concat(j.id)},h,{children:o(p,Object.assign({row:j},{children:z}))})),A]}))};export{b as default};
+//# sourceMappingURL=InternalRowWithRT.js.map

package/dist/esm/src/components/Table/components/Row/InternalRowWithRT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalRowWithRT.js","sources":["../../../../../../../src/components/Table/components/Row/InternalRowWithRT.tsx"],"sourcesContent":["//@ts-nocheck\nimport React, { Fragment, ReactElement, useMemo } from 'react';\nimport flattenChildren from 'react-keyed-flatten-children';\nimport { VirtualItem } from 'react-virtual';\n\nimport cx from 'classnames';\n\nimport { useTableContext } from '../TableContext';\nimport { LGRowData } from '../useLeafyGreenTable';\nimport InternalRowBase from './InternalRowBase';\nimport styles from './Row.module.scss';\nimport { InternalRowWithRTProps } from './Row.types';\nimport RowCellChildren from './RowCellChildren';\nimport { useRowContext } from './RowContext';\nimport { Polymorph } from '../newComponents/Polymorphic';\nimport { HTMLAttributes } from 'react';\n\n/**\n * Custom type checker based on React component displayName\n */\ntype ComponentWithDisplayName = {\n  (props: any): ReactElement | null;\n  displayName?: string;\n};\n\nfunction isComponentType(child: any, componentName: string): boolean {\n  // Type assertion to treat the type as a ComponentWithDisplayName\n  const component = child.type as ComponentWithDisplayName;\n  \n  return (\n    React.isValidElement(child) &&\n    typeof component === 'function' && // Ensure it's a function\n    component.displayName === componentName // Check the displayName\n  );\n}\n\nconst InternalRowWithRT = <T extends LGRowData>({\n  children,\n  className,\n  row,\n  virtualRow,\n  ...rest\n}: InternalRowWithRTProps<T>) => {\n  const { disabled } = useRowContext();\n  const { table, getParentRow, shouldAlternateRowColor } = useTableContext();\n  const parentRow = getParentRow?.(row.id);\n  const rowRef = virtualRow?.measureRef;\n\n  const isTableExpandable = table?.getCanSomeRowsExpand();\n  const isNested = !!parentRow;\n  const isParentExpanded = !!parentRow && parentRow.getIsExpanded();\n  const isRowVisible = isParentExpanded || !isNested;\n  const isOddVSRow = !!virtualRow && virtualRow.index % 2 !== 0;\n\n  const isExpanded = row.getIsExpanded();\n  const isSelected = row.getIsSelected();\n\n  const flattenedChildren = flattenChildren(children);\n\n  const CellChildren = flattenedChildren.filter(child =>\n    isComponentType(child, 'Cell'),\n  );\n\n  const OtherChildren = flattenedChildren.filter(\n    child => !isComponentType(child, 'Cell'),\n  );\n\n  const shouldRenderAsTBody = isTableExpandable && !isNested;\n  const containerAs = useMemo(\n    () => (shouldRenderAsTBody ? 'tbody' : Fragment),\n    [shouldRenderAsTBody],\n  );\n\n  const tBodyProps: HTMLAttributes<HTMLTableSectionElement> &\n    Pick<VirtualItem, 'measureRef'> = {\n    className: cx({\n      [styles.expandedContentParent]: isExpanded, // Ensure these are the correct class names\n    }),\n    'data-expanded': isExpanded,\n    ref: rowRef,\n  };\n\n  return (\n    <Polymorph as={containerAs} {...(shouldRenderAsTBody && tBodyProps)}>\n      <InternalRowBase\n        className={cx(\n          {\n            [styles.grayZebraRow]: isOddVSRow && shouldAlternateRowColor && !isSelected,\n            [styles.zebraRow]: !virtualRow && shouldAlternateRowColor && !isSelected,\n            [styles.selectedRow]: isSelected && !disabled,\n          },\n          className,\n        )}\n        data-selected={isSelected}\n        aria-hidden={!isRowVisible}\n        id={`lg-table-row-${row.id}`}\n        {...rest}\n      >\n        <RowCellChildren row={row}>{CellChildren}</RowCellChildren>\n      </InternalRowBase>\n      {OtherChildren}\n    </Polymorph>\n  );\n};\n\nexport default InternalRowWithRT;\n"],"names":["isComponentType","child","componentName","component","type","React","isValidElement","displayName","InternalRowWithRT","_a","children","className","row","virtualRow","rest","__rest","disabled","useRowContext","_useTableContext","useTableContext","table","getParentRow","shouldAlternateRowColor","parentRow","id","rowRef","measureRef","isTableExpandable","getCanSomeRowsExpand","isNested","isRowVisible","getIsExpanded","isOddVSRow","index","isExpanded","isSelected","getIsSelected","flattenedChildren","flattenChildren","CellChildren","filter","OtherChildren","shouldRenderAsTBody","containerAs","useMemo","Fragment","tBodyProps","cx","_defineProperty","styles","expandedContentParent","ref","_jsxs","Polymorph","Object","assign","as","_jsx","InternalRowBase","grayZebraRow","zebraRow","selectedRow","concat","RowCellChildren"],"mappings":"8lBAyBA,SAASA,EAAgBC,EAAYC,GAEnC,IAAMC,EAAYF,EAAMG,KAExB,OACEC,EAAMC,eAAeL,IACA,mBAAdE,GACPA,EAAUI,cAAgBL,CAE9B,CAEA,IAAMM,EAAoB,SAAsBC,GAAA,IAC9CC,EAGUD,EAHVC,SACAC,EAEUF,EAFVE,UACAC,EACUH,EADVG,IACAC,EAAUJ,EAAVI,WACGC,EAL2CC,EAAAN,EAAA,CAAA,WAAA,YAAA,MAAA,eAOtCO,EAAaC,IAAbD,SACRE,EAAyDC,IAAjDC,EAAKF,EAALE,MAAOC,EAAYH,EAAZG,aAAcC,EAAuBJ,EAAvBI,wBACvBC,EAAYF,aAAY,EAAZA,EAAeT,EAAIY,IAC/BC,EAASZ,aAAA,EAAAA,EAAYa,WAErBC,EAAoBP,eAAAA,EAAOQ,uBAC3BC,IAAaN,EAEbO,IADqBP,GAAaA,EAAUQ,kBACRF,EACpCG,IAAenB,GAAcA,EAAWoB,MAAQ,GAAM,EAEtDC,EAAatB,EAAImB,gBACjBI,EAAavB,EAAIwB,gBAEjBC,EAAoBC,EAAgB5B,GAEpC6B,EAAeF,EAAkBG,QAAO,SAAAvC,GAAK,OACjDD,EAAgBC,EAAO,WAGnBwC,EAAgBJ,EAAkBG,QACtC,SAAAvC,GAAK,OAAKD,EAAgBC,EAAO,WAG7ByC,EAAsBf,IAAsBE,EAC5Cc,EAAcC,GAClB,WAAA,OAAOF,EAAsB,QAAUG,CAAQ,GAC/C,CAACH,IAGGI,EAC8B,CAClCnC,UAAWoC,EAAEC,EAAA,CAAA,EACVC,EAAOC,sBAAwBhB,IAElC,gBAAiBA,EACjBiB,IAAK1B,GAGP,OACE2B,EAACC,EAASC,OAAAC,OAAA,CAACC,GAAIb,GAAkBD,GAAuBI,aACtDW,EAACC,iBACC/C,UAAWoC,EAAEC,EAAAA,EAAAA,EAAA,CAAA,EAERC,EAAOU,aAAe3B,GAAcV,IAA4Ba,GAChEc,EAAOW,UAAY/C,GAAcS,IAA4Ba,GAC7Dc,EAAOY,YAAc1B,IAAenB,GAEvCL,GAEa,gBAAAwB,iBACDL,EACdN,GAAEsC,gBAAAA,OAAkBlD,EAAIY,KACpBV,EAAI,CAAAJ,SAER+C,EAACM,EAAgBT,OAAAC,OAAA,CAAA3C,IAAKA,GAAG,CAAAF,SAAG6B,QAE7BE,KAGP"}

package/dist/esm/src/components/Table/components/Row/InternalRowWithoutRT.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"../../../../../_virtual/_tslib.js";import{jsx as o}from"react/jsx-runtime";import e from"classnames";import{useTableContext as s}from"../TableContext/TableContext.js";import t from"./InternalRowBase.js";import a from"./Row.module.scss.js";var m=function(m){var l=m.children,i=m.className,n=r(m,["children","className"]),c=s();return o(t,Object.assign({className:e(c.shouldAlternateRowColor&&a.zebraRowLight,i)},n,{children:l}))};export{m as default};
+//# sourceMappingURL=InternalRowWithoutRT.js.map

package/dist/esm/src/components/Table/components/Row/InternalRowWithoutRT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalRowWithoutRT.js","sources":["../../../../../../../src/components/Table/components/Row/InternalRowWithoutRT.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'classnames';\n// import { useDarkMode } from '@leafygreen-ui/leafygreen-provider';\n// import { consoleOnce, isComponentType } from '@leafygreen-ui/lib';\n\nimport { useTableContext } from '../TableContext';\nimport InternalRowBase from './InternalRowBase';\nimport styles from './Row.module.scss'; // Ensure this is the correct path to your SCSS module\nimport { InternalRowBaseProps } from './Row.types';\n\n/**\n * Renders basic array row data\n */\nconst InternalRowWithoutRT = ({\n  children,\n  className,\n  ...rest\n}: InternalRowBaseProps) => {\n  const { shouldAlternateRowColor } = useTableContext();\n  // const { theme } = useDarkMode();\n\n  // React.Children.forEach(children, child => {\n  //   if (!isComponentType(child, 'Cell'))\n  //     consoleOnce.warn(\n  //       'LG Row is rendering a custom cell element. Utilize the `Cell` component for standardized styles, correct HTML properties and additional functionalities when using `useLeafyGreenTable`.',\n  //     );\n  // });\n\n  // Determine the theme-specific class for zebra styles based on context\n  // const zebraClass = theme === 'dark' ? styles.zebraRowDark : styles.zebraRowLight;\n\n  return (\n    <InternalRowBase\n      className={cx(\n        shouldAlternateRowColor && styles.zebraRowLight,\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </InternalRowBase>\n  );\n};\n\nexport default InternalRowWithoutRT;\n"],"names":["InternalRowWithoutRT","_a","children","className","rest","__rest","_useTableContext","useTableContext","_jsx","InternalRowBase","Object","assign","cx","shouldAlternateRowColor","styles","zebraRowLight"],"mappings":"uQAaA,IAAMA,EAAuB,SAACC,OAC5BC,EACSD,EADTC,SACAC,EAASF,EAATE,UACGC,EAAIC,EAAAJ,EAHqB,0BAK5BK,EAAoCC,IAapC,OACEC,EAACC,EAAeC,OAAAC,OAAA,CACdR,UAAWS,EAfgBN,EAAvBO,yBAgByBC,EAAOC,cAClCZ,IAEEC,EAEH,CAAAF,SAAAA,IAGP"}

package/dist/esm/src/components/Table/components/Row/Row.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"../../../../../_virtual/_tslib.js";import{jsx as o}from"react/jsx-runtime";import t from"prop-types";import i from"./InternalRowWithoutRT.js";import a from"./InternalRowWithRT.js";import{RowContextProvider as s}from"./RowContext.js";var e=function(t){var e=t.row,l=t.virtualRow,n=t.disabled,m=r(t,["row","virtualRow","disabled"]);return o(s,Object.assign({disabled:n},{children:e?o(a,Object.assign({row:e,virtualRow:l},m)):o(i,Object.assign({},m))}))};e.propTypes={virtualRow:t.any,row:t.any,disabled:t.bool},e.displayName="Row";export{e as default};
+//# sourceMappingURL=Row.js.map

package/dist/esm/src/components/Table/components/Row/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sources":["../../../../../../../src/components/Table/components/Row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { LGRowData } from '../useLeafyGreenTable';\n\nimport InternalRowWithoutRT from './InternalRowWithoutRT';\nimport InternalRowWithRT from './InternalRowWithRT';\nimport { RowProps } from './Row.types';\nimport { RowContextProvider } from './RowContext';\n\n/**\n * Renders the provided cells\n */\nconst Row = <T extends LGRowData>({\n  row,\n  virtualRow,\n  disabled,\n  ...rest\n}: RowProps<T>) => {\n  return (\n    <RowContextProvider disabled={disabled}>\n      {row ? (\n        <InternalRowWithRT row={row} virtualRow={virtualRow} {...rest} />\n      ) : (\n        <InternalRowWithoutRT {...rest} />\n      )}\n    </RowContextProvider>\n  );\n};\n\nRow.propTypes = {\n  virtualRow: PropTypes.any,\n  row: PropTypes.any,\n  disabled: PropTypes.bool,\n};\n\nRow.displayName = 'Row';\n\nexport default Row;\n"],"names":["Row","_a","row","virtualRow","disabled","rest","__rest","_jsx","RowContextProvider","Object","assign","children","InternalRowWithRT","InternalRowWithoutRT","propTypes","PropTypes","any","bool","displayName"],"mappings":"iQAaA,IAAMA,EAAM,SAAsBC,OAChCC,IAAAA,IACAC,IAAAA,WACAC,IAAAA,SACGC,EAJ6BC,EAAAL,EAAA,CAAA,MAAA,aAAA,aAMhC,OACEM,EAACC,EAAmBC,OAAAC,OAAA,CAAAN,SAAUA,GAAQ,CAAAO,SACnCT,EACCK,EAACK,EAAiBH,OAAAC,OAAA,CAACR,IAAKA,EAAKC,WAAYA,GAAgBE,IAEzDE,EAACM,EAAyBJ,OAAAC,OAAA,GAAAL,MAIlC,EAEAL,EAAIc,UAAY,CACdX,WAAYY,EAAUC,IACtBd,IAAKa,EAAUC,IACfZ,SAAUW,EAAUE,MAGtBjB,EAAIkB,YAAc"}

package/dist/esm/src/components/Table/components/Row/Row.module.scss.js

@@ -0,0 +1,2 @@
+var e={expandedContentParent:"expandedContentParent_37d55d58ea",selectedRow:"selectedRow_16bb6df854",grayZebraRow:"grayZebraRow_37d55d58ea",zebraRow:"zebraRow_6ab9df454e",clickableRow:"clickableRow_1a5fe3de1e",disabledRow:"disabledRow_57c995f7ca"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-26e01f936e6f_0_0_82-table-tanstack";if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".expandedContentParent_37d55d58ea {\n  background-color: var(--surface-secondary);\n}\n\n.selectedRow_16bb6df854 {\n  background-color: var(--surface-selected);\n}\n\n.grayZebraRow_37d55d58ea {\n  background-color: var(--surface-secondary);\n}\n\n.zebraRow_6ab9df454e:nth-of-type(even) {\n  background-color: var(--surface-selected);\n}\n\n.clickableRow_1a5fe3de1e {\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.clickableRow_1a5fe3de1e:hover:not(:focus) {\n  outline: none;\n  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);\n}\n\n.clickableRow_1a5fe3de1e:focus, .clickableRow_1a5fe3de1e:focus-visible {\n  outline: none;\n  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);\n}\n\n.disabledRow_57c995f7ca {\n  pointer-events: none;\n  background-color: var(--surface-secondary);\n  color: var(--text-secondary);\n}");export{e as default};
+//# sourceMappingURL=Row.module.scss.js.map

package/dist/esm/src/components/Table/components/Row/Row.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Table/components/Row/RowCellChildren.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"../../../../../_virtual/_tslib.js";import{jsx as r,Fragment as t}from"react/jsx-runtime";import i from"react";import l from"../Cell/InternalCell.js";import{useTableContext as n}from"../TableContext/TableContext.js";import{getAreAncestorsExpanded as o}from"../utils/areAncestorsExpanded.js";import{useRowContext as d}from"./RowContext.js";var a=function(a){var s=a.row,m=a.children,p=n().getParentRow,c=d().disabled,u=null==p?void 0:p(s.id),f=!!u,b=!!u&&u.getIsExpanded(),h=o(s.id,p)&&b||!f;return r(t,{children:i.Children.map(m,(function(t,i){var n=null==t?void 0:t.props,o=n.children,d=e(n,["children"]),a=s.getVisibleCells()[i];return r(l,Object.assign({},d,{cellIndex:i,isVisible:h,disabled:c,depth:s.depth,align:a.column.columnDef.align},{children:o}))}))})};export{a as default};
+//# sourceMappingURL=RowCellChildren.js.map

package/dist/esm/src/components/Table/components/Row/RowCellChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowCellChildren.js","sources":["../../../../../../../src/components/Table/components/Row/RowCellChildren.tsx"],"sourcesContent":["//@ts-nocheck\nimport React, { ReactElement, ReactNode } from 'react';\n\nimport InternalCell from '../Cell/InternalCell';\nimport { useTableContext } from '../TableContext';\nimport ToggleExpandedIcon from '../ToggleExpandedIcon';\nimport { LGRowData } from '../useLeafyGreenTable';\nimport { getAreAncestorsExpanded } from '../utils/areAncestorsExpanded';\n\nimport { useRowContext } from './RowContext';\nimport { RowProps } from '.';\n\ntype RowCellChildrenProps<T extends LGRowData> = Required<\n  Pick<RowProps<T>, 'row'>\n> &\n  Pick<RowProps<T>, 'disabled' | 'children'>;\n\n/**\n * Renders row cells provided by `useReactTable`\n */\nconst RowCellChildren = <T extends LGRowData>({\n  row,\n  children: CellChildren,\n}: RowCellChildrenProps<T>) => {\n  const { getParentRow } = useTableContext();\n  const { disabled } = useRowContext();\n  const parentRow = getParentRow?.(row.id);\n  const isNested = !!parentRow;\n  const isParentExpanded = !!parentRow && parentRow.getIsExpanded();\n  const areAncestorsExpanded = getAreAncestorsExpanded(row.id, getParentRow);\n  const isRowVisible = (areAncestorsExpanded && isParentExpanded) || !isNested;\n\n  return (\n    <>\n      {React.Children.map(\n        CellChildren,\n        (child: ReactNode, colIndex: number) => {\n          const { children, ...props } = (child as ReactElement)?.props;\n          const cell = row.getVisibleCells()[colIndex];\n\n          return (\n            <InternalCell\n              {...props}\n              cellIndex={colIndex}\n              isVisible={isRowVisible}\n              disabled={disabled}\n              depth={row.depth}\n              align={cell.column.columnDef.align}\n            >\n              {children}\n            </InternalCell>\n          );\n        }\n      )}\n    </>\n  );\n};\n\nexport default RowCellChildren;\n"],"names":["RowCellChildren","_ref","row","CellChildren","children","getParentRow","useTableContext","disabled","useRowContext","parentRow","id","isNested","isParentExpanded","getIsExpanded","isRowVisible","getAreAncestorsExpanded","_jsx","_Fragment","React","Children","map","child","colIndex","_a","props","__rest","cell","getVisibleCells","InternalCell","Object","assign","cellIndex","isVisible","depth","align","column","columnDef"],"mappings":"0WAoBA,IAAMA,EAAkB,SAAHC,GAGS,IAF5BC,EAAGD,EAAHC,IACUC,EAAYF,EAAtBG,SAEQC,EAAiBC,IAAjBD,aACAE,EAAaC,IAAbD,SACFE,EAAYJ,aAAY,EAAZA,EAAeH,EAAIQ,IAC/BC,IAAaF,EACbG,IAAqBH,GAAaA,EAAUI,gBAE5CC,EADuBC,EAAwBb,EAAIQ,GAAIL,IACfO,IAAsBD,EAEpE,OACEK,EAAAC,EAAA,CAAAb,SACGc,EAAMC,SAASC,IACdjB,GACA,SAACkB,EAAkBC,GACX,IAAAC,EAA0BF,aAAK,EAALA,EAAwBG,MAAhDpB,EAAqDmB,EAArDnB,SAAaoB,EAAfC,EAAAF,EAAA,CAAA,aACAG,EAAOxB,EAAIyB,kBAAkBL,GAEnC,OACEN,EAACY,EACKC,OAAAC,OAAA,CAAA,EAAAN,GACJO,UAAWT,EACXU,UAAWlB,EACXP,SAAUA,EACV0B,MAAO/B,EAAI+B,MACXC,MAAOR,EAAKS,OAAOC,UAAUF,iBAE5B9B,SAOf"}

package/dist/esm/src/components/Table/components/Row/RowContext.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{createContext as e,useContext as i}from"react";var t=e({}),n=function(){return i(t)},o=function(e){return r(t.Provider,Object.assign({value:{disabled:e.disabled}},{children:e.children}))};export{o as RowContextProvider,n as useRowContext};
+//# sourceMappingURL=RowContext.js.map

package/dist/esm/src/components/Table/components/Row/RowContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowContext.js","sources":["../../../../../../../src/components/Table/components/Row/RowContext.tsx"],"sourcesContent":["import React, { createContext, PropsWithChildren, useContext } from 'react';\n\ntype RowContextProps = PropsWithChildren<{\n  disabled?: boolean;\n}>;\n\nconst RowContext = createContext<RowContextProps>({});\n\nexport const useRowContext = () => useContext(RowContext);\n\nexport const RowContextProvider = ({ children, disabled }: RowContextProps) => {\n  return (\n    <RowContext.Provider\n      value={{\n        disabled,\n      }}\n    >\n      {children}\n    </RowContext.Provider>\n  );\n};\n"],"names":["RowContext","createContext","useRowContext","useContext","RowContextProvider","_ref","_jsx","Provider","Object","assign","value","disabled","children"],"mappings":"8FAMA,IAAMA,EAAaC,EAA+B,CAAA,GAErCC,EAAgB,WAAH,OAASC,EAAWH,EAAW,EAE5CI,EAAqB,SAAHC,GAC7B,OACEC,EAACN,EAAWO,SAAQC,OAAAC,OAAA,CAClBC,MAAO,CACLC,SAJ+CN,EAARM,WAOxC,CAAAC,SAPsCP,EAARO,WAUrC"}

package/dist/esm/src/components/Table/components/TableBody/TableBody.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"../../../../../_virtual/_tslib.js";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useMemo as o,Fragment as r}from"react";import{useTableContext as n}from"../TableContext/TableContext.js";import{Polymorph as l}from"../newComponents/Polymorphic/Polymorph.js";var a=function(a){var d,s,c=a.children,h=t(a,["children"]),m=0,u=0,p=n().table,v=null==p?void 0:p.getCanSomeRowsExpand(),b=o((function(){return v?r:"tbody"}),[v]);if(p&&p.virtualRows){var f=p.virtualRows;m=f.length>0&&(null===(d=null==f?void 0:f[0])||void 0===d?void 0:d.start)||0,u=f.length>0?p.totalSize-((null===(s=null==f?void 0:f[f.length-1])||void 0===s?void 0:s.end)||0):0}return e(l,Object.assign({as:b},h,{children:[m>0&&i("tr",Object.assign({"aria-hidden":!0},{children:i("td",{style:{height:"".concat(m,"px")}})})),c,u>0&&i("tr",Object.assign({"aria-hidden":!0},{children:i("td",{style:{height:"".concat(u,"px")}})}))]}))};a.displayName="TableBody";export{a as default};
+//# sourceMappingURL=TableBody.js.map

package/dist/esm/src/components/Table/components/TableBody/TableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.js","sources":["../../../../../../../src/components/Table/components/TableBody/TableBody.tsx"],"sourcesContent":["import React, { Fragment, useMemo } from 'react';\nimport { useTableContext } from '../TableContext';\nimport { TableBodyProps } from './TableBody.types';\nimport { Polymorph } from '../newComponents/Polymorphic';\n\nconst TableBody = ({ children, ...rest }: TableBodyProps) => {\n  let paddingTop = 0;\n  let paddingBottom = 0;\n\n  const { table } = useTableContext();\n  const areSomeRowsExpandable = table?.getCanSomeRowsExpand();\n\n  const bodyAs = useMemo(\n    () => (areSomeRowsExpandable ? Fragment : 'tbody'),\n    [areSomeRowsExpandable],\n  );\n\n  if (table && table.virtualRows) {\n    const { virtualRows, totalSize } = table;\n    paddingTop = virtualRows.length > 0 ? virtualRows?.[0]?.start || 0 : 0;\n    paddingBottom =\n      virtualRows.length > 0\n        ? totalSize - (virtualRows?.[virtualRows.length - 1]?.end || 0)\n        : 0;\n  }\n\n  return (\n    <Polymorph as={bodyAs} {...rest}>\n      {/* As the user scrolls down, the paddingTop grows bigger, creating the effect of virtual scrolling */}\n      {paddingTop > 0 && (\n        <tr aria-hidden>\n          <td style={{ height: `${paddingTop}px` }} />\n        </tr>\n      )}\n      {children}\n      {/* As the user scrolls down, the paddingBottom gets smaller, creating the effect of virtual scrolling */}\n      {paddingBottom > 0 && (\n        <tr aria-hidden>\n          <td style={{ height: `${paddingBottom}px` }} />\n        </tr>\n      )}\n    </Polymorph>\n  );\n};\n\nTableBody.displayName = 'TableBody';\n\nexport default TableBody;\n"],"names":["TableBody","_a","children","rest","__rest","paddingTop","paddingBottom","table","useTableContext","areSomeRowsExpandable","getCanSomeRowsExpand","bodyAs","useMemo","Fragment","virtualRows","length","_b","start","totalSize","_c","end","_jsxs","Polymorph","Object","assign","as","_jsx","style","height","concat","displayName"],"mappings":"mSAKA,IAAMA,EAAY,SAACC,WAAEC,EAAmCD,EAAnCC,SAAaC,EAAIC,EAAAH,EAAnB,cACbI,EAAa,EACbC,EAAgB,EAEZC,EAAUC,IAAVD,MACFE,EAAwBF,eAAAA,EAAOG,uBAE/BC,EAASC,GACb,WAAA,OAAOH,EAAwBI,EAAW,OAAO,GACjD,CAACJ,IAGH,GAAIF,GAASA,EAAMO,YAAa,CAC9B,IAAQA,EAA2BP,EAA3BO,YACRT,EAAaS,EAAYC,OAAS,IAAsB,QAAlBC,EAAAF,aAAW,EAAXA,EAAc,UAAI,IAAAE,OAAA,EAAAA,EAAAC,QAAa,EACrEX,EACEQ,EAAYC,OAAS,EAHYR,EAAdW,YAIqC,QAAvCC,EAAAL,aAAA,EAAAA,EAAcA,EAAYC,OAAS,UAAI,IAAAI,OAAA,EAAAA,EAAAC,MAAO,GAC3D,CACP,CAED,OACEC,EAACC,EAAUC,OAAAC,OAAA,CAAAC,GAAId,GAAYR,EAAI,CAAAD,SAAA,CAE5BG,EAAa,GACZqB,EACE,KAAAH,OAAAC,OAAA,CAAA,eAAA,GAAA,CAAAtB,SAAAwB,EAAA,KAAA,CAAIC,MAAO,CAAEC,OAAM,GAAAC,OAAKxB,EAAU,YAGrCH,EAEAI,EAAgB,GACfoB,EAAA,KAAAH,OAAAC,OAAA,CAAA,eAAA,GAAA,CAAAtB,SACEwB,EAAI,KAAA,CAAAC,MAAO,CAAEC,OAAM,GAAAC,OAAKvB,EAAa,eAK/C,EAEAN,EAAU8B,YAAc"}