@okta/odyssey-react-mui 1.29.0 → 1.32.0

package/dist/cjs/OdysseyThemeProvider.cjs

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OdysseyThemeProvider = void 0;
+var _react = require("react");
+var _styles = require("@mui/material/styles");
+var _utils = require("@mui/utils");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _index = require("./theme/index.cjs");
+var Tokens = _interopRequireWildcard(require("@okta/odyssey-design-tokens"));
+var _useContrastMode = require("./useContrastMode.cjs");
+var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * 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.
+ */
+
+const StyledContrastContainerStyles = (0, _styled.default)("div")(() => ({
+  height: "inherit"
+}));
+const OdysseyThemeProvider = ({
+  children,
+  contrastMode: explicitContrastMode,
+  designTokensOverride,
+  shadowDomElement,
+  shadowRootElement,
+  themeOverride
+}) => {
+  const {
+    contrastMode,
+    contrastContainerRef
+  } = (0, _useContrastMode.useContrastMode)({
+    contrastMode: explicitContrastMode
+  });
+  const odysseyTokens = (0, _react.useMemo)(() => ({
+    ...Tokens,
+    ...designTokensOverride
+  }), [designTokensOverride]);
+  const effectiveShadowRootElement = shadowRootElement || shadowDomElement;
+  const odysseyTheme = (0, _react.useMemo)(() => (0, _index.createOdysseyMuiTheme)({
+    contrastMode,
+    odysseyTokens,
+    shadowRootElement: effectiveShadowRootElement
+  }), [contrastMode, odysseyTokens, effectiveShadowRootElement]);
+  const customOdysseyTheme = (0, _react.useMemo)(() => (0, _styles.createTheme)((0, _utils.deepmerge)(odysseyTheme, themeOverride || {})), [odysseyTheme, themeOverride]);
+  const contrastModeProviderValue = (0, _react.useMemo)(() => ({
+    contrastMode
+  }), [contrastMode]);
+  return (0, _jsxRuntime.jsx)(StyledContrastContainerStyles, {
+    ref: contrastContainerRef,
+    children: (0, _jsxRuntime.jsx)(_useContrastMode.ContrastModeContext.Provider, {
+      value: contrastModeProviderValue,
+      children: (0, _jsxRuntime.jsx)(_styles.ThemeProvider, {
+        theme: customOdysseyTheme,
+        children: (0, _jsxRuntime.jsx)(_OdysseyDesignTokensContext.OdysseyDesignTokensContext.Provider, {
+          value: odysseyTokens,
+          children: children
+        })
+      })
+    })
+  });
+};
+OdysseyThemeProvider.displayName = "OdysseyThemeProvider";
+const MemoizedOdysseyThemeProvider = exports.OdysseyThemeProvider = (0, _react.memo)(OdysseyThemeProvider);
+//# sourceMappingURL=OdysseyThemeProvider.cjs.map

