@okta/odyssey-react-mui 1.13.3 → 1.13.5

package/dist/labs/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","names":["useMaterialReactTable","MRT_TableContainer","memo","useCallback","useEffect","useMemo","useRef","useState","ArrowTopIcon","ArrowBottomIcon","ArrowDownIcon","ArrowUpIcon","DragIndicatorIcon","ListIcon","ShowIcon","MoreIcon","useOdysseyDesignTokens","DataTablePagination","DataFilters","Box","MenuButton","MenuItem","ArrowUnsortedIcon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","densityValues","reorderDataRowsLocally","_ref","currentData","rowId","newIndex","updatedData","rowIndex","findIndex","row","id","removedRow","splice","DataTable","_ref2","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","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","error","handleSortingChange","updater","prevSorting","Function","handleColumnVisibility","columnId","prevVisibility","handleSearch","value","handleFilters","updatedFilters","handleRowSelectionChange","prevRowSelection","updateRowOrder","_ref3","rowVirtualizerInstanceRef","getRowFromTableAndSetHovered","table","nextRow","getRow","setHoveredRow","resetDraggingAndHoveredRow","handleDragHandleKeyDown","_ref4","event","hoveredRow","getState","key","isSpaceKey","isEnterKey","isEscapeKey","isArrowDown","isArrowUp","isSpaceOrEnter","zeroIndexedPageNumber","currentIndex","index","preventDefault","stopPropagation","pageRelativeIndex","setTimeout","TransitionDurationMainAsNumber","nextIndex","handleDragHandleOnDragEnd","cols","getAllColumns","toggleVisibility","handleDragHandleOnDragCapture","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","_ref5","className","find","item","muiTableBodyRowProps","_ref6","undefined","muiRowDragHandleProps","_ref7","title","onKeyDown","onBlur","onDragEnd","onDragCapture","padding","Spacing1","borderRadius","BorderRadiusMain","boxShadow","HueNeutralWhite","PalettePrimaryMain","outline","outlineOffset","renderRowActions","_ref8","display","children","endIcon","size","buttonVariant","ariaLabel","menuAlignment","isDisabled","onClick","tableSettings","shouldCloseOnSelect","map","isSelected","charAt","toUpperCase","slice","filter","_Checkbox","checked","flexDirection","gap","onChangeSearch","onChangeFilters","additionalActions","enableColumnFilter","label","variant","filterVariant","options","filterSelectOptions","currentNumberOfResults","length","currentPage","isPreviousButtonDisabled","isNextButtonDisabled","onClickPrevious","onClickNext","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 {\n  MRT_Updater,\n  MRT_Virtualizer,\n  MRT_RowData,\n  MRT_TableOptions,\n  useMaterialReactTable,\n  MRT_SortingState,\n  MRT_DensityState,\n  MRT_VisibilityState,\n  MRT_TableContainer,\n  MRT_RowSelectionState,\n  MRT_Row,\n  MRT_ColumnDef,\n  MRT_TableInstance,\n} from \"material-react-table\";\nimport {\n  Fragment,\n  ReactElement,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  KeyboardEvent,\n} from \"react\";\nimport {\n  ArrowTopIcon,\n  ArrowBottomIcon,\n  ArrowDownIcon,\n  ArrowUpIcon,\n  DragIndicatorIcon,\n  ListIcon,\n  ShowIcon,\n  MoreIcon,\n} from \"../icons.generated\";\nimport { Checkbox as MuiCheckbox } from \"@mui/material\";\nimport { useOdysseyDesignTokens } from \"../OdysseyDesignTokensContext\";\nimport {\n  DataTablePagination,\n  paginationTypeValues,\n} from \"./DataTablePagination\";\nimport { DataFilter, DataFilters } from \"./DataFilters\";\nimport { Button } from \"../Button\";\nimport { Box } from \"../Box\";\nimport { MenuButton, MenuItem } from \"..\";\nimport { ArrowUnsortedIcon } from \"../icons.generated\";\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 DataColumn = {\n  /**\n   * The unique ID of the column\n   */\n  accessorKey: string;\n  /**\n   * The human-friendly title of the column\n   */\n  header: string;\n  /**\n   * Customize the way each cell in the column is\n   * displayed via a custom React component.\n   */\n  Cell?: MRT_ColumnDef<MRT_RowData>[\"Cell\"];\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<MRT_RowData>[\"filterVariant\"];\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 optional column width, in pixels\n   */\n  size?: number;\n  /**\n   * The minimum column width, in pixels\n   */\n  minSize?: number;\n  /**\n   * The maximum column width, in pixels\n   */\n  maxSize?: number;\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 sortable\n   */\n  enableSorting?: 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 hideable\n   */\n  enableHiding?: boolean;\n};\n\nexport type DataTableProps = {\n  /**\n   * The columns that make up the table\n   */\n  columns: DataColumn[];\n  /**\n   * The data that goes into the table, which will be displayed\n   * as the table rows\n   */\n  data: MRT_TableOptions<MRT_RowData>[\"data\"];\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   * The function to get the ID of a row\n   */\n  getRowId?: MRT_TableOptions<MRT_RowData>[\"getRowId\"];\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   * 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 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 end user can sort columns (ascending, descending, or neither)\n   */\n  hasSorting?: 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 search field will include a Search button, rather than\n   * firing on input change.\n   */\n  hasSearchSubmitButton?: boolean;\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   * Callback that fires when a row (or rows) is selected or unselected.\n   */\n  onRowSelectionChange?: (rowSelection: MRT_RowSelectionState) => void;\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    page?: number;\n    resultsPerPage?: number;\n    search?: string;\n    filters?: DataFilter[];\n    sort?: MRT_SortingState;\n  }) => MRT_TableOptions<MRT_RowData>[\"data\"];\n  /**\n   * Callback that fires when the user reorders rows within the table. Can be used\n   * to propogate order change to the backend.\n   */\n  reorderDataFn?: ({\n    rowId,\n    newIndex,\n  }: {\n    rowId: string;\n    newIndex: number;\n  }) => void;\n  /**\n   * The current page number.\n   */\n  page?: number;\n  /**\n   * The number of results per page.\n   */\n  resultsPerPage?: 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   * Action buttons to display in each row\n   */\n  rowActionButtons?: (\n    row: MRT_RowData\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: MRT_RowData\n  ) => ReactElement<typeof MenuItem | typeof Fragment>;\n};\n\ntype TableType = MRT_TableInstance<MRT_RowData>;\n\nconst reorderDataRowsLocally = ({\n  currentData,\n  rowId,\n  newIndex,\n}: {\n  currentData: MRT_TableOptions<MRT_RowData>[\"data\"];\n  rowId: string;\n  newIndex: number;\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 = ({\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) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const [draggingRow, setDraggingRow] = useState<MRT_Row<MRT_RowData> | null>();\n  const [showSkeletons, setShowSkeletons] = useState<boolean>(true);\n  const [data, setData] =\n    useState<MRT_TableOptions<MRT_RowData>[\"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 as string] = 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 = await fetchDataFn({\n        page: page,\n        resultsPerPage: resultsPerPage,\n        sort: sorting,\n        search: globalFilter,\n        filters: filters,\n      });\n      setData(newData);\n      setShowSkeletons(false);\n    } catch (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 }: { rowId: string; newIndex: number }) => {\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_Virtualizer<HTMLDivElement, HTMLTableRowElement>>(null);\n\n  const getRowFromTableAndSetHovered = (\n    table: TableType,\n    id: MRT_RowData[\"id\"]\n  ) => {\n    if (id) {\n      const nextRow: MRT_RowData = table.getRow(id);\n\n      if (nextRow) {\n        table.setHoveredRow(nextRow);\n      }\n    }\n  };\n\n  const resetDraggingAndHoveredRow = (table: TableType) => {\n    setDraggingRow(null);\n    table.setHoveredRow(null);\n  };\n\n  type HandleDragHandleKeyDownArgs = {\n    table: TableType;\n    row: MRT_Row<MRT_RowData>;\n    event: KeyboardEvent<HTMLButtonElement>;\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            getRowFromTableAndSetHovered(table, data[nextIndex]?.id);\n          }\n        } else {\n          if (isArrowDown || isArrowUp) {\n            const nextIndex = isArrowDown ? row.index + 1 : row.index - 1;\n            getRowFromTableAndSetHovered(table, data[nextIndex]?.id);\n          }\n        }\n      } else {\n        if (isSpaceOrEnter) {\n          setDraggingRow(row);\n        }\n      }\n    },\n    [\n      data,\n      draggingRow,\n      odysseyDesignTokens,\n      page,\n      resultsPerPage,\n      updateRowOrder,\n    ]\n  );\n\n  const handleDragHandleOnDragEnd = useCallback(\n    (table: TableType) => {\n      const cols = table.getAllColumns();\n      cols[0].toggleVisibility();\n\n      const { draggingRow, hoveredRow } = table.getState();\n      if (draggingRow) {\n        updateRowOrder({\n          rowId: draggingRow.id,\n          newIndex: (hoveredRow as MRT_RowData).index,\n        });\n      }\n\n      setDraggingRow(null);\n    },\n    [updateRowOrder]\n  );\n\n  const handleDragHandleOnDragCapture = useCallback(\n    (table: TableType) => {\n      if (!draggingRow && table.getState().draggingRow?.id) {\n        setDraggingRow(table.getState().draggingRow);\n      }\n    },\n    [draggingRow]\n  );\n\n  const table = useMaterialReactTable({\n    columns: columns,\n    data: data,\n    state: {\n      density,\n      sorting,\n      globalFilter,\n      columnVisibility,\n      rowSelection,\n      showSkeletons,\n    },\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            // TODO: Make the right padding here 16px (and possibly adapt it to the density padding)\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: \"Drag row or press space/enter key to start and stop reordering\",\n      \"aria-label\":\n        \"Drag row to reorder. Or, press space or enter to start and stop reordering and esc to cancel.\",\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)}\n          {(rowActionMenuItems || hasRowReordering) && (\n            <MenuButton\n              endIcon={<MoreIcon />}\n              size=\"small\"\n              buttonVariant=\"floating\"\n              ariaLabel=\"More actions\"\n              menuAlignment=\"right\"\n            >\n              {rowActionMenuItems && (\n                <>\n                  {rowActionMenuItems(row)}\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            endIcon={<ListIcon />}\n            ariaLabel=\"Table density\"\n            menuAlignment=\"right\"\n            shouldCloseOnSelect={false}\n          >\n            <>\n              {densityValues.map((value: MRT_DensityState) => (\n                <MenuItem\n                  key={value}\n                  isSelected={density === 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            endIcon={<ShowIcon />}\n            ariaLabel=\"Show/hide columns\"\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={() =>\n                      handleColumnVisibility(column.accessorKey as string)\n                    }\n                  >\n                    <MuiCheckbox\n                      checked={\n                        columnVisibility[column.accessorKey as string] !== false\n                      }\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        onChangeSearch={hasSearch ? handleSearch : undefined}\n        onChangeFilters={handleFilters}\n        hasSearchSubmitButton={hasSearchSubmitButton}\n        searchDelayTime={searchDelayTime}\n        additionalActions={tableSettings}\n        filters={\n          hasFilters\n            ? columns\n                .filter((column) => column.enableColumnFilter !== false)\n                .map((column) => {\n                  return {\n                    id: column.accessorKey as string,\n                    label: column.header,\n                    variant: column.filterVariant ?? \"text\",\n                    options: column.filterSelectOptions,\n                  };\n                })\n            : undefined\n        }\n      />\n\n      <MRT_TableContainer table={table} />\n\n      {hasPagination && (\n        <DataTablePagination\n          paginationType={paginationType}\n          currentNumberOfResults={data.length}\n          currentPage={page}\n          isPreviousButtonDisabled={page <= 1}\n          isNextButtonDisabled={false} // TODO: Add logic for disabling next/load more button\n          onClickPrevious={() => setPage(page - 1)}\n          onClickNext={() => {\n            if (paginationType === \"loadMore\") {\n              setResultsPerPage(resultsPerPage + resultsPerPageProp);\n            } else {\n              setPage(page + 1);\n            }\n          }}\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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"}
+{"version":3,"file":"DataTable.js","names":["useMaterialReactTable","MRT_TableContainer","memo","useCallback","useEffect","useMemo","useRef","useState","ArrowTopIcon","ArrowBottomIcon","ArrowDownIcon","ArrowUpIcon","DragIndicatorIcon","ListIcon","ShowIcon","MoreIcon","useOdysseyDesignTokens","DataTablePagination","DataFilters","Box","MenuButton","MenuItem","ArrowUnsortedIcon","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","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","error","handleSortingChange","updater","prevSorting","Function","handleColumnVisibility","columnId","prevVisibility","handleSearch","value","handleFilters","updatedFilters","handleRowSelectionChange","prevRowSelection","updateRowOrder","rowVirtualizerInstanceRef","getRowFromTableAndSetHovered","table","nextRow","getRow","setHoveredRow","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","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","endIcon","size","buttonVariant","ariaLabel","menuAlignment","isDisabled","onClick","tableSettings","shouldCloseOnSelect","map","isSelected","charAt","toUpperCase","slice","filter","_Checkbox","checked","flexDirection","gap","onChangeSearch","onChangeFilters","additionalActions","enableColumnFilter","label","variant","filterVariant","options","filterSelectOptions","currentNumberOfResults","length","currentPage","isPreviousButtonDisabled","isNextButtonDisabled","onClickPrevious","onClickNext","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 {\n  MRT_Updater,\n  MRT_Virtualizer,\n  MRT_RowData,\n  MRT_TableOptions,\n  useMaterialReactTable,\n  MRT_SortingState,\n  MRT_DensityState,\n  MRT_VisibilityState,\n  MRT_TableContainer,\n  MRT_RowSelectionState,\n  MRT_Row,\n  MRT_ColumnDef,\n  MRT_TableInstance,\n} from \"material-react-table\";\nimport {\n  Fragment,\n  ReactElement,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  KeyboardEvent,\n} from \"react\";\nimport {\n  ArrowTopIcon,\n  ArrowBottomIcon,\n  ArrowDownIcon,\n  ArrowUpIcon,\n  DragIndicatorIcon,\n  ListIcon,\n  ShowIcon,\n  MoreIcon,\n} from \"../icons.generated\";\nimport { Checkbox as MuiCheckbox } from \"@mui/material\";\nimport { useOdysseyDesignTokens } from \"../OdysseyDesignTokensContext\";\nimport {\n  DataTablePagination,\n  paginationTypeValues,\n} from \"./DataTablePagination\";\nimport { DataFilter, DataFilters } from \"./DataFilters\";\nimport { Button } from \"../Button\";\nimport { Box } from \"../Box\";\nimport { MenuButton, MenuItem } from \"..\";\nimport { ArrowUnsortedIcon } from \"../icons.generated\";\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 DataColumn = {\n  /**\n   * The unique ID of the column\n   */\n  accessorKey: string;\n  /**\n   * The human-friendly title of the column\n   */\n  header: string;\n  /**\n   * Customize the way each cell in the column is\n   * displayed via a custom React component.\n   */\n  Cell?: MRT_ColumnDef<MRT_RowData>[\"Cell\"];\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<MRT_RowData>[\"filterVariant\"];\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 optional column width, in pixels\n   */\n  size?: number;\n  /**\n   * The minimum column width, in pixels\n   */\n  minSize?: number;\n  /**\n   * The maximum column width, in pixels\n   */\n  maxSize?: number;\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 sortable\n   */\n  enableSorting?: 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 hideable\n   */\n  enableHiding?: boolean;\n};\n\nexport type DataTableProps = {\n  /**\n   * The columns that make up the table\n   */\n  columns: DataColumn[];\n  /**\n   * The data that goes into the table, which will be displayed\n   * as the table rows\n   */\n  data: MRT_TableOptions<MRT_RowData>[\"data\"];\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   * The function to get the ID of a row\n   */\n  getRowId?: MRT_TableOptions<MRT_RowData>[\"getRowId\"];\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   * 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 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 end user can sort columns (ascending, descending, or neither)\n   */\n  hasSorting?: 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 search field will include a Search button, rather than\n   * firing on input change.\n   */\n  hasSearchSubmitButton?: boolean;\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   * Callback that fires when a row (or rows) is selected or unselected.\n   */\n  onRowSelectionChange?: (rowSelection: MRT_RowSelectionState) => void;\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    page?: number;\n    resultsPerPage?: number;\n    search?: string;\n    filters?: DataFilter[];\n    sort?: MRT_SortingState;\n  }) => MRT_TableOptions<MRT_RowData>[\"data\"];\n  /**\n   * Callback that fires when the user reorders rows within the table. Can be used\n   * to propogate order change to the backend.\n   */\n  reorderDataFn?: ({\n    rowId,\n    newIndex,\n  }: {\n    rowId: string;\n    newIndex: number;\n  }) => void;\n  /**\n   * The current page number.\n   */\n  page?: number;\n  /**\n   * The number of results per page.\n   */\n  resultsPerPage?: 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   * Action buttons to display in each row\n   */\n  rowActionButtons?: (\n    row: MRT_RowData\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: MRT_RowData\n  ) => ReactElement<typeof MenuItem | typeof Fragment>;\n};\n\ntype TableType = MRT_TableInstance<MRT_RowData>;\n\nconst reorderDataRowsLocally = ({\n  currentData,\n  rowId,\n  newIndex,\n}: {\n  currentData: MRT_TableOptions<MRT_RowData>[\"data\"];\n  rowId: string;\n  newIndex: number;\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 = ({\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) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const [draggingRow, setDraggingRow] = useState<MRT_Row<MRT_RowData> | null>();\n  const [showSkeletons, setShowSkeletons] = useState<boolean>(true);\n  const [data, setData] =\n    useState<MRT_TableOptions<MRT_RowData>[\"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 as string] = 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 = await fetchDataFn({\n        page: page,\n        resultsPerPage: resultsPerPage,\n        sort: sorting,\n        search: globalFilter,\n        filters: filters,\n      });\n      setData(newData);\n      setShowSkeletons(false);\n    } catch (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 }: { rowId: string; newIndex: number }) => {\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_Virtualizer<HTMLDivElement, HTMLTableRowElement>>(null);\n\n  const getRowFromTableAndSetHovered = (\n    table: TableType,\n    id: MRT_RowData[\"id\"]\n  ) => {\n    if (id) {\n      const nextRow: MRT_RowData = table.getRow(id);\n\n      if (nextRow) {\n        table.setHoveredRow(nextRow);\n      }\n    }\n  };\n\n  const resetDraggingAndHoveredRow = (table: TableType) => {\n    setDraggingRow(null);\n    table.setHoveredRow(null);\n  };\n\n  type HandleDragHandleKeyDownArgs = {\n    table: TableType;\n    row: MRT_Row<MRT_RowData>;\n    event: KeyboardEvent<HTMLButtonElement>;\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            getRowFromTableAndSetHovered(table, data[nextIndex]?.id);\n          }\n        } else {\n          if (isArrowDown || isArrowUp) {\n            const nextIndex = isArrowDown ? row.index + 1 : row.index - 1;\n            getRowFromTableAndSetHovered(table, data[nextIndex]?.id);\n          }\n        }\n      } else {\n        if (isSpaceOrEnter) {\n          setDraggingRow(row);\n        }\n      }\n    },\n    [\n      data,\n      draggingRow,\n      odysseyDesignTokens,\n      page,\n      resultsPerPage,\n      updateRowOrder,\n    ]\n  );\n\n  const handleDragHandleOnDragEnd = useCallback(\n    (table: TableType) => {\n      const cols = table.getAllColumns();\n      cols[0].toggleVisibility();\n\n      const { draggingRow, hoveredRow } = table.getState();\n      if (draggingRow) {\n        updateRowOrder({\n          rowId: draggingRow.id,\n          newIndex: (hoveredRow as MRT_RowData).index,\n        });\n      }\n\n      setDraggingRow(null);\n    },\n    [updateRowOrder]\n  );\n\n  const handleDragHandleOnDragCapture = useCallback(\n    (table: TableType) => {\n      if (!draggingRow && table.getState().draggingRow?.id) {\n        setDraggingRow(table.getState().draggingRow);\n      }\n    },\n    [draggingRow]\n  );\n\n  const table = useMaterialReactTable({\n    columns: columns,\n    data: data,\n    state: {\n      density,\n      sorting,\n      globalFilter,\n      columnVisibility,\n      rowSelection,\n      showSkeletons,\n    },\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            // TODO: Make the right padding here 16px (and possibly adapt it to the density padding)\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: \"Drag row or press space/enter key to start and stop reordering\",\n      \"aria-label\":\n        \"Drag row to reorder. Or, press space or enter to start and stop reordering and esc to cancel.\",\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)}\n          {(rowActionMenuItems || hasRowReordering) && (\n            <MenuButton\n              endIcon={<MoreIcon />}\n              size=\"small\"\n              buttonVariant=\"floating\"\n              ariaLabel=\"More actions\"\n              menuAlignment=\"right\"\n            >\n              {rowActionMenuItems && (\n                <>\n                  {rowActionMenuItems(row)}\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            endIcon={<ListIcon />}\n            ariaLabel=\"Table density\"\n            menuAlignment=\"right\"\n            shouldCloseOnSelect={false}\n          >\n            <>\n              {densityValues.map((value: MRT_DensityState) => (\n                <MenuItem\n                  key={value}\n                  isSelected={density === 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            endIcon={<ShowIcon />}\n            ariaLabel=\"Show/hide columns\"\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={() =>\n                      handleColumnVisibility(column.accessorKey as string)\n                    }\n                  >\n                    <MuiCheckbox\n                      checked={\n                        columnVisibility[column.accessorKey as string] !== false\n                      }\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        onChangeSearch={hasSearch ? handleSearch : undefined}\n        onChangeFilters={handleFilters}\n        hasSearchSubmitButton={hasSearchSubmitButton}\n        searchDelayTime={searchDelayTime}\n        additionalActions={tableSettings}\n        filters={\n          hasFilters\n            ? columns\n                .filter((column) => column.enableColumnFilter !== false)\n                .map((column) => {\n                  return {\n                    id: column.accessorKey as string,\n                    label: column.header,\n                    variant: column.filterVariant ?? \"text\",\n                    options: column.filterSelectOptions,\n                  };\n                })\n            : undefined\n        }\n      />\n\n      <MRT_TableContainer table={table} />\n\n      {hasPagination && (\n        <DataTablePagination\n          paginationType={paginationType}\n          currentNumberOfResults={data.length}\n          currentPage={page}\n          isPreviousButtonDisabled={page <= 1}\n          isNextButtonDisabled={false} // TODO: Add logic for disabling next/load more button\n          onClickPrevious={() => setPage(page - 1)}\n          onClickNext={() => {\n            if (paginationType === \"loadMore\") {\n              setResultsPerPage(resultsPerPage + resultsPerPageProp);\n            } else {\n              setPage(page + 1);\n            }\n          }}\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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"}

package/dist/labs/DataTablePagination.js

@@ -19,16 +19,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 export const paginationTypeValues = ["paged", "loadMore"];
-const DataTablePagination = _ref => {
-  let {
-    currentPage,
-    currentNumberOfResults,
-    isNextButtonDisabled,
-    isPreviousButtonDisabled,
-    onClickNext,
-    onClickPrevious,
-    paginationType
-  } = _ref;
+const DataTablePagination = ({
+  currentPage,
+  currentNumberOfResults,
+  isNextButtonDisabled,
+  isPreviousButtonDisabled,
+  onClickNext,
+  onClickPrevious,
+  paginationType
+}) => {
   return _jsx(Box, {
     sx: {
       display: "flex",

package/dist/labs/DataTablePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTablePagination.js","names":["memo","Box","Button","Support","ArrowLeftIcon","ArrowRightIcon","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","paginationTypeValues","DataTablePagination","_ref","currentPage","currentNumberOfResults","isNextButtonDisabled","isPreviousButtonDisabled","onClickNext","onClickPrevious","paginationType","sx","display","gap","alignItems","children","label","variant","onClick","isDisabled","color","startIcon","component","endIcon","MemoizedDataTablePagination","displayName"],"sources":["../../src/labs/DataTablePagination.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 { memo } from \"react\";\nimport { Box } from \"../Box\";\nimport { Button } from \"../Button\";\nimport { Support } from \"../Typography\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../icons.generated\";\n\nexport const paginationTypeValues = [\"paged\", \"loadMore\"] as const;\n\nexport type DataTablePaginationProps = {\n  currentPage?: number;\n  currentNumberOfResults?: number;\n  isNextButtonDisabled?: boolean;\n  isPreviousButtonDisabled?: boolean;\n  onClickNext: () => void;\n  onClickPrevious?: () => void;\n  paginationType?: (typeof paginationTypeValues)[number];\n};\n\nconst DataTablePagination = ({\n  currentPage,\n  currentNumberOfResults,\n  isNextButtonDisabled,\n  isPreviousButtonDisabled,\n  onClickNext,\n  onClickPrevious,\n  paginationType,\n}: DataTablePaginationProps) => {\n  return (\n    <Box sx={{ display: \"flex\", gap: 4, alignItems: \"center\" }}>\n      {paginationType === \"loadMore\" ? (\n        <>\n          <Button\n            label=\"Show more\"\n            variant=\"secondary\"\n            onClick={onClickNext}\n            isDisabled={isNextButtonDisabled}\n          />\n          {currentNumberOfResults && (\n            <Support color=\"textSecondary\">\n              {currentNumberOfResults} results\n            </Support>\n          )}\n        </>\n      ) : (\n        <>\n          <Button\n            label=\"Previous\"\n            startIcon={<ArrowLeftIcon />}\n            variant=\"secondary\"\n            onClick={onClickPrevious}\n            isDisabled={isPreviousButtonDisabled}\n          />\n          {currentPage && (\n            <Box>\n              <Support color=\"textSecondary\" component=\"span\">\n                Page {currentPage}\n              </Support>\n            </Box>\n          )}\n          <Button\n            label=\"Next\"\n            endIcon={<ArrowRightIcon />}\n            variant=\"secondary\"\n            onClick={onClickNext}\n            isDisabled={isNextButtonDisabled}\n          />\n        </>\n      )}\n    </Box>\n  );\n};\n\nconst MemoizedDataTablePagination = memo(DataTablePagination);\nMemoizedDataTablePagination.displayName = \"DataTablePagination\";\n\nexport { MemoizedDataTablePagination as DataTablePagination };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,OAAO;AAAC,SACpBC,GAAG;AAAA,SACHC,MAAM;AAAA,SACNC,OAAO;AAAA,SACPC,aAAa,EAAEC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAEtC,OAAO,MAAMC,oBAAoB,GAAG,CAAC,OAAO,EAAE,UAAU,CAAU;AAYlE,MAAMC,mBAAmB,GAAGC,IAAA,IAQI;EAAA,IARH;IAC3BC,WAAW;IACXC,sBAAsB;IACtBC,oBAAoB;IACpBC,wBAAwB;IACxBC,WAAW;IACXC,eAAe;IACfC;EACwB,CAAC,GAAAP,IAAA;EACzB,OACEP,IAAA,CAACN,GAAG;IAACqB,EAAE,EAAE;MAAEC,OAAO,EAAE,MAAM;MAAEC,GAAG,EAAE,CAAC;MAAEC,UAAU,EAAE;IAAS,CAAE;IAAAC,QAAA,EACxDL,cAAc,KAAK,UAAU,GAC5BZ,KAAA,CAAAE,SAAA;MAAAe,QAAA,GACEnB,IAAA,CAACL,MAAM;QACLyB,KAAK,EAAC,WAAW;QACjBC,OAAO,EAAC,WAAW;QACnBC,OAAO,EAAEV,WAAY;QACrBW,UAAU,EAAEb;MAAqB,CAClC,CAAC,EACDD,sBAAsB,IACrBP,KAAA,CAACN,OAAO;QAAC4B,KAAK,EAAC,eAAe;QAAAL,QAAA,GAC3BV,sBAAsB,EAAC,UAC1B;MAAA,CAAS,CACV;IAAA,CACD,CAAC,GAEHP,KAAA,CAAAE,SAAA;MAAAe,QAAA,GACEnB,IAAA,CAACL,MAAM;QACLyB,KAAK,EAAC,UAAU;QAChBK,SAAS,EAAEzB,IAAA,CAACH,aAAa,IAAE,CAAE;QAC7BwB,OAAO,EAAC,WAAW;QACnBC,OAAO,EAAET,eAAgB;QACzBU,UAAU,EAAEZ;MAAyB,CACtC,CAAC,EACDH,WAAW,IACVR,IAAA,CAACN,GAAG;QAAAyB,QAAA,EACFjB,KAAA,CAACN,OAAO;UAAC4B,KAAK,EAAC,eAAe;UAACE,SAAS,EAAC,MAAM;UAAAP,QAAA,GAAC,OACzC,EAACX,WAAW;QAAA,CACV;MAAC,CACP,CACN,EACDR,IAAA,CAACL,MAAM;QACLyB,KAAK,EAAC,MAAM;QACZO,OAAO,EAAE3B,IAAA,CAACF,cAAc,IAAE,CAAE;QAC5BuB,OAAO,EAAC,WAAW;QACnBC,OAAO,EAAEV,WAAY;QACrBW,UAAU,EAAEb;MAAqB,CAClC,CAAC;IAAA,CACF;EACH,CACE,CAAC;AAEV,CAAC;AAED,MAAMkB,2BAA2B,GAAGnC,IAAI,CAACa,mBAAmB,CAAC;AAC7DsB,2BAA2B,CAACC,WAAW,GAAG,qBAAqB;AAE/D,SAASD,2BAA2B,IAAItB,mBAAmB"}
+{"version":3,"file":"DataTablePagination.js","names":["memo","Box","Button","Support","ArrowLeftIcon","ArrowRightIcon","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","paginationTypeValues","DataTablePagination","currentPage","currentNumberOfResults","isNextButtonDisabled","isPreviousButtonDisabled","onClickNext","onClickPrevious","paginationType","sx","display","gap","alignItems","children","label","variant","onClick","isDisabled","color","startIcon","component","endIcon","MemoizedDataTablePagination","displayName"],"sources":["../../src/labs/DataTablePagination.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 { memo } from \"react\";\nimport { Box } from \"../Box\";\nimport { Button } from \"../Button\";\nimport { Support } from \"../Typography\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../icons.generated\";\n\nexport const paginationTypeValues = [\"paged\", \"loadMore\"] as const;\n\nexport type DataTablePaginationProps = {\n  currentPage?: number;\n  currentNumberOfResults?: number;\n  isNextButtonDisabled?: boolean;\n  isPreviousButtonDisabled?: boolean;\n  onClickNext: () => void;\n  onClickPrevious?: () => void;\n  paginationType?: (typeof paginationTypeValues)[number];\n};\n\nconst DataTablePagination = ({\n  currentPage,\n  currentNumberOfResults,\n  isNextButtonDisabled,\n  isPreviousButtonDisabled,\n  onClickNext,\n  onClickPrevious,\n  paginationType,\n}: DataTablePaginationProps) => {\n  return (\n    <Box sx={{ display: \"flex\", gap: 4, alignItems: \"center\" }}>\n      {paginationType === \"loadMore\" ? (\n        <>\n          <Button\n            label=\"Show more\"\n            variant=\"secondary\"\n            onClick={onClickNext}\n            isDisabled={isNextButtonDisabled}\n          />\n          {currentNumberOfResults && (\n            <Support color=\"textSecondary\">\n              {currentNumberOfResults} results\n            </Support>\n          )}\n        </>\n      ) : (\n        <>\n          <Button\n            label=\"Previous\"\n            startIcon={<ArrowLeftIcon />}\n            variant=\"secondary\"\n            onClick={onClickPrevious}\n            isDisabled={isPreviousButtonDisabled}\n          />\n          {currentPage && (\n            <Box>\n              <Support color=\"textSecondary\" component=\"span\">\n                Page {currentPage}\n              </Support>\n            </Box>\n          )}\n          <Button\n            label=\"Next\"\n            endIcon={<ArrowRightIcon />}\n            variant=\"secondary\"\n            onClick={onClickNext}\n            isDisabled={isNextButtonDisabled}\n          />\n        </>\n      )}\n    </Box>\n  );\n};\n\nconst MemoizedDataTablePagination = memo(DataTablePagination);\nMemoizedDataTablePagination.displayName = \"DataTablePagination\";\n\nexport { MemoizedDataTablePagination as DataTablePagination };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,OAAO;AAAC,SACpBC,GAAG;AAAA,SACHC,MAAM;AAAA,SACNC,OAAO;AAAA,SACPC,aAAa,EAAEC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAEtC,OAAO,MAAMC,oBAAoB,GAAG,CAAC,OAAO,EAAE,UAAU,CAAU;AAYlE,MAAMC,mBAAmB,GAAGA,CAAC;EAC3BC,WAAW;EACXC,sBAAsB;EACtBC,oBAAoB;EACpBC,wBAAwB;EACxBC,WAAW;EACXC,eAAe;EACfC;AACwB,CAAC,KAAK;EAC9B,OACEb,IAAA,CAACN,GAAG;IAACoB,EAAE,EAAE;MAAEC,OAAO,EAAE,MAAM;MAAEC,GAAG,EAAE,CAAC;MAAEC,UAAU,EAAE;IAAS,CAAE;IAAAC,QAAA,EACxDL,cAAc,KAAK,UAAU,GAC5BX,KAAA,CAAAE,SAAA;MAAAc,QAAA,GACElB,IAAA,CAACL,MAAM;QACLwB,KAAK,EAAC,WAAW;QACjBC,OAAO,EAAC,WAAW;QACnBC,OAAO,EAAEV,WAAY;QACrBW,UAAU,EAAEb;MAAqB,CAClC,CAAC,EACDD,sBAAsB,IACrBN,KAAA,CAACN,OAAO;QAAC2B,KAAK,EAAC,eAAe;QAAAL,QAAA,GAC3BV,sBAAsB,EAAC,UAC1B;MAAA,CAAS,CACV;IAAA,CACD,CAAC,GAEHN,KAAA,CAAAE,SAAA;MAAAc,QAAA,GACElB,IAAA,CAACL,MAAM;QACLwB,KAAK,EAAC,UAAU;QAChBK,SAAS,EAAExB,IAAA,CAACH,aAAa,IAAE,CAAE;QAC7BuB,OAAO,EAAC,WAAW;QACnBC,OAAO,EAAET,eAAgB;QACzBU,UAAU,EAAEZ;MAAyB,CACtC,CAAC,EACDH,WAAW,IACVP,IAAA,CAACN,GAAG;QAAAwB,QAAA,EACFhB,KAAA,CAACN,OAAO;UAAC2B,KAAK,EAAC,eAAe;UAACE,SAAS,EAAC,MAAM;UAAAP,QAAA,GAAC,OACzC,EAACX,WAAW;QAAA,CACV;MAAC,CACP,CACN,EACDP,IAAA,CAACL,MAAM;QACLwB,KAAK,EAAC,MAAM;QACZO,OAAO,EAAE1B,IAAA,CAACF,cAAc,IAAE,CAAE;QAC5BsB,OAAO,EAAC,WAAW;QACnBC,OAAO,EAAEV,WAAY;QACrBW,UAAU,EAAEb;MAAqB,CAClC,CAAC;IAAA,CACF;EACH,CACE,CAAC;AAEV,CAAC;AAED,MAAMkB,2BAA2B,GAAGlC,IAAI,CAACa,mBAAmB,CAAC;AAC7DqB,2BAA2B,CAACC,WAAW,GAAG,qBAAqB;AAE/D,SAASD,2BAA2B,IAAIrB,mBAAmB"}

package/dist/labs/DatePicker.js

@@ -13,18 +13,16 @@ import _InputBase from "@mui/material/InputBase";
 import { DatePicker as MuiDatePicker } from "@mui/x-date-pickers";
 import { useCallback } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const DatePicker = _ref => {
-  let {
-    label,
-    isOptional = false,
-    onChange,
-    value = null
-  } = _ref;
-  const renderInput = useCallback(_ref2 => {
-    let {
-      InputProps,
-      ...props
-    } = _ref2;
+export const DatePicker = ({
+  label,
+  isOptional = false,
+  onChange,
+  value = null
+}) => {
+  const renderInput = useCallback(({
+    InputProps,
+    ...props
+  }) => {
     const combinedProps = {
       ...InputProps,
       ...props

package/dist/labs/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["DatePicker","MuiDatePicker","useCallback","jsx","_jsx","_ref","label","isOptional","onChange","value","renderInput","_ref2","InputProps","props","combinedProps","_InputBase","required"],"sources":["../../src/labs/DatePicker.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 { InputBase } from \"@mui/material\";\nimport {\n  DatePicker as MuiDatePicker,\n  DatePickerProps as MuiDatePickerProps,\n} from \"@mui/x-date-pickers\";\nimport { useCallback } from \"react\";\n\nexport type DatePickerProps<TInputDate, TDate> = {\n  label: MuiDatePickerProps<TInputDate, TDate>[\"label\"];\n  /**\n   * If `true`, the `input` element is not required.\n   */\n  isOptional?: boolean;\n  onChange: MuiDatePickerProps<TInputDate, TDate>[\"onChange\"];\n  value: MuiDatePickerProps<TInputDate, TDate>[\"value\"];\n};\n\nexport const DatePicker = <TInputDate, TDate>({\n  label,\n  isOptional = false,\n  onChange,\n  value = null,\n}: DatePickerProps<TInputDate, TDate>) => {\n  const renderInput = useCallback(\n    ({ InputProps, ...props }) => {\n      const combinedProps = {\n        ...InputProps,\n        ...props,\n      };\n\n      return <InputBase {...combinedProps} required={!isOptional} />;\n    },\n    [isOptional]\n  );\n\n  return (\n    <MuiDatePicker\n      label={label}\n      onChange={onChange}\n      renderInput={renderInput}\n      value={value}\n    />\n  );\n};\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SACEA,UAAU,IAAIC,aAAa,QAEtB,qBAAqB;AAC5B,SAASC,WAAW,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYpC,OAAO,MAAMJ,UAAU,GAAGK,IAAA,IAKgB;EAAA,IALI;IAC5CC,KAAK;IACLC,UAAU,GAAG,KAAK;IAClBC,QAAQ;IACRC,KAAK,GAAG;EAC0B,CAAC,GAAAJ,IAAA;EACnC,MAAMK,WAAW,GAAGR,WAAW,CAC7BS,KAAA,IAA8B;IAAA,IAA7B;MAAEC,UAAU;MAAE,GAAGC;IAAM,CAAC,GAAAF,KAAA;IACvB,MAAMG,aAAa,GAAG;MACpB,GAAGF,UAAU;MACb,GAAGC;IACL,CAAC;IAED,OAAOT,IAAA,CAAAW,UAAA;MAAA,GAAeD,aAAa;MAAEE,QAAQ,EAAE,CAACT;IAAW,CAAE,CAAC;EAChE,CAAC,EACD,CAACA,UAAU,CACb,CAAC;EAED,OACEH,IAAA,CAACH,aAAa;IACZK,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAEA,QAAS;IACnBE,WAAW,EAAEA,WAAY;IACzBD,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN,CAAC"}
+{"version":3,"file":"DatePicker.js","names":["DatePicker","MuiDatePicker","useCallback","jsx","_jsx","label","isOptional","onChange","value","renderInput","InputProps","props","combinedProps","_InputBase","required"],"sources":["../../src/labs/DatePicker.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 { InputBase } from \"@mui/material\";\nimport {\n  DatePicker as MuiDatePicker,\n  DatePickerProps as MuiDatePickerProps,\n} from \"@mui/x-date-pickers\";\nimport { useCallback } from \"react\";\n\nexport type DatePickerProps<TInputDate, TDate> = {\n  label: MuiDatePickerProps<TInputDate, TDate>[\"label\"];\n  /**\n   * If `true`, the `input` element is not required.\n   */\n  isOptional?: boolean;\n  onChange: MuiDatePickerProps<TInputDate, TDate>[\"onChange\"];\n  value: MuiDatePickerProps<TInputDate, TDate>[\"value\"];\n};\n\nexport const DatePicker = <TInputDate, TDate>({\n  label,\n  isOptional = false,\n  onChange,\n  value = null,\n}: DatePickerProps<TInputDate, TDate>) => {\n  const renderInput = useCallback(\n    ({ InputProps, ...props }) => {\n      const combinedProps = {\n        ...InputProps,\n        ...props,\n      };\n\n      return <InputBase {...combinedProps} required={!isOptional} />;\n    },\n    [isOptional]\n  );\n\n  return (\n    <MuiDatePicker\n      label={label}\n      onChange={onChange}\n      renderInput={renderInput}\n      value={value}\n    />\n  );\n};\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SACEA,UAAU,IAAIC,aAAa,QAEtB,qBAAqB;AAC5B,SAASC,WAAW,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYpC,OAAO,MAAMJ,UAAU,GAAGA,CAAoB;EAC5CK,KAAK;EACLC,UAAU,GAAG,KAAK;EAClBC,QAAQ;EACRC,KAAK,GAAG;AAC0B,CAAC,KAAK;EACxC,MAAMC,WAAW,GAAGP,WAAW,CAC7B,CAAC;IAAEQ,UAAU;IAAE,GAAGC;EAAM,CAAC,KAAK;IAC5B,MAAMC,aAAa,GAAG;MACpB,GAAGF,UAAU;MACb,GAAGC;IACL,CAAC;IAED,OAAOP,IAAA,CAAAS,UAAA;MAAA,GAAeD,aAAa;MAAEE,QAAQ,EAAE,CAACR;IAAW,CAAE,CAAC;EAChE,CAAC,EACD,CAACA,UAAU,CACb,CAAC;EAED,OACEF,IAAA,CAACH,aAAa;IACZI,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAEA,QAAS;IACnBE,WAAW,EAAEA,WAAY;IACzBD,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN,CAAC"}

package/dist/labs/GroupPicker.js

@@ -25,22 +25,21 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 const avatarImageSizeSmall = 16;
 const avatarImageSizeMedium = 24;
-const GroupPicker = _ref => {
-  let {
-    hasMultipleChoices,
-    isCustomValueAllowed,
-    isDisabled,
-    isLoading,
-    isOptional = false,
-    isReadOnly,
-    hint,
-    label,
-    onChange,
-    onInputChange,
-    options,
-    value,
-    testId
-  } = _ref;
+const GroupPicker = ({
+  hasMultipleChoices,
+  isCustomValueAllowed,
+  isDisabled,
+  isLoading,
+  isOptional = false,
+  isReadOnly,
+  hint,
+  label,
+  onChange,
+  onInputChange,
+  options,
+  value,
+  testId
+}) => {
   const odysseyDesignTokens = useOdysseyDesignTokens();
   const isOptionEqualToValue = useCallback((sourceValue, targetValue) => {
     return sourceValue.id === targetValue.id;
@@ -137,34 +136,28 @@ const GroupPicker = _ref => {
       })
     }, key);
   }), [odysseyDesignTokens]);
-  const renderInput = useCallback(_ref2 => {
-    let {
-      InputLabelProps,
-      InputProps,
-      ...params
-    } = _ref2;
-    return _jsx(Field, {
-      fieldType: "single",
-      hasVisibleLabel: true,
-      id: InputLabelProps.htmlFor,
-      hint: hint,
-      label: label,
-      isOptional: isOptional,
-      renderFieldComponent: _ref3 => {
-        let {
-          ariaDescribedBy,
-          id
-        } = _ref3;
-        return _jsx(_InputBase, {
-          ...params,
-          ...InputProps,
-          "aria-describedby": ariaDescribedBy,
-          id: id,
-          required: !isOptional
-        });
-      }
-    });
-  }, [hint, isOptional, label]);
+  const renderInput = useCallback(({
+    InputLabelProps,
+    InputProps,
+    ...params
+  }) => _jsx(Field, {
+    fieldType: "single",
+    hasVisibleLabel: true,
+    id: InputLabelProps.htmlFor,
+    hint: hint,
+    label: label,
+    isOptional: isOptional,
+    renderFieldComponent: ({
+      ariaDescribedBy,
+      id
+    }) => _jsx(_InputBase, {
+      ...params,
+      ...InputProps,
+      "aria-describedby": ariaDescribedBy,
+      id: id,
+      required: !isOptional
+    })
+  }), [hint, isOptional, label]);
   return _jsx(_Autocomplete, {
     "aria-disabled": isDisabled,
     "data-se": testId,

package/dist/labs/GroupPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupPicker.js","names":["avatarClasses","memo","useCallback","Field","Subordinate","Tag","useOdysseyDesignTokens","UserIcon","GridIcon","GroupIcon","jsx","_jsx","jsxs","_jsxs","createElement","_createElement","avatarImageSizeSmall","avatarImageSizeMedium","GroupPicker","_ref","hasMultipleChoices","isCustomValueAllowed","isDisabled","isLoading","isOptional","isReadOnly","hint","label","onChange","onInputChange","options","value","testId","odysseyDesignTokens","isOptionEqualToValue","sourceValue","targetValue","id","getOptionLabel","option","name","renderOption","props","key","_Box","sx","alignItems","display","flexDirection","children","paddingRight","Spacing2","_Avatar","alt","src","logo","fallback","visibility","background","height","width","description","paddingTop","Spacing1","usersCount","Spacing4","appsCount","groupPushMappingsCount","renderTags","values","getTagProps","map","index","onDelete","margin","icon","onRemove","renderInput","_ref2","InputLabelProps","InputProps","params","fieldType","hasVisibleLabel","htmlFor","renderFieldComponent","_ref3","ariaDescribedBy","_InputBase","required","_Autocomplete","disabled","filterSelectedOptions","freeSolo","loading","multiple","readOnly","MemoizedGroupPicker"],"sources":["../../src/labs/GroupPicker.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 type { AutocompleteGetTagProps } from \"@mui/material/useAutocomplete\";\n\nimport {\n  Autocomplete as MuiAutocomplete,\n  Avatar as MuiAvatar,\n  Box,\n  InputBase,\n} from \"@mui/material\";\nimport { avatarClasses } from \"@mui/material/Avatar\";\nimport { memo, useCallback } from \"react\";\n\nimport { AutocompleteProps } from \"../Autocomplete\";\nimport { Field } from \"../Field\";\nimport { Subordinate } from \"../Typography\";\nimport { Tag } from \"../Tag\";\nimport { useOdysseyDesignTokens } from \"../OdysseyDesignTokensContext\";\nimport { UserIcon, GridIcon, GroupIcon } from \"../icons.generated\";\n\nexport type GroupPickerOptionType = {\n  appsCount?: number;\n  description: string;\n  groupPushMappingsCount?: number;\n  id: string;\n  logo?: string;\n  name: string;\n  usersCount?: number;\n};\n\nexport type GroupPickerProps<\n  GroupPickerOptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined\n> = AutocompleteProps<\n  GroupPickerOptionType,\n  HasMultipleChoices,\n  IsCustomValueAllowed\n>;\n\nconst avatarImageSizeSmall = 16;\nconst avatarImageSizeMedium = 24;\n\nconst GroupPicker = <\n  OptionType extends GroupPickerOptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined\n>({\n  hasMultipleChoices,\n  isCustomValueAllowed,\n  isDisabled,\n  isLoading,\n  isOptional = false,\n  isReadOnly,\n  hint,\n  label,\n  onChange,\n  onInputChange,\n  options,\n  value,\n  testId,\n}: GroupPickerProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const isOptionEqualToValue = useCallback((sourceValue, targetValue) => {\n    return sourceValue.id === targetValue.id;\n  }, []);\n\n  const getOptionLabel = useCallback((option) => {\n    return option.name;\n  }, []);\n\n  const renderOption = useCallback(\n    (props, option) => {\n      return (\n        <li {...props} key={option.id}>\n          <Box\n            sx={{\n              alignItems: \"top\",\n              display: \"flex\",\n              flexDirection: \"row\",\n            }}\n          >\n            <Box sx={{ paddingRight: odysseyDesignTokens.Spacing2 }}>\n              <MuiAvatar\n                alt={option.name}\n                src={option.logo}\n                sx={{\n                  [`.${avatarClasses.fallback}`]: {\n                    visibility: \"hidden\",\n                  },\n                  background: \"transparent\",\n                  height: avatarImageSizeMedium,\n                  width: avatarImageSizeMedium,\n                }}\n              />\n            </Box>\n            <Box>\n              {option.name}\n              <Subordinate>{option.description}</Subordinate>\n              <Box\n                sx={{\n                  display: \"flex\",\n                  flexDirection: \"row\",\n                  paddingTop: odysseyDesignTokens.Spacing1,\n                }}\n              >\n                {typeof option.usersCount === \"number\" && (\n                  <Box\n                    sx={{\n                      display: \"flex\",\n                      flexDirection: \"row\",\n                      paddingRight: odysseyDesignTokens.Spacing4,\n                    }}\n                  >\n                    <UserIcon />\n                    {option.usersCount}\n                  </Box>\n                )}\n                {typeof option.appsCount === \"number\" && (\n                  <Box\n                    sx={{\n                      display: \"flex\",\n                      flexDirection: \"row\",\n                      paddingRight: odysseyDesignTokens.Spacing4,\n                    }}\n                  >\n                    <GridIcon />\n                    {option.appsCount}\n                  </Box>\n                )}\n                {typeof option.groupPushMappingsCount === \"number\" && (\n                  <Box sx={{ display: \"flex\", flexDirection: \"row\" }}>\n                    <GroupIcon />\n                    {option.groupPushMappingsCount}\n                  </Box>\n                )}\n              </Box>\n            </Box>\n          </Box>\n        </li>\n      );\n    },\n    [odysseyDesignTokens]\n  );\n\n  const renderTags = useCallback(\n    (values: OptionType[], getTagProps: AutocompleteGetTagProps) =>\n      values.map((option, index) => {\n        const { key, onDelete } = getTagProps({ index });\n        return (\n          <Box\n            key={key}\n            sx={{\n              margin: odysseyDesignTokens.Spacing1,\n            }}\n          >\n            <Tag\n              icon={\n                <MuiAvatar\n                  alt={option.name}\n                  src={option.logo}\n                  sx={{\n                    [`.${avatarClasses.fallback}`]: {\n                      visibility: \"hidden\",\n                    },\n                    background: \"transparent\",\n                    height: avatarImageSizeSmall,\n                    width: avatarImageSizeSmall,\n                  }}\n                />\n              }\n              label={option.name}\n              onRemove={onDelete}\n            />\n          </Box>\n        );\n      }),\n    [odysseyDesignTokens]\n  );\n\n  const renderInput = useCallback(\n    ({ InputLabelProps, InputProps, ...params }) => (\n      <Field\n        fieldType=\"single\"\n        hasVisibleLabel\n        id={InputLabelProps.htmlFor}\n        hint={hint}\n        label={label}\n        isOptional={isOptional}\n        renderFieldComponent={({ ariaDescribedBy, id }) => (\n          <InputBase\n            {...params}\n            {...InputProps}\n            aria-describedby={ariaDescribedBy}\n            id={id}\n            required={!isOptional}\n          />\n        )}\n      />\n    ),\n    [hint, isOptional, label]\n  );\n\n  return (\n    <MuiAutocomplete\n      // AutoComplete is wrapped in a div within MUI which does not get the disabled attr. So this aria-disabled gets set in the div\n      aria-disabled={isDisabled}\n      data-se={testId}\n      disabled={isDisabled}\n      filterSelectedOptions={true}\n      freeSolo={isCustomValueAllowed}\n      getOptionLabel={getOptionLabel}\n      isOptionEqualToValue={isOptionEqualToValue}\n      loading={isLoading}\n      multiple={hasMultipleChoices}\n      onChange={onChange}\n      onInputChange={onInputChange}\n      options={options}\n      readOnly={isReadOnly}\n      renderInput={renderInput}\n      renderOption={renderOption}\n      renderTags={renderTags}\n      value={value}\n    />\n  );\n};\n\nconst MemoizedGroupPicker = memo(GroupPicker) as typeof GroupPicker;\n\nexport { MemoizedGroupPicker as GroupPicker };\n"],"mappings":"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"}
+{"version":3,"file":"GroupPicker.js","names":["avatarClasses","memo","useCallback","Field","Subordinate","Tag","useOdysseyDesignTokens","UserIcon","GridIcon","GroupIcon","jsx","_jsx","jsxs","_jsxs","createElement","_createElement","avatarImageSizeSmall","avatarImageSizeMedium","GroupPicker","hasMultipleChoices","isCustomValueAllowed","isDisabled","isLoading","isOptional","isReadOnly","hint","label","onChange","onInputChange","options","value","testId","odysseyDesignTokens","isOptionEqualToValue","sourceValue","targetValue","id","getOptionLabel","option","name","renderOption","props","key","_Box","sx","alignItems","display","flexDirection","children","paddingRight","Spacing2","_Avatar","alt","src","logo","fallback","visibility","background","height","width","description","paddingTop","Spacing1","usersCount","Spacing4","appsCount","groupPushMappingsCount","renderTags","values","getTagProps","map","index","onDelete","margin","icon","onRemove","renderInput","InputLabelProps","InputProps","params","fieldType","hasVisibleLabel","htmlFor","renderFieldComponent","ariaDescribedBy","_InputBase","required","_Autocomplete","disabled","filterSelectedOptions","freeSolo","loading","multiple","readOnly","MemoizedGroupPicker"],"sources":["../../src/labs/GroupPicker.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 type { AutocompleteGetTagProps } from \"@mui/material/useAutocomplete\";\n\nimport {\n  Autocomplete as MuiAutocomplete,\n  Avatar as MuiAvatar,\n  Box,\n  InputBase,\n} from \"@mui/material\";\nimport { avatarClasses } from \"@mui/material/Avatar\";\nimport { memo, useCallback } from \"react\";\n\nimport { AutocompleteProps } from \"../Autocomplete\";\nimport { Field } from \"../Field\";\nimport { Subordinate } from \"../Typography\";\nimport { Tag } from \"../Tag\";\nimport { useOdysseyDesignTokens } from \"../OdysseyDesignTokensContext\";\nimport { UserIcon, GridIcon, GroupIcon } from \"../icons.generated\";\n\nexport type GroupPickerOptionType = {\n  appsCount?: number;\n  description: string;\n  groupPushMappingsCount?: number;\n  id: string;\n  logo?: string;\n  name: string;\n  usersCount?: number;\n};\n\nexport type GroupPickerProps<\n  GroupPickerOptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined\n> = AutocompleteProps<\n  GroupPickerOptionType,\n  HasMultipleChoices,\n  IsCustomValueAllowed\n>;\n\nconst avatarImageSizeSmall = 16;\nconst avatarImageSizeMedium = 24;\n\nconst GroupPicker = <\n  OptionType extends GroupPickerOptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined\n>({\n  hasMultipleChoices,\n  isCustomValueAllowed,\n  isDisabled,\n  isLoading,\n  isOptional = false,\n  isReadOnly,\n  hint,\n  label,\n  onChange,\n  onInputChange,\n  options,\n  value,\n  testId,\n}: GroupPickerProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const isOptionEqualToValue = useCallback((sourceValue, targetValue) => {\n    return sourceValue.id === targetValue.id;\n  }, []);\n\n  const getOptionLabel = useCallback((option) => {\n    return option.name;\n  }, []);\n\n  const renderOption = useCallback(\n    (props, option) => {\n      return (\n        <li {...props} key={option.id}>\n          <Box\n            sx={{\n              alignItems: \"top\",\n              display: \"flex\",\n              flexDirection: \"row\",\n            }}\n          >\n            <Box sx={{ paddingRight: odysseyDesignTokens.Spacing2 }}>\n              <MuiAvatar\n                alt={option.name}\n                src={option.logo}\n                sx={{\n                  [`.${avatarClasses.fallback}`]: {\n                    visibility: \"hidden\",\n                  },\n                  background: \"transparent\",\n                  height: avatarImageSizeMedium,\n                  width: avatarImageSizeMedium,\n                }}\n              />\n            </Box>\n            <Box>\n              {option.name}\n              <Subordinate>{option.description}</Subordinate>\n              <Box\n                sx={{\n                  display: \"flex\",\n                  flexDirection: \"row\",\n                  paddingTop: odysseyDesignTokens.Spacing1,\n                }}\n              >\n                {typeof option.usersCount === \"number\" && (\n                  <Box\n                    sx={{\n                      display: \"flex\",\n                      flexDirection: \"row\",\n                      paddingRight: odysseyDesignTokens.Spacing4,\n                    }}\n                  >\n                    <UserIcon />\n                    {option.usersCount}\n                  </Box>\n                )}\n                {typeof option.appsCount === \"number\" && (\n                  <Box\n                    sx={{\n                      display: \"flex\",\n                      flexDirection: \"row\",\n                      paddingRight: odysseyDesignTokens.Spacing4,\n                    }}\n                  >\n                    <GridIcon />\n                    {option.appsCount}\n                  </Box>\n                )}\n                {typeof option.groupPushMappingsCount === \"number\" && (\n                  <Box sx={{ display: \"flex\", flexDirection: \"row\" }}>\n                    <GroupIcon />\n                    {option.groupPushMappingsCount}\n                  </Box>\n                )}\n              </Box>\n            </Box>\n          </Box>\n        </li>\n      );\n    },\n    [odysseyDesignTokens]\n  );\n\n  const renderTags = useCallback(\n    (values: OptionType[], getTagProps: AutocompleteGetTagProps) =>\n      values.map((option, index) => {\n        const { key, onDelete } = getTagProps({ index });\n        return (\n          <Box\n            key={key}\n            sx={{\n              margin: odysseyDesignTokens.Spacing1,\n            }}\n          >\n            <Tag\n              icon={\n                <MuiAvatar\n                  alt={option.name}\n                  src={option.logo}\n                  sx={{\n                    [`.${avatarClasses.fallback}`]: {\n                      visibility: \"hidden\",\n                    },\n                    background: \"transparent\",\n                    height: avatarImageSizeSmall,\n                    width: avatarImageSizeSmall,\n                  }}\n                />\n              }\n              label={option.name}\n              onRemove={onDelete}\n            />\n          </Box>\n        );\n      }),\n    [odysseyDesignTokens]\n  );\n\n  const renderInput = useCallback(\n    ({ InputLabelProps, InputProps, ...params }) => (\n      <Field\n        fieldType=\"single\"\n        hasVisibleLabel\n        id={InputLabelProps.htmlFor}\n        hint={hint}\n        label={label}\n        isOptional={isOptional}\n        renderFieldComponent={({ ariaDescribedBy, id }) => (\n          <InputBase\n            {...params}\n            {...InputProps}\n            aria-describedby={ariaDescribedBy}\n            id={id}\n            required={!isOptional}\n          />\n        )}\n      />\n    ),\n    [hint, isOptional, label]\n  );\n\n  return (\n    <MuiAutocomplete\n      // AutoComplete is wrapped in a div within MUI which does not get the disabled attr. So this aria-disabled gets set in the div\n      aria-disabled={isDisabled}\n      data-se={testId}\n      disabled={isDisabled}\n      filterSelectedOptions={true}\n      freeSolo={isCustomValueAllowed}\n      getOptionLabel={getOptionLabel}\n      isOptionEqualToValue={isOptionEqualToValue}\n      loading={isLoading}\n      multiple={hasMultipleChoices}\n      onChange={onChange}\n      onInputChange={onInputChange}\n      options={options}\n      readOnly={isReadOnly}\n      renderInput={renderInput}\n      renderOption={renderOption}\n      renderTags={renderTags}\n      value={value}\n    />\n  );\n};\n\nconst MemoizedGroupPicker = memo(GroupPicker) as typeof GroupPicker;\n\nexport { MemoizedGroupPicker as GroupPicker };\n"],"mappings":"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"}

package/dist/labs/PaginatedTable.js

@@ -15,23 +15,22 @@ import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Trans, useTranslation } from "react-i18next";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-const PaginatedTable = _ref => {
-  let {
-    columns = [],
-    data = [],
-    fetchMoreData,
-    getRowId,
-    hasError,
-    hasRowSelection,
-    initialState,
-    isFetching,
-    onGlobalFilterChange,
-    onPaginationChange,
-    onRowSelectionChange: onRowSelectionChangeProp,
-    rowsPerPage = 10,
-    state,
-    ToolbarButtons
-  } = _ref;
+const PaginatedTable = ({
+  columns = [],
+  data = [],
+  fetchMoreData,
+  getRowId,
+  hasError,
+  hasRowSelection,
+  initialState,
+  isFetching,
+  onGlobalFilterChange,
+  onPaginationChange,
+  onRowSelectionChange: onRowSelectionChangeProp,
+  rowsPerPage = 10,
+  state,
+  ToolbarButtons
+}) => {
   const {
     t
   } = useTranslation();
@@ -68,16 +67,13 @@ const PaginatedTable = _ref => {
       }
     })
   }), [fetchMoreData, totalFetchedRows]);
-  const renderTopToolbarCustomActions = useCallback(_ref2 => {
-    let {
-      table
-    } = _ref2;
-    return _jsx(_Fragment, {
-      children: ToolbarButtons && _jsx(ToolbarButtons, {
-        table: table
-      })
-    });
-  }, [ToolbarButtons]);
+  const renderTopToolbarCustomActions = useCallback(({
+    table
+  }) => _jsx(_Fragment, {
+    children: ToolbarButtons && _jsx(ToolbarButtons, {
+      table: table
+    })
+  }), [ToolbarButtons]);
   const [rowSelection, setRowSelection] = useState({});
   useEffect(() => {
     onRowSelectionChangeProp?.(rowSelection);