@oracle/oraclejet-preact 14.0.5 → 14.0.7

package/amd/useAnimation-2f572e0c.js

@@ -0,0 +1,247 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/hooks', './tslib.es6-71b1ba5b'], (function (exports, hooks, tslib_es6) { 'use strict';
+
+    /**
+     * Converts shorthand translate props into transform string representation.
+     *
+     * @param translateX
+     * @param translateY
+     * @param translateZ
+     * @returns Longhand transform string representation.
+     */
+    function convertTranslateShortcuts(translateX, translateY, translateZ) {
+        return `${translateX ? ` translateX(${translateX})` : ''}${translateY ? ` translateY(${translateY})` : ''}${translateZ ? ` translateZ(${translateZ})` : ''}`;
+    }
+    /**
+     * Converts shorthand rotate props into transform string representation.
+     *
+     * @param rotateX
+     * @param rotateY
+     * @param rotateZ
+     * @returns Longhand transform string representation.
+     */
+    function convertRotateShortcuts(rotateX, rotateY, rotateZ) {
+        return `${rotateX ? ` rotateX(${rotateX})` : ''}${rotateY ? ` rotateY(${rotateY})` : ''}${rotateZ ? ` rotateZ(${rotateZ})` : ''}`;
+    }
+    /**
+     * Converts shorthand scale props into transform string representation.
+     *
+     * @param scaleX
+     * @param scaleY
+     * @param scaleZ
+     * @returns Longhand transform string representation.
+     */
+    function convertScaleShortcuts(scaleX, scaleY, scaleZ) {
+        return `${scaleX || scaleX === 0 ? ` scaleX(${scaleX})` : ''}${scaleY || scaleY === 0 ? ` scaleY(${scaleY})` : ''}${scaleZ || scaleZ === 0 ? ` scaleZ(${scaleZ})` : ''}`;
+    }
+    /**
+     * Converts shorthand skew props into transform string representation.
+     *
+     * @param skewX
+     * @param skewY
+     * @returns Longhand transform string representation.
+     */
+    function convertSkewShortcuts(skewX, skewY) {
+        return `${skewX ? ` skewX(${skewX})` : ''}${skewY ? ` skewY(${skewY})` : ''}`;
+    }
+    /**
+     * Converts animation CSS properties into Regular camel cased CSS properties.
+     *
+     * @param useAnimationCssProperties This include transform shorthand props.
+     * @returns Regular camel cased CSS properties.
+     */
+    function convertUseAnimationCssPropertiesToRegularCSS(useAnimationCssProperties) {
+        if (!useAnimationCssProperties) {
+            return {};
+        }
+        const { translateX, translateY, translateZ, rotateX, rotateY, rotateZ, scaleX, scaleY, scaleZ, skewX, skewY } = useAnimationCssProperties, otherCssProperties = tslib_es6.__rest(useAnimationCssProperties, ["translateX", "translateY", "translateZ", "rotateX", "rotateY", "rotateZ", "scaleX", "scaleY", "scaleZ", "skewX", "skewY"]);
+        const initialTransformValue = useAnimationCssProperties['transform'] || '';
+        // Now we just add values pased in shortcuts to transform property, do we want to replace it instead?
+        const finalTransformValue = `${initialTransformValue}${convertTranslateShortcuts(translateX, translateY, translateZ)}${convertRotateShortcuts(rotateX, rotateY, rotateZ)}${convertScaleShortcuts(scaleX, scaleY, scaleZ)}${convertSkewShortcuts(skewX, skewY)}`;
+        return Object.assign(Object.assign({}, otherCssProperties), (finalTransformValue && { transform: finalTransformValue }));
+    }
+    /**
+     * Converts animation CSS properties into WAAPI keyframe properties.
+     * Since keyframes have a difference between offset and cssOffset this collision is avoided here.
+     *
+     * @param useAnimationCssProperties This include transform shorthand props.
+     * @returns WAAPI keyframe
+     */
+    function convertUseAnimationCssPropertiesToWAAPIKeyframe(useAnimationCssProperties) {
+        if (!useAnimationCssProperties) {
+            return {};
+        }
+        const _a = convertUseAnimationCssPropertiesToRegularCSS(useAnimationCssProperties), { offset } = _a, otherCssProperties = tslib_es6.__rest(_a, ["offset"]);
+        return Object.assign(Object.assign({}, otherCssProperties), (offset && { cssOffset: offset }));
+    }
+    /**
+     * Stops an animation.
+     *
+     * @param animation Animation that is going to be stopped.
+     * @returns
+     */
+    function stopAnimation(animation, node) {
+        // TO DO: rollup-plugin-typescript seems to have an outdated Animation typing. That produces warnings while bulding.
+        // Update picked type to get rid of this casting.
+        // We have to check if the element is visible to commit styles
+        isVisible(node) && animation.commitStyles();
+        animation.cancel();
+    }
+    /**
+     * Check if an element is visible. Similar to jQuery :visible selector.
+     *
+     * @param element HTML element that is going to be checked for its visibility.
+     * @returns
+     */
+    function isVisible(element) {
+        return !!((element === null || element === void 0 ? void 0 : element.offsetWidth) || (element === null || element === void 0 ? void 0 : element.offsetHeight) || (element === null || element === void 0 ? void 0 : element.getClientRects().length));
+    }
+
+    /**
+     * Hook to animate single components.
+     * It allows n number of animation states.
+     * @param animationState
+     * @param animationConfig
+     * @returns
+     */
+    function useAnimation(animationState, { animationStates, isAnimatedOnMount = false, onAnimationEnd = () => { } }) {
+        const didMountRef = hooks.useRef(false);
+        const nodeRef = hooks.useRef(null);
+        const currentAnimationState = hooks.useRef();
+        const currentAnimation = hooks.useRef();
+        // We don't allow changing animationStates. Ref to keep "first run" animation states.
+        const animationStatesRef = hooks.useRef(animationStates);
+        hooks.useEffect(() => {
+            var _a;
+            // UseEffect just have to be ran when there is a change on animationState
+            if (currentAnimationState.current === animationState)
+                return;
+            // It makes sense to keep track of animation states even if there's no animated element to animate.
+            const previousAnimationState = currentAnimationState.current;
+            currentAnimationState.current = animationState;
+            //Stop an animation here only makes sense if the previous one is running
+            if (((_a = currentAnimation.current) === null || _a === void 0 ? void 0 : _a.playState) === 'running') {
+                stopAnimation(currentAnimation.current, nodeRef.current);
+            }
+            const animatedElement = nodeRef.current;
+            if (!animatedElement) {
+                return;
+            }
+            if (!didMountRef.current) {
+                didMountRef.current = true;
+                if (!isAnimatedOnMount) {
+                    return;
+                }
+            }
+            const animationConfig = getConfig(animationStatesRef.current, animatedElement, animationState, previousAnimationState);
+            if (!animationConfig) {
+                return;
+            }
+            currentAnimation.current = startAnimation(animationConfig, animatedElement, animationState, onAnimationEnd);
+        }, [animationState, isAnimatedOnMount, onAnimationEnd]);
+        /**
+         * Used to cancel current animation. When animation is canceled node style goes back to beginning style of canceled animation.
+         * @returns
+         */
+        const cancelCurrentAnimation = hooks.useCallback(() => {
+            const animation = currentAnimation.current;
+            if ((animation === null || animation === void 0 ? void 0 : animation.playState) === 'running') {
+                animation.cancel();
+            }
+        }, []);
+        /**
+         * Callback ref use to set nodeRef.
+         *
+         * @param node Actual element user set.
+         * @returns
+         */
+        const callbackRef = hooks.useCallback((node) => {
+            var _a;
+            if (node != nodeRef.current) {
+                //If for any reason element is unmounted we have to cancel animation(if there is one) and
+                //set currentAnimation as undefined so we don't keep running this animation
+                if (nodeRef.current) {
+                    (_a = currentAnimation.current) === null || _a === void 0 ? void 0 : _a.cancel();
+                    currentAnimation.current = undefined;
+                }
+                nodeRef.current = node;
+            }
+        }, []);
+        return { nodeRef: callbackRef, controller: { cancel: cancelCurrentAnimation } };
+    }
+    /**
+     * Gets animation configuration.
+     *
+     * @param animationStates Set of animation configurations provided by the user.
+     * @param animatedElement Element that is going to be styled.
+     * @param animationState Current animation state.
+     * @param previousAnimationState Previous animation state.
+     * @returns AnimationConfig.
+     */
+    function getConfig(animationStates, animatedElement, animationState, previousAnimationState) {
+        const currentAnimationStateConfig = animationStates[`${previousAnimationState} => ${animationState}`] ||
+            animationStates[animationState];
+        const animationConfig = typeof currentAnimationStateConfig === 'function'
+            ? currentAnimationStateConfig(animatedElement)
+            : currentAnimationStateConfig;
+        return animationConfig && Object.keys(animationConfig).length > 0 ? animationConfig : null;
+    }
+    /**
+     * Starts an animation.
+     *
+     * @param animationConfig Animation configuration used by the animation.
+     * @param animatedElement Element that is going to be styled.
+     * @param animationState Current animation state.
+     * @param onAnimationEnd Callback called once the animation is completed.
+     * @returns Animation.
+     */
+    function startAnimation(animationConfig, animatedElement, animationState, onAnimationEnd) {
+        const { delay, duration, easing } = animationConfig.options || {};
+        //Now, if user does not pass a value we override it by hand. We will use theming tools in future.
+        const animationOptions = {
+            delay: delay || 0,
+            duration: duration || 400,
+            easing: easing
+                ? typeof easing === 'string'
+                    ? easing
+                    : `cubic-bezier(${easing[0]}, ${easing[1]}, ${easing[2]}, ${easing[3]})`
+                : 'ease'
+        };
+        // WAAPI animation method. https://developer.mozilla.org/en-US/docs/Web/API/Element/animate
+        // TO DO: Check for required browser compatibility in case we need pollyfill.
+        // https://github.com/web-animations/web-animations-js/blob/dev/docs/support.md#browser-support
+        const startedAnimation = animatedElement.animate([
+            convertUseAnimationCssPropertiesToWAAPIKeyframe(animationConfig.from),
+            convertUseAnimationCssPropertiesToWAAPIKeyframe(animationConfig.to)
+        ], Object.assign({}, animationOptions));
+        startedAnimation.onfinish = () => {
+            //We commit styles to have an only source of truth.
+            setEndStyle(animatedElement, true, animationConfig);
+            // On animationEnd is only called when animation actually finished. If an animation is interruped by other one
+            // or animated element is not longer rendered onAnimationEnd will not be called. Do we want to have a callback for those cases?
+            onAnimationEnd === null || onAnimationEnd === void 0 ? void 0 : onAnimationEnd({ animationState });
+        };
+        return startedAnimation;
+    }
+    /**
+     * Sets element style.
+     *
+     * @param animatedElement Element that is going to be styled.
+     * @param toAndEndStyle Represents which data will be used to set style. If set to true it uses "to" and "endStyle".
+     * If set to false it uses just "endStyle".
+     * @param animationConfig Style that is going to be set.
+     */
+    function setEndStyle(animatedElement, toAndEndStyle, animationConfig) {
+        const endStyle = toAndEndStyle
+            ? Object.assign(Object.assign({}, convertUseAnimationCssPropertiesToRegularCSS(animationConfig.to)), convertUseAnimationCssPropertiesToRegularCSS(animationConfig.end)) : convertUseAnimationCssPropertiesToRegularCSS(animationConfig.end);
+        for (const key in endStyle) {
+            //TO DO: Look for a better way to handle types.
+            animatedElement.style[key] = endStyle[key];
+        }
+    }
+
+    exports.useAnimation = useAnimation;
+
+}));
+/*  */
+//# sourceMappingURL=useAnimation-2f572e0c.js.map