package/dist/cjs/OdysseyThemeProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyThemeProvider.cjs","names":["_react","require","_styles","_utils","_styled","_interopRequireDefault","_index","Tokens","_interopRequireWildcard","_useContrastMode","_OdysseyDesignTokensContext","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StyledContrastContainerStyles","styled","height","OdysseyThemeProvider","children","contrastMode","explicitContrastMode","designTokensOverride","shadowDomElement","shadowRootElement","themeOverride","contrastContainerRef","useContrastMode","odysseyTokens","useMemo","effectiveShadowRootElement","odysseyTheme","createOdysseyMuiTheme","customOdysseyTheme","createTheme","deepmerge","contrastModeProviderValue","jsx","ref","ContrastModeContext","Provider","value","ThemeProvider","theme","OdysseyDesignTokensContext","displayName","MemoizedOdysseyThemeProvider","exports","memo"],"sources":["../../src/OdysseyThemeProvider.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 { memo, ReactNode, useMemo } from \"react\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { ThemeOptions } from \"@mui/material\";\nimport { deepmerge } from \"@mui/utils\";\nimport styled from \"@emotion/styled\";\nimport { createOdysseyMuiTheme, DesignTokensOverride } from \"./theme/index.js\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\n\nimport {\n  ContrastMode,\n  ContrastModeContext,\n  useContrastMode,\n} from \"./useContrastMode.js\";\nimport { OdysseyDesignTokensContext } from \"./OdysseyDesignTokensContext.js\";\n\nexport type OdysseyThemeProviderProps = {\n  children: ReactNode;\n  contrastMode?: ContrastMode;\n  designTokensOverride?: DesignTokensOverride;\n  /** @deprecated Use shadowRootElement instead */\n  shadowDomElement?: HTMLDivElement | HTMLElement;\n  shadowRootElement?: HTMLDivElement | HTMLElement;\n  themeOverride?: ThemeOptions;\n};\n\nconst StyledContrastContainerStyles = styled(\"div\")(() => ({\n  height: \"inherit\",\n}));\n\n/**\n * This function doesn't include the Emotion Cache or Translations. You should probably be using `OdysseyProvider`.\n *\n * Some teams have a need to wrap separately (SIW), but most teams will never need to use this explicitly.\n */\nconst OdysseyThemeProvider = ({\n  children,\n  contrastMode: explicitContrastMode,\n  designTokensOverride,\n  shadowDomElement,\n  shadowRootElement,\n  themeOverride,\n}: OdysseyThemeProviderProps) => {\n  const { contrastMode, contrastContainerRef } = useContrastMode({\n    contrastMode: explicitContrastMode,\n  });\n\n  const odysseyTokens = useMemo(\n    () => ({ ...Tokens, ...designTokensOverride }),\n    [designTokensOverride],\n  );\n\n  const effectiveShadowRootElement = shadowRootElement || shadowDomElement;\n\n  const odysseyTheme = useMemo(\n    () =>\n      createOdysseyMuiTheme({\n        contrastMode,\n        odysseyTokens,\n        shadowRootElement: effectiveShadowRootElement,\n      }),\n    [contrastMode, odysseyTokens, effectiveShadowRootElement],\n  );\n\n  const customOdysseyTheme = useMemo(\n    () => createTheme(deepmerge(odysseyTheme, themeOverride || {})),\n    [odysseyTheme, themeOverride],\n  );\n\n  const contrastModeProviderValue = useMemo(\n    () => ({\n      contrastMode,\n    }),\n    [contrastMode],\n  );\n\n  return (\n    <StyledContrastContainerStyles ref={contrastContainerRef}>\n      <ContrastModeContext.Provider value={contrastModeProviderValue}>\n        <MuiThemeProvider theme={customOdysseyTheme}>\n          <OdysseyDesignTokensContext.Provider value={odysseyTokens}>\n            {children}\n          </OdysseyDesignTokensContext.Provider>\n        </MuiThemeProvider>\n      </ContrastModeContext.Provider>\n    </StyledContrastContainerStyles>\n  );\n};\nOdysseyThemeProvider.displayName = \"OdysseyThemeProvider\";\n\nconst MemoizedOdysseyThemeProvider = memo(\n  OdysseyThemeProvider,\n) as typeof OdysseyThemeProvider;\n\nexport { MemoizedOdysseyThemeProvider as OdysseyThemeProvider };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/OdysseyTranslationProvider.cjs

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.odysseyI18nResourceKeysList = exports.OdysseyTranslationProvider = void 0;
+var _react = require("react");
+var _i18n = require("./i18n.cjs");
+var _reactI18next = require("react-i18next");
+var _getTypedObjectKeys = require("./getTypedObjectKeys.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+const odysseyI18nResourceKeysList = exports.odysseyI18nResourceKeysList = (0, _getTypedObjectKeys.getTypedObjectKeys)(_i18n.resources["en"]);
+const mergeBundleOverrides = (languageCode, translationOverrides) => {
+  const translationStringOverrides = translationOverrides[languageCode];
+  const translationStrings = languageCode in _i18n.resources ? _i18n.resources[languageCode] : {};
+  return {
+    ...translationStrings,
+    ...translationStringOverrides
+  };
+};
+const OdysseyTranslationProvider = ({
+  children,
+  languageCode,
+  translationOverrides
+}) => {
+  (0, _react.useEffect)(() => {
+    _i18n.i18n.changeLanguage(languageCode || window.navigator.language);
+  }, [languageCode]);
+  (0, _react.useEffect)(() => {
+    if (translationOverrides) {
+      (0, _getTypedObjectKeys.getTypedObjectKeys)(translationOverrides).forEach(language => {
+        const bundle = mergeBundleOverrides(language, translationOverrides);
+        _i18n.i18n.addResourceBundle(language, _i18n.defaultNS, bundle);
+      });
+    }
+  }, [translationOverrides]);
+  return (0, _jsxRuntime.jsx)(_reactI18next.I18nextProvider, {
+    i18n: _i18n.i18n,
+    children: children
+  });
+};
+exports.OdysseyTranslationProvider = OdysseyTranslationProvider;
+//# sourceMappingURL=OdysseyTranslationProvider.cjs.map

package/dist/cjs/OdysseyTranslationProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyTranslationProvider.cjs","names":["_react","require","_i18n","_reactI18next","_getTypedObjectKeys","_jsxRuntime","odysseyI18nResourceKeysList","exports","getTypedObjectKeys","resources","mergeBundleOverrides","languageCode","translationOverrides","translationStringOverrides","translationStrings","OdysseyTranslationProvider","children","useEffect","i18n","changeLanguage","window","navigator","language","forEach","bundle","addResourceBundle","defaultNS","jsx","I18nextProvider"],"sources":["../../src/OdysseyTranslationProvider.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 { ReactNode, useEffect } from \"react\";\n\nimport { DefaultSupportedLanguages } from \"./OdysseyTranslationProvider.types.js\";\n\nimport { i18n, defaultNS, resources } from \"./i18n.js\";\nimport { I18nextProvider } from \"react-i18next\";\nimport { getTypedObjectKeys } from \"./getTypedObjectKeys.js\";\n\nexport type OdysseyI18nResourceKeys = (typeof resources)[\"en\"];\nexport const odysseyI18nResourceKeysList = getTypedObjectKeys(resources[\"en\"]);\n\nexport type TranslationOverrides<\n  SupportedLanguages extends string = DefaultSupportedLanguages,\n> = Record<SupportedLanguages, Partial<OdysseyI18nResourceKeys>>;\n\nconst mergeBundleOverrides = <\n  SupportedLanguages extends string = DefaultSupportedLanguages,\n>(\n  languageCode: SupportedLanguages,\n  translationOverrides: TranslationOverrides<SupportedLanguages>,\n) => {\n  const translationStringOverrides = translationOverrides[languageCode];\n\n  const translationStrings =\n    languageCode in resources\n      ? resources[languageCode as DefaultSupportedLanguages]\n      : {};\n\n  return {\n    ...translationStrings,\n    ...translationStringOverrides,\n  };\n};\n\nexport type OdysseyTranslationProviderProps<\n  SupportedLanguages extends string = DefaultSupportedLanguages,\n> = {\n  children: ReactNode;\n  languageCode?: SupportedLanguages | DefaultSupportedLanguages;\n  translationOverrides?: TranslationOverrides<SupportedLanguages>;\n};\n\nexport const OdysseyTranslationProvider = <SupportedLanguages extends string>({\n  children,\n  languageCode,\n  translationOverrides,\n}: OdysseyTranslationProviderProps<SupportedLanguages>) => {\n  useEffect(() => {\n    i18n.changeLanguage(languageCode || window.navigator.language);\n  }, [languageCode]);\n\n  useEffect(() => {\n    if (translationOverrides) {\n      getTypedObjectKeys(translationOverrides).forEach((language) => {\n        const bundle = mergeBundleOverrides<SupportedLanguages>(\n          language,\n          translationOverrides,\n        );\n        i18n.addResourceBundle(language, defaultNS, bundle);\n      });\n    }\n  }, [translationOverrides]);\n\n  return <I18nextProvider i18n={i18n}>{children}</I18nextProvider>;\n};\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAA6D,IAAAI,WAAA,GAAAJ,OAAA;AAlB7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAWO,MAAMK,2BAA2B,GAAAC,OAAA,CAAAD,2BAAA,GAAG,IAAAE,sCAAkB,EAACC,eAAS,CAAC,IAAI,CAAC,CAAC;AAM9E,MAAMC,oBAAoB,GAAGA,CAG3BC,YAAgC,EAChCC,oBAA8D,KAC3D;EACH,MAAMC,0BAA0B,GAAGD,oBAAoB,CAACD,YAAY,CAAC;EAErE,MAAMG,kBAAkB,GACtBH,YAAY,IAAIF,eAAS,GACrBA,eAAS,CAACE,YAAY,CAA8B,GACpD,CAAC,CAAC;EAER,OAAO;IACL,GAAGG,kBAAkB;IACrB,GAAGD;EACL,CAAC;AACH,CAAC;AAUM,MAAME,0BAA0B,GAAGA,CAAoC;EAC5EC,QAAQ;EACRL,YAAY;EACZC;AACmD,CAAC,KAAK;EACzD,IAAAK,gBAAS,EAAC,MAAM;IACdC,UAAI,CAACC,cAAc,CAACR,YAAY,IAAIS,MAAM,CAACC,SAAS,CAACC,QAAQ,CAAC;EAChE,CAAC,EAAE,CAACX,YAAY,CAAC,CAAC;EAElB,IAAAM,gBAAS,EAAC,MAAM;IACd,IAAIL,oBAAoB,EAAE;MACxB,IAAAJ,sCAAkB,EAACI,oBAAoB,CAAC,CAACW,OAAO,CAAED,QAAQ,IAAK;QAC7D,MAAME,MAAM,GAAGd,oBAAoB,CACjCY,QAAQ,EACRV,oBACF,CAAC;QACDM,UAAI,CAACO,iBAAiB,CAACH,QAAQ,EAAEI,eAAS,EAAEF,MAAM,CAAC;MACrD,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACZ,oBAAoB,CAAC,CAAC;EAE1B,OAAO,IAAAP,WAAA,CAAAsB,GAAA,EAACxB,aAAA,CAAAyB,eAAe;IAACV,IAAI,EAAEA,UAAK;IAAAF,QAAA,EAAEA;EAAQ,CAAkB,CAAC;AAClE,CAAC;AAACT,OAAA,CAAAQ,0BAAA,GAAAA,0BAAA","ignoreList":[]}

