@okta/odyssey-react-mui 1.29.0 → 1.32.4

package/dist/cjs/DataTable/DataTable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.cjs","names":["_react","require","_materialReactTable","_reactI18next","_index","_constants","_index2","_DataFilters","_DataTableRowActions","_useRowReordering","_DataTableSettings","_Box","_OdysseyDesignTokensContext","_useScrollIndication","_styled","_interopRequireDefault","_EmptyState","_index3","_Callout","_jsxRuntime","e","__esModule","default","ScrollableTableContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","isScrollableStart","isScrollableEnd","marginBlockEnd","Spacing4","position","borderInlineStartColor","HueNeutral200","borderInlineStartStyle","borderInlineStartWidth","BorderWidthMain","background","content","opacity","pointerEvents","top","left","bottom","width","Spacing6","zIndex","transition","TransitionDurationMain","TransitionTimingMain","borderInlineEndColor","borderInlineEndStyle","borderInlineEndWidth","right","defaultGetRowId","row","id","DataTable","additionalActionButton","additionalActionMenuItems","bulkActionMenuItems","columns","currentPage","emptyPlaceholder","errorMessage","errorMessageProp","filters","filtersProp","getData","getRowId","hasChangeableDensity","hasColumnResizing","hasColumnVisibility","hasFilters","hasPagination","hasRowReordering","hasRowSelection","hasSearch","hasSearchSubmitButton","hasSorting","initialDensity","densityValues","initialSearchValue","isPaginationMoreDisabled","noResultsPlaceholder","onChangeRowSelection","onReorderRows","paginationType","renderDetailPanel","resultsPerPage","maxResultsPerPage","maxPages","rowActionButtons","rowActionMenuItems","searchDelayTime","totalRows","t","useTranslation","data","setData","useState","pagination","setPagination","pageIndex","pageSize","draggingRow","setDraggingRow","isTableContainerScrolledToStart","setIsTableContainerScrolledToStart","isTableContainerScrolledToEnd","setIsTableContainerScrolledToEnd","tableInnerContainerWidth","setTableInnerContainerWidth","tableOuterContainerRef","useRef","tableInnerContainerRef","tableContentRef","columnSorting","setColumnSorting","columnVisibility","setColumnVisibility","rowDensity","setRowDensity","rowSelection","setRowSelection","search","setSearch","setFilters","initialFilters","setInitialFilters","isLoading","setIsLoading","isEmpty","setIsEmpty","setErrorMessage","useScrollIndication","tableOuterContainer","current","tableInnerContainer","useOdysseyDesignTokens","dragHandleStyles","dragHandleText","draggableTableBodyRowClassName","handleDragHandleKeyDown","handleDragHandleOnDragCapture","handleDragHandleOnDragEnd","resetDraggingAndHoveredRow","updateRowOrder","useRowReordering","page","rowDensityClassName","useMemo","renderRowActions","useCallback","currentIndex","index","jsx","DataTableRowActions","rowIndex","undefined","convertFilterSelectOptions","options","map","option","label","value","convertColumnToFilter","column","enableColumnFilter","accessorKey","header","variant","filterVariant","filterSelectOptions","dataTableFilters","providedFilters","reduce","accumulator","item","foundColumn","find","filter","concat","defaultCell","cell","getValue","hasTextWrapping","columnDef","enableWrapping","Box","sx","whiteSpace","textOverflow","overflow","children","emptyState","noResultsInnerContent","EmptyState","heading","description","emptyStateInnerContent","columnIds","columnOrder","shouldDisplayRowActions","dataTable","useMaterialReactTable","state","sorting","globalFilter","icons","ArrowDownwardIcon","ArrowDownIcon","DragHandleIcon","DragIndicatorIcon","SyncAltIcon","ArrowUnsortedIcon","ExpandMoreIcon","ChevronDownIcon","enableColumnActions","enableColumnResizing","enableDensityToggle","enableFilters","enableFullScreenToggle","enableGlobalFilter","enableHiding","enablePagination","layoutMode","manualFiltering","manualSorting","muiTablePaperProps","elevation","selectAllMode","displayColumnDefOptions","grow","muiTableBodyCellProps","align","className","muiTableHeadCellProps","jsxs","display","visibility","Button","endIcon","MoreIcon","size","ariaLabel","isDisabled","minWidth","marginInline","padding","muiTableBodyProps","defaultColumn","Cell","getIsResizing","enableRowOrdering","Boolean","enableRowDragging","muiTableBodyRowProps","table","currentRowId","draggingRowId","hoveredRowId","getState","hoveredRow","muiRowDragHandleProps","onKeyDown","event","onBlur","onDragEnd","onDragCapture","enableRowActions","positionActionsColumn","enableRowSelection","onRowSelectionChange","enableSorting","onSortingChange","currentColumn","sortedColumn","enableRowVirtualization","rowVirtualizerInstanceRef","rowVirtualizerOptions","overscan","renderEmptyRowsFallback","muiTableProps","ref","muiTableContainerProps","enableExpandAll","bulkActionMenuButton","Fragment","MenuButton","buttonVariant","Object","keys","length","useEffect","incomingData","sort","error","prev","lastRow","usePagination","currentRowsCount","marginBottom","DataFilters","onChangeSearch","onChangeFilters","defaultSearchTerm","additionalActions","DataTableSettings","menuAlignment","Callout","severity","text","MRT_TableContainer","Pagination","maxPageIndex","maxPageSize","onPaginationChange","isMoreDisabled","rowsPerPageLabel","currentPageLabel","previousLabel","nextLabel","loadMoreLabel","MemoizedDataTable","exports","memo","displayName"],"sources":["../../../src/DataTable/DataTable.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  ReactNode,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  MRT_Cell,\n  MRT_DensityState,\n  MRT_Row,\n  MRT_SortingState,\n  MRT_TableOptions,\n  MRT_RowSelectionState,\n  MRT_RowVirtualizer,\n  MRT_VisibilityState,\n  useMaterialReactTable,\n  MRT_TableContainer,\n  MRT_Column,\n  MRT_ColumnDef,\n  MRT_TableInstance,\n} from \"material-react-table\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  ArrowDownIcon,\n  ArrowUnsortedIcon,\n  ChevronDownIcon,\n  DragIndicatorIcon,\n  MoreIcon,\n} from \"../icons.generated/index.js\";\nimport { densityValues } from \"./constants.js\";\nimport {\n  Pagination,\n  paginationTypeValues,\n  usePagination,\n} from \"../Pagination/index.js\";\nimport { DataFilter, DataFilters } from \"../labs/DataFilters.js\";\nimport {\n  DataTableRowActions,\n  DataTableRowActionsProps,\n} from \"./DataTableRowActions.js\";\nimport { useRowReordering } from \"./useRowReordering.js\";\nimport { DataTableSettings } from \"./DataTableSettings.js\";\nimport { Box } from \"../Box.js\";\nimport { DataTableRowSelectionState, DataTableRowData } from \"./index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { useScrollIndication } from \"./useScrollIndication.js\";\nimport styled from \"@emotion/styled\";\nimport { EmptyState } from \"../EmptyState.js\";\nimport { Button, MenuButton, MenuButtonProps } from \"../Buttons/index.js\";\nimport { Callout } from \"../Callout.js\";\n\nexport type DataTableColumn<T extends DataTableRowData> = MRT_ColumnDef<T> & {\n  /**\n   * @deprecated use hasTextWrapping instead of enableWrapping\n   */\n  enableWrapping?: boolean;\n  hasTextWrapping?: boolean;\n};\n\ntype DataTableColumnInstance<T extends DataTableRowData> = Omit<\n  MRT_Column<T, unknown>,\n  \"columnDef\"\n> & {\n  columnDef: DataTableColumn<T>;\n};\n\ntype DataTableCell<T extends DataTableRowData> = Omit<MRT_Cell<T>, \"column\"> & {\n  column: DataTableColumnInstance<T>;\n};\n\nexport type DataTableGetDataType = {\n  page?: number;\n  resultsPerPage?: number;\n  search?: string;\n  filters?: DataFilter[];\n  sort?: MRT_SortingState;\n};\n\nexport type DataTableOnReorderRowsType = {\n  rowId: string;\n  newRowIndex: number;\n};\n\nexport type DataTableRenderDetailPanelType = {\n  row: MRT_Row<DataTableRowData>;\n  table: MRT_TableInstance<DataTableRowData>;\n};\n\nexport type DataTableProps = {\n  /**\n   * An optional action button above the table.\n   */\n  additionalActionButton?: ReactNode;\n  /**\n   * MenuItems that go in an optional action menu above the table.\n   */\n  additionalActionMenuItems?: ReactNode;\n  /**\n   * Menu items to include in the bulk actions menu, which appears above the table if a row or rows are selected\n   */\n  bulkActionMenuItems?: (\n    selectedRows: MRT_RowSelectionState,\n  ) => MenuButtonProps[\"children\"];\n  /**\n   * The columns that make up the table\n   */\n  columns: DataTableColumn<DataTableRowData>[];\n  /**\n   * The current page number.\n   */\n  currentPage?: number;\n  /**\n   * If `error` is not undefined, the DataTable will indicate an error.\n   */\n  errorMessage?: string;\n  /**\n   * The component to display when the table is displaying the initial empty state\n   */\n  emptyPlaceholder?: ReactNode;\n  /**\n   * An optional set of filters to render in the filters menu\n   */\n  filters?: Array<DataFilter | DataTableColumn<DataTableRowData> | string>;\n  /**\n   * The function to get the ID of a row\n   */\n  getRowId?: MRT_TableOptions<DataTableRowData>[\"getRowId\"];\n  /**\n   * Callback that fires whenever the table needs to fetch new data, due to changes in\n   * page, results per page, search input, filters, or sorting\n   */\n  getData: ({\n    page,\n    resultsPerPage,\n    search,\n    filters,\n    sort,\n  }: DataTableGetDataType) =>\n    | MRT_TableOptions<DataTableRowData>[\"data\"]\n    | Promise<MRT_TableOptions<DataTableRowData>[\"data\"]>;\n  /**\n   * If true, the end user can resize individual columns.\n   */\n  hasColumnResizing?: boolean;\n  /**\n   * If true, the end user will be able to show/hide columns.\n   */\n  hasColumnVisibility?: boolean;\n  /**\n   * If true, the end user will be able to filter columns.\n   */\n  hasFilters?: boolean;\n  /**\n   * If true, the table will include pagination controls.\n   */\n  hasPagination?: boolean;\n  /**\n   * If true, the end user can reorder rows via a drag-and-drop interface\n   */\n  hasRowReordering?: boolean;\n  /**\n   * If true, the table will include checkboxes on each row, enabling\n   * the user to select some or all rows.\n   */\n  hasRowSelection?: boolean;\n  /**\n   * If true, the global table search controls will be shown.\n   */\n  hasSearch?: boolean;\n  /**\n   * If true, the search field will include a Search button, rather than\n   * firing on input change.\n   */\n  hasSearchSubmitButton?: boolean;\n  /**\n   * If true, the end user can sort columns (ascending, descending, or neither)\n   */\n  hasSorting?: boolean;\n  /**\n   * If true, the end user will be able to change the table density.\n   */\n  hasChangeableDensity?: boolean;\n  /**\n   * The initial density (height & padding) of the table rows. This is available even if the\n   * table density isn't changeable by the end user via hasChangeableDensity.\n   */\n  initialDensity?: (typeof densityValues)[number];\n  /**\n   * The initial search value\n   */\n  initialSearchValue?: string;\n  /**\n   * Is the next or show-more button disabled\n   */\n  isPaginationMoreDisabled?: boolean;\n  /**\n   * The component to display when the query returns no results\n   */\n  noResultsPlaceholder?: ReactNode;\n  /**\n   * The number of results per page.\n   */\n  resultsPerPage?: number;\n  /**\n   * The optional component to display when expanding a row.\n   */\n  renderDetailPanel?: MRT_TableOptions<DataTableRowData>[\"renderDetailPanel\"];\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   * 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 when the user reorders rows within the table. Can be used\n   * to propogate order change to the backend.\n   */\n  onReorderRows?: ({ rowId, newRowIndex }: DataTableOnReorderRowsType) => void;\n  /**\n   * The 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   * 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 largest number of rows allowed to be shown per page. This only affects the row input\n   * in pagination.\n   */\n  maxResultsPerPage?: number;\n  /**\n   * The highest page number allowed to be manually input in pagination\n   */\n  maxPages?: number;\n};\n\nconst ScrollableTableContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isScrollableStart\" &&\n    prop !== \"isScrollableEnd\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  isScrollableStart: boolean;\n  isScrollableEnd: boolean;\n}>(({ odysseyDesignTokens, isScrollableStart, isScrollableEnd }) => ({\n  marginBlockEnd: odysseyDesignTokens.Spacing4,\n  position: \"relative\",\n  borderInlineStartColor: isScrollableStart\n    ? odysseyDesignTokens.HueNeutral200\n    : \"transparent\",\n  borderInlineStartStyle: \"solid\",\n  borderInlineStartWidth: odysseyDesignTokens.BorderWidthMain,\n  \"::before\": {\n    background:\n      \"linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n    content: '\"\"',\n    opacity: isScrollableStart ? \"0.075\" : \"0\",\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    bottom: 0,\n    width: odysseyDesignTokens.Spacing6,\n    zIndex: 100,\n    transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n  },\n  borderInlineEndColor: isScrollableEnd\n    ? odysseyDesignTokens.HueNeutral200\n    : \"transparent\",\n  borderInlineEndStyle: \"solid\",\n  borderInlineEndWidth: odysseyDesignTokens.BorderWidthMain,\n  \"::after\": {\n    background:\n      \"linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 1) 100%)\",\n    content: '\"\"',\n    opacity: isScrollableEnd ? \"0.075\" : \"0\",\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    top: 0,\n    right: 0,\n    bottom: 0,\n    width: odysseyDesignTokens.Spacing6,\n    transition: `opacity ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n  },\n}));\n\nconst defaultGetRowId: DataTableProps[\"getRowId\"] = (row) => row.id as string;\n\nconst DataTable = ({\n  additionalActionButton,\n  additionalActionMenuItems,\n  bulkActionMenuItems,\n  columns,\n  currentPage = 1,\n  emptyPlaceholder,\n  errorMessage: errorMessageProp,\n  filters: filtersProp,\n  getData,\n  getRowId = defaultGetRowId,\n  hasChangeableDensity,\n  hasColumnResizing,\n  hasColumnVisibility,\n  hasFilters,\n  hasPagination,\n  hasRowReordering,\n  hasRowSelection,\n  hasSearch,\n  hasSearchSubmitButton,\n  hasSorting,\n  initialDensity = densityValues[0],\n  initialSearchValue = \"\",\n  isPaginationMoreDisabled,\n  noResultsPlaceholder,\n  onChangeRowSelection,\n  onReorderRows,\n  paginationType = \"paged\",\n  renderDetailPanel,\n  resultsPerPage = 20,\n  maxResultsPerPage,\n  maxPages,\n  rowActionButtons,\n  rowActionMenuItems,\n  searchDelayTime,\n  totalRows,\n}: DataTableProps) => {\n  const { t } = useTranslation();\n\n  const [data, setData] = useState<DataTableRowData[]>([]);\n  const [pagination, setPagination] = useState({\n    pageIndex: currentPage,\n    pageSize: resultsPerPage,\n  });\n  const [draggingRow, setDraggingRow] =\n    useState<MRT_Row<DataTableRowData> | null>();\n  const [isTableContainerScrolledToStart, setIsTableContainerScrolledToStart] =\n    useState(true);\n  const [isTableContainerScrolledToEnd, setIsTableContainerScrolledToEnd] =\n    useState(true);\n  const [tableInnerContainerWidth, setTableInnerContainerWidth] =\n    useState<string>(\"100%\");\n  const tableOuterContainerRef = useRef<HTMLDivElement>(null);\n  const tableInnerContainerRef = useRef<HTMLDivElement>(null);\n  const tableContentRef = useRef<HTMLTableElement>(null);\n\n  // Table states\n  const [columnSorting, setColumnSorting] = useState<MRT_SortingState>([]);\n  const [columnVisibility, setColumnVisibility] =\n    useState<MRT_VisibilityState>();\n  const [rowDensity, setRowDensity] =\n    useState<MRT_DensityState>(initialDensity);\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n  const [search, setSearch] = useState<string>(initialSearchValue);\n  const [filters, setFilters] = useState<DataFilter[]>();\n  const [initialFilters, setInitialFilters] = useState<DataFilter[]>();\n  const [isLoading, setIsLoading] = useState<boolean | undefined>(true);\n  const [isEmpty, setIsEmpty] = useState<boolean | undefined>();\n  const [errorMessage, setErrorMessage] = useState<string | undefined>(\n    errorMessageProp,\n  );\n\n  useScrollIndication({\n    tableOuterContainer: tableOuterContainerRef.current,\n    tableInnerContainer: tableInnerContainerRef.current,\n    setIsTableContainerScrolledToStart: setIsTableContainerScrolledToStart,\n    setIsTableContainerScrolledToEnd: setIsTableContainerScrolledToEnd,\n    setTableInnerContainerWidth: setTableInnerContainerWidth,\n  });\n\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const {\n    dragHandleStyles,\n    dragHandleText,\n    draggableTableBodyRowClassName,\n    handleDragHandleKeyDown,\n    handleDragHandleOnDragCapture,\n    handleDragHandleOnDragEnd,\n    resetDraggingAndHoveredRow,\n    updateRowOrder,\n  } = useRowReordering({\n    totalRows,\n    onReorderRows,\n    data,\n    setData,\n    draggingRow,\n    setDraggingRow,\n    resultsPerPage: pagination.pageSize,\n    page: pagination.pageIndex,\n  });\n\n  const rowDensityClassName = useMemo(() => {\n    return rowDensity === \"spacious\"\n      ? \"MuiTableBody-spacious\"\n      : rowDensity === \"compact\"\n        ? \"MuiTableBody-compact\"\n        : \"MuiTableBody-default\";\n  }, [rowDensity]);\n\n  const renderRowActions = useCallback(\n    ({ row }: { row: MRT_Row<DataTableRowData> }) => {\n      const currentIndex =\n        row.index + (pagination.pageIndex - 1) * pagination.pageSize;\n      return (\n        <DataTableRowActions\n          row={row}\n          rowIndex={currentIndex}\n          rowActionButtons={rowActionButtons}\n          rowActionMenuItems={rowActionMenuItems}\n          totalRows={totalRows}\n          updateRowOrder={\n            hasRowReordering && onReorderRows ? updateRowOrder : undefined\n          }\n        />\n      );\n    },\n    [\n      pagination,\n      rowActionButtons,\n      rowActionMenuItems,\n      hasRowReordering,\n      onReorderRows,\n      totalRows,\n      updateRowOrder,\n    ],\n  );\n\n  /**\n   * This hack is to provide compatibility with Material-React-Table's\n   * filterOptions format, which allows for strings and { label: string, value: string }\n   */\n  const convertFilterSelectOptions = useCallback(\n    (options: DataTableColumn<DataTableRowData>[\"filterSelectOptions\"]) =>\n      options?.map((option) =>\n        typeof option === \"string\"\n          ? {\n              label: option,\n              value: option,\n            }\n          : {\n              // If the option isn't a string, it must have value and/or option defined\n              // If either is undefined, use the other\n              // These shouldn't need `as`, but this is a legacy file now. --Kevin Ghadyani\n              label: (option.label ?? option.value) as string,\n              value: (option.value ?? option.label) as string,\n            },\n      ),\n    [],\n  );\n\n  const convertColumnToFilter = useCallback(\n    (column: DataTableColumn<DataTableRowData>) =>\n      column.enableColumnFilter !== false && column.accessorKey\n        ? ({\n            id: column.accessorKey,\n            label: column.header,\n            variant: column.filterVariant,\n            options: convertFilterSelectOptions(column.filterSelectOptions),\n          } satisfies DataFilter as DataFilter)\n        : null,\n    [convertFilterSelectOptions],\n  );\n\n  /**\n   * Filters default to the columns, but can be overridden\n   * with the `filters` prop. `filters` should be an array\n   * of column accessorKeys, column defs, or DataFilters.\n   */\n  const dataTableFilters = useMemo(() => {\n    const providedFilters = filtersProp || columns;\n    return providedFilters.reduce<DataFilter[]>((accumulator, item) => {\n      if (typeof item === \"string\") {\n        const foundColumn = columns.find(\n          (column) => column.accessorKey === item,\n        );\n        if (foundColumn) {\n          const filter = convertColumnToFilter(foundColumn);\n          if (filter) {\n            return accumulator.concat(filter);\n          }\n        }\n      } else if (\"accessorKey\" in item) {\n        // Checks if it's a column\n        const filter = convertColumnToFilter(item);\n        if (filter) {\n          return accumulator.concat(filter);\n        }\n      } else if (\"label\" in item) {\n        // Checks if it's a DataFilter\n        return accumulator.concat(item);\n      }\n      // If none of the conditions match, item is ignored (not mapping to undefined)\n      return accumulator;\n    }, []);\n  }, [columns, filtersProp, convertColumnToFilter]);\n\n  const defaultCell = useCallback(\n    ({ cell }: { cell: DataTableCell<DataTableRowData> }) => {\n      const value = cell.getValue<string>();\n      const hasTextWrapping =\n        cell.column.columnDef.hasTextWrapping ||\n        cell.column.columnDef.enableWrapping;\n\n      return hasTextWrapping ? (\n        value\n      ) : (\n        <Box\n          sx={{\n            whiteSpace: \"nowrap\",\n            textOverflow: \"ellipsis\",\n            overflow: \"hidden\",\n          }}\n        >\n          {value}\n        </Box>\n      );\n    },\n    [],\n  );\n\n  const emptyState = useCallback(() => {\n    const noResultsInnerContent = noResultsPlaceholder || (\n      <EmptyState\n        heading={t(\"table.noresults.heading\")}\n        description={t(\"table.noresults.text\")}\n      />\n    );\n\n    const emptyStateInnerContent =\n      emptyPlaceholder && isEmpty ? emptyPlaceholder : noResultsInnerContent;\n\n    return (\n      <Box sx={{ width: tableInnerContainerWidth }}>\n        {emptyStateInnerContent}\n      </Box>\n    );\n  }, [\n    emptyPlaceholder,\n    isEmpty,\n    noResultsPlaceholder,\n    t,\n    tableInnerContainerWidth,\n  ]);\n\n  const columnIds = useMemo(() => {\n    return columns.map((column) => column.accessorKey);\n  }, [columns]);\n\n  const columnOrder = useMemo(\n    () => [\n      \"mrt-row-drag\",\n      \"mrt-row-select\",\n      \"mrt-row-expand\",\n      ...columnIds,\n      \"mrt-row-actions\",\n    ],\n    [columnIds],\n  ) as string[];\n\n  const shouldDisplayRowActions = useMemo(\n    () =>\n      (hasRowReordering === true && onReorderRows) ||\n      rowActionButtons ||\n      rowActionMenuItems\n        ? true\n        : false,\n    [hasRowReordering, onReorderRows, rowActionButtons, rowActionMenuItems],\n  );\n\n  const dataTable = useMaterialReactTable({\n    columns: columns,\n    data: data,\n    getRowId,\n    state: {\n      sorting: columnSorting,\n      globalFilter: search,\n      columnVisibility,\n      isLoading,\n      rowSelection,\n      columnOrder,\n    },\n    icons: {\n      ArrowDownwardIcon: ArrowDownIcon,\n      DragHandleIcon: DragIndicatorIcon,\n      SyncAltIcon: ArrowUnsortedIcon,\n      ExpandMoreIcon: ChevronDownIcon,\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      \"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          children: (\n            <Box sx={{ display: \"flex\", visibility: \"hidden\" }}>\n              {rowActionButtons && rowActionButtons({ id: null })}\n              {((hasRowReordering && onReorderRows) || rowActionMenuItems) && (\n                <Box>\n                  <Button\n                    endIcon={<MoreIcon />}\n                    size=\"small\"\n                    variant=\"floating\"\n                    ariaLabel={t(\"table.moreactions.arialabel\")}\n                    isDisabled\n                  />\n                </Box>\n              )}\n            </Box>\n          ),\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      \"mrt-row-expand\": {\n        header: \"\",\n      },\n    },\n    muiTableBodyProps: () => ({\n      className: rowDensityClassName,\n    }),\n    defaultColumn: {\n      Cell: defaultCell,\n    },\n    muiTableBodyCellProps: ({ column }) => ({\n      className: column.getIsResizing() ? \"isResizing\" : \"\",\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: shouldDisplayRowActions,\n    positionActionsColumn:\n      \"last\" as MRT_TableOptions<DataTableRowData>[\"positionActionsColumn\"],\n    renderRowActions: ({ row }) => renderRowActions({ row }),\n\n    // Row selection\n    enableRowSelection: hasRowSelection,\n    onRowSelectionChange: setRowSelection,\n\n    // Sorting\n    enableSorting: hasSorting,\n    onSortingChange: setColumnSorting,\n    muiTableHeadCellProps: ({ column: currentColumn }) => ({\n      className: columnSorting.find(\n        (sortedColumn) => sortedColumn.id === currentColumn.id,\n      )\n        ? \"isSorted\"\n        : \"isUnsorted\",\n    }),\n\n    // Virtualization\n    enableRowVirtualization:\n      paginationType !== \"loadMore\" && pagination.pageSize > 50,\n    rowVirtualizerInstanceRef:\n      useRef<MRT_RowVirtualizer<HTMLDivElement, HTMLTableRowElement>>(null),\n    rowVirtualizerOptions: {\n      overscan: 4,\n    },\n\n    // States\n    renderEmptyRowsFallback: emptyState,\n\n    // Refs\n    muiTableProps: {\n      ref: tableContentRef,\n      className:\n        !shouldDisplayRowActions && hasColumnResizing\n          ? \"ods-hide-spacer-column\"\n          : \"\",\n    },\n\n    muiTableContainerProps: {\n      ref: tableInnerContainerRef,\n    },\n\n    // Row expansion\n    enableExpandAll: false,\n    renderDetailPanel: renderDetailPanel,\n  });\n\n  // Effects\n  const bulkActionMenuButton = useMemo(\n    () => (\n      <>\n        <MenuButton\n          buttonVariant=\"secondary\"\n          endIcon={<MoreIcon />}\n          isDisabled={Object.keys(rowSelection).length === 0}\n          ariaLabel=\"More actions\"\n        >\n          {bulkActionMenuItems?.(rowSelection)}\n        </MenuButton>\n      </>\n    ),\n    [bulkActionMenuItems, rowSelection],\n  );\n\n  useEffect(() => {\n    (async () => {\n      setIsLoading(true);\n      setErrorMessage(errorMessageProp);\n      try {\n        const incomingData = await getData?.({\n          page: pagination.pageIndex,\n          resultsPerPage: pagination.pageSize,\n          search,\n          filters,\n          sort: columnSorting,\n        });\n        setData(incomingData);\n      } catch (error) {\n        setErrorMessage(typeof error === \"string\" ? error : t(\"table.error\"));\n      } finally {\n        setIsLoading(false);\n      }\n    })();\n  }, [\n    columnSorting,\n    errorMessageProp,\n    filters,\n    getData,\n    pagination,\n    search,\n    t,\n  ]);\n\n  useEffect(() => {\n    if (!initialFilters && filters) {\n      setInitialFilters(filters);\n    }\n\n    setIsEmpty(\n      pagination.pageIndex === currentPage &&\n        pagination.pageSize === resultsPerPage &&\n        search === \"\" &&\n        filters === initialFilters &&\n        data.length === 0,\n    );\n  }, [\n    filters,\n    pagination,\n    search,\n    data,\n    currentPage,\n    initialFilters,\n    resultsPerPage,\n  ]);\n\n  useEffect(() => {\n    setPagination((prev) => ({\n      pageIndex: 1,\n      pageSize: prev.pageSize,\n    }));\n  }, [filters, search]);\n\n  useEffect(() => {\n    onChangeRowSelection?.(rowSelection);\n  }, [rowSelection, onChangeRowSelection]);\n\n  const { lastRow } = usePagination({\n    currentRowsCount: data.length,\n    pageIndex: pagination.pageIndex,\n    pageSize: pagination.pageSize,\n    totalRows,\n  });\n\n  // Render the table\n  return (\n    <>\n      {(hasSearch ||\n        hasFilters ||\n        hasChangeableDensity ||\n        hasColumnVisibility ||\n        bulkActionMenuItems ||\n        additionalActionButton ||\n        additionalActionMenuItems) && (\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            defaultSearchTerm={initialSearchValue}\n            isDisabled={isEmpty}\n            additionalActions={\n              <>\n                <DataTableSettings\n                  hasChangeableDensity={hasChangeableDensity}\n                  rowDensity={rowDensity}\n                  setRowDensity={setRowDensity}\n                  hasColumnVisibility={hasColumnVisibility}\n                  columns={columns}\n                  columnVisibility={columnVisibility}\n                  setColumnVisibility={setColumnVisibility}\n                />\n                {bulkActionMenuItems && bulkActionMenuButton}\n                {additionalActionButton}\n                {additionalActionMenuItems && (\n                  <MenuButton\n                    endIcon={<MoreIcon />}\n                    ariaLabel={t(\"table.moreactions.arialabel\")}\n                    buttonVariant=\"secondary\"\n                    menuAlignment=\"right\"\n                  >\n                    {additionalActionMenuItems}\n                  </MenuButton>\n                )}\n              </>\n            }\n          />\n        </Box>\n      )}\n\n      {errorMessage && (\n        <Box sx={{ marginBlockEnd: 2 }}>\n          <Callout severity=\"error\" text={errorMessage} />\n        </Box>\n      )}\n\n      <ScrollableTableContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n        isScrollableStart={!isTableContainerScrolledToStart}\n        isScrollableEnd={!isTableContainerScrolledToEnd}\n        ref={tableOuterContainerRef}\n      >\n        <MRT_TableContainer table={dataTable} />\n      </ScrollableTableContainer>\n\n      {hasPagination && (\n        <Pagination\n          pageIndex={pagination.pageIndex}\n          pageSize={pagination.pageSize}\n          maxPageIndex={maxPages}\n          maxPageSize={maxResultsPerPage}\n          onPaginationChange={setPagination}\n          lastRow={lastRow}\n          totalRows={totalRows}\n          currentRowsCount={data.length}\n          isDisabled={isEmpty}\n          isMoreDisabled={isPaginationMoreDisabled}\n          variant={paginationType}\n          rowsPerPageLabel={t(\"pagination.rowsperpage\")}\n          currentPageLabel={t(\"pagination.page\")}\n          previousLabel={t(\"pagination.previous\")}\n          nextLabel={t(\"pagination.next\")}\n          loadMoreLabel={t(\"pagination.loadmore\")}\n        />\n      )}\n    </>\n  );\n};\n\nconst MemoizedDataTable = memo(DataTable);\nMemoizedDataTable.displayName = \"DataTable\";\n\nexport { MemoizedDataTable as DataTable };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/DataTable/DataTableRowActions.cjs

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataTableRowActions = void 0;
+var _Box2 = _interopRequireDefault(require("@mui/material/Box"));
+var _react = require("react");
+var _index = require("../Buttons/index.cjs");
+var _index2 = require("../icons.generated/index.cjs");
+var _reactI18next = require("react-i18next");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * 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.
+ */
+
+const DataTableRowActions = ({
+  row,
+  rowIndex,
+  rowActionButtons,
+  rowActionMenuItems,
+  totalRows,
+  updateRowOrder
+}) => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const handleToFrontClick = (0, _react.useCallback)(() => {
+    if (updateRowOrder) {
+      updateRowOrder({
+        rowId: row.id,
+        newRowIndex: 0
+      });
+    }
+  }, [row.id, updateRowOrder]);
+  const handleForwardClick = (0, _react.useCallback)(() => {
+    if (updateRowOrder) {
+      updateRowOrder({
+        rowId: row.id,
+        newRowIndex: Math.max(0, rowIndex - 1)
+      });
+    }
+  }, [row.id, rowIndex, updateRowOrder]);
+  const handleBackwardClick = (0, _react.useCallback)(() => {
+    if (updateRowOrder) {
+      updateRowOrder({
+        rowId: row.id,
+        newRowIndex: rowIndex + 1
+      });
+    }
+  }, [row.id, rowIndex, updateRowOrder]);
+  const handleToBackClick = (0, _react.useCallback)(() => {
+    if (updateRowOrder) {
+      updateRowOrder({
+        rowId: row.id,
+        newRowIndex: totalRows ? totalRows - 1 : rowIndex
+      });
+    }
+  }, [row.id, rowIndex, totalRows, updateRowOrder]);
+  return (0, _jsxRuntime.jsxs)(_Box2.default, {
+    display: "flex",
+    children: [rowActionButtons?.(row), (rowActionMenuItems || updateRowOrder) && (0, _jsxRuntime.jsxs)(_index.MenuButton, {
+      endIcon: (0, _jsxRuntime.jsx)(_index2.MoreIcon, {}),
+      size: "small",
+      buttonVariant: "floating",
+      ariaLabel: t("table.moreactions.arialabel"),
+      menuAlignment: "right",
+      children: [rowActionMenuItems && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: rowActionMenuItems(row)
+      }), rowActionMenuItems && updateRowOrder && (0, _jsxRuntime.jsx)("hr", {}), updateRowOrder && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [(0, _jsxRuntime.jsxs)(_index.MenuItem, {
+          isDisabled: rowIndex <= 0,
+          onClick: handleToFrontClick,
+          children: [(0, _jsxRuntime.jsx)(_index2.ArrowTopIcon, {}), " ", (0, _jsxRuntime.jsx)(_reactI18next.Trans, {
+            i18nKey: "table.reorder.tofront"
+          })]
+        }), (0, _jsxRuntime.jsxs)(_index.MenuItem, {
+          isDisabled: rowIndex <= 0,
+          onClick: handleForwardClick,
+          children: [(0, _jsxRuntime.jsx)(_index2.ArrowUpIcon, {}), " ", (0, _jsxRuntime.jsx)(_reactI18next.Trans, {
+            i18nKey: "table.reorder.forward"
+          })]
+        }), (0, _jsxRuntime.jsxs)(_index.MenuItem, {
+          isDisabled: totalRows ? rowIndex >= totalRows - 1 : false,
+          onClick: handleBackwardClick,
+          children: [(0, _jsxRuntime.jsx)(_index2.ArrowDownIcon, {}), " ", (0, _jsxRuntime.jsx)(_reactI18next.Trans, {
+            i18nKey: "table.reorder.backward"
+          })]
+        }), totalRows && (0, _jsxRuntime.jsxs)(_index.MenuItem, {
+          isDisabled: rowIndex >= totalRows - 1,
+          onClick: handleToBackClick,
+          children: [(0, _jsxRuntime.jsx)(_index2.ArrowBottomIcon, {}), " ", (0, _jsxRuntime.jsx)(_reactI18next.Trans, {
+            i18nKey: "table.reorder.toback"
+          })]
+        })]
+      })]
+    })]
+  });
+};
+const MemoizedDataTableRowActions = exports.DataTableRowActions = (0, _react.memo)(DataTableRowActions);
+MemoizedDataTableRowActions.displayName = "DataTableRowActions";
+//# sourceMappingURL=DataTableRowActions.cjs.map

