@okta/odyssey-contribution-tooling 1.47.0 → 1.48.0

package/dist/cjs/ui-shell/uiShellContentTypes.cjs

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.subComponentNames = exports.TURN_OFF_APP_SWITCHER = void 0;
-/*!
- * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-const subComponentNames = exports.subComponentNames = ["TopNav", "SideNav", "AppSwitcher"];
-const TURN_OFF_APP_SWITCHER = exports.TURN_OFF_APP_SWITCHER = Symbol("Turn off AppSwitcher in the event of an error.");
-//# sourceMappingURL=uiShellContentTypes.cjs.map

package/dist/cjs/ui-shell/uiShellContentTypes.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"uiShellContentTypes.cjs","names":["subComponentNames","exports","TURN_OFF_APP_SWITCHER","Symbol"],"sources":["../../../src/ui-shell/uiShellContentTypes.ts"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { ReactElement } from \"react\";\nimport { ErrorBoundaryProps } from \"react-error-boundary\";\n\nimport { AppSwitcherProps } from \"./AppSwitcher/AppSwitcher.js\";\nimport { SideNavProps } from \"./SideNav/types.js\";\nimport { TopNavProps } from \"./TopNav/TopNav.js\";\n\nexport const subComponentNames = [\"TopNav\", \"SideNav\", \"AppSwitcher\"] as const;\nexport type SubComponentName = (typeof subComponentNames)[number];\n\nexport const TURN_OFF_APP_SWITCHER = Symbol(\n  \"Turn off AppSwitcher in the event of an error.\",\n);\n\nexport type UiShellNavComponentProps = {\n  /**\n   * Object that gets pass directly to the app switcher component.\n   *\n   * In this special case, a value of `TURN_OFF_APP_SWITCHER` tells the `appSwitcher` to not appear. This can occur if there's an error loading the items. In that case, we don't want it to appear.\n   */\n  appSwitcherProps?: AppSwitcherProps | typeof TURN_OFF_APP_SWITCHER;\n  /**\n   * Object that gets pass directly to the side nav component. If `undefined` and in `initialVisibleSections`, SideNav will be initially rendered. Pass `null` to hide a previously-visible SideNav.\n   */\n  sideNavProps?: Omit<SideNavProps, \"footerComponent\"> | null;\n  /**\n   * Object that gets pass directly to the top nav component. If `undefined` and in `initialVisibleSections`, TopNav will be initially rendered. Pass `null` to hide a previously-visible TopNav.\n   */\n  topNavProps?: Omit<\n    TopNavProps,\n    \"leftSideComponent\" | \"rightSideComponent\"\n  > | null;\n};\n\nexport type UiShellContentProps = {\n  /**\n   * **WARNING:** UI Shell will modify the styling of this element.\n   * HTML element where the app gets rendered. This typically called the React root element for your app.\n   *\n   * When passed, the app is expected to render into this element, not the Shadow DOM.\n   *\n   * UI Shell will position this element appropriately to match the content area inside the Shadow DOM.\n   *\n   * A major benefit to having this element separate from UI Shell is related to encapsulation. UI Shell has the capability of rendering inside a web component, but in doing so, the app would be subject to the styles in the web component and not the page itself.\n   * The app should either be in its own web component or use the global styles, and having this separate element allows us to accomplish that goal.\n   */\n  appElement: HTMLDivElement;\n  /**\n   * Controls the scrolling behavior of the app element area.\n   *\n   * In the case of an app wanting to control their own scrolling, use `\"none\"`.\n   *\n   * Most apps will want to use `\"vertical\"` and let UI Shell manage scrolling behavior.\n   */\n  appElementScrollingMode: \"none\" | \"horizontal\" | \"vertical\" | \"both\";\n  /**\n   * Says if `sideNavProps` has been passed in. This is important for rendering as we will override `sideNavProps` internally, but we need to know if they were passed in for showing the loading state.\n   */\n  hasSideNavProps: boolean;\n  /**\n   * Defaults to `true`.\n   *\n   * If `false`, the content area will have no padding provided. This is for the case where an app wants to manage this separate from UI Shell.\n   */\n  hasStandardAppContentPadding?: boolean;\n  /**\n   * Parts of UI Shell that are visible when rendered.\n   *\n   * For example, if `sideNavProps` is `undefined`, should there be a space left for side nav or should that space not exist?\n   */\n  initialVisibleSections?: SubComponentName[];\n  /**\n   * Notifies when a React rendering error occurs. This could be useful for logging, flagging \"p0\"s, and recovering UI Shell when errors occur.\n   */\n  onError?: ErrorBoundaryProps[\"onError\"];\n  /**\n   * Components that will render as children of various other components such as the top nav or side nav.\n   */\n  optionalComponents?: {\n    /**\n     * Spot for banners to go at the top of the page.\n     */\n    banners?: ReactElement;\n    /**\n     * In narrow view, this is the right-side menu area.\n     */\n    rightSideMenu?: ReactElement;\n    /**\n     * Footer in the side nav.\n     */\n    sideNavFooter?: SideNavProps[\"footerComponent\"];\n    /**\n     * Top nav is divided into 2 parts. This is the left-aligned half.\n     */\n    topNavLeftSide?: TopNavProps[\"leftSideComponent\"];\n    /**\n     * Top nav is divided into 2 parts. This is the right-aligned half.\n     */\n    topNavRightSide?: TopNavProps[\"rightSideComponent\"];\n  };\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASO,MAAMA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,aAAa,CAAU;AAGvE,MAAME,qBAAqB,GAAAD,OAAA,CAAAC,qBAAA,GAAGC,MAAM,CACzC,gDACF,CAAC","ignoreList":[]}

