@okta/odyssey-react-mui 1.56.0 → 1.57.0

package/dist/cjs/OdysseyThemeProvider.cjs

@@ -84,5 +84,5 @@ const OdysseyThemeProvider = ({
   }) : providerComponents;
 };
 const MemoizedOdysseyThemeProvider = exports.OdysseyThemeProvider = (0, _react.memo)(OdysseyThemeProvider);
-MemoizedOdysseyThemeProvider.displayName = "OdysseyThemeProvider";
+MemoizedOdysseyThemeProvider.displayName = "OdysseyThemeProvider::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=OdysseyThemeProvider.cjs.map

package/dist/cjs/OdysseyThemeProvider.cjs.map

@@ -1 +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":"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","ignoreList":[]}
+{"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":"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","ignoreList":[]}

package/dist/cjs/OdysseyThemeProviderPropsContext.cjs

@@ -40,5 +40,5 @@ const OdysseyThemeProviderPropsProvider = ({
   });
 };
 const MemoizedOdysseyThemeProviderPropsProvider = exports.OdysseyThemeProviderPropsProvider = (0, _react.memo)(OdysseyThemeProviderPropsProvider);
-MemoizedOdysseyThemeProviderPropsProvider.displayName = "OdysseyThemeProviderPropsProvider";
+MemoizedOdysseyThemeProviderPropsProvider.displayName = "OdysseyThemeProviderPropsProvider::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=OdysseyThemeProviderPropsContext.cjs.map

package/dist/cjs/OdysseyThemeProviderPropsContext.cjs.map

@@ -1 +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":[]}
+{"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,mEAChB","ignoreList":[]}

package/dist/cjs/Pagination/Pagination.cjs

@@ -262,5 +262,5 @@ const Pagination = ({
   });
 };
 const MemoizedPagination = exports.Pagination = (0, _react.memo)(Pagination);
-MemoizedPagination.displayName = "Pagination";
+MemoizedPagination.displayName = "Pagination::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=Pagination.cjs.map

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

@@ -1 +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":[]}
+{"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":[]}

package/dist/cjs/PasswordField.cjs