package/dist/cjs/OdysseyTranslationProvider.types.cjs

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultSupportedLanguages = void 0;
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+const defaultSupportedLanguages = exports.defaultSupportedLanguages = ["cs", "da", "de", "el", "en", "es", "fi", "fr", "ht", "hu", "id", "it", "ja", "ko", "ms", "nb", "nl_NL", "ok_PL", "ok_SK", "pl", "pt_BR", "ro", "ru", "sv", "th", "tr", "uk", "vi", "zh_CN", "zh_TW"];
+//# sourceMappingURL=OdysseyTranslationProvider.types.cjs.map

package/dist/cjs/OdysseyTranslationProvider.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyTranslationProvider.types.cjs","names":["defaultSupportedLanguages","exports"],"sources":["../../src/OdysseyTranslationProvider.types.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 defaultSupportedLanguages = [\n  \"cs\", // Czech\n  \"da\", // Danish\n  \"de\", // German\n  \"el\", // Greek\n  \"en\", // English\n  \"es\", // Spanish\n  \"fi\", // Finnish\n  \"fr\", // French\n  \"ht\", // Haitian Creole\n  \"hu\", // Hungarian\n  \"id\", // Indonesian\n  \"it\", // Italian\n  \"ja\", // Japanese\n  \"ko\", // Korean\n  \"ms\", // Malaysian\n  \"nb\", // Norwegian\n  \"nl_NL\", // Dutch\n  \"ok_PL\", // (Test Language) Pseudo-loc\n  \"ok_SK\", // (Test Language) Show Keys\n  \"pl\", // Polish\n  \"pt_BR\", // Portuguese (Brazil)\n  \"ro\", // Romanian\n  \"ru\", // Russian\n  \"sv\", // Swedish\n  \"th\", // Thai\n  \"tr\", // Turkish\n  \"uk\", // Ukrainian\n  \"vi\", // Vietnamese\n  \"zh_CN\", // Chinese (PRC)\n  \"zh_TW\", // Chinese\n] as const;\n\nexport type DefaultSupportedLanguages =\n  (typeof defaultSupportedLanguages)[number];\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,MAAMA,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,CACvC,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,OAAO,EACP,OAAO,EACP,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,OAAO,CACC","ignoreList":[]}