package/dist/cjs/ui-shell/uiShellSharedConstants.cjs

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.emptySideNavItems = exports.UI_SHELL_OVERLAY_Z_INDEX = exports.UI_SHELL_BASE_Z_INDEX = exports.TOP_NAV_HEIGHT = exports.SIDE_NAV_WIDTH = exports.SIDE_NAV_VISIBILITY_TOGGLE_ICON_POSITION = void 0;
-/*!
- * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const SIDE_NAV_VISIBILITY_TOGGLE_ICON_POSITION = exports.SIDE_NAV_VISIBILITY_TOGGLE_ICON_POSITION = "77px";
-const SIDE_NAV_WIDTH = exports.SIDE_NAV_WIDTH = "300px";
-const TOP_NAV_HEIGHT = exports.TOP_NAV_HEIGHT = `${64 / 14}rem`;
-const UI_SHELL_BASE_Z_INDEX = exports.UI_SHELL_BASE_Z_INDEX = 100;
-const UI_SHELL_OVERLAY_Z_INDEX = exports.UI_SHELL_OVERLAY_Z_INDEX = 200;
-const emptySideNavItems = exports.emptySideNavItems = [];
-//# sourceMappingURL=uiShellSharedConstants.cjs.map

package/dist/cjs/ui-shell/uiShellSharedConstants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"uiShellSharedConstants.cjs","names":["SIDE_NAV_VISIBILITY_TOGGLE_ICON_POSITION","exports","SIDE_NAV_WIDTH","TOP_NAV_HEIGHT","UI_SHELL_BASE_Z_INDEX","UI_SHELL_OVERLAY_Z_INDEX","emptySideNavItems"],"sources":["../../../src/ui-shell/uiShellSharedConstants.ts"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { SideNavProps } from \"./SideNav/types.js\";\n\n// It's important to bring all our constant values together, so we can change them in one location and ensure the values are all correct relative to each other.\n// This also lends us the capability of swapping these out for a more robust solution in the future.\n\n/* The side nav collapse icon is placed absolutely from the top (Logo container + nav header height) to align it in the middle of the nav header text */\nexport const SIDE_NAV_VISIBILITY_TOGGLE_ICON_POSITION = \"77px\";\n\nexport const SIDE_NAV_WIDTH = \"300px\";\n\nexport const TOP_NAV_HEIGHT = `${64 / 14}rem`;\n\nexport const UI_SHELL_BASE_Z_INDEX = 100;\n\nexport const UI_SHELL_OVERLAY_Z_INDEX = 200;\n\nexport const emptySideNavItems = [] satisfies SideNavProps[\"sideNavItems\"];\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAQO,MAAMA,wCAAwC,GAAAC,OAAA,CAAAD,wCAAA,GAAG,MAAM;AAEvD,MAAME,cAAc,GAAAD,OAAA,CAAAC,cAAA,GAAG,OAAO;AAE9B,MAAMC,cAAc,GAAAF,OAAA,CAAAE,cAAA,GAAG,GAAG,EAAE,GAAG,EAAE,KAAK;AAEtC,MAAMC,qBAAqB,GAAAH,OAAA,CAAAG,qBAAA,GAAG,GAAG;AAEjC,MAAMC,wBAAwB,GAAAJ,OAAA,CAAAI,wBAAA,GAAG,GAAG;AAEpC,MAAMC,iBAAiB,GAAAL,OAAA,CAAAK,iBAAA,GAAG,EAAyC","ignoreList":[]}

package/dist/cjs/ui-shell/useElementAtContainerEdge.cjs