package/amd/{useAnimation-5d80cd95.js.map → useAnimation-2f572e0c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useAnimation-5d80cd95.js","sources":["../../src/hooks/UNSAFE_useAnimation/animationUtils.ts","../../src/hooks/UNSAFE_useAnimation/useAnimation.ts"],"sourcesContent":["import { StandardProperties } from 'csstype';\n\nexport type UseAnimationCssProperties = StandardProperties & TransformProperties;\n\n// This represents shorthand UseAnimationCssProperties props.\ntype TransformProperties = Partial<\n  Record<\n    | 'translateX'\n    | 'translateY'\n    | 'translateZ'\n    | 'rotateX'\n    | 'rotateY'\n    | 'rotateZ'\n    | 'skewX'\n    | 'skewY',\n    string\n  > &\n    Record<'scaleX' | 'scaleY' | 'scaleZ', string | number>\n>;\n\n/**\n * Converts shorthand translate props into transform string representation.\n *\n * @param translateX\n * @param translateY\n * @param translateZ\n * @returns Longhand transform string representation.\n */\nfunction convertTranslateShortcuts(\n  translateX: TransformProperties['translateX'],\n  translateY: TransformProperties['translateY'],\n  translateZ: TransformProperties['translateZ']\n) {\n  return `${translateX ? ` translateX(${translateX})` : ''}${\n    translateY ? ` translateY(${translateY})` : ''\n  }${translateZ ? ` translateZ(${translateZ})` : ''}`;\n}\n\n/**\n * Converts shorthand rotate props into transform string representation.\n *\n * @param rotateX\n * @param rotateY\n * @param rotateZ\n * @returns Longhand transform string representation.\n */\nfunction convertRotateShortcuts(\n  rotateX?: TransformProperties['rotateX'],\n  rotateY?: TransformProperties['rotateY'],\n  rotateZ?: TransformProperties['rotateZ']\n) {\n  return `${rotateX ? ` rotateX(${rotateX})` : ''}${rotateY ? ` rotateY(${rotateY})` : ''}${\n    rotateZ ? ` rotateZ(${rotateZ})` : ''\n  }`;\n}\n\n/**\n * Converts shorthand scale props into transform string representation.\n *\n * @param scaleX\n * @param scaleY\n * @param scaleZ\n * @returns Longhand transform string representation.\n */\nfunction convertScaleShortcuts(\n  scaleX: TransformProperties['scaleX'],\n  scaleY: TransformProperties['scaleY'],\n  scaleZ: TransformProperties['scaleZ']\n) {\n  return `${scaleX || scaleX === 0 ? ` scaleX(${scaleX})` : ''}${\n    scaleY || scaleY === 0 ? ` scaleY(${scaleY})` : ''\n  }${scaleZ || scaleZ === 0 ? ` scaleZ(${scaleZ})` : ''}`;\n}\n\n/**\n * Converts shorthand skew props into transform string representation.\n *\n * @param skewX\n * @param skewY\n * @returns Longhand transform string representation.\n */\nfunction convertSkewShortcuts(\n  skewX: TransformProperties['skewX'],\n  skewY: TransformProperties['skewY']\n) {\n  return `${skewX ? ` skewX(${skewX})` : ''}${skewY ? ` skewY(${skewY})` : ''}`;\n}\n\n/**\n * Converts animation CSS properties into Regular camel cased CSS properties.\n *\n * @param useAnimationCssProperties This include transform shorthand props.\n * @returns Regular camel cased CSS properties.\n */\nexport function convertUseAnimationCssPropertiesToRegularCSS(\n  useAnimationCssProperties?: UseAnimationCssProperties\n) {\n  if (!useAnimationCssProperties) {\n    return {};\n  }\n  const {\n    translateX,\n    translateY,\n    translateZ,\n    rotateX,\n    rotateY,\n    rotateZ,\n    scaleX,\n    scaleY,\n    scaleZ,\n    skewX,\n    skewY,\n    ...otherCssProperties\n  } = useAnimationCssProperties;\n  const initialTransformValue = useAnimationCssProperties['transform'] || '';\n  // Now we just add values pased in shortcuts to transform property, do we want to replace it instead?\n  const finalTransformValue = `${initialTransformValue}${convertTranslateShortcuts(\n    translateX,\n    translateY,\n    translateZ\n  )}${convertRotateShortcuts(rotateX, rotateY, rotateZ)}${convertScaleShortcuts(\n    scaleX,\n    scaleY,\n    scaleZ\n  )}${convertSkewShortcuts(skewX, skewY)}`;\n  return {\n    ...otherCssProperties,\n    ...(finalTransformValue && { transform: finalTransformValue })\n  };\n}\n\n/**\n * Converts animation CSS properties into WAAPI keyframe properties.\n * Since keyframes have a difference between offset and cssOffset this collision is avoided here.\n *\n * @param useAnimationCssProperties This include transform shorthand props.\n * @returns WAAPI keyframe\n */\nexport function convertUseAnimationCssPropertiesToWAAPIKeyframe(\n  useAnimationCssProperties?: UseAnimationCssProperties\n) {\n  if (!useAnimationCssProperties) {\n    return {};\n  }\n  const { offset, ...otherCssProperties } =\n    convertUseAnimationCssPropertiesToRegularCSS(useAnimationCssProperties);\n  return {\n    ...otherCssProperties,\n    ...(offset && { cssOffset: offset })\n  };\n}\n\n/**\n * Stops an animation.\n *\n * @param animation Animation that is going to be stopped.\n * @returns\n */\nexport function stopAnimation<E extends HTMLElement>(animation: Animation, node: E | null) {\n  // TO DO: rollup-plugin-typescript seems to have an outdated Animation typing. That produces warnings while bulding.\n  // Update picked type to get rid of this casting.\n  // We have to check if the element is visible to commit styles\n  isVisible(node) && (animation as any).commitStyles();\n  animation.cancel();\n}\n\n/**\n * Check if an element is visible. Similar to jQuery :visible selector.\n *\n * @param element HTML element that is going to be checked for its visibility.\n * @returns\n */\nfunction isVisible<E extends HTMLElement>(element: E | null): boolean {\n  return !!(element?.offsetWidth || element?.offsetHeight || element?.getClientRects().length);\n}\n","import { useRef, useEffect, useCallback } from 'preact/hooks';\nimport {\n  convertUseAnimationCssPropertiesToRegularCSS,\n  convertUseAnimationCssPropertiesToWAAPIKeyframe,\n  UseAnimationCssProperties,\n  stopAnimation\n} from './animationUtils';\n\nexport type UseAnimationConfig<V extends string, E extends HTMLElement> = {\n  animationStates: Partial<\n    Record<AnimationStateKey<V>, ((node: E) => AnimationConfig) | AnimationConfig>\n  >;\n  isAnimatedOnMount?: boolean;\n  onAnimationEnd?: ({ animationState }: { animationState: V }) => void;\n};\n\n// Used to filter simple states and ones that include previous state\ntype AnimationStateKey<PA extends string> = ExtractAnimationStates<PA | `${PA} => ${PA}`>;\n\n// Used to get previous and current states and do deeper typing\ntype ExtractAnimationStates<StateString extends string> =\n  StateString extends `${infer From} => ${infer To}`\n    ? KeyWithPreviousAndCurrentState<From, To>\n    : StateString;\n\n// Used to just allow keys with different previous and current states\ntype KeyWithPreviousAndCurrentState<PreviousState extends string, CurrentState extends string> = {\n  b: PreviousState;\n} extends { b: CurrentState }\n  ? never\n  : `${PreviousState} => ${CurrentState}`;\n\ntype AnimationConfig = {\n  from?: UseAnimationCssProperties;\n  to: UseAnimationCssProperties;\n  end?: UseAnimationCssProperties;\n  options?: AnimationOptions;\n};\n\ntype AnimationOptions = {\n  delay?: number;\n  duration?: number;\n  easing?:\n    | 'linear'\n    | 'ease'\n    | 'ease-in'\n    | 'ease-out'\n    | 'ease-in-out'\n    | [number, number, number, number];\n};\n\n// Used to exclude states that include => since this string is used to represent a transition from state to another.\ntype PermittedAnimationState<V extends string> = Exclude<V, `${string}=>${string}`>;\n\n/**\n * Hook to animate single components.\n * It allows n number of animation states.\n * @param animationState\n * @param animationConfig\n * @returns\n */\nexport function useAnimation<V extends string, E extends HTMLElement = HTMLElement>(\n  animationState: PermittedAnimationState<V>,\n  {\n    animationStates,\n    isAnimatedOnMount = false,\n    onAnimationEnd = () => {}\n  }: UseAnimationConfig<PermittedAnimationState<V>, E>\n) {\n  const didMountRef = useRef(false);\n  const nodeRef = useRef<E | null>(null);\n  const currentAnimationState = useRef<PermittedAnimationState<V>>();\n  const currentAnimation = useRef<Animation>();\n\n  // We don't allow changing animationStates. Ref to keep \"first run\" animation states.\n  const animationStatesRef =\n    useRef<UseAnimationConfig<PermittedAnimationState<V>, E>['animationStates']>(animationStates);\n\n  useEffect(() => {\n    // UseEffect just have to be ran when there is a change on animationState\n    if (currentAnimationState.current === animationState) return;\n\n    // It makes sense to keep track of animation states even if there's no animated element to animate.\n    const previousAnimationState = currentAnimationState.current;\n    currentAnimationState.current = animationState;\n\n    //Stop an animation here only makes sense if the previous one is running\n    if (currentAnimation.current?.playState === 'running') {\n      stopAnimation(currentAnimation.current, nodeRef.current);\n    }\n\n    const animatedElement = nodeRef.current;\n    if (!animatedElement) {\n      return;\n    }\n\n    if (!didMountRef.current) {\n      didMountRef.current = true;\n      if (!isAnimatedOnMount) {\n        return;\n      }\n    }\n\n    const animationConfig = getConfig(\n      animationStatesRef.current,\n      animatedElement,\n      animationState,\n      previousAnimationState\n    );\n\n    if (!animationConfig) {\n      return;\n    }\n\n    currentAnimation.current = startAnimation(\n      animationConfig,\n      animatedElement,\n      animationState,\n      onAnimationEnd\n    );\n  }, [animationState, isAnimatedOnMount, onAnimationEnd]);\n\n  /**\n   * Used to cancel current animation. When animation is canceled node style goes back to beginning style of canceled animation.\n   * @returns\n   */\n  const cancelCurrentAnimation = useCallback(() => {\n    const animation = currentAnimation.current;\n    if (animation?.playState === 'running') {\n      animation.cancel();\n    }\n  }, []);\n\n  /**\n   * Callback ref use to set nodeRef.\n   *\n   * @param node Actual element user set.\n   * @returns\n   */\n  const callbackRef = useCallback((node: E | null) => {\n    if (node != nodeRef.current) {\n      //If for any reason element is unmounted we have to cancel animation(if there is one) and\n      //set currentAnimation as undefined so we don't keep running this animation\n      if (nodeRef.current) {\n        currentAnimation.current?.cancel();\n        currentAnimation.current = undefined;\n      }\n      nodeRef.current = node;\n    }\n  }, []);\n\n  return { nodeRef: callbackRef, controller: { cancel: cancelCurrentAnimation } };\n}\n\n/**\n * Gets animation configuration.\n *\n * @param animationStates Set of animation configurations provided by the user.\n * @param animatedElement Element that is going to be styled.\n * @param animationState Current animation state.\n * @param previousAnimationState Previous animation state.\n * @returns AnimationConfig.\n */\nfunction getConfig<V extends string, E extends HTMLElement>(\n  animationStates: UseAnimationConfig<PermittedAnimationState<V>, E>['animationStates'],\n  animatedElement: E,\n  animationState: PermittedAnimationState<V>,\n  previousAnimationState?: PermittedAnimationState<V>\n) {\n  const currentAnimationStateConfig =\n    animationStates[\n      `${previousAnimationState} => ${animationState}` as keyof UseAnimationConfig<\n        PermittedAnimationState<V>,\n        E\n      >['animationStates']\n    ] ||\n    animationStates[\n      animationState as keyof UseAnimationConfig<PermittedAnimationState<V>, E>['animationStates']\n    ];\n\n  const animationConfig =\n    typeof currentAnimationStateConfig === 'function'\n      ? currentAnimationStateConfig(animatedElement)\n      : (currentAnimationStateConfig as AnimationConfig);\n\n  return animationConfig && Object.keys(animationConfig).length > 0 ? animationConfig : null;\n}\n\n/**\n * Starts an animation.\n *\n * @param animationConfig Animation configuration used by the animation.\n * @param animatedElement Element that is going to be styled.\n * @param animationState Current animation state.\n * @param onAnimationEnd Callback called once the animation is completed.\n * @returns Animation.\n */\nfunction startAnimation<V extends string, E extends HTMLElement>(\n  animationConfig: AnimationConfig,\n  animatedElement: E,\n  animationState: PermittedAnimationState<V>,\n  onAnimationEnd: UseAnimationConfig<PermittedAnimationState<V>, E>['onAnimationEnd']\n) {\n  const { delay, duration, easing } = animationConfig.options || {};\n\n  //Now, if user does not pass a value we override it by hand. We will use theming tools in future.\n  const animationOptions = {\n    delay: delay || 0,\n    duration: duration || 400,\n    easing: easing\n      ? typeof easing === 'string'\n        ? easing\n        : `cubic-bezier(${easing[0]}, ${easing[1]}, ${easing[2]}, ${easing[3]})`\n      : 'ease'\n  };\n\n  // WAAPI animation method. https://developer.mozilla.org/en-US/docs/Web/API/Element/animate\n  // TO DO: Check for required browser compatibility in case we need pollyfill.\n  // https://github.com/web-animations/web-animations-js/blob/dev/docs/support.md#browser-support\n  const startedAnimation = animatedElement.animate(\n    [\n      convertUseAnimationCssPropertiesToWAAPIKeyframe(animationConfig.from),\n      convertUseAnimationCssPropertiesToWAAPIKeyframe(animationConfig.to)\n    ],\n    { ...animationOptions }\n  );\n\n  startedAnimation.onfinish = () => {\n    //We commit styles to have an only source of truth.\n    setEndStyle(animatedElement, true, animationConfig);\n    // On animationEnd is only called when animation actually finished. If an animation is interruped by other one\n    // or animated element is not longer rendered onAnimationEnd will not be called. Do we want to have a callback for those cases?\n    onAnimationEnd?.({ animationState });\n  };\n\n  return startedAnimation;\n}\n\n/**\n * Sets element style.\n *\n * @param animatedElement Element that is going to be styled.\n * @param toAndEndStyle Represents which data will be used to set style. If set to true it uses \"to\" and \"endStyle\".\n * If set to false it uses just \"endStyle\".\n * @param animationConfig Style that is going to be set.\n */\nfunction setEndStyle<E extends HTMLElement>(\n  animatedElement: E,\n  toAndEndStyle: boolean,\n  animationConfig: AnimationConfig\n) {\n  const endStyle = toAndEndStyle\n    ? {\n        ...convertUseAnimationCssPropertiesToRegularCSS(animationConfig.to),\n        ...convertUseAnimationCssPropertiesToRegularCSS(animationConfig.end)\n      }\n    : convertUseAnimationCssPropertiesToRegularCSS(animationConfig.end);\n  for (const key in endStyle) {\n    //TO DO: Look for a better way to handle types.\n    (<any>animatedElement.style)[key] = endStyle[key as keyof typeof endStyle];\n  }\n}\n"],"names":["convertUseAnimationCssPropertiesToRegularCSS","useAnimationCssProperties","translateX","translateY","translateZ","rotateX","rotateY","rotateZ","scaleX","scaleY","scaleZ","skewX","skewY","otherCssProperties","__rest","finalTransformValue","convertTranslateShortcuts","convertRotateShortcuts","convertScaleShortcuts","convertSkewShortcuts","Object","assign","transform","convertUseAnimationCssPropertiesToWAAPIKeyframe","_a","offset","cssOffset","animationState","animationStates","isAnimatedOnMount","onAnimationEnd","didMountRef","useRef","nodeRef","currentAnimationState","currentAnimation","animationStatesRef","useEffect","current","previousAnimationState","animation","node","element","playState","offsetWidth","offsetHeight","getClientRects","length","commitStyles","cancel","animatedElement","animationConfig","currentAnimationStateConfig","keys","getConfig","delay","duration","easing","options","animationOptions","startedAnimation","animate","from","to","onfinish","toAndEndStyle","endStyle","end","key","style","setEndStyle","startAnimation","cancelCurrentAnimation","useCallback","undefined","controller"],"mappings":"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"}
+{"version":3,"file":"useAnimation-2f572e0c.js","sources":["../../src/hooks/UNSAFE_useAnimation/animationUtils.ts","../../src/hooks/UNSAFE_useAnimation/useAnimation.ts"],"sourcesContent":["import { StandardProperties } from 'csstype';\n\nexport type UseAnimationCssProperties = StandardProperties & TransformProperties;\n\n// This represents shorthand UseAnimationCssProperties props.\ntype TransformProperties = Partial<\n  Record<\n    | 'translateX'\n    | 'translateY'\n    | 'translateZ'\n    | 'rotateX'\n    | 'rotateY'\n    | 'rotateZ'\n    | 'skewX'\n    | 'skewY',\n    string\n  > &\n    Record<'scaleX' | 'scaleY' | 'scaleZ', string | number>\n>;\n\n/**\n * Converts shorthand translate props into transform string representation.\n *\n * @param translateX\n * @param translateY\n * @param translateZ\n * @returns Longhand transform string representation.\n */\nfunction convertTranslateShortcuts(\n  translateX: TransformProperties['translateX'],\n  translateY: TransformProperties['translateY'],\n  translateZ: TransformProperties['translateZ']\n) {\n  return `${translateX ? ` translateX(${translateX})` : ''}${\n    translateY ? ` translateY(${translateY})` : ''\n  }${translateZ ? ` translateZ(${translateZ})` : ''}`;\n}\n\n/**\n * Converts shorthand rotate props into transform string representation.\n *\n * @param rotateX\n * @param rotateY\n * @param rotateZ\n * @returns Longhand transform string representation.\n */\nfunction convertRotateShortcuts(\n  rotateX?: TransformProperties['rotateX'],\n  rotateY?: TransformProperties['rotateY'],\n  rotateZ?: TransformProperties['rotateZ']\n) {\n  return `${rotateX ? ` rotateX(${rotateX})` : ''}${rotateY ? ` rotateY(${rotateY})` : ''}${\n    rotateZ ? ` rotateZ(${rotateZ})` : ''\n  }`;\n}\n\n/**\n * Converts shorthand scale props into transform string representation.\n *\n * @param scaleX\n * @param scaleY\n * @param scaleZ\n * @returns Longhand transform string representation.\n */\nfunction convertScaleShortcuts(\n  scaleX: TransformProperties['scaleX'],\n  scaleY: TransformProperties['scaleY'],\n  scaleZ: TransformProperties['scaleZ']\n) {\n  return `${scaleX || scaleX === 0 ? ` scaleX(${scaleX})` : ''}${\n    scaleY || scaleY === 0 ? ` scaleY(${scaleY})` : ''\n  }${scaleZ || scaleZ === 0 ? ` scaleZ(${scaleZ})` : ''}`;\n}\n\n/**\n * Converts shorthand skew props into transform string representation.\n *\n * @param skewX\n * @param skewY\n * @returns Longhand transform string representation.\n */\nfunction convertSkewShortcuts(\n  skewX: TransformProperties['skewX'],\n  skewY: TransformProperties['skewY']\n) {\n  return `${skewX ? ` skewX(${skewX})` : ''}${skewY ? ` skewY(${skewY})` : ''}`;\n}\n\n/**\n * Converts animation CSS properties into Regular camel cased CSS properties.\n *\n * @param useAnimationCssProperties This include transform shorthand props.\n * @returns Regular camel cased CSS properties.\n */\nexport function convertUseAnimationCssPropertiesToRegularCSS(\n  useAnimationCssProperties?: UseAnimationCssProperties\n) {\n  if (!useAnimationCssProperties) {\n    return {};\n  }\n  const {\n    translateX,\n    translateY,\n    translateZ,\n    rotateX,\n    rotateY,\n    rotateZ,\n    scaleX,\n    scaleY,\n    scaleZ,\n    skewX,\n    skewY,\n    ...otherCssProperties\n  } = useAnimationCssProperties;\n  const initialTransformValue = useAnimationCssProperties['transform'] || '';\n  // Now we just add values pased in shortcuts to transform property, do we want to replace it instead?\n  const finalTransformValue = `${initialTransformValue}${convertTranslateShortcuts(\n    translateX,\n    translateY,\n    translateZ\n  )}${convertRotateShortcuts(rotateX, rotateY, rotateZ)}${convertScaleShortcuts(\n    scaleX,\n    scaleY,\n    scaleZ\n  )}${convertSkewShortcuts(skewX, skewY)}`;\n  return {\n    ...otherCssProperties,\n    ...(finalTransformValue && { transform: finalTransformValue })\n  };\n}\n\n/**\n * Converts animation CSS properties into WAAPI keyframe properties.\n * Since keyframes have a difference between offset and cssOffset this collision is avoided here.\n *\n * @param useAnimationCssProperties This include transform shorthand props.\n * @returns WAAPI keyframe\n */\nexport function convertUseAnimationCssPropertiesToWAAPIKeyframe(\n  useAnimationCssProperties?: UseAnimationCssProperties\n) {\n  if (!useAnimationCssProperties) {\n    return {};\n  }\n  const { offset, ...otherCssProperties } =\n    convertUseAnimationCssPropertiesToRegularCSS(useAnimationCssProperties);\n  return {\n    ...otherCssProperties,\n    ...(offset && { cssOffset: offset })\n  };\n}\n\n/**\n * Stops an animation.\n *\n * @param animation Animation that is going to be stopped.\n * @returns\n */\nexport function stopAnimation<E extends HTMLElement>(animation: Animation, node: E | null) {\n  // TO DO: rollup-plugin-typescript seems to have an outdated Animation typing. That produces warnings while bulding.\n  // Update picked type to get rid of this casting.\n  // We have to check if the element is visible to commit styles\n  isVisible(node) && (animation as any).commitStyles();\n  animation.cancel();\n}\n\n/**\n * Check if an element is visible. Similar to jQuery :visible selector.\n *\n * @param element HTML element that is going to be checked for its visibility.\n * @returns\n */\nfunction isVisible<E extends HTMLElement>(element: E | null): boolean {\n  return !!(element?.offsetWidth || element?.offsetHeight || element?.getClientRects().length);\n}\n","import { useRef, useEffect, useCallback } from 'preact/hooks';\nimport {\n  convertUseAnimationCssPropertiesToRegularCSS,\n  convertUseAnimationCssPropertiesToWAAPIKeyframe,\n  UseAnimationCssProperties,\n  stopAnimation\n} from './animationUtils';\n\nexport type UseAnimationConfig<V extends string, E extends HTMLElement> = {\n  animationStates: Partial<\n    Record<AnimationStateKey<V>, ((node: E) => AnimationConfig) | AnimationConfig>\n  >;\n  isAnimatedOnMount?: boolean;\n  onAnimationEnd?: ({ animationState }: { animationState: V }) => void;\n};\n\n// Used to filter simple states and ones that include previous state\ntype AnimationStateKey<PA extends string> = ExtractAnimationStates<PA | `${PA} => ${PA}`>;\n\n// Used to get previous and current states and do deeper typing\ntype ExtractAnimationStates<StateString extends string> =\n  StateString extends `${infer From} => ${infer To}`\n    ? KeyWithPreviousAndCurrentState<From, To>\n    : StateString;\n\n// Used to just allow keys with different previous and current states\ntype KeyWithPreviousAndCurrentState<PreviousState extends string, CurrentState extends string> = {\n  b: PreviousState;\n} extends { b: CurrentState }\n  ? never\n  : `${PreviousState} => ${CurrentState}`;\n\ntype AnimationConfig = {\n  from?: UseAnimationCssProperties;\n  to: UseAnimationCssProperties;\n  end?: UseAnimationCssProperties;\n  options?: AnimationOptions;\n};\n\ntype AnimationOptions = {\n  delay?: number;\n  duration?: number;\n  easing?:\n    | 'linear'\n    | 'ease'\n    | 'ease-in'\n    | 'ease-out'\n    | 'ease-in-out'\n    | [number, number, number, number];\n};\n\n// Used to exclude states that include => since this string is used to represent a transition from state to another.\ntype PermittedAnimationState<V extends string> = Exclude<V, `${string}=>${string}`>;\n\n/**\n * Hook to animate single components.\n * It allows n number of animation states.\n * @param animationState\n * @param animationConfig\n * @returns\n */\nexport function useAnimation<V extends string, E extends HTMLElement = HTMLElement>(\n  animationState: PermittedAnimationState<V>,\n  {\n    animationStates,\n    isAnimatedOnMount = false,\n    onAnimationEnd = () => {}\n  }: UseAnimationConfig<PermittedAnimationState<V>, E>\n) {\n  const didMountRef = useRef(false);\n  const nodeRef = useRef<E | null>(null);\n  const currentAnimationState = useRef<PermittedAnimationState<V>>();\n  const currentAnimation = useRef<Animation>();\n\n  // We don't allow changing animationStates. Ref to keep \"first run\" animation states.\n  const animationStatesRef =\n    useRef<UseAnimationConfig<PermittedAnimationState<V>, E>['animationStates']>(animationStates);\n\n  useEffect(() => {\n    // UseEffect just have to be ran when there is a change on animationState\n    if (currentAnimationState.current === animationState) return;\n\n    // It makes sense to keep track of animation states even if there's no animated element to animate.\n    const previousAnimationState = currentAnimationState.current;\n    currentAnimationState.current = animationState;\n\n    //Stop an animation here only makes sense if the previous one is running\n    if (currentAnimation.current?.playState === 'running') {\n      stopAnimation(currentAnimation.current, nodeRef.current);\n    }\n\n    const animatedElement = nodeRef.current;\n    if (!animatedElement) {\n      return;\n    }\n\n    if (!didMountRef.current) {\n      didMountRef.current = true;\n      if (!isAnimatedOnMount) {\n        return;\n      }\n    }\n\n    const animationConfig = getConfig(\n      animationStatesRef.current,\n      animatedElement,\n      animationState,\n      previousAnimationState\n    );\n\n    if (!animationConfig) {\n      return;\n    }\n\n    currentAnimation.current = startAnimation(\n      animationConfig,\n      animatedElement,\n      animationState,\n      onAnimationEnd\n    );\n  }, [animationState, isAnimatedOnMount, onAnimationEnd]);\n\n  /**\n   * Used to cancel current animation. When animation is canceled node style goes back to beginning style of canceled animation.\n   * @returns\n   */\n  const cancelCurrentAnimation = useCallback(() => {\n    const animation = currentAnimation.current;\n    if (animation?.playState === 'running') {\n      animation.cancel();\n    }\n  }, []);\n\n  /**\n   * Callback ref use to set nodeRef.\n   *\n   * @param node Actual element user set.\n   * @returns\n   */\n  const callbackRef = useCallback((node: E | null) => {\n    if (node != nodeRef.current) {\n      //If for any reason element is unmounted we have to cancel animation(if there is one) and\n      //set currentAnimation as undefined so we don't keep running this animation\n      if (nodeRef.current) {\n        currentAnimation.current?.cancel();\n        currentAnimation.current = undefined;\n      }\n      nodeRef.current = node;\n    }\n  }, []);\n\n  return { nodeRef: callbackRef, controller: { cancel: cancelCurrentAnimation } };\n}\n\n/**\n * Gets animation configuration.\n *\n * @param animationStates Set of animation configurations provided by the user.\n * @param animatedElement Element that is going to be styled.\n * @param animationState Current animation state.\n * @param previousAnimationState Previous animation state.\n * @returns AnimationConfig.\n */\nfunction getConfig<V extends string, E extends HTMLElement>(\n  animationStates: UseAnimationConfig<PermittedAnimationState<V>, E>['animationStates'],\n  animatedElement: E,\n  animationState: PermittedAnimationState<V>,\n  previousAnimationState?: PermittedAnimationState<V>\n) {\n  const currentAnimationStateConfig =\n    animationStates[\n      `${previousAnimationState} => ${animationState}` as keyof UseAnimationConfig<\n        PermittedAnimationState<V>,\n        E\n      >['animationStates']\n    ] ||\n    animationStates[\n      animationState as keyof UseAnimationConfig<PermittedAnimationState<V>, E>['animationStates']\n    ];\n\n  const animationConfig =\n    typeof currentAnimationStateConfig === 'function'\n      ? currentAnimationStateConfig(animatedElement)\n      : (currentAnimationStateConfig as AnimationConfig);\n\n  return animationConfig && Object.keys(animationConfig).length > 0 ? animationConfig : null;\n}\n\n/**\n * Starts an animation.\n *\n * @param animationConfig Animation configuration used by the animation.\n * @param animatedElement Element that is going to be styled.\n * @param animationState Current animation state.\n * @param onAnimationEnd Callback called once the animation is completed.\n * @returns Animation.\n */\nfunction startAnimation<V extends string, E extends HTMLElement>(\n  animationConfig: AnimationConfig,\n  animatedElement: E,\n  animationState: PermittedAnimationState<V>,\n  onAnimationEnd: UseAnimationConfig<PermittedAnimationState<V>, E>['onAnimationEnd']\n) {\n  const { delay, duration, easing } = animationConfig.options || {};\n\n  //Now, if user does not pass a value we override it by hand. We will use theming tools in future.\n  const animationOptions = {\n    delay: delay || 0,\n    duration: duration || 400,\n    easing: easing\n      ? typeof easing === 'string'\n        ? easing\n        : `cubic-bezier(${easing[0]}, ${easing[1]}, ${easing[2]}, ${easing[3]})`\n      : 'ease'\n  };\n\n  // WAAPI animation method. https://developer.mozilla.org/en-US/docs/Web/API/Element/animate\n  // TO DO: Check for required browser compatibility in case we need pollyfill.\n  // https://github.com/web-animations/web-animations-js/blob/dev/docs/support.md#browser-support\n  const startedAnimation = animatedElement.animate(\n    [\n      convertUseAnimationCssPropertiesToWAAPIKeyframe(animationConfig.from),\n      convertUseAnimationCssPropertiesToWAAPIKeyframe(animationConfig.to)\n    ],\n    { ...animationOptions }\n  );\n\n  startedAnimation.onfinish = () => {\n    //We commit styles to have an only source of truth.\n    setEndStyle(animatedElement, true, animationConfig);\n    // On animationEnd is only called when animation actually finished. If an animation is interruped by other one\n    // or animated element is not longer rendered onAnimationEnd will not be called. Do we want to have a callback for those cases?\n    onAnimationEnd?.({ animationState });\n  };\n\n  return startedAnimation;\n}\n\n/**\n * Sets element style.\n *\n * @param animatedElement Element that is going to be styled.\n * @param toAndEndStyle Represents which data will be used to set style. If set to true it uses \"to\" and \"endStyle\".\n * If set to false it uses just \"endStyle\".\n * @param animationConfig Style that is going to be set.\n */\nfunction setEndStyle<E extends HTMLElement>(\n  animatedElement: E,\n  toAndEndStyle: boolean,\n  animationConfig: AnimationConfig\n) {\n  const endStyle = toAndEndStyle\n    ? {\n        ...convertUseAnimationCssPropertiesToRegularCSS(animationConfig.to),\n        ...convertUseAnimationCssPropertiesToRegularCSS(animationConfig.end)\n      }\n    : convertUseAnimationCssPropertiesToRegularCSS(animationConfig.end);\n  for (const key in endStyle) {\n    //TO DO: Look for a better way to handle types.\n    (<any>animatedElement.style)[key] = endStyle[key as keyof typeof endStyle];\n  }\n}\n"],"names":["__rest","useRef","useEffect","useCallback"],"mappings":"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"}

package/amd/useFocusWithin-a88e3e32.js

@@ -0,0 +1,50 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/hooks'], (function (exports, hooks) { 'use strict';
+
+    function useFocusWithin({ isDisabled, onBlurWithin, onFocusWithin } = {}) {
+        const [isFocused, setIsFocused] = hooks.useState(false);
+        // Maintain a ref for whether we're focused so that we can update it synchronously and check
+        // it in the listeners.  It's possible for an element to receive and lose focus before
+        // the next render happens, in which case the isFocused state hasn't been updated yet for
+        // the focusin event.  The focusout listener would not do anything based on that stale state,
+        // which would result in the isFocused state incorrectly remaining true.
+        // We still need the isFocused state because that state change will trigger a rerender,
+        // whereas updating the ref will not.
+        const isFocusedRef = hooks.useRef(false);
+        const onfocusin = hooks.useCallback((event) => {
+            if (!isFocusedRef.current) {
+                onFocusWithin === null || onFocusWithin === void 0 ? void 0 : onFocusWithin(event);
+                setIsFocused(true);
+                isFocusedRef.current = true;
+            }
+        }, [onFocusWithin]);
+        const onfocusout = hooks.useCallback((event) => {
+            // Trigger focus event changes only when the focus goes outside of the current
+            // target. Ignore focus changes within the current target
+            if (isFocusedRef.current &&
+                (event.relatedTarget == null ||
+                    !event.currentTarget.contains(event.relatedTarget))) {
+                onBlurWithin === null || onBlurWithin === void 0 ? void 0 : onBlurWithin(event);
+                setIsFocused(false);
+                isFocusedRef.current = false;
+            }
+        }, [onBlurWithin]);
+        return isDisabled
+            ? {
+                isFocused: false,
+                focusProps: {}
+            }
+            : {
+                isFocused,
+                focusProps: {
+                    onfocusin,
+                    onfocusout
+                }
+            };
+    }
+
+    exports.useFocusWithin = useFocusWithin;
+
+}));
+/*  */
+//# sourceMappingURL=useFocusWithin-a88e3e32.js.map