@@ -102,6 +102,7 @@ const PasswordField = (0, _react.forwardRef)(({
     inputProps: {
       "aria-errormessage": errorMessageElementId,
       "aria-labelledby": labelElementId,
+      "aria-readonly": isReadOnly,
       "data-se": testId,
       role: "textbox"
     },
@@ -128,10 +129,11 @@ const PasswordField = (0, _react.forwardRef)(({
     isDisabled: isDisabled,
     isFullWidth: isFullWidth,
     isOptional: isOptional,
+    isReadOnly: isReadOnly,
     label: label,
     renderFieldComponent: renderFieldComponent
   });
 });
 const MemoizedPasswordField = exports.PasswordField = (0, _react.memo)(PasswordField);
-MemoizedPasswordField.displayName = "PasswordField";
+MemoizedPasswordField.displayName = "PasswordField::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=PasswordField.cjs.map

package/dist/cjs/PasswordField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordField.cjs","names":["_react","require","_Field","_i18n","_index","_inputUtils","_jsxRuntime","_interopRequireDefault","e","__esModule","default","PasswordField","forwardRef","ariaDescribedBy","autoCompleteType","defaultValue","errorMessage","errorMessageList","hasInitialFocus","hint","id","idOverride","inputRef","isDisabled","isFullWidth","isOptional","hasShowPassword","isReadOnly","label","name","nameOverride","onChange","onChangeProp","onFocus","onBlur","placeholder","testId","translate","value","ref","t","useTranslation","inputType","setInputType","useState","togglePasswordVisibility","useCallback","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useInputValues","controlState","current","localInputRef","useImperativeHandle","focus","event","renderFieldComponent","errorMessageElementId","labelElementId","jsx","_InputBase2","autoComplete","autoFocus","endAdornment","_InputAdornment2","position","children","_IconButton2","onClick","ShowIcon","HideIcon","inputProps","role","readOnly","required","type","Field","fieldType","hasVisibleLabel","MemoizedPasswordField","exports","memo","displayName"],"sources":["../../src/PasswordField.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { IconButton, InputAdornment, InputBase } from \"@mui/material\";\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  memo,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { HideIcon, ShowIcon } from \"./icons.generated/index.js\";\nimport { FocusHandle, getControlState, useInputValues } from \"./inputUtils.js\";\n\nexport type PasswordFieldProps = {\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n   */\n  autoCompleteType?: \"current-password\" | \"new-password\";\n  /**\n   * initial value for input. Use when component in uncontrolled.\n   */\n  defaultValue?: string;\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * If `true`, the show/hide icon is not shown to the user\n   */\n  hasShowPassword?: boolean;\n  /**\n   * The ref forwarded to the TextField\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * Callback fired when the `input` element loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;\n  /**\n   * Callback fired when the `input` element get focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * The value of the `input` element. Use when component is controlled.\n   */\n  value?: string;\n} & FieldComponentProps &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype FieldRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"id\" | \"labelElementId\">;\n\nconst PasswordField = forwardRef<HTMLInputElement, PasswordFieldProps>(\n  (\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      errorMessage,\n      errorMessageList,\n      hasInitialFocus,\n      hint,\n      id: idOverride,\n      inputRef,\n      isDisabled = false,\n      isFullWidth = false,\n      isOptional = false,\n      hasShowPassword = true,\n      isReadOnly,\n      label,\n      name: nameOverride,\n      onChange: onChangeProp,\n      onFocus,\n      onBlur,\n      placeholder,\n      testId,\n      translate,\n      value,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [inputType, setInputType] = useState(\"password\");\n\n    const togglePasswordVisibility = useCallback(() => {\n      setInputType((inputType) =>\n        inputType === \"password\" ? \"text\" : \"password\",\n      );\n    }, []);\n\n    const controlledStateRef = useRef(\n      getControlState({\n        controlledValue: value,\n        uncontrolledValue: defaultValue,\n      }),\n    );\n    const inputValues = useInputValues({\n      defaultValue,\n      value,\n      controlState: controlledStateRef.current,\n    });\n\n    const localInputRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(inputRef, () => {\n      return {\n        focus: () => {\n          localInputRef.current?.focus();\n        },\n      };\n    }, []);\n\n    const onChange = useCallback<\n      ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>\n    >(\n      (event) => {\n        onChangeProp?.(event);\n      },\n      [onChangeProp],\n    );\n\n    const renderFieldComponent = useCallback(\n      ({\n        ariaDescribedBy,\n        errorMessageElementId,\n        id,\n        labelElementId,\n      }: FieldRenderProps) => (\n        <InputBase\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          autoComplete={inputType === \"password\" ? autoCompleteType : \"off\"}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          endAdornment={\n            hasShowPassword && (\n              <InputAdornment position=\"end\">\n                <IconButton\n                  aria-controls={id}\n                  aria-label={t(\"passwordfield.icon.label.show\")}\n                  aria-pressed={inputType === \"text\"}\n                  onClick={togglePasswordVisibility}\n                >\n                  {inputType === \"password\" ? <ShowIcon /> : <HideIcon />}\n                </IconButton>\n              </InputAdornment>\n            )\n          }\n          id={id}\n          inputProps={{\n            \"aria-errormessage\": errorMessageElementId,\n            \"aria-labelledby\": labelElementId,\n            \"data-se\": testId,\n            // role: \"textbox\" Added because password inputs don't have an implicit role assigned. This causes problems with element selection.\n            role: \"textbox\",\n          }}\n          inputRef={localInputRef}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          placeholder={placeholder}\n          readOnly={isReadOnly}\n          ref={ref}\n          required={!isOptional}\n          translate={translate}\n          type={inputType}\n        />\n      ),\n      [\n        autoCompleteType,\n        hasInitialFocus,\n        inputValues,\n        t,\n        togglePasswordVisibility,\n        inputType,\n        nameOverride,\n        onChange,\n        onFocus,\n        onBlur,\n        placeholder,\n        isOptional,\n        isReadOnly,\n        hasShowPassword,\n        ref,\n        testId,\n        translate,\n      ],\n    );\n\n    return (\n      <Field\n        ariaDescribedBy={ariaDescribedBy}\n        errorMessage={errorMessage}\n        errorMessageList={errorMessageList}\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        id={idOverride}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        isOptional={isOptional}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  },\n);\n\nconst MemoizedPasswordField = memo(PasswordField);\nMemoizedPasswordField.displayName = \"PasswordField\";\n\nexport { MemoizedPasswordField as PasswordField };\n"],"mappings":";;;;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAaA,IAAAC,MAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAA+E,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAM,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAjC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgFA,MAAMG,aAAa,GAAG,IAAAC,iBAAU,EAC9B,CACE;EACEC,eAAe;EACfC,gBAAgB;EAChBC,YAAY;EACZC,YAAY;EACZC,gBAAgB;EAChBC,eAAe;EACfC,IAAI;EACJC,EAAE,EAAEC,UAAU;EACdC,QAAQ;EACRC,UAAU,GAAG,KAAK;EAClBC,WAAW,GAAG,KAAK;EACnBC,UAAU,GAAG,KAAK;EAClBC,eAAe,GAAG,IAAI;EACtBC,UAAU;EACVC,KAAK;EACLC,IAAI,EAAEC,YAAY;EAClBC,QAAQ,EAAEC,YAAY;EACtBC,OAAO;EACPC,MAAM;EACNC,WAAW;EACXC,MAAM;EACNC,SAAS;EACTC;AACF,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,oBAAc,EAAC,CAAC;EAC9B,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,UAAU,CAAC;EAEtD,MAAMC,wBAAwB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACjDH,YAAY,CAAED,SAAS,IACrBA,SAAS,KAAK,UAAU,GAAG,MAAM,GAAG,UACtC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,kBAAkB,GAAG,IAAAC,aAAM,EAC/B,IAAAC,2BAAe,EAAC;IACdC,eAAe,EAAEZ,KAAK;IACtBa,iBAAiB,EAAEpC;EACrB,CAAC,CACH,CAAC;EACD,MAAMqC,WAAW,GAAG,IAAAC,0BAAc,EAAC;IACjCtC,YAAY;IACZuB,KAAK;IACLgB,YAAY,EAAEP,kBAAkB,CAACQ;EACnC,CAAC,CAAC;EAEF,MAAMC,aAAa,GAAG,IAAAR,aAAM,EAAmB,IAAI,CAAC;EACpD,IAAAS,0BAAmB,EAACnC,QAAQ,EAAE,MAAM;IAClC,OAAO;MACLoC,KAAK,EAAEA,CAAA,KAAM;QACXF,aAAa,CAACD,OAAO,EAAEG,KAAK,CAAC,CAAC;MAChC;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM3B,QAAQ,GAAG,IAAAe,kBAAW,EAGzBa,KAAK,IAAK;IACT3B,YAAY,GAAG2B,KAAK,CAAC;EACvB,CAAC,EACD,CAAC3B,YAAY,CACf,CAAC;EAED,MAAM4B,oBAAoB,GAAG,IAAAd,kBAAW,EACtC,CAAC;IACCjC,eAAe;IACfgD,qBAAqB;IACrBzC,EAAE;IACF0C;EACgB,CAAC,KACjB,IAAAxD,WAAA,CAAAyD,GAAA,EAAAC,WAAA,CAAAtD,OAAA;IAAA,GACM0C,WAAW;IACf,oBAAkBvC,eAAgB;IAClCoD,YAAY,EAAEvB,SAAS,KAAK,UAAU,GAAG5B,gBAAgB,GAAG,KAAM;IAElEoD,SAAS,EAAEhD,eAAgB;IAC3BiD,YAAY,EACVzC,eAAe,IACb,IAAApB,WAAA,CAAAyD,GAAA,EAAAK,gBAAA,CAAA1D,OAAA;MAAgB2D,QAAQ,EAAC,KAAK;MAAAC,QAAA,EAC5B,IAAAhE,WAAA,CAAAyD,GAAA,EAAAQ,YAAA,CAAA7D,OAAA;QACE,iBAAeU,EAAG;QAClB,cAAYoB,CAAC,CAAC,+BAA+B,CAAE;QAC/C,gBAAcE,SAAS,KAAK,MAAO;QACnC8B,OAAO,EAAE3B,wBAAyB;QAAAyB,QAAA,EAEjC5B,SAAS,KAAK,UAAU,GAAG,IAAApC,WAAA,CAAAyD,GAAA,EAAC3D,MAAA,CAAAqE,QAAQ,IAAE,CAAC,GAAG,IAAAnE,WAAA,CAAAyD,GAAA,EAAC3D,MAAA,CAAAsE,QAAQ,IAAE;MAAC,CAC7C;IAAC,CACC,CAEnB;IACDtD,EAAE,EAAEA,EAAG;IACPuD,UAAU,EAAE;MACV,mBAAmB,EAAEd,qBAAqB;MAC1C,iBAAiB,EAAEC,cAAc;MACjC,SAAS,EAAE1B,MAAM;MAEjBwC,IAAI,EAAE;IACR,CAAE;IACFtD,QAAQ,EAAEkC,aAAc;IACxB3B,IAAI,EAAEC,YAAY,IAAIV,EAAG;IACzBc,MAAM,EAAEA,MAAO;IACfH,QAAQ,EAAEA,QAAS;IACnBE,OAAO,EAAEA,OAAQ;IACjBE,WAAW,EAAEA,WAAY;IACzB0C,QAAQ,EAAElD,UAAW;IACrBY,GAAG,EAAEA,GAAI;IACTuC,QAAQ,EAAE,CAACrD,UAAW;IACtBY,SAAS,EAAEA,SAAU;IACrB0C,IAAI,EAAErC;EAAU,CACjB,CACF,EACD,CACE5B,gBAAgB,EAChBI,eAAe,EACfkC,WAAW,EACXZ,CAAC,EACDK,wBAAwB,EACxBH,SAAS,EACTZ,YAAY,EACZC,QAAQ,EACRE,OAAO,EACPC,MAAM,EACNC,WAAW,EACXV,UAAU,EACVE,UAAU,EACVD,eAAe,EACfa,GAAG,EACHH,MAAM,EACNC,SAAS,CAEb,CAAC;EAED,OACE,IAAA/B,WAAA,CAAAyD,GAAA,EAAC7D,MAAA,CAAA8E,KAAK;IACJnE,eAAe,EAAEA,eAAgB;IACjCG,YAAY,EAAEA,YAAa;IAC3BC,gBAAgB,EAAEA,gBAAiB;IACnCgE,SAAS,EAAC,QAAQ;IAClBC,eAAe;IACf/D,IAAI,EAAEA,IAAK;IACXC,EAAE,EAAEC,UAAW;IACfE,UAAU,EAAEA,UAAW;IACvBC,WAAW,EAAEA,WAAY;IACzBC,UAAU,EAAEA,UAAW;IACvBG,KAAK,EAAEA,KAAM;IACbgC,oBAAoB,EAAEA;EAAqB,CAC5C,CAAC;AAEN,CACF,CAAC;AAED,MAAMuB,qBAAqB,GAAAC,OAAA,CAAAzE,aAAA,GAAG,IAAA0E,WAAI,EAAC1E,aAAa,CAAC;AACjDwE,qBAAqB,CAACG,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"file":"PasswordField.cjs","names":["_react","require","_Field","_i18n","_index","_inputUtils","_jsxRuntime","_interopRequireDefault","e","__esModule","default","PasswordField","forwardRef","ariaDescribedBy","autoCompleteType","defaultValue","errorMessage","errorMessageList","hasInitialFocus","hint","id","idOverride","inputRef","isDisabled","isFullWidth","isOptional","hasShowPassword","isReadOnly","label","name","nameOverride","onChange","onChangeProp","onFocus","onBlur","placeholder","testId","translate","value","ref","t","useTranslation","inputType","setInputType","useState","togglePasswordVisibility","useCallback","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useInputValues","controlState","current","localInputRef","useImperativeHandle","focus","event","renderFieldComponent","errorMessageElementId","labelElementId","jsx","_InputBase2","autoComplete","autoFocus","endAdornment","_InputAdornment2","position","children","_IconButton2","onClick","ShowIcon","HideIcon","inputProps","role","readOnly","required","type","Field","fieldType","hasVisibleLabel","MemoizedPasswordField","exports","memo","displayName"],"sources":["../../src/PasswordField.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { IconButton, InputAdornment, InputBase } from \"@mui/material\";\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  memo,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { HideIcon, ShowIcon } from \"./icons.generated/index.js\";\nimport { FocusHandle, getControlState, useInputValues } from \"./inputUtils.js\";\n\nexport type PasswordFieldProps = {\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n   */\n  autoCompleteType?: \"current-password\" | \"new-password\";\n  /**\n   * initial value for input. Use when component in uncontrolled.\n   */\n  defaultValue?: string;\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * If `true`, the show/hide icon is not shown to the user\n   */\n  hasShowPassword?: boolean;\n  /**\n   * The ref forwarded to the TextField\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * Callback fired when the `input` element loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;\n  /**\n   * Callback fired when the `input` element get focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * The value of the `input` element. Use when component is controlled.\n   */\n  value?: string;\n} & FieldComponentProps &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype FieldRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"id\" | \"labelElementId\">;\n\nconst PasswordField = forwardRef<HTMLInputElement, PasswordFieldProps>(\n  (\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      errorMessage,\n      errorMessageList,\n      hasInitialFocus,\n      hint,\n      id: idOverride,\n      inputRef,\n      isDisabled = false,\n      isFullWidth = false,\n      isOptional = false,\n      hasShowPassword = true,\n      isReadOnly,\n      label,\n      name: nameOverride,\n      onChange: onChangeProp,\n      onFocus,\n      onBlur,\n      placeholder,\n      testId,\n      translate,\n      value,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [inputType, setInputType] = useState(\"password\");\n\n    const togglePasswordVisibility = useCallback(() => {\n      setInputType((inputType) =>\n        inputType === \"password\" ? \"text\" : \"password\",\n      );\n    }, []);\n\n    const controlledStateRef = useRef(\n      getControlState({\n        controlledValue: value,\n        uncontrolledValue: defaultValue,\n      }),\n    );\n    const inputValues = useInputValues({\n      defaultValue,\n      value,\n      controlState: controlledStateRef.current,\n    });\n\n    const localInputRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(inputRef, () => {\n      return {\n        focus: () => {\n          localInputRef.current?.focus();\n        },\n      };\n    }, []);\n\n    const onChange = useCallback<\n      ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>\n    >(\n      (event) => {\n        onChangeProp?.(event);\n      },\n      [onChangeProp],\n    );\n\n    const renderFieldComponent = useCallback(\n      ({\n        ariaDescribedBy,\n        errorMessageElementId,\n        id,\n        labelElementId,\n      }: FieldRenderProps) => (\n        <InputBase\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          autoComplete={inputType === \"password\" ? autoCompleteType : \"off\"}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          endAdornment={\n            hasShowPassword && (\n              <InputAdornment position=\"end\">\n                <IconButton\n                  aria-controls={id}\n                  aria-label={t(\"passwordfield.icon.label.show\")}\n                  aria-pressed={inputType === \"text\"}\n                  onClick={togglePasswordVisibility}\n                >\n                  {inputType === \"password\" ? <ShowIcon /> : <HideIcon />}\n                </IconButton>\n              </InputAdornment>\n            )\n          }\n          id={id}\n          inputProps={{\n            \"aria-errormessage\": errorMessageElementId,\n            \"aria-labelledby\": labelElementId,\n            \"aria-readonly\": isReadOnly,\n            \"data-se\": testId,\n            // role: \"textbox\" Added because password inputs don't have an implicit role assigned. This causes problems with element selection.\n            role: \"textbox\",\n          }}\n          inputRef={localInputRef}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          placeholder={placeholder}\n          readOnly={isReadOnly}\n          ref={ref}\n          required={!isOptional}\n          translate={translate}\n          type={inputType}\n        />\n      ),\n      [\n        autoCompleteType,\n        hasInitialFocus,\n        inputValues,\n        t,\n        togglePasswordVisibility,\n        inputType,\n        nameOverride,\n        onChange,\n        onFocus,\n        onBlur,\n        placeholder,\n        isOptional,\n        isReadOnly,\n        hasShowPassword,\n        ref,\n        testId,\n        translate,\n      ],\n    );\n\n    return (\n      <Field\n        ariaDescribedBy={ariaDescribedBy}\n        errorMessage={errorMessage}\n        errorMessageList={errorMessageList}\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        id={idOverride}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        isOptional={isOptional}\n        isReadOnly={isReadOnly}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  },\n);\n\nconst MemoizedPasswordField = memo(PasswordField);\nMemoizedPasswordField.displayName = \"PasswordField\";\n\nexport { MemoizedPasswordField as PasswordField };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/ScreenReaderText.cjs

@@ -36,5 +36,5 @@ const ScreenReaderText = ({
   children: children
 });
 const MemoizedScreenReaderText = exports.ScreenReaderText = (0, _react.memo)(ScreenReaderText);
-MemoizedScreenReaderText.displayName = "ScreenReaderText";
+MemoizedScreenReaderText.displayName = "ScreenReaderText::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=ScreenReaderText.cjs.map

package/dist/cjs/ScreenReaderText.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenReaderText.cjs","names":["_utils","require","_react","_jsxRuntime","_interopRequireDefault","e","__esModule","default","style","visuallyHidden","ScreenReaderText","ariaHidden","children","id","translate","jsx","_Box2","component","sx","MemoizedScreenReaderText","exports","memo","displayName"],"sources":["../../src/ScreenReaderText.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Box } from \"@mui/material\";\nimport { visuallyHidden } from \"@mui/utils\";\nimport { memo, ReactNode } from \"react\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\n\nexport type ScreenReaderTextProps = {\n  /**\n   * The visually-hidden text.\n   */\n  children: ReactNode;\n  id?: string;\n} & Pick<HtmlProps, \"ariaHidden\" | \"translate\">;\n\n/**\n * MUI sx expects you pass in a CSS object, not an object with CSS.\n * They seem identical, but only if you create a new object like this will MUI be happy with the type of visuallyHidden.\n * It's otherwise a regular object with CSS properties.\n */\nconst style = { ...visuallyHidden };\n\nconst ScreenReaderText = ({\n  ariaHidden,\n  children,\n  id,\n  translate,\n}: ScreenReaderTextProps) => (\n  <Box\n    aria-hidden={ariaHidden}\n    component=\"span\"\n    id={id}\n    sx={style}\n    translate={translate}\n  >\n    {children}\n  </Box>\n);\n\nconst MemoizedScreenReaderText = memo(ScreenReaderText);\nMemoizedScreenReaderText.displayName = \"ScreenReaderText\";\n\nexport { MemoizedScreenReaderText as ScreenReaderText };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAwC,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAdxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAqBA,MAAMG,KAAK,GAAG;EAAE,GAAGC;AAAe,CAAC;AAEnC,MAAMC,gBAAgB,GAAGA,CAAC;EACxBC,UAAU;EACVC,QAAQ;EACRC,EAAE;EACFC;AACqB,CAAC,KACtB,IAAAX,WAAA,CAAAY,GAAA,EAAAC,KAAA,CAAAT,OAAA;EACE,eAAaI,UAAW;EACxBM,SAAS,EAAC,MAAM;EAChBJ,EAAE,EAAEA,EAAG;EACPK,EAAE,EAAEV,KAAM;EACVM,SAAS,EAAEA,SAAU;EAAAF,QAAA,EAEpBA;AAAQ,CACN,CACN;AAED,MAAMO,wBAAwB,GAAAC,OAAA,CAAAV,gBAAA,GAAG,IAAAW,WAAI,EAACX,gBAAgB,CAAC;AACvDS,wBAAwB,CAACG,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"file":"ScreenReaderText.cjs","names":["_utils","require","_react","_jsxRuntime","_interopRequireDefault","e","__esModule","default","style","visuallyHidden","ScreenReaderText","ariaHidden","children","id","translate","jsx","_Box2","component","sx","MemoizedScreenReaderText","exports","memo","displayName"],"sources":["../../src/ScreenReaderText.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Box } from \"@mui/material\";\nimport { visuallyHidden } from \"@mui/utils\";\nimport { memo, ReactNode } from \"react\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\n\nexport type ScreenReaderTextProps = {\n  /**\n   * The visually-hidden text.\n   */\n  children: ReactNode;\n  id?: string;\n} & Pick<HtmlProps, \"ariaHidden\" | \"translate\">;\n\n/**\n * MUI sx expects you pass in a CSS object, not an object with CSS.\n * They seem identical, but only if you create a new object like this will MUI be happy with the type of visuallyHidden.\n * It's otherwise a regular object with CSS properties.\n */\nconst style = { ...visuallyHidden };\n\nconst ScreenReaderText = ({\n  ariaHidden,\n  children,\n  id,\n  translate,\n}: ScreenReaderTextProps) => (\n  <Box\n    aria-hidden={ariaHidden}\n    component=\"span\"\n    id={id}\n    sx={style}\n    translate={translate}\n  >\n    {children}\n  </Box>\n);\n\nconst MemoizedScreenReaderText = memo(ScreenReaderText);\nMemoizedScreenReaderText.displayName = \"ScreenReaderText\";\n\nexport { MemoizedScreenReaderText as ScreenReaderText };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAwC,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAdxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAqBA,MAAMG,KAAK,GAAG;EAAE,GAAGC;AAAe,CAAC;AAEnC,MAAMC,gBAAgB,GAAGA,CAAC;EACxBC,UAAU;EACVC,QAAQ;EACRC,EAAE;EACFC;AACqB,CAAC,KACtB,IAAAX,WAAA,CAAAY,GAAA,EAAAC,KAAA,CAAAT,OAAA;EACE,eAAaI,UAAW;EACxBM,SAAS,EAAC,MAAM;EAChBJ,EAAE,EAAEA,EAAG;EACPK,EAAE,EAAEV,KAAM;EACVM,SAAS,EAAEA,SAAU;EAAAF,QAAA,EAEpBA;AAAQ,CACN,CACN;AAED,MAAMO,wBAAwB,GAAAC,OAAA,CAAAV,gBAAA,GAAG,IAAAW,WAAI,EAACX,gBAAgB,CAAC;AACvDS,wBAAwB,CAACG,WAAW,kDAAqB","ignoreList":[]}

