@okta/odyssey-contribution-tooling 1.52.0 → 1.53.0

package/dist/cjs/OdysseyDesignTokensContext.cjs

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOdysseyDesignTokens = exports.defaultOdysseyDesignTokensContextValue = exports.OdysseyDesignTokensContext = void 0;
+var odysseyDesignTokens = _interopRequireWildcard(require("@okta/odyssey-design-tokens"));
+var _react = require("react");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/*!
+ * 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 defaultOdysseyDesignTokensContextValue = exports.defaultOdysseyDesignTokensContextValue = odysseyDesignTokens;
+const OdysseyDesignTokensContext = exports.OdysseyDesignTokensContext = (0, _react.createContext)(defaultOdysseyDesignTokensContextValue);
+const useOdysseyDesignTokens = () => (0, _react.useContext)(OdysseyDesignTokensContext);
+exports.useOdysseyDesignTokens = useOdysseyDesignTokens;
+//# sourceMappingURL=OdysseyDesignTokensContext.cjs.map

package/dist/cjs/OdysseyDesignTokensContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyDesignTokensContext.cjs","names":["odysseyDesignTokens","_interopRequireWildcard","require","_react","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultOdysseyDesignTokensContextValue","exports","OdysseyDesignTokensContext","createContext","useOdysseyDesignTokens","useContext"],"sources":["../../src/OdysseyDesignTokensContext.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 * as odysseyDesignTokens from \"@okta/odyssey-design-tokens\";\nimport { createContext, useContext } from \"react\";\n\nexport type DesignTokens = typeof odysseyDesignTokens;\nexport const defaultOdysseyDesignTokensContextValue = odysseyDesignTokens;\nexport const OdysseyDesignTokensContext = createContext(\n  defaultOdysseyDesignTokensContextValue,\n);\n\nexport const useOdysseyDesignTokens = () =>\n  useContext(OdysseyDesignTokensContext);\n"],"mappings":";;;;;;AAYA,IAAAA,mBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAkD,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAblD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMO,MAAMkB,sCAAsC,GAAAC,OAAA,CAAAD,sCAAA,GAAGvB,mBAAmB;AAClE,MAAMyB,0BAA0B,GAAAD,OAAA,CAAAC,0BAAA,GAAG,IAAAC,oBAAa,EACrDH,sCACF,CAAC;AAEM,MAAMI,sBAAsB,GAAGA,CAAA,KACpC,IAAAC,iBAAU,EAACH,0BAA0B,CAAC;AAACD,OAAA,CAAAG,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/dist/cjs/OdysseyProvider.cjs

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OdysseyProvider = void 0;
+var _ScopedCssBaseline2 = _interopRequireDefault(require("@mui/material/ScopedCssBaseline"));
+var _react = require("react");
+var _ConditionalWrapper = require("./ConditionalWrapper.cjs");
+var _CssBaseline = require("./CssBaseline.cjs");
+var _FullScreenOverlayContext = require("./FullScreenOverlayContext.cjs");
+var _i18n = require("./i18n.generated/i18n.cjs");
+var _OdysseyCacheProvider = require("./OdysseyCacheProvider.cjs");
+var _OdysseyThemeProvider = require("./OdysseyThemeProvider.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+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 scopedCssBaselineStyles = {
+  height: "inherit"
+};
+const OdysseyProvider = ({
+  children,
+  contrastMode,
+  designTokensOverride,
+  emotionRoot,
+  emotionRootElement,
+  hasCssBaseline: hasGlobalCss,
+  hasScopedCssBaseline = true,
+  hasTranslationProvider = true,
+  hasWrapperElement,
+  languageCode,
+  nonce,
+  overlayParentElement,
+  overlayType,
+  shadowDomElement,
+  shadowRootElement,
+  stylisPlugins,
+  themeOverride,
+  translationOverrides
+}) => {
+  const TranslationWrapper = (0, _react.useMemo)(() => children => (0, _jsxRuntime.jsx)(_i18n.TranslationProvider, {
+    languageCode: languageCode,
+    translationOverrides: translationOverrides,
+    children: children
+  }), [languageCode, translationOverrides]);
+  return (0, _jsxRuntime.jsx)(_OdysseyCacheProvider.OdysseyCacheProvider, {
+    emotionRootElement: emotionRootElement || emotionRoot,
+    nonce: nonce,
+    stylisPlugins: stylisPlugins,
+    children: (0, _jsxRuntime.jsx)(_OdysseyThemeProvider.OdysseyThemeProvider, {
+      contrastMode: contrastMode,
+      designTokensOverride: designTokensOverride,
+      hasWrapperElement: hasWrapperElement,
+      shadowRootElement: shadowRootElement ?? shadowDomElement,
+      themeOverride: themeOverride,
+      children: (0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
+        isWrapped: hasTranslationProvider,
+        Wrapper: TranslationWrapper,
+        children: (0, _jsxRuntime.jsxs)(_FullScreenOverlayContext.FullScreenOverlayProvider, {
+          hasShadowDom: Boolean(shadowRootElement || shadowDomElement),
+          overlayParentElement: overlayParentElement,
+          overlayType: overlayType,
+          children: [hasGlobalCss && (0, _jsxRuntime.jsx)(_CssBaseline.CssBaseline, {}), hasScopedCssBaseline ? (0, _jsxRuntime.jsx)(_ScopedCssBaseline2.default, {
+            sx: scopedCssBaselineStyles,
+            children: children
+          }) : children]
+        })
+      })
+    })
+  });
+};
+const MemoizedOdysseyProvider = exports.OdysseyProvider = (0, _react.memo)(OdysseyProvider);
+MemoizedOdysseyProvider.displayName = "OdysseyProvider";
+//# sourceMappingURL=OdysseyProvider.cjs.map

package/dist/cjs/OdysseyProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyProvider.cjs","names":["_react","require","_ConditionalWrapper","_CssBaseline","_FullScreenOverlayContext","_i18n","_OdysseyCacheProvider","_OdysseyThemeProvider","_jsxRuntime","_interopRequireDefault","e","__esModule","default","scopedCssBaselineStyles","height","OdysseyProvider","children","contrastMode","designTokensOverride","emotionRoot","emotionRootElement","hasCssBaseline","hasGlobalCss","hasScopedCssBaseline","hasTranslationProvider","hasWrapperElement","languageCode","nonce","overlayParentElement","overlayType","shadowDomElement","shadowRootElement","stylisPlugins","themeOverride","translationOverrides","TranslationWrapper","useMemo","jsx","TranslationProvider","OdysseyCacheProvider","OdysseyThemeProvider","ConditionalWrapper","isWrapped","Wrapper","jsxs","FullScreenOverlayProvider","hasShadowDom","Boolean","CssBaseline","_ScopedCssBaseline2","sx","MemoizedOdysseyProvider","exports","memo","displayName"],"sources":["../../src/OdysseyProvider.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 { ScopedCssBaseline } from \"@mui/material\";\nimport { memo, ReactNode, useMemo } from \"react\";\n\nimport {\n  ConditionalWrapper,\n  ConditionalWrapperProps,\n} from \"./ConditionalWrapper.js\";\nimport { CssBaseline } from \"./CssBaseline.js\";\nimport {\n  FullScreenOverlayProvider,\n  FullScreenOverlayProviderProps,\n} from \"./FullScreenOverlayContext.js\";\nimport {\n  type DefaultSupportedLanguages,\n  TranslationProvider as OdysseyTranslationProvider,\n  type TranslationProviderProps as OdysseyTranslationProviderProps,\n} from \"./i18n.generated/i18n.js\";\nimport {\n  OdysseyCacheProvider,\n  OdysseyCacheProviderProps,\n} from \"./OdysseyCacheProvider.js\";\nimport {\n  OdysseyThemeProvider,\n  OdysseyThemeProviderProps,\n} from \"./OdysseyThemeProvider.js\";\n\nconst scopedCssBaselineStyles = {\n  height: \"inherit\",\n};\n\nexport type OdysseyProviderProps<\n  SupportedLanguages extends string = DefaultSupportedLanguages,\n> = Omit<OdysseyCacheProviderProps, \"hasShadowDom\"> &\n  FullScreenOverlayProviderProps &\n  OdysseyThemeProviderProps &\n  OdysseyTranslationProviderProps<SupportedLanguages> & {\n    children: ReactNode;\n    /**\n     * Whether to emit the ScopedCssBaseline. Defaults to true.\n     */\n    hasCssBaseline?: boolean;\n    /**\n     * Adds the `ScopedCssBaseline` wrapper. This also adds a `div`, so it might not be what you want.\n     */\n    hasScopedCssBaseline?: boolean;\n    /**\n     * If `true`, the `OdysseyTranslationProvider` wrapper will be added. Defaults to `true`.\n     * This should only be set to `false` if there exists an OdysseyTranslationProvider higher up in the tree.\n     * @default true\n     */\n    hasTranslationProvider?: boolean;\n  };\n\nconst OdysseyProvider = <SupportedLanguages extends string>({\n  children,\n  contrastMode,\n  designTokensOverride,\n  emotionRoot,\n  emotionRootElement,\n  hasCssBaseline: hasGlobalCss,\n  hasScopedCssBaseline = true,\n  hasTranslationProvider = true,\n  hasWrapperElement,\n  languageCode,\n  nonce,\n  overlayParentElement,\n  overlayType,\n  shadowDomElement,\n  shadowRootElement,\n  stylisPlugins,\n  themeOverride,\n  translationOverrides,\n}: OdysseyProviderProps<SupportedLanguages>) => {\n  const TranslationWrapper = useMemo<ConditionalWrapperProps[\"Wrapper\"]>(\n    () => (children) => (\n      <OdysseyTranslationProvider<SupportedLanguages>\n        languageCode={languageCode}\n        translationOverrides={translationOverrides}\n      >\n        {children}\n      </OdysseyTranslationProvider>\n    ),\n    [languageCode, translationOverrides],\n  );\n\n  return (\n    <OdysseyCacheProvider\n      emotionRootElement={emotionRootElement || emotionRoot}\n      nonce={nonce}\n      stylisPlugins={stylisPlugins}\n    >\n      <OdysseyThemeProvider\n        contrastMode={contrastMode}\n        designTokensOverride={designTokensOverride}\n        hasWrapperElement={hasWrapperElement}\n        shadowRootElement={shadowRootElement ?? shadowDomElement}\n        themeOverride={themeOverride}\n      >\n        <ConditionalWrapper\n          isWrapped={hasTranslationProvider}\n          Wrapper={TranslationWrapper}\n        >\n          <FullScreenOverlayProvider\n            hasShadowDom={Boolean(shadowRootElement || shadowDomElement)}\n            overlayParentElement={overlayParentElement}\n            overlayType={overlayType}\n          >\n            {hasGlobalCss && <CssBaseline />}\n\n            {hasScopedCssBaseline ? (\n              <ScopedCssBaseline sx={scopedCssBaselineStyles}>\n                {children}\n              </ScopedCssBaseline>\n            ) : (\n              children\n            )}\n          </FullScreenOverlayProvider>\n        </ConditionalWrapper>\n      </OdysseyThemeProvider>\n    </OdysseyCacheProvider>\n  );\n};\n\nconst MemoizedOdysseyProvider = memo(OdysseyProvider);\nMemoizedOdysseyProvider.displayName = \"OdysseyProvider\";\n\nexport { MemoizedOdysseyProvider as OdysseyProvider };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AAIA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AAIA,IAAAI,KAAA,GAAAJ,OAAA;AAKA,IAAAK,qBAAA,GAAAL,OAAA;AAIA,IAAAM,qBAAA,GAAAN,OAAA;AAGmC,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAQ,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AApCnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA4BA,MAAMG,uBAAuB,GAAG;EAC9BC,MAAM,EAAE;AACV,CAAC;AAyBD,MAAMC,eAAe,GAAGA,CAAoC;EAC1DC,QAAQ;EACRC,YAAY;EACZC,oBAAoB;EACpBC,WAAW;EACXC,kBAAkB;EAClBC,cAAc,EAAEC,YAAY;EAC5BC,oBAAoB,GAAG,IAAI;EAC3BC,sBAAsB,GAAG,IAAI;EAC7BC,iBAAiB;EACjBC,YAAY;EACZC,KAAK;EACLC,oBAAoB;EACpBC,WAAW;EACXC,gBAAgB;EAChBC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC;AACwC,CAAC,KAAK;EAC9C,MAAMC,kBAAkB,GAAG,IAAAC,cAAO,EAChC,MAAOpB,QAAQ,IACb,IAAAR,WAAA,CAAA6B,GAAA,EAAChC,KAAA,CAAAiC,mBAA0B;IACzBZ,YAAY,EAAEA,YAAa;IAC3BQ,oBAAoB,EAAEA,oBAAqB;IAAAlB,QAAA,EAE1CA;EAAQ,CACiB,CAC7B,EACD,CAACU,YAAY,EAAEQ,oBAAoB,CACrC,CAAC;EAED,OACE,IAAA1B,WAAA,CAAA6B,GAAA,EAAC/B,qBAAA,CAAAiC,oBAAoB;IACnBnB,kBAAkB,EAAEA,kBAAkB,IAAID,WAAY;IACtDQ,KAAK,EAAEA,KAAM;IACbK,aAAa,EAAEA,aAAc;IAAAhB,QAAA,EAE7B,IAAAR,WAAA,CAAA6B,GAAA,EAAC9B,qBAAA,CAAAiC,oBAAoB;MACnBvB,YAAY,EAAEA,YAAa;MAC3BC,oBAAoB,EAAEA,oBAAqB;MAC3CO,iBAAiB,EAAEA,iBAAkB;MACrCM,iBAAiB,EAAEA,iBAAiB,IAAID,gBAAiB;MACzDG,aAAa,EAAEA,aAAc;MAAAjB,QAAA,EAE7B,IAAAR,WAAA,CAAA6B,GAAA,EAACnC,mBAAA,CAAAuC,kBAAkB;QACjBC,SAAS,EAAElB,sBAAuB;QAClCmB,OAAO,EAAER,kBAAmB;QAAAnB,QAAA,EAE5B,IAAAR,WAAA,CAAAoC,IAAA,EAACxC,yBAAA,CAAAyC,yBAAyB;UACxBC,YAAY,EAAEC,OAAO,CAAChB,iBAAiB,IAAID,gBAAgB,CAAE;UAC7DF,oBAAoB,EAAEA,oBAAqB;UAC3CC,WAAW,EAAEA,WAAY;UAAAb,QAAA,GAExBM,YAAY,IAAI,IAAAd,WAAA,CAAA6B,GAAA,EAAClC,YAAA,CAAA6C,WAAW,IAAE,CAAC,EAE/BzB,oBAAoB,GACnB,IAAAf,WAAA,CAAA6B,GAAA,EAAAY,mBAAA,CAAArC,OAAA;YAAmBsC,EAAE,EAAErC,uBAAwB;YAAAG,QAAA,EAC5CA;UAAQ,CACQ,CAAC,GAEpBA,QACD;QAAA,CACwB;MAAC,CACV;IAAC,CACD;EAAC,CACH,CAAC;AAE3B,CAAC;AAED,MAAMmC,uBAAuB,GAAAC,OAAA,CAAArC,eAAA,GAAG,IAAAsC,WAAI,EAACtC,eAAe,CAAC;AACrDoC,uBAAuB,CAACG,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/dist/cjs/OdysseyThemeProvider.cjs

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

package/dist/cjs/OdysseyThemeProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyThemeProvider.cjs","names":["_styled","_interopRequireDefault","require","_styles","_utils","Tokens","_interopRequireWildcard","_react","_OdysseyDesignTokensContext","_OdysseyThemeProviderPropsContext","_theme","_useContrastMode","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledContrastContainerStyles","styled","height","OdysseyThemeProvider","children","contrastMode","contrastModeProp","designTokensOverride","designTokensOverrideProp","hasWrapperElement","shadowDomElement","shadowRootElement","shadowRootElementProp","themeOverride","themeOverrideProp","odysseyThemeProviderPropsContext","useOdysseyThemeProviderPropsContext","contrastContainerRef","useContrastMode","odysseyTokens","useMemo","odysseyTheme","createOdysseyMuiTheme","customOdysseyTheme","createTheme","deepmerge","contrastModeProviderValue","providerComponents","jsx","ContrastModeContext","Provider","value","ThemeProvider","theme","OdysseyThemeProviderPropsProvider","OdysseyDesignTokensContext","ref","MemoizedOdysseyThemeProvider","exports","memo","displayName"],"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 styled from \"@emotion/styled\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { deepmerge } from \"@mui/utils\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\nimport { memo, ReactNode, useMemo } from \"react\";\n\nimport { OdysseyDesignTokensContext } from \"./OdysseyDesignTokensContext.js\";\nimport {\n  type OdysseyThemeProviderContextProps,\n  OdysseyThemeProviderPropsProvider,\n  useOdysseyThemeProviderPropsContext,\n} from \"./OdysseyThemeProviderPropsContext.js\";\nimport { createOdysseyMuiTheme } from \"./theme/theme.js\";\nimport {\n  ContrastMode,\n  ContrastModeContext,\n  useContrastMode,\n} from \"./useContrastMode.js\";\n\nconst StyledContrastContainerStyles = styled(\"div\")({\n  height: \"inherit\",\n});\n\nexport type OdysseyThemeProviderProps = OdysseyThemeProviderContextProps & {\n  children: ReactNode;\n  contrastMode?: ContrastMode;\n  /**\n   * Odyssey adds a wrapper `div` for contrast changes and height calculations. This is not necessary if you're not changing the background color or rendering into full-height element.\n   */\n  hasWrapperElement?: boolean;\n  /** @deprecated Use shadowRootElement instead */\n  shadowDomElement?: HTMLDivElement | HTMLElement;\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: contrastModeProp,\n  designTokensOverride: designTokensOverrideProp,\n  hasWrapperElement = true,\n  shadowDomElement,\n  shadowRootElement: shadowRootElementProp,\n  themeOverride: themeOverrideProp,\n}: OdysseyThemeProviderProps) => {\n  const odysseyThemeProviderPropsContext =\n    useOdysseyThemeProviderPropsContext();\n\n  const designTokensOverride =\n    designTokensOverrideProp ??\n    odysseyThemeProviderPropsContext.designTokensOverride;\n\n  const shadowRootElement =\n    shadowRootElementProp ??\n    shadowDomElement ??\n    odysseyThemeProviderPropsContext.shadowRootElement; // Adding `odysseyThemeProviderPropsContext.shadowRootElement` fixes popovers not being styled in `Surface`.\n\n  const themeOverride =\n    themeOverrideProp ?? odysseyThemeProviderPropsContext.themeOverride;\n\n  const { contrastMode, contrastContainerRef } = useContrastMode({\n    contrastMode: contrastModeProp,\n  });\n\n  const odysseyTokens = useMemo(\n    () => ({ ...Tokens, ...designTokensOverride }),\n    [designTokensOverride],\n  );\n\n  const odysseyTheme = useMemo(\n    () =>\n      createOdysseyMuiTheme({\n        contrastMode,\n        odysseyTokens,\n        shadowRootElement,\n      }),\n    [contrastMode, odysseyTokens, shadowRootElement],\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  const providerComponents = useMemo(\n    () => (\n      <ContrastModeContext.Provider value={contrastModeProviderValue}>\n        <MuiThemeProvider theme={customOdysseyTheme}>\n          <OdysseyThemeProviderPropsProvider\n            designTokensOverride={designTokensOverride}\n            shadowRootElement={shadowRootElement}\n            themeOverride={themeOverride}\n          >\n            <OdysseyDesignTokensContext.Provider value={odysseyTokens}>\n              {children}\n            </OdysseyDesignTokensContext.Provider>\n          </OdysseyThemeProviderPropsProvider>\n        </MuiThemeProvider>\n      </ContrastModeContext.Provider>\n    ),\n    [\n      children,\n      contrastModeProviderValue,\n      customOdysseyTheme,\n      designTokensOverride,\n      odysseyTokens,\n      shadowRootElement,\n      themeOverride,\n    ],\n  );\n\n  return hasWrapperElement ? (\n    <StyledContrastContainerStyles ref={contrastContainerRef}>\n      {providerComponents}\n    </StyledContrastContainerStyles>\n  ) : (\n    providerComponents\n  );\n};\n\nconst MemoizedOdysseyThemeProvider = memo(OdysseyThemeProvider);\nMemoizedOdysseyThemeProvider.displayName = \"OdysseyThemeProvider\";\n\nexport { MemoizedOdysseyThemeProvider as OdysseyThemeProvider };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAIA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,uBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAEA,IAAAM,2BAAA,GAAAN,OAAA;AACA,IAAAO,iCAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,gBAAA,GAAAT,OAAA;AAI8B,IAAAU,WAAA,GAAAV,OAAA;AAAA,SAAAI,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAb,uBAAAY,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAhC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAwBA,MAAMmB,6BAA6B,GAAG,IAAAC,eAAM,EAAC,KAAK,CAAC,CAAC;EAClDC,MAAM,EAAE;AACV,CAAC,CAAC;AAkBF,MAAMC,oBAAoB,GAAGA,CAAC;EAC5BC,QAAQ;EACRC,YAAY,EAAEC,gBAAgB;EAC9BC,oBAAoB,EAAEC,wBAAwB;EAC9CC,iBAAiB,GAAG,IAAI;EACxBC,gBAAgB;EAChBC,iBAAiB,EAAEC,qBAAqB;EACxCC,aAAa,EAAEC;AACU,CAAC,KAAK;EAC/B,MAAMC,gCAAgC,GACpC,IAAAC,qEAAmC,EAAC,CAAC;EAEvC,MAAMT,oBAAoB,GACxBC,wBAAwB,IACxBO,gCAAgC,CAACR,oBAAoB;EAEvD,MAAMI,iBAAiB,GACrBC,qBAAqB,IACrBF,gBAAgB,IAChBK,gCAAgC,CAACJ,iBAAiB;EAEpD,MAAME,aAAa,GACjBC,iBAAiB,IAAIC,gCAAgC,CAACF,aAAa;EAErE,MAAM;IAAER,YAAY;IAAEY;EAAqB,CAAC,GAAG,IAAAC,gCAAe,EAAC;IAC7Db,YAAY,EAAEC;EAChB,CAAC,CAAC;EAEF,MAAMa,aAAa,GAAG,IAAAC,cAAO,EAC3B,OAAO;IAAE,GAAG/C,MAAM;IAAE,GAAGkC;EAAqB,CAAC,CAAC,EAC9C,CAACA,oBAAoB,CACvB,CAAC;EAED,MAAMc,YAAY,GAAG,IAAAD,cAAO,EAC1B,MACE,IAAAE,4BAAqB,EAAC;IACpBjB,YAAY;IACZc,aAAa;IACbR;EACF,CAAC,CAAC,EACJ,CAACN,YAAY,EAAEc,aAAa,EAAER,iBAAiB,CACjD,CAAC;EAED,MAAMY,kBAAkB,GAAG,IAAAH,cAAO,EAChC,MAAM,IAAAI,mBAAW,EAAC,IAAAC,gBAAS,EAACJ,YAAY,EAAER,aAAa,IAAI,CAAC,CAAC,CAAC,CAAC,EAC/D,CAACQ,YAAY,EAAER,aAAa,CAC9B,CAAC;EAED,MAAMa,yBAAyB,GAAG,IAAAN,cAAO,EACvC,OAAO;IACLf;EACF,CAAC,CAAC,EACF,CAACA,YAAY,CACf,CAAC;EAED,MAAMsB,kBAAkB,GAAG,IAAAP,cAAO,EAChC,MACE,IAAAxC,WAAA,CAAAgD,GAAA,EAACjD,gBAAA,CAAAkD,mBAAmB,CAACC,QAAQ;IAACC,KAAK,EAAEL,yBAA0B;IAAAtB,QAAA,EAC7D,IAAAxB,WAAA,CAAAgD,GAAA,EAACzD,OAAA,CAAA6D,aAAgB;MAACC,KAAK,EAAEV,kBAAmB;MAAAnB,QAAA,EAC1C,IAAAxB,WAAA,CAAAgD,GAAA,EAACnD,iCAAA,CAAAyD,iCAAiC;QAChC3B,oBAAoB,EAAEA,oBAAqB;QAC3CI,iBAAiB,EAAEA,iBAAkB;QACrCE,aAAa,EAAEA,aAAc;QAAAT,QAAA,EAE7B,IAAAxB,WAAA,CAAAgD,GAAA,EAACpD,2BAAA,CAAA2D,0BAA0B,CAACL,QAAQ;UAACC,KAAK,EAAEZ,aAAc;UAAAf,QAAA,EACvDA;QAAQ,CAC0B;MAAC,CACL;IAAC,CACpB;EAAC,CACS,CAC/B,EACD,CACEA,QAAQ,EACRsB,yBAAyB,EACzBH,kBAAkB,EAClBhB,oBAAoB,EACpBY,aAAa,EACbR,iBAAiB,EACjBE,aAAa,CAEjB,CAAC;EAED,OAAOJ,iBAAiB,GACtB,IAAA7B,WAAA,CAAAgD,GAAA,EAAC5B,6BAA6B;IAACoC,GAAG,EAAEnB,oBAAqB;IAAAb,QAAA,EACtDuB;EAAkB,CACU,CAAC,GAEhCA,kBACD;AACH,CAAC;AAED,MAAMU,4BAA4B,GAAAC,OAAA,CAAAnC,oBAAA,GAAG,IAAAoC,WAAI,EAACpC,oBAAoB,CAAC;AAC/DkC,4BAA4B,CAACG,WAAW,GAAG,sBAAsB","ignoreList":[]}

package/dist/cjs/OdysseyThemeProviderPropsContext.cjs

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOdysseyThemeProviderPropsContext = exports.OdysseyThemeProviderPropsProvider = exports.OdysseyThemeProviderPropsContext = void 0;
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * 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 OdysseyThemeProviderPropsContext = exports.OdysseyThemeProviderPropsContext = (0, _react.createContext)({});
+const useOdysseyThemeProviderPropsContext = () => (0, _react.useContext)(OdysseyThemeProviderPropsContext);
+exports.useOdysseyThemeProviderPropsContext = useOdysseyThemeProviderPropsContext;
+const OdysseyThemeProviderPropsProvider = ({
+  children,
+  designTokensOverride,
+  shadowRootElement,
+  themeOverride
+}) => {
+  const odysseyThemeProviderPropsContext = useOdysseyThemeProviderPropsContext();
+  const providerValue = (0, _react.useMemo)(() => ({
+    ...odysseyThemeProviderPropsContext,
+    designTokensOverride,
+    shadowRootElement,
+    themeOverride
+  }), [designTokensOverride, odysseyThemeProviderPropsContext, shadowRootElement, themeOverride]);
+  return (0, _jsxRuntime.jsx)(OdysseyThemeProviderPropsContext.Provider, {
+    value: providerValue,
+    children: children
+  });
+};
+const MemoizedOdysseyThemeProviderPropsProvider = exports.OdysseyThemeProviderPropsProvider = (0, _react.memo)(OdysseyThemeProviderPropsProvider);
+MemoizedOdysseyThemeProviderPropsProvider.displayName = "OdysseyThemeProviderPropsProvider";
+//# sourceMappingURL=OdysseyThemeProviderPropsContext.cjs.map

package/dist/cjs/OdysseyThemeProviderPropsContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyThemeProviderPropsContext.cjs","names":["_react","require","_jsxRuntime","OdysseyThemeProviderPropsContext","exports","createContext","useOdysseyThemeProviderPropsContext","useContext","OdysseyThemeProviderPropsProvider","children","designTokensOverride","shadowRootElement","themeOverride","odysseyThemeProviderPropsContext","providerValue","useMemo","jsx","Provider","value","MemoizedOdysseyThemeProviderPropsProvider","memo","displayName"],"sources":["../../src/OdysseyThemeProviderPropsContext.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { ThemeOptions } from \"@mui/material\";\nimport {\n  createContext,\n  memo,\n  type ReactNode,\n  useContext,\n  useMemo,\n} from \"react\";\n\nimport { DesignTokensOverride } from \"./theme/theme.js\";\n\nexport type OdysseyThemeProviderContextProps = {\n  designTokensOverride?: DesignTokensOverride;\n  shadowRootElement?: HTMLDivElement | HTMLElement;\n  themeOverride?: ThemeOptions;\n};\n\nexport const OdysseyThemeProviderPropsContext =\n  createContext<OdysseyThemeProviderContextProps>({});\n\nexport const useOdysseyThemeProviderPropsContext = () =>\n  useContext(OdysseyThemeProviderPropsContext);\n\nexport type OdysseyThemeProviderPropsProviderProps =\n  OdysseyThemeProviderContextProps & {\n    children: ReactNode;\n  };\n\nconst OdysseyThemeProviderPropsProvider = ({\n  children,\n  designTokensOverride,\n  shadowRootElement,\n  themeOverride,\n}: OdysseyThemeProviderPropsProviderProps) => {\n  const odysseyThemeProviderPropsContext =\n    useOdysseyThemeProviderPropsContext();\n\n  const providerValue = useMemo(\n    () => ({\n      ...odysseyThemeProviderPropsContext,\n      designTokensOverride,\n      shadowRootElement,\n      themeOverride,\n    }),\n    [\n      designTokensOverride,\n      odysseyThemeProviderPropsContext,\n      shadowRootElement,\n      themeOverride,\n    ],\n  );\n\n  return (\n    <OdysseyThemeProviderPropsContext.Provider value={providerValue}>\n      {children}\n    </OdysseyThemeProviderPropsContext.Provider>\n  );\n};\n\nconst MemoizedOdysseyThemeProviderPropsProvider = memo(\n  OdysseyThemeProviderPropsProvider,\n);\nMemoizedOdysseyThemeProviderPropsProvider.displayName =\n  \"OdysseyThemeProviderPropsProvider\";\n\nexport { MemoizedOdysseyThemeProviderPropsProvider as OdysseyThemeProviderPropsProvider };\n"],"mappings":";;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAMe,IAAAC,WAAA,GAAAD,OAAA;AAnBf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAmBO,MAAME,gCAAgC,GAAAC,OAAA,CAAAD,gCAAA,GAC3C,IAAAE,oBAAa,EAAmC,CAAC,CAAC,CAAC;AAE9C,MAAMC,mCAAmC,GAAGA,CAAA,KACjD,IAAAC,iBAAU,EAACJ,gCAAgC,CAAC;AAACC,OAAA,CAAAE,mCAAA,GAAAA,mCAAA;AAO/C,MAAME,iCAAiC,GAAGA,CAAC;EACzCC,QAAQ;EACRC,oBAAoB;EACpBC,iBAAiB;EACjBC;AACsC,CAAC,KAAK;EAC5C,MAAMC,gCAAgC,GACpCP,mCAAmC,CAAC,CAAC;EAEvC,MAAMQ,aAAa,GAAG,IAAAC,cAAO,EAC3B,OAAO;IACL,GAAGF,gCAAgC;IACnCH,oBAAoB;IACpBC,iBAAiB;IACjBC;EACF,CAAC,CAAC,EACF,CACEF,oBAAoB,EACpBG,gCAAgC,EAChCF,iBAAiB,EACjBC,aAAa,CAEjB,CAAC;EAED,OACE,IAAAV,WAAA,CAAAc,GAAA,EAACb,gCAAgC,CAACc,QAAQ;IAACC,KAAK,EAAEJ,aAAc;IAAAL,QAAA,EAC7DA;EAAQ,CACgC,CAAC;AAEhD,CAAC;AAED,MAAMU,yCAAyC,GAAAf,OAAA,CAAAI,iCAAA,GAAG,IAAAY,WAAI,EACpDZ,iCACF,CAAC;AACDW,yCAAyC,CAACE,WAAW,GACnD,mCAAmC","ignoreList":[]}

