@okta/odyssey-react-mui 1.14.3 → 1.14.4

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.14.4](https://github.com/okta/odyssey/compare/v1.14.3...v1.14.4) (2024-03-01)
+
+**Note:** Version bump only for package @okta/odyssey-react-mui
+
 ## [1.14.3](https://github.com/okta/odyssey/compare/v1.14.2...v1.14.3) (2024-02-29)
 
 **Note:** Version bump only for package @okta/odyssey-react-mui

package/dist/DataTable/DataTable.js

@@ -0,0 +1,330 @@
+/*!
+ * 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, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { MaterialReactTable, useMaterialReactTable } from "material-react-table";
+import { ArrowDownIcon, ArrowUnsortedIcon, DragIndicatorIcon } from "../icons.generated/index.js";
+import { densityValues } from "./constants.js";
+import { DataTablePagination } from "../labs/DataTablePagination.js";
+import { DataFilters } from "../labs/DataFilters.js";
+import { DataTableRowActions } from "./DataTableRowActions.js";
+import { useRowReordering } from "./useRowReordering.js";
+import { DataTableSettings } from "./DataTableSettings.js";
+import { Box } from "../Box.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const displayColumnDefOptions = {
+  "mrt-row-actions": {
+    header: "",
+    grow: true,
+    muiTableBodyCellProps: {
+      align: "right",
+      sx: {
+        overflow: "visible",
+        width: "unset"
+      },
+      className: "ods-actions-cell"
+    },
+    muiTableHeadCellProps: {
+      align: "right",
+      sx: {
+        width: "unset"
+      },
+      className: "ods-actions-cell"
+    }
+  },
+  "mrt-row-drag": {
+    header: "",
+    muiTableBodyCellProps: {
+      sx: {
+        minWidth: 0,
+        width: "auto"
+      },
+      className: "ods-drag-handle"
+    },
+    muiTableHeadCellProps: {
+      sx: {
+        minWidth: 0,
+        width: "auto"
+      },
+      children: _jsx(Box, {
+        sx: {
+          marginInline: "-0.1rem"
+        },
+        children: _jsx(DragIndicatorIcon, {
+          sx: {
+            marginInline: 1,
+            opacity: 0
+          }
+        })
+      })
+    }
+  },
+  "mrt-row-select": {
+    muiTableHeadCellProps: {
+      padding: "checkbox"
+    },
+    muiTableBodyCellProps: {
+      padding: "checkbox"
+    }
+  }
+};
+const DataTable = ({
+  columns,
+  getRowId: getRowIdProp,
+  currentPage = 1,
+  initialDensity = densityValues[0],
+  resultsPerPage = 20,
+  getData,
+  onReorderRows,
+  totalRows,
+  hasSearchSubmitButton,
+  searchDelayTime,
+  paginationType = "paged",
+  onChangeRowSelection,
+  rowActionButtons,
+  rowActionMenuItems,
+  hasChangeableDensity,
+  hasColumnResizing,
+  hasColumnVisibility,
+  hasFilters,
+  hasPagination,
+  hasRowReordering,
+  hasRowSelection,
+  hasSearch,
+  hasSorting
+}) => {
+  const [data, setData] = useState([]);
+  const [pagination, setPagination] = useState({
+    pageIndex: currentPage,
+    pageSize: resultsPerPage
+  });
+  const [draggingRow, setDraggingRow] = useState();
+  const [columnSorting, setColumnSorting] = useState([]);
+  const [columnVisibility, setColumnVisibility] = useState();
+  const [rowDensity, setRowDensity] = useState(initialDensity);
+  const [search, setSearch] = useState("");
+  const [filters, setFilters] = useState();
+  const {
+    dragHandleStyles,
+    dragHandleText,
+    draggableTableBodyRowClassName,
+    handleDragHandleKeyDown,
+    handleDragHandleOnDragCapture,
+    handleDragHandleOnDragEnd,
+    resetDraggingAndHoveredRow,
+    updateRowOrder
+  } = useRowReordering({
+    totalRows,
+    onReorderRows,
+    data,
+    setData,
+    draggingRow,
+    setDraggingRow,
+    resultsPerPage: pagination.pageSize,
+    page: pagination.pageIndex
+  });
+  const getRowId = getRowIdProp ? getRowIdProp : row => row.id;
+  const rowDensityCellClassName = useMemo(() => {
+    return rowDensity === "spacious" ? "MuiTableCell-spacious" : rowDensity === "compact" ? "MuiTableCell-compact" : "MuiTableCell-default";
+  }, [rowDensity]);
+  const renderRowActions = useCallback(({
+    row
+  }) => {
+    const currentIndex = row.index + (pagination.pageIndex - 1) * pagination.pageSize;
+    return _jsx(DataTableRowActions, {
+      row: row,
+      rowIndex: currentIndex,
+      rowActionButtons: rowActionButtons,
+      rowActionMenuItems: rowActionMenuItems,
+      totalRows: totalRows,
+      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 defaultCell = useCallback(({
+    cell
+  }) => {
+    const value = cell.getValue();
+    return _jsx(Box, {
+      sx: {
+        whiteSpace: "nowrap",
+        textOverflow: "ellipsis",
+        overflow: "hidden"
+      },
+      children: value
+    });
+  }, []);
+  const dataTable = useMaterialReactTable({
+    columns: columns,
+    data: data,
+    getRowId: getRowId,
+    state: {
+      density: rowDensity,
+      sorting: columnSorting,
+      globalFilter: search,
+      columnVisibility
+    },
+    icons: {
+      ArrowDownwardIcon: ArrowDownIcon,
+      DragHandleIcon: DragIndicatorIcon,
+      SyncAltIcon: ArrowUnsortedIcon
+    },
+    enableColumnActions: false,
+    enableColumnResizing: hasColumnResizing,
+    enableDensityToggle: false,
+    enableFilters: false,
+    enableFullScreenToggle: false,
+    enableGlobalFilter: false,
+    enableHiding: false,
+    enablePagination: false,
+    layoutMode: "grid-no-grow",
+    manualFiltering: true,
+    manualSorting: true,
+    muiTablePaperProps: {
+      elevation: 0,
+      sx: {
+        overflow: "visible"
+      }
+    },
+    selectAllMode: "all",
+    displayColumnDefOptions: displayColumnDefOptions,
+    muiTableBodyCellProps: () => ({
+      className: rowDensityCellClassName
+    }),
+    defaultColumn: {
+      Cell: defaultCell
+    },
+    enableRowOrdering: hasRowReordering && Boolean(onReorderRows),
+    enableRowDragging: hasRowReordering && Boolean(onReorderRows),
+    muiTableBodyRowProps: ({
+      table,
+      row
+    }) => ({
+      className: draggableTableBodyRowClassName({
+        currentRowId: row.id,
+        draggingRowId: draggingRow?.id,
+        hoveredRowId: table.getState().hoveredRow?.id
+      })
+    }),
+    muiRowDragHandleProps: ({
+      table,
+      row
+    }) => ({
+      onKeyDown: event => handleDragHandleKeyDown({
+        table,
+        row,
+        event
+      }),
+      onBlur: () => resetDraggingAndHoveredRow(table),
+      onDragEnd: () => handleDragHandleOnDragEnd(table),
+      onDragCapture: () => handleDragHandleOnDragCapture(table),
+      sx: dragHandleStyles,
+      ...dragHandleText
+    }),
+    enableRowActions: hasRowReordering === true && onReorderRows || rowActionButtons || rowActionMenuItems ? true : false,
+    positionActionsColumn: "last",
+    renderRowActions: ({
+      row
+    }) => renderRowActions({
+      row
+    }),
+    enableRowSelection: hasRowSelection,
+    enableSorting: hasSorting,
+    onSortingChange: setColumnSorting,
+    muiTableHeadCellProps: ({
+      column: currentColumn
+    }) => ({
+      className: columnSorting.find(sortedColumn => sortedColumn.id === currentColumn.id) ? "isSorted" : "isUnsorted"
+    }),
+    enableRowVirtualization: paginationType === "loadMore" || pagination.pageSize > 50,
+    rowVirtualizerInstanceRef: useRef(null),
+    rowVirtualizerOptions: {
+      overscan: 4
+    },
+    renderTopToolbar: () => _jsx(Box, {
+      sx: {
+        marginBottom: 5
+      },
+      children: _jsx(DataFilters, {
+        onChangeSearch: hasSearch ? setSearch : undefined,
+        onChangeFilters: hasFilters ? setFilters : undefined,
+        hasSearchSubmitButton: hasSearchSubmitButton,
+        searchDelayTime: searchDelayTime,
+        filters: hasFilters ? dataTableFilters : undefined,
+        additionalActions: _jsx(DataTableSettings, {
+          hasChangeableDensity: hasChangeableDensity,
+          rowDensity: rowDensity,
+          setRowDensity: setRowDensity,
+          hasColumnVisibility: hasColumnVisibility,
+          columns: columns,
+          columnVisibility: columnVisibility,
+          setColumnVisibility: setColumnVisibility
+        })
+      })
+    }),
+    renderBottomToolbar: hasPagination ? () => _jsx(DataTablePagination, {
+      paginationType: paginationType,
+      currentNumberOfResults: data.length,
+      currentPage: pagination.pageIndex,
+      isPreviousButtonDisabled: pagination.pageIndex <= 1,
+      isNextButtonDisabled: false,
+      onClickPrevious: () => setPagination({
+        pageIndex: pagination.pageIndex - 1,
+        pageSize: pagination.pageSize
+      }),
+      onClickNext: () => {
+        if (paginationType === "loadMore") {
+          setPagination({
+            pageSize: pagination.pageSize,
+            pageIndex: pagination.pageSize + resultsPerPage
+          });
+        } else {
+          setPagination({
+            pageSize: pagination.pageSize,
+            pageIndex: pagination.pageIndex + 1
+          });
+        }
+      }
+    }) : undefined
+  });
+  useEffect(() => {
+    onChangeRowSelection?.(dataTable.getState().rowSelection);
+  }, [dataTable.getState().rowSelection, dataTable, onChangeRowSelection]);
+  useEffect(() => {
+    (async () => {
+      try {
+        const incomingData = await getData?.({
+          page: pagination.pageIndex,
+          resultsPerPage: pagination.pageSize,
+          search,
+          filters,
+          sort: columnSorting
+        });
+        setData(incomingData);
+      } catch (error) {} finally {}
+    })();
+  }, [pagination, columnSorting, search, filters, getData]);
+  return _jsx(MaterialReactTable, {
+    table: dataTable
+  });
+};
+const MemoizedDataTable = memo(DataTable);
+MemoizedDataTable.displayName = "DataTable";
+export { MemoizedDataTable as DataTable };
+//# sourceMappingURL=DataTable.js.map

package/dist/DataTable/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","names":["memo","useCallback","useEffect","useMemo","useRef","useState","MaterialReactTable","useMaterialReactTable","ArrowDownIcon","ArrowUnsortedIcon","DragIndicatorIcon","densityValues","DataTablePagination","DataFilters","DataTableRowActions","useRowReordering","DataTableSettings","Box","jsx","_jsx","displayColumnDefOptions","header","grow","muiTableBodyCellProps","align","sx","overflow","width","className","muiTableHeadCellProps","minWidth","children","marginInline","opacity","padding","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","data","setData","pagination","setPagination","pageIndex","pageSize","draggingRow","setDraggingRow","columnSorting","setColumnSorting","columnVisibility","setColumnVisibility","rowDensity","setRowDensity","search","setSearch","filters","setFilters","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","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","enableSorting","onSortingChange","currentColumn","find","sortedColumn","enableRowVirtualization","rowVirtualizerInstanceRef","rowVirtualizerOptions","overscan","renderTopToolbar","marginBottom","onChangeSearch","onChangeFilters","additionalActions","renderBottomToolbar","currentNumberOfResults","length","isPreviousButtonDisabled","isNextButtonDisabled","onClickPrevious","onClickNext","rowSelection","incomingData","sort","error","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 { memo, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport {\n  MRT_Cell,\n  MRT_DensityState,\n  MRT_Row,\n  MRT_RowData,\n  MRT_SortingState,\n  MRT_TableOptions,\n  MRT_Virtualizer,\n  MRT_VisibilityState,\n  MaterialReactTable,\n  useMaterialReactTable,\n} from \"material-react-table\";\nimport {\n  ArrowDownIcon,\n  ArrowUnsortedIcon,\n  DragIndicatorIcon,\n} from \"../icons.generated\";\nimport { densityValues } from \"./constants\";\nimport {\n  DataTablePagination,\n  paginationTypeValues,\n} from \"../labs/DataTablePagination\";\nimport { DataFilter, DataFilters } from \"../labs/DataFilters\";\nimport {\n  DataTableRowActions,\n  DataTableRowActionsProps,\n} from \"./DataTableRowActions\";\nimport { useRowReordering } from \"./useRowReordering\";\nimport { DataTableSettings } from \"./DataTableSettings\";\nimport { Box } from \"../Box\";\nimport { DataTableRowSelectionState } from \".\";\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 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  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  }: {\n    page?: number;\n    resultsPerPage?: number;\n    search?: string;\n    filters?: DataFilter[];\n    sort?: MRT_SortingState;\n  }) =>\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?: ({\n    rowId,\n    newRowIndex,\n  }: {\n    rowId: string;\n    newRowIndex: number;\n  }) => 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\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 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}: 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\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 [search, setSearch] = useState<string>(\"\");\n  const [filters, setFilters] = useState<DataFilter[]>();\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 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    },\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\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_Virtualizer<HTMLDivElement, HTMLTableRowElement>>(null),\n    rowVirtualizerOptions: {\n      overscan: 4,\n    },\n\n    // Filters\n    renderTopToolbar: () => (\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          additionalActions={\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          }\n        />\n      </Box>\n    ),\n\n    // Pagination\n    renderBottomToolbar: hasPagination\n      ? () => (\n          <DataTablePagination\n            paginationType={paginationType}\n            currentNumberOfResults={data.length}\n            currentPage={pagination.pageIndex}\n            isPreviousButtonDisabled={pagination.pageIndex <= 1}\n            isNextButtonDisabled={false} // TODO: Add logic for disabling next/load more button\n            onClickPrevious={() =>\n              setPagination({\n                pageIndex: pagination.pageIndex - 1,\n                pageSize: pagination.pageSize,\n              })\n            }\n            onClickNext={() => {\n              if (paginationType === \"loadMore\") {\n                setPagination({\n                  pageSize: pagination.pageSize,\n                  pageIndex: pagination.pageSize + resultsPerPage,\n                });\n              } else {\n                setPagination({\n                  pageSize: pagination.pageSize,\n                  pageIndex: pagination.pageIndex + 1,\n                });\n              }\n            }}\n          />\n        )\n      : undefined,\n  });\n\n  // Effects\n  useEffect(() => {\n    onChangeRowSelection?.(dataTable.getState().rowSelection);\n  }, [dataTable.getState().rowSelection, dataTable, onChangeRowSelection]);\n\n  useEffect(() => {\n    (async () => {\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      } finally {\n      }\n    })();\n  }, [pagination, columnSorting, search, filters, getData]);\n\n  // Render the table\n  return <MaterialReactTable table={dataTable} />;\n};\n\nconst MemoizedDataTable = memo(DataTable);\nMemoizedDataTable.displayName = \"DataTable\";\n\nexport { MemoizedDataTable as DataTable };\n"],"mappings":"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"}

package/dist/DataTable/DataTableRowActions.js

@@ -0,0 +1,89 @@
+import _Box from "@mui/material/Box";
+/*!
+ * 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 { MenuItem } from "../MenuItem.js";
+import { MenuButton } from "../MenuButton.js";
+import { ArrowBottomIcon, ArrowDownIcon, ArrowTopIcon, ArrowUpIcon, MoreIcon } from "../icons.generated/index.js";
+import { Trans, useTranslation } from "react-i18next";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const DataTableRowActions = ({
+  row,
+  rowIndex,
+  rowActionButtons,
+  rowActionMenuItems,
+  totalRows,
+  updateRowOrder
+}) => {
+  const {
+    t
+  } = useTranslation();
+  return _jsxs(_Box, {
+    display: "flex",
+    children: [rowActionButtons?.(row), (rowActionMenuItems || updateRowOrder) && _jsxs(MenuButton, {
+      endIcon: _jsx(MoreIcon, {}),
+      size: "small",
+      buttonVariant: "floating",
+      ariaLabel: t("table.moreactions.arialabel"),
+      menuAlignment: "right",
+      children: [rowActionMenuItems && _jsx(_Fragment, {
+        children: rowActionMenuItems(row)
+      }), rowActionMenuItems && updateRowOrder && _jsx("hr", {}), updateRowOrder && _jsxs(_Fragment, {
+        children: [_jsxs(MenuItem, {
+          isDisabled: rowIndex <= 0,
+          onClick: () => updateRowOrder({
+            rowId: row.id,
+            newRowIndex: 0
+          }),
+          children: [_jsx(ArrowTopIcon, {}), " ", _jsx(Trans, {
+            i18nKey: "table.reorder.tofront"
+          })]
+        }), _jsxs(MenuItem, {
+          isDisabled: rowIndex <= 0,
+          onClick: () => updateRowOrder({
+            rowId: row.id,
+            newRowIndex: rowIndex <= 0 ? 0 : rowIndex - 1
+          }),
+          children: [_jsx(ArrowUpIcon, {}), " ", _jsx(Trans, {
+            i18nKey: "table.reorder.forward"
+          })]
+        }), _jsxs(MenuItem, {
+          isDisabled: totalRows ? rowIndex >= totalRows - 1 : false,
+          onClick: () => updateRowOrder({
+            rowId: row.id,
+            newRowIndex: rowIndex + 1
+          }),
+          children: [_jsx(ArrowDownIcon, {}), " ", _jsx(Trans, {
+            i18nKey: "table.reorder.backward"
+          })]
+        }), _jsx(_Fragment, {
+          children: totalRows && _jsxs(MenuItem, {
+            isDisabled: rowIndex >= totalRows - 1,
+            onClick: () => updateRowOrder({
+              rowId: row.id,
+              newRowIndex: totalRows
+            }),
+            children: [_jsx(ArrowBottomIcon, {}), " ", _jsx(Trans, {
+              i18nKey: "table.reorder.toback"
+            })]
+          })
+        })]
+      })]
+    })]
+  });
+};
+const MemoizedDataTableRowActions = memo(DataTableRowActions);
+export { MemoizedDataTableRowActions as DataTableRowActions };
+//# sourceMappingURL=DataTableRowActions.js.map

package/dist/DataTable/DataTableRowActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableRowActions.js","names":["memo","MenuItem","MenuButton","ArrowBottomIcon","ArrowDownIcon","ArrowTopIcon","ArrowUpIcon","MoreIcon","Trans","useTranslation","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DataTableRowActions","row","rowIndex","rowActionButtons","rowActionMenuItems","totalRows","updateRowOrder","t","_Box","display","children","endIcon","size","buttonVariant","ariaLabel","menuAlignment","isDisabled","onClick","rowId","id","newRowIndex","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 } 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  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\n                isDisabled={rowIndex <= 0}\n                onClick={() =>\n                  updateRowOrder({ rowId: row.id, newRowIndex: 0 })\n                }\n              >\n                <ArrowTopIcon /> <Trans i18nKey=\"table.reorder.tofront\" />\n              </MenuItem>\n              <MenuItem\n                isDisabled={rowIndex <= 0}\n                onClick={() =>\n                  updateRowOrder({\n                    rowId: row.id,\n                    newRowIndex: rowIndex <= 0 ? 0 : rowIndex - 1,\n                  })\n                }\n              >\n                <ArrowUpIcon /> <Trans i18nKey=\"table.reorder.forward\" />\n              </MenuItem>\n              <MenuItem\n                isDisabled={totalRows ? rowIndex >= totalRows - 1 : false}\n                onClick={() =>\n                  updateRowOrder({\n                    rowId: row.id,\n                    newRowIndex: rowIndex + 1,\n                  })\n                }\n              >\n                <ArrowDownIcon /> <Trans i18nKey=\"table.reorder.backward\" />\n              </MenuItem>\n              <>\n                {totalRows && (\n                  <MenuItem\n                    isDisabled={rowIndex >= totalRows - 1}\n                    onClick={() =>\n                      updateRowOrder({\n                        rowId: row.id,\n                        newRowIndex: totalRows,\n                      })\n                    }\n                  >\n                    <ArrowBottomIcon /> <Trans i18nKey=\"table.reorder.toback\" />\n                  </MenuItem>\n                )}\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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"}

package/dist/DataTable/DataTableSettings.js

@@ -0,0 +1,72 @@
+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 { memo } from "react";
+import { MenuButton } from "../MenuButton.js";
+import { MenuItem } from "../MenuItem.js";
+import { ListIcon, ShowIcon } from "../icons.generated/index.js";
+import { densityValues } from "./constants.js";
+import { useTranslation } from "react-i18next";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const DataTableSettings = ({
+  hasChangeableDensity,
+  rowDensity,
+  setRowDensity,
+  hasColumnVisibility,
+  columns,
+  columnVisibility,
+  setColumnVisibility
+}) => {
+  const {
+    t
+  } = useTranslation();
+  return _jsxs(_Fragment, {
+    children: [hasChangeableDensity && _jsx(MenuButton, {
+      endIcon: _jsx(ListIcon, {}),
+      ariaLabel: t("table.density.arialabel"),
+      menuAlignment: "right",
+      shouldCloseOnSelect: false,
+      children: _jsx(_Fragment, {
+        children: densityValues.map(value => _jsx(MenuItem, {
+          isSelected: rowDensity === value,
+          onClick: () => setRowDensity(value),
+          children: `${value.charAt(0).toUpperCase()}${value.slice(1)}`
+        }, value))
+      })
+    }), hasColumnVisibility && _jsx(MenuButton, {
+      endIcon: _jsx(ShowIcon, {}),
+      ariaLabel: t("table.columnvisibility.arialabel"),
+      menuAlignment: "right",
+      shouldCloseOnSelect: false,
+      children: _jsx(_Fragment, {
+        children: columns.filter(column => column.enableHiding !== false).map(column => _jsxs(MenuItem, {
+          onClick: () => {
+            const columnId = column.id;
+            setColumnVisibility(prevVisibility => ({
+              ...prevVisibility,
+              [columnId]: prevVisibility ? prevVisibility[columnId] === false : false
+            }));
+          },
+          children: [_jsx(_Checkbox, {
+            checked: columnVisibility ? columnVisibility[column.accessorKey] !== false : true
+          }), column.header]
+        }, column.accessorKey))
+      })
+    })]
+  });
+};
+const MemoizedDataTableSettings = memo(DataTableSettings);
+export { MemoizedDataTableSettings as DataTableSettings };
+//# sourceMappingURL=DataTableSettings.js.map

package/dist/DataTable/DataTableSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableSettings.js","names":["memo","MenuButton","MenuItem","ListIcon","ShowIcon","densityValues","useTranslation","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DataTableSettings","hasChangeableDensity","rowDensity","setRowDensity","hasColumnVisibility","columns","columnVisibility","setColumnVisibility","t","children","endIcon","ariaLabel","menuAlignment","shouldCloseOnSelect","map","value","isSelected","onClick","charAt","toUpperCase","slice","filter","column","enableHiding","columnId","id","prevVisibility","_Checkbox","checked","accessorKey","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 } 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  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={() => setRowDensity(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={() => {\n                    const columnId = column.id as string;\n                    setColumnVisibility((prevVisibility) => ({\n                      ...prevVisibility,\n                      [columnId]: prevVisibility\n                        ? prevVisibility[columnId] === false\n                        : false,\n                    }));\n                  }}\n                >\n                  <MuiCheckbox\n                    checked={\n                      columnVisibility\n                        ? columnVisibility[column.accessorKey as string] !==\n                          false\n                        : true\n                    }\n                  />\n                  {column.header}\n                </MenuItem>\n              ))}\n          </>\n        </MenuButton>\n      )}\n    </>\n  );\n};\nconst MemoizedDataTableSettings = memo(DataTableSettings);\nexport { MemoizedDataTableSettings as DataTableSettings };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAAmCA,IAAI,QAAQ,OAAO;AAAC,SAE9CC,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;EAC9B,OACEM,KAAA,CAAAF,SAAA;IAAAY,QAAA,GACGR,oBAAoB,IACnBN,IAAA,CAACP,UAAU;MACTsB,OAAO,EAAEf,IAAA,CAACL,QAAQ,IAAE,CAAE;MACtBqB,SAAS,EAAEH,CAAC,CAAC,yBAAyB,CAAE;MACxCI,aAAa,EAAC,OAAO;MACrBC,mBAAmB,EAAE,KAAM;MAAAJ,QAAA,EAE3Bd,IAAA,CAAAE,SAAA;QAAAY,QAAA,EACGjB,aAAa,CAACsB,GAAG,CAAEC,KAAqC,IACvDpB,IAAA,CAACN,QAAQ;UAEP2B,UAAU,EAAEd,UAAU,KAAKa,KAAM;UACjCE,OAAO,EAAEA,CAAA,KAAMd,aAAa,CAACY,KAAK,CAAE;UAAAN,QAAA,EAElC,GAAEM,KAAK,CAACG,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAE,GAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC,CAAE;QAAC,GAJ/CL,KAKG,CACX;MAAC,CACF;IAAC,CACO,CACb,EAEAX,mBAAmB,IAClBT,IAAA,CAACP,UAAU;MACTsB,OAAO,EAAEf,IAAA,CAACJ,QAAQ,IAAE,CAAE;MACtBoB,SAAS,EAAEH,CAAC,CAAC,kCAAkC,CAAE;MACjDI,aAAa,EAAC,OAAO;MACrBC,mBAAmB,EAAE,KAAM;MAAAJ,QAAA,EAE3Bd,IAAA,CAAAE,SAAA;QAAAY,QAAA,EACGJ,OAAO,CACLgB,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,YAAY,KAAK,KAAK,CAAC,CACjDT,GAAG,CAAEQ,MAAM,IACVvB,KAAA,CAACV,QAAQ;UAEP4B,OAAO,EAAEA,CAAA,KAAM;YACb,MAAMO,QAAQ,GAAGF,MAAM,CAACG,EAAY;YACpClB,mBAAmB,CAAEmB,cAAc,KAAM;cACvC,GAAGA,cAAc;cACjB,CAACF,QAAQ,GAAGE,cAAc,GACtBA,cAAc,CAACF,QAAQ,CAAC,KAAK,KAAK,GAClC;YACN,CAAC,CAAC,CAAC;UACL,CAAE;UAAAf,QAAA,GAEFd,IAAA,CAAAgC,SAAA;YACEC,OAAO,EACLtB,gBAAgB,GACZA,gBAAgB,CAACgB,MAAM,CAACO,WAAW,CAAW,KAC9C,KAAK,GACL;UACL,CACF,CAAC,EACDP,MAAM,CAACQ,MAAM;QAAA,GAnBTR,MAAM,CAACO,WAoBJ,CACX;MAAC,CACJ;IAAC,CACO,CACb;EAAA,CACD,CAAC;AAEP,CAAC;AACD,MAAME,yBAAyB,GAAG5C,IAAI,CAACa,iBAAiB,CAAC;AACzD,SAAS+B,yBAAyB,IAAI/B,iBAAiB"}

package/dist/DataTable/constants.js

@@ -0,0 +1,14 @@
+/*!
+ * 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.
+ */
+
+export const densityValues = ["comfortable", "spacious", "compact"];
+//# sourceMappingURL=constants.js.map

package/dist/DataTable/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["densityValues"],"sources":["../../src/DataTable/constants.ts"],"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\nexport const densityValues = [\"comfortable\", \"spacious\", \"compact\"] as const;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,aAAa,GAAG,CAAC,aAAa,EAAE,UAAU,EAAE,SAAS,CAAU"}

package/dist/DataTable/index.js

@@ -0,0 +1,14 @@
+/*!
+ * 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.
+ */
+export { DataTable } from "./DataTable.js";
+export { densityValues } from "./constants.js";
+//# sourceMappingURL=index.js.map

package/dist/DataTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["DataTable","densityValues"],"sources":["../../src/DataTable/index.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\nexport { DataTable, type DataTableProps } from \"./DataTable\";\nexport { densityValues } from \"./constants\";\nexport type {\n  MRT_ColumnFiltersState as DataTableFiltersState,\n  MRT_SortingState as DataTableSortingState,\n  MRT_RowSelectionState as DataTableRowSelectionState,\n  MRT_ColumnDef as DataTableColumn,\n  MRT_RowData as DataTableRowData,\n  MRT_Row as DataTableRow,\n} from \"material-react-table\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,SAYSA,SAAS;AAAA,SACTC,aAAa"}