@okta/odyssey-react-mui 1.28.1 → 1.32.0

package/dist/theme/palette.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"palette.js","names":["palette","odysseyTokens","mode","common","black","HueNeutral900","white","HueNeutralWhite","primary","lighter","HueBlue50","light","HueBlue300","main","HueBlue500","dark","HueBlue700","darker","HueBlue800","contrastText","TypographyColorInverse","secondary","error","HueRed50","HueRed300","HueRed500","HueRed900","warning","HueYellow50","HueYellow300","HueYellow500","HueYellow900","TypographyColorBody","info","HueBlue900","success","HueGreen50","HueGreen300","HueGreen500","HueGreen900","grey","HueNeutral50","HueNeutral100","HueNeutral200","HueNeutral300","HueNeutral400","HueNeutral500","HueNeutral600","HueNeutral700","HueNeutral800","A100","A200","A400","A700","text","disabled","divider","BorderColorDisplay","background","paper","default","action","active","hover","hoverOpacity","selected","selectedOpacity","disabledBackground","disabledOpacity","focus","focusOpacity","activatedOpacity"],"sources":["../../src/theme/palette.ts"],"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 type { ThemeOptions } from \"@mui/material\";\n\nimport { DesignTokens } from \"./theme\";\n\nexport const palette = ({\n  odysseyTokens,\n}: {\n  odysseyTokens: DesignTokens;\n}): ThemeOptions[\"palette\"] => {\n  return {\n    mode: \"light\",\n    common: {\n      black: odysseyTokens.HueNeutral900,\n      white: odysseyTokens.HueNeutralWhite,\n    },\n    primary: {\n      lighter: odysseyTokens.HueBlue50,\n      light: odysseyTokens.HueBlue300,\n      main: odysseyTokens.HueBlue500,\n      dark: odysseyTokens.HueBlue700,\n      darker: odysseyTokens.HueBlue800,\n      contrastText: odysseyTokens.TypographyColorInverse,\n    },\n    secondary: {\n      light: \"#80c7ca\",\n      main: \"#096256\",\n      dark: \"#004650\",\n      contrastText: odysseyTokens.TypographyColorInverse,\n    },\n    error: {\n      lighter: odysseyTokens.HueRed50,\n      light: odysseyTokens.HueRed300,\n      main: odysseyTokens.HueRed500,\n      dark: odysseyTokens.HueRed900,\n      contrastText: odysseyTokens.TypographyColorInverse,\n    },\n    warning: {\n      lighter: odysseyTokens.HueYellow50,\n      light: odysseyTokens.HueYellow300,\n      main: odysseyTokens.HueYellow500,\n      dark: odysseyTokens.HueYellow900,\n      contrastText: odysseyTokens.TypographyColorBody,\n    },\n    info: {\n      lighter: odysseyTokens.HueBlue50,\n      light: odysseyTokens.HueBlue300,\n      main: odysseyTokens.HueBlue500,\n      dark: odysseyTokens.HueBlue900,\n      contrastText: odysseyTokens.TypographyColorInverse,\n    },\n    success: {\n      lighter: odysseyTokens.HueGreen50,\n      light: odysseyTokens.HueGreen300,\n      main: odysseyTokens.HueGreen500,\n      dark: odysseyTokens.HueGreen900,\n      contrastText: odysseyTokens.TypographyColorInverse,\n    },\n    grey: {\n      50: odysseyTokens.HueNeutral50,\n      100: odysseyTokens.HueNeutral100,\n      200: odysseyTokens.HueNeutral200,\n      300: odysseyTokens.HueNeutral300,\n      400: odysseyTokens.HueNeutral400,\n      500: odysseyTokens.HueNeutral500,\n      600: odysseyTokens.HueNeutral600,\n      700: odysseyTokens.HueNeutral700,\n      800: odysseyTokens.HueNeutral800,\n      900: odysseyTokens.HueNeutral900,\n      // These are \"Accent\" colors. MUI's palette matches them to the standard greys.\n      A100: odysseyTokens.HueNeutral100,\n      A200: odysseyTokens.HueNeutral200,\n      A400: odysseyTokens.HueNeutral400,\n      A700: odysseyTokens.HueNeutral700,\n    },\n    text: {\n      primary: odysseyTokens.HueNeutral900,\n      secondary: odysseyTokens.HueNeutral600,\n      disabled: odysseyTokens.HueNeutral300,\n    },\n    divider: odysseyTokens.BorderColorDisplay,\n    background: {\n      paper: odysseyTokens.HueNeutralWhite,\n      default: odysseyTokens.HueNeutralWhite,\n    },\n    action: {\n      // We have no equivalents here. It's likely we will update these as their uses are discovered.\n      active: \"rgba(0, 0, 0, 0.54)\",\n      hover: \"rgba(0, 0, 0, 0.04)\",\n      hoverOpacity: 0.04,\n      selected: \"rgba(0, 0, 0, 0.08)\",\n      selectedOpacity: 0.08,\n      disabled: odysseyTokens.HueNeutral200,\n      disabledBackground: \"rgba(0, 0, 0, 0.12)\",\n      disabledOpacity: 0.38,\n      focus: \"rgba(0, 0, 0, 0.12)\",\n      focusOpacity: 0.12,\n      activatedOpacity: 0.12,\n    },\n  };\n};\n"],"mappings":"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"}

package/dist/theme/palette.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"palette.types.js","names":[],"sources":["../../src/theme/palette.types.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\ndeclare module \"@mui/material/styles\" {\n  interface PaletteColor {\n    darker?: string;\n    lighter?: string;\n  }\n  interface SimplePaletteColorOptions {\n    darker?: string;\n    lighter?: string;\n  }\n}\n\nexport {};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAaA"}

package/dist/theme/shape.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shape.js","names":["shape","odysseyTokens","NumericalBorderRadiusBase","BorderRadiusMain","Number","replace","borderRadius"],"sources":["../../src/theme/shape.ts"],"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 type { ThemeOptions } from \"@mui/material\";\n\nimport { DesignTokens } from \"./theme\";\n\nexport const shape = ({\n  odysseyTokens,\n}: {\n  odysseyTokens: DesignTokens;\n}): ThemeOptions[\"shape\"] => {\n  // Strip units from BorderRadiusBase to accommodate MUI's typing\n  const NumericalBorderRadiusBase =\n    typeof odysseyTokens.BorderRadiusMain === \"string\"\n      ? Number(odysseyTokens.BorderRadiusMain.replace(/(\\d+).*/, \"$1\"))\n      : odysseyTokens.BorderRadiusMain;\n\n  return {\n    borderRadius: NumericalBorderRadiusBase,\n  };\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA,OAAO,MAAMA,KAAK,GAAGA,CAAC;EACpBC;AAGF,CAAC,KAA4B;EAE3B,MAAMC,yBAAyB,GAC7B,OAAOD,aAAa,CAACE,gBAAgB,KAAK,QAAQ,GAC9CC,MAAM,CAACH,aAAa,CAACE,gBAAgB,CAACE,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,GAC/DJ,aAAa,CAACE,gBAAgB;EAEpC,OAAO;IACLG,YAAY,EAAEJ;EAChB,CAAC;AACH,CAAC"}