package/dist/cjs/DataTable/DataTableRowActions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableRowActions.cjs","names":["_react","require","_index","_index2","_reactI18next","_jsxRuntime","_interopRequireDefault","e","__esModule","default","DataTableRowActions","row","rowIndex","rowActionButtons","rowActionMenuItems","totalRows","updateRowOrder","t","useTranslation","handleToFrontClick","useCallback","rowId","id","newRowIndex","handleForwardClick","Math","max","handleBackwardClick","handleToBackClick","jsxs","_Box2","display","children","MenuButton","endIcon","jsx","MoreIcon","size","buttonVariant","ariaLabel","menuAlignment","Fragment","MenuItem","isDisabled","onClick","ArrowTopIcon","Trans","i18nKey","ArrowUpIcon","ArrowDownIcon","ArrowBottomIcon","MemoizedDataTableRowActions","exports","memo","displayName"],"sources":["../../../src/DataTable/DataTableRowActions.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { MRT_Row, MRT_RowData } from \"material-react-table\";\nimport { Fragment, ReactElement, memo, useCallback } from \"react\";\nimport {\n  Button,\n  MenuButton,\n  MenuButtonProps,\n  MenuItem,\n} from \"../Buttons/index.js\";\nimport { Box as MuiBox } from \"@mui/material\";\nimport {\n  ArrowBottomIcon,\n  ArrowDownIcon,\n  ArrowTopIcon,\n  ArrowUpIcon,\n  MoreIcon,\n} from \"../icons.generated/index.js\";\nimport { DataTableProps } from \"./DataTable.js\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nexport type DataTableRowActionsProps = {\n  row: (MRT_Row<MRT_RowData> | MRT_RowData) & { id: string };\n  rowIndex: number;\n  rowActionButtons?: (\n    row: MRT_RowData,\n  ) => ReactElement<typeof Button | typeof Fragment>;\n  rowActionMenuItems?: (row: MRT_RowData) => MenuButtonProps[\"children\"];\n  totalRows?: DataTableProps[\"totalRows\"];\n  updateRowOrder?: ({\n    rowId,\n    newRowIndex,\n  }: {\n    rowId: string;\n    newRowIndex: number;\n  }) => void;\n};\n\nconst DataTableRowActions = ({\n  row,\n  rowIndex,\n  rowActionButtons,\n  rowActionMenuItems,\n  totalRows,\n  updateRowOrder,\n}: DataTableRowActionsProps) => {\n  const { t } = useTranslation();\n\n  const handleToFrontClick = useCallback(() => {\n    if (updateRowOrder) {\n      updateRowOrder({ rowId: row.id, newRowIndex: 0 });\n    }\n  }, [row.id, updateRowOrder]);\n\n  const handleForwardClick = useCallback(() => {\n    if (updateRowOrder) {\n      updateRowOrder({ rowId: row.id, newRowIndex: Math.max(0, rowIndex - 1) });\n    }\n  }, [row.id, rowIndex, updateRowOrder]);\n\n  const handleBackwardClick = useCallback(() => {\n    if (updateRowOrder) {\n      updateRowOrder({ rowId: row.id, newRowIndex: rowIndex + 1 });\n    }\n  }, [row.id, rowIndex, updateRowOrder]);\n\n  const handleToBackClick = useCallback(() => {\n    if (updateRowOrder) {\n      updateRowOrder({\n        rowId: row.id,\n        newRowIndex: totalRows ? totalRows - 1 : rowIndex,\n      });\n    }\n  }, [row.id, rowIndex, totalRows, updateRowOrder]);\n\n  return (\n    <MuiBox display=\"flex\">\n      {rowActionButtons?.(row)}\n      {(rowActionMenuItems || updateRowOrder) && (\n        <MenuButton\n          endIcon={<MoreIcon />}\n          size=\"small\"\n          buttonVariant=\"floating\"\n          ariaLabel={t(\"table.moreactions.arialabel\")}\n          menuAlignment=\"right\"\n        >\n          {rowActionMenuItems && <>{rowActionMenuItems(row)}</>}\n          {rowActionMenuItems && updateRowOrder && <hr />}\n          {updateRowOrder && (\n            <>\n              <MenuItem isDisabled={rowIndex <= 0} onClick={handleToFrontClick}>\n                <ArrowTopIcon /> <Trans i18nKey=\"table.reorder.tofront\" />\n              </MenuItem>\n              <MenuItem isDisabled={rowIndex <= 0} onClick={handleForwardClick}>\n                <ArrowUpIcon /> <Trans i18nKey=\"table.reorder.forward\" />\n              </MenuItem>\n              <MenuItem\n                isDisabled={totalRows ? rowIndex >= totalRows - 1 : false}\n                onClick={handleBackwardClick}\n              >\n                <ArrowDownIcon /> <Trans i18nKey=\"table.reorder.backward\" />\n              </MenuItem>\n              {totalRows && (\n                <MenuItem\n                  isDisabled={rowIndex >= totalRows - 1}\n                  onClick={handleToBackClick}\n                >\n                  <ArrowBottomIcon /> <Trans i18nKey=\"table.reorder.toback\" />\n                </MenuItem>\n              )}\n            </>\n          )}\n        </MenuButton>\n      )}\n    </MuiBox>\n  );\n};\n\nconst MemoizedDataTableRowActions = memo(DataTableRowActions);\nMemoizedDataTableRowActions.displayName = \"DataTableRowActions\";\n\nexport { MemoizedDataTableRowActions as DataTableRowActions };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAOA,IAAAE,OAAA,GAAAF,OAAA;AAQA,IAAAG,aAAA,GAAAH,OAAA;AAAsD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AA7BtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAsCA,MAAMG,mBAAmB,GAAGA,CAAC;EAC3BC,GAAG;EACHC,QAAQ;EACRC,gBAAgB;EAChBC,kBAAkB;EAClBC,SAAS;EACTC;AACwB,CAAC,KAAK;EAC9B,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAE9B,MAAMC,kBAAkB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC3C,IAAIJ,cAAc,EAAE;MAClBA,cAAc,CAAC;QAAEK,KAAK,EAAEV,GAAG,CAACW,EAAE;QAAEC,WAAW,EAAE;MAAE,CAAC,CAAC;IACnD;EACF,CAAC,EAAE,CAACZ,GAAG,CAACW,EAAE,EAAEN,cAAc,CAAC,CAAC;EAE5B,MAAMQ,kBAAkB,GAAG,IAAAJ,kBAAW,EAAC,MAAM;IAC3C,IAAIJ,cAAc,EAAE;MAClBA,cAAc,CAAC;QAAEK,KAAK,EAAEV,GAAG,CAACW,EAAE;QAAEC,WAAW,EAAEE,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEd,QAAQ,GAAG,CAAC;MAAE,CAAC,CAAC;IAC3E;EACF,CAAC,EAAE,CAACD,GAAG,CAACW,EAAE,EAAEV,QAAQ,EAAEI,cAAc,CAAC,CAAC;EAEtC,MAAMW,mBAAmB,GAAG,IAAAP,kBAAW,EAAC,MAAM;IAC5C,IAAIJ,cAAc,EAAE;MAClBA,cAAc,CAAC;QAAEK,KAAK,EAAEV,GAAG,CAACW,EAAE;QAAEC,WAAW,EAAEX,QAAQ,GAAG;MAAE,CAAC,CAAC;IAC9D;EACF,CAAC,EAAE,CAACD,GAAG,CAACW,EAAE,EAAEV,QAAQ,EAAEI,cAAc,CAAC,CAAC;EAEtC,MAAMY,iBAAiB,GAAG,IAAAR,kBAAW,EAAC,MAAM;IAC1C,IAAIJ,cAAc,EAAE;MAClBA,cAAc,CAAC;QACbK,KAAK,EAAEV,GAAG,CAACW,EAAE;QACbC,WAAW,EAAER,SAAS,GAAGA,SAAS,GAAG,CAAC,GAAGH;MAC3C,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACD,GAAG,CAACW,EAAE,EAAEV,QAAQ,EAAEG,SAAS,EAAEC,cAAc,CAAC,CAAC;EAEjD,OACE,IAAAX,WAAA,CAAAwB,IAAA,EAAAC,KAAA,CAAArB,OAAA;IAAQsB,OAAO,EAAC,MAAM;IAAAC,QAAA,GACnBnB,gBAAgB,GAAGF,GAAG,CAAC,EACvB,CAACG,kBAAkB,IAAIE,cAAc,KACpC,IAAAX,WAAA,CAAAwB,IAAA,EAAC3B,MAAA,CAAA+B,UAAU;MACTC,OAAO,EAAE,IAAA7B,WAAA,CAAA8B,GAAA,EAAChC,OAAA,CAAAiC,QAAQ,IAAE,CAAE;MACtBC,IAAI,EAAC,OAAO;MACZC,aAAa,EAAC,UAAU;MACxBC,SAAS,EAAEtB,CAAC,CAAC,6BAA6B,CAAE;MAC5CuB,aAAa,EAAC,OAAO;MAAAR,QAAA,GAEpBlB,kBAAkB,IAAI,IAAAT,WAAA,CAAA8B,GAAA,EAAA9B,WAAA,CAAAoC,QAAA;QAAAT,QAAA,EAAGlB,kBAAkB,CAACH,GAAG;MAAC,CAAG,CAAC,EACpDG,kBAAkB,IAAIE,cAAc,IAAI,IAAAX,WAAA,CAAA8B,GAAA,UAAK,CAAC,EAC9CnB,cAAc,IACb,IAAAX,WAAA,CAAAwB,IAAA,EAAAxB,WAAA,CAAAoC,QAAA;QAAAT,QAAA,GACE,IAAA3B,WAAA,CAAAwB,IAAA,EAAC3B,MAAA,CAAAwC,QAAQ;UAACC,UAAU,EAAE/B,QAAQ,IAAI,CAAE;UAACgC,OAAO,EAAEzB,kBAAmB;UAAAa,QAAA,GAC/D,IAAA3B,WAAA,CAAA8B,GAAA,EAAChC,OAAA,CAAA0C,YAAY,IAAE,CAAC,KAAC,MAAAxC,WAAA,CAAA8B,GAAA,EAAC/B,aAAA,CAAA0C,KAAK;YAACC,OAAO,EAAC;UAAuB,CAAE,CAAC;QAAA,CAClD,CAAC,EACX,IAAA1C,WAAA,CAAAwB,IAAA,EAAC3B,MAAA,CAAAwC,QAAQ;UAACC,UAAU,EAAE/B,QAAQ,IAAI,CAAE;UAACgC,OAAO,EAAEpB,kBAAmB;UAAAQ,QAAA,GAC/D,IAAA3B,WAAA,CAAA8B,GAAA,EAAChC,OAAA,CAAA6C,WAAW,IAAE,CAAC,KAAC,MAAA3C,WAAA,CAAA8B,GAAA,EAAC/B,aAAA,CAAA0C,KAAK;YAACC,OAAO,EAAC;UAAuB,CAAE,CAAC;QAAA,CACjD,CAAC,EACX,IAAA1C,WAAA,CAAAwB,IAAA,EAAC3B,MAAA,CAAAwC,QAAQ;UACPC,UAAU,EAAE5B,SAAS,GAAGH,QAAQ,IAAIG,SAAS,GAAG,CAAC,GAAG,KAAM;UAC1D6B,OAAO,EAAEjB,mBAAoB;UAAAK,QAAA,GAE7B,IAAA3B,WAAA,CAAA8B,GAAA,EAAChC,OAAA,CAAA8C,aAAa,IAAE,CAAC,KAAC,MAAA5C,WAAA,CAAA8B,GAAA,EAAC/B,aAAA,CAAA0C,KAAK;YAACC,OAAO,EAAC;UAAwB,CAAE,CAAC;QAAA,CACpD,CAAC,EACVhC,SAAS,IACR,IAAAV,WAAA,CAAAwB,IAAA,EAAC3B,MAAA,CAAAwC,QAAQ;UACPC,UAAU,EAAE/B,QAAQ,IAAIG,SAAS,GAAG,CAAE;UACtC6B,OAAO,EAAEhB,iBAAkB;UAAAI,QAAA,GAE3B,IAAA3B,WAAA,CAAA8B,GAAA,EAAChC,OAAA,CAAA+C,eAAe,IAAE,CAAC,KAAC,MAAA7C,WAAA,CAAA8B,GAAA,EAAC/B,aAAA,CAAA0C,KAAK;YAACC,OAAO,EAAC;UAAsB,CAAE,CAAC;QAAA,CACpD,CACX;MAAA,CACD,CACH;IAAA,CACS,CACb;EAAA,CACK,CAAC;AAEb,CAAC;AAED,MAAMI,2BAA2B,GAAAC,OAAA,CAAA1C,mBAAA,GAAG,IAAA2C,WAAI,EAAC3C,mBAAmB,CAAC;AAC7DyC,2BAA2B,CAACG,WAAW,GAAG,qBAAqB","ignoreList":[]}