@@ -1,74 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useElementAtContainerEdge = useElementAtContainerEdge;
-var _react = require("react");
-var _getLogicalBoundaries = require("../getLogicalBoundaries.cjs");
-/*!
- * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-const defaultEdgeState = {
-  isAtContainerInlineStart: null,
-  isAtContainerInlineEnd: null,
-  isAtContainerBlockStart: null,
-  isAtContainerBlockEnd: null
-};
-function useElementAtContainerEdge({
-  containerElement,
-  element,
-  monitoringElement
-}) {
-  const [edgeState, setEdgeState] = (0, _react.useState)(defaultEdgeState);
-  const requestedAnimationFrameIdRef = (0, _react.useRef)(0);
-  const resolvedMonitoringElement = monitoringElement ?? element?.parentElement;
-  const updateEdgeState = (0, _react.useCallback)(() => {
-    cancelAnimationFrame(requestedAnimationFrameIdRef.current);
-    requestedAnimationFrameIdRef.current = requestAnimationFrame(() => {
-      if (element) {
-        const elementBoundaries = (0, _getLogicalBoundaries.getLogicalBoundaries)(element);
-        const containerBoundaries = (0, _getLogicalBoundaries.getLogicalBoundaries)(containerElement ?? document.body);
-        setEdgeState({
-          isAtContainerInlineStart: elementBoundaries.left === containerBoundaries.left,
-          isAtContainerInlineEnd: elementBoundaries.right === containerBoundaries.right,
-          isAtContainerBlockStart: elementBoundaries.top === containerBoundaries.top,
-          isAtContainerBlockEnd: elementBoundaries.bottom === containerBoundaries.bottom
-        });
-      } else {
-        setEdgeState(defaultEdgeState);
-      }
-    });
-  }, [containerElement, element]);
-  (0, _react.useEffect)(() => {
-    const mutationObserver = new MutationObserver(() => {
-      updateEdgeState();
-    });
-    if (resolvedMonitoringElement) {
-      mutationObserver.observe(resolvedMonitoringElement, {
-        attributes: true,
-        attributeFilter: ["style"],
-        childList: true,
-        subtree: true
-      });
-    }
-    window.addEventListener("resize", updateEdgeState);
-    updateEdgeState();
-    return () => {
-      cancelAnimationFrame(requestedAnimationFrameIdRef.current);
-      mutationObserver.disconnect();
-      window.removeEventListener("resize", updateEdgeState);
-    };
-  }, [resolvedMonitoringElement, updateEdgeState]);
-  return edgeState;
-}
-//# sourceMappingURL=useElementAtContainerEdge.cjs.map

package/dist/cjs/ui-shell/useElementAtContainerEdge.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useElementAtContainerEdge.cjs","names":["_react","require","_getLogicalBoundaries","defaultEdgeState","isAtContainerInlineStart","isAtContainerInlineEnd","isAtContainerBlockStart","isAtContainerBlockEnd","useElementAtContainerEdge","containerElement","element","monitoringElement","edgeState","setEdgeState","useState","requestedAnimationFrameIdRef","useRef","resolvedMonitoringElement","parentElement","updateEdgeState","useCallback","cancelAnimationFrame","current","requestAnimationFrame","elementBoundaries","getLogicalBoundaries","containerBoundaries","document","body","left","right","top","bottom","useEffect","mutationObserver","MutationObserver","observe","attributes","attributeFilter","childList","subtree","window","addEventListener","disconnect","removeEventListener"],"sources":["../../../src/ui-shell/useElementAtContainerEdge.ts"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { getLogicalBoundaries } from \"../getLogicalBoundaries.js\";\n\nconst defaultEdgeState = {\n  isAtContainerInlineStart: null,\n  isAtContainerInlineEnd: null,\n  isAtContainerBlockStart: null,\n  isAtContainerBlockEnd: null,\n};\n\ntype EdgeState =\n  | {\n      isAtContainerBlockEnd: null;\n      isAtContainerBlockStart: null;\n      isAtContainerInlineEnd: null;\n      isAtContainerInlineStart: null;\n    }\n  | {\n      isAtContainerBlockEnd: boolean;\n      isAtContainerBlockStart: boolean;\n      isAtContainerInlineEnd: boolean;\n      isAtContainerInlineStart: boolean;\n    };\n\n/**\n * Determines if an element is at the edge of its container.\n *\n * If `element` is `null`, all returned edge state values will be `null`.\n */\nexport function useElementAtContainerEdge({\n  containerElement,\n  element,\n  monitoringElement,\n}: {\n  /**\n   * The container element against which the edges are checked. If not provided, it defaults to the document body.\n   */\n  containerElement?: HTMLElement | null;\n  /**\n   * The element whose edges you want to track.\n   */\n  element?: HTMLElement | null;\n  /**\n   * The element whose mutations you want to track. If not provided, it defaults to the parent element of the `element`.\n   */\n  monitoringElement?: HTMLElement | null;\n}) {\n  const [edgeState, setEdgeState] = useState<EdgeState>(defaultEdgeState);\n\n  const requestedAnimationFrameIdRef = useRef(0);\n\n  const resolvedMonitoringElement = monitoringElement ?? element?.parentElement;\n\n  // will check the position of the element and update state accordingly\n  const updateEdgeState = useCallback(() => {\n    cancelAnimationFrame(requestedAnimationFrameIdRef.current);\n\n    requestedAnimationFrameIdRef.current = requestAnimationFrame(() => {\n      if (element) {\n        const elementBoundaries = getLogicalBoundaries(element);\n        const containerBoundaries = getLogicalBoundaries(\n          containerElement ?? document.body,\n        );\n\n        setEdgeState({\n          isAtContainerInlineStart:\n            elementBoundaries.left === containerBoundaries.left,\n          isAtContainerInlineEnd:\n            elementBoundaries.right === containerBoundaries.right,\n          isAtContainerBlockStart:\n            elementBoundaries.top === containerBoundaries.top,\n          isAtContainerBlockEnd:\n            elementBoundaries.bottom === containerBoundaries.bottom,\n        });\n      } else {\n        setEdgeState(defaultEdgeState);\n      }\n    });\n  }, [containerElement, element]);\n\n  useEffect(() => {\n    // Listen for mutations that might affect position\n    const mutationObserver = new MutationObserver(() => {\n      updateEdgeState();\n    });\n\n    if (resolvedMonitoringElement) {\n      mutationObserver.observe(resolvedMonitoringElement, {\n        attributes: true,\n        attributeFilter: [\"style\"],\n        childList: true,\n        subtree: true,\n      });\n    }\n\n    // Listen for window resize, which can affect position\n    window.addEventListener(\"resize\", updateEdgeState);\n\n    // Initial check\n    updateEdgeState();\n\n    // cleanup function to remove listeners and observer\n    return () => {\n      cancelAnimationFrame(requestedAnimationFrameIdRef.current);\n      mutationObserver.disconnect();\n      window.removeEventListener(\"resize\", updateEdgeState);\n    };\n  }, [resolvedMonitoringElement, updateEdgeState]);\n\n  return edgeState;\n}\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,qBAAA,GAAAD,OAAA;AAdA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA,MAAME,gBAAgB,GAAG;EACvBC,wBAAwB,EAAE,IAAI;EAC9BC,sBAAsB,EAAE,IAAI;EAC5BC,uBAAuB,EAAE,IAAI;EAC7BC,qBAAqB,EAAE;AACzB,CAAC;AAqBM,SAASC,yBAAyBA,CAAC;EACxCC,gBAAgB;EAChBC,OAAO;EACPC;AAcF,CAAC,EAAE;EACD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAYX,gBAAgB,CAAC;EAEvE,MAAMY,4BAA4B,GAAG,IAAAC,aAAM,EAAC,CAAC,CAAC;EAE9C,MAAMC,yBAAyB,GAAGN,iBAAiB,IAAID,OAAO,EAAEQ,aAAa;EAG7E,MAAMC,eAAe,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACxCC,oBAAoB,CAACN,4BAA4B,CAACO,OAAO,CAAC;IAE1DP,4BAA4B,CAACO,OAAO,GAAGC,qBAAqB,CAAC,MAAM;MACjE,IAAIb,OAAO,EAAE;QACX,MAAMc,iBAAiB,GAAG,IAAAC,0CAAoB,EAACf,OAAO,CAAC;QACvD,MAAMgB,mBAAmB,GAAG,IAAAD,0CAAoB,EAC9ChB,gBAAgB,IAAIkB,QAAQ,CAACC,IAC/B,CAAC;QAEDf,YAAY,CAAC;UACXT,wBAAwB,EACtBoB,iBAAiB,CAACK,IAAI,KAAKH,mBAAmB,CAACG,IAAI;UACrDxB,sBAAsB,EACpBmB,iBAAiB,CAACM,KAAK,KAAKJ,mBAAmB,CAACI,KAAK;UACvDxB,uBAAuB,EACrBkB,iBAAiB,CAACO,GAAG,KAAKL,mBAAmB,CAACK,GAAG;UACnDxB,qBAAqB,EACnBiB,iBAAiB,CAACQ,MAAM,KAAKN,mBAAmB,CAACM;QACrD,CAAC,CAAC;MACJ,CAAC,MAAM;QACLnB,YAAY,CAACV,gBAAgB,CAAC;MAChC;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACM,gBAAgB,EAAEC,OAAO,CAAC,CAAC;EAE/B,IAAAuB,gBAAS,EAAC,MAAM;IAEd,MAAMC,gBAAgB,GAAG,IAAIC,gBAAgB,CAAC,MAAM;MAClDhB,eAAe,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,IAAIF,yBAAyB,EAAE;MAC7BiB,gBAAgB,CAACE,OAAO,CAACnB,yBAAyB,EAAE;QAClDoB,UAAU,EAAE,IAAI;QAChBC,eAAe,EAAE,CAAC,OAAO,CAAC;QAC1BC,SAAS,EAAE,IAAI;QACfC,OAAO,EAAE;MACX,CAAC,CAAC;IACJ;IAGAC,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEvB,eAAe,CAAC;IAGlDA,eAAe,CAAC,CAAC;IAGjB,OAAO,MAAM;MACXE,oBAAoB,CAACN,4BAA4B,CAACO,OAAO,CAAC;MAC1DY,gBAAgB,CAACS,UAAU,CAAC,CAAC;MAC7BF,MAAM,CAACG,mBAAmB,CAAC,QAAQ,EAAEzB,eAAe,CAAC;IACvD,CAAC;EACH,CAAC,EAAE,CAACF,yBAAyB,EAAEE,eAAe,CAAC,CAAC;EAEhD,OAAOP,SAAS;AAClB","ignoreList":[]}

package/dist/cjs/ui-shell/useHasUiShell.cjs

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useHasUiShell = exports.uiShellDataAttribute = void 0;
-var _react = require("react");
-/*!
- * 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.
- */
-
-const uiShellDataAttribute = exports.uiShellDataAttribute = "data-unified-ui-shell";
-const useHasUiShell = () => {
-  const [hasUiShell, setHasUiShell] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    setHasUiShell(Boolean(document.querySelector(`[${uiShellDataAttribute}]`)));
-  }, []);
-  return hasUiShell;
-};
-exports.useHasUiShell = useHasUiShell;
-//# sourceMappingURL=useHasUiShell.cjs.map

package/dist/cjs/ui-shell/useHasUiShell.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHasUiShell.cjs","names":["_react","require","uiShellDataAttribute","exports","useHasUiShell","hasUiShell","setHasUiShell","useState","useEffect","Boolean","document","querySelector"],"sources":["../../../src/ui-shell/useHasUiShell.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 { useEffect, useState } from \"react\";\n\nexport const uiShellDataAttribute = \"data-unified-ui-shell\";\n\nexport const useHasUiShell = () => {\n  const [hasUiShell, setHasUiShell] = useState(false);\n\n  useEffect(() => {\n    setHasUiShell(Boolean(document.querySelector(`[${uiShellDataAttribute}]`)));\n  }, []);\n\n  return hasUiShell;\n};\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIO,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,uBAAuB;AAEpD,MAAME,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEnD,IAAAC,gBAAS,EAAC,MAAM;IACdF,aAAa,CAACG,OAAO,CAACC,QAAQ,CAACC,aAAa,CAAC,IAAIT,oBAAoB,GAAG,CAAC,CAAC,CAAC;EAC7E,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOG,UAAU;AACnB,CAAC;AAACF,OAAA,CAAAC,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/cjs/ui-shell/useMatchAppElementToUiShellAppArea.cjs