package/dist/theme/spacing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spacing.js","names":["spacing","odysseyTokens","Spacing0","Spacing1","Spacing2","Spacing3","Spacing4","Spacing5","Spacing6","Spacing7","Spacing8","Spacing9"],"sources":["../../src/theme/spacing.ts"],"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 type { ThemeOptions } from \"@mui/material\";\n\nimport type { DesignTokens } from \"./theme\";\n\nexport const spacing = ({\n  odysseyTokens,\n}: {\n  odysseyTokens: DesignTokens;\n}): ThemeOptions[\"spacing\"] => {\n  return [\n    odysseyTokens.Spacing0,\n    odysseyTokens.Spacing1,\n    odysseyTokens.Spacing2,\n    odysseyTokens.Spacing3,\n    odysseyTokens.Spacing4,\n    odysseyTokens.Spacing5,\n    odysseyTokens.Spacing6,\n    odysseyTokens.Spacing7,\n    odysseyTokens.Spacing8,\n    odysseyTokens.Spacing9,\n  ];\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA,OAAO,MAAMA,OAAO,GAAGA,CAAC;EACtBC;AAGF,CAAC,KAA8B;EAC7B,OAAO,CACLA,aAAa,CAACC,QAAQ,EACtBD,aAAa,CAACE,QAAQ,EACtBF,aAAa,CAACG,QAAQ,EACtBH,aAAa,CAACI,QAAQ,EACtBJ,aAAa,CAACK,QAAQ,EACtBL,aAAa,CAACM,QAAQ,EACtBN,aAAa,CAACO,QAAQ,EACtBP,aAAa,CAACQ,QAAQ,EACtBR,aAAa,CAACS,QAAQ,EACtBT,aAAa,CAACU,QAAQ,CACvB;AACH,CAAC"}

package/dist/theme/theme.js

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

package/dist/theme/theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/theme/theme.ts"],"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\nexport * from \"./createOdysseyMuiTheme\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA"}

package/dist/theme/typography.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.js","names":["typography","odysseyTokens","htmlFontSize","fontFamily","TypographyFamilyBody","fontSize","fontWeightLight","fontWeightRegular","Number","TypographyWeightBody","fontWeightMedium","TypographyWeightHeading","fontWeightBold","TypographyWeightHeadingBold","allVariants","fontFeatureSettings","fontVariant","letterSpacing","h1","TypographyFamilyHeading","color","TypographyColorHeading","fontWeight","TypographySizeHeading1","lineHeight","TypographyLineHeightHeading1","marginBottom","Spacing2","h2","TypographySizeHeading2","TypographyLineHeightHeading2","h3","TypographySizeHeading3","TypographyLineHeightHeading3","h4","TypographySizeHeading4","TypographyLineHeightHeading4","h5","TypographySizeHeading5","TypographyLineHeightHeading5","h6","TypographySizeHeading6","TypographyLineHeightHeading6","subtitle1","TypographyColorSubordinate","TypographySizeSubordinate","TypographyLineHeightBody","subtitle2","TypographyColorSupport","TypographySizeBody","marginBlockEnd","Spacing4","body1","TypographyColorBody","body2","undefined","button","overline","TypographyLineHeightOverline","textTransform","legend","padding","ui","TypographyLineHeightUi"],"sources":["../../src/theme/typography.ts"],"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 type { ThemeOptions } from \"@mui/material\";\n\nimport { DesignTokens } from \"./theme\";\n\nexport const typography = ({\n  odysseyTokens,\n}: {\n  odysseyTokens: DesignTokens;\n}): ThemeOptions[\"typography\"] => {\n  return {\n    htmlFontSize: 16,\n    fontFamily: odysseyTokens.TypographyFamilyBody,\n    fontSize: 14,\n    fontWeightLight: 300,\n    fontWeightRegular: Number(odysseyTokens.TypographyWeightBody),\n    fontWeightMedium: Number(odysseyTokens.TypographyWeightHeading),\n    fontWeightBold: Number(odysseyTokens.TypographyWeightHeadingBold),\n    allVariants: {\n      fontFeatureSettings: \"'lnum', 'pnum'\",\n      fontVariant: \"normal\",\n      letterSpacing: 0,\n    },\n    h1: {\n      fontFamily: odysseyTokens.TypographyFamilyHeading,\n      color: odysseyTokens.TypographyColorHeading,\n      fontWeight: Number(odysseyTokens.TypographyWeightHeading),\n      fontSize: odysseyTokens.TypographySizeHeading1,\n      lineHeight: odysseyTokens.TypographyLineHeightHeading1,\n      marginBottom: odysseyTokens.Spacing2,\n    },\n    h2: {\n      fontFamily: odysseyTokens.TypographyFamilyHeading,\n      color: odysseyTokens.TypographyColorHeading,\n      fontWeight: Number(odysseyTokens.TypographyWeightHeading),\n      fontSize: odysseyTokens.TypographySizeHeading2,\n      lineHeight: odysseyTokens.TypographyLineHeightHeading2,\n      marginBottom: odysseyTokens.Spacing2,\n    },\n    h3: {\n      fontFamily: odysseyTokens.TypographyFamilyHeading,\n      color: odysseyTokens.TypographyColorHeading,\n      fontWeight: Number(odysseyTokens.TypographyWeightHeading),\n      fontSize: odysseyTokens.TypographySizeHeading3,\n      lineHeight: odysseyTokens.TypographyLineHeightHeading3,\n      marginBottom: odysseyTokens.Spacing2,\n    },\n    h4: {\n      fontFamily: odysseyTokens.TypographyFamilyHeading,\n      color: odysseyTokens.TypographyColorHeading,\n      fontWeight: Number(odysseyTokens.TypographyWeightHeading),\n      fontSize: odysseyTokens.TypographySizeHeading4,\n      lineHeight: odysseyTokens.TypographyLineHeightHeading4,\n      marginBottom: odysseyTokens.Spacing2,\n    },\n    h5: {\n      fontFamily: odysseyTokens.TypographyFamilyHeading,\n      color: odysseyTokens.TypographyColorHeading,\n      fontWeight: Number(odysseyTokens.TypographyWeightHeading),\n      fontSize: odysseyTokens.TypographySizeHeading5,\n      lineHeight: odysseyTokens.TypographyLineHeightHeading5,\n      marginBottom: odysseyTokens.Spacing2,\n    },\n    h6: {\n      fontFamily: odysseyTokens.TypographyFamilyHeading,\n      color: odysseyTokens.TypographyColorHeading,\n      fontWeight: Number(odysseyTokens.TypographyWeightHeading),\n      fontSize: odysseyTokens.TypographySizeHeading6,\n      lineHeight: odysseyTokens.TypographyLineHeightHeading6,\n      marginBottom: odysseyTokens.Spacing2,\n    },\n    subtitle1: {\n      // \"caption\"\n      color: odysseyTokens.TypographyColorSubordinate,\n      fontWeight: Number(odysseyTokens.TypographyWeightBody),\n      fontSize: odysseyTokens.TypographySizeSubordinate,\n      lineHeight: odysseyTokens.TypographyLineHeightBody,\n    },\n    subtitle2: {\n      // \"body.light\"\n      color: odysseyTokens.TypographyColorSupport,\n      fontFamily: odysseyTokens.TypographyFamilyBody,\n      fontWeight: Number(odysseyTokens.TypographyWeightBody),\n      fontSize: odysseyTokens.TypographySizeBody,\n      fontFeatureSettings: \"'lnum', 'pnum'\",\n      fontVariant: \"normal\",\n      lineHeight: odysseyTokens.TypographyLineHeightBody,\n      letterSpacing: \"initial\",\n      marginBlockEnd: odysseyTokens.Spacing4,\n    },\n    body1: {\n      color: odysseyTokens.TypographyColorBody,\n      fontFamily: odysseyTokens.TypographyFamilyBody,\n      fontWeight: Number(odysseyTokens.TypographyWeightBody),\n      fontSize: odysseyTokens.TypographySizeBody,\n      fontFeatureSettings: \"'lnum', 'pnum'\",\n      fontVariant: \"normal\",\n      lineHeight: odysseyTokens.TypographyLineHeightBody,\n      letterSpacing: \"initial\",\n    },\n    body2: undefined,\n    button: undefined,\n    overline: {\n      fontWeight: Number(odysseyTokens.TypographyWeightHeadingBold),\n      fontFamily: odysseyTokens.TypographyFamilyBody,\n      lineHeight: odysseyTokens.TypographyLineHeightOverline,\n      letterSpacing: \"5%\",\n      textTransform: \"uppercase\",\n      fontSize: \"0.71428571rem\",\n    },\n    legend: {\n      padding: 0,\n      fontFamily: odysseyTokens.TypographyFamilyHeading,\n      fontWeight: Number(odysseyTokens.TypographyWeightHeading),\n      fontSize: odysseyTokens.TypographySizeHeading5,\n      lineHeight: odysseyTokens.TypographyLineHeightHeading5,\n      marginBottom: odysseyTokens.Spacing2,\n    },\n    ui: {\n      fontWeight: Number(odysseyTokens.TypographyWeightBody),\n      fontSize: odysseyTokens.TypographySizeBody,\n      lineHeight: odysseyTokens.TypographyLineHeightUi,\n      letterSpacing: \"initial\",\n    },\n  };\n};\n"],"mappings":"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"}