package/dist/cjs/DataTable/DataTableSettings.cjs

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataTableSettings = void 0;
+var _Checkbox2 = _interopRequireDefault(require("@mui/material/Checkbox"));
+var _react = require("react");
+var _index = require("../Buttons/index.cjs");
+var _index2 = require("../icons.generated/index.cjs");
+var _constants = require("./constants.cjs");
+var _reactI18next = require("react-i18next");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * 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.
+ */
+
+const DataTableSettings = ({
+  hasChangeableDensity,
+  rowDensity,
+  setRowDensity,
+  hasColumnVisibility,
+  columns,
+  columnVisibility,
+  setColumnVisibility
+}) => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const changeRowDensity = (0, _react.useCallback)(value => _event => {
+    if (process.env.NODE_ENV === "development") console.debug(_event);
+    setRowDensity(value);
+  }, [setRowDensity]);
+  const changeColumnVisibility = (0, _react.useCallback)(columnId => _event => {
+    if (process.env.NODE_ENV === "development") console.debug(_event);
+    setColumnVisibility(prevVisibility => ({
+      ...prevVisibility,
+      [columnId]: prevVisibility ? prevVisibility[columnId] === false : false
+    }));
+  }, [setColumnVisibility]);
+  const isColumnVisibilityChecked = (0, _react.useMemo)(() => {
+    return columns.reduce((acc, column) => {
+      const isChecked = columnVisibility ? columnVisibility[column.accessorKey] !== false : true;
+      acc[column.accessorKey] = isChecked;
+      return acc;
+    }, {});
+  }, [columns, columnVisibility]);
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [hasChangeableDensity && (0, _jsxRuntime.jsx)(_index.MenuButton, {
+      endIcon: (0, _jsxRuntime.jsx)(_index2.ListIcon, {}),
+      ariaLabel: t("table.density.arialabel"),
+      menuAlignment: "right",
+      shouldCloseOnSelect: false,
+      children: (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: _constants.densityValues.map(value => (0, _jsxRuntime.jsx)(_index.MenuItem, {
+          isSelected: rowDensity === value,
+          onClick: changeRowDensity(value),
+          children: `${value.charAt(0).toUpperCase()}${value.slice(1)}`
+        }, value))
+      })
+    }), hasColumnVisibility && (0, _jsxRuntime.jsx)(_index.MenuButton, {
+      endIcon: (0, _jsxRuntime.jsx)(_index2.ShowIcon, {}),
+      ariaLabel: t("table.columnvisibility.arialabel"),
+      menuAlignment: "right",
+      shouldCloseOnSelect: false,
+      children: (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: columns.filter(column => column.enableHiding !== false).map(column => (0, _jsxRuntime.jsxs)(_index.MenuItem, {
+          onClick: changeColumnVisibility(column.id),
+          children: [(0, _jsxRuntime.jsx)(_Checkbox2.default, {
+            checked: isColumnVisibilityChecked[column.accessorKey]
+          }), column.header]
+        }, column.accessorKey))
+      })
+    })]
+  });
+};
+const MemoizedDataTableSettings = exports.DataTableSettings = (0, _react.memo)(DataTableSettings);
+MemoizedDataTableSettings.displayName = "DataTableSettings";
+//# sourceMappingURL=DataTableSettings.cjs.map

