@okta/odyssey-react-mui 1.29.0 → 1.32.4

package/dist/esm/labs/DataTable.js

@@ -0,0 +1,478 @@
+import _Checkbox from "@mui/material/Checkbox";
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { useMaterialReactTable, MRT_TableContainer } from "material-react-table";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { ArrowBottomIcon, ArrowDownIcon, ArrowTopIcon, ArrowUnsortedIcon, ArrowUpIcon, DragIndicatorIcon, ListIcon, MoreIcon, ShowIcon } from "../icons.generated/index.js";
+import { useOdysseyDesignTokens } from "../OdysseyDesignTokensContext.js";
+import { DataTablePagination } from "./DataTablePagination.js";
+import { DataFilters } from "./DataFilters.js";
+import { Box } from "../Box.js";
+import { MenuButton, MenuItem } from "../index.js";
+import { useTranslation } from "react-i18next";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const densityValues = ["comfortable", "spacious", "compact"];
+const reorderDataRowsLocally = ({
+  currentData,
+  rowId,
+  newIndex
+}) => {
+  const updatedData = [...currentData];
+  const rowIndex = updatedData.findIndex(row => row.id === rowId);
+  if (rowIndex !== -1) {
+    const [removedRow] = updatedData.splice(rowIndex, 1);
+    updatedData.splice(newIndex, 0, removedRow);
+  }
+  return updatedData;
+};
+const DataTable = ({
+  columns,
+  data: dataProp,
+  getRowId,
+  page: pageProp = 1,
+  initialDensity = densityValues[0],
+  resultsPerPage: resultsPerPageProp = 20,
+  fetchDataFn,
+  reorderDataFn,
+  totalRows,
+  hasSearchSubmitButton,
+  searchDelayTime,
+  paginationType = "paged",
+  onRowSelectionChange,
+  rowActionButtons,
+  rowActionMenuItems,
+  hasChangeableDensity,
+  hasColumnResizing,
+  hasColumnVisibility,
+  hasFilters,
+  hasPagination,
+  hasRowReordering,
+  hasRowSelection,
+  hasSearch,
+  hasSorting
+}) => {
+  const odysseyDesignTokens = useOdysseyDesignTokens();
+  const {
+    t
+  } = useTranslation();
+  const [draggingRow, setDraggingRow] = useState();
+  const [showSkeletons, setShowSkeletons] = useState(true);
+  const [data, setData] = useState(dataProp);
+  const [page, setPage] = useState(pageProp);
+  const [resultsPerPage, setResultsPerPage] = useState(resultsPerPageProp);
+  const [rowSelection, setRowSelection] = useState({});
+  const [sorting, setSorting] = useState([]);
+  const [density, setDensity] = useState(initialDensity);
+  const initialColumnVisibility = useMemo(() => {
+    return columns.reduce((acc, column) => {
+      acc[column.accessorKey] = true;
+      return acc;
+    }, {});
+  }, [columns]);
+  const [columnVisibility, setColumnVisibility] = useState(initialColumnVisibility);
+  const [globalFilter, setGlobalFilter] = useState("");
+  const [filters, setFilters] = useState();
+  useEffect(() => {
+    setShowSkeletons(false);
+  }, [data]);
+  useEffect(() => {
+    onRowSelectionChange?.(rowSelection);
+  }, [rowSelection, onRowSelectionChange]);
+  const refreshData = useCallback(async () => {
+    setShowSkeletons(true);
+    try {
+      const newData = fetchDataFn({
+        page: page,
+        resultsPerPage: resultsPerPage,
+        sort: sorting,
+        search: globalFilter,
+        filters: filters
+      });
+      setData(newData instanceof Promise ? await newData : newData);
+      setShowSkeletons(false);
+    } catch (error) {
+      console.error(error);
+      setShowSkeletons(false);
+    }
+  }, [page, resultsPerPage, sorting, globalFilter, filters, fetchDataFn]);
+  useEffect(() => {
+    refreshData();
+  }, [refreshData, page, resultsPerPage, sorting, globalFilter, filters]);
+  const handleSortingChange = useCallback(updater => {
+    setSorting(prevSorting => updater instanceof Function ? updater(prevSorting) : sorting);
+  }, [sorting]);
+  const handleColumnVisibility = useCallback(columnId => {
+    setColumnVisibility(prevVisibility => ({
+      ...prevVisibility,
+      [columnId]: !columnVisibility[columnId]
+    }));
+  }, [columnVisibility]);
+  const handleSearch = useCallback(value => {
+    setGlobalFilter(value);
+  }, []);
+  const handleFilters = useCallback(updatedFilters => {
+    setFilters(updatedFilters);
+  }, []);
+  const handleRowSelectionChange = useCallback(updater => {
+    setRowSelection(prevRowSelection => updater instanceof Function ? updater(prevRowSelection) : rowSelection);
+  }, [rowSelection]);
+  const updateRowOrder = useCallback(({
+    rowId,
+    newIndex
+  }) => {
+    if (newIndex < 0) {
+      return;
+    }
+    if (totalRows && newIndex > totalRows) {
+      return;
+    }
+    const newData = reorderDataRowsLocally({
+      currentData: data,
+      rowId,
+      newIndex
+    });
+    setData(newData);
+    reorderDataFn?.({
+      rowId,
+      newIndex
+    });
+    refreshData();
+  }, [data, totalRows, reorderDataFn, refreshData]);
+  const rowVirtualizerInstanceRef = useRef(null);
+  const setHoveredRow = useCallback((table, id) => {
+    if (id) {
+      const nextRow = table.getRow(id);
+      if (nextRow) {
+        table.setHoveredRow(nextRow);
+      }
+    }
+  }, []);
+  const resetDraggingAndHoveredRow = useCallback(table => {
+    setDraggingRow(null);
+    table.setHoveredRow(null);
+  }, [setDraggingRow]);
+  const handleDragHandleKeyDown = useCallback(({
+    table,
+    row,
+    event
+  }) => {
+    const {
+      hoveredRow
+    } = table.getState();
+    const {
+      key
+    } = event;
+    const isSpaceKey = key === " ";
+    const isEnterKey = key === "Enter";
+    const isEscapeKey = key === "Escape";
+    const isArrowDown = key === "ArrowDown";
+    const isArrowUp = key === "ArrowUp";
+    const isSpaceOrEnter = isSpaceKey || isEnterKey;
+    const zeroIndexedPageNumber = page - 1;
+    const currentIndex = row.index + zeroIndexedPageNumber * resultsPerPage;
+    if (isEscapeKey) {
+      resetDraggingAndHoveredRow(table);
+      return;
+    }
+    if (isSpaceOrEnter) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+    if (draggingRow) {
+      if (typeof hoveredRow?.index === "number") {
+        const {
+          index
+        } = hoveredRow;
+        if (isSpaceOrEnter) {
+          const pageRelativeIndex = index + zeroIndexedPageNumber * resultsPerPage;
+          if (pageRelativeIndex !== currentIndex) {
+            updateRowOrder({
+              rowId: row.id,
+              newIndex: pageRelativeIndex
+            });
+            setTimeout(() => {
+              resetDraggingAndHoveredRow(table);
+            }, odysseyDesignTokens.TransitionDurationMainAsNumber);
+            return;
+          }
+        }
+        if (isArrowDown || isArrowUp) {
+          const nextIndex = isArrowDown ? index + 1 : index - 1;
+          setHoveredRow(table, data[nextIndex]?.id);
+        }
+      } else {
+        if (isArrowDown || isArrowUp) {
+          const nextIndex = isArrowDown ? row.index + 1 : row.index - 1;
+          setHoveredRow(table, data[nextIndex]?.id);
+        }
+      }
+    } else {
+      if (isSpaceOrEnter) {
+        setDraggingRow(row);
+      }
+    }
+  }, [data, draggingRow, odysseyDesignTokens.TransitionDurationMainAsNumber, page, resetDraggingAndHoveredRow, resultsPerPage, setHoveredRow, updateRowOrder]);
+  const handleDragHandleOnDragEnd = useCallback(table => {
+    const cols = table.getAllColumns();
+    cols[0].toggleVisibility();
+    const {
+      draggingRow,
+      hoveredRow
+    } = table.getState();
+    if (draggingRow) {
+      updateRowOrder({
+        newIndex: hoveredRow.index,
+        rowId: draggingRow.id
+      });
+    }
+    setDraggingRow(null);
+  }, [updateRowOrder]);
+  const handleDragHandleOnDragCapture = useCallback(table => {
+    if (!draggingRow && table.getState().draggingRow?.id) {
+      setDraggingRow(table.getState().draggingRow);
+    }
+  }, [draggingRow]);
+  const tableState = useMemo(() => ({
+    density,
+    sorting,
+    globalFilter,
+    columnVisibility,
+    rowSelection,
+    showSkeletons
+  }), [density, sorting, globalFilter, columnVisibility, rowSelection, showSkeletons]);
+  const table = useMaterialReactTable({
+    columns: columns,
+    data: data,
+    state: tableState,
+    rowVirtualizerInstanceRef: rowVirtualizerInstanceRef,
+    rowVirtualizerOptions: {
+      overscan: 4
+    },
+    enableRowVirtualization: paginationType === "loadMore" || resultsPerPage > 50,
+    enableColumnResizing: hasColumnResizing,
+    enableDensityToggle: false,
+    enableFullScreenToggle: false,
+    enablePagination: false,
+    enableRowSelection: hasRowSelection,
+    enableFilters: false,
+    enableHiding: false,
+    enableRowOrdering: hasRowReordering,
+    enableRowDragging: hasRowReordering,
+    enableSorting: hasSorting,
+    selectAllMode: "all",
+    enableColumnActions: false,
+    layoutMode: "grid-no-grow",
+    displayColumnDefOptions: {
+      "mrt-row-actions": {
+        muiTableBodyCellProps: {
+          align: "right",
+          sx: {
+            overflow: "visible",
+            width: "unset"
+          }
+        },
+        muiTableHeadCellProps: {
+          align: "right",
+          sx: {
+            width: "unset"
+          }
+        }
+      },
+      "mrt-row-drag": {
+        header: "",
+        muiTableBodyCellProps: {
+          sx: {
+            minWidth: 0,
+            width: "auto"
+          }
+        },
+        muiTableHeadCellProps: {
+          sx: {
+            minWidth: 0,
+            width: "auto"
+          }
+        }
+      }
+    },
+    enableGlobalFilter: false,
+    manualFiltering: true,
+    manualSorting: true,
+    getRowId: getRowId,
+    icons: {
+      ArrowDownwardIcon: ArrowDownIcon,
+      DragHandleIcon: DragIndicatorIcon,
+      SyncAltIcon: ArrowUnsortedIcon
+    },
+    onSortingChange: handleSortingChange,
+    onRowSelectionChange: handleRowSelectionChange,
+    enableRowActions: hasRowReordering === true || rowActionButtons || rowActionMenuItems ? true : false,
+    positionActionsColumn: "last",
+    muiTableHeadCellProps: ({
+      column
+    }) => ({
+      className: sorting.find(item => item.id === column.id) ? "isSorted" : "isUnsorted"
+    }),
+    muiTableBodyRowProps: ({
+      table,
+      row
+    }) => ({
+      className: draggingRow?.id === row.id && table.getState().hoveredRow?.id !== row.id ? "isDragging" : table.getState().hoveredRow?.id === row.id && draggingRow?.id !== row.id ? "isDragTarget" : draggingRow?.id === row.id && table.getState().hoveredRow?.id === row.id ? "isDragging isDragTarget" : undefined
+    }),
+    muiRowDragHandleProps: ({
+      table,
+      row
+    }) => ({
+      title: t("table.draghandle.tooltip"),
+      "aria-label": t("table.draghandle.arialabel"),
+      onKeyDown: event => handleDragHandleKeyDown({
+        table,
+        row,
+        event
+      }),
+      onBlur: () => {
+        resetDraggingAndHoveredRow(table);
+      },
+      onDragEnd: () => handleDragHandleOnDragEnd(table),
+      onDragCapture: () => handleDragHandleOnDragCapture(table),
+      sx: {
+        padding: odysseyDesignTokens.Spacing1,
+        borderRadius: odysseyDesignTokens.BorderRadiusMain,
+        "&:focus-visible": {
+          boxShadow: `0 0 0 2px ${odysseyDesignTokens.HueNeutralWhite}, 0 0 0 4px ${odysseyDesignTokens.PalettePrimaryMain}`,
+          outline: "2px solid transparent",
+          outlineOffset: "1px"
+        }
+      }
+    }),
+    renderRowActions: ({
+      row
+    }) => {
+      const currentIndex = row.index + (page - 1) * resultsPerPage;
+      return _jsxs(Box, {
+        sx: {
+          display: "flex"
+        },
+        children: [rowActionButtons?.(row.original), (rowActionMenuItems || hasRowReordering) && _jsxs(MenuButton, {
+          endIcon: _jsx(MoreIcon, {}),
+          size: "small",
+          buttonVariant: "floating",
+          ariaLabel: t("table.moreactions.arialabel"),
+          menuAlignment: "right",
+          children: [rowActionMenuItems && _jsxs(_Fragment, {
+            children: [rowActionMenuItems(row.original), _jsx("hr", {})]
+          }), _jsxs(MenuItem, {
+            isDisabled: currentIndex <= 0,
+            onClick: () => updateRowOrder({
+              rowId: row.id,
+              newIndex: 0
+            }),
+            children: [_jsx(ArrowTopIcon, {}), " Bring to front"]
+          }), _jsxs(MenuItem, {
+            isDisabled: currentIndex <= 0,
+            onClick: () => updateRowOrder({
+              rowId: row.id,
+              newIndex: currentIndex <= 0 ? 0 : currentIndex - 1
+            }),
+            children: [_jsx(ArrowUpIcon, {}), " Bring forward"]
+          }), _jsxs(MenuItem, {
+            isDisabled: totalRows ? currentIndex >= totalRows - 1 : false,
+            onClick: () => updateRowOrder({
+              rowId: row.id,
+              newIndex: currentIndex + 1
+            }),
+            children: [_jsx(ArrowDownIcon, {}), " Send backward"]
+          }), _jsx(_Fragment, {
+            children: totalRows && _jsxs(MenuItem, {
+              isDisabled: currentIndex >= totalRows - 1,
+              onClick: () => updateRowOrder({
+                rowId: row.id,
+                newIndex: totalRows
+              }),
+              children: [_jsx(ArrowBottomIcon, {}), " Send to back"]
+            })
+          })]
+        })]
+      });
+    }
+  });
+  const tableSettings = useMemo(() => _jsxs(_Fragment, {
+    children: [hasChangeableDensity && _jsx(MenuButton, {
+      endIcon: _jsx(ListIcon, {}),
+      ariaLabel: "Table density",
+      menuAlignment: "right",
+      shouldCloseOnSelect: false,
+      children: _jsx(_Fragment, {
+        children: densityValues.map(value => _jsx(MenuItem, {
+          isSelected: density === value,
+          onClick: () => setDensity(value),
+          children: `${value.charAt(0).toUpperCase()}${value.slice(1)}`
+        }, value))
+      })
+    }), hasColumnVisibility && _jsx(MenuButton, {
+      endIcon: _jsx(ShowIcon, {}),
+      ariaLabel: "Show/hide columns",
+      menuAlignment: "right",
+      shouldCloseOnSelect: false,
+      children: _jsx(_Fragment, {
+        children: columns.filter(column => column.enableHiding !== false).map(column => _jsxs(MenuItem, {
+          onClick: () => handleColumnVisibility(column.accessorKey),
+          children: [_jsx(_Checkbox, {
+            checked: columnVisibility[column.accessorKey] !== false
+          }), column.header]
+        }, column.accessorKey))
+      })
+    })]
+  }), [columnVisibility, columns, density, hasChangeableDensity, handleColumnVisibility, hasColumnVisibility]);
+  return _jsxs(Box, {
+    sx: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 4
+    },
+    children: [_jsx(DataFilters, {
+      onChangeSearch: hasSearch ? handleSearch : undefined,
+      onChangeFilters: handleFilters,
+      hasSearchSubmitButton: hasSearchSubmitButton,
+      searchDelayTime: searchDelayTime,
+      additionalActions: tableSettings,
+      filters: hasFilters ? columns.filter(column => column.enableColumnFilter !== false).map(column => {
+        return {
+          id: column.accessorKey,
+          label: column.header,
+          variant: column.filterVariant ?? "text",
+          options: column.filterSelectOptions
+        };
+      }) : undefined
+    }), _jsx(MRT_TableContainer, {
+      table: table
+    }), hasPagination && _jsx(DataTablePagination, {
+      paginationType: paginationType,
+      currentNumberOfResults: data.length,
+      currentPage: page,
+      isPreviousButtonDisabled: page <= 1,
+      isNextButtonDisabled: false,
+      onClickPrevious: () => setPage(page - 1),
+      onClickNext: () => {
+        if (paginationType === "loadMore") {
+          setResultsPerPage(resultsPerPage + resultsPerPageProp);
+        } else {
+          setPage(page + 1);
+        }
+      }
+    })]
+  });
+};
+const MemoizedDataTable = memo(DataTable);
+MemoizedDataTable.displayName = "DataTable";
+export { MemoizedDataTable as DataTable };
+//# sourceMappingURL=DataTable.js.map

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

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

