@okta/odyssey-react-mui 1.14.7 → 1.15.8

package/dist/DataTable/DataTable.js

@@ -157,7 +157,8 @@ const DataTable = ({
   bulkActionMenuItems,
   errorMessage: errorMessageProp,
   emptyPlaceholder,
-  noResultsPlaceholder
+  noResultsPlaceholder,
+  filters: filtersProp
 }) => {
   const [data, setData] = useState([]);
   const [pagination, setPagination] = useState({
@@ -225,14 +226,41 @@ const DataTable = ({
       updateRowOrder: hasRowReordering && onReorderRows ? updateRowOrder : undefined
     });
   }, [pagination, rowActionButtons, rowActionMenuItems, hasRowReordering, onReorderRows, totalRows, updateRowOrder]);
-  const dataTableFilters = useMemo(() => columns.filter(column => column.enableColumnFilter !== false).map(column => {
-    return {
-      id: column.accessorKey,
-      label: column.header,
-      variant: column.filterVariant ?? "text",
-      options: column.filterSelectOptions
-    };
-  }), [columns]);
+  const convertFilterSelectOptions = useCallback(options => options?.map(option => typeof option === "string" ? {
+    label: option,
+    value: option
+  } : {
+    label: option.label ?? option.value,
+    value: option.value ?? option.label
+  }), []);
+  const convertColumnToFilter = useCallback(column => column.enableColumnFilter !== false && column.accessorKey ? {
+    id: column.accessorKey,
+    label: column.header,
+    variant: column.filterVariant,
+    options: convertFilterSelectOptions(column.filterSelectOptions)
+  } : null, [convertFilterSelectOptions]);
+  const dataTableFilters = useMemo(() => {
+    const providedFilters = filtersProp || columns;
+    return providedFilters.reduce((accumulator, item) => {
+      if (typeof item === "string") {
+        const foundColumn = columns.find(column => column.accessorKey === item);
+        if (foundColumn) {
+          const filter = convertColumnToFilter(foundColumn);
+          if (filter) {
+            return accumulator.concat(filter);
+          }
+        }
+      } else if ("accessorKey" in item) {
+        const filter = convertColumnToFilter(item);
+        if (filter) {
+          return accumulator.concat(filter);
+        }
+      } else if ("label" in item) {
+        return accumulator.concat(item);
+      }
+      return accumulator;
+    }, []);
+  }, [columns, filtersProp, convertColumnToFilter]);
   const defaultCell = useCallback(({
     cell
   }) => {

package/dist/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","names":["memo","useCallback","useEffect","useMemo","useRef","useState","useMaterialReactTable","MRT_TableContainer","ArrowDownIcon","ArrowUnsortedIcon","DragIndicatorIcon","MoreIcon","densityValues","DataTablePagination","DataFilters","DataTableRowActions","useRowReordering","DataTableSettings","MenuButton","Box","useOdysseyDesignTokens","useScrollIndication","styled","DataTableEmptyState","Callout","t","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","displayColumnDefOptions","header","grow","muiTableBodyCellProps","align","sx","overflow","width","className","muiTableHeadCellProps","minWidth","children","marginInline","opacity","padding","ScrollableTableContainer","shouldForwardProp","prop","odysseyDesignTokens","isScrollableStart","isScrollableEnd","borderBlockEndColor","HueNeutral100","borderBlockEndStyle","borderBlockEndWidth","BorderWidthMain","marginBlockEnd","Spacing4","position","borderInlineStartColor","HueNeutral200","borderInlineStartStyle","borderInlineStartWidth","background","content","pointerEvents","top","left","bottom","Spacing6","zIndex","transition","TransitionDurationMain","TransitionTimingMain","borderInlineEndColor","borderInlineEndStyle","borderInlineEndWidth","right","DataTable","columns","getRowId","getRowIdProp","currentPage","initialDensity","resultsPerPage","getData","onReorderRows","totalRows","hasSearchSubmitButton","searchDelayTime","paginationType","onChangeRowSelection","rowActionButtons","rowActionMenuItems","hasChangeableDensity","hasColumnResizing","hasColumnVisibility","hasFilters","hasPagination","hasRowReordering","hasRowSelection","hasSearch","hasSorting","bulkActionMenuItems","errorMessage","errorMessageProp","emptyPlaceholder","noResultsPlaceholder","data","setData","pagination","setPagination","pageIndex","pageSize","draggingRow","setDraggingRow","isTableContainerScrolledToStart","setIsTableContainerScrolledToStart","isTableContainerScrolledToEnd","setIsTableContainerScrolledToEnd","tableInnerContainerWidth","setTableInnerContainerWidth","tableOuterContainerRef","tableInnerContainerRef","tableContentRef","columnSorting","setColumnSorting","columnVisibility","setColumnVisibility","rowDensity","setRowDensity","rowSelection","setRowSelection","search","setSearch","filters","setFilters","initialFilters","setInitialFilters","isLoading","setIsLoading","isEmpty","setIsEmpty","setErrorMessage","tableOuterContainer","current","tableInnerContainer","dragHandleStyles","dragHandleText","draggableTableBodyRowClassName","handleDragHandleKeyDown","handleDragHandleOnDragCapture","handleDragHandleOnDragEnd","resetDraggingAndHoveredRow","updateRowOrder","page","row","id","rowDensityCellClassName","renderRowActions","currentIndex","index","rowIndex","undefined","dataTableFilters","filter","column","enableColumnFilter","map","accessorKey","label","variant","filterVariant","options","filterSelectOptions","defaultCell","cell","value","getValue","whiteSpace","textOverflow","emptyState","noResultsInnerContent","heading","text","emptyStateInnerContent","dataTable","state","density","sorting","globalFilter","icons","ArrowDownwardIcon","DragHandleIcon","SyncAltIcon","enableColumnActions","enableColumnResizing","enableDensityToggle","enableFilters","enableFullScreenToggle","enableGlobalFilter","enableHiding","enablePagination","layoutMode","manualFiltering","manualSorting","muiTablePaperProps","elevation","selectAllMode","defaultColumn","Cell","enableRowOrdering","Boolean","enableRowDragging","muiTableBodyRowProps","table","currentRowId","draggingRowId","hoveredRowId","getState","hoveredRow","muiRowDragHandleProps","onKeyDown","event","onBlur","onDragEnd","onDragCapture","enableRowActions","positionActionsColumn","enableRowSelection","onRowSelectionChange","enableSorting","onSortingChange","currentColumn","find","sortedColumn","enableRowVirtualization","rowVirtualizerInstanceRef","rowVirtualizerOptions","overscan","renderEmptyRowsFallback","muiTableProps","ref","muiTableContainerProps","bulkActionMenuButton","buttonVariant","endIcon","isDisabled","Object","keys","length","ariaLabel","incomingData","sort","error","marginBottom","onChangeSearch","onChangeFilters","additionalActions","severity","MemoizedDataTable","displayName"],"sources":["../../src/DataTable/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  ReactNode,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  MRT_Cell,\n  MRT_DensityState,\n  MRT_Row,\n  MRT_RowData,\n  MRT_SortingState,\n  MRT_TableOptions,\n  MRT_RowSelectionState,\n  MRT_RowVirtualizer,\n  MRT_VisibilityState,\n  useMaterialReactTable,\n  MRT_TableContainer,\n} from \"material-react-table\";\nimport {\n  ArrowDownIcon,\n  ArrowUnsortedIcon,\n  DragIndicatorIcon,\n  MoreIcon,\n} from \"../icons.generated\";\nimport { densityValues, paginationTypeValues } from \"./constants\";\nimport { DataTablePagination } from \"./DataTablePagination\";\nimport { DataFilter, DataFilters } from \"../labs/DataFilters\";\nimport {\n  DataTableRowActions,\n  DataTableRowActionsProps,\n} from \"./DataTableRowActions\";\nimport { useRowReordering } from \"./useRowReordering\";\nimport { DataTableSettings } from \"./DataTableSettings\";\nimport { MenuButton, MenuButtonProps } from \"../MenuButton\";\nimport { Box } from \"../Box\";\nimport { DataTableRowSelectionState } from \".\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext\";\nimport { useScrollIndication } from \"./useScrollIndication\";\nimport styled from \"@emotion/styled\";\nimport { DataTableEmptyState } from \"./DataTableEmptyState\";\nimport { Callout } from \"../Callout\";\nimport { t } from \"i18next\";\n\nexport type DataTableGetDataType = {\n  page?: number;\n  resultsPerPage?: number;\n  search?: string;\n  filters?: DataFilter[];\n  sort?: MRT_SortingState;\n};\n\nexport type DataTableOnReorderRowsType = {\n  rowId: string;\n  newRowIndex: number;\n};\n\nexport type DataTableProps = {\n  /**\n   * The columns that make up the table\n   */\n  columns: MRT_TableOptions<MRT_RowData>[\"columns\"];\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 (height & padding) of the table rows. This is available even if the\n   * table density isn't changeable by the end user via hasChangeableDensity.\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  onChangeRowSelection?: (rowSelection: DataTableRowSelectionState) => 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  getData: ({\n    page,\n    resultsPerPage,\n    search,\n    filters,\n    sort,\n  }: DataTableGetDataType) =>\n    | MRT_TableOptions<MRT_RowData>[\"data\"]\n    | Promise<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  onReorderRows?: ({ rowId, newRowIndex }: DataTableOnReorderRowsType) => void;\n  /**\n   * The current page number.\n   */\n  currentPage?: 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?: DataTableRowActionsProps[\"rowActionButtons\"];\n  /**\n   * Menu items to include in the optional actions menu on each row.\n   */\n  rowActionMenuItems?: DataTableRowActionsProps[\"rowActionMenuItems\"];\n  /**\n   * Menu items to include in the bulk actions menu, which appears above the table if a row or rows are selected\n   */\n  bulkActionMenuItems?: (\n    selectedRows: MRT_RowSelectionState,\n  ) => MenuButtonProps[\"children\"];\n  /**\n   * If `error` is not undefined, the DataTable will indicate an error.\n   */\n  errorMessage?: string;\n  /**\n   * The component to display when the table is displaying the initial empty state\n   */\n  emptyPlaceholder?: ReactNode;\n  /**\n   * The component to display when the query returns no results\n   */\n  noResultsPlaceholder?: ReactNode;\n};\n\nconst displayColumnDefOptions = {\n  \"mrt-row-actions\": {\n    header: \"\",\n    grow: true,\n    muiTableBodyCellProps: {\n      align: \"right\",\n      sx: {\n        overflow: \"visible\",\n        width: \"unset\",\n      },\n      className: \"ods-actions-cell\",\n    },\n    muiTableHeadCellProps: {\n      align: \"right\",\n      sx: {\n        width: \"unset\",\n      },\n      className: \"ods-actions-cell\",\n    },\n  },\n  \"mrt-row-drag\": {\n    header: \"\",\n    muiTableBodyCellProps: {\n      sx: {\n        minWidth: 0,\n        width: \"auto\",\n      },\n      className: \"ods-drag-handle\",\n    },\n    muiTableHeadCellProps: {\n      sx: {\n        minWidth: 0,\n        width: \"auto\",\n      },\n      children: (\n        // Add a spacer to simulate the width of the drag handle in the column.\n        // Without this, the head cells are offset from their body cell counterparts\n        <Box sx={{ marginInline: \"-0.1rem\" }}>\n          <DragIndicatorIcon sx={{ marginInline: 1, opacity: 0 }} />\n        </Box>\n      ),\n    },\n  },\n  \"mrt-row-select\": {\n    muiTableHeadCellProps: {\n      padding: \"checkbox\",\n    },\n    muiTableBodyCellProps: {\n      padding: \"checkbox\",\n    },\n  },\n};\n\nconst ScrollableTableContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isScrollableStart\" &&\n    prop !== \"isScrollableEnd\",\n})(\n  ({\n    odysseyDesignTokens,\n    isScrollableStart,\n    isScrollableEnd,\n  }: {\n    odysseyDesignTokens: DesignTokens;\n    isScrollableStart: boolean;\n    isScrollableEnd: boolean;\n  }) => ({\n    borderBlockEndColor: odysseyDesignTokens.HueNeutral100,\n    borderBlockEndStyle: \"solid\",\n    borderBlockEndWidth: odysseyDesignTokens.BorderWidthMain,\n    marginBlockEnd: odysseyDesignTokens.Spacing4,\n    position: \"relative\",\n    borderInlineStartColor: isScrollableStart\n      ? odysseyDesignTokens.HueNeutral200\n      : \"transparent\",\n    borderInlineStartStyle: \"solid\",\n    borderInlineStartWidth: odysseyDesignTokens.BorderWidthMain,\n    \"::before\": {\n      background:\n        \"linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n      content: '\"\"',\n      opacity: isScrollableStart ? \"0.075\" : \"0\",\n      pointerEvents: \"none\",\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      bottom: 0,\n      width: odysseyDesignTokens.Spacing6,\n      zIndex: 100,\n      transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n    },\n    borderInlineEndColor: isScrollableEnd\n      ? odysseyDesignTokens.HueNeutral200\n      : \"transparent\",\n    borderInlineEndStyle: \"solid\",\n    borderInlineEndWidth: odysseyDesignTokens.BorderWidthMain,\n    \"::after\": {\n      background:\n        \"linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n      content: '\"\"',\n      opacity: isScrollableEnd ? \"0.075\" : \"0\",\n      pointerEvents: \"none\",\n      position: \"absolute\",\n      top: 0,\n      right: 0,\n      bottom: 0,\n      width: odysseyDesignTokens.Spacing6,\n      transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n    },\n  }),\n);\n\nconst DataTable = ({\n  columns,\n  getRowId: getRowIdProp,\n  currentPage = 1,\n  initialDensity = densityValues[0],\n  resultsPerPage = 20,\n  getData,\n  onReorderRows,\n  totalRows,\n  hasSearchSubmitButton,\n  searchDelayTime,\n  paginationType = \"paged\",\n  onChangeRowSelection,\n  rowActionButtons,\n  rowActionMenuItems,\n  hasChangeableDensity,\n  hasColumnResizing,\n  hasColumnVisibility,\n  hasFilters,\n  hasPagination,\n  hasRowReordering,\n  hasRowSelection,\n  hasSearch,\n  hasSorting,\n  bulkActionMenuItems,\n  errorMessage: errorMessageProp,\n  emptyPlaceholder,\n  noResultsPlaceholder,\n}: DataTableProps) => {\n  const [data, setData] = useState<MRT_RowData[]>([]);\n  const [pagination, setPagination] = useState({\n    pageIndex: currentPage,\n    pageSize: resultsPerPage,\n  });\n  const [draggingRow, setDraggingRow] = useState<MRT_Row<MRT_RowData> | null>();\n  const [isTableContainerScrolledToStart, setIsTableContainerScrolledToStart] =\n    useState(true);\n  const [isTableContainerScrolledToEnd, setIsTableContainerScrolledToEnd] =\n    useState(true);\n  const [tableInnerContainerWidth, setTableInnerContainerWidth] =\n    useState<string>(\"100%\");\n  const tableOuterContainerRef = useRef<HTMLDivElement>(null);\n  const tableInnerContainerRef = useRef<HTMLDivElement>(null);\n  const tableContentRef = useRef<HTMLTableElement>(null);\n\n  // Table states\n  const [columnSorting, setColumnSorting] = useState<MRT_SortingState>([]);\n  const [columnVisibility, setColumnVisibility] =\n    useState<MRT_VisibilityState>();\n  const [rowDensity, setRowDensity] =\n    useState<MRT_DensityState>(initialDensity);\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n  const [search, setSearch] = useState<string>(\"\");\n  const [filters, setFilters] = useState<DataFilter[]>();\n  const [initialFilters, setInitialFilters] = useState<DataFilter[]>();\n  const [isLoading, setIsLoading] = useState<boolean | undefined>(true);\n  const [isEmpty, setIsEmpty] = useState<boolean | undefined>();\n  const [errorMessage, setErrorMessage] = useState<string | undefined>(\n    errorMessageProp,\n  );\n\n  useScrollIndication({\n    tableOuterContainer: tableOuterContainerRef.current,\n    tableInnerContainer: tableInnerContainerRef.current,\n    setIsTableContainerScrolledToStart: setIsTableContainerScrolledToStart,\n    setIsTableContainerScrolledToEnd: setIsTableContainerScrolledToEnd,\n    setTableInnerContainerWidth: setTableInnerContainerWidth,\n  });\n\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const {\n    dragHandleStyles,\n    dragHandleText,\n    draggableTableBodyRowClassName,\n    handleDragHandleKeyDown,\n    handleDragHandleOnDragCapture,\n    handleDragHandleOnDragEnd,\n    resetDraggingAndHoveredRow,\n    updateRowOrder,\n  } = useRowReordering({\n    totalRows,\n    onReorderRows,\n    data,\n    setData,\n    draggingRow,\n    setDraggingRow,\n    resultsPerPage: pagination.pageSize,\n    page: pagination.pageIndex,\n  });\n\n  const getRowId = getRowIdProp ? getRowIdProp : (row: MRT_RowData) => row.id;\n\n  const rowDensityCellClassName = useMemo(() => {\n    return rowDensity === \"spacious\"\n      ? \"MuiTableCell-spacious\"\n      : rowDensity === \"compact\"\n        ? \"MuiTableCell-compact\"\n        : \"MuiTableCell-default\";\n  }, [rowDensity]);\n\n  const renderRowActions = useCallback(\n    ({ row }: { row: MRT_Row<MRT_RowData> }) => {\n      const currentIndex =\n        row.index + (pagination.pageIndex - 1) * pagination.pageSize;\n      return (\n        <DataTableRowActions\n          row={row}\n          rowIndex={currentIndex}\n          rowActionButtons={rowActionButtons}\n          rowActionMenuItems={rowActionMenuItems}\n          totalRows={totalRows}\n          updateRowOrder={\n            hasRowReordering && onReorderRows ? updateRowOrder : undefined\n          }\n        />\n      );\n    },\n    [\n      pagination,\n      rowActionButtons,\n      rowActionMenuItems,\n      hasRowReordering,\n      onReorderRows,\n      totalRows,\n      updateRowOrder,\n    ],\n  );\n\n  const dataTableFilters = useMemo(\n    () =>\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          } as DataFilter;\n        }),\n    [columns],\n  );\n\n  const defaultCell = useCallback(\n    ({ cell }: { cell: MRT_Cell<MRT_RowData> }) => {\n      const value = cell.getValue<string>();\n      return (\n        <Box\n          sx={{\n            whiteSpace: \"nowrap\",\n            textOverflow: \"ellipsis\",\n            overflow: \"hidden\",\n          }}\n        >\n          {value}\n        </Box>\n      );\n    },\n    [],\n  );\n\n  const emptyState = useCallback(() => {\n    const noResultsInnerContent = noResultsPlaceholder || (\n      <DataTableEmptyState\n        heading={t(\"table.noresults.heading\")}\n        text={t(\"table.noresults.text\")}\n      />\n    );\n\n    const emptyStateInnerContent =\n      emptyPlaceholder && isEmpty ? emptyPlaceholder : noResultsInnerContent;\n\n    return (\n      <Box sx={{ width: tableInnerContainerWidth }}>\n        {emptyStateInnerContent}\n      </Box>\n    );\n  }, [\n    tableInnerContainerWidth,\n    emptyPlaceholder,\n    noResultsPlaceholder,\n    isEmpty,\n  ]);\n\n  const dataTable = useMaterialReactTable({\n    columns: columns,\n    data: data,\n    getRowId: getRowId,\n    state: {\n      density: rowDensity,\n      sorting: columnSorting,\n      globalFilter: search,\n      columnVisibility,\n      isLoading,\n      rowSelection,\n    },\n    icons: {\n      ArrowDownwardIcon: ArrowDownIcon,\n      DragHandleIcon: DragIndicatorIcon,\n      SyncAltIcon: ArrowUnsortedIcon,\n    },\n\n    // Base table settings\n    enableColumnActions: false,\n    enableColumnResizing: hasColumnResizing,\n    enableDensityToggle: false,\n    enableFilters: false,\n    enableFullScreenToggle: false,\n    enableGlobalFilter: false,\n    enableHiding: false,\n    enablePagination: false,\n    layoutMode: \"grid-no-grow\",\n    manualFiltering: true,\n    manualSorting: true,\n    muiTablePaperProps: {\n      elevation: 0,\n      sx: {\n        overflow: \"visible\",\n      },\n    },\n    selectAllMode: \"all\",\n    displayColumnDefOptions:\n      displayColumnDefOptions as MRT_TableOptions<MRT_RowData>[\"displayColumnDefOptions\"],\n    muiTableBodyCellProps: () => ({\n      className: rowDensityCellClassName,\n    }),\n    defaultColumn: {\n      Cell: defaultCell,\n    },\n\n    // Reordering\n    enableRowOrdering: hasRowReordering && Boolean(onReorderRows),\n    enableRowDragging: hasRowReordering && Boolean(onReorderRows),\n    muiTableBodyRowProps: ({ table, row }) => ({\n      className: draggableTableBodyRowClassName({\n        currentRowId: row.id,\n        draggingRowId: draggingRow?.id,\n        hoveredRowId: table.getState().hoveredRow?.id,\n      }),\n    }),\n    muiRowDragHandleProps: ({ table, row }) => ({\n      onKeyDown: (event) => handleDragHandleKeyDown({ table, row, event }),\n      onBlur: () => resetDraggingAndHoveredRow(table),\n      onDragEnd: () => handleDragHandleOnDragEnd(table),\n      onDragCapture: () => handleDragHandleOnDragCapture(table),\n      sx: dragHandleStyles,\n      ...dragHandleText,\n    }),\n\n    // Row actions\n    enableRowActions:\n      (hasRowReordering === true && onReorderRows) ||\n      rowActionButtons ||\n      rowActionMenuItems\n        ? true\n        : false,\n    positionActionsColumn:\n      \"last\" as MRT_TableOptions<MRT_RowData>[\"positionActionsColumn\"],\n    renderRowActions: ({ row }) => renderRowActions({ row }),\n\n    // Row selection\n    enableRowSelection: hasRowSelection,\n    onRowSelectionChange: setRowSelection,\n\n    // Sorting\n    enableSorting: hasSorting,\n    onSortingChange: setColumnSorting,\n    muiTableHeadCellProps: ({ column: currentColumn }) => ({\n      className: columnSorting.find(\n        (sortedColumn) => sortedColumn.id === currentColumn.id,\n      )\n        ? \"isSorted\"\n        : \"isUnsorted\",\n    }),\n\n    // Virtualization\n    enableRowVirtualization:\n      paginationType !== \"loadMore\" && pagination.pageSize > 50,\n    rowVirtualizerInstanceRef:\n      useRef<MRT_RowVirtualizer<HTMLDivElement, HTMLTableRowElement>>(null),\n    rowVirtualizerOptions: {\n      overscan: 4,\n    },\n\n    // States\n    renderEmptyRowsFallback: emptyState,\n\n    // Refs\n    muiTableProps: {\n      ref: tableContentRef,\n    },\n\n    muiTableContainerProps: {\n      ref: tableInnerContainerRef,\n    },\n  });\n\n  // Effects\n  const bulkActionMenuButton = useMemo(\n    () => (\n      <>\n        <MenuButton\n          buttonVariant=\"secondary\"\n          endIcon={<MoreIcon />}\n          isDisabled={Object.keys(rowSelection).length === 0}\n          ariaLabel=\"More actions\"\n        >\n          {bulkActionMenuItems?.(rowSelection)}\n        </MenuButton>\n      </>\n    ),\n    [bulkActionMenuItems, rowSelection],\n  );\n\n  useEffect(() => {\n    (async () => {\n      setIsLoading(true);\n      setErrorMessage(errorMessageProp);\n      try {\n        const incomingData = await getData?.({\n          page: pagination.pageIndex,\n          resultsPerPage: pagination.pageSize,\n          search,\n          filters,\n          sort: columnSorting,\n        });\n        setData(incomingData);\n      } catch (error) {\n        setErrorMessage(typeof error === \"string\" ? error : t(\"table.error\"));\n      } finally {\n        setIsLoading(false);\n      }\n    })();\n  }, [pagination, columnSorting, search, filters, getData, errorMessageProp]);\n\n  useEffect(() => {\n    if (!initialFilters && filters) {\n      setInitialFilters(filters);\n    }\n\n    setIsEmpty(\n      pagination.pageIndex === currentPage &&\n        pagination.pageSize === resultsPerPage &&\n        search === \"\" &&\n        filters === initialFilters &&\n        data.length === 0,\n    );\n  }, [\n    filters,\n    pagination,\n    search,\n    data,\n    currentPage,\n    initialFilters,\n    resultsPerPage,\n  ]);\n\n  useEffect(() => {\n    onChangeRowSelection?.(rowSelection);\n  }, [rowSelection, onChangeRowSelection]);\n\n  // Render the table\n  return (\n    <>\n      {(hasSearch ||\n        hasFilters ||\n        hasChangeableDensity ||\n        hasColumnVisibility ||\n        bulkActionMenuItems) && (\n        <Box sx={{ marginBottom: 5 }}>\n          <DataFilters\n            onChangeSearch={hasSearch ? setSearch : undefined}\n            onChangeFilters={hasFilters ? setFilters : undefined}\n            hasSearchSubmitButton={hasSearchSubmitButton}\n            searchDelayTime={searchDelayTime}\n            filters={hasFilters ? dataTableFilters : undefined}\n            isDisabled={isEmpty}\n            additionalActions={\n              <>\n                <DataTableSettings\n                  hasChangeableDensity={hasChangeableDensity}\n                  rowDensity={rowDensity}\n                  setRowDensity={setRowDensity}\n                  hasColumnVisibility={hasColumnVisibility}\n                  columns={columns}\n                  columnVisibility={columnVisibility}\n                  setColumnVisibility={setColumnVisibility}\n                />\n                {bulkActionMenuItems && bulkActionMenuButton}\n              </>\n            }\n          />\n        </Box>\n      )}\n\n      {errorMessage && (\n        <Box sx={{ marginBlockEnd: 2 }}>\n          <Callout severity=\"error\" text={errorMessage} />\n        </Box>\n      )}\n\n      <ScrollableTableContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n        isScrollableStart={!isTableContainerScrolledToStart}\n        isScrollableEnd={!isTableContainerScrolledToEnd}\n        ref={tableOuterContainerRef}\n      >\n        <MRT_TableContainer table={dataTable} />\n      </ScrollableTableContainer>\n\n      {hasPagination && (\n        <DataTablePagination\n          pagination={pagination}\n          setPagination={setPagination}\n          totalRows={totalRows}\n          isDisabled={isEmpty}\n          variant={paginationType}\n        />\n      )}\n    </>\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":["memo","useCallback","useEffect","useMemo","useRef","useState","useMaterialReactTable","MRT_TableContainer","ArrowDownIcon","ArrowUnsortedIcon","DragIndicatorIcon","MoreIcon","densityValues","DataTablePagination","DataFilters","DataTableRowActions","useRowReordering","DataTableSettings","MenuButton","Box","useOdysseyDesignTokens","useScrollIndication","styled","DataTableEmptyState","Callout","t","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","displayColumnDefOptions","header","grow","muiTableBodyCellProps","align","sx","overflow","width","className","muiTableHeadCellProps","minWidth","children","marginInline","opacity","padding","ScrollableTableContainer","shouldForwardProp","prop","odysseyDesignTokens","isScrollableStart","isScrollableEnd","borderBlockEndColor","HueNeutral100","borderBlockEndStyle","borderBlockEndWidth","BorderWidthMain","marginBlockEnd","Spacing4","position","borderInlineStartColor","HueNeutral200","borderInlineStartStyle","borderInlineStartWidth","background","content","pointerEvents","top","left","bottom","Spacing6","zIndex","transition","TransitionDurationMain","TransitionTimingMain","borderInlineEndColor","borderInlineEndStyle","borderInlineEndWidth","right","DataTable","columns","getRowId","getRowIdProp","currentPage","initialDensity","resultsPerPage","getData","onReorderRows","totalRows","hasSearchSubmitButton","searchDelayTime","paginationType","onChangeRowSelection","rowActionButtons","rowActionMenuItems","hasChangeableDensity","hasColumnResizing","hasColumnVisibility","hasFilters","hasPagination","hasRowReordering","hasRowSelection","hasSearch","hasSorting","bulkActionMenuItems","errorMessage","errorMessageProp","emptyPlaceholder","noResultsPlaceholder","filters","filtersProp","data","setData","pagination","setPagination","pageIndex","pageSize","draggingRow","setDraggingRow","isTableContainerScrolledToStart","setIsTableContainerScrolledToStart","isTableContainerScrolledToEnd","setIsTableContainerScrolledToEnd","tableInnerContainerWidth","setTableInnerContainerWidth","tableOuterContainerRef","tableInnerContainerRef","tableContentRef","columnSorting","setColumnSorting","columnVisibility","setColumnVisibility","rowDensity","setRowDensity","rowSelection","setRowSelection","search","setSearch","setFilters","initialFilters","setInitialFilters","isLoading","setIsLoading","isEmpty","setIsEmpty","setErrorMessage","tableOuterContainer","current","tableInnerContainer","dragHandleStyles","dragHandleText","draggableTableBodyRowClassName","handleDragHandleKeyDown","handleDragHandleOnDragCapture","handleDragHandleOnDragEnd","resetDraggingAndHoveredRow","updateRowOrder","page","row","id","rowDensityCellClassName","renderRowActions","currentIndex","index","rowIndex","undefined","convertFilterSelectOptions","options","map","option","label","value","convertColumnToFilter","column","enableColumnFilter","accessorKey","variant","filterVariant","filterSelectOptions","dataTableFilters","providedFilters","reduce","accumulator","item","foundColumn","find","filter","concat","defaultCell","cell","getValue","whiteSpace","textOverflow","emptyState","noResultsInnerContent","heading","text","emptyStateInnerContent","dataTable","state","density","sorting","globalFilter","icons","ArrowDownwardIcon","DragHandleIcon","SyncAltIcon","enableColumnActions","enableColumnResizing","enableDensityToggle","enableFilters","enableFullScreenToggle","enableGlobalFilter","enableHiding","enablePagination","layoutMode","manualFiltering","manualSorting","muiTablePaperProps","elevation","selectAllMode","defaultColumn","Cell","enableRowOrdering","Boolean","enableRowDragging","muiTableBodyRowProps","table","currentRowId","draggingRowId","hoveredRowId","getState","hoveredRow","muiRowDragHandleProps","onKeyDown","event","onBlur","onDragEnd","onDragCapture","enableRowActions","positionActionsColumn","enableRowSelection","onRowSelectionChange","enableSorting","onSortingChange","currentColumn","sortedColumn","enableRowVirtualization","rowVirtualizerInstanceRef","rowVirtualizerOptions","overscan","renderEmptyRowsFallback","muiTableProps","ref","muiTableContainerProps","bulkActionMenuButton","buttonVariant","endIcon","isDisabled","Object","keys","length","ariaLabel","incomingData","sort","error","marginBottom","onChangeSearch","onChangeFilters","additionalActions","severity","MemoizedDataTable","displayName"],"sources":["../../src/DataTable/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  ReactNode,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  MRT_Cell,\n  MRT_DensityState,\n  MRT_Row,\n  MRT_RowData,\n  MRT_SortingState,\n  MRT_TableOptions,\n  MRT_RowSelectionState,\n  MRT_RowVirtualizer,\n  MRT_VisibilityState,\n  useMaterialReactTable,\n  MRT_TableContainer,\n} from \"material-react-table\";\nimport {\n  ArrowDownIcon,\n  ArrowUnsortedIcon,\n  DragIndicatorIcon,\n  MoreIcon,\n} from \"../icons.generated\";\nimport { densityValues, paginationTypeValues } from \"./constants\";\nimport { DataTablePagination } from \"./DataTablePagination\";\nimport { DataFilter, DataFilters } from \"../labs/DataFilters\";\nimport {\n  DataTableRowActions,\n  DataTableRowActionsProps,\n} from \"./DataTableRowActions\";\nimport { useRowReordering } from \"./useRowReordering\";\nimport { DataTableSettings } from \"./DataTableSettings\";\nimport { MenuButton, MenuButtonProps } from \"../MenuButton\";\nimport { Box } from \"../Box\";\nimport {\n  DataTableColumn,\n  DataTableRowData,\n  DataTableRowSelectionState,\n} from \".\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext\";\nimport { useScrollIndication } from \"./useScrollIndication\";\nimport styled from \"@emotion/styled\";\nimport { DataTableEmptyState } from \"./DataTableEmptyState\";\nimport { Callout } from \"../Callout\";\nimport { t } from \"i18next\";\n\nexport type DataTableGetDataType = {\n  page?: number;\n  resultsPerPage?: number;\n  search?: string;\n  filters?: DataFilter[];\n  sort?: MRT_SortingState;\n};\n\nexport type DataTableOnReorderRowsType = {\n  rowId: string;\n  newRowIndex: number;\n};\n\nexport type DataTableProps = {\n  /**\n   * The columns that make up the table\n   */\n  columns: MRT_TableOptions<MRT_RowData>[\"columns\"];\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 (height & padding) of the table rows. This is available even if the\n   * table density isn't changeable by the end user via hasChangeableDensity.\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  onChangeRowSelection?: (rowSelection: DataTableRowSelectionState) => 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  getData: ({\n    page,\n    resultsPerPage,\n    search,\n    filters,\n    sort,\n  }: DataTableGetDataType) =>\n    | MRT_TableOptions<MRT_RowData>[\"data\"]\n    | Promise<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  onReorderRows?: ({ rowId, newRowIndex }: DataTableOnReorderRowsType) => void;\n  /**\n   * The current page number.\n   */\n  currentPage?: 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?: DataTableRowActionsProps[\"rowActionButtons\"];\n  /**\n   * Menu items to include in the optional actions menu on each row.\n   */\n  rowActionMenuItems?: DataTableRowActionsProps[\"rowActionMenuItems\"];\n  /**\n   * Menu items to include in the bulk actions menu, which appears above the table if a row or rows are selected\n   */\n  bulkActionMenuItems?: (\n    selectedRows: MRT_RowSelectionState,\n  ) => MenuButtonProps[\"children\"];\n  /**\n   * If `error` is not undefined, the DataTable will indicate an error.\n   */\n  errorMessage?: string;\n  /**\n   * The component to display when the table is displaying the initial empty state\n   */\n  emptyPlaceholder?: ReactNode;\n  /**\n   * The component to display when the query returns no results\n   */\n  noResultsPlaceholder?: ReactNode;\n  /**\n   * An optional set of filters to render in the filters menu\n   */\n  filters?: Array<DataFilter | DataTableColumn<DataTableRowData> | string>;\n};\n\nconst displayColumnDefOptions = {\n  \"mrt-row-actions\": {\n    header: \"\",\n    grow: true,\n    muiTableBodyCellProps: {\n      align: \"right\",\n      sx: {\n        overflow: \"visible\",\n        width: \"unset\",\n      },\n      className: \"ods-actions-cell\",\n    },\n    muiTableHeadCellProps: {\n      align: \"right\",\n      sx: {\n        width: \"unset\",\n      },\n      className: \"ods-actions-cell\",\n    },\n  },\n  \"mrt-row-drag\": {\n    header: \"\",\n    muiTableBodyCellProps: {\n      sx: {\n        minWidth: 0,\n        width: \"auto\",\n      },\n      className: \"ods-drag-handle\",\n    },\n    muiTableHeadCellProps: {\n      sx: {\n        minWidth: 0,\n        width: \"auto\",\n      },\n      children: (\n        // Add a spacer to simulate the width of the drag handle in the column.\n        // Without this, the head cells are offset from their body cell counterparts\n        <Box sx={{ marginInline: \"-0.1rem\" }}>\n          <DragIndicatorIcon sx={{ marginInline: 1, opacity: 0 }} />\n        </Box>\n      ),\n    },\n  },\n  \"mrt-row-select\": {\n    muiTableHeadCellProps: {\n      padding: \"checkbox\",\n    },\n    muiTableBodyCellProps: {\n      padding: \"checkbox\",\n    },\n  },\n};\n\nconst ScrollableTableContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isScrollableStart\" &&\n    prop !== \"isScrollableEnd\",\n})(\n  ({\n    odysseyDesignTokens,\n    isScrollableStart,\n    isScrollableEnd,\n  }: {\n    odysseyDesignTokens: DesignTokens;\n    isScrollableStart: boolean;\n    isScrollableEnd: boolean;\n  }) => ({\n    borderBlockEndColor: odysseyDesignTokens.HueNeutral100,\n    borderBlockEndStyle: \"solid\",\n    borderBlockEndWidth: odysseyDesignTokens.BorderWidthMain,\n    marginBlockEnd: odysseyDesignTokens.Spacing4,\n    position: \"relative\",\n    borderInlineStartColor: isScrollableStart\n      ? odysseyDesignTokens.HueNeutral200\n      : \"transparent\",\n    borderInlineStartStyle: \"solid\",\n    borderInlineStartWidth: odysseyDesignTokens.BorderWidthMain,\n    \"::before\": {\n      background:\n        \"linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n      content: '\"\"',\n      opacity: isScrollableStart ? \"0.075\" : \"0\",\n      pointerEvents: \"none\",\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      bottom: 0,\n      width: odysseyDesignTokens.Spacing6,\n      zIndex: 100,\n      transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n    },\n    borderInlineEndColor: isScrollableEnd\n      ? odysseyDesignTokens.HueNeutral200\n      : \"transparent\",\n    borderInlineEndStyle: \"solid\",\n    borderInlineEndWidth: odysseyDesignTokens.BorderWidthMain,\n    \"::after\": {\n      background:\n        \"linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n      content: '\"\"',\n      opacity: isScrollableEnd ? \"0.075\" : \"0\",\n      pointerEvents: \"none\",\n      position: \"absolute\",\n      top: 0,\n      right: 0,\n      bottom: 0,\n      width: odysseyDesignTokens.Spacing6,\n      transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n    },\n  }),\n);\n\nconst DataTable = ({\n  columns,\n  getRowId: getRowIdProp,\n  currentPage = 1,\n  initialDensity = densityValues[0],\n  resultsPerPage = 20,\n  getData,\n  onReorderRows,\n  totalRows,\n  hasSearchSubmitButton,\n  searchDelayTime,\n  paginationType = \"paged\",\n  onChangeRowSelection,\n  rowActionButtons,\n  rowActionMenuItems,\n  hasChangeableDensity,\n  hasColumnResizing,\n  hasColumnVisibility,\n  hasFilters,\n  hasPagination,\n  hasRowReordering,\n  hasRowSelection,\n  hasSearch,\n  hasSorting,\n  bulkActionMenuItems,\n  errorMessage: errorMessageProp,\n  emptyPlaceholder,\n  noResultsPlaceholder,\n  filters: filtersProp,\n}: DataTableProps) => {\n  const [data, setData] = useState<MRT_RowData[]>([]);\n  const [pagination, setPagination] = useState({\n    pageIndex: currentPage,\n    pageSize: resultsPerPage,\n  });\n  const [draggingRow, setDraggingRow] = useState<MRT_Row<MRT_RowData> | null>();\n  const [isTableContainerScrolledToStart, setIsTableContainerScrolledToStart] =\n    useState(true);\n  const [isTableContainerScrolledToEnd, setIsTableContainerScrolledToEnd] =\n    useState(true);\n  const [tableInnerContainerWidth, setTableInnerContainerWidth] =\n    useState<string>(\"100%\");\n  const tableOuterContainerRef = useRef<HTMLDivElement>(null);\n  const tableInnerContainerRef = useRef<HTMLDivElement>(null);\n  const tableContentRef = useRef<HTMLTableElement>(null);\n\n  // Table states\n  const [columnSorting, setColumnSorting] = useState<MRT_SortingState>([]);\n  const [columnVisibility, setColumnVisibility] =\n    useState<MRT_VisibilityState>();\n  const [rowDensity, setRowDensity] =\n    useState<MRT_DensityState>(initialDensity);\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n  const [search, setSearch] = useState<string>(\"\");\n  const [filters, setFilters] = useState<DataFilter[]>();\n  const [initialFilters, setInitialFilters] = useState<DataFilter[]>();\n  const [isLoading, setIsLoading] = useState<boolean | undefined>(true);\n  const [isEmpty, setIsEmpty] = useState<boolean | undefined>();\n  const [errorMessage, setErrorMessage] = useState<string | undefined>(\n    errorMessageProp,\n  );\n\n  useScrollIndication({\n    tableOuterContainer: tableOuterContainerRef.current,\n    tableInnerContainer: tableInnerContainerRef.current,\n    setIsTableContainerScrolledToStart: setIsTableContainerScrolledToStart,\n    setIsTableContainerScrolledToEnd: setIsTableContainerScrolledToEnd,\n    setTableInnerContainerWidth: setTableInnerContainerWidth,\n  });\n\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const {\n    dragHandleStyles,\n    dragHandleText,\n    draggableTableBodyRowClassName,\n    handleDragHandleKeyDown,\n    handleDragHandleOnDragCapture,\n    handleDragHandleOnDragEnd,\n    resetDraggingAndHoveredRow,\n    updateRowOrder,\n  } = useRowReordering({\n    totalRows,\n    onReorderRows,\n    data,\n    setData,\n    draggingRow,\n    setDraggingRow,\n    resultsPerPage: pagination.pageSize,\n    page: pagination.pageIndex,\n  });\n\n  const getRowId = getRowIdProp ? getRowIdProp : (row: MRT_RowData) => row.id;\n\n  const rowDensityCellClassName = useMemo(() => {\n    return rowDensity === \"spacious\"\n      ? \"MuiTableCell-spacious\"\n      : rowDensity === \"compact\"\n        ? \"MuiTableCell-compact\"\n        : \"MuiTableCell-default\";\n  }, [rowDensity]);\n\n  const renderRowActions = useCallback(\n    ({ row }: { row: MRT_Row<MRT_RowData> }) => {\n      const currentIndex =\n        row.index + (pagination.pageIndex - 1) * pagination.pageSize;\n      return (\n        <DataTableRowActions\n          row={row}\n          rowIndex={currentIndex}\n          rowActionButtons={rowActionButtons}\n          rowActionMenuItems={rowActionMenuItems}\n          totalRows={totalRows}\n          updateRowOrder={\n            hasRowReordering && onReorderRows ? updateRowOrder : undefined\n          }\n        />\n      );\n    },\n    [\n      pagination,\n      rowActionButtons,\n      rowActionMenuItems,\n      hasRowReordering,\n      onReorderRows,\n      totalRows,\n      updateRowOrder,\n    ],\n  );\n\n  /**\n   * This hack is to provide compatibility with Material-React-Table's\n   * filterOptions format, which allows for strings and { label: string, value: string }\n   */\n  const convertFilterSelectOptions = useCallback(\n    (options: DataTableColumn<DataTableRowData>[\"filterSelectOptions\"]) =>\n      options?.map((option) =>\n        typeof option === \"string\"\n          ? {\n              label: option,\n              value: option,\n            }\n          : {\n              // If the option isn't a string, it must have value and/or option defined\n              // If either is undefined, use the other\n              label: option.label ?? option.value,\n              value: option.value ?? option.label,\n            },\n      ),\n    [],\n  );\n\n  const convertColumnToFilter = useCallback(\n    (column: DataTableColumn<DataTableRowData>) =>\n      column.enableColumnFilter !== false && column.accessorKey\n        ? ({\n            id: column.accessorKey,\n            label: column.header,\n            variant: column.filterVariant,\n            options: convertFilterSelectOptions(column.filterSelectOptions),\n          } satisfies DataFilter as DataFilter)\n        : null,\n    [convertFilterSelectOptions],\n  );\n\n  /**\n   * Filters default to the columns, but can be overridden\n   * with the `filters` prop. `filters` should be an array\n   * of column accessorKeys, column defs, or DataFilters.\n   */\n  const dataTableFilters = useMemo(() => {\n    const providedFilters = filtersProp || columns;\n    return providedFilters.reduce<DataFilter[]>((accumulator, item) => {\n      if (typeof item === \"string\") {\n        const foundColumn = columns.find(\n          (column) => column.accessorKey === item,\n        );\n        if (foundColumn) {\n          const filter = convertColumnToFilter(foundColumn);\n          if (filter) {\n            return accumulator.concat(filter);\n          }\n        }\n      } else if (\"accessorKey\" in item) {\n        // Checks if it's a column\n        const filter = convertColumnToFilter(item);\n        if (filter) {\n          return accumulator.concat(filter);\n        }\n      } else if (\"label\" in item) {\n        // Checks if it's a DataFilter\n        return accumulator.concat(item);\n      }\n      // If none of the conditions match, item is ignored (not mapping to undefined)\n      return accumulator;\n    }, []);\n  }, [columns, filtersProp, convertColumnToFilter]);\n\n  const defaultCell = useCallback(\n    ({ cell }: { cell: MRT_Cell<MRT_RowData> }) => {\n      const value = cell.getValue<string>();\n      return (\n        <Box\n          sx={{\n            whiteSpace: \"nowrap\",\n            textOverflow: \"ellipsis\",\n            overflow: \"hidden\",\n          }}\n        >\n          {value}\n        </Box>\n      );\n    },\n    [],\n  );\n\n  const emptyState = useCallback(() => {\n    const noResultsInnerContent = noResultsPlaceholder || (\n      <DataTableEmptyState\n        heading={t(\"table.noresults.heading\")}\n        text={t(\"table.noresults.text\")}\n      />\n    );\n\n    const emptyStateInnerContent =\n      emptyPlaceholder && isEmpty ? emptyPlaceholder : noResultsInnerContent;\n\n    return (\n      <Box sx={{ width: tableInnerContainerWidth }}>\n        {emptyStateInnerContent}\n      </Box>\n    );\n  }, [\n    tableInnerContainerWidth,\n    emptyPlaceholder,\n    noResultsPlaceholder,\n    isEmpty,\n  ]);\n\n  const dataTable = useMaterialReactTable({\n    columns: columns,\n    data: data,\n    getRowId: getRowId,\n    state: {\n      density: rowDensity,\n      sorting: columnSorting,\n      globalFilter: search,\n      columnVisibility,\n      isLoading,\n      rowSelection,\n    },\n    icons: {\n      ArrowDownwardIcon: ArrowDownIcon,\n      DragHandleIcon: DragIndicatorIcon,\n      SyncAltIcon: ArrowUnsortedIcon,\n    },\n\n    // Base table settings\n    enableColumnActions: false,\n    enableColumnResizing: hasColumnResizing,\n    enableDensityToggle: false,\n    enableFilters: false,\n    enableFullScreenToggle: false,\n    enableGlobalFilter: false,\n    enableHiding: false,\n    enablePagination: false,\n    layoutMode: \"grid-no-grow\",\n    manualFiltering: true,\n    manualSorting: true,\n    muiTablePaperProps: {\n      elevation: 0,\n      sx: {\n        overflow: \"visible\",\n      },\n    },\n    selectAllMode: \"all\",\n    displayColumnDefOptions:\n      displayColumnDefOptions as MRT_TableOptions<MRT_RowData>[\"displayColumnDefOptions\"],\n    muiTableBodyCellProps: () => ({\n      className: rowDensityCellClassName,\n    }),\n    defaultColumn: {\n      Cell: defaultCell,\n    },\n\n    // Reordering\n    enableRowOrdering: hasRowReordering && Boolean(onReorderRows),\n    enableRowDragging: hasRowReordering && Boolean(onReorderRows),\n    muiTableBodyRowProps: ({ table, row }) => ({\n      className: draggableTableBodyRowClassName({\n        currentRowId: row.id,\n        draggingRowId: draggingRow?.id,\n        hoveredRowId: table.getState().hoveredRow?.id,\n      }),\n    }),\n    muiRowDragHandleProps: ({ table, row }) => ({\n      onKeyDown: (event) => handleDragHandleKeyDown({ table, row, event }),\n      onBlur: () => resetDraggingAndHoveredRow(table),\n      onDragEnd: () => handleDragHandleOnDragEnd(table),\n      onDragCapture: () => handleDragHandleOnDragCapture(table),\n      sx: dragHandleStyles,\n      ...dragHandleText,\n    }),\n\n    // Row actions\n    enableRowActions:\n      (hasRowReordering === true && onReorderRows) ||\n      rowActionButtons ||\n      rowActionMenuItems\n        ? true\n        : false,\n    positionActionsColumn:\n      \"last\" as MRT_TableOptions<MRT_RowData>[\"positionActionsColumn\"],\n    renderRowActions: ({ row }) => renderRowActions({ row }),\n\n    // Row selection\n    enableRowSelection: hasRowSelection,\n    onRowSelectionChange: setRowSelection,\n\n    // Sorting\n    enableSorting: hasSorting,\n    onSortingChange: setColumnSorting,\n    muiTableHeadCellProps: ({ column: currentColumn }) => ({\n      className: columnSorting.find(\n        (sortedColumn) => sortedColumn.id === currentColumn.id,\n      )\n        ? \"isSorted\"\n        : \"isUnsorted\",\n    }),\n\n    // Virtualization\n    enableRowVirtualization:\n      paginationType !== \"loadMore\" && pagination.pageSize > 50,\n    rowVirtualizerInstanceRef:\n      useRef<MRT_RowVirtualizer<HTMLDivElement, HTMLTableRowElement>>(null),\n    rowVirtualizerOptions: {\n      overscan: 4,\n    },\n\n    // States\n    renderEmptyRowsFallback: emptyState,\n\n    // Refs\n    muiTableProps: {\n      ref: tableContentRef,\n    },\n\n    muiTableContainerProps: {\n      ref: tableInnerContainerRef,\n    },\n  });\n\n  // Effects\n  const bulkActionMenuButton = useMemo(\n    () => (\n      <>\n        <MenuButton\n          buttonVariant=\"secondary\"\n          endIcon={<MoreIcon />}\n          isDisabled={Object.keys(rowSelection).length === 0}\n          ariaLabel=\"More actions\"\n        >\n          {bulkActionMenuItems?.(rowSelection)}\n        </MenuButton>\n      </>\n    ),\n    [bulkActionMenuItems, rowSelection],\n  );\n\n  useEffect(() => {\n    (async () => {\n      setIsLoading(true);\n      setErrorMessage(errorMessageProp);\n      try {\n        const incomingData = await getData?.({\n          page: pagination.pageIndex,\n          resultsPerPage: pagination.pageSize,\n          search,\n          filters,\n          sort: columnSorting,\n        });\n        setData(incomingData);\n      } catch (error) {\n        setErrorMessage(typeof error === \"string\" ? error : t(\"table.error\"));\n      } finally {\n        setIsLoading(false);\n      }\n    })();\n  }, [pagination, columnSorting, search, filters, getData, errorMessageProp]);\n\n  useEffect(() => {\n    if (!initialFilters && filters) {\n      setInitialFilters(filters);\n    }\n\n    setIsEmpty(\n      pagination.pageIndex === currentPage &&\n        pagination.pageSize === resultsPerPage &&\n        search === \"\" &&\n        filters === initialFilters &&\n        data.length === 0,\n    );\n  }, [\n    filters,\n    pagination,\n    search,\n    data,\n    currentPage,\n    initialFilters,\n    resultsPerPage,\n  ]);\n\n  useEffect(() => {\n    onChangeRowSelection?.(rowSelection);\n  }, [rowSelection, onChangeRowSelection]);\n\n  // Render the table\n  return (\n    <>\n      {(hasSearch ||\n        hasFilters ||\n        hasChangeableDensity ||\n        hasColumnVisibility ||\n        bulkActionMenuItems) && (\n        <Box sx={{ marginBottom: 5 }}>\n          <DataFilters\n            onChangeSearch={hasSearch ? setSearch : undefined}\n            onChangeFilters={hasFilters ? setFilters : undefined}\n            hasSearchSubmitButton={hasSearchSubmitButton}\n            searchDelayTime={searchDelayTime}\n            filters={hasFilters ? dataTableFilters : undefined}\n            isDisabled={isEmpty}\n            additionalActions={\n              <>\n                <DataTableSettings\n                  hasChangeableDensity={hasChangeableDensity}\n                  rowDensity={rowDensity}\n                  setRowDensity={setRowDensity}\n                  hasColumnVisibility={hasColumnVisibility}\n                  columns={columns}\n                  columnVisibility={columnVisibility}\n                  setColumnVisibility={setColumnVisibility}\n                />\n                {bulkActionMenuItems && bulkActionMenuButton}\n              </>\n            }\n          />\n        </Box>\n      )}\n\n      {errorMessage && (\n        <Box sx={{ marginBlockEnd: 2 }}>\n          <Callout severity=\"error\" text={errorMessage} />\n        </Box>\n      )}\n\n      <ScrollableTableContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n        isScrollableStart={!isTableContainerScrolledToStart}\n        isScrollableEnd={!isTableContainerScrolledToEnd}\n        ref={tableOuterContainerRef}\n      >\n        <MRT_TableContainer table={dataTable} />\n      </ScrollableTableContainer>\n\n      {hasPagination && (\n        <DataTablePagination\n          pagination={pagination}\n          setPagination={setPagination}\n          totalRows={totalRows}\n          isDisabled={isEmpty}\n          variant={paginationType}\n        />\n      )}\n    </>\n  );\n};\n\nconst MemoizedDataTable = memo(DataTable);\nMemoizedDataTable.displayName = \"DataTable\";\n\nexport { MemoizedDataTable as DataTable };\n"],"mappings":"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"}

package/dist/DataTable/DataTableEmptyState.js

@@ -51,5 +51,6 @@ const DataTableEmptyState = ({
   });
 };
 const MemoizedDataTableEmptyState = memo(DataTableEmptyState);