package/dist/theme/typography.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.types.js","names":[],"sources":["../../src/theme/typography.types.ts"],"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 { CSSProperties } from \"react\";\n\ndeclare module \"@mui/material/styles\" {\n  interface TypographyVariants {\n    legend: CSSProperties;\n    ui: CSSProperties;\n  }\n  interface TypographyVariantsOptions {\n    legend?: CSSProperties;\n    ui: CSSProperties;\n  }\n}\n\ndeclare module \"@mui/material/Typography\" {\n  interface TypographyPropsVariantOverrides {\n    body1: true; // Design may refer to this as \"body\"\n    body2: false;\n    button: false;\n    legend: true;\n    overline: true;\n    subtitle1: true; // Design may refer to this as \"caption\"\n    subtitle2: true;\n    ui: true;\n    default: true; // used by <Link>\n    monochrome: true; // used by <Link>\n  }\n}\n\nexport {};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA8BA"}

package/dist/useAutocomplete.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAutocomplete.js","names":["useCallback","useMemo","useRef","Field","ComponentControlledState","useInputValues","getControlState","jsx","_jsx","useAutocomplete","ariaDescribedBy","defaultValue","errorMessage","errorMessageList","hasMultipleChoices","hint","HintLinkComponent","inputValue","isFullWidth","isOptional","isVirtualized","isVirtualizedProp","label","name","nameOverride","testId","value","controlledStateRef","controlledValue","uncontrolledValue","isVirtualizedRef","Boolean","defaultValueProp","undefined","valueProps","controlState","current","inputValueProp","CONTROLLED","renderInput","InputLabelProps","InputProps","params","fieldType","hasVisibleLabel","id","htmlFor","renderFieldComponent","errorMessageElementId","labelElementId","_InputBase","inputProps","required"],"sources":["../src/useAutocomplete.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-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 { useCallback, useMemo, useRef } from \"react\";\nimport {\n  InputBase,\n  AutocompleteValue,\n  AutocompleteRenderInputParams,\n} from \"@mui/material\";\n\nimport { AutocompleteProps } from \"./Autocomplete\";\nimport { Field } from \"./Field\";\nimport {\n  ComponentControlledState,\n  useInputValues,\n  getControlState,\n} from \"./inputUtils\";\n\nexport type UseAutocompleteProps<\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n> = Pick<\n  AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>,\n  | \"ariaDescribedBy\"\n  | \"defaultValue\"\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hasMultipleChoices\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"inputValue\"\n  | \"isFullWidth\"\n  | \"isOptional\"\n  | \"isVirtualized\"\n  | \"label\"\n  | \"name\"\n  | \"testId\"\n  | \"value\"\n>;\n\nexport const useAutocomplete = <\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n>({\n  ariaDescribedBy,\n  defaultValue,\n  errorMessage,\n  errorMessageList,\n  hasMultipleChoices,\n  hint,\n  HintLinkComponent,\n  inputValue,\n  isFullWidth,\n  isOptional,\n  isVirtualized: isVirtualizedProp,\n  label,\n  name: nameOverride,\n  testId,\n  value,\n}: UseAutocompleteProps<\n  OptionType,\n  HasMultipleChoices,\n  IsCustomValueAllowed\n>) => {\n  const controlledStateRef = useRef(\n    getControlState({\n      controlledValue: value,\n      uncontrolledValue: defaultValue,\n    }),\n  );\n\n  const isVirtualizedRef = useRef(Boolean(isVirtualizedProp));\n\n  const defaultValueProp = useMemo<\n    | AutocompleteValue<\n        OptionType,\n        HasMultipleChoices,\n        undefined,\n        IsCustomValueAllowed\n      >\n    | undefined\n  >(() => {\n    if (hasMultipleChoices) {\n      if (value === undefined) {\n        return defaultValue;\n      }\n      return [] as AutocompleteValue<\n        OptionType,\n        HasMultipleChoices,\n        undefined,\n        IsCustomValueAllowed\n      >;\n    }\n    return value === undefined ? defaultValue : undefined;\n  }, [defaultValue, hasMultipleChoices, value]);\n\n  const valueProps = useInputValues({\n    defaultValue: defaultValueProp,\n    value: value,\n    controlState: controlledStateRef.current,\n  });\n\n  const inputValueProp = useMemo(() => {\n    if (controlledStateRef.current === ComponentControlledState.CONTROLLED) {\n      return { inputValue };\n    }\n    return undefined;\n  }, [inputValue]);\n\n  const renderInput = useCallback(\n    ({\n      InputLabelProps,\n      InputProps,\n      ...params\n    }: AutocompleteRenderInputParams) => (\n      <Field\n        ariaDescribedBy={ariaDescribedBy}\n        errorMessage={errorMessage}\n        errorMessageList={errorMessageList}\n        fieldType=\"single\"\n        hasVisibleLabel\n        //@ts-expect-error htmlFor does not exist ont he InputLabelProps for autocomplete\n        id={InputLabelProps.htmlFor}\n        isFullWidth={isFullWidth}\n        hint={hint}\n        HintLinkComponent={HintLinkComponent}\n        label={label}\n        isOptional={isOptional}\n        renderFieldComponent={({\n          ariaDescribedBy,\n          id,\n          errorMessageElementId,\n          labelElementId,\n        }) => (\n          <InputBase\n            {...params}\n            {...InputProps}\n            inputProps={{\n              ...params.inputProps,\n              \"aria-errormessage\": errorMessageElementId,\n              \"aria-labelledby\": labelElementId,\n              \"data-se\": testId,\n            }}\n            aria-describedby={ariaDescribedBy}\n            id={id}\n            name={nameOverride ?? id}\n            required={!isOptional}\n          />\n        )}\n      />\n    ),\n    [\n      ariaDescribedBy,\n      errorMessage,\n      errorMessageList,\n      hint,\n      HintLinkComponent,\n      isFullWidth,\n      isOptional,\n      label,\n      nameOverride,\n      testId,\n    ],\n  );\n\n  return {\n    inputValueProp,\n    isVirtualizedRef,\n    renderInput,\n    valueProps,\n  };\n};\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,WAAW,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAAC,SAQ5CC,KAAK;AAAA,SAEZC,wBAAwB,EACxBC,cAAc,EACdC,eAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA;AA0BjB,OAAO,MAAMC,eAAe,GAAGA,CAI7B;EACAC,eAAe;EACfC,YAAY;EACZC,YAAY;EACZC,gBAAgB;EAChBC,kBAAkB;EAClBC,IAAI;EACJC,iBAAiB;EACjBC,UAAU;EACVC,WAAW;EACXC,UAAU;EACVC,aAAa,EAAEC,iBAAiB;EAChCC,KAAK;EACLC,IAAI,EAAEC,YAAY;EAClBC,MAAM;EACNC;AAKF,CAAC,KAAK;EACJ,MAAMC,kBAAkB,GAAGzB,MAAM,CAC/BI,eAAe,CAAC;IACdsB,eAAe,EAAEF,KAAK;IACtBG,iBAAiB,EAAElB;EACrB,CAAC,CACH,CAAC;EAED,MAAMmB,gBAAgB,GAAG5B,MAAM,CAAC6B,OAAO,CAACV,iBAAiB,CAAC,CAAC;EAE3D,MAAMW,gBAAgB,GAAG/B,OAAO,CAQ9B,MAAM;IACN,IAAIa,kBAAkB,EAAE;MACtB,IAAIY,KAAK,KAAKO,SAAS,EAAE;QACvB,OAAOtB,YAAY;MACrB;MACA,OAAO,EAAE;IAMX;IACA,OAAOe,KAAK,KAAKO,SAAS,GAAGtB,YAAY,GAAGsB,SAAS;EACvD,CAAC,EAAE,CAACtB,YAAY,EAAEG,kBAAkB,EAAEY,KAAK,CAAC,CAAC;EAE7C,MAAMQ,UAAU,GAAG7B,cAAc,CAAC;IAChCM,YAAY,EAAEqB,gBAAgB;IAC9BN,KAAK,EAAEA,KAAK;IACZS,YAAY,EAAER,kBAAkB,CAACS;EACnC,CAAC,CAAC;EAEF,MAAMC,cAAc,GAAGpC,OAAO,CAAC,MAAM;IACnC,IAAI0B,kBAAkB,CAACS,OAAO,KAAKhC,wBAAwB,CAACkC,UAAU,EAAE;MACtE,OAAO;QAAErB;MAAW,CAAC;IACvB;IACA,OAAOgB,SAAS;EAClB,CAAC,EAAE,CAAChB,UAAU,CAAC,CAAC;EAEhB,MAAMsB,WAAW,GAAGvC,WAAW,CAC7B,CAAC;IACCwC,eAAe;IACfC,UAAU;IACV,GAAGC;EAC0B,CAAC,KAC9BlC,IAAA,CAACL,KAAK;IACJO,eAAe,EAAEA,eAAgB;IACjCE,YAAY,EAAEA,YAAa;IAC3BC,gBAAgB,EAAEA,gBAAiB;IACnC8B,SAAS,EAAC,QAAQ;IAClBC,eAAe;IAEfC,EAAE,EAAEL,eAAe,CAACM,OAAQ;IAC5B5B,WAAW,EAAEA,WAAY;IACzBH,IAAI,EAAEA,IAAK;IACXC,iBAAiB,EAAEA,iBAAkB;IACrCM,KAAK,EAAEA,KAAM;IACbH,UAAU,EAAEA,UAAW;IACvB4B,oBAAoB,EAAEA,CAAC;MACrBrC,eAAe;MACfmC,EAAE;MACFG,qBAAqB;MACrBC;IACF,CAAC,KACCzC,IAAA,CAAA0C,UAAA;MAAA,GACMR,MAAM;MAAA,GACND,UAAU;MACdU,UAAU,EAAE;QACV,GAAGT,MAAM,CAACS,UAAU;QACpB,mBAAmB,EAAEH,qBAAqB;QAC1C,iBAAiB,EAAEC,cAAc;QACjC,SAAS,EAAExB;MACb,CAAE;MACF,oBAAkBf,eAAgB;MAClCmC,EAAE,EAAEA,EAAG;MACPtB,IAAI,EAAEC,YAAY,IAAIqB,EAAG;MACzBO,QAAQ,EAAE,CAACjC;IAAW,CACvB;EACD,CACH,CACF,EACD,CACET,eAAe,EACfE,YAAY,EACZC,gBAAgB,EAChBE,IAAI,EACJC,iBAAiB,EACjBE,WAAW,EACXC,UAAU,EACVG,KAAK,EACLE,YAAY,EACZC,MAAM,CAEV,CAAC;EAED,OAAO;IACLY,cAAc;IACdP,gBAAgB;IAChBS,WAAW;IACXL;EACF,CAAC;AACH,CAAC"}