package/dist/esm/labs/DataTablePagination.js

@@ -0,0 +1,71 @@
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { memo } from "react";
+import { Box } from "../Box.js";
+import { Button } from "../Buttons/index.js";
+import { Support } from "../Typography.js";
+import { ArrowLeftIcon, ArrowRightIcon } from "../icons.generated/index.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const paginationTypeValues = ["paged", "loadMore"];
+const DataTablePagination = ({
+  currentPage,
+  currentNumberOfResults,
+  isNextButtonDisabled,
+  isPreviousButtonDisabled,
+  onClickNext,
+  onClickPrevious,
+  paginationType
+}) => {
+  return _jsx(Box, {
+    sx: {
+      display: "flex",
+      gap: 4,
+      alignItems: "center"
+    },
+    children: paginationType === "loadMore" ? _jsxs(_Fragment, {
+      children: [_jsx(Button, {
+        label: "Show more",
+        variant: "secondary",
+        onClick: onClickNext,
+        isDisabled: isNextButtonDisabled
+      }), currentNumberOfResults && _jsxs(Support, {
+        color: "textSecondary",
+        children: [currentNumberOfResults, " results"]
+      })]
+    }) : _jsxs(_Fragment, {
+      children: [_jsx(Button, {
+        label: "Previous",
+        startIcon: _jsx(ArrowLeftIcon, {}),
+        variant: "secondary",
+        onClick: onClickPrevious,
+        isDisabled: isPreviousButtonDisabled
+      }), currentPage && _jsx(Box, {
+        children: _jsxs(Support, {
+          color: "textSecondary",
+          component: "span",
+          children: ["Page ", currentPage]
+        })
+      }), _jsx(Button, {
+        label: "Next",
+        endIcon: _jsx(ArrowRightIcon, {}),
+        variant: "secondary",
+        onClick: onClickNext,
+        isDisabled: isNextButtonDisabled
+      })]
+    })
+  });
+};
+const MemoizedDataTablePagination = memo(DataTablePagination);
+MemoizedDataTablePagination.displayName = "DataTablePagination";
+export { MemoizedDataTablePagination as DataTablePagination };
+//# sourceMappingURL=DataTablePagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTablePagination.js","names":["memo","Box","Button","Support","ArrowLeftIcon","ArrowRightIcon","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","paginationTypeValues","DataTablePagination","currentPage","currentNumberOfResults","isNextButtonDisabled","isPreviousButtonDisabled","onClickNext","onClickPrevious","paginationType","sx","display","gap","alignItems","children","label","variant","onClick","isDisabled","color","startIcon","component","endIcon","MemoizedDataTablePagination","displayName"],"sources":["../../../src/labs/DataTablePagination.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo } from \"react\";\nimport { Box } from \"../Box.js\";\nimport { Button } from \"../Buttons/index.js\";\nimport { Support } from \"../Typography.js\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../icons.generated/index.js\";\n\nexport const paginationTypeValues = [\"paged\", \"loadMore\"] as const;\n\nexport type DataTablePaginationProps = {\n  currentPage?: number;\n  currentNumberOfResults?: number;\n  isNextButtonDisabled?: boolean;\n  isPreviousButtonDisabled?: boolean;\n  onClickNext: () => void;\n  onClickPrevious?: () => void;\n  paginationType?: (typeof paginationTypeValues)[number];\n};\n\nconst DataTablePagination = ({\n  currentPage,\n  currentNumberOfResults,\n  isNextButtonDisabled,\n  isPreviousButtonDisabled,\n  onClickNext,\n  onClickPrevious,\n  paginationType,\n}: DataTablePaginationProps) => {\n  return (\n    <Box sx={{ display: \"flex\", gap: 4, alignItems: \"center\" }}>\n      {paginationType === \"loadMore\" ? (\n        <>\n          <Button\n            label=\"Show more\"\n            variant=\"secondary\"\n            onClick={onClickNext}\n            isDisabled={isNextButtonDisabled}\n          />\n          {currentNumberOfResults && (\n            <Support color=\"textSecondary\">\n              {currentNumberOfResults} results\n            </Support>\n          )}\n        </>\n      ) : (\n        <>\n          <Button\n            label=\"Previous\"\n            startIcon={<ArrowLeftIcon />}\n            variant=\"secondary\"\n            onClick={onClickPrevious}\n            isDisabled={isPreviousButtonDisabled}\n          />\n          {currentPage && (\n            <Box>\n              <Support color=\"textSecondary\" component=\"span\">\n                Page {currentPage}\n              </Support>\n            </Box>\n          )}\n          <Button\n            label=\"Next\"\n            endIcon={<ArrowRightIcon />}\n            variant=\"secondary\"\n            onClick={onClickNext}\n            isDisabled={isNextButtonDisabled}\n          />\n        </>\n      )}\n    </Box>\n  );\n};\n\nconst MemoizedDataTablePagination = memo(DataTablePagination);\nMemoizedDataTablePagination.displayName = \"DataTablePagination\";\n\nexport { MemoizedDataTablePagination as DataTablePagination };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,GAAG,QAAQ,WAAW;AAC/B,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,aAAa,EAAEC,cAAc,QAAQ,6BAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAE5E,OAAO,MAAMC,oBAAoB,GAAG,CAAC,OAAO,EAAE,UAAU,CAAU;AAYlE,MAAMC,mBAAmB,GAAGA,CAAC;EAC3BC,WAAW;EACXC,sBAAsB;EACtBC,oBAAoB;EACpBC,wBAAwB;EACxBC,WAAW;EACXC,eAAe;EACfC;AACwB,CAAC,KAAK;EAC9B,OACEb,IAAA,CAACN,GAAG;IAACoB,EAAE,EAAE;MAAEC,OAAO,EAAE,MAAM;MAAEC,GAAG,EAAE,CAAC;MAAEC,UAAU,EAAE;IAAS,CAAE;IAAAC,QAAA,EACxDL,cAAc,KAAK,UAAU,GAC5BX,KAAA,CAAAE,SAAA;MAAAc,QAAA,GACElB,IAAA,CAACL,MAAM;QACLwB,KAAK,EAAC,WAAW;QACjBC,OAAO,EAAC,WAAW;QACnBC,OAAO,EAAEV,WAAY;QACrBW,UAAU,EAAEb;MAAqB,CAClC,CAAC,EACDD,sBAAsB,IACrBN,KAAA,CAACN,OAAO;QAAC2B,KAAK,EAAC,eAAe;QAAAL,QAAA,GAC3BV,sBAAsB,EAAC,UAC1B;MAAA,CAAS,CACV;IAAA,CACD,CAAC,GAEHN,KAAA,CAAAE,SAAA;MAAAc,QAAA,GACElB,IAAA,CAACL,MAAM;QACLwB,KAAK,EAAC,UAAU;QAChBK,SAAS,EAAExB,IAAA,CAACH,aAAa,IAAE,CAAE;QAC7BuB,OAAO,EAAC,WAAW;QACnBC,OAAO,EAAET,eAAgB;QACzBU,UAAU,EAAEZ;MAAyB,CACtC,CAAC,EACDH,WAAW,IACVP,IAAA,CAACN,GAAG;QAAAwB,QAAA,EACFhB,KAAA,CAACN,OAAO;UAAC2B,KAAK,EAAC,eAAe;UAACE,SAAS,EAAC,MAAM;UAAAP,QAAA,GAAC,OACzC,EAACX,WAAW;QAAA,CACV;MAAC,CACP,CACN,EACDP,IAAA,CAACL,MAAM;QACLwB,KAAK,EAAC,MAAM;QACZO,OAAO,EAAE1B,IAAA,CAACF,cAAc,IAAE,CAAE;QAC5BsB,OAAO,EAAC,WAAW;QACnBC,OAAO,EAAEV,WAAY;QACrBW,UAAU,EAAEb;MAAqB,CAClC,CAAC;IAAA,CACF;EACH,CACE,CAAC;AAEV,CAAC;AAED,MAAMkB,2BAA2B,GAAGlC,IAAI,CAACa,mBAAmB,CAAC;AAC7DqB,2BAA2B,CAACC,WAAW,GAAG,qBAAqB;AAE/D,SAASD,2BAA2B,IAAIrB,mBAAmB","ignoreList":[]}