@oracle/oraclejet-preact 14.0.0 → 14.0.2

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":"sHAgByBA,EAAAA,mBAAmB,CAAC,SAAU,YAAhD,MAuBDC,EAAe,CACnBC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAUT,EAAaD,EAAMW,QACnC,GAAe,MAAXD,EACF,OAIF,GACEV,EAAMY,eACQC,IAAdN,GACAE,GAlCyB,EAC3BF,EACAL,EACAC,EACAC,IAGoB,aAAlBD,GACsB,WAAtBC,GACAU,cAAYZ,EAAcK,GA0B1BQ,CAAqBR,EAAWL,EAAcC,EAAeC,GAO7D,OALAK,EAAc,CAAEO,MAAO,CAAEC,MAAOV,EAAWW,IAAKR,UAE5CJ,IACFA,EAAkBa,QAAUT,IAMhC,IAAIU,EAASlB,EADIY,EAAAA,YAAYZ,EAAcQ,GAcC,UAAhCV,EAAwBqB,MAGV,WAAtBjB,GACAJ,EAAMsB,SACNtB,EAAMuB,SAC2B,MAAhCvB,EAAwBqB,IAIzBD,EAASI,EAAAA,UAAUtB,EAAcQ,EAASL,GACf,aAAlBF,IAAiCD,EAAauB,KAAOvB,EAAawB,KAAKC,KAAO,KAEvFP,EAAS,CAAEK,KAAK,EAAOC,KAAM,IAAIE,IAAI,CAAClB,OAlBtCU,EALkB,WAAlBjB,GACiC,UAAhCH,EAAwBqB,KACF,YAAtBjB,IAAqCJ,EAAMsB,UAAWtB,EAAMuB,QAGpD,CAAEE,KAAK,EAAOC,KAAM,IAAIE,IAAI,CAAClB,KAG7BmB,EAAMA,OAAC3B,EAAcQ,GAqB9BR,GAAgBkB,GAAUZ,IAC5BA,EAAS,CAAEQ,MAAOI,EAAQT,OAAQX,EAAMW,SACrB,UAAfX,EAAM8B,MACR9B,EAAM+B,mCAiBN,SACJ9B,EACAC,EACAC,EACAE,EACAD,EACAI,EACAD,EACAyB,EACAC,EACAC,EACAzB,GAGA,MAAM0B,EAA0BC,EAAAA,SAE1BC,EAAUC,eACbtC,IACCD,EACEC,EACAC,EACAC,EACAC,EACAC,EACAC,EACA8B,EACA5B,EACAC,EACAC,GAEGT,EAAMY,WAETuB,EAAwBhB,aAAUN,KAGtC,CACEZ,EACAC,EACAC,EACAC,EACAC,EACA8B,EACA5B,EACAC,EACAC,IAKE8B,EAAUD,eACbtC,IAEmB,MAAdA,EAAMqB,KAA6B,UAAdrB,EAAMqB,KAC7BtB,EACEC,EACAC,EACAC,EACAC,EACAC,EACAC,EACA8B,EACA5B,EACAC,EACAR,EAAMY,UAA0B,MAAdZ,EAAMqB,IAAcZ,OAAgBI,KAI5D,CACEZ,EACAC,EACAC,EACAC,EACAC,EACAE,EACAC,EACAC,IAKE+B,EAAYF,eACftC,IAEC,GAAkB,MAAdA,EAAMqB,KAKV,GAAkB,cAAdrB,EAAMqB,KAAqC,YAAdrB,EAAMqB,IACrC,GAAIrB,EAAMY,UAAYqB,GAAkBC,EAAa,CACnD,IAAId,EAASlB,GAERiC,EAAwBhB,SAAWsB,EAAYA,aAACT,KACnDZ,EAAS,CAAEK,KAAK,EAAOC,KAAM,IAAIE,IAAI,CAACI,MAExC,MAIMU,EAJeT,EACnBE,EAAwBhB,SAAWa,EACrB,cAAdhC,EAAMqB,IAEUsB,GACD,MAAbD,IAEG5B,EAAWA,YAACM,EAAQsB,GAIY,MAAnCP,EAAwBhB,SACxBgB,EAAwBhB,UAAYuB,IAEpCtB,EAASI,EAASA,UAACJ,EAAQe,EAAwBhB,QAASd,IAN5De,EAASS,EAAMA,OAACT,EAAQsB,GAQ1BP,EAAwBhB,QAAUuB,EAElCR,EAAYQ,IAEVxC,GAAgBkB,GAAUZ,GAC5BA,EAAS,CAAEQ,MAAOI,EAAQT,OAAQX,EAAMW,cAI1CwB,EAAwBhB,aAAUN,OApCpCb,EAAM4C,mBAwCV,CAAC1C,EAAcG,EAAqBG,EAAUwB,EAAYC,EAAgBC,IAK5E,MAAO,CAAEW,eADW,SAAlB1C,GAAwC,MAAZK,EAAmB,GAAK,CAAE6B,QAAAA,EAASG,UAAAA,EAAWD,QAAAA"}
+{"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":"qHAgByBA,EAAAA,mBAAmB,CAAC,SAAU,YAAhD,MAuBDC,EAAe,CACnBC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAUT,EAAaD,EAAMW,QACnC,GAAe,MAAXD,EACF,OAIF,GACEV,EAAMY,eACQC,IAAdN,GACAE,GAlCyB,EAC3BF,EACAL,EACAC,EACAC,IAGoB,aAAlBD,GACsB,WAAtBC,GACAU,cAAYZ,EAAcK,GA0B1BQ,CAAqBR,EAAWL,EAAcC,EAAeC,GAO7D,OALAK,EAAc,CAAEO,MAAO,CAAEC,MAAOV,EAAWW,IAAKR,UAE5CJ,IACFA,EAAkBa,QAAUT,IAMhC,IAAIU,EAASlB,EADIY,EAAAA,YAAYZ,EAAcQ,GAcC,UAAhCV,EAAwBqB,MAGV,WAAtBjB,GACAJ,EAAMsB,SACNtB,EAAMuB,SAC2B,MAAhCvB,EAAwBqB,IAIzBD,EAASI,EAAAA,UAAUtB,EAAcQ,EAASL,GACf,aAAlBF,IAAiCD,EAAauB,KAAOvB,EAAawB,KAAKC,KAAO,KAEvFP,EAAS,CAAEK,KAAK,EAAOC,KAAM,IAAIE,IAAI,CAAClB,OAlBtCU,EALkB,WAAlBjB,GACiC,UAAhCH,EAAwBqB,KACF,YAAtBjB,IAAqCJ,EAAMsB,UAAWtB,EAAMuB,QAGpD,CAAEE,KAAK,EAAOC,KAAM,IAAIE,IAAI,CAAClB,KAG7BmB,EAAMA,OAAC3B,EAAcQ,GAqB9BR,GAAgBkB,GAAUZ,IAC5BA,EAAS,CAAEQ,MAAOI,EAAQT,OAAQX,EAAMW,SACrB,UAAfX,EAAM8B,MACR9B,EAAM+B,mCAiBN,SACJ9B,EACAC,EACAC,EACAE,EACAD,EACAI,EACAD,EACAyB,EACAC,EACAC,EACAzB,GAGA,MAAM0B,EAA0BC,EAAAA,SAE1BC,EAAUC,cACbtC,IACCD,EACEC,EACAC,EACAC,EACAC,EACAC,EACAC,EACA8B,EACA5B,EACAC,EACAC,GAEGT,EAAMY,WAETuB,EAAwBhB,aAAUN,IAGtC,CACEZ,EACAC,EACAC,EACAC,EACAC,EACA8B,EACA5B,EACAC,EACAC,IAKE8B,EAAUD,cACbtC,IAEmB,MAAdA,EAAMqB,KAA6B,UAAdrB,EAAMqB,KAC7BtB,EACEC,EACAC,EACAC,EACAC,EACAC,EACAC,EACA8B,EACA5B,EACAC,EACAR,EAAMY,UAA0B,MAAdZ,EAAMqB,IAAcZ,OAAgBI,IAI5D,CACEZ,EACAC,EACAC,EACAC,EACAC,EACAE,EACAC,EACAC,IAKE+B,EAAYF,cACftC,IAEC,GAAkB,MAAdA,EAAMqB,KAKV,GAAkB,cAAdrB,EAAMqB,KAAqC,YAAdrB,EAAMqB,IACrC,GAAIrB,EAAMY,UAAYqB,GAAkBC,EAAa,CACnD,IAAId,EAASlB,GAERiC,EAAwBhB,SAAWsB,EAAYA,aAACT,KACnDZ,EAAS,CAAEK,KAAK,EAAOC,KAAM,IAAIE,IAAI,CAACI,MAExC,MAIMU,EAJeT,EACnBE,EAAwBhB,SAAWa,EACrB,cAAdhC,EAAMqB,IAEUsB,GACD,MAAbD,IAEG5B,EAAWA,YAACM,EAAQsB,GAIY,MAAnCP,EAAwBhB,SACxBgB,EAAwBhB,UAAYuB,IAEpCtB,EAASI,EAASA,UAACJ,EAAQe,EAAwBhB,QAASd,IAN5De,EAASS,EAAMA,OAACT,EAAQsB,GAQ1BP,EAAwBhB,QAAUuB,EAElCR,EAAYQ,IAEVxC,GAAgBkB,GAAUZ,GAC5BA,EAAS,CAAEQ,MAAOI,EAAQT,OAAQX,EAAMW,cAI1CwB,EAAwBhB,aAAUN,OApCpCb,EAAM4C,kBAwCV,CAAC1C,EAAcG,EAAqBG,EAAUwB,EAAYC,EAAgBC,IAK5E,MAAO,CAAEW,eADW,SAAlB1C,GAAwC,MAAZK,EAAmB,GAAK,CAAE6B,QAAAA,EAASG,UAAAA,EAAWD,QAAAA"}

package/amd/hooks/PRIVATE_useSingleSelection.js

@@ -1,2 +1,2 @@
-define(["exports","../useSingleSelection-089373da","preact/hooks"],(function(e,i,n){"use strict";e.useSingleSelection=i.useSingleSelection,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","../useSingleSelection-11aca1fe","preact/hooks"],function(e,i,n){"use strict";e.useSingleSelection=i.useSingleSelection,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_useSingleSelection.js.map

package/amd/hooks/PRIVATE_useTabbableModeSet.js

@@ -1,2 +1,2 @@
-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})}));
+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})});
 //# 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":"4GAqBM,SACJA,EACAC,EACAC,EACAC,EACAC,GAWA,MAAOC,EAAoBC,GAAyBC,EAAQA,WACtDC,EAAsBC,EAAWA,aACrC,CAACC,EAA4BC,GAAkB,KAC7CL,OAAsBM,GACtBT,GAAyBA,EAAsBO,EAAQC,KAEzD,CAACR,EAAuBG,IAEpBO,EAAqBJ,eACxBK,IACCR,EAAsBQ,GACtBV,GAAwBA,EAAqBU,KAE/C,CAACV,EAAsBE,IAEnBS,EAAuBN,eAC1BK,GACQA,IAAQT,GAEjB,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,eACbS,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,KAGtC,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"],"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"}

package/amd/hooks/UNSAFE_useActionable.js

@@ -1,2 +1,2 @@
-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})}));
+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})});
 //# 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":"6MAWA,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,EAAFC,QAAcA,GAAYC,EAAAA,SAAS,CAAEX,WAAYI,EAAeJ,cAChEY,WAAEA,EAAFC,QAAcA,GAAYC,EAAAA,SAAS,CAAEd,WAAYI,EAAeJ,cAChEe,YAAEA,EAAFC,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"],"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,EAAFC,QAAcA,GAAYC,EAAAA,SAAS,CAAEX,WAAYI,EAAeJ,cAChEY,WAAEA,EAAFC,QAAcA,GAAYC,EAAAA,SAAS,CAAEd,WAAYI,EAAeJ,cAChEe,YAAEA,EAAFC,SAAeA,GAAaC,EAAAA,UAAU,CAAEjB,WAAYI,EAAeJ,aAEzE,MAAO,CAAEkB,gBADeC,EAAAA,WAAWZ,EAAYE,EAAYM,EAAaH,GAC9CI,SAAAA,EAAUN,QAAAA,EAASG,QAAAA"}

package/amd/hooks/UNSAFE_useActive.js

