@okta/odyssey-react-mui 1.45.0 → 1.47.1

package/dist/esm/labs/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","names":["MRT_TableContainer","useMaterialReactTable","memo","useCallback","useEffect","useMemo","useRef","useState","useTranslation","Box","MenuButton","MenuItem","ArrowBottomIcon","ArrowDownIcon","ArrowTopIcon","ArrowUnsortedIcon","ArrowUpIcon","DragIndicatorIcon","ListIcon","MoreIcon","ShowIcon","useOdysseyDesignTokens","DataFilters","DataTablePagination","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","densityValues","reorderDataRowsLocally","currentData","rowId","newIndex","updatedData","rowIndex","findIndex","row","id","removedRow","splice","DataTable","columns","data","dataProp","getRowId","page","pageProp","initialDensity","resultsPerPage","resultsPerPageProp","fetchDataFn","reorderDataFn","totalRows","hasSearchSubmitButton","searchDelayTime","paginationType","onRowSelectionChange","rowActionButtons","rowActionMenuItems","hasChangeableDensity","hasColumnResizing","hasColumnVisibility","hasFilters","hasPagination","hasRowReordering","hasRowSelection","hasSearch","hasSorting","odysseyDesignTokens","t","draggingRow","setDraggingRow","showSkeletons","setShowSkeletons","setData","setPage","setResultsPerPage","rowSelection","setRowSelection","sorting","setSorting","density","setDensity","initialColumnVisibility","reduce","acc","column","accessorKey","columnVisibility","setColumnVisibility","globalFilter","setGlobalFilter","filters","setFilters","refreshData","newData","sort","search","Promise","error","console","handleSortingChange","updater","prevSorting","Function","handleColumnVisibility","columnId","prevVisibility","handleSearch","value","handleFilters","updatedFilters","handleRowSelectionChange","prevRowSelection","updateRowOrder","rowVirtualizerInstanceRef","setHoveredRow","table","nextRow","getRow","resetDraggingAndHoveredRow","handleDragHandleKeyDown","event","hoveredRow","getState","key","isSpaceKey","isEnterKey","isEscapeKey","isArrowDown","isArrowUp","isSpaceOrEnter","zeroIndexedPageNumber","currentIndex","index","preventDefault","stopPropagation","pageRelativeIndex","setTimeout","TransitionDurationMainAsNumber","nextIndex","handleDragHandleOnDragEnd","cols","getAllColumns","toggleVisibility","handleDragHandleOnDragCapture","tableState","state","rowVirtualizerOptions","overscan","enableRowVirtualization","enableColumnResizing","enableDensityToggle","enableFullScreenToggle","enablePagination","enableRowSelection","enableFilters","enableHiding","enableRowOrdering","enableRowDragging","enableSorting","selectAllMode","enableColumnActions","layoutMode","displayColumnDefOptions","muiTableBodyCellProps","align","sx","overflow","width","muiTableHeadCellProps","header","minWidth","enableGlobalFilter","manualFiltering","manualSorting","icons","ArrowDownwardIcon","DragHandleIcon","SyncAltIcon","onSortingChange","enableRowActions","positionActionsColumn","className","find","item","muiTableBodyRowProps","undefined","muiRowDragHandleProps","title","onKeyDown","onBlur","onDragEnd","onDragCapture","padding","Spacing1","borderRadius","BorderRadiusMain","boxShadow","HueNeutralWhite","PalettePrimaryMain","outline","outlineOffset","renderRowActions","display","children","original","ariaLabel","buttonVariant","endIcon","menuAlignment","size","isDisabled","onClick","tableSettings","shouldCloseOnSelect","map","isSelected","charAt","toUpperCase","slice","filter","_Checkbox","checked","flexDirection","gap","additionalActions","enableColumnFilter","label","variant","filterVariant","options","filterSelectOptions","onChangeFilters","onChangeSearch","currentNumberOfResults","length","currentPage","isNextButtonDisabled","isPreviousButtonDisabled","onClickNext","onClickPrevious","MemoizedDataTable","displayName"],"sources":["../../../src/labs/DataTable.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Checkbox as MuiCheckbox } from \"@mui/material\";\nimport {\n  MRT_ColumnDef,\n  MRT_DensityState,\n  MRT_Row,\n  MRT_RowData,\n  MRT_RowSelectionState,\n  MRT_RowVirtualizer,\n  MRT_SortingState,\n  MRT_TableContainer,\n  MRT_TableInstance,\n  MRT_TableOptions,\n  MRT_Updater,\n  MRT_VisibilityState,\n  useMaterialReactTable,\n} from \"material-react-table\";\nimport {\n  Fragment,\n  KeyboardEvent,\n  memo,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Box } from \"../Box.js\";\nimport { Button } from \"../Buttons/Button.js\";\nimport { MenuButton } from \"../Buttons/MenuButton.js\";\nimport { MenuItem } from \"../Buttons/MenuItem.js\";\nimport {\n  ArrowBottomIcon,\n  ArrowDownIcon,\n  ArrowTopIcon,\n  ArrowUnsortedIcon,\n  ArrowUpIcon,\n  DragIndicatorIcon,\n  ListIcon,\n  MoreIcon,\n  ShowIcon,\n} from \"../icons.generated/index.js\";\nimport { useOdysseyDesignTokens } from \"../OdysseyDesignTokensContext.js\";\nimport { DataFilter, DataFilters } from \"./DataFilters.js\";\nimport {\n  DataTablePagination,\n  paginationTypeValues,\n} from \"./DataTablePagination.js\";\n\nexport const densityValues = [\"comfortable\", \"spacious\", \"compact\"] as const;\n\nexport type {\n  MRT_ColumnFiltersState,\n  MRT_SortingState,\n  MRT_ColumnDef as TableColumn,\n} from \"material-react-table\";\n\n// The shape of the table columns,\n// with props named to match their MRT_ColumnDef counterparts\nexport type DataTableColumn<TData extends MRT_RowData> = {\n  /**\n   * The unique ID of the column\n   */\n  accessorKey: string;\n  /**\n   * Customize the way each cell in the column is\n   * displayed via a custom React component.\n   */\n  Cell?: MRT_ColumnDef<TData>[\"Cell\"];\n  /**\n   * If set to false, the column won't be filterable\n   */\n  enableColumnFilter?: boolean;\n  /**\n   * If set to false, the column won't be searchable\n   */\n  enableGlobalFilter?: boolean;\n  /**\n   * If set to false, the column won't be hidable\n   */\n  enableHiding?: boolean;\n  /**\n   * If set to false, the column won't be resizable\n   */\n  enableResizing?: boolean;\n  /**\n   * If set to false, the column won't be sortable\n   */\n  enableSorting?: boolean;\n  /**\n   * If the filter control has preset options (such as a select or multi-select),\n   * these are the options provided.\n   */\n  filterSelectOptions?: Array<{ label: string; value: string }>;\n  /**\n   * The UI control that will be used to filter the column.\n   * Defaults to a standard text input.\n   */\n  filterVariant?: MRT_ColumnDef<TData>[\"filterVariant\"];\n  /**\n   * The human-friendly title of the column\n   */\n  header: string;\n  /**\n   * The maximum column width, in pixels\n   */\n  maxSize?: number;\n  /**\n   * The minimum column width, in pixels\n   */\n  minSize?: number;\n  /**\n   * The optional column width, in pixels\n   */\n  size?: number;\n};\n\nexport type DataTableProps<TData extends MRT_RowData> = {\n  /**\n   * The columns that make up the table\n   */\n  columns: DataTableColumn<TData>[];\n  /**\n   * The data that goes into the table, which will be displayed\n   * as the table rows\n   */\n  data: MRT_TableOptions<TData>[\"data\"];\n  /**\n   * Callback that fires whenever the table needs to fetch new data, due to changes in\n   * page, results per page, search input, filters, or sorting\n   */\n  fetchDataFn: ({\n    page,\n    resultsPerPage,\n    search,\n    filters,\n    sort,\n  }: {\n    filters?: DataFilter[];\n    page?: number;\n    resultsPerPage?: number;\n    search?: string;\n    sort?: MRT_SortingState;\n  }) =>\n    | MRT_TableOptions<TData>[\"data\"]\n    | Promise<MRT_TableOptions<TData>[\"data\"]>;\n  /**\n   * The function to get the ID of a row\n   */\n  getRowId?: MRT_TableOptions<TData>[\"getRowId\"];\n  /**\n   * If true, the end user will be able to change the table density.\n   */\n  hasChangeableDensity?: boolean;\n  /**\n   * If true, the end user can resize individual columns.\n   */\n  hasColumnResizing?: boolean;\n  /**\n   * If true, the end user will be able to show/hide columns.\n   */\n  hasColumnVisibility?: boolean;\n  /**\n   * If true, the end user will be able to filter columns.\n   */\n  hasFilters?: boolean;\n  /**\n   * If true, the table will include pagination controls.\n   */\n  hasPagination?: boolean;\n  /**\n   * If true, the end user can reorder rows via a drag-and-drop interface\n   */\n  hasRowReordering?: boolean;\n  /**\n   * If true, the table will include checkboxes on each row, enabling\n   * the user to select some or all rows.\n   */\n  hasRowSelection?: boolean;\n  /**\n   * If true, the global table search controls will be shown.\n   */\n  hasSearch?: boolean;\n  /**\n   * If true, the search field will include a Search button, rather than\n   * firing on input change.\n   */\n  hasSearchSubmitButton?: boolean;\n  /**\n   * If true, the end user can sort columns (ascending, descending, or neither)\n   */\n  hasSorting?: boolean;\n  /**\n   * The initial density of the table. This is available even if the table density\n   * isn't changeable.\n   */\n  initialDensity?: (typeof densityValues)[number];\n  /**\n   * Callback that fires when a row (or rows) is selected or unselected.\n   */\n  onRowSelectionChange?: (rowSelection: MRT_RowSelectionState) => void;\n  /**\n   * The current page number.\n   */\n  page?: number;\n  /**\n   * The type of pagination controls shown. Defaults to next/prev buttons, but can be\n   * set to a simple \"Load more\" button by setting to \"loadMore\".\n   */\n  paginationType?: (typeof paginationTypeValues)[number];\n  /**\n   * Callback that fires when the user reorders rows within the table. Can be used\n   * to propagate order change to the backend.\n   */\n  reorderDataFn?: ({\n    rowId,\n    newIndex,\n  }: {\n    newIndex: number;\n    rowId: string;\n  }) => void;\n  /**\n   * The number of results per page.\n   */\n  resultsPerPage?: number;\n  /**\n   * Action buttons to display in each row\n   */\n  rowActionButtons?: (\n    row: TData,\n  ) => ReactElement<typeof Button | typeof Fragment>;\n  /**\n   * Menu items to include in the optional actions menu on each row.\n   */\n  rowActionMenuItems?: (\n    row: TData,\n  ) => ReactElement<typeof MenuItem | typeof Fragment>;\n  /**\n   * The debounce time, in milliseconds, for the search input firing\n   * `onChangeSearch` when changed. If `hasSearchSubmitButton` is true,\n   * this doesn't do anything.\n   */\n  searchDelayTime?: number;\n  /**\n   * The total number of rows in the table. Optional, because it's sometimes impossible\n   * to calculate. Used in table pagination to know when to disable the \"next\"/\"more\" button.\n   */\n  totalRows?: number;\n};\n\ntype TableType<TData extends MRT_RowData> = MRT_TableInstance<TData>;\n\nconst reorderDataRowsLocally = <TData extends MRT_RowData>({\n  currentData,\n  rowId,\n  newIndex,\n}: {\n  currentData: MRT_TableOptions<TData>[\"data\"];\n  newIndex: number;\n  rowId: string;\n}) => {\n  const updatedData = [...currentData];\n\n  const rowIndex = updatedData.findIndex((row) => row.id === rowId);\n\n  if (rowIndex !== -1) {\n    // Remove the row from its current position\n    const [removedRow] = updatedData.splice(rowIndex, 1);\n\n    // Insert the row at the new index\n    updatedData.splice(newIndex, 0, removedRow);\n  }\n\n  return updatedData;\n};\n\nconst DataTable = <TData extends MRT_RowData>({\n  columns,\n  data: dataProp,\n  getRowId,\n  page: pageProp = 1,\n  initialDensity = densityValues[0],\n  resultsPerPage: resultsPerPageProp = 20,\n  fetchDataFn,\n  reorderDataFn,\n  totalRows,\n  hasSearchSubmitButton,\n  searchDelayTime,\n  paginationType = \"paged\",\n  onRowSelectionChange,\n  rowActionButtons,\n  rowActionMenuItems,\n  hasChangeableDensity,\n  hasColumnResizing,\n  hasColumnVisibility,\n  hasFilters,\n  hasPagination,\n  hasRowReordering,\n  hasRowSelection,\n  hasSearch,\n  hasSorting,\n}: DataTableProps<TData>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n  const [draggingRow, setDraggingRow] = useState<MRT_Row<TData> | null>();\n  const [showSkeletons, setShowSkeletons] = useState<boolean>(true);\n  const [data, setData] = useState<MRT_TableOptions<TData>[\"data\"]>(dataProp);\n  const [page, setPage] = useState<number>(pageProp);\n  const [resultsPerPage, setResultsPerPage] =\n    useState<number>(resultsPerPageProp);\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n  const [sorting, setSorting] = useState<MRT_SortingState>([]);\n  const [density, setDensity] = useState<MRT_DensityState>(initialDensity);\n\n  const initialColumnVisibility = useMemo(() => {\n    return columns.reduce((acc, column) => {\n      acc[column.accessorKey] = true;\n      return acc;\n    }, {} as MRT_VisibilityState);\n  }, [columns]);\n\n  const [columnVisibility, setColumnVisibility] = useState<MRT_VisibilityState>(\n    initialColumnVisibility,\n  );\n\n  const [globalFilter, setGlobalFilter] = useState<string>(\"\");\n  const [filters, setFilters] = useState<Array<DataFilter>>();\n\n  useEffect(() => {\n    setShowSkeletons(false);\n  }, [data]);\n\n  useEffect(() => {\n    onRowSelectionChange?.(rowSelection);\n  }, [rowSelection, onRowSelectionChange]);\n\n  const refreshData = useCallback(async () => {\n    setShowSkeletons(true);\n    try {\n      const newData = fetchDataFn({\n        page: page,\n        resultsPerPage: resultsPerPage,\n        sort: sorting,\n        search: globalFilter,\n        filters: filters,\n      });\n\n      setData(newData instanceof Promise ? await newData : newData);\n\n      setShowSkeletons(false);\n    } catch (error) {\n      console.error(error);\n      setShowSkeletons(false);\n    }\n  }, [page, resultsPerPage, sorting, globalFilter, filters, fetchDataFn]);\n\n  useEffect(() => {\n    refreshData();\n  }, [refreshData, page, resultsPerPage, sorting, globalFilter, filters]);\n\n  const handleSortingChange = useCallback(\n    (updater: MRT_Updater<MRT_SortingState>) => {\n      setSorting((prevSorting) =>\n        updater instanceof Function ? updater(prevSorting) : sorting,\n      );\n    },\n    [sorting],\n  );\n\n  const handleColumnVisibility = useCallback(\n    (columnId: string) => {\n      setColumnVisibility((prevVisibility) => ({\n        ...prevVisibility,\n        [columnId]: !columnVisibility[columnId],\n      }));\n    },\n    [columnVisibility],\n  );\n\n  const handleSearch = useCallback((value: string) => {\n    setGlobalFilter(value);\n  }, []);\n\n  const handleFilters = useCallback((updatedFilters: Array<DataFilter>) => {\n    setFilters(updatedFilters);\n  }, []);\n\n  const handleRowSelectionChange = useCallback(\n    (updater: MRT_Updater<MRT_RowSelectionState>) => {\n      setRowSelection((prevRowSelection) =>\n        updater instanceof Function ? updater(prevRowSelection) : rowSelection,\n      );\n    },\n    [rowSelection],\n  );\n\n  const updateRowOrder = useCallback(\n    ({ rowId, newIndex }: { newIndex: number; rowId: string }) => {\n      if (newIndex < 0) {\n        return;\n      }\n\n      if (totalRows && newIndex > totalRows) {\n        return;\n      }\n\n      const newData = reorderDataRowsLocally({\n        currentData: data,\n        rowId,\n        newIndex,\n      });\n\n      setData(newData);\n      reorderDataFn?.({ rowId, newIndex });\n      refreshData();\n    },\n    [data, totalRows, reorderDataFn, refreshData],\n  );\n\n  const rowVirtualizerInstanceRef =\n    useRef<MRT_RowVirtualizer<HTMLDivElement, HTMLTableRowElement>>(null);\n\n  const setHoveredRow = useCallback<\n    (table: TableType<TData>, id: TData[\"id\"]) => void\n  >((table, id) => {\n    if (id) {\n      const nextRow = table.getRow(id) as MRT_Row<TData>;\n\n      if (nextRow) {\n        table.setHoveredRow(nextRow);\n      }\n    }\n  }, []);\n\n  const resetDraggingAndHoveredRow = useCallback<\n    (table: TableType<TData>) => void\n  >(\n    (table) => {\n      setDraggingRow(null);\n      table.setHoveredRow(null);\n    },\n    [setDraggingRow],\n  );\n\n  type HandleDragHandleKeyDownArgs = {\n    event: KeyboardEvent<HTMLButtonElement>;\n    row: MRT_Row<TData>;\n    table: TableType<TData>;\n  };\n\n  const handleDragHandleKeyDown = useCallback(\n    ({ table, row, event }: HandleDragHandleKeyDownArgs) => {\n      const { hoveredRow } = table.getState();\n\n      const { key } = event;\n\n      const isSpaceKey = key === \" \";\n      const isEnterKey = key === \"Enter\";\n      const isEscapeKey = key === \"Escape\";\n      const isArrowDown = key === \"ArrowDown\";\n      const isArrowUp = key === \"ArrowUp\";\n      const isSpaceOrEnter = isSpaceKey || isEnterKey;\n      const zeroIndexedPageNumber = page - 1;\n      const currentIndex = row.index + zeroIndexedPageNumber * resultsPerPage;\n\n      if (isEscapeKey) {\n        resetDraggingAndHoveredRow(table);\n        return;\n      }\n\n      if (isSpaceOrEnter) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n\n      if (draggingRow) {\n        if (typeof hoveredRow?.index === \"number\") {\n          const { index } = hoveredRow;\n\n          if (isSpaceOrEnter) {\n            const pageRelativeIndex =\n              index + zeroIndexedPageNumber * resultsPerPage;\n\n            if (pageRelativeIndex !== currentIndex) {\n              updateRowOrder({\n                rowId: row.id,\n                newIndex: pageRelativeIndex,\n              });\n\n              // Can't transition CSS hover effect. Use timeout to delay hovered row effect removal\n              setTimeout(() => {\n                resetDraggingAndHoveredRow(table);\n              }, odysseyDesignTokens.TransitionDurationMainAsNumber);\n              return;\n            }\n          }\n\n          if (isArrowDown || isArrowUp) {\n            const nextIndex = isArrowDown ? index + 1 : index - 1;\n            // This is a legacy file. In general, we shouldn't have `as` here. Newer versions will have this fixed. --Kevin Ghadyani\n            setHoveredRow(table, data[nextIndex]?.id as TData[\"id\"]);\n          }\n        } else {\n          if (isArrowDown || isArrowUp) {\n            const nextIndex = isArrowDown ? row.index + 1 : row.index - 1;\n            // This is a legacy file. In general, we shouldn't have `as` here. Newer versions will have this fixed. --Kevin Ghadyani\n            setHoveredRow(table, data[nextIndex]?.id as TData[\"id\"]);\n          }\n        }\n      } else {\n        if (isSpaceOrEnter) {\n          setDraggingRow(row);\n        }\n      }\n    },\n    [\n      data,\n      draggingRow,\n      odysseyDesignTokens.TransitionDurationMainAsNumber,\n      page,\n      resetDraggingAndHoveredRow,\n      resultsPerPage,\n      setHoveredRow,\n      updateRowOrder,\n    ],\n  );\n\n  const handleDragHandleOnDragEnd = useCallback(\n    (table: TableType<TData>) => {\n      const cols = table.getAllColumns();\n      cols[0].toggleVisibility();\n\n      const { draggingRow, hoveredRow } = table.getState();\n\n      if (draggingRow) {\n        updateRowOrder({\n          newIndex: (hoveredRow as TData).index as number,\n          rowId: draggingRow.id,\n        });\n      }\n\n      setDraggingRow(null);\n    },\n    [updateRowOrder],\n  );\n\n  const handleDragHandleOnDragCapture = useCallback(\n    (table: TableType<TData>) => {\n      if (!draggingRow && table.getState().draggingRow?.id) {\n        setDraggingRow(table.getState().draggingRow);\n      }\n    },\n    [draggingRow],\n  );\n\n  const tableState = useMemo(\n    () => ({\n      density,\n      sorting,\n      globalFilter,\n      columnVisibility,\n      rowSelection,\n      showSkeletons,\n    }),\n    [\n      density,\n      sorting,\n      globalFilter,\n      columnVisibility,\n      rowSelection,\n      showSkeletons,\n    ],\n  );\n\n  const table = useMaterialReactTable({\n    columns: columns,\n    data: data,\n    state: tableState,\n    rowVirtualizerInstanceRef: rowVirtualizerInstanceRef,\n    rowVirtualizerOptions: { overscan: 4 },\n    enableRowVirtualization:\n      paginationType === \"loadMore\" || resultsPerPage > 50,\n    enableColumnResizing: hasColumnResizing,\n    enableDensityToggle: false,\n    enableFullScreenToggle: false,\n    enablePagination: false,\n    enableRowSelection: hasRowSelection,\n    enableFilters: false,\n    enableHiding: false,\n    enableRowOrdering: hasRowReordering,\n    enableRowDragging: hasRowReordering,\n    enableSorting: hasSorting,\n    selectAllMode: \"all\",\n    enableColumnActions: false,\n    layoutMode: \"grid-no-grow\",\n    displayColumnDefOptions: {\n      \"mrt-row-actions\": {\n        muiTableBodyCellProps: {\n          align: \"right\",\n          sx: {\n            overflow: \"visible\",\n            width: \"unset\",\n          },\n        },\n        muiTableHeadCellProps: {\n          align: \"right\",\n          sx: {\n            width: \"unset\",\n          },\n        },\n      },\n      \"mrt-row-drag\": {\n        header: \"\",\n        muiTableBodyCellProps: {\n          sx: {\n            minWidth: 0,\n            width: \"auto\",\n          },\n        },\n        muiTableHeadCellProps: {\n          sx: {\n            minWidth: 0,\n            width: \"auto\",\n          },\n        },\n      },\n    },\n    enableGlobalFilter: false,\n    manualFiltering: true,\n    manualSorting: true,\n    getRowId: getRowId,\n    icons: {\n      ArrowDownwardIcon: ArrowDownIcon,\n      DragHandleIcon: DragIndicatorIcon,\n      SyncAltIcon: ArrowUnsortedIcon,\n    },\n    onSortingChange: handleSortingChange,\n    onRowSelectionChange: handleRowSelectionChange,\n    enableRowActions:\n      hasRowReordering === true || rowActionButtons || rowActionMenuItems\n        ? true\n        : false,\n    positionActionsColumn: \"last\",\n\n    muiTableHeadCellProps: ({ column }) => ({\n      className: sorting.find((item) => item.id === column.id)\n        ? \"isSorted\"\n        : \"isUnsorted\",\n    }),\n\n    muiTableBodyRowProps: ({ table, row }) => ({\n      className:\n        draggingRow?.id === row.id && table.getState().hoveredRow?.id !== row.id\n          ? \"isDragging\"\n          : table.getState().hoveredRow?.id === row.id &&\n              draggingRow?.id !== row.id\n            ? \"isDragTarget\"\n            : draggingRow?.id === row.id &&\n                table.getState().hoveredRow?.id === row.id\n              ? \"isDragging isDragTarget\"\n              : undefined,\n    }),\n\n    muiRowDragHandleProps: ({ table, row }) => ({\n      title: t(\"table.draghandle.tooltip\"),\n      \"aria-label\": t(\"table.draghandle.arialabel\"),\n      onKeyDown: (event) => handleDragHandleKeyDown({ table, row, event }),\n      onBlur: () => {\n        resetDraggingAndHoveredRow(table);\n      },\n      onDragEnd: () => handleDragHandleOnDragEnd(table),\n      onDragCapture: () => handleDragHandleOnDragCapture(table),\n      sx: {\n        padding: odysseyDesignTokens.Spacing1,\n        borderRadius: odysseyDesignTokens.BorderRadiusMain,\n\n        \"&:focus-visible\": {\n          boxShadow: `0 0 0 2px ${odysseyDesignTokens.HueNeutralWhite}, 0 0 0 4px ${odysseyDesignTokens.PalettePrimaryMain}`,\n          outline: \"2px solid transparent\",\n          outlineOffset: \"1px\",\n        },\n      },\n    }),\n\n    renderRowActions: ({ row }) => {\n      const currentIndex = row.index + (page - 1) * resultsPerPage;\n\n      return (\n        <Box sx={{ display: \"flex\" }}>\n          {rowActionButtons?.(row.original)}\n          {(rowActionMenuItems || hasRowReordering) && (\n            <MenuButton\n              ariaLabel={t(\"table.moreactions.arialabel\")}\n              buttonVariant=\"floating\"\n              endIcon={<MoreIcon />}\n              menuAlignment=\"right\"\n              size=\"small\"\n            >\n              {rowActionMenuItems && (\n                <>\n                  {rowActionMenuItems(row.original)}\n                  <hr />\n                </>\n              )}\n              <MenuItem\n                isDisabled={currentIndex <= 0}\n                onClick={() => updateRowOrder({ rowId: row.id, newIndex: 0 })}\n              >\n                <ArrowTopIcon /> Bring to front\n              </MenuItem>\n              <MenuItem\n                isDisabled={currentIndex <= 0}\n                onClick={() =>\n                  updateRowOrder({\n                    rowId: row.id,\n                    newIndex: currentIndex <= 0 ? 0 : currentIndex - 1,\n                  })\n                }\n              >\n                <ArrowUpIcon /> Bring forward\n              </MenuItem>\n              <MenuItem\n                isDisabled={totalRows ? currentIndex >= totalRows - 1 : false}\n                onClick={() =>\n                  updateRowOrder({\n                    rowId: row.id,\n                    newIndex: currentIndex + 1,\n                  })\n                }\n              >\n                <ArrowDownIcon /> Send backward\n              </MenuItem>\n              <>\n                {totalRows && (\n                  <MenuItem\n                    isDisabled={currentIndex >= totalRows - 1}\n                    onClick={() =>\n                      updateRowOrder({\n                        rowId: row.id,\n                        newIndex: totalRows,\n                      })\n                    }\n                  >\n                    <ArrowBottomIcon /> Send to back\n                  </MenuItem>\n                )}\n              </>\n            </MenuButton>\n          )}\n        </Box>\n      );\n    },\n  });\n\n  const tableSettings = useMemo(\n    () => (\n      <>\n        {hasChangeableDensity && (\n          <MenuButton\n            ariaLabel=\"Table density\"\n            endIcon={<ListIcon />}\n            menuAlignment=\"right\"\n            shouldCloseOnSelect={false}\n          >\n            <>\n              {densityValues.map((value: MRT_DensityState) => (\n                <MenuItem\n                  isSelected={density === value}\n                  key={value}\n                  onClick={() => setDensity(value)}\n                >\n                  {`${value.charAt(0).toUpperCase()}${value.slice(1)}`}\n                </MenuItem>\n              ))}\n            </>\n          </MenuButton>\n        )}\n\n        {hasColumnVisibility && (\n          <MenuButton\n            ariaLabel=\"Show/hide columns\"\n            endIcon={<ShowIcon />}\n            menuAlignment=\"right\"\n            shouldCloseOnSelect={false}\n          >\n            <>\n              {columns\n                .filter((column) => column.enableHiding !== false)\n                .map((column) => (\n                  <MenuItem\n                    key={column.accessorKey}\n                    onClick={() => handleColumnVisibility(column.accessorKey)}\n                  >\n                    <MuiCheckbox\n                      checked={columnVisibility[column.accessorKey] !== false}\n                    />\n                    {column.header}\n                  </MenuItem>\n                ))}\n            </>\n          </MenuButton>\n        )}\n      </>\n    ),\n    [\n      columnVisibility,\n      columns,\n      density,\n      hasChangeableDensity,\n      handleColumnVisibility,\n      hasColumnVisibility,\n    ],\n  );\n\n  return (\n    <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 4 }}>\n      <DataFilters\n        additionalActions={tableSettings}\n        filters={\n          hasFilters\n            ? columns\n                .filter((column) => column.enableColumnFilter !== false)\n                .map((column) => {\n                  return {\n                    id: column.accessorKey,\n                    label: column.header,\n                    variant: column.filterVariant ?? \"text\",\n                    options: column.filterSelectOptions,\n                  };\n                })\n            : undefined\n        }\n        hasSearchSubmitButton={hasSearchSubmitButton}\n        onChangeFilters={handleFilters}\n        onChangeSearch={hasSearch ? handleSearch : undefined}\n        searchDelayTime={searchDelayTime}\n      />\n\n      <MRT_TableContainer table={table} />\n\n      {hasPagination && (\n        <DataTablePagination\n          currentNumberOfResults={data.length}\n          currentPage={page}\n          isNextButtonDisabled={false} // TODO: Add logic for disabling next/load more button\n          isPreviousButtonDisabled={page <= 1}\n          onClickNext={() => {\n            if (paginationType === \"loadMore\") {\n              setResultsPerPage(resultsPerPage + resultsPerPageProp);\n            } else {\n              setPage(page + 1);\n            }\n          }}\n          onClickPrevious={() => setPage(page - 1)}\n          paginationType={paginationType}\n        />\n      )}\n    </Box>\n  );\n};\n\nconst MemoizedDataTable = memo(DataTable);\nMemoizedDataTable.displayName = \"DataTable\";\n\nexport { MemoizedDataTable as DataTable };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DataTable.js","names":["MRT_TableContainer","useMaterialReactTable","memo","useCallback","useEffect","useMemo","useRef","useState","Box","MenuButton","MenuItem","useTranslation","ArrowBottomIcon","ArrowDownIcon","ArrowTopIcon","ArrowUnsortedIcon","ArrowUpIcon","DragIndicatorIcon","ListIcon","MoreIcon","ShowIcon","useOdysseyDesignTokens","DataFilters","DataTablePagination","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","densityValues","reorderDataRowsLocally","currentData","rowId","newIndex","updatedData","rowIndex","findIndex","row","id","removedRow","splice","DataTable","columns","data","dataProp","getRowId","page","pageProp","initialDensity","resultsPerPage","resultsPerPageProp","fetchDataFn","reorderDataFn","totalRows","hasSearchSubmitButton","searchDelayTime","paginationType","onRowSelectionChange","rowActionButtons","rowActionMenuItems","hasChangeableDensity","hasColumnResizing","hasColumnVisibility","hasFilters","hasPagination","hasRowReordering","hasRowSelection","hasSearch","hasSorting","odysseyDesignTokens","t","draggingRow","setDraggingRow","showSkeletons","setShowSkeletons","setData","setPage","setResultsPerPage","rowSelection","setRowSelection","sorting","setSorting","density","setDensity","initialColumnVisibility","reduce","acc","column","accessorKey","columnVisibility","setColumnVisibility","globalFilter","setGlobalFilter","filters","setFilters","refreshData","newData","sort","search","Promise","error","console","handleSortingChange","updater","prevSorting","Function","handleColumnVisibility","columnId","prevVisibility","handleSearch","value","handleFilters","updatedFilters","handleRowSelectionChange","prevRowSelection","updateRowOrder","rowVirtualizerInstanceRef","setHoveredRow","table","nextRow","getRow","resetDraggingAndHoveredRow","handleDragHandleKeyDown","event","hoveredRow","getState","key","isSpaceKey","isEnterKey","isEscapeKey","isArrowDown","isArrowUp","isSpaceOrEnter","zeroIndexedPageNumber","currentIndex","index","preventDefault","stopPropagation","pageRelativeIndex","setTimeout","TransitionDurationMainAsNumber","nextIndex","handleDragHandleOnDragEnd","cols","getAllColumns","toggleVisibility","handleDragHandleOnDragCapture","tableState","state","rowVirtualizerOptions","overscan","enableRowVirtualization","enableColumnResizing","enableDensityToggle","enableFullScreenToggle","enablePagination","enableRowSelection","enableFilters","enableHiding","enableRowOrdering","enableRowDragging","enableSorting","selectAllMode","enableColumnActions","layoutMode","displayColumnDefOptions","muiTableBodyCellProps","align","sx","overflow","width","muiTableHeadCellProps","header","minWidth","enableGlobalFilter","manualFiltering","manualSorting","icons","ArrowDownwardIcon","DragHandleIcon","SyncAltIcon","onSortingChange","enableRowActions","positionActionsColumn","className","find","item","muiTableBodyRowProps","undefined","muiRowDragHandleProps","title","onKeyDown","onBlur","onDragEnd","onDragCapture","padding","Spacing1","borderRadius","BorderRadiusMain","boxShadow","HueNeutralWhite","PalettePrimaryMain","outline","outlineOffset","renderRowActions","display","children","original","ariaLabel","buttonVariant","endIcon","menuAlignment","size","isDisabled","onClick","tableSettings","shouldCloseOnSelect","map","isSelected","charAt","toUpperCase","slice","filter","_Checkbox","checked","flexDirection","gap","additionalActions","enableColumnFilter","label","variant","filterVariant","options","filterSelectOptions","onChangeFilters","onChangeSearch","currentNumberOfResults","length","currentPage","isNextButtonDisabled","isPreviousButtonDisabled","onClickNext","onClickPrevious","MemoizedDataTable","displayName"],"sources":["../../../src/labs/DataTable.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Checkbox as MuiCheckbox } from \"@mui/material\";\nimport {\n  MRT_ColumnDef,\n  MRT_DensityState,\n  MRT_Row,\n  MRT_RowData,\n  MRT_RowSelectionState,\n  MRT_RowVirtualizer,\n  MRT_SortingState,\n  MRT_TableContainer,\n  MRT_TableInstance,\n  MRT_TableOptions,\n  MRT_Updater,\n  MRT_VisibilityState,\n  useMaterialReactTable,\n} from \"material-react-table\";\nimport {\n  Fragment,\n  KeyboardEvent,\n  memo,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Box } from \"../Box.js\";\nimport { Button } from \"../Buttons/Button.js\";\nimport { MenuButton } from \"../Buttons/MenuButton.js\";\nimport { MenuItem } from \"../Buttons/MenuItem.js\";\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\nimport {\n  ArrowBottomIcon,\n  ArrowDownIcon,\n  ArrowTopIcon,\n  ArrowUnsortedIcon,\n  ArrowUpIcon,\n  DragIndicatorIcon,\n  ListIcon,\n  MoreIcon,\n  ShowIcon,\n} from \"../icons.generated/index.js\";\nimport { useOdysseyDesignTokens } from \"../OdysseyDesignTokensContext.js\";\nimport { DataFilter, DataFilters } from \"./DataFilters.js\";\nimport {\n  DataTablePagination,\n  paginationTypeValues,\n} from \"./DataTablePagination.js\";\n\nexport const densityValues = [\"comfortable\", \"spacious\", \"compact\"] as const;\n\nexport type {\n  MRT_ColumnFiltersState,\n  MRT_SortingState,\n  MRT_ColumnDef as TableColumn,\n} from \"material-react-table\";\n\n// The shape of the table columns,\n// with props named to match their MRT_ColumnDef counterparts\nexport type DataTableColumn<TData extends MRT_RowData> = {\n  /**\n   * The unique ID of the column\n   */\n  accessorKey: string;\n  /**\n   * Customize the way each cell in the column is\n   * displayed via a custom React component.\n   */\n  Cell?: MRT_ColumnDef<TData>[\"Cell\"];\n  /**\n   * If set to false, the column won't be filterable\n   */\n  enableColumnFilter?: boolean;\n  /**\n   * If set to false, the column won't be searchable\n   */\n  enableGlobalFilter?: boolean;\n  /**\n   * If set to false, the column won't be hidable\n   */\n  enableHiding?: boolean;\n  /**\n   * If set to false, the column won't be resizable\n   */\n  enableResizing?: boolean;\n  /**\n   * If set to false, the column won't be sortable\n   */\n  enableSorting?: boolean;\n  /**\n   * If the filter control has preset options (such as a select or multi-select),\n   * these are the options provided.\n   */\n  filterSelectOptions?: Array<{ label: string; value: string }>;\n  /**\n   * The UI control that will be used to filter the column.\n   * Defaults to a standard text input.\n   */\n  filterVariant?: MRT_ColumnDef<TData>[\"filterVariant\"];\n  /**\n   * The human-friendly title of the column\n   */\n  header: string;\n  /**\n   * The maximum column width, in pixels\n   */\n  maxSize?: number;\n  /**\n   * The minimum column width, in pixels\n   */\n  minSize?: number;\n  /**\n   * The optional column width, in pixels\n   */\n  size?: number;\n};\n\nexport type DataTableProps<TData extends MRT_RowData> = {\n  /**\n   * The columns that make up the table\n   */\n  columns: DataTableColumn<TData>[];\n  /**\n   * The data that goes into the table, which will be displayed\n   * as the table rows\n   */\n  data: MRT_TableOptions<TData>[\"data\"];\n  /**\n   * Callback that fires whenever the table needs to fetch new data, due to changes in\n   * page, results per page, search input, filters, or sorting\n   */\n  fetchDataFn: ({\n    page,\n    resultsPerPage,\n    search,\n    filters,\n    sort,\n  }: {\n    filters?: DataFilter[];\n    page?: number;\n    resultsPerPage?: number;\n    search?: string;\n    sort?: MRT_SortingState;\n  }) =>\n    | MRT_TableOptions<TData>[\"data\"]\n    | Promise<MRT_TableOptions<TData>[\"data\"]>;\n  /**\n   * The function to get the ID of a row\n   */\n  getRowId?: MRT_TableOptions<TData>[\"getRowId\"];\n  /**\n   * If true, the end user will be able to change the table density.\n   */\n  hasChangeableDensity?: boolean;\n  /**\n   * If true, the end user can resize individual columns.\n   */\n  hasColumnResizing?: boolean;\n  /**\n   * If true, the end user will be able to show/hide columns.\n   */\n  hasColumnVisibility?: boolean;\n  /**\n   * If true, the end user will be able to filter columns.\n   */\n  hasFilters?: boolean;\n  /**\n   * If true, the table will include pagination controls.\n   */\n  hasPagination?: boolean;\n  /**\n   * If true, the end user can reorder rows via a drag-and-drop interface\n   */\n  hasRowReordering?: boolean;\n  /**\n   * If true, the table will include checkboxes on each row, enabling\n   * the user to select some or all rows.\n   */\n  hasRowSelection?: boolean;\n  /**\n   * If true, the global table search controls will be shown.\n   */\n  hasSearch?: boolean;\n  /**\n   * If true, the search field will include a Search button, rather than\n   * firing on input change.\n   */\n  hasSearchSubmitButton?: boolean;\n  /**\n   * If true, the end user can sort columns (ascending, descending, or neither)\n   */\n  hasSorting?: boolean;\n  /**\n   * The initial density of the table. This is available even if the table density\n   * isn't changeable.\n   */\n  initialDensity?: (typeof densityValues)[number];\n  /**\n   * Callback that fires when a row (or rows) is selected or unselected.\n   */\n  onRowSelectionChange?: (rowSelection: MRT_RowSelectionState) => void;\n  /**\n   * The current page number.\n   */\n  page?: number;\n  /**\n   * The type of pagination controls shown. Defaults to next/prev buttons, but can be\n   * set to a simple \"Load more\" button by setting to \"loadMore\".\n   */\n  paginationType?: (typeof paginationTypeValues)[number];\n  /**\n   * Callback that fires when the user reorders rows within the table. Can be used\n   * to propagate order change to the backend.\n   */\n  reorderDataFn?: ({\n    rowId,\n    newIndex,\n  }: {\n    newIndex: number;\n    rowId: string;\n  }) => void;\n  /**\n   * The number of results per page.\n   */\n  resultsPerPage?: number;\n  /**\n   * Action buttons to display in each row\n   */\n  rowActionButtons?: (\n    row: TData,\n  ) => ReactElement<typeof Button | typeof Fragment>;\n  /**\n   * Menu items to include in the optional actions menu on each row.\n   */\n  rowActionMenuItems?: (\n    row: TData,\n  ) => ReactElement<typeof MenuItem | typeof Fragment>;\n  /**\n   * The debounce time, in milliseconds, for the search input firing\n   * `onChangeSearch` when changed. If `hasSearchSubmitButton` is true,\n   * this doesn't do anything.\n   */\n  searchDelayTime?: number;\n  /**\n   * The total number of rows in the table. Optional, because it's sometimes impossible\n   * to calculate. Used in table pagination to know when to disable the \"next\"/\"more\" button.\n   */\n  totalRows?: number;\n};\n\ntype TableType<TData extends MRT_RowData> = MRT_TableInstance<TData>;\n\nconst reorderDataRowsLocally = <TData extends MRT_RowData>({\n  currentData,\n  rowId,\n  newIndex,\n}: {\n  currentData: MRT_TableOptions<TData>[\"data\"];\n  newIndex: number;\n  rowId: string;\n}) => {\n  const updatedData = [...currentData];\n\n  const rowIndex = updatedData.findIndex((row) => row.id === rowId);\n\n  if (rowIndex !== -1) {\n    // Remove the row from its current position\n    const [removedRow] = updatedData.splice(rowIndex, 1);\n\n    // Insert the row at the new index\n    updatedData.splice(newIndex, 0, removedRow);\n  }\n\n  return updatedData;\n};\n\nconst DataTable = <TData extends MRT_RowData>({\n  columns,\n  data: dataProp,\n  getRowId,\n  page: pageProp = 1,\n  initialDensity = densityValues[0],\n  resultsPerPage: resultsPerPageProp = 20,\n  fetchDataFn,\n  reorderDataFn,\n  totalRows,\n  hasSearchSubmitButton,\n  searchDelayTime,\n  paginationType = \"paged\",\n  onRowSelectionChange,\n  rowActionButtons,\n  rowActionMenuItems,\n  hasChangeableDensity,\n  hasColumnResizing,\n  hasColumnVisibility,\n  hasFilters,\n  hasPagination,\n  hasRowReordering,\n  hasRowSelection,\n  hasSearch,\n  hasSorting,\n}: DataTableProps<TData>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n  const [draggingRow, setDraggingRow] = useState<MRT_Row<TData> | null>();\n  const [showSkeletons, setShowSkeletons] = useState<boolean>(true);\n  const [data, setData] = useState<MRT_TableOptions<TData>[\"data\"]>(dataProp);\n  const [page, setPage] = useState<number>(pageProp);\n  const [resultsPerPage, setResultsPerPage] =\n    useState<number>(resultsPerPageProp);\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n  const [sorting, setSorting] = useState<MRT_SortingState>([]);\n  const [density, setDensity] = useState<MRT_DensityState>(initialDensity);\n\n  const initialColumnVisibility = useMemo(() => {\n    return columns.reduce((acc, column) => {\n      acc[column.accessorKey] = true;\n      return acc;\n    }, {} as MRT_VisibilityState);\n  }, [columns]);\n\n  const [columnVisibility, setColumnVisibility] = useState<MRT_VisibilityState>(\n    initialColumnVisibility,\n  );\n\n  const [globalFilter, setGlobalFilter] = useState<string>(\"\");\n  const [filters, setFilters] = useState<Array<DataFilter>>();\n\n  useEffect(() => {\n    setShowSkeletons(false);\n  }, [data]);\n\n  useEffect(() => {\n    onRowSelectionChange?.(rowSelection);\n  }, [rowSelection, onRowSelectionChange]);\n\n  const refreshData = useCallback(async () => {\n    setShowSkeletons(true);\n    try {\n      const newData = fetchDataFn({\n        page: page,\n        resultsPerPage: resultsPerPage,\n        sort: sorting,\n        search: globalFilter,\n        filters: filters,\n      });\n\n      setData(newData instanceof Promise ? await newData : newData);\n\n      setShowSkeletons(false);\n    } catch (error) {\n      console.error(error);\n      setShowSkeletons(false);\n    }\n  }, [page, resultsPerPage, sorting, globalFilter, filters, fetchDataFn]);\n\n  useEffect(() => {\n    refreshData();\n  }, [refreshData, page, resultsPerPage, sorting, globalFilter, filters]);\n\n  const handleSortingChange = useCallback(\n    (updater: MRT_Updater<MRT_SortingState>) => {\n      setSorting((prevSorting) =>\n        updater instanceof Function ? updater(prevSorting) : sorting,\n      );\n    },\n    [sorting],\n  );\n\n  const handleColumnVisibility = useCallback(\n    (columnId: string) => {\n      setColumnVisibility((prevVisibility) => ({\n        ...prevVisibility,\n        [columnId]: !columnVisibility[columnId],\n      }));\n    },\n    [columnVisibility],\n  );\n\n  const handleSearch = useCallback((value: string) => {\n    setGlobalFilter(value);\n  }, []);\n\n  const handleFilters = useCallback((updatedFilters: Array<DataFilter>) => {\n    setFilters(updatedFilters);\n  }, []);\n\n  const handleRowSelectionChange = useCallback(\n    (updater: MRT_Updater<MRT_RowSelectionState>) => {\n      setRowSelection((prevRowSelection) =>\n        updater instanceof Function ? updater(prevRowSelection) : rowSelection,\n      );\n    },\n    [rowSelection],\n  );\n\n  const updateRowOrder = useCallback(\n    ({ rowId, newIndex }: { newIndex: number; rowId: string }) => {\n      if (newIndex < 0) {\n        return;\n      }\n\n      if (totalRows && newIndex > totalRows) {\n        return;\n      }\n\n      const newData = reorderDataRowsLocally({\n        currentData: data,\n        rowId,\n        newIndex,\n      });\n\n      setData(newData);\n      reorderDataFn?.({ rowId, newIndex });\n      refreshData();\n    },\n    [data, totalRows, reorderDataFn, refreshData],\n  );\n\n  const rowVirtualizerInstanceRef =\n    useRef<MRT_RowVirtualizer<HTMLDivElement, HTMLTableRowElement>>(null);\n\n  const setHoveredRow = useCallback<\n    (table: TableType<TData>, id: TData[\"id\"]) => void\n  >((table, id) => {\n    if (id) {\n      const nextRow = table.getRow(id) as MRT_Row<TData>;\n\n      if (nextRow) {\n        table.setHoveredRow(nextRow);\n      }\n    }\n  }, []);\n\n  const resetDraggingAndHoveredRow = useCallback<\n    (table: TableType<TData>) => void\n  >(\n    (table) => {\n      setDraggingRow(null);\n      table.setHoveredRow(null);\n    },\n    [setDraggingRow],\n  );\n\n  type HandleDragHandleKeyDownArgs = {\n    event: KeyboardEvent<HTMLButtonElement>;\n    row: MRT_Row<TData>;\n    table: TableType<TData>;\n  };\n\n  const handleDragHandleKeyDown = useCallback(\n    ({ table, row, event }: HandleDragHandleKeyDownArgs) => {\n      const { hoveredRow } = table.getState();\n\n      const { key } = event;\n\n      const isSpaceKey = key === \" \";\n      const isEnterKey = key === \"Enter\";\n      const isEscapeKey = key === \"Escape\";\n      const isArrowDown = key === \"ArrowDown\";\n      const isArrowUp = key === \"ArrowUp\";\n      const isSpaceOrEnter = isSpaceKey || isEnterKey;\n      const zeroIndexedPageNumber = page - 1;\n      const currentIndex = row.index + zeroIndexedPageNumber * resultsPerPage;\n\n      if (isEscapeKey) {\n        resetDraggingAndHoveredRow(table);\n        return;\n      }\n\n      if (isSpaceOrEnter) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n\n      if (draggingRow) {\n        if (typeof hoveredRow?.index === \"number\") {\n          const { index } = hoveredRow;\n\n          if (isSpaceOrEnter) {\n            const pageRelativeIndex =\n              index + zeroIndexedPageNumber * resultsPerPage;\n\n            if (pageRelativeIndex !== currentIndex) {\n              updateRowOrder({\n                rowId: row.id,\n                newIndex: pageRelativeIndex,\n              });\n\n              // Can't transition CSS hover effect. Use timeout to delay hovered row effect removal\n              setTimeout(() => {\n                resetDraggingAndHoveredRow(table);\n              }, odysseyDesignTokens.TransitionDurationMainAsNumber);\n              return;\n            }\n          }\n\n          if (isArrowDown || isArrowUp) {\n            const nextIndex = isArrowDown ? index + 1 : index - 1;\n            // This is a legacy file. In general, we shouldn't have `as` here. Newer versions will have this fixed. --Kevin Ghadyani\n            setHoveredRow(table, data[nextIndex]?.id as TData[\"id\"]);\n          }\n        } else {\n          if (isArrowDown || isArrowUp) {\n            const nextIndex = isArrowDown ? row.index + 1 : row.index - 1;\n            // This is a legacy file. In general, we shouldn't have `as` here. Newer versions will have this fixed. --Kevin Ghadyani\n            setHoveredRow(table, data[nextIndex]?.id as TData[\"id\"]);\n          }\n        }\n      } else {\n        if (isSpaceOrEnter) {\n          setDraggingRow(row);\n        }\n      }\n    },\n    [\n      data,\n      draggingRow,\n      odysseyDesignTokens.TransitionDurationMainAsNumber,\n      page,\n      resetDraggingAndHoveredRow,\n      resultsPerPage,\n      setHoveredRow,\n      updateRowOrder,\n    ],\n  );\n\n  const handleDragHandleOnDragEnd = useCallback(\n    (table: TableType<TData>) => {\n      const cols = table.getAllColumns();\n      cols[0].toggleVisibility();\n\n      const { draggingRow, hoveredRow } = table.getState();\n\n      if (draggingRow) {\n        updateRowOrder({\n          newIndex: (hoveredRow as TData).index as number,\n          rowId: draggingRow.id,\n        });\n      }\n\n      setDraggingRow(null);\n    },\n    [updateRowOrder],\n  );\n\n  const handleDragHandleOnDragCapture = useCallback(\n    (table: TableType<TData>) => {\n      if (!draggingRow && table.getState().draggingRow?.id) {\n        setDraggingRow(table.getState().draggingRow);\n      }\n    },\n    [draggingRow],\n  );\n\n  const tableState = useMemo(\n    () => ({\n      density,\n      sorting,\n      globalFilter,\n      columnVisibility,\n      rowSelection,\n      showSkeletons,\n    }),\n    [\n      density,\n      sorting,\n      globalFilter,\n      columnVisibility,\n      rowSelection,\n      showSkeletons,\n    ],\n  );\n\n  const table = useMaterialReactTable({\n    columns: columns,\n    data: data,\n    state: tableState,\n    rowVirtualizerInstanceRef: rowVirtualizerInstanceRef,\n    rowVirtualizerOptions: { overscan: 4 },\n    enableRowVirtualization:\n      paginationType === \"loadMore\" || resultsPerPage > 50,\n    enableColumnResizing: hasColumnResizing,\n    enableDensityToggle: false,\n    enableFullScreenToggle: false,\n    enablePagination: false,\n    enableRowSelection: hasRowSelection,\n    enableFilters: false,\n    enableHiding: false,\n    enableRowOrdering: hasRowReordering,\n    enableRowDragging: hasRowReordering,\n    enableSorting: hasSorting,\n    selectAllMode: \"all\",\n    enableColumnActions: false,\n    layoutMode: \"grid-no-grow\",\n    displayColumnDefOptions: {\n      \"mrt-row-actions\": {\n        muiTableBodyCellProps: {\n          align: \"right\",\n          sx: {\n            overflow: \"visible\",\n            width: \"unset\",\n          },\n        },\n        muiTableHeadCellProps: {\n          align: \"right\",\n          sx: {\n            width: \"unset\",\n          },\n        },\n      },\n      \"mrt-row-drag\": {\n        header: \"\",\n        muiTableBodyCellProps: {\n          sx: {\n            minWidth: 0,\n            width: \"auto\",\n          },\n        },\n        muiTableHeadCellProps: {\n          sx: {\n            minWidth: 0,\n            width: \"auto\",\n          },\n        },\n      },\n    },\n    enableGlobalFilter: false,\n    manualFiltering: true,\n    manualSorting: true,\n    getRowId: getRowId,\n    icons: {\n      ArrowDownwardIcon: ArrowDownIcon,\n      DragHandleIcon: DragIndicatorIcon,\n      SyncAltIcon: ArrowUnsortedIcon,\n    },\n    onSortingChange: handleSortingChange,\n    onRowSelectionChange: handleRowSelectionChange,\n    enableRowActions:\n      hasRowReordering === true || rowActionButtons || rowActionMenuItems\n        ? true\n        : false,\n    positionActionsColumn: \"last\",\n\n    muiTableHeadCellProps: ({ column }) => ({\n      className: sorting.find((item) => item.id === column.id)\n        ? \"isSorted\"\n        : \"isUnsorted\",\n    }),\n\n    muiTableBodyRowProps: ({ table, row }) => ({\n      className:\n        draggingRow?.id === row.id && table.getState().hoveredRow?.id !== row.id\n          ? \"isDragging\"\n          : table.getState().hoveredRow?.id === row.id &&\n              draggingRow?.id !== row.id\n            ? \"isDragTarget\"\n            : draggingRow?.id === row.id &&\n                table.getState().hoveredRow?.id === row.id\n              ? \"isDragging isDragTarget\"\n              : undefined,\n    }),\n\n    muiRowDragHandleProps: ({ table, row }) => ({\n      title: t(\"table.draghandle.tooltip\"),\n      \"aria-label\": t(\"table.draghandle.arialabel\"),\n      onKeyDown: (event) => handleDragHandleKeyDown({ table, row, event }),\n      onBlur: () => {\n        resetDraggingAndHoveredRow(table);\n      },\n      onDragEnd: () => handleDragHandleOnDragEnd(table),\n      onDragCapture: () => handleDragHandleOnDragCapture(table),\n      sx: {\n        padding: odysseyDesignTokens.Spacing1,\n        borderRadius: odysseyDesignTokens.BorderRadiusMain,\n\n        \"&:focus-visible\": {\n          boxShadow: `0 0 0 2px ${odysseyDesignTokens.HueNeutralWhite}, 0 0 0 4px ${odysseyDesignTokens.PalettePrimaryMain}`,\n          outline: \"2px solid transparent\",\n          outlineOffset: \"1px\",\n        },\n      },\n    }),\n\n    renderRowActions: ({ row }) => {\n      const currentIndex = row.index + (page - 1) * resultsPerPage;\n\n      return (\n        <Box sx={{ display: \"flex\" }}>\n          {rowActionButtons?.(row.original)}\n          {(rowActionMenuItems || hasRowReordering) && (\n            <MenuButton\n              ariaLabel={t(\"table.moreactions.arialabel\")}\n              buttonVariant=\"floating\"\n              endIcon={<MoreIcon />}\n              menuAlignment=\"right\"\n              size=\"small\"\n            >\n              {rowActionMenuItems && (\n                <>\n                  {rowActionMenuItems(row.original)}\n                  <hr />\n                </>\n              )}\n              <MenuItem\n                isDisabled={currentIndex <= 0}\n                onClick={() => updateRowOrder({ rowId: row.id, newIndex: 0 })}\n              >\n                <ArrowTopIcon /> Bring to front\n              </MenuItem>\n              <MenuItem\n                isDisabled={currentIndex <= 0}\n                onClick={() =>\n                  updateRowOrder({\n                    rowId: row.id,\n                    newIndex: currentIndex <= 0 ? 0 : currentIndex - 1,\n                  })\n                }\n              >\n                <ArrowUpIcon /> Bring forward\n              </MenuItem>\n              <MenuItem\n                isDisabled={totalRows ? currentIndex >= totalRows - 1 : false}\n                onClick={() =>\n                  updateRowOrder({\n                    rowId: row.id,\n                    newIndex: currentIndex + 1,\n                  })\n                }\n              >\n                <ArrowDownIcon /> Send backward\n              </MenuItem>\n              <>\n                {totalRows && (\n                  <MenuItem\n                    isDisabled={currentIndex >= totalRows - 1}\n                    onClick={() =>\n                      updateRowOrder({\n                        rowId: row.id,\n                        newIndex: totalRows,\n                      })\n                    }\n                  >\n                    <ArrowBottomIcon /> Send to back\n                  </MenuItem>\n                )}\n              </>\n            </MenuButton>\n          )}\n        </Box>\n      );\n    },\n  });\n\n  const tableSettings = useMemo(\n    () => (\n      <>\n        {hasChangeableDensity && (\n          <MenuButton\n            ariaLabel=\"Table density\"\n            endIcon={<ListIcon />}\n            menuAlignment=\"right\"\n            shouldCloseOnSelect={false}\n          >\n            <>\n              {densityValues.map((value: MRT_DensityState) => (\n                <MenuItem\n                  isSelected={density === value}\n                  key={value}\n                  onClick={() => setDensity(value)}\n                >\n                  {`${value.charAt(0).toUpperCase()}${value.slice(1)}`}\n                </MenuItem>\n              ))}\n            </>\n          </MenuButton>\n        )}\n\n        {hasColumnVisibility && (\n          <MenuButton\n            ariaLabel=\"Show/hide columns\"\n            endIcon={<ShowIcon />}\n            menuAlignment=\"right\"\n            shouldCloseOnSelect={false}\n          >\n            <>\n              {columns\n                .filter((column) => column.enableHiding !== false)\n                .map((column) => (\n                  <MenuItem\n                    key={column.accessorKey}\n                    onClick={() => handleColumnVisibility(column.accessorKey)}\n                  >\n                    <MuiCheckbox\n                      checked={columnVisibility[column.accessorKey] !== false}\n                    />\n                    {column.header}\n                  </MenuItem>\n                ))}\n            </>\n          </MenuButton>\n        )}\n      </>\n    ),\n    [\n      columnVisibility,\n      columns,\n      density,\n      hasChangeableDensity,\n      handleColumnVisibility,\n      hasColumnVisibility,\n    ],\n  );\n\n  return (\n    <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 4 }}>\n      <DataFilters\n        additionalActions={tableSettings}\n        filters={\n          hasFilters\n            ? columns\n                .filter((column) => column.enableColumnFilter !== false)\n                .map((column) => {\n                  return {\n                    id: column.accessorKey,\n                    label: column.header,\n                    variant: column.filterVariant ?? \"text\",\n                    options: column.filterSelectOptions,\n                  };\n                })\n            : undefined\n        }\n        hasSearchSubmitButton={hasSearchSubmitButton}\n        onChangeFilters={handleFilters}\n        onChangeSearch={hasSearch ? handleSearch : undefined}\n        searchDelayTime={searchDelayTime}\n      />\n\n      <MRT_TableContainer table={table} />\n\n      {hasPagination && (\n        <DataTablePagination\n          currentNumberOfResults={data.length}\n          currentPage={page}\n          isNextButtonDisabled={false} // TODO: Add logic for disabling next/load more button\n          isPreviousButtonDisabled={page <= 1}\n          onClickNext={() => {\n            if (paginationType === \"loadMore\") {\n              setResultsPerPage(resultsPerPage + resultsPerPageProp);\n            } else {\n              setPage(page + 1);\n            }\n          }}\n          onClickPrevious={() => setPage(page - 1)}\n          paginationType={paginationType}\n        />\n      )}\n    </Box>\n  );\n};\n\nconst MemoizedDataTable = memo(DataTable);\nMemoizedDataTable.displayName = \"DataTable\";\n\nexport { MemoizedDataTable as DataTable };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/labs/DataView/BulkActionsMenu.js

@@ -12,9 +12,9 @@
 
 import styled from "@emotion/styled";
 import { memo, useCallback } from "react";
-import { useTranslation } from "react-i18next";
 import { Box } from "../../Box.js";
 import { Button, MenuButton } from "../../Buttons/index.js";
+import { useTranslation } from "../../i18n.generated/i18n.js";
 import { ChevronDownIcon } from "../../icons.generated/index.js";
 import { useOdysseyDesignTokens } from "../../OdysseyDesignTokensContext.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/dist/esm/labs/DataView/BulkActionsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"BulkActionsMenu.js","names":["styled","memo","useCallback","useTranslation","Box","Button","MenuButton","ChevronDownIcon","useOdysseyDesignTokens","jsx","_jsx","jsxs","_jsxs","BulkActionsContainer","shouldForwardProp","prop","odysseyDesignTokens","display","gap","Spacing2","BulkActionsMenu","data","menuItems","rowSelection","setRowSelection","t","selectedRowCount","Object","values","filter","Boolean","length","handleSelectAll","rows","fromEntries","map","row","id","handleSelectNone","children","ariaLabel","buttonLabel","buttonVariant","endIcon","isDisabled","label","onClick","variant","MemoizedBulkActionsMenu","displayName"],"sources":["../../../../src/labs/DataView/BulkActionsMenu.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { MRT_RowData, MRT_RowSelectionState } from \"material-react-table\";\nimport { Dispatch, memo, SetStateAction, useCallback } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Box } from \"../../Box.js\";\nimport { Button, MenuButton } from \"../../Buttons/index.js\";\nimport { ChevronDownIcon } from \"../../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { UniversalProps } from \"./componentTypes.js\";\n\nexport type BulkActionsMenuProps<TData extends MRT_RowData> = {\n  data: TData[];\n  menuItems: UniversalProps<TData>[\"bulkActionMenuItems\"];\n  rowSelection: MRT_RowSelectionState;\n  setRowSelection: Dispatch<SetStateAction<MRT_RowSelectionState>>;\n};\n\nconst BulkActionsContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst BulkActionsMenu = <TData extends MRT_RowData>({\n  data,\n  menuItems,\n  rowSelection,\n  setRowSelection,\n}: BulkActionsMenuProps<TData>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const selectedRowCount = Object.values(rowSelection).filter(Boolean).length;\n\n  const handleSelectAll = useCallback(() => {\n    const rows = Object.fromEntries(\n      data.map((row) => [row.id as string, true]),\n    );\n    setRowSelection(rows);\n  }, [data, setRowSelection]);\n\n  const handleSelectNone = useCallback(() => {\n    setRowSelection({});\n  }, [setRowSelection]);\n\n  return (\n    <BulkActionsContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {selectedRowCount > 0 && (\n        <MenuButton\n          ariaLabel={t(\"table.actions.arialabel\")}\n          buttonLabel={t(\"table.actions.selectsome\", { selectedRowCount })}\n          buttonVariant=\"primary\"\n          endIcon={<ChevronDownIcon />}\n        >\n          {menuItems?.(rowSelection)}\n        </MenuButton>\n      )}\n      <Box>\n        <Button\n          isDisabled={selectedRowCount === data.length} // Disabled if all are selected\n          label={t(\"table.actions.selectall\")}\n          onClick={handleSelectAll}\n          variant=\"secondary\"\n        />\n        <Button\n          isDisabled={selectedRowCount === 0} // Disabled if none are selected\n          label={t(\"table.actions.selectnone\")}\n          onClick={handleSelectNone}\n          variant=\"secondary\"\n        />\n      </Box>\n    </BulkActionsContainer>\n  );\n};\n\nconst MemoizedBulkActionsMenu = memo(BulkActionsMenu);\nMemoizedBulkActionsMenu.displayName = \"BulkActionsMenu\";\n\nexport { MemoizedBulkActionsMenu as BulkActionsMenu };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AAEpC,SAAmBC,IAAI,EAAkBC,WAAW,QAAQ,OAAO;AACnE,SAASC,cAAc,QAAQ,eAAe;AAE9C,SAASC,GAAG,QAAQ,cAAc;AAClC,SAASC,MAAM,EAAEC,UAAU,QAAQ,wBAAwB;AAC3D,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAEEC,sBAAsB,QACjB,qCAAqC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU7C,MAAMC,oBAAoB,GAAGb,MAAM,CAAC,KAAK,EAAE;EACzCc,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAEC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC/BC,OAAO,EAAE,MAAM;EACfC,GAAG,EAAEF,mBAAmB,CAACG;AAC3B,CAAC,CAAC,CAAC;AAEH,MAAMC,eAAe,GAAGA,CAA4B;EAClDC,IAAI;EACJC,SAAS;EACTC,YAAY;EACZC;AAC2B,CAAC,KAAK;EACjC,MAAMR,mBAAmB,GAAGR,sBAAsB,CAAC,CAAC;EACpD,MAAM;IAAEiB;EAAE,CAAC,GAAGtB,cAAc,CAAC,CAAC;EAE9B,MAAMuB,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAACL,YAAY,CAAC,CAACM,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM;EAE3E,MAAMC,eAAe,GAAG9B,WAAW,CAAC,MAAM;IACxC,MAAM+B,IAAI,GAAGN,MAAM,CAACO,WAAW,CAC7Bb,IAAI,CAACc,GAAG,CAAEC,GAAG,IAAK,CAACA,GAAG,CAACC,EAAE,EAAY,IAAI,CAAC,CAC5C,CAAC;IACDb,eAAe,CAACS,IAAI,CAAC;EACvB,CAAC,EAAE,CAACZ,IAAI,EAAEG,eAAe,CAAC,CAAC;EAE3B,MAAMc,gBAAgB,GAAGpC,WAAW,CAAC,MAAM;IACzCsB,eAAe,CAAC,CAAC,CAAC,CAAC;EACrB,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErB,OACEZ,KAAA,CAACC,oBAAoB;IAACG,mBAAmB,EAAEA,mBAAoB;IAAAuB,QAAA,GAC5Db,gBAAgB,GAAG,CAAC,IACnBhB,IAAA,CAACJ,UAAU;MACTkC,SAAS,EAAEf,CAAC,CAAC,yBAAyB,CAAE;MACxCgB,WAAW,EAAEhB,CAAC,CAAC,0BAA0B,EAAE;QAAEC;MAAiB,CAAC,CAAE;MACjEgB,aAAa,EAAC,SAAS;MACvBC,OAAO,EAAEjC,IAAA,CAACH,eAAe,IAAE,CAAE;MAAAgC,QAAA,EAE5BjB,SAAS,GAAGC,YAAY;IAAC,CAChB,CACb,EACDX,KAAA,CAACR,GAAG;MAAAmC,QAAA,GACF7B,IAAA,CAACL,MAAM;QACLuC,UAAU,EAAElB,gBAAgB,KAAKL,IAAI,CAACU,MAAO;QAC7Cc,KAAK,EAAEpB,CAAC,CAAC,yBAAyB,CAAE;QACpCqB,OAAO,EAAEd,eAAgB;QACzBe,OAAO,EAAC;MAAW,CACpB,CAAC,EACFrC,IAAA,CAACL,MAAM;QACLuC,UAAU,EAAElB,gBAAgB,KAAK,CAAE;QACnCmB,KAAK,EAAEpB,CAAC,CAAC,0BAA0B,CAAE;QACrCqB,OAAO,EAAER,gBAAiB;QAC1BS,OAAO,EAAC;MAAW,CACpB,CAAC;IAAA,CACC,CAAC;EAAA,CACc,CAAC;AAE3B,CAAC;AAED,MAAMC,uBAAuB,GAAG/C,IAAI,CAACmB,eAAe,CAAC;AACrD4B,uBAAuB,CAACC,WAAW,GAAG,iBAAiB;AAEvD,SAASD,uBAAuB,IAAI5B,eAAe","ignoreList":[]}