package/dist/useContrastMode.js

@@ -1,93 +0,0 @@
-/*!
- * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import { createContext, useContext, useRef, useLayoutEffect, useState, useCallback } from "react";
-import * as Tokens from "@okta/odyssey-design-tokens";
-export const ContrastModeContext = createContext({
-  contrastMode: "lowContrast"
-});
-export const defaultContrast = "lowContrast";
-export const useContrastModeContext = () => useContext(ContrastModeContext);
-export const hexToRgb = hexString => {
-  const hexNumber = parseInt(hexString.slice(1), 16);
-  const red = hexNumber >> 16 & 255;
-  const green = hexNumber >> 8 & 255;
-  const blue = hexNumber & 255;
-  return `rgb(${red}, ${green}, ${blue})`;
-};
-export const hueNeutral50Rgb = hexToRgb(Tokens.HueNeutral50);
-export const isTransparentColor = color => color === "rgba(0, 0, 0, 0)" || color === "transparent";
-export const normalizeRgbaToRgb = rgba => rgba.replace(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*[\d.]+\)/, "rgb($1, $2, $3)");
-export const getElementComputedBackgroundColor = element => window.getComputedStyle(element).backgroundColor;
-export const normalizeBackgroundColor = bgColor => {
-  if (/rgba\((\d+),\s*(\d+),\s*(\d+),\s*[\d.]+\)/.test(bgColor)) {
-    const normalizedColor = normalizeRgbaToRgb(bgColor);
-    return normalizedColor === hueNeutral50Rgb ? Tokens.HueNeutral50 : normalizedColor;
-  }
-  return bgColor === hueNeutral50Rgb ? Tokens.HueNeutral50 : bgColor;
-};
-export const defaultParentBackgroundColor = "#ffffff";
-export const getBackgroundColor = element => {
-  while (element) {
-    const bgColor = getElementComputedBackgroundColor(element);
-    if (!isTransparentColor(bgColor)) {
-      return normalizeBackgroundColor(bgColor);
-    }
-    element = element.parentElement;
-  }
-  return defaultParentBackgroundColor;
-};
-export const useContrastMode = ({
-  contrastMode: explicitContrastMode
-}) => {
-  const contrastContainerRef = useRef(null);
-  const {
-    contrastMode: existingContrastMode
-  } = useContrastModeContext();
-  const [parentBackgroundColor, setParentBackgroundColor] = useState(defaultParentBackgroundColor);
-  const [contrastMode, setContrastMode] = useState(() => explicitContrastMode || existingContrastMode);
-  const updateBackgroundColor = useCallback(() => {
-    const newBgColor = getBackgroundColor(contrastContainerRef.current);
-    setParentBackgroundColor(newBgColor);
-    if (!explicitContrastMode) {
-      setContrastMode(newBgColor === Tokens.HueNeutral50 ? "highContrast" : "lowContrast");
-    }
-  }, [explicitContrastMode]);
-  useLayoutEffect(() => {
-    const observer = new MutationObserver(updateBackgroundColor);
-    observer.observe(document.querySelector("html"), {
-      attributes: true,
-      attributeFilter: ["class", "style"]
-    });
-    observer.observe(document.head, {
-      childList: true,
-      subtree: true
-    });
-    const onTransitionEnd = event => {
-      if (event.propertyName === "background-color") {
-        updateBackgroundColor();
-      }
-    };
-    document.addEventListener("transitionend", onTransitionEnd);
-    updateBackgroundColor();
-    return () => {
-      document.removeEventListener("transitionend", onTransitionEnd);
-      observer.disconnect();
-    };
-  }, [updateBackgroundColor]);
-  return {
-    contrastContainerRef,
-    contrastMode,
-    parentBackgroundColor
-  };
-};
-//# sourceMappingURL=useContrastMode.js.map

package/dist/useContrastMode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useContrastMode.js","names":["createContext","useContext","useRef","useLayoutEffect","useState","useCallback","Tokens","ContrastModeContext","contrastMode","defaultContrast","useContrastModeContext","hexToRgb","hexString","hexNumber","parseInt","slice","red","green","blue","hueNeutral50Rgb","HueNeutral50","isTransparentColor","color","normalizeRgbaToRgb","rgba","replace","getElementComputedBackgroundColor","element","window","getComputedStyle","backgroundColor","normalizeBackgroundColor","bgColor","test","normalizedColor","defaultParentBackgroundColor","getBackgroundColor","parentElement","useContrastMode","explicitContrastMode","contrastContainerRef","existingContrastMode","parentBackgroundColor","setParentBackgroundColor","setContrastMode","updateBackgroundColor","newBgColor","current","observer","MutationObserver","observe","document","querySelector","attributes","attributeFilter","head","childList","subtree","onTransitionEnd","event","propertyName","addEventListener","removeEventListener","disconnect"],"sources":["../src/useContrastMode.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 {\n  createContext,\n  useContext,\n  useRef,\n  useLayoutEffect,\n  useState,\n  useCallback,\n} from \"react\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\n\nexport type ContrastMode = \"lowContrast\" | \"highContrast\";\nexport type ContrastModeContextType = {\n  contrastMode: ContrastMode;\n};\n\nexport const ContrastModeContext = createContext<ContrastModeContextType>({\n  contrastMode: \"lowContrast\",\n});\n\nexport const defaultContrast = \"lowContrast\";\n\nexport const useContrastModeContext = () => useContext(ContrastModeContext);\n\nexport const hexToRgb = (hexString: string) => {\n  const hexNumber = parseInt(hexString.slice(1), 16);\n  const red = (hexNumber >> 16) & 255;\n  const green = (hexNumber >> 8) & 255;\n  const blue = hexNumber & 255;\n  return `rgb(${red}, ${green}, ${blue})`;\n};\n\nexport const hueNeutral50Rgb = hexToRgb(Tokens.HueNeutral50);\n\nexport const isTransparentColor = (color: string) =>\n  color === \"rgba(0, 0, 0, 0)\" || color === \"transparent\";\n\nexport const normalizeRgbaToRgb = (rgba: string) =>\n  rgba.replace(/rgba\\((\\d+),\\s*(\\d+),\\s*(\\d+),\\s*[\\d.]+\\)/, \"rgb($1, $2, $3)\");\n\nexport const getElementComputedBackgroundColor = (\n  element: HTMLElement,\n): string => window.getComputedStyle(element).backgroundColor;\n\nexport const normalizeBackgroundColor = (bgColor: string): string => {\n  if (/rgba\\((\\d+),\\s*(\\d+),\\s*(\\d+),\\s*[\\d.]+\\)/.test(bgColor)) {\n    const normalizedColor = normalizeRgbaToRgb(bgColor);\n    return normalizedColor === hueNeutral50Rgb\n      ? Tokens.HueNeutral50\n      : normalizedColor;\n  }\n\n  return bgColor === hueNeutral50Rgb ? Tokens.HueNeutral50 : bgColor;\n};\n\nexport const defaultParentBackgroundColor = \"#ffffff\";\n\n/**\n * Determines the effective background color of an element.\n *\n * @param element - The HTML element to check.\n * @returns The effective background color. Returns  defaultParentBackgroundColor if no non-transparent background is found.\n *\n * Note:\n * - Low contrast mode is used for white background (defaultParentBackgroundColor or HueNeutralWhite).\n * - High contrast mode is used for gray background (#f4f4f4 or HueNeutral50).\n */\nexport const getBackgroundColor = (element: HTMLElement | null): string => {\n  while (element) {\n    const bgColor = getElementComputedBackgroundColor(element);\n    if (!isTransparentColor(bgColor)) {\n      return normalizeBackgroundColor(bgColor);\n    }\n    element = element.parentElement;\n  }\n  return defaultParentBackgroundColor; // Default to white/low contrast if no background color is found\n};\n\ntype UseContrastModeProps = {\n  contrastMode?: ContrastMode;\n};\n\nexport const useContrastMode = ({\n  contrastMode: explicitContrastMode,\n}: UseContrastModeProps) => {\n  const contrastContainerRef = useRef<HTMLDivElement>(null);\n  const { contrastMode: existingContrastMode } = useContrastModeContext();\n\n  const [parentBackgroundColor, setParentBackgroundColor] = useState(\n    defaultParentBackgroundColor,\n  );\n  const [contrastMode, setContrastMode] = useState<ContrastMode>(\n    () => explicitContrastMode || existingContrastMode,\n  );\n\n  const updateBackgroundColor = useCallback(() => {\n    const newBgColor = getBackgroundColor(contrastContainerRef.current);\n    setParentBackgroundColor(newBgColor);\n\n    if (!explicitContrastMode) {\n      setContrastMode(\n        newBgColor === Tokens.HueNeutral50 ? \"highContrast\" : \"lowContrast\",\n      );\n    }\n  }, [explicitContrastMode]);\n\n  useLayoutEffect(() => {\n    const observer = new MutationObserver(updateBackgroundColor);\n    observer.observe(document.querySelector(\"html\") as HTMLHtmlElement, {\n      attributes: true,\n      attributeFilter: [\"class\", \"style\"],\n    });\n    observer.observe(document.head, {\n      childList: true,\n      subtree: true,\n    });\n\n    const onTransitionEnd = (event: TransitionEvent) => {\n      if (event.propertyName === \"background-color\") {\n        updateBackgroundColor();\n      }\n    };\n\n    document.addEventListener(\"transitionend\", onTransitionEnd);\n    updateBackgroundColor();\n\n    return () => {\n      document.removeEventListener(\"transitionend\", onTransitionEnd);\n      observer.disconnect();\n    };\n  }, [updateBackgroundColor]);\n\n  return {\n    contrastContainerRef,\n    contrastMode,\n    parentBackgroundColor,\n  };\n};\n"],"mappings":"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"}

package/dist/useNormalizedKey.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useNormalizedKey.js","names":["normalizedKey","keyParts","SEPARATOR","join","replace","toLowerCase"],"sources":["../src/useNormalizedKey.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport const normalizedKey = (...keyParts: string[]): string => {\n  const SEPARATOR = \"-\";\n  // Joins all strings together with SEPARATOR, replaces any non-alphanumeric character with SEPARATOR and casts all to lowercase\n  return keyParts.join(SEPARATOR).replace(/\\W+/g, SEPARATOR).toLowerCase();\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,aAAa,GAAGA,CAAC,GAAGC,QAAkB,KAAa;EAC9D,MAAMC,SAAS,GAAG,GAAG;EAErB,OAAOD,QAAQ,CAACE,IAAI,CAACD,SAAS,CAAC,CAACE,OAAO,CAAC,MAAM,EAAEF,SAAS,CAAC,CAACG,WAAW,CAAC,CAAC;AAC1E,CAAC"}

package/dist/useUniqueAlphabeticalId.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useUniqueAlphabeticalId.js","names":["useMemo","createUniqueAlphabeticalId","useUniqueAlphabeticalId","id","uniqueAlphabeticalId"],"sources":["../src/useUniqueAlphabeticalId.ts"],"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 { useMemo } from \"react\";\n\nimport { createUniqueAlphabeticalId } from \"./createUniqueAlphabeticalId\";\n\nexport const useUniqueAlphabeticalId = (id?: string) => {\n  const uniqueAlphabeticalId = useMemo(() => createUniqueAlphabeticalId(), []);\n\n  return id ?? uniqueAlphabeticalId;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,QAAQ,OAAO;AAAC,SAEvBC,0BAA0B;AAEnC,OAAO,MAAMC,uBAAuB,GAAIC,EAAW,IAAK;EACtD,MAAMC,oBAAoB,GAAGJ,OAAO,CAAC,MAAMC,0BAA0B,CAAC,CAAC,EAAE,EAAE,CAAC;EAE5E,OAAOE,EAAE,IAAIC,oBAAoB;AACnC,CAAC"}

