@okta/odyssey-react-mui 1.50.1 → 1.52.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.52.0](https://github.com/atko-eng/odyssey-design-system/compare/v1.51.0...v1.52.0) (2026-01-21)
+
+### Features
+
+- update playwright version to latest ([#175](https://github.com/atko-eng/odyssey-design-system/issues/175)) ([1afc2a7](https://github.com/atko-eng/odyssey-design-system/commit/1afc2a7bd312f963e72ec391f5cde0567f9a3f44))
+
+## [1.51.0](https://github.com/atko-eng/odyssey-design-system/compare/v1.50.1...v1.51.0) (2026-01-07)
+
+**Note:** Version bump only for package @okta/odyssey-contribution-tooling
+
 ## [1.50.0](https://github.com/atko-eng/odyssey-design-system/compare/v1.49.0...v1.50.0) (2025-12-11)
 
 **Note:** Version bump only for package @okta/odyssey-contribution-tooling

package/dist/{assets/axeRun-B-LchFqf.js → cjs/ConditionalWrapper.cjs}

@@ -1,5 +1,13 @@
-import{b as t}from"./axe-4JP0vCEZ.js";/*!
- * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConditionalWrapper = void 0;
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+/*!
+ * Copyright (c) 2025-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.
@@ -8,4 +16,15 @@ import{b as t}from"./axe-4JP0vCEZ.js";/*!
  * 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 o=async(n="")=>await t.run({runOnly:{type:"tag",values:["section508","wcag2a","wcag2aa","wcag21a","wcag21aa","wcag22aa"]}}).then(a=>{if(a.violations.length)throw new Error(`Accessibility issues found in "${n}". ${JSON.stringify(a.violations,null,2)}`)}).catch(a=>{throw new Error(a instanceof Error?a.message:"Unknown Error in axe test.")});export{o as a};
+ */
+
+const ConditionalWrapper = ({
+  isWrapped,
+  Wrapper,
+  children
+}) => isWrapped ? Wrapper(children) : (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+  children: children
+});
+const MemoizedConditionalWrapper = exports.ConditionalWrapper = (0, _react.memo)(ConditionalWrapper);
+MemoizedConditionalWrapper.displayName = "ConditionalWrapper";
+//# sourceMappingURL=ConditionalWrapper.cjs.map

package/dist/cjs/ConditionalWrapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionalWrapper.cjs","names":["_react","require","_jsxRuntime","ConditionalWrapper","isWrapped","Wrapper","children","jsx","Fragment","MemoizedConditionalWrapper","exports","memo","displayName"],"sources":["../../src/ConditionalWrapper.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2025-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, ReactNode } from \"react\";\n\nexport type ConditionalWrapperProps = {\n  children: ReactNode;\n  isWrapped: boolean;\n  Wrapper: (children: ReactNode) => ReactNode;\n};\n\nconst ConditionalWrapper = ({\n  isWrapped,\n  Wrapper,\n  children,\n}: ConditionalWrapperProps) =>\n  isWrapped ? Wrapper(children) : <>{children}</>;\n\nconst MemoizedConditionalWrapper = memo(ConditionalWrapper);\nMemoizedConditionalWrapper.displayName = \"ConditionalWrapper\";\n\nexport { MemoizedConditionalWrapper as ConditionalWrapper };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAAwC,IAAAC,WAAA,GAAAD,OAAA;AAZxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUA,MAAME,kBAAkB,GAAGA,CAAC;EAC1BC,SAAS;EACTC,OAAO;EACPC;AACuB,CAAC,KACxBF,SAAS,GAAGC,OAAO,CAACC,QAAQ,CAAC,GAAG,IAAAJ,WAAA,CAAAK,GAAA,EAAAL,WAAA,CAAAM,QAAA;EAAAF,QAAA,EAAGA;AAAQ,CAAG,CAAC;AAEjD,MAAMG,0BAA0B,GAAAC,OAAA,CAAAP,kBAAA,GAAG,IAAAQ,WAAI,EAACR,kBAAkB,CAAC;AAC3DM,0BAA0B,CAACG,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/dist/cjs/DataTable/DataTable.cjs

@@ -139,8 +139,7 @@ const DataTable = ({
   const [isLoading, setIsLoading] = (0, _react.useState)(true);
   const [isEmpty, setIsEmpty] = (0, _react.useState)();
   const [errorMessage, setErrorMessage] = (0, _react.useState)(errorMessageProp);
-  const [_rowSelection, setRowSelection] = (0, _react.useState)({});
-  const rowSelection = selectedRows || _rowSelection;
+  const [rowSelection, setRowSelection] = (0, _react.useState)(selectedRows ?? {});
   (0, _useScrollIndication.useScrollIndication)({
     tableOuterContainer: tableOuterContainerRef.current,
     tableInnerContainer: tableInnerContainerRef.current,

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.cjs","names":["_styled","_interopRequireDefault","require","_materialReactTable","_react","_Box","_Button","_MenuButton","_Callout","_EmptyState","_i18n","_index","_DataFilters","_OdysseyDesignTokensContext","_Pagination","_usePagination","_constants","_DataTableRowActions","_DataTableSettings","_useRowReordering","_useScrollIndication","_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","selectedRows","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","search","setSearch","setFilters","initialFilters","setInitialFilters","isLoading","setIsLoading","isEmpty","setIsEmpty","setErrorMessage","_rowSelection","setRowSelection","rowSelection","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","description","heading","emptyStateInnerContent","columnIds","columnOrder","shouldDisplayRowActions","muiTableBodyProps","className","muiTableBodyCellProps","getIsResizing","overflowWrap","muiDetailPanelProps","paddingBlock","getIsExpanded","Spacing3","muiTableBodyRowProps","table","isDetailPanel","currentRowId","draggingRowId","hoveredRowId","getState","hoveredRow","border","backgroundColor","muiRowDragHandleProps","onKeyDown","event","onBlur","onDragEnd","onDragCapture","muiTableHeadCellProps","currentColumn","sortedColumn","hasColumnWithGrow","some","grow","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","align","jsxs","display","visibility","Button","ariaLabel","endIcon","MoreIcon","isDisabled","size","minWidth","marginInline","padding","defaultColumn","Cell","enableRowOrdering","Boolean","enableRowDragging","enableRowActions","positionActionsColumn","enableRowSelection","onRowSelectionChange","enableSorting","onSortingChange","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","additionalActions","DataTableSettings","menuAlignment","defaultSearchTerm","onChangeFilters","onChangeSearch","Callout","severity","text","MRT_TableContainer","Pagination","currentPageLabel","isMoreDisabled","loadMoreLabel","maxPageIndex","maxPageSize","nextLabel","onPaginationChange","previousLabel","rowsPerPageLabel","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 styled from \"@emotion/styled\";\nimport {\n  MRT_Cell,\n  MRT_Column,\n  MRT_ColumnDef,\n  MRT_DensityState,\n  MRT_Row,\n  MRT_RowData,\n  MRT_RowSelectionState,\n  MRT_RowVirtualizer,\n  MRT_SortingState,\n  MRT_TableContainer,\n  MRT_TableInstance,\n  MRT_TableOptions,\n  MRT_VisibilityState,\n  useMaterialReactTable,\n} from \"material-react-table\";\nimport {\n  memo,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Box } from \"../Box.js\";\nimport { Button } from \"../Buttons/Button.js\";\nimport { MenuButton, type MenuButtonProps } from \"../Buttons/MenuButton.js\";\nimport { Callout } from \"../Callout.js\";\nimport { EmptyState } from \"../EmptyState.js\";\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\nimport {\n  ArrowDownIcon,\n  ArrowUnsortedIcon,\n  ChevronDownIcon,\n  DragIndicatorIcon,\n  MoreIcon,\n} from \"../icons.generated/index.js\";\nimport { DataTableRowData, DataTableRowSelectionState } from \"../index.js\";\nimport { DataFilter, DataFilters } from \"../labs/DataFilters.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { paginationTypeValues } from \"../Pagination/constants.js\";\nimport { Pagination } from \"../Pagination/Pagination.js\";\nimport { usePagination } from \"../Pagination/usePagination.js\";\nimport { densityValues } from \"./constants.js\";\nimport {\n  DataTableRowActions,\n  DataTableRowActionsProps,\n} from \"./DataTableRowActions.js\";\nimport { DataTableSettings } from \"./DataTableSettings.js\";\nimport { useRowReordering } from \"./useRowReordering.js\";\nimport { useScrollIndication } from \"./useScrollIndication.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\n/**\n * Utility type to extract a callback function type from a given key of `MRT_TableOptions`.\n *\n * The `Extract<>` utility is used to filter out only the function type from the property,\n * as some `MRT_TableOptions` properties can be union types (e.g., `function` | `object`).\n *\n * The `@typescript-eslint/no-unsafe-function-type` rule is disabled here because we must extract\n * a function type from a property of `MRT_TableOptions`, but the exact function signature varies\n * depending on the key.\n */\ntype MRT_TableOptionsCallback<\n  TableOptionKey extends keyof Required<MRT_TableOptions<MRT_RowData>>,\n  TData extends MRT_RowData = MRT_RowData,\n> = Extract<\n  Required<MRT_TableOptions<TData>>[TableOptionKey],\n  Function // eslint-disable-line @typescript-eslint/no-unsafe-function-type\n>;\n\nexport type DataTableGetDataType = {\n  filters?: DataFilter[];\n  page?: number;\n  resultsPerPage?: number;\n  search?: string;\n  sort?: MRT_SortingState;\n};\n\nexport type DataTableOnReorderRowsType = {\n  newRowIndex: number;\n  rowId: string;\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   * The component to display when the table is displaying the initial empty state\n   */\n  emptyPlaceholder?: ReactNode;\n  /**\n   * If `error` is not undefined, the DataTable will indicate an error.\n   */\n  errorMessage?: string;\n  /**\n   * An optional set of filters to render in the filters menu\n   */\n  filters?: Array<DataFilter | DataTableColumn<DataTableRowData> | string>;\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   * The function to get the ID of a row\n   */\n  getRowId?: MRT_TableOptions<DataTableRowData>[\"getRowId\"];\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 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   * 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 highest page number allowed to be manually input in pagination\n   */\n  maxPages?: 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 component to display when the query returns no results\n   */\n  noResultsPlaceholder?: ReactNode;\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 propagate 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 optional component to display when expanding a row.\n   */\n  renderDetailPanel?: MRT_TableOptions<DataTableRowData>[\"renderDetailPanel\"];\n  /**\n   * The number of results per page.\n   */\n  resultsPerPage?: 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   * 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   * Allows for external control of the selected row state\n   * use in tandem with onChangeRowSelection to manage your state\n   */\n  selectedRows?: DataTableRowSelectionState;\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\nconst ScrollableTableContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isScrollableStart\" &&\n    prop !== \"isScrollableEnd\",\n})<{\n  isScrollableEnd: boolean;\n  isScrollableStart: boolean;\n  odysseyDesignTokens: DesignTokens;\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  selectedRows,\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 [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  const [_rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n  const rowSelection = selectedRows || _rowSelection;\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          rowActionButtons={rowActionButtons}\n          rowActionMenuItems={rowActionMenuItems}\n          rowIndex={currentIndex}\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        description={t(\"table.noresults.text\")}\n        heading={t(\"table.noresults.heading\")}\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 muiTableBodyProps = useCallback<\n    MRT_TableOptionsCallback<\"muiTableBodyProps\">\n  >(\n    () => ({\n      className: rowDensityClassName,\n    }),\n    [rowDensityClassName],\n  );\n\n  const muiTableBodyCellProps = useCallback<\n    MRT_TableOptionsCallback<\"muiTableBodyCellProps\">\n  >(\n    ({ column }) => ({\n      className: column.getIsResizing() ? \"isResizing\" : \"\",\n      sx: {\n        overflowWrap: \"anywhere\",\n      },\n    }),\n    [],\n  );\n\n  const muiDetailPanelProps = useCallback<\n    MRT_TableOptionsCallback<\"muiDetailPanelProps\">\n  >(\n    ({ row }) => ({\n      sx: {\n        paddingBlock: row.getIsExpanded()\n          ? `${odysseyDesignTokens.Spacing3} !important`\n          : undefined,\n      },\n    }),\n    [odysseyDesignTokens.Spacing3],\n  );\n\n  const muiTableBodyRowProps = useCallback<\n    MRT_TableOptionsCallback<\"muiTableBodyRowProps\">\n  >(\n    ({ table, row, isDetailPanel }) => ({\n      className: draggableTableBodyRowClassName({\n        currentRowId: row.id,\n        draggingRowId: draggingRow?.id,\n        hoveredRowId: table.getState().hoveredRow?.id,\n      }),\n      sx: {\n        ...(isDetailPanel && {\n          paddingBlock: \"0 !important\",\n          border: 0,\n          [\"&:hover\"]: {\n            backgroundColor: `transparent !important`,\n          },\n        }),\n      },\n    }),\n    [draggableTableBodyRowClassName, draggingRow?.id],\n  );\n\n  const muiRowDragHandleProps = useCallback<\n    MRT_TableOptionsCallback<\"muiRowDragHandleProps\">\n  >(\n    ({ 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      dragHandleStyles,\n      dragHandleText,\n      handleDragHandleKeyDown,\n      resetDraggingAndHoveredRow,\n      handleDragHandleOnDragEnd,\n      handleDragHandleOnDragCapture,\n    ],\n  );\n\n  const muiTableHeadCellProps = useCallback<\n    MRT_TableOptionsCallback<\"muiTableHeadCellProps\">\n  >(\n    ({ column: currentColumn }) => ({\n      className: columnSorting.find(\n        (sortedColumn) => sortedColumn.id === currentColumn.id,\n      )\n        ? \"isSorted\"\n        : \"isUnsorted\",\n    }),\n    [columnSorting],\n  );\n\n  const hasColumnWithGrow = useMemo(\n    () => columns.some((column) => column.grow === true),\n    [columns],\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                    ariaLabel={t(\"table.moreactions.arialabel\")}\n                    endIcon={<MoreIcon />}\n                    isDisabled\n                    size=\"small\"\n                    variant=\"floating\"\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    defaultColumn: {\n      Cell: defaultCell,\n    },\n    muiTableBodyCellProps,\n\n    // Reordering\n    enableRowOrdering: hasRowReordering && Boolean(onReorderRows),\n    enableRowDragging: hasRowReordering && Boolean(onReorderRows),\n    muiDetailPanelProps,\n    muiTableBodyRowProps,\n    muiRowDragHandleProps,\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,\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          ? hasColumnWithGrow\n            ? \"ods-hide-spacer-column\"\n            : \"ods-hide-spacer-column ods-column-grow\"\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          ariaLabel=\"More actions\"\n          buttonVariant=\"secondary\"\n          endIcon={<MoreIcon />}\n          isDisabled={Object.keys(rowSelection).length === 0}\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            additionalActions={\n              <>\n                <DataTableSettings\n                  columns={columns}\n                  columnVisibility={columnVisibility}\n                  hasChangeableDensity={hasChangeableDensity}\n                  hasColumnVisibility={hasColumnVisibility}\n                  rowDensity={rowDensity}\n                  setColumnVisibility={setColumnVisibility}\n                  setRowDensity={setRowDensity}\n                />\n                {bulkActionMenuItems && bulkActionMenuButton}\n                {additionalActionButton}\n                {additionalActionMenuItems && (\n                  <MenuButton\n                    ariaLabel={t(\"table.moreactions.arialabel\")}\n                    buttonVariant=\"secondary\"\n                    endIcon={<MoreIcon />}\n                    menuAlignment=\"right\"\n                  >\n                    {additionalActionMenuItems}\n                  </MenuButton>\n                )}\n              </>\n            }\n            defaultSearchTerm={initialSearchValue}\n            filters={hasFilters ? dataTableFilters : undefined}\n            hasSearchSubmitButton={hasSearchSubmitButton}\n            isDisabled={isEmpty}\n            onChangeFilters={hasFilters ? setFilters : undefined}\n            onChangeSearch={hasSearch ? setSearch : undefined}\n            searchDelayTime={searchDelayTime}\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        isScrollableEnd={!isTableContainerScrolledToEnd}\n        isScrollableStart={!isTableContainerScrolledToStart}\n        odysseyDesignTokens={odysseyDesignTokens}\n        ref={tableOuterContainerRef}\n      >\n        <MRT_TableContainer table={dataTable} />\n      </ScrollableTableContainer>\n\n      {hasPagination && (\n        <Pagination\n          currentPageLabel={t(\"pagination.page\")}\n          currentRowsCount={data.length}\n          isDisabled={isEmpty}\n          isMoreDisabled={isPaginationMoreDisabled}\n          lastRow={lastRow}\n          loadMoreLabel={t(\"pagination.loadmore\")}\n          maxPageIndex={maxPages}\n          maxPageSize={maxResultsPerPage}\n          nextLabel={t(\"pagination.next\")}\n          onPaginationChange={setPagination}\n          pageIndex={pagination.pageIndex}\n          pageSize={pagination.pageSize}\n          previousLabel={t(\"pagination.previous\")}\n          rowsPerPageLabel={t(\"pagination.rowsperpage\")}\n          totalRows={totalRows}\n          variant={paginationType}\n        />\n      )}\n    </>\n  );\n};\n\nconst MemoizedDataTable = memo(DataTable);\nMemoizedDataTable.displayName = \"DataTable\";\n\nexport { MemoizedDataTable as DataTable };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DataTable.cjs","names":["_styled","_interopRequireDefault","require","_materialReactTable","_react","_Box","_Button","_MenuButton","_Callout","_EmptyState","_i18n","_index","_DataFilters","_OdysseyDesignTokensContext","_Pagination","_usePagination","_constants","_DataTableRowActions","_DataTableSettings","_useRowReordering","_useScrollIndication","_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","selectedRows","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","search","setSearch","setFilters","initialFilters","setInitialFilters","isLoading","setIsLoading","isEmpty","setIsEmpty","setErrorMessage","rowSelection","setRowSelection","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","description","heading","emptyStateInnerContent","columnIds","columnOrder","shouldDisplayRowActions","muiTableBodyProps","className","muiTableBodyCellProps","getIsResizing","overflowWrap","muiDetailPanelProps","paddingBlock","getIsExpanded","Spacing3","muiTableBodyRowProps","table","isDetailPanel","currentRowId","draggingRowId","hoveredRowId","getState","hoveredRow","border","backgroundColor","muiRowDragHandleProps","onKeyDown","event","onBlur","onDragEnd","onDragCapture","muiTableHeadCellProps","currentColumn","sortedColumn","hasColumnWithGrow","some","grow","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","align","jsxs","display","visibility","Button","ariaLabel","endIcon","MoreIcon","isDisabled","size","minWidth","marginInline","padding","defaultColumn","Cell","enableRowOrdering","Boolean","enableRowDragging","enableRowActions","positionActionsColumn","enableRowSelection","onRowSelectionChange","enableSorting","onSortingChange","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","additionalActions","DataTableSettings","menuAlignment","defaultSearchTerm","onChangeFilters","onChangeSearch","Callout","severity","text","MRT_TableContainer","Pagination","currentPageLabel","isMoreDisabled","loadMoreLabel","maxPageIndex","maxPageSize","nextLabel","onPaginationChange","previousLabel","rowsPerPageLabel","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 styled from \"@emotion/styled\";\nimport {\n  MRT_Cell,\n  MRT_Column,\n  MRT_ColumnDef,\n  MRT_DensityState,\n  MRT_Row,\n  MRT_RowData,\n  MRT_RowSelectionState,\n  MRT_RowVirtualizer,\n  MRT_SortingState,\n  MRT_TableContainer,\n  MRT_TableInstance,\n  MRT_TableOptions,\n  MRT_VisibilityState,\n  useMaterialReactTable,\n} from \"material-react-table\";\nimport {\n  memo,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Box } from \"../Box.js\";\nimport { Button } from \"../Buttons/Button.js\";\nimport { MenuButton, type MenuButtonProps } from \"../Buttons/MenuButton.js\";\nimport { Callout } from \"../Callout.js\";\nimport { EmptyState } from \"../EmptyState.js\";\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\nimport {\n  ArrowDownIcon,\n  ArrowUnsortedIcon,\n  ChevronDownIcon,\n  DragIndicatorIcon,\n  MoreIcon,\n} from \"../icons.generated/index.js\";\nimport { DataTableRowData, DataTableRowSelectionState } from \"../index.js\";\nimport { DataFilter, DataFilters } from \"../labs/DataFilters.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { paginationTypeValues } from \"../Pagination/constants.js\";\nimport { Pagination } from \"../Pagination/Pagination.js\";\nimport { usePagination } from \"../Pagination/usePagination.js\";\nimport { densityValues } from \"./constants.js\";\nimport {\n  DataTableRowActions,\n  DataTableRowActionsProps,\n} from \"./DataTableRowActions.js\";\nimport { DataTableSettings } from \"./DataTableSettings.js\";\nimport { useRowReordering } from \"./useRowReordering.js\";\nimport { useScrollIndication } from \"./useScrollIndication.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\n/**\n * Utility type to extract a callback function type from a given key of `MRT_TableOptions`.\n *\n * The `Extract<>` utility is used to filter out only the function type from the property,\n * as some `MRT_TableOptions` properties can be union types (e.g., `function` | `object`).\n *\n * The `@typescript-eslint/no-unsafe-function-type` rule is disabled here because we must extract\n * a function type from a property of `MRT_TableOptions`, but the exact function signature varies\n * depending on the key.\n */\ntype MRT_TableOptionsCallback<\n  TableOptionKey extends keyof Required<MRT_TableOptions<MRT_RowData>>,\n  TData extends MRT_RowData = MRT_RowData,\n> = Extract<\n  Required<MRT_TableOptions<TData>>[TableOptionKey],\n  Function // eslint-disable-line @typescript-eslint/no-unsafe-function-type\n>;\n\nexport type DataTableGetDataType = {\n  filters?: DataFilter[];\n  page?: number;\n  resultsPerPage?: number;\n  search?: string;\n  sort?: MRT_SortingState;\n};\n\nexport type DataTableOnReorderRowsType = {\n  newRowIndex: number;\n  rowId: string;\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   * The component to display when the table is displaying the initial empty state\n   */\n  emptyPlaceholder?: ReactNode;\n  /**\n   * If `error` is not undefined, the DataTable will indicate an error.\n   */\n  errorMessage?: string;\n  /**\n   * An optional set of filters to render in the filters menu\n   */\n  filters?: Array<DataFilter | DataTableColumn<DataTableRowData> | string>;\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   * The function to get the ID of a row\n   */\n  getRowId?: MRT_TableOptions<DataTableRowData>[\"getRowId\"];\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 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   * 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 highest page number allowed to be manually input in pagination\n   */\n  maxPages?: 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 component to display when the query returns no results\n   */\n  noResultsPlaceholder?: ReactNode;\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 propagate 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 optional component to display when expanding a row.\n   */\n  renderDetailPanel?: MRT_TableOptions<DataTableRowData>[\"renderDetailPanel\"];\n  /**\n   * The number of results per page.\n   */\n  resultsPerPage?: 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   * 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   * Allows for external control of the selected row state\n   * use in tandem with onChangeRowSelection to manage your state\n   */\n  selectedRows?: DataTableRowSelectionState;\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\nconst ScrollableTableContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isScrollableStart\" &&\n    prop !== \"isScrollableEnd\",\n})<{\n  isScrollableEnd: boolean;\n  isScrollableStart: boolean;\n  odysseyDesignTokens: DesignTokens;\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  selectedRows,\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 [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  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>(\n    selectedRows ?? {},\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          rowActionButtons={rowActionButtons}\n          rowActionMenuItems={rowActionMenuItems}\n          rowIndex={currentIndex}\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        description={t(\"table.noresults.text\")}\n        heading={t(\"table.noresults.heading\")}\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 muiTableBodyProps = useCallback<\n    MRT_TableOptionsCallback<\"muiTableBodyProps\">\n  >(\n    () => ({\n      className: rowDensityClassName,\n    }),\n    [rowDensityClassName],\n  );\n\n  const muiTableBodyCellProps = useCallback<\n    MRT_TableOptionsCallback<\"muiTableBodyCellProps\">\n  >(\n    ({ column }) => ({\n      className: column.getIsResizing() ? \"isResizing\" : \"\",\n      sx: {\n        overflowWrap: \"anywhere\",\n      },\n    }),\n    [],\n  );\n\n  const muiDetailPanelProps = useCallback<\n    MRT_TableOptionsCallback<\"muiDetailPanelProps\">\n  >(\n    ({ row }) => ({\n      sx: {\n        paddingBlock: row.getIsExpanded()\n          ? `${odysseyDesignTokens.Spacing3} !important`\n          : undefined,\n      },\n    }),\n    [odysseyDesignTokens.Spacing3],\n  );\n\n  const muiTableBodyRowProps = useCallback<\n    MRT_TableOptionsCallback<\"muiTableBodyRowProps\">\n  >(\n    ({ table, row, isDetailPanel }) => ({\n      className: draggableTableBodyRowClassName({\n        currentRowId: row.id,\n        draggingRowId: draggingRow?.id,\n        hoveredRowId: table.getState().hoveredRow?.id,\n      }),\n      sx: {\n        ...(isDetailPanel && {\n          paddingBlock: \"0 !important\",\n          border: 0,\n          [\"&:hover\"]: {\n            backgroundColor: `transparent !important`,\n          },\n        }),\n      },\n    }),\n    [draggableTableBodyRowClassName, draggingRow?.id],\n  );\n\n  const muiRowDragHandleProps = useCallback<\n    MRT_TableOptionsCallback<\"muiRowDragHandleProps\">\n  >(\n    ({ 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      dragHandleStyles,\n      dragHandleText,\n      handleDragHandleKeyDown,\n      resetDraggingAndHoveredRow,\n      handleDragHandleOnDragEnd,\n      handleDragHandleOnDragCapture,\n    ],\n  );\n\n  const muiTableHeadCellProps = useCallback<\n    MRT_TableOptionsCallback<\"muiTableHeadCellProps\">\n  >(\n    ({ column: currentColumn }) => ({\n      className: columnSorting.find(\n        (sortedColumn) => sortedColumn.id === currentColumn.id,\n      )\n        ? \"isSorted\"\n        : \"isUnsorted\",\n    }),\n    [columnSorting],\n  );\n\n  const hasColumnWithGrow = useMemo(\n    () => columns.some((column) => column.grow === true),\n    [columns],\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                    ariaLabel={t(\"table.moreactions.arialabel\")}\n                    endIcon={<MoreIcon />}\n                    isDisabled\n                    size=\"small\"\n                    variant=\"floating\"\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    defaultColumn: {\n      Cell: defaultCell,\n    },\n    muiTableBodyCellProps,\n\n    // Reordering\n    enableRowOrdering: hasRowReordering && Boolean(onReorderRows),\n    enableRowDragging: hasRowReordering && Boolean(onReorderRows),\n    muiDetailPanelProps,\n    muiTableBodyRowProps,\n    muiRowDragHandleProps,\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,\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          ? hasColumnWithGrow\n            ? \"ods-hide-spacer-column\"\n            : \"ods-hide-spacer-column ods-column-grow\"\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          ariaLabel=\"More actions\"\n          buttonVariant=\"secondary\"\n          endIcon={<MoreIcon />}\n          isDisabled={Object.keys(rowSelection).length === 0}\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            additionalActions={\n              <>\n                <DataTableSettings\n                  columns={columns}\n                  columnVisibility={columnVisibility}\n                  hasChangeableDensity={hasChangeableDensity}\n                  hasColumnVisibility={hasColumnVisibility}\n                  rowDensity={rowDensity}\n                  setColumnVisibility={setColumnVisibility}\n                  setRowDensity={setRowDensity}\n                />\n                {bulkActionMenuItems && bulkActionMenuButton}\n                {additionalActionButton}\n                {additionalActionMenuItems && (\n                  <MenuButton\n                    ariaLabel={t(\"table.moreactions.arialabel\")}\n                    buttonVariant=\"secondary\"\n                    endIcon={<MoreIcon />}\n                    menuAlignment=\"right\"\n                  >\n                    {additionalActionMenuItems}\n                  </MenuButton>\n                )}\n              </>\n            }\n            defaultSearchTerm={initialSearchValue}\n            filters={hasFilters ? dataTableFilters : undefined}\n            hasSearchSubmitButton={hasSearchSubmitButton}\n            isDisabled={isEmpty}\n            onChangeFilters={hasFilters ? setFilters : undefined}\n            onChangeSearch={hasSearch ? setSearch : undefined}\n            searchDelayTime={searchDelayTime}\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        isScrollableEnd={!isTableContainerScrolledToEnd}\n        isScrollableStart={!isTableContainerScrolledToStart}\n        odysseyDesignTokens={odysseyDesignTokens}\n        ref={tableOuterContainerRef}\n      >\n        <MRT_TableContainer table={dataTable} />\n      </ScrollableTableContainer>\n\n      {hasPagination && (\n        <Pagination\n          currentPageLabel={t(\"pagination.page\")}\n          currentRowsCount={data.length}\n          isDisabled={isEmpty}\n          isMoreDisabled={isPaginationMoreDisabled}\n          lastRow={lastRow}\n          loadMoreLabel={t(\"pagination.loadmore\")}\n          maxPageIndex={maxPages}\n          maxPageSize={maxResultsPerPage}\n          nextLabel={t(\"pagination.next\")}\n          onPaginationChange={setPagination}\n          pageIndex={pagination.pageIndex}\n          pageSize={pagination.pageSize}\n          previousLabel={t(\"pagination.previous\")}\n          rowsPerPageLabel={t(\"pagination.rowsperpage\")}\n          totalRows={totalRows}\n          variant={paginationType}\n        />\n      )}\n    </>\n  );\n};\n\nconst MemoizedDataTable = memo(DataTable);\nMemoizedDataTable.displayName = \"DataTable\";\n\nexport { MemoizedDataTable as DataTable };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Dialog.cjs

@@ -41,7 +41,8 @@ const Dialog = ({
   onClose,
   testId,
   title,
-  translate
+  translate,
+  variant = "default"
 }) => {
   const {
     t
@@ -72,12 +73,19 @@ const Dialog = ({
   }) : children;
   const actionButtons = [tertiaryCallToActionComponent || callToActionLastComponent, secondaryCallToActionComponent || callToActionSecondComponent, primaryCallToActionComponent || callToActionFirstComponent].filter(Boolean);
   const handleCloseButtonClick = (0, _react.useCallback)(event => onClose(event, "closeButtonClick"), [onClose]);
+  const slotProps = (0, _react.useMemo)(() => ({
+    backdrop: {
+      variant: variant
+    }
+  }), [variant]);
   return (0, _jsxRuntime.jsx)(_FullScreenOverlay.FullScreenOverlay, {
+    overlayType: "dialog",
     children: (0, _jsxRuntime.jsxs)(_Dialog2.default, {
       "aria-labelledby": dialogLabelId,
       "data-se": testId,
       onClose: onClose,
       open: isOpen,
+      slotProps: slotProps,
       children: [(0, _jsxRuntime.jsxs)(_DialogTitle2.default, {
         id: dialogTitleId,
         translate: translate,

package/dist/cjs/Dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.cjs","names":["_react","require","_Button","_FullScreenOverlay","_i18n","_index","_useUniqueId","_jsxRuntime","_interopRequireDefault","e","__esModule","default","Dialog","primaryCallToActionComponent","secondaryCallToActionComponent","tertiaryCallToActionComponent","callToActionFirstComponent","callToActionSecondComponent","callToActionLastComponent","children","isOpen","onClose","testId","title","translate","t","useTranslation","isContentScrollable","setIsContentScrollable","useState","dialogContentRef","useRef","dialogTitleId","useUniqueId","dialogLabelId","useEffect","frameId","handleContentScroll","dialogContentElement","current","cancelAnimationFrame","scrollHeight","clientHeight","requestAnimationFrame","content","jsx","_DialogContentText2","actionButtons","filter","Boolean","handleCloseButtonClick","useCallback","event","FullScreenOverlay","jsxs","_Dialog2","open","_DialogTitle2","id","Button","ariaLabel","onClick","size","startIcon","CloseIcon","variant","_DialogContent2","tabIndex","dividers","ref","length","_DialogActions2","map","actionButton","index","cloneElement","key","MemoizedDialog","exports","memo","displayName"],"sources":["../../src/Dialog.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  Dialog as MuiDialog,\n  DialogActions as MuiDialogActions,\n  DialogContent as MuiDialogContent,\n  DialogContentText as MuiDialogContentText,\n  DialogProps as MuiDialogProps,\n  DialogTitle as MuiDialogTitle,\n} from \"@mui/material\";\nimport {\n  cloneElement,\n  memo,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Button, ButtonProps } from \"./Buttons/Button.js\";\nimport { FullScreenOverlay } from \"./FullScreenOverlay.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\ntype MuiOnCloseEvent = Parameters<Required<MuiDialogProps>[\"onClose\"]>[0];\ntype MuiOnCloseReason = Parameters<Required<MuiDialogProps>[\"onClose\"]>[1];\nexport type DialogOnCloseReason = MuiOnCloseReason | \"closeButtonClick\";\n\nexport type DialogProps = {\n  /**\n   * @deprecated `aria-label` for close button comes from translation file\n   */\n  ariaLabel?: string;\n\n  /**\n   * @deprecated Will be removed in a future Odyssey version. Use `primaryCallToActionComponent` instead.\n   */\n  callToActionFirstComponent?: ReactElement<typeof Button>;\n  /**\n   * @deprecated Will be removed in a future Odyssey version. Use `tertiaryCallToActionComponent` instead.\n   */\n  callToActionLastComponent?: ReactElement<typeof Button>;\n  /**\n   * @deprecated Will be removed in a future Odyssey version. Use `secondaryCallToActionComponent` instead.\n   */\n  callToActionSecondComponent?: ReactElement<typeof Button>;\n  /**\n   * The content of the Dialog. May be a `string` or any other `ReactNode` or array of `ReactNode`s.\n   */\n  children: ReactNode;\n  /**\n   * When set to `true`, the Dialog will be visible.\n   */\n  isOpen: boolean;\n  /**\n   * Callback that controls what happens when the Dialog is dismissed.\n   */\n  onClose: (event: MuiOnCloseEvent, reason: DialogOnCloseReason) => void;\n  /**\n   * An optional Button object to be situated in the Dialog footer as the primary call to action.\n   */\n  primaryCallToActionComponent?: ReactElement<typeof Button>;\n\n  /**\n   * An optional Button object to be situated in the Dialog footer as the secondary call to action, alongside the `primaryCallToActionComponent`.\n   */\n  secondaryCallToActionComponent?: ReactElement<typeof Button>;\n\n  /**\n   * An optional Button object to be situated in the Dialog footer as the tertiary call to action, alongside the other `callToAction` components.\n   */\n  tertiaryCallToActionComponent?: ReactElement<typeof Button>;\n\n  /**\n   * The title of the Dialog.\n   */\n  title: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst Dialog = ({\n  primaryCallToActionComponent,\n  secondaryCallToActionComponent,\n  tertiaryCallToActionComponent,\n  callToActionFirstComponent,\n  callToActionSecondComponent,\n  callToActionLastComponent,\n  children,\n  isOpen,\n  onClose,\n  testId,\n  title,\n  translate,\n}: DialogProps) => {\n  const { t } = useTranslation();\n  const [isContentScrollable, setIsContentScrollable] = useState(false);\n  const dialogContentRef = useRef<HTMLDivElement>(null);\n  const dialogTitleId = useUniqueId();\n  const dialogLabelId = useUniqueId();\n\n  useEffect(() => {\n    let frameId: number;\n\n    const handleContentScroll = () => {\n      const dialogContentElement = dialogContentRef.current;\n      if (dialogContentElement) {\n        cancelAnimationFrame(frameId);\n        setIsContentScrollable(\n          dialogContentElement.scrollHeight > dialogContentElement.clientHeight,\n        );\n      }\n      frameId = requestAnimationFrame(handleContentScroll);\n    };\n\n    if (isOpen) {\n      frameId = requestAnimationFrame(handleContentScroll);\n    }\n\n    return () => {\n      cancelAnimationFrame(frameId);\n    };\n  }, [isOpen]);\n\n  const content =\n    typeof children === \"string\" ? (\n      <MuiDialogContentText>{children}</MuiDialogContentText>\n    ) : (\n      children\n    );\n\n  // Prioritize new action button format (|| used as a fallback)\n  const actionButtons = [\n    tertiaryCallToActionComponent || callToActionLastComponent,\n    secondaryCallToActionComponent || callToActionSecondComponent,\n    primaryCallToActionComponent || callToActionFirstComponent,\n  ].filter(Boolean);\n\n  const handleCloseButtonClick = useCallback<\n    NonNullable<ButtonProps[\"onClick\"]>\n  >((event) => onClose(event, \"closeButtonClick\"), [onClose]);\n\n  return (\n    <FullScreenOverlay>\n      <MuiDialog\n        aria-labelledby={dialogLabelId}\n        data-se={testId}\n        onClose={onClose}\n        open={isOpen}\n      >\n        <MuiDialogTitle\n          id={dialogTitleId} // We need to explicitly unset `id` for MUI to automatically set it based on the `aria-labelledby` prop passed to `MuiDialog`\n          translate={translate}\n        >\n          <span id={dialogLabelId}>{title}</span>\n          <Button\n            ariaLabel={t(\"close.text\")}\n            onClick={handleCloseButtonClick}\n            size=\"small\"\n            startIcon={<CloseIcon />}\n            variant=\"floating\"\n          />\n        </MuiDialogTitle>\n\n        <MuiDialogContent\n          {...(isContentScrollable && {\n            // Sets tabIndex on content element if scrollable so content is easier to navigate with the keyboard\n            tabIndex: 0,\n          })}\n          dividers={isContentScrollable}\n          ref={dialogContentRef}\n        >\n          {content}\n        </MuiDialogContent>\n\n        {actionButtons.length > 0 && (\n          <MuiDialogActions>\n            {actionButtons.map((actionButton, index) =>\n              actionButton ? cloneElement(actionButton, { key: index }) : null,\n            )}\n          </MuiDialogActions>\n        )}\n      </MuiDialog>\n    </FullScreenOverlay>\n  );\n};\n\nconst MemoizedDialog = memo(Dialog);\nMemoizedDialog.displayName = \"Dialog\";\n\nexport { MemoizedDialog as Dialog };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Dialog.cjs","names":["_react","require","_Button","_FullScreenOverlay","_i18n","_index","_useUniqueId","_jsxRuntime","_interopRequireDefault","e","__esModule","default","Dialog","primaryCallToActionComponent","secondaryCallToActionComponent","tertiaryCallToActionComponent","callToActionFirstComponent","callToActionSecondComponent","callToActionLastComponent","children","isOpen","onClose","testId","title","translate","variant","t","useTranslation","isContentScrollable","setIsContentScrollable","useState","dialogContentRef","useRef","dialogTitleId","useUniqueId","dialogLabelId","useEffect","frameId","handleContentScroll","dialogContentElement","current","cancelAnimationFrame","scrollHeight","clientHeight","requestAnimationFrame","content","jsx","_DialogContentText2","actionButtons","filter","Boolean","handleCloseButtonClick","useCallback","event","slotProps","useMemo","backdrop","FullScreenOverlay","overlayType","jsxs","_Dialog2","open","_DialogTitle2","id","Button","ariaLabel","onClick","size","startIcon","CloseIcon","_DialogContent2","tabIndex","dividers","ref","length","_DialogActions2","map","actionButton","index","cloneElement","key","MemoizedDialog","exports","memo","displayName"],"sources":["../../src/Dialog.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  Dialog as MuiDialog,\n  DialogActions as MuiDialogActions,\n  DialogContent as MuiDialogContent,\n  DialogContentText as MuiDialogContentText,\n  DialogProps as MuiDialogProps,\n  DialogTitle as MuiDialogTitle,\n} from \"@mui/material\";\nimport {\n  cloneElement,\n  memo,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Button, ButtonProps } from \"./Buttons/Button.js\";\nimport { FullScreenOverlay } from \"./FullScreenOverlay.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\ntype MuiOnCloseEvent = Parameters<Required<MuiDialogProps>[\"onClose\"]>[0];\ntype MuiOnCloseReason = Parameters<Required<MuiDialogProps>[\"onClose\"]>[1];\nexport type DialogOnCloseReason = MuiOnCloseReason | \"closeButtonClick\";\n\nexport type DialogProps = {\n  /**\n   * @deprecated `aria-label` for close button comes from translation file\n   */\n  ariaLabel?: string;\n\n  /**\n   * @deprecated Will be removed in a future Odyssey version. Use `primaryCallToActionComponent` instead.\n   */\n  callToActionFirstComponent?: ReactElement<typeof Button>;\n  /**\n   * @deprecated Will be removed in a future Odyssey version. Use `tertiaryCallToActionComponent` instead.\n   */\n  callToActionLastComponent?: ReactElement<typeof Button>;\n  /**\n   * @deprecated Will be removed in a future Odyssey version. Use `secondaryCallToActionComponent` instead.\n   */\n  callToActionSecondComponent?: ReactElement<typeof Button>;\n  /**\n   * The content of the Dialog. May be a `string` or any other `ReactNode` or array of `ReactNode`s.\n   */\n  children: ReactNode;\n  /**\n   * When set to `true`, the Dialog will be visible.\n   */\n  isOpen: boolean;\n  /**\n   * Callback that controls what happens when the Dialog is dismissed.\n   */\n  onClose: (event: MuiOnCloseEvent, reason: DialogOnCloseReason) => void;\n  /**\n   * An optional Button object to be situated in the Dialog footer as the primary call to action.\n   */\n  primaryCallToActionComponent?: ReactElement<typeof Button>;\n  /**\n   * An optional Button object to be situated in the Dialog footer as the secondary call to action, alongside the `primaryCallToActionComponent`.\n   */\n  secondaryCallToActionComponent?: ReactElement<typeof Button>;\n\n  /**\n   * An optional Button object to be situated in the Dialog footer as the tertiary call to action, alongside the other `callToAction` components.\n   */\n  tertiaryCallToActionComponent?: ReactElement<typeof Button>;\n\n  /**\n   * The title of the Dialog.\n   */\n  title: string;\n\n  /**\n   * When set to `security`, the Dialog backdrop will be opaque.\n   */\n  variant?: \"default\" | \"security\";\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst Dialog = ({\n  primaryCallToActionComponent,\n  secondaryCallToActionComponent,\n  tertiaryCallToActionComponent,\n  callToActionFirstComponent,\n  callToActionSecondComponent,\n  callToActionLastComponent,\n  children,\n  isOpen,\n  onClose,\n  testId,\n  title,\n  translate,\n  variant = \"default\",\n}: DialogProps) => {\n  const { t } = useTranslation();\n  const [isContentScrollable, setIsContentScrollable] = useState(false);\n  const dialogContentRef = useRef<HTMLDivElement>(null);\n  const dialogTitleId = useUniqueId();\n  const dialogLabelId = useUniqueId();\n\n  useEffect(() => {\n    let frameId: number;\n\n    const handleContentScroll = () => {\n      const dialogContentElement = dialogContentRef.current;\n      if (dialogContentElement) {\n        cancelAnimationFrame(frameId);\n        setIsContentScrollable(\n          dialogContentElement.scrollHeight > dialogContentElement.clientHeight,\n        );\n      }\n      frameId = requestAnimationFrame(handleContentScroll);\n    };\n\n    if (isOpen) {\n      frameId = requestAnimationFrame(handleContentScroll);\n    }\n\n    return () => {\n      cancelAnimationFrame(frameId);\n    };\n  }, [isOpen]);\n\n  const content =\n    typeof children === \"string\" ? (\n      <MuiDialogContentText>{children}</MuiDialogContentText>\n    ) : (\n      children\n    );\n\n  // Prioritize new action button format (|| used as a fallback)\n  const actionButtons = [\n    tertiaryCallToActionComponent || callToActionLastComponent,\n    secondaryCallToActionComponent || callToActionSecondComponent,\n    primaryCallToActionComponent || callToActionFirstComponent,\n  ].filter(Boolean);\n\n  const handleCloseButtonClick = useCallback<\n    NonNullable<ButtonProps[\"onClick\"]>\n  >((event) => onClose(event, \"closeButtonClick\"), [onClose]);\n\n  const slotProps = useMemo<MuiDialogProps[\"slotProps\"]>(\n    () => ({\n      backdrop: { variant: variant },\n    }),\n    [variant],\n  );\n\n  return (\n    <FullScreenOverlay overlayType=\"dialog\">\n      <MuiDialog\n        aria-labelledby={dialogLabelId}\n        data-se={testId}\n        onClose={onClose}\n        open={isOpen}\n        slotProps={slotProps}\n      >\n        <MuiDialogTitle\n          id={dialogTitleId} // We need to explicitly unset `id` for MUI to automatically set it based on the `aria-labelledby` prop passed to `MuiDialog`\n          translate={translate}\n        >\n          <span id={dialogLabelId}>{title}</span>\n          <Button\n            ariaLabel={t(\"close.text\")}\n            onClick={handleCloseButtonClick}\n            size=\"small\"\n            startIcon={<CloseIcon />}\n            variant=\"floating\"\n          />\n        </MuiDialogTitle>\n\n        <MuiDialogContent\n          {...(isContentScrollable && {\n            // Sets tabIndex on content element if scrollable so content is easier to navigate with the keyboard\n            tabIndex: 0,\n          })}\n          dividers={isContentScrollable}\n          ref={dialogContentRef}\n        >\n          {content}\n        </MuiDialogContent>\n\n        {actionButtons.length > 0 && (\n          <MuiDialogActions>\n            {actionButtons.map((actionButton, index) =>\n              actionButton ? cloneElement(actionButton, { key: index }) : null,\n            )}\n          </MuiDialogActions>\n        )}\n      </MuiDialog>\n    </FullScreenOverlay>\n  );\n};\n\nconst MemoizedDialog = memo(Dialog);\nMemoizedDialog.displayName = \"Dialog\";\n\nexport { MemoizedDialog as Dialog };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Drawer.cjs

@@ -187,6 +187,7 @@ const Drawer = ({
     })
   }), [anchorDirection, ariaLabel, children, dividersVisible, handleCloseButtonClick, hasFooter, isContentScrollable, isOpen, odysseyDesignTokens, onClose, primaryCallToActionComponent, secondaryCallToActionComponent, tertiaryCallToActionComponent, testId, title, translate, variant]);
   return variant === "temporary" ? (0, _jsxRuntime.jsx)(_FullScreenOverlay.FullScreenOverlay, {
+    overlayType: "drawer",
     children: muiDrawerComponent
   }) : muiDrawerComponent;
 };

package/dist/cjs/Drawer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.cjs","names":["_styled","_interopRequireDefault","require","_react","_Button","_FullScreenOverlay","_i18n","_index","_OdysseyDesignTokensContext","_Typography","_jsxRuntime","e","__esModule","default","variantValues","exports","DrawerHeader","styled","shouldForwardProp","prop","odysseyDesignTokens","Spacing4","Spacing5","HueNeutral900","HueNeutralWhite","hasDividers","HueNeutral200","DrawerContentWrapper","display","gridTemplateAreas","gridTemplateRows","overflow","DrawerContent","DrawerFooter","Drawer","ariaLabel","children","hasDividersProp","isOpen","onClose","primaryCallToActionComponent","secondaryCallToActionComponent","showDividers","tertiaryCallToActionComponent","testId","title","translate","variant","isContentScrollable","setIsContentScrollable","useState","drawerContentRef","useRef","useOdysseyDesignTokens","i18n","useTranslation","anchorDirection","dir","useEffect","frameId","handleContentScroll","drawerContentElement","current","cancelAnimationFrame","scrollHeight","clientHeight","requestAnimationFrame","dividersVisible","useMemo","hasFooter","handleCloseButtonClick","useCallback","event","muiDrawerComponent","jsx","_Drawer2","anchor","open","sx","transition","jsxs","Heading5","Button","onClick","size","startIcon","CloseIcon","tabIndex","ref","FullScreenOverlay","MemoizedDrawer","memo","displayName"],"sources":["../../src/Drawer.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  Drawer as MuiDrawer,\n  DrawerProps as MuiDrawerProps,\n} from \"@mui/material\";\nimport {\n  memo,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Button, ButtonProps } from \"./Buttons/Button.js\";\nimport { FullScreenOverlay } from \"./FullScreenOverlay.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Heading5 } from \"./Typography.js\";\n\ntype MuiOnCloseEvent = Parameters<Required<MuiDrawerProps>[\"onClose\"]>[0];\ntype MuiOnCloseReason = Parameters<Required<MuiDrawerProps>[\"onClose\"]>[1];\nexport type DrawerOnCloseReason = MuiOnCloseReason | \"closeButtonClick\";\n\nexport const variantValues = [\"temporary\", \"persistent\"] as const;\n\nexport type DrawerProps = {\n  /**\n   * The content of the Drawer. May be a `string` or any other `ReactNode` or array of `ReactNode`s.\n   */\n  children?: ReactNode;\n  /**\n   * When set to `true`, the Drawer will be visible.\n   */\n  isOpen?: boolean;\n  /**\n   * Callback that controls what happens when the Drawer is dismissed\n   */\n  onClose: (event: MuiOnCloseEvent, reason: DrawerOnCloseReason) => void;\n  /**\n   * An optional Button object to be situated in the Drawerfooter. Should almost always be of variant `primary`.\n   */\n  primaryCallToActionComponent?: ReactElement<typeof Button>;\n  /**\n   * An optional Button object to be situated in the Drawer footer, alongside the `callToActionPrimaryComponent`.\n   */\n  secondaryCallToActionComponent?: ReactElement<typeof Button>;\n  /**\n   * An optional Button object to be situated in the Drawer footer, alongside the other two `callToAction` components.\n   */\n  tertiaryCallToActionComponent?: ReactElement<typeof Button>;\n  /**\n   * The title of the Drawer\n   */\n  title?: string;\n  /**\n   * Type of Drawer\n   */\n  variant?: (typeof variantValues)[number];\n} & Pick<HtmlProps, \"ariaLabel\" | \"testId\" | \"translate\"> &\n  (\n    | {\n        /**\n         * Shows divider lines separating header, content, and footer (if using action buttons).\n         */\n        hasDividers?: never;\n        /**\n         * @deprecated use `hasDividers` instead.\n         *\n         * Shows divider lines separating header, content, and footer (if using action buttons).\n         */\n        showDividers: boolean;\n      }\n    | {\n        /**\n         * Shows divider lines separating header, content, and footer (if using action buttons).\n         */\n        hasDividers: boolean;\n        /**\n         * @deprecated use `hasDividers` instead.\n         *\n         * Shows divider lines separating header, content, and footer (if using action buttons).\n         */\n        showDividers?: never;\n      }\n  );\n\ntype DrawerStyleProps = {\n  hasDividers: boolean;\n  odysseyDesignTokens: DesignTokens;\n};\n\nconst DrawerHeader = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n  grid-area: header;\n  position: sticky;\n  top: 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: 0;\n  padding: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing4}\n    ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing5};\n  color: ${({ odysseyDesignTokens }) => odysseyDesignTokens.HueNeutral900};\n  background-color: ${({ odysseyDesignTokens }) =>\n    odysseyDesignTokens.HueNeutralWhite};\n  border-bottom: ${({ hasDividers, odysseyDesignTokens }) =>\n    hasDividers ? `1px solid ${odysseyDesignTokens.HueNeutral200}` : \"none\"};\n`;\n\nconst DrawerContentWrapper = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>({\n  display: \"grid\",\n  gridTemplateAreas: `\n    \"header\"\n    \"content\"\n    \"footer\"\n  `,\n  gridTemplateRows: \"auto 1fr auto\",\n  overflow: \"hidden\",\n});\n\nconst DrawerContent = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n  grid-area: content;\n  overflow-y: auto;\n  padding: ${({ hasDividers, odysseyDesignTokens }) =>\n    hasDividers\n      ? `${odysseyDesignTokens.Spacing5}`\n      : `0 ${odysseyDesignTokens.Spacing5}`};\n`;\n\nconst DrawerFooter = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n  grid-area: footer;\n  position: sticky;\n  bottom: 0;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  align-content: center;\n  padding: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing4};\n  border-top: ${({ hasDividers, odysseyDesignTokens }) =>\n    hasDividers ? `1px solid ${odysseyDesignTokens.HueNeutral200}` : \"none\"};\n  background-color: ${({ odysseyDesignTokens }) =>\n    odysseyDesignTokens.HueNeutralWhite};\n`;\n\nconst Drawer = ({\n  ariaLabel,\n  children,\n  hasDividers: hasDividersProp = false,\n  isOpen,\n  onClose,\n  primaryCallToActionComponent,\n  secondaryCallToActionComponent,\n  showDividers = false,\n  tertiaryCallToActionComponent,\n  testId,\n  title,\n  translate,\n  variant = \"temporary\",\n}: DrawerProps) => {\n  const [isContentScrollable, setIsContentScrollable] = useState(false);\n  const drawerContentRef = useRef<HTMLDivElement>(null);\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const hasDividers = hasDividersProp || showDividers;\n\n  //If RTL is set in the theme, align the drawer on the left side of the screen, uses right by default.\n  const { i18n } = useTranslation();\n  const anchorDirection = i18n.dir() === \"rtl\" ? \"left\" : \"right\";\n\n  useEffect(() => {\n    let frameId: number;\n\n    const handleContentScroll = () => {\n      const drawerContentElement = drawerContentRef.current;\n      if (drawerContentElement) {\n        cancelAnimationFrame(frameId);\n        setIsContentScrollable(\n          drawerContentElement.scrollHeight > drawerContentElement.clientHeight,\n        );\n      }\n      frameId = requestAnimationFrame(handleContentScroll);\n    };\n\n    if (isOpen) {\n      frameId = requestAnimationFrame(handleContentScroll);\n    }\n\n    return () => {\n      cancelAnimationFrame(frameId);\n    };\n  }, [isOpen]);\n\n  const dividersVisible = useMemo(() => {\n    return hasDividers || isContentScrollable;\n  }, [hasDividers, isContentScrollable]);\n\n  const hasFooter = useMemo(\n    () =>\n      primaryCallToActionComponent ||\n      secondaryCallToActionComponent ||\n      tertiaryCallToActionComponent,\n    [\n      primaryCallToActionComponent,\n      secondaryCallToActionComponent,\n      tertiaryCallToActionComponent,\n    ],\n  );\n\n  const handleCloseButtonClick = useCallback<\n    NonNullable<ButtonProps[\"onClick\"]>\n  >((event) => onClose(event, \"closeButtonClick\"), [onClose]);\n\n  const muiDrawerComponent = useMemo(\n    () => (\n      <MuiDrawer\n        anchor={anchorDirection}\n        data-se={testId}\n        onClose={onClose}\n        open={isOpen}\n        sx={{\n          //Overrides default MUI inline style\n          ...(variant === \"persistent\" && {\n            \"& .MuiDrawer-paper\": {\n              transition: \"none\",\n            },\n          }),\n        }}\n        variant={variant}\n      >\n        <DrawerContentWrapper odysseyDesignTokens={odysseyDesignTokens}>\n          <DrawerHeader\n            hasDividers={dividersVisible}\n            odysseyDesignTokens={odysseyDesignTokens}\n            translate={translate}\n          >\n            <Heading5>{title}</Heading5>\n            <Button\n              ariaLabel={ariaLabel}\n              onClick={handleCloseButtonClick}\n              size=\"small\"\n              startIcon={<CloseIcon />}\n              variant=\"floating\"\n            />\n          </DrawerHeader>\n          <DrawerContent\n            {...(isContentScrollable && {\n              //Sets tabIndex on content element if scrollable so content is easier to navigate with the keyboard\n              tabIndex: 0,\n            })}\n            hasDividers={dividersVisible}\n            odysseyDesignTokens={odysseyDesignTokens}\n            ref={drawerContentRef}\n          >\n            {children}\n          </DrawerContent>\n          {hasFooter && (\n            <DrawerFooter\n              hasDividers={dividersVisible}\n              odysseyDesignTokens={odysseyDesignTokens}\n            >\n              {tertiaryCallToActionComponent}\n              {secondaryCallToActionComponent}\n              {primaryCallToActionComponent}\n            </DrawerFooter>\n          )}\n        </DrawerContentWrapper>\n      </MuiDrawer>\n    ),\n    [\n      anchorDirection,\n      ariaLabel,\n      children,\n      dividersVisible,\n      handleCloseButtonClick,\n      hasFooter,\n      isContentScrollable,\n      isOpen,\n      odysseyDesignTokens,\n      onClose,\n      primaryCallToActionComponent,\n      secondaryCallToActionComponent,\n      tertiaryCallToActionComponent,\n      testId,\n      title,\n      translate,\n      variant,\n    ],\n  );\n\n  return variant === \"temporary\" ? (\n    <FullScreenOverlay>{muiDrawerComponent}</FullScreenOverlay>\n  ) : (\n    muiDrawerComponent\n  );\n};\n\nconst MemoizedDrawer = memo(Drawer);\nMemoizedDrawer.displayName = \"Drawer\";\n\nexport { MemoizedDrawer as Drawer };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Drawer.cjs","names":["_styled","_interopRequireDefault","require","_react","_Button","_FullScreenOverlay","_i18n","_index","_OdysseyDesignTokensContext","_Typography","_jsxRuntime","e","__esModule","default","variantValues","exports","DrawerHeader","styled","shouldForwardProp","prop","odysseyDesignTokens","Spacing4","Spacing5","HueNeutral900","HueNeutralWhite","hasDividers","HueNeutral200","DrawerContentWrapper","display","gridTemplateAreas","gridTemplateRows","overflow","DrawerContent","DrawerFooter","Drawer","ariaLabel","children","hasDividersProp","isOpen","onClose","primaryCallToActionComponent","secondaryCallToActionComponent","showDividers","tertiaryCallToActionComponent","testId","title","translate","variant","isContentScrollable","setIsContentScrollable","useState","drawerContentRef","useRef","useOdysseyDesignTokens","i18n","useTranslation","anchorDirection","dir","useEffect","frameId","handleContentScroll","drawerContentElement","current","cancelAnimationFrame","scrollHeight","clientHeight","requestAnimationFrame","dividersVisible","useMemo","hasFooter","handleCloseButtonClick","useCallback","event","muiDrawerComponent","jsx","_Drawer2","anchor","open","sx","transition","jsxs","Heading5","Button","onClick","size","startIcon","CloseIcon","tabIndex","ref","FullScreenOverlay","overlayType","MemoizedDrawer","memo","displayName"],"sources":["../../src/Drawer.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  Drawer as MuiDrawer,\n  DrawerProps as MuiDrawerProps,\n} from \"@mui/material\";\nimport {\n  memo,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Button, ButtonProps } from \"./Buttons/Button.js\";\nimport { FullScreenOverlay } from \"./FullScreenOverlay.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Heading5 } from \"./Typography.js\";\n\ntype MuiOnCloseEvent = Parameters<Required<MuiDrawerProps>[\"onClose\"]>[0];\ntype MuiOnCloseReason = Parameters<Required<MuiDrawerProps>[\"onClose\"]>[1];\nexport type DrawerOnCloseReason = MuiOnCloseReason | \"closeButtonClick\";\n\nexport const variantValues = [\"temporary\", \"persistent\"] as const;\n\nexport type DrawerProps = {\n  /**\n   * The content of the Drawer. May be a `string` or any other `ReactNode` or array of `ReactNode`s.\n   */\n  children?: ReactNode;\n  /**\n   * When set to `true`, the Drawer will be visible.\n   */\n  isOpen?: boolean;\n  /**\n   * Callback that controls what happens when the Drawer is dismissed\n   */\n  onClose: (event: MuiOnCloseEvent, reason: DrawerOnCloseReason) => void;\n  /**\n   * An optional Button object to be situated in the Drawerfooter. Should almost always be of variant `primary`.\n   */\n  primaryCallToActionComponent?: ReactElement<typeof Button>;\n  /**\n   * An optional Button object to be situated in the Drawer footer, alongside the `callToActionPrimaryComponent`.\n   */\n  secondaryCallToActionComponent?: ReactElement<typeof Button>;\n  /**\n   * An optional Button object to be situated in the Drawer footer, alongside the other two `callToAction` components.\n   */\n  tertiaryCallToActionComponent?: ReactElement<typeof Button>;\n  /**\n   * The title of the Drawer\n   */\n  title?: string;\n  /**\n   * Type of Drawer\n   */\n  variant?: (typeof variantValues)[number];\n} & Pick<HtmlProps, \"ariaLabel\" | \"testId\" | \"translate\"> &\n  (\n    | {\n        /**\n         * Shows divider lines separating header, content, and footer (if using action buttons).\n         */\n        hasDividers?: never;\n        /**\n         * @deprecated use `hasDividers` instead.\n         *\n         * Shows divider lines separating header, content, and footer (if using action buttons).\n         */\n        showDividers: boolean;\n      }\n    | {\n        /**\n         * Shows divider lines separating header, content, and footer (if using action buttons).\n         */\n        hasDividers: boolean;\n        /**\n         * @deprecated use `hasDividers` instead.\n         *\n         * Shows divider lines separating header, content, and footer (if using action buttons).\n         */\n        showDividers?: never;\n      }\n  );\n\ntype DrawerStyleProps = {\n  hasDividers: boolean;\n  odysseyDesignTokens: DesignTokens;\n};\n\nconst DrawerHeader = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n  grid-area: header;\n  position: sticky;\n  top: 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: 0;\n  padding: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing4}\n    ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing5};\n  color: ${({ odysseyDesignTokens }) => odysseyDesignTokens.HueNeutral900};\n  background-color: ${({ odysseyDesignTokens }) =>\n    odysseyDesignTokens.HueNeutralWhite};\n  border-bottom: ${({ hasDividers, odysseyDesignTokens }) =>\n    hasDividers ? `1px solid ${odysseyDesignTokens.HueNeutral200}` : \"none\"};\n`;\n\nconst DrawerContentWrapper = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>({\n  display: \"grid\",\n  gridTemplateAreas: `\n    \"header\"\n    \"content\"\n    \"footer\"\n  `,\n  gridTemplateRows: \"auto 1fr auto\",\n  overflow: \"hidden\",\n});\n\nconst DrawerContent = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n  grid-area: content;\n  overflow-y: auto;\n  padding: ${({ hasDividers, odysseyDesignTokens }) =>\n    hasDividers\n      ? `${odysseyDesignTokens.Spacing5}`\n      : `0 ${odysseyDesignTokens.Spacing5}`};\n`;\n\nconst DrawerFooter = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n  grid-area: footer;\n  position: sticky;\n  bottom: 0;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  align-content: center;\n  padding: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing4};\n  border-top: ${({ hasDividers, odysseyDesignTokens }) =>\n    hasDividers ? `1px solid ${odysseyDesignTokens.HueNeutral200}` : \"none\"};\n  background-color: ${({ odysseyDesignTokens }) =>\n    odysseyDesignTokens.HueNeutralWhite};\n`;\n\nconst Drawer = ({\n  ariaLabel,\n  children,\n  hasDividers: hasDividersProp = false,\n  isOpen,\n  onClose,\n  primaryCallToActionComponent,\n  secondaryCallToActionComponent,\n  showDividers = false,\n  tertiaryCallToActionComponent,\n  testId,\n  title,\n  translate,\n  variant = \"temporary\",\n}: DrawerProps) => {\n  const [isContentScrollable, setIsContentScrollable] = useState(false);\n  const drawerContentRef = useRef<HTMLDivElement>(null);\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const hasDividers = hasDividersProp || showDividers;\n\n  //If RTL is set in the theme, align the drawer on the left side of the screen, uses right by default.\n  const { i18n } = useTranslation();\n  const anchorDirection = i18n.dir() === \"rtl\" ? \"left\" : \"right\";\n\n  useEffect(() => {\n    let frameId: number;\n\n    const handleContentScroll = () => {\n      const drawerContentElement = drawerContentRef.current;\n      if (drawerContentElement) {\n        cancelAnimationFrame(frameId);\n        setIsContentScrollable(\n          drawerContentElement.scrollHeight > drawerContentElement.clientHeight,\n        );\n      }\n      frameId = requestAnimationFrame(handleContentScroll);\n    };\n\n    if (isOpen) {\n      frameId = requestAnimationFrame(handleContentScroll);\n    }\n\n    return () => {\n      cancelAnimationFrame(frameId);\n    };\n  }, [isOpen]);\n\n  const dividersVisible = useMemo(() => {\n    return hasDividers || isContentScrollable;\n  }, [hasDividers, isContentScrollable]);\n\n  const hasFooter = useMemo(\n    () =>\n      primaryCallToActionComponent ||\n      secondaryCallToActionComponent ||\n      tertiaryCallToActionComponent,\n    [\n      primaryCallToActionComponent,\n      secondaryCallToActionComponent,\n      tertiaryCallToActionComponent,\n    ],\n  );\n\n  const handleCloseButtonClick = useCallback<\n    NonNullable<ButtonProps[\"onClick\"]>\n  >((event) => onClose(event, \"closeButtonClick\"), [onClose]);\n\n  const muiDrawerComponent = useMemo(\n    () => (\n      <MuiDrawer\n        anchor={anchorDirection}\n        data-se={testId}\n        onClose={onClose}\n        open={isOpen}\n        sx={{\n          //Overrides default MUI inline style\n          ...(variant === \"persistent\" && {\n            \"& .MuiDrawer-paper\": {\n              transition: \"none\",\n            },\n          }),\n        }}\n        variant={variant}\n      >\n        <DrawerContentWrapper odysseyDesignTokens={odysseyDesignTokens}>\n          <DrawerHeader\n            hasDividers={dividersVisible}\n            odysseyDesignTokens={odysseyDesignTokens}\n            translate={translate}\n          >\n            <Heading5>{title}</Heading5>\n            <Button\n              ariaLabel={ariaLabel}\n              onClick={handleCloseButtonClick}\n              size=\"small\"\n              startIcon={<CloseIcon />}\n              variant=\"floating\"\n            />\n          </DrawerHeader>\n          <DrawerContent\n            {...(isContentScrollable && {\n              //Sets tabIndex on content element if scrollable so content is easier to navigate with the keyboard\n              tabIndex: 0,\n            })}\n            hasDividers={dividersVisible}\n            odysseyDesignTokens={odysseyDesignTokens}\n            ref={drawerContentRef}\n          >\n            {children}\n          </DrawerContent>\n          {hasFooter && (\n            <DrawerFooter\n              hasDividers={dividersVisible}\n              odysseyDesignTokens={odysseyDesignTokens}\n            >\n              {tertiaryCallToActionComponent}\n              {secondaryCallToActionComponent}\n              {primaryCallToActionComponent}\n            </DrawerFooter>\n          )}\n        </DrawerContentWrapper>\n      </MuiDrawer>\n    ),\n    [\n      anchorDirection,\n      ariaLabel,\n      children,\n      dividersVisible,\n      handleCloseButtonClick,\n      hasFooter,\n      isContentScrollable,\n      isOpen,\n      odysseyDesignTokens,\n      onClose,\n      primaryCallToActionComponent,\n      secondaryCallToActionComponent,\n      tertiaryCallToActionComponent,\n      testId,\n      title,\n      translate,\n      variant,\n    ],\n  );\n\n  return variant === \"temporary\" ? (\n    <FullScreenOverlay overlayType=\"drawer\">\n      {muiDrawerComponent}\n    </FullScreenOverlay>\n  ) : (\n    muiDrawerComponent\n  );\n};\n\nconst MemoizedDrawer = memo(Drawer);\nMemoizedDrawer.displayName = \"Drawer\";\n\nexport { MemoizedDrawer as Drawer };\n"],"mappings":";;;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AAaA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,2BAAA,GAAAN,OAAA;AAIA,IAAAO,WAAA,GAAAP,OAAA;AAA2C,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAD,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAtC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkCO,MAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,CAAC,WAAW,EAAE,YAAY,CAAU;AAoEjE,MAAME,YAAY,GAAG,IAAAC,eAAM,EAAC,KAAK,EAAE;EACjCC,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAAIA,IAAI,KAAK;AAC/C,CAAC,CAAmB;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,CAAC;EAAEC;AAAoB,CAAC,KAAKA,mBAAmB,CAACC,QAAQ;AACtE,MAAM,CAAC;EAAED;AAAoB,CAAC,KAAKA,mBAAmB,CAACE,QAAQ;AAC/D,WAAW,CAAC;EAAEF;AAAoB,CAAC,KAAKA,mBAAmB,CAACG,aAAa;AACzE,sBAAsB,CAAC;EAAEH;AAAoB,CAAC,KAC1CA,mBAAmB,CAACI,eAAe;AACvC,mBAAmB,CAAC;EAAEC,WAAW;EAAEL;AAAoB,CAAC,KACpDK,WAAW,GAAG,aAAaL,mBAAmB,CAACM,aAAa,EAAE,GAAG,MAAM;AAC3E,CAAC;AAED,MAAMC,oBAAoB,GAAG,IAAAV,eAAM,EAAC,KAAK,EAAE;EACzCC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAEC;EACDS,OAAO,EAAE,MAAM;EACfC,iBAAiB,EAAE;AACrB;AACA;AACA;AACA,GAAG;EACDC,gBAAgB,EAAE,eAAe;EACjCC,QAAQ,EAAE;AACZ,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAG,IAAAf,eAAM,EAAC,KAAK,EAAE;EAClCC,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAAIA,IAAI,KAAK;AAC/C,CAAC,CAAmB;AACpB;AACA;AACA,aAAa,CAAC;EAAEM,WAAW;EAAEL;AAAoB,CAAC,KAC9CK,WAAW,GACP,GAAGL,mBAAmB,CAACE,QAAQ,EAAE,GACjC,KAAKF,mBAAmB,CAACE,QAAQ,EAAE;AAC3C,CAAC;AAED,MAAMW,YAAY,GAAG,IAAAhB,eAAM,EAAC,KAAK,EAAE;EACjCC,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAAIA,IAAI,KAAK;AAC/C,CAAC,CAAmB;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,CAAC;EAAEC;AAAoB,CAAC,KAAKA,mBAAmB,CAACC,QAAQ;AACtE,gBAAgB,CAAC;EAAEI,WAAW;EAAEL;AAAoB,CAAC,KACjDK,WAAW,GAAG,aAAaL,mBAAmB,CAACM,aAAa,EAAE,GAAG,MAAM;AAC3E,sBAAsB,CAAC;EAAEN;AAAoB,CAAC,KAC1CA,mBAAmB,CAACI,eAAe;AACvC,CAAC;AAED,MAAMU,MAAM,GAAGA,CAAC;EACdC,SAAS;EACTC,QAAQ;EACRX,WAAW,EAAEY,eAAe,GAAG,KAAK;EACpCC,MAAM;EACNC,OAAO;EACPC,4BAA4B;EAC5BC,8BAA8B;EAC9BC,YAAY,GAAG,KAAK;EACpBC,6BAA6B;EAC7BC,MAAM;EACNC,KAAK;EACLC,SAAS;EACTC,OAAO,GAAG;AACC,CAAC,KAAK;EACjB,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACrE,MAAMC,gBAAgB,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EACrD,MAAMhC,mBAAmB,GAAG,IAAAiC,kDAAsB,EAAC,CAAC;EAEpD,MAAM5B,WAAW,GAAGY,eAAe,IAAIK,YAAY;EAGnD,MAAM;IAAEY;EAAK,CAAC,GAAG,IAAAC,oBAAc,EAAC,CAAC;EACjC,MAAMC,eAAe,GAAGF,IAAI,CAACG,GAAG,CAAC,CAAC,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO;EAE/D,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIC,OAAe;IAEnB,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;MAChC,MAAMC,oBAAoB,GAAGV,gBAAgB,CAACW,OAAO;MACrD,IAAID,oBAAoB,EAAE;QACxBE,oBAAoB,CAACJ,OAAO,CAAC;QAC7BV,sBAAsB,CACpBY,oBAAoB,CAACG,YAAY,GAAGH,oBAAoB,CAACI,YAC3D,CAAC;MACH;MACAN,OAAO,GAAGO,qBAAqB,CAACN,mBAAmB,CAAC;IACtD,CAAC;IAED,IAAItB,MAAM,EAAE;MACVqB,OAAO,GAAGO,qBAAqB,CAACN,mBAAmB,CAAC;IACtD;IAEA,OAAO,MAAM;MACXG,oBAAoB,CAACJ,OAAO,CAAC;IAC/B,CAAC;EACH,CAAC,EAAE,CAACrB,MAAM,CAAC,CAAC;EAEZ,MAAM6B,eAAe,GAAG,IAAAC,cAAO,EAAC,MAAM;IACpC,OAAO3C,WAAW,IAAIuB,mBAAmB;EAC3C,CAAC,EAAE,CAACvB,WAAW,EAAEuB,mBAAmB,CAAC,CAAC;EAEtC,MAAMqB,SAAS,GAAG,IAAAD,cAAO,EACvB,MACE5B,4BAA4B,IAC5BC,8BAA8B,IAC9BE,6BAA6B,EAC/B,CACEH,4BAA4B,EAC5BC,8BAA8B,EAC9BE,6BAA6B,CAEjC,CAAC;EAED,MAAM2B,sBAAsB,GAAG,IAAAC,kBAAW,EAEvCC,KAAK,IAAKjC,OAAO,CAACiC,KAAK,EAAE,kBAAkB,CAAC,EAAE,CAACjC,OAAO,CAAC,CAAC;EAE3D,MAAMkC,kBAAkB,GAAG,IAAAL,cAAO,EAChC,MACE,IAAA1D,WAAA,CAAAgE,GAAA,EAAAC,QAAA,CAAA9D,OAAA;IACE+D,MAAM,EAAEpB,eAAgB;IACxB,WAASZ,MAAO;IAChBL,OAAO,EAAEA,OAAQ;IACjBsC,IAAI,EAAEvC,MAAO;IACbwC,EAAE,EAAE;MAEF,IAAI/B,OAAO,KAAK,YAAY,IAAI;QAC9B,oBAAoB,EAAE;UACpBgC,UAAU,EAAE;QACd;MACF,CAAC;IACH,CAAE;IACFhC,OAAO,EAAEA,OAAQ;IAAAX,QAAA,EAEjB,IAAA1B,WAAA,CAAAsE,IAAA,EAACrD,oBAAoB;MAACP,mBAAmB,EAAEA,mBAAoB;MAAAgB,QAAA,GAC7D,IAAA1B,WAAA,CAAAsE,IAAA,EAAChE,YAAY;QACXS,WAAW,EAAE0C,eAAgB;QAC7B/C,mBAAmB,EAAEA,mBAAoB;QACzC0B,SAAS,EAAEA,SAAU;QAAAV,QAAA,GAErB,IAAA1B,WAAA,CAAAgE,GAAA,EAACjE,WAAA,CAAAwE,QAAQ;UAAA7C,QAAA,EAAES;QAAK,CAAW,CAAC,EAC5B,IAAAnC,WAAA,CAAAgE,GAAA,EAACtE,OAAA,CAAA8E,MAAM;UACL/C,SAAS,EAAEA,SAAU;UACrBgD,OAAO,EAAEb,sBAAuB;UAChCc,IAAI,EAAC,OAAO;UACZC,SAAS,EAAE,IAAA3E,WAAA,CAAAgE,GAAA,EAACnE,MAAA,CAAA+E,SAAS,IAAE,CAAE;UACzBvC,OAAO,EAAC;QAAU,CACnB,CAAC;MAAA,CACU,CAAC,EACf,IAAArC,WAAA,CAAAgE,GAAA,EAAC1C,aAAa;QAAA,IACPgB,mBAAmB,IAAI;UAE1BuC,QAAQ,EAAE;QACZ,CAAC;QACD9D,WAAW,EAAE0C,eAAgB;QAC7B/C,mBAAmB,EAAEA,mBAAoB;QACzCoE,GAAG,EAAErC,gBAAiB;QAAAf,QAAA,EAErBA;MAAQ,CACI,CAAC,EACfiC,SAAS,IACR,IAAA3D,WAAA,CAAAsE,IAAA,EAAC/C,YAAY;QACXR,WAAW,EAAE0C,eAAgB;QAC7B/C,mBAAmB,EAAEA,mBAAoB;QAAAgB,QAAA,GAExCO,6BAA6B,EAC7BF,8BAA8B,EAC9BD,4BAA4B;MAAA,CACjB,CACf;IAAA,CACmB;EAAC,CACd,CACZ,EACD,CACEgB,eAAe,EACfrB,SAAS,EACTC,QAAQ,EACR+B,eAAe,EACfG,sBAAsB,EACtBD,SAAS,EACTrB,mBAAmB,EACnBV,MAAM,EACNlB,mBAAmB,EACnBmB,OAAO,EACPC,4BAA4B,EAC5BC,8BAA8B,EAC9BE,6BAA6B,EAC7BC,MAAM,EACNC,KAAK,EACLC,SAAS,EACTC,OAAO,CAEX,CAAC;EAED,OAAOA,OAAO,KAAK,WAAW,GAC5B,IAAArC,WAAA,CAAAgE,GAAA,EAACrE,kBAAA,CAAAoF,iBAAiB;IAACC,WAAW,EAAC,QAAQ;IAAAtD,QAAA,EACpCqC;EAAkB,CACF,CAAC,GAEpBA,kBACD;AACH,CAAC;AAED,MAAMkB,cAAc,GAAA5E,OAAA,CAAAmB,MAAA,GAAG,IAAA0D,WAAI,EAAC1D,MAAM,CAAC;AACnCyD,cAAc,CAACE,WAAW,GAAG,QAAQ","ignoreList":[]}

package/dist/cjs/FullScreenOverlay.cjs

@@ -21,7 +21,8 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 const FullScreenOverlay = ({
-  children
+  children,
+  overlayType
 }) => {
   const {
     overlayEmotionRootElement,
@@ -30,7 +31,9 @@ const FullScreenOverlay = ({
   return (0, _jsxRuntime.jsx)(_OdysseyProvider.OdysseyProvider, {
     emotionRootElement: overlayEmotionRootElement,
     hasScopedCssBaseline: false,
+    hasTranslationProvider: false,
     hasWrapperElement: false,
+    overlayType: overlayType,
     shadowRootElement: overlayShadowRootElement,
     children: children
   });

package/dist/cjs/FullScreenOverlay.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FullScreenOverlay.cjs","names":["_react","require","_FullScreenOverlayContext","_OdysseyProvider","_jsxRuntime","FullScreenOverlay","children","overlayEmotionRootElement","overlayShadowRootElement","useFullScreenOverlayContext","jsx","OdysseyProvider","emotionRootElement","hasScopedCssBaseline","hasWrapperElement","shadowRootElement","MemoizedFullScreenOverlay","exports","memo","displayName"],"sources":["../../src/FullScreenOverlay.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, type ReactNode } from \"react\";\n\nimport {\n  type FullScreenOverlayProviderProps,\n  useFullScreenOverlayContext,\n} from \"./FullScreenOverlayContext.js\";\nimport { OdysseyProvider } from \"./OdysseyProvider.js\";\n\nexport type FullScreenOverlayProps = {\n  children: ReactNode;\n};\n\nconst FullScreenOverlay = ({ children }: FullScreenOverlayProviderProps) => {\n  const { overlayEmotionRootElement, overlayShadowRootElement } =\n    useFullScreenOverlayContext();\n\n  return (\n    <OdysseyProvider\n      emotionRootElement={overlayEmotionRootElement}\n      hasScopedCssBaseline={false}\n      hasWrapperElement={false}\n      shadowRootElement={overlayShadowRootElement}\n    >\n      {children}\n    </OdysseyProvider>\n  );\n};\n\nconst MemoizedFullScreenOverlay = memo(FullScreenOverlay);\nMemoizedFullScreenOverlay.displayName = \"FullScreenOverlay\";\n\nexport { MemoizedFullScreenOverlay as FullScreenOverlay };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,yBAAA,GAAAD,OAAA;AAIA,IAAAE,gBAAA,GAAAF,OAAA;AAAuD,IAAAG,WAAA,GAAAH,OAAA;AAlBvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAcA,MAAMI,iBAAiB,GAAGA,CAAC;EAAEC;AAAyC,CAAC,KAAK;EAC1E,MAAM;IAAEC,yBAAyB;IAAEC;EAAyB,CAAC,GAC3D,IAAAC,qDAA2B,EAAC,CAAC;EAE/B,OACE,IAAAL,WAAA,CAAAM,GAAA,EAACP,gBAAA,CAAAQ,eAAe;IACdC,kBAAkB,EAAEL,yBAA0B;IAC9CM,oBAAoB,EAAE,KAAM;IAC5BC,iBAAiB,EAAE,KAAM;IACzBC,iBAAiB,EAAEP,wBAAyB;IAAAF,QAAA,EAE3CA;EAAQ,CACM,CAAC;AAEtB,CAAC;AAED,MAAMU,yBAAyB,GAAAC,OAAA,CAAAZ,iBAAA,GAAG,IAAAa,WAAI,EAACb,iBAAiB,CAAC;AACzDW,yBAAyB,CAACG,WAAW,GAAG,mBAAmB","ignoreList":[]}
+{"version":3,"file":"FullScreenOverlay.cjs","names":["_react","require","_FullScreenOverlayContext","_OdysseyProvider","_jsxRuntime","FullScreenOverlay","children","overlayType","overlayEmotionRootElement","overlayShadowRootElement","useFullScreenOverlayContext","jsx","OdysseyProvider","emotionRootElement","hasScopedCssBaseline","hasTranslationProvider","hasWrapperElement","shadowRootElement","MemoizedFullScreenOverlay","exports","memo","displayName"],"sources":["../../src/FullScreenOverlay.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, type ReactNode } from \"react\";\n\nimport {\n  type OverlayType,\n  useFullScreenOverlayContext,\n} from \"./FullScreenOverlayContext.js\";\nimport { OdysseyProvider } from \"./OdysseyProvider.js\";\n\nexport type FullScreenOverlayProps = {\n  children: ReactNode;\n  overlayType?: OverlayType;\n};\n\nconst FullScreenOverlay = ({\n  children,\n  overlayType,\n}: FullScreenOverlayProps) => {\n  const { overlayEmotionRootElement, overlayShadowRootElement } =\n    useFullScreenOverlayContext();\n\n  return (\n    <OdysseyProvider\n      emotionRootElement={overlayEmotionRootElement}\n      hasScopedCssBaseline={false}\n      hasTranslationProvider={false}\n      hasWrapperElement={false}\n      overlayType={overlayType}\n      shadowRootElement={overlayShadowRootElement}\n    >\n      {children}\n    </OdysseyProvider>\n  );\n};\n\nconst MemoizedFullScreenOverlay = memo(FullScreenOverlay);\nMemoizedFullScreenOverlay.displayName = \"FullScreenOverlay\";\n\nexport { MemoizedFullScreenOverlay as FullScreenOverlay };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,yBAAA,GAAAD,OAAA;AAIA,IAAAE,gBAAA,GAAAF,OAAA;AAAuD,IAAAG,WAAA,GAAAH,OAAA;AAlBvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAeA,MAAMI,iBAAiB,GAAGA,CAAC;EACzBC,QAAQ;EACRC;AACsB,CAAC,KAAK;EAC5B,MAAM;IAAEC,yBAAyB;IAAEC;EAAyB,CAAC,GAC3D,IAAAC,qDAA2B,EAAC,CAAC;EAE/B,OACE,IAAAN,WAAA,CAAAO,GAAA,EAACR,gBAAA,CAAAS,eAAe;IACdC,kBAAkB,EAAEL,yBAA0B;IAC9CM,oBAAoB,EAAE,KAAM;IAC5BC,sBAAsB,EAAE,KAAM;IAC9BC,iBAAiB,EAAE,KAAM;IACzBT,WAAW,EAAEA,WAAY;IACzBU,iBAAiB,EAAER,wBAAyB;IAAAH,QAAA,EAE3CA;EAAQ,CACM,CAAC;AAEtB,CAAC;AAED,MAAMY,yBAAyB,GAAAC,OAAA,CAAAd,iBAAA,GAAG,IAAAe,WAAI,EAACf,iBAAiB,CAAC;AACzDa,yBAAyB,CAACG,WAAW,GAAG,mBAAmB","ignoreList":[]}