@okta/odyssey-react-mui 1.29.0 → 1.32.4

package/dist/ui-shell/index.js

@@ -1,14 +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 "./UiShell/index.js";
-export * from "./renderReactInWebComponent.js";
-//# sourceMappingURL=index.js.map

package/dist/ui-shell/index.js.map

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

package/dist/ui-shell/renderReactInWebComponent.js

@@ -1,61 +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 { createRoot } from "react-dom/client";
-import { createReactRootElements } from "../web-component/index.js";
-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.reactRoot = createRoot(this.reactRootElements.appRootElement);
-  }
-  connectedCallback() {
-    this.reactRoot.render(this.getReactComponent(this.reactRootElements));
-  }
-  disconnectedCallback() {
-    this.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/ui-shell/renderReactInWebComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderReactInWebComponent.js","names":["createRoot","createReactRootElements","reactWebComponentElementName","ReactInWebComponentElement","HTMLElement","constructor","getReactComponent","reactRootElements","styleElement","document","createElement","shadowRoot","attachShadow","mode","innerHTML","setAttribute","window","cspNonce","stylesRootElement","appendChild","appRootElement","reactRoot","connectedCallback","render","disconnectedCallback","unmount","customElements","get","define","renderReactInWebComponent","webComponentChildren","webComponentRootElement","reactElement","Array","isArray","forEach","webComponentChild"],"sources":["../../src/ui-shell/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 { createRoot, type Root } from \"react-dom/client\";\nimport {\n  createReactRootElements,\n  type ReactRootElements,\n} from \"../web-component\";\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  reactRoot: Root;\n  reactRootElements: ReactRootElements;\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    this.reactRoot = createRoot(this.reactRootElements.appRootElement);\n  }\n\n  connectedCallback() {\n    this.reactRoot.render(this.getReactComponent(this.reactRootElements));\n  }\n\n  disconnectedCallback() {\n    this.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;;AAGA,SAASA,UAAU,QAAmB,kBAAkB;AAAC,SAEvDC,uBAAuB;AAIzB,OAAO,MAAMC,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,GAAGN,uBAAuB,CAAC,CAAC;IAElD,MAAMO,YAAY,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;IACpD,MAAMC,UAAU,GAAG,IAAI,CAACC,YAAY,CAAC;MAAEC,IAAI,EAAE;IAAO,CAAC,CAAC;IAEtDL,YAAY,CAACM,SAAS,GAAI;AAC9B;AACA;AACA;AACA;AACA,KAAK;IAEDN,YAAY,CAACO,YAAY,CAAC,OAAO,EAAEC,MAAM,CAACC,QAAQ,CAAC;IAEnD,IAAI,CAACV,iBAAiB,CAACW,iBAAiB,CAACC,WAAW,CAACX,YAAY,CAAC;IAClEG,UAAU,CAACQ,WAAW,CAAC,IAAI,CAACZ,iBAAiB,CAACW,iBAAiB,CAAC;IAChEP,UAAU,CAACQ,WAAW,CAAC,IAAI,CAACZ,iBAAiB,CAACa,cAAc,CAAC;IAE7D,IAAI,CAACC,SAAS,GAAGrB,UAAU,CAAC,IAAI,CAACO,iBAAiB,CAACa,cAAc,CAAC;EACpE;EAEAE,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAACD,SAAS,CAACE,MAAM,CAAC,IAAI,CAACjB,iBAAiB,CAAC,IAAI,CAACC,iBAAiB,CAAC,CAAC;EACvE;EAEAiB,oBAAoBA,CAAA,EAAG;IACrB,IAAI,CAACH,SAAS,CAACI,OAAO,CAAC,CAAC;EAC1B;AACF;AAEA,IAAI,CAACC,cAAc,CAACC,GAAG,CAACzB,4BAA4B,CAAC,EAAE;EACrDwB,cAAc,CAACE,MAAM,CACnB1B,4BAA4B,EAC5BC,0BACF,CAAC;AACH;AAiCA,OAAO,MAAM0B,yBAAyB,GAAGA,CAAC;EACxCvB,iBAAiB;EACjBwB,oBAAoB;EACpBC;AAC8B,CAAC,KAAK;EACpC,MAAMC,YAAY,GAAG,IAAI7B,0BAA0B,CAACG,iBAAiB,CAAC;EAEtE,IAAIwB,oBAAoB,EAAE;IACxB,CAACG,KAAK,CAACC,OAAO,CAACJ,oBAAoB,CAAC,GAChCA,oBAAoB,GACpB,CAACA,oBAAoB,CAAC,EACxBK,OAAO,CAAEC,iBAAiB,IAAK;MAC/BJ,YAAY,CAACb,WAAW,CAACiB,iBAAiB,CAAC;IAC7C,CAAC,CAAC;EACJ;EAEAL,uBAAuB,CAACZ,WAAW,CAACa,YAAY,CAAC;EAEjD,OAAOA,YAAY;AACrB,CAAC"}

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":"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"}

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,13 +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 "./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 \"./shadow-dom\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA"}

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