+MemoizedDataTableEmptyState.displayName = "DataTableEmptyState";
 export { MemoizedDataTableEmptyState as DataTableEmptyState };
 //# sourceMappingURL=DataTableEmptyState.js.map

package/dist/DataTable/DataTableEmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableEmptyState.js","names":["memo","Heading4","Paragraph","Box","styled","useOdysseyDesignTokens","jsx","_jsx","jsxs","_jsxs","EmptyContainer","shouldForwardProp","prop","odysseyDesignTokens","display","flexDirection","marginBlock","Spacing9","padding","Spacing5","textAlign","width","DataTableEmptyState","heading","text","primaryButton","secondaryButton","children","sx","marginBlockStart","MemoizedDataTableEmptyState"],"sources":["../../src/DataTable/DataTableEmptyState.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { ReactNode, memo } from \"react\";\nimport { Heading4, Paragraph } from \"../Typography\";\nimport { Box } from \"../Box\";\nimport styled from \"@emotion/styled\";\nimport {\n  useOdysseyDesignTokens,\n  DesignTokens,\n} from \"../OdysseyDesignTokensContext\";\n\nconst EmptyContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n  marginBlock: odysseyDesignTokens.Spacing9,\n  padding: odysseyDesignTokens.Spacing5,\n  textAlign: \"center\",\n  width: \"100%\",\n}));\n\nexport type DataTableEmptyStateProps = {\n  heading: string;\n  text: string;\n  primaryButton?: ReactNode;\n  secondaryButton?: ReactNode;\n};\n\nconst DataTableEmptyState = ({\n  heading,\n  text,\n  primaryButton,\n  secondaryButton,\n}: DataTableEmptyStateProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  return (\n    <EmptyContainer odysseyDesignTokens={odysseyDesignTokens}>\n      <Heading4>{heading}</Heading4>\n      <Paragraph>{text}</Paragraph>\n      {(primaryButton || secondaryButton) && (\n        <Box sx={{ marginBlockStart: 5 }}>\n          {secondaryButton}\n          {primaryButton}\n        </Box>\n      )}\n    </EmptyContainer>\n  );\n};\n\nconst MemoizedDataTableEmptyState = memo(DataTableEmptyState);\nexport { MemoizedDataTableEmptyState as DataTableEmptyState };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAAoBA,IAAI,QAAQ,OAAO;AAAC,SAC/BC,QAAQ,EAAEC,SAAS;AAAA,SACnBC,GAAG;AACZ,OAAOC,MAAM,MAAM,iBAAiB;AAAC,SAEnCC,sBAAsB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAIxB,MAAMC,cAAc,GAAGN,MAAM,CAAC,KAAK,EAAE;EACnCO,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAC,CAAC;EAAEC;AAA2D,CAAC,MAAM;EACtEC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,WAAW,EAAEH,mBAAmB,CAACI,QAAQ;EACzCC,OAAO,EAAEL,mBAAmB,CAACM,QAAQ;EACrCC,SAAS,EAAE,QAAQ;EACnBC,KAAK,EAAE;AACT,CAAC,CAAC,CAAC;AASH,MAAMC,mBAAmB,GAAGA,CAAC;EAC3BC,OAAO;EACPC,IAAI;EACJC,aAAa;EACbC;AACwB,CAAC,KAAK;EAC9B,MAAMb,mBAAmB,GAAGR,sBAAsB,CAAC,CAAC;EACpD,OACEI,KAAA,CAACC,cAAc;IAACG,mBAAmB,EAAEA,mBAAoB;IAAAc,QAAA,GACvDpB,IAAA,CAACN,QAAQ;MAAA0B,QAAA,EAAEJ;IAAO,CAAW,CAAC,EAC9BhB,IAAA,CAACL,SAAS;MAAAyB,QAAA,EAAEH;IAAI,CAAY,CAAC,EAC5B,CAACC,aAAa,IAAIC,eAAe,KAChCjB,KAAA,CAACN,GAAG;MAACyB,EAAE,EAAE;QAAEC,gBAAgB,EAAE;MAAE,CAAE;MAAAF,QAAA,GAC9BD,eAAe,EACfD,aAAa;IAAA,CACX,CACN;EAAA,CACa,CAAC;AAErB,CAAC;AAED,MAAMK,2BAA2B,GAAG9B,IAAI,CAACsB,mBAAmB,CAAC;AAC7D,SAASQ,2BAA2B,IAAIR,mBAAmB"}
+{"version":3,"file":"DataTableEmptyState.js","names":["memo","Heading4","Paragraph","Box","styled","useOdysseyDesignTokens","jsx","_jsx","jsxs","_jsxs","EmptyContainer","shouldForwardProp","prop","odysseyDesignTokens","display","flexDirection","marginBlock","Spacing9","padding","Spacing5","textAlign","width","DataTableEmptyState","heading","text","primaryButton","secondaryButton","children","sx","marginBlockStart","MemoizedDataTableEmptyState","displayName"],"sources":["../../src/DataTable/DataTableEmptyState.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { ReactNode, memo } from \"react\";\nimport { Heading4, Paragraph } from \"../Typography\";\nimport { Box } from \"../Box\";\nimport styled from \"@emotion/styled\";\nimport {\n  useOdysseyDesignTokens,\n  DesignTokens,\n} from \"../OdysseyDesignTokensContext\";\n\nconst EmptyContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n  marginBlock: odysseyDesignTokens.Spacing9,\n  padding: odysseyDesignTokens.Spacing5,\n  textAlign: \"center\",\n  width: \"100%\",\n}));\n\nexport type DataTableEmptyStateProps = {\n  heading: string;\n  text: string;\n  primaryButton?: ReactNode;\n  secondaryButton?: ReactNode;\n};\n\nconst DataTableEmptyState = ({\n  heading,\n  text,\n  primaryButton,\n  secondaryButton,\n}: DataTableEmptyStateProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  return (\n    <EmptyContainer odysseyDesignTokens={odysseyDesignTokens}>\n      <Heading4>{heading}</Heading4>\n      <Paragraph>{text}</Paragraph>\n      {(primaryButton || secondaryButton) && (\n        <Box sx={{ marginBlockStart: 5 }}>\n          {secondaryButton}\n          {primaryButton}\n        </Box>\n      )}\n    </EmptyContainer>\n  );\n};\n\nconst MemoizedDataTableEmptyState = memo(DataTableEmptyState);\nMemoizedDataTableEmptyState.displayName = \"DataTableEmptyState\";\n\nexport { MemoizedDataTableEmptyState as DataTableEmptyState };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAAoBA,IAAI,QAAQ,OAAO;AAAC,SAC/BC,QAAQ,EAAEC,SAAS;AAAA,SACnBC,GAAG;AACZ,OAAOC,MAAM,MAAM,iBAAiB;AAAC,SAEnCC,sBAAsB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAIxB,MAAMC,cAAc,GAAGN,MAAM,CAAC,KAAK,EAAE;EACnCO,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAC,CAAC;EAAEC;AAA2D,CAAC,MAAM;EACtEC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,WAAW,EAAEH,mBAAmB,CAACI,QAAQ;EACzCC,OAAO,EAAEL,mBAAmB,CAACM,QAAQ;EACrCC,SAAS,EAAE,QAAQ;EACnBC,KAAK,EAAE;AACT,CAAC,CAAC,CAAC;AASH,MAAMC,mBAAmB,GAAGA,CAAC;EAC3BC,OAAO;EACPC,IAAI;EACJC,aAAa;EACbC;AACwB,CAAC,KAAK;EAC9B,MAAMb,mBAAmB,GAAGR,sBAAsB,CAAC,CAAC;EACpD,OACEI,KAAA,CAACC,cAAc;IAACG,mBAAmB,EAAEA,mBAAoB;IAAAc,QAAA,GACvDpB,IAAA,CAACN,QAAQ;MAAA0B,QAAA,EAAEJ;IAAO,CAAW,CAAC,EAC9BhB,IAAA,CAACL,SAAS;MAAAyB,QAAA,EAAEH;IAAI,CAAY,CAAC,EAC5B,CAACC,aAAa,IAAIC,eAAe,KAChCjB,KAAA,CAACN,GAAG;MAACyB,EAAE,EAAE;QAAEC,gBAAgB,EAAE;MAAE,CAAE;MAAAF,QAAA,GAC9BD,eAAe,EACfD,aAAa;IAAA,CACX,CACN;EAAA,CACa,CAAC;AAErB,CAAC;AAED,MAAMK,2BAA2B,GAAG9B,IAAI,CAACsB,mBAAmB,CAAC;AAC7DQ,2BAA2B,CAACC,WAAW,GAAG,qBAAqB;AAE/D,SAASD,2BAA2B,IAAIR,mBAAmB"}

package/dist/DataTable/DataTablePagination.js

@@ -217,5 +217,6 @@ const DataTablePagination = ({
   });
 };
 const MemoizedDataTablePagination = memo(DataTablePagination);
