npm - @okta/odyssey-react-mui - Versions diffs - 1.44.0 → 1.47.0 - Mend

@okta/odyssey-react-mui 1.44.0 → 1.47.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (752) hide show

package/dist/cjs/OdysseyCacheProvider.cjs CHANGED Viewed

@@ -26,27 +26,22 @@ const OdysseyCacheProvider = ({
   children,
   emotionRoot,
   emotionRootElement,
-  hasShadowDom: hasShadowDomProp,
   nonce,
-  shadowDomElement,
   stylisPlugins
 }) => {
   const uniqueAlphabeticalId = (0, _useUniqueAlphabeticalId.useUniqueAlphabeticalId)();
-  const hasShadowDom = hasShadowDomProp || shadowDomElement;
-  const emotionCache = (0, _react2.useMemo)(() => {
-    return (0, _cache.default)({
-      ...((emotionRootElement || emotionRoot) && {
-        container: emotionRootElement || emotionRoot
-      }),
-      key: uniqueAlphabeticalId,
-      nonce: nonce ?? globalThis.cspNonce,
-      prepend: true,
-      speedy: hasShadowDom ? false : true,
-      ...(stylisPlugins && {
-        stylisPlugins
-      })
-    });
-  }, [emotionRoot, emotionRootElement, hasShadowDom, nonce, stylisPlugins, uniqueAlphabeticalId]);
+  const emotionCache = (0, _react2.useMemo)(() => (0, _cache.default)({
+    ...((emotionRootElement || emotionRoot) && {
+      container: emotionRootElement || emotionRoot
+    }),
+    key: uniqueAlphabeticalId,
+    nonce: nonce ?? globalThis.cspNonce,
+    prepend: true,
+    speedy: true,
+    ...(stylisPlugins && {
+      stylisPlugins
+    })
+  }), [emotionRoot, emotionRootElement, nonce, stylisPlugins, uniqueAlphabeticalId]);
   return (0, _jsxRuntime.jsx)(_react.CacheProvider, {
     value: emotionCache,
     children: children

package/dist/cjs/OdysseyCacheProvider.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OdysseyCacheProvider.cjs","names":["_cache","_interopRequireDefault","require","_react","_react2","_useUniqueAlphabeticalId","_jsxRuntime","e","__esModule","default","OdysseyCacheProvider","children","emotionRoot","emotionRootElement","~~hasShadowDom","hasShadowDomProp","~~nonce","~~shadowDomElement","~~stylisPlugins","uniqueAlphabeticalId","useUniqueAlphabeticalId","emotionCache","useMemo","createCache","container","key","globalThis","cspNonce","prepend","speedy","jsx","CacheProvider","value","MemoizedOdysseyCacheProvider","exports","memo","displayName"],"sources":["../../src/OdysseyCacheProvider.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\ndeclare global {\n var cspNonce: string; // Adding types to `globalThis` requires we use `var`.\n}\n\nimport createCache, { StylisPlugin } from \"@emotion/cache\";\nimport { CacheProvider } from \"@emotion/react\";\nimport { memo, ReactNode, useMemo } from \"react\";\n\nimport { useUniqueAlphabeticalId } from \"./useUniqueAlphabeticalId.js\";\n\nexport type OdysseyCacheProviderProps = {\n children: ReactNode;\n /\n Emotion caches styles into the style element.\n * When enabling this prop, Emotion caches the styles at this element, rather than in <head>.\n * @deprecated Use `EmotionRootElement` instead. This was incorrectly configured as an `HTMLStyleElement`, but then we're rendering `<style>` inside `<style>`. We need this to be a `<div>` instead.\n /\n emotionRoot?: HTMLStyleElement;\n /\n Emotion adds `<style>` elements into this DOM node. Normally, Emotion puts these in `document.head`.\n * This is useful if you want to render into a Shadow DOM or iframe.\n /\n emotionRootElement?: HTMLElement;\n hasShadowDom?: boolean;\n nonce?: string;\n /\n Emotion renders into this HTML element.\n * When enabling this prop, Emotion renders at the top of this component rather than the bottom like it does in the HTML `<head>`.\n * @deprecated Will be removed in a future Odyssey version. Use `hasShadowDomElement` instead.\n */\n shadowDomElement?: HTMLDivElement \| HTMLElement;\n stylisPlugins?: StylisPlugin[];\n};\n\nconst OdysseyCacheProvider = ({\n children,\n emotionRoot,\n emotionRootElement,\n ~~hasShadowDom: hasShadowDomProp,\n~~ nonce,\n ~~shadowDomElement,\n~~ stylisPlugins,\n}: OdysseyCacheProviderProps) => {\n const uniqueAlphabeticalId = useUniqueAlphabeticalId();\n\n const ~~hasShadowDom = hasShadowDomProp \|\| shadowDomElement;\n\n const~~ emotionCache = useMemo(() ~~=> {\~~n ~~return~~ createCache({\n ...((emotionRootElement \|\| emotionRoot) && {\n container: emotionRootElement \|\| emotionRoot,\n }),\n key: uniqueAlphabeticalId,\n nonce: nonce ?? globalThis.cspNonce,\n prepend: true,\n speedy: ~~hasShadowDom ? false :~~ true~~, // <-- Needs to be set to false when shadow-dom is used! https://github.com/emotion-js/emotion/issues/2053#issuecomment-713429122\~~n ...(stylisPlugins && { stylisPlugins }),\n });\n }, [\n emotionRoot,\n emotionRootElement,\n ~~hasShadowDom,\n~~ nonce,\n stylisPlugins,\n uniqueAlphabeticalId,\n ]);\n\n return <CacheProvider value={emotionCache}>{children}</CacheProvider>;\n};\n\nconst MemoizedOdysseyCacheProvider = memo(OdysseyCacheProvider);\nMemoizedOdysseyCacheProvider.displayName = \"OdysseyCacheProvider\";\n\nexport { MemoizedOdysseyCacheProvider as OdysseyCacheProvider };\n"],"mappings":";;;;;;AAgBA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,wBAAA,GAAAH,OAAA;AAAuE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AApBvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;~~AAoCA~~,MAAMG,oBAAoB,GAAGA,CAAC;EAC5BC,QAAQ;EACRC,WAAW;EACXC,kBAAkB;EAClBC,~~YAAY,EAAEC,gBAAgB;EAC9BC,~~KAAK;EACLC~~,gBAAgB~~;~~EAChBC;~~AACyB,CAAC,KAAK;EAC/B,MAAMC,oBAAoB,GAAG,IAAAC,gDAAuB,EAAC,CAAC;EAEtD,~~MAAMN~~,YAAY,~~GAAGC,gBAAgB,IAAIE,gBAAgB;EAEzD,MAAMI,YAAY,~~GAAG,IAAAC,eAAO,~~EAAC~~,~~MAAM;IACjC~~,~~OAAO,~~IAAAC,cAAW,EAAC;~~MACjB~~,IAAI,~~CAACV~~,kBAAkB,IAAID,WAAW,KAAK;~~QACzCY~~,SAAS,~~EAAEX~~,kBAAkB,IAAID;~~MACnC~~,CAAC,CAAC;~~MACFa~~,GAAG,EAAEN,oBAAoB;~~MACzBH~~,KAAK,EAAEA,KAAK,~~IAAIU~~,UAAU,CAACC,QAAQ;~~MACnCC~~,OAAO,EAAE,IAAI;~~MACbC~~,MAAM,~~EAAEf~~,~~YAAY,GAAG,KAAK,GAAG,~~IAAI;~~MACnC~~,~~IAAII~~,aAAa,IAAI;~~QAAEA~~;~~MAAc~~,CAAC;~~IACxC~~,CAAC,CAAC;EACJ,~~CAAC~~,~~EAAE,CACDN,~~WAAW,EACXC,kBAAkB,EAClBC,~~YAAY,EACZE,~~KAAK,~~EACLE~~,aAAa,EACbC,oBAAoB,~~CACrB~~,CAAC;~~EAEF~~,OAAO,~~IAAAb~~,WAAA,~~CAAAwB~~,GAAA,~~EAAC3B~~,MAAA,~~CAAA4B~~,aAAa;IAACC,KAAK,EAAEX,YAAa;~~IAAAV~~,QAAA,EAAEA;EAAQ,CAAgB,CAAC;AACvE,CAAC;AAED,~~MAAMsB~~,4BAA4B,GAAAC,OAAA,~~CAAAxB~~,oBAAA,GAAG,~~IAAAyB~~,YAAI,~~EAACzB~~,oBAAoB,CAAC;AAC/~~DuB~~,4BAA4B,CAACG,WAAW,GAAG,sBAAsB","ignoreList":[]}
1	+ {"version":3,"file":"OdysseyCacheProvider.cjs","names":["_cache","_interopRequireDefault","require","_react","_react2","_useUniqueAlphabeticalId","_jsxRuntime","e","__esModule","default","OdysseyCacheProvider","children","emotionRoot","emotionRootElement","nonce","stylisPlugins","uniqueAlphabeticalId","useUniqueAlphabeticalId","emotionCache","useMemo","createCache","container","key","globalThis","cspNonce","prepend","speedy","jsx","CacheProvider","value","MemoizedOdysseyCacheProvider","exports","memo","displayName"],"sources":["../../src/OdysseyCacheProvider.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\ndeclare global {\n var cspNonce: string; // Adding types to `globalThis` requires we use `var`.\n}\n\nimport createCache, { StylisPlugin } from \"@emotion/cache\";\nimport { CacheProvider } from \"@emotion/react\";\nimport { memo, ReactNode, useMemo } from \"react\";\n\nimport { useUniqueAlphabeticalId } from \"./useUniqueAlphabeticalId.js\";\n\nexport type OdysseyCacheProviderProps = {\n children: ReactNode;\n /\n @deprecated Use `EmotionRootElement` instead. This was incorrectly configured as an `HTMLStyleElement`, but then we're rendering `<style>` inside `<style>`. We need this to be a `<div>` instead.\n \n Emotion caches styles into the style element.\n * When enabling this prop, Emotion caches the styles at this element, rather than in <head>.\n /\n emotionRoot?: HTMLStyleElement;\n /\n Emotion adds `<style>` elements into this DOM node. Normally, Emotion puts these in `document.head`.\n * This is useful if you want to render into a Shadow DOM or iframe.\n /\n emotionRootElement?: HTMLElement;\n /\n @deprecated No longer necessary.\n \n Required to know if a Shadow DOM is in use. This tells Emotion to change its cache configuration.\n /\n hasShadowDom?: boolean;\n nonce?: string;\n /\n @deprecated No longer necessary.\n \n Emotion renders into this HTML element.\n * When enabling this prop, Emotion renders at the top of this component rather than the bottom like it does in the HTML `<head>`.\n */\n shadowDomElement?: HTMLDivElement \| HTMLElement;\n stylisPlugins?: StylisPlugin[];\n};\n\nconst OdysseyCacheProvider = ({\n children,\n emotionRoot,\n emotionRootElement,\n nonce,\n stylisPlugins,\n}: OdysseyCacheProviderProps) => {\n const uniqueAlphabeticalId = useUniqueAlphabeticalId();\n\n const emotionCache = useMemo(\n () =>\n createCache({\n ...((emotionRootElement \|\| emotionRoot) && {\n container: emotionRootElement \|\| emotionRoot,\n }),\n key: uniqueAlphabeticalId,\n nonce: nonce ?? globalThis.cspNonce,\n prepend: true,\n speedy: true,\n ...(stylisPlugins && { stylisPlugins }),\n }),\n [\n emotionRoot,\n emotionRootElement,\n nonce,\n stylisPlugins,\n uniqueAlphabeticalId,\n ],\n );\n\n return <CacheProvider value={emotionCache}>{children}</CacheProvider>;\n};\n\nconst MemoizedOdysseyCacheProvider = memo(OdysseyCacheProvider);\nMemoizedOdysseyCacheProvider.displayName = \"OdysseyCacheProvider\";\n\nexport { MemoizedOdysseyCacheProvider as OdysseyCacheProvider };\n"],"mappings":";;;;;;AAgBA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,wBAAA,GAAAH,OAAA;AAAuE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AApBvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA2CA,MAAMG,oBAAoB,GAAGA,CAAC;EAC5BC,QAAQ;EACRC,WAAW;EACXC,kBAAkB;EAClBC,KAAK;EACLC;AACyB,CAAC,KAAK;EAC/B,MAAMC,oBAAoB,GAAG,IAAAC,gDAAuB,EAAC,CAAC;EAEtD,MAAMC,YAAY,GAAG,IAAAC,eAAO,EAC1B,MACE,IAAAC,cAAW,EAAC;IACV,IAAI,CAACP,kBAAkB,IAAID,WAAW,KAAK;MACzCS,SAAS,EAAER,kBAAkB,IAAID;IACnC,CAAC,CAAC;IACFU,GAAG,EAAEN,oBAAoB;IACzBF,KAAK,EAAEA,KAAK,IAAIS,UAAU,CAACC,QAAQ;IACnCC,OAAO,EAAE,IAAI;IACbC,MAAM,EAAE,IAAI;IACZ,IAAIX,aAAa,IAAI;MAAEA;IAAc,CAAC;EACxC,CAAC,CAAC,EACJ,CACEH,WAAW,EACXC,kBAAkB,EAClBC,KAAK,EACLC,aAAa,EACbC,oBAAoB,CAExB,CAAC;EAED,OAAO,IAAAV,WAAA,CAAAqB,GAAA,EAACxB,MAAA,CAAAyB,aAAa;IAACC,KAAK,EAAEX,YAAa;IAAAP,QAAA,EAAEA;EAAQ,CAAgB,CAAC;AACvE,CAAC;AAED,MAAMmB,4BAA4B,GAAAC,OAAA,CAAArB,oBAAA,GAAG,IAAAsB,YAAI,EAACtB,oBAAoB,CAAC;AAC/DoB,4BAA4B,CAACG,WAAW,GAAG,sBAAsB","ignoreList":[]}

package/dist/cjs/OdysseyProvider.cjs CHANGED Viewed

@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.OdysseyProvider = void 0;
 var _ScopedCssBaseline2 = _interopRequireDefault(require("@mui/material/ScopedCssBaseline"));
 var _react = require("react");
+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 _OdysseyTranslationProvider = require("./OdysseyTranslationProvider.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!
@@ -32,9 +34,12 @@ const OdysseyProvider = ({
   designTokensOverride,
   emotionRoot,
   emotionRootElement,
+  hasCssBaseline: hasGlobalCss,
   hasScopedCssBaseline = true,
+  hasWrapperElement,
   languageCode,
   nonce,
+  overlayParentElement,
   shadowDomElement,
   shadowRootElement,
   stylisPlugins,
@@ -42,25 +47,28 @@ const OdysseyProvider = ({
   translationOverrides
 }) => (0, _jsxRuntime.jsx)(_OdysseyCacheProvider.OdysseyCacheProvider, {
   emotionRootElement: emotionRootElement || emotionRoot,
-  hasShadowDom: Boolean(shadowRootElement || shadowDomElement),
   nonce: nonce,
   stylisPlugins: stylisPlugins,
   children: (0, _jsxRuntime.jsx)(_OdysseyThemeProvider.OdysseyThemeProvider, {
     contrastMode: contrastMode,
     designTokensOverride: designTokensOverride,
-    shadowDomElement: shadowDomElement,
-    shadowRootElement: shadowRootElement,
+    hasWrapperElement: hasWrapperElement,
+    shadowRootElement: shadowRootElement ?? shadowDomElement,
     themeOverride: themeOverride,
-    children: (0, _jsxRuntime.jsx)(_OdysseyTranslationProvider.OdysseyTranslationProvider, {
+    children: (0, _jsxRuntime.jsx)(_i18n.TranslationProvider, {
       languageCode: languageCode,
       translationOverrides: translationOverrides,
-      children: hasScopedCssBaseline ? (0, _jsxRuntime.jsx)(_ScopedCssBaseline2.default, {
-        sx: scopedCssBaselineStyles,
-        children: children
-      }) : children
+      children: (0, _jsxRuntime.jsxs)(_FullScreenOverlayContext.FullScreenOverlayProvider, {
+        hasShadowDom: Boolean(shadowRootElement || shadowDomElement),
+        overlayParentElement: overlayParentElement,
+        children: [hasGlobalCss && (0, _jsxRuntime.jsx)(_CssBaseline.CssBaseline, {}), hasScopedCssBaseline ? (0, _jsxRuntime.jsx)(_ScopedCssBaseline2.default, {
+          sx: scopedCssBaselineStyles,
+          children: children
+        }) : children]
+      })
     })
   })
 });
-OdysseyProvider.displayName = "OdysseyProvider";
 const MemoizedOdysseyProvider = exports.OdysseyProvider = (0, _react.memo)(OdysseyProvider);
+MemoizedOdysseyProvider.displayName = "OdysseyProvider";
 //# sourceMappingURL=OdysseyProvider.cjs.map

package/dist/cjs/OdysseyProvider.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OdysseyProvider.cjs","names":["_react","require","~~_OdysseyCacheProvider~~","~~_OdysseyThemeProvider~~","~~_OdysseyTranslationProvider~~","_jsxRuntime","_interopRequireDefault","e","__esModule","default","scopedCssBaselineStyles","height","OdysseyProvider","children","contrastMode","designTokensOverride","emotionRoot","emotionRootElement","hasScopedCssBaseline","languageCode","nonce","shadowDomElement","shadowRootElement","stylisPlugins","themeOverride","translationOverrides","jsx","OdysseyCacheProvider","~~hasShadowDom~~","~~Boolean~~","~~OdysseyThemeProvider~~","~~OdysseyTranslationProvider~~","~~_ScopedCssBaseline2~~","sx","~~displayName~~","MemoizedOdysseyProvider","exports","memo"],"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 } from \"react\";\n\nimport {\n ~~OdysseyCacheProvider~~,\n ~~OdysseyCacheProviderProps~~,\n} from \"./~~OdysseyCacheProvider~~.js\";\nimport {\n ~~OdysseyThemeProvider~~,\n ~~OdysseyThemeProviderProps~~,\n} from \"./~~OdysseyThemeProvider~~.js\";\nimport {\n ~~OdysseyTranslationProvider~~,\n ~~OdysseyTranslationProviderProps~~,\n} from \"./~~OdysseyTranslationProvider~~.js\";\nimport { ~~DefaultSupportedLanguages~~ } from \"./~~OdysseyTranslationProvider~~.~~types.~~js\";\n\nconst scopedCssBaselineStyles = {\n height: \"inherit\",\n};\n\nexport type OdysseyProviderProps<\n SupportedLanguages extends string = DefaultSupportedLanguages,\n> = OdysseyCacheProviderProps &\n OdysseyThemeProviderProps &\n OdysseyTranslationProviderProps<SupportedLanguages> & {\n children: ReactNode;\n /\n Whether to emit the ScopedCssBaseline. Defaults to true.\n */\n hasScopedCssBaseline?: boolean;\n };\n\nconst OdysseyProvider = <SupportedLanguages extends string>({\n children,\n contrastMode,\n designTokensOverride,\n emotionRoot,\n emotionRootElement,\n hasScopedCssBaseline = true,\n languageCode,\n nonce,\n shadowDomElement,\n shadowRootElement,\n stylisPlugins,\n themeOverride,\n translationOverrides,\n}: OdysseyProviderProps<SupportedLanguages>) => (\n <OdysseyCacheProvider\n emotionRootElement={emotionRootElement \|\| emotionRoot}\n ~~hasShadowDom={Boolean(shadowRootElement \|\| shadowDomElement)}\n~~ nonce={nonce}\n stylisPlugins={stylisPlugins}\n >\n <OdysseyThemeProvider\n contrastMode={contrastMode}\n designTokensOverride={designTokensOverride}\n ~~shadowDomElement~~={~~shadowDomElement~~}\n shadowRootElement={shadowRootElement}\n themeOverride={themeOverride}\n >\n <OdysseyTranslationProvider<SupportedLanguages>\n languageCode={languageCode}\n translationOverrides={translationOverrides}\n >\n {hasScopedCssBaseline ? (\n <ScopedCssBaseline sx={scopedCssBaselineStyles}>\n {children}\n </ScopedCssBaseline>\n ) : (\n children\n )}\n </OdysseyTranslationProvider>\n </OdysseyThemeProvider>\n </OdysseyCacheProvider>\n);\~~nOdysseyProvider.displayName = \"OdysseyProvider\";\~~n\nconst MemoizedOdysseyProvider = memo(OdysseyProvider) as ~~typeof~~ OdysseyProvider;\n\nexport { MemoizedOdysseyProvider as OdysseyProvider };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,~~qBAAA~~,GAAAD,OAAA;~~AAIA~~,IAAAE,~~qBAAA~~,GAAAF,OAAA;AAIA,IAAAG,~~2BAAA~~,GAAAH,OAAA;~~AAGyC~~,IAAAI,~~WAAA~~,GAAAJ,OAAA;AAAA,~~SAAAK~~,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;~~AA1BzC~~;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;~~AAmBA~~,MAAMG,uBAAuB,GAAG;EAC9BC,MAAM,EAAE;AACV,CAAC;~~AAcD~~,MAAMC,eAAe,GAAGA,CAAoC;EAC1DC,QAAQ;EACRC,YAAY;EACZC,oBAAoB;EACpBC,WAAW;EACXC,kBAAkB;EAClBC,oBAAoB,GAAG,IAAI;EAC3BC,YAAY;EACZC,KAAK;EACLC,gBAAgB;EAChBC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC;AACwC,CAAC,KACzC,~~IAAApB~~,WAAA,~~CAAAqB~~,GAAA,~~EAACxB~~,qBAAA,~~CAAAyB~~,oBAAoB;~~EACnBV~~,kBAAkB,EAAEA,kBAAkB,IAAID,WAAY;~~EACtDY~~,~~YAAY,EAAEC,OAAO,CAACP,iBAAiB,IAAID,gBAAgB,CAAE;EAC7DD,~~KAAK,EAAEA,KAAM;~~EACbG~~,aAAa,EAAEA,aAAc;~~EAAAV~~,QAAA,EAE7B,IAAAR,WAAA,~~CAAAqB~~,GAAA,~~EAACvB~~,qBAAA,~~CAAA2B~~,oBAAoB;~~IACnBhB~~,YAAY,EAAEA,YAAa;IAC3BC,oBAAoB,EAAEA,oBAAqB;IAC3CM,~~gBAAgB~~,EAAEA,~~gBAAiB~~;~~IACnCC~~,iBAAiB,EAAEA,~~iBAAkB~~;~~IACrCE~~,aAAa,EAAEA,aAAc;~~IAAAX~~,QAAA,EAE7B,IAAAR,WAAA,~~CAAAqB~~,GAAA,~~EAACtB~~,~~2BAAA~~,~~CAAA2B~~,~~0BAA0B~~;~~MACzBZ~~,YAAY,EAAEA,YAAa;~~MAC3BM~~,oBAAoB,EAAEA,oBAAqB;~~MAAAZ~~,QAAA,~~EAE1CK~~,oBAAoB,GACnB,~~IAAAb~~,WAAA,~~CAAAqB~~,GAAA,~~EAAAM~~,mBAAA,~~CAAAvB~~,OAAA;~~QAAmBwB~~,EAAE,~~EAAEvB~~,uBAAwB;~~QAAAG~~,QAAA,EAC5CA;~~MAAQ~~,CACQ,CAAC,GAEpBA;~~IACD~~,~~CACyB~~;EAAC,CACT;AAAC,CACH,CACvB;~~AACDD~~,~~eAAe~~,~~CAACsB,WAAW,GAAG,iBAAiB;AAE/C,MAAMC,~~uBAAuB,GAAAC,OAAA,~~CAAAxB~~,eAAA,GAAG,~~IAAAyB~~,WAAI,~~EAACzB~~,eAAe,~~CAA2B~~","ignoreList":[]}
1	+ {"version":3,"file":"OdysseyProvider.cjs","names":["_react","require","_CssBaseline","_FullScreenOverlayContext","_i18n","_OdysseyCacheProvider","_OdysseyThemeProvider","_jsxRuntime","_interopRequireDefault","e","__esModule","default","scopedCssBaselineStyles","height","OdysseyProvider","children","contrastMode","designTokensOverride","emotionRoot","emotionRootElement","hasCssBaseline","hasGlobalCss","hasScopedCssBaseline","hasWrapperElement","languageCode","nonce","overlayParentElement","shadowDomElement","shadowRootElement","stylisPlugins","themeOverride","translationOverrides","jsx","OdysseyCacheProvider","OdysseyThemeProvider","TranslationProvider","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 } from \"react\";\n\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\nconst OdysseyProvider = <SupportedLanguages extends string>({\n children,\n contrastMode,\n designTokensOverride,\n emotionRoot,\n emotionRootElement,\n hasCssBaseline: hasGlobalCss,\n hasScopedCssBaseline = true,\n hasWrapperElement,\n languageCode,\n nonce,\n overlayParentElement,\n shadowDomElement,\n shadowRootElement,\n stylisPlugins,\n themeOverride,\n translationOverrides,\n}: OdysseyProviderProps<SupportedLanguages>) => (\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 <OdysseyTranslationProvider<SupportedLanguages>\n languageCode={languageCode}\n translationOverrides={translationOverrides}\n >\n <FullScreenOverlayProvider\n hasShadowDom={Boolean(shadowRootElement \|\| shadowDomElement)}\n overlayParentElement={overlayParentElement}\n >\n {hasGlobalCss && <CssBaseline />}\n\n {hasScopedCssBaseline ? (\n <ScopedCssBaseline sx={scopedCssBaselineStyles}>\n {children}\n </ScopedCssBaseline>\n ) : (\n children\n )}\n </FullScreenOverlayProvider>\n </OdysseyTranslationProvider>\n </OdysseyThemeProvider>\n </OdysseyCacheProvider>\n);\n\nconst MemoizedOdysseyProvider = memo(OdysseyProvider);\nMemoizedOdysseyProvider.displayName = \"OdysseyProvider\";\n\nexport { MemoizedOdysseyProvider as OdysseyProvider };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;AAIA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,qBAAA,GAAAJ,OAAA;AAIA,IAAAK,qBAAA,GAAAL,OAAA;AAGmC,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAO,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAhCnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAwBA,MAAMG,uBAAuB,GAAG;EAC9BC,MAAM,EAAE;AACV,CAAC;AAmBD,MAAMC,eAAe,GAAGA,CAAoC;EAC1DC,QAAQ;EACRC,YAAY;EACZC,oBAAoB;EACpBC,WAAW;EACXC,kBAAkB;EAClBC,cAAc,EAAEC,YAAY;EAC5BC,oBAAoB,GAAG,IAAI;EAC3BC,iBAAiB;EACjBC,YAAY;EACZC,KAAK;EACLC,oBAAoB;EACpBC,gBAAgB;EAChBC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC;AACwC,CAAC,KACzC,IAAAxB,WAAA,CAAAyB,GAAA,EAAC3B,qBAAA,CAAA4B,oBAAoB;EACnBd,kBAAkB,EAAEA,kBAAkB,IAAID,WAAY;EACtDO,KAAK,EAAEA,KAAM;EACbI,aAAa,EAAEA,aAAc;EAAAd,QAAA,EAE7B,IAAAR,WAAA,CAAAyB,GAAA,EAAC1B,qBAAA,CAAA4B,oBAAoB;IACnBlB,YAAY,EAAEA,YAAa;IAC3BC,oBAAoB,EAAEA,oBAAqB;IAC3CM,iBAAiB,EAAEA,iBAAkB;IACrCK,iBAAiB,EAAEA,iBAAiB,IAAID,gBAAiB;IACzDG,aAAa,EAAEA,aAAc;IAAAf,QAAA,EAE7B,IAAAR,WAAA,CAAAyB,GAAA,EAAC5B,KAAA,CAAA+B,mBAA0B;MACzBX,YAAY,EAAEA,YAAa;MAC3BO,oBAAoB,EAAEA,oBAAqB;MAAAhB,QAAA,EAE3C,IAAAR,WAAA,CAAA6B,IAAA,EAACjC,yBAAA,CAAAkC,yBAAyB;QACxBC,YAAY,EAAEC,OAAO,CAACX,iBAAiB,IAAID,gBAAgB,CAAE;QAC7DD,oBAAoB,EAAEA,oBAAqB;QAAAX,QAAA,GAE1CM,YAAY,IAAI,IAAAd,WAAA,CAAAyB,GAAA,EAAC9B,YAAA,CAAAsC,WAAW,IAAE,CAAC,EAE/BlB,oBAAoB,GACnB,IAAAf,WAAA,CAAAyB,GAAA,EAAAS,mBAAA,CAAA9B,OAAA;UAAmB+B,EAAE,EAAE9B,uBAAwB;UAAAG,QAAA,EAC5CA;QAAQ,CACQ,CAAC,GAEpBA,QACD;MAAA,CACwB;IAAC,CACF;EAAC,CACT;AAAC,CACH,CACvB;AAED,MAAM4B,uBAAuB,GAAAC,OAAA,CAAA9B,eAAA,GAAG,IAAA+B,WAAI,EAAC/B,eAAe,CAAC;AACrD6B,uBAAuB,CAACG,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/dist/cjs/OdysseyThemeProvider.cjs CHANGED Viewed

@@ -10,6 +10,7 @@ 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 _index = require("./theme/index.cjs");
 var _useContrastMode = require("./useContrastMode.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -32,46 +33,56 @@ const StyledContrastContainerStyles = (0, _styled.default)("div")({
 });
 const OdysseyThemeProvider = ({
   children,
-  contrastMode: explicitContrastMode,
-  designTokensOverride,
+  contrastMode: contrastModeProp,
+  designTokensOverride: designTokensOverrideProp,
+  hasWrapperElement = true,
   shadowDomElement,
-  shadowRootElement,
-  themeOverride
+  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: explicitContrastMode
+    contrastMode: contrastModeProp
   });
   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]);
+    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]);
-  return (0, _jsxRuntime.jsx)(StyledContrastContainerStyles, {
-    ref: contrastContainerRef,
-    children: (0, _jsxRuntime.jsx)(_useContrastMode.ContrastModeContext.Provider, {
-      value: contrastModeProviderValue,
-      children: (0, _jsxRuntime.jsx)(_styles.ThemeProvider, {
-        theme: customOdysseyTheme,
+  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;
 };
-OdysseyThemeProvider.displayName = "OdysseyThemeProvider";
 const MemoizedOdysseyThemeProvider = exports.OdysseyThemeProvider = (0, _react.memo)(OdysseyThemeProvider);
+MemoizedOdysseyThemeProvider.displayName = "OdysseyThemeProvider";
 //# sourceMappingURL=OdysseyThemeProvider.cjs.map

package/dist/cjs/OdysseyThemeProvider.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OdysseyThemeProvider.cjs","names":["_styled","_interopRequireDefault","require","_styles","_utils","Tokens","_interopRequireWildcard","_react","_OdysseyDesignTokensContext","_index","_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","~~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 styled from \"@emotion/styled\";\nimport { ~~ThemeOptions } from~~ \~~"@mui/material\";\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 { createOdysseyMuiTheme, ~~DesignTokensOverride~~ } from \"./theme/index.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 = {\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\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":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;~~AAEA~~,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,~~MAAA~~,GAAAP,OAAA;~~AACA~~,IAAAQ,~~gBAAA~~,GAAAR,OAAA;~~AAI8B~~,IAAAS,~~WAAA~~,GAAAT,OAAA;AAAA,SAAAI,~~wBAAAM~~,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,~~YAAAR~~,uBAAA,YAAAA,~~CAAAM~~,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,~~SAAAZ~~,~~uBAAAW~~,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;~~AA5B9B~~;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;~~AAoBA~~,MAAMmB,6BAA6B,GAAG,IAAAC,eAAM,EAAC,KAAK,CAAC,CAAC;EAClDC,MAAM,EAAE;AACV,CAAC,CAAC;~~AAiBF~~,MAAMC,oBAAoB,GAAGA,CAAC;EAC5BC,QAAQ;EACRC,YAAY,EAAEC,~~oBAAoB~~;~~EAClCC~~,oBAAoB;~~EACpBC~~,gBAAgB;EAChBC,iBAAiB;~~EACjBC~~;~~AACyB~~,CAAC,KAAK;EAC/B,MAAM;~~IAAEL~~,YAAY;~~IAAEM~~;EAAqB,CAAC,GAAG,IAAAC,gCAAe,EAAC;~~IAC7DP~~,YAAY,EAAEC;EAChB,CAAC,CAAC;EAEF,~~MAAMO~~,aAAa,GAAG,IAAAC,cAAO,EAC3B,OAAO;IAAE,~~GAAGxC~~,MAAM;IAAE,~~GAAGiC~~;EAAqB,CAAC,CAAC,EAC9C,CAACA,oBAAoB,CACvB,CAAC;EAED,~~MAAMQ~~,~~0BAA0B,GAAGN,iBAAiB,IAAID,gBAAgB;EAExE,MAAMQ,~~YAAY,GAAG,~~IAAAF~~,cAAO,EAC1B,MACE,~~IAAAG~~,4BAAqB,EAAC;~~IACpBZ~~,YAAY;~~IACZQ~~,aAAa;~~IACbJ,iBAAiB,EAAEM~~;~~EACrB~~,CAAC,CAAC,EACJ,~~CAACV~~,YAAY,~~EAAEQ~~,aAAa,~~EAAEE~~,~~0BAA0B~~,~~CAC1D~~,CAAC;EAED,~~MAAMG~~,kBAAkB,GAAG,~~IAAAJ~~,cAAO,EAChC,MAAM,~~IAAAK~~,mBAAW,EAAC,IAAAC,gBAAS,EAACJ,YAAY,~~EAAEN~~,aAAa,IAAI,CAAC,CAAC,CAAC,CAAC,EAC/D,~~CAACM~~,YAAY,~~EAAEN~~,aAAa,CAC9B,CAAC;EAED,~~MAAMW~~,yBAAyB,GAAG,~~IAAAP~~,cAAO,EACvC,OAAO;~~IACLT~~;EACF,CAAC,CAAC,EACF,CAACA,YAAY,CACf,CAAC;EAED,~~OACE~~,~~IAAAzB~~,~~WAAA,CAAA0C,GAAA,EAACtB,6BAA6B;IAACuB,~~GAAG,~~EAAEZ,oBAAqB;~~IAAAP,~~QAAA~~,~~EACvD~~,~~IAAAxB~~,WAAA,~~CAAA0C~~,GAAA,~~EAAC3C~~,gBAAA,~~CAAA6C~~,mBAAmB,CAACC,QAAQ;~~MAACC~~,KAAK,EAAEL,yBAA0B;~~MAAAjB~~,QAAA,EAC7D,IAAAxB,WAAA,~~CAAA0C~~,GAAA,~~EAAClD~~,OAAA,~~CAAAuD~~,aAAgB;~~QAACC~~,KAAK,EAAEV,kBAAmB;~~QAAAd~~,QAAA,EAC1C,IAAAxB,WAAA,~~CAAA0C~~,GAAA,~~EAAC7C~~,2BAAA,~~CAAAoD~~,0BAA0B,~~CAACJ~~,QAAQ;UAACC,KAAK,~~EAAEb~~,aAAc;~~UAAAT~~,QAAA,EACvDA;QAAQ,CAC0B;MAAC,~~CACtB~~;IAAC,~~CACS~~;EAAC,~~CACF~~,~~CAAC;AAEpC~~,CAAC;~~AACDD~~,~~oBAAoB~~,~~CAAC2B~~,~~WAAW~~,GAAG,~~sBAAsB~~;~~AAEzD~~,~~MAAMC~~,4BAA4B,GAAAC,OAAA,~~CAAA7B~~,oBAAA,GAAG,~~IAAA8B~~,WAAI,~~EACvC9B~~,~~oBACF~~,~~CAAgC~~","ignoreList":[]}
1	+ {"version":3,"file":"OdysseyThemeProvider.cjs","names":["_styled","_interopRequireDefault","require","_styles","_utils","Tokens","_interopRequireWildcard","_react","_OdysseyDesignTokensContext","_OdysseyThemeProviderPropsContext","_index","_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/index.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":"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","ignoreList":[]}

package/dist/cjs/OdysseyThemeProviderPropsContext.cjs ADDED Viewed

@@ -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 ADDED Viewed

@@ -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/index.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 CHANGED Viewed

@@ -7,14 +7,13 @@ 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 _i18n = require("../i18n.generated/i18n.cjs");
 var _index2 = require("../icons.generated/index.cjs");
 var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
 var _Typography = require("../Typography.cjs");
 var _usePagination = require("./usePagination.cjs");
-require("../i18n.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!
@@ -92,7 +91,7 @@ const Pagination = ({
   const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _i18n.useTranslation)();
   const [page, setPage] = (0, _react.useState)(pageIndex);
   const [rowsPerPage, setRowsPerPage] = (0, _react.useState)(pageSize);
   const initialRowsPerPage = (0, _react.useRef)(pageSize);

package/dist/cjs/Pagination/Pagination.cjs.map CHANGED Viewed

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

package/dist/cjs/Pagination/usePagination.cjs CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.usePagination = void 0;
 var _react = require("react");
-var _reactI18next = require("react-i18next");
+var _i18n = require("../i18n.generated/i18n.cjs");
 /*!
  * 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.")
@@ -26,7 +26,7 @@ const usePagination = ({
 }) => {
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _i18n.useTranslation)();
   return (0, _react.useMemo)(() => {
     const firstRow = pageSize * (pageIndex - 1) + 1;
     const lastRow = firstRow + (currentRowsCount - 1);

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

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

package/dist/cjs/PasswordField.cjs CHANGED Viewed

@@ -8,8 +8,8 @@ var _InputBase2 = _interopRequireDefault(require("@mui/material/InputBase"));
 var _InputAdornment2 = _interopRequireDefault(require("@mui/material/InputAdornment"));
 var _IconButton2 = _interopRequireDefault(require("@mui/material/IconButton"));
 var _react = require("react");
-var _reactI18next = require("react-i18next");
 var _Field = require("./Field.cjs");
+var _i18n = require("./i18n.generated/i18n.cjs");
 var _index = require("./icons.generated/index.cjs");
 var _inputUtils = require("./inputUtils.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -53,7 +53,7 @@ const PasswordField = (0, _react.forwardRef)(({
 }, ref) => {
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _i18n.useTranslation)();
   const [inputType, setInputType] = (0, _react.useState)("password");
   const togglePasswordVisibility = (0, _react.useCallback)(() => {
     setInputType(inputType => inputType === "password" ? "text" : "password");