package/dist/cjs/DataTable/DataTableSettings.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableSettings.cjs","names":["_react","require","_index","_index2","_constants","_reactI18next","_jsxRuntime","_interopRequireDefault","e","__esModule","default","DataTableSettings","hasChangeableDensity","rowDensity","setRowDensity","hasColumnVisibility","columns","columnVisibility","setColumnVisibility","t","useTranslation","changeRowDensity","useCallback","value","_event","process","env","NODE_ENV","console","debug","changeColumnVisibility","columnId","prevVisibility","isColumnVisibilityChecked","useMemo","reduce","acc","column","isChecked","accessorKey","jsxs","Fragment","children","jsx","MenuButton","endIcon","ListIcon","ariaLabel","menuAlignment","shouldCloseOnSelect","densityValues","map","MenuItem","isSelected","onClick","charAt","toUpperCase","slice","ShowIcon","filter","enableHiding","id","_Checkbox2","checked","header","MemoizedDataTableSettings","exports","memo","displayName"],"sources":["../../../src/DataTable/DataTableSettings.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Dispatch, SetStateAction, memo, useCallback, useMemo } from \"react\";\nimport { Checkbox as MuiCheckbox } from \"@mui/material\";\nimport { MenuButton, MenuItem } from \"../Buttons/index.js\";\nimport { ListIcon, ShowIcon } from \"../icons.generated/index.js\";\nimport { densityValues } from \"./constants.js\";\nimport { DataTableProps } from \"./DataTable.js\";\nimport { MRT_VisibilityState } from \"material-react-table\";\nimport { useTranslation } from \"react-i18next\";\n\nexport type DataTableSettingsProps = {\n  hasChangeableDensity: DataTableProps[\"hasChangeableDensity\"];\n  rowDensity: (typeof densityValues)[number];\n  setRowDensity: Dispatch<SetStateAction<(typeof densityValues)[number]>>;\n  hasColumnVisibility: DataTableProps[\"hasColumnVisibility\"];\n  columns: DataTableProps[\"columns\"];\n  columnVisibility?: MRT_VisibilityState;\n  setColumnVisibility: Dispatch<\n    SetStateAction<MRT_VisibilityState | undefined>\n  >;\n};\n\nconst DataTableSettings = ({\n  hasChangeableDensity,\n  rowDensity,\n  setRowDensity,\n  hasColumnVisibility,\n  columns,\n  columnVisibility,\n  setColumnVisibility,\n}: DataTableSettingsProps) => {\n  const { t } = useTranslation();\n\n  const changeRowDensity = useCallback(\n    (value: (typeof densityValues)[number]) =>\n      (_event: React.MouseEvent<HTMLLIElement>) => {\n        // This is necessary to avoid linter errors, while the _event is necessary to satisfy the onClick type\n        if (process.env.NODE_ENV === \"development\") console.debug(_event);\n\n        setRowDensity(value);\n      },\n    [setRowDensity],\n  );\n\n  const changeColumnVisibility = useCallback(\n    (columnId: string) => (_event: React.MouseEvent<HTMLLIElement>) => {\n      // This is necessary to avoid linter errors, while the _event is necessary to satisfy the onClick type\n      if (process.env.NODE_ENV === \"development\") console.debug(_event);\n\n      setColumnVisibility((prevVisibility) => ({\n        ...prevVisibility,\n        [columnId]: prevVisibility ? prevVisibility[columnId] === false : false,\n      }));\n    },\n    [setColumnVisibility],\n  );\n\n  const isColumnVisibilityChecked = useMemo(() => {\n    return columns.reduce(\n      (acc, column) => {\n        const isChecked = columnVisibility\n          ? columnVisibility[column.accessorKey!] !== false\n          : true;\n        acc[column.accessorKey!] = isChecked;\n        return acc;\n      },\n      {} as Record<string, boolean>,\n    );\n  }, [columns, columnVisibility]);\n\n  return (\n    <>\n      {hasChangeableDensity && (\n        <MenuButton\n          endIcon={<ListIcon />}\n          ariaLabel={t(\"table.density.arialabel\")}\n          menuAlignment=\"right\"\n          shouldCloseOnSelect={false}\n        >\n          <>\n            {densityValues.map((value: (typeof densityValues)[number]) => (\n              <MenuItem\n                key={value}\n                isSelected={rowDensity === value}\n                onClick={changeRowDensity(value)}\n              >\n                {`${value.charAt(0).toUpperCase()}${value.slice(1)}`}\n              </MenuItem>\n            ))}\n          </>\n        </MenuButton>\n      )}\n\n      {hasColumnVisibility && (\n        <MenuButton\n          endIcon={<ShowIcon />}\n          ariaLabel={t(\"table.columnvisibility.arialabel\")}\n          menuAlignment=\"right\"\n          shouldCloseOnSelect={false}\n        >\n          <>\n            {columns\n              .filter((column) => column.enableHiding !== false)\n              .map((column) => (\n                <MenuItem\n                  key={column.accessorKey}\n                  onClick={changeColumnVisibility(column.id as string)}\n                >\n                  <MuiCheckbox\n                    checked={isColumnVisibilityChecked[column.accessorKey!]}\n                  />\n                  {column.header}\n                </MenuItem>\n              ))}\n          </>\n        </MenuButton>\n      )}\n    </>\n  );\n};\n\nconst MemoizedDataTableSettings = memo(DataTableSettings);\nMemoizedDataTableSettings.displayName = \"DataTableSettings\";\n\nexport { MemoizedDataTableSettings as DataTableSettings };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/DataTable/constants.cjs

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.densityValues = void 0;
+/*!
+ * 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.
+ */
+
+const densityValues = exports.densityValues = ["comfortable", "spacious", "compact"];
+//# sourceMappingURL=constants.cjs.map