package/amd/{useFocusWithin-0a53949e.js.map → useFocusWithin-a88e3e32.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useFocusWithin-0a53949e.js","sources":["../../src/hooks/UNSAFE_useFocusWithin/useFocusWithin.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'preact/hooks';\n\ntype FocusEvents = {\n  onBlurWithin?: (e: FocusEvent) => void;\n  onFocusWithin?: (e: FocusEvent) => void;\n};\n\ntype UseFocusWithinProps = FocusEvents & {\n  isDisabled?: boolean;\n};\n\nexport function useFocusWithin({\n  isDisabled,\n  onBlurWithin,\n  onFocusWithin\n}: UseFocusWithinProps = {}) {\n  const [isFocused, setIsFocused] = useState(false);\n  // Maintain a ref for whether we're focused so that we can update it synchronously and check\n  // it in the listeners.  It's possible for an element to receive and lose focus before\n  // the next render happens, in which case the isFocused state hasn't been updated yet for\n  // the focusin event.  The focusout listener would not do anything based on that stale state,\n  // which would result in the isFocused state incorrectly remaining true.\n  // We still need the isFocused state because that state change will trigger a rerender,\n  // whereas updating the ref will not.\n  const isFocusedRef = useRef(false);\n  const onfocusin = useCallback(\n    (event: FocusEvent) => {\n      if (!isFocusedRef.current) {\n        onFocusWithin?.(event);\n        setIsFocused(true);\n        isFocusedRef.current = true;\n      }\n    },\n    [onFocusWithin]\n  );\n  const onfocusout = useCallback(\n    (event: FocusEvent) => {\n      // Trigger focus event changes only when the focus goes outside of the current\n      // target. Ignore focus changes within the current target\n      if (\n        isFocusedRef.current &&\n        (event.relatedTarget == null ||\n          !(event.currentTarget as HTMLElement).contains(event.relatedTarget as HTMLElement))\n      ) {\n        onBlurWithin?.(event);\n        setIsFocused(false);\n        isFocusedRef.current = false;\n      }\n    },\n    [onBlurWithin]\n  );\n\n  return isDisabled\n    ? {\n        isFocused: false,\n        focusProps: {}\n      }\n    : {\n        isFocused,\n        focusProps: {\n          onfocusin,\n          onfocusout\n        }\n      };\n}\n"],"names":["isDisabled","onBlurWithin","onFocusWithin","isFocused","setIsFocused","useState","isFocusedRef","useRef","onfocusin","useCallback","event","current","onfocusout","relatedTarget","currentTarget","contains","focusProps"],"mappings":"8EAWM,UAAyBA,WAC7BA,EAAUC,aACVA,EAAYC,cACZA,GACuB,IACvB,MAAOC,EAAWC,GAAgBC,EAAQA,UAAC,GAQrCC,EAAeC,UAAO,GACtBC,EAAYC,cACfC,IACMJ,EAAaK,UAChBT,MAAAA,GAAAA,EAAgBQ,GAChBN,GAAa,GACbE,EAAaK,SAAU,IAG3B,CAACT,IAEGU,EAAaH,cAChBC,KAIGJ,EAAaK,SACW,MAAvBD,EAAMG,eACHH,EAAMI,cAA8BC,SAASL,EAAMG,iBAEvDZ,MAAAA,GAAAA,EAAeS,GACfN,GAAa,GACbE,EAAaK,SAAU,IAG3B,CAACV,IAGH,OAAOD,EACH,CACEG,WAAW,EACXa,WAAY,IAEd,CACEb,UAAAA,EACAa,WAAY,CACVR,UAAAA,EACAI,WAAAA"}
+{"version":3,"file":"useFocusWithin-a88e3e32.js","sources":["../../src/hooks/UNSAFE_useFocusWithin/useFocusWithin.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'preact/hooks';\n\ntype FocusEvents = {\n  onBlurWithin?: (e: FocusEvent) => void;\n  onFocusWithin?: (e: FocusEvent) => void;\n};\n\ntype UseFocusWithinProps = FocusEvents & {\n  isDisabled?: boolean;\n};\n\nexport function useFocusWithin({\n  isDisabled,\n  onBlurWithin,\n  onFocusWithin\n}: UseFocusWithinProps = {}) {\n  const [isFocused, setIsFocused] = useState(false);\n  // Maintain a ref for whether we're focused so that we can update it synchronously and check\n  // it in the listeners.  It's possible for an element to receive and lose focus before\n  // the next render happens, in which case the isFocused state hasn't been updated yet for\n  // the focusin event.  The focusout listener would not do anything based on that stale state,\n  // which would result in the isFocused state incorrectly remaining true.\n  // We still need the isFocused state because that state change will trigger a rerender,\n  // whereas updating the ref will not.\n  const isFocusedRef = useRef(false);\n  const onfocusin = useCallback(\n    (event: FocusEvent) => {\n      if (!isFocusedRef.current) {\n        onFocusWithin?.(event);\n        setIsFocused(true);\n        isFocusedRef.current = true;\n      }\n    },\n    [onFocusWithin]\n  );\n  const onfocusout = useCallback(\n    (event: FocusEvent) => {\n      // Trigger focus event changes only when the focus goes outside of the current\n      // target. Ignore focus changes within the current target\n      if (\n        isFocusedRef.current &&\n        (event.relatedTarget == null ||\n          !(event.currentTarget as HTMLElement).contains(event.relatedTarget as HTMLElement))\n      ) {\n        onBlurWithin?.(event);\n        setIsFocused(false);\n        isFocusedRef.current = false;\n      }\n    },\n    [onBlurWithin]\n  );\n\n  return isDisabled\n    ? {\n        isFocused: false,\n        focusProps: {}\n      }\n    : {\n        isFocused,\n        focusProps: {\n          onfocusin,\n          onfocusout\n        }\n      };\n}\n"],"names":["useState","useRef","useCallback"],"mappings":";;;IAWM,SAAU,cAAc,CAAC,EAC7B,UAAU,EACV,YAAY,EACZ,aAAa,EAAA,GACU,EAAE,EAAA;QACzB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;;;;;;;;IAQlD,IAAA,MAAM,YAAY,GAAGC,YAAM,CAAC,KAAK,CAAC,CAAC;IACnC,IAAA,MAAM,SAAS,GAAGC,iBAAW,CAC3B,CAAC,KAAiB,KAAI;IACpB,QAAA,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;IACzB,YAAA,aAAa,aAAb,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAb,aAAa,CAAG,KAAK,CAAC,CAAC;gBACvB,YAAY,CAAC,IAAI,CAAC,CAAC;IACnB,YAAA,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;IAC7B,SAAA;IACH,KAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IACF,IAAA,MAAM,UAAU,GAAGA,iBAAW,CAC5B,CAAC,KAAiB,KAAI;;;YAGpB,IACE,YAAY,CAAC,OAAO;IACpB,aAAC,KAAK,CAAC,aAAa,IAAI,IAAI;oBAC1B,CAAE,KAAK,CAAC,aAA6B,CAAC,QAAQ,CAAC,KAAK,CAAC,aAA4B,CAAC,CAAC,EACrF;IACA,YAAA,YAAY,aAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,KAAK,CAAC,CAAC;gBACtB,YAAY,CAAC,KAAK,CAAC,CAAC;IACpB,YAAA,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;IAC9B,SAAA;IACH,KAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,IAAA,OAAO,UAAU;IACf,UAAE;IACE,YAAA,SAAS,EAAE,KAAK;IAChB,YAAA,UAAU,EAAE,EAAE;IACf,SAAA;IACH,UAAE;gBACE,SAAS;IACT,YAAA,UAAU,EAAE;oBACV,SAAS;oBACT,UAAU;IACX,aAAA;aACF,CAAC;IACR;;;;;;;;;;;"}

package/amd/useSingleSelection-7081cc84.js

@@ -0,0 +1,43 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/hooks'], (function (exports, hooks) { 'use strict';
+
+    /**
+     * @license
+     * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+     * The Universal Permissive License (UPL), Version 1.0
+     * as shown at https://oss.oracle.com/licenses/upl/
+     * @ignore
+     */
+    function useSingleSelection(keyExtractor, selected, onChange) {
+        const onClick = hooks.useCallback((event) => {
+            handleSelect(event, keyExtractor, selected, onChange);
+        }, [keyExtractor, selected, onChange]);
+        const onKeyUp = hooks.useCallback((event) => {
+            if (event.key === 'Enter') {
+                handleSelect(event, keyExtractor, selected, onChange);
+            }
+        }, [keyExtractor, selected, onChange]);
+        const selectionProps = onChange ? { onClick, onKeyDown, onKeyUp } : {};
+        return { selectionProps };
+    }
+    // prevent default (propagation) for keyDown to prevent arrow keys from scrolling the container
+    const onKeyDown = (event) => {
+        if (event.key === 'Enter') {
+            event.preventDefault();
+        }
+    };
+    const handleSelect = (event, keyExtractor, selected, onChange) => {
+        const itemKey = keyExtractor(event.target);
+        if (onChange && itemKey && selected !== itemKey) {
+            onChange({ value: itemKey });
+            if (event.type === 'click') {
+                event.stopPropagation();
+            }
+        }
+    };
+
+    exports.useSingleSelection = useSingleSelection;
+
+}));
+/*  */
+//# sourceMappingURL=useSingleSelection-7081cc84.js.map