+MemoizedDataTablePagination.displayName = "DataTablePagination";
 export { MemoizedDataTablePagination as DataTablePagination };
 //# sourceMappingURL=DataTablePagination.js.map

package/dist/DataTable/DataTablePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTablePagination.js","names":["memo","useCallback","useEffect","useMemo","useRef","useState","Paragraph","Button","ArrowLeftIcon","ArrowRightIcon","styled","useOdysseyDesignTokens","Box","Trans","useTranslation","jsx","_jsx","jsxs","_jsxs","PaginationContainer","display","alignItems","justifyContent","PaginationSegment","shouldForwardProp","prop","odysseyDesignTokens","gap","Spacing4","Spacing2","PaginationInput","_InputBase","borderColor","HueNeutral200","borderRadius","BorderRadiusTight","height","Spacing6","width","HueNeutral400","PalettePrimaryMain","PaginationButtonContainer","marginInlineStart","DataTablePagination","pagination","setPagination","totalRows","isDisabled","variant","t","page","setPage","pageIndex","rowsPerPage","setRowsPerPage","pageSize","initialRowsPerPage","firstRow","lastRow","handlePaginationChange","updatedPage","Math","ceil","updatedRowsPerPage","handlePageSubmit","event","key","parseInt","currentTarget","value","handleRowsPerPageSubmit","setPageFromEvent","target","setRowsPerPageFromEvent","handleLoadMore","current","handleNextButton","handlePreviousButton","loadMoreIsDisabled","nextButtonDisabled","previousButtonDisabled","children","component","color","type","onChange","onBlur","onKeyDown","disabled","inputProps","i18nKey","values","startIcon","size","ariaLabel","onClick","endIcon","label","MemoizedDataTablePagination"],"sources":["../../src/DataTable/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 { InputBase } from \"@mui/material\";\nimport {\n  Dispatch,\n  SetStateAction,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Paragraph } from \"../Typography\";\nimport { Button } from \"../Button\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../icons.generated\";\nimport styled from \"@emotion/styled\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext\";\nimport { Box } from \"../Box\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { paginationTypeValues } from \"./constants\";\n\nconst PaginationContainer = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n});\n\nconst PaginationSegment = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: odysseyDesignTokens.Spacing4,\n  \"& > div\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: odysseyDesignTokens.Spacing2,\n  },\n}));\n\nconst PaginationInput = styled(InputBase, {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  borderColor: odysseyDesignTokens.HueNeutral200,\n  borderRadius: odysseyDesignTokens.BorderRadiusTight,\n  height: odysseyDesignTokens.Spacing6,\n  width: \"4.5714285714rem\", // This is a hardcoded value, keep as string\n  \"&:hover\": {\n    borderColor: odysseyDesignTokens.HueNeutral400,\n  },\n  \"&.Mui-focused:hover\": {\n    borderColor: odysseyDesignTokens.PalettePrimaryMain,\n  },\n}));\n\nconst PaginationButtonContainer = styled(\"div\")({\n  \"& > *\": {\n    marginInlineStart: `0 !important`,\n  },\n});\n\nexport type DataTablePaginationProps = {\n  pagination: {\n    pageIndex: number;\n    pageSize: number;\n  };\n  setPagination: Dispatch<\n    SetStateAction<{ pageIndex: number; pageSize: number }>\n  >;\n  totalRows?: number;\n  isDisabled?: boolean;\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  variant?: (typeof paginationTypeValues)[number];\n};\n\nconst DataTablePagination = ({\n  pagination,\n  setPagination,\n  totalRows,\n  isDisabled,\n  variant,\n}: DataTablePaginationProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const [page, setPage] = useState<number>(pagination.pageIndex);\n  const [rowsPerPage, setRowsPerPage] = useState<number>(pagination.pageSize);\n  const initialRowsPerPage = useRef<number>(pagination.pageSize);\n\n  const firstRow = pagination.pageSize * (pagination.pageIndex - 1) + 1;\n  let lastRow = firstRow + (pagination.pageSize - 1);\n  // If the last eligible row is greater than the number of total rows,\n  // show the number of total rows instead (ie, if we're showing rows\n  // 180-200 but there are only 190 rows, show 180-190 instead)\n  lastRow = totalRows && lastRow > totalRows ? totalRows : lastRow;\n\n  useEffect(() => {\n    setPage(pagination.pageIndex);\n    setRowsPerPage(pagination.pageSize);\n  }, [pagination]);\n\n  const handlePaginationChange = useCallback(() => {\n    const updatedPage =\n      totalRows && page * totalRows > lastRow\n        ? Math.ceil(totalRows / rowsPerPage)\n        : page;\n    const updatedRowsPerPage =\n      totalRows && rowsPerPage > totalRows ? totalRows : rowsPerPage;\n\n    setPagination({\n      pageIndex: updatedPage,\n      pageSize: updatedRowsPerPage,\n    });\n  }, [page, rowsPerPage, lastRow, setPagination, totalRows]);\n\n  // The following handlers use React.KeyboardEvent (rather than just KeyboardEvent) becuase React.KeyboardEvent\n  // is generic, while plain KeyboardEvent is not. We need this generic so we can specify the HTMLInputElement,\n  // which allows us to use currentTarget.value\n  const handlePageSubmit = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\") {\n        setPagination({\n          pageIndex: parseInt(event.currentTarget.value),\n          pageSize: rowsPerPage,\n        });\n      }\n    },\n    [rowsPerPage, setPagination],\n  );\n\n  const handleRowsPerPageSubmit = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\") {\n        setPagination({\n          pageIndex: page,\n          pageSize: parseInt(event.currentTarget.value),\n        });\n      }\n    },\n    [page, setPagination],\n  );\n\n  const setPageFromEvent = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setPage(parseInt(event.target.value));\n    },\n    [setPage],\n  );\n\n  const setRowsPerPageFromEvent = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setRowsPerPage(parseInt(event.target.value));\n    },\n    [setRowsPerPage],\n  );\n\n  const handleLoadMore = useCallback(() => {\n    setPagination({\n      pageIndex: 1,\n      pageSize: rowsPerPage + initialRowsPerPage.current,\n    });\n  }, [rowsPerPage, setPagination]);\n\n  const handleNextButton = useCallback(() => {\n    setPagination({ pageIndex: page + 1, pageSize: rowsPerPage });\n  }, [setPagination, page, rowsPerPage]);\n\n  const handlePreviousButton = useCallback(() => {\n    setPagination({ pageIndex: page - 1, pageSize: rowsPerPage });\n  }, [setPagination, page, rowsPerPage]);\n\n  const loadMoreIsDisabled = useMemo(() => {\n    return totalRows ? rowsPerPage >= totalRows : false;\n  }, [rowsPerPage, totalRows]);\n\n  const nextButtonDisabled = useMemo(\n    () => (totalRows ? lastRow >= totalRows : false) || isDisabled,\n    [totalRows, lastRow, isDisabled],\n  );\n\n  const previousButtonDisabled = useMemo(\n    () => pagination.pageIndex <= 1 || isDisabled,\n    [pagination, isDisabled],\n  );\n\n  return variant === \"paged\" ? (\n    <PaginationContainer>\n      <PaginationSegment odysseyDesignTokens={odysseyDesignTokens}>\n        <Box>\n          <Paragraph component=\"span\" color=\"textSecondary\">\n            {t(\"table.pagination.rowsperpage\")}\n          </Paragraph>\n          <PaginationInput\n            odysseyDesignTokens={odysseyDesignTokens}\n            type=\"number\"\n            value={rowsPerPage}\n            onChange={setRowsPerPageFromEvent}\n            onBlur={handlePaginationChange}\n            onKeyDown={handleRowsPerPageSubmit}\n            disabled={isDisabled}\n            inputProps={{\n              \"aria-label\": t(\"table.pagination.rowsperpage\"),\n            }}\n          />\n        </Box>\n        <Paragraph component=\"span\" color=\"textSecondary\">\n          {totalRows ? (\n            <Trans\n              i18nKey=\"table.pagination.rowswithtotal\"\n              values={{ firstRow, lastRow, totalRows }}\n            />\n          ) : (\n            <Trans\n              i18nKey=\"table.pagination.rowswithouttotal\"\n              values={{ firstRow, lastRow }}\n            />\n          )}\n        </Paragraph>\n      </PaginationSegment>\n\n      <PaginationSegment odysseyDesignTokens={odysseyDesignTokens}>\n        {totalRows && (\n          <Box>\n            <Paragraph component=\"span\" color=\"textSecondary\">\n              {t(\"table.pagination.page\")}\n            </Paragraph>\n            <PaginationInput\n              odysseyDesignTokens={odysseyDesignTokens}\n              type=\"number\"\n              value={page}\n              onChange={setPageFromEvent}\n              onBlur={handlePaginationChange}\n              onKeyDown={handlePageSubmit}\n              disabled={isDisabled}\n              inputProps={{\n                \"aria-label\": t(\"table.pagination.page\"),\n              }}\n            />\n          </Box>\n        )}\n        <PaginationButtonContainer>\n          <Button\n            startIcon={<ArrowLeftIcon />}\n            variant=\"floating\"\n            size=\"small\"\n            ariaLabel={t(\"table.pagination.previous\")}\n            onClick={handlePreviousButton}\n            isDisabled={previousButtonDisabled}\n          />\n          <Button\n            endIcon={<ArrowRightIcon />}\n            variant=\"floating\"\n            size=\"small\"\n            ariaLabel={t(\"table.pagination.next\")}\n            onClick={handleNextButton}\n            isDisabled={nextButtonDisabled}\n          />\n        </PaginationButtonContainer>\n      </PaginationSegment>\n    </PaginationContainer>\n  ) : (\n    <Button\n      variant=\"secondary\"\n      label={t(\"table.pagination.loadmore\")}\n      onClick={handleLoadMore}\n      isDisabled={loadMoreIsDisabled}\n    />\n  );\n};\n\nconst MemoizedDataTablePagination = memo(DataTablePagination);\nexport { MemoizedDataTablePagination as DataTablePagination };\n"],"mappings":"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"}
+{"version":3,"file":"DataTablePagination.js","names":["memo","useCallback","useEffect","useMemo","useRef","useState","Paragraph","Button","ArrowLeftIcon","ArrowRightIcon","styled","useOdysseyDesignTokens","Box","Trans","useTranslation","jsx","_jsx","jsxs","_jsxs","PaginationContainer","display","alignItems","justifyContent","PaginationSegment","shouldForwardProp","prop","odysseyDesignTokens","gap","Spacing4","Spacing2","PaginationInput","_InputBase","borderColor","HueNeutral200","borderRadius","BorderRadiusTight","height","Spacing6","width","HueNeutral400","PalettePrimaryMain","PaginationButtonContainer","marginInlineStart","DataTablePagination","pagination","setPagination","totalRows","isDisabled","variant","t","page","setPage","pageIndex","rowsPerPage","setRowsPerPage","pageSize","initialRowsPerPage","firstRow","lastRow","handlePaginationChange","updatedPage","Math","ceil","updatedRowsPerPage","handlePageSubmit","event","key","parseInt","currentTarget","value","handleRowsPerPageSubmit","setPageFromEvent","target","setRowsPerPageFromEvent","handleLoadMore","current","handleNextButton","handlePreviousButton","loadMoreIsDisabled","nextButtonDisabled","previousButtonDisabled","children","component","color","type","onChange","onBlur","onKeyDown","disabled","inputProps","i18nKey","values","startIcon","size","ariaLabel","onClick","endIcon","label","MemoizedDataTablePagination","displayName"],"sources":["../../src/DataTable/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 { InputBase } from \"@mui/material\";\nimport {\n  Dispatch,\n  SetStateAction,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Paragraph } from \"../Typography\";\nimport { Button } from \"../Button\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../icons.generated\";\nimport styled from \"@emotion/styled\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext\";\nimport { Box } from \"../Box\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { paginationTypeValues } from \"./constants\";\n\nconst PaginationContainer = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n});\n\nconst PaginationSegment = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: odysseyDesignTokens.Spacing4,\n  \"& > div\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: odysseyDesignTokens.Spacing2,\n  },\n}));\n\nconst PaginationInput = styled(InputBase, {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  borderColor: odysseyDesignTokens.HueNeutral200,\n  borderRadius: odysseyDesignTokens.BorderRadiusTight,\n  height: odysseyDesignTokens.Spacing6,\n  width: \"4.5714285714rem\", // This is a hardcoded value, keep as string\n  \"&:hover\": {\n    borderColor: odysseyDesignTokens.HueNeutral400,\n  },\n  \"&.Mui-focused:hover\": {\n    borderColor: odysseyDesignTokens.PalettePrimaryMain,\n  },\n}));\n\nconst PaginationButtonContainer = styled(\"div\")({\n  \"& > *\": {\n    marginInlineStart: `0 !important`,\n  },\n});\n\nexport type DataTablePaginationProps = {\n  pagination: {\n    pageIndex: number;\n    pageSize: number;\n  };\n  setPagination: Dispatch<\n    SetStateAction<{ pageIndex: number; pageSize: number }>\n  >;\n  totalRows?: number;\n  isDisabled?: boolean;\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  variant?: (typeof paginationTypeValues)[number];\n};\n\nconst DataTablePagination = ({\n  pagination,\n  setPagination,\n  totalRows,\n  isDisabled,\n  variant,\n}: DataTablePaginationProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const [page, setPage] = useState<number>(pagination.pageIndex);\n  const [rowsPerPage, setRowsPerPage] = useState<number>(pagination.pageSize);\n  const initialRowsPerPage = useRef<number>(pagination.pageSize);\n\n  const firstRow = pagination.pageSize * (pagination.pageIndex - 1) + 1;\n  let lastRow = firstRow + (pagination.pageSize - 1);\n  // If the last eligible row is greater than the number of total rows,\n  // show the number of total rows instead (ie, if we're showing rows\n  // 180-200 but there are only 190 rows, show 180-190 instead)\n  lastRow = totalRows && lastRow > totalRows ? totalRows : lastRow;\n\n  useEffect(() => {\n    setPage(pagination.pageIndex);\n    setRowsPerPage(pagination.pageSize);\n  }, [pagination]);\n\n  const handlePaginationChange = useCallback(() => {\n    const updatedPage =\n      totalRows && page * totalRows > lastRow\n        ? Math.ceil(totalRows / rowsPerPage)\n        : page;\n    const updatedRowsPerPage =\n      totalRows && rowsPerPage > totalRows ? totalRows : rowsPerPage;\n\n    setPagination({\n      pageIndex: updatedPage,\n      pageSize: updatedRowsPerPage,\n    });\n  }, [page, rowsPerPage, lastRow, setPagination, totalRows]);\n\n  // The following handlers use React.KeyboardEvent (rather than just KeyboardEvent) becuase React.KeyboardEvent\n  // is generic, while plain KeyboardEvent is not. We need this generic so we can specify the HTMLInputElement,\n  // which allows us to use currentTarget.value\n  const handlePageSubmit = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\") {\n        setPagination({\n          pageIndex: parseInt(event.currentTarget.value),\n          pageSize: rowsPerPage,\n        });\n      }\n    },\n    [rowsPerPage, setPagination],\n  );\n\n  const handleRowsPerPageSubmit = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\") {\n        setPagination({\n          pageIndex: page,\n          pageSize: parseInt(event.currentTarget.value),\n        });\n      }\n    },\n    [page, setPagination],\n  );\n\n  const setPageFromEvent = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setPage(parseInt(event.target.value));\n    },\n    [setPage],\n  );\n\n  const setRowsPerPageFromEvent = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setRowsPerPage(parseInt(event.target.value));\n    },\n    [setRowsPerPage],\n  );\n\n  const handleLoadMore = useCallback(() => {\n    setPagination({\n      pageIndex: 1,\n      pageSize: rowsPerPage + initialRowsPerPage.current,\n    });\n  }, [rowsPerPage, setPagination]);\n\n  const handleNextButton = useCallback(() => {\n    setPagination({ pageIndex: page + 1, pageSize: rowsPerPage });\n  }, [setPagination, page, rowsPerPage]);\n\n  const handlePreviousButton = useCallback(() => {\n    setPagination({ pageIndex: page - 1, pageSize: rowsPerPage });\n  }, [setPagination, page, rowsPerPage]);\n\n  const loadMoreIsDisabled = useMemo(() => {\n    return totalRows ? rowsPerPage >= totalRows : false;\n  }, [rowsPerPage, totalRows]);\n\n  const nextButtonDisabled = useMemo(\n    () => (totalRows ? lastRow >= totalRows : false) || isDisabled,\n    [totalRows, lastRow, isDisabled],\n  );\n\n  const previousButtonDisabled = useMemo(\n    () => pagination.pageIndex <= 1 || isDisabled,\n    [pagination, isDisabled],\n  );\n\n  return variant === \"paged\" ? (\n    <PaginationContainer>\n      <PaginationSegment odysseyDesignTokens={odysseyDesignTokens}>\n        <Box>\n          <Paragraph component=\"span\" color=\"textSecondary\">\n            {t(\"table.pagination.rowsperpage\")}\n          </Paragraph>\n          <PaginationInput\n            odysseyDesignTokens={odysseyDesignTokens}\n            type=\"number\"\n            value={rowsPerPage}\n            onChange={setRowsPerPageFromEvent}\n            onBlur={handlePaginationChange}\n            onKeyDown={handleRowsPerPageSubmit}\n            disabled={isDisabled}\n            inputProps={{\n              \"aria-label\": t(\"table.pagination.rowsperpage\"),\n            }}\n          />\n        </Box>\n        <Paragraph component=\"span\" color=\"textSecondary\">\n          {totalRows ? (\n            <Trans\n              i18nKey=\"table.pagination.rowswithtotal\"\n              values={{ firstRow, lastRow, totalRows }}\n            />\n          ) : (\n            <Trans\n              i18nKey=\"table.pagination.rowswithouttotal\"\n              values={{ firstRow, lastRow }}\n            />\n          )}\n        </Paragraph>\n      </PaginationSegment>\n\n      <PaginationSegment odysseyDesignTokens={odysseyDesignTokens}>\n        {totalRows && (\n          <Box>\n            <Paragraph component=\"span\" color=\"textSecondary\">\n              {t(\"table.pagination.page\")}\n            </Paragraph>\n            <PaginationInput\n              odysseyDesignTokens={odysseyDesignTokens}\n              type=\"number\"\n              value={page}\n              onChange={setPageFromEvent}\n              onBlur={handlePaginationChange}\n              onKeyDown={handlePageSubmit}\n              disabled={isDisabled}\n              inputProps={{\n                \"aria-label\": t(\"table.pagination.page\"),\n              }}\n            />\n          </Box>\n        )}\n        <PaginationButtonContainer>\n          <Button\n            startIcon={<ArrowLeftIcon />}\n            variant=\"floating\"\n            size=\"small\"\n            ariaLabel={t(\"table.pagination.previous\")}\n            onClick={handlePreviousButton}\n            isDisabled={previousButtonDisabled}\n          />\n          <Button\n            endIcon={<ArrowRightIcon />}\n            variant=\"floating\"\n            size=\"small\"\n            ariaLabel={t(\"table.pagination.next\")}\n            onClick={handleNextButton}\n            isDisabled={nextButtonDisabled}\n          />\n        </PaginationButtonContainer>\n      </PaginationSegment>\n    </PaginationContainer>\n  ) : (\n    <Button\n      variant=\"secondary\"\n      label={t(\"table.pagination.loadmore\")}\n      onClick={handleLoadMore}\n      isDisabled={loadMoreIsDisabled}\n    />\n  );\n};\n\nconst MemoizedDataTablePagination = memo(DataTablePagination);\nMemoizedDataTablePagination.displayName = \"DataTablePagination\";\n\nexport { MemoizedDataTablePagination as DataTablePagination };\n"],"mappings":"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"}