package/dist/cjs/DataTable/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","names":["densityValues","exports"],"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;;AAEO,MAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,CAAC,aAAa,EAAE,UAAU,EAAE,SAAS,CAAU","ignoreList":[]}

package/dist/cjs/DataTable/index.cjs

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DataTable", {
+  enumerable: true,
+  get: function () {
+    return _DataTable.DataTable;
+  }
+});
+Object.defineProperty(exports, "densityValues", {
+  enumerable: true,
+  get: function () {
+    return _constants.densityValues;
+  }
+});
+var _DataTable = require("./DataTable.cjs");
+var _constants = require("./constants.cjs");
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/DataTable/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["_DataTable","require","_constants"],"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 {\n  DataTable,\n  type DataTableColumn,\n  type DataTableProps,\n  type DataTableGetDataType,\n  type DataTableOnReorderRowsType,\n  type DataTableRenderDetailPanelType,\n} from \"./DataTable.js\";\nexport { densityValues } from \"./constants.js\";\nexport type {\n  MRT_ColumnFiltersState as DataTableFiltersState,\n  MRT_SortingState as DataTableSortingState,\n  MRT_RowSelectionState as DataTableRowSelectionState,\n  MRT_RowData as DataTableRowData,\n  MRT_Row as DataTableRow,\n} from \"material-react-table\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAYA,IAAAA,UAAA,GAAAC,OAAA;AAQA,IAAAC,UAAA,GAAAD,OAAA","ignoreList":[]}