package/dist/cjs/Pagination/Pagination.cjs

@@ -0,0 +1,266 @@
+"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 _Box = require("../Box.cjs");
+var _Button = require("../Buttons/Button.cjs");
+var _i18n = require("../i18n.generated/i18n.cjs");
+var _index = require("../icons.generated/index.cjs");
+var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
+var _Typography = require("../Typography.cjs");
+var _usePagination = require("./usePagination.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, _i18n.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 || 0,
+    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;
+      }
+    }
+    onPaginationChange({
+      pageIndex: updatedPage,
+      pageSize: updatedRowsPerPage
+    });
+  }, [page, rowsPerPage, onPaginationChange, totalRows]);
+  const handlePageSubmit = (0, _react.useCallback)(event => {
+    if (event.key === "Enter") {
+      onPaginationChange({
+        pageIndex: Number(event.currentTarget.value),
+        pageSize: rowsPerPage
+      });
+    }
+  }, [rowsPerPage, onPaginationChange]);
+  const handleRowsPerPageSubmit = (0, _react.useCallback)(event => {
+    if (event.key === "Enter") {
+      onPaginationChange({
+        pageIndex: page,
+        pageSize: Number(event.currentTarget.value)
+      });
+    }
+  }, [page, onPaginationChange]);
+  const setPageFromEvent = (0, _react.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 = (0, _react.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 = (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, {
+          color: "textSecondary",
+          component: "span",
+          children: rowsPerPageLabel
+        }), (0, _jsxRuntime.jsx)(PaginationInput, {
+          disabled: isDisabled,
+          inputProps: rowsPerPageInputProps,
+          odysseyDesignTokens: odysseyDesignTokens,
+          onBlur: handlePaginationChange,
+          onChange: setRowsPerPageFromEvent,
+          onKeyDown: handleRowsPerPageSubmit,
+          type: "number",
+          value: rowsPerPage
+        })]
+      }), hasRowCountLabel && (0, _jsxRuntime.jsx)(_Typography.Paragraph, {
+        color: "textSecondary",
+        component: "span",
+        children: totalRowsLabel
+      })]
+    }), (0, _jsxRuntime.jsxs)(PaginationSegment, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: [totalRows && hasPageInput && (0, _jsxRuntime.jsxs)(_Box.Box, {
+        children: [(0, _jsxRuntime.jsx)(_Typography.Paragraph, {
+          color: "textSecondary",
+          component: "span",
+          children: currentPageLabel
+        }), (0, _jsxRuntime.jsx)(PaginationInput, {
+          disabled: isDisabled,
+          inputProps: currentPageInputProps,
+          odysseyDesignTokens: odysseyDesignTokens,
+          onBlur: handlePaginationChange,
+          onChange: setPageFromEvent,
+          onKeyDown: handlePageSubmit,
+          type: "number",
+          value: page
+        })]
+      }), (0, _jsxRuntime.jsxs)(PaginationButtonContainer, {
+        children: [(0, _jsxRuntime.jsx)(_Button.Button, {
+          ariaLabel: previousLabel,
+          isDisabled: previousButtonDisabled,
+          onClick: handlePreviousButton,
+          size: "small",
+          startIcon: (0, _jsxRuntime.jsx)(_index.ArrowLeftIcon, {}),
+          variant: "floating"
+        }), (0, _jsxRuntime.jsx)(_Button.Button, {
+          ariaLabel: nextLabel,
+          endIcon: (0, _jsxRuntime.jsx)(_index.ArrowRightIcon, {}),
+          isDisabled: nextButtonDisabled,
+          onClick: handleNextButton,
+          size: "small",
+          variant: "floating"
+        })]
+      })]
+    })]
+  }) : (0, _jsxRuntime.jsx)(_Button.Button, {
+    isDisabled: loadMoreIsDisabled,
+    label: loadMoreLabel,
+    onClick: handleLoadMore,
+    variant: "secondary"
+  });
+};
+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","_Box","_Button","_i18n","_index","_OdysseyDesignTokensContext","_Typography","_usePagination","_jsxRuntime","e","__esModule","default","PaginationContainer","styled","display","justifyContent","PaginationSegment","shouldForwardProp","prop","odysseyDesignTokens","alignItems","gap","Spacing4","Spacing2","PaginationInput","_InputBase2","borderColor","HueNeutral200","borderRadius","BorderRadiusTight","height","Spacing6","width","HueNeutral400","PalettePrimaryMain","PaginationButtonContainer","marginInlineStart","Pagination","currentPageLabel","currentPageLabelProp","currentRowsCount","hasPageInput","hasRowCountInput","hasRowCountLabel","isDisabled","isMoreDisabled","lastRow","loadMoreLabel","loadMoreLabelProp","maxPageIndex","maxPageSize","nextLabel","nextLabelProp","onPaginationChange","onPaginationChangeProp","pageIndex","pageSize","previousLabel","previousLabelProp","rowsPerPageLabel","rowsPerPageLabelProp","totalRows","variant","useOdysseyDesignTokens","t","useTranslation","page","setPage","useState","rowsPerPage","setRowsPerPage","initialRowsPerPage","useRef","useEffect","useCallback","totalRowsLabel","usePagination","handlePaginationChange","updatedPage","updatedRowsPerPage","Math","ceil","handlePageSubmit","event","key","Number","currentTarget","value","handleRowsPerPageSubmit","setPageFromEvent","min","target","max","setRowsPerPageFromEvent","handleLoadMore","current","handleNextButton","handlePreviousButton","loadMoreIsDisabled","useMemo","nextButtonDisabled","previousButtonDisabled","rowsPerPageInputProps","currentPageInputProps","jsxs","children","Box","jsx","Paragraph","color","component","disabled","inputProps","onBlur","onChange","onKeyDown","type","Button","ariaLabel","onClick","size","startIcon","ArrowLeftIcon","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\";\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":[]}