package/amd/{useSingleSelection-00ac27f8.js.map → useSingleSelection-7081cc84.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useSingleSelection-00ac27f8.js","sources":["../../src/hooks/PRIVATE_useSingleSelection/useSingleSelection.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback } from 'preact/hooks';\nimport { SingleSelectionDetail } from '../../UNSAFE_Collection';\n\nexport function useSingleSelection<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  selected?: K,\n  onChange?: (detail: SingleSelectionDetail<K>) => void\n) {\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      handleSelect(event, keyExtractor, selected, onChange);\n    },\n    [keyExtractor, selected, onChange]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter') {\n        handleSelect(event, keyExtractor, selected, onChange);\n      }\n    },\n    [keyExtractor, selected, onChange]\n  );\n\n  const selectionProps = onChange ? { onClick, onKeyDown, onKeyUp } : {};\n  return { selectionProps };\n}\n\n// prevent default (propagation) for keyDown to prevent arrow keys from scrolling the container\nconst onKeyDown = (event: KeyboardEvent) => {\n  if (event.key === 'Enter') {\n    event.preventDefault();\n  }\n};\n\nconst handleSelect = <K>(\n  event: Event,\n  keyExtractor: (element: HTMLElement) => K | null,\n  selected?: K,\n  onChange?: (detail: SingleSelectionDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (onChange && itemKey && selected !== itemKey) {\n    onChange({ value: itemKey });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n"],"names":["onKeyDown","event","key","preventDefault","handleSelect","keyExtractor","selected","onChange","itemKey","target","value","type","stopPropagation","onClick","useCallback","onKeyUp","selectionProps"],"mappings":"6DAoCA,MAAMA,EAAaC,IACC,UAAdA,EAAMC,KACRD,EAAME,kBAIJC,EAAe,CACnBH,EACAI,EACAC,EACAC,KAEA,MAAMC,EAAUH,EAAaJ,EAAMQ,QAC/BF,GAAYC,GAAWF,IAAaE,IACtCD,EAAS,CAAEG,MAAOF,IACC,UAAfP,EAAMU,MACRV,EAAMW,kDAzCVP,EACAC,EACAC,GAEA,MAAMM,EAAUC,cACbb,IACCG,EAAaH,EAAOI,EAAcC,EAAUC,IAE9C,CAACF,EAAcC,EAAUC,IAGrBQ,EAAUD,cACbb,IACmB,UAAdA,EAAMC,KACRE,EAAaH,EAAOI,EAAcC,EAAUC,IAGhD,CAACF,EAAcC,EAAUC,IAI3B,MAAO,CAAES,eADcT,EAAW,CAAEM,QAAAA,EAASb,UAAAA,EAAWe,QAAAA,GAAY"}
+{"version":3,"file":"useSingleSelection-7081cc84.js","sources":["../../src/hooks/PRIVATE_useSingleSelection/useSingleSelection.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback } from 'preact/hooks';\nimport { SingleSelectionDetail } from '../../UNSAFE_Collection';\n\nexport function useSingleSelection<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  selected?: K,\n  onChange?: (detail: SingleSelectionDetail<K>) => void\n) {\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      handleSelect(event, keyExtractor, selected, onChange);\n    },\n    [keyExtractor, selected, onChange]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter') {\n        handleSelect(event, keyExtractor, selected, onChange);\n      }\n    },\n    [keyExtractor, selected, onChange]\n  );\n\n  const selectionProps = onChange ? { onClick, onKeyDown, onKeyUp } : {};\n  return { selectionProps };\n}\n\n// prevent default (propagation) for keyDown to prevent arrow keys from scrolling the container\nconst onKeyDown = (event: KeyboardEvent) => {\n  if (event.key === 'Enter') {\n    event.preventDefault();\n  }\n};\n\nconst handleSelect = <K>(\n  event: Event,\n  keyExtractor: (element: HTMLElement) => K | null,\n  selected?: K,\n  onChange?: (detail: SingleSelectionDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (onChange && itemKey && selected !== itemKey) {\n    onChange({ value: itemKey });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n"],"names":["useCallback"],"mappings":";;;IAAA;;;;;;IAMG;aAIa,kBAAkB,CAChC,YAAgD,EAChD,QAAY,EACZ,QAAqD,EAAA;IAErD,IAAA,MAAM,OAAO,GAAGA,iBAAW,CACzB,CAAC,KAAiB,KAAI;YACpB,YAAY,CAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;SACvD,EACD,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,CACnC,CAAC;IAEF,IAAA,MAAM,OAAO,GAAGA,iBAAW,CACzB,CAAC,KAAoB,KAAI;IACvB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;gBACzB,YAAY,CAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACvD,SAAA;SACF,EACD,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,CACnC,CAAC;IAEF,IAAA,MAAM,cAAc,GAAG,QAAQ,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;QACvE,OAAO,EAAE,cAAc,EAAE,CAAC;IAC5B,CAAC;IAED;IACA,MAAM,SAAS,GAAG,CAAC,KAAoB,KAAI;IACzC,IAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YACzB,KAAK,CAAC,cAAc,EAAE,CAAC;IACxB,KAAA;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CACnB,KAAY,EACZ,YAAgD,EAChD,QAAY,EACZ,QAAqD,KACnD;QACF,MAAM,OAAO,GAAG,YAAY,CAAC,KAAK,CAAC,MAAqB,CAAC,CAAC;IAC1D,IAAA,IAAI,QAAQ,IAAI,OAAO,IAAI,QAAQ,KAAK,OAAO,EAAE;IAC/C,QAAA,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;IAC7B,QAAA,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;gBAC1B,KAAK,CAAC,eAAe,EAAE,CAAC;IACzB,SAAA;IACF,KAAA;IACH,CAAC;;;;;;;;;;;"}