@@ -1,51 +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.
- */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 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","appRootElement","document","createElement","stylesRootElement","style","setProperty","setAttribute","window","cspNonce","createShadowDomElements","containerElement","shadowRoot","attachShadow","mode","appendChild","emotionRootElement","shadowRootElement","createShadowRootElement"],"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\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\n/**\n * @deprecated Use `renderReactInWebComponent` from `@okta/odyssey-react-mui/ui-shell` 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` from `@okta/odyssey-react-mui/ui-shell` 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,GAOA,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;AAOD,OAAO,MAAMM,uBAAuB,GAAIC,gBAA6B,IAAK;EACxE,MAAMC,UAAU,GAAGD,gBAAgB,CAACE,YAAY,CAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC;EAGlE,MAAM;IAAEb,cAAc;IAAEG;EAAkB,CAAC,GAAGJ,uBAAuB,CAAC,CAAC;EAEvEY,UAAU,CAACG,WAAW,CAACd,cAAc,CAAC;EACtCW,UAAU,CAACG,WAAW,CAACX,iBAAiB,CAAC;EAEzC,OAAO;IACLY,kBAAkB,EAAEZ,iBAAiB;IACrCa,iBAAiB,EAAEhB;EACrB,CAAC;AACH,CAAC;AAKD,OAAO,MAAMiB,uBAAuB,GAClCP,gBAA6B,IACU;EACvC,MAAMC,UAAU,GAAGD,gBAAgB,CAACE,YAAY,CAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC;EAGlE,MAAME,kBAAkB,GAAGd,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;EAC1Da,kBAAkB,CAACT,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC;EACnDS,kBAAkB,CAACT,YAAY,CAAC,OAAO,EAAEC,MAAM,CAACC,QAAQ,CAAC;EAGzD,MAAMQ,iBAAiB,GAAGf,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EACvDc,iBAAiB,CAACV,YAAY,CAAC,IAAI,EAAE,aAAa,CAAC;EAEnDK,UAAU,CAACG,WAAW,CAACC,kBAAkB,CAAC;EAC1CJ,UAAU,CAACG,WAAW,CAACE,iBAAiB,CAAC;EAEzC,OAAO,CAACD,kBAAkB,EAAEC,iBAAiB,CAAC;AAChD,CAAC"}

package/i18n.config.json

@@ -1,10 +0,0 @@
-{
-  "namespace": "enduser",
-  "resourceFile": "odyssey-react-mui.properties",
-  "resourceFilePath": "packages/odyssey-react-mui/src/properties",
-  "translationsFilePath": "packages/odyssey-react-mui/src/properties/translations",
-  "commitPrefix": "chore(odyssey-react-mui): ",
-  "reviewers": ["okta/eng-globalizationcore", "okta/design-system"],
-  "slackChannel": "odyssey",
-  "guardian": ""
-}

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/scripts/generateIconsIndex.ts

@@ -1,49 +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 { readdir, writeFile } from "node:fs/promises";
-import { extname, basename } from "node:path";
-
-const currentYear = new Date().getFullYear();
-
-export const headerComment = `/*!
- * Copyright (c) ${currentYear}-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.
- */
-
-// Code automatically generated by svgr; DO NOT EDIT.
-
-`;
-
-readdir("./src/icons.generated")
-  .then((filenames) =>
-    headerComment.concat(
-      filenames
-        .map((filename) => basename(filename, extname(filename)))
-        .map((filename) => `export * from "./${filename}";`)
-        .join("\n"),
-    ),
-  )
-  .then((content) => writeFile("./src/icons.generated/index.ts", content))
-  .then(() => {
-    console.info("Completed writing index file.");
-  })
-  .catch((error) => {
-    console.error(error);
-  });

package/scripts/generateTestSelectorsJson.ts

@@ -1,28 +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 { mkdir, writeFile } from "node:fs/promises";
-import { join } from "node:path";
-
-const distDirectory = join(__dirname, "../dist/test-selectors");
-
-import("../src/test-selectors/index").then(
-  ({ odysseyTestSelector: testSelector }) =>
-    mkdir(distDirectory)
-      .catch(() => null)
-      .then(() =>
-        writeFile(
-          join(distDirectory, "testSelectors.json"),
-          JSON.stringify(testSelector),
-        ),
-      ),
-);

package/scripts/properties-to-ts.ts

@@ -1,110 +0,0 @@
-#!/usr/bin/env node
-/*!
- * 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.
- */
-
-// This was originally copied over from @okta/ui-build-tools' own internal node script:
-// https://github.com/okta/ui-build-tools/blob/main/packages/clis/i18n/properties-to-json.js
-
-import { basename, extname, join, resolve } from "node:path";
-import {
-  existsSync,
-  mkdirSync,
-  readFileSync,
-  rmSync,
-  writeFileSync,
-} from "node:fs";
-import { readdir } from "node:fs/promises";
-import properties from "properties";
-import { hideBin } from "yargs/helpers";
-import yargs from "yargs/yargs";
-
-const convert = (baseFiles: string[], propertiesTargetDir: string) => {
-  baseFiles.forEach((src) => {
-    const extension = extname(src);
-    const filename = basename(src, extension);
-    const source = `${readFileSync(src)}`;
-
-    properties.parse(source, (error, propertiesJson) => {
-      if (error) {
-        return console.error(error);
-      }
-
-      const targetFile = join(propertiesTargetDir, filename.concat(".ts"));
-
-      writeFileSync(
-        targetFile,
-        `export const translation = ${JSON.stringify(propertiesJson)};`,
-      );
-    });
-  });
-};
-
-async function convertPropertiesToJson({
-  jsonOutputPath,
-  propertiesFilesPath,
-}: {
-  jsonOutputPath: string;
-  propertiesFilesPath: string;
-}) {
-  const sourceDirectory = resolve(propertiesFilesPath);
-  const propertiesTargetDirectory = resolve(jsonOutputPath);
-
-  if (!existsSync(sourceDirectory)) {
-    mkdirSync(sourceDirectory);
-  }
-
-  if (existsSync(propertiesTargetDirectory)) {
-    rmSync(propertiesTargetDirectory, { recursive: true, force: true });
-  }
-
-  mkdirSync(propertiesTargetDirectory);
-
-  const propertiesFilePaths = await readdir(sourceDirectory, {
-    recursive: true,
-  });
-
-  convert(
-    propertiesFilePaths
-      .filter((propertiesFilePath) =>
-        propertiesFilePath.endsWith(".properties"),
-      )
-      .map((propertiesFilePath) => join(sourceDirectory, propertiesFilePath)),
-    propertiesTargetDirectory,
-  );
-}
-
-yargs(hideBin(process.argv))
-  .scriptName("properties-to-ts")
-  .usage("$0 <cmd> [args]")
-  .command(
-    "bundle [propertiesFilesPath] [jsonOutputPath]",
-    "Converts `properties` files to TypeScript types.",
-    (yargs) =>
-      yargs
-        .positional("propertiesFilesPath", {
-          default: "src/properties",
-          describe: "A relative path to resources based on cwd.",
-          type: "string",
-        })
-        .positional("jsonOutputPath", {
-          default: "src/properties/ts",
-          describe: "A relative path to directory for ts file output",
-          type: "string",
-        }),
-    (argv) => {
-      convertPropertiesToJson({
-        jsonOutputPath: argv.jsonOutputPath,
-        propertiesFilesPath: argv.propertiesFilesPath,
-      });
-    },
-  )
-  .help().argv;

package/src/@types/i18next.d.ts

@@ -1,22 +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 "i18next";
-import { translation as en } from "../properties/ts/odyssey-react-mui";
-
-declare module "i18next" {
-  interface CustomTypeOptions {
-    resources: {
-      translation: typeof en;
-    };
-  }
-}