@okta/odyssey-contribution-tooling 1.49.0 → 1.51.0

package/dist/esm/Pagination/Pagination.js

@@ -1,260 +0,0 @@
-import _InputBase from "@mui/material/InputBase";
-/*!
- * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import styled from "@emotion/styled";
-import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Box } from "../Box.js";
-import { Button } from "../Buttons/Button.js";
-import { useTranslation } from "../i18n.generated/i18n.js";
-import { ArrowLeftIcon, ArrowRightIcon } from "../icons.generated/index.js";
-import { useOdysseyDesignTokens } from "../OdysseyDesignTokensContext.js";
-import { Paragraph } from "../Typography.js";
-import { usePagination } from "./usePagination.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const PaginationContainer = styled("nav")({
-  display: "flex",
-  justifyContent: "space-between"
-});
-const PaginationSegment = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  gap: odysseyDesignTokens.Spacing4,
-  "& > div": {
-    display: "flex",
-    alignItems: "center",
-    gap: odysseyDesignTokens.Spacing2
-  }
-}));
-const PaginationInput = styled(_InputBase, {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  borderColor: odysseyDesignTokens.HueNeutral200,
-  borderRadius: odysseyDesignTokens.BorderRadiusTight,
-  height: odysseyDesignTokens.Spacing6,
-  width: "4.5714285714rem",
-  "&:hover": {
-    borderColor: odysseyDesignTokens.HueNeutral400
-  },
-  "&.Mui-focused:hover": {
-    borderColor: odysseyDesignTokens.PalettePrimaryMain
-  }
-}));
-const PaginationButtonContainer = styled("div")({
-  "& > *": {
-    marginInlineStart: `0 !important`
-  }
-});
-const Pagination = ({
-  currentPageLabel: currentPageLabelProp,
-  currentRowsCount,
-  hasPageInput = true,
-  hasRowCountInput = true,
-  hasRowCountLabel = true,
-  isDisabled,
-  isMoreDisabled,
-  lastRow,
-  loadMoreLabel: loadMoreLabelProp,
-  maxPageIndex,
-  maxPageSize,
-  nextLabel: nextLabelProp,
-  onPaginationChange: onPaginationChangeProp,
-  pageIndex,
-  pageSize,
-  previousLabel: previousLabelProp,
-  rowsPerPageLabel: rowsPerPageLabelProp,
-  totalRows,
-  variant
-}) => {
-  const odysseyDesignTokens = useOdysseyDesignTokens();
-  const {
-    t
-  } = useTranslation();
-  const [page, setPage] = useState(pageIndex);
-  const [rowsPerPage, setRowsPerPage] = useState(pageSize);
-  const initialRowsPerPage = useRef(pageSize);
-  const currentPageLabel = currentPageLabelProp ?? t("pagination.page");
-  const loadMoreLabel = loadMoreLabelProp ?? t("pagination.loadmore");
-  const nextLabel = nextLabelProp ?? t("pagination.next");
-  const previousLabel = previousLabelProp ?? t("pagination.previous");
-  const rowsPerPageLabel = rowsPerPageLabelProp ?? t("pagination.rowsperpage");
-  useEffect(() => {
-    setPage(pageIndex);
-    setRowsPerPage(pageSize);
-  }, [pageIndex, pageSize]);
-  const onPaginationChange = useCallback(({
-    pageIndex,
-    pageSize
-  }) => {
-    onPaginationChangeProp({
-      pageIndex,
-      pageSize
-    });
-  }, [onPaginationChangeProp]);
-  const {
-    totalRowsLabel
-  } = usePagination({
-    pageIndex,
-    pageSize,
-    currentRowsCount: currentRowsCount || 0,
-    totalRows
-  });
-  const handlePaginationChange = useCallback(() => {
-    let updatedPage = page;
-    let updatedRowsPerPage = rowsPerPage;
-    if (totalRows) {
-      const maxPageIndex = Math.ceil(totalRows / updatedRowsPerPage);
-      if (updatedRowsPerPage > totalRows) {
-        updatedRowsPerPage = totalRows;
-      }
-      if (updatedPage > maxPageIndex) {
-        updatedPage = maxPageIndex;
-      } else if (updatedPage < 1) {
-        updatedPage = 1;
-      }
-    }
-    onPaginationChange({
-      pageIndex: updatedPage,
-      pageSize: updatedRowsPerPage
-    });
-  }, [page, rowsPerPage, onPaginationChange, totalRows]);
-  const handlePageSubmit = useCallback(event => {
-    if (event.key === "Enter") {
-      onPaginationChange({
-        pageIndex: Number(event.currentTarget.value),
-        pageSize: rowsPerPage
-      });
-    }
-  }, [rowsPerPage, onPaginationChange]);
-  const handleRowsPerPageSubmit = useCallback(event => {
-    if (event.key === "Enter") {
-      onPaginationChange({
-        pageIndex: page,
-        pageSize: Number(event.currentTarget.value)
-      });
-    }
-  }, [page, onPaginationChange]);
-  const setPageFromEvent = useCallback(event => {
-    const value = maxPageIndex ? Math.min(Number(event.target.value), maxPageIndex) : Number(event.target.value);
-    setPage(Math.max(1, value));
-  }, [setPage, maxPageIndex]);
-  const setRowsPerPageFromEvent = useCallback(event => {
-    const value = maxPageSize ? Math.min(Number(event.target.value), maxPageSize) : Number(event.target.value);
-    setRowsPerPage(Math.max(1, value));
-  }, [setRowsPerPage, maxPageSize]);
-  const handleLoadMore = useCallback(() => {
-    onPaginationChange({
-      pageIndex: 1,
-      pageSize: rowsPerPage + initialRowsPerPage.current
-    });
-  }, [rowsPerPage, onPaginationChange]);
-  const handleNextButton = useCallback(() => {
-    onPaginationChange({
-      pageIndex: page + 1,
-      pageSize: rowsPerPage
-    });
-  }, [onPaginationChange, page, rowsPerPage]);
-  const handlePreviousButton = useCallback(() => {
-    onPaginationChange({
-      pageIndex: page - 1,
-      pageSize: rowsPerPage
-    });
-  }, [onPaginationChange, page, rowsPerPage]);
-  const loadMoreIsDisabled = useMemo(() => {
-    return isMoreDisabled || (totalRows ? rowsPerPage >= totalRows : false);
-  }, [isMoreDisabled, rowsPerPage, totalRows]);
-  const nextButtonDisabled = useMemo(() => isMoreDisabled || lastRow && (totalRows ? lastRow >= totalRows : false) || isDisabled, [isMoreDisabled, totalRows, lastRow, isDisabled]);
-  const previousButtonDisabled = useMemo(() => pageIndex <= 1 || isDisabled, [pageIndex, isDisabled]);
-  const rowsPerPageInputProps = useMemo(() => ({
-    "aria-label": rowsPerPageLabel,
-    max: maxPageSize || totalRows
-  }), [maxPageSize, rowsPerPageLabel, totalRows]);
-  const currentPageInputProps = useMemo(() => ({
-    "aria-label": currentPageLabel,
-    max: maxPageIndex
-  }), [currentPageLabel, maxPageIndex]);
-  return variant === "paged" ? _jsxs(PaginationContainer, {
-    "aria-label": t("pagination.label"),
-    children: [_jsxs(PaginationSegment, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      children: [hasRowCountInput && _jsxs(Box, {
-        children: [_jsx(Paragraph, {
-          color: "textSecondary",
-          component: "span",
-          children: rowsPerPageLabel
-        }), _jsx(PaginationInput, {
-          disabled: isDisabled,
-          inputProps: rowsPerPageInputProps,
-          odysseyDesignTokens: odysseyDesignTokens,
-          onBlur: handlePaginationChange,
-          onChange: setRowsPerPageFromEvent,
-          onKeyDown: handleRowsPerPageSubmit,
-          type: "number",
-          value: rowsPerPage
-        })]
-      }), hasRowCountLabel && _jsx(Paragraph, {
-        color: "textSecondary",
-        component: "span",
-        children: totalRowsLabel
-      })]
-    }), _jsxs(PaginationSegment, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      children: [totalRows && hasPageInput && _jsxs(Box, {
-        children: [_jsx(Paragraph, {
-          color: "textSecondary",
-          component: "span",
-          children: currentPageLabel
-        }), _jsx(PaginationInput, {
-          disabled: isDisabled,
-          inputProps: currentPageInputProps,
-          odysseyDesignTokens: odysseyDesignTokens,
-          onBlur: handlePaginationChange,
-          onChange: setPageFromEvent,
-          onKeyDown: handlePageSubmit,
-          type: "number",
-          value: page
-        })]
-      }), _jsxs(PaginationButtonContainer, {
-        children: [_jsx(Button, {
-          ariaLabel: previousLabel,
-          isDisabled: previousButtonDisabled,
-          onClick: handlePreviousButton,
-          size: "small",
-          startIcon: _jsx(ArrowLeftIcon, {}),
-          variant: "floating"
-        }), _jsx(Button, {
-          ariaLabel: nextLabel,
-          endIcon: _jsx(ArrowRightIcon, {}),
-          isDisabled: nextButtonDisabled,
-          onClick: handleNextButton,
-          size: "small",
-          variant: "floating"
-        })]
-      })]
-    })]
-  }) : _jsx(Button, {
-    isDisabled: loadMoreIsDisabled,
-    label: loadMoreLabel,
-    onClick: handleLoadMore,
-    variant: "secondary"
-  });
-};
-const MemoizedPagination = memo(Pagination);
-MemoizedPagination.displayName = "Pagination";
-export { MemoizedPagination as Pagination };
-//# sourceMappingURL=Pagination.js.map

package/dist/esm/Pagination/Pagination.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.js","names":["styled","memo","useCallback","useEffect","useMemo","useRef","useState","Box","Button","useTranslation","ArrowLeftIcon","ArrowRightIcon","useOdysseyDesignTokens","Paragraph","usePagination","jsx","_jsx","jsxs","_jsxs","PaginationContainer","display","justifyContent","PaginationSegment","shouldForwardProp","prop","odysseyDesignTokens","alignItems","gap","Spacing4","Spacing2","PaginationInput","_InputBase","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","t","page","setPage","rowsPerPage","setRowsPerPage","initialRowsPerPage","totalRowsLabel","handlePaginationChange","updatedPage","updatedRowsPerPage","Math","ceil","handlePageSubmit","event","key","Number","currentTarget","value","handleRowsPerPageSubmit","setPageFromEvent","min","target","max","setRowsPerPageFromEvent","handleLoadMore","current","handleNextButton","handlePreviousButton","loadMoreIsDisabled","nextButtonDisabled","previousButtonDisabled","rowsPerPageInputProps","currentPageInputProps","children","color","component","disabled","inputProps","onBlur","onChange","onKeyDown","type","ariaLabel","onClick","size","startIcon","endIcon","label","MemoizedPagination","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\";\n\nimport { Box } from \"../Box.js\";\nimport { Button } from \"../Buttons/Button.js\";\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { Paragraph } from \"../Typography.js\";\nimport { paginationTypeValues } from \"./constants.js\";\nimport { usePagination } from \"./usePagination.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) because 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: Number(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: Number(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(Number(event.target.value), maxPageIndex)\n        : Number(event.target.value);\n\n      // Ensure the value can't be less than 1\n      setPage(Math.max(1, value));\n    },\n    [setPage, maxPageIndex],\n  );\n\n  const setRowsPerPageFromEvent = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const value = maxPageSize\n        ? Math.min(Number(event.target.value), maxPageSize)\n        : Number(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 color=\"textSecondary\" component=\"span\">\n              {rowsPerPageLabel}\n            </Paragraph>\n            <PaginationInput\n              disabled={isDisabled}\n              inputProps={rowsPerPageInputProps}\n              odysseyDesignTokens={odysseyDesignTokens}\n              onBlur={handlePaginationChange}\n              onChange={setRowsPerPageFromEvent}\n              onKeyDown={handleRowsPerPageSubmit}\n              type=\"number\"\n              value={rowsPerPage}\n            />\n          </Box>\n        )}\n        {hasRowCountLabel && (\n          <Paragraph color=\"textSecondary\" component=\"span\">\n            {totalRowsLabel}\n          </Paragraph>\n        )}\n      </PaginationSegment>\n\n      <PaginationSegment odysseyDesignTokens={odysseyDesignTokens}>\n        {totalRows && hasPageInput && (\n          <Box>\n            <Paragraph color=\"textSecondary\" component=\"span\">\n              {currentPageLabel}\n            </Paragraph>\n            <PaginationInput\n              disabled={isDisabled}\n              inputProps={currentPageInputProps}\n              odysseyDesignTokens={odysseyDesignTokens}\n              onBlur={handlePaginationChange}\n              onChange={setPageFromEvent}\n              onKeyDown={handlePageSubmit}\n              type=\"number\"\n              value={page}\n            />\n          </Box>\n        )}\n        <PaginationButtonContainer>\n          <Button\n            ariaLabel={previousLabel}\n            isDisabled={previousButtonDisabled}\n            onClick={handlePreviousButton}\n            size=\"small\"\n            startIcon={<ArrowLeftIcon />}\n            variant=\"floating\"\n          />\n          <Button\n            ariaLabel={nextLabel}\n            endIcon={<ArrowRightIcon />}\n            isDisabled={nextButtonDisabled}\n            onClick={handleNextButton}\n            size=\"small\"\n            variant=\"floating\"\n          />\n        </PaginationButtonContainer>\n      </PaginationSegment>\n    </PaginationContainer>\n  ) : (\n    <Button\n      isDisabled={loadMoreIsDisabled}\n      label={loadMoreLabel}\n      onClick={handleLoadMore}\n      variant=\"secondary\"\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/esm/Pagination/constants.js

@@ -1,14 +0,0 @@
-/*!
- * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-export const paginationTypeValues = ["paged", "loadMore"];
-//# sourceMappingURL=constants.js.map

package/dist/esm/Pagination/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","names":["paginationTypeValues"],"sources":["../../../src/Pagination/constants.ts"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport const paginationTypeValues = [\"paged\", \"loadMore\"] as const;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,oBAAoB,GAAG,CAAC,OAAO,EAAE,UAAU,CAAU","ignoreList":[]}

package/dist/esm/Pagination/usePagination.js

@@ -1,44 +0,0 @@
-/*!
- * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import { useMemo } from "react";
-import { useTranslation } from "../i18n.generated/i18n.js";
-export const usePagination = ({
-  currentRowsCount,
-  pageIndex,
-  pageSize,
-  totalRows
-}) => {
-  const {
-    t
-  } = useTranslation();
-  return useMemo(() => {
-    const firstRow = pageSize * (pageIndex - 1) + 1;
-    const lastRow = firstRow + (currentRowsCount - 1);
-    const totalRowsLabel = currentRowsCount === 0 ? t("pagination.totalrows", {
-      totalRows: 0
-    }) : totalRows ? t("pagination.rowswithtotal", {
-      firstRow,
-      lastRow,
-      totalRows
-    }) : t("pagination.rowswithouttotal", {
-      firstRow,
-      lastRow
-    });
-    return {
-      firstRow,
-      lastRow,
-      totalRowsLabel
-    };
-  }, [currentRowsCount, pageIndex, pageSize, totalRows, t]);
-};
-//# sourceMappingURL=usePagination.js.map

package/dist/esm/Pagination/usePagination.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePagination.js","names":["useMemo","useTranslation","usePagination","currentRowsCount","pageIndex","pageSize","totalRows","t","firstRow","lastRow","totalRowsLabel"],"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 { useMemo } from \"react\";\n\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\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":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,cAAc,QAAQ,2BAA2B;AAS1D,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,gBAAgB;EAChBC,SAAS;EACTC,QAAQ;EACRC;AACiB,CAAC,KAAK;EACvB,MAAM;IAAEC;EAAE,CAAC,GAAGN,cAAc,CAAC,CAAC;EAE9B,OAAOD,OAAO,CAAC,MAAM;IACnB,MAAMQ,QAAQ,GAAGH,QAAQ,IAAID,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC;IAC/C,MAAMK,OAAO,GAAGD,QAAQ,IAAIL,gBAAgB,GAAG,CAAC,CAAC;IAEjD,MAAMO,cAAc,GAClBP,gBAAgB,KAAK,CAAC,GAClBI,CAAC,CAAC,sBAAsB,EAAE;MAAED,SAAS,EAAE;IAAE,CAAC,CAAC,GAC3CA,SAAS,GACPC,CAAC,CAAC,0BAA0B,EAAE;MAAEC,QAAQ;MAAEC,OAAO;MAAEH;IAAU,CAAC,CAAC,GAC/DC,CAAC,CAAC,6BAA6B,EAAE;MAAEC,QAAQ;MAAEC;IAAQ,CAAC,CAAC;IAE/D,OAAO;MACLD,QAAQ;MACRC,OAAO;MACPC;IACF,CAAC;EACH,CAAC,EAAE,CAACP,gBAAgB,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,CAAC,CAAC,CAAC;AAC3D,CAAC","ignoreList":[]}

package/dist/esm/PasswordField.js

@@ -1,130 +0,0 @@
-import _InputBase from "@mui/material/InputBase";
-import _InputAdornment from "@mui/material/InputAdornment";
-import _IconButton from "@mui/material/IconButton";
-/*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-import { forwardRef, memo, useCallback, useImperativeHandle, useRef, useState } from "react";
-import { Field } from "./Field.js";
-import { useTranslation } from "./i18n.generated/i18n.js";
-import { HideIcon, ShowIcon } from "./icons.generated/index.js";
-import { getControlState, useInputValues } from "./inputUtils.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const PasswordField = forwardRef(({
-  ariaDescribedBy,
-  autoCompleteType,
-  defaultValue,
-  errorMessage,
-  errorMessageList,
-  hasInitialFocus,
-  hint,
-  id: idOverride,
-  inputRef,
-  isDisabled = false,
-  isFullWidth = false,
-  isOptional = false,
-  hasShowPassword = true,
-  isReadOnly,
-  label,
-  name: nameOverride,
-  onChange: onChangeProp,
-  onFocus,
-  onBlur,
-  placeholder,
-  testId,
-  translate,
-  value
-}, ref) => {
-  const {
-    t
-  } = useTranslation();
-  const [inputType, setInputType] = useState("password");
-  const togglePasswordVisibility = useCallback(() => {
-    setInputType(inputType => inputType === "password" ? "text" : "password");
-  }, []);
-  const controlledStateRef = useRef(getControlState({
-    controlledValue: value,
-    uncontrolledValue: defaultValue
-  }));
-  const inputValues = useInputValues({
-    defaultValue,
-    value,
-    controlState: controlledStateRef.current
-  });
-  const localInputRef = useRef(null);
-  useImperativeHandle(inputRef, () => {
-    return {
-      focus: () => {
-        localInputRef.current?.focus();
-      }
-    };
-  }, []);
-  const onChange = useCallback(event => {
-    onChangeProp?.(event);
-  }, [onChangeProp]);
-  const renderFieldComponent = useCallback(({
-    ariaDescribedBy,
-    errorMessageElementId,
-    id,
-    labelElementId
-  }) => _jsx(_InputBase, {
-    ...inputValues,
-    "aria-describedby": ariaDescribedBy,
-    autoComplete: inputType === "password" ? autoCompleteType : "off",
-    autoFocus: hasInitialFocus,
-    endAdornment: hasShowPassword && _jsx(_InputAdornment, {
-      position: "end",
-      children: _jsx(_IconButton, {
-        "aria-controls": id,
-        "aria-label": t("passwordfield.icon.label.show"),
-        "aria-pressed": inputType === "text",
-        onClick: togglePasswordVisibility,
-        children: inputType === "password" ? _jsx(ShowIcon, {}) : _jsx(HideIcon, {})
-      })
-    }),
-    id: id,
-    inputProps: {
-      "aria-errormessage": errorMessageElementId,
-      "aria-labelledby": labelElementId,
-      "data-se": testId,
-      role: "textbox"
-    },
-    inputRef: localInputRef,
-    name: nameOverride ?? id,
-    onBlur: onBlur,
-    onChange: onChange,
-    onFocus: onFocus,
-    placeholder: placeholder,
-    readOnly: isReadOnly,
-    ref: ref,
-    required: !isOptional,
-    translate: translate,
-    type: inputType
-  }), [autoCompleteType, hasInitialFocus, inputValues, t, togglePasswordVisibility, inputType, nameOverride, onChange, onFocus, onBlur, placeholder, isOptional, isReadOnly, hasShowPassword, ref, testId, translate]);
-  return _jsx(Field, {
-    ariaDescribedBy: ariaDescribedBy,
-    errorMessage: errorMessage,
-    errorMessageList: errorMessageList,
-    fieldType: "single",
-    hasVisibleLabel: true,
-    hint: hint,
-    id: idOverride,
-    isDisabled: isDisabled,
-    isFullWidth: isFullWidth,
-    isOptional: isOptional,
-    label: label,
-    renderFieldComponent: renderFieldComponent
-  });
-});
-const MemoizedPasswordField = memo(PasswordField);
-MemoizedPasswordField.displayName = "PasswordField";
-export { MemoizedPasswordField as PasswordField };
-//# sourceMappingURL=PasswordField.js.map

package/dist/esm/PasswordField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PasswordField.js","names":["forwardRef","memo","useCallback","useImperativeHandle","useRef","useState","Field","useTranslation","HideIcon","ShowIcon","getControlState","useInputValues","jsx","_jsx","PasswordField","ariaDescribedBy","autoCompleteType","defaultValue","errorMessage","errorMessageList","hasInitialFocus","hint","id","idOverride","inputRef","isDisabled","isFullWidth","isOptional","hasShowPassword","isReadOnly","label","name","nameOverride","onChange","onChangeProp","onFocus","onBlur","placeholder","testId","translate","value","ref","t","inputType","setInputType","togglePasswordVisibility","controlledStateRef","controlledValue","uncontrolledValue","inputValues","controlState","current","localInputRef","focus","event","renderFieldComponent","errorMessageElementId","labelElementId","_InputBase","autoComplete","autoFocus","endAdornment","_InputAdornment","position","children","_IconButton","onClick","inputProps","role","readOnly","required","type","fieldType","hasVisibleLabel","MemoizedPasswordField","displayName"],"sources":["../../src/PasswordField.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { IconButton, InputAdornment, InputBase } from \"@mui/material\";\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  memo,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { HideIcon, ShowIcon } from \"./icons.generated/index.js\";\nimport { FocusHandle, getControlState, useInputValues } from \"./inputUtils.js\";\n\nexport type PasswordFieldProps = {\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n   */\n  autoCompleteType?: \"current-password\" | \"new-password\";\n  /**\n   * initial value for input. Use when component in uncontrolled.\n   */\n  defaultValue?: string;\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * If `true`, the show/hide icon is not shown to the user\n   */\n  hasShowPassword?: boolean;\n  /**\n   * The ref forwarded to the TextField\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * Callback fired when the `input` element loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;\n  /**\n   * Callback fired when the `input` element get focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * The value of the `input` element. Use when component is controlled.\n   */\n  value?: string;\n} & FieldComponentProps &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype FieldRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"id\" | \"labelElementId\">;\n\nconst PasswordField = forwardRef<HTMLInputElement, PasswordFieldProps>(\n  (\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      errorMessage,\n      errorMessageList,\n      hasInitialFocus,\n      hint,\n      id: idOverride,\n      inputRef,\n      isDisabled = false,\n      isFullWidth = false,\n      isOptional = false,\n      hasShowPassword = true,\n      isReadOnly,\n      label,\n      name: nameOverride,\n      onChange: onChangeProp,\n      onFocus,\n      onBlur,\n      placeholder,\n      testId,\n      translate,\n      value,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [inputType, setInputType] = useState(\"password\");\n\n    const togglePasswordVisibility = useCallback(() => {\n      setInputType((inputType) =>\n        inputType === \"password\" ? \"text\" : \"password\",\n      );\n    }, []);\n\n    const controlledStateRef = useRef(\n      getControlState({\n        controlledValue: value,\n        uncontrolledValue: defaultValue,\n      }),\n    );\n    const inputValues = useInputValues({\n      defaultValue,\n      value,\n      controlState: controlledStateRef.current,\n    });\n\n    const localInputRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(inputRef, () => {\n      return {\n        focus: () => {\n          localInputRef.current?.focus();\n        },\n      };\n    }, []);\n\n    const onChange = useCallback<\n      ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>\n    >(\n      (event) => {\n        onChangeProp?.(event);\n      },\n      [onChangeProp],\n    );\n\n    const renderFieldComponent = useCallback(\n      ({\n        ariaDescribedBy,\n        errorMessageElementId,\n        id,\n        labelElementId,\n      }: FieldRenderProps) => (\n        <InputBase\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          autoComplete={inputType === \"password\" ? autoCompleteType : \"off\"}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          endAdornment={\n            hasShowPassword && (\n              <InputAdornment position=\"end\">\n                <IconButton\n                  aria-controls={id}\n                  aria-label={t(\"passwordfield.icon.label.show\")}\n                  aria-pressed={inputType === \"text\"}\n                  onClick={togglePasswordVisibility}\n                >\n                  {inputType === \"password\" ? <ShowIcon /> : <HideIcon />}\n                </IconButton>\n              </InputAdornment>\n            )\n          }\n          id={id}\n          inputProps={{\n            \"aria-errormessage\": errorMessageElementId,\n            \"aria-labelledby\": labelElementId,\n            \"data-se\": testId,\n            // role: \"textbox\" Added because password inputs don't have an implicit role assigned. This causes problems with element selection.\n            role: \"textbox\",\n          }}\n          inputRef={localInputRef}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          placeholder={placeholder}\n          readOnly={isReadOnly}\n          ref={ref}\n          required={!isOptional}\n          translate={translate}\n          type={inputType}\n        />\n      ),\n      [\n        autoCompleteType,\n        hasInitialFocus,\n        inputValues,\n        t,\n        togglePasswordVisibility,\n        inputType,\n        nameOverride,\n        onChange,\n        onFocus,\n        onBlur,\n        placeholder,\n        isOptional,\n        isReadOnly,\n        hasShowPassword,\n        ref,\n        testId,\n        translate,\n      ],\n    );\n\n    return (\n      <Field\n        ariaDescribedBy={ariaDescribedBy}\n        errorMessage={errorMessage}\n        errorMessageList={errorMessageList}\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        id={idOverride}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        isOptional={isOptional}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  },\n);\n\nconst MemoizedPasswordField = memo(PasswordField);\nMemoizedPasswordField.displayName = \"PasswordField\";\n\nexport { MemoizedPasswordField as PasswordField };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/ScreenReaderText.js