@@ -1,109 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useMatchAppElementToUiShellAppArea = exports.setStylesToMatchElement = exports.convertCamelCaseToKebabCase = void 0;
-var _react = require("react");
-var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
-/*!
- * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-const convertCamelCaseToKebabCase = string => string.replace(/([A-Z])/g, "-$1").toLowerCase();
-exports.convertCamelCaseToKebabCase = convertCamelCaseToKebabCase;
-const setStylesToMatchElement = ({
-  additionalStyles,
-  appContainerElement,
-  appContentReferenceElement,
-  parentElement
-}) => {
-  const appContentReferenceRectangle = appContentReferenceElement.getBoundingClientRect();
-  const parentElementRectangle = parentElement.getBoundingClientRect();
-  appContainerElement.style.setProperty("position", "absolute");
-  appContainerElement.style.setProperty("top", `${appContentReferenceRectangle.top - parentElementRectangle.top}px`);
-  appContainerElement.style.setProperty("left", `${appContentReferenceRectangle.left - parentElementRectangle.left}px`);
-  appContainerElement.style.setProperty("width", `${appContentReferenceRectangle.width}px`);
-  appContainerElement.style.setProperty("height", `${appContentReferenceRectangle.height}px`);
-  Object.entries(additionalStyles).forEach(([cssPropertyName, cssPropertyValue]) => {
-    appContainerElement.style.setProperty(convertCamelCaseToKebabCase(cssPropertyName), String(cssPropertyValue));
-  });
-};
-exports.setStylesToMatchElement = setStylesToMatchElement;
-const useMatchAppElementToUiShellAppArea = ({
-  appElement,
-  appElementScrollingMode,
-  paddingMode,
-  uiShellAppAreaRef,
-  uiShellResizableRefs
-}) => {
-  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
-  const parentContainerRef = (0, _react.useRef)(null);
-  const appContainerElementStyles = (0, _react.useMemo)(() => ({
-    boxSizing: "border-box",
-    zIndex: 1,
-    ...(paddingMode === "comfortable" ? {
-      paddingBlock: odysseyDesignTokens.Spacing5,
-      paddingInline: odysseyDesignTokens.Spacing8
-    } : {}),
-    ...(paddingMode === "compact" ? {
-      paddingBlock: odysseyDesignTokens.Spacing5,
-      paddingInline: odysseyDesignTokens.Spacing5
-    } : {}),
-    ...(appElementScrollingMode === "horizontal" || appElementScrollingMode === "both" ? {
-      overflowX: "auto"
-    } : {
-      overflowX: "hidden"
-    }),
-    ...(appElementScrollingMode === "vertical" || appElementScrollingMode === "both" ? {
-      overflowY: "auto"
-    } : {
-      overflowY: "hidden"
-    })
-  }), [appElementScrollingMode, paddingMode, odysseyDesignTokens]);
-  (0, _react.useEffect)(() => {
-    if (uiShellAppAreaRef.current && appElement && parentContainerRef.current) {
-      let animationFrameId;
-      const updateStyles = () => {
-        cancelAnimationFrame(animationFrameId);
-        animationFrameId = requestAnimationFrame(() => {
-          if (uiShellAppAreaRef.current && parentContainerRef.current) {
-            setStylesToMatchElement({
-              additionalStyles: appContainerElementStyles,
-              appContentReferenceElement: uiShellAppAreaRef.current,
-              appContainerElement: appElement,
-              parentElement: parentContainerRef.current
-            });
-          }
-        });
-      };
-      const resizingElements = uiShellResizableRefs.map(resizingRef => resizingRef.current).filter(element => Boolean(element));
-      const observer = new ResizeObserver(updateStyles);
-      resizingElements.forEach(resizingElement => {
-        resizingElement.addEventListener("transitionend", updateStyles);
-        observer.observe(resizingElement);
-      });
-      updateStyles();
-      return () => {
-        observer.disconnect();
-        resizingElements.forEach(resizingElement => {
-          resizingElement.removeEventListener("transitionend", updateStyles);
-        });
-      };
-    }
-    return () => {};
-  }, [appElement, appContainerElementStyles, uiShellAppAreaRef, uiShellResizableRefs]);
-  return {
-    parentContainerRef
-  };
-};
-exports.useMatchAppElementToUiShellAppArea = useMatchAppElementToUiShellAppArea;
-//# sourceMappingURL=useMatchAppElementToUiShellAppArea.cjs.map

package/dist/cjs/ui-shell/useMatchAppElementToUiShellAppArea.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMatchAppElementToUiShellAppArea.cjs","names":["_react","require","_OdysseyDesignTokensContext","convertCamelCaseToKebabCase","string","replace","toLowerCase","exports","setStylesToMatchElement","additionalStyles","appContainerElement","appContentReferenceElement","parentElement","appContentReferenceRectangle","getBoundingClientRect","parentElementRectangle","style","setProperty","top","left","width","height","Object","entries","forEach","cssPropertyName","cssPropertyValue","String","useMatchAppElementToUiShellAppArea","appElement","appElementScrollingMode","paddingMode","uiShellAppAreaRef","uiShellResizableRefs","odysseyDesignTokens","useOdysseyDesignTokens","parentContainerRef","useRef","appContainerElementStyles","useMemo","boxSizing","zIndex","paddingBlock","Spacing5","paddingInline","Spacing8","overflowX","overflowY","useEffect","current","animationFrameId","updateStyles","cancelAnimationFrame","requestAnimationFrame","resizingElements","map","resizingRef","filter","element","Boolean","observer","ResizeObserver","resizingElement","addEventListener","observe","disconnect","removeEventListener"],"sources":["../../../src/ui-shell/useMatchAppElementToUiShellAppArea.ts"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { CSSProperties, RefObject, useEffect, useMemo, useRef } from \"react\";\n\nimport { useOdysseyDesignTokens } from \"../OdysseyDesignTokensContext.js\";\nimport { UiShellContentProps } from \"./uiShellContentTypes.js\";\n\nexport const convertCamelCaseToKebabCase = (string: string) =>\n  string.replace(/([A-Z])/g, \"-$1\").toLowerCase();\n\nexport const setStylesToMatchElement = ({\n  additionalStyles,\n  appContainerElement,\n  appContentReferenceElement,\n  parentElement,\n}: {\n  additionalStyles: CSSProperties;\n  appContainerElement: HTMLElement;\n  appContentReferenceElement: HTMLElement;\n  parentElement: HTMLElement;\n}) => {\n  const appContentReferenceRectangle =\n    appContentReferenceElement.getBoundingClientRect();\n  const parentElementRectangle = parentElement.getBoundingClientRect();\n\n  appContainerElement.style.setProperty(\"position\", \"absolute\");\n  appContainerElement.style.setProperty(\n    \"top\",\n    `${appContentReferenceRectangle.top - parentElementRectangle.top}px`,\n  );\n  appContainerElement.style.setProperty(\n    \"left\",\n    `${appContentReferenceRectangle.left - parentElementRectangle.left}px`,\n  );\n  appContainerElement.style.setProperty(\n    \"width\",\n    `${appContentReferenceRectangle.width}px`,\n  );\n  appContainerElement.style.setProperty(\n    \"height\",\n    `${appContentReferenceRectangle.height}px`,\n  );\n\n  (\n    Object.entries(additionalStyles) as Array<\n      [\n        keyof typeof additionalStyles,\n        (typeof additionalStyles)[keyof typeof additionalStyles],\n      ]\n    >\n  ).forEach(([cssPropertyName, cssPropertyValue]) => {\n    appContainerElement.style.setProperty(\n      convertCamelCaseToKebabCase(cssPropertyName),\n      String(cssPropertyValue),\n    );\n  });\n};\n\nexport type UseMatchAppElementToUiShellAppAreaProps = {\n  /**\n   * Padding around the app area. \"comfortable\" is designed for wider views whereas \"compact\" is designed for narrower views.\n   */\n  paddingMode: \"comfortable\" | \"compact\" | \"none\";\n  /**\n   * Ref for the App Container in UI Shell. This should be the one inside the Shell, **not** the element we're going to align.\n   */\n  uiShellAppAreaRef: RefObject<HTMLDivElement>;\n  /**\n   * Array of refs of items that indirectly resize the app content area such as \"side nav\" and \"top nav\".\n   */\n  uiShellResizableRefs: Array<RefObject<HTMLDivElement>>;\n} & Pick<UiShellContentProps, \"appElement\" | \"appElementScrollingMode\">;\n\nexport const useMatchAppElementToUiShellAppArea = ({\n  appElement,\n  appElementScrollingMode,\n  paddingMode,\n  uiShellAppAreaRef,\n  uiShellResizableRefs,\n}: UseMatchAppElementToUiShellAppAreaProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const parentContainerRef = useRef<HTMLDivElement>(null);\n\n  const appContainerElementStyles = useMemo<CSSProperties>(\n    () => ({\n      boxSizing: \"border-box\",\n      zIndex: 1,\n      ...(paddingMode === \"comfortable\"\n        ? {\n            paddingBlock: odysseyDesignTokens.Spacing5,\n            paddingInline: odysseyDesignTokens.Spacing8,\n          }\n        : {}),\n\n      ...(paddingMode === \"compact\"\n        ? {\n            paddingBlock: odysseyDesignTokens.Spacing5,\n            paddingInline: odysseyDesignTokens.Spacing5,\n          }\n        : {}),\n\n      ...(appElementScrollingMode === \"horizontal\" ||\n      appElementScrollingMode === \"both\"\n        ? {\n            overflowX: \"auto\",\n          }\n        : {\n            overflowX: \"hidden\",\n          }),\n\n      ...(appElementScrollingMode === \"vertical\" ||\n      appElementScrollingMode === \"both\"\n        ? {\n            overflowY: \"auto\",\n          }\n        : {\n            overflowY: \"hidden\",\n          }),\n    }),\n    [appElementScrollingMode, paddingMode, odysseyDesignTokens],\n  );\n\n  useEffect(() => {\n    // Once `appContainerRef` is rendered, we can position `appContainerElement` on top to match.\n    if (uiShellAppAreaRef.current && appElement && parentContainerRef.current) {\n      let animationFrameId: number;\n\n      const updateStyles = () => {\n        cancelAnimationFrame(animationFrameId);\n\n        animationFrameId = requestAnimationFrame(() => {\n          if (uiShellAppAreaRef.current && parentContainerRef.current) {\n            setStylesToMatchElement({\n              additionalStyles: appContainerElementStyles,\n              appContentReferenceElement: uiShellAppAreaRef.current,\n              appContainerElement: appElement,\n              parentElement: parentContainerRef.current,\n            });\n          }\n        });\n      };\n\n      // These refs might change by the time we unsubscribe, so we need to keep references to the original elements.\n      const resizingElements = uiShellResizableRefs\n        .map((resizingRef) => resizingRef.current)\n        .filter((element): element is NonNullable<typeof element> =>\n          Boolean(element),\n        );\n\n      // Set up a mutation observer to sync later updates\n      const observer = new ResizeObserver(updateStyles);\n\n      // document.addEventListener(\"ready\", updateStyles);\n\n      resizingElements.forEach((resizingElement) => {\n        resizingElement.addEventListener(\"transitionend\", updateStyles);\n\n        observer.observe(resizingElement);\n      });\n\n      // Set the initial styles\n      updateStyles();\n\n      return () => {\n        observer.disconnect();\n\n        resizingElements.forEach((resizingElement) => {\n          resizingElement.removeEventListener(\"transitionend\", updateStyles);\n        });\n      };\n    }\n    return () => {};\n  }, [\n    appElement,\n    appContainerElementStyles,\n    uiShellAppAreaRef,\n    uiShellResizableRefs,\n  ]);\n\n  return {\n    parentContainerRef,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/ui-shell/useScrollState.cjs