package/amd/utils/PRIVATE_clientHints.js

@@ -1,2 +1,12 @@
-define(["exports","../clientHints-9d985ef6"],function(e,t){"use strict";e.getClientHints=t.getClientHints,Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', '../clientHints-361cde40'], (function (exports, clientHints) { 'use strict';
+
+
+
+	exports.getClientHints = clientHints.getClientHints;
+
+	Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=PRIVATE_clientHints.js.map

package/amd/utils/PRIVATE_clientHints.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_clientHints.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"PRIVATE_clientHints.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/amd/utils/PRIVATE_collectionUtils.js

@@ -1,2 +1,84 @@
-define(["exports","./UNSAFE_keys"],function(e,t){"use strict";const n=e=>"number"===e.dataset.ojKeyType?Number(e.dataset.ojKey):e.dataset.ojKey,r=(e,t)=>{if(e){const r=e.querySelector(t);if(r){return n(r)}}return null},l=(e,t,r)=>{if(e){const l=e.querySelectorAll(r);for(let e=0;e<l.length;e++){if(t==n(l[e]))return l[e]}}return null};e.findElementByKey=l,e.getFirstVisibleKey=r,e.getPrevNextKey=(e,i,u,o)=>()=>{if(t.isKeyDefined(i)&&e){const t=l(e,i,o);if(t){const e=u?t.previousElementSibling:t.nextElementSibling;if(e){const t=n(e);if(null!=t)return t}}return r(e,o)}return null},e.keyExtractor=(e,t)=>{const r=e.closest(t);if(r){const e=n(r);return void 0===e?null:e}return null},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', './UNSAFE_keys'], (function (exports, utils_UNSAFE_keys) { 'use strict';
+
+    /**
+     * Returns the key from the item element
+     */
+    const getKey = (item) => {
+        return item.dataset['ojKeyType'] === 'number'
+            ? Number(item.dataset['ojKey'])
+            : item.dataset['ojKey'];
+    };
+    /**
+     * A helper function that return the key of the first available item.
+     */
+    const getFirstVisibleKey = (root, itemSelector) => {
+        if (root) {
+            const firstItem = root.querySelector(itemSelector);
+            if (firstItem) {
+                const key = getKey(firstItem);
+                return key;
+            }
+        }
+        return null;
+    };
+    /**
+     * A helper function to find the element with the specified key.
+     * Returns null if the element with key is not found.
+     */
+    const findElementByKey = (root, key, itemSelector) => {
+        if (root) {
+            const items = root.querySelectorAll(itemSelector);
+            for (let i = 0; i < items.length; i++) {
+                const thisKey = getKey(items[i]);
+                if (key == thisKey) {
+                    return items[i];
+                }
+            }
+        }
+        return null;
+    };
+    /**
+     * A helper function that returns the key of the previous or the next item
+     * given the specified current key
+     */
+    const getPrevNextKey = (root, currentKey, isPrev, itemSelector) => {
+        return () => {
+            if (utils_UNSAFE_keys.isKeyDefined(currentKey) && root) {
+                const currItem = findElementByKey(root, currentKey, itemSelector);
+                if (currItem) {
+                    const nextItem = isPrev ? currItem.previousElementSibling : currItem.nextElementSibling;
+                    if (nextItem) {
+                        const key = getKey(nextItem);
+                        if (key != null) {
+                            return key;
+                        }
+                    }
+                }
+                return getFirstVisibleKey(root, itemSelector);
+            }
+            return null;
+        };
+    };
+    /**
+     * A helper function to get the key from an element
+     */
+    const keyExtractor = (element, itemSelector) => {
+        const item = element.closest(itemSelector);
+        if (item) {
+            const key = getKey(item);
+            return key === undefined ? null : key;
+        }
+        return null;
+    };
+
+    exports.findElementByKey = findElementByKey;
+    exports.getFirstVisibleKey = getFirstVisibleKey;
+    exports.getPrevNextKey = getPrevNextKey;
+    exports.keyExtractor = keyExtractor;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=PRIVATE_collectionUtils.js.map

package/amd/utils/PRIVATE_collectionUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_collectionUtils.js","sources":["../../../src/utils/PRIVATE_collectionUtils/collectionUtils.ts"],"sourcesContent":["import { isKeyDefined } from '../UNSAFE_keys';\n\n/**\n * Returns the key from the item element\n */\nconst getKey = (item: HTMLElement) => {\n  return item.dataset['ojKeyType'] === 'number'\n    ? Number(item.dataset['ojKey'])\n    : item.dataset['ojKey'];\n};\n\n/**\n * A helper function that return the key of the first available item.\n */\nexport const getFirstVisibleKey = (root: HTMLElement, itemSelector: string) => {\n  if (root) {\n    const firstItem = root.querySelector(itemSelector);\n    if (firstItem) {\n      const key = getKey(firstItem as HTMLElement);\n      return key;\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function to find the element with the specified key.\n * Returns null if the element with key is not found.\n */\nexport const findElementByKey = <K extends string | number>(\n  root: HTMLElement,\n  key: K,\n  itemSelector: string\n) => {\n  if (root) {\n    const items = root.querySelectorAll(itemSelector);\n    for (let i = 0; i < items.length; i++) {\n      const thisKey = getKey(items[i] as HTMLElement);\n      if (key == (thisKey as K)) {\n        return items[i];\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that returns the key of the previous or the next item\n * given the specified current key\n */\nexport const getPrevNextKey = <K extends string | number>(\n  root: HTMLElement | null,\n  currentKey: K | undefined,\n  isPrev: boolean,\n  itemSelector: string\n) => {\n  return (): K | null => {\n    if (isKeyDefined(currentKey) && root) {\n      const currItem = findElementByKey(root, currentKey as K, itemSelector);\n      if (currItem) {\n        const nextItem = isPrev ? currItem.previousElementSibling : currItem.nextElementSibling;\n        if (nextItem) {\n          const key = getKey(nextItem as HTMLElement) as K;\n          if (key != null) {\n            return key;\n          }\n        }\n      }\n      return getFirstVisibleKey(root, itemSelector) as K;\n    }\n    return null;\n  };\n};\n\n/**\n * A helper function to get the key from an element\n */\nexport const keyExtractor = <K extends string | number>(\n  element: HTMLElement,\n  itemSelector: string\n): K | null => {\n  const item = element.closest(itemSelector);\n  if (item) {\n    const key = getKey(item as HTMLElement) as K;\n    return key === undefined ? null : key;\n  }\n  return null;\n};\n"],"names":["getKey","item","dataset","Number","getFirstVisibleKey","root","itemSelector","firstItem","querySelector","findElementByKey","key","items","querySelectorAll","i","length","currentKey","isPrev","isKeyDefined","currItem","nextItem","previousElementSibling","nextElementSibling","element","closest","undefined"],"mappings":"8DAKA,MAAMA,EAAUC,GACuB,WAA9BA,EAAKC,QAAmB,UAC3BC,OAAOF,EAAKC,QAAe,OAC3BD,EAAKC,QAAe,MAMbE,EAAqB,CAACC,EAAmBC,KACpD,GAAID,EAAM,CACR,MAAME,EAAYF,EAAKG,cAAcF,GACrC,GAAIC,EAAW,CAEb,OADYP,EAAOO,IAIvB,OAAO,MAOIE,EAAmB,CAC9BJ,EACAK,EACAJ,KAEA,GAAID,EAAM,CACR,MAAMM,EAAQN,EAAKO,iBAAiBN,GACpC,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAMG,OAAQD,IAAK,CAErC,GAAIH,GADYV,EAAOW,EAAME,IAE3B,OAAOF,EAAME,IAInB,OAAO,mEAOqB,CAC5BR,EACAU,EACAC,EACAV,IAEO,KACL,GAAIW,EAAYA,aAACF,IAAeV,EAAM,CACpC,MAAMa,EAAWT,EAAiBJ,EAAMU,EAAiBT,GACzD,GAAIY,EAAU,CACZ,MAAMC,EAAWH,EAASE,EAASE,uBAAyBF,EAASG,mBACrE,GAAIF,EAAU,CACZ,MAAMT,EAAMV,EAAOmB,GACnB,GAAW,MAAPT,EACF,OAAOA,GAIb,OAAON,EAAmBC,EAAMC,GAElC,OAAO,qBAOiB,CAC1BgB,EACAhB,KAEA,MAAML,EAAOqB,EAAQC,QAAQjB,GAC7B,GAAIL,EAAM,CACR,MAAMS,EAAMV,EAAOC,GACnB,YAAeuB,IAARd,EAAoB,KAAOA,EAEpC,OAAO"}
+{"version":3,"file":"PRIVATE_collectionUtils.js","sources":["../../../src/utils/PRIVATE_collectionUtils/collectionUtils.ts"],"sourcesContent":["import { isKeyDefined } from '../UNSAFE_keys';\n\n/**\n * Returns the key from the item element\n */\nconst getKey = (item: HTMLElement) => {\n  return item.dataset['ojKeyType'] === 'number'\n    ? Number(item.dataset['ojKey'])\n    : item.dataset['ojKey'];\n};\n\n/**\n * A helper function that return the key of the first available item.\n */\nexport const getFirstVisibleKey = (root: HTMLElement, itemSelector: string) => {\n  if (root) {\n    const firstItem = root.querySelector(itemSelector);\n    if (firstItem) {\n      const key = getKey(firstItem as HTMLElement);\n      return key;\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function to find the element with the specified key.\n * Returns null if the element with key is not found.\n */\nexport const findElementByKey = <K extends string | number>(\n  root: HTMLElement,\n  key: K,\n  itemSelector: string\n) => {\n  if (root) {\n    const items = root.querySelectorAll(itemSelector);\n    for (let i = 0; i < items.length; i++) {\n      const thisKey = getKey(items[i] as HTMLElement);\n      if (key == (thisKey as K)) {\n        return items[i];\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that returns the key of the previous or the next item\n * given the specified current key\n */\nexport const getPrevNextKey = <K extends string | number>(\n  root: HTMLElement | null,\n  currentKey: K | undefined,\n  isPrev: boolean,\n  itemSelector: string\n) => {\n  return (): K | null => {\n    if (isKeyDefined(currentKey) && root) {\n      const currItem = findElementByKey(root, currentKey as K, itemSelector);\n      if (currItem) {\n        const nextItem = isPrev ? currItem.previousElementSibling : currItem.nextElementSibling;\n        if (nextItem) {\n          const key = getKey(nextItem as HTMLElement) as K;\n          if (key != null) {\n            return key;\n          }\n        }\n      }\n      return getFirstVisibleKey(root, itemSelector) as K;\n    }\n    return null;\n  };\n};\n\n/**\n * A helper function to get the key from an element\n */\nexport const keyExtractor = <K extends string | number>(\n  element: HTMLElement,\n  itemSelector: string\n): K | null => {\n  const item = element.closest(itemSelector);\n  if (item) {\n    const key = getKey(item as HTMLElement) as K;\n    return key === undefined ? null : key;\n  }\n  return null;\n};\n"],"names":["isKeyDefined"],"mappings":";;;IAEA;;IAEG;IACH,MAAM,MAAM,GAAG,CAAC,IAAiB,KAAI;IACnC,IAAA,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,QAAQ;cACzC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC/B,UAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF;;IAEG;UACU,kBAAkB,GAAG,CAAC,IAAiB,EAAE,YAAoB,KAAI;IAC5E,IAAA,IAAI,IAAI,EAAE;YACR,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IACnD,QAAA,IAAI,SAAS,EAAE;IACb,YAAA,MAAM,GAAG,GAAG,MAAM,CAAC,SAAwB,CAAC,CAAC;IAC7C,YAAA,OAAO,GAAG,CAAC;IACZ,SAAA;IACF,KAAA;IACD,IAAA,OAAO,IAAI,CAAC;IACd,EAAE;IAEF;;;IAGG;AACU,UAAA,gBAAgB,GAAG,CAC9B,IAAiB,EACjB,GAAM,EACN,YAAoB,KAClB;IACF,IAAA,IAAI,IAAI,EAAE;YACR,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAClD,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACrC,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAgB,CAAC,CAAC;gBAChD,IAAI,GAAG,IAAK,OAAa,EAAE;IACzB,gBAAA,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;IACjB,aAAA;IACF,SAAA;IACF,KAAA;IACD,IAAA,OAAO,IAAI,CAAC;IACd,EAAE;IAEF;;;IAGG;AACI,UAAM,cAAc,GAAG,CAC5B,IAAwB,EACxB,UAAyB,EACzB,MAAe,EACf,YAAoB,KAClB;IACF,IAAA,OAAO,MAAe;IACpB,QAAA,IAAIA,8BAAY,CAAC,UAAU,CAAC,IAAI,IAAI,EAAE;gBACpC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,IAAI,EAAE,UAAe,EAAE,YAAY,CAAC,CAAC;IACvE,YAAA,IAAI,QAAQ,EAAE;IACZ,gBAAA,MAAM,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC,sBAAsB,GAAG,QAAQ,CAAC,kBAAkB,CAAC;IACxF,gBAAA,IAAI,QAAQ,EAAE;IACZ,oBAAA,MAAM,GAAG,GAAG,MAAM,CAAC,QAAuB,CAAM,CAAC;wBACjD,IAAI,GAAG,IAAI,IAAI,EAAE;IACf,wBAAA,OAAO,GAAG,CAAC;IACZ,qBAAA;IACF,iBAAA;IACF,aAAA;IACD,YAAA,OAAO,kBAAkB,CAAC,IAAI,EAAE,YAAY,CAAM,CAAC;IACpD,SAAA;IACD,QAAA,OAAO,IAAI,CAAC;IACd,KAAC,CAAC;IACJ,EAAE;IAEF;;IAEG;UACU,YAAY,GAAG,CAC1B,OAAoB,EACpB,YAAoB,KACR;QACZ,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAC3C,IAAA,IAAI,IAAI,EAAE;IACR,QAAA,MAAM,GAAG,GAAG,MAAM,CAAC,IAAmB,CAAM,CAAC;YAC7C,OAAO,GAAG,KAAK,SAAS,GAAG,IAAI,GAAG,GAAG,CAAC;IACvC,KAAA;IACD,IAAA,OAAO,IAAI,CAAC;IACd;;;;;;;;;;;;;;;;"}