package/dist/useUniqueId.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useUniqueId.js","names":["useMemo","createUniqueId","useUniqueId","id","uniqueId"],"sources":["../src/useUniqueId.ts"],"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 { useMemo } from \"react\";\n\nimport { createUniqueId } from \"./createUniqueId\";\n\nexport const useUniqueId = (id?: string) => {\n  const uniqueId = useMemo(() => createUniqueId(), []);\n\n  return id ?? uniqueId;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,QAAQ,OAAO;AAAC,SAEvBC,cAAc;AAEvB,OAAO,MAAMC,WAAW,GAAIC,EAAW,IAAK;EAC1C,MAAMC,QAAQ,GAAGJ,OAAO,CAAC,MAAMC,cAAc,CAAC,CAAC,EAAE,EAAE,CAAC;EAEpD,OAAOE,EAAE,IAAIC,QAAQ;AACvB,CAAC"}

package/dist/web-component/index.js

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

package/dist/web-component/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/web-component/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport * from \"./renderReactInWebComponent\";\nexport * from \"./shadow-dom\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA;AAAA"}

package/dist/web-component/renderReactInWebComponent.js

@@ -1,71 +0,0 @@
-/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */export const createReactRootElements = () => {
-  const appRootElement = document.createElement("div");
-  const stylesRootElement = document.createElement("div");
-  appRootElement.style.setProperty("height", "inherit");
-  appRootElement.setAttribute("id", "app-root");
-  stylesRootElement.setAttribute("id", "style-root");
-  stylesRootElement.setAttribute("nonce", window.cspNonce);
-  return {
-    appRootElement,
-    stylesRootElement
-  };
-};
-export const reactWebComponentElementName = "odyssey-react-web-component";
-export class ReactInWebComponentElement extends HTMLElement {
-  constructor(getReactComponent) {
-    super();
-    this.getReactComponent = getReactComponent;
-    this.reactRootElements = createReactRootElements();
-    const styleElement = document.createElement("style");
-    const shadowRoot = this.attachShadow({
-      mode: "open"
-    });
-    styleElement.innerHTML = `
-      :host {
-        all: initial;
-        contain: content;
-      }
-    `;
-    styleElement.setAttribute("nonce", window.cspNonce);
-    this.reactRootElements.stylesRootElement.appendChild(styleElement);
-    shadowRoot.appendChild(this.reactRootElements.stylesRootElement);
-    shadowRoot.appendChild(this.reactRootElements.appRootElement);
-    this.reactRootPromise = import("react-dom/client").then(({
-      createRoot
-    }) => createRoot(this.reactRootElements.appRootElement));
-  }
-  connectedCallback() {
-    this.reactRootPromise.then(reactRoot => reactRoot.render(this.getReactComponent(this.reactRootElements)));
-  }
-  disconnectedCallback() {
-    this.reactRootPromise.then(reactRoot => reactRoot.unmount());
-  }
-}
-if (!customElements.get(reactWebComponentElementName)) {
-  customElements.define(reactWebComponentElementName, ReactInWebComponentElement);
-}
-export const renderReactInWebComponent = ({
-  getReactComponent,
-  webComponentChildren,
-  webComponentRootElement
-}) => {
-  const reactElement = new ReactInWebComponentElement(getReactComponent);
-  if (webComponentChildren) {
-    (Array.isArray(webComponentChildren) ? webComponentChildren : [webComponentChildren]).forEach(webComponentChild => {
-      reactElement.appendChild(webComponentChild);
-    });
-  }
-  webComponentRootElement.appendChild(reactElement);
-  return reactElement;
-};
-//# sourceMappingURL=renderReactInWebComponent.js.map