@@ -1,35 +0,0 @@
-import _Box from "@mui/material/Box";
-/*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-import { visuallyHidden } from "@mui/utils";
-import { memo } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-const style = {
-  ...visuallyHidden
-};
-const ScreenReaderText = ({
-  ariaHidden,
-  children,
-  id,
-  translate
-}) => _jsx(_Box, {
-  "aria-hidden": ariaHidden,
-  component: "span",
-  id: id,
-  sx: style,
-  translate: translate,
-  children: children
-});
-const MemoizedScreenReaderText = memo(ScreenReaderText);
-MemoizedScreenReaderText.displayName = "ScreenReaderText";
-export { MemoizedScreenReaderText as ScreenReaderText };
-//# sourceMappingURL=ScreenReaderText.js.map

package/dist/esm/ScreenReaderText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScreenReaderText.js","names":["visuallyHidden","memo","jsx","_jsx","style","ScreenReaderText","ariaHidden","children","id","translate","_Box","component","sx","MemoizedScreenReaderText","displayName"],"sources":["../../src/ScreenReaderText.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Box } from \"@mui/material\";\nimport { visuallyHidden } from \"@mui/utils\";\nimport { memo, ReactNode } from \"react\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\n\nexport type ScreenReaderTextProps = {\n  /**\n   * The visually-hidden text.\n   */\n  children: ReactNode;\n  id?: string;\n} & Pick<HtmlProps, \"ariaHidden\" | \"translate\">;\n\n/**\n * MUI sx expects you pass in a CSS object, not an object with CSS.\n * They seem identical, but only if you create a new object like this will MUI be happy with the type of visuallyHidden.\n * It's otherwise a regular object with CSS properties.\n */\nconst style = { ...visuallyHidden };\n\nconst ScreenReaderText = ({\n  ariaHidden,\n  children,\n  id,\n  translate,\n}: ScreenReaderTextProps) => (\n  <Box\n    aria-hidden={ariaHidden}\n    component=\"span\"\n    id={id}\n    sx={style}\n    translate={translate}\n  >\n    {children}\n  </Box>\n);\n\nconst MemoizedScreenReaderText = memo(ScreenReaderText);\nMemoizedScreenReaderText.displayName = \"ScreenReaderText\";\n\nexport { MemoizedScreenReaderText as ScreenReaderText };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,cAAc,QAAQ,YAAY;AAC3C,SAASC,IAAI,QAAmB,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiBxC,MAAMC,KAAK,GAAG;EAAE,GAAGJ;AAAe,CAAC;AAEnC,MAAMK,gBAAgB,GAAGA,CAAC;EACxBC,UAAU;EACVC,QAAQ;EACRC,EAAE;EACFC;AACqB,CAAC,KACtBN,IAAA,CAAAO,IAAA;EACE,eAAaJ,UAAW;EACxBK,SAAS,EAAC,MAAM;EAChBH,EAAE,EAAEA,EAAG;EACPI,EAAE,EAAER,KAAM;EACVK,SAAS,EAAEA,SAAU;EAAAF,QAAA,EAEpBA;AAAQ,CACN,CACN;AAED,MAAMM,wBAAwB,GAAGZ,IAAI,CAACI,gBAAgB,CAAC;AACvDQ,wBAAwB,CAACC,WAAW,GAAG,kBAAkB;AAEzD,SAASD,wBAAwB,IAAIR,gBAAgB","ignoreList":[]}