package/dist/DataTable/DataTableRowActions.js

@@ -95,5 +95,6 @@ const DataTableRowActions = ({
   });
 };
 const MemoizedDataTableRowActions = memo(DataTableRowActions);
+MemoizedDataTableRowActions.displayName = "DataTableRowActions";
 export { MemoizedDataTableRowActions as DataTableRowActions };
 //# sourceMappingURL=DataTableRowActions.js.map

package/dist/DataTable/DataTableRowActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableRowActions.js","names":["memo","useCallback","MenuItem","MenuButton","ArrowBottomIcon","ArrowDownIcon","ArrowTopIcon","ArrowUpIcon","MoreIcon","Trans","useTranslation","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DataTableRowActions","row","rowIndex","rowActionButtons","rowActionMenuItems","totalRows","updateRowOrder","t","handleToFrontClick","rowId","id","newRowIndex","handleForwardClick","Math","max","handleBackwardClick","handleToBackClick","_Box","display","children","endIcon","size","buttonVariant","ariaLabel","menuAlignment","isDisabled","onClick","i18nKey","MemoizedDataTableRowActions"],"sources":["../../src/DataTable/DataTableRowActions.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 { MRT_Row, MRT_RowData } from \"material-react-table\";\nimport { Fragment, ReactElement, memo, useCallback } from \"react\";\nimport { Button } from \"../Button\";\nimport { MenuItem } from \"../MenuItem\";\nimport { Box as MuiBox } from \"@mui/material\";\nimport { MenuButton, MenuButtonProps } from \"../MenuButton\";\nimport {\n  ArrowBottomIcon,\n  ArrowDownIcon,\n  ArrowTopIcon,\n  ArrowUpIcon,\n  MoreIcon,\n} from \"../icons.generated\";\nimport { DataTableProps } from \"./DataTable\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nexport type DataTableRowActionsProps = {\n  row: MRT_Row<MRT_RowData>;\n  rowIndex: number;\n  rowActionButtons?: (\n    row: MRT_RowData,\n  ) => ReactElement<typeof Button | typeof Fragment>;\n  rowActionMenuItems?: (row: MRT_RowData) => MenuButtonProps[\"children\"];\n  totalRows?: DataTableProps[\"totalRows\"];\n  updateRowOrder?: ({\n    rowId,\n    newRowIndex,\n  }: {\n    rowId: string;\n    newRowIndex: number;\n  }) => void;\n};\n\nconst DataTableRowActions = ({\n  row,\n  rowIndex,\n  rowActionButtons,\n  rowActionMenuItems,\n  totalRows,\n  updateRowOrder,\n}: DataTableRowActionsProps) => {\n  const { t } = useTranslation();\n\n  const handleToFrontClick = useCallback(() => {\n    updateRowOrder && updateRowOrder({ rowId: row.id, newRowIndex: 0 });\n  }, [row.id, updateRowOrder]);\n\n  const handleForwardClick = useCallback(() => {\n    updateRowOrder &&\n      updateRowOrder({ rowId: row.id, newRowIndex: Math.max(0, rowIndex - 1) });\n  }, [row.id, rowIndex, updateRowOrder]);\n\n  const handleBackwardClick = useCallback(() => {\n    updateRowOrder &&\n      updateRowOrder({ rowId: row.id, newRowIndex: rowIndex + 1 });\n  }, [row.id, rowIndex, updateRowOrder]);\n\n  const handleToBackClick = useCallback(() => {\n    updateRowOrder &&\n      updateRowOrder({\n        rowId: row.id,\n        newRowIndex: totalRows ? totalRows - 1 : rowIndex,\n      });\n  }, [row.id, rowIndex, totalRows, updateRowOrder]);\n\n  return (\n    <MuiBox display=\"flex\">\n      {rowActionButtons?.(row)}\n      {(rowActionMenuItems || updateRowOrder) && (\n        <MenuButton\n          endIcon={<MoreIcon />}\n          size=\"small\"\n          buttonVariant=\"floating\"\n          ariaLabel={t(\"table.moreactions.arialabel\")}\n          menuAlignment=\"right\"\n        >\n          {rowActionMenuItems && <>{rowActionMenuItems(row)}</>}\n          {rowActionMenuItems && updateRowOrder && <hr />}\n          {updateRowOrder && (\n            <>\n              <MenuItem isDisabled={rowIndex <= 0} onClick={handleToFrontClick}>\n                <ArrowTopIcon /> <Trans i18nKey=\"table.reorder.tofront\" />\n              </MenuItem>\n              <MenuItem isDisabled={rowIndex <= 0} onClick={handleForwardClick}>\n                <ArrowUpIcon /> <Trans i18nKey=\"table.reorder.forward\" />\n              </MenuItem>\n              <MenuItem\n                isDisabled={totalRows ? rowIndex >= totalRows - 1 : false}\n                onClick={handleBackwardClick}\n              >\n                <ArrowDownIcon /> <Trans i18nKey=\"table.reorder.backward\" />\n              </MenuItem>\n              {totalRows && (\n                <MenuItem\n                  isDisabled={rowIndex >= totalRows - 1}\n                  onClick={handleToBackClick}\n                >\n                  <ArrowBottomIcon /> <Trans i18nKey=\"table.reorder.toback\" />\n                </MenuItem>\n              )}\n            </>\n          )}\n        </MenuButton>\n      )}\n    </MuiBox>\n  );\n};\n\nconst MemoizedDataTableRowActions = memo(DataTableRowActions);\nexport { MemoizedDataTableRowActions as DataTableRowActions };\n"],"mappings":"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"}
+{"version":3,"file":"DataTableRowActions.js","names":["memo","useCallback","MenuItem","MenuButton","ArrowBottomIcon","ArrowDownIcon","ArrowTopIcon","ArrowUpIcon","MoreIcon","Trans","useTranslation","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DataTableRowActions","row","rowIndex","rowActionButtons","rowActionMenuItems","totalRows","updateRowOrder","t","handleToFrontClick","rowId","id","newRowIndex","handleForwardClick","Math","max","handleBackwardClick","handleToBackClick","_Box","display","children","endIcon","size","buttonVariant","ariaLabel","menuAlignment","isDisabled","onClick","i18nKey","MemoizedDataTableRowActions","displayName"],"sources":["../../src/DataTable/DataTableRowActions.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 { MRT_Row, MRT_RowData } from \"material-react-table\";\nimport { Fragment, ReactElement, memo, useCallback } from \"react\";\nimport { Button } from \"../Button\";\nimport { MenuItem } from \"../MenuItem\";\nimport { Box as MuiBox } from \"@mui/material\";\nimport { MenuButton, MenuButtonProps } from \"../MenuButton\";\nimport {\n  ArrowBottomIcon,\n  ArrowDownIcon,\n  ArrowTopIcon,\n  ArrowUpIcon,\n  MoreIcon,\n} from \"../icons.generated\";\nimport { DataTableProps } from \"./DataTable\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nexport type DataTableRowActionsProps = {\n  row: MRT_Row<MRT_RowData>;\n  rowIndex: number;\n  rowActionButtons?: (\n    row: MRT_RowData,\n  ) => ReactElement<typeof Button | typeof Fragment>;\n  rowActionMenuItems?: (row: MRT_RowData) => MenuButtonProps[\"children\"];\n  totalRows?: DataTableProps[\"totalRows\"];\n  updateRowOrder?: ({\n    rowId,\n    newRowIndex,\n  }: {\n    rowId: string;\n    newRowIndex: number;\n  }) => void;\n};\n\nconst DataTableRowActions = ({\n  row,\n  rowIndex,\n  rowActionButtons,\n  rowActionMenuItems,\n  totalRows,\n  updateRowOrder,\n}: DataTableRowActionsProps) => {\n  const { t } = useTranslation();\n\n  const handleToFrontClick = useCallback(() => {\n    updateRowOrder && updateRowOrder({ rowId: row.id, newRowIndex: 0 });\n  }, [row.id, updateRowOrder]);\n\n  const handleForwardClick = useCallback(() => {\n    updateRowOrder &&\n      updateRowOrder({ rowId: row.id, newRowIndex: Math.max(0, rowIndex - 1) });\n  }, [row.id, rowIndex, updateRowOrder]);\n\n  const handleBackwardClick = useCallback(() => {\n    updateRowOrder &&\n      updateRowOrder({ rowId: row.id, newRowIndex: rowIndex + 1 });\n  }, [row.id, rowIndex, updateRowOrder]);\n\n  const handleToBackClick = useCallback(() => {\n    updateRowOrder &&\n      updateRowOrder({\n        rowId: row.id,\n        newRowIndex: totalRows ? totalRows - 1 : rowIndex,\n      });\n  }, [row.id, rowIndex, totalRows, updateRowOrder]);\n\n  return (\n    <MuiBox display=\"flex\">\n      {rowActionButtons?.(row)}\n      {(rowActionMenuItems || updateRowOrder) && (\n        <MenuButton\n          endIcon={<MoreIcon />}\n          size=\"small\"\n          buttonVariant=\"floating\"\n          ariaLabel={t(\"table.moreactions.arialabel\")}\n          menuAlignment=\"right\"\n        >\n          {rowActionMenuItems && <>{rowActionMenuItems(row)}</>}\n          {rowActionMenuItems && updateRowOrder && <hr />}\n          {updateRowOrder && (\n            <>\n              <MenuItem isDisabled={rowIndex <= 0} onClick={handleToFrontClick}>\n                <ArrowTopIcon /> <Trans i18nKey=\"table.reorder.tofront\" />\n              </MenuItem>\n              <MenuItem isDisabled={rowIndex <= 0} onClick={handleForwardClick}>\n                <ArrowUpIcon /> <Trans i18nKey=\"table.reorder.forward\" />\n              </MenuItem>\n              <MenuItem\n                isDisabled={totalRows ? rowIndex >= totalRows - 1 : false}\n                onClick={handleBackwardClick}\n              >\n                <ArrowDownIcon /> <Trans i18nKey=\"table.reorder.backward\" />\n              </MenuItem>\n              {totalRows && (\n                <MenuItem\n                  isDisabled={rowIndex >= totalRows - 1}\n                  onClick={handleToBackClick}\n                >\n                  <ArrowBottomIcon /> <Trans i18nKey=\"table.reorder.toback\" />\n                </MenuItem>\n              )}\n            </>\n          )}\n        </MenuButton>\n      )}\n    </MuiBox>\n  );\n};\n\nconst MemoizedDataTableRowActions = memo(DataTableRowActions);\nMemoizedDataTableRowActions.displayName = \"DataTableRowActions\";\n\nexport { MemoizedDataTableRowActions as DataTableRowActions };\n"],"mappings":"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"}