package/dist/web-component/renderReactInWebComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderReactInWebComponent.js","names":["createReactRootElements","appRootElement","document","createElement","stylesRootElement","style","setProperty","setAttribute","window","cspNonce","reactWebComponentElementName","ReactInWebComponentElement","HTMLElement","constructor","getReactComponent","reactRootElements","styleElement","shadowRoot","attachShadow","mode","innerHTML","appendChild","reactRootPromise","then","createRoot","connectedCallback","reactRoot","render","disconnectedCallback","unmount","customElements","get","define","renderReactInWebComponent","webComponentChildren","webComponentRootElement","reactElement","Array","isArray","forEach","webComponentChild"],"sources":["../../src/web-component/renderReactInWebComponent.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-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 { type ReactNode } from \"react\";\nimport type { Root } from \"react-dom/client\";\n\n/**\n * Creates elements for a Shadow DOM that Odyssey will render into.\n * The Emotion root is for `<style>` tags and the app root is for an app to render into.\n * These are bare elements that\n */\nexport const createReactRootElements = () => {\n  const appRootElement = document.createElement(\"div\");\n  const stylesRootElement = document.createElement(\"div\");\n\n  // This `div` may cause layout issues unless it inherits the parent's height.\n  appRootElement.style.setProperty(\"height\", \"inherit\");\n\n  appRootElement.setAttribute(\"id\", \"app-root\");\n  stylesRootElement.setAttribute(\"id\", \"style-root\");\n  stylesRootElement.setAttribute(\"nonce\", window.cspNonce);\n\n  return {\n    /**\n     * The element your React root component renders into.\n     * React has to render or portal somewhere, and this element can be used for that root element.\n     *\n     * In the case of a web component, there is no defined root element, so you have to define it yourself.\n     */\n    appRootElement,\n    /**\n     * In React apps, your styles typically go in `document.head`, but you may want to render them somewhere else.\n     *\n     * Specifically when rendering in a web component, there is no `<head>`, so you have to create a spot for styles to render.\n     */\n    stylesRootElement,\n  };\n};\n\nexport type ReactRootElements = ReturnType<typeof createReactRootElements>;\n\nexport const reactWebComponentElementName = \"odyssey-react-web-component\";\n\nexport type GetReactComponentInWebComponent = (\n  reactRootElements: ReactRootElements,\n) => ReactNode;\n\nexport class ReactInWebComponentElement extends HTMLElement {\n  getReactComponent: GetReactComponentInWebComponent;\n  reactRootElements: ReactRootElements;\n  reactRootPromise: Promise<Root>;\n\n  constructor(getReactComponent: GetReactComponentInWebComponent) {\n    super();\n\n    this.getReactComponent = getReactComponent;\n    this.reactRootElements = createReactRootElements();\n\n    const styleElement = document.createElement(\"style\");\n    const shadowRoot = this.attachShadow({ mode: \"open\" });\n\n    styleElement.innerHTML = `\n      :host {\n        all: initial;\n        contain: content;\n      }\n    `;\n\n    styleElement.setAttribute(\"nonce\", window.cspNonce);\n\n    this.reactRootElements.stylesRootElement.appendChild(styleElement);\n    shadowRoot.appendChild(this.reactRootElements.stylesRootElement);\n    shadowRoot.appendChild(this.reactRootElements.appRootElement);\n\n    // If we want to support React v17 in the future, we can use a try-catch on the import to grab the old `ReactDOM.render` function if `react-dom/client` errors. --Kevin Ghadyani\n    this.reactRootPromise = import(\"react-dom/client\").then(({ createRoot }) =>\n      createRoot(this.reactRootElements.appRootElement),\n    );\n  }\n\n  connectedCallback() {\n    this.reactRootPromise.then((reactRoot) =>\n      reactRoot.render(this.getReactComponent(this.reactRootElements)),\n    );\n  }\n\n  disconnectedCallback() {\n    this.reactRootPromise.then((reactRoot) => reactRoot.unmount());\n  }\n}\n\nif (!customElements.get(reactWebComponentElementName)) {\n  customElements.define(\n    reactWebComponentElementName,\n    ReactInWebComponentElement,\n  );\n}\n\nexport type RenderReactInWebComponentProps = {\n  /**\n   * This is a callback function for rendering your React component or app in the Web Component.\n   * It gives you access to the Shadow DOM elements if you need them for Odyssey, Emotion, or MUI.\n   *\n   * You will need to add `<slot>` elements if you want to pass child elements or components or React apps.\n   * You can have multiple slots in your app if you add a `name` attribute to your `<slot>` elements.\n   */\n  getReactComponent: GetReactComponentInWebComponent;\n  /**\n   * One or more HTML elements that are going to render as `children` of the web component.\n   * If your React component doesn't take children, this is unnecessary.\n   *\n   * Typically, a React app root element is passed, but it can include an array of other elements if there are multiple slots for children.\n   *\n   * You will need to have rendered `<slot>` elements in your React component or `children` won't show up.\n   */\n  webComponentChildren?: HTMLElement | HTMLElement[];\n  /**\n   * You React app renders in the web component, but the web component needs to be rendered in the document.\n   *\n   * This is the element the web component is rendered into.\n   */\n  webComponentRootElement: HTMLElement;\n};\n\n/**\n * Lets you render React apps or components in a Web Component.\n *\n * This is useful when global styles are causing conflicts with your React components.\n */\nexport const renderReactInWebComponent = ({\n  getReactComponent,\n  webComponentChildren,\n  webComponentRootElement,\n}: RenderReactInWebComponentProps) => {\n  const reactElement = new ReactInWebComponentElement(getReactComponent);\n\n  if (webComponentChildren) {\n    (Array.isArray(webComponentChildren)\n      ? webComponentChildren\n      : [webComponentChildren]\n    ).forEach((webComponentChild) => {\n      reactElement.appendChild(webComponentChild);\n    });\n  }\n\n  webComponentRootElement.appendChild(reactElement);\n\n  return reactElement;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAUA,OAAO,MAAMA,uBAAuB,GAAGA,CAAA,KAAM;EAC3C,MAAMC,cAAc,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EACpD,MAAMC,iBAAiB,GAAGF,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAGvDF,cAAc,CAACI,KAAK,CAACC,WAAW,CAAC,QAAQ,EAAE,SAAS,CAAC;EAErDL,cAAc,CAACM,YAAY,CAAC,IAAI,EAAE,UAAU,CAAC;EAC7CH,iBAAiB,CAACG,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC;EAClDH,iBAAiB,CAACG,YAAY,CAAC,OAAO,EAAEC,MAAM,CAACC,QAAQ,CAAC;EAExD,OAAO;IAOLR,cAAc;IAMdG;EACF,CAAC;AACH,CAAC;AAID,OAAO,MAAMM,4BAA4B,GAAG,6BAA6B;AAMzE,OAAO,MAAMC,0BAA0B,SAASC,WAAW,CAAC;EAK1DC,WAAWA,CAACC,iBAAkD,EAAE;IAC9D,KAAK,CAAC,CAAC;IAEP,IAAI,CAACA,iBAAiB,GAAGA,iBAAiB;IAC1C,IAAI,CAACC,iBAAiB,GAAGf,uBAAuB,CAAC,CAAC;IAElD,MAAMgB,YAAY,GAAGd,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;IACpD,MAAMc,UAAU,GAAG,IAAI,CAACC,YAAY,CAAC;MAAEC,IAAI,EAAE;IAAO,CAAC,CAAC;IAEtDH,YAAY,CAACI,SAAS,GAAI;AAC9B;AACA;AACA;AACA;AACA,KAAK;IAEDJ,YAAY,CAACT,YAAY,CAAC,OAAO,EAAEC,MAAM,CAACC,QAAQ,CAAC;IAEnD,IAAI,CAACM,iBAAiB,CAACX,iBAAiB,CAACiB,WAAW,CAACL,YAAY,CAAC;IAClEC,UAAU,CAACI,WAAW,CAAC,IAAI,CAACN,iBAAiB,CAACX,iBAAiB,CAAC;IAChEa,UAAU,CAACI,WAAW,CAAC,IAAI,CAACN,iBAAiB,CAACd,cAAc,CAAC;IAG7D,IAAI,CAACqB,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAACC,IAAI,CAAC,CAAC;MAAEC;IAAW,CAAC,KACrEA,UAAU,CAAC,IAAI,CAACT,iBAAiB,CAACd,cAAc,CAClD,CAAC;EACH;EAEAwB,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAACH,gBAAgB,CAACC,IAAI,CAAEG,SAAS,IACnCA,SAAS,CAACC,MAAM,CAAC,IAAI,CAACb,iBAAiB,CAAC,IAAI,CAACC,iBAAiB,CAAC,CACjE,CAAC;EACH;EAEAa,oBAAoBA,CAAA,EAAG;IACrB,IAAI,CAACN,gBAAgB,CAACC,IAAI,CAAEG,SAAS,IAAKA,SAAS,CAACG,OAAO,CAAC,CAAC,CAAC;EAChE;AACF;AAEA,IAAI,CAACC,cAAc,CAACC,GAAG,CAACrB,4BAA4B,CAAC,EAAE;EACrDoB,cAAc,CAACE,MAAM,CACnBtB,4BAA4B,EAC5BC,0BACF,CAAC;AACH;AAiCA,OAAO,MAAMsB,yBAAyB,GAAGA,CAAC;EACxCnB,iBAAiB;EACjBoB,oBAAoB;EACpBC;AAC8B,CAAC,KAAK;EACpC,MAAMC,YAAY,GAAG,IAAIzB,0BAA0B,CAACG,iBAAiB,CAAC;EAEtE,IAAIoB,oBAAoB,EAAE;IACxB,CAACG,KAAK,CAACC,OAAO,CAACJ,oBAAoB,CAAC,GAChCA,oBAAoB,GACpB,CAACA,oBAAoB,CAAC,EACxBK,OAAO,CAAEC,iBAAiB,IAAK;MAC/BJ,YAAY,CAACf,WAAW,CAACmB,iBAAiB,CAAC;IAC7C,CAAC,CAAC;EACJ;EAEAL,uBAAuB,CAACd,WAAW,CAACe,YAAY,CAAC;EAEjD,OAAOA,YAAY;AACrB,CAAC"}