@@ -1,98 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useScrollState = exports.getNestedScrollContainers = exports.getIsYAxisScrolling = exports.getIsYAxisScrollContainer = exports.getIsScrollHeightElement = exports.fakeDefaultContainerElement = void 0;
-var _react = require("react");
-/*!
- * 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.
- */
-
-const getIsScrollHeightElement = ({
-  containerElement,
-  element
-}) => {
-  const containerElementHeight = containerElement.getBoundingClientRect().height;
-  const elementHeight = element.getBoundingClientRect().height;
-  return elementHeight - containerElementHeight >= 0;
-};
-exports.getIsScrollHeightElement = getIsScrollHeightElement;
-const getIsYAxisScrollContainer = element => {
-  const overflowY = window.getComputedStyle(element).overflowY;
-  return overflowY === "auto" || overflowY === "scroll";
-};
-exports.getIsYAxisScrollContainer = getIsYAxisScrollContainer;
-const getIsYAxisScrolling = element => element.scrollHeight > element.clientHeight ? getIsYAxisScrollContainer(element) : false;
-exports.getIsYAxisScrolling = getIsYAxisScrolling;
-const getNestedScrollContainers = containerElement => Array.from(containerElement.querySelectorAll("*")).filter(element => getIsScrollHeightElement({
-  containerElement,
-  element
-})).filter(scrollHeightElement => getIsYAxisScrollContainer(scrollHeightElement));
-exports.getNestedScrollContainers = getNestedScrollContainers;
-const fakeDefaultContainerElement = exports.fakeDefaultContainerElement = typeof window === "undefined" ? null : document.createElement("div");
-const useScrollState = containerElement => {
-  const [isScrolled, setIsScrolled] = (0, _react.useState)(false);
-  const requestedAnimationFrameIdRef = (0, _react.useRef)(0);
-  const scrollableElementsRef = (0, _react.useRef)([]);
-  const updateScrollState = (0, _react.useCallback)(() => {
-    cancelAnimationFrame(requestedAnimationFrameIdRef.current);
-    requestedAnimationFrameIdRef.current = requestAnimationFrame(() => {
-      setIsScrolled(scrollableElementsRef.current.reduce((isScrolled, scrollableElement) => isScrolled || scrollableElement.scrollTop > 0, false));
-    });
-  }, []);
-  const addScrollEventListeners = (0, _react.useCallback)(() => {
-    scrollableElementsRef.current.forEach(scrollableElement => {
-      scrollableElement.addEventListener("scroll", updateScrollState);
-    });
-  }, [updateScrollState]);
-  const removeScrollEventListeners = (0, _react.useCallback)(() => {
-    scrollableElementsRef.current.forEach(scrollableElement => {
-      scrollableElement.removeEventListener("scroll", updateScrollState);
-    });
-  }, [updateScrollState]);
-  const updateScrollableElements = (0, _react.useCallback)(() => {
-    const computedContainerElement = containerElement || fakeDefaultContainerElement;
-    if (computedContainerElement) {
-      scrollableElementsRef.current = getNestedScrollContainers(computedContainerElement).concat(computedContainerElement);
-    }
-  }, [containerElement]);
-  const updateScrollListeners = (0, _react.useCallback)(() => {
-    removeScrollEventListeners();
-    updateScrollableElements();
-    addScrollEventListeners();
-    updateScrollState();
-  }, [addScrollEventListeners, removeScrollEventListeners, updateScrollableElements, updateScrollState]);
-  (0, _react.useEffect)(() => {
-    const mutationObserver = new MutationObserver(() => {
-      updateScrollListeners();
-    });
-    if (containerElement) {
-      mutationObserver.observe(containerElement, {
-        attributes: true,
-        attributeFilter: ["style"],
-        childList: true,
-        subtree: true
-      });
-    }
-    updateScrollListeners();
-    return () => {
-      cancelAnimationFrame(requestedAnimationFrameIdRef.current);
-      removeScrollEventListeners();
-      mutationObserver.disconnect();
-    };
-  }, [containerElement, removeScrollEventListeners, updateScrollListeners]);
-  return {
-    isContentScrolled: isScrolled
-  };
-};
-exports.useScrollState = useScrollState;
-//# sourceMappingURL=useScrollState.cjs.map