package/dist/DataTable/DataTableSettings.js

@@ -80,5 +80,6 @@ const DataTableSettings = ({
   });
 };
 const MemoizedDataTableSettings = memo(DataTableSettings);
+MemoizedDataTableSettings.displayName = "DataTableSettings";
 export { MemoizedDataTableSettings as DataTableSettings };
 //# sourceMappingURL=DataTableSettings.js.map

package/dist/DataTable/DataTableSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableSettings.js","names":["memo","useCallback","useMemo","MenuButton","MenuItem","ListIcon","ShowIcon","densityValues","useTranslation","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DataTableSettings","hasChangeableDensity","rowDensity","setRowDensity","hasColumnVisibility","columns","columnVisibility","setColumnVisibility","t","changeRowDensity","value","_event","process","env","NODE_ENV","console","debug","changeColumnVisibility","columnId","prevVisibility","isColumnVisibilityChecked","reduce","acc","column","isChecked","accessorKey","children","endIcon","ariaLabel","menuAlignment","shouldCloseOnSelect","map","isSelected","onClick","charAt","toUpperCase","slice","filter","enableHiding","id","_Checkbox","checked","header","MemoizedDataTableSettings"],"sources":["../../src/DataTable/DataTableSettings.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 { Dispatch, SetStateAction, memo, useCallback, useMemo } from \"react\";\nimport { Checkbox as MuiCheckbox } from \"@mui/material\";\nimport { MenuButton } from \"../MenuButton\";\nimport { MenuItem } from \"../MenuItem\";\nimport { ListIcon, ShowIcon } from \"../icons.generated\";\nimport { densityValues } from \"./constants\";\nimport { DataTableProps } from \"./DataTable\";\nimport { MRT_VisibilityState } from \"material-react-table\";\nimport { useTranslation } from \"react-i18next\";\n\nexport type DataTableSettingsProps = {\n  hasChangeableDensity: DataTableProps[\"hasChangeableDensity\"];\n  rowDensity: (typeof densityValues)[number];\n  setRowDensity: Dispatch<SetStateAction<(typeof densityValues)[number]>>;\n  hasColumnVisibility: DataTableProps[\"hasColumnVisibility\"];\n  columns: DataTableProps[\"columns\"];\n  columnVisibility?: MRT_VisibilityState;\n  setColumnVisibility: Dispatch<\n    SetStateAction<MRT_VisibilityState | undefined>\n  >;\n};\n\nconst DataTableSettings = ({\n  hasChangeableDensity,\n  rowDensity,\n  setRowDensity,\n  hasColumnVisibility,\n  columns,\n  columnVisibility,\n  setColumnVisibility,\n}: DataTableSettingsProps) => {\n  const { t } = useTranslation();\n\n  const changeRowDensity = useCallback(\n    (value: (typeof densityValues)[number]) =>\n      (_event: React.MouseEvent<HTMLLIElement>) => {\n        // This is necessary to avoid linter errors, while the _event is necessary to satisfy the onClick type\n        if (process.env.NODE_ENV === \"development\") console.debug(_event);\n\n        setRowDensity(value);\n      },\n    [setRowDensity],\n  );\n\n  const changeColumnVisibility = useCallback(\n    (columnId: string) => (_event: React.MouseEvent<HTMLLIElement>) => {\n      // This is necessary to avoid linter errors, while the _event is necessary to satisfy the onClick type\n      if (process.env.NODE_ENV === \"development\") console.debug(_event);\n\n      setColumnVisibility((prevVisibility) => ({\n        ...prevVisibility,\n        [columnId]: prevVisibility ? prevVisibility[columnId] === false : false,\n      }));\n    },\n    [setColumnVisibility],\n  );\n\n  const isColumnVisibilityChecked = useMemo(() => {\n    return columns.reduce(\n      (acc, column) => {\n        const isChecked = columnVisibility\n          ? columnVisibility[column.accessorKey!] !== false\n          : true;\n        acc[column.accessorKey!] = isChecked;\n        return acc;\n      },\n      {} as Record<string, boolean>,\n    );\n  }, [columns, columnVisibility]);\n\n  return (\n    <>\n      {hasChangeableDensity && (\n        <MenuButton\n          endIcon={<ListIcon />}\n          ariaLabel={t(\"table.density.arialabel\")}\n          menuAlignment=\"right\"\n          shouldCloseOnSelect={false}\n        >\n          <>\n            {densityValues.map((value: (typeof densityValues)[number]) => (\n              <MenuItem\n                key={value}\n                isSelected={rowDensity === value}\n                onClick={changeRowDensity(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={t(\"table.columnvisibility.arialabel\")}\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={changeColumnVisibility(column.id as string)}\n                >\n                  <MuiCheckbox\n                    checked={isColumnVisibilityChecked[column.accessorKey!]}\n                  />\n                  {column.header}\n                </MenuItem>\n              ))}\n          </>\n        </MenuButton>\n      )}\n    </>\n  );\n};\n\nconst MemoizedDataTableSettings = memo(DataTableSettings);\nexport { MemoizedDataTableSettings as DataTableSettings };\n"],"mappings":"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"}
+{"version":3,"file":"DataTableSettings.js","names":["memo","useCallback","useMemo","MenuButton","MenuItem","ListIcon","ShowIcon","densityValues","useTranslation","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DataTableSettings","hasChangeableDensity","rowDensity","setRowDensity","hasColumnVisibility","columns","columnVisibility","setColumnVisibility","t","changeRowDensity","value","_event","process","env","NODE_ENV","console","debug","changeColumnVisibility","columnId","prevVisibility","isColumnVisibilityChecked","reduce","acc","column","isChecked","accessorKey","children","endIcon","ariaLabel","menuAlignment","shouldCloseOnSelect","map","isSelected","onClick","charAt","toUpperCase","slice","filter","enableHiding","id","_Checkbox","checked","header","MemoizedDataTableSettings","displayName"],"sources":["../../src/DataTable/DataTableSettings.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 { Dispatch, SetStateAction, memo, useCallback, useMemo } from \"react\";\nimport { Checkbox as MuiCheckbox } from \"@mui/material\";\nimport { MenuButton } from \"../MenuButton\";\nimport { MenuItem } from \"../MenuItem\";\nimport { ListIcon, ShowIcon } from \"../icons.generated\";\nimport { densityValues } from \"./constants\";\nimport { DataTableProps } from \"./DataTable\";\nimport { MRT_VisibilityState } from \"material-react-table\";\nimport { useTranslation } from \"react-i18next\";\n\nexport type DataTableSettingsProps = {\n  hasChangeableDensity: DataTableProps[\"hasChangeableDensity\"];\n  rowDensity: (typeof densityValues)[number];\n  setRowDensity: Dispatch<SetStateAction<(typeof densityValues)[number]>>;\n  hasColumnVisibility: DataTableProps[\"hasColumnVisibility\"];\n  columns: DataTableProps[\"columns\"];\n  columnVisibility?: MRT_VisibilityState;\n  setColumnVisibility: Dispatch<\n    SetStateAction<MRT_VisibilityState | undefined>\n  >;\n};\n\nconst DataTableSettings = ({\n  hasChangeableDensity,\n  rowDensity,\n  setRowDensity,\n  hasColumnVisibility,\n  columns,\n  columnVisibility,\n  setColumnVisibility,\n}: DataTableSettingsProps) => {\n  const { t } = useTranslation();\n\n  const changeRowDensity = useCallback(\n    (value: (typeof densityValues)[number]) =>\n      (_event: React.MouseEvent<HTMLLIElement>) => {\n        // This is necessary to avoid linter errors, while the _event is necessary to satisfy the onClick type\n        if (process.env.NODE_ENV === \"development\") console.debug(_event);\n\n        setRowDensity(value);\n      },\n    [setRowDensity],\n  );\n\n  const changeColumnVisibility = useCallback(\n    (columnId: string) => (_event: React.MouseEvent<HTMLLIElement>) => {\n      // This is necessary to avoid linter errors, while the _event is necessary to satisfy the onClick type\n      if (process.env.NODE_ENV === \"development\") console.debug(_event);\n\n      setColumnVisibility((prevVisibility) => ({\n        ...prevVisibility,\n        [columnId]: prevVisibility ? prevVisibility[columnId] === false : false,\n      }));\n    },\n    [setColumnVisibility],\n  );\n\n  const isColumnVisibilityChecked = useMemo(() => {\n    return columns.reduce(\n      (acc, column) => {\n        const isChecked = columnVisibility\n          ? columnVisibility[column.accessorKey!] !== false\n          : true;\n        acc[column.accessorKey!] = isChecked;\n        return acc;\n      },\n      {} as Record<string, boolean>,\n    );\n  }, [columns, columnVisibility]);\n\n  return (\n    <>\n      {hasChangeableDensity && (\n        <MenuButton\n          endIcon={<ListIcon />}\n          ariaLabel={t(\"table.density.arialabel\")}\n          menuAlignment=\"right\"\n          shouldCloseOnSelect={false}\n        >\n          <>\n            {densityValues.map((value: (typeof densityValues)[number]) => (\n              <MenuItem\n                key={value}\n                isSelected={rowDensity === value}\n                onClick={changeRowDensity(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={t(\"table.columnvisibility.arialabel\")}\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={changeColumnVisibility(column.id as string)}\n                >\n                  <MuiCheckbox\n                    checked={isColumnVisibilityChecked[column.accessorKey!]}\n                  />\n                  {column.header}\n                </MenuItem>\n              ))}\n          </>\n        </MenuButton>\n      )}\n    </>\n  );\n};\n\nconst MemoizedDataTableSettings = memo(DataTableSettings);\nMemoizedDataTableSettings.displayName = \"DataTableSettings\";\n\nexport { MemoizedDataTableSettings as DataTableSettings };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAAmCA,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAAC,SAEpEC,UAAU;AAAA,SACVC,QAAQ;AAAA,SACRC,QAAQ,EAAEC,QAAQ;AAAA,SAClBC,aAAa;AAGtB,SAASC,cAAc,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAc/C,MAAMC,iBAAiB,GAAGA,CAAC;EACzBC,oBAAoB;EACpBC,UAAU;EACVC,aAAa;EACbC,mBAAmB;EACnBC,OAAO;EACPC,gBAAgB;EAChBC;AACsB,CAAC,KAAK;EAC5B,MAAM;IAAEC;EAAE,CAAC,GAAGf,cAAc,CAAC,CAAC;EAE9B,MAAMgB,gBAAgB,GAAGvB,WAAW,CACjCwB,KAAqC,IACnCC,MAAuC,IAAK;IAE3C,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAEC,OAAO,CAACC,KAAK,CAACL,MAAM,CAAC;IAEjER,aAAa,CAACO,KAAK,CAAC;EACtB,CAAC,EACH,CAACP,aAAa,CAChB,CAAC;EAED,MAAMc,sBAAsB,GAAG/B,WAAW,CACvCgC,QAAgB,IAAMP,MAAuC,IAAK;IAEjE,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAEC,OAAO,CAACC,KAAK,CAACL,MAAM,CAAC;IAEjEJ,mBAAmB,CAAEY,cAAc,KAAM;MACvC,GAAGA,cAAc;MACjB,CAACD,QAAQ,GAAGC,cAAc,GAAGA,cAAc,CAACD,QAAQ,CAAC,KAAK,KAAK,GAAG;IACpE,CAAC,CAAC,CAAC;EACL,CAAC,EACD,CAACX,mBAAmB,CACtB,CAAC;EAED,MAAMa,yBAAyB,GAAGjC,OAAO,CAAC,MAAM;IAC9C,OAAOkB,OAAO,CAACgB,MAAM,CACnB,CAACC,GAAG,EAAEC,MAAM,KAAK;MACf,MAAMC,SAAS,GAAGlB,gBAAgB,GAC9BA,gBAAgB,CAACiB,MAAM,CAACE,WAAW,CAAE,KAAK,KAAK,GAC/C,IAAI;MACRH,GAAG,CAACC,MAAM,CAACE,WAAW,CAAE,GAAGD,SAAS;MACpC,OAAOF,GAAG;IACZ,CAAC,EACD,CAAC,CACH,CAAC;EACH,CAAC,EAAE,CAACjB,OAAO,EAAEC,gBAAgB,CAAC,CAAC;EAE/B,OACEP,KAAA,CAAAF,SAAA;IAAA6B,QAAA,GACGzB,oBAAoB,IACnBN,IAAA,CAACP,UAAU;MACTuC,OAAO,EAAEhC,IAAA,CAACL,QAAQ,IAAE,CAAE;MACtBsC,SAAS,EAAEpB,CAAC,CAAC,yBAAyB,CAAE;MACxCqB,aAAa,EAAC,OAAO;MACrBC,mBAAmB,EAAE,KAAM;MAAAJ,QAAA,EAE3B/B,IAAA,CAAAE,SAAA;QAAA6B,QAAA,EACGlC,aAAa,CAACuC,GAAG,CAAErB,KAAqC,IACvDf,IAAA,CAACN,QAAQ;UAEP2C,UAAU,EAAE9B,UAAU,KAAKQ,KAAM;UACjCuB,OAAO,EAAExB,gBAAgB,CAACC,KAAK,CAAE;UAAAgB,QAAA,EAE/B,GAAEhB,KAAK,CAACwB,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAE,GAAEzB,KAAK,CAAC0B,KAAK,CAAC,CAAC,CAAE;QAAC,GAJ/C1B,KAKG,CACX;MAAC,CACF;IAAC,CACO,CACb,EAEAN,mBAAmB,IAClBT,IAAA,CAACP,UAAU;MACTuC,OAAO,EAAEhC,IAAA,CAACJ,QAAQ,IAAE,CAAE;MACtBqC,SAAS,EAAEpB,CAAC,CAAC,kCAAkC,CAAE;MACjDqB,aAAa,EAAC,OAAO;MACrBC,mBAAmB,EAAE,KAAM;MAAAJ,QAAA,EAE3B/B,IAAA,CAAAE,SAAA;QAAA6B,QAAA,EACGrB,OAAO,CACLgC,MAAM,CAAEd,MAAM,IAAKA,MAAM,CAACe,YAAY,KAAK,KAAK,CAAC,CACjDP,GAAG,CAAER,MAAM,IACVxB,KAAA,CAACV,QAAQ;UAEP4C,OAAO,EAAEhB,sBAAsB,CAACM,MAAM,CAACgB,EAAY,CAAE;UAAAb,QAAA,GAErD/B,IAAA,CAAA6C,SAAA;YACEC,OAAO,EAAErB,yBAAyB,CAACG,MAAM,CAACE,WAAW;UAAG,CACzD,CAAC,EACDF,MAAM,CAACmB,MAAM;QAAA,GANTnB,MAAM,CAACE,WAOJ,CACX;MAAC,CACJ;IAAC,CACO,CACb;EAAA,CACD,CAAC;AAEP,CAAC;AAED,MAAMkB,yBAAyB,GAAG1D,IAAI,CAACe,iBAAiB,CAAC;AACzD2C,yBAAyB,CAACC,WAAW,GAAG,mBAAmB;AAE3D,SAASD,yBAAyB,IAAI3C,iBAAiB"}

package/dist/MenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","names":["memo","useCallback","useMemo","useState","Button","useUniqueId","ChevronDownIcon","MoreIcon","MenuContext","jsx","_jsx","jsxs","_jsxs","menuAlignmentValues","MenuButton","ariaLabel","ariaLabelledBy","ariaDescribedBy","buttonLabel","buttonVariant","children","shouldCloseOnSelect","endIcon","endIconProp","id","idOverride","isDisabled","isOverflow","menuAlignment","size","testId","tooltipText","translate","anchorEl","setAnchorEl","isOpen","Boolean","closeMenu","openMenu","event","currentTarget","uniqueId","menuListProps","providerValue","anchorOrigin","horizontal","vertical","transformOrigin","ariaControls","undefined","ariaExpanded","ariaHasPopup","label","onClick","variant","_Menu","MenuListProps","onClose","open","Provider","value","MemoizedMenuButton","displayName"],"sources":["../src/MenuButton.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-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, type ReactElement, useCallback, useMemo, useState } from \"react\";\nimport {\n  Divider,\n  ListSubheader,\n  Menu as MuiMenu,\n  PopoverOrigin,\n} from \"@mui/material\";\n\nimport {\n  Button,\n  buttonSizeValues,\n  buttonVariantValues,\n  MenuItem,\n  useUniqueId,\n} from \"./\";\nimport { ChevronDownIcon, MoreIcon } from \"./icons.generated\";\nimport { FieldComponentProps } from \"./FieldComponentProps\";\nimport { MenuContext, MenuContextType } from \"./MenuContext\";\nimport { NullElement } from \"./NullElement\";\nimport type { HtmlProps } from \"./HtmlProps\";\n\nexport const menuAlignmentValues = [\"left\", \"right\"] as const;\n\nexport type MenuButtonProps = {\n  /**\n   * The label on the triggering Button\n   */\n  buttonLabel?: string;\n  /**\n   * The variant of the triggering Button\n   */\n  buttonVariant?: (typeof buttonVariantValues)[number];\n  /**\n   * The <MenuItem> components within the Menu.\n   */\n  children:\n    | ReactElement<typeof MenuItem | typeof Divider | typeof ListSubheader>\n    | Array<\n        | ReactElement<typeof MenuItem | typeof Divider | typeof ListSubheader>\n        | NullElement\n      >\n    | NullElement;\n  /**\n   * The end Icon on the trigggering Button\n   */\n  endIcon?: ReactElement;\n  /**\n   * The id of the Button\n   */\n  id?: string;\n  /**\n   * If the MenuButton is an overflow menu or standard menu.\n   */\n  isOverflow?: boolean;\n  /**\n   * The horizontal alignment of the menu.\n   */\n  menuAlignment?: (typeof menuAlignmentValues)[number];\n  /**\n   * If true (the default), the menu will close when a child MenuItem is clicked.\n   * Otherwise, it will remain open.\n   */\n  shouldCloseOnSelect?: boolean;\n  /**\n   * The size of the button\n   */\n  size?: (typeof buttonSizeValues)[number];\n  /**\n   * The tooltip text for the Button if it's icon-only\n   */\n  tooltipText?: string;\n} & Pick<\n  HtmlProps,\n  \"ariaDescribedBy\" | \"ariaLabel\" | \"ariaLabelledBy\" | \"testId\" | \"translate\"\n> &\n  Pick<FieldComponentProps, \"isDisabled\"> &\n  (\n    | { buttonLabel: string }\n    | (Required<Pick<HtmlProps, \"ariaLabelledBy\">> &\n        Partial<Pick<HtmlProps, \"ariaLabel\">> & {\n          buttonLabel?: undefined | \"\";\n        })\n    | (Required<Pick<HtmlProps, \"ariaLabel\">> &\n        Partial<Pick<HtmlProps, \"ariaLabelledBy\">> & {\n          buttonLabel?: undefined | \"\";\n        })\n  );\n\nconst MenuButton = ({\n  ariaLabel,\n  ariaLabelledBy,\n  ariaDescribedBy,\n  buttonLabel = \"\",\n  buttonVariant = \"secondary\",\n  children,\n  shouldCloseOnSelect = true,\n  endIcon: endIconProp,\n  id: idOverride,\n  isDisabled,\n  isOverflow,\n  menuAlignment = \"left\",\n  size,\n  testId,\n  tooltipText,\n  translate,\n}: MenuButtonProps) => {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const isOpen = Boolean(anchorEl);\n\n  const closeMenu = useCallback(() => {\n    setAnchorEl(null);\n  }, []);\n\n  const openMenu = useCallback<MenuContextType[\"openMenu\"]>((event) => {\n    setAnchorEl(event.currentTarget);\n  }, []);\n\n  const uniqueId = useUniqueId(idOverride);\n\n  const menuListProps = useMemo(\n    () => ({ \"aria-labelledby\": `${uniqueId}-button` }),\n    [uniqueId],\n  );\n\n  const providerValue = useMemo<MenuContextType>(\n    () => ({\n      closeMenu,\n      openMenu,\n      shouldCloseOnSelect,\n    }),\n    [closeMenu, openMenu, shouldCloseOnSelect],\n  );\n\n  const endIcon = endIconProp ? (\n    endIconProp\n  ) : isOverflow ? (\n    <MoreIcon />\n  ) : (\n    <ChevronDownIcon />\n  );\n\n  const anchorOrigin = useMemo(\n    () =>\n      ({\n        horizontal: menuAlignment,\n        vertical: \"bottom\",\n      }) as PopoverOrigin,\n    [menuAlignment],\n  );\n\n  const transformOrigin = useMemo(\n    () =>\n      ({\n        horizontal: menuAlignment,\n        vertical: \"top\",\n      }) as PopoverOrigin,\n    [menuAlignment],\n  );\n\n  return (\n    <div>\n      <Button\n        ariaControls={isOpen ? `${uniqueId}-menu` : undefined}\n        ariaExpanded={isOpen ? \"true\" : undefined}\n        ariaHasPopup=\"true\"\n        ariaDescribedBy={ariaDescribedBy}\n        ariaLabel={ariaLabel}\n        ariaLabelledBy={ariaLabelledBy}\n        testId={testId}\n        endIcon={endIcon}\n        id={`${uniqueId}-button`}\n        isDisabled={isDisabled}\n        label={buttonLabel}\n        onClick={openMenu}\n        size={size}\n        tooltipText={tooltipText}\n        translate={translate}\n        variant={buttonVariant}\n      />\n\n      <MuiMenu\n        anchorOrigin={anchorOrigin}\n        transformOrigin={transformOrigin}\n        anchorEl={anchorEl}\n        id={`${uniqueId}-menu`}\n        MenuListProps={menuListProps}\n        onClose={closeMenu}\n        open={isOpen}\n      >\n        <MenuContext.Provider value={providerValue}>\n          {children}\n        </MenuContext.Provider>\n      </MuiMenu>\n    </div>\n  );\n};\n\nconst MemoizedMenuButton = memo(MenuButton);\nMemoizedMenuButton.displayName = \"MenuButton\";\n\nexport { MemoizedMenuButton as MenuButton };\n"],"mappings":"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"}
+{"version":3,"file":"MenuButton.js","names":["memo","useCallback","useMemo","useState","Button","useUniqueId","ChevronDownIcon","MoreIcon","MenuContext","jsx","_jsx","jsxs","_jsxs","menuAlignmentValues","MenuButton","ariaLabel","ariaLabelledBy","ariaDescribedBy","buttonLabel","buttonVariant","children","shouldCloseOnSelect","endIcon","endIconProp","id","idOverride","isDisabled","isOverflow","menuAlignment","size","testId","tooltipText","translate","anchorEl","setAnchorEl","isOpen","Boolean","closeMenu","openMenu","event","currentTarget","uniqueId","menuListProps","providerValue","anchorOrigin","horizontal","vertical","transformOrigin","ariaControls","undefined","ariaExpanded","ariaHasPopup","label","onClick","variant","_Menu","MenuListProps","onClose","open","Provider","value","MemoizedMenuButton","displayName"],"sources":["../src/MenuButton.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-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  memo,\n  type ReactElement,\n  useCallback,\n  useMemo,\n  useState,\n  ReactNode,\n} from \"react\";\nimport { Menu as MuiMenu, PopoverOrigin } from \"@mui/material\";\n\nimport { Button, buttonSizeValues, buttonVariantValues, useUniqueId } from \"./\";\nimport { ChevronDownIcon, MoreIcon } from \"./icons.generated\";\nimport { FieldComponentProps } from \"./FieldComponentProps\";\nimport { MenuContext, MenuContextType } from \"./MenuContext\";\nimport { NullElement } from \"./NullElement\";\nimport type { HtmlProps } from \"./HtmlProps\";\n\nexport const menuAlignmentValues = [\"left\", \"right\"] as const;\n\nexport type MenuButtonProps = {\n  /**\n   * The label on the triggering Button\n   */\n  buttonLabel?: string;\n  /**\n   * The variant of the triggering Button\n   */\n  buttonVariant?: (typeof buttonVariantValues)[number];\n  /**\n   * The <MenuItem> components within the Menu.\n   */\n  children: ReactNode | NullElement;\n  /**\n   * The end Icon on the trigggering Button\n   */\n  endIcon?: ReactElement;\n  /**\n   * The id of the Button\n   */\n  id?: string;\n  /**\n   * If the MenuButton is an overflow menu or standard menu.\n   */\n  isOverflow?: boolean;\n  /**\n   * The horizontal alignment of the menu.\n   */\n  menuAlignment?: (typeof menuAlignmentValues)[number];\n  /**\n   * If true (the default), the menu will close when a child MenuItem is clicked.\n   * Otherwise, it will remain open.\n   */\n  shouldCloseOnSelect?: boolean;\n  /**\n   * The size of the button\n   */\n  size?: (typeof buttonSizeValues)[number];\n  /**\n   * The tooltip text for the Button if it's icon-only\n   */\n  tooltipText?: string;\n} & Pick<\n  HtmlProps,\n  \"ariaDescribedBy\" | \"ariaLabel\" | \"ariaLabelledBy\" | \"testId\" | \"translate\"\n> &\n  Pick<FieldComponentProps, \"isDisabled\"> &\n  (\n    | { buttonLabel: string }\n    | (Required<Pick<HtmlProps, \"ariaLabelledBy\">> &\n        Partial<Pick<HtmlProps, \"ariaLabel\">> & {\n          buttonLabel?: undefined | \"\";\n        })\n    | (Required<Pick<HtmlProps, \"ariaLabel\">> &\n        Partial<Pick<HtmlProps, \"ariaLabelledBy\">> & {\n          buttonLabel?: undefined | \"\";\n        })\n  );\n\nconst MenuButton = ({\n  ariaLabel,\n  ariaLabelledBy,\n  ariaDescribedBy,\n  buttonLabel = \"\",\n  buttonVariant = \"secondary\",\n  children,\n  shouldCloseOnSelect = true,\n  endIcon: endIconProp,\n  id: idOverride,\n  isDisabled,\n  isOverflow,\n  menuAlignment = \"left\",\n  size,\n  testId,\n  tooltipText,\n  translate,\n}: MenuButtonProps) => {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const isOpen = Boolean(anchorEl);\n\n  const closeMenu = useCallback(() => {\n    setAnchorEl(null);\n  }, []);\n\n  const openMenu = useCallback<MenuContextType[\"openMenu\"]>((event) => {\n    setAnchorEl(event.currentTarget);\n  }, []);\n\n  const uniqueId = useUniqueId(idOverride);\n\n  const menuListProps = useMemo(\n    () => ({ \"aria-labelledby\": `${uniqueId}-button` }),\n    [uniqueId],\n  );\n\n  const providerValue = useMemo<MenuContextType>(\n    () => ({\n      closeMenu,\n      openMenu,\n      shouldCloseOnSelect,\n    }),\n    [closeMenu, openMenu, shouldCloseOnSelect],\n  );\n\n  const endIcon = endIconProp ? (\n    endIconProp\n  ) : isOverflow ? (\n    <MoreIcon />\n  ) : (\n    <ChevronDownIcon />\n  );\n\n  const anchorOrigin = useMemo(\n    () =>\n      ({\n        horizontal: menuAlignment,\n        vertical: \"bottom\",\n      }) as PopoverOrigin,\n    [menuAlignment],\n  );\n\n  const transformOrigin = useMemo(\n    () =>\n      ({\n        horizontal: menuAlignment,\n        vertical: \"top\",\n      }) as PopoverOrigin,\n    [menuAlignment],\n  );\n\n  return (\n    <div>\n      <Button\n        ariaControls={isOpen ? `${uniqueId}-menu` : undefined}\n        ariaExpanded={isOpen ? \"true\" : undefined}\n        ariaHasPopup=\"true\"\n        ariaDescribedBy={ariaDescribedBy}\n        ariaLabel={ariaLabel}\n        ariaLabelledBy={ariaLabelledBy}\n        testId={testId}\n        endIcon={endIcon}\n        id={`${uniqueId}-button`}\n        isDisabled={isDisabled}\n        label={buttonLabel}\n        onClick={openMenu}\n        size={size}\n        tooltipText={tooltipText}\n        translate={translate}\n        variant={buttonVariant}\n      />\n\n      <MuiMenu\n        anchorOrigin={anchorOrigin}\n        transformOrigin={transformOrigin}\n        anchorEl={anchorEl}\n        id={`${uniqueId}-menu`}\n        MenuListProps={menuListProps}\n        onClose={closeMenu}\n        open={isOpen}\n      >\n        <MenuContext.Provider value={providerValue}>\n          {children}\n        </MenuContext.Provider>\n      </MuiMenu>\n    </div>\n  );\n};\n\nconst MemoizedMenuButton = memo(MenuButton);\nMemoizedMenuButton.displayName = \"MenuButton\";\n\nexport { MemoizedMenuButton as MenuButton };\n"],"mappings":"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"}