@@ -1,2 +1,2 @@
-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})}));
+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})});
 //# 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":"qFAYA,MAAMA,EAA4BC,KAEe,IAAP,QADZC,IAAdD,EAAEE,QAAwBF,EAAEE,QAAUF,EAAEG,qBAYlD,SAAoBC,EAA0B,CAAEC,YAAY,IAIhE,MAAMC,KAAEA,EAAFC,QAAQA,EAARC,SAAiBA,GAAaC,EAAAA,WAAU,GACxCC,EAAYC,UAAO,GAEnBC,EAAkBC,eACrBb,IACKD,EAAyBC,IAC3BO,MAGJ,CAACA,IAGGO,EAAaD,eAChBb,IACKD,EAAyBC,KAC3BU,EAAUK,SAAU,GAEtBP,MAEF,CAACA,IAGGQ,EAAgBH,eACnBb,IACKU,EAAUK,UACRhB,EAAyBC,IAC3BO,IAEFG,EAAUK,SAAU,KAGxB,CAACR,IAGGU,EAAYJ,eACfK,IACmB,MAAdA,EAAMC,KAA6B,UAAdD,EAAMC,KAC7BZ,MAGJ,CAACA,IAGGa,EAAUP,EAAAA,aAAY,KAC1BL,MACC,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"],"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,EAAFC,QAAQA,EAARC,SAAiBA,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"}

package/amd/hooks/UNSAFE_useAnimation.js

@@ -1,2 +1,2 @@
-define(["exports","../useAnimation-8e4e9999","preact/hooks","../tslib.es6-d070fafc"],(function(e,i,t,n){"use strict";e.useAnimation=i.useAnimation,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","../useAnimation-215b2be2","preact/hooks","../tslib.es6-fa3971d7"],function(e,i,t,n){"use strict";e.useAnimation=i.useAnimation,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_useAnimation.js.map

package/amd/hooks/UNSAFE_useBreakpointValues.js

@@ -1,2 +1,2 @@
-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})}));
+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})});
 //# 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":"yHAkBEA,EACAC,EAA2BC,sBAE3B,MAAMC,EAAUC,iBAAeH,GAO/B,OALmBI,OAAOC,QAAQN,GAAkBO,QAAO,CAACC,EAAGC,KAC7D,MAAMC,EAAMD,EAAE,GACd,OAAON,EAAQO,GAAOD,EAAID,KAGV"}
+{"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"}

package/amd/hooks/UNSAFE_useBreakpoints.js

@@ -1,2 +1,2 @@
-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})}));
+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})});
 //# 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":"8DAOa,MAAAA,EAAqB,CAChCC,GAAI,MACJC,GAAI,QACJC,GAAI,SACJC,GAAI,kDAcU,SAAeC,EAA2BL,GAExD,MAAMM,EAAeC,EAAAA,aAAY,KAC/B,MAAMC,EAA0C,GAIhD,OAHAC,OAAOC,QAAQL,GAAaM,SAAQ,EAAEC,EAAKC,MACzCL,EAAeI,GAAOE,OAAOC,WAAW,eAAeF,MAAUG,WAE5DR,IACN,CAACH,KAEGW,EAASC,GAAcC,EAAAA,UAAS,IAAMZ,MAa7C,OAXAa,EAAAA,WAAU,KACR,MAAMC,EAAW,KACfH,EAAWX,MAIb,OADAQ,OAAOO,iBAAiB,SAAUD,GAC3B,KACLN,OAAOQ,oBAAoB,SAAUF,MAEtC,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":["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"}

package/amd/hooks/UNSAFE_useClearIcon.js

@@ -1,2 +1,2 @@
-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})}));
+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})});
 //# 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":"oGAgBM,UAAuBA,UAC3BA,EAD2BC,QAE3BA,EAF2BC,SAG3BA,EAH2BC,UAI3BA,GAAY,EAJeC,UAK3BA,GAAY,EALeC,QAM3BA,GAAU,IAEV,MAAMC,EAAwBC,EAAWA,aACvC,IACEJ,IACa,WAAZF,GAAqC,kBAAZA,GAA+BC,IAAaE,GAAaC,KACrF,CAACJ,EAASC,EAAUC,EAAWC,EAAWC,KAEtCG,KAAEA,EAAFC,SAAQA,EAARC,QAAkBA,GAAYC,EAASA,UAACL,KAM9C,OAJAM,EAAAA,WAAU,KACRN,IAA0BI,IAAYD,MACrC,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":["clearIcon","display","hasValue","isEnabled","isFocused","isHover","shouldRenderClearIcon","useCallback","bool","setFalse","setTrue","useToggle","useEffect"],"mappings":"mGAgBM,UAAuBA,UAC3BA,EAD2BC,QAE3BA,EAF2BC,SAG3BA,EAH2BC,UAI3BA,GAAY,EAJeC,UAK3BA,GAAY,EALeC,QAM3BA,GAAU,IAEV,MAAMC,EAAwBC,EAAWA,YACvC,IACEJ,IACa,WAAZF,GAAqC,kBAAZA,GAA+BC,IAAaE,GAAaC,IACrF,CAACJ,EAASC,EAAUC,EAAWC,EAAWC,KAEtCG,KAAEA,EAAFC,SAAQA,EAARC,QAAkBA,GAAYC,EAASA,UAACL,KAM9C,OAJAM,EAAAA,UAAU,KACRN,IAA0BI,IAAYD,KACrC,CAACH,IAEGE,EAAOR,EAAY"}

package/amd/hooks/UNSAFE_useColorScheme.js

@@ -1,2 +1,2 @@
-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})}));
+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})});
 //# sourceMappingURL=UNSAFE_useColorScheme.js.map