package/dist/web-component/shadow-dom.js

@@ -1,41 +0,0 @@
-/*!
- * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-import { createReactRootElements } from "./renderReactInWebComponent.js";
-export const createShadowDomElements = containerElement => {
-  const shadowRoot = containerElement.attachShadow({
-    mode: "open"
-  });
-  const {
-    appRootElement,
-    stylesRootElement
-  } = createReactRootElements();
-  shadowRoot.appendChild(appRootElement);
-  shadowRoot.appendChild(stylesRootElement);
-  return {
-    emotionRootElement: stylesRootElement,
-    shadowRootElement: appRootElement
-  };
-};
-export const createShadowRootElement = containerElement => {
-  const shadowRoot = containerElement.attachShadow({
-    mode: "open"
-  });
-  const emotionRootElement = document.createElement("style");
-  emotionRootElement.setAttribute("id", "style-root");
-  emotionRootElement.setAttribute("nonce", window.cspNonce);
-  const shadowRootElement = document.createElement("div");
-  shadowRootElement.setAttribute("id", "shadow-root");
-  shadowRoot.appendChild(emotionRootElement);
-  shadowRoot.appendChild(shadowRootElement);
-  return [emotionRootElement, shadowRootElement];
-};
-//# sourceMappingURL=shadow-dom.js.map

package/dist/web-component/shadow-dom.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shadow-dom.js","names":["createReactRootElements","createShadowDomElements","containerElement","shadowRoot","attachShadow","mode","appRootElement","stylesRootElement","appendChild","emotionRootElement","shadowRootElement","createShadowRootElement","document","createElement","setAttribute","window","cspNonce"],"sources":["../../src/web-component/shadow-dom.ts"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { createReactRootElements } from \"./renderReactInWebComponent\";\n\n/**\n * @deprecated Use `renderReactInWebComponent` instead. This function was necessary when using bare Shadow DOM, but with UI Shell rendering in a Web Component, you won't be able to render your Shadow DOM in its Shadow DOM without using a Web Component.\n */\nexport const createShadowDomElements = (containerElement: HTMLElement) => {\n  const shadowRoot = containerElement.attachShadow({ mode: \"open\" });\n\n  // Container for Emotion `<style>` elements.\n  const { appRootElement, stylesRootElement } = createReactRootElements();\n\n  shadowRoot.appendChild(appRootElement);\n  shadowRoot.appendChild(stylesRootElement);\n\n  return {\n    emotionRootElement: stylesRootElement,\n    shadowRootElement: appRootElement,\n  };\n};\n\n/**\n * @deprecated Use `createShadowDomElements` instead which returns an object instead of an array. It's otherwise the same.\n * @deprecated Ideally, use `renderReactInWebComponent` instead. This function was necessary when using bare Shadow DOM, but with UI Shell rendering in a Web Component, you won't be able to render your Shadow DOM in its Shadow DOM without using a Web Component. */\nexport const createShadowRootElement = (\n  containerElement: HTMLElement,\n): [HTMLStyleElement, HTMLDivElement] => {\n  const shadowRoot = containerElement.attachShadow({ mode: \"open\" });\n\n  // the element that styles will be cached into\n  const emotionRootElement = document.createElement(\"style\");\n  emotionRootElement.setAttribute(\"id\", \"style-root\");\n  emotionRootElement.setAttribute(\"nonce\", window.cspNonce);\n\n  // the element that emotion renders html into\n  const shadowRootElement = document.createElement(\"div\");\n  shadowRootElement.setAttribute(\"id\", \"shadow-root\");\n\n  shadowRoot.appendChild(emotionRootElement);\n  shadowRoot.appendChild(shadowRootElement);\n\n  return [emotionRootElement, shadowRootElement];\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,SAYSA,uBAAuB;AAKhC,OAAO,MAAMC,uBAAuB,GAAIC,gBAA6B,IAAK;EACxE,MAAMC,UAAU,GAAGD,gBAAgB,CAACE,YAAY,CAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC;EAGlE,MAAM;IAAEC,cAAc;IAAEC;EAAkB,CAAC,GAAGP,uBAAuB,CAAC,CAAC;EAEvEG,UAAU,CAACK,WAAW,CAACF,cAAc,CAAC;EACtCH,UAAU,CAACK,WAAW,CAACD,iBAAiB,CAAC;EAEzC,OAAO;IACLE,kBAAkB,EAAEF,iBAAiB;IACrCG,iBAAiB,EAAEJ;EACrB,CAAC;AACH,CAAC;AAKD,OAAO,MAAMK,uBAAuB,GAClCT,gBAA6B,IACU;EACvC,MAAMC,UAAU,GAAGD,gBAAgB,CAACE,YAAY,CAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC;EAGlE,MAAMI,kBAAkB,GAAGG,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;EAC1DJ,kBAAkB,CAACK,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC;EACnDL,kBAAkB,CAACK,YAAY,CAAC,OAAO,EAAEC,MAAM,CAACC,QAAQ,CAAC;EAGzD,MAAMN,iBAAiB,GAAGE,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EACvDH,iBAAiB,CAACI,YAAY,CAAC,IAAI,EAAE,aAAa,CAAC;EAEnDX,UAAU,CAACK,WAAW,CAACC,kBAAkB,CAAC;EAC1CN,UAAU,CAACK,WAAW,CAACE,iBAAiB,CAAC;EAEzC,OAAO,CAACD,kBAAkB,EAAEC,iBAAiB,CAAC;AAChD,CAAC"}

package/jest.config.cjs

@@ -1,35 +0,0 @@
-/*!
- * Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-/** @type { import("jest").Config } */
-const jestConfig = {
-  collectCoverageFrom: ["src/**/*.{js,jsx,ts,tsx}"],
-  coveragePathIgnorePatterns: [
-    "/src/icons.generated/",
-    "/src/properties/",
-    "/node_modules/",
-  ],
-  coverageReporters: ["json", "html", "text", "text-summary"],
-  coverageThreshold: {
-    global: {
-      branches: 13.63,
-      functions: 17.41,
-      lines: 29.98,
-      statements: 29.91,
-    },
-  },
-  extensionsToTreatAsEsm: [".ts"],
-  setupFilesAfterEnv: ["./jest.setup.js"],
-  testEnvironment: "@happy-dom/jest-environment",
-};
-
-module.exports = jestConfig;

package/jest.setup.js

@@ -1,15 +0,0 @@
-/*!
- * Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import "regenerator-runtime/runtime";
-import "@testing-library/jest-dom";
-import "jest-axe/extend-expect";

package/src/labs/AppSwitcher/AppSwitcher.tsx

@@ -1,94 +0,0 @@
-/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import styled from "@emotion/styled";
-import { memo } from "react";
-import {
-  DesignTokens,
-  useOdysseyDesignTokens,
-} from "../../OdysseyDesignTokensContext";
-import { OktaAura } from "./OktaAura";
-import {
-  AppSwitcherApp,
-  AppSwitcherAppIconData,
-  AppSwitcherAppSkeleton,
-} from "./AppSwitcherApp";
-import { TOP_NAV_HEIGHT } from "../TopNav";
-
-export type AppSwitcherProps = {
-  appIcons: AppSwitcherAppIconData[];
-  selectedAppName: string;
-  isLoading: boolean;
-};
-
-const AppSwitcherWrapperComponent = styled("nav", {
-  shouldForwardProp: (prop) => prop !== "odysseyDesignTokens",
-})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({
-  position: "relative",
-  display: "inline-block",
-  height: "100%",
-  backgroundColor: odysseyDesignTokens.HueNeutralWhite,
-  borderInlineEndStyle: "solid",
-  borderInlineEndWidth: odysseyDesignTokens.BorderWidthMain,
-  borderInlineEndColor: odysseyDesignTokens.BorderColorDisplay,
-}));
-
-const AppSwitcherOktaAuraWrapperComponent = styled("div", {
-  shouldForwardProp: (prop) => prop !== "odysseyDesignTokens",
-})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({
-  height: TOP_NAV_HEIGHT,
-  padding: odysseyDesignTokens.Spacing4,
-  margin: "auto",
-  marginBlockEnd: odysseyDesignTokens.Spacing4,
-}));
-
-const AppSwitcherAppIconULComponent = styled("ul", {
-  shouldForwardProp: (prop) => prop !== "odysseyDesignTokens",
-})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({
-  listStyleType: "none",
-  margin: odysseyDesignTokens.Spacing0,
-  padding: odysseyDesignTokens.Spacing0,
-}));
-
-const AppSwitcher = ({
-  appIcons,
-  isLoading,
-  selectedAppName,
-}: AppSwitcherProps) => {
-  const odysseyDesignTokens = useOdysseyDesignTokens();
-
-  return (
-    <AppSwitcherWrapperComponent odysseyDesignTokens={odysseyDesignTokens}>
-      <AppSwitcherOktaAuraWrapperComponent
-        odysseyDesignTokens={odysseyDesignTokens}
-      >
-        <OktaAura />
-      </AppSwitcherOktaAuraWrapperComponent>
-      <AppSwitcherAppIconULComponent odysseyDesignTokens={odysseyDesignTokens}>
-        {isLoading
-          ? [0, 1, 2].map((key) => <AppSwitcherAppSkeleton key={key} />)
-          : appIcons?.map((appIcon) => (
-              <AppSwitcherApp
-                key={appIcon.appName}
-                selectedAppName={selectedAppName}
-                {...appIcon}
-              />
-            ))}
-      </AppSwitcherAppIconULComponent>
-    </AppSwitcherWrapperComponent>
-  );
-};
-
-const MemoizedAppSwitcher = memo(AppSwitcher);
-MemoizedAppSwitcher.displayName = "AppSwitcher";
-
-export { MemoizedAppSwitcher as AppSwitcher };