@okta/odyssey-react-mui 1.36.1 → 1.37.1

package/README.md

@@ -44,14 +44,17 @@ Add the Odyssey `OdysseyProvider` around your whole app:
 import { OdysseyProvider } from "@okta/odyssey-react-mui";
 
 const YourAppRoot = ({ children }) => (
-  <OdysseyProvider>{children}</OdysseyProvider>
+  <OdysseyProvider>
+    <CssBaseline />
+    {children}
+  </OdysseyProvider>
 );
 ```
 
 Add Material-UI components not exported from Odyssey with Odyssey styling or add your own theme to MUI:
 
 ```sh
-$ yarn add @mui/material
+yarn add @mui/material
 ```
 
 ```jsx
@@ -60,7 +63,9 @@ import { OdysseyThemeProvider } from "@okta/odyssey-react-mui";
 import { myMaterialUiTheme } from "./myMaterialUiTheme.js";
 
 const YourAppRoot = ({ children }) => (
-  <OdysseyThemeProvider theme={myMaterialUiTheme}>{children}<OdysseyThemeProvider>
+  <OdysseyThemeProvider theme={myMaterialUiTheme}>
+    {children}
+  <OdysseyThemeProvider>
 );
 ```
 

package/dist/cjs/Pagination/Pagination.cjs

@@ -14,6 +14,7 @@ var _index2 = require("../icons.generated/index.cjs");
 var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
 var _usePagination = require("./usePagination.cjs");
 var _Typography = require("../Typography.cjs");
+require("../i18n.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!
@@ -118,7 +119,7 @@ const Pagination = ({
   } = (0, _usePagination.usePagination)({
     pageIndex,
     pageSize,
-    currentRowsCount: currentRowsCount || pageSize,
+    currentRowsCount: currentRowsCount || 0,
     totalRows
   });
   const handlePaginationChange = (0, _react.useCallback)(() => {

package/dist/cjs/Pagination/Pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactI18next","_Box","_index","_index2","_OdysseyDesignTokensContext","_usePagination","_Typography","_jsxRuntime","e","__esModule","default","PaginationContainer","styled","display","justifyContent","PaginationSegment","shouldForwardProp","prop","odysseyDesignTokens","alignItems","gap","Spacing4","Spacing2","PaginationInput","_InputBase2","borderColor","HueNeutral200","borderRadius","BorderRadiusTight","height","Spacing6","width","HueNeutral400","PalettePrimaryMain","PaginationButtonContainer","marginInlineStart","Pagination","currentPageLabel","currentPageLabelProp","currentRowsCount","hasPageInput","hasRowCountInput","hasRowCountLabel","isDisabled","isMoreDisabled","lastRow","loadMoreLabel","loadMoreLabelProp","maxPageIndex","maxPageSize","nextLabel","nextLabelProp","onPaginationChange","onPaginationChangeProp","pageIndex","pageSize","previousLabel","previousLabelProp","rowsPerPageLabel","rowsPerPageLabelProp","totalRows","variant","useOdysseyDesignTokens","t","useTranslation","page","setPage","useState","rowsPerPage","setRowsPerPage","initialRowsPerPage","useRef","useEffect","useCallback","totalRowsLabel","usePagination","handlePaginationChange","updatedPage","updatedRowsPerPage","Math","ceil","handlePageSubmit","event","key","parseInt","currentTarget","value","handleRowsPerPageSubmit","setPageFromEvent","min","target","setRowsPerPageFromEvent","max","handleLoadMore","current","handleNextButton","handlePreviousButton","loadMoreIsDisabled","useMemo","nextButtonDisabled","previousButtonDisabled","rowsPerPageInputProps","currentPageInputProps","jsxs","children","Box","jsx","Paragraph","component","color","type","onChange","onBlur","onKeyDown","disabled","inputProps","Button","startIcon","ArrowLeftIcon","size","ariaLabel","onClick","endIcon","ArrowRightIcon","label","MemoizedPagination","exports","memo","displayName"],"sources":["../../../src/Pagination/Pagination.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 { InputBase } from \"@mui/material\";\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Box } from \"../Box.js\";\nimport { Button } from \"../Buttons/index.js\";\nimport { paginationTypeValues } from \"./constants.js\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { usePagination } from \"./usePagination.js\";\nimport { Paragraph } from \"../Typography.js\";\n\nconst PaginationContainer = styled(\"nav\")({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n});\n\nconst PaginationSegment = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: odysseyDesignTokens.Spacing4,\n  \"& > div\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: odysseyDesignTokens.Spacing2,\n  },\n}));\n\nconst PaginationInput = styled(InputBase, {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  borderColor: odysseyDesignTokens.HueNeutral200,\n  borderRadius: odysseyDesignTokens.BorderRadiusTight,\n  height: odysseyDesignTokens.Spacing6,\n  width: \"4.5714285714rem\", // This is a hardcoded value, keep as string\n  \"&:hover\": {\n    borderColor: odysseyDesignTokens.HueNeutral400,\n  },\n  \"&.Mui-focused:hover\": {\n    borderColor: odysseyDesignTokens.PalettePrimaryMain,\n  },\n}));\n\nconst PaginationButtonContainer = styled(\"div\")({\n  \"& > *\": {\n    marginInlineStart: `0 !important`,\n  },\n});\n\nexport type PaginationProps = {\n  /**\n   * The labeled rendered for the current page index\n   */\n  currentPageLabel?: string;\n  /**\n   * The number of items currently visible on the page\n   */\n  currentRowsCount?: number;\n  /**\n   * If true, the page input will be visible and the user can directly manipulate which page\n   * is visible.\n   */\n  hasPageInput?: boolean;\n  /**\n   * If true, the row count input will be visible and the user can directly manipulate how many rows\n   * are visible.\n   */\n  hasRowCountInput?: boolean;\n  /**\n   * If true, the \"X - X of total X\" label will be visible\n   */\n  hasRowCountLabel?: boolean;\n  /**\n   * If true, the pagination controls will be disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * If true, the next or Show More button will be disabled\n   */\n  isMoreDisabled?: boolean;\n  /**\n   * The current page last row index\n   */\n  lastRow?: number;\n  /**\n   * If the pagination is of \"loadMore\" variant, then this is the the load more label\n   */\n  loadMoreLabel?: string;\n  /**\n   * The max page\n   */\n  maxPageIndex?: number;\n  /**\n   * The max rows per page\n   */\n  maxPageSize?: number;\n  /**\n   * The label for the next control\n   */\n  nextLabel?: string;\n  /**\n   * Page index and page size setter\n   */\n  onPaginationChange: ({\n    pageIndex,\n    pageSize,\n  }: {\n    pageIndex: number;\n    pageSize: number;\n  }) => void;\n  /**\n   * The current page index\n   */\n  pageIndex: number;\n  /**\n   * The current page size\n   */\n  pageSize: number;\n  /**\n   * The label for the previous control\n   */\n  previousLabel?: string;\n  /**\n   * The label that shows how many results are rendered per page\n   */\n  rowsPerPageLabel?: string;\n  /**\n   * Total rows count\n   */\n  totalRows?: number;\n  /**\n   * The type of pagination controls shown. Defaults to next/prev buttons, but can be\n   * set to a simple \"Load more\" button by setting to \"loadMore\".\n   */\n  variant?: (typeof paginationTypeValues)[number];\n};\n\nconst Pagination = ({\n  currentPageLabel: currentPageLabelProp,\n  currentRowsCount,\n  hasPageInput = true,\n  hasRowCountInput = true,\n  hasRowCountLabel = true,\n  isDisabled,\n  isMoreDisabled,\n  lastRow,\n  loadMoreLabel: loadMoreLabelProp,\n  maxPageIndex,\n  maxPageSize,\n  nextLabel: nextLabelProp,\n  onPaginationChange: onPaginationChangeProp,\n  pageIndex,\n  pageSize,\n  previousLabel: previousLabelProp,\n  rowsPerPageLabel: rowsPerPageLabelProp,\n  totalRows,\n  variant,\n}: PaginationProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const [page, setPage] = useState<number>(pageIndex);\n  const [rowsPerPage, setRowsPerPage] = useState<number>(pageSize);\n  const initialRowsPerPage = useRef<number>(pageSize);\n\n  const currentPageLabel = currentPageLabelProp ?? t(\"pagination.page\");\n  const loadMoreLabel = loadMoreLabelProp ?? t(\"pagination.loadmore\");\n  const nextLabel = nextLabelProp ?? t(\"pagination.next\");\n  const previousLabel = previousLabelProp ?? t(\"pagination.previous\");\n  const rowsPerPageLabel = rowsPerPageLabelProp ?? t(\"pagination.rowsperpage\");\n\n  useEffect(() => {\n    setPage(pageIndex);\n    setRowsPerPage(pageSize);\n  }, [pageIndex, pageSize]);\n\n  const onPaginationChange = useCallback(\n    ({ pageIndex, pageSize }: { pageIndex: number; pageSize: number }) => {\n      onPaginationChangeProp({ pageIndex, pageSize });\n    },\n    [onPaginationChangeProp],\n  );\n\n  const { totalRowsLabel } = usePagination({\n    pageIndex,\n    pageSize,\n    currentRowsCount: currentRowsCount || pageSize,\n    totalRows,\n  });\n\n  const handlePaginationChange = useCallback(() => {\n    let updatedPage = page;\n    let updatedRowsPerPage = rowsPerPage;\n\n    if (totalRows) {\n      const maxPageIndex = Math.ceil(totalRows / updatedRowsPerPage);\n\n      // Ensure rowsPerPage does not exceed totalRows\n      if (updatedRowsPerPage > totalRows) {\n        updatedRowsPerPage = totalRows;\n      }\n\n      // Ensure page is within valid range\n      if (updatedPage > maxPageIndex) {\n        updatedPage = maxPageIndex;\n      } else if (updatedPage < 1) {\n        updatedPage = 1;\n      }\n    }\n\n    onPaginationChange({\n      pageIndex: updatedPage,\n      pageSize: updatedRowsPerPage,\n    });\n  }, [page, rowsPerPage, onPaginationChange, totalRows]);\n\n  // The following handlers use React.KeyboardEvent (rather than just KeyboardEvent) becuase React.KeyboardEvent\n  // is generic, while plain KeyboardEvent is not. We need this generic so we can specify the HTMLInputElement,\n  // which allows us to use currentTarget.value\n  const handlePageSubmit = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\") {\n        onPaginationChange({\n          pageIndex: parseInt(event.currentTarget.value),\n          pageSize: rowsPerPage,\n        });\n      }\n    },\n    [rowsPerPage, onPaginationChange],\n  );\n\n  const handleRowsPerPageSubmit = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\") {\n        onPaginationChange({\n          pageIndex: page,\n          pageSize: parseInt(event.currentTarget.value),\n        });\n      }\n    },\n    [page, onPaginationChange],\n  );\n\n  const setPageFromEvent = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const value = maxPageIndex\n        ? Math.min(parseInt(event.target.value), maxPageIndex)\n        : parseInt(event.target.value);\n      setPage(value);\n    },\n    [setPage, maxPageIndex],\n  );\n\n  const setRowsPerPageFromEvent = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const value = maxPageSize\n        ? Math.min(parseInt(event.target.value), maxPageSize)\n        : parseInt(event.target.value);\n\n      // Ensure the value can't be less than 1\n      setRowsPerPage(Math.max(1, value));\n    },\n    [setRowsPerPage, maxPageSize],\n  );\n\n  const handleLoadMore = useCallback(() => {\n    onPaginationChange({\n      pageIndex: 1,\n      pageSize: rowsPerPage + initialRowsPerPage.current,\n    });\n  }, [rowsPerPage, onPaginationChange]);\n\n  const handleNextButton = useCallback(() => {\n    onPaginationChange({ pageIndex: page + 1, pageSize: rowsPerPage });\n  }, [onPaginationChange, page, rowsPerPage]);\n\n  const handlePreviousButton = useCallback(() => {\n    onPaginationChange({ pageIndex: page - 1, pageSize: rowsPerPage });\n  }, [onPaginationChange, page, rowsPerPage]);\n\n  const loadMoreIsDisabled = useMemo(() => {\n    return isMoreDisabled || (totalRows ? rowsPerPage >= totalRows : false);\n  }, [isMoreDisabled, rowsPerPage, totalRows]);\n\n  const nextButtonDisabled = useMemo(\n    () =>\n      isMoreDisabled ||\n      (lastRow && (totalRows ? lastRow >= totalRows : false)) ||\n      isDisabled,\n    [isMoreDisabled, totalRows, lastRow, isDisabled],\n  );\n\n  const previousButtonDisabled = useMemo(\n    () => pageIndex <= 1 || isDisabled,\n    [pageIndex, isDisabled],\n  );\n\n  const rowsPerPageInputProps = useMemo(\n    () => ({\n      \"aria-label\": rowsPerPageLabel,\n      max: maxPageSize || totalRows,\n    }),\n    [maxPageSize, rowsPerPageLabel, totalRows],\n  );\n\n  const currentPageInputProps = useMemo(\n    () => ({\n      \"aria-label\": currentPageLabel,\n      max: maxPageIndex,\n    }),\n    [currentPageLabel, maxPageIndex],\n  );\n\n  return variant === \"paged\" ? (\n    <PaginationContainer aria-label={t(\"pagination.label\")}>\n      <PaginationSegment odysseyDesignTokens={odysseyDesignTokens}>\n        {hasRowCountInput && (\n          <Box>\n            <Paragraph component=\"span\" color=\"textSecondary\">\n              {rowsPerPageLabel}\n            </Paragraph>\n            <PaginationInput\n              odysseyDesignTokens={odysseyDesignTokens}\n              type=\"number\"\n              value={rowsPerPage}\n              onChange={setRowsPerPageFromEvent}\n              onBlur={handlePaginationChange}\n              onKeyDown={handleRowsPerPageSubmit}\n              disabled={isDisabled}\n              inputProps={rowsPerPageInputProps}\n            />\n          </Box>\n        )}\n        {hasRowCountLabel && (\n          <Paragraph component=\"span\" color=\"textSecondary\">\n            {totalRowsLabel}\n          </Paragraph>\n        )}\n      </PaginationSegment>\n\n      <PaginationSegment odysseyDesignTokens={odysseyDesignTokens}>\n        {totalRows && hasPageInput && (\n          <Box>\n            <Paragraph component=\"span\" color=\"textSecondary\">\n              {currentPageLabel}\n            </Paragraph>\n            <PaginationInput\n              odysseyDesignTokens={odysseyDesignTokens}\n              type=\"number\"\n              value={page}\n              onChange={setPageFromEvent}\n              onBlur={handlePaginationChange}\n              onKeyDown={handlePageSubmit}\n              disabled={isDisabled}\n              inputProps={currentPageInputProps}\n            />\n          </Box>\n        )}\n        <PaginationButtonContainer>\n          <Button\n            startIcon={<ArrowLeftIcon />}\n            variant=\"floating\"\n            size=\"small\"\n            ariaLabel={previousLabel}\n            onClick={handlePreviousButton}\n            isDisabled={previousButtonDisabled}\n          />\n          <Button\n            endIcon={<ArrowRightIcon />}\n            variant=\"floating\"\n            size=\"small\"\n            ariaLabel={nextLabel}\n            onClick={handleNextButton}\n            isDisabled={nextButtonDisabled}\n          />\n        </PaginationButtonContainer>\n      </PaginationSegment>\n    </PaginationContainer>\n  ) : (\n    <Button\n      variant=\"secondary\"\n      label={loadMoreLabel}\n      onClick={handleLoadMore}\n      isDisabled={loadMoreIsDisabled}\n    />\n  );\n};\n\nconst MemoizedPagination = memo(Pagination);\nMemoizedPagination.displayName = \"Pagination\";\n\nexport { MemoizedPagination as Pagination };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Pagination.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactI18next","_Box","_index","_index2","_OdysseyDesignTokensContext","_usePagination","_Typography","_jsxRuntime","e","__esModule","default","PaginationContainer","styled","display","justifyContent","PaginationSegment","shouldForwardProp","prop","odysseyDesignTokens","alignItems","gap","Spacing4","Spacing2","PaginationInput","_InputBase2","borderColor","HueNeutral200","borderRadius","BorderRadiusTight","height","Spacing6","width","HueNeutral400","PalettePrimaryMain","PaginationButtonContainer","marginInlineStart","Pagination","currentPageLabel","currentPageLabelProp","currentRowsCount","hasPageInput","hasRowCountInput","hasRowCountLabel","isDisabled","isMoreDisabled","lastRow","loadMoreLabel","loadMoreLabelProp","maxPageIndex","maxPageSize","nextLabel","nextLabelProp","onPaginationChange","onPaginationChangeProp","pageIndex","pageSize","previousLabel","previousLabelProp","rowsPerPageLabel","rowsPerPageLabelProp","totalRows","variant","useOdysseyDesignTokens","t","useTranslation","page","setPage","useState","rowsPerPage","setRowsPerPage","initialRowsPerPage","useRef","useEffect","useCallback","totalRowsLabel","usePagination","handlePaginationChange","updatedPage","updatedRowsPerPage","Math","ceil","handlePageSubmit","event","key","parseInt","currentTarget","value","handleRowsPerPageSubmit","setPageFromEvent","min","target","setRowsPerPageFromEvent","max","handleLoadMore","current","handleNextButton","handlePreviousButton","loadMoreIsDisabled","useMemo","nextButtonDisabled","previousButtonDisabled","rowsPerPageInputProps","currentPageInputProps","jsxs","children","Box","jsx","Paragraph","component","color","type","onChange","onBlur","onKeyDown","disabled","inputProps","Button","startIcon","ArrowLeftIcon","size","ariaLabel","onClick","endIcon","ArrowRightIcon","label","MemoizedPagination","exports","memo","displayName"],"sources":["../../../src/Pagination/Pagination.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 { InputBase } from \"@mui/material\";\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Box } from \"../Box.js\";\nimport { Button } from \"../Buttons/index.js\";\nimport { paginationTypeValues } from \"./constants.js\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { usePagination } from \"./usePagination.js\";\nimport { Paragraph } from \"../Typography.js\";\nimport \"../i18n.js\";\n\nconst PaginationContainer = styled(\"nav\")({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n});\n\nconst PaginationSegment = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: odysseyDesignTokens.Spacing4,\n  \"& > div\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: odysseyDesignTokens.Spacing2,\n  },\n}));\n\nconst PaginationInput = styled(InputBase, {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  borderColor: odysseyDesignTokens.HueNeutral200,\n  borderRadius: odysseyDesignTokens.BorderRadiusTight,\n  height: odysseyDesignTokens.Spacing6,\n  width: \"4.5714285714rem\", // This is a hardcoded value, keep as string\n  \"&:hover\": {\n    borderColor: odysseyDesignTokens.HueNeutral400,\n  },\n  \"&.Mui-focused:hover\": {\n    borderColor: odysseyDesignTokens.PalettePrimaryMain,\n  },\n}));\n\nconst PaginationButtonContainer = styled(\"div\")({\n  \"& > *\": {\n    marginInlineStart: `0 !important`,\n  },\n});\n\nexport type PaginationProps = {\n  /**\n   * The labeled rendered for the current page index\n   */\n  currentPageLabel?: string;\n  /**\n   * The number of items currently visible on the page\n   */\n  currentRowsCount?: number;\n  /**\n   * If true, the page input will be visible and the user can directly manipulate which page\n   * is visible.\n   */\n  hasPageInput?: boolean;\n  /**\n   * If true, the row count input will be visible and the user can directly manipulate how many rows\n   * are visible.\n   */\n  hasRowCountInput?: boolean;\n  /**\n   * If true, the \"X - X of total X\" label will be visible\n   */\n  hasRowCountLabel?: boolean;\n  /**\n   * If true, the pagination controls will be disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * If true, the next or Show More button will be disabled\n   */\n  isMoreDisabled?: boolean;\n  /**\n   * The current page last row index\n   */\n  lastRow?: number;\n  /**\n   * If the pagination is of \"loadMore\" variant, then this is the the load more label\n   */\n  loadMoreLabel?: string;\n  /**\n   * The max page\n   */\n  maxPageIndex?: number;\n  /**\n   * The max rows per page\n   */\n  maxPageSize?: number;\n  /**\n   * The label for the next control\n   */\n  nextLabel?: string;\n  /**\n   * Page index and page size setter\n   */\n  onPaginationChange: ({\n    pageIndex,\n    pageSize,\n  }: {\n    pageIndex: number;\n    pageSize: number;\n  }) => void;\n  /**\n   * The current page index\n   */\n  pageIndex: number;\n  /**\n   * The current page size\n   */\n  pageSize: number;\n  /**\n   * The label for the previous control\n   */\n  previousLabel?: string;\n  /**\n   * The label that shows how many results are rendered per page\n   */\n  rowsPerPageLabel?: string;\n  /**\n   * Total rows count\n   */\n  totalRows?: number;\n  /**\n   * The type of pagination controls shown. Defaults to next/prev buttons, but can be\n   * set to a simple \"Load more\" button by setting to \"loadMore\".\n   */\n  variant?: (typeof paginationTypeValues)[number];\n};\n\nconst Pagination = ({\n  currentPageLabel: currentPageLabelProp,\n  currentRowsCount,\n  hasPageInput = true,\n  hasRowCountInput = true,\n  hasRowCountLabel = true,\n  isDisabled,\n  isMoreDisabled,\n  lastRow,\n  loadMoreLabel: loadMoreLabelProp,\n  maxPageIndex,\n  maxPageSize,\n  nextLabel: nextLabelProp,\n  onPaginationChange: onPaginationChangeProp,\n  pageIndex,\n  pageSize,\n  previousLabel: previousLabelProp,\n  rowsPerPageLabel: rowsPerPageLabelProp,\n  totalRows,\n  variant,\n}: PaginationProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const [page, setPage] = useState<number>(pageIndex);\n  const [rowsPerPage, setRowsPerPage] = useState<number>(pageSize);\n  const initialRowsPerPage = useRef<number>(pageSize);\n\n  const currentPageLabel = currentPageLabelProp ?? t(\"pagination.page\");\n  const loadMoreLabel = loadMoreLabelProp ?? t(\"pagination.loadmore\");\n  const nextLabel = nextLabelProp ?? t(\"pagination.next\");\n  const previousLabel = previousLabelProp ?? t(\"pagination.previous\");\n  const rowsPerPageLabel = rowsPerPageLabelProp ?? t(\"pagination.rowsperpage\");\n\n  useEffect(() => {\n    setPage(pageIndex);\n    setRowsPerPage(pageSize);\n  }, [pageIndex, pageSize]);\n\n  const onPaginationChange = useCallback(\n    ({ pageIndex, pageSize }: { pageIndex: number; pageSize: number }) => {\n      onPaginationChangeProp({ pageIndex, pageSize });\n    },\n    [onPaginationChangeProp],\n  );\n\n  const { totalRowsLabel } = usePagination({\n    pageIndex,\n    pageSize,\n    currentRowsCount: currentRowsCount || 0,\n    totalRows,\n  });\n\n  const handlePaginationChange = useCallback(() => {\n    let updatedPage = page;\n    let updatedRowsPerPage = rowsPerPage;\n\n    if (totalRows) {\n      const maxPageIndex = Math.ceil(totalRows / updatedRowsPerPage);\n\n      // Ensure rowsPerPage does not exceed totalRows\n      if (updatedRowsPerPage > totalRows) {\n        updatedRowsPerPage = totalRows;\n      }\n\n      // Ensure page is within valid range\n      if (updatedPage > maxPageIndex) {\n        updatedPage = maxPageIndex;\n      } else if (updatedPage < 1) {\n        updatedPage = 1;\n      }\n    }\n\n    onPaginationChange({\n      pageIndex: updatedPage,\n      pageSize: updatedRowsPerPage,\n    });\n  }, [page, rowsPerPage, onPaginationChange, totalRows]);\n\n  // The following handlers use React.KeyboardEvent (rather than just KeyboardEvent) becuase React.KeyboardEvent\n  // is generic, while plain KeyboardEvent is not. We need this generic so we can specify the HTMLInputElement,\n  // which allows us to use currentTarget.value\n  const handlePageSubmit = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\") {\n        onPaginationChange({\n          pageIndex: parseInt(event.currentTarget.value),\n          pageSize: rowsPerPage,\n        });\n      }\n    },\n    [rowsPerPage, onPaginationChange],\n  );\n\n  const handleRowsPerPageSubmit = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\") {\n        onPaginationChange({\n          pageIndex: page,\n          pageSize: parseInt(event.currentTarget.value),\n        });\n      }\n    },\n    [page, onPaginationChange],\n  );\n\n  const setPageFromEvent = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const value = maxPageIndex\n        ? Math.min(parseInt(event.target.value), maxPageIndex)\n        : parseInt(event.target.value);\n      setPage(value);\n    },\n    [setPage, maxPageIndex],\n  );\n\n  const setRowsPerPageFromEvent = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const value = maxPageSize\n        ? Math.min(parseInt(event.target.value), maxPageSize)\n        : parseInt(event.target.value);\n\n      // Ensure the value can't be less than 1\n      setRowsPerPage(Math.max(1, value));\n    },\n    [setRowsPerPage, maxPageSize],\n  );\n\n  const handleLoadMore = useCallback(() => {\n    onPaginationChange({\n      pageIndex: 1,\n      pageSize: rowsPerPage + initialRowsPerPage.current,\n    });\n  }, [rowsPerPage, onPaginationChange]);\n\n  const handleNextButton = useCallback(() => {\n    onPaginationChange({ pageIndex: page + 1, pageSize: rowsPerPage });\n  }, [onPaginationChange, page, rowsPerPage]);\n\n  const handlePreviousButton = useCallback(() => {\n    onPaginationChange({ pageIndex: page - 1, pageSize: rowsPerPage });\n  }, [onPaginationChange, page, rowsPerPage]);\n\n  const loadMoreIsDisabled = useMemo(() => {\n    return isMoreDisabled || (totalRows ? rowsPerPage >= totalRows : false);\n  }, [isMoreDisabled, rowsPerPage, totalRows]);\n\n  const nextButtonDisabled = useMemo(\n    () =>\n      isMoreDisabled ||\n      (lastRow && (totalRows ? lastRow >= totalRows : false)) ||\n      isDisabled,\n    [isMoreDisabled, totalRows, lastRow, isDisabled],\n  );\n\n  const previousButtonDisabled = useMemo(\n    () => pageIndex <= 1 || isDisabled,\n    [pageIndex, isDisabled],\n  );\n\n  const rowsPerPageInputProps = useMemo(\n    () => ({\n      \"aria-label\": rowsPerPageLabel,\n      max: maxPageSize || totalRows,\n    }),\n    [maxPageSize, rowsPerPageLabel, totalRows],\n  );\n\n  const currentPageInputProps = useMemo(\n    () => ({\n      \"aria-label\": currentPageLabel,\n      max: maxPageIndex,\n    }),\n    [currentPageLabel, maxPageIndex],\n  );\n\n  return variant === \"paged\" ? (\n    <PaginationContainer aria-label={t(\"pagination.label\")}>\n      <PaginationSegment odysseyDesignTokens={odysseyDesignTokens}>\n        {hasRowCountInput && (\n          <Box>\n            <Paragraph component=\"span\" color=\"textSecondary\">\n              {rowsPerPageLabel}\n            </Paragraph>\n            <PaginationInput\n              odysseyDesignTokens={odysseyDesignTokens}\n              type=\"number\"\n              value={rowsPerPage}\n              onChange={setRowsPerPageFromEvent}\n              onBlur={handlePaginationChange}\n              onKeyDown={handleRowsPerPageSubmit}\n              disabled={isDisabled}\n              inputProps={rowsPerPageInputProps}\n            />\n          </Box>\n        )}\n        {hasRowCountLabel && (\n          <Paragraph component=\"span\" color=\"textSecondary\">\n            {totalRowsLabel}\n          </Paragraph>\n        )}\n      </PaginationSegment>\n\n      <PaginationSegment odysseyDesignTokens={odysseyDesignTokens}>\n        {totalRows && hasPageInput && (\n          <Box>\n            <Paragraph component=\"span\" color=\"textSecondary\">\n              {currentPageLabel}\n            </Paragraph>\n            <PaginationInput\n              odysseyDesignTokens={odysseyDesignTokens}\n              type=\"number\"\n              value={page}\n              onChange={setPageFromEvent}\n              onBlur={handlePaginationChange}\n              onKeyDown={handlePageSubmit}\n              disabled={isDisabled}\n              inputProps={currentPageInputProps}\n            />\n          </Box>\n        )}\n        <PaginationButtonContainer>\n          <Button\n            startIcon={<ArrowLeftIcon />}\n            variant=\"floating\"\n            size=\"small\"\n            ariaLabel={previousLabel}\n            onClick={handlePreviousButton}\n            isDisabled={previousButtonDisabled}\n          />\n          <Button\n            endIcon={<ArrowRightIcon />}\n            variant=\"floating\"\n            size=\"small\"\n            ariaLabel={nextLabel}\n            onClick={handleNextButton}\n            isDisabled={nextButtonDisabled}\n          />\n        </PaginationButtonContainer>\n      </PaginationSegment>\n    </PaginationContainer>\n  ) : (\n    <Button\n      variant=\"secondary\"\n      label={loadMoreLabel}\n      onClick={handleLoadMore}\n      isDisabled={loadMoreIsDisabled}\n    />\n  );\n};\n\nconst MemoizedPagination = memo(Pagination);\nMemoizedPagination.displayName = \"Pagination\";\n\nexport { MemoizedPagination as Pagination };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Pagination/usePagination.cjs

@@ -30,7 +30,9 @@ const usePagination = ({
   return (0, _react.useMemo)(() => {
     const firstRow = pageSize * (pageIndex - 1) + 1;
     const lastRow = firstRow + (currentRowsCount - 1);
-    const totalRowsLabel = totalRows ? t("pagination.rowswithtotal", {
+    const totalRowsLabel = currentRowsCount === 0 ? t("pagination.totalrows", {
+      totalRows: 0
+    }) : totalRows ? t("pagination.rowswithtotal", {
       firstRow,
       lastRow,
       totalRows

package/dist/cjs/Pagination/usePagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.cjs","names":["_reactI18next","require","_react","usePagination","currentRowsCount","pageIndex","pageSize","totalRows","t","useTranslation","useMemo","firstRow","lastRow","totalRowsLabel","exports"],"sources":["../../../src/Pagination/usePagination.ts"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { useTranslation } from \"react-i18next\";\nimport { useMemo } from \"react\";\n\ntype UsePaginationType = {\n  currentRowsCount: number;\n  pageIndex: number;\n  pageSize: number;\n  totalRows?: number;\n};\n\nexport const usePagination = ({\n  currentRowsCount,\n  pageIndex,\n  pageSize,\n  totalRows,\n}: UsePaginationType) => {\n  const { t } = useTranslation();\n\n  return useMemo(() => {\n    const firstRow = pageSize * (pageIndex - 1) + 1;\n    const lastRow = firstRow + (currentRowsCount - 1);\n\n    const totalRowsLabel = totalRows\n      ? t(\"pagination.rowswithtotal\", { firstRow, lastRow, totalRows })\n      : t(\"pagination.rowswithouttotal\", { firstRow, lastRow });\n\n    return {\n      firstRow,\n      lastRow,\n      totalRowsLabel,\n    };\n  }, [currentRowsCount, pageIndex, pageSize, totalRows, t]);\n};\n"],"mappings":";;;;;;AAYA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYO,MAAME,aAAa,GAAGA,CAAC;EAC5BC,gBAAgB;EAChBC,SAAS;EACTC,QAAQ;EACRC;AACiB,CAAC,KAAK;EACvB,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAE9B,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,MAAMC,QAAQ,GAAGL,QAAQ,IAAID,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC;IAC/C,MAAMO,OAAO,GAAGD,QAAQ,IAAIP,gBAAgB,GAAG,CAAC,CAAC;IAEjD,MAAMS,cAAc,GAAGN,SAAS,GAC5BC,CAAC,CAAC,0BAA0B,EAAE;MAAEG,QAAQ;MAAEC,OAAO;MAAEL;IAAU,CAAC,CAAC,GAC/DC,CAAC,CAAC,6BAA6B,EAAE;MAAEG,QAAQ;MAAEC;IAAQ,CAAC,CAAC;IAE3D,OAAO;MACLD,QAAQ;MACRC,OAAO;MACPC;IACF,CAAC;EACH,CAAC,EAAE,CAACT,gBAAgB,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,CAAC,CAAC,CAAC;AAC3D,CAAC;AAACM,OAAA,CAAAX,aAAA,GAAAA,aAAA","ignoreList":[]}
+{"version":3,"file":"usePagination.cjs","names":["_reactI18next","require","_react","usePagination","currentRowsCount","pageIndex","pageSize","totalRows","t","useTranslation","useMemo","firstRow","lastRow","totalRowsLabel","exports"],"sources":["../../../src/Pagination/usePagination.ts"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { useTranslation } from \"react-i18next\";\nimport { useMemo } from \"react\";\n\ntype UsePaginationType = {\n  currentRowsCount: number;\n  pageIndex: number;\n  pageSize: number;\n  totalRows?: number;\n};\n\nexport const usePagination = ({\n  currentRowsCount,\n  pageIndex,\n  pageSize,\n  totalRows,\n}: UsePaginationType) => {\n  const { t } = useTranslation();\n\n  return useMemo(() => {\n    const firstRow = pageSize * (pageIndex - 1) + 1;\n    const lastRow = firstRow + (currentRowsCount - 1);\n\n    const totalRowsLabel =\n      currentRowsCount === 0\n        ? t(\"pagination.totalrows\", { totalRows: 0 })\n        : totalRows\n          ? t(\"pagination.rowswithtotal\", { firstRow, lastRow, totalRows })\n          : t(\"pagination.rowswithouttotal\", { firstRow, lastRow });\n\n    return {\n      firstRow,\n      lastRow,\n      totalRowsLabel,\n    };\n  }, [currentRowsCount, pageIndex, pageSize, totalRows, t]);\n};\n"],"mappings":";;;;;;AAYA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYO,MAAME,aAAa,GAAGA,CAAC;EAC5BC,gBAAgB;EAChBC,SAAS;EACTC,QAAQ;EACRC;AACiB,CAAC,KAAK;EACvB,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAE9B,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,MAAMC,QAAQ,GAAGL,QAAQ,IAAID,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC;IAC/C,MAAMO,OAAO,GAAGD,QAAQ,IAAIP,gBAAgB,GAAG,CAAC,CAAC;IAEjD,MAAMS,cAAc,GAClBT,gBAAgB,KAAK,CAAC,GAClBI,CAAC,CAAC,sBAAsB,EAAE;MAAED,SAAS,EAAE;IAAE,CAAC,CAAC,GAC3CA,SAAS,GACPC,CAAC,CAAC,0BAA0B,EAAE;MAAEG,QAAQ;MAAEC,OAAO;MAAEL;IAAU,CAAC,CAAC,GAC/DC,CAAC,CAAC,6BAA6B,EAAE;MAAEG,QAAQ;MAAEC;IAAQ,CAAC,CAAC;IAE/D,OAAO;MACLD,QAAQ;MACRC,OAAO;MACPC;IACF,CAAC;EACH,CAAC,EAAE,CAACT,gBAAgB,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,CAAC,CAAC,CAAC;AAC3D,CAAC;AAACM,OAAA,CAAAX,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/cjs/labs/DataView/TableLayoutContent.cjs

@@ -153,9 +153,9 @@ const TableLayoutContent = ({
     state: {
       sorting: tableState.columnSorting,
       columnVisibility: tableState.columnVisibility,
-      isLoading: isLoading,
-      rowSelection: rowSelection,
-      columnOrder: columnOrder
+      isLoading,
+      rowSelection,
+      columnOrder
     },
     icons: {
       ArrowDownwardIcon: _index.ArrowDownIcon,

package/dist/cjs/labs/DataView/TableLayoutContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableLayoutContent.cjs","names":["_react","require","_styled","_interopRequireDefault","_materialReactTable","_reactI18next","_index","_Box","_index2","_tableConstants","_RowActions","_OdysseyDesignTokensContext","_useScrollIndication","_jsxRuntime","e","__esModule","default","TextWrapper","styled","whiteSpace","textOverflow","overflow","RowActionsContainer","display","TableLayoutContent","columns","data","draggingRow","emptyState","enableVirtualization","getRowId","hasRowReordering","hasRowSelection","isEmpty","isLoading","isNoResults","isRowReorderingDisabled","onReorderRows","pagination","rowReorderingUtilities","rowSelection","setRowSelection","setTableState","tableLayoutOptions","tableState","totalRows","isTableContainerScrolledToStart","setIsTableContainerScrolledToStart","useState","isTableContainerScrolledToEnd","setIsTableContainerScrolledToEnd","tableInnerContainerWidth","setTableInnerContainerWidth","shouldUpdateScroll","useRef","tableOuterContainerRef","tableInnerContainerRef","tableContentRef","useScrollIndication","tableInnerContainer","current","tableOuterContainer","odysseyDesignTokens","useOdysseyDesignTokens","t","useTranslation","columnIds","useMemo","map","column","accessorKey","columnOrder","filter","id","rowDensityClassName","rowDensity","defaultCell","useCallback","cell","value","getValue","hasTextWrapping","columnDef","enableWrapping","jsx","children","draggableTableBodyRowClassName","dragHandleStyles","dragHandleText","handleDragHandleKeyDown","handleDragHandleOnDragCapture","handleDragHandleOnDragEnd","resetDraggingAndHoveredRow","updateRowOrder","renderRowActions","row","currentIndex","index","pageIndex","pageSize","jsxs","rowActionButtons","rowActionMenuItems","MenuButton","ariaLabel","buttonVariant","endIcon","MoreIcon","menuAlignment","size","RowActions","rowIndex","undefined","innerWidthStyle","width","emptyStateContainer","Box","sx","useEffect","scrollTo","clientHeight","shouldDisplayRowActions","hasColumnWithGrow","some","grow","dataTable","useMaterialReactTable","state","sorting","columnSorting","columnVisibility","icons","ArrowDownwardIcon","ArrowDownIcon","DragHandleIcon","DragIndicatorIcon","SyncAltIcon","ArrowUnsortedIcon","ExpandMoreIcon","ChevronDownIcon","dataTableImmutableSettings","displayColumnDefOptions","header","muiTableBodyCellProps","align","className","muiTableHeadCellProps","visibility","Button","variant","isDisabled","muiTableProps","ref","hasColumnResizing","muiTableContainerProps","muiTableBodyProps","tabIndex","height","enableColumnResizing","defaultColumn","Cell","enableRowActions","enableRowOrdering","Boolean","enableRowDragging","muiDetailPanelProps","paddingBlock","getIsExpanded","Spacing3","muiTableBodyRowProps","table","isDetailPanel","currentRowId","draggingRowId","hoveredRowId","getState","hoveredRow","border","backgroundColor","HueNeutralWhite","muiRowDragHandleProps","onKeyDown","event","onBlur","onDragEnd","onDragCapture","disabled","renderDetailPanel","enableRowVirtualization","currentColumn","find","sortedColumn","getIsResizing","enableSorting","hasSorting","onSortingChange","sortingUpdater","newSortVal","prevState","enableRowSelection","onRowSelectionChange","renderEmptyRowsFallback","localization","collapse","collapseAll","expand","expandAll","ScrollableTableContainer","isScrollableEnd","isScrollableStart","MRT_TableContainer","MemoizedTableLayoutContent","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/TableLayoutContent.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 {\n  SetStateAction,\n  memo,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  ReactNode,\n  Dispatch,\n  ReactElement,\n  useEffect,\n} from \"react\";\nimport styled, { CSSObject } from \"@emotion/styled\";\nimport {\n  MRT_Row,\n  MRT_RowData,\n  MRT_RowSelectionState,\n  MRT_TableContainer,\n  MRT_TableInstance,\n  MRT_TableOptions,\n  useMaterialReactTable,\n} from \"material-react-table\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  ArrowDownIcon,\n  ArrowUnsortedIcon,\n  ChevronDownIcon,\n  DragIndicatorIcon,\n  MoreIcon,\n} from \"../../icons.generated/index.js\";\nimport { Box } from \"../../Box.js\";\nimport { Button, MenuButton } from \"../../Buttons/index.js\";\nimport {\n  TableLayoutProps,\n  TableState,\n  UniversalProps,\n} from \"./componentTypes.js\";\nimport { DataTableCell } from \"./dataTypes.js\";\nimport {\n  dataTableImmutableSettings,\n  displayColumnDefOptions,\n  ScrollableTableContainer,\n} from \"./tableConstants.js\";\nimport { RowActions } from \"./RowActions.js\";\nimport { useOdysseyDesignTokens } from \"../../OdysseyDesignTokensContext.js\";\nimport { useScrollIndication } from \"../../DataTable/useScrollIndication.js\";\n\nconst TextWrapper = styled(\"div\")({\n  whiteSpace: \"nowrap\",\n  textOverflow: \"ellipsis\",\n  overflow: \"hidden\",\n});\n\nconst RowActionsContainer = styled(\"div\")({\n  display: \"flex\",\n});\n\nexport type TableLayoutContentProps<TData extends MRT_RowData> = {\n  columns: TableLayoutProps<TData>[\"columns\"];\n  data: MRT_RowData[];\n  draggingRow?: MRT_Row<TData> | null;\n  emptyState: ReactNode;\n  enableVirtualization?: boolean;\n  getRowId: UniversalProps<TData>[\"getRowId\"];\n  hasRowReordering: UniversalProps<TData>[\"hasRowReordering\"];\n  hasRowSelection: UniversalProps<TData>[\"hasRowSelection\"];\n  isEmpty?: boolean;\n  isLoading: boolean;\n  isNoResults?: boolean;\n  isRowReorderingDisabled?: boolean;\n  onReorderRows: UniversalProps<TData>[\"onReorderRows\"];\n  pagination: {\n    pageIndex: number;\n    pageSize: number;\n  };\n  rowReorderingUtilities: {\n    dragHandleStyles: CSSObject;\n    dragHandleText: {\n      title: string;\n      \"aria-label\": string;\n    };\n    draggableTableBodyRowClassName: ({\n      currentRowId,\n      draggingRowId,\n      hoveredRowId,\n    }: {\n      currentRowId: string;\n      draggingRowId?: string;\n      hoveredRowId?: string;\n    }) => string | undefined;\n    handleDragHandleKeyDown: ({\n      table,\n      row,\n      event,\n    }: {\n      table: MRT_TableInstance<TData>;\n      row: MRT_Row<TData>;\n      event: React.KeyboardEvent<HTMLButtonElement>;\n    }) => void;\n    handleDragHandleOnDragCapture: (table: MRT_TableInstance<TData>) => void;\n    handleDragHandleOnDragEnd: (table: MRT_TableInstance<TData>) => void;\n    resetDraggingAndHoveredRow: (table: MRT_TableInstance<TData>) => void;\n    updateRowOrder: ({\n      rowId,\n      newRowIndex,\n    }: {\n      rowId: string;\n      newRowIndex: number;\n    }) => void;\n  };\n  rowSelection: MRT_RowSelectionState;\n  setRowSelection: Dispatch<SetStateAction<MRT_RowSelectionState>>;\n  setTableState: Dispatch<SetStateAction<TableState>>;\n  tableLayoutOptions: TableLayoutProps<TData>;\n  tableState: TableState;\n  totalRows: UniversalProps<TData>[\"totalRows\"];\n};\n\ntype TableLayoutContentComponent = (<TData extends MRT_RowData>(\n  props: TableLayoutContentProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst TableLayoutContent = <TData extends MRT_RowData>({\n  columns,\n  data,\n  draggingRow,\n  emptyState,\n  enableVirtualization,\n  getRowId,\n  hasRowReordering,\n  hasRowSelection,\n  isEmpty,\n  isLoading,\n  isNoResults,\n  isRowReorderingDisabled,\n  onReorderRows,\n  pagination,\n  rowReorderingUtilities,\n  rowSelection,\n  setRowSelection,\n  setTableState,\n  tableLayoutOptions,\n  tableState,\n  totalRows,\n}: TableLayoutContentProps<TData>) => {\n  const [isTableContainerScrolledToStart, setIsTableContainerScrolledToStart] =\n    useState(true);\n  const [isTableContainerScrolledToEnd, setIsTableContainerScrolledToEnd] =\n    useState(true);\n  const [tableInnerContainerWidth, setTableInnerContainerWidth] =\n    useState<string>(\"100%\");\n  const shouldUpdateScroll = useRef<boolean>(false);\n  const tableOuterContainerRef = useRef<HTMLDivElement>(null);\n  const tableInnerContainerRef = useRef<HTMLDivElement>(null);\n  const tableContentRef = useRef<HTMLTableElement>(null);\n\n  useScrollIndication({\n    setIsTableContainerScrolledToEnd: setIsTableContainerScrolledToEnd,\n    setIsTableContainerScrolledToStart: setIsTableContainerScrolledToStart,\n    setTableInnerContainerWidth: setTableInnerContainerWidth,\n    tableInnerContainer: tableInnerContainerRef.current,\n    tableOuterContainer: tableOuterContainerRef.current,\n  });\n\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\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?.filter((id): id is string => typeof id === \"string\") ||\n        []),\n      \"mrt-row-actions\",\n    ],\n    [columnIds],\n  );\n\n  const rowDensityClassName = useMemo(() => {\n    return tableState.rowDensity === \"spacious\"\n      ? \"MuiTableBody-spacious\"\n      : tableState.rowDensity === \"compact\"\n        ? \"MuiTableBody-compact\"\n        : \"MuiTableBody-default\";\n  }, [tableState]);\n\n  const defaultCell = useCallback<\n    ({ cell }: { cell: DataTableCell<TData, unknown> }) => ReactElement | string\n  >(({ cell }) => {\n    const value = cell.getValue<string>();\n    const hasTextWrapping =\n      cell.column.columnDef.hasTextWrapping ||\n      cell.column.columnDef.enableWrapping;\n    return hasTextWrapping ? value : <TextWrapper>{value}</TextWrapper>;\n  }, []);\n\n  const {\n    draggableTableBodyRowClassName,\n    dragHandleStyles,\n    dragHandleText,\n    handleDragHandleKeyDown,\n    handleDragHandleOnDragCapture,\n    handleDragHandleOnDragEnd,\n    resetDraggingAndHoveredRow,\n    updateRowOrder,\n  } = rowReorderingUtilities;\n\n  const renderRowActions = useCallback(\n    ({ row }: { row: MRT_Row<TData> }) => {\n      const currentIndex =\n        row.index + (pagination.pageIndex - 1) * pagination.pageSize;\n      return (\n        <RowActionsContainer>\n          {tableLayoutOptions.rowActionButtons?.(row)}\n          {(tableLayoutOptions.rowActionMenuItems || hasRowReordering) && (\n            <MenuButton\n              ariaLabel={t(\"table.moreactions.arialabel\")}\n              buttonVariant=\"floating\"\n              endIcon={<MoreIcon />}\n              menuAlignment=\"right\"\n              size=\"small\"\n            >\n              <RowActions\n                isRowReorderingDisabled={isRowReorderingDisabled}\n                row={\n                  row as unknown as MRT_Row<MRT_RowData> // TODO: FIX THIS! The types are wrong. `row` is incorrectly set in `RowActions` to not be TData.\n                }\n                rowActionMenuItems={\n                  // TODO: FIX THIS! The types are wrong. `row` is incorrectly set in `RowActions` to not be TData.\n                  tableLayoutOptions.rowActionMenuItems as unknown as (\n                    row: MRT_Row<MRT_RowData>,\n                  ) => any // eslint-disable-line @typescript-eslint/no-explicit-any\n                }\n                rowIndex={currentIndex}\n                totalRows={totalRows}\n                updateRowOrder={\n                  hasRowReordering && onReorderRows ? updateRowOrder : undefined\n                }\n              />\n            </MenuButton>\n          )}\n        </RowActionsContainer>\n      );\n    },\n    [\n      hasRowReordering,\n      isRowReorderingDisabled,\n      onReorderRows,\n      pagination.pageIndex,\n      pagination.pageSize,\n      t,\n      tableLayoutOptions,\n      totalRows,\n      updateRowOrder,\n    ],\n  );\n\n  const innerWidthStyle = useMemo(\n    () => ({ width: tableInnerContainerWidth }),\n    [tableInnerContainerWidth],\n  );\n\n  const emptyStateContainer = useCallback(\n    () => <Box sx={innerWidthStyle}>{emptyState}</Box>,\n    [innerWidthStyle, emptyState],\n  );\n\n  // Scroll to the bottom as soon as data loads after clicking the\n  // loadMore pagination button\n  useEffect(() => {\n    if (enableVirtualization) {\n      shouldUpdateScroll.current = true;\n    }\n  }, [enableVirtualization, pagination]);\n\n  useEffect(() => {\n    if (\n      shouldUpdateScroll.current &&\n      tableContentRef.current &&\n      typeof tableInnerContainerRef.current?.scrollTo !== \"undefined\"\n    ) {\n      tableInnerContainerRef.current?.scrollTo(\n        0,\n        tableContentRef.current.clientHeight,\n      );\n      shouldUpdateScroll.current = false;\n    }\n  }, [data]);\n\n  const shouldDisplayRowActions = useMemo(\n    () =>\n      (hasRowReordering === true && onReorderRows) ||\n      tableLayoutOptions.rowActionButtons ||\n      tableLayoutOptions.rowActionMenuItems\n        ? true\n        : false,\n    [\n      hasRowReordering,\n      onReorderRows,\n      tableLayoutOptions.rowActionButtons,\n      tableLayoutOptions.rowActionMenuItems,\n    ],\n  );\n\n  const hasColumnWithGrow = columns.some((column) => column.grow === true);\n\n  const dataTable = useMaterialReactTable<TData>({\n    data: (!isEmpty && !isNoResults ? data : []) as TData[],\n    columns,\n    getRowId,\n    state: {\n      sorting: tableState.columnSorting,\n      columnVisibility: tableState.columnVisibility,\n      isLoading: isLoading,\n      rowSelection: rowSelection,\n      columnOrder: columnOrder,\n    },\n    icons: {\n      ArrowDownwardIcon: ArrowDownIcon,\n      DragHandleIcon: DragIndicatorIcon,\n      SyncAltIcon: ArrowUnsortedIcon,\n      ExpandMoreIcon: ChevronDownIcon,\n    },\n    ...dataTableImmutableSettings,\n    displayColumnDefOptions: {\n      ...(displayColumnDefOptions satisfies Partial<\n        MRT_TableOptions<MRT_RowData>[\"displayColumnDefOptions\"]\n      >),\n      \"mrt-row-actions\": {\n        header: \"\",\n        grow: !hasColumnWithGrow,\n        muiTableBodyCellProps: {\n          align: \"right\" as const,\n          sx: {\n            overflow: \"visible\",\n            width: \"unset\",\n          },\n          className: \"ods-actions-cell\",\n        },\n        muiTableHeadCellProps: {\n          align: \"right\" as const,\n          sx: {\n            width: \"unset\",\n          },\n          className: \"ods-actions-cell\",\n          children: (\n            <Box sx={{ display: \"flex\", visibility: \"hidden\" }}>\n              {tableLayoutOptions.rowActionButtons &&\n                // @ts-expect-error TODO: This type is wrong and needs to be fixed\n                tableLayoutOptions.rowActionButtons({ id: null })}\n              {((hasRowReordering === true && onReorderRows) ||\n                tableLayoutOptions.rowActionMenuItems) && (\n                <Box>\n                  <Button\n                    endIcon={<MoreIcon />}\n                    size=\"small\"\n                    variant=\"floating\"\n                    ariaLabel={t(\"table.moreactions.arialabel\")}\n                    isDisabled\n                  />\n                </Box>\n              )}\n            </Box>\n          ),\n        },\n      },\n    },\n    muiTableProps: {\n      ref: tableContentRef,\n      className:\n        !shouldDisplayRowActions && tableLayoutOptions.hasColumnResizing\n          ? hasColumnWithGrow\n            ? \"ods-hide-spacer-column\"\n            : \"ods-hide-spacer-column ods-column-grow\"\n          : \"\",\n    },\n    muiTableContainerProps: {\n      ref: tableInnerContainerRef,\n    },\n    muiTableBodyProps: () => ({\n      className: rowDensityClassName,\n      tabIndex: 0,\n      /**\n       * This is a fix for an issue related to the empty state creating a\n       * vertical scrollbar when virtualization is enabled. The root cause\n       * is tablebody having height: 0 when virtualization is enabled and there\n       * being no data\n       * https://okta.slack.com/archives/C7T2H3KNJ/p1742842106148929\n       */\n      sx:\n        isEmpty || isNoResults\n          ? {\n              height: \"unset\",\n            }\n          : undefined,\n    }),\n    enableColumnResizing: tableLayoutOptions.hasColumnResizing,\n    defaultColumn: {\n      Cell: defaultCell,\n    },\n    enableRowActions:\n      (hasRowReordering === true && onReorderRows) ||\n      tableLayoutOptions.rowActionButtons ||\n      tableLayoutOptions.rowActionMenuItems\n        ? true\n        : false,\n    renderRowActions: ({ row }) => renderRowActions({ row }),\n    enableRowOrdering: hasRowReordering && Boolean(onReorderRows),\n    enableRowDragging: hasRowReordering && Boolean(onReorderRows),\n    muiDetailPanelProps: ({ row }) => ({\n      sx: {\n        paddingBlock: row.getIsExpanded()\n          ? `${odysseyDesignTokens.Spacing3} !important`\n          : undefined,\n      },\n    }),\n    muiTableBodyRowProps: ({ table, row, isDetailPanel }) => ({\n      className: draggableTableBodyRowClassName({\n        currentRowId: row.id,\n        draggingRowId: draggingRow?.id,\n        hoveredRowId: table.getState().hoveredRow?.id,\n      }),\n      sx: isDetailPanel\n        ? {\n            paddingBlock: \"0 !important\",\n            border: 0,\n            [\"&:hover\"]: {\n              backgroundColor: `${odysseyDesignTokens.HueNeutralWhite} !important`,\n            },\n          }\n        : {},\n    }),\n    muiRowDragHandleProps: ({ table, row }) => ({\n      onKeyDown: (event) => handleDragHandleKeyDown({ table, row, event }),\n      onBlur: () => resetDraggingAndHoveredRow(table),\n      onDragEnd: () => handleDragHandleOnDragEnd(table),\n      onDragCapture: () => handleDragHandleOnDragCapture(table),\n      disabled: isRowReorderingDisabled,\n      sx: dragHandleStyles,\n      ...dragHandleText,\n    }),\n    renderDetailPanel: tableLayoutOptions.renderDetailPanel,\n    enableRowVirtualization: enableVirtualization,\n    muiTableHeadCellProps: ({ column: currentColumn }) => ({\n      className: tableState.columnSorting.find(\n        (sortedColumn) => sortedColumn.id === currentColumn.id,\n      )\n        ? \"isSorted\"\n        : \"isUnsorted\",\n    }),\n    muiTableBodyCellProps: ({ column }) => ({\n      className: column.getIsResizing() ? \"isResizing\" : \"\",\n    }),\n    enableSorting: tableLayoutOptions.hasSorting === true, // I don't know why this needs to be true, but it still works if undefined otherwise\n    onSortingChange: (sortingUpdater) => {\n      const newSortVal =\n        typeof sortingUpdater === \"function\"\n          ? sortingUpdater(tableState.columnSorting)\n          : tableState.columnSorting;\n      setTableState((prevState) => ({\n        ...prevState,\n        columnSorting: newSortVal,\n      }));\n    },\n    enableRowSelection: hasRowSelection,\n    onRowSelectionChange: setRowSelection,\n    renderEmptyRowsFallback: emptyStateContainer,\n    localization: {\n      collapse: t(\"table.rowexpansion.collapse\"),\n      collapseAll: t(\"table.rowexpansion.collapseall\"),\n      expand: t(\"table.rowexpansion.expand\"),\n      expandAll: t(\"table.rowexpansion.expandall\"),\n    },\n  });\n\n  return (\n    <ScrollableTableContainer\n      isScrollableEnd={!isTableContainerScrolledToEnd}\n      isScrollableStart={!isTableContainerScrolledToStart}\n      odysseyDesignTokens={odysseyDesignTokens}\n      ref={tableOuterContainerRef}\n    >\n      <MRT_TableContainer table={dataTable} />\n    </ScrollableTableContainer>\n  );\n};\n\nconst MemoizedTableLayoutContent = memo(\n  TableLayoutContent,\n) as TableLayoutContentComponent;\nMemoizedTableLayoutContent.displayName = \"TableLayoutContent\";\n\nexport { MemoizedTableLayoutContent as TableLayoutContent };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TableLayoutContent.cjs","names":["_react","require","_styled","_interopRequireDefault","_materialReactTable","_reactI18next","_index","_Box","_index2","_tableConstants","_RowActions","_OdysseyDesignTokensContext","_useScrollIndication","_jsxRuntime","e","__esModule","default","TextWrapper","styled","whiteSpace","textOverflow","overflow","RowActionsContainer","display","TableLayoutContent","columns","data","draggingRow","emptyState","enableVirtualization","getRowId","hasRowReordering","hasRowSelection","isEmpty","isLoading","isNoResults","isRowReorderingDisabled","onReorderRows","pagination","rowReorderingUtilities","rowSelection","setRowSelection","setTableState","tableLayoutOptions","tableState","totalRows","isTableContainerScrolledToStart","setIsTableContainerScrolledToStart","useState","isTableContainerScrolledToEnd","setIsTableContainerScrolledToEnd","tableInnerContainerWidth","setTableInnerContainerWidth","shouldUpdateScroll","useRef","tableOuterContainerRef","tableInnerContainerRef","tableContentRef","useScrollIndication","tableInnerContainer","current","tableOuterContainer","odysseyDesignTokens","useOdysseyDesignTokens","t","useTranslation","columnIds","useMemo","map","column","accessorKey","columnOrder","filter","id","rowDensityClassName","rowDensity","defaultCell","useCallback","cell","value","getValue","hasTextWrapping","columnDef","enableWrapping","jsx","children","draggableTableBodyRowClassName","dragHandleStyles","dragHandleText","handleDragHandleKeyDown","handleDragHandleOnDragCapture","handleDragHandleOnDragEnd","resetDraggingAndHoveredRow","updateRowOrder","renderRowActions","row","currentIndex","index","pageIndex","pageSize","jsxs","rowActionButtons","rowActionMenuItems","MenuButton","ariaLabel","buttonVariant","endIcon","MoreIcon","menuAlignment","size","RowActions","rowIndex","undefined","innerWidthStyle","width","emptyStateContainer","Box","sx","useEffect","scrollTo","clientHeight","shouldDisplayRowActions","hasColumnWithGrow","some","grow","dataTable","useMaterialReactTable","state","sorting","columnSorting","columnVisibility","icons","ArrowDownwardIcon","ArrowDownIcon","DragHandleIcon","DragIndicatorIcon","SyncAltIcon","ArrowUnsortedIcon","ExpandMoreIcon","ChevronDownIcon","dataTableImmutableSettings","displayColumnDefOptions","header","muiTableBodyCellProps","align","className","muiTableHeadCellProps","visibility","Button","variant","isDisabled","muiTableProps","ref","hasColumnResizing","muiTableContainerProps","muiTableBodyProps","tabIndex","height","enableColumnResizing","defaultColumn","Cell","enableRowActions","enableRowOrdering","Boolean","enableRowDragging","muiDetailPanelProps","paddingBlock","getIsExpanded","Spacing3","muiTableBodyRowProps","table","isDetailPanel","currentRowId","draggingRowId","hoveredRowId","getState","hoveredRow","border","backgroundColor","HueNeutralWhite","muiRowDragHandleProps","onKeyDown","event","onBlur","onDragEnd","onDragCapture","disabled","renderDetailPanel","enableRowVirtualization","currentColumn","find","sortedColumn","getIsResizing","enableSorting","hasSorting","onSortingChange","sortingUpdater","newSortVal","prevState","enableRowSelection","onRowSelectionChange","renderEmptyRowsFallback","localization","collapse","collapseAll","expand","expandAll","ScrollableTableContainer","isScrollableEnd","isScrollableStart","MRT_TableContainer","MemoizedTableLayoutContent","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/TableLayoutContent.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 {\n  SetStateAction,\n  memo,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  ReactNode,\n  Dispatch,\n  ReactElement,\n  useEffect,\n} from \"react\";\nimport styled, { CSSObject } from \"@emotion/styled\";\nimport {\n  MRT_Row,\n  MRT_RowData,\n  MRT_RowSelectionState,\n  MRT_TableContainer,\n  MRT_TableInstance,\n  MRT_TableOptions,\n  useMaterialReactTable,\n} from \"material-react-table\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  ArrowDownIcon,\n  ArrowUnsortedIcon,\n  ChevronDownIcon,\n  DragIndicatorIcon,\n  MoreIcon,\n} from \"../../icons.generated/index.js\";\nimport { Box } from \"../../Box.js\";\nimport { Button, MenuButton } from \"../../Buttons/index.js\";\nimport {\n  TableLayoutProps,\n  TableState,\n  UniversalProps,\n} from \"./componentTypes.js\";\nimport { DataTableCell } from \"./dataTypes.js\";\nimport {\n  dataTableImmutableSettings,\n  displayColumnDefOptions,\n  ScrollableTableContainer,\n} from \"./tableConstants.js\";\nimport { RowActions } from \"./RowActions.js\";\nimport { useOdysseyDesignTokens } from \"../../OdysseyDesignTokensContext.js\";\nimport { useScrollIndication } from \"../../DataTable/useScrollIndication.js\";\n\nconst TextWrapper = styled(\"div\")({\n  whiteSpace: \"nowrap\",\n  textOverflow: \"ellipsis\",\n  overflow: \"hidden\",\n});\n\nconst RowActionsContainer = styled(\"div\")({\n  display: \"flex\",\n});\n\nexport type TableLayoutContentProps<TData extends MRT_RowData> = {\n  columns: TableLayoutProps<TData>[\"columns\"];\n  data: MRT_RowData[];\n  draggingRow?: MRT_Row<TData> | null;\n  emptyState: ReactNode;\n  enableVirtualization?: boolean;\n  getRowId: UniversalProps<TData>[\"getRowId\"];\n  hasRowReordering: UniversalProps<TData>[\"hasRowReordering\"];\n  hasRowSelection: UniversalProps<TData>[\"hasRowSelection\"];\n  isEmpty?: boolean;\n  isLoading: boolean;\n  isNoResults?: boolean;\n  isRowReorderingDisabled?: boolean;\n  onReorderRows: UniversalProps<TData>[\"onReorderRows\"];\n  pagination: {\n    pageIndex: number;\n    pageSize: number;\n  };\n  rowReorderingUtilities: {\n    dragHandleStyles: CSSObject;\n    dragHandleText: {\n      title: string;\n      \"aria-label\": string;\n    };\n    draggableTableBodyRowClassName: ({\n      currentRowId,\n      draggingRowId,\n      hoveredRowId,\n    }: {\n      currentRowId: string;\n      draggingRowId?: string;\n      hoveredRowId?: string;\n    }) => string | undefined;\n    handleDragHandleKeyDown: ({\n      table,\n      row,\n      event,\n    }: {\n      table: MRT_TableInstance<TData>;\n      row: MRT_Row<TData>;\n      event: React.KeyboardEvent<HTMLButtonElement>;\n    }) => void;\n    handleDragHandleOnDragCapture: (table: MRT_TableInstance<TData>) => void;\n    handleDragHandleOnDragEnd: (table: MRT_TableInstance<TData>) => void;\n    resetDraggingAndHoveredRow: (table: MRT_TableInstance<TData>) => void;\n    updateRowOrder: ({\n      rowId,\n      newRowIndex,\n    }: {\n      rowId: string;\n      newRowIndex: number;\n    }) => void;\n  };\n  rowSelection: MRT_RowSelectionState;\n  setRowSelection: Dispatch<SetStateAction<MRT_RowSelectionState>>;\n  setTableState: Dispatch<SetStateAction<TableState>>;\n  tableLayoutOptions: TableLayoutProps<TData>;\n  tableState: TableState;\n  totalRows: UniversalProps<TData>[\"totalRows\"];\n};\n\ntype TableLayoutContentComponent = (<TData extends MRT_RowData>(\n  props: TableLayoutContentProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst TableLayoutContent = <TData extends MRT_RowData>({\n  columns,\n  data,\n  draggingRow,\n  emptyState,\n  enableVirtualization,\n  getRowId,\n  hasRowReordering,\n  hasRowSelection,\n  isEmpty,\n  isLoading,\n  isNoResults,\n  isRowReorderingDisabled,\n  onReorderRows,\n  pagination,\n  rowReorderingUtilities,\n  rowSelection,\n  setRowSelection,\n  setTableState,\n  tableLayoutOptions,\n  tableState,\n  totalRows,\n}: TableLayoutContentProps<TData>) => {\n  const [isTableContainerScrolledToStart, setIsTableContainerScrolledToStart] =\n    useState(true);\n  const [isTableContainerScrolledToEnd, setIsTableContainerScrolledToEnd] =\n    useState(true);\n  const [tableInnerContainerWidth, setTableInnerContainerWidth] =\n    useState<string>(\"100%\");\n  const shouldUpdateScroll = useRef<boolean>(false);\n  const tableOuterContainerRef = useRef<HTMLDivElement>(null);\n  const tableInnerContainerRef = useRef<HTMLDivElement>(null);\n  const tableContentRef = useRef<HTMLTableElement>(null);\n\n  useScrollIndication({\n    setIsTableContainerScrolledToEnd: setIsTableContainerScrolledToEnd,\n    setIsTableContainerScrolledToStart: setIsTableContainerScrolledToStart,\n    setTableInnerContainerWidth: setTableInnerContainerWidth,\n    tableInnerContainer: tableInnerContainerRef.current,\n    tableOuterContainer: tableOuterContainerRef.current,\n  });\n\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\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?.filter((id): id is string => typeof id === \"string\") ||\n        []),\n      \"mrt-row-actions\",\n    ],\n    [columnIds],\n  );\n\n  const rowDensityClassName = useMemo(() => {\n    return tableState.rowDensity === \"spacious\"\n      ? \"MuiTableBody-spacious\"\n      : tableState.rowDensity === \"compact\"\n        ? \"MuiTableBody-compact\"\n        : \"MuiTableBody-default\";\n  }, [tableState]);\n\n  const defaultCell = useCallback<\n    ({ cell }: { cell: DataTableCell<TData, unknown> }) => ReactElement | string\n  >(({ cell }) => {\n    const value = cell.getValue<string>();\n    const hasTextWrapping =\n      cell.column.columnDef.hasTextWrapping ||\n      cell.column.columnDef.enableWrapping;\n    return hasTextWrapping ? value : <TextWrapper>{value}</TextWrapper>;\n  }, []);\n\n  const {\n    draggableTableBodyRowClassName,\n    dragHandleStyles,\n    dragHandleText,\n    handleDragHandleKeyDown,\n    handleDragHandleOnDragCapture,\n    handleDragHandleOnDragEnd,\n    resetDraggingAndHoveredRow,\n    updateRowOrder,\n  } = rowReorderingUtilities;\n\n  const renderRowActions = useCallback(\n    ({ row }: { row: MRT_Row<TData> }) => {\n      const currentIndex =\n        row.index + (pagination.pageIndex - 1) * pagination.pageSize;\n      return (\n        <RowActionsContainer>\n          {tableLayoutOptions.rowActionButtons?.(row)}\n          {(tableLayoutOptions.rowActionMenuItems || hasRowReordering) && (\n            <MenuButton\n              ariaLabel={t(\"table.moreactions.arialabel\")}\n              buttonVariant=\"floating\"\n              endIcon={<MoreIcon />}\n              menuAlignment=\"right\"\n              size=\"small\"\n            >\n              <RowActions\n                isRowReorderingDisabled={isRowReorderingDisabled}\n                row={\n                  row as unknown as MRT_Row<MRT_RowData> // TODO: FIX THIS! The types are wrong. `row` is incorrectly set in `RowActions` to not be TData.\n                }\n                rowActionMenuItems={\n                  // TODO: FIX THIS! The types are wrong. `row` is incorrectly set in `RowActions` to not be TData.\n                  tableLayoutOptions.rowActionMenuItems as unknown as (\n                    row: MRT_Row<MRT_RowData>,\n                  ) => any // eslint-disable-line @typescript-eslint/no-explicit-any\n                }\n                rowIndex={currentIndex}\n                totalRows={totalRows}\n                updateRowOrder={\n                  hasRowReordering && onReorderRows ? updateRowOrder : undefined\n                }\n              />\n            </MenuButton>\n          )}\n        </RowActionsContainer>\n      );\n    },\n    [\n      hasRowReordering,\n      isRowReorderingDisabled,\n      onReorderRows,\n      pagination.pageIndex,\n      pagination.pageSize,\n      t,\n      tableLayoutOptions,\n      totalRows,\n      updateRowOrder,\n    ],\n  );\n\n  const innerWidthStyle = useMemo(\n    () => ({ width: tableInnerContainerWidth }),\n    [tableInnerContainerWidth],\n  );\n\n  const emptyStateContainer = useCallback(\n    () => <Box sx={innerWidthStyle}>{emptyState}</Box>,\n    [innerWidthStyle, emptyState],\n  );\n\n  // Scroll to the bottom as soon as data loads after clicking the\n  // loadMore pagination button\n  useEffect(() => {\n    if (enableVirtualization) {\n      shouldUpdateScroll.current = true;\n    }\n  }, [enableVirtualization, pagination]);\n\n  useEffect(() => {\n    if (\n      shouldUpdateScroll.current &&\n      tableContentRef.current &&\n      typeof tableInnerContainerRef.current?.scrollTo !== \"undefined\"\n    ) {\n      tableInnerContainerRef.current?.scrollTo(\n        0,\n        tableContentRef.current.clientHeight,\n      );\n      shouldUpdateScroll.current = false;\n    }\n  }, [data]);\n\n  const shouldDisplayRowActions = useMemo(\n    () =>\n      (hasRowReordering === true && onReorderRows) ||\n      tableLayoutOptions.rowActionButtons ||\n      tableLayoutOptions.rowActionMenuItems\n        ? true\n        : false,\n    [\n      hasRowReordering,\n      onReorderRows,\n      tableLayoutOptions.rowActionButtons,\n      tableLayoutOptions.rowActionMenuItems,\n    ],\n  );\n\n  const hasColumnWithGrow = columns.some((column) => column.grow === true);\n\n  const dataTable = useMaterialReactTable<TData>({\n    data: (!isEmpty && !isNoResults ? data : []) as TData[],\n    columns,\n    getRowId,\n    state: {\n      sorting: tableState.columnSorting,\n      columnVisibility: tableState.columnVisibility,\n      isLoading,\n      rowSelection,\n      columnOrder,\n    },\n    icons: {\n      ArrowDownwardIcon: ArrowDownIcon,\n      DragHandleIcon: DragIndicatorIcon,\n      SyncAltIcon: ArrowUnsortedIcon,\n      ExpandMoreIcon: ChevronDownIcon,\n    },\n    ...dataTableImmutableSettings,\n    displayColumnDefOptions: {\n      ...(displayColumnDefOptions satisfies Partial<\n        MRT_TableOptions<MRT_RowData>[\"displayColumnDefOptions\"]\n      >),\n      \"mrt-row-actions\": {\n        header: \"\",\n        grow: !hasColumnWithGrow,\n        muiTableBodyCellProps: {\n          align: \"right\" as const,\n          sx: {\n            overflow: \"visible\",\n            width: \"unset\",\n          },\n          className: \"ods-actions-cell\",\n        },\n        muiTableHeadCellProps: {\n          align: \"right\" as const,\n          sx: {\n            width: \"unset\",\n          },\n          className: \"ods-actions-cell\",\n          children: (\n            <Box sx={{ display: \"flex\", visibility: \"hidden\" }}>\n              {tableLayoutOptions.rowActionButtons &&\n                // @ts-expect-error TODO: This type is wrong and needs to be fixed\n                tableLayoutOptions.rowActionButtons({ id: null })}\n              {((hasRowReordering === true && onReorderRows) ||\n                tableLayoutOptions.rowActionMenuItems) && (\n                <Box>\n                  <Button\n                    endIcon={<MoreIcon />}\n                    size=\"small\"\n                    variant=\"floating\"\n                    ariaLabel={t(\"table.moreactions.arialabel\")}\n                    isDisabled\n                  />\n                </Box>\n              )}\n            </Box>\n          ),\n        },\n      },\n    },\n    muiTableProps: {\n      ref: tableContentRef,\n      className:\n        !shouldDisplayRowActions && tableLayoutOptions.hasColumnResizing\n          ? hasColumnWithGrow\n            ? \"ods-hide-spacer-column\"\n            : \"ods-hide-spacer-column ods-column-grow\"\n          : \"\",\n    },\n    muiTableContainerProps: {\n      ref: tableInnerContainerRef,\n    },\n    muiTableBodyProps: () => ({\n      className: rowDensityClassName,\n      tabIndex: 0,\n      /**\n       * This is a fix for an issue related to the empty state creating a\n       * vertical scrollbar when virtualization is enabled. The root cause\n       * is tablebody having height: 0 when virtualization is enabled and there\n       * being no data\n       * https://okta.slack.com/archives/C7T2H3KNJ/p1742842106148929\n       */\n      sx:\n        isEmpty || isNoResults\n          ? {\n              height: \"unset\",\n            }\n          : undefined,\n    }),\n    enableColumnResizing: tableLayoutOptions.hasColumnResizing,\n    defaultColumn: {\n      Cell: defaultCell,\n    },\n    enableRowActions:\n      (hasRowReordering === true && onReorderRows) ||\n      tableLayoutOptions.rowActionButtons ||\n      tableLayoutOptions.rowActionMenuItems\n        ? true\n        : false,\n    renderRowActions: ({ row }) => renderRowActions({ row }),\n    enableRowOrdering: hasRowReordering && Boolean(onReorderRows),\n    enableRowDragging: hasRowReordering && Boolean(onReorderRows),\n    muiDetailPanelProps: ({ row }) => ({\n      sx: {\n        paddingBlock: row.getIsExpanded()\n          ? `${odysseyDesignTokens.Spacing3} !important`\n          : undefined,\n      },\n    }),\n    muiTableBodyRowProps: ({ table, row, isDetailPanel }) => ({\n      className: draggableTableBodyRowClassName({\n        currentRowId: row.id,\n        draggingRowId: draggingRow?.id,\n        hoveredRowId: table.getState().hoveredRow?.id,\n      }),\n      sx: isDetailPanel\n        ? {\n            paddingBlock: \"0 !important\",\n            border: 0,\n            [\"&:hover\"]: {\n              backgroundColor: `${odysseyDesignTokens.HueNeutralWhite} !important`,\n            },\n          }\n        : {},\n    }),\n    muiRowDragHandleProps: ({ table, row }) => ({\n      onKeyDown: (event) => handleDragHandleKeyDown({ table, row, event }),\n      onBlur: () => resetDraggingAndHoveredRow(table),\n      onDragEnd: () => handleDragHandleOnDragEnd(table),\n      onDragCapture: () => handleDragHandleOnDragCapture(table),\n      disabled: isRowReorderingDisabled,\n      sx: dragHandleStyles,\n      ...dragHandleText,\n    }),\n    renderDetailPanel: tableLayoutOptions.renderDetailPanel,\n    enableRowVirtualization: enableVirtualization,\n    muiTableHeadCellProps: ({ column: currentColumn }) => ({\n      className: tableState.columnSorting.find(\n        (sortedColumn) => sortedColumn.id === currentColumn.id,\n      )\n        ? \"isSorted\"\n        : \"isUnsorted\",\n    }),\n    muiTableBodyCellProps: ({ column }) => ({\n      className: column.getIsResizing() ? \"isResizing\" : \"\",\n    }),\n    enableSorting: tableLayoutOptions.hasSorting === true, // I don't know why this needs to be true, but it still works if undefined otherwise\n    onSortingChange: (sortingUpdater) => {\n      const newSortVal =\n        typeof sortingUpdater === \"function\"\n          ? sortingUpdater(tableState.columnSorting)\n          : tableState.columnSorting;\n      setTableState((prevState) => ({\n        ...prevState,\n        columnSorting: newSortVal,\n      }));\n    },\n    enableRowSelection: hasRowSelection,\n    onRowSelectionChange: setRowSelection,\n    renderEmptyRowsFallback: emptyStateContainer,\n    localization: {\n      collapse: t(\"table.rowexpansion.collapse\"),\n      collapseAll: t(\"table.rowexpansion.collapseall\"),\n      expand: t(\"table.rowexpansion.expand\"),\n      expandAll: t(\"table.rowexpansion.expandall\"),\n    },\n  });\n\n  return (\n    <ScrollableTableContainer\n      isScrollableEnd={!isTableContainerScrolledToEnd}\n      isScrollableStart={!isTableContainerScrolledToStart}\n      odysseyDesignTokens={odysseyDesignTokens}\n      ref={tableOuterContainerRef}\n    >\n      <MRT_TableContainer table={dataTable} />\n    </ScrollableTableContainer>\n  );\n};\n\nconst MemoizedTableLayoutContent = memo(\n  TableLayoutContent,\n) as TableLayoutContentComponent;\nMemoizedTableLayoutContent.displayName = \"TableLayoutContent\";\n\nexport { MemoizedTableLayoutContent as TableLayoutContent };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/labs/OdysseyPickers/ComposablePicker.cjs

@@ -27,6 +27,7 @@ const adornmentSizeValues = exports.adornmentSizeValues = ["small", "large"];
 const ComposablePicker = ({
   ariaDescribedBy,
   defaultValue,
+  emptyOptionsText,
   errorMessage,
   errorMessageList,
   getIsOptionEqualToValue,
@@ -102,6 +103,7 @@ const ComposablePicker = ({
     isOptionEqualToValue: getIsOptionEqualToValue,
     loading: isLoading,
     multiple: hasMultipleChoices,
+    noOptionsText: emptyOptionsText,
     onBlur: onBlur,
     onChange: onChange,
     onInputChange: onInputChange,

package/dist/cjs/labs/OdysseyPickers/ComposablePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComposablePicker.cjs","names":["_react","require","_reactI18next","_PickerVirtualizationListBox","_useAutocomplete","_jsxRuntime","_interopRequireDefault","e","__esModule","default","adornmentSizeValues","exports","ComposablePicker","ariaDescribedBy","defaultValue","errorMessage","errorMessageList","getIsOptionEqualToValue","getOptionLabel","groupOptionsBy","hasMultipleChoices","id","idOverride","inputValue","isCustomValueAllowed","isDisabled","isFullWidth","isLoading","isOptional","isReadOnly","isVirtualized","hint","HintLinkComponent","label","name","nameOverride","onBlur","onChange","onInputChange","onFocus","options","renderOption","renderTags","value","testId","translate","t","useTranslation","inputValueProp","isVirtualizedRef","renderInput","valueProps","useAutocomplete","jsx","_Autocomplete2","current","ListboxComponent","PickerVirtualizationListBox","clearText","closeText","disableCloseOnSelect","disabled","freeSolo","filterSelectedOptions","fullWidth","groupBy","isOptionEqualToValue","loading","multiple","readOnly","MemoizedComposablePicker","memo","displayName"],"sources":["../../../../src/labs/OdysseyPickers/ComposablePicker.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  Autocomplete as MuiAutocomplete,\n  AutocompleteProps as MuiAutocompleteProps,\n} from \"@mui/material\";\n\nimport { AutocompleteProps } from \"../../Autocomplete.js\";\nimport { PickerVirtualizationListBox } from \"./PickerVirtualizationListBox.js\";\nimport { useAutocomplete } from \"../../useAutocomplete.js\";\n\nexport const adornmentSizeValues = [\"small\", \"large\"] as const;\nexport type AdornmentSize = (typeof adornmentSizeValues)[number];\n\nexport type BasePickerProps<\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n> = AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed> & {\n  adornmentSize?: AdornmentSize;\n  groupOptionsBy?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"groupBy\"];\n};\n\nexport type BasePickerType = {\n  displayName: string;\n  <\n    OptionType,\n    HasMultipleChoices extends boolean | undefined,\n    IsCustomValueAllowed extends boolean | undefined,\n  >(\n    props: BasePickerProps<\n      OptionType,\n      HasMultipleChoices,\n      IsCustomValueAllowed\n    >,\n  ): ReactNode;\n};\n\nexport type ComposablePickerProps<\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n> = BasePickerProps<OptionType, HasMultipleChoices, IsCustomValueAllowed> & {\n  getOptionLabel?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"getOptionLabel\"];\n\n  renderOption: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"renderOption\"];\n\n  renderTags?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"renderTags\"];\n};\n\nconst ComposablePicker = <\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n>({\n  ariaDescribedBy,\n  defaultValue,\n  errorMessage,\n  errorMessageList,\n  getIsOptionEqualToValue,\n  getOptionLabel,\n  groupOptionsBy,\n  hasMultipleChoices,\n  id: idOverride,\n  inputValue,\n  isCustomValueAllowed,\n  isDisabled,\n  isFullWidth = false,\n  isLoading,\n  isOptional = false,\n  isReadOnly,\n  isVirtualized = false,\n  hint,\n  HintLinkComponent,\n  label,\n  name: nameOverride,\n  onBlur,\n  onChange,\n  onInputChange,\n  onFocus,\n  options,\n  renderOption,\n  renderTags,\n  value,\n  testId,\n  translate,\n}: ComposablePickerProps<\n  OptionType,\n  HasMultipleChoices,\n  IsCustomValueAllowed\n>) => {\n  const { t } = useTranslation();\n  const { inputValueProp, isVirtualizedRef, renderInput, valueProps } =\n    useAutocomplete<OptionType, HasMultipleChoices, IsCustomValueAllowed>({\n      ariaDescribedBy,\n      defaultValue,\n      errorMessage,\n      errorMessageList,\n      hasMultipleChoices,\n      hint,\n      HintLinkComponent,\n      inputValue,\n      isFullWidth,\n      isOptional,\n      isVirtualized,\n      label,\n      name: nameOverride,\n      testId,\n      value,\n    });\n\n  return (\n    <MuiAutocomplete\n      {...valueProps}\n      {...inputValueProp}\n      // conditionally provide the ListboxComponent if this needs to be virtualized\n      {...(isVirtualizedRef.current && {\n        ListboxComponent: PickerVirtualizationListBox,\n      })}\n      // AutoComplete is wrapped in a div within MUI which does not get the disabled attr. So this aria-disabled gets set in the div\n      aria-disabled={isDisabled}\n      clearText={t(\"clear.text\")}\n      closeText={t(\"close.text\")}\n      disableCloseOnSelect={hasMultipleChoices}\n      disabled={isDisabled}\n      freeSolo={isCustomValueAllowed}\n      filterSelectedOptions={true}\n      fullWidth={isFullWidth}\n      getOptionLabel={getOptionLabel}\n      groupBy={groupOptionsBy}\n      id={idOverride}\n      isOptionEqualToValue={getIsOptionEqualToValue}\n      loading={isLoading}\n      multiple={hasMultipleChoices}\n      onBlur={onBlur}\n      onChange={onChange}\n      onInputChange={onInputChange}\n      onFocus={onFocus}\n      options={options}\n      readOnly={isReadOnly}\n      renderInput={renderInput}\n      renderOption={renderOption}\n      renderTags={renderTags}\n      translate={translate}\n    />\n  );\n};\n\n// Need the `typeof ComposablePicker` because generics don't get passed through\nconst MemoizedComposablePicker = memo(\n  ComposablePicker,\n) as typeof ComposablePicker;\n// @ts-expect-error displayName is expected to not be on `typeof ComposablePicker`\nMemoizedComposablePicker.displayName = \"ComposablePicker\";\n\nexport { MemoizedComposablePicker as ComposablePicker };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ComposablePicker.cjs","names":["_react","require","_reactI18next","_PickerVirtualizationListBox","_useAutocomplete","_jsxRuntime","_interopRequireDefault","e","__esModule","default","adornmentSizeValues","exports","ComposablePicker","ariaDescribedBy","defaultValue","emptyOptionsText","errorMessage","errorMessageList","getIsOptionEqualToValue","getOptionLabel","groupOptionsBy","hasMultipleChoices","id","idOverride","inputValue","isCustomValueAllowed","isDisabled","isFullWidth","isLoading","isOptional","isReadOnly","isVirtualized","hint","HintLinkComponent","label","name","nameOverride","onBlur","onChange","onInputChange","onFocus","options","renderOption","renderTags","value","testId","translate","t","useTranslation","inputValueProp","isVirtualizedRef","renderInput","valueProps","useAutocomplete","jsx","_Autocomplete2","current","ListboxComponent","PickerVirtualizationListBox","clearText","closeText","disableCloseOnSelect","disabled","freeSolo","filterSelectedOptions","fullWidth","groupBy","isOptionEqualToValue","loading","multiple","noOptionsText","readOnly","MemoizedComposablePicker","memo","displayName"],"sources":["../../../../src/labs/OdysseyPickers/ComposablePicker.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  Autocomplete as MuiAutocomplete,\n  AutocompleteProps as MuiAutocompleteProps,\n} from \"@mui/material\";\n\nimport { AutocompleteProps } from \"../../Autocomplete.js\";\nimport { PickerVirtualizationListBox } from \"./PickerVirtualizationListBox.js\";\nimport { useAutocomplete } from \"../../useAutocomplete.js\";\n\nexport const adornmentSizeValues = [\"small\", \"large\"] as const;\nexport type AdornmentSize = (typeof adornmentSizeValues)[number];\n\nexport type BasePickerProps<\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n> = AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed> & {\n  adornmentSize?: AdornmentSize;\n  emptyOptionsText?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"noOptionsText\"];\n  groupOptionsBy?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"groupBy\"];\n};\n\nexport type BasePickerType = {\n  displayName: string;\n  <\n    OptionType,\n    HasMultipleChoices extends boolean | undefined,\n    IsCustomValueAllowed extends boolean | undefined,\n  >(\n    props: BasePickerProps<\n      OptionType,\n      HasMultipleChoices,\n      IsCustomValueAllowed\n    >,\n  ): ReactNode;\n};\n\nexport type ComposablePickerProps<\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n> = BasePickerProps<OptionType, HasMultipleChoices, IsCustomValueAllowed> & {\n  getOptionLabel?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"getOptionLabel\"];\n\n  renderOption: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"renderOption\"];\n\n  renderTags?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"renderTags\"];\n};\n\nconst ComposablePicker = <\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n>({\n  ariaDescribedBy,\n  defaultValue,\n  emptyOptionsText,\n  errorMessage,\n  errorMessageList,\n  getIsOptionEqualToValue,\n  getOptionLabel,\n  groupOptionsBy,\n  hasMultipleChoices,\n  id: idOverride,\n  inputValue,\n  isCustomValueAllowed,\n  isDisabled,\n  isFullWidth = false,\n  isLoading,\n  isOptional = false,\n  isReadOnly,\n  isVirtualized = false,\n  hint,\n  HintLinkComponent,\n  label,\n  name: nameOverride,\n  onBlur,\n  onChange,\n  onInputChange,\n  onFocus,\n  options,\n  renderOption,\n  renderTags,\n  value,\n  testId,\n  translate,\n}: ComposablePickerProps<\n  OptionType,\n  HasMultipleChoices,\n  IsCustomValueAllowed\n>) => {\n  const { t } = useTranslation();\n  const { inputValueProp, isVirtualizedRef, renderInput, valueProps } =\n    useAutocomplete<OptionType, HasMultipleChoices, IsCustomValueAllowed>({\n      ariaDescribedBy,\n      defaultValue,\n      errorMessage,\n      errorMessageList,\n      hasMultipleChoices,\n      hint,\n      HintLinkComponent,\n      inputValue,\n      isFullWidth,\n      isOptional,\n      isVirtualized,\n      label,\n      name: nameOverride,\n      testId,\n      value,\n    });\n\n  return (\n    <MuiAutocomplete\n      {...valueProps}\n      {...inputValueProp}\n      // conditionally provide the ListboxComponent if this needs to be virtualized\n      {...(isVirtualizedRef.current && {\n        ListboxComponent: PickerVirtualizationListBox,\n      })}\n      // AutoComplete is wrapped in a div within MUI which does not get the disabled attr. So this aria-disabled gets set in the div\n      aria-disabled={isDisabled}\n      clearText={t(\"clear.text\")}\n      closeText={t(\"close.text\")}\n      disableCloseOnSelect={hasMultipleChoices}\n      disabled={isDisabled}\n      freeSolo={isCustomValueAllowed}\n      filterSelectedOptions={true}\n      fullWidth={isFullWidth}\n      getOptionLabel={getOptionLabel}\n      groupBy={groupOptionsBy}\n      id={idOverride}\n      isOptionEqualToValue={getIsOptionEqualToValue}\n      loading={isLoading}\n      multiple={hasMultipleChoices}\n      noOptionsText={emptyOptionsText}\n      onBlur={onBlur}\n      onChange={onChange}\n      onInputChange={onInputChange}\n      onFocus={onFocus}\n      options={options}\n      readOnly={isReadOnly}\n      renderInput={renderInput}\n      renderOption={renderOption}\n      renderTags={renderTags}\n      translate={translate}\n    />\n  );\n};\n\n// Need the `typeof ComposablePicker` because generics don't get passed through\nconst MemoizedComposablePicker = memo(\n  ComposablePicker,\n) as typeof ComposablePicker;\n// @ts-expect-error displayName is expected to not be on `typeof ComposablePicker`\nMemoizedComposablePicker.displayName = \"ComposablePicker\";\n\nexport { MemoizedComposablePicker as ComposablePicker };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/labs/OdysseyPickers/Picker.cjs

@@ -70,13 +70,12 @@ const OptionDetail = exports.OptionDetail = (0, _styled.default)("div", {
 const Option = ({
   children,
   hasAdornment = false,
-  key,
   muiProps
-}) => (0, _react.createElement)(StyledOption, {
+}) => (0, _jsxRuntime.jsx)(StyledOption, {
   ...muiProps,
   hasAdornment: hasAdornment,
-  key: key
-}, children);
+  children: children
+});
 exports.Option = Option;
 const OptionMetadataComponent = ({
   metaData,
@@ -92,7 +91,7 @@ const OptionMetadataComponent = ({
       return (0, _jsxRuntime.jsxs)(OptionDetail, {
         odysseyDesignTokens: odysseyDesignTokens,
         children: [icon, detailText]
-      }, `${index}-${detailText}`);
+      }, `${detailText}-${index}`);
     })
   });
 };
@@ -113,8 +112,7 @@ const OptionLabelOnlyComponent = ({
   option
 }) => {
   const {
-    label,
-    value
+    label
   } = option;
   return (0, _jsxRuntime.jsx)(Option, {
     muiProps: muiProps,
@@ -124,7 +122,7 @@ const OptionLabelOnlyComponent = ({
         children: label
       })
     })
-  }, value);
+  });
 };
 exports.OptionLabelOnlyComponent = OptionLabelOnlyComponent;
 const OptionLabelDescription = ({
@@ -134,8 +132,7 @@ const OptionLabelDescription = ({
 }) => {
   const {
     description,
-    label,
-    value
+    label
   } = option;
   return (0, _jsxRuntime.jsx)(Option, {
     muiProps: muiProps,
@@ -149,7 +146,7 @@ const OptionLabelDescription = ({
         odysseyDesignTokens: odysseyDesignTokens
       })]
     })
-  }, value);
+  });
 };
 const OptionLabelDescriptionMetadata = ({
   muiProps,
@@ -159,8 +156,7 @@ const OptionLabelDescriptionMetadata = ({
   const {
     description,
     label,
-    metaData,
-    value
+    metaData
   } = option;
   return (0, _jsxRuntime.jsxs)(Option, {
     muiProps: muiProps,
@@ -177,11 +173,12 @@ const OptionLabelDescriptionMetadata = ({
       metaData: metaData,
       odysseyDesignTokens: odysseyDesignTokens
     })]
-  }, value);
+  });
 };
 const Picker = ({
   ariaDescribedBy,
   defaultValue,
+  emptyOptionsText,
   errorMessage,
   errorMessageList,
   getIsOptionEqualToValue,
@@ -213,29 +210,26 @@ const Picker = ({
     const hasDescription = "description" in option && option.description;
     const hasMetadata = "metaData" in option && option.metaData;
     const isLabelOnly = !hasMetadata && !hasDescription;
-    if (isLabelOnly) {
-      return (0, _jsxRuntime.jsx)(OptionLabelOnlyComponent, {
+    return (0, _jsxRuntime.jsx)(_react.Fragment, {
+      children: isLabelOnly ? (0, _jsxRuntime.jsx)(OptionLabelOnlyComponent, {
         muiProps: muiProps,
         odysseyDesignTokens: odysseyDesignTokens,
         option: option
-      });
-    }
-    if (hasMetadata) {
-      return (0, _jsxRuntime.jsx)(OptionLabelDescriptionMetadata, {
+      }) : hasMetadata ? (0, _jsxRuntime.jsx)(OptionLabelDescriptionMetadata, {
         muiProps: muiProps,
         odysseyDesignTokens: odysseyDesignTokens,
         option: option
-      });
-    }
-    return (0, _jsxRuntime.jsx)(OptionLabelDescription, {
-      muiProps: muiProps,
-      odysseyDesignTokens: odysseyDesignTokens,
-      option: option
-    });
+      }) : (0, _jsxRuntime.jsx)(OptionLabelDescription, {
+        muiProps: muiProps,
+        odysseyDesignTokens: odysseyDesignTokens,
+        option: option
+      })
+    }, option.label);
   }, [odysseyDesignTokens]);
   return (0, _jsxRuntime.jsx)(_ComposablePicker.ComposablePicker, {
     ariaDescribedBy: ariaDescribedBy,
     defaultValue: defaultValue,
+    emptyOptionsText: emptyOptionsText,
     errorMessage: errorMessage,
     errorMessageList: errorMessageList,
     getIsOptionEqualToValue: getIsOptionEqualToValue,