package/dist/cjs/Pagination/Pagination.cjs

@@ -0,0 +1,272 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pagination = void 0;
+var _InputBase2 = _interopRequireDefault(require("@mui/material/InputBase"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
+var _reactI18next = require("react-i18next");
+var _Box = require("../Box.cjs");
+var _index = require("../Buttons/index.cjs");
+var _index2 = require("../icons.generated/index.cjs");
+var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
+var _usePagination = require("./usePagination.cjs");
+var _Typography = require("../Typography.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+const PaginationContainer = (0, _styled.default)("nav")({
+  display: "flex",
+  justifyContent: "space-between"
+});
+const PaginationSegment = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: odysseyDesignTokens.Spacing4,
+  "& > div": {
+    display: "flex",
+    alignItems: "center",
+    gap: odysseyDesignTokens.Spacing2
+  }
+}));
+const PaginationInput = (0, _styled.default)(_InputBase2.default, {
+  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 = (0, _styled.default)("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 = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const [page, setPage] = (0, _react.useState)(pageIndex);
+  const [rowsPerPage, setRowsPerPage] = (0, _react.useState)(pageSize);
+  const initialRowsPerPage = (0, _react.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");
+  (0, _react.useEffect)(() => {
+    setPage(pageIndex);
+    setRowsPerPage(pageSize);
+  }, [pageIndex, pageSize]);
+  const onPaginationChange = (0, _react.useCallback)(({
+    pageIndex,
+    pageSize
+  }) => {
+    onPaginationChangeProp({
+      pageIndex,
+      pageSize
+    });
+  }, [onPaginationChangeProp]);
+  const {
+    totalRowsLabel
+  } = (0, _usePagination.usePagination)({
+    pageIndex,
+    pageSize,
+    currentRowsCount: currentRowsCount || pageSize,
+    totalRows
+  });
+  const handlePaginationChange = (0, _react.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;
+      }
+    }
+    console.log({
+      page,
+      updatedPage,
+      rowsPerPage,
+      updatedRowsPerPage
+    });
+    onPaginationChange({
+      pageIndex: updatedPage,
+      pageSize: updatedRowsPerPage
+    });
+  }, [page, rowsPerPage, onPaginationChange, totalRows]);
+  const handlePageSubmit = (0, _react.useCallback)(event => {
+    if (event.key === "Enter") {
+      onPaginationChange({
+        pageIndex: parseInt(event.currentTarget.value),
+        pageSize: rowsPerPage
+      });
+    }
+  }, [rowsPerPage, onPaginationChange]);
+  const handleRowsPerPageSubmit = (0, _react.useCallback)(event => {
+    if (event.key === "Enter") {
+      onPaginationChange({
+        pageIndex: page,
+        pageSize: parseInt(event.currentTarget.value)
+      });
+    }
+  }, [page, onPaginationChange]);
+  const setPageFromEvent = (0, _react.useCallback)(event => {
+    const value = maxPageIndex ? Math.min(parseInt(event.target.value), maxPageIndex) : parseInt(event.target.value);
+    setPage(value);
+  }, [setPage, maxPageIndex]);
+  const setRowsPerPageFromEvent = (0, _react.useCallback)(event => {
+    const value = maxPageSize ? Math.min(parseInt(event.target.value), maxPageSize) : parseInt(event.target.value);
+    setRowsPerPage(Math.max(1, value));
+  }, [setRowsPerPage, maxPageSize]);
+  const handleLoadMore = (0, _react.useCallback)(() => {
+    onPaginationChange({
+      pageIndex: 1,
+      pageSize: rowsPerPage + initialRowsPerPage.current
+    });
+  }, [rowsPerPage, onPaginationChange]);
+  const handleNextButton = (0, _react.useCallback)(() => {
+    onPaginationChange({
+      pageIndex: page + 1,
+      pageSize: rowsPerPage
+    });
+  }, [onPaginationChange, page, rowsPerPage]);
+  const handlePreviousButton = (0, _react.useCallback)(() => {
+    onPaginationChange({
+      pageIndex: page - 1,
+      pageSize: rowsPerPage
+    });
+  }, [onPaginationChange, page, rowsPerPage]);
+  const loadMoreIsDisabled = (0, _react.useMemo)(() => {
+    return isMoreDisabled || (totalRows ? rowsPerPage >= totalRows : false);
+  }, [isMoreDisabled, rowsPerPage, totalRows]);
+  const nextButtonDisabled = (0, _react.useMemo)(() => isMoreDisabled || lastRow && (totalRows ? lastRow >= totalRows : false) || isDisabled, [isMoreDisabled, totalRows, lastRow, isDisabled]);
+  const previousButtonDisabled = (0, _react.useMemo)(() => pageIndex <= 1 || isDisabled, [pageIndex, isDisabled]);
+  const rowsPerPageInputProps = (0, _react.useMemo)(() => ({
+    "aria-label": rowsPerPageLabel,
+    max: maxPageSize || totalRows
+  }), [maxPageSize, rowsPerPageLabel, totalRows]);
+  const currentPageInputProps = (0, _react.useMemo)(() => ({
+    "aria-label": currentPageLabel,
+    max: maxPageIndex
+  }), [currentPageLabel, maxPageIndex]);
+  return variant === "paged" ? (0, _jsxRuntime.jsxs)(PaginationContainer, {
+    "aria-label": t("pagination.label"),
+    children: [(0, _jsxRuntime.jsxs)(PaginationSegment, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: [hasRowCountInput && (0, _jsxRuntime.jsxs)(_Box.Box, {
+        children: [(0, _jsxRuntime.jsx)(_Typography.Paragraph, {
+          component: "span",
+          color: "textSecondary",
+          children: rowsPerPageLabel
+        }), (0, _jsxRuntime.jsx)(PaginationInput, {
+          odysseyDesignTokens: odysseyDesignTokens,
+          type: "number",
+          value: rowsPerPage,
+          onChange: setRowsPerPageFromEvent,
+          onBlur: handlePaginationChange,
+          onKeyDown: handleRowsPerPageSubmit,
+          disabled: isDisabled,
+          inputProps: rowsPerPageInputProps
+        })]
+      }), hasRowCountLabel && (0, _jsxRuntime.jsx)(_Typography.Paragraph, {
+        component: "span",
+        color: "textSecondary",
+        children: totalRowsLabel
+      })]
+    }), (0, _jsxRuntime.jsxs)(PaginationSegment, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: [totalRows && hasPageInput && (0, _jsxRuntime.jsxs)(_Box.Box, {
+        children: [(0, _jsxRuntime.jsx)(_Typography.Paragraph, {
+          component: "span",
+          color: "textSecondary",
+          children: currentPageLabel
+        }), (0, _jsxRuntime.jsx)(PaginationInput, {
+          odysseyDesignTokens: odysseyDesignTokens,
+          type: "number",
+          value: page,
+          onChange: setPageFromEvent,
+          onBlur: handlePaginationChange,
+          onKeyDown: handlePageSubmit,
+          disabled: isDisabled,
+          inputProps: currentPageInputProps
+        })]
+      }), (0, _jsxRuntime.jsxs)(PaginationButtonContainer, {
+        children: [(0, _jsxRuntime.jsx)(_index.Button, {
+          startIcon: (0, _jsxRuntime.jsx)(_index2.ArrowLeftIcon, {}),
+          variant: "floating",
+          size: "small",
+          ariaLabel: previousLabel,
+          onClick: handlePreviousButton,
+          isDisabled: previousButtonDisabled
+        }), (0, _jsxRuntime.jsx)(_index.Button, {
+          endIcon: (0, _jsxRuntime.jsx)(_index2.ArrowRightIcon, {}),
+          variant: "floating",
+          size: "small",
+          ariaLabel: nextLabel,
+          onClick: handleNextButton,
+          isDisabled: nextButtonDisabled
+        })]
+      })]
+    })]
+  }) : (0, _jsxRuntime.jsx)(_index.Button, {
+    variant: "secondary",
+    label: loadMoreLabel,
+    onClick: handleLoadMore,
+    isDisabled: loadMoreIsDisabled
+  });
+};
+const MemoizedPagination = exports.Pagination = (0, _react.memo)(Pagination);
+MemoizedPagination.displayName = "Pagination";
+//# sourceMappingURL=Pagination.cjs.map

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

@@ -0,0 +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","console","log","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    console.log({\n      page,\n      updatedPage,\n      rowsPerPage,\n      updatedRowsPerPage,\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/constants.cjs

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

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

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

package/dist/cjs/Pagination/index.cjs

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  paginationTypeValues: true,
+  usePagination: true
+};
+Object.defineProperty(exports, "paginationTypeValues", {
+  enumerable: true,
+  get: function () {
+    return _constants.paginationTypeValues;
+  }
+});
+Object.defineProperty(exports, "usePagination", {
+  enumerable: true,
+  get: function () {
+    return _usePagination.usePagination;
+  }
+});
+var _constants = require("./constants.cjs");
+var _Pagination = require("./Pagination.cjs");
+Object.keys(_Pagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Pagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Pagination[key];
+    }
+  });
+});
+var _usePagination = require("./usePagination.cjs");
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["_constants","require","_Pagination","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_usePagination"],"sources":["../../../src/Pagination/index.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 { paginationTypeValues } from \"./constants.js\";\nexport * from \"./Pagination.js\";\nexport { usePagination } from \"./usePagination.js\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAYA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,WAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,cAAA,GAAAd,OAAA","ignoreList":[]}

package/dist/cjs/Pagination/usePagination.cjs

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