package/dist/cjs/ui-shell/useScrollState.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useScrollState.cjs","names":["_react","require","getIsScrollHeightElement","containerElement","element","containerElementHeight","getBoundingClientRect","height","elementHeight","exports","getIsYAxisScrollContainer","overflowY","window","getComputedStyle","getIsYAxisScrolling","scrollHeight","clientHeight","getNestedScrollContainers","Array","from","querySelectorAll","filter","scrollHeightElement","fakeDefaultContainerElement","document","createElement","useScrollState","isScrolled","setIsScrolled","useState","requestedAnimationFrameIdRef","useRef","scrollableElementsRef","updateScrollState","useCallback","cancelAnimationFrame","current","requestAnimationFrame","reduce","scrollableElement","scrollTop","addScrollEventListeners","forEach","addEventListener","removeScrollEventListeners","removeEventListener","updateScrollableElements","computedContainerElement","concat","updateScrollListeners","useEffect","mutationObserver","MutationObserver","observe","attributes","attributeFilter","childList","subtree","disconnect","isContentScrolled"],"sources":["../../../src/ui-shell/useScrollState.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 { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport const getIsScrollHeightElement = ({\n  containerElement,\n  element,\n}: {\n  containerElement: HTMLElement;\n  element: HTMLElement;\n}) => {\n  const containerElementHeight =\n    containerElement.getBoundingClientRect().height;\n  const elementHeight = element.getBoundingClientRect().height;\n\n  return elementHeight - containerElementHeight >= 0;\n};\n\nexport const getIsYAxisScrollContainer = (element: HTMLElement) => {\n  const overflowY = window.getComputedStyle(element).overflowY;\n\n  return overflowY === \"auto\" || overflowY === \"scroll\";\n};\n\nexport const getIsYAxisScrolling = (element: HTMLElement) =>\n  element.scrollHeight > element.clientHeight\n    ? getIsYAxisScrollContainer(element)\n    : false;\n\nexport const getNestedScrollContainers = (containerElement: HTMLElement) =>\n  Array.from(containerElement.querySelectorAll<HTMLElement>(\"*\"))\n    .filter((element) =>\n      getIsScrollHeightElement({\n        containerElement,\n        element,\n      }),\n    )\n    .filter((scrollHeightElement) =>\n      getIsYAxisScrollContainer(scrollHeightElement),\n    );\n\nexport const fakeDefaultContainerElement =\n  typeof window === \"undefined\" ? null : document.createElement(\"div\");\n\nexport const useScrollState = <\n  ContainerElement extends HTMLElement = HTMLDivElement,\n>(\n  /**\n   * The element containing a scroll area.\n   */\n  containerElement: ContainerElement | null,\n) => {\n  const [isScrolled, setIsScrolled] = useState(false);\n\n  const requestedAnimationFrameIdRef = useRef(0);\n  const scrollableElementsRef = useRef<HTMLElement[]>([]);\n\n  const updateScrollState = useCallback(() => {\n    cancelAnimationFrame(requestedAnimationFrameIdRef.current);\n\n    requestedAnimationFrameIdRef.current = requestAnimationFrame(() => {\n      setIsScrolled(\n        scrollableElementsRef.current.reduce(\n          (isScrolled, scrollableElement) =>\n            isScrolled || scrollableElement.scrollTop > 0,\n          false,\n        ),\n      );\n    });\n  }, []);\n\n  const addScrollEventListeners = useCallback(() => {\n    scrollableElementsRef.current.forEach((scrollableElement) => {\n      scrollableElement.addEventListener(\"scroll\", updateScrollState);\n    });\n  }, [updateScrollState]);\n\n  const removeScrollEventListeners = useCallback(() => {\n    scrollableElementsRef.current.forEach((scrollableElement) => {\n      scrollableElement.removeEventListener(\"scroll\", updateScrollState);\n    });\n  }, [updateScrollState]);\n\n  const updateScrollableElements = useCallback(() => {\n    const computedContainerElement =\n      containerElement || fakeDefaultContainerElement;\n\n    if (computedContainerElement) {\n      scrollableElementsRef.current = getNestedScrollContainers(\n        computedContainerElement,\n      ).concat(computedContainerElement);\n    }\n  }, [containerElement]);\n\n  const updateScrollListeners = useCallback(() => {\n    removeScrollEventListeners();\n    updateScrollableElements();\n    addScrollEventListeners();\n    updateScrollState();\n  }, [\n    addScrollEventListeners,\n    removeScrollEventListeners,\n    updateScrollableElements,\n    updateScrollState,\n  ]);\n\n  useEffect(() => {\n    const mutationObserver = new MutationObserver(() => {\n      updateScrollListeners();\n    });\n\n    if (containerElement) {\n      mutationObserver.observe(containerElement, {\n        attributes: true,\n        attributeFilter: [\"style\"],\n        childList: true,\n        subtree: true,\n      });\n    }\n\n    updateScrollListeners();\n\n    return () => {\n      cancelAnimationFrame(requestedAnimationFrameIdRef.current);\n      removeScrollEventListeners();\n      mutationObserver.disconnect();\n    };\n  }, [containerElement, removeScrollEventListeners, updateScrollListeners]);\n\n  return {\n    isContentScrolled: isScrolled,\n  };\n};\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIO,MAAMC,wBAAwB,GAAGA,CAAC;EACvCC,gBAAgB;EAChBC;AAIF,CAAC,KAAK;EACJ,MAAMC,sBAAsB,GAC1BF,gBAAgB,CAACG,qBAAqB,CAAC,CAAC,CAACC,MAAM;EACjD,MAAMC,aAAa,GAAGJ,OAAO,CAACE,qBAAqB,CAAC,CAAC,CAACC,MAAM;EAE5D,OAAOC,aAAa,GAAGH,sBAAsB,IAAI,CAAC;AACpD,CAAC;AAACI,OAAA,CAAAP,wBAAA,GAAAA,wBAAA;AAEK,MAAMQ,yBAAyB,GAAIN,OAAoB,IAAK;EACjE,MAAMO,SAAS,GAAGC,MAAM,CAACC,gBAAgB,CAACT,OAAO,CAAC,CAACO,SAAS;EAE5D,OAAOA,SAAS,KAAK,MAAM,IAAIA,SAAS,KAAK,QAAQ;AACvD,CAAC;AAACF,OAAA,CAAAC,yBAAA,GAAAA,yBAAA;AAEK,MAAMI,mBAAmB,GAAIV,OAAoB,IACtDA,OAAO,CAACW,YAAY,GAAGX,OAAO,CAACY,YAAY,GACvCN,yBAAyB,CAACN,OAAO,CAAC,GAClC,KAAK;AAACK,OAAA,CAAAK,mBAAA,GAAAA,mBAAA;AAEL,MAAMG,yBAAyB,GAAId,gBAA6B,IACrEe,KAAK,CAACC,IAAI,CAAChB,gBAAgB,CAACiB,gBAAgB,CAAc,GAAG,CAAC,CAAC,CAC5DC,MAAM,CAAEjB,OAAO,IACdF,wBAAwB,CAAC;EACvBC,gBAAgB;EAChBC;AACF,CAAC,CACH,CAAC,CACAiB,MAAM,CAAEC,mBAAmB,IAC1BZ,yBAAyB,CAACY,mBAAmB,CAC/C,CAAC;AAACb,OAAA,CAAAQ,yBAAA,GAAAA,yBAAA;AAEC,MAAMM,2BAA2B,GAAAd,OAAA,CAAAc,2BAAA,GACtC,OAAOX,MAAM,KAAK,WAAW,GAAG,IAAI,GAAGY,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;AAE/D,MAAMC,cAAc,GAMzBvB,gBAAyC,IACtC;EACH,MAAM,CAACwB,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEnD,MAAMC,4BAA4B,GAAG,IAAAC,aAAM,EAAC,CAAC,CAAC;EAC9C,MAAMC,qBAAqB,GAAG,IAAAD,aAAM,EAAgB,EAAE,CAAC;EAEvD,MAAME,iBAAiB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC1CC,oBAAoB,CAACL,4BAA4B,CAACM,OAAO,CAAC;IAE1DN,4BAA4B,CAACM,OAAO,GAAGC,qBAAqB,CAAC,MAAM;MACjET,aAAa,CACXI,qBAAqB,CAACI,OAAO,CAACE,MAAM,CAClC,CAACX,UAAU,EAAEY,iBAAiB,KAC5BZ,UAAU,IAAIY,iBAAiB,CAACC,SAAS,GAAG,CAAC,EAC/C,KACF,CACF,CAAC;IACH,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,uBAAuB,GAAG,IAAAP,kBAAW,EAAC,MAAM;IAChDF,qBAAqB,CAACI,OAAO,CAACM,OAAO,CAAEH,iBAAiB,IAAK;MAC3DA,iBAAiB,CAACI,gBAAgB,CAAC,QAAQ,EAAEV,iBAAiB,CAAC;IACjE,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAEvB,MAAMW,0BAA0B,GAAG,IAAAV,kBAAW,EAAC,MAAM;IACnDF,qBAAqB,CAACI,OAAO,CAACM,OAAO,CAAEH,iBAAiB,IAAK;MAC3DA,iBAAiB,CAACM,mBAAmB,CAAC,QAAQ,EAAEZ,iBAAiB,CAAC;IACpE,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAEvB,MAAMa,wBAAwB,GAAG,IAAAZ,kBAAW,EAAC,MAAM;IACjD,MAAMa,wBAAwB,GAC5B5C,gBAAgB,IAAIoB,2BAA2B;IAEjD,IAAIwB,wBAAwB,EAAE;MAC5Bf,qBAAqB,CAACI,OAAO,GAAGnB,yBAAyB,CACvD8B,wBACF,CAAC,CAACC,MAAM,CAACD,wBAAwB,CAAC;IACpC;EACF,CAAC,EAAE,CAAC5C,gBAAgB,CAAC,CAAC;EAEtB,MAAM8C,qBAAqB,GAAG,IAAAf,kBAAW,EAAC,MAAM;IAC9CU,0BAA0B,CAAC,CAAC;IAC5BE,wBAAwB,CAAC,CAAC;IAC1BL,uBAAuB,CAAC,CAAC;IACzBR,iBAAiB,CAAC,CAAC;EACrB,CAAC,EAAE,CACDQ,uBAAuB,EACvBG,0BAA0B,EAC1BE,wBAAwB,EACxBb,iBAAiB,CAClB,CAAC;EAEF,IAAAiB,gBAAS,EAAC,MAAM;IACd,MAAMC,gBAAgB,GAAG,IAAIC,gBAAgB,CAAC,MAAM;MAClDH,qBAAqB,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,IAAI9C,gBAAgB,EAAE;MACpBgD,gBAAgB,CAACE,OAAO,CAAClD,gBAAgB,EAAE;QACzCmD,UAAU,EAAE,IAAI;QAChBC,eAAe,EAAE,CAAC,OAAO,CAAC;QAC1BC,SAAS,EAAE,IAAI;QACfC,OAAO,EAAE;MACX,CAAC,CAAC;IACJ;IAEAR,qBAAqB,CAAC,CAAC;IAEvB,OAAO,MAAM;MACXd,oBAAoB,CAACL,4BAA4B,CAACM,OAAO,CAAC;MAC1DQ,0BAA0B,CAAC,CAAC;MAC5BO,gBAAgB,CAACO,UAAU,CAAC,CAAC;IAC/B,CAAC;EACH,CAAC,EAAE,CAACvD,gBAAgB,EAAEyC,0BAA0B,EAAEK,qBAAqB,CAAC,CAAC;EAEzE,OAAO;IACLU,iBAAiB,EAAEhC;EACrB,CAAC;AACH,CAAC;AAAClB,OAAA,CAAAiB,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/cjs/ui-shell/useUiShellBreakpoints.cjs

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useUiShellBreakpoints = exports.defaultUiShellBreakpointConfig = exports.adminAppUiShellBreakpoints = void 0;
-var _useMediaQuery = require("../theme/useMediaQuery.cjs");
-/*!
- * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-const defaultUiShellBreakpointConfig = exports.defaultUiShellBreakpointConfig = {
-  narrow: 0,
-  medium: 600,
-  wide: 800
-};
-const adminAppUiShellBreakpoints = exports.adminAppUiShellBreakpoints = {
-  narrow: 0,
-  medium: 600,
-  wide: 1304
-};
-const useUiShellBreakpoints = (breakpointConfig = defaultUiShellBreakpointConfig) => {
-  const isNarrowView = (0, _useMediaQuery.useMediaQuery)(`(min-width: ${breakpointConfig.narrow}px)`);
-  const isMediumView = (0, _useMediaQuery.useMediaQuery)(`(min-width: ${breakpointConfig.medium}px)`);
-  const isWideView = (0, _useMediaQuery.useMediaQuery)(`(min-width: ${breakpointConfig.wide}px)`);
-  if (isWideView) {
-    return "wide";
-  }
-  if (isMediumView) {
-    return "medium";
-  }
-  if (isNarrowView) {
-    return "narrow";
-  }
-  return "none";
-};
-exports.useUiShellBreakpoints = useUiShellBreakpoints;
-//# sourceMappingURL=useUiShellBreakpoints.cjs.map

package/dist/cjs/ui-shell/useUiShellBreakpoints.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useUiShellBreakpoints.cjs","names":["_useMediaQuery","require","defaultUiShellBreakpointConfig","exports","narrow","medium","wide","adminAppUiShellBreakpoints","useUiShellBreakpoints","breakpointConfig","isNarrowView","useMediaQuery","isMediumView","isWideView"],"sources":["../../../src/ui-shell/useUiShellBreakpoints.ts"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { useMediaQuery } from \"../theme/useMediaQuery.js\";\n\nexport type UiShellBreakpointConfig = {\n  medium: number;\n  narrow: number;\n  wide: number;\n};\n\nexport const defaultUiShellBreakpointConfig = {\n  narrow: 0,\n  medium: 600,\n  wide: 800,\n} as const satisfies UiShellBreakpointConfig;\n\nexport const adminAppUiShellBreakpoints = {\n  narrow: 0,\n  medium: 600,\n  wide: 1304,\n} as const satisfies UiShellBreakpointConfig;\n\nexport const useUiShellBreakpoints = (\n  breakpointConfig: UiShellBreakpointConfig = defaultUiShellBreakpointConfig,\n): keyof UiShellBreakpointConfig | \"none\" => {\n  const isNarrowView = useMediaQuery(\n    `(min-width: ${breakpointConfig.narrow}px)`,\n  );\n\n  const isMediumView = useMediaQuery(\n    `(min-width: ${breakpointConfig.medium}px)`,\n  );\n\n  const isWideView = useMediaQuery(`(min-width: ${breakpointConfig.wide}px)`);\n\n  if (isWideView) {\n    return \"wide\";\n  }\n\n  if (isMediumView) {\n    return \"medium\";\n  }\n\n  if (isNarrowView) {\n    return \"narrow\";\n  }\n\n  // This is a failsafe in case we don't have any media queries on page load or if media queries were improperly defined (no `0` case). With the default breakpoints, it will never be `\"none\"`.\n  return \"none\";\n};\n"],"mappings":";;;;;;AAYA,IAAAA,cAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUO,MAAMC,8BAA8B,GAAAC,OAAA,CAAAD,8BAAA,GAAG;EAC5CE,MAAM,EAAE,CAAC;EACTC,MAAM,EAAE,GAAG;EACXC,IAAI,EAAE;AACR,CAA4C;AAErC,MAAMC,0BAA0B,GAAAJ,OAAA,CAAAI,0BAAA,GAAG;EACxCH,MAAM,EAAE,CAAC;EACTC,MAAM,EAAE,GAAG;EACXC,IAAI,EAAE;AACR,CAA4C;AAErC,MAAME,qBAAqB,GAAGA,CACnCC,gBAAyC,GAAGP,8BAA8B,KAC/B;EAC3C,MAAMQ,YAAY,GAAG,IAAAC,4BAAa,EAChC,eAAeF,gBAAgB,CAACL,MAAM,KACxC,CAAC;EAED,MAAMQ,YAAY,GAAG,IAAAD,4BAAa,EAChC,eAAeF,gBAAgB,CAACJ,MAAM,KACxC,CAAC;EAED,MAAMQ,UAAU,GAAG,IAAAF,4BAAa,EAAC,eAAeF,gBAAgB,CAACH,IAAI,KAAK,CAAC;EAE3E,IAAIO,UAAU,EAAE;IACd,OAAO,MAAM;EACf;EAEA,IAAID,YAAY,EAAE;IAChB,OAAO,QAAQ;EACjB;EAEA,IAAIF,YAAY,EAAE;IAChB,OAAO,QAAQ;EACjB;EAGA,OAAO,MAAM;AACf,CAAC;AAACP,OAAA,CAAAK,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/cjs/useAutocomplete.cjs

@@ -1,113 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAutocomplete = void 0;
-var _InputBase2 = _interopRequireDefault(require("@mui/material/InputBase"));
-var _react = require("react");
-var _Field = require("./Field.cjs");
-var _inputUtils = require("./inputUtils.cjs");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*!
- * 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.
- */
-
-const useAutocomplete = ({
-  ariaDescribedBy,
-  defaultValue,
-  errorMessage,
-  errorMessageList,
-  hasMultipleChoices,
-  hint,
-  HintLinkComponent,
-  inputValue,
-  isFullWidth,
-  isOptional,
-  isVirtualized: isVirtualizedProp,
-  label,
-  name: nameOverride,
-  testId,
-  value
-}) => {
-  const controlledStateRef = (0, _react.useRef)((0, _inputUtils.getControlState)({
-    controlledValue: value,
-    uncontrolledValue: defaultValue
-  }));
-  const isVirtualizedRef = (0, _react.useRef)(Boolean(isVirtualizedProp));
-  const defaultValueProp = (0, _react.useMemo)(() => {
-    if (hasMultipleChoices) {
-      if (value === undefined) {
-        return defaultValue;
-      }
-      return [];
-    }
-    return value === undefined ? defaultValue : undefined;
-  }, [defaultValue, hasMultipleChoices, value]);
-  const valueProps = (0, _inputUtils.useInputValues)({
-    controlState: controlledStateRef.current,
-    defaultValue: defaultValueProp,
-    value
-  });
-  const inputValueProp = (0, _react.useMemo)(() => {
-    if (controlledStateRef.current === _inputUtils.ComponentControlledState.CONTROLLED) {
-      return {
-        inputValue
-      };
-    }
-    return undefined;
-  }, [inputValue]);
-  const renderInput = (0, _react.useCallback)(({
-    InputLabelProps,
-    InputProps,
-    ...params
-  }) => (0, _jsxRuntime.jsx)(_Field.Field, {
-    ariaDescribedBy: ariaDescribedBy,
-    errorMessage: errorMessage,
-    errorMessageList: errorMessageList,
-    fieldType: "single",
-    hasVisibleLabel: true,
-    hint: hint,
-    HintLinkComponent: HintLinkComponent,
-    id: InputLabelProps.htmlFor,
-    isFullWidth: isFullWidth,
-    isOptional: isOptional,
-    label: label,
-    renderFieldComponent: ({
-      ariaDescribedBy,
-      id,
-      errorMessageElementId,
-      labelElementId
-    }) => (0, _jsxRuntime.jsx)(_InputBase2.default, {
-      ...params,
-      ...InputProps,
-      "aria-describedby": ariaDescribedBy,
-      id: id,
-      inputProps: {
-        ...params.inputProps,
-        "aria-errormessage": errorMessageElementId,
-        "aria-labelledby": labelElementId,
-        "data-se": testId
-      },
-      name: nameOverride ?? id,
-      required: !isOptional
-    })
-  }), [ariaDescribedBy, errorMessage, errorMessageList, hint, HintLinkComponent, isFullWidth, isOptional, label, nameOverride, testId]);
-  return {
-    inputValueProp,
-    isVirtualizedRef,
-    renderInput,
-    valueProps
-  };
-};
-exports.useAutocomplete = useAutocomplete;
-//# sourceMappingURL=useAutocomplete.cjs.map