package/dist/cjs/DataTable/reorderDataRowsLocally.cjs

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.reorderDataRowsLocally = void 0;
+/*!
+ * 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.
+ */const reorderDataRowsLocally = ({
+  currentData,
+  rowId,
+  newRowIndex
+}) => {
+  const updatedData = [...currentData];
+  const rowIndex = updatedData.findIndex(row => row.id === rowId);
+  if (rowIndex === -1 || newRowIndex < 0 || newRowIndex >= updatedData.length) {
+    console.warn("Invalid row ID or newIndex; cannot reorder rows.");
+    return updatedData;
+  }
+  const [removedRow] = updatedData.splice(rowIndex, 1);
+  updatedData.splice(newRowIndex, 0, removedRow);
+  return updatedData;
+};
+exports.reorderDataRowsLocally = reorderDataRowsLocally;
+//# sourceMappingURL=reorderDataRowsLocally.cjs.map

package/dist/cjs/DataTable/reorderDataRowsLocally.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"reorderDataRowsLocally.cjs","names":["reorderDataRowsLocally","currentData","rowId","newRowIndex","updatedData","rowIndex","findIndex","row","id","length","console","warn","removedRow","splice","exports"],"sources":["../../../src/DataTable/reorderDataRowsLocally.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_RowData } from \"material-react-table\";\n\n/**\n * Reorders data rows locally.\n *\n * @param currentData - The current array of data rows.\n * @param rowId - The ID of the row to move.\n * @param newIndex - The new index to move the row to.\n * @returns A new array of data with the row moved to the specified index.\n */\nexport const reorderDataRowsLocally = <TData extends MRT_RowData>({\n  currentData,\n  rowId,\n  newRowIndex,\n}: {\n  currentData: TData[];\n  rowId: string;\n  newRowIndex: number;\n}): TData[] => {\n  const updatedData = [...currentData];\n  const rowIndex = updatedData.findIndex((row) => row.id === rowId);\n\n  // Ensure the row exists and the new index is within bounds\n  if (rowIndex === -1 || newRowIndex < 0 || newRowIndex >= updatedData.length) {\n    console.warn(\"Invalid row ID or newIndex; cannot reorder rows.\");\n    return updatedData; // Return the original data if conditions aren't met\n  }\n\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(newRowIndex, 0, removedRow);\n\n  return updatedData;\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAYO,MAAMA,sBAAsB,GAAGA,CAA4B;EAChEC,WAAW;EACXC,KAAK;EACLC;AAKF,CAAC,KAAc;EACb,MAAMC,WAAW,GAAG,CAAC,GAAGH,WAAW,CAAC;EACpC,MAAMI,QAAQ,GAAGD,WAAW,CAACE,SAAS,CAAEC,GAAG,IAAKA,GAAG,CAACC,EAAE,KAAKN,KAAK,CAAC;EAGjE,IAAIG,QAAQ,KAAK,CAAC,CAAC,IAAIF,WAAW,GAAG,CAAC,IAAIA,WAAW,IAAIC,WAAW,CAACK,MAAM,EAAE;IAC3EC,OAAO,CAACC,IAAI,CAAC,kDAAkD,CAAC;IAChE,OAAOP,WAAW;EACpB;EAGA,MAAM,CAACQ,UAAU,CAAC,GAAGR,WAAW,CAACS,MAAM,CAACR,QAAQ,EAAE,CAAC,CAAC;EAGpDD,WAAW,CAACS,MAAM,CAACV,WAAW,EAAE,CAAC,EAAES,UAAU,CAAC;EAE9C,OAAOR,WAAW;AACpB,CAAC;AAACU,OAAA,CAAAd,sBAAA,GAAAA,sBAAA","ignoreList":[]}