@oracle/oraclejet-preact 14.0.6 → 14.0.7

package/amd/hooks/PRIVATE_useSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_useSelection.js","sources":["../../../src/hooks/PRIVATE_useSelection/useSelection.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 { RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport { stringLiteralArray } from '../../utils/UNSAFE_arrayUtils';\nimport { Keys, containsKey, isKeyDefined, addKey, removeKey } from '../../utils/UNSAFE_keys';\nimport { SelectionDetail, SelectionMode } from '../../UNSAFE_Collection';\n\n/**\n * Type for selection behavior.  See useMultipleSelection hook for details.\n */\nexport const behaviors = stringLiteralArray(['toggle', 'replace']);\nexport type SelectionBehavior = typeof behaviors[number];\n\n/**\n * Type for payload of selection range change event handler\n */\nexport type SelectionRangeDetail<K> = {\n  value: { start: K; end: K };\n};\n\nconst isShiftModeSupported = <K>(\n  anchorKey: K,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  selectionBehavior: SelectionBehavior\n) => {\n  return (\n    selectionMode === 'multiple' &&\n    selectionBehavior !== 'toggle' &&\n    containsKey(selectedKeys, anchorKey)\n  );\n};\n\nconst handleSelect = <K>(\n  event: MouseEvent | KeyboardEvent,\n  keyExtractor: (element: HTMLElement) => K | null,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  selectionBehavior: SelectionBehavior,\n  isSelectionRequired: boolean,\n  keyboardCursorRef: RefObject<K | undefined>,\n  anchorKey?: K,\n  onChange?: (detail: SelectionDetail<K>) => void,\n  onRangeChange?: (detail: SelectionRangeDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (itemKey == null) {\n    return;\n  }\n\n  // handle shift key selection\n  if (\n    event.shiftKey &&\n    anchorKey !== undefined &&\n    onRangeChange &&\n    isShiftModeSupported(anchorKey, selectedKeys, selectionMode, selectionBehavior)\n  ) {\n    onRangeChange({ value: { start: anchorKey, end: itemKey } });\n    // set keyboard selection cursor in case user extends with SHIFT+ARROW\n    if (keyboardCursorRef) {\n      keyboardCursorRef.current = itemKey;\n    }\n    return;\n  }\n\n  const selected = containsKey(selectedKeys, itemKey);\n  let keySet = selectedKeys;\n  if (!selected) {\n    if (\n      selectionMode === 'single' ||\n      (event as KeyboardEvent).key === 'Enter' ||\n      (selectionBehavior === 'replace' && !(event.ctrlKey || event.metaKey))\n    ) {\n      // should only contains this item key\n      keySet = { all: false, keys: new Set([itemKey]) };\n    } else {\n      // add to existing selected keys\n      keySet = addKey(selectedKeys, itemKey);\n    }\n  } else if ((event as KeyboardEvent).key !== 'Enter') {\n    // no de-select for enter key\n    if (\n      selectionBehavior === 'toggle' ||\n      event.ctrlKey ||\n      event.metaKey ||\n      (event as KeyboardEvent).key === ' '\n    ) {\n      // de-select only when ctrl/meta key is pressed or selectionBehavior is\n      // explicitly set to toggle\n      keySet = removeKey(selectedKeys, itemKey, isSelectionRequired);\n    } else if (selectionMode === 'multiple' && (selectedKeys.all || selectedKeys.keys.size > 1)) {\n      // in this case everything should be de-selected except for this key\n      keySet = { all: false, keys: new Set([itemKey]) };\n    }\n  }\n\n  // only invoke callback if there is really a change\n  // note onSelectionChange should never be null here\n  if (selectedKeys != keySet && onChange) {\n    onChange({ value: keySet, target: event.target });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n\n/**\n * Hook for handling various selection mode.  This can be reuse by all Collection components.\n * @param keyExtractor function to extract the key based on provided element\n * @param selectedKeys the currently selected keys\n * @param selectionMode the selection mode\n * @param selectionBehavior the selection behavior.  If the value is 'toggle', then the key is\n *                          added/removed from the current selected keys.  If the value is 'replace',\n *                          then the current selected keys are cleared first before the key is added\n *                          unless the ctrl/shift/meta key is pressed.\n * @param onSelectionChange callback function that is invoked when selection has changed.\n * @returns an event map that the consumer can register as event listeners\n */\nexport function useSelection<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  isSelectionRequired: boolean,\n  selectionBehavior: SelectionBehavior,\n  onChange?: (detail: SelectionDetail<K>) => void,\n  anchorKey?: K,\n  currentKey?: K | undefined,\n  getPrevNextKey?: (currentKey: K | undefined, isPrev: boolean) => () => K | null,\n  scrollToKey?: (key: K) => void,\n  onRangeChange?: (detail: SelectionRangeDetail<K>) => void\n) {\n  // ref to track the cursor for the SHIFT+ARROW keyboard selection separately than the anchor of the selection.\n  const keyboardSelectionCursor = useRef<K>();\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      handleSelect(\n        event,\n        keyExtractor,\n        selectedKeys,\n        selectionMode,\n        selectionBehavior,\n        isSelectionRequired,\n        keyboardSelectionCursor,\n        anchorKey,\n        onChange,\n        onRangeChange\n      );\n      if (!event.shiftKey) {\n        // reset keyboard cursor when using mouse to select\n        keyboardSelectionCursor.current = undefined;\n      }\n    },\n    [\n      keyExtractor,\n      selectedKeys,\n      selectionMode,\n      selectionBehavior,\n      isSelectionRequired,\n      keyboardSelectionCursor,\n      anchorKey,\n      onChange,\n      onRangeChange\n    ]\n  );\n\n  // general keyboard events listen to keyUp for a11y\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      // older browser that we don't support returns 'Spacebar' for space key\n      if (event.key === ' ' || event.key === 'Enter') {\n        handleSelect(\n          event,\n          keyExtractor,\n          selectedKeys,\n          selectionMode,\n          selectionBehavior,\n          isSelectionRequired,\n          keyboardSelectionCursor,\n          anchorKey,\n          onChange,\n          event.shiftKey && event.key === ' ' ? onRangeChange : undefined\n        );\n      }\n    },\n    [\n      keyExtractor,\n      selectedKeys,\n      selectionMode,\n      selectionBehavior,\n      isSelectionRequired,\n      anchorKey,\n      onChange,\n      onRangeChange\n    ]\n  );\n\n  // arrowKey events listen to keyDown so they can support holding them down\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // prevent default (propagation) for keyDown to space bar causing container to scroll\n      if (event.key === ' ') {\n        event.preventDefault();\n        return;\n      }\n\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        if (event.shiftKey && getPrevNextKey && scrollToKey) {\n          let keySet = selectedKeys;\n          // on first selection event, set keyboard cursor to start at currentKey\n          if (!keyboardSelectionCursor.current && isKeyDefined(currentKey)) {\n            keySet = { all: false, keys: new Set([currentKey as K]) };\n          }\n          const newAnchorKey = getPrevNextKey(\n            keyboardSelectionCursor.current || currentKey,\n            event.key === 'ArrowDown' ? false : true\n          );\n          const cursorKey = newAnchorKey();\n          if (cursorKey != null) {\n            // extend selection\n            if (!containsKey(keySet, cursorKey)) {\n              keySet = addKey(keySet, cursorKey);\n              // subtract from selection\n            } else if (\n              keyboardSelectionCursor.current != null &&\n              keyboardSelectionCursor.current !== cursorKey\n            ) {\n              keySet = removeKey(keySet, keyboardSelectionCursor.current, isSelectionRequired);\n            }\n            keyboardSelectionCursor.current = cursorKey;\n            // keep visible\n            scrollToKey(cursorKey);\n          }\n          if (selectedKeys != keySet && onChange) {\n            onChange({ value: keySet, target: event.target });\n          }\n        } else {\n          // reset keyBoard on non-shifted arrow use as this interrupts the extend mode (and would make for messy logic that doesn't align with current Jet behavior)\n          keyboardSelectionCursor.current = undefined;\n        }\n      }\n    },\n    [selectedKeys, isSelectionRequired, onChange, currentKey, getPrevNextKey, scrollToKey]\n  );\n\n  const selectionProps =\n    selectionMode === 'none' || onChange == null ? {} : { onClick, onKeyDown, onKeyUp };\n  return { selectionProps };\n}\n"],"names":["stringLiteralArray","handleSelect","event","keyExtractor","selectedKeys","selectionMode","selectionBehavior","isSelectionRequired","keyboardCursorRef","anchorKey","onChange","onRangeChange","itemKey","target","shiftKey","undefined","containsKey","isShiftModeSupported","value","start","end","current","keySet","key","ctrlKey","metaKey","removeKey","all","keys","size","Set","addKey","type","stopPropagation","currentKey","getPrevNextKey","scrollToKey","keyboardSelectionCursor","useRef","onClick","useCallback","onKeyUp","onKeyDown","isKeyDefined","cursorKey","newAnchorKey","preventDefault","selectionProps"],"mappings":"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"}
+{"version":3,"file":"PRIVATE_useSelection.js","sources":["../../../src/hooks/PRIVATE_useSelection/useSelection.ts","../../../src/hooks/PRIVATE_useSelection/index.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 { RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport { stringLiteralArray } from '../../utils/UNSAFE_arrayUtils';\nimport { Keys, containsKey, isKeyDefined, addKey, removeKey } from '../../utils/UNSAFE_keys';\nimport { SelectionDetail, SelectionMode } from '../../UNSAFE_Collection';\n\n/**\n * Type for selection behavior.  See useMultipleSelection hook for details.\n */\nexport const behaviors = stringLiteralArray(['toggle', 'replace']);\nexport type SelectionBehavior = typeof behaviors[number];\n\n/**\n * Type for payload of selection range change event handler\n */\nexport type SelectionRangeDetail<K> = {\n  value: { start: K; end: K };\n};\n\nconst isShiftModeSupported = <K>(\n  anchorKey: K,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  selectionBehavior: SelectionBehavior\n) => {\n  return (\n    selectionMode === 'multiple' &&\n    selectionBehavior !== 'toggle' &&\n    containsKey(selectedKeys, anchorKey)\n  );\n};\n\nconst handleSelect = <K>(\n  event: MouseEvent | KeyboardEvent,\n  keyExtractor: (element: HTMLElement) => K | null,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  selectionBehavior: SelectionBehavior,\n  isSelectionRequired: boolean,\n  keyboardCursorRef: RefObject<K | undefined>,\n  anchorKey?: K,\n  onChange?: (detail: SelectionDetail<K>) => void,\n  onRangeChange?: (detail: SelectionRangeDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (itemKey == null) {\n    return;\n  }\n\n  // handle shift key selection\n  if (\n    event.shiftKey &&\n    anchorKey !== undefined &&\n    onRangeChange &&\n    isShiftModeSupported(anchorKey, selectedKeys, selectionMode, selectionBehavior)\n  ) {\n    onRangeChange({ value: { start: anchorKey, end: itemKey } });\n    // set keyboard selection cursor in case user extends with SHIFT+ARROW\n    if (keyboardCursorRef) {\n      keyboardCursorRef.current = itemKey;\n    }\n    return;\n  }\n\n  const selected = containsKey(selectedKeys, itemKey);\n  let keySet = selectedKeys;\n  if (!selected) {\n    if (\n      selectionMode === 'single' ||\n      (event as KeyboardEvent).key === 'Enter' ||\n      (selectionBehavior === 'replace' && !(event.ctrlKey || event.metaKey))\n    ) {\n      // should only contains this item key\n      keySet = { all: false, keys: new Set([itemKey]) };\n    } else {\n      // add to existing selected keys\n      keySet = addKey(selectedKeys, itemKey);\n    }\n  } else if ((event as KeyboardEvent).key !== 'Enter') {\n    // no de-select for enter key\n    if (\n      selectionBehavior === 'toggle' ||\n      event.ctrlKey ||\n      event.metaKey ||\n      (event as KeyboardEvent).key === ' '\n    ) {\n      // de-select only when ctrl/meta key is pressed or selectionBehavior is\n      // explicitly set to toggle\n      keySet = removeKey(selectedKeys, itemKey, isSelectionRequired);\n    } else if (selectionMode === 'multiple' && (selectedKeys.all || selectedKeys.keys.size > 1)) {\n      // in this case everything should be de-selected except for this key\n      keySet = { all: false, keys: new Set([itemKey]) };\n    }\n  }\n\n  // only invoke callback if there is really a change\n  // note onSelectionChange should never be null here\n  if (selectedKeys != keySet && onChange) {\n    onChange({ value: keySet, target: event.target });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n\n/**\n * Hook for handling various selection mode.  This can be reuse by all Collection components.\n * @param keyExtractor function to extract the key based on provided element\n * @param selectedKeys the currently selected keys\n * @param selectionMode the selection mode\n * @param selectionBehavior the selection behavior.  If the value is 'toggle', then the key is\n *                          added/removed from the current selected keys.  If the value is 'replace',\n *                          then the current selected keys are cleared first before the key is added\n *                          unless the ctrl/shift/meta key is pressed.\n * @param onSelectionChange callback function that is invoked when selection has changed.\n * @returns an event map that the consumer can register as event listeners\n */\nexport function useSelection<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  isSelectionRequired: boolean,\n  selectionBehavior: SelectionBehavior,\n  onChange?: (detail: SelectionDetail<K>) => void,\n  anchorKey?: K,\n  currentKey?: K | undefined,\n  getPrevNextKey?: (currentKey: K | undefined, isPrev: boolean) => () => K | null,\n  scrollToKey?: (key: K) => void,\n  onRangeChange?: (detail: SelectionRangeDetail<K>) => void\n) {\n  // ref to track the cursor for the SHIFT+ARROW keyboard selection separately than the anchor of the selection.\n  const keyboardSelectionCursor = useRef<K>();\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      handleSelect(\n        event,\n        keyExtractor,\n        selectedKeys,\n        selectionMode,\n        selectionBehavior,\n        isSelectionRequired,\n        keyboardSelectionCursor,\n        anchorKey,\n        onChange,\n        onRangeChange\n      );\n      if (!event.shiftKey) {\n        // reset keyboard cursor when using mouse to select\n        keyboardSelectionCursor.current = undefined;\n      }\n    },\n    [\n      keyExtractor,\n      selectedKeys,\n      selectionMode,\n      selectionBehavior,\n      isSelectionRequired,\n      keyboardSelectionCursor,\n      anchorKey,\n      onChange,\n      onRangeChange\n    ]\n  );\n\n  // general keyboard events listen to keyUp for a11y\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      // older browser that we don't support returns 'Spacebar' for space key\n      if (event.key === ' ' || event.key === 'Enter') {\n        handleSelect(\n          event,\n          keyExtractor,\n          selectedKeys,\n          selectionMode,\n          selectionBehavior,\n          isSelectionRequired,\n          keyboardSelectionCursor,\n          anchorKey,\n          onChange,\n          event.shiftKey && event.key === ' ' ? onRangeChange : undefined\n        );\n      }\n    },\n    [\n      keyExtractor,\n      selectedKeys,\n      selectionMode,\n      selectionBehavior,\n      isSelectionRequired,\n      anchorKey,\n      onChange,\n      onRangeChange\n    ]\n  );\n\n  // arrowKey events listen to keyDown so they can support holding them down\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // prevent default (propagation) for keyDown to space bar causing container to scroll\n      if (event.key === ' ') {\n        event.preventDefault();\n        return;\n      }\n\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        if (event.shiftKey && getPrevNextKey && scrollToKey) {\n          let keySet = selectedKeys;\n          // on first selection event, set keyboard cursor to start at currentKey\n          if (!keyboardSelectionCursor.current && isKeyDefined(currentKey)) {\n            keySet = { all: false, keys: new Set([currentKey as K]) };\n          }\n          const newAnchorKey = getPrevNextKey(\n            keyboardSelectionCursor.current || currentKey,\n            event.key === 'ArrowDown' ? false : true\n          );\n          const cursorKey = newAnchorKey();\n          if (cursorKey != null) {\n            // extend selection\n            if (!containsKey(keySet, cursorKey)) {\n              keySet = addKey(keySet, cursorKey);\n              // subtract from selection\n            } else if (\n              keyboardSelectionCursor.current != null &&\n              keyboardSelectionCursor.current !== cursorKey\n            ) {\n              keySet = removeKey(keySet, keyboardSelectionCursor.current, isSelectionRequired);\n            }\n            keyboardSelectionCursor.current = cursorKey;\n            // keep visible\n            scrollToKey(cursorKey);\n          }\n          if (selectedKeys != keySet && onChange) {\n            onChange({ value: keySet, target: event.target });\n          }\n        } else {\n          // reset keyBoard on non-shifted arrow use as this interrupts the extend mode (and would make for messy logic that doesn't align with current Jet behavior)\n          keyboardSelectionCursor.current = undefined;\n        }\n      }\n    },\n    [selectedKeys, isSelectionRequired, onChange, currentKey, getPrevNextKey, scrollToKey]\n  );\n\n  const selectionProps =\n    selectionMode === 'none' || onChange == null ? {} : { onClick, onKeyDown, onKeyUp };\n  return { selectionProps };\n}\n","/**\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 */\nexport { useSelection, SelectionBehavior, SelectionRangeDetail } from './useSelection';\n"],"names":["stringLiteralArray","containsKey","addKey","removeKey","useRef","useCallback","isKeyDefined"],"mappings":"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"}

package/amd/hooks/PRIVATE_useSingleSelection.js

@@ -1,2 +1,12 @@
-define(["exports","../useSingleSelection-b898433f","preact/hooks"],function(e,i,n){"use strict";e.useSingleSelection=i.useSingleSelection,Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', '../useSingleSelection-7081cc84', 'preact/hooks'], (function (exports, useSingleSelection, hooks) { 'use strict';
+
+
+
+	exports.useSingleSelection = useSingleSelection.useSingleSelection;
+
+	Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=PRIVATE_useSingleSelection.js.map

package/amd/hooks/PRIVATE_useSingleSelection.js.map

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

package/amd/hooks/PRIVATE_useTabbableModeSet.js

@@ -1,2 +1,86 @@
-define(["exports","preact/hooks","../utils/UNSAFE_keys"],function(e,t,a){"use strict";e.useTabbableModeSet=function(e,o,r,s,n){const[l,c]=t.useState(),u=t.useCallback((e,t=!1)=>{c(void 0),s&&s(e,t)},[s,c]),i=t.useCallback(e=>{c(e),n&&n(e)},[n,c]),d=t.useCallback(e=>e===l,[l]),k={onFocus:e=>{const t=o(e.target);a.isKeyDefined(t)&&!d(t)&&i(t)},onBlur:t=>{t.relatedTarget&&e(t.relatedTarget)||u(t.relatedTarget)},onKeyUp:t.useCallback(e=>{"F2"===e.key&&(void 0===r||d(r)?u(e.target,!0):i(r)),"Esc"!==e.key&&"Escape"!==e.key||u(e.target,!0)},[r,u,i,d]),onPointerDown:e=>{const t=o(e.target);void 0===l||d(t)||u(e.target)}};return[d,k]},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/hooks', '../utils/UNSAFE_keys'], (function (exports, hooks, utils_UNSAFE_keys) { '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
+     */
+    /**
+     * Hook for handling Tabbable mode set provider components.
+     *
+     * @param contains - callback to check  whether an element is in set
+     * @param keyExtractor - function to extract the key based on provided element
+     * @param currentKey - current key navigation "cursor" is on
+     * @param onTabbableModeDisable - callback to parent when set is disabled
+     * @param onTabbableModeEnable - callback to parent when set is enabled
+     * @returns isCurrentTabbableKey - callback for parent to check if key is in interactive mode
+     * @returns tabbableSetProps - event handlers mode relies on
+     */
+    function useTabbableModeSet(contains, keyExtractor, currentKey, onTabbableModeDisable, onTabbableModeEnable) {
+        // Track which row is in actionable in state
+        const [currentTabbableKey, setCurrentTabbableKey] = hooks.useState();
+        const disableTabbableMode = hooks.useCallback((target, isKeyboardEvent = false) => {
+            setCurrentTabbableKey(undefined);
+            onTabbableModeDisable && onTabbableModeDisable(target, isKeyboardEvent);
+        }, [onTabbableModeDisable, setCurrentTabbableKey]);
+        const enableTabbableMode = hooks.useCallback((key) => {
+            setCurrentTabbableKey(key);
+            onTabbableModeEnable && onTabbableModeEnable(key);
+        }, [onTabbableModeEnable, setCurrentTabbableKey]);
+        const isCurrentTabbableKey = hooks.useCallback((key) => {
+            return key === currentTabbableKey;
+        }, [currentTabbableKey]);
+        const onFocus = (event) => {
+            const key = keyExtractor(event.target);
+            if (utils_UNSAFE_keys.isKeyDefined(key) && !isCurrentTabbableKey(key)) {
+                enableTabbableMode(key);
+            }
+        };
+        const onBlur = (event) => {
+            if (!event.relatedTarget || !contains(event.relatedTarget)) {
+                disableTabbableMode(event.relatedTarget);
+            }
+        };
+        const onPointerDown = (event) => {
+            const key = keyExtractor(event.target);
+            if (currentTabbableKey !== undefined && !isCurrentTabbableKey(key)) {
+                disableTabbableMode(event.target);
+            }
+        };
+        const onKeyUp = hooks.useCallback((event) => {
+            if (event.key === 'F2') {
+                currentKey !== undefined && !isCurrentTabbableKey(currentKey)
+                    ? enableTabbableMode(currentKey)
+                    : disableTabbableMode(event.target, true);
+            }
+            if (event.key === 'Esc' || event.key === 'Escape') {
+                disableTabbableMode(event.target, true);
+            }
+        }, [currentKey, disableTabbableMode, enableTabbableMode, isCurrentTabbableKey]);
+        const tabbableSetProps = {
+            onFocus,
+            onBlur,
+            onKeyUp,
+            onPointerDown
+        };
+        return [isCurrentTabbableKey, tabbableSetProps];
+    }
+
+    /**
+     * @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
+     */
+
+    exports.useTabbableModeSet = useTabbableModeSet;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=PRIVATE_useTabbableModeSet.js.map

package/amd/hooks/PRIVATE_useTabbableModeSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_useTabbableModeSet.js","sources":["../../../src/hooks/PRIVATE_useTabbableModeSet/useTabbableModeSet.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, useState } from 'preact/hooks';\nimport { isKeyDefined } from '../../utils/UNSAFE_keys';\n\n/**\n * Hook for handling Tabbable mode set provider components.\n *\n * @param contains - callback to check  whether an element is in set\n * @param keyExtractor - function to extract the key based on provided element\n * @param currentKey - current key navigation \"cursor\" is on\n * @param onTabbableModeDisable - callback to parent when set is disabled\n * @param onTabbableModeEnable - callback to parent when set is enabled\n * @returns isCurrentTabbableKey - callback for parent to check if key is in interactive mode\n * @returns tabbableSetProps - event handlers mode relies on\n */\nexport function useTabbableModeSet<K>(\n  contains: (elem: Element | null) => boolean,\n  keyExtractor: (element: HTMLElement) => K | null,\n  currentKey?: K,\n  onTabbableModeDisable?: (target: EventTarget | null, isKeyboardEvent: boolean) => void,\n  onTabbableModeEnable?: (key: K) => void\n): [\n  (key?: K) => boolean,\n  {\n    onFocus: (event: FocusEvent) => void;\n    onBlur: (event: FocusEvent) => void;\n    onKeyUp: (event: KeyboardEvent) => void;\n    onPointerDown: (event: MouseEvent) => void;\n  }\n] {\n  // Track which row is in actionable in state\n  const [currentTabbableKey, setCurrentTabbableKey] = useState<K>();\n  const disableTabbableMode = useCallback(\n    (target: EventTarget | null, isKeyboardEvent = false) => {\n      setCurrentTabbableKey(undefined);\n      onTabbableModeDisable && onTabbableModeDisable(target, isKeyboardEvent);\n    },\n    [onTabbableModeDisable, setCurrentTabbableKey]\n  );\n  const enableTabbableMode = useCallback(\n    (key: K) => {\n      setCurrentTabbableKey(key);\n      onTabbableModeEnable && onTabbableModeEnable(key);\n    },\n    [onTabbableModeEnable, setCurrentTabbableKey]\n  );\n  const isCurrentTabbableKey = useCallback(\n    (key?: K) => {\n      return key === currentTabbableKey;\n    },\n    [currentTabbableKey]\n  );\n\n  const onFocus = (event: FocusEvent) => {\n    const key = keyExtractor(event.target as HTMLElement) as K;\n    if (isKeyDefined(key) && !isCurrentTabbableKey(key)) {\n      enableTabbableMode(key);\n    }\n  };\n\n  const onBlur = (event: FocusEvent) => {\n    if (!event.relatedTarget || !contains(event.relatedTarget as Element)) {\n      disableTabbableMode(event.relatedTarget);\n    }\n  };\n\n  const onPointerDown = (event: MouseEvent) => {\n    const key = keyExtractor(event.target as HTMLElement) as K;\n    if (currentTabbableKey !== undefined && !isCurrentTabbableKey(key)) {\n      disableTabbableMode(event.target);\n    }\n  };\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'F2') {\n        currentKey !== undefined && !isCurrentTabbableKey(currentKey)\n          ? enableTabbableMode(currentKey)\n          : disableTabbableMode(event.target, true);\n      }\n      if (event.key === 'Esc' || event.key === 'Escape') {\n        disableTabbableMode(event.target, true);\n      }\n    },\n    [currentKey, disableTabbableMode, enableTabbableMode, isCurrentTabbableKey]\n  );\n\n  const tabbableSetProps = {\n    onFocus,\n    onBlur,\n    onKeyUp,\n    onPointerDown\n  };\n\n  return [isCurrentTabbableKey, tabbableSetProps];\n}\n"],"names":["contains","keyExtractor","currentKey","onTabbableModeDisable","onTabbableModeEnable","currentTabbableKey","setCurrentTabbableKey","useState","disableTabbableMode","useCallback","target","isKeyboardEvent","undefined","enableTabbableMode","key","isCurrentTabbableKey","tabbableSetProps","onFocus","event","isKeyDefined","onBlur","relatedTarget","onKeyUp","onPointerDown"],"mappings":"2GAqBM,SACJA,EACAC,EACAC,EACAC,EACAC,GAWA,MAAOC,EAAoBC,GAAyBC,EAAQA,WACtDC,EAAsBC,EAAWA,YACrC,CAACC,EAA4BC,GAAkB,KAC7CL,OAAsBM,GACtBT,GAAyBA,EAAsBO,EAAQC,IAEzD,CAACR,EAAuBG,IAEpBO,EAAqBJ,cACxBK,IACCR,EAAsBQ,GACtBV,GAAwBA,EAAqBU,IAE/C,CAACV,EAAsBE,IAEnBS,EAAuBN,cAC1BK,GACQA,IAAQT,EAEjB,CAACA,IAqCGW,EAAmB,CACvBC,QAnCeC,IACf,MAAMJ,EAAMb,EAAaiB,EAAMR,QAC3BS,EAAYA,aAACL,KAASC,EAAqBD,IAC7CD,EAAmBC,IAiCrBM,OA7BcF,IACTA,EAAMG,eAAkBrB,EAASkB,EAAMG,gBAC1Cb,EAAoBU,EAAMG,gBA4B5BC,QAjBcb,cACbS,IACmB,OAAdA,EAAMJ,WACOF,IAAfV,GAA6Ba,EAAqBb,GAE9CM,EAAoBU,EAAMR,QAAQ,GADlCG,EAAmBX,IAGP,QAAdgB,EAAMJ,KAA+B,WAAdI,EAAMJ,KAC/BN,EAAoBU,EAAMR,QAAQ,IAGtC,CAACR,EAAYM,EAAqBK,EAAoBE,IAOtDQ,cAzBqBL,IACrB,MAAMJ,EAAMb,EAAaiB,EAAMR,aACJE,IAAvBP,GAAqCU,EAAqBD,IAC5DN,EAAoBU,EAAMR,UAyB9B,MAAO,CAACK,EAAsBC"}
+{"version":3,"file":"PRIVATE_useTabbableModeSet.js","sources":["../../../src/hooks/PRIVATE_useTabbableModeSet/useTabbableModeSet.ts","../../../src/hooks/PRIVATE_useTabbableModeSet/index.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, useState } from 'preact/hooks';\nimport { isKeyDefined } from '../../utils/UNSAFE_keys';\n\n/**\n * Hook for handling Tabbable mode set provider components.\n *\n * @param contains - callback to check  whether an element is in set\n * @param keyExtractor - function to extract the key based on provided element\n * @param currentKey - current key navigation \"cursor\" is on\n * @param onTabbableModeDisable - callback to parent when set is disabled\n * @param onTabbableModeEnable - callback to parent when set is enabled\n * @returns isCurrentTabbableKey - callback for parent to check if key is in interactive mode\n * @returns tabbableSetProps - event handlers mode relies on\n */\nexport function useTabbableModeSet<K>(\n  contains: (elem: Element | null) => boolean,\n  keyExtractor: (element: HTMLElement) => K | null,\n  currentKey?: K,\n  onTabbableModeDisable?: (target: EventTarget | null, isKeyboardEvent: boolean) => void,\n  onTabbableModeEnable?: (key: K) => void\n): [\n  (key?: K) => boolean,\n  {\n    onFocus: (event: FocusEvent) => void;\n    onBlur: (event: FocusEvent) => void;\n    onKeyUp: (event: KeyboardEvent) => void;\n    onPointerDown: (event: MouseEvent) => void;\n  }\n] {\n  // Track which row is in actionable in state\n  const [currentTabbableKey, setCurrentTabbableKey] = useState<K>();\n  const disableTabbableMode = useCallback(\n    (target: EventTarget | null, isKeyboardEvent = false) => {\n      setCurrentTabbableKey(undefined);\n      onTabbableModeDisable && onTabbableModeDisable(target, isKeyboardEvent);\n    },\n    [onTabbableModeDisable, setCurrentTabbableKey]\n  );\n  const enableTabbableMode = useCallback(\n    (key: K) => {\n      setCurrentTabbableKey(key);\n      onTabbableModeEnable && onTabbableModeEnable(key);\n    },\n    [onTabbableModeEnable, setCurrentTabbableKey]\n  );\n  const isCurrentTabbableKey = useCallback(\n    (key?: K) => {\n      return key === currentTabbableKey;\n    },\n    [currentTabbableKey]\n  );\n\n  const onFocus = (event: FocusEvent) => {\n    const key = keyExtractor(event.target as HTMLElement) as K;\n    if (isKeyDefined(key) && !isCurrentTabbableKey(key)) {\n      enableTabbableMode(key);\n    }\n  };\n\n  const onBlur = (event: FocusEvent) => {\n    if (!event.relatedTarget || !contains(event.relatedTarget as Element)) {\n      disableTabbableMode(event.relatedTarget);\n    }\n  };\n\n  const onPointerDown = (event: MouseEvent) => {\n    const key = keyExtractor(event.target as HTMLElement) as K;\n    if (currentTabbableKey !== undefined && !isCurrentTabbableKey(key)) {\n      disableTabbableMode(event.target);\n    }\n  };\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'F2') {\n        currentKey !== undefined && !isCurrentTabbableKey(currentKey)\n          ? enableTabbableMode(currentKey)\n          : disableTabbableMode(event.target, true);\n      }\n      if (event.key === 'Esc' || event.key === 'Escape') {\n        disableTabbableMode(event.target, true);\n      }\n    },\n    [currentKey, disableTabbableMode, enableTabbableMode, isCurrentTabbableKey]\n  );\n\n  const tabbableSetProps = {\n    onFocus,\n    onBlur,\n    onKeyUp,\n    onPointerDown\n  };\n\n  return [isCurrentTabbableKey, tabbableSetProps];\n}\n","/**\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 */\nexport { useTabbableModeSet } from './useTabbableModeSet';\n"],"names":["useState","useCallback","isKeyDefined"],"mappings":"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"}

package/amd/hooks/UNSAFE_useActionable.js

@@ -1,2 +1,40 @@
-define(["exports","../utils/UNSAFE_mergeProps","./UNSAFE_useHover","./UNSAFE_useActive","./UNSAFE_useFocus","./UNSAFE_usePress","./UNSAFE_useToggle","preact/hooks"],function(s,e,i,o,r,t,u,c){"use strict";const a={isDisabled:!1,isRepeat:!1};s.useActionable=function(s,u=a){const c=Object.assign(Object.assign({},a),u),{pressProps:l}=t.usePress(s,c),{hoverProps:n,isHover:b}=i.useHover({isDisabled:c.isDisabled}),{focusProps:p,isFocus:v}=r.useFocus({isDisabled:c.isDisabled}),{activeProps:A,isActive:d}=o.useActive({isDisabled:c.isDisabled});return{actionableProps:e.mergeProps(l,n,A,p),isActive:d,isHover:b,isFocus:v}},Object.defineProperty(s,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', '../utils/UNSAFE_mergeProps', './UNSAFE_useHover', './UNSAFE_useActive', './UNSAFE_useFocus', './UNSAFE_usePress', './UNSAFE_useToggle', 'preact/hooks'], (function (exports, utils_UNSAFE_mergeProps, hooks_UNSAFE_useHover, hooks_UNSAFE_useActive, hooks_UNSAFE_useFocus, hooks_UNSAFE_usePress, hooks_UNSAFE_useToggle, hooks) { 'use strict';
+
+    const DefaultActionableOptions = {
+        isDisabled: false,
+        isRepeat: false
+    };
+    /**
+     * A hook that can add actionable support to a target element, turning it into a
+     * clickable button, div, card, etc.
+     * If isHover, isFocus, and isActive are only used for changing visual rendering, it would be
+     * faster to not use this hook, and instead use :hover, :focus-visible, :active and usePress.
+     * @param onActionHandler
+     * @returns
+     */
+    function useActionable(onActionHandler, settings = DefaultActionableOptions) {
+        const mergedSettings = Object.assign(Object.assign({}, DefaultActionableOptions), settings);
+        const { pressProps } = hooks_UNSAFE_usePress.usePress(onActionHandler, mergedSettings);
+        const { hoverProps, isHover } = hooks_UNSAFE_useHover.useHover({ isDisabled: mergedSettings.isDisabled });
+        const { focusProps, isFocus } = hooks_UNSAFE_useFocus.useFocus({ isDisabled: mergedSettings.isDisabled });
+        const { activeProps, isActive } = hooks_UNSAFE_useActive.useActive({ isDisabled: mergedSettings.isDisabled });
+        const actionableProps = utils_UNSAFE_mergeProps.mergeProps(pressProps, hoverProps, activeProps, focusProps);
+        return { actionableProps, isActive, isHover, isFocus };
+    }
+
+    /**
+     * @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
+     */
+
+    exports.useActionable = useActionable;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_useActionable.js.map

package/amd/hooks/UNSAFE_useActionable.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useActionable.js","sources":["../../../src/hooks/UNSAFE_useActionable/useActionable.ts"],"sourcesContent":["import { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport { useHover } from '../UNSAFE_useHover';\nimport { useActive } from '../UNSAFE_useActive';\nimport { useFocus } from '../UNSAFE_useFocus';\nimport { usePress } from '../UNSAFE_usePress';\n\nexport type ActionableOptions = {\n  isDisabled?: boolean;\n  isRepeat?: boolean;\n};\n\nconst DefaultActionableOptions = {\n  isDisabled: false,\n  isRepeat: false\n};\n\n/**\n * A hook that can add actionable support to a target element, turning it into a\n * clickable button, div, card, etc.\n * If isHover, isFocus, and isActive are only used for changing visual rendering, it would be\n * faster to not use this hook, and instead use :hover, :focus-visible, :active and usePress.\n * @param onActionHandler\n * @returns\n */\nexport function useActionable(\n  onActionHandler: (event: Event) => void,\n  settings: ActionableOptions = DefaultActionableOptions\n): { isActive: boolean; isHover: boolean; isFocus: boolean; actionableProps: Record<string, any> } {\n  const mergedSettings = { ...DefaultActionableOptions, ...settings };\n  const { pressProps } = usePress(onActionHandler, mergedSettings);\n  const { hoverProps, isHover } = useHover({ isDisabled: mergedSettings.isDisabled });\n  const { focusProps, isFocus } = useFocus({ isDisabled: mergedSettings.isDisabled });\n  const { activeProps, isActive } = useActive({ isDisabled: mergedSettings.isDisabled });\n  const actionableProps = mergeProps(pressProps, hoverProps, activeProps, focusProps);\n  return { actionableProps, isActive, isHover, isFocus };\n}\n"],"names":["DefaultActionableOptions","isDisabled","isRepeat","onActionHandler","settings","mergedSettings","Object","assign","pressProps","usePress","hoverProps","isHover","useHover","focusProps","isFocus","useFocus","activeProps","isActive","useActive","actionableProps","mergeProps"],"mappings":"4MAWA,MAAMA,EAA2B,CAC/BC,YAAY,EACZC,UAAU,4BAYVC,EACAC,EAA8BJ,GAE9B,MAAMK,EAAsBC,OAAAC,OAAAD,OAAAC,OAAA,GAAAP,GAA6BI,IACnDI,WAAEA,GAAeC,EAAQA,SAACN,EAAiBE,IAC3CK,WAAEA,EAAUC,QAAEA,GAAYC,EAAAA,SAAS,CAAEX,WAAYI,EAAeJ,cAChEY,WAAEA,EAAUC,QAAEA,GAAYC,EAAAA,SAAS,CAAEd,WAAYI,EAAeJ,cAChEe,YAAEA,EAAWC,SAAEA,GAAaC,EAAAA,UAAU,CAAEjB,WAAYI,EAAeJ,aAEzE,MAAO,CAAEkB,gBADeC,EAAAA,WAAWZ,EAAYE,EAAYM,EAAaH,GAC9CI,SAAAA,EAAUN,QAAAA,EAASG,QAAAA"}
+{"version":3,"file":"UNSAFE_useActionable.js","sources":["../../../src/hooks/UNSAFE_useActionable/useActionable.ts","../../../src/hooks/UNSAFE_useActionable/index.ts"],"sourcesContent":["import { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport { useHover } from '../UNSAFE_useHover';\nimport { useActive } from '../UNSAFE_useActive';\nimport { useFocus } from '../UNSAFE_useFocus';\nimport { usePress } from '../UNSAFE_usePress';\n\nexport type ActionableOptions = {\n  isDisabled?: boolean;\n  isRepeat?: boolean;\n};\n\nconst DefaultActionableOptions = {\n  isDisabled: false,\n  isRepeat: false\n};\n\n/**\n * A hook that can add actionable support to a target element, turning it into a\n * clickable button, div, card, etc.\n * If isHover, isFocus, and isActive are only used for changing visual rendering, it would be\n * faster to not use this hook, and instead use :hover, :focus-visible, :active and usePress.\n * @param onActionHandler\n * @returns\n */\nexport function useActionable(\n  onActionHandler: (event: Event) => void,\n  settings: ActionableOptions = DefaultActionableOptions\n): { isActive: boolean; isHover: boolean; isFocus: boolean; actionableProps: Record<string, any> } {\n  const mergedSettings = { ...DefaultActionableOptions, ...settings };\n  const { pressProps } = usePress(onActionHandler, mergedSettings);\n  const { hoverProps, isHover } = useHover({ isDisabled: mergedSettings.isDisabled });\n  const { focusProps, isFocus } = useFocus({ isDisabled: mergedSettings.isDisabled });\n  const { activeProps, isActive } = useActive({ isDisabled: mergedSettings.isDisabled });\n  const actionableProps = mergeProps(pressProps, hoverProps, activeProps, focusProps);\n  return { actionableProps, isActive, isHover, isFocus };\n}\n","/**\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 */\nexport * from './useActionable';\n"],"names":["usePress","useHover","useFocus","useActive","mergeProps"],"mappings":";;;IAWA,MAAM,wBAAwB,GAAG;IAC/B,IAAA,UAAU,EAAE,KAAK;IACjB,IAAA,QAAQ,EAAE,KAAK;KAChB,CAAC;IAEF;;;;;;;IAOG;aACa,aAAa,CAC3B,eAAuC,EACvC,WAA8B,wBAAwB,EAAA;IAEtD,IAAA,MAAM,cAAc,GAAQ,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,wBAAwB,CAAK,EAAA,QAAQ,CAAE,CAAC;QACpE,MAAM,EAAE,UAAU,EAAE,GAAGA,8BAAQ,CAAC,eAAe,EAAE,cAAc,CAAC,CAAC;IACjE,IAAA,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAGC,8BAAQ,CAAC,EAAE,UAAU,EAAE,cAAc,CAAC,UAAU,EAAE,CAAC,CAAC;IACpF,IAAA,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAGC,8BAAQ,CAAC,EAAE,UAAU,EAAE,cAAc,CAAC,UAAU,EAAE,CAAC,CAAC;IACpF,IAAA,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAGC,gCAAS,CAAC,EAAE,UAAU,EAAE,cAAc,CAAC,UAAU,EAAE,CAAC,CAAC;IACvF,IAAA,MAAM,eAAe,GAAGC,kCAAU,CAAC,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;QACpF,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;IACzD;;ICnCA;;;;;;IAMG;;;;;;;;;;;;;"}

package/amd/hooks/UNSAFE_useActive.js

@@ -1,2 +1,84 @@
-define(["exports","./UNSAFE_useToggle","preact/hooks"],function(e,o,s){"use strict";const n=e=>!(1!=(1&(void 0!==e.buttons?e.buttons:e.which)));e.useActive=function(e={isDisabled:!1}){const{bool:u,setTrue:t,setFalse:c}=o.useToggle(!1),l=s.useRef(!1),a=s.useCallback(e=>{n(e)&&t()},[t]),r=s.useCallback(e=>{n(e)&&(l.current=!0),c()},[c]),i=s.useCallback(e=>{l.current&&(n(e)&&t(),l.current=!1)},[t]),b=s.useCallback(e=>{" "!==e.key&&"Enter"!==e.key||t()},[t]),d=s.useCallback(()=>{c()},[c]),k=e.isDisabled?{}:{onMouseDown:a,onMouseOut:r,onMouseEnter:i,onMouseUp:c,onTouchStart:t,onTouchEnd:c,onTouchCancel:c,onKeyDown:b,onKeyUp:d};return{isActive:!e.isDisabled&&u,activeProps:k}},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', './UNSAFE_useToggle', 'preact/hooks'], (function (exports, hooks_UNSAFE_useToggle, hooks) { 'use strict';
+
+    /**
+     * Indicates if primary mouse button is down
+     * @param e
+     * @returns
+     */
+    const isPrimaryMouseButtonDown = (e) => {
+        const flags = e.buttons !== undefined ? e.buttons : e.which;
+        const primaryMouseButtonDown = (flags & 1) === 1;
+        if (primaryMouseButtonDown) {
+            return true;
+        }
+        return false;
+    };
+    /**
+     * Returns properties to manage active state indication
+     * @returns
+     */
+    function useActive(settings = { isDisabled: false }) {
+        const { bool, setTrue, setFalse } = hooks_UNSAFE_useToggle.useToggle(false);
+        const wasActive = hooks.useRef(false);
+        const mouseDownTarget = hooks.useCallback((e) => {
+            if (isPrimaryMouseButtonDown(e)) {
+                setTrue();
+            }
+        }, [setTrue]);
+        const leftTarget = hooks.useCallback((e) => {
+            if (isPrimaryMouseButtonDown(e)) {
+                wasActive.current = true;
+            }
+            setFalse();
+        }, [setFalse]);
+        const enteredTarget = hooks.useCallback((e) => {
+            if (wasActive.current) {
+                if (isPrimaryMouseButtonDown(e)) {
+                    setTrue();
+                }
+                wasActive.current = false;
+            }
+        }, [setTrue]);
+        const onKeyDown = hooks.useCallback((event) => {
+            if (event.key === ' ' || event.key === 'Enter') {
+                setTrue();
+            }
+        }, [setTrue]);
+        const onKeyUp = hooks.useCallback(() => {
+            setFalse();
+        }, [setFalse]);
+        const activeProps = settings.isDisabled
+            ? {}
+            : {
+                onMouseDown: mouseDownTarget,
+                onMouseOut: leftTarget,
+                onMouseEnter: enteredTarget,
+                onMouseUp: setFalse,
+                onTouchStart: setTrue,
+                onTouchEnd: setFalse,
+                onTouchCancel: setFalse,
+                onKeyDown,
+                onKeyUp
+            };
+        return {
+            isActive: settings.isDisabled ? false : bool,
+            activeProps: activeProps
+        };
+    }
+
+    /**
+     * @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
+     */
+
+    exports.useActive = useActive;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_useActive.js.map

package/amd/hooks/UNSAFE_useActive.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useActive.js","sources":["../../../src/hooks/UNSAFE_useActive/useActive.ts"],"sourcesContent":["import { useToggle } from '../UNSAFE_useToggle';\nimport { useRef, useCallback } from 'preact/hooks';\n\nexport type ActiveOptions = {\n  isDisabled?: boolean;\n};\n\n/**\n * Indicates if primary mouse button is down\n * @param e\n * @returns\n */\nconst isPrimaryMouseButtonDown = (e: MouseEvent) => {\n  const flags = e.buttons !== undefined ? e.buttons : e.which;\n  const primaryMouseButtonDown = (flags & 1) === 1;\n  if (primaryMouseButtonDown) {\n    return true;\n  }\n  return false;\n};\n\n/**\n * Returns properties to manage active state indication\n * @returns\n */\nexport function useActive(settings: ActiveOptions = { isDisabled: false }): {\n  isActive: boolean;\n  activeProps: Record<string, any>;\n} {\n  const { bool, setTrue, setFalse } = useToggle(false);\n  const wasActive = useRef(false);\n\n  const mouseDownTarget = useCallback(\n    (e: MouseEvent) => {\n      if (isPrimaryMouseButtonDown(e)) {\n        setTrue();\n      }\n    },\n    [setTrue]\n  );\n\n  const leftTarget = useCallback(\n    (e: MouseEvent) => {\n      if (isPrimaryMouseButtonDown(e)) {\n        wasActive.current = true;\n      }\n      setFalse();\n    },\n    [setFalse]\n  );\n\n  const enteredTarget = useCallback(\n    (e: MouseEvent) => {\n      if (wasActive.current) {\n        if (isPrimaryMouseButtonDown(e)) {\n          setTrue();\n        }\n        wasActive.current = false;\n      }\n    },\n    [setTrue]\n  );\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === ' ' || event.key === 'Enter') {\n        setTrue();\n      }\n    },\n    [setTrue]\n  );\n\n  const onKeyUp = useCallback(() => {\n    setFalse();\n  }, [setFalse]);\n\n  const activeProps = settings.isDisabled\n    ? {}\n    : {\n        onMouseDown: mouseDownTarget,\n        onMouseOut: leftTarget,\n        onMouseEnter: enteredTarget,\n        onMouseUp: setFalse,\n        onTouchStart: setTrue,\n        onTouchEnd: setFalse,\n        onTouchCancel: setFalse,\n        onKeyDown,\n        onKeyUp\n      };\n\n  return {\n    isActive: settings.isDisabled ? false : bool,\n    activeProps: activeProps\n  };\n}\n"],"names":["isPrimaryMouseButtonDown","e","undefined","buttons","which","settings","isDisabled","bool","setTrue","setFalse","useToggle","wasActive","useRef","mouseDownTarget","useCallback","leftTarget","current","enteredTarget","onKeyDown","event","key","onKeyUp","activeProps","onMouseDown","onMouseOut","onMouseEnter","onMouseUp","onTouchStart","onTouchEnd","onTouchCancel","isActive"],"mappings":"oFAYA,MAAMA,EAA4BC,KAEe,IAAP,QADZC,IAAdD,EAAEE,QAAwBF,EAAEE,QAAUF,EAAEG,qBAYlD,SAAoBC,EAA0B,CAAEC,YAAY,IAIhE,MAAMC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,GAAaC,EAAAA,WAAU,GACxCC,EAAYC,UAAO,GAEnBC,EAAkBC,cACrBb,IACKD,EAAyBC,IAC3BO,KAGJ,CAACA,IAGGO,EAAaD,cAChBb,IACKD,EAAyBC,KAC3BU,EAAUK,SAAU,GAEtBP,KAEF,CAACA,IAGGQ,EAAgBH,cACnBb,IACKU,EAAUK,UACRhB,EAAyBC,IAC3BO,IAEFG,EAAUK,SAAU,IAGxB,CAACR,IAGGU,EAAYJ,cACfK,IACmB,MAAdA,EAAMC,KAA6B,UAAdD,EAAMC,KAC7BZ,KAGJ,CAACA,IAGGa,EAAUP,EAAAA,YAAY,KAC1BL,KACC,CAACA,IAEEa,EAAcjB,EAASC,WACzB,GACA,CACEiB,YAAaV,EACbW,WAAYT,EACZU,aAAcR,EACdS,UAAWjB,EACXkB,aAAcnB,EACdoB,WAAYnB,EACZoB,cAAepB,EACfS,UAAAA,EACAG,QAAAA,GAGN,MAAO,CACLS,UAAUzB,EAASC,YAAqBC,EACxCe,YAAaA"}
+{"version":3,"file":"UNSAFE_useActive.js","sources":["../../../src/hooks/UNSAFE_useActive/useActive.ts","../../../src/hooks/UNSAFE_useActive/index.ts"],"sourcesContent":["import { useToggle } from '../UNSAFE_useToggle';\nimport { useRef, useCallback } from 'preact/hooks';\n\nexport type ActiveOptions = {\n  isDisabled?: boolean;\n};\n\n/**\n * Indicates if primary mouse button is down\n * @param e\n * @returns\n */\nconst isPrimaryMouseButtonDown = (e: MouseEvent) => {\n  const flags = e.buttons !== undefined ? e.buttons : e.which;\n  const primaryMouseButtonDown = (flags & 1) === 1;\n  if (primaryMouseButtonDown) {\n    return true;\n  }\n  return false;\n};\n\n/**\n * Returns properties to manage active state indication\n * @returns\n */\nexport function useActive(settings: ActiveOptions = { isDisabled: false }): {\n  isActive: boolean;\n  activeProps: Record<string, any>;\n} {\n  const { bool, setTrue, setFalse } = useToggle(false);\n  const wasActive = useRef(false);\n\n  const mouseDownTarget = useCallback(\n    (e: MouseEvent) => {\n      if (isPrimaryMouseButtonDown(e)) {\n        setTrue();\n      }\n    },\n    [setTrue]\n  );\n\n  const leftTarget = useCallback(\n    (e: MouseEvent) => {\n      if (isPrimaryMouseButtonDown(e)) {\n        wasActive.current = true;\n      }\n      setFalse();\n    },\n    [setFalse]\n  );\n\n  const enteredTarget = useCallback(\n    (e: MouseEvent) => {\n      if (wasActive.current) {\n        if (isPrimaryMouseButtonDown(e)) {\n          setTrue();\n        }\n        wasActive.current = false;\n      }\n    },\n    [setTrue]\n  );\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === ' ' || event.key === 'Enter') {\n        setTrue();\n      }\n    },\n    [setTrue]\n  );\n\n  const onKeyUp = useCallback(() => {\n    setFalse();\n  }, [setFalse]);\n\n  const activeProps = settings.isDisabled\n    ? {}\n    : {\n        onMouseDown: mouseDownTarget,\n        onMouseOut: leftTarget,\n        onMouseEnter: enteredTarget,\n        onMouseUp: setFalse,\n        onTouchStart: setTrue,\n        onTouchEnd: setFalse,\n        onTouchCancel: setFalse,\n        onKeyDown,\n        onKeyUp\n      };\n\n  return {\n    isActive: settings.isDisabled ? false : bool,\n    activeProps: activeProps\n  };\n}\n","/**\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 */\nexport * from './useActive';\n"],"names":["useToggle","useRef","useCallback"],"mappings":";;;IAOA;;;;IAIG;IACH,MAAM,wBAAwB,GAAG,CAAC,CAAa,KAAI;IACjD,IAAA,MAAM,KAAK,GAAG,CAAC,CAAC,OAAO,KAAK,SAAS,GAAG,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC;QAC5D,MAAM,sBAAsB,GAAG,CAAC,KAAK,GAAG,CAAC,MAAM,CAAC,CAAC;IACjD,IAAA,IAAI,sBAAsB,EAAE;IAC1B,QAAA,OAAO,IAAI,CAAC;IACb,KAAA;IACD,IAAA,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF;;;IAGG;IACG,SAAU,SAAS,CAAC,QAAA,GAA0B,EAAE,UAAU,EAAE,KAAK,EAAE,EAAA;IAIvE,IAAA,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAGA,gCAAS,CAAC,KAAK,CAAC,CAAC;IACrD,IAAA,MAAM,SAAS,GAAGC,YAAM,CAAC,KAAK,CAAC,CAAC;IAEhC,IAAA,MAAM,eAAe,GAAGC,iBAAW,CACjC,CAAC,CAAa,KAAI;IAChB,QAAA,IAAI,wBAAwB,CAAC,CAAC,CAAC,EAAE;IAC/B,YAAA,OAAO,EAAE,CAAC;IACX,SAAA;IACH,KAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,IAAA,MAAM,UAAU,GAAGA,iBAAW,CAC5B,CAAC,CAAa,KAAI;IAChB,QAAA,IAAI,wBAAwB,CAAC,CAAC,CAAC,EAAE;IAC/B,YAAA,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;IAC1B,SAAA;IACD,QAAA,QAAQ,EAAE,CAAC;IACb,KAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,IAAA,MAAM,aAAa,GAAGA,iBAAW,CAC/B,CAAC,CAAa,KAAI;YAChB,IAAI,SAAS,CAAC,OAAO,EAAE;IACrB,YAAA,IAAI,wBAAwB,CAAC,CAAC,CAAC,EAAE;IAC/B,gBAAA,OAAO,EAAE,CAAC;IACX,aAAA;IACD,YAAA,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;IAC3B,SAAA;IACH,KAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,IAAA,MAAM,SAAS,GAAGA,iBAAW,CAC3B,CAAC,KAAoB,KAAI;YACvB,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;IAC9C,YAAA,OAAO,EAAE,CAAC;IACX,SAAA;IACH,KAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,IAAA,MAAM,OAAO,GAAGA,iBAAW,CAAC,MAAK;IAC/B,QAAA,QAAQ,EAAE,CAAC;IACb,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAA,MAAM,WAAW,GAAG,QAAQ,CAAC,UAAU;IACrC,UAAE,EAAE;IACJ,UAAE;IACE,YAAA,WAAW,EAAE,eAAe;IAC5B,YAAA,UAAU,EAAE,UAAU;IACtB,YAAA,YAAY,EAAE,aAAa;IAC3B,YAAA,SAAS,EAAE,QAAQ;IACnB,YAAA,YAAY,EAAE,OAAO;IACrB,YAAA,UAAU,EAAE,QAAQ;IACpB,YAAA,aAAa,EAAE,QAAQ;gBACvB,SAAS;gBACT,OAAO;aACR,CAAC;QAEN,OAAO;YACL,QAAQ,EAAE,QAAQ,CAAC,UAAU,GAAG,KAAK,GAAG,IAAI;IAC5C,QAAA,WAAW,EAAE,WAAW;SACzB,CAAC;IACJ;;IC9FA;;;;;;IAMG;;;;;;;;;;;;;"}

package/amd/hooks/UNSAFE_useAnimation.js

@@ -1,2 +1,12 @@
-define(["exports","../useAnimation-065d8744","preact/hooks","../tslib.es6-10853083"],function(e,i,t,n){"use strict";e.useAnimation=i.useAnimation,Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', '../useAnimation-2f572e0c', 'preact/hooks', '../tslib.es6-71b1ba5b'], (function (exports, useAnimation, hooks, tslib_es6) { 'use strict';
+
+
+
+	exports.useAnimation = useAnimation.useAnimation;
+
+	Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_useAnimation.js.map

package/amd/hooks/UNSAFE_useAnimation.js.map

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

package/amd/hooks/UNSAFE_useBreakpointValues.js

@@ -1,2 +1,26 @@
-define(["exports","./UNSAFE_useBreakpoints","preact/hooks"],function(e,t,n){"use strict";e.useBreakpointValues=function(e,n=t.defaultBreakpoints){const r=t.useBreakpoints(n);return Object.entries(e).reduce((e,t)=>{const n=t[0];return r[n]?t:e})[1]},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', './UNSAFE_useBreakpoints', 'preact/hooks'], (function (exports, hooks_UNSAFE_useBreakpoints, hooks) { 'use strict';
+
+    /*
+     * Custom hook to allow the user to define custom values that are returned if a breakpoint is reached.
+     * The Responsive object is a set of one or more key/value pairs, with each breakpoint as a key.
+     *
+     * TODO: Fix breakpoint value Type:
+     *  The second arg allows arbitrary breakpoints to be specified, but the first arg only allows values for "sm", "md", "lg" and "xl"; if we allow custom breakpoints to be specified via the second arg, the first arg needs to allow values for those same custom breakpoints to be passed in.
+     */
+    function useBreakpointValues(breakpointValues, breakpoints = hooks_UNSAFE_useBreakpoints.defaultBreakpoints) {
+        const current = hooks_UNSAFE_useBreakpoints.useBreakpoints(breakpoints);
+        const breakpoint = Object.entries(breakpointValues).reduce((p, c) => {
+            const key = c[0]; // first entry in breakpoint values is the key
+            return current[key] ? c : p; // if current breakpoint is true, return it, else stay with previous
+        });
+        return breakpoint[1]; // second entry in breakpoint values is the value
+    }
+
+    exports.useBreakpointValues = useBreakpointValues;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_useBreakpointValues.js.map

package/amd/hooks/UNSAFE_useBreakpointValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useBreakpointValues.js","sources":["../../../src/hooks/UNSAFE_useBreakpointValues/useBreakpointValues.ts"],"sourcesContent":["import { useBreakpoints, Breakpoints, defaultBreakpoints } from '../UNSAFE_useBreakpoints';\n\n/*\n * This allows a user to define key/value pairs that map to each breakpoint.\n * The user's custom value is returned when the specific breakpoint is reached.\n */\ntype DefaultBreakpoints = keyof typeof defaultBreakpoints;\ntype DefaultType<T> = Record<DefaultBreakpoints, T>;\ntype Responsive<V> = Partial<DefaultType<V>>;\n\n/*\n * Custom hook to allow the user to define custom values that are returned if a breakpoint is reached.\n * The Responsive object is a set of one or more key/value pairs, with each breakpoint as a key.\n *\n * TODO: Fix breakpoint value Type:\n *  The second arg allows arbitrary breakpoints to be specified, but the first arg only allows values for \"sm\", \"md\", \"lg\" and \"xl\"; if we allow custom breakpoints to be specified via the second arg, the first arg needs to allow values for those same custom breakpoints to be passed in.\n */\nexport function useBreakpointValues<V>(\n  breakpointValues: Responsive<V>,\n  breakpoints: Breakpoints = defaultBreakpoints\n) {\n  const current = useBreakpoints(breakpoints);\n\n  const breakpoint = Object.entries(breakpointValues).reduce((p, c) => {\n    const key = c[0]; // first entry in breakpoint values is the key\n    return current[key] ? c : p; // if current breakpoint is true, return it, else stay with previous\n  });\n\n  return breakpoint[1]; // second entry in breakpoint values is the value\n}\n"],"names":["breakpointValues","breakpoints","defaultBreakpoints","current","useBreakpoints","Object","entries","reduce","p","c","key"],"mappings":"wHAkBEA,EACAC,EAA2BC,sBAE3B,MAAMC,EAAUC,iBAAeH,GAO/B,OALmBI,OAAOC,QAAQN,GAAkBO,OAAO,CAACC,EAAGC,KAC7D,MAAMC,EAAMD,EAAE,GACd,OAAON,EAAQO,GAAOD,EAAID,IAGV"}
+{"version":3,"file":"UNSAFE_useBreakpointValues.js","sources":["../../../src/hooks/UNSAFE_useBreakpointValues/useBreakpointValues.ts"],"sourcesContent":["import { useBreakpoints, Breakpoints, defaultBreakpoints } from '../UNSAFE_useBreakpoints';\n\n/*\n * This allows a user to define key/value pairs that map to each breakpoint.\n * The user's custom value is returned when the specific breakpoint is reached.\n */\ntype DefaultBreakpoints = keyof typeof defaultBreakpoints;\ntype DefaultType<T> = Record<DefaultBreakpoints, T>;\ntype Responsive<V> = Partial<DefaultType<V>>;\n\n/*\n * Custom hook to allow the user to define custom values that are returned if a breakpoint is reached.\n * The Responsive object is a set of one or more key/value pairs, with each breakpoint as a key.\n *\n * TODO: Fix breakpoint value Type:\n *  The second arg allows arbitrary breakpoints to be specified, but the first arg only allows values for \"sm\", \"md\", \"lg\" and \"xl\"; if we allow custom breakpoints to be specified via the second arg, the first arg needs to allow values for those same custom breakpoints to be passed in.\n */\nexport function useBreakpointValues<V>(\n  breakpointValues: Responsive<V>,\n  breakpoints: Breakpoints = defaultBreakpoints\n) {\n  const current = useBreakpoints(breakpoints);\n\n  const breakpoint = Object.entries(breakpointValues).reduce((p, c) => {\n    const key = c[0]; // first entry in breakpoint values is the key\n    return current[key] ? c : p; // if current breakpoint is true, return it, else stay with previous\n  });\n\n  return breakpoint[1]; // second entry in breakpoint values is the value\n}\n"],"names":["defaultBreakpoints","useBreakpoints"],"mappings":";;;IAUA;;;;;;IAMG;aACa,mBAAmB,CACjC,gBAA+B,EAC/B,cAA2BA,8CAAkB,EAAA;IAE7C,IAAA,MAAM,OAAO,GAAGC,0CAAc,CAAC,WAAW,CAAC,CAAC;IAE5C,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;YAClE,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACjB,QAAA,OAAO,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,KAAC,CAAC,CAAC;IAEH,IAAA,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC;IACvB;;;;;;;;;;;;;"}

package/amd/hooks/UNSAFE_useBreakpoints.js

@@ -1,2 +1,53 @@
-define(["exports","preact/hooks"],function(e,t){"use strict";const n={sm:"0px",md:"600px",lg:"1024px",xl:"1440px"};e.defaultBreakpoints=n,e.useBreakpoints=function(e=n){const s=t.useCallback(()=>{const t={};return Object.entries(e).forEach(([e,n])=>{t[e]=window.matchMedia(`(min-width: ${n})`).matches}),t},[e]),[r,i]=t.useState(()=>s());return t.useEffect(()=>{const e=()=>{i(s())};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[s]),r},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/hooks'], (function (exports, hooks) { 'use strict';
+
+    /*
+     * TODO: These default breakpoints are temporary (will be set by Provider in the future)
+     *
+     * This object defines default breakpoints for screens and containers.
+     */
+    const defaultBreakpoints = {
+        sm: '0px',
+        md: '600px',
+        lg: '1024px',
+        xl: '1440px'
+    };
+    /*
+     * Simple custom hook which returns the current breakpoints based on viewport width.
+     * The breakpoints are returned as an object that is a set of boolean values keyed to each breakpoint.
+     * The window/viewport min-width is matched against a range of pixel values defined as the breakpoints.
+     *
+     * TODO: Investigate useBreakpoints scalability if a component that uses useBreakpoints ends up being stamped out in some collection component (JET-49558)
+     *
+     * TODO: Parameterize this hook type such that we enable type checking on the returned record key; introduce a type parameter that corresponds to the Record key type
+     */
+    function useBreakpoints(breakpoints = defaultBreakpoints) {
+        // this handler will return current breakpoints as a single object we can watch, rather than looping through each breakpoint key
+        const queryMatches = hooks.useCallback(() => {
+            const currentMatches = {};
+            Object.entries(breakpoints).forEach(([key, value]) => {
+                currentMatches[key] = window.matchMedia(`(min-width: ${value})`).matches;
+            });
+            return currentMatches;
+        }, [breakpoints]);
+        const [matches, setMatches] = hooks.useState(() => queryMatches());
+        hooks.useEffect(() => {
+            const onResize = () => {
+                setMatches(queryMatches());
+            };
+            window.addEventListener('resize', onResize);
+            return () => {
+                window.removeEventListener('resize', onResize);
+            };
+        }, [queryMatches]);
+        return matches;
+    }
+
+    exports.defaultBreakpoints = defaultBreakpoints;
+    exports.useBreakpoints = useBreakpoints;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_useBreakpoints.js.map

package/amd/hooks/UNSAFE_useBreakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useBreakpoints.js","sources":["../../../src/hooks/UNSAFE_useBreakpoints/useBreakpoints.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from 'preact/hooks';\n\n/*\n * TODO: These default breakpoints are temporary (will be set by Provider in the future)\n *\n * This object defines default breakpoints for screens and containers.\n */\nexport const defaultBreakpoints = {\n  sm: '0px',\n  md: '600px',\n  lg: '1024px',\n  xl: '1440px'\n};\n\nexport type Breakpoints = Record<string, string>;\n\n/*\n * Simple custom hook which returns the current breakpoints based on viewport width.\n * The breakpoints are returned as an object that is a set of boolean values keyed to each breakpoint.\n * The window/viewport min-width is matched against a range of pixel values defined as the breakpoints.\n *\n * TODO: Investigate useBreakpoints scalability if a component that uses useBreakpoints ends up being stamped out in some collection component (JET-49558)\n *\n * TODO: Parameterize this hook type such that we enable type checking on the returned record key; introduce a type parameter that corresponds to the Record key type\n */\nexport function useBreakpoints(breakpoints: Breakpoints = defaultBreakpoints) {\n  // this handler will return current breakpoints as a single object we can watch, rather than looping through each breakpoint key\n  const queryMatches = useCallback(() => {\n    const currentMatches: Record<string, boolean> = {};\n    Object.entries(breakpoints).forEach(([key, value]) => {\n      currentMatches[key] = window.matchMedia(`(min-width: ${value})`).matches;\n    });\n    return currentMatches;\n  }, [breakpoints]);\n\n  const [matches, setMatches] = useState(() => queryMatches());\n\n  useEffect(() => {\n    const onResize = () => {\n      setMatches(queryMatches());\n    };\n\n    window.addEventListener('resize', onResize);\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  }, [queryMatches]);\n\n  return matches;\n}\n"],"names":["defaultBreakpoints","sm","md","lg","xl","breakpoints","queryMatches","useCallback","currentMatches","Object","entries","forEach","key","value","window","matchMedia","matches","setMatches","useState","useEffect","onResize","addEventListener","removeEventListener"],"mappings":"6DAOa,MAAAA,EAAqB,CAChCC,GAAI,MACJC,GAAI,QACJC,GAAI,SACJC,GAAI,kDAcU,SAAeC,EAA2BL,GAExD,MAAMM,EAAeC,EAAAA,YAAY,KAC/B,MAAMC,EAA0C,GAIhD,OAHAC,OAAOC,QAAQL,GAAaM,QAAQ,EAAEC,EAAKC,MACzCL,EAAeI,GAAOE,OAAOC,WAAW,eAAeF,MAAUG,UAE5DR,GACN,CAACH,KAEGW,EAASC,GAAcC,EAAAA,SAAS,IAAMZ,KAa7C,OAXAa,EAAAA,UAAU,KACR,MAAMC,EAAW,KACfH,EAAWX,MAIb,OADAQ,OAAOO,iBAAiB,SAAUD,GAC3B,KACLN,OAAOQ,oBAAoB,SAAUF,KAEtC,CAACd,IAEGU"}
+{"version":3,"file":"UNSAFE_useBreakpoints.js","sources":["../../../src/hooks/UNSAFE_useBreakpoints/useBreakpoints.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from 'preact/hooks';\n\n/*\n * TODO: These default breakpoints are temporary (will be set by Provider in the future)\n *\n * This object defines default breakpoints for screens and containers.\n */\nexport const defaultBreakpoints = {\n  sm: '0px',\n  md: '600px',\n  lg: '1024px',\n  xl: '1440px'\n};\n\nexport type Breakpoints = Record<string, string>;\n\n/*\n * Simple custom hook which returns the current breakpoints based on viewport width.\n * The breakpoints are returned as an object that is a set of boolean values keyed to each breakpoint.\n * The window/viewport min-width is matched against a range of pixel values defined as the breakpoints.\n *\n * TODO: Investigate useBreakpoints scalability if a component that uses useBreakpoints ends up being stamped out in some collection component (JET-49558)\n *\n * TODO: Parameterize this hook type such that we enable type checking on the returned record key; introduce a type parameter that corresponds to the Record key type\n */\nexport function useBreakpoints(breakpoints: Breakpoints = defaultBreakpoints) {\n  // this handler will return current breakpoints as a single object we can watch, rather than looping through each breakpoint key\n  const queryMatches = useCallback(() => {\n    const currentMatches: Record<string, boolean> = {};\n    Object.entries(breakpoints).forEach(([key, value]) => {\n      currentMatches[key] = window.matchMedia(`(min-width: ${value})`).matches;\n    });\n    return currentMatches;\n  }, [breakpoints]);\n\n  const [matches, setMatches] = useState(() => queryMatches());\n\n  useEffect(() => {\n    const onResize = () => {\n      setMatches(queryMatches());\n    };\n\n    window.addEventListener('resize', onResize);\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  }, [queryMatches]);\n\n  return matches;\n}\n"],"names":["useCallback","useState","useEffect"],"mappings":";;;IAEA;;;;IAIG;AACU,UAAA,kBAAkB,GAAG;IAChC,IAAA,EAAE,EAAE,KAAK;IACT,IAAA,EAAE,EAAE,OAAO;IACX,IAAA,EAAE,EAAE,QAAQ;IACZ,IAAA,EAAE,EAAE,QAAQ;MACZ;IAIF;;;;;;;;IAQG;IACa,SAAA,cAAc,CAAC,WAAA,GAA2B,kBAAkB,EAAA;;IAE1E,IAAA,MAAM,YAAY,GAAGA,iBAAW,CAAC,MAAK;YACpC,MAAM,cAAc,GAA4B,EAAE,CAAC;IACnD,QAAA,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;IACnD,YAAA,cAAc,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA,YAAA,EAAe,KAAK,CAAA,CAAA,CAAG,CAAC,CAAC,OAAO,CAAC;IAC3E,SAAC,CAAC,CAAC;IACH,QAAA,OAAO,cAAc,CAAC;IACxB,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAC,MAAM,YAAY,EAAE,CAAC,CAAC;QAE7DC,eAAS,CAAC,MAAK;YACb,MAAM,QAAQ,GAAG,MAAK;IACpB,YAAA,UAAU,CAAC,YAAY,EAAE,CAAC,CAAC;IAC7B,SAAC,CAAC;IAEF,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC5C,QAAA,OAAO,MAAK;IACV,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACjD,SAAC,CAAC;IACJ,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAA,OAAO,OAAO,CAAC;IACjB;;;;;;;;;;;;;;"}

package/amd/hooks/UNSAFE_useClearIcon.js

@@ -1,2 +1,23 @@
-define(["exports","preact/hooks","./UNSAFE_useToggle"],function(e,s,l){"use strict";e.useClearIcon=function({clearIcon:e,display:o,hasValue:u,isEnabled:a=!0,isFocused:n=!1,isHover:t=!1}){const c=s.useCallback(()=>a&&("always"===o||"conditionally"===o&&u&&(n||t)),[o,u,a,n,t]),{bool:i,setFalse:r,setTrue:d}=l.useToggle(c());return s.useEffect(()=>{c()?d():r()},[c]),i?e:null},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/hooks', './UNSAFE_useToggle'], (function (exports, hooks, hooks_UNSAFE_useToggle) { 'use strict';
+
+    /**
+     * A custom hook that handles showing/hiding clear icon
+     */
+    function useClearIcon({ clearIcon, display, hasValue, isEnabled = true, isFocused = false, isHover = false }) {
+        const shouldRenderClearIcon = hooks.useCallback(() => isEnabled &&
+            (display === 'always' || (display === 'conditionally' && hasValue && (isFocused || isHover))), [display, hasValue, isEnabled, isFocused, isHover]);
+        const { bool, setFalse, setTrue } = hooks_UNSAFE_useToggle.useToggle(shouldRenderClearIcon());
+        hooks.useEffect(() => {
+            shouldRenderClearIcon() ? setTrue() : setFalse();
+        }, [shouldRenderClearIcon]);
+        return bool ? clearIcon : null;
+    }
+
+    exports.useClearIcon = useClearIcon;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_useClearIcon.js.map

package/amd/hooks/UNSAFE_useClearIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useClearIcon.js","sources":["../../../src/hooks/UNSAFE_useClearIcon/useClearIcon.ts"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { useEffect, useCallback } from 'preact/hooks';\nimport { useToggle } from '../UNSAFE_useToggle';\n\nexport type UseClearIconProps = {\n  clearIcon?: ComponentChildren;\n  display?: 'always' | 'conditionally' | 'never';\n  hasValue?: boolean;\n  isEnabled?: boolean;\n  isFocused?: boolean;\n  isHover?: boolean;\n};\n\n/**\n * A custom hook that handles showing/hiding clear icon\n */\nexport function useClearIcon({\n  clearIcon,\n  display,\n  hasValue,\n  isEnabled = true,\n  isFocused = false,\n  isHover = false\n}: UseClearIconProps) {\n  const shouldRenderClearIcon = useCallback(\n    () =>\n      isEnabled &&\n      (display === 'always' || (display === 'conditionally' && hasValue && (isFocused || isHover))),\n    [display, hasValue, isEnabled, isFocused, isHover]\n  );\n  const { bool, setFalse, setTrue } = useToggle(shouldRenderClearIcon());\n\n  useEffect(() => {\n    shouldRenderClearIcon() ? setTrue() : setFalse();\n  }, [shouldRenderClearIcon]);\n\n  return bool ? clearIcon : null;\n}\n"],"names":["clearIcon","display","hasValue","isEnabled","isFocused","isHover","shouldRenderClearIcon","useCallback","bool","setFalse","setTrue","useToggle","useEffect"],"mappings":"mGAgBM,UAAuBA,UAC3BA,EAASC,QACTA,EAAOC,SACPA,EAAQC,UACRA,GAAY,EAAIC,UAChBA,GAAY,EAAKC,QACjBA,GAAU,IAEV,MAAMC,EAAwBC,EAAWA,YACvC,IACEJ,IACa,WAAZF,GAAqC,kBAAZA,GAA+BC,IAAaE,GAAaC,IACrF,CAACJ,EAASC,EAAUC,EAAWC,EAAWC,KAEtCG,KAAEA,EAAIC,SAAEA,EAAQC,QAAEA,GAAYC,EAASA,UAACL,KAM9C,OAJAM,EAAAA,UAAU,KACRN,IAA0BI,IAAYD,KACrC,CAACH,IAEGE,EAAOR,EAAY"}
+{"version":3,"file":"UNSAFE_useClearIcon.js","sources":["../../../src/hooks/UNSAFE_useClearIcon/useClearIcon.ts"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { useEffect, useCallback } from 'preact/hooks';\nimport { useToggle } from '../UNSAFE_useToggle';\n\nexport type UseClearIconProps = {\n  clearIcon?: ComponentChildren;\n  display?: 'always' | 'conditionally' | 'never';\n  hasValue?: boolean;\n  isEnabled?: boolean;\n  isFocused?: boolean;\n  isHover?: boolean;\n};\n\n/**\n * A custom hook that handles showing/hiding clear icon\n */\nexport function useClearIcon({\n  clearIcon,\n  display,\n  hasValue,\n  isEnabled = true,\n  isFocused = false,\n  isHover = false\n}: UseClearIconProps) {\n  const shouldRenderClearIcon = useCallback(\n    () =>\n      isEnabled &&\n      (display === 'always' || (display === 'conditionally' && hasValue && (isFocused || isHover))),\n    [display, hasValue, isEnabled, isFocused, isHover]\n  );\n  const { bool, setFalse, setTrue } = useToggle(shouldRenderClearIcon());\n\n  useEffect(() => {\n    shouldRenderClearIcon() ? setTrue() : setFalse();\n  }, [shouldRenderClearIcon]);\n\n  return bool ? clearIcon : null;\n}\n"],"names":["useCallback","useToggle","useEffect"],"mappings":";;;IAaA;;IAEG;IACG,SAAU,YAAY,CAAC,EAC3B,SAAS,EACT,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,KAAK,EACG,EAAA;IAClB,IAAA,MAAM,qBAAqB,GAAGA,iBAAW,CACvC,MACE,SAAS;IACT,SAAC,OAAO,KAAK,QAAQ,KAAK,OAAO,KAAK,eAAe,IAAI,QAAQ,KAAK,SAAS,IAAI,OAAO,CAAC,CAAC,CAAC,EAC/F,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CACnD,CAAC;IACF,IAAA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAGC,gCAAS,CAAC,qBAAqB,EAAE,CAAC,CAAC;QAEvEC,eAAS,CAAC,MAAK;YACb,qBAAqB,EAAE,GAAG,OAAO,EAAE,GAAG,QAAQ,EAAE,CAAC;IACnD,KAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;QAE5B,OAAO,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC;;;;;;;;;;;;;"}

package/amd/hooks/UNSAFE_useColorScheme.js

@@ -1,2 +1,29 @@
-define(["exports","preact/hooks","../UNSAFE_Environment","preact","preact/jsx-runtime","../UNSAFE_Layer","preact/compat"],function(e,t,n,o,r,c,u){"use strict";e.useColorScheme=function(){return t.useContext(n.EnvironmentContext).colorScheme},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/hooks', '../UNSAFE_Environment', 'preact', 'preact/jsx-runtime', '../UNSAFE_Layer', 'preact/compat'], (function (exports, hooks, UNSAFE_Environment, preact, jsxRuntime, UNSAFE_Layer, compat) { '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 useColorScheme() {
+        return hooks.useContext(UNSAFE_Environment.EnvironmentContext).colorScheme;
+    }
+
+    /**
+     * @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
+     */
+
+    exports.useColorScheme = useColorScheme;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_useColorScheme.js.map