package/amd/hooks/UNSAFE_useColorScheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useColorScheme.js","sources":["../../../src/hooks/UNSAFE_useColorScheme/useColorScheme.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 { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useColorScheme() {\n  return useContext(EnvironmentContext).colorScheme;\n}\n"],"names":["useContext","EnvironmentContext","colorScheme"],"mappings":"4LAWE,OAAOA,EAAUA,WAACC,sBAAoBC"}
+{"version":3,"file":"UNSAFE_useColorScheme.js","sources":["../../../src/hooks/UNSAFE_useColorScheme/useColorScheme.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 { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useColorScheme() {\n  return useContext(EnvironmentContext).colorScheme;\n}\n"],"names":["useContext","EnvironmentContext","colorScheme"],"mappings":"2LAWE,OAAOA,EAAUA,WAACC,sBAAoBC"}

package/amd/hooks/UNSAFE_useContainerBreakpointValues.js

@@ -1,2 +1,2 @@
-define(["exports","./UNSAFE_useContainerBreakpoints","./UNSAFE_useBreakpoints","preact/hooks"],(function(e,t,n,r){"use strict";e.useContainerBreakpointValues=function(e,r=n.defaultBreakpoints){const{breakpointMatches:o,ref:s}=t.useContainerBreakpoints(r);return{breakpoint:Object.entries(e).reduce(((e,t)=>{const n=t[0];return o[n]?t:e}))[1],ref:s}},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./UNSAFE_useContainerBreakpoints","./UNSAFE_useBreakpoints","preact/hooks"],function(e,t,n,r){"use strict";e.useContainerBreakpointValues=function(e,r=n.defaultBreakpoints){const{breakpointMatches:o,ref:s}=t.useContainerBreakpoints(r);return{breakpoint:Object.entries(e).reduce((e,t)=>{const n=t[0];return o[n]?t:e})[1],ref:s}},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_useContainerBreakpointValues.js.map

package/amd/hooks/UNSAFE_useContainerBreakpointValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useContainerBreakpointValues.js","sources":["../../../src/hooks/UNSAFE_useContainerBreakpointValues/useContainerBreakpointValues.ts"],"sourcesContent":["import { useContainerBreakpoints } from '../UNSAFE_useContainerBreakpoints';\nimport { defaultBreakpoints, Breakpoints } 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 */\nexport function useContainerBreakpointValues<V>(\n  breakpointValues: Responsive<V>,\n  breakpoints: Breakpoints = defaultBreakpoints\n) {\n  const { breakpointMatches, ref } = useContainerBreakpoints(breakpoints);\n\n  const result = Object.entries(breakpointValues).reduce((p, c) => {\n    const key = c[0]; // first entry in breakpoint values is the key\n    return breakpointMatches[key] ? c : p;  // if current breakpoint is true, return it, else stay with previous\n  });\n\n  const breakpoint = result[1]; // second entry in breakpoint values is the value\n\n  return { breakpoint, ref };\n}\n"],"names":["breakpointValues","breakpoints","defaultBreakpoints","breakpointMatches","ref","useContainerBreakpoints","breakpoint","Object","entries","reduce","p","c","key"],"mappings":"uKAgBEA,EACAC,EAA2BC,sBAE3B,MAAMC,kBAAEA,EAAFC,IAAqBA,GAAQC,EAAuBA,wBAACJ,GAS3D,MAAO,CAAEK,WAPMC,OAAOC,QAAQR,GAAkBS,QAAO,CAACC,EAAGC,KACzD,MAAMC,EAAMD,EAAE,GACd,OAAOR,EAAkBS,GAAOD,EAAID,KAGZ,GAELN,IAAAA"}
+{"version":3,"file":"UNSAFE_useContainerBreakpointValues.js","sources":["../../../src/hooks/UNSAFE_useContainerBreakpointValues/useContainerBreakpointValues.ts"],"sourcesContent":["import { useContainerBreakpoints } from '../UNSAFE_useContainerBreakpoints';\nimport { defaultBreakpoints, Breakpoints } 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 */\nexport function useContainerBreakpointValues<V>(\n  breakpointValues: Responsive<V>,\n  breakpoints: Breakpoints = defaultBreakpoints\n) {\n  const { breakpointMatches, ref } = useContainerBreakpoints(breakpoints);\n\n  const result = Object.entries(breakpointValues).reduce((p, c) => {\n    const key = c[0]; // first entry in breakpoint values is the key\n    return breakpointMatches[key] ? c : p;  // if current breakpoint is true, return it, else stay with previous\n  });\n\n  const breakpoint = result[1]; // second entry in breakpoint values is the value\n\n  return { breakpoint, ref };\n}\n"],"names":["breakpointValues","breakpoints","defaultBreakpoints","breakpointMatches","ref","useContainerBreakpoints","breakpoint","Object","entries","reduce","p","c","key"],"mappings":"sKAgBEA,EACAC,EAA2BC,sBAE3B,MAAMC,kBAAEA,EAAFC,IAAqBA,GAAQC,EAAuBA,wBAACJ,GAS3D,MAAO,CAAEK,WAPMC,OAAOC,QAAQR,GAAkBS,OAAO,CAACC,EAAGC,KACzD,MAAMC,EAAMD,EAAE,GACd,OAAOR,EAAkBS,GAAOD,EAAID,IAGZ,GAELN,IAAAA"}

package/amd/hooks/UNSAFE_useContainerBreakpoints.js

@@ -1,2 +1,2 @@
-define(["exports","preact/hooks","./UNSAFE_useBreakpoints"],(function(e,t,n){"use strict";e.useContainerBreakpoints=function(e=n.defaultBreakpoints){const[r,s]=t.useState(0),o=t.useRef(null),u=t.useMemo((()=>new ResizeObserver((e=>{for(const t of e)s(t.contentRect.width)}))),[]),c=t.useCallback((e=>{const t=o.current;e!=t&&(t&&u.unobserve(t),e&&u.observe(e),o.current=e)}),[u]);return{breakpointMatches:t.useMemo((()=>{const t={};for(const n in e)t[n]=r>=parseInt(e[n]);return t}),[r,e]),ref:c}},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/hooks","./UNSAFE_useBreakpoints"],function(e,t,n){"use strict";e.useContainerBreakpoints=function(e=n.defaultBreakpoints){const[r,s]=t.useState(0),o=t.useRef(null),u=t.useMemo(()=>new ResizeObserver(e=>{for(const t of e)s(t.contentRect.width)}),[]),c=t.useCallback(e=>{const t=o.current;e!=t&&(t&&u.unobserve(t),e&&u.observe(e),o.current=e)},[u]);return{breakpointMatches:t.useMemo(()=>{const t={};for(const n in e)t[n]=r>=parseInt(e[n]);return t},[r,e]),ref:c}},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_useContainerBreakpoints.js.map

package/amd/hooks/UNSAFE_useContainerBreakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useContainerBreakpoints.js","sources":["../../../src/hooks/UNSAFE_useContainerBreakpoints/useContainerBreakpoints.ts"],"sourcesContent":["import { useState, useRef, useCallback, useMemo } from 'preact/hooks';\nimport { defaultBreakpoints, Breakpoints } from '../UNSAFE_useBreakpoints';\n\n/*\n * This custom hook returns the current breakpoints based on the width of a container, which is a DOM object.\n * The breakpoints are returned as a set of boolean values keyed to each breakpoint.\n *\n * TODO: Refactor to use a single ResizeObserver for better performance\n */\nexport function useContainerBreakpoints(breakpoints: Breakpoints = defaultBreakpoints) {\n  const [width, setWidth] = useState(0);\n  const observedNodeRef = useRef<HTMLElement | null>(null);\n\n  const resizeObserver = useMemo(\n    () =>\n      new ResizeObserver((entries) => {\n        for (const entry of entries) {\n          setWidth(entry.contentRect.width);\n        }\n      }),\n    []\n  );\n\n  const ref = useCallback(\n    (node: HTMLElement) => {\n      const observedNode = observedNodeRef.current;\n\n      if (node != observedNode) {\n        if (observedNode) {\n          resizeObserver.unobserve(observedNode);\n        }\n\n        if (node) {\n          resizeObserver.observe(node);\n        }\n\n        observedNodeRef.current = node;\n      }\n    },\n    [resizeObserver]\n  );\n\n  const breakpointMatches = useMemo(() => {\n    const matches: Record<string, boolean> = {};\n    for (const k in breakpoints) {\n      matches[k] = width >= parseInt(breakpoints[k]);\n    }\n    return matches;\n  }, [width, breakpoints]);\n\n  return { breakpointMatches, ref };\n}\n"],"names":["breakpoints","defaultBreakpoints","width","setWidth","useState","observedNodeRef","useRef","resizeObserver","useMemo","ResizeObserver","entries","entry","contentRect","ref","useCallback","node","observedNode","current","unobserve","observe","breakpointMatches","matches","k","parseInt"],"mappings":"oHASgB,SAAwBA,EAA2BC,sBACjE,MAAOC,EAAOC,GAAYC,EAAQA,SAAC,GAC7BC,EAAkBC,SAA2B,MAE7CC,EAAiBC,EAAOA,SAC5B,IACE,IAAIC,gBAAgBC,IAClB,IAAK,MAAMC,KAASD,EAClBP,EAASQ,EAAMC,YAAYV,WAGjC,IAGIW,EAAMC,eACTC,IACC,MAAMC,EAAeX,EAAgBY,QAEjCF,GAAQC,IACNA,GACFT,EAAeW,UAAUF,GAGvBD,GACFR,EAAeY,QAAQJ,GAGzBV,EAAgBY,QAAUF,KAG9B,CAACR,IAWH,MAAO,CAAEa,kBARiBZ,EAAAA,SAAQ,KAChC,MAAMa,EAAmC,GACzC,IAAK,MAAMC,KAAKtB,EACdqB,EAAQC,GAAKpB,GAASqB,SAASvB,EAAYsB,IAE7C,OAAOD,IACN,CAACnB,EAAOF,IAEiBa,IAAAA"}
+{"version":3,"file":"UNSAFE_useContainerBreakpoints.js","sources":["../../../src/hooks/UNSAFE_useContainerBreakpoints/useContainerBreakpoints.ts"],"sourcesContent":["import { useState, useRef, useCallback, useMemo } from 'preact/hooks';\nimport { defaultBreakpoints, Breakpoints } from '../UNSAFE_useBreakpoints';\n\n/*\n * This custom hook returns the current breakpoints based on the width of a container, which is a DOM object.\n * The breakpoints are returned as a set of boolean values keyed to each breakpoint.\n *\n * TODO: Refactor to use a single ResizeObserver for better performance\n */\nexport function useContainerBreakpoints(breakpoints: Breakpoints = defaultBreakpoints) {\n  const [width, setWidth] = useState(0);\n  const observedNodeRef = useRef<HTMLElement | null>(null);\n\n  const resizeObserver = useMemo(\n    () =>\n      new ResizeObserver((entries) => {\n        for (const entry of entries) {\n          setWidth(entry.contentRect.width);\n        }\n      }),\n    []\n  );\n\n  const ref = useCallback(\n    (node: HTMLElement) => {\n      const observedNode = observedNodeRef.current;\n\n      if (node != observedNode) {\n        if (observedNode) {\n          resizeObserver.unobserve(observedNode);\n        }\n\n        if (node) {\n          resizeObserver.observe(node);\n        }\n\n        observedNodeRef.current = node;\n      }\n    },\n    [resizeObserver]\n  );\n\n  const breakpointMatches = useMemo(() => {\n    const matches: Record<string, boolean> = {};\n    for (const k in breakpoints) {\n      matches[k] = width >= parseInt(breakpoints[k]);\n    }\n    return matches;\n  }, [width, breakpoints]);\n\n  return { breakpointMatches, ref };\n}\n"],"names":["breakpoints","defaultBreakpoints","width","setWidth","useState","observedNodeRef","useRef","resizeObserver","useMemo","ResizeObserver","entries","entry","contentRect","ref","useCallback","node","observedNode","current","unobserve","observe","breakpointMatches","matches","k","parseInt"],"mappings":"mHASgB,SAAwBA,EAA2BC,sBACjE,MAAOC,EAAOC,GAAYC,EAAQA,SAAC,GAC7BC,EAAkBC,SAA2B,MAE7CC,EAAiBC,EAAOA,QAC5B,IACE,IAAIC,eAAgBC,IAClB,IAAK,MAAMC,KAASD,EAClBP,EAASQ,EAAMC,YAAYV,SAGjC,IAGIW,EAAMC,cACTC,IACC,MAAMC,EAAeX,EAAgBY,QAEjCF,GAAQC,IACNA,GACFT,EAAeW,UAAUF,GAGvBD,GACFR,EAAeY,QAAQJ,GAGzBV,EAAgBY,QAAUF,IAG9B,CAACR,IAWH,MAAO,CAAEa,kBARiBZ,EAAAA,QAAQ,KAChC,MAAMa,EAAmC,GACzC,IAAK,MAAMC,KAAKtB,EACdqB,EAAQC,GAAKpB,GAASqB,SAASvB,EAAYsB,IAE7C,OAAOD,GACN,CAACnB,EAAOF,IAEiBa,IAAAA"}

package/amd/hooks/UNSAFE_useCurrentValueReducer.js

@@ -1,2 +1,2 @@
-define(["exports","preact/hooks"],(function(e,t){"use strict";const u=(e,{type:t,payload:u})=>{switch(t){case"input":return Object.assign(Object.assign({},e),{currentInputValue:u});case"commit":return Object.assign(Object.assign({},e),{currentCommitValue:u,currentInputValue:u});default:throw new Error(`Unknown action type: ${t}`)}};e.useCurrentValueReducer=function({value:e}){const[r,n]=t.useReducer(u,{currentInputValue:e,currentCommitValue:e});return t.useEffect((()=>{e!==r.currentInputValue&&n({type:"commit",payload:e})}),[e,r.currentInputValue]),{currentCommitValue:r.currentCommitValue,dispatch:n}},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/hooks"],function(e,t){"use strict";const u=(e,{type:t,payload:u})=>{switch(t){case"input":return Object.assign(Object.assign({},e),{currentInputValue:u});case"commit":return Object.assign(Object.assign({},e),{currentCommitValue:u,currentInputValue:u});default:throw new Error(`Unknown action type: ${t}`)}};e.useCurrentValueReducer=function({value:e}){const[r,n]=t.useReducer(u,{currentInputValue:e,currentCommitValue:e});return t.useEffect(()=>{e!==r.currentInputValue&&n({type:"commit",payload:e})},[e,r.currentInputValue]),{currentCommitValue:r.currentCommitValue,dispatch:n}},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_useCurrentValueReducer.js.map

package/amd/hooks/UNSAFE_useCurrentValueReducer.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useCurrentValueReducer.js","sources":["../../../src/hooks/UNSAFE_useCurrentValueReducer/useCurrentValueReducer.ts"],"sourcesContent":["import { ComponentProps } from 'preact';\nimport { useEffect, useReducer } from 'preact/hooks';\nimport { TextFieldInput } from '../../UNSAFE_TextField';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\n\ntype UseCurrentValueProps = {\n  value?: TextFieldInputProps['value'];\n};\n\ntype CurrentValueState = {\n  currentInputValue?: string;\n  currentCommitValue?: string;\n};\n\ntype CurrentValueDispatchAction = {\n  type: 'input' | 'commit';\n  payload?: string;\n};\n\nconst currentValueReducer = (\n  state: CurrentValueState,\n  { type, payload }: CurrentValueDispatchAction\n) => {\n  switch (type) {\n    case 'input':\n      return { ...state, currentInputValue: payload };\n    case 'commit':\n      return { ...state, currentCommitValue: payload, currentInputValue: payload };\n    default:\n      throw new Error(`Unknown action type: ${type}`);\n  }\n};\n\n/**\n * This hook takes an Object with a value, and returns currentCommitValue and dispatch.\n *\n * Whenever you call onInput, call dispatch({ type: 'input', payload: value });\n * For example:\n * dispatch({ type: 'input', payload: detail.value });\n * onInput?.(detail);\n * And similarly whenever you call onCommit, call dispatch({ type: 'commit', payload: value });\n *\n * The state is used to determine if the component's value property was programmatically\n * changed or just changed from an onInput listener to update the value back\n * to what the user typed in which is required for a controlled component.\n *\n * @param param0 The props for the useCurrentValueReducer hook\n * @returns\n */\nexport function useCurrentValueReducer({ value }: UseCurrentValueProps) {\n  const [state, dispatch] = useReducer(currentValueReducer, {\n    currentInputValue: value,\n    currentCommitValue: value\n  });\n\n  useEffect(() => {\n    // If the value is different than the currentInputValue, that means\n    // the value was programmatically changed. state.currentInputValue gets\n    // updated on every keystroke (onInput).\n    const programmaticallyChanged = value !== state.currentInputValue;\n    if (programmaticallyChanged) {\n      // dispatch type commit synces up the currentCommitValue and the currentInputValue.\n      // We don't want to call the user's\n      // onCommit for the case where the value is programmatically changed, so we sync the\n      // input/commit states every time onCommit is called and also here.\n      // For more details, see useTextFieldInputHandler#onChange\n      dispatch({ type: 'commit', payload: value });\n    }\n  }, [value, state.currentInputValue]);\n\n  return {\n    currentCommitValue: state.currentCommitValue,\n    dispatch\n  };\n}\n"],"names":["currentValueReducer","state","type","payload","Object","assign","currentInputValue","currentCommitValue","Error","value","dispatch","useReducer","useEffect"],"mappings":"8DAoBA,MAAMA,EAAsB,CAC1BC,GACEC,KAAAA,EAAMC,QAAAA,MAER,OAAQD,GACN,IAAK,QACH,OAAAE,OAAAC,OAAAD,OAAAC,OAAA,GAAYJ,GAAK,CAAEK,kBAAmBH,IACxC,IAAK,SACH,OAAYC,OAAAC,OAAAD,OAAAC,OAAA,GAAAJ,IAAOM,mBAAoBJ,EAASG,kBAAmBH,IACrE,QACE,MAAM,IAAIK,8BAA8BN,gCAoB9B,UAAuBO,MAAEA,IACvC,MAAOR,EAAOS,GAAYC,EAAAA,WAAWX,EAAqB,CACxDM,kBAAmBG,EACnBF,mBAAoBE,IAkBtB,OAfAG,EAAAA,WAAU,KAIwBH,IAAUR,EAAMK,mBAO9CI,EAAS,CAAER,KAAM,SAAUC,QAASM,MAErC,CAACA,EAAOR,EAAMK,oBAEV,CACLC,mBAAoBN,EAAMM,mBAC1BG,SAAAA"}
+{"version":3,"file":"UNSAFE_useCurrentValueReducer.js","sources":["../../../src/hooks/UNSAFE_useCurrentValueReducer/useCurrentValueReducer.ts"],"sourcesContent":["import { ComponentProps } from 'preact';\nimport { useEffect, useReducer } from 'preact/hooks';\nimport { TextFieldInput } from '../../UNSAFE_TextField';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\n\ntype UseCurrentValueProps = {\n  value?: TextFieldInputProps['value'];\n};\n\ntype CurrentValueState = {\n  currentInputValue?: string;\n  currentCommitValue?: string;\n};\n\ntype CurrentValueDispatchAction = {\n  type: 'input' | 'commit';\n  payload?: string;\n};\n\nconst currentValueReducer = (\n  state: CurrentValueState,\n  { type, payload }: CurrentValueDispatchAction\n) => {\n  switch (type) {\n    case 'input':\n      return { ...state, currentInputValue: payload };\n    case 'commit':\n      return { ...state, currentCommitValue: payload, currentInputValue: payload };\n    default:\n      throw new Error(`Unknown action type: ${type}`);\n  }\n};\n\n/**\n * This hook takes an Object with a value, and returns currentCommitValue and dispatch.\n *\n * Whenever you call onInput, call dispatch({ type: 'input', payload: value });\n * For example:\n * dispatch({ type: 'input', payload: detail.value });\n * onInput?.(detail);\n * And similarly whenever you call onCommit, call dispatch({ type: 'commit', payload: value });\n *\n * The state is used to determine if the component's value property was programmatically\n * changed or just changed from an onInput listener to update the value back\n * to what the user typed in which is required for a controlled component.\n *\n * @param param0 The props for the useCurrentValueReducer hook\n * @returns\n */\nexport function useCurrentValueReducer({ value }: UseCurrentValueProps) {\n  const [state, dispatch] = useReducer(currentValueReducer, {\n    currentInputValue: value,\n    currentCommitValue: value\n  });\n\n  useEffect(() => {\n    // If the value is different than the currentInputValue, that means\n    // the value was programmatically changed. state.currentInputValue gets\n    // updated on every keystroke (onInput).\n    const programmaticallyChanged = value !== state.currentInputValue;\n    if (programmaticallyChanged) {\n      // dispatch type commit synces up the currentCommitValue and the currentInputValue.\n      // We don't want to call the user's\n      // onCommit for the case where the value is programmatically changed, so we sync the\n      // input/commit states every time onCommit is called and also here.\n      // For more details, see useTextFieldInputHandler#onChange\n      dispatch({ type: 'commit', payload: value });\n    }\n  }, [value, state.currentInputValue]);\n\n  return {\n    currentCommitValue: state.currentCommitValue,\n    dispatch\n  };\n}\n"],"names":["currentValueReducer","state","type","payload","Object","assign","currentInputValue","currentCommitValue","Error","value","dispatch","useReducer","useEffect"],"mappings":"6DAoBA,MAAMA,EAAsB,CAC1BC,GACEC,KAAAA,EAAMC,QAAAA,MAER,OAAQD,GACN,IAAK,QACH,OAAAE,OAAAC,OAAAD,OAAAC,OAAA,GAAYJ,GAAK,CAAEK,kBAAmBH,IACxC,IAAK,SACH,OAAYC,OAAAC,OAAAD,OAAAC,OAAA,GAAAJ,IAAOM,mBAAoBJ,EAASG,kBAAmBH,IACrE,QACE,MAAM,IAAIK,8BAA8BN,gCAoB9B,UAAuBO,MAAEA,IACvC,MAAOR,EAAOS,GAAYC,EAAAA,WAAWX,EAAqB,CACxDM,kBAAmBG,EACnBF,mBAAoBE,IAkBtB,OAfAG,EAAAA,UAAU,KAIwBH,IAAUR,EAAMK,mBAO9CI,EAAS,CAAER,KAAM,SAAUC,QAASM,KAErC,CAACA,EAAOR,EAAMK,oBAEV,CACLC,mBAAoBN,EAAMM,mBAC1BG,SAAAA"}

package/amd/hooks/UNSAFE_useDebounce.js

@@ -1,2 +1,2 @@
-define(["exports","preact/hooks"],(function(e,t){"use strict";e.useDebounce=function(e,u){const[o,n]=t.useState(e);return t.useEffect((()=>{const t=setTimeout((()=>{n(e)}),u);return()=>clearTimeout(t)}),[e,u]),o},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/hooks"],function(e,t){"use strict";e.useDebounce=function(e,u){const[o,n]=t.useState(e);return t.useEffect(()=>{const t=setTimeout(()=>{n(e)},u);return()=>clearTimeout(t)},[e,u]),o},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_useDebounce.js.map

package/amd/hooks/UNSAFE_useDebounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useDebounce.js","sources":["../../../src/hooks/UNSAFE_useDebounce/useDebounce.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 { useEffect, useState } from 'preact/hooks';\n\n/**\n * A custom hook that debounces a value and only returns the latest value\n * if there is no interaction for the specified delay\n *\n * @param value The value to be debounced\n * @param delay The delay for the debouncing\n */\nexport function useDebounce<V>(value: V, delay: number) {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n\n  useEffect(() => {\n    // update value after the specified delay\n    const timeoutId = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    // Cancel the timeout if the value or delay changes (also on unmount)\n    // so that the debounced value will not be updated if the value is changed\n    // within the delay period.\n    return () => clearTimeout(timeoutId);\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n"],"names":["value","delay","debouncedValue","setDebouncedValue","useState","useEffect","timeoutId","setTimeout","clearTimeout"],"mappings":"4EAgBgB,SAAeA,EAAUC,GACvC,MAAOC,EAAgBC,GAAqBC,EAAQA,SAACJ,GAcrD,OAZAK,EAAAA,WAAU,KAER,MAAMC,EAAYC,YAAW,KAC3BJ,EAAkBH,KACjBC,GAKH,MAAO,IAAMO,aAAaF,KACzB,CAACN,EAAOC,IAEJC"}
+{"version":3,"file":"UNSAFE_useDebounce.js","sources":["../../../src/hooks/UNSAFE_useDebounce/useDebounce.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 { useEffect, useState } from 'preact/hooks';\n\n/**\n * A custom hook that debounces a value and only returns the latest value\n * if there is no interaction for the specified delay\n *\n * @param value The value to be debounced\n * @param delay The delay for the debouncing\n */\nexport function useDebounce<V>(value: V, delay: number) {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n\n  useEffect(() => {\n    // update value after the specified delay\n    const timeoutId = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    // Cancel the timeout if the value or delay changes (also on unmount)\n    // so that the debounced value will not be updated if the value is changed\n    // within the delay period.\n    return () => clearTimeout(timeoutId);\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n"],"names":["value","delay","debouncedValue","setDebouncedValue","useState","useEffect","timeoutId","setTimeout","clearTimeout"],"mappings":"2EAgBgB,SAAeA,EAAUC,GACvC,MAAOC,EAAgBC,GAAqBC,EAAQA,SAACJ,GAcrD,OAZAK,EAAAA,UAAU,KAER,MAAMC,EAAYC,WAAW,KAC3BJ,EAAkBH,IACjBC,GAKH,MAAO,IAAMO,aAAaF,IACzB,CAACN,EAAOC,IAEJC"}

package/amd/hooks/UNSAFE_useFloating.js

@@ -1,2 +1,2 @@
-define(["exports","../index-2f5333e8","preact/hooks","./UNSAFE_useUser","../UNSAFE_Environment","preact","preact/jsx-runtime","../UNSAFE_Layer","preact/compat","../utils/PRIVATE_floatingUtils"],(function(e,t,i,s,n,o,f,r,a,l){"use strict";e.autoPlacement=t.v,e.detectOverflow=t.s,e.flip=t.b,e.hide=t.P,e.inline=t.E,e.limitShift=t.L,e.offset=t.offset,e.shift=t.D,e.size=t.k,e.useFloating=t.useFloating,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","../index-17cde748","preact/hooks","./UNSAFE_useUser","../UNSAFE_Environment","preact","preact/jsx-runtime","../UNSAFE_Layer","preact/compat","../utils/PRIVATE_floatingUtils"],function(e,t,i,s,n,o,r,a,f,l){"use strict";e.autoPlacement=t.v,e.detectOverflow=t.s,e.flip=t.b,e.hide=t.P,e.inline=t.E,e.limitShift=t.L,e.offset=t.offset,e.shift=t.D,e.size=t.k,e.useFloating=t.useFloating,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_useFloating.js.map

package/amd/hooks/UNSAFE_useFocus.js

@@ -1,2 +1,2 @@
-define(["exports","./UNSAFE_useToggle","preact/hooks"],(function(e,s,o){"use strict";e.useFocus=function(e={isDisabled:!1}){const{bool:o,setTrue:u,setFalse:i}=s.useToggle(!1),t=e.isDisabled?{}:{onFocus:u,onBlur:i};return{isFocus:!e.isDisabled&&o,focusProps:t}},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./UNSAFE_useToggle","preact/hooks"],function(e,s,o){"use strict";e.useFocus=function(e={isDisabled:!1}){const{bool:o,setTrue:u,setFalse:i}=s.useToggle(!1),t=e.isDisabled?{}:{onFocus:u,onBlur:i};return{isFocus:!e.isDisabled&&o,focusProps:t}},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_useFocus.js.map

package/amd/hooks/UNSAFE_useFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useFocus.js","sources":["../../../src/hooks/UNSAFE_useFocus/useFocus.ts"],"sourcesContent":["import { useToggle } from '../UNSAFE_useToggle';\n\nexport type FocusOptions = {\n  isDisabled?: boolean;\n};\n\n/**\n * Get status on whether target has focus or not\n * @returns\n */\nexport function useFocus(settings: FocusOptions = { isDisabled: false }): {\n  isFocus: boolean;\n  focusProps: Record<string, any>;\n} {\n  const { bool, setTrue, setFalse } = useToggle(false);\n  const focusProps = settings.isDisabled\n    ? {}\n    : {\n        onFocus: setTrue,\n        onBlur: setFalse\n      };\n  return {\n    isFocus: settings.isDisabled ? false : bool,\n    focusProps: focusProps\n  };\n}\n"],"names":["settings","isDisabled","bool","setTrue","setFalse","useToggle","focusProps","onFocus","onBlur","isFocus"],"mappings":"gGAUM,SAAmBA,EAAyB,CAAEC,YAAY,IAI9D,MAAMC,KAAEA,EAAFC,QAAQA,EAARC,SAAiBA,GAAaC,EAAAA,WAAU,GACxCC,EAAaN,EAASC,WACxB,GACA,CACEM,QAASJ,EACTK,OAAQJ,GAEd,MAAO,CACLK,SAAST,EAASC,YAAqBC,EACvCI,WAAYA"}
+{"version":3,"file":"UNSAFE_useFocus.js","sources":["../../../src/hooks/UNSAFE_useFocus/useFocus.ts"],"sourcesContent":["import { useToggle } from '../UNSAFE_useToggle';\n\nexport type FocusOptions = {\n  isDisabled?: boolean;\n};\n\n/**\n * Get status on whether target has focus or not\n * @returns\n */\nexport function useFocus(settings: FocusOptions = { isDisabled: false }): {\n  isFocus: boolean;\n  focusProps: Record<string, any>;\n} {\n  const { bool, setTrue, setFalse } = useToggle(false);\n  const focusProps = settings.isDisabled\n    ? {}\n    : {\n        onFocus: setTrue,\n        onBlur: setFalse\n      };\n  return {\n    isFocus: settings.isDisabled ? false : bool,\n    focusProps: focusProps\n  };\n}\n"],"names":["settings","isDisabled","bool","setTrue","setFalse","useToggle","focusProps","onFocus","onBlur","isFocus"],"mappings":"+FAUM,SAAmBA,EAAyB,CAAEC,YAAY,IAI9D,MAAMC,KAAEA,EAAFC,QAAQA,EAARC,SAAiBA,GAAaC,EAAAA,WAAU,GACxCC,EAAaN,EAASC,WACxB,GACA,CACEM,QAASJ,EACTK,OAAQJ,GAEd,MAAO,CACLK,SAAST,EAASC,YAAqBC,EACvCI,WAAYA"}

package/amd/hooks/UNSAFE_useFocusWithin.js

@@ -1,2 +1,2 @@
-define(["exports","../useFocusWithin-7378d9c7","preact/hooks"],(function(e,s,i){"use strict";e.useFocusWithin=s.useFocusWithin,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","../useFocusWithin-d77d235f","preact/hooks"],function(e,s,i){"use strict";e.useFocusWithin=s.useFocusWithin,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_useFocusWithin.js.map

package/amd/hooks/UNSAFE_useFocusableTextField.js

@@ -1,2 +1,2 @@
-define(["exports","../tslib.es6-d070fafc","preact/hooks","./UNSAFE_useFocusWithin","../useFocusWithin-7378d9c7"],(function(e,u,r,s,n){"use strict";e.useFocusableTextField=function(e){var{isReadonly:s,ref:o=(()=>{})}=e,t=u.__rest(e,["isReadonly","ref"]);const{focusProps:c,isFocused:l}=n.useFocusWithin(t),i=r.useRef(l),f=r.useRef(null),d=r.useRef(null);return r.useEffect((()=>{i.current&&(s?setTimeout((()=>{var e;return null===(e=d.current)||void 0===e?void 0:e.focus()})):setTimeout((()=>{var e;return null===(e=f.current)||void 0===e?void 0:e.focus()})))}),[s]),r.useEffect((()=>{i.current=l}),[l]),r.useImperativeHandle(o,(()=>({focus:()=>{var e,u;s?null===(e=d.current)||void 0===e||e.focus():null===(u=f.current)||void 0===u||u.focus()},blur:()=>{var e,u;s?null===(e=d.current)||void 0===e||e.blur():null===(u=f.current)||void 0===u||u.blur()}})),[s]),{enabledElementRef:f,readonlyElementRef:d,isFocused:l,focusProps:c}},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","../tslib.es6-fa3971d7","preact/hooks","./UNSAFE_useFocusWithin","../useFocusWithin-d77d235f"],function(e,u,r,s,n){"use strict";e.useFocusableTextField=function(e){var{isReadonly:s,ref:o=(()=>{})}=e,t=u.__rest(e,["isReadonly","ref"]);const{focusProps:l,isFocused:c}=n.useFocusWithin(t),i=r.useRef(c),f=r.useRef(null),d=r.useRef(null);return r.useEffect(()=>{i.current&&(s?setTimeout(()=>{var e;return null===(e=d.current)||void 0===e?void 0:e.focus()}):setTimeout(()=>{var e;return null===(e=f.current)||void 0===e?void 0:e.focus()}))},[s]),r.useEffect(()=>{i.current=c},[c]),r.useImperativeHandle(o,()=>({focus:()=>{var e,u;s?null===(e=d.current)||void 0===e||e.focus():null===(u=f.current)||void 0===u||u.focus()},blur:()=>{var e,u;s?null===(e=d.current)||void 0===e||e.blur():null===(u=f.current)||void 0===u||u.blur()}}),[s]),{enabledElementRef:f,readonlyElementRef:d,isFocused:c,focusProps:l}},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_useFocusableTextField.js.map

package/amd/hooks/UNSAFE_useFocusableTextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useFocusableTextField.js","sources":["../../../src/hooks/UNSAFE_useFocusableTextField/useFocusableTextField.ts"],"sourcesContent":["import { Ref } from 'preact';\nimport { useEffect, useImperativeHandle, useRef } from 'preact/hooks';\nimport { useFocusWithin } from '../UNSAFE_useFocusWithin';\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\ntype UseFocusWithinProps = Parameters<typeof useFocusWithin>[0];\ntype UseFocusableTextFieldProps = UseFocusWithinProps & {\n  /**\n   * flag indicating whether the field is readonly\n   */\n  isReadonly?: boolean;\n\n  /**\n   * An optional ref to add imperative handles\n   */\n  ref?: Ref<FocusableHandle>;\n};\n\n/**\n * A custom hook that handles the focus when the text field\n * is toggled between readonly and enabled\n * @typedef E represents the type of the enabled element\n * @typedef R represents the type of the readonly element\n */\nexport function useFocusableTextField<E extends HTMLElement, R extends HTMLElement>({\n  isReadonly,\n  ref = () => {},\n  ...useFocusWithinProps\n}: UseFocusableTextFieldProps) {\n  const { focusProps, isFocused } = useFocusWithin(useFocusWithinProps);\n\n  const previousIsFocusedRef = useRef(isFocused);\n  const enabledElementRef = useRef<E>(null);\n  const readonlyElementRef = useRef<R>(null);\n\n  // Retain focus when toggling between readonly and enabled\n  useEffect(() => {\n    // if the readonly state is changed and previously we\n    // were holding focus, set the focus to newly rendered element\n    if (previousIsFocusedRef.current) {\n      if (isReadonly) {\n        setTimeout(() => readonlyElementRef.current?.focus());\n      } else {\n        setTimeout(() => enabledElementRef.current?.focus());\n      }\n    }\n  }, [isReadonly]);\n\n  // Keep the previousFocusRef in sync, but be sure to run this hook\n  // after handling focus for the readonly toggling.\n  useEffect(() => {\n    previousIsFocusedRef.current = isFocused;\n  }, [isFocused]);\n\n  // Add focus and blur methods\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus: () => {\n        if (isReadonly) {\n          readonlyElementRef.current?.focus();\n        } else {\n          enabledElementRef.current?.focus();\n        }\n      },\n      blur: () => {\n        if (isReadonly) {\n          readonlyElementRef.current?.blur();\n        } else {\n          enabledElementRef.current?.blur();\n        }\n      }\n    }),\n    [isReadonly]\n  );\n\n  return {\n    enabledElementRef,\n    readonlyElementRef,\n    isFocused,\n    focusProps\n  };\n}\n"],"names":["_a","isReadonly","ref","useFocusWithinProps","__rest","focusProps","isFocused","useFocusWithin","previousIsFocusedRef","useRef","enabledElementRef","readonlyElementRef","useEffect","current","setTimeout","focus","useImperativeHandle","_b","blur"],"mappings":"2KA2BM,SAA8EA,GAAA,IAAAC,WAClFA,EADkFC,IAElFA,EAAM,UAEqBF,EADxBG,EAAmBC,EAAAA,OAAAJ,EAH4D,sBAKlF,MAAMK,WAAEA,EAAFC,UAAcA,GAAcC,EAAcA,eAACJ,GAE3CK,EAAuBC,SAAOH,GAC9BI,EAAoBD,SAAU,MAC9BE,EAAqBF,SAAU,MA2CrC,OAxCAG,EAAAA,WAAU,KAGJJ,EAAqBK,UACnBZ,EACFa,YAAW,KAAK,IAAAd,EAAC,eAAAA,EAAAW,EAAmBE,8BAASE,WAE7CD,YAAW,KAAK,IAAAd,EAAC,eAAAA,EAAAU,EAAkBG,8BAASE,cAG/C,CAACd,IAIJW,EAAAA,WAAU,KACRJ,EAAqBK,QAAUP,IAC9B,CAACA,IAGJU,EAAmBA,oBACjBd,GACA,KAAO,CACLa,MAAO,aACDd,EAC0B,QAA5BD,EAAAW,EAAmBE,eAAS,IAAAb,GAAAA,EAAAe,QAED,QAA3BE,EAAAP,EAAkBG,eAAS,IAAAI,GAAAA,EAAAF,SAG/BG,KAAM,aACAjB,EAC0B,QAA5BD,EAAAW,EAAmBE,eAAS,IAAAb,GAAAA,EAAAkB,OAED,QAA3BD,EAAAP,EAAkBG,eAAS,IAAAI,GAAAA,EAAAC,WAIjC,CAACjB,IAGI,CACLS,kBAAAA,EACAC,mBAAAA,EACAL,UAAAA,EACAD,WAAAA"}
+{"version":3,"file":"UNSAFE_useFocusableTextField.js","sources":["../../../src/hooks/UNSAFE_useFocusableTextField/useFocusableTextField.ts"],"sourcesContent":["import { Ref } from 'preact';\nimport { useEffect, useImperativeHandle, useRef } from 'preact/hooks';\nimport { useFocusWithin } from '../UNSAFE_useFocusWithin';\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\ntype UseFocusWithinProps = Parameters<typeof useFocusWithin>[0];\ntype UseFocusableTextFieldProps = UseFocusWithinProps & {\n  /**\n   * flag indicating whether the field is readonly\n   */\n  isReadonly?: boolean;\n\n  /**\n   * An optional ref to add imperative handles\n   */\n  ref?: Ref<FocusableHandle>;\n};\n\n/**\n * A custom hook that handles the focus when the text field\n * is toggled between readonly and enabled\n * @typedef E represents the type of the enabled element\n * @typedef R represents the type of the readonly element\n */\nexport function useFocusableTextField<E extends HTMLElement, R extends HTMLElement>({\n  isReadonly,\n  ref = () => {},\n  ...useFocusWithinProps\n}: UseFocusableTextFieldProps) {\n  const { focusProps, isFocused } = useFocusWithin(useFocusWithinProps);\n\n  const previousIsFocusedRef = useRef(isFocused);\n  const enabledElementRef = useRef<E>(null);\n  const readonlyElementRef = useRef<R>(null);\n\n  // Retain focus when toggling between readonly and enabled\n  useEffect(() => {\n    // if the readonly state is changed and previously we\n    // were holding focus, set the focus to newly rendered element\n    if (previousIsFocusedRef.current) {\n      if (isReadonly) {\n        setTimeout(() => readonlyElementRef.current?.focus());\n      } else {\n        setTimeout(() => enabledElementRef.current?.focus());\n      }\n    }\n  }, [isReadonly]);\n\n  // Keep the previousFocusRef in sync, but be sure to run this hook\n  // after handling focus for the readonly toggling.\n  useEffect(() => {\n    previousIsFocusedRef.current = isFocused;\n  }, [isFocused]);\n\n  // Add focus and blur methods\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus: () => {\n        if (isReadonly) {\n          readonlyElementRef.current?.focus();\n        } else {\n          enabledElementRef.current?.focus();\n        }\n      },\n      blur: () => {\n        if (isReadonly) {\n          readonlyElementRef.current?.blur();\n        } else {\n          enabledElementRef.current?.blur();\n        }\n      }\n    }),\n    [isReadonly]\n  );\n\n  return {\n    enabledElementRef,\n    readonlyElementRef,\n    isFocused,\n    focusProps\n  };\n}\n"],"names":["_a","isReadonly","ref","useFocusWithinProps","__rest","focusProps","isFocused","useFocusWithin","previousIsFocusedRef","useRef","enabledElementRef","readonlyElementRef","useEffect","current","setTimeout","focus","useImperativeHandle","_b","blur"],"mappings":"0KA2BM,SAA8EA,GAAA,IAAAC,WAClFA,EADkFC,IAElFA,EAAM,UAEqBF,EADxBG,EAAmBC,EAAAA,OAAAJ,EAH4D,sBAKlF,MAAMK,WAAEA,EAAFC,UAAcA,GAAcC,EAAcA,eAACJ,GAE3CK,EAAuBC,SAAOH,GAC9BI,EAAoBD,SAAU,MAC9BE,EAAqBF,SAAU,MA2CrC,OAxCAG,EAAAA,UAAU,KAGJJ,EAAqBK,UACnBZ,EACFa,WAAW,KAAK,IAAAd,EAAC,eAAAA,EAAAW,EAAmBE,8BAASE,UAE7CD,WAAW,KAAK,IAAAd,EAAC,eAAAA,EAAAU,EAAkBG,8BAASE,YAG/C,CAACd,IAIJW,EAAAA,UAAU,KACRJ,EAAqBK,QAAUP,GAC9B,CAACA,IAGJU,EAAmBA,oBACjBd,EACA,KAAO,CACLa,MAAO,aACDd,EAC0B,QAA5BD,EAAAW,EAAmBE,eAAS,IAAAb,GAAAA,EAAAe,QAED,QAA3BE,EAAAP,EAAkBG,eAAS,IAAAI,GAAAA,EAAAF,SAG/BG,KAAM,aACAjB,EAC0B,QAA5BD,EAAAW,EAAmBE,eAAS,IAAAb,GAAAA,EAAAkB,OAED,QAA3BD,EAAAP,EAAkBG,eAAS,IAAAI,GAAAA,EAAAC,UAIjC,CAACjB,IAGI,CACLS,kBAAAA,EACAC,mBAAAA,EACAL,UAAAA,EACAD,WAAAA"}

package/amd/hooks/UNSAFE_useFormContext.js

@@ -1,2 +1,2 @@
-define(["exports","preact","preact/hooks"],(function(e,t,s){"use strict";const n={isDisabled:!1,isFormLayout:!1,isReadonly:!1,labelEdge:"inside",labelStartWidth:"33%",labelWrapping:"wrap",textAlign:"start",userAssistanceDensity:"reflow"},o=t.createContext(n);e.FormContext=o,e.useFormContext=function(){const e=s.useContext(o);return Object.assign({},n,e)},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact","preact/hooks"],function(e,t,s){"use strict";const n={isDisabled:!1,isFormLayout:!1,isReadonly:!1,labelEdge:"inside",labelStartWidth:"33%",labelWrapping:"wrap",textAlign:"start",userAssistanceDensity:"reflow"},o=t.createContext(n);e.FormContext=o,e.useFormContext=function(){const e=s.useContext(o);return Object.assign({},n,e)},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_useFormContext.js.map

package/amd/hooks/UNSAFE_useFormContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useFormContext.js","sources":["../../../src/hooks/UNSAFE_useFormContext/FormContext.ts","../../../src/hooks/UNSAFE_useFormContext/useFormContext.ts"],"sourcesContent":["import { createContext } from 'preact';\nimport { Size } from '../../utils/UNSAFE_size';\n\n/**\n * Props of the FormContext\n */\n// TODO: investigate labelEdge, labelStartWidth, labelWrapping and see if they still need to be on the form components,\n// or if we can just use a FormContext to pass this to a single component when it isn't in a form layout. See JET-51152\ntype FormContextProps = {\n  /**\n   * Indicates whether the form layout is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Indicates whether the component is inside a form layout.\n   */\n  isFormLayout?: boolean;\n  /**\n   * Indicates whether the form layout is readonly.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies the label position.\n   */\n  labelEdge?: 'inside' | 'start' | 'top';\n  /**\n   * Specifies the width of the start aligned label, ignored for top aligned.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Specifies if start or top label text should wrap or truncate.\n   */\n  labelWrapping?: 'truncate' | 'wrap';\n  /**\n   * Specifies the text alignment of the value.\n   */\n  textAlign?: 'start' | 'end' | 'right';\n  /**\n   * Specifies the density of the user assistance presentation.\n   */\n  userAssistanceDensity?: 'reflow' | 'efficient';\n};\n\nconst DefaultFormContext: FormContextProps = {\n  isDisabled: false,\n  isFormLayout: false,\n  isReadonly: false,\n  labelEdge: 'inside',\n  labelStartWidth: '33%',\n  labelWrapping: 'wrap',\n  textAlign: 'start',\n  userAssistanceDensity: 'reflow'\n};\n\n/**\n * Context which the parent component can use to provide various FormLayout related\n * information to descendant form controls.\n */\nconst FormContext = createContext<FormContextProps>(DefaultFormContext);\n\nexport { DefaultFormContext, FormContext, FormContextProps };\n","import { useContext } from 'preact/hooks';\nimport { DefaultFormContext, FormContext } from './FormContext';\n\n/**\n * Utility hook for consuming the FormContext\n *\n * @returns The value of closest FormContext provider\n */\nfunction useFormContext() {\n  const context = useContext(FormContext);\n  // merge the returned context into the default context so that all props are specified\n  const contextWithDefaults = Object.assign({}, DefaultFormContext, context);\n  return contextWithDefaults;\n}\n\nexport { useFormContext };\n"],"names":["DefaultFormContext","isDisabled","isFormLayout","isReadonly","labelEdge","labelStartWidth","labelWrapping","textAlign","userAssistanceDensity","FormContext","createContext","context","useContext","Object","assign"],"mappings":"yEA2CA,MAAMA,EAAuC,CAC3CC,YAAY,EACZC,cAAc,EACdC,YAAY,EACZC,UAAW,SACXC,gBAAiB,MACjBC,cAAe,OACfC,UAAW,QACXC,sBAAuB,UAOnBC,EAAcC,EAAaA,cAAmBV,oCClDpD,WACE,MAAMW,EAAUC,aAAWH,GAG3B,OAD4BI,OAAOC,OAAO,GAAId,EAAoBW"}
+{"version":3,"file":"UNSAFE_useFormContext.js","sources":["../../../src/hooks/UNSAFE_useFormContext/FormContext.ts","../../../src/hooks/UNSAFE_useFormContext/useFormContext.ts"],"sourcesContent":["import { createContext } from 'preact';\nimport { Size } from '../../utils/UNSAFE_size';\n\n/**\n * Props of the FormContext\n */\n// TODO: investigate labelEdge, labelStartWidth, labelWrapping and see if they still need to be on the form components,\n// or if we can just use a FormContext to pass this to a single component when it isn't in a form layout. See JET-51152\ntype FormContextProps = {\n  /**\n   * Indicates whether the form layout is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Indicates whether the component is inside a form layout.\n   */\n  isFormLayout?: boolean;\n  /**\n   * Indicates whether the form layout is readonly.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies the label position.\n   */\n  labelEdge?: 'inside' | 'start' | 'top';\n  /**\n   * Specifies the width of the start aligned label, ignored for top aligned.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Specifies if start or top label text should wrap or truncate.\n   */\n  labelWrapping?: 'truncate' | 'wrap';\n  /**\n   * Specifies the text alignment of the value.\n   */\n  textAlign?: 'start' | 'end' | 'right';\n  /**\n   * Specifies the density of the user assistance presentation.\n   */\n  userAssistanceDensity?: 'reflow' | 'efficient';\n};\n\nconst DefaultFormContext: FormContextProps = {\n  isDisabled: false,\n  isFormLayout: false,\n  isReadonly: false,\n  labelEdge: 'inside',\n  labelStartWidth: '33%',\n  labelWrapping: 'wrap',\n  textAlign: 'start',\n  userAssistanceDensity: 'reflow'\n};\n\n/**\n * Context which the parent component can use to provide various FormLayout related\n * information to descendant form controls.\n */\nconst FormContext = createContext<FormContextProps>(DefaultFormContext);\n\nexport { DefaultFormContext, FormContext, FormContextProps };\n","import { useContext } from 'preact/hooks';\nimport { DefaultFormContext, FormContext } from './FormContext';\n\n/**\n * Utility hook for consuming the FormContext\n *\n * @returns The value of closest FormContext provider\n */\nfunction useFormContext() {\n  const context = useContext(FormContext);\n  // merge the returned context into the default context so that all props are specified\n  const contextWithDefaults = Object.assign({}, DefaultFormContext, context);\n  return contextWithDefaults;\n}\n\nexport { useFormContext };\n"],"names":["DefaultFormContext","isDisabled","isFormLayout","isReadonly","labelEdge","labelStartWidth","labelWrapping","textAlign","userAssistanceDensity","FormContext","createContext","context","useContext","Object","assign"],"mappings":"wEA2CA,MAAMA,EAAuC,CAC3CC,YAAY,EACZC,cAAc,EACdC,YAAY,EACZC,UAAW,SACXC,gBAAiB,MACjBC,cAAe,OACfC,UAAW,QACXC,sBAAuB,UAOnBC,EAAcC,EAAaA,cAAmBV,oCClDpD,WACE,MAAMW,EAAUC,aAAWH,GAG3B,OAD4BI,OAAOC,OAAO,GAAId,EAAoBW"}

package/amd/hooks/UNSAFE_useFormFieldContext.js

@@ -1,2 +1,2 @@
-define(["exports","preact","preact/hooks"],(function(e,t,o){"use strict";const s=t.createContext({hasValue:!1,isDisabled:!1,isFocused:!1,isLoading:!1,isReadonly:!1});e.FormFieldContext=s,e.useFormFieldContext=function(){return o.useContext(s)},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact","preact/hooks"],function(e,t,o){"use strict";const s=t.createContext({hasValue:!1,isDisabled:!1,isFocused:!1,isLoading:!1,isReadonly:!1});e.FormFieldContext=s,e.useFormFieldContext=function(){return o.useContext(s)},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_useFormFieldContext.js.map

package/amd/hooks/UNSAFE_useFormFieldContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useFormFieldContext.js","sources":["../../../src/hooks/UNSAFE_useFormFieldContext/FormFieldContext.ts","../../../src/hooks/UNSAFE_useFormFieldContext/useFormFieldContext.ts"],"sourcesContent":["import { createContext } from 'preact';\n\ntype DisabledFormFieldContext = {\n  /**\n   * Indicates whether the component has value\n   */\n  hasValue?: boolean;\n  /**\n   * Indicates whether the component is in disabled state\n   */\n  isDisabled: true;\n  /**\n   * A disabled field can never have focus\n   */\n  isFocused?: false;\n  /**\n   * Indicates whether the component is in a loading state\n   */\n  isLoading?: boolean;\n  /**\n   * A disabled field can never be readonly\n   */\n  isReadonly?: false;\n};\n\ntype EnabledFormFieldContext = {\n  /**\n   * Indicates whether the component has value\n   */\n  hasValue?: boolean;\n  /**\n   * Enabled field can never be disabled\n   */\n  isDisabled?: false;\n  /**\n   * Indicates whether the text field is in focused state\n   */\n  isFocused?: boolean;\n  /**\n   * Indicates whether the component is in a loading state\n   */\n  isLoading?: boolean;\n  /**\n   * Enabled field will not be readonly\n   */\n  isReadonly?: false;\n};\n\ntype ReadonlyFormFieldContext = {\n  /**\n   * Indicates whether the component has value\n   */\n  hasValue?: boolean;\n  /**\n   * Readonly field can never be disabled\n   */\n  isDisabled?: false;\n  /**\n   * Indicates whether the text field is in focused state\n   */\n  isFocused?: boolean;\n  /**\n   * Indicates whether the component is in a loading state\n   */\n  isLoading?: boolean;\n  /**\n   * Indicates whether the component is in readonly state\n   */\n  isReadonly: true;\n};\n\ntype FormFieldContextProps =\n  | DisabledFormFieldContext\n  | EnabledFormFieldContext\n  | ReadonlyFormFieldContext;\n\n/**\n * Context which the parent component can use to provide various FormControl related\n * information\n */\nconst FormFieldContext = createContext<FormFieldContextProps>({\n  hasValue: false,\n  isDisabled: false,\n  isFocused: false,\n  isLoading: false,\n  isReadonly: false\n});\n\nexport { FormFieldContext, FormFieldContextProps };\n","import { useContext } from 'preact/hooks';\nimport { FormFieldContext } from './FormFieldContext';\n\n/**\n * Utility hook for consuming the FormFieldContext\n *\n * @returns The value of closest FormControl provider\n */\nfunction useFormFieldContext() {\n  return useContext(FormFieldContext);\n}\n\nexport { useFormFieldContext };\n"],"names":["FormFieldContext","createContext","hasValue","isDisabled","isFocused","isLoading","isReadonly","useContext"],"mappings":"yEAgFM,MAAAA,EAAmBC,EAAAA,cAAqC,CAC5DC,UAAU,EACVC,YAAY,EACZC,WAAW,EACXC,WAAW,EACXC,YAAY,+CC7Ed,WACE,OAAOC,EAAAA,WAAWP"}
+{"version":3,"file":"UNSAFE_useFormFieldContext.js","sources":["../../../src/hooks/UNSAFE_useFormFieldContext/FormFieldContext.ts","../../../src/hooks/UNSAFE_useFormFieldContext/useFormFieldContext.ts"],"sourcesContent":["import { createContext } from 'preact';\n\ntype DisabledFormFieldContext = {\n  /**\n   * Indicates whether the component has value\n   */\n  hasValue?: boolean;\n  /**\n   * Indicates whether the component is in disabled state\n   */\n  isDisabled: true;\n  /**\n   * A disabled field can never have focus\n   */\n  isFocused?: false;\n  /**\n   * Indicates whether the component is in a loading state\n   */\n  isLoading?: boolean;\n  /**\n   * A disabled field can never be readonly\n   */\n  isReadonly?: false;\n};\n\ntype EnabledFormFieldContext = {\n  /**\n   * Indicates whether the component has value\n   */\n  hasValue?: boolean;\n  /**\n   * Enabled field can never be disabled\n   */\n  isDisabled?: false;\n  /**\n   * Indicates whether the text field is in focused state\n   */\n  isFocused?: boolean;\n  /**\n   * Indicates whether the component is in a loading state\n   */\n  isLoading?: boolean;\n  /**\n   * Enabled field will not be readonly\n   */\n  isReadonly?: false;\n};\n\ntype ReadonlyFormFieldContext = {\n  /**\n   * Indicates whether the component has value\n   */\n  hasValue?: boolean;\n  /**\n   * Readonly field can never be disabled\n   */\n  isDisabled?: false;\n  /**\n   * Indicates whether the text field is in focused state\n   */\n  isFocused?: boolean;\n  /**\n   * Indicates whether the component is in a loading state\n   */\n  isLoading?: boolean;\n  /**\n   * Indicates whether the component is in readonly state\n   */\n  isReadonly: true;\n};\n\ntype FormFieldContextProps =\n  | DisabledFormFieldContext\n  | EnabledFormFieldContext\n  | ReadonlyFormFieldContext;\n\n/**\n * Context which the parent component can use to provide various FormControl related\n * information\n */\nconst FormFieldContext = createContext<FormFieldContextProps>({\n  hasValue: false,\n  isDisabled: false,\n  isFocused: false,\n  isLoading: false,\n  isReadonly: false\n});\n\nexport { FormFieldContext, FormFieldContextProps };\n","import { useContext } from 'preact/hooks';\nimport { FormFieldContext } from './FormFieldContext';\n\n/**\n * Utility hook for consuming the FormFieldContext\n *\n * @returns The value of closest FormControl provider\n */\nfunction useFormFieldContext() {\n  return useContext(FormFieldContext);\n}\n\nexport { useFormFieldContext };\n"],"names":["FormFieldContext","createContext","hasValue","isDisabled","isFocused","isLoading","isReadonly","useContext"],"mappings":"wEAgFM,MAAAA,EAAmBC,EAAAA,cAAqC,CAC5DC,UAAU,EACVC,YAAY,EACZC,WAAW,EACXC,WAAW,EACXC,YAAY,+CC7Ed,WACE,OAAOC,EAAAA,WAAWP"}

package/amd/hooks/UNSAFE_useFormVariantContext.js

@@ -1,2 +1,2 @@
-define(["exports","preact","preact/hooks"],(function(e,t,n){"use strict";const o=t.createContext("default");e.FormVariantContext=o,e.useFormVariantContext=function(){return n.useContext(o)},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact","preact/hooks"],function(e,t,n){"use strict";const o=t.createContext("default");e.FormVariantContext=o,e.useFormVariantContext=function(){return n.useContext(o)},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_useFormVariantContext.js.map

package/amd/hooks/UNSAFE_useFormVariantContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useFormVariantContext.js","sources":["../../../src/hooks/UNSAFE_useFormVariantContext/FormVariantContext.ts","../../../src/hooks/UNSAFE_useFormVariantContext/useFormVariantContext.ts"],"sourcesContent":["import { createContext } from 'preact';\n\n/**\n * Context which an ancestor component can use to provide a value for the 'variant' property\n * of the descendant form fields.\n */\nexport const FormVariantContext = createContext<'default' | 'embedded' | undefined>('default');\n","import { useContext } from 'preact/hooks';\nimport { FormVariantContext } from './FormVariantContext';\n\n/**\n * Utility hook for consuming the FormVariantContext\n *\n * @returns The value of the closest FormVariantContext provider\n */\nexport function useFormVariantContext() {\n  return useContext(FormVariantContext);\n}\n"],"names":["FormVariantContext","createContext","useContext"],"mappings":"+EAMaA,EAAqBC,EAAaA,cAAqC,qECGlF,OAAOC,EAAAA,WAAWF"}
+{"version":3,"file":"UNSAFE_useFormVariantContext.js","sources":["../../../src/hooks/UNSAFE_useFormVariantContext/FormVariantContext.ts","../../../src/hooks/UNSAFE_useFormVariantContext/useFormVariantContext.ts"],"sourcesContent":["import { createContext } from 'preact';\n\n/**\n * Context which an ancestor component can use to provide a value for the 'variant' property\n * of the descendant form fields.\n */\nexport const FormVariantContext = createContext<'default' | 'embedded' | undefined>('default');\n","import { useContext } from 'preact/hooks';\nimport { FormVariantContext } from './FormVariantContext';\n\n/**\n * Utility hook for consuming the FormVariantContext\n *\n * @returns The value of the closest FormVariantContext provider\n */\nexport function useFormVariantContext() {\n  return useContext(FormVariantContext);\n}\n"],"names":["FormVariantContext","createContext","useContext"],"mappings":"8EAMaA,EAAqBC,EAAaA,cAAqC,qECGlF,OAAOC,EAAAA,WAAWF"}

package/amd/hooks/UNSAFE_useHover.js

@@ -1,2 +1,2 @@
-define(["exports","./UNSAFE_useToggle","preact/hooks"],(function(e,s,o){"use strict";e.useHover=function(e={isDisabled:!1}){const{bool:o,setTrue:t,setFalse:u}=s.useToggle(!1),{bool:r,setTrue:n,setFalse:i}=s.useToggle(!1),l=e.isDisabled?{}:{ontouchend:n,onMouseEnter:()=>{r?i():t()},onMouseLeave:u};return{isHover:!e.isDisabled&&o,hoverProps:l}},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./UNSAFE_useToggle","preact/hooks"],function(e,s,o){"use strict";e.useHover=function(e={isDisabled:!1}){const{bool:o,setTrue:t,setFalse:u}=s.useToggle(!1),{bool:r,setTrue:n,setFalse:i}=s.useToggle(!1),l=e.isDisabled?{}:{ontouchend:n,onMouseEnter:()=>{r?i():t()},onMouseLeave:u};return{isHover:!e.isDisabled&&o,hoverProps:l}},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_useHover.js.map

package/amd/hooks/UNSAFE_useHover.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useHover.js","sources":["../../../src/hooks/UNSAFE_useHover/useHover.ts"],"sourcesContent":["import { useToggle } from '../UNSAFE_useToggle';\n\nexport type HoverOptions = {\n  isDisabled?: boolean;\n};\n\n/**\n * Returns listeners and status for hover\n * If only visual changes are required, :hover is faster.\n *\n * @returns\n */\nexport function useHover(settings: HoverOptions = { isDisabled: false }): {\n  isHover: boolean;\n  hoverProps: Record<string, any>;\n} {\n  // :hover is faster than event handlers, but doesn't work for all platforms.\n  // For touch-first devices, the media query for hover is enough.\n  // Hybrid devices support hover upon pointer usage, but tapping would toggle hover state\n  // so disable :hover and use event handlers for such devices.\n  // Use getClientHints to check if hybrid\n  // const hybrid = getClientHints().isHybrid;\n  // Classes can be done via :\n  //     !isHybrid && compStyles.pseudohover,\n  //      isHybrid && isHover && compStyles.hover\n  // and the props can be done via:\n  //     const { hoverProps, isHover } = useHover( {isDisabled: isHybrid});\n  //\n  // For the algorithm below, There are 2 possible sequences:\n  // 1. A pointer (mouse, trackpad) would generate a mouseEnter event that would initiate hover.\n  // 2. A touch generates a touchstart/touchend/mouseEnter event sequence.\n  // Hover has no meaning in a touch context, so the isHover state should be avoided.\n  // To avoid, we set an ignore flag when a touchend is encountered.\n  // Each time mouseEnter is encountered, the flag is checked.\n  // If ignore, we know that it is a touch device, so don't set hover state.\n  // In all cases, reset the flag for the next sequence.\n  //\n  const { bool, setTrue, setFalse } = useToggle(false);\n  const { bool: ignore, setTrue: setIgnoreTrue, setFalse: setIgnoreFalse } = useToggle(false);\n  const startHover = () => {\n    if (ignore) {\n      setIgnoreFalse();\n    } else {\n      setTrue();\n    }\n  };\n\n  const hoverProps = settings.isDisabled\n    ? {}\n    : { ontouchend: setIgnoreTrue, onMouseEnter: startHover, onMouseLeave: setFalse };\n  return {\n    isHover: settings.isDisabled ? false : bool,\n    hoverProps: hoverProps\n  };\n}\n"],"names":["settings","isDisabled","bool","setTrue","setFalse","useToggle","ignore","setIgnoreTrue","setIgnoreFalse","hoverProps","ontouchend","onMouseEnter","onMouseLeave","isHover"],"mappings":"gGAYM,SAAmBA,EAAyB,CAAEC,YAAY,IAyB9D,MAAMC,KAAEA,EAAFC,QAAQA,EAARC,SAAiBA,GAAaC,EAAAA,WAAU,IACtCH,KAAMI,EAAQH,QAASI,EAAeH,SAAUI,GAAmBH,aAAU,GAS/EI,EAAaT,EAASC,WACxB,GACA,CAAES,WAAYH,EAAeI,aAVd,KACbL,EACFE,IAEAL,KAMuDS,aAAcR,GACzE,MAAO,CACLS,SAASb,EAASC,YAAqBC,EACvCO,WAAYA"}
+{"version":3,"file":"UNSAFE_useHover.js","sources":["../../../src/hooks/UNSAFE_useHover/useHover.ts"],"sourcesContent":["import { useToggle } from '../UNSAFE_useToggle';\n\nexport type HoverOptions = {\n  isDisabled?: boolean;\n};\n\n/**\n * Returns listeners and status for hover\n * If only visual changes are required, :hover is faster.\n *\n * @returns\n */\nexport function useHover(settings: HoverOptions = { isDisabled: false }): {\n  isHover: boolean;\n  hoverProps: Record<string, any>;\n} {\n  // :hover is faster than event handlers, but doesn't work for all platforms.\n  // For touch-first devices, the media query for hover is enough.\n  // Hybrid devices support hover upon pointer usage, but tapping would toggle hover state\n  // so disable :hover and use event handlers for such devices.\n  // Use getClientHints to check if hybrid\n  // const hybrid = getClientHints().isHybrid;\n  // Classes can be done via :\n  //     !isHybrid && compStyles.pseudohover,\n  //      isHybrid && isHover && compStyles.hover\n  // and the props can be done via:\n  //     const { hoverProps, isHover } = useHover( {isDisabled: isHybrid});\n  //\n  // For the algorithm below, There are 2 possible sequences:\n  // 1. A pointer (mouse, trackpad) would generate a mouseEnter event that would initiate hover.\n  // 2. A touch generates a touchstart/touchend/mouseEnter event sequence.\n  // Hover has no meaning in a touch context, so the isHover state should be avoided.\n  // To avoid, we set an ignore flag when a touchend is encountered.\n  // Each time mouseEnter is encountered, the flag is checked.\n  // If ignore, we know that it is a touch device, so don't set hover state.\n  // In all cases, reset the flag for the next sequence.\n  //\n  const { bool, setTrue, setFalse } = useToggle(false);\n  const { bool: ignore, setTrue: setIgnoreTrue, setFalse: setIgnoreFalse } = useToggle(false);\n  const startHover = () => {\n    if (ignore) {\n      setIgnoreFalse();\n    } else {\n      setTrue();\n    }\n  };\n\n  const hoverProps = settings.isDisabled\n    ? {}\n    : { ontouchend: setIgnoreTrue, onMouseEnter: startHover, onMouseLeave: setFalse };\n  return {\n    isHover: settings.isDisabled ? false : bool,\n    hoverProps: hoverProps\n  };\n}\n"],"names":["settings","isDisabled","bool","setTrue","setFalse","useToggle","ignore","setIgnoreTrue","setIgnoreFalse","hoverProps","ontouchend","onMouseEnter","onMouseLeave","isHover"],"mappings":"+FAYM,SAAmBA,EAAyB,CAAEC,YAAY,IAyB9D,MAAMC,KAAEA,EAAFC,QAAQA,EAARC,SAAiBA,GAAaC,EAAAA,WAAU,IACtCH,KAAMI,EAAQH,QAASI,EAAeH,SAAUI,GAAmBH,aAAU,GAS/EI,EAAaT,EAASC,WACxB,GACA,CAAES,WAAYH,EAAeI,aAVd,KACbL,EACFE,IAEAL,KAMuDS,aAAcR,GACzE,MAAO,CACLS,SAASb,EAASC,YAAqBC,EACvCO,WAAYA"}

package/amd/hooks/UNSAFE_useId.js

@@ -1,2 +1,2 @@
-define(["exports","preact/hooks"],(function(e,t){"use strict";e.useId=()=>{const[e]=t.useState((()=>`_${Math.random().toString(36).slice(2)}`));return e},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/hooks"],function(e,t){"use strict";e.useId=()=>{const[e]=t.useState(()=>`_${Math.random().toString(36).slice(2)}`);return e},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_useId.js.map

package/amd/hooks/UNSAFE_useId.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useId.js","sources":["../../../src/hooks/UNSAFE_useId/useId.tsx"],"sourcesContent":["import { useState } from 'preact/hooks';\n\n/**\n * Generates random string that can be used as ID. Serves as replacement for\n * getUniqueId() function from \"ojs/ojvcomponent-preact\", until React 18 is\n * released with useId hook (https://github.com/preactjs/preact/issues/3373).\n * 1. Pick a random number in the range between 0 (inclusive) and 1 (exclusive)\n * 2. Convert the number to a base-36 string (using characters 0-9 and a-z)\n * 3. Slice off the leading '0.' prefix\n * 4. ids should always start with a letter, so prefix it with 'id'\n */\nexport const useId = () => {\n  const [id] = useState(() => `_${Math.random().toString(36).slice(2)}`); //@RandomNumberOK\n  return id;\n};\n"],"names":["id","useState","Math","random","toString","slice"],"mappings":"sEAWqB,KACnB,MAAOA,GAAMC,EAAAA,UAAS,IAAM,IAAIC,KAAKC,SAASC,SAAS,IAAIC,MAAM,OACjE,OAAOL"}
+{"version":3,"file":"UNSAFE_useId.js","sources":["../../../src/hooks/UNSAFE_useId/useId.tsx"],"sourcesContent":["import { useState } from 'preact/hooks';\n\n/**\n * Generates random string that can be used as ID. Serves as replacement for\n * getUniqueId() function from \"ojs/ojvcomponent-preact\", until React 18 is\n * released with useId hook (https://github.com/preactjs/preact/issues/3373).\n * 1. Pick a random number in the range between 0 (inclusive) and 1 (exclusive)\n * 2. Convert the number to a base-36 string (using characters 0-9 and a-z)\n * 3. Slice off the leading '0.' prefix\n * 4. ids should always start with a letter, so prefix it with 'id'\n */\nexport const useId = () => {\n  const [id] = useState(() => `_${Math.random().toString(36).slice(2)}`); //@RandomNumberOK\n  return id;\n};\n"],"names":["id","useState","Math","random","toString","slice"],"mappings":"qEAWqB,KACnB,MAAOA,GAAMC,EAAAA,SAAS,IAAM,IAAIC,KAAKC,SAASC,SAAS,IAAIC,MAAM,MACjE,OAAOL"}

package/amd/hooks/UNSAFE_useLengthFilter.js

@@ -1,2 +1,2 @@
-define(["exports","preact/hooks","../utils/UNSAFE_lengthFilter"],(function(e,t,n){"use strict";e.useLengthFilter=function({maxLength:e,maxLengthUnit:u,onCommit:l,onInput:s,value:a}){const[i,o]=t.useState(!1),c=t.useCallback((t=>n.filter(t,e,u)),[e,u]);t.useEffect((()=>{if(void 0===a)return;const e=c(a);e!==a?(null==s||s({previousValue:a,value:e}),null==l||l({previousValue:a,value:e}),o(!0)):o(!1)}),[a,l,s,c]);const r=t.useCallback(((...e)=>{const{previousValue:t,value:n}=e[0],u=c(null!=n?n:"");t!==u?(null==s||s(Object.assign(Object.assign({},e[0]),{value:u})),o(!1)):o(!0)}),[s,c]);return{isMaxLengthExceeded:i,valueLength:void 0===a?void 0:n.calcLength(a,u),onFilteredInput:r}},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/hooks","../utils/UNSAFE_lengthFilter"],function(e,t,n){"use strict";e.useLengthFilter=function({maxLength:e,maxLengthUnit:u,onCommit:l,onInput:s,value:a}){const[i,o]=t.useState(!1),c=t.useCallback(t=>n.filter(t,e,u),[e,u]);t.useEffect(()=>{if(void 0===a)return;const e=c(a);e!==a?(null==s||s({previousValue:a,value:e}),null==l||l({previousValue:a,value:e}),o(!0)):o(!1)},[a,l,s,c]);const r=t.useCallback((...e)=>{const{previousValue:t,value:n}=e[0],u=c(null!=n?n:"");t!==u?(null==s||s(Object.assign(Object.assign({},e[0]),{value:u})),o(!1)):o(!0)},[s,c]);return{isMaxLengthExceeded:i,valueLength:void 0===a?void 0:n.calcLength(a,u),onFilteredInput:r}},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_useLengthFilter.js.map

package/amd/hooks/UNSAFE_useLengthFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useLengthFilter.js","sources":["../../../src/hooks/UNSAFE_useLengthFilter/useLengthFilter.ts"],"sourcesContent":["import { ComponentProps } from 'preact';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\nimport { TextFieldInput } from '../../UNSAFE_TextField';\nimport { calcLength, CountUnit as _CountUnit, filter } from '../../utils/UNSAFE_lengthFilter';\n\nexport type CountUnit = _CountUnit;\n\ntype PickedPropsFromTextFieldInput = Pick<\n  ComponentProps<typeof TextFieldInput>,\n  'onCommit' | 'onInput' | 'value'\n>;\ntype UseLengthFilterProps = PickedPropsFromTextFieldInput & {\n  maxLength?: number;\n  maxLengthUnit?: CountUnit;\n};\n\n/**\n * A custom hook that applies the length filter to text field input\n * @param param0 The props for the useLengthFilter hook\n * @returns The filtered event handlers\n */\nexport function useLengthFilter({\n  maxLength,\n  maxLengthUnit,\n  onCommit,\n  onInput,\n  value\n}: UseLengthFilterProps) {\n  const [isMaxLengthExceeded, setMaxLengthExceeded] = useState(false);\n  const parse = useCallback(\n    (value: string) => filter(value, maxLength, maxLengthUnit),\n    [maxLength, maxLengthUnit]\n  );\n  // Reapply maxLength filter when the value is changed\n  useEffect(() => {\n    if (value === undefined) {\n      return;\n    }\n\n    const filteredValue = parse(value);\n    if (filteredValue !== value) {\n      onInput?.({ previousValue: value, value: filteredValue });\n      onCommit?.({ previousValue: value, value: filteredValue });\n\n      // Value is filtered, means that the max length is exceeded\n      setMaxLengthExceeded(true);\n    } else {\n      // Value is not filtered, means that the max length is not exceeded\n      setMaxLengthExceeded(false);\n    }\n  }, [value, onCommit, onInput, parse]);\n\n  const onFilteredInput = useCallback(\n    (...args: Parameters<Exclude<typeof onInput, undefined>>) => {\n      const { previousValue, value } = args[0];\n      const filteredValue = parse(value ?? '');\n\n      // Call the onInput event only when the value is changed\n      if (previousValue !== filteredValue) {\n        onInput?.({ ...args[0], value: filteredValue });\n        // value is not filtered, so the max length is not exceeded\n        setMaxLengthExceeded(false);\n      } else {\n        // value is changed but then filtered to previous value\n        // meaning that the max length was exceeded\n        setMaxLengthExceeded(true);\n      }\n    },\n    [onInput, parse]\n  );\n\n  return {\n    isMaxLengthExceeded,\n    valueLength: value === undefined ? undefined : calcLength(value, maxLengthUnit),\n    onFilteredInput\n  };\n}\n"],"names":["maxLength","maxLengthUnit","onCommit","onInput","value","isMaxLengthExceeded","setMaxLengthExceeded","useState","parse","useCallback","filter","useEffect","undefined","filteredValue","previousValue","onFilteredInput","args","valueLength","calcLength"],"mappings":"iHAqBgB,UAAgBA,UAC9BA,EAD8BC,cAE9BA,EAF8BC,SAG9BA,EAH8BC,QAI9BA,EAJ8BC,MAK9BA,IAEA,MAAOC,EAAqBC,GAAwBC,EAAQA,UAAC,GACvDC,EAAQC,EAAAA,aACXL,GAAkBM,EAAAA,OAAON,EAAOJ,EAAWC,IAC5C,CAACD,EAAWC,IAGdU,EAAAA,WAAU,KACR,QAAcC,IAAVR,EACF,OAGF,MAAMS,EAAgBL,EAAMJ,GACxBS,IAAkBT,GACpBD,MAAAA,GAAAA,EAAU,CAAEW,cAAeV,EAAOA,MAAOS,IACzCX,MAAAA,GAAAA,EAAW,CAAEY,cAAeV,EAAOA,MAAOS,IAG1CP,GAAqB,IAGrBA,GAAqB,KAEtB,CAACF,EAAOF,EAAUC,EAASK,IAE9B,MAAMO,EAAkBN,EAAAA,aACtB,IAAIO,KACF,MAAMF,cAAEA,EAAFV,MAAiBA,GAAUY,EAAK,GAChCH,EAAgBL,EAAMJ,MAAAA,EAAAA,EAAS,IAGjCU,IAAkBD,GACpBV,MAAAA,GAAAA,iCAAea,EAAK,IAAI,CAAAZ,MAAOS,KAE/BP,GAAqB,IAIrBA,GAAqB,KAGzB,CAACH,EAASK,IAGZ,MAAO,CACLH,oBAAAA,EACAY,iBAAuBL,IAAVR,OAAsBQ,EAAYM,EAAUA,WAACd,EAAOH,GACjEc,gBAAAA"}
+{"version":3,"file":"UNSAFE_useLengthFilter.js","sources":["../../../src/hooks/UNSAFE_useLengthFilter/useLengthFilter.ts"],"sourcesContent":["import { ComponentProps } from 'preact';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\nimport { TextFieldInput } from '../../UNSAFE_TextField';\nimport { calcLength, CountUnit as _CountUnit, filter } from '../../utils/UNSAFE_lengthFilter';\n\nexport type CountUnit = _CountUnit;\n\ntype PickedPropsFromTextFieldInput = Pick<\n  ComponentProps<typeof TextFieldInput>,\n  'onCommit' | 'onInput' | 'value'\n>;\ntype UseLengthFilterProps = PickedPropsFromTextFieldInput & {\n  maxLength?: number;\n  maxLengthUnit?: CountUnit;\n};\n\n/**\n * A custom hook that applies the length filter to text field input\n * @param param0 The props for the useLengthFilter hook\n * @returns The filtered event handlers\n */\nexport function useLengthFilter({\n  maxLength,\n  maxLengthUnit,\n  onCommit,\n  onInput,\n  value\n}: UseLengthFilterProps) {\n  const [isMaxLengthExceeded, setMaxLengthExceeded] = useState(false);\n  const parse = useCallback(\n    (value: string) => filter(value, maxLength, maxLengthUnit),\n    [maxLength, maxLengthUnit]\n  );\n  // Reapply maxLength filter when the value is changed\n  useEffect(() => {\n    if (value === undefined) {\n      return;\n    }\n\n    const filteredValue = parse(value);\n    if (filteredValue !== value) {\n      onInput?.({ previousValue: value, value: filteredValue });\n      onCommit?.({ previousValue: value, value: filteredValue });\n\n      // Value is filtered, means that the max length is exceeded\n      setMaxLengthExceeded(true);\n    } else {\n      // Value is not filtered, means that the max length is not exceeded\n      setMaxLengthExceeded(false);\n    }\n  }, [value, onCommit, onInput, parse]);\n\n  const onFilteredInput = useCallback(\n    (...args: Parameters<Exclude<typeof onInput, undefined>>) => {\n      const { previousValue, value } = args[0];\n      const filteredValue = parse(value ?? '');\n\n      // Call the onInput event only when the value is changed\n      if (previousValue !== filteredValue) {\n        onInput?.({ ...args[0], value: filteredValue });\n        // value is not filtered, so the max length is not exceeded\n        setMaxLengthExceeded(false);\n      } else {\n        // value is changed but then filtered to previous value\n        // meaning that the max length was exceeded\n        setMaxLengthExceeded(true);\n      }\n    },\n    [onInput, parse]\n  );\n\n  return {\n    isMaxLengthExceeded,\n    valueLength: value === undefined ? undefined : calcLength(value, maxLengthUnit),\n    onFilteredInput\n  };\n}\n"],"names":["maxLength","maxLengthUnit","onCommit","onInput","value","isMaxLengthExceeded","setMaxLengthExceeded","useState","parse","useCallback","filter","useEffect","undefined","filteredValue","previousValue","onFilteredInput","args","valueLength","calcLength"],"mappings":"gHAqBgB,UAAgBA,UAC9BA,EAD8BC,cAE9BA,EAF8BC,SAG9BA,EAH8BC,QAI9BA,EAJ8BC,MAK9BA,IAEA,MAAOC,EAAqBC,GAAwBC,EAAQA,UAAC,GACvDC,EAAQC,EAAAA,YACXL,GAAkBM,EAAAA,OAAON,EAAOJ,EAAWC,GAC5C,CAACD,EAAWC,IAGdU,EAAAA,UAAU,KACR,QAAcC,IAAVR,EACF,OAGF,MAAMS,EAAgBL,EAAMJ,GACxBS,IAAkBT,GACpBD,MAAAA,GAAAA,EAAU,CAAEW,cAAeV,EAAOA,MAAOS,IACzCX,MAAAA,GAAAA,EAAW,CAAEY,cAAeV,EAAOA,MAAOS,IAG1CP,GAAqB,IAGrBA,GAAqB,IAEtB,CAACF,EAAOF,EAAUC,EAASK,IAE9B,MAAMO,EAAkBN,EAAAA,YACtB,IAAIO,KACF,MAAMF,cAAEA,EAAFV,MAAiBA,GAAUY,EAAK,GAChCH,EAAgBL,EAAMJ,MAAAA,EAAAA,EAAS,IAGjCU,IAAkBD,GACpBV,MAAAA,GAAAA,iCAAea,EAAK,IAAI,CAAAZ,MAAOS,KAE/BP,GAAqB,IAIrBA,GAAqB,IAGzB,CAACH,EAASK,IAGZ,MAAO,CACLH,oBAAAA,EACAY,iBAAuBL,IAAVR,OAAsBQ,EAAYM,EAAUA,WAACd,EAAOH,GACjEc,gBAAAA"}

package/amd/hooks/UNSAFE_useLoadingIndicatorTimer.js

@@ -1,2 +1,2 @@
-define(["exports","./UNSAFE_useTimer","preact/hooks"],(function(e,r,t){"use strict";e.useLoadingIndicatorTimer=function(e){return r.useTimer({isStarted:e,delay:50})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./UNSAFE_useTimer","preact/hooks"],function(e,r,t){"use strict";e.useLoadingIndicatorTimer=function(e){return r.useTimer({isStarted:e,delay:50})},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_useLoadingIndicatorTimer.js.map

package/amd/hooks/UNSAFE_useLoadingIndicatorTimer.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useLoadingIndicatorTimer.js","sources":["../../../src/hooks/UNSAFE_useLoadingIndicatorTimer/useLoadingIndicatorTimer.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 */\n\nimport { useTimer } from '../UNSAFE_useTimer';\n\n/**\n * Hook for a timer used to determine when to show a loading indicator.\n * After the timer is started, the loading indicator should only be shown after a slight delay,\n * when the timer expires.  A loading indicator should not be shown immediately because that\n * could result in unwanted flashing in the UI.\n * @param isLoading Specifies whether the calling code is in a loading state and the timer\n * should be started: true to start it, false to stop it.\n * @returns True if the timer expires, false if it was stopped before that.\n */\nexport function useLoadingIndicatorTimer(isLoading: boolean): boolean {\n  // TODO: get delay from theme variable\n  // (--oj-private-core-global-loading-indicator-delay-duration)\n  return useTimer({ isStarted: isLoading, delay: 50 });\n}\n"],"names":["isLoading","useTimer","isStarted","delay"],"mappings":"+GAmBM,SAAmCA,GAGvC,OAAOC,EAAAA,SAAS,CAAEC,UAAWF,EAAWG,MAAO"}
+{"version":3,"file":"UNSAFE_useLoadingIndicatorTimer.js","sources":["../../../src/hooks/UNSAFE_useLoadingIndicatorTimer/useLoadingIndicatorTimer.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 */\n\nimport { useTimer } from '../UNSAFE_useTimer';\n\n/**\n * Hook for a timer used to determine when to show a loading indicator.\n * After the timer is started, the loading indicator should only be shown after a slight delay,\n * when the timer expires.  A loading indicator should not be shown immediately because that\n * could result in unwanted flashing in the UI.\n * @param isLoading Specifies whether the calling code is in a loading state and the timer\n * should be started: true to start it, false to stop it.\n * @returns True if the timer expires, false if it was stopped before that.\n */\nexport function useLoadingIndicatorTimer(isLoading: boolean): boolean {\n  // TODO: get delay from theme variable\n  // (--oj-private-core-global-loading-indicator-delay-duration)\n  return useTimer({ isStarted: isLoading, delay: 50 });\n}\n"],"names":["isLoading","useTimer","isStarted","delay"],"mappings":"8GAmBM,SAAmCA,GAGvC,OAAOC,EAAAA,SAAS,CAAEC,UAAWF,EAAWG,MAAO"}