+{"version":3,"file":"BulkActionsMenu.js","names":["styled","memo","useCallback","Box","Button","MenuButton","useTranslation","ChevronDownIcon","useOdysseyDesignTokens","jsx","_jsx","jsxs","_jsxs","BulkActionsContainer","shouldForwardProp","prop","odysseyDesignTokens","display","gap","Spacing2","BulkActionsMenu","data","menuItems","rowSelection","setRowSelection","t","selectedRowCount","Object","values","filter","Boolean","length","handleSelectAll","rows","fromEntries","map","row","id","handleSelectNone","children","ariaLabel","buttonLabel","buttonVariant","endIcon","isDisabled","label","onClick","variant","MemoizedBulkActionsMenu","displayName"],"sources":["../../../../src/labs/DataView/BulkActionsMenu.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { MRT_RowData, MRT_RowSelectionState } from \"material-react-table\";\nimport { Dispatch, memo, SetStateAction, useCallback } from \"react\";\n\nimport { Box } from \"../../Box.js\";\nimport { Button, MenuButton } from \"../../Buttons/index.js\";\nimport { useTranslation } from \"../../i18n.generated/i18n.js\";\nimport { ChevronDownIcon } from \"../../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { UniversalProps } from \"./componentTypes.js\";\n\nexport type BulkActionsMenuProps<TData extends MRT_RowData> = {\n  data: TData[];\n  menuItems: UniversalProps<TData>[\"bulkActionMenuItems\"];\n  rowSelection: MRT_RowSelectionState;\n  setRowSelection: Dispatch<SetStateAction<MRT_RowSelectionState>>;\n};\n\nconst BulkActionsContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst BulkActionsMenu = <TData extends MRT_RowData>({\n  data,\n  menuItems,\n  rowSelection,\n  setRowSelection,\n}: BulkActionsMenuProps<TData>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const selectedRowCount = Object.values(rowSelection).filter(Boolean).length;\n\n  const handleSelectAll = useCallback(() => {\n    const rows = Object.fromEntries(\n      data.map((row) => [row.id as string, true]),\n    );\n    setRowSelection(rows);\n  }, [data, setRowSelection]);\n\n  const handleSelectNone = useCallback(() => {\n    setRowSelection({});\n  }, [setRowSelection]);\n\n  return (\n    <BulkActionsContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {selectedRowCount > 0 && (\n        <MenuButton\n          ariaLabel={t(\"table.actions.arialabel\")}\n          buttonLabel={t(\"table.actions.selectsome\", { selectedRowCount })}\n          buttonVariant=\"primary\"\n          endIcon={<ChevronDownIcon />}\n        >\n          {menuItems?.(rowSelection)}\n        </MenuButton>\n      )}\n      <Box>\n        <Button\n          isDisabled={selectedRowCount === data.length} // Disabled if all are selected\n          label={t(\"table.actions.selectall\")}\n          onClick={handleSelectAll}\n          variant=\"secondary\"\n        />\n        <Button\n          isDisabled={selectedRowCount === 0} // Disabled if none are selected\n          label={t(\"table.actions.selectnone\")}\n          onClick={handleSelectNone}\n          variant=\"secondary\"\n        />\n      </Box>\n    </BulkActionsContainer>\n  );\n};\n\nconst MemoizedBulkActionsMenu = memo(BulkActionsMenu);\nMemoizedBulkActionsMenu.displayName = \"BulkActionsMenu\";\n\nexport { MemoizedBulkActionsMenu as BulkActionsMenu };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AAEpC,SAAmBC,IAAI,EAAkBC,WAAW,QAAQ,OAAO;AAEnE,SAASC,GAAG,QAAQ,cAAc;AAClC,SAASC,MAAM,EAAEC,UAAU,QAAQ,wBAAwB;AAC3D,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAEEC,sBAAsB,QACjB,qCAAqC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU7C,MAAMC,oBAAoB,GAAGb,MAAM,CAAC,KAAK,EAAE;EACzCc,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAEC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC/BC,OAAO,EAAE,MAAM;EACfC,GAAG,EAAEF,mBAAmB,CAACG;AAC3B,CAAC,CAAC,CAAC;AAEH,MAAMC,eAAe,GAAGA,CAA4B;EAClDC,IAAI;EACJC,SAAS;EACTC,YAAY;EACZC;AAC2B,CAAC,KAAK;EACjC,MAAMR,mBAAmB,GAAGR,sBAAsB,CAAC,CAAC;EACpD,MAAM;IAAEiB;EAAE,CAAC,GAAGnB,cAAc,CAAC,CAAC;EAE9B,MAAMoB,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAACL,YAAY,CAAC,CAACM,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM;EAE3E,MAAMC,eAAe,GAAG9B,WAAW,CAAC,MAAM;IACxC,MAAM+B,IAAI,GAAGN,MAAM,CAACO,WAAW,CAC7Bb,IAAI,CAACc,GAAG,CAAEC,GAAG,IAAK,CAACA,GAAG,CAACC,EAAE,EAAY,IAAI,CAAC,CAC5C,CAAC;IACDb,eAAe,CAACS,IAAI,CAAC;EACvB,CAAC,EAAE,CAACZ,IAAI,EAAEG,eAAe,CAAC,CAAC;EAE3B,MAAMc,gBAAgB,GAAGpC,WAAW,CAAC,MAAM;IACzCsB,eAAe,CAAC,CAAC,CAAC,CAAC;EACrB,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErB,OACEZ,KAAA,CAACC,oBAAoB;IAACG,mBAAmB,EAAEA,mBAAoB;IAAAuB,QAAA,GAC5Db,gBAAgB,GAAG,CAAC,IACnBhB,IAAA,CAACL,UAAU;MACTmC,SAAS,EAAEf,CAAC,CAAC,yBAAyB,CAAE;MACxCgB,WAAW,EAAEhB,CAAC,CAAC,0BAA0B,EAAE;QAAEC;MAAiB,CAAC,CAAE;MACjEgB,aAAa,EAAC,SAAS;MACvBC,OAAO,EAAEjC,IAAA,CAACH,eAAe,IAAE,CAAE;MAAAgC,QAAA,EAE5BjB,SAAS,GAAGC,YAAY;IAAC,CAChB,CACb,EACDX,KAAA,CAACT,GAAG;MAAAoC,QAAA,GACF7B,IAAA,CAACN,MAAM;QACLwC,UAAU,EAAElB,gBAAgB,KAAKL,IAAI,CAACU,MAAO;QAC7Cc,KAAK,EAAEpB,CAAC,CAAC,yBAAyB,CAAE;QACpCqB,OAAO,EAAEd,eAAgB;QACzBe,OAAO,EAAC;MAAW,CACpB,CAAC,EACFrC,IAAA,CAACN,MAAM;QACLwC,UAAU,EAAElB,gBAAgB,KAAK,CAAE;QACnCmB,KAAK,EAAEpB,CAAC,CAAC,0BAA0B,CAAE;QACrCqB,OAAO,EAAER,gBAAiB;QAC1BS,OAAO,EAAC;MAAW,CACpB,CAAC;IAAA,CACC,CAAC;EAAA,CACc,CAAC;AAE3B,CAAC;AAED,MAAMC,uBAAuB,GAAG/C,IAAI,CAACmB,eAAe,CAAC;AACrD4B,uBAAuB,CAACC,WAAW,GAAG,iBAAiB;AAEvD,SAASD,uBAAuB,IAAI5B,eAAe","ignoreList":[]}

package/dist/esm/labs/DataView/DataCard.js

@@ -15,8 +15,8 @@ import _IconButton from "@mui/material/IconButton";
 
 import styled from "@emotion/styled";
 import { memo, useId, useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
 import { Card } from "../../Card.js";
+import { useTranslation } from "../../i18n.generated/i18n.js";
 import { ChevronDownIcon } from "../../icons.generated/ChevronDown.js";
 import { ChevronUpIcon } from "../../icons.generated/ChevronUp.js";
 import { useOdysseyDesignTokens } from "../../OdysseyDesignTokensContext.js";

package/dist/esm/labs/DataView/DataCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataCard.js","names":["styled","memo","useId","useMemo","useState","useTranslation","Card","ChevronDownIcon","ChevronUpIcon","useOdysseyDesignTokens","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CheckboxContainer","shouldForwardProp","prop","odysseyDesignTokens","marginBlockStart","Spacing1","AccessoryPlaceholder","_IconButton","visibility","DataCard","children","description","detailPanel","hasSelection","image","isSelected","onSelectionChange","overline","title","variant","menuButtonChildren","t","titleId","isExpanded","setIsExpanded","SelectionCheckbox","_Checkbox","checked","inputProps","onChange","ExpansionToggle","_Tooltip","onClick","disabled","Accessory","__role","accessory","MemoizedDataCard","displayName"],"sources":["../../../../src/labs/DataView/DataCard.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  Checkbox as MuiCheckbox,\n  IconButton as MuiIconButton,\n  Tooltip as MuiTooltip,\n} from \"@mui/material\";\nimport { memo, useId, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Card, CardProps } from \"../../Card.js\";\nimport { ChevronDownIcon } from \"../../icons.generated/ChevronDown.js\";\nimport { ChevronUpIcon } from \"../../icons.generated/ChevronUp.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\n\nexport type DataCardProps = {\n  children?: CardProps[\"children\"];\n  description?: CardProps[\"description\"];\n  detailPanel?: CardProps[\"detailPanel\"];\n  hasSelection?: boolean;\n  image?: CardProps[\"image\"];\n  isSelected?: boolean;\n  menuButtonChildren?: CardProps[\"menuButtonChildren\"];\n  onSelectionChange?: () => void;\n  overline?: CardProps[\"overline\"];\n  title?: CardProps[\"title\"];\n  variant?: CardProps[\"variant\"];\n};\n\nconst CheckboxContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  marginBlockStart: `-${odysseyDesignTokens.Spacing1}`,\n}));\n\nconst AccessoryPlaceholder = styled(MuiIconButton)(() => ({\n  visibility: \"hidden\" as const,\n}));\n\nconst DataCard = ({\n  children,\n  description,\n  detailPanel,\n  hasSelection,\n  image,\n  isSelected,\n  onSelectionChange,\n  overline,\n  title,\n  variant,\n  menuButtonChildren,\n}: DataCardProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n  const titleId = useId();\n\n  const [isExpanded, setIsExpanded] = useState<boolean>(false);\n\n  const SelectionCheckbox = useMemo(\n    () => (\n      <CheckboxContainer odysseyDesignTokens={odysseyDesignTokens}>\n        <MuiCheckbox\n          checked={isSelected}\n          inputProps={{\n            \"aria-labelledby\": titleId,\n          }}\n          onChange={onSelectionChange}\n        />\n      </CheckboxContainer>\n    ),\n    [isSelected, odysseyDesignTokens, onSelectionChange, titleId],\n  );\n\n  const ExpansionToggle = useMemo(() => {\n    return detailPanel ? (\n      <MuiTooltip\n        title={\n          isExpanded\n            ? t(\"table.rowexpansion.collapse\")\n            : t(\"table.rowexpansion.expand\")\n        }\n      >\n        <MuiIconButton\n          aria-label={\n            isExpanded\n              ? t(\"table.rowexpansion.collapse\")\n              : t(\"table.rowexpansion.expand\")\n          }\n          children={isExpanded ? <ChevronUpIcon /> : <ChevronDownIcon />}\n          onClick={() => setIsExpanded(!isExpanded)}\n        />\n      </MuiTooltip>\n    ) : (\n      <AccessoryPlaceholder disabled>\n        <ChevronDownIcon />\n      </AccessoryPlaceholder>\n    );\n  }, [isExpanded, detailPanel, t]);\n\n  const Accessory = useMemo(() => {\n    return (\n      <>\n        {hasSelection && SelectionCheckbox}\n        {ExpansionToggle}\n      </>\n    );\n  }, [ExpansionToggle, SelectionCheckbox, hasSelection]);\n\n  return (\n    <Card\n      __role=\"listitem\"\n      accessory={Accessory}\n      children={children}\n      description={description}\n      detailPanel={isExpanded && detailPanel}\n      image={image}\n      menuButtonChildren={menuButtonChildren}\n      overline={overline}\n      title={title}\n      titleId={titleId}\n      variant={variant}\n    />\n  );\n};\n\nconst MemoizedDataCard = memo(DataCard);\nMemoizedDataCard.displayName = \"DataCard\";\n\nexport { MemoizedDataCard as DataCard };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DataCard.js","names":["styled","memo","useId","useMemo","useState","Card","useTranslation","ChevronDownIcon","ChevronUpIcon","useOdysseyDesignTokens","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CheckboxContainer","shouldForwardProp","prop","odysseyDesignTokens","marginBlockStart","Spacing1","AccessoryPlaceholder","_IconButton","visibility","DataCard","children","description","detailPanel","hasSelection","image","isSelected","onSelectionChange","overline","title","variant","menuButtonChildren","t","titleId","isExpanded","setIsExpanded","SelectionCheckbox","_Checkbox","checked","inputProps","onChange","ExpansionToggle","_Tooltip","onClick","disabled","Accessory","__role","accessory","MemoizedDataCard","displayName"],"sources":["../../../../src/labs/DataView/DataCard.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  Checkbox as MuiCheckbox,\n  IconButton as MuiIconButton,\n  Tooltip as MuiTooltip,\n} from \"@mui/material\";\nimport { memo, useId, useMemo, useState } from \"react\";\n\nimport { Card, CardProps } from \"../../Card.js\";\nimport { useTranslation } from \"../../i18n.generated/i18n.js\";\nimport { ChevronDownIcon } from \"../../icons.generated/ChevronDown.js\";\nimport { ChevronUpIcon } from \"../../icons.generated/ChevronUp.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\n\nexport type DataCardProps = {\n  children?: CardProps[\"children\"];\n  description?: CardProps[\"description\"];\n  detailPanel?: CardProps[\"detailPanel\"];\n  hasSelection?: boolean;\n  image?: CardProps[\"image\"];\n  isSelected?: boolean;\n  menuButtonChildren?: CardProps[\"menuButtonChildren\"];\n  onSelectionChange?: () => void;\n  overline?: CardProps[\"overline\"];\n  title?: CardProps[\"title\"];\n  variant?: CardProps[\"variant\"];\n};\n\nconst CheckboxContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  marginBlockStart: `-${odysseyDesignTokens.Spacing1}`,\n}));\n\nconst AccessoryPlaceholder = styled(MuiIconButton)(() => ({\n  visibility: \"hidden\" as const,\n}));\n\nconst DataCard = ({\n  children,\n  description,\n  detailPanel,\n  hasSelection,\n  image,\n  isSelected,\n  onSelectionChange,\n  overline,\n  title,\n  variant,\n  menuButtonChildren,\n}: DataCardProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n  const titleId = useId();\n\n  const [isExpanded, setIsExpanded] = useState<boolean>(false);\n\n  const SelectionCheckbox = useMemo(\n    () => (\n      <CheckboxContainer odysseyDesignTokens={odysseyDesignTokens}>\n        <MuiCheckbox\n          checked={isSelected}\n          inputProps={{\n            \"aria-labelledby\": titleId,\n          }}\n          onChange={onSelectionChange}\n        />\n      </CheckboxContainer>\n    ),\n    [isSelected, odysseyDesignTokens, onSelectionChange, titleId],\n  );\n\n  const ExpansionToggle = useMemo(() => {\n    return detailPanel ? (\n      <MuiTooltip\n        title={\n          isExpanded\n            ? t(\"table.rowexpansion.collapse\")\n            : t(\"table.rowexpansion.expand\")\n        }\n      >\n        <MuiIconButton\n          aria-label={\n            isExpanded\n              ? t(\"table.rowexpansion.collapse\")\n              : t(\"table.rowexpansion.expand\")\n          }\n          children={isExpanded ? <ChevronUpIcon /> : <ChevronDownIcon />}\n          onClick={() => setIsExpanded(!isExpanded)}\n        />\n      </MuiTooltip>\n    ) : (\n      <AccessoryPlaceholder disabled>\n        <ChevronDownIcon />\n      </AccessoryPlaceholder>\n    );\n  }, [isExpanded, detailPanel, t]);\n\n  const Accessory = useMemo(() => {\n    return (\n      <>\n        {hasSelection && SelectionCheckbox}\n        {ExpansionToggle}\n      </>\n    );\n  }, [ExpansionToggle, SelectionCheckbox, hasSelection]);\n\n  return (\n    <Card\n      __role=\"listitem\"\n      accessory={Accessory}\n      children={children}\n      description={description}\n      detailPanel={isExpanded && detailPanel}\n      image={image}\n      menuButtonChildren={menuButtonChildren}\n      overline={overline}\n      title={title}\n      titleId={titleId}\n      variant={variant}\n    />\n  );\n};\n\nconst MemoizedDataCard = memo(DataCard);\nMemoizedDataCard.displayName = \"DataCard\";\n\nexport { MemoizedDataCard as DataCard };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/labs/DataView/DataView.js

@@ -12,13 +12,13 @@
 
 import styled from "@emotion/styled";
 import { memo, useCallback, useEffect, useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
 import { Box } from "../../Box.js";
 import { MenuButton } from "../../Buttons/index.js";
 import { Callout } from "../../Callout.js";
 import { createUniqueId } from "../../createUniqueId.js";
 import { useRowReordering } from "../../DataTable/useRowReordering.js";
 import { EmptyState } from "../../EmptyState.js";
+import { useTranslation } from "../../i18n.generated/i18n.js";
 import { MoreIcon } from "../../icons.generated/index.js";
 import { useOdysseyDesignTokens } from "../../OdysseyDesignTokensContext.js";
 import { Pagination, usePagination } from "../../Pagination/index.js";

package/dist/esm/labs/DataView/DataView.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataView.js","names":["styled","memo","useCallback","useEffect","useMemo","useState","useTranslation","Box","MenuButton","Callout","createUniqueId","useRowReordering","EmptyState","MoreIcon","useOdysseyDesignTokens","Pagination","usePagination","Typography","DataFilters","BulkActionsMenu","CardLayoutContent","availableLayouts","allAvailableLayouts","densityValues","fetchData","LayoutSwitcher","TableLayoutContent","TableSettings","useFilterConversion","jsx","_jsx","jsxs","_jsxs","StyledDataViewContainer","shouldForwardProp","prop","odysseyDesignTokens","display","flexDirection","gap","Spacing4","StyledBulkActionsContainer","justifyContent","StyledAdditionalActionsContainer","Spacing2","StyledAdditionalActionsInner","alignItems","StyledMetaTextContainer","marginInlineEnd","DataView","additionalActionButton","additionalActionMenuItems","bulkActionMenuItems","currentPage","emptyPlaceholder","enableVirtualization","enableVirtualizationProp","errorMessage","errorMessageProp","filters","filtersProp","getData","getRowId","getRowIdProp","hasFilters","hasPagination","hasPageInput","hasRowCountInput","hasRowCountLabel","hasSearch","hasSearchSubmitButton","hasRowReordering","hasRowSelection","initialLayout","isEmpty","isEmptyProp","isLoading","isLoadingProp","isNoResults","isNoResultsProp","isPaginationMoreDisabled","isRowReorderingDisabled","metaText","noResultsPlaceholder","onChangeRowSelection","onReorderRows","onRowSelectionChange","paginationType","resultsPerPage","searchDelayTime","cardLayoutOptions","tableLayoutOptions","totalRows","maxPages","maxResultsPerPage","onPaginationChange","t","currentLayout","setCurrentLayout","data","setData","setIsLoading","setIsEmpty","setIsNoResults","setErrorMessage","search","setSearch","initialFilters","setInitialFilters","setFilters","draggingRow","setDraggingRow","rowSelection","setRowSelection","pagination","setPagination","pageIndex","pageSize","tableState","setTableState","columnSorting","columnVisibility","rowDensity","initialDensity","shouldShowFilters","availableFilters","columns","dataQueryParams","page","sort","row","index","parentRow","id","prev","undefined","length","prevValue","emptyState","noResultsInnerContent","description","heading","additionalActions","children","color","ariaLabel","buttonVariant","endIcon","menuAlignment","lastRow","lastRowOnPage","currentRowsCount","rowReorderingUtilities","severity","text","isDisabled","onChangeFilters","onChangeSearch","menuItems","currentPageLabel","isMoreDisabled","loadMoreLabel","maxPageIndex","maxPageSize","nextLabel","previousLabel","rowsPerPageLabel","variant","MemoizedDataView","displayName"],"sources":["../../../../src/labs/DataView/DataView.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  MRT_Row,\n  MRT_RowData,\n  MRT_RowSelectionState,\n} from \"material-react-table\";\nimport { memo, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Box } from \"../../Box.js\";\nimport { MenuButton } from \"../../Buttons/index.js\";\nimport { Callout } from \"../../Callout.js\";\nimport { createUniqueId } from \"../../createUniqueId.js\";\nimport { useRowReordering } from \"../../DataTable/useRowReordering.js\";\nimport { EmptyState } from \"../../EmptyState.js\";\nimport { MoreIcon } from \"../../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Pagination, usePagination } from \"../../Pagination/index.js\";\nimport { Typography } from \"../../Typography.js\";\nimport { DataFilters } from \"../DataFilters.js\";\nimport { BulkActionsMenu } from \"./BulkActionsMenu.js\";\nimport { CardLayoutContent } from \"./CardLayoutContent.js\";\nimport {\n  DataLayout,\n  TableState,\n  UniversalProps,\n  ViewProps,\n} from \"./componentTypes.js\";\nimport {\n  availableLayouts as allAvailableLayouts,\n  densityValues,\n} from \"./constants.js\";\nimport { fetchData } from \"./fetchData.js\";\nimport { LayoutSwitcher } from \"./LayoutSwitcher.js\";\nimport { TableLayoutContent } from \"./TableLayoutContent.js\";\nimport { TableSettings } from \"./TableSettings.js\";\nimport { useFilterConversion } from \"./useFilterConversion.js\";\n\nexport type DataViewProps<TData extends MRT_RowData> = UniversalProps<TData> &\n  ViewProps<TData, DataLayout>;\ntype DataViewComponent = (<TData extends MRT_RowData>(\n  props: DataViewProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst StyledDataViewContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: odysseyDesignTokens.Spacing4,\n}));\n\nconst StyledBulkActionsContainer = styled(\"div\")(() => ({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n}));\n\nconst StyledAdditionalActionsContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  justifyContent: \"flex-end\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst StyledAdditionalActionsInner = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst StyledMetaTextContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  marginInlineEnd: odysseyDesignTokens.Spacing2,\n}));\n\nconst DataView = <TData extends MRT_RowData>({\n  additionalActionButton,\n  additionalActionMenuItems,\n  availableLayouts = allAvailableLayouts,\n  bulkActionMenuItems,\n  currentPage = 1,\n  emptyPlaceholder,\n  enableVirtualization: enableVirtualizationProp,\n  errorMessage: errorMessageProp,\n  filters: filtersProp,\n  getData,\n  getRowId: getRowIdProp,\n  hasFilters,\n  hasPagination,\n  hasPageInput,\n  hasRowCountInput,\n  hasRowCountLabel,\n  hasSearch,\n  hasSearchSubmitButton,\n  hasRowReordering,\n  hasRowSelection,\n  initialLayout,\n  isEmpty: isEmptyProp,\n  isLoading: isLoadingProp,\n  isNoResults: isNoResultsProp,\n  isPaginationMoreDisabled,\n  isRowReorderingDisabled,\n  metaText,\n  noResultsPlaceholder,\n  onChangeRowSelection,\n  onReorderRows,\n  onRowSelectionChange,\n  paginationType = \"paged\",\n  resultsPerPage = 20,\n  searchDelayTime,\n  cardLayoutOptions,\n  tableLayoutOptions,\n  totalRows,\n  maxPages,\n  maxResultsPerPage,\n  onPaginationChange,\n}: DataViewProps<TData>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const [currentLayout, setCurrentLayout] = useState<DataLayout>(\n    initialLayout ?? availableLayouts[0],\n  );\n\n  const [data, setData] = useState<TData[]>([]);\n  const [isLoading, setIsLoading] = useState<boolean>(isLoadingProp ?? true);\n  const [isEmpty, setIsEmpty] = useState<boolean>(isEmptyProp ?? true);\n  const [isNoResults, setIsNoResults] = useState<boolean>(\n    isNoResultsProp ?? false,\n  );\n  const [errorMessage, setErrorMessage] =\n    useState<UniversalProps<TData>[\"errorMessage\"]>(errorMessageProp);\n\n  const [search, setSearch] = useState<string>(\"\");\n\n  const [initialFilters, setInitialFilters] =\n    useState<UniversalProps<TData>[\"filters\"]>(filtersProp);\n  const [filters, setFilters] =\n    useState<UniversalProps<TData>[\"filters\"]>(filtersProp);\n\n  const [draggingRow, setDraggingRow] = useState<MRT_Row<TData> | null>();\n\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n\n  useEffect(() => {\n    onChangeRowSelection?.(rowSelection);\n  }, [rowSelection, onChangeRowSelection]);\n\n  useEffect(() => {\n    onRowSelectionChange?.(rowSelection);\n  }, [rowSelection, onRowSelectionChange]);\n\n  const [pagination, setPagination] = useState({\n    pageIndex: currentPage,\n    pageSize: resultsPerPage,\n  });\n\n  const [tableState, setTableState] = useState<TableState>({\n    columnSorting: [],\n    columnVisibility: {},\n    rowDensity: tableLayoutOptions?.initialDensity ?? densityValues[0],\n  });\n\n  const shouldShowFilters =\n    hasSearch ||\n    hasFilters ||\n    additionalActionButton ||\n    additionalActionMenuItems;\n\n  const availableFilters = useFilterConversion({\n    filters: filters,\n    columns: tableLayoutOptions?.columns,\n  });\n\n  useEffect(() => {\n    if (!initialFilters && availableFilters) {\n      setInitialFilters(availableFilters);\n    }\n  }, [availableFilters, initialFilters]);\n\n  const dataQueryParams = useMemo(\n    () => ({\n      page: pagination.pageIndex,\n      resultsPerPage: pagination.pageSize,\n      search,\n      filters: availableFilters,\n      sort: tableState?.columnSorting,\n    }),\n    [\n      pagination.pageIndex,\n      pagination.pageSize,\n      search,\n      availableFilters,\n      tableState?.columnSorting,\n    ],\n  );\n\n  const getRowId = useCallback<Required<UniversalProps<TData>>[\"getRowId\"]>(\n    (row, index, parentRow) => {\n      if (getRowIdProp) {\n        return getRowIdProp(row, index, parentRow);\n      }\n      if (row.id) {\n        return row.id as string;\n      }\n      return createUniqueId();\n    },\n    [getRowIdProp],\n  );\n\n  // Update pagination state if props change\n  useEffect(() => {\n    setPagination({\n      pageIndex: currentPage,\n      pageSize: resultsPerPage,\n    });\n  }, [currentPage, resultsPerPage]);\n\n  // Reset pagination if search or filters change\n  useEffect(() => {\n    setPagination((prev) => ({\n      pageIndex: 1,\n      pageSize: paginationType == \"loadMore\" ? resultsPerPage : prev.pageSize,\n    }));\n  }, [filters, paginationType, resultsPerPage, search]);\n\n  // Fire onPaginationChange if pagination changes\n  useEffect(() => {\n    onPaginationChange?.(pagination);\n  }, [onPaginationChange, pagination]);\n\n  // Retrieve the data\n  useEffect(() => {\n    fetchData({\n      dataQueryParams,\n      errorMessageProp,\n      getData,\n      setData,\n      setErrorMessage,\n      // Only include setIsLoading if that's not being controlled manually\n      setIsLoading: isLoadingProp ? undefined : setIsLoading,\n    });\n  }, [dataQueryParams, errorMessageProp, getData, isLoadingProp]);\n\n  // When data is updated\n  useEffect(() => {\n    setIsEmpty(\n      pagination.pageIndex === currentPage &&\n        pagination.pageSize === resultsPerPage &&\n        search === \"\" &&\n        (!hasFilters || filters === initialFilters) &&\n        data.length === 0,\n    );\n  }, [\n    currentPage,\n    data,\n    filters,\n    hasFilters,\n    initialFilters,\n    pagination,\n    resultsPerPage,\n    search,\n  ]);\n\n  // Change loading, empty and noResults state on prop change\n  useEffect(() => {\n    setIsLoading((prevValue) => isLoadingProp ?? prevValue);\n  }, [isLoadingProp]);\n\n  useEffect(() => {\n    setIsEmpty((prevValue) => isEmptyProp ?? prevValue);\n  }, [isEmptyProp]);\n\n  useEffect(() => {\n    setIsNoResults((prevValue) => isNoResultsProp ?? prevValue);\n  }, [isNoResultsProp]);\n\n  const emptyState = useMemo(() => {\n    const noResultsInnerContent = noResultsPlaceholder || (\n      <EmptyState\n        description={t(\"table.noresults.text\")}\n        heading={t(\"table.noresults.heading\")}\n      />\n    );\n\n    if (isEmpty) {\n      return emptyPlaceholder || noResultsInnerContent;\n    }\n\n    if (isNoResults) {\n      return noResultsInnerContent;\n    }\n\n    return;\n  }, [noResultsPlaceholder, t, isEmpty, isNoResults, emptyPlaceholder]);\n\n  const additionalActions = useMemo(() => {\n    return (\n      (metaText ||\n        (currentLayout === \"table\" && tableLayoutOptions) ||\n        availableLayouts.length > 1 ||\n        additionalActionButton ||\n        additionalActionMenuItems) && (\n        <StyledAdditionalActionsInner odysseyDesignTokens={odysseyDesignTokens}>\n          {metaText && (\n            <StyledMetaTextContainer odysseyDesignTokens={odysseyDesignTokens}>\n              <Typography color=\"textSecondary\">{metaText}</Typography>\n            </StyledMetaTextContainer>\n          )}\n\n          {currentLayout === \"table\" && tableLayoutOptions && (\n            <TableSettings\n              setTableState={setTableState}\n              tableLayoutOptions={tableLayoutOptions}\n              tableState={tableState}\n            />\n          )}\n\n          {availableLayouts.length > 1 && (\n            <LayoutSwitcher\n              availableLayouts={availableLayouts}\n              currentLayout={currentLayout}\n              setCurrentLayout={setCurrentLayout}\n            />\n          )}\n\n          {additionalActionButton}\n\n          {additionalActionMenuItems && (\n            <MenuButton\n              ariaLabel={t(\"table.moreactions.arialabel\")}\n              buttonVariant=\"secondary\"\n              endIcon={<MoreIcon />}\n              menuAlignment=\"right\"\n            >\n              {additionalActionMenuItems}\n            </MenuButton>\n          )}\n        </StyledAdditionalActionsInner>\n      )\n    );\n  }, [\n    additionalActionButton,\n    additionalActionMenuItems,\n    availableLayouts,\n    currentLayout,\n    metaText,\n    odysseyDesignTokens,\n    tableLayoutOptions,\n    tableState,\n    t,\n  ]);\n\n  const enableVirtualization = useMemo(\n    () => enableVirtualizationProp ?? paginationType === \"loadMore\",\n    [enableVirtualizationProp, paginationType],\n  );\n\n  const { lastRow: lastRowOnPage } = usePagination({\n    currentRowsCount: data.length,\n    pageIndex: pagination.pageIndex,\n    pageSize: pagination.pageSize,\n    totalRows,\n  });\n\n  const rowReorderingUtilities = useRowReordering({\n    totalRows,\n    onReorderRows,\n    data,\n    setData,\n    draggingRow,\n    setDraggingRow,\n    resultsPerPage: pagination.pageSize,\n    page: pagination.pageIndex,\n  });\n\n  return (\n    <StyledDataViewContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {errorMessage && (\n        <Box>\n          <Callout severity=\"error\" text={errorMessage} />\n        </Box>\n      )}\n\n      {shouldShowFilters && (\n        <DataFilters\n          additionalActions={additionalActions}\n          filters={hasFilters ? availableFilters : undefined}\n          hasSearchSubmitButton={hasSearchSubmitButton}\n          isDisabled={isEmpty}\n          onChangeFilters={hasFilters ? setFilters : undefined}\n          onChangeSearch={hasSearch ? setSearch : undefined}\n          searchDelayTime={searchDelayTime}\n        />\n      )}\n\n      {(bulkActionMenuItems || hasRowSelection) && (\n        <StyledBulkActionsContainer>\n          <BulkActionsMenu\n            data={data}\n            menuItems={bulkActionMenuItems}\n            rowSelection={rowSelection}\n            setRowSelection={setRowSelection}\n          />\n          {!shouldShowFilters && additionalActions}\n        </StyledBulkActionsContainer>\n      )}\n\n      {!shouldShowFilters &&\n        !bulkActionMenuItems &&\n        !hasRowSelection &&\n        additionalActions && (\n          <StyledAdditionalActionsContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            {additionalActions}\n          </StyledAdditionalActionsContainer>\n        )}\n\n      {currentLayout === \"table\" && tableLayoutOptions && (\n        <TableLayoutContent\n          columns={tableLayoutOptions.columns}\n          data={data}\n          draggingRow={draggingRow}\n          emptyState={emptyState}\n          enableVirtualization={enableVirtualization}\n          getRowId={getRowIdProp || getRowId}\n          hasRowReordering={hasRowReordering}\n          hasRowSelection={hasRowSelection}\n          isEmpty={isEmpty}\n          isLoading={isLoading}\n          isNoResults={isNoResults}\n          isRowReorderingDisabled={isRowReorderingDisabled}\n          onReorderRows={onReorderRows}\n          pagination={pagination}\n          rowReorderingUtilities={rowReorderingUtilities}\n          rowSelection={rowSelection}\n          setRowSelection={setRowSelection}\n          setTableState={setTableState}\n          tableLayoutOptions={tableLayoutOptions}\n          tableState={tableState}\n          totalRows={totalRows}\n        />\n      )}\n      {(currentLayout === \"list\" || currentLayout === \"grid\") &&\n        cardLayoutOptions && (\n          <CardLayoutContent\n            cardLayoutOptions={cardLayoutOptions}\n            currentLayout={currentLayout}\n            data={data}\n            draggingRow={draggingRow}\n            emptyState={emptyState}\n            getRowId={getRowIdProp || getRowId}\n            hasRowReordering={hasRowReordering}\n            hasRowSelection={hasRowSelection}\n            isEmpty={isEmpty}\n            isLoading={isLoading}\n            isNoResults={isNoResults}\n            isRowReorderingDisabled={isRowReorderingDisabled}\n            onReorderRows={onReorderRows}\n            pagination={pagination}\n            rowReorderingUtilities={rowReorderingUtilities}\n            rowSelection={rowSelection}\n            setRowSelection={setRowSelection}\n            totalRows={totalRows}\n          />\n        )}\n\n      {hasPagination && (\n        <Pagination\n          currentPageLabel={t(\"pagination.page\")}\n          currentRowsCount={data.length}\n          hasPageInput={hasPageInput}\n          hasRowCountInput={hasRowCountInput}\n          hasRowCountLabel={hasRowCountLabel}\n          isDisabled={isEmpty}\n          isMoreDisabled={isPaginationMoreDisabled}\n          lastRow={lastRowOnPage}\n          loadMoreLabel={t(\"pagination.loadmore\")}\n          maxPageIndex={maxPages}\n          maxPageSize={maxResultsPerPage}\n          nextLabel={t(\"pagination.next\")}\n          onPaginationChange={setPagination}\n          pageIndex={pagination.pageIndex}\n          pageSize={pagination.pageSize}\n          previousLabel={t(\"pagination.previous\")}\n          rowsPerPageLabel={t(\"pagination.rowsperpage\")}\n          totalRows={totalRows}\n          variant={paginationType}\n        />\n      )}\n    </StyledDataViewContainer>\n  );\n};\n\nconst MemoizedDataView = memo(DataView) as DataViewComponent;\nMemoizedDataView.displayName = \"DataView\";\n\nexport { MemoizedDataView as DataView };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DataView.js","names":["styled","memo","useCallback","useEffect","useMemo","useState","Box","MenuButton","Callout","createUniqueId","useRowReordering","EmptyState","useTranslation","MoreIcon","useOdysseyDesignTokens","Pagination","usePagination","Typography","DataFilters","BulkActionsMenu","CardLayoutContent","availableLayouts","allAvailableLayouts","densityValues","fetchData","LayoutSwitcher","TableLayoutContent","TableSettings","useFilterConversion","jsx","_jsx","jsxs","_jsxs","StyledDataViewContainer","shouldForwardProp","prop","odysseyDesignTokens","display","flexDirection","gap","Spacing4","StyledBulkActionsContainer","justifyContent","StyledAdditionalActionsContainer","Spacing2","StyledAdditionalActionsInner","alignItems","StyledMetaTextContainer","marginInlineEnd","DataView","additionalActionButton","additionalActionMenuItems","bulkActionMenuItems","currentPage","emptyPlaceholder","enableVirtualization","enableVirtualizationProp","errorMessage","errorMessageProp","filters","filtersProp","getData","getRowId","getRowIdProp","hasFilters","hasPagination","hasPageInput","hasRowCountInput","hasRowCountLabel","hasSearch","hasSearchSubmitButton","hasRowReordering","hasRowSelection","initialLayout","isEmpty","isEmptyProp","isLoading","isLoadingProp","isNoResults","isNoResultsProp","isPaginationMoreDisabled","isRowReorderingDisabled","metaText","noResultsPlaceholder","onChangeRowSelection","onReorderRows","onRowSelectionChange","paginationType","resultsPerPage","searchDelayTime","cardLayoutOptions","tableLayoutOptions","totalRows","maxPages","maxResultsPerPage","onPaginationChange","t","currentLayout","setCurrentLayout","data","setData","setIsLoading","setIsEmpty","setIsNoResults","setErrorMessage","search","setSearch","initialFilters","setInitialFilters","setFilters","draggingRow","setDraggingRow","rowSelection","setRowSelection","pagination","setPagination","pageIndex","pageSize","tableState","setTableState","columnSorting","columnVisibility","rowDensity","initialDensity","shouldShowFilters","availableFilters","columns","dataQueryParams","page","sort","row","index","parentRow","id","prev","undefined","length","prevValue","emptyState","noResultsInnerContent","description","heading","additionalActions","children","color","ariaLabel","buttonVariant","endIcon","menuAlignment","lastRow","lastRowOnPage","currentRowsCount","rowReorderingUtilities","severity","text","isDisabled","onChangeFilters","onChangeSearch","menuItems","currentPageLabel","isMoreDisabled","loadMoreLabel","maxPageIndex","maxPageSize","nextLabel","previousLabel","rowsPerPageLabel","variant","MemoizedDataView","displayName"],"sources":["../../../../src/labs/DataView/DataView.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  MRT_Row,\n  MRT_RowData,\n  MRT_RowSelectionState,\n} from \"material-react-table\";\nimport { memo, useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport { Box } from \"../../Box.js\";\nimport { MenuButton } from \"../../Buttons/index.js\";\nimport { Callout } from \"../../Callout.js\";\nimport { createUniqueId } from \"../../createUniqueId.js\";\nimport { useRowReordering } from \"../../DataTable/useRowReordering.js\";\nimport { EmptyState } from \"../../EmptyState.js\";\nimport { useTranslation } from \"../../i18n.generated/i18n.js\";\nimport { MoreIcon } from \"../../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Pagination, usePagination } from \"../../Pagination/index.js\";\nimport { Typography } from \"../../Typography.js\";\nimport { DataFilters } from \"../DataFilters.js\";\nimport { BulkActionsMenu } from \"./BulkActionsMenu.js\";\nimport { CardLayoutContent } from \"./CardLayoutContent.js\";\nimport {\n  DataLayout,\n  TableState,\n  UniversalProps,\n  ViewProps,\n} from \"./componentTypes.js\";\nimport {\n  availableLayouts as allAvailableLayouts,\n  densityValues,\n} from \"./constants.js\";\nimport { fetchData } from \"./fetchData.js\";\nimport { LayoutSwitcher } from \"./LayoutSwitcher.js\";\nimport { TableLayoutContent } from \"./TableLayoutContent.js\";\nimport { TableSettings } from \"./TableSettings.js\";\nimport { useFilterConversion } from \"./useFilterConversion.js\";\n\nexport type DataViewProps<TData extends MRT_RowData> = UniversalProps<TData> &\n  ViewProps<TData, DataLayout>;\ntype DataViewComponent = (<TData extends MRT_RowData>(\n  props: DataViewProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst StyledDataViewContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: odysseyDesignTokens.Spacing4,\n}));\n\nconst StyledBulkActionsContainer = styled(\"div\")(() => ({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n}));\n\nconst StyledAdditionalActionsContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  justifyContent: \"flex-end\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst StyledAdditionalActionsInner = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst StyledMetaTextContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  marginInlineEnd: odysseyDesignTokens.Spacing2,\n}));\n\nconst DataView = <TData extends MRT_RowData>({\n  additionalActionButton,\n  additionalActionMenuItems,\n  availableLayouts = allAvailableLayouts,\n  bulkActionMenuItems,\n  currentPage = 1,\n  emptyPlaceholder,\n  enableVirtualization: enableVirtualizationProp,\n  errorMessage: errorMessageProp,\n  filters: filtersProp,\n  getData,\n  getRowId: getRowIdProp,\n  hasFilters,\n  hasPagination,\n  hasPageInput,\n  hasRowCountInput,\n  hasRowCountLabel,\n  hasSearch,\n  hasSearchSubmitButton,\n  hasRowReordering,\n  hasRowSelection,\n  initialLayout,\n  isEmpty: isEmptyProp,\n  isLoading: isLoadingProp,\n  isNoResults: isNoResultsProp,\n  isPaginationMoreDisabled,\n  isRowReorderingDisabled,\n  metaText,\n  noResultsPlaceholder,\n  onChangeRowSelection,\n  onReorderRows,\n  onRowSelectionChange,\n  paginationType = \"paged\",\n  resultsPerPage = 20,\n  searchDelayTime,\n  cardLayoutOptions,\n  tableLayoutOptions,\n  totalRows,\n  maxPages,\n  maxResultsPerPage,\n  onPaginationChange,\n}: DataViewProps<TData>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const [currentLayout, setCurrentLayout] = useState<DataLayout>(\n    initialLayout ?? availableLayouts[0],\n  );\n\n  const [data, setData] = useState<TData[]>([]);\n  const [isLoading, setIsLoading] = useState<boolean>(isLoadingProp ?? true);\n  const [isEmpty, setIsEmpty] = useState<boolean>(isEmptyProp ?? true);\n  const [isNoResults, setIsNoResults] = useState<boolean>(\n    isNoResultsProp ?? false,\n  );\n  const [errorMessage, setErrorMessage] =\n    useState<UniversalProps<TData>[\"errorMessage\"]>(errorMessageProp);\n\n  const [search, setSearch] = useState<string>(\"\");\n\n  const [initialFilters, setInitialFilters] =\n    useState<UniversalProps<TData>[\"filters\"]>(filtersProp);\n  const [filters, setFilters] =\n    useState<UniversalProps<TData>[\"filters\"]>(filtersProp);\n\n  const [draggingRow, setDraggingRow] = useState<MRT_Row<TData> | null>();\n\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n\n  useEffect(() => {\n    onChangeRowSelection?.(rowSelection);\n  }, [rowSelection, onChangeRowSelection]);\n\n  useEffect(() => {\n    onRowSelectionChange?.(rowSelection);\n  }, [rowSelection, onRowSelectionChange]);\n\n  const [pagination, setPagination] = useState({\n    pageIndex: currentPage,\n    pageSize: resultsPerPage,\n  });\n\n  const [tableState, setTableState] = useState<TableState>({\n    columnSorting: [],\n    columnVisibility: {},\n    rowDensity: tableLayoutOptions?.initialDensity ?? densityValues[0],\n  });\n\n  const shouldShowFilters =\n    hasSearch ||\n    hasFilters ||\n    additionalActionButton ||\n    additionalActionMenuItems;\n\n  const availableFilters = useFilterConversion({\n    filters: filters,\n    columns: tableLayoutOptions?.columns,\n  });\n\n  useEffect(() => {\n    if (!initialFilters && availableFilters) {\n      setInitialFilters(availableFilters);\n    }\n  }, [availableFilters, initialFilters]);\n\n  const dataQueryParams = useMemo(\n    () => ({\n      page: pagination.pageIndex,\n      resultsPerPage: pagination.pageSize,\n      search,\n      filters: availableFilters,\n      sort: tableState?.columnSorting,\n    }),\n    [\n      pagination.pageIndex,\n      pagination.pageSize,\n      search,\n      availableFilters,\n      tableState?.columnSorting,\n    ],\n  );\n\n  const getRowId = useCallback<Required<UniversalProps<TData>>[\"getRowId\"]>(\n    (row, index, parentRow) => {\n      if (getRowIdProp) {\n        return getRowIdProp(row, index, parentRow);\n      }\n      if (row.id) {\n        return row.id as string;\n      }\n      return createUniqueId();\n    },\n    [getRowIdProp],\n  );\n\n  // Update pagination state if props change\n  useEffect(() => {\n    setPagination({\n      pageIndex: currentPage,\n      pageSize: resultsPerPage,\n    });\n  }, [currentPage, resultsPerPage]);\n\n  // Reset pagination if search or filters change\n  useEffect(() => {\n    setPagination((prev) => ({\n      pageIndex: 1,\n      pageSize: paginationType == \"loadMore\" ? resultsPerPage : prev.pageSize,\n    }));\n  }, [filters, paginationType, resultsPerPage, search]);\n\n  // Fire onPaginationChange if pagination changes\n  useEffect(() => {\n    onPaginationChange?.(pagination);\n  }, [onPaginationChange, pagination]);\n\n  // Retrieve the data\n  useEffect(() => {\n    fetchData({\n      dataQueryParams,\n      errorMessageProp,\n      getData,\n      setData,\n      setErrorMessage,\n      // Only include setIsLoading if that's not being controlled manually\n      setIsLoading: isLoadingProp ? undefined : setIsLoading,\n    });\n  }, [dataQueryParams, errorMessageProp, getData, isLoadingProp]);\n\n  // When data is updated\n  useEffect(() => {\n    setIsEmpty(\n      pagination.pageIndex === currentPage &&\n        pagination.pageSize === resultsPerPage &&\n        search === \"\" &&\n        (!hasFilters || filters === initialFilters) &&\n        data.length === 0,\n    );\n  }, [\n    currentPage,\n    data,\n    filters,\n    hasFilters,\n    initialFilters,\n    pagination,\n    resultsPerPage,\n    search,\n  ]);\n\n  // Change loading, empty and noResults state on prop change\n  useEffect(() => {\n    setIsLoading((prevValue) => isLoadingProp ?? prevValue);\n  }, [isLoadingProp]);\n\n  useEffect(() => {\n    setIsEmpty((prevValue) => isEmptyProp ?? prevValue);\n  }, [isEmptyProp]);\n\n  useEffect(() => {\n    setIsNoResults((prevValue) => isNoResultsProp ?? prevValue);\n  }, [isNoResultsProp]);\n\n  const emptyState = useMemo(() => {\n    const noResultsInnerContent = noResultsPlaceholder || (\n      <EmptyState\n        description={t(\"table.noresults.text\")}\n        heading={t(\"table.noresults.heading\")}\n      />\n    );\n\n    if (isEmpty) {\n      return emptyPlaceholder || noResultsInnerContent;\n    }\n\n    if (isNoResults) {\n      return noResultsInnerContent;\n    }\n\n    return;\n  }, [noResultsPlaceholder, t, isEmpty, isNoResults, emptyPlaceholder]);\n\n  const additionalActions = useMemo(() => {\n    return (\n      (metaText ||\n        (currentLayout === \"table\" && tableLayoutOptions) ||\n        availableLayouts.length > 1 ||\n        additionalActionButton ||\n        additionalActionMenuItems) && (\n        <StyledAdditionalActionsInner odysseyDesignTokens={odysseyDesignTokens}>\n          {metaText && (\n            <StyledMetaTextContainer odysseyDesignTokens={odysseyDesignTokens}>\n              <Typography color=\"textSecondary\">{metaText}</Typography>\n            </StyledMetaTextContainer>\n          )}\n\n          {currentLayout === \"table\" && tableLayoutOptions && (\n            <TableSettings\n              setTableState={setTableState}\n              tableLayoutOptions={tableLayoutOptions}\n              tableState={tableState}\n            />\n          )}\n\n          {availableLayouts.length > 1 && (\n            <LayoutSwitcher\n              availableLayouts={availableLayouts}\n              currentLayout={currentLayout}\n              setCurrentLayout={setCurrentLayout}\n            />\n          )}\n\n          {additionalActionButton}\n\n          {additionalActionMenuItems && (\n            <MenuButton\n              ariaLabel={t(\"table.moreactions.arialabel\")}\n              buttonVariant=\"secondary\"\n              endIcon={<MoreIcon />}\n              menuAlignment=\"right\"\n            >\n              {additionalActionMenuItems}\n            </MenuButton>\n          )}\n        </StyledAdditionalActionsInner>\n      )\n    );\n  }, [\n    additionalActionButton,\n    additionalActionMenuItems,\n    availableLayouts,\n    currentLayout,\n    metaText,\n    odysseyDesignTokens,\n    tableLayoutOptions,\n    tableState,\n    t,\n  ]);\n\n  const enableVirtualization = useMemo(\n    () => enableVirtualizationProp ?? paginationType === \"loadMore\",\n    [enableVirtualizationProp, paginationType],\n  );\n\n  const { lastRow: lastRowOnPage } = usePagination({\n    currentRowsCount: data.length,\n    pageIndex: pagination.pageIndex,\n    pageSize: pagination.pageSize,\n    totalRows,\n  });\n\n  const rowReorderingUtilities = useRowReordering({\n    totalRows,\n    onReorderRows,\n    data,\n    setData,\n    draggingRow,\n    setDraggingRow,\n    resultsPerPage: pagination.pageSize,\n    page: pagination.pageIndex,\n  });\n\n  return (\n    <StyledDataViewContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {errorMessage && (\n        <Box>\n          <Callout severity=\"error\" text={errorMessage} />\n        </Box>\n      )}\n\n      {shouldShowFilters && (\n        <DataFilters\n          additionalActions={additionalActions}\n          filters={hasFilters ? availableFilters : undefined}\n          hasSearchSubmitButton={hasSearchSubmitButton}\n          isDisabled={isEmpty}\n          onChangeFilters={hasFilters ? setFilters : undefined}\n          onChangeSearch={hasSearch ? setSearch : undefined}\n          searchDelayTime={searchDelayTime}\n        />\n      )}\n\n      {(bulkActionMenuItems || hasRowSelection) && (\n        <StyledBulkActionsContainer>\n          <BulkActionsMenu\n            data={data}\n            menuItems={bulkActionMenuItems}\n            rowSelection={rowSelection}\n            setRowSelection={setRowSelection}\n          />\n          {!shouldShowFilters && additionalActions}\n        </StyledBulkActionsContainer>\n      )}\n\n      {!shouldShowFilters &&\n        !bulkActionMenuItems &&\n        !hasRowSelection &&\n        additionalActions && (\n          <StyledAdditionalActionsContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            {additionalActions}\n          </StyledAdditionalActionsContainer>\n        )}\n\n      {currentLayout === \"table\" && tableLayoutOptions && (\n        <TableLayoutContent\n          columns={tableLayoutOptions.columns}\n          data={data}\n          draggingRow={draggingRow}\n          emptyState={emptyState}\n          enableVirtualization={enableVirtualization}\n          getRowId={getRowIdProp || getRowId}\n          hasRowReordering={hasRowReordering}\n          hasRowSelection={hasRowSelection}\n          isEmpty={isEmpty}\n          isLoading={isLoading}\n          isNoResults={isNoResults}\n          isRowReorderingDisabled={isRowReorderingDisabled}\n          onReorderRows={onReorderRows}\n          pagination={pagination}\n          rowReorderingUtilities={rowReorderingUtilities}\n          rowSelection={rowSelection}\n          setRowSelection={setRowSelection}\n          setTableState={setTableState}\n          tableLayoutOptions={tableLayoutOptions}\n          tableState={tableState}\n          totalRows={totalRows}\n        />\n      )}\n      {(currentLayout === \"list\" || currentLayout === \"grid\") &&\n        cardLayoutOptions && (\n          <CardLayoutContent\n            cardLayoutOptions={cardLayoutOptions}\n            currentLayout={currentLayout}\n            data={data}\n            draggingRow={draggingRow}\n            emptyState={emptyState}\n            getRowId={getRowIdProp || getRowId}\n            hasRowReordering={hasRowReordering}\n            hasRowSelection={hasRowSelection}\n            isEmpty={isEmpty}\n            isLoading={isLoading}\n            isNoResults={isNoResults}\n            isRowReorderingDisabled={isRowReorderingDisabled}\n            onReorderRows={onReorderRows}\n            pagination={pagination}\n            rowReorderingUtilities={rowReorderingUtilities}\n            rowSelection={rowSelection}\n            setRowSelection={setRowSelection}\n            totalRows={totalRows}\n          />\n        )}\n\n      {hasPagination && (\n        <Pagination\n          currentPageLabel={t(\"pagination.page\")}\n          currentRowsCount={data.length}\n          hasPageInput={hasPageInput}\n          hasRowCountInput={hasRowCountInput}\n          hasRowCountLabel={hasRowCountLabel}\n          isDisabled={isEmpty}\n          isMoreDisabled={isPaginationMoreDisabled}\n          lastRow={lastRowOnPage}\n          loadMoreLabel={t(\"pagination.loadmore\")}\n          maxPageIndex={maxPages}\n          maxPageSize={maxResultsPerPage}\n          nextLabel={t(\"pagination.next\")}\n          onPaginationChange={setPagination}\n          pageIndex={pagination.pageIndex}\n          pageSize={pagination.pageSize}\n          previousLabel={t(\"pagination.previous\")}\n          rowsPerPageLabel={t(\"pagination.rowsperpage\")}\n          totalRows={totalRows}\n          variant={paginationType}\n        />\n      )}\n    </StyledDataViewContainer>\n  );\n};\n\nconst MemoizedDataView = memo(DataView) as DataViewComponent;\nMemoizedDataView.displayName = \"DataView\";\n\nexport { MemoizedDataView as DataView };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/labs/DataView/LayoutSwitcher.js

@@ -11,8 +11,8 @@
  */
 
 import { memo, useCallback, useMemo } from "react";
-import { useTranslation } from "react-i18next";
 import { MenuButton, MenuItem } from "../../Buttons/index.js";
+import { useTranslation } from "../../i18n.generated/i18n.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const LayoutSwitcher = ({
   availableLayouts,

package/dist/esm/labs/DataView/LayoutSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutSwitcher.js","names":["memo","useCallback","useMemo","useTranslation","MenuButton","MenuItem","jsx","_jsx","LayoutSwitcher","availableLayouts","currentLayout","setCurrentLayout","t","changeLayout","value","memoizedMenuItems","map","onClick","label","ariaLabel","buttonLabel","menuAlignment","shouldCloseOnSelect","children","isSelected","MemoizedLayoutSwitcher","displayName"],"sources":["../../../../src/labs/DataView/LayoutSwitcher.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Dispatch, memo, SetStateAction, useCallback, useMemo } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { MenuButton, MenuItem } from \"../../Buttons/index.js\";\nimport { AvailableLayouts, DataLayout } from \"./componentTypes.js\";\n\nexport type LayoutSwitcherProps = {\n  availableLayouts: AvailableLayouts;\n  currentLayout: DataLayout;\n  setCurrentLayout: Dispatch<SetStateAction<DataLayout>>;\n};\n\nconst LayoutSwitcher = ({\n  availableLayouts,\n  currentLayout,\n  setCurrentLayout,\n}: LayoutSwitcherProps) => {\n  const { t } = useTranslation();\n\n  const changeLayout = useCallback(\n    (value: DataLayout) => {\n      setCurrentLayout(value);\n    },\n    [setCurrentLayout],\n  );\n\n  const memoizedMenuItems = useMemo(\n    () =>\n      availableLayouts.map((value: DataLayout) => ({\n        value,\n        onClick: () => changeLayout(value),\n        label: t(`dataview.layout.${value}`),\n      })),\n    [availableLayouts, changeLayout, t],\n  );\n\n  return (\n    <MenuButton\n      ariaLabel={t(\"dataview.layout.arialabel\")}\n      buttonLabel={t(`dataview.layout.${currentLayout}`)}\n      menuAlignment=\"right\"\n      shouldCloseOnSelect={false}\n    >\n      {memoizedMenuItems.map(({ value, onClick, label }) => (\n        <MenuItem\n          isSelected={currentLayout === value}\n          key={value}\n          onClick={onClick}\n        >\n          {label}\n        </MenuItem>\n      ))}\n    </MenuButton>\n  );\n};\n\nconst MemoizedLayoutSwitcher = memo(LayoutSwitcher);\nMemoizedLayoutSwitcher.displayName = \"LayoutSwitcher\";\n\nexport { MemoizedLayoutSwitcher as LayoutSwitcher };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAAmBA,IAAI,EAAkBC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC5E,SAASC,cAAc,QAAQ,eAAe;AAE9C,SAASC,UAAU,EAAEC,QAAQ,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS9D,MAAMC,cAAc,GAAGA,CAAC;EACtBC,gBAAgB;EAChBC,aAAa;EACbC;AACmB,CAAC,KAAK;EACzB,MAAM;IAAEC;EAAE,CAAC,GAAGT,cAAc,CAAC,CAAC;EAE9B,MAAMU,YAAY,GAAGZ,WAAW,CAC7Ba,KAAiB,IAAK;IACrBH,gBAAgB,CAACG,KAAK,CAAC;EACzB,CAAC,EACD,CAACH,gBAAgB,CACnB,CAAC;EAED,MAAMI,iBAAiB,GAAGb,OAAO,CAC/B,MACEO,gBAAgB,CAACO,GAAG,CAAEF,KAAiB,KAAM;IAC3CA,KAAK;IACLG,OAAO,EAAEA,CAAA,KAAMJ,YAAY,CAACC,KAAK,CAAC;IAClCI,KAAK,EAAEN,CAAC,CAAC,mBAAmBE,KAAK,EAAE;EACrC,CAAC,CAAC,CAAC,EACL,CAACL,gBAAgB,EAAEI,YAAY,EAAED,CAAC,CACpC,CAAC;EAED,OACEL,IAAA,CAACH,UAAU;IACTe,SAAS,EAAEP,CAAC,CAAC,2BAA2B,CAAE;IAC1CQ,WAAW,EAAER,CAAC,CAAC,mBAAmBF,aAAa,EAAE,CAAE;IACnDW,aAAa,EAAC,OAAO;IACrBC,mBAAmB,EAAE,KAAM;IAAAC,QAAA,EAE1BR,iBAAiB,CAACC,GAAG,CAAC,CAAC;MAAEF,KAAK;MAAEG,OAAO;MAAEC;IAAM,CAAC,KAC/CX,IAAA,CAACF,QAAQ;MACPmB,UAAU,EAAEd,aAAa,KAAKI,KAAM;MAEpCG,OAAO,EAAEA,OAAQ;MAAAM,QAAA,EAEhBL;IAAK,GAHDJ,KAIG,CACX;EAAC,CACQ,CAAC;AAEjB,CAAC;AAED,MAAMW,sBAAsB,GAAGzB,IAAI,CAACQ,cAAc,CAAC;AACnDiB,sBAAsB,CAACC,WAAW,GAAG,gBAAgB;AAErD,SAASD,sBAAsB,IAAIjB,cAAc","ignoreList":[]}
+{"version":3,"file":"LayoutSwitcher.js","names":["memo","useCallback","useMemo","MenuButton","MenuItem","useTranslation","jsx","_jsx","LayoutSwitcher","availableLayouts","currentLayout","setCurrentLayout","t","changeLayout","value","memoizedMenuItems","map","onClick","label","ariaLabel","buttonLabel","menuAlignment","shouldCloseOnSelect","children","isSelected","MemoizedLayoutSwitcher","displayName"],"sources":["../../../../src/labs/DataView/LayoutSwitcher.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Dispatch, memo, SetStateAction, useCallback, useMemo } from \"react\";\n\nimport { MenuButton, MenuItem } from \"../../Buttons/index.js\";\nimport { useTranslation } from \"../../i18n.generated/i18n.js\";\nimport { AvailableLayouts, DataLayout } from \"./componentTypes.js\";\n\nexport type LayoutSwitcherProps = {\n  availableLayouts: AvailableLayouts;\n  currentLayout: DataLayout;\n  setCurrentLayout: Dispatch<SetStateAction<DataLayout>>;\n};\n\nconst LayoutSwitcher = ({\n  availableLayouts,\n  currentLayout,\n  setCurrentLayout,\n}: LayoutSwitcherProps) => {\n  const { t } = useTranslation();\n\n  const changeLayout = useCallback(\n    (value: DataLayout) => {\n      setCurrentLayout(value);\n    },\n    [setCurrentLayout],\n  );\n\n  const memoizedMenuItems = useMemo(\n    () =>\n      availableLayouts.map((value: DataLayout) => ({\n        value,\n        onClick: () => changeLayout(value),\n        label: t(`dataview.layout.${value}`),\n      })),\n    [availableLayouts, changeLayout, t],\n  );\n\n  return (\n    <MenuButton\n      ariaLabel={t(\"dataview.layout.arialabel\")}\n      buttonLabel={t(`dataview.layout.${currentLayout}`)}\n      menuAlignment=\"right\"\n      shouldCloseOnSelect={false}\n    >\n      {memoizedMenuItems.map(({ value, onClick, label }) => (\n        <MenuItem\n          isSelected={currentLayout === value}\n          key={value}\n          onClick={onClick}\n        >\n          {label}\n        </MenuItem>\n      ))}\n    </MenuButton>\n  );\n};\n\nconst MemoizedLayoutSwitcher = memo(LayoutSwitcher);\nMemoizedLayoutSwitcher.displayName = \"LayoutSwitcher\";\n\nexport { MemoizedLayoutSwitcher as LayoutSwitcher };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAAmBA,IAAI,EAAkBC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAE5E,SAASC,UAAU,EAAEC,QAAQ,QAAQ,wBAAwB;AAC7D,SAASC,cAAc,QAAQ,8BAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS9D,MAAMC,cAAc,GAAGA,CAAC;EACtBC,gBAAgB;EAChBC,aAAa;EACbC;AACmB,CAAC,KAAK;EACzB,MAAM;IAAEC;EAAE,CAAC,GAAGP,cAAc,CAAC,CAAC;EAE9B,MAAMQ,YAAY,GAAGZ,WAAW,CAC7Ba,KAAiB,IAAK;IACrBH,gBAAgB,CAACG,KAAK,CAAC;EACzB,CAAC,EACD,CAACH,gBAAgB,CACnB,CAAC;EAED,MAAMI,iBAAiB,GAAGb,OAAO,CAC/B,MACEO,gBAAgB,CAACO,GAAG,CAAEF,KAAiB,KAAM;IAC3CA,KAAK;IACLG,OAAO,EAAEA,CAAA,KAAMJ,YAAY,CAACC,KAAK,CAAC;IAClCI,KAAK,EAAEN,CAAC,CAAC,mBAAmBE,KAAK,EAAE;EACrC,CAAC,CAAC,CAAC,EACL,CAACL,gBAAgB,EAAEI,YAAY,EAAED,CAAC,CACpC,CAAC;EAED,OACEL,IAAA,CAACJ,UAAU;IACTgB,SAAS,EAAEP,CAAC,CAAC,2BAA2B,CAAE;IAC1CQ,WAAW,EAAER,CAAC,CAAC,mBAAmBF,aAAa,EAAE,CAAE;IACnDW,aAAa,EAAC,OAAO;IACrBC,mBAAmB,EAAE,KAAM;IAAAC,QAAA,EAE1BR,iBAAiB,CAACC,GAAG,CAAC,CAAC;MAAEF,KAAK;MAAEG,OAAO;MAAEC;IAAM,CAAC,KAC/CX,IAAA,CAACH,QAAQ;MACPoB,UAAU,EAAEd,aAAa,KAAKI,KAAM;MAEpCG,OAAO,EAAEA,OAAQ;MAAAM,QAAA,EAEhBL;IAAK,GAHDJ,KAIG,CACX;EAAC,CACQ,CAAC;AAEjB,CAAC;AAED,MAAMW,sBAAsB,GAAGzB,IAAI,CAACQ,cAAc,CAAC;AACnDiB,sBAAsB,CAACC,WAAW,GAAG,gBAAgB;AAErD,SAASD,sBAAsB,IAAIjB,cAAc","ignoreList":[]}

package/dist/esm/labs/DataView/RowActions.js

@@ -11,8 +11,8 @@
  */
 
 import { memo, useCallback } from "react";
-import { useTranslation } from "react-i18next";
 import { MenuItem } from "../../Buttons/index.js";
+import { useTranslation } from "../../i18n.generated/i18n.js";
 import { ArrowBottomIcon, ArrowDownIcon, ArrowTopIcon, ArrowUpIcon } from "../../icons.generated/index.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const RowActions = ({