package/dist/cjs/SearchField.cjs

@@ -126,5 +126,5 @@ const SearchField = (0, _react.forwardRef)(({
   });
 });
 const MemoizedSearchField = exports.SearchField = (0, _react.memo)(SearchField);
-MemoizedSearchField.displayName = "SearchField";
+MemoizedSearchField.displayName = "SearchField::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=SearchField.cjs.map

package/dist/cjs/SearchField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.cjs","names":["_styled","_interopRequireDefault","require","_react","_Field","_i18n","_index","_inputUtils","_OdysseyThemeProvider","_jsxRuntime","e","__esModule","default","searchVariantValues","exports","StyledContainerToEnsureThemeProviderDivIsFullWidth","styled","width","SearchField","forwardRef","ariaDescribedBy","autoCompleteType","defaultValue","hasInitialFocus","id","idOverride","isDisabled","isFullWidth","label","name","nameOverride","onChange","onChangeProp","onFocus","onBlur","onClear","onClearProp","placeholder","tabIndex","testId","translate","value","variant","ref","t","useTranslation","useCallback","event","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useInputValues","controlState","current","renderFieldComponent","jsx","_InputBase2","autoComplete","autoFocus","endAdornment","_InputAdornment2","position","children","_IconButton2","disabled","onClick","size","CloseCircleFilledIcon","inputProps","startAdornment","SearchIcon","type","OdysseyThemeProvider","Field","fieldType","hasVisibleLabel","isOptional","MemoizedSearchField","memo","displayName"],"sources":["../../src/SearchField.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 { IconButton, InputAdornment, InputBase } from \"@mui/material\";\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  memo,\n  useCallback,\n  useRef,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CloseCircleFilledIcon, SearchIcon } from \"./icons.generated/index.js\";\nimport { getControlState, useInputValues } from \"./inputUtils.js\";\nimport { OdysseyThemeProvider } from \"./OdysseyThemeProvider.js\";\n\nexport const searchVariantValues = [\"outline\", \"filled\"] as const;\n\nconst StyledContainerToEnsureThemeProviderDivIsFullWidth = styled(\"div\")({\n  width: \"100%\",\n});\n\nexport type SearchFieldProps = {\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n   */\n  autoCompleteType?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n  /**\n   * The value of the `input` element to use when uncontrolled.\n   */\n  defaultValue?: string;\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * The id of the `input` element.\n   */\n  id?: string;\n  /**\n   * If `true`, the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * This label won't show up visually, but it's required for accessibility.\n   */\n  label: string;\n  /**\n   * Callback fired when the `input` element loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;\n  /**\n   * Callback fired when the clear button is pressed.\n   */\n  onClear?: () => void;\n  /**\n   * Callback fired when the `input` element get focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n\n  tabIndex?: HTMLAttributes<HTMLElement>[\"tabIndex\"];\n  /**\n   * The value of the `input` element, to use when controlled.\n   */\n  value?: string;\n  /**\n   * Whether the SearchField has a gray or white background\n   */\n  variant?: (typeof searchVariantValues)[number];\n} & Pick<FieldComponentProps, \"id\" | \"isDisabled\" | \"name\" | \"isFullWidth\"> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype FieldRenderProps = Partial<Pick<HtmlProps, \"ariaDescribedBy\">> &\n  Pick<FieldComponentRenderProps, \"id\">;\n\nconst SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(\n  (\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      hasInitialFocus,\n      id: idOverride,\n      isDisabled = false,\n      isFullWidth = false,\n      label,\n      name: nameOverride,\n      onChange: onChangeProp,\n      onFocus,\n      onBlur,\n      onClear: onClearProp,\n      placeholder,\n      tabIndex,\n      testId,\n      translate,\n      value,\n      variant = \"outline\",\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    const onChange: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> =\n      useCallback(\n        (event) => {\n          onChangeProp?.(event);\n        },\n        [onChangeProp],\n      );\n\n    const onClear = useCallback(() => {\n      onClearProp?.();\n    }, [onClearProp]);\n\n    const controlledStateRef = useRef(\n      getControlState({\n        controlledValue: value,\n        uncontrolledValue: defaultValue,\n      }),\n    );\n    const inputValues = useInputValues({\n      defaultValue,\n      value,\n      controlState: controlledStateRef.current,\n    });\n\n    const renderFieldComponent = useCallback(\n      ({ ariaDescribedBy, id }: FieldRenderProps) => (\n        <InputBase\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          autoComplete={autoCompleteType}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          data-ods-type=\"search\"\n          data-ods-variant={variant}\n          data-se={testId}\n          endAdornment={\n            (inputValues?.defaultValue || inputValues?.value) && (\n              <InputAdornment position=\"end\">\n                <IconButton\n                  aria-label={t(\"clear.text\")}\n                  disabled={isDisabled}\n                  onClick={onClear}\n                  size=\"small\"\n                >\n                  <CloseCircleFilledIcon />\n                </IconButton>\n              </InputAdornment>\n            )\n          }\n          id={id}\n          inputProps={{\n            tabIndex,\n          }}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          placeholder={placeholder}\n          ref={ref}\n          startAdornment={\n            <InputAdornment position=\"start\">\n              <SearchIcon />\n            </InputAdornment>\n          }\n          translate={translate}\n          type=\"search\"\n        />\n      ),\n      [\n        autoCompleteType,\n        hasInitialFocus,\n        inputValues,\n        isDisabled,\n        nameOverride,\n        onBlur,\n        onChange,\n        onClear,\n        onFocus,\n        placeholder,\n        ref,\n        t,\n        tabIndex,\n        testId,\n        translate,\n        variant,\n      ],\n    );\n\n    return (\n      <StyledContainerToEnsureThemeProviderDivIsFullWidth>\n        {/* Required for `contrastMode`. */}\n        <OdysseyThemeProvider>\n          <Field\n            ariaDescribedBy={ariaDescribedBy}\n            fieldType=\"single\"\n            hasVisibleLabel={false}\n            id={idOverride}\n            isDisabled={isDisabled}\n            isFullWidth={isFullWidth}\n            isOptional={true}\n            label={label}\n            renderFieldComponent={renderFieldComponent}\n          />\n        </OdysseyThemeProvider>\n      </StyledContainerToEnsureThemeProviderDivIsFullWidth>\n    );\n  },\n);\n\nconst MemoizedSearchField = memo(SearchField);\nMemoizedSearchField.displayName = \"SearchField\";\n\nexport { MemoizedSearchField as SearchField };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SearchField.cjs","names":["_styled","_interopRequireDefault","require","_react","_Field","_i18n","_index","_inputUtils","_OdysseyThemeProvider","_jsxRuntime","e","__esModule","default","searchVariantValues","exports","StyledContainerToEnsureThemeProviderDivIsFullWidth","styled","width","SearchField","forwardRef","ariaDescribedBy","autoCompleteType","defaultValue","hasInitialFocus","id","idOverride","isDisabled","isFullWidth","label","name","nameOverride","onChange","onChangeProp","onFocus","onBlur","onClear","onClearProp","placeholder","tabIndex","testId","translate","value","variant","ref","t","useTranslation","useCallback","event","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useInputValues","controlState","current","renderFieldComponent","jsx","_InputBase2","autoComplete","autoFocus","endAdornment","_InputAdornment2","position","children","_IconButton2","disabled","onClick","size","CloseCircleFilledIcon","inputProps","startAdornment","SearchIcon","type","OdysseyThemeProvider","Field","fieldType","hasVisibleLabel","isOptional","MemoizedSearchField","memo","displayName"],"sources":["../../src/SearchField.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 { IconButton, InputAdornment, InputBase } from \"@mui/material\";\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  memo,\n  useCallback,\n  useRef,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CloseCircleFilledIcon, SearchIcon } from \"./icons.generated/index.js\";\nimport { getControlState, useInputValues } from \"./inputUtils.js\";\nimport { OdysseyThemeProvider } from \"./OdysseyThemeProvider.js\";\n\nexport const searchVariantValues = [\"outline\", \"filled\"] as const;\n\nconst StyledContainerToEnsureThemeProviderDivIsFullWidth = styled(\"div\")({\n  width: \"100%\",\n});\n\nexport type SearchFieldProps = {\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n   */\n  autoCompleteType?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n  /**\n   * The value of the `input` element to use when uncontrolled.\n   */\n  defaultValue?: string;\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * The id of the `input` element.\n   */\n  id?: string;\n  /**\n   * If `true`, the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * This label won't show up visually, but it's required for accessibility.\n   */\n  label: string;\n  /**\n   * Callback fired when the `input` element loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;\n  /**\n   * Callback fired when the clear button is pressed.\n   */\n  onClear?: () => void;\n  /**\n   * Callback fired when the `input` element get focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n\n  tabIndex?: HTMLAttributes<HTMLElement>[\"tabIndex\"];\n  /**\n   * The value of the `input` element, to use when controlled.\n   */\n  value?: string;\n  /**\n   * Whether the SearchField has a gray or white background\n   */\n  variant?: (typeof searchVariantValues)[number];\n} & Pick<FieldComponentProps, \"id\" | \"isDisabled\" | \"name\" | \"isFullWidth\"> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype FieldRenderProps = Partial<Pick<HtmlProps, \"ariaDescribedBy\">> &\n  Pick<FieldComponentRenderProps, \"id\">;\n\nconst SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(\n  (\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      hasInitialFocus,\n      id: idOverride,\n      isDisabled = false,\n      isFullWidth = false,\n      label,\n      name: nameOverride,\n      onChange: onChangeProp,\n      onFocus,\n      onBlur,\n      onClear: onClearProp,\n      placeholder,\n      tabIndex,\n      testId,\n      translate,\n      value,\n      variant = \"outline\",\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    const onChange: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> =\n      useCallback(\n        (event) => {\n          onChangeProp?.(event);\n        },\n        [onChangeProp],\n      );\n\n    const onClear = useCallback(() => {\n      onClearProp?.();\n    }, [onClearProp]);\n\n    const controlledStateRef = useRef(\n      getControlState({\n        controlledValue: value,\n        uncontrolledValue: defaultValue,\n      }),\n    );\n    const inputValues = useInputValues({\n      defaultValue,\n      value,\n      controlState: controlledStateRef.current,\n    });\n\n    const renderFieldComponent = useCallback(\n      ({ ariaDescribedBy, id }: FieldRenderProps) => (\n        <InputBase\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          autoComplete={autoCompleteType}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          data-ods-type=\"search\"\n          data-ods-variant={variant}\n          data-se={testId}\n          endAdornment={\n            (inputValues?.defaultValue || inputValues?.value) && (\n              <InputAdornment position=\"end\">\n                <IconButton\n                  aria-label={t(\"clear.text\")}\n                  disabled={isDisabled}\n                  onClick={onClear}\n                  size=\"small\"\n                >\n                  <CloseCircleFilledIcon />\n                </IconButton>\n              </InputAdornment>\n            )\n          }\n          id={id}\n          inputProps={{\n            tabIndex,\n          }}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          placeholder={placeholder}\n          ref={ref}\n          startAdornment={\n            <InputAdornment position=\"start\">\n              <SearchIcon />\n            </InputAdornment>\n          }\n          translate={translate}\n          type=\"search\"\n        />\n      ),\n      [\n        autoCompleteType,\n        hasInitialFocus,\n        inputValues,\n        isDisabled,\n        nameOverride,\n        onBlur,\n        onChange,\n        onClear,\n        onFocus,\n        placeholder,\n        ref,\n        t,\n        tabIndex,\n        testId,\n        translate,\n        variant,\n      ],\n    );\n\n    return (\n      <StyledContainerToEnsureThemeProviderDivIsFullWidth>\n        {/* Required for `contrastMode`. */}\n        <OdysseyThemeProvider>\n          <Field\n            ariaDescribedBy={ariaDescribedBy}\n            fieldType=\"single\"\n            hasVisibleLabel={false}\n            id={idOverride}\n            isDisabled={isDisabled}\n            isFullWidth={isFullWidth}\n            isOptional={true}\n            label={label}\n            renderFieldComponent={renderFieldComponent}\n          />\n        </OdysseyThemeProvider>\n      </StyledContainerToEnsureThemeProviderDivIsFullWidth>\n    );\n  },\n);\n\nconst MemoizedSearchField = memo(SearchField);\nMemoizedSearchField.displayName = \"SearchField\";\n\nexport { MemoizedSearchField as SearchField };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Select.cjs

@@ -246,7 +246,8 @@ const Select = ({
       id: id,
       inputProps: {
         "data-se": testId,
-        "aria-disabled": isDisabled || isReadOnly,
+        "aria-disabled": isDisabled,
+        "aria-readonly": isReadOnly,
         readOnly: isReadOnly
       },
       inputRef: el => {
@@ -294,10 +295,11 @@ const Select = ({
     isDisabled: isDisabled,
     isFullWidth: isFullWidth,
     isOptional: isOptional,
+    isReadOnly: isReadOnly,
     label: label,
     renderFieldComponent: renderFieldComponent
   });
 };
 const MemoizedSelect = exports.Select = (0, _react.memo)(Select);
-MemoizedSelect.displayName = "Select";
+MemoizedSelect.displayName = "Select::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=Select.cjs.map

package/dist/cjs/Select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.cjs","names":["_styled","_interopRequireDefault","require","_react","_Field","_index","_inputUtils","_OdysseyDesignTokensContext","_useNormalizedKey","_jsxRuntime","e","__esModule","default","SelectContainer","styled","div","ChipsPositioningContainer","shouldForwardProp","prop","odysseyDesignTokens","alignItems","display","insetBlockEnd","insetBlockStart","insetInlineEnd","insetInlineStart","marginInlineStart","BorderWidthMain","opacity","pointerEvents","position","NonInteractiveIcon","CloseCircleFilledIcon","fontSize","marginBlockEnd","marginInlineEnd","Spacing1","Spacing2","ChipsInnerContainer","_Box2","isVisible","flexWrap","gap","marginBlock","minHeight","Spacing6","CONTROLLED","ComponentControlledState","Select","ariaDescribedBy","defaultValue","errorMessage","errorMessageList","hasMultipleChoices","hasMultipleChoicesProp","hint","HintLinkComponent","id","idOverride","inputRef","isDisabled","isFullWidth","isMultiSelect","isOptional","isReadOnly","label","name","nameOverride","onBlur","onChange","onChangeProp","onFocus","options","testId","translate","value","selectRef","useRef","useMemo","undefined","controlledStateRef","getControlState","controlledValue","uncontrolledValue","internalSelectedValues","setInternalSelectedValues","useState","current","localInputRef","useOdysseyDesignTokens","useImperativeHandle","focus","useEffect","inputValues","useInputValues","controlState","useCallback","event","child","preventDefault","target","split","normalizedOptions","normalizedOptionsMap","map","option","text","type","lang","language","Map","removeSelectedValue","selectedValue","Array","isArray","newValue","filter","internalSelectedValue","syntheticEvent","Chips","ariaLabel","isDismissable","stopPropagation","hasNonInteractiveIcon","jsx","role","children","item","length","_Chip2","deleteIcon","onMouseDown","sx","jsxs","Fragment","get","onDelete","tabIndex","renderedOptions","index","_ListSubheader2","isSelected","includes","_MenuItem2","selected","_Checkbox2","checked","_ListItemSecondaryAction2","CheckIcon","normalizedKey","toString","renderValue","renderFieldComponent","errorMessageElementId","labelElementId","_Select2","displayEmpty","inputProps","readOnly","el","labelId","MenuProps","maxHeight","multiple","Field","fieldType","hasVisibleLabel","MemoizedSelect","exports","memo","displayName"],"sources":["../../src/Select.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  ListItemSecondaryAction,\n  ListSubheader,\n  Box as MuiBox,\n  Checkbox as MuiCheckbox,\n  Chip as MuiChip,\n  MenuItem as MuiMenuItem,\n  Select as MuiSelect,\n  SelectProps as MuiSelectProps,\n  SelectChangeEvent,\n} from \"@mui/material\";\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport { CheckIcon, CloseCircleFilledIcon } from \"./icons.generated/index.js\";\nimport {\n  ComponentControlledState,\n  FocusHandle,\n  getControlState,\n  useInputValues,\n} from \"./inputUtils.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { normalizedKey } from \"./useNormalizedKey.js\";\n\nexport type SelectOption = {\n  language?: string;\n  text: string;\n  type?: \"heading\" | \"option\";\n  value?: string;\n};\n\nconst SelectContainer = styled.div`\n  position: relative;\n  width: 100%;\n  display: flex;\n`;\n\nconst ChipsPositioningContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => {\n  return {\n    alignItems: \"center\",\n    display: \"flex\",\n    insetBlockEnd: 0,\n    insetBlockStart: 0,\n    insetInlineEnd: \"25px\", // This 25px is used to align with MUI's default chip positioning logic.\n    insetInlineStart: \"4px\",\n    marginInlineStart: odysseyDesignTokens.BorderWidthMain,\n    opacity: 1,\n    pointerEvents: \"none\",\n    position: \"absolute\",\n  };\n});\n\nconst NonInteractiveIcon = styled(CloseCircleFilledIcon, {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  fontSize: \"1em\",\n  marginBlockEnd: \"-1px\",\n  marginInlineEnd: `-${odysseyDesignTokens.Spacing1}`,\n  marginInlineStart: odysseyDesignTokens.Spacing2,\n}));\n\nconst ChipsInnerContainer = styled(MuiBox, {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isVisible\",\n})<{\n  isVisible?: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ isVisible, odysseyDesignTokens }) => ({\n  display: \"flex\",\n  flexWrap: \"wrap\",\n  gap: odysseyDesignTokens.Spacing1,\n  marginBlock: `-${odysseyDesignTokens.Spacing2}`,\n  marginInlineEnd: odysseyDesignTokens.Spacing1,\n  minHeight: odysseyDesignTokens.Spacing6,\n  opacity: isVisible ? 1 : 0,\n  pointerEvents: \"none\",\n}));\n\nexport type SelectValueType<HasMultipleChoices> =\n  HasMultipleChoices extends true ? string[] : string;\n\nexport type SelectProps<\n  Value extends SelectValueType<HasMultipleChoices>,\n  HasMultipleChoices extends boolean,\n> = {\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue?: MuiSelectProps<Value>[\"defaultValue\"];\n  /**\n   * If `true`, the Select allows multiple selections\n   */\n  hasMultipleChoices?: HasMultipleChoices;\n  /**\n   * The ref forwarded to the Select\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * @deprecated Use `hasMultipleChoices` instead.\n   */\n  /** **Deprecated:** use `hasMultipleChoices` */\n  isMultiSelect?: HasMultipleChoices;\n  /**\n   * The label text for the Select\n   */\n  label: string;\n  /**\n   * Callback fired when the Select loses focus\n   */\n  onBlur?: MuiSelectProps<Value>[\"onBlur\"];\n  /**\n   * Callback fired when the value of the Select changes\n   */\n  onChange?: MuiSelectProps<Value>[\"onChange\"];\n  /**\n   * Callback fired when the Select gains focus\n   */\n  onFocus?: MuiSelectProps<Value>[\"onFocus\"];\n  /**\n   * The options for the Select\n   */\n  options: (string | SelectOption)[];\n  /**\n   * The value or values selected in the Select\n   */\n  value?: Value;\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isFullWidth\"\n  | \"isOptional\"\n  | \"isReadOnly\"\n  | \"name\"\n> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype SelectRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"id\" | \"labelElementId\">;\n\n/**\n * Options in Odyssey <Select> are passed as an array, which can contain any combination\n * of the following:\n *   - string —                            A simple string. The string will be both the text and the value of the resulting option.\n *                                         <option value=\"string\">string</option>\n *\n *   - { text: string } —                  Same as above, but the string is contained within an object.\n *                                         <option value=\"text\">text</option>\n *\n *   - { text: string, value: string } —   The option text will be text, and the option value will be value.\n *                                         <option value=\"value\">text</option>\n *\n *   - { text: string, type: \"heading\" } — Used to display a group heading with the text\n */\n\nconst { CONTROLLED } = ComponentControlledState;\nconst Select = <\n  Value extends SelectValueType<HasMultipleChoices>,\n  HasMultipleChoices extends boolean,\n>({\n  ariaDescribedBy,\n  defaultValue,\n  errorMessage,\n  errorMessageList,\n  hasMultipleChoices: hasMultipleChoicesProp,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  inputRef,\n  isDisabled = false,\n  isFullWidth = false,\n  isMultiSelect,\n  isOptional = false,\n  isReadOnly = false,\n  label,\n  name: nameOverride,\n  onBlur,\n  onChange: onChangeProp,\n  onFocus,\n  options,\n  testId,\n  translate,\n  value,\n}: SelectProps<Value, HasMultipleChoices>) => {\n  const selectRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n\n  const hasMultipleChoices = useMemo(\n    () =>\n      hasMultipleChoicesProp === undefined\n        ? isMultiSelect\n        : hasMultipleChoicesProp,\n    [hasMultipleChoicesProp, isMultiSelect],\n  );\n\n  const controlledStateRef = useRef(\n    getControlState({\n      controlledValue: value,\n      uncontrolledValue: defaultValue,\n    }),\n  );\n  const [internalSelectedValues, setInternalSelectedValues] = useState(\n    controlledStateRef.current === CONTROLLED ? value : defaultValue,\n  );\n\n  const localInputRef = useRef<HTMLSelectElement>(null);\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  useImperativeHandle(inputRef, () => {\n    return {\n      focus: () => {\n        localInputRef.current?.focus();\n      },\n    };\n  }, []);\n\n  useEffect(() => {\n    if (controlledStateRef.current === CONTROLLED) {\n      setInternalSelectedValues(value);\n    }\n  }, [value]);\n\n  const inputValues = useInputValues({\n    defaultValue,\n    value,\n    controlState: controlledStateRef.current,\n  });\n\n  const onChange = useCallback<NonNullable<MuiSelectProps<Value>[\"onChange\"]>>(\n    (event, child) => {\n      if (isDisabled || isReadOnly) {\n        event.preventDefault();\n      } else {\n        const {\n          target: { value },\n        } = event;\n        if (controlledStateRef.current !== CONTROLLED) {\n          setInternalSelectedValues(\n            (typeof value === \"string\" && hasMultipleChoices\n              ? value.split(\",\")\n              : value) as Value,\n          );\n        }\n        onChangeProp?.(event, child);\n      }\n    },\n    [hasMultipleChoices, isDisabled, onChangeProp, isReadOnly],\n  );\n  // Normalize the options array to accommodate the various\n  // data types that might be passed\n  const [normalizedOptions, normalizedOptionsMap] = useMemo(() => {\n    const normalizedOptions = options.map((option) => {\n      if (typeof option === \"object\") {\n        /**\n         * If the value of `option?.value is an empty string, we need to make sure that we\n         * set an empty string to `value` in the normalized option so that the select component\n         * can potentially set it as the selected one in the text input\n         */\n        const value =\n          option?.value === \"\" ? option.value : option.value || option.text;\n        return {\n          text: option.text,\n          value,\n          type: option.type === \"heading\" ? \"heading\" : \"option\",\n          lang: option.language,\n        };\n      }\n\n      return { text: option, value: option, type: \"option\" };\n    });\n\n    const normalizedOptionsMap = new Map(\n      normalizedOptions.map((option) => [option.value, option]),\n    );\n    return [normalizedOptions, normalizedOptionsMap];\n  }, [options]);\n\n  const removeSelectedValue = useCallback(\n    (selectedValue: string) => {\n      if (Array.isArray(internalSelectedValues)) {\n        const newValue = internalSelectedValues.filter(\n          (internalSelectedValue) => internalSelectedValue !== selectedValue,\n        );\n\n        const syntheticEvent = {\n          target: { value: newValue },\n        } as SelectChangeEvent<Value>;\n\n        onChange(syntheticEvent, null);\n      }\n    },\n    [internalSelectedValues, onChange],\n  );\n\n  const Chips = useCallback(\n    ({\n      ariaLabel,\n      isDismissable,\n      isVisible,\n    }: {\n      ariaLabel?: string;\n      isDismissable: boolean;\n      isVisible?: boolean;\n    }) => {\n      const stopPropagation = (event: React.MouseEvent<SVGSVGElement>) =>\n        event.stopPropagation();\n\n      const hasNonInteractiveIcon =\n        !isDismissable &&\n        !isVisible &&\n        controlledStateRef.current === CONTROLLED &&\n        hasMultipleChoices;\n\n      return (\n        Array.isArray(internalSelectedValues) && (\n          <ChipsInnerContainer\n            aria-label={ariaLabel}\n            isVisible={isVisible}\n            odysseyDesignTokens={odysseyDesignTokens}\n            role=\"list\"\n          >\n            {internalSelectedValues.map(\n              (item) =>\n                item?.length > 0 && (\n                  <MuiChip\n                    deleteIcon={\n                      <CloseCircleFilledIcon\n                        // We need to stop event propagation on mouse down to prevent the deletion\n                        // from being blocked by the Select list opening, and also ensure that\n                        // the pointerEvent is registered even when the parent's are not\n                        onMouseDown={stopPropagation}\n                        sx={{ pointerEvents: \"auto\" }}\n                      />\n                    }\n                    key={item}\n                    label={\n                      <>\n                        {normalizedOptionsMap.get(item)?.text}\n                        {hasNonInteractiveIcon && (\n                          <NonInteractiveIcon\n                            odysseyDesignTokens={odysseyDesignTokens}\n                          />\n                        )}\n                      </>\n                    }\n                    onDelete={\n                      isDismissable && controlledStateRef.current === CONTROLLED\n                        ? () => removeSelectedValue(item)\n                        : undefined\n                    }\n                    role=\"listitem\"\n                    tabIndex={-1}\n                  />\n                ),\n            )}\n          </ChipsInnerContainer>\n        )\n      );\n    },\n    [\n      controlledStateRef,\n      hasMultipleChoices,\n      internalSelectedValues,\n      odysseyDesignTokens,\n      removeSelectedValue,\n      normalizedOptionsMap,\n    ],\n  );\n\n  // Convert the options into the ReactNode children\n  // that will populate the <Select>\n  const renderedOptions = useMemo(\n    () =>\n      normalizedOptions.map((option, index) => {\n        if (option.type === \"heading\") {\n          return (\n            <ListSubheader key={option.text}> {option.text} </ListSubheader>\n          );\n        }\n\n        const isSelected = hasMultipleChoices\n          ? internalSelectedValues?.includes(option.value)\n          : internalSelectedValues === option.value;\n\n        return (\n          <MuiMenuItem\n            data-empty={!option.text}\n            key={normalizedKey(option.text, index.toString())}\n            lang={option.lang}\n            selected={isSelected}\n            value={option.value}\n          >\n            {hasMultipleChoices && <MuiCheckbox checked={isSelected} />}\n            {option.text}\n            {!hasMultipleChoices && internalSelectedValues === option.value && (\n              <ListItemSecondaryAction>\n                <CheckIcon />\n              </ListItemSecondaryAction>\n            )}\n          </MuiMenuItem>\n        );\n      }),\n    [hasMultipleChoices, normalizedOptions, internalSelectedValues],\n  );\n\n  const renderValue = useCallback(\n    (value: Value) => Array.isArray(value) && <Chips isDismissable={false} />,\n    [Chips],\n  );\n\n  const renderFieldComponent = useCallback(\n    ({\n      ariaDescribedBy,\n      errorMessageElementId,\n      id,\n      labelElementId,\n    }: SelectRenderProps) => (\n      <SelectContainer>\n        <MuiSelect\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          aria-errormessage={errorMessageElementId}\n          displayEmpty\n          id={id}\n          inputProps={{\n            \"data-se\": testId,\n            \"aria-disabled\": isDisabled || isReadOnly,\n            readOnly: isReadOnly,\n          }}\n          inputRef={(el: HTMLInputElement | HTMLTextAreaElement | null) => {\n            if (localInputRef.current !== el) {\n              (localInputRef as React.MutableRefObject<typeof el>).current = el;\n            }\n            selectRef.current = el;\n          }}\n          labelId={labelElementId}\n          MenuProps={{\n            sx: {\n              \".MuiPaper-root\": {\n                maxHeight: \"50vh\",\n              },\n            },\n          }}\n          multiple={hasMultipleChoices}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          renderValue={hasMultipleChoices ? renderValue : undefined}\n          translate={translate}\n        >\n          {renderedOptions}\n        </MuiSelect>\n        {hasMultipleChoices && (\n          <>\n            <ChipsPositioningContainer\n              odysseyDesignTokens={odysseyDesignTokens}\n            >\n              <Chips\n                ariaLabel=\"Selected options\"\n                isDismissable={!isReadOnly && !isDisabled}\n                isVisible\n              />\n            </ChipsPositioningContainer>\n          </>\n        )}\n      </SelectContainer>\n    ),\n    [\n      Chips,\n      inputValues,\n      hasMultipleChoices,\n      isDisabled,\n      isReadOnly,\n      nameOverride,\n      odysseyDesignTokens,\n      onBlur,\n      onChange,\n      onFocus,\n      renderedOptions,\n      renderValue,\n      testId,\n      translate,\n    ],\n  );\n\n  return (\n    <Field\n      ariaDescribedBy={ariaDescribedBy}\n      errorMessage={errorMessage}\n      errorMessageList={errorMessageList}\n      fieldType=\"single\"\n      hasVisibleLabel\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      isDisabled={isDisabled}\n      isFullWidth={isFullWidth}\n      isOptional={isOptional}\n      label={label}\n      renderFieldComponent={renderFieldComponent}\n    />\n  );\n};\n\nconst MemoizedSelect = memo(Select);\nMemoizedSelect.displayName = \"Select\";\n\nexport { MemoizedSelect as Select };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Select.cjs","names":["_styled","_interopRequireDefault","require","_react","_Field","_index","_inputUtils","_OdysseyDesignTokensContext","_useNormalizedKey","_jsxRuntime","e","__esModule","default","SelectContainer","styled","div","ChipsPositioningContainer","shouldForwardProp","prop","odysseyDesignTokens","alignItems","display","insetBlockEnd","insetBlockStart","insetInlineEnd","insetInlineStart","marginInlineStart","BorderWidthMain","opacity","pointerEvents","position","NonInteractiveIcon","CloseCircleFilledIcon","fontSize","marginBlockEnd","marginInlineEnd","Spacing1","Spacing2","ChipsInnerContainer","_Box2","isVisible","flexWrap","gap","marginBlock","minHeight","Spacing6","CONTROLLED","ComponentControlledState","Select","ariaDescribedBy","defaultValue","errorMessage","errorMessageList","hasMultipleChoices","hasMultipleChoicesProp","hint","HintLinkComponent","id","idOverride","inputRef","isDisabled","isFullWidth","isMultiSelect","isOptional","isReadOnly","label","name","nameOverride","onBlur","onChange","onChangeProp","onFocus","options","testId","translate","value","selectRef","useRef","useMemo","undefined","controlledStateRef","getControlState","controlledValue","uncontrolledValue","internalSelectedValues","setInternalSelectedValues","useState","current","localInputRef","useOdysseyDesignTokens","useImperativeHandle","focus","useEffect","inputValues","useInputValues","controlState","useCallback","event","child","preventDefault","target","split","normalizedOptions","normalizedOptionsMap","map","option","text","type","lang","language","Map","removeSelectedValue","selectedValue","Array","isArray","newValue","filter","internalSelectedValue","syntheticEvent","Chips","ariaLabel","isDismissable","stopPropagation","hasNonInteractiveIcon","jsx","role","children","item","length","_Chip2","deleteIcon","onMouseDown","sx","jsxs","Fragment","get","onDelete","tabIndex","renderedOptions","index","_ListSubheader2","isSelected","includes","_MenuItem2","selected","_Checkbox2","checked","_ListItemSecondaryAction2","CheckIcon","normalizedKey","toString","renderValue","renderFieldComponent","errorMessageElementId","labelElementId","_Select2","displayEmpty","inputProps","readOnly","el","labelId","MenuProps","maxHeight","multiple","Field","fieldType","hasVisibleLabel","MemoizedSelect","exports","memo","displayName"],"sources":["../../src/Select.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  ListItemSecondaryAction,\n  ListSubheader,\n  Box as MuiBox,\n  Checkbox as MuiCheckbox,\n  Chip as MuiChip,\n  MenuItem as MuiMenuItem,\n  Select as MuiSelect,\n  SelectProps as MuiSelectProps,\n  SelectChangeEvent,\n} from \"@mui/material\";\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport { CheckIcon, CloseCircleFilledIcon } from \"./icons.generated/index.js\";\nimport {\n  ComponentControlledState,\n  FocusHandle,\n  getControlState,\n  useInputValues,\n} from \"./inputUtils.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { normalizedKey } from \"./useNormalizedKey.js\";\n\nexport type SelectOption = {\n  language?: string;\n  text: string;\n  type?: \"heading\" | \"option\";\n  value?: string;\n};\n\nconst SelectContainer = styled.div`\n  position: relative;\n  width: 100%;\n  display: flex;\n`;\n\nconst ChipsPositioningContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => {\n  return {\n    alignItems: \"center\",\n    display: \"flex\",\n    insetBlockEnd: 0,\n    insetBlockStart: 0,\n    insetInlineEnd: \"25px\", // This 25px is used to align with MUI's default chip positioning logic.\n    insetInlineStart: \"4px\",\n    marginInlineStart: odysseyDesignTokens.BorderWidthMain,\n    opacity: 1,\n    pointerEvents: \"none\",\n    position: \"absolute\",\n  };\n});\n\nconst NonInteractiveIcon = styled(CloseCircleFilledIcon, {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  fontSize: \"1em\",\n  marginBlockEnd: \"-1px\",\n  marginInlineEnd: `-${odysseyDesignTokens.Spacing1}`,\n  marginInlineStart: odysseyDesignTokens.Spacing2,\n}));\n\nconst ChipsInnerContainer = styled(MuiBox, {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isVisible\",\n})<{\n  isVisible?: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ isVisible, odysseyDesignTokens }) => ({\n  display: \"flex\",\n  flexWrap: \"wrap\",\n  gap: odysseyDesignTokens.Spacing1,\n  marginBlock: `-${odysseyDesignTokens.Spacing2}`,\n  marginInlineEnd: odysseyDesignTokens.Spacing1,\n  minHeight: odysseyDesignTokens.Spacing6,\n  opacity: isVisible ? 1 : 0,\n  pointerEvents: \"none\",\n}));\n\nexport type SelectValueType<HasMultipleChoices> =\n  HasMultipleChoices extends true ? string[] : string;\n\nexport type SelectProps<\n  Value extends SelectValueType<HasMultipleChoices>,\n  HasMultipleChoices extends boolean,\n> = {\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue?: MuiSelectProps<Value>[\"defaultValue\"];\n  /**\n   * If `true`, the Select allows multiple selections\n   */\n  hasMultipleChoices?: HasMultipleChoices;\n  /**\n   * The ref forwarded to the Select\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * @deprecated Use `hasMultipleChoices` instead.\n   */\n  /** **Deprecated:** use `hasMultipleChoices` */\n  isMultiSelect?: HasMultipleChoices;\n  /**\n   * The label text for the Select\n   */\n  label: string;\n  /**\n   * Callback fired when the Select loses focus\n   */\n  onBlur?: MuiSelectProps<Value>[\"onBlur\"];\n  /**\n   * Callback fired when the value of the Select changes\n   */\n  onChange?: MuiSelectProps<Value>[\"onChange\"];\n  /**\n   * Callback fired when the Select gains focus\n   */\n  onFocus?: MuiSelectProps<Value>[\"onFocus\"];\n  /**\n   * The options for the Select\n   */\n  options: (string | SelectOption)[];\n  /**\n   * The value or values selected in the Select\n   */\n  value?: Value;\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isFullWidth\"\n  | \"isOptional\"\n  | \"isReadOnly\"\n  | \"name\"\n> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype SelectRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"id\" | \"labelElementId\">;\n\n/**\n * Options in Odyssey <Select> are passed as an array, which can contain any combination\n * of the following:\n *   - string —                            A simple string. The string will be both the text and the value of the resulting option.\n *                                         <option value=\"string\">string</option>\n *\n *   - { text: string } —                  Same as above, but the string is contained within an object.\n *                                         <option value=\"text\">text</option>\n *\n *   - { text: string, value: string } —   The option text will be text, and the option value will be value.\n *                                         <option value=\"value\">text</option>\n *\n *   - { text: string, type: \"heading\" } — Used to display a group heading with the text\n */\n\nconst { CONTROLLED } = ComponentControlledState;\nconst Select = <\n  Value extends SelectValueType<HasMultipleChoices>,\n  HasMultipleChoices extends boolean,\n>({\n  ariaDescribedBy,\n  defaultValue,\n  errorMessage,\n  errorMessageList,\n  hasMultipleChoices: hasMultipleChoicesProp,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  inputRef,\n  isDisabled = false,\n  isFullWidth = false,\n  isMultiSelect,\n  isOptional = false,\n  isReadOnly = false,\n  label,\n  name: nameOverride,\n  onBlur,\n  onChange: onChangeProp,\n  onFocus,\n  options,\n  testId,\n  translate,\n  value,\n}: SelectProps<Value, HasMultipleChoices>) => {\n  const selectRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n\n  const hasMultipleChoices = useMemo(\n    () =>\n      hasMultipleChoicesProp === undefined\n        ? isMultiSelect\n        : hasMultipleChoicesProp,\n    [hasMultipleChoicesProp, isMultiSelect],\n  );\n\n  const controlledStateRef = useRef(\n    getControlState({\n      controlledValue: value,\n      uncontrolledValue: defaultValue,\n    }),\n  );\n  const [internalSelectedValues, setInternalSelectedValues] = useState(\n    controlledStateRef.current === CONTROLLED ? value : defaultValue,\n  );\n\n  const localInputRef = useRef<HTMLSelectElement>(null);\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  useImperativeHandle(inputRef, () => {\n    return {\n      focus: () => {\n        localInputRef.current?.focus();\n      },\n    };\n  }, []);\n\n  useEffect(() => {\n    if (controlledStateRef.current === CONTROLLED) {\n      setInternalSelectedValues(value);\n    }\n  }, [value]);\n\n  const inputValues = useInputValues({\n    defaultValue,\n    value,\n    controlState: controlledStateRef.current,\n  });\n\n  const onChange = useCallback<NonNullable<MuiSelectProps<Value>[\"onChange\"]>>(\n    (event, child) => {\n      if (isDisabled || isReadOnly) {\n        event.preventDefault();\n      } else {\n        const {\n          target: { value },\n        } = event;\n        if (controlledStateRef.current !== CONTROLLED) {\n          setInternalSelectedValues(\n            (typeof value === \"string\" && hasMultipleChoices\n              ? value.split(\",\")\n              : value) as Value,\n          );\n        }\n        onChangeProp?.(event, child);\n      }\n    },\n    [hasMultipleChoices, isDisabled, onChangeProp, isReadOnly],\n  );\n  // Normalize the options array to accommodate the various\n  // data types that might be passed\n  const [normalizedOptions, normalizedOptionsMap] = useMemo(() => {\n    const normalizedOptions = options.map((option) => {\n      if (typeof option === \"object\") {\n        /**\n         * If the value of `option?.value is an empty string, we need to make sure that we\n         * set an empty string to `value` in the normalized option so that the select component\n         * can potentially set it as the selected one in the text input\n         */\n        const value =\n          option?.value === \"\" ? option.value : option.value || option.text;\n        return {\n          text: option.text,\n          value,\n          type: option.type === \"heading\" ? \"heading\" : \"option\",\n          lang: option.language,\n        };\n      }\n\n      return { text: option, value: option, type: \"option\" };\n    });\n\n    const normalizedOptionsMap = new Map(\n      normalizedOptions.map((option) => [option.value, option]),\n    );\n    return [normalizedOptions, normalizedOptionsMap];\n  }, [options]);\n\n  const removeSelectedValue = useCallback(\n    (selectedValue: string) => {\n      if (Array.isArray(internalSelectedValues)) {\n        const newValue = internalSelectedValues.filter(\n          (internalSelectedValue) => internalSelectedValue !== selectedValue,\n        );\n\n        const syntheticEvent = {\n          target: { value: newValue },\n        } as SelectChangeEvent<Value>;\n\n        onChange(syntheticEvent, null);\n      }\n    },\n    [internalSelectedValues, onChange],\n  );\n\n  const Chips = useCallback(\n    ({\n      ariaLabel,\n      isDismissable,\n      isVisible,\n    }: {\n      ariaLabel?: string;\n      isDismissable: boolean;\n      isVisible?: boolean;\n    }) => {\n      const stopPropagation = (event: React.MouseEvent<SVGSVGElement>) =>\n        event.stopPropagation();\n\n      const hasNonInteractiveIcon =\n        !isDismissable &&\n        !isVisible &&\n        controlledStateRef.current === CONTROLLED &&\n        hasMultipleChoices;\n\n      return (\n        Array.isArray(internalSelectedValues) && (\n          <ChipsInnerContainer\n            aria-label={ariaLabel}\n            isVisible={isVisible}\n            odysseyDesignTokens={odysseyDesignTokens}\n            role=\"list\"\n          >\n            {internalSelectedValues.map(\n              (item) =>\n                item?.length > 0 && (\n                  <MuiChip\n                    deleteIcon={\n                      <CloseCircleFilledIcon\n                        // We need to stop event propagation on mouse down to prevent the deletion\n                        // from being blocked by the Select list opening, and also ensure that\n                        // the pointerEvent is registered even when the parent's are not\n                        onMouseDown={stopPropagation}\n                        sx={{ pointerEvents: \"auto\" }}\n                      />\n                    }\n                    key={item}\n                    label={\n                      <>\n                        {normalizedOptionsMap.get(item)?.text}\n                        {hasNonInteractiveIcon && (\n                          <NonInteractiveIcon\n                            odysseyDesignTokens={odysseyDesignTokens}\n                          />\n                        )}\n                      </>\n                    }\n                    onDelete={\n                      isDismissable && controlledStateRef.current === CONTROLLED\n                        ? () => removeSelectedValue(item)\n                        : undefined\n                    }\n                    role=\"listitem\"\n                    tabIndex={-1}\n                  />\n                ),\n            )}\n          </ChipsInnerContainer>\n        )\n      );\n    },\n    [\n      controlledStateRef,\n      hasMultipleChoices,\n      internalSelectedValues,\n      odysseyDesignTokens,\n      removeSelectedValue,\n      normalizedOptionsMap,\n    ],\n  );\n\n  // Convert the options into the ReactNode children\n  // that will populate the <Select>\n  const renderedOptions = useMemo(\n    () =>\n      normalizedOptions.map((option, index) => {\n        if (option.type === \"heading\") {\n          return (\n            <ListSubheader key={option.text}> {option.text} </ListSubheader>\n          );\n        }\n\n        const isSelected = hasMultipleChoices\n          ? internalSelectedValues?.includes(option.value)\n          : internalSelectedValues === option.value;\n\n        return (\n          <MuiMenuItem\n            data-empty={!option.text}\n            key={normalizedKey(option.text, index.toString())}\n            lang={option.lang}\n            selected={isSelected}\n            value={option.value}\n          >\n            {hasMultipleChoices && <MuiCheckbox checked={isSelected} />}\n            {option.text}\n            {!hasMultipleChoices && internalSelectedValues === option.value && (\n              <ListItemSecondaryAction>\n                <CheckIcon />\n              </ListItemSecondaryAction>\n            )}\n          </MuiMenuItem>\n        );\n      }),\n    [hasMultipleChoices, normalizedOptions, internalSelectedValues],\n  );\n\n  const renderValue = useCallback(\n    (value: Value) => Array.isArray(value) && <Chips isDismissable={false} />,\n    [Chips],\n  );\n\n  const renderFieldComponent = useCallback(\n    ({\n      ariaDescribedBy,\n      errorMessageElementId,\n      id,\n      labelElementId,\n    }: SelectRenderProps) => (\n      <SelectContainer>\n        <MuiSelect\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          aria-errormessage={errorMessageElementId}\n          displayEmpty\n          id={id}\n          inputProps={{\n            \"data-se\": testId,\n            \"aria-disabled\": isDisabled,\n            \"aria-readonly\": isReadOnly,\n            readOnly: isReadOnly,\n          }}\n          inputRef={(el: HTMLInputElement | HTMLTextAreaElement | null) => {\n            if (localInputRef.current !== el) {\n              (localInputRef as React.MutableRefObject<typeof el>).current = el;\n            }\n            selectRef.current = el;\n          }}\n          labelId={labelElementId}\n          MenuProps={{\n            sx: {\n              \".MuiPaper-root\": {\n                maxHeight: \"50vh\",\n              },\n            },\n          }}\n          multiple={hasMultipleChoices}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          renderValue={hasMultipleChoices ? renderValue : undefined}\n          translate={translate}\n        >\n          {renderedOptions}\n        </MuiSelect>\n        {hasMultipleChoices && (\n          <>\n            <ChipsPositioningContainer\n              odysseyDesignTokens={odysseyDesignTokens}\n            >\n              <Chips\n                ariaLabel=\"Selected options\"\n                isDismissable={!isReadOnly && !isDisabled}\n                isVisible\n              />\n            </ChipsPositioningContainer>\n          </>\n        )}\n      </SelectContainer>\n    ),\n    [\n      Chips,\n      inputValues,\n      hasMultipleChoices,\n      isDisabled,\n      isReadOnly,\n      nameOverride,\n      odysseyDesignTokens,\n      onBlur,\n      onChange,\n      onFocus,\n      renderedOptions,\n      renderValue,\n      testId,\n      translate,\n    ],\n  );\n\n  return (\n    <Field\n      ariaDescribedBy={ariaDescribedBy}\n      errorMessage={errorMessage}\n      errorMessageList={errorMessageList}\n      fieldType=\"single\"\n      hasVisibleLabel\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      isDisabled={isDisabled}\n      isFullWidth={isFullWidth}\n      isOptional={isOptional}\n      isReadOnly={isReadOnly}\n      label={label}\n      renderFieldComponent={renderFieldComponent}\n    />\n  );\n};\n\nconst MemoizedSelect = memo(Select);\nMemoizedSelect.displayName = \"Select\";\n\nexport { MemoizedSelect as Select };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Stack.cjs

@@ -34,5 +34,5 @@ const Stack = ({
   });
 };
 const MemoizedStack = exports.Stack = (0, _react.memo)(Stack);
-MemoizedStack.displayName = "Stack";
+MemoizedStack.displayName = "Stack::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=Stack.cjs.map