@basic-ui/core 0.0.50 → 0.0.51

package/build/esm/Menu/MenuItem.js

@@ -45,6 +45,7 @@ export var MenuItem = /*#__PURE__*/forwardRef(function MenuItem(props, forwarded
 
   var handleKeyDown = function handleKeyDown(e) {
     switch (e.key) {
+      case ' ':
       case 'Enter':
         if (!disabled) {
           handleSelect(e);

package/build/esm/Menu/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["forwardRef","useRef","useId","useMenuContext","useMenuListContext","assignMultipleRefs","wrapEvent","MenuItem","props","forwardedRef","as","Comp","innerAs","disabled","onSelect","onClick","onKeyDown","otherProps","onChange","buttonRef","navigationItem","onNavigate","ref","itemId","isActive","current","handleSelect","e","focus","preventDefault","handleClick","handleKeyDown","key","undefined"],"sources":["../../../src/Menu/MenuItem.tsx"],"sourcesContent":["import type {\n  LiHTMLAttributes,\n  ElementType,\n  MouseEvent,\n  KeyboardEvent,\n  KeyboardEventHandler,\n} from 'react';\nimport { forwardRef, useRef, useId } from 'react';\n\nimport { useMenuContext, useMenuListContext } from './context';\nimport { assignMultipleRefs } from '../utils/assign-ref';\nimport { wrapEvent } from '../utils';\n\nexport interface MenuItemProps extends LiHTMLAttributes<HTMLLIElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onSelect?: (\n    e: MouseEvent<HTMLLIElement> | KeyboardEvent<HTMLLIElement>\n  ) => void;\n  disabled?: boolean;\n}\n\nexport const MenuItem = forwardRef<any, MenuItemProps>(function MenuItem(\n  props,\n  forwardedRef\n) {\n  const {\n    as: Comp = 'li',\n    innerAs,\n    disabled,\n    onSelect,\n    onClick,\n    onKeyDown,\n    ...otherProps\n  } = props;\n  const { onChange, buttonRef } = useMenuContext();\n  const { navigationItem, onNavigate } = useMenuListContext();\n  const ref = useRef<HTMLLIElement>();\n  const itemId = useId();\n\n  const isActive = ref.current && ref.current === navigationItem;\n\n  const handleSelect = wrapEvent(\n    onSelect,\n    (e: KeyboardEvent<HTMLLIElement> | MouseEvent<HTMLLIElement>) => {\n      onChange(e, false);\n      buttonRef.current?.focus();\n      e.preventDefault();\n    }\n  );\n\n  const handleClick = (e: MouseEvent<HTMLLIElement>) => {\n    if (!disabled) {\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      onNavigate && onNavigate(ref.current!);\n      handleSelect(e);\n    }\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLLIElement> = (e) => {\n    switch (e.key) {\n      case 'Enter':\n        if (!disabled) {\n          handleSelect(e);\n        }\n        break;\n    }\n  };\n\n  return (\n    <Comp\n      ref={assignMultipleRefs(ref, forwardedRef)}\n      as={innerAs}\n      id={disabled ? undefined : itemId}\n      data-menu-item=\"\"\n      data-highlighted={isActive ? '' : undefined}\n      role=\"menuitem\"\n      onClick={wrapEvent(onClick, handleClick)}\n      tabIndex={disabled ? -1 : 0}\n      onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n      data-disabled={disabled ? '' : undefined}\n      aria-disabled={disabled ? '' : undefined}\n      disabled={disabled}\n      {...otherProps}\n    />\n  );\n});\n"],"mappings":";;;AAOA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,KAA7B,QAA0C,OAA1C;AAEA,SAASC,cAAT,EAAyBC,kBAAzB,QAAmD,WAAnD;AACA,SAASC,kBAAT,QAAmC,qBAAnC;AACA,SAASC,SAAT,QAA0B,UAA1B;;AAWA,OAAO,IAAMC,QAAQ,gBAAGP,UAAU,CAAqB,SAASO,QAAT,CACrDC,KADqD,EAErDC,YAFqD,EAGrD;EACA,gBAQID,KARJ,CACEE,EADF;EAAA,IACMC,IADN,0BACa,IADb;EAAA,IAEEC,OAFF,GAQIJ,KARJ,CAEEI,OAFF;EAAA,IAGEC,QAHF,GAQIL,KARJ,CAGEK,QAHF;EAAA,IAIEC,QAJF,GAQIN,KARJ,CAIEM,QAJF;EAAA,IAKEC,OALF,GAQIP,KARJ,CAKEO,OALF;EAAA,IAMEC,SANF,GAQIR,KARJ,CAMEQ,SANF;EAAA,IAOKC,UAPL,4BAQIT,KARJ;;EASA,sBAAgCL,cAAc,EAA9C;EAAA,IAAQe,QAAR,mBAAQA,QAAR;EAAA,IAAkBC,SAAlB,mBAAkBA,SAAlB;;EACA,0BAAuCf,kBAAkB,EAAzD;EAAA,IAAQgB,cAAR,uBAAQA,cAAR;EAAA,IAAwBC,UAAxB,uBAAwBA,UAAxB;;EACA,IAAMC,GAAG,GAAGrB,MAAM,EAAlB;EACA,IAAMsB,MAAM,GAAGrB,KAAK,EAApB;EAEA,IAAMsB,QAAQ,GAAGF,GAAG,CAACG,OAAJ,IAAeH,GAAG,CAACG,OAAJ,KAAgBL,cAAhD;EAEA,IAAMM,YAAY,GAAGpB,SAAS,CAC5BQ,QAD4B,EAE5B,UAACa,CAAD,EAAiE;IAAA;;IAC/DT,QAAQ,CAACS,CAAD,EAAI,KAAJ,CAAR;IACA,sBAAAR,SAAS,CAACM,OAAV,0EAAmBG,KAAnB;IACAD,CAAC,CAACE,cAAF;EACD,CAN2B,CAA9B;;EASA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACH,CAAD,EAAkC;IACpD,IAAI,CAACd,QAAL,EAAe;MACb;MACAQ,UAAU,IAAIA,UAAU,CAACC,GAAG,CAACG,OAAL,CAAxB;MACAC,YAAY,CAACC,CAAD,CAAZ;IACD;EACF,CAND;;EAQA,IAAMI,aAAkD,GAAG,SAArDA,aAAqD,CAACJ,CAAD,EAAO;IAChE,QAAQA,CAAC,CAACK,GAAV;MACE,KAAK,OAAL;QACE,IAAI,CAACnB,QAAL,EAAe;UACba,YAAY,CAACC,CAAD,CAAZ;QACD;;QACD;IALJ;EAOD,CARD;;EAUA,oBACE,KAAC,IAAD;IACE,GAAG,EAAEtB,kBAAkB,CAACiB,GAAD,EAAMb,YAAN,CADzB;IAEE,EAAE,EAAEG,OAFN;IAGE,EAAE,EAAEC,QAAQ,GAAGoB,SAAH,GAAeV,MAH7B;IAIE,kBAAe,EAJjB;IAKE,oBAAkBC,QAAQ,GAAG,EAAH,GAAQS,SALpC;IAME,IAAI,EAAC,UANP;IAOE,OAAO,EAAE3B,SAAS,CAACS,OAAD,EAAUe,WAAV,CAPpB;IAQE,QAAQ,EAAEjB,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAR5B;IASE,SAAS,EAAEP,SAAS,CAACU,SAAD,EAAYe,aAAZ,CATtB;IAUE,iBAAelB,QAAQ,GAAG,EAAH,GAAQoB,SAVjC;IAWE,iBAAepB,QAAQ,GAAG,EAAH,GAAQoB,SAXjC;IAYE,QAAQ,EAAEpB;EAZZ,GAaMI,UAbN,EADF;AAiBD,CAhEiC,CAA3B"}
+{"version":3,"file":"MenuItem.js","names":["forwardRef","useRef","useId","useMenuContext","useMenuListContext","assignMultipleRefs","wrapEvent","MenuItem","props","forwardedRef","as","Comp","innerAs","disabled","onSelect","onClick","onKeyDown","otherProps","onChange","buttonRef","navigationItem","onNavigate","ref","itemId","isActive","current","handleSelect","e","focus","preventDefault","handleClick","handleKeyDown","key","undefined"],"sources":["../../../src/Menu/MenuItem.tsx"],"sourcesContent":["import type {\n  LiHTMLAttributes,\n  ElementType,\n  MouseEvent,\n  KeyboardEvent,\n  KeyboardEventHandler,\n} from 'react';\nimport { forwardRef, useRef, useId } from 'react';\n\nimport { useMenuContext, useMenuListContext } from './context';\nimport { assignMultipleRefs } from '../utils/assign-ref';\nimport { wrapEvent } from '../utils';\n\nexport interface MenuItemProps extends LiHTMLAttributes<HTMLLIElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onSelect?: (\n    e: MouseEvent<HTMLLIElement> | KeyboardEvent<HTMLLIElement>\n  ) => void;\n  disabled?: boolean;\n}\n\nexport const MenuItem = forwardRef<any, MenuItemProps>(function MenuItem(\n  props,\n  forwardedRef\n) {\n  const {\n    as: Comp = 'li',\n    innerAs,\n    disabled,\n    onSelect,\n    onClick,\n    onKeyDown,\n    ...otherProps\n  } = props;\n  const { onChange, buttonRef } = useMenuContext();\n  const { navigationItem, onNavigate } = useMenuListContext();\n  const ref = useRef<HTMLLIElement>();\n  const itemId = useId();\n\n  const isActive = ref.current && ref.current === navigationItem;\n\n  const handleSelect = wrapEvent(\n    onSelect,\n    (e: KeyboardEvent<HTMLLIElement> | MouseEvent<HTMLLIElement>) => {\n      onChange(e, false);\n      buttonRef.current?.focus();\n      e.preventDefault();\n    }\n  );\n\n  const handleClick = (e: MouseEvent<HTMLLIElement>) => {\n    if (!disabled) {\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      onNavigate && onNavigate(ref.current!);\n      handleSelect(e);\n    }\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLLIElement> = (e) => {\n    switch (e.key) {\n      case ' ':\n      case 'Enter':\n        if (!disabled) {\n          handleSelect(e);\n        }\n        break;\n    }\n  };\n\n  return (\n    <Comp\n      ref={assignMultipleRefs(ref, forwardedRef)}\n      as={innerAs}\n      id={disabled ? undefined : itemId}\n      data-menu-item=\"\"\n      data-highlighted={isActive ? '' : undefined}\n      role=\"menuitem\"\n      onClick={wrapEvent(onClick, handleClick)}\n      tabIndex={disabled ? -1 : 0}\n      onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n      data-disabled={disabled ? '' : undefined}\n      aria-disabled={disabled ? '' : undefined}\n      disabled={disabled}\n      {...otherProps}\n    />\n  );\n});\n"],"mappings":";;;AAOA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,KAA7B,QAA0C,OAA1C;AAEA,SAASC,cAAT,EAAyBC,kBAAzB,QAAmD,WAAnD;AACA,SAASC,kBAAT,QAAmC,qBAAnC;AACA,SAASC,SAAT,QAA0B,UAA1B;;AAWA,OAAO,IAAMC,QAAQ,gBAAGP,UAAU,CAAqB,SAASO,QAAT,CACrDC,KADqD,EAErDC,YAFqD,EAGrD;EACA,gBAQID,KARJ,CACEE,EADF;EAAA,IACMC,IADN,0BACa,IADb;EAAA,IAEEC,OAFF,GAQIJ,KARJ,CAEEI,OAFF;EAAA,IAGEC,QAHF,GAQIL,KARJ,CAGEK,QAHF;EAAA,IAIEC,QAJF,GAQIN,KARJ,CAIEM,QAJF;EAAA,IAKEC,OALF,GAQIP,KARJ,CAKEO,OALF;EAAA,IAMEC,SANF,GAQIR,KARJ,CAMEQ,SANF;EAAA,IAOKC,UAPL,4BAQIT,KARJ;;EASA,sBAAgCL,cAAc,EAA9C;EAAA,IAAQe,QAAR,mBAAQA,QAAR;EAAA,IAAkBC,SAAlB,mBAAkBA,SAAlB;;EACA,0BAAuCf,kBAAkB,EAAzD;EAAA,IAAQgB,cAAR,uBAAQA,cAAR;EAAA,IAAwBC,UAAxB,uBAAwBA,UAAxB;;EACA,IAAMC,GAAG,GAAGrB,MAAM,EAAlB;EACA,IAAMsB,MAAM,GAAGrB,KAAK,EAApB;EAEA,IAAMsB,QAAQ,GAAGF,GAAG,CAACG,OAAJ,IAAeH,GAAG,CAACG,OAAJ,KAAgBL,cAAhD;EAEA,IAAMM,YAAY,GAAGpB,SAAS,CAC5BQ,QAD4B,EAE5B,UAACa,CAAD,EAAiE;IAAA;;IAC/DT,QAAQ,CAACS,CAAD,EAAI,KAAJ,CAAR;IACA,sBAAAR,SAAS,CAACM,OAAV,0EAAmBG,KAAnB;IACAD,CAAC,CAACE,cAAF;EACD,CAN2B,CAA9B;;EASA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACH,CAAD,EAAkC;IACpD,IAAI,CAACd,QAAL,EAAe;MACb;MACAQ,UAAU,IAAIA,UAAU,CAACC,GAAG,CAACG,OAAL,CAAxB;MACAC,YAAY,CAACC,CAAD,CAAZ;IACD;EACF,CAND;;EAQA,IAAMI,aAAkD,GAAG,SAArDA,aAAqD,CAACJ,CAAD,EAAO;IAChE,QAAQA,CAAC,CAACK,GAAV;MACE,KAAK,GAAL;MACA,KAAK,OAAL;QACE,IAAI,CAACnB,QAAL,EAAe;UACba,YAAY,CAACC,CAAD,CAAZ;QACD;;QACD;IANJ;EAQD,CATD;;EAWA,oBACE,KAAC,IAAD;IACE,GAAG,EAAEtB,kBAAkB,CAACiB,GAAD,EAAMb,YAAN,CADzB;IAEE,EAAE,EAAEG,OAFN;IAGE,EAAE,EAAEC,QAAQ,GAAGoB,SAAH,GAAeV,MAH7B;IAIE,kBAAe,EAJjB;IAKE,oBAAkBC,QAAQ,GAAG,EAAH,GAAQS,SALpC;IAME,IAAI,EAAC,UANP;IAOE,OAAO,EAAE3B,SAAS,CAACS,OAAD,EAAUe,WAAV,CAPpB;IAQE,QAAQ,EAAEjB,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAR5B;IASE,SAAS,EAAEP,SAAS,CAACU,SAAD,EAAYe,aAAZ,CATtB;IAUE,iBAAelB,QAAQ,GAAG,EAAH,GAAQoB,SAVjC;IAWE,iBAAepB,QAAQ,GAAG,EAAH,GAAQoB,SAXjC;IAYE,QAAQ,EAAEpB;EAZZ,GAaMI,UAbN,EADF;AAiBD,CAjEiC,CAA3B"}

package/build/esm/Menu/MenuList.d.ts

@@ -2,6 +2,6 @@ import type { HTMLAttributes, ElementType } from 'react';
 export interface MenuListProps extends HTMLAttributes<HTMLUListElement> {
     as?: ElementType<any>;
     innerAs?: ElementType<any>;
-    defaultActiveItemValue?: string;
+    defaultActiveItemValue?: string | string[];
 }
 export declare const MenuList: import("react").ForwardRefExoticComponent<MenuListProps & import("react").RefAttributes<HTMLUListElement>>;

package/build/esm/Menu/MenuList.js

@@ -59,10 +59,23 @@ export var MenuList = /*#__PURE__*/forwardRef(function MenuList(props, forwarded
       var index = getCircularIndex(openWithArrowKeyRef.current === 'ArrowUp' ? -1 : 0, allItems.length);
 
       if (defaultActiveItemValue) {
-        for (var i = 0; i < allItems.length; i++) {
-          if (allItems[i].dataset.value === defaultActiveItemValue) {
-            index = i;
-            break;
+        if (typeof defaultActiveItemValue === 'string') {
+          for (var i = 0; i < allItems.length; i++) {
+            if (allItems[i].dataset.value === defaultActiveItemValue) {
+              index = i;
+              break;
+            }
+          }
+        } else if (Array.isArray(defaultActiveItemValue)) {
+          var set = new Set(defaultActiveItemValue);
+
+          for (var _i = 0; _i < allItems.length; _i++) {
+            var val = allItems[_i].dataset.value;
+
+            if (val && set.has(val)) {
+              index = _i;
+              break;
+            }
           }
         }
       }

package/build/esm/Menu/MenuList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.js","names":["useCallback","forwardRef","useEffect","useRef","useState","useLayoutEffect","useMenuContext","MenuListProvider","assignMultipleRefs","useOnClickOutside","useScope","queryScope","getCircularIndex","wrapEvent","useEnhancedEffect","window","MenuList","props","forwardedRef","as","Comp","innerAs","onKeyDown","preferredId","id","defaultActiveItemValue","otherProps","interactedOutside","itemSearchStr","itemSearchClearTimeout","menuListIdRef","buttonRef","onChange","openWithArrowKeyRef","open","isContextMenu","navigationItem","setNavigationItem","mounted","setMounted","menuListRef","scope","onNavigate","el","focus","current","allItems","queryAllNodes","index","length","i","dataset","value","handleClickOutside","e","pointerType","button","target","HTMLElement","contains","preventDefault","handleKeyDown","key","currentIndex","findIndex","nextIndex","ctrlKey","altKey","slice","clearTimeout","setTimeout","searchStr","idx","dom","domText","innerText","toLowerCase","startsWith"],"sources":["../../../src/Menu/MenuList.tsx"],"sourcesContent":["import type { HTMLAttributes, ElementType, KeyboardEvent } from 'react';\nimport {\n  useCallback,\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  useLayoutEffect,\n} from 'react';\n\nimport { useMenuContext, MenuListProvider } from './context';\nimport { assignMultipleRefs } from '../utils/assign-ref';\nimport { useOnClickOutside } from '../hooks/useOnClickOutside';\nimport { useScope } from '../hooks';\nimport { queryScope } from './scope';\nimport { getCircularIndex, wrapEvent } from '../utils';\n\nconst useEnhancedEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport interface MenuListProps extends HTMLAttributes<HTMLUListElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  defaultActiveItemValue?: string;\n}\n\nexport const MenuList = forwardRef<HTMLUListElement, MenuListProps>(\n  function MenuList(props, forwardedRef) {\n    const {\n      as: Comp = 'ul',\n      innerAs,\n      onKeyDown,\n      id: preferredId,\n      defaultActiveItemValue,\n      ...otherProps\n    } = props;\n\n    const interactedOutside = useRef(false);\n    const itemSearchStr = useRef('');\n    const itemSearchClearTimeout = useRef<ReturnType<typeof setTimeout>>();\n\n    const {\n      menuListIdRef,\n      buttonRef,\n      onChange,\n      openWithArrowKeyRef,\n      open,\n      isContextMenu,\n    } = useMenuContext();\n\n    const [navigationItem, setNavigationItem] = useState<\n      HTMLElement | undefined\n    >();\n\n    const [mounted, setMounted] = useState(false);\n\n    const menuListRef = useRef<HTMLUListElement>();\n\n    const scope = useScope<HTMLLIElement, HTMLUListElement>(menuListRef);\n\n    const onNavigate = (el: HTMLElement) => {\n      el.focus();\n      setNavigationItem(el);\n    };\n\n    menuListIdRef.current = preferredId || menuListIdRef.current;\n\n    useEnhancedEffect(() => {\n      if (!mounted) {\n        const allItems = scope.current.queryAllNodes(queryScope);\n        let index = getCircularIndex(\n          openWithArrowKeyRef.current === 'ArrowUp' ? -1 : 0,\n          allItems.length\n        );\n\n        if (defaultActiveItemValue) {\n          for (let i = 0; i < allItems.length; i++) {\n            if (allItems[i].dataset.value === defaultActiveItemValue) {\n              index = i;\n              break;\n            }\n          }\n        }\n\n        if (index !== null) {\n          onNavigate && onNavigate(allItems[index]);\n        }\n      }\n\n      openWithArrowKeyRef.current = null;\n      setMounted(true);\n    }, [\n      mounted,\n      navigationItem,\n      onNavigate,\n      openWithArrowKeyRef,\n      scope,\n      defaultActiveItemValue,\n    ]);\n\n    const handleClickOutside = useCallback(\n      (e: PointerEvent) => {\n        if (isContextMenu.current) {\n          if (!interactedOutside.current && e.pointerType === 'touch') {\n            // First interaction should be ignored, because\n            // this is what triggered the context menu to open\n            interactedOutside.current = true;\n            return;\n          }\n\n          if (e.button === 0) {\n            onChange(e as any, false);\n          }\n        } else {\n          if (\n            e.target instanceof HTMLElement &&\n            e.target !== buttonRef.current &&\n            !buttonRef.current?.contains(e.target)\n          ) {\n            onChange(e as any, false);\n          }\n        }\n        e.preventDefault();\n      },\n      [buttonRef, isContextMenu, onChange]\n    );\n\n    useOnClickOutside(menuListRef, handleClickOutside, open);\n\n    function handleKeyDown(e: KeyboardEvent<HTMLUListElement>) {\n      switch (e.key) {\n        case 'Escape':\n        case 'Tab': {\n          onChange(e, false);\n          e.preventDefault(); // prevents focusing on next element, because we will be handling it\n          itemSearchStr.current = '';\n          buttonRef.current?.focus();\n          break;\n        }\n        case 'Home':\n        case 'End':\n        case 'ArrowDown':\n        case 'ArrowUp':\n          e.preventDefault();\n          itemSearchStr.current = '';\n          const allItems = scope ? scope.current.queryAllNodes(queryScope) : [];\n          const currentIndex = allItems.findIndex((e) => e === navigationItem);\n          if (allItems.length === 0) {\n            return;\n          }\n          let nextIndex: number = currentIndex;\n          switch (e.key) {\n            case 'ArrowUp':\n              nextIndex += -1;\n              break;\n            case 'ArrowDown':\n              nextIndex += 1;\n              break;\n            case 'Home':\n              nextIndex = 0;\n              break;\n            case 'End':\n              nextIndex = -1;\n              break;\n          }\n          // We already checked if allItems.length = 0 above\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          nextIndex = getCircularIndex(nextIndex, allItems.length)!;\n          onNavigate && onNavigate(allItems[nextIndex]);\n          break;\n        default: {\n          if (e.key.length === 1 && !e.ctrlKey && !e.altKey) {\n            // A-Z\n            e.preventDefault();\n\n            if (\n              itemSearchStr.current.length === 0 ||\n              itemSearchStr.current.slice(-1) !== e.key\n            ) {\n              itemSearchStr.current = itemSearchStr.current + e.key;\n            }\n            clearTimeout(itemSearchClearTimeout.current as any);\n            itemSearchClearTimeout.current = setTimeout(() => {\n              itemSearchStr.current = '';\n            }, 500);\n\n            const allItems = scope\n              ? scope.current.queryAllNodes(queryScope)\n              : [];\n            const currentIndex = allItems.findIndex(\n              (e) => e === navigationItem\n            );\n            const searchStr = itemSearchStr.current;\n            let nextIndex = -1;\n            for (\n              let i = searchStr.length === 1 ? 1 : 0;\n              i < allItems.length;\n              i++\n            ) {\n              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n              const idx = getCircularIndex(currentIndex + i, allItems.length)!;\n              const dom = allItems[idx];\n              const domText = dom.innerText.toLowerCase();\n              if (domText.length > 0 && domText.startsWith(searchStr)) {\n                nextIndex = idx;\n                break;\n              }\n            }\n            if (nextIndex >= 0 && nextIndex < allItems.length) {\n              onNavigate && onNavigate(allItems[nextIndex]);\n            }\n          }\n        }\n      }\n    }\n\n    if (!open) {\n      interactedOutside.current = false;\n      return null;\n    }\n\n    return (\n      <MenuListProvider\n        value={{\n          navigationItem,\n          onNavigate,\n        }}\n      >\n        <Comp\n          ref={assignMultipleRefs(forwardedRef, menuListRef)}\n          as={innerAs}\n          id={menuListIdRef.current}\n          role=\"menu\"\n          aria-labelledby={buttonRef.current?.id}\n          data-menu-list=\"\"\n          tabIndex=\"-1\"\n          onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n          {...otherProps}\n        />\n      </MenuListProvider>\n    );\n  }\n);\n"],"mappings":"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"}
+{"version":3,"file":"MenuList.js","names":["useCallback","forwardRef","useEffect","useRef","useState","useLayoutEffect","useMenuContext","MenuListProvider","assignMultipleRefs","useOnClickOutside","useScope","queryScope","getCircularIndex","wrapEvent","useEnhancedEffect","window","MenuList","props","forwardedRef","as","Comp","innerAs","onKeyDown","preferredId","id","defaultActiveItemValue","otherProps","interactedOutside","itemSearchStr","itemSearchClearTimeout","menuListIdRef","buttonRef","onChange","openWithArrowKeyRef","open","isContextMenu","navigationItem","setNavigationItem","mounted","setMounted","menuListRef","scope","onNavigate","el","focus","current","allItems","queryAllNodes","index","length","i","dataset","value","Array","isArray","set","Set","val","has","handleClickOutside","e","pointerType","button","target","HTMLElement","contains","preventDefault","handleKeyDown","key","currentIndex","findIndex","nextIndex","ctrlKey","altKey","slice","clearTimeout","setTimeout","searchStr","idx","dom","domText","innerText","toLowerCase","startsWith"],"sources":["../../../src/Menu/MenuList.tsx"],"sourcesContent":["import type { HTMLAttributes, ElementType, KeyboardEvent } from 'react';\nimport {\n  useCallback,\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  useLayoutEffect,\n} from 'react';\n\nimport { useMenuContext, MenuListProvider } from './context';\nimport { assignMultipleRefs } from '../utils/assign-ref';\nimport { useOnClickOutside } from '../hooks/useOnClickOutside';\nimport { useScope } from '../hooks';\nimport { queryScope } from './scope';\nimport { getCircularIndex, wrapEvent } from '../utils';\n\nconst useEnhancedEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport interface MenuListProps extends HTMLAttributes<HTMLUListElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  defaultActiveItemValue?: string | string[];\n}\n\nexport const MenuList = forwardRef<HTMLUListElement, MenuListProps>(\n  function MenuList(props, forwardedRef) {\n    const {\n      as: Comp = 'ul',\n      innerAs,\n      onKeyDown,\n      id: preferredId,\n      defaultActiveItemValue,\n      ...otherProps\n    } = props;\n\n    const interactedOutside = useRef(false);\n    const itemSearchStr = useRef('');\n    const itemSearchClearTimeout = useRef<ReturnType<typeof setTimeout>>();\n\n    const {\n      menuListIdRef,\n      buttonRef,\n      onChange,\n      openWithArrowKeyRef,\n      open,\n      isContextMenu,\n    } = useMenuContext();\n\n    const [navigationItem, setNavigationItem] = useState<\n      HTMLElement | undefined\n    >();\n\n    const [mounted, setMounted] = useState(false);\n\n    const menuListRef = useRef<HTMLUListElement>();\n\n    const scope = useScope<HTMLLIElement, HTMLUListElement>(menuListRef);\n\n    const onNavigate = (el: HTMLElement) => {\n      el.focus();\n      setNavigationItem(el);\n    };\n\n    menuListIdRef.current = preferredId || menuListIdRef.current;\n\n    useEnhancedEffect(() => {\n      if (!mounted) {\n        const allItems = scope.current.queryAllNodes(queryScope);\n        let index = getCircularIndex(\n          openWithArrowKeyRef.current === 'ArrowUp' ? -1 : 0,\n          allItems.length\n        );\n\n        if (defaultActiveItemValue) {\n          if (typeof defaultActiveItemValue === 'string') {\n            for (let i = 0; i < allItems.length; i++) {\n              if (allItems[i].dataset.value === defaultActiveItemValue) {\n                index = i;\n                break;\n              }\n            }\n          } else if (Array.isArray(defaultActiveItemValue)) {\n            const set = new Set(defaultActiveItemValue);\n            for (let i = 0; i < allItems.length; i++) {\n              const val = allItems[i].dataset.value;\n              if (val && set.has(val)) {\n                index = i;\n                break;\n              }\n            }\n          }\n        }\n\n        if (index !== null) {\n          onNavigate && onNavigate(allItems[index]);\n        }\n      }\n\n      openWithArrowKeyRef.current = null;\n      setMounted(true);\n    }, [\n      mounted,\n      navigationItem,\n      onNavigate,\n      openWithArrowKeyRef,\n      scope,\n      defaultActiveItemValue,\n    ]);\n\n    const handleClickOutside = useCallback(\n      (e: PointerEvent) => {\n        if (isContextMenu.current) {\n          if (!interactedOutside.current && e.pointerType === 'touch') {\n            // First interaction should be ignored, because\n            // this is what triggered the context menu to open\n            interactedOutside.current = true;\n            return;\n          }\n\n          if (e.button === 0) {\n            onChange(e as any, false);\n          }\n        } else {\n          if (\n            e.target instanceof HTMLElement &&\n            e.target !== buttonRef.current &&\n            !buttonRef.current?.contains(e.target)\n          ) {\n            onChange(e as any, false);\n          }\n        }\n        e.preventDefault();\n      },\n      [buttonRef, isContextMenu, onChange]\n    );\n\n    useOnClickOutside(menuListRef, handleClickOutside, open);\n\n    function handleKeyDown(e: KeyboardEvent<HTMLUListElement>) {\n      switch (e.key) {\n        case 'Escape':\n        case 'Tab': {\n          onChange(e, false);\n          e.preventDefault(); // prevents focusing on next element, because we will be handling it\n          itemSearchStr.current = '';\n          buttonRef.current?.focus();\n          break;\n        }\n        case 'Home':\n        case 'End':\n        case 'ArrowDown':\n        case 'ArrowUp':\n          e.preventDefault();\n          itemSearchStr.current = '';\n          const allItems = scope ? scope.current.queryAllNodes(queryScope) : [];\n          const currentIndex = allItems.findIndex((e) => e === navigationItem);\n          if (allItems.length === 0) {\n            return;\n          }\n          let nextIndex: number = currentIndex;\n          switch (e.key) {\n            case 'ArrowUp':\n              nextIndex += -1;\n              break;\n            case 'ArrowDown':\n              nextIndex += 1;\n              break;\n            case 'Home':\n              nextIndex = 0;\n              break;\n            case 'End':\n              nextIndex = -1;\n              break;\n          }\n          // We already checked if allItems.length = 0 above\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          nextIndex = getCircularIndex(nextIndex, allItems.length)!;\n          onNavigate && onNavigate(allItems[nextIndex]);\n          break;\n        default: {\n          if (e.key.length === 1 && !e.ctrlKey && !e.altKey) {\n            // A-Z\n            e.preventDefault();\n\n            if (\n              itemSearchStr.current.length === 0 ||\n              itemSearchStr.current.slice(-1) !== e.key\n            ) {\n              itemSearchStr.current = itemSearchStr.current + e.key;\n            }\n            clearTimeout(itemSearchClearTimeout.current as any);\n            itemSearchClearTimeout.current = setTimeout(() => {\n              itemSearchStr.current = '';\n            }, 500);\n\n            const allItems = scope\n              ? scope.current.queryAllNodes(queryScope)\n              : [];\n            const currentIndex = allItems.findIndex(\n              (e) => e === navigationItem\n            );\n            const searchStr = itemSearchStr.current;\n            let nextIndex = -1;\n            for (\n              let i = searchStr.length === 1 ? 1 : 0;\n              i < allItems.length;\n              i++\n            ) {\n              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n              const idx = getCircularIndex(currentIndex + i, allItems.length)!;\n              const dom = allItems[idx];\n              const domText = dom.innerText.toLowerCase();\n              if (domText.length > 0 && domText.startsWith(searchStr)) {\n                nextIndex = idx;\n                break;\n              }\n            }\n            if (nextIndex >= 0 && nextIndex < allItems.length) {\n              onNavigate && onNavigate(allItems[nextIndex]);\n            }\n          }\n        }\n      }\n    }\n\n    if (!open) {\n      interactedOutside.current = false;\n      return null;\n    }\n\n    return (\n      <MenuListProvider\n        value={{\n          navigationItem,\n          onNavigate,\n        }}\n      >\n        <Comp\n          ref={assignMultipleRefs(forwardedRef, menuListRef)}\n          as={innerAs}\n          id={menuListIdRef.current}\n          role=\"menu\"\n          aria-labelledby={buttonRef.current?.id}\n          data-menu-list=\"\"\n          tabIndex=\"-1\"\n          onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n          {...otherProps}\n        />\n      </MenuListProvider>\n    );\n  }\n);\n"],"mappings":"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"}

package/build/esm/TimerField/clamp.d.ts

@@ -0,0 +1 @@
+export * from '../utils/clamp';

package/build/esm/TimerField/clamp.js

@@ -0,0 +1,2 @@
+export * from '../utils/clamp';
+//# sourceMappingURL=clamp.js.map

package/build/esm/TimerField/clamp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp.js","names":[],"sources":["../../../src/TimerField/clamp.ts"],"sourcesContent":["export * from '../utils/clamp';\n"],"mappings":"AAAA,cAAc,gBAAd"}

package/build/esm/TimerField/index.d.ts

@@ -0,0 +1 @@
+export * from './useTimerField';

package/build/esm/TimerField/index.js

@@ -0,0 +1,2 @@
+export * from './useTimerField';
+//# sourceMappingURL=index.js.map

package/build/esm/TimerField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/TimerField/index.ts"],"sourcesContent":["export * from './useTimerField';\n"],"mappings":"AAAA,cAAc,iBAAd"}

package/build/esm/TimerField/useControlledState.d.ts

@@ -0,0 +1 @@
+export * from '../hooks/useControlledState';

package/build/esm/TimerField/useControlledState.js

@@ -0,0 +1,2 @@
+export * from '../hooks/useControlledState';
+//# sourceMappingURL=useControlledState.js.map

package/build/esm/TimerField/useControlledState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlledState.js","names":[],"sources":["../../../src/TimerField/useControlledState.ts"],"sourcesContent":["export * from '../hooks/useControlledState';\n"],"mappings":"AAAA,cAAc,6BAAd"}

package/build/esm/TimerField/useTimerField.d.ts

@@ -0,0 +1,44 @@
+import type { RefObject, HTMLAttributes, PointerEvent } from 'react';
+export interface UseTimerFieldProps {
+    value?: number | null;
+    defaultValue?: number | null;
+    onChange?: (value: number | null) => void;
+    label?: string;
+    ref: RefObject<HTMLElement | null>;
+}
+export interface TimerFieldSegmentType {
+    isEditable?: boolean;
+    value: number | null;
+    minValue: number;
+    maxValue: number;
+    maxTempValue: number;
+    type: 'hour' | 'minute' | 'second';
+}
+export interface TimerFieldState {
+    parentRef: RefObject<HTMLElement | null>;
+    hasFocusWithin: boolean;
+    isReadOnly: boolean;
+    isDisabled: boolean;
+    value: number | null;
+    clear: () => void;
+    segments: TimerFieldSegmentType[];
+    simplifySegments(): void;
+    setSegment(part: 'hour' | 'minute' | 'second', value: number | undefined | ((curValue: number | null) => number | null)): void;
+    validationState?: 'invalid' | 'valid';
+}
+export declare function useHasFocusWithin<ElementType extends HTMLElement>(ref: RefObject<ElementType | null>): boolean;
+export declare function useTimerField(props: UseTimerFieldProps): {
+    state: TimerFieldState;
+    labelProps: {};
+    fieldProps: {
+        role: string;
+        onPointerDown: (e: PointerEvent<HTMLDivElement>) => void;
+    };
+};
+export declare function useTimerFieldSegment(segment: TimerFieldSegmentType, state: TimerFieldState, ref: RefObject<HTMLElement>): {
+    state: {
+        isPlaceholder: boolean;
+        text: string;
+    };
+    segmentProps: HTMLAttributes<HTMLDivElement>;
+};

package/build/esm/TimerField/useTimerField.js

@@ -0,0 +1,430 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useEffect, useRef, useMemo, useState, useCallback, version } from 'react';
+import { unstable_batchedUpdates } from 'react-dom';
+import { useControlledState } from './useControlledState';
+import { clamp as clampFunc } from './clamp';
+
+function isValidPartialNumber(value) {
+  // Sanitize
+  var sanitizedValue = (value || '').replace(/[^0-9]+/g, '');
+  return value.length === sanitizedValue.length;
+}
+
+function getSegmentText(nextValue) {
+  if (nextValue === undefined) {
+    return '00';
+  }
+
+  var padLength = 2;
+  return String(nextValue).padStart(padLength, '0');
+}
+
+var segmentOrdering = ['hour', 'minute', 'second'];
+
+function getNextSegment(segmentType, dir) {
+  var nextSegmentTypeIdx = segmentOrdering.findIndex(function (c) {
+    return c === segmentType;
+  }) + (dir === 'next' ? 1 : -1);
+  return nextSegmentTypeIdx >= 0 && nextSegmentTypeIdx < segmentOrdering.length ? segmentOrdering[nextSegmentTypeIdx] : null;
+}
+
+function focusOnSegment(parentEl, segmentType) {
+  var el = parentEl && parentEl.querySelector("[data-timer-field-segment=\"".concat(segmentType, "\"]"));
+
+  if (el instanceof HTMLElement) {
+    el.focus();
+    return;
+  }
+}
+
+export function useHasFocusWithin(ref) {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      hasFocusWithin = _useState2[0],
+      setHasFocusWithin = _useState2[1];
+
+  useEffect(function () {
+    if (!ref.current) {
+      return;
+    }
+
+    var el = ref.current;
+
+    var onFocus = function onFocus() {
+      setHasFocusWithin(true);
+    };
+
+    var onBlur = function onBlur(e) {
+      // Is the new element receiving focus contained within the wrapped element?
+      if (!e.relatedTarget || !(e.relatedTarget instanceof Node) || !el.contains(e.relatedTarget)) {
+        setHasFocusWithin(false);
+      }
+    };
+
+    el.addEventListener('focusin', onFocus);
+    el.addEventListener('focusout', onBlur);
+    return function () {
+      el.removeEventListener('focusout', onBlur);
+      el.removeEventListener('focusin', onFocus);
+    };
+  }, [ref]);
+  return hasFocusWithin;
+}
+
+function segmentStatesFromValue(value) {
+  var hour = value !== null ? Math.floor(value / 3600) : null;
+  var minute = value !== null ? Math.floor(value / 60) % 60 : null;
+  var second = value !== null ? value % 60 : null;
+  return [{
+    type: 'hour',
+    value: hour,
+    minValue: 0,
+    maxValue: 999,
+    maxTempValue: 999,
+    isEditable: true
+  }, {
+    type: 'minute',
+    value: minute,
+    minValue: 0,
+    maxValue: 59,
+    maxTempValue: 99,
+    isEditable: true
+  }, {
+    type: 'second',
+    value: second,
+    minValue: 0,
+    maxValue: 59,
+    maxTempValue: 99,
+    isEditable: true
+  }];
+}
+
+export function useTimerField(props) {
+  var valueProp = props.value,
+      defaultValueProp = props.defaultValue,
+      onChangeProp = props.onChange;
+
+  var _useControlledState = useControlledState(valueProp, function (e, value) {
+    return onChangeProp && onChangeProp(value);
+  }, defaultValueProp, function (setState) {
+    return function (e, value) {
+      setState(value);
+    };
+  }),
+      _useControlledState2 = _slicedToArray(_useControlledState, 2),
+      value = _useControlledState2[0],
+      onChange = _useControlledState2[1];
+
+  var hasFocusWithin = useHasFocusWithin(props.ref);
+
+  var _useState3 = useState(segmentStatesFromValue(value || null)),
+      _useState4 = _slicedToArray(_useState3, 2),
+      segments = _useState4[0],
+      setSegmentState = _useState4[1];
+
+  var prevValue = useRef(value);
+
+  if (value !== prevValue.current) {
+    prevValue.current = value;
+    setSegmentState(segmentStatesFromValue(value || null));
+  }
+
+  var labelProps = {};
+  var fieldProps = {
+    role: 'group',
+    onPointerDown: function onPointerDown(e) {
+      if (!hasFocusWithin && e.currentTarget === e.target) {
+        e.preventDefault();
+        focusOnSegment(props.ref.current, 'second');
+      }
+    }
+  };
+  var state = useMemo(function () {
+    var handleChangeSegment = function handleChangeSegment(seg, newValue) {
+      if (newValue === null) {
+        seg.value = null;
+      } else {
+        seg.value = newValue;
+      }
+    };
+
+    return {
+      parentRef: props.ref,
+      isReadOnly: false,
+      isDisabled: false,
+      hasFocusWithin: hasFocusWithin,
+      segments: segments,
+      value: value,
+      clear: function clear() {
+        focusOnSegment(props.ref.current, 'second');
+        unstable_batchedUpdates(function () {
+          setSegmentState(segmentStatesFromValue(null));
+          onChange({}, undefined);
+        });
+      },
+      simplifySegments: function simplifySegments() {
+        setSegmentState(function (curState) {
+          var newState = _toConsumableArray(curState);
+
+          var carryOver = 0;
+
+          for (var i = newState.length - 1; i >= 0; i--) {
+            var segment = _extends({}, newState[i]);
+
+            if (carryOver > 0) {
+              handleChangeSegment(segment, (segment.value || 0) + carryOver);
+              carryOver = 0;
+            }
+
+            if (segment.value && segment.value > segment.maxValue) {
+              carryOver = Math.floor(segment.value / (segment.maxValue + 1));
+              handleChangeSegment(segment, segment.value % (segment.maxValue + 1));
+            }
+
+            newState[i] = segment;
+          }
+
+          return newState;
+        });
+      },
+      setSegment: function setSegment(part, value) {
+        var ret = _toConsumableArray(segments);
+
+        var idx = ret.findIndex(function (v) {
+          return v.type === part;
+        });
+
+        if (idx === -1) {
+          return;
+        }
+
+        var field = _extends({}, ret[idx]);
+
+        if (typeof value === 'function') {
+          handleChangeSegment(field, value(ret[idx].value));
+        } else {
+          handleChangeSegment(field, value || null);
+        }
+
+        ret[idx] = field;
+        var newValueInSeconds = (ret[0].value || 0) * 3600 + (ret[1].value || 0) * 60 + (ret[2].value || 0);
+        prevValue.current = newValueInSeconds;
+        unstable_batchedUpdates(function () {
+          onChange({}, newValueInSeconds);
+          setSegmentState(ret);
+        });
+      },
+      validationState: 'valid'
+    };
+  }, [props.ref, hasFocusWithin, segments, onChange, value]);
+  return {
+    state: state,
+    labelProps: labelProps,
+    fieldProps: fieldProps
+  };
+}
+export function useTimerFieldSegment(segment, state, ref) {
+  var _segmentProps;
+
+  var stepSize = segment.type === 'hour' ? 2 : 15;
+  var segmentText = getSegmentText(segment.value);
+  var enteredKeys = useRef('');
+
+  var handleKeyDown = function handleKeyDown(e) {
+    var nextValue = segment.value || 0;
+
+    switch (e.key) {
+      case 'ArrowUp':
+        nextValue += 1;
+        break;
+
+      case 'ArrowDown':
+        nextValue -= 1;
+        break;
+
+      case 'ArrowRight':
+      case 'ArrowLeft':
+        var nextSegment = getNextSegment(segment.type, e.key === 'ArrowRight' ? 'next' : 'prev');
+
+        if (nextSegment) {
+          focusOnSegment(state.parentRef.current, nextSegment);
+        }
+
+        e.preventDefault();
+        return;
+
+      case 'End':
+        nextValue = segment.maxValue;
+        break;
+
+      case 'Home':
+        nextValue = segment.minValue;
+        break;
+
+      case 'PageUp':
+        if (segment.type !== 'hour') {
+          nextValue = Math.ceil((nextValue + 1) / stepSize) * stepSize % 60;
+        } else {
+          nextValue += stepSize;
+        }
+
+        break;
+
+      case 'PageDown':
+        if (segment.type !== 'hour') {
+          nextValue = Math.floor((nextValue - 1) / stepSize) * stepSize % 60;
+        } else {
+          nextValue -= stepSize;
+        }
+
+        break;
+
+      default:
+        return;
+    }
+
+    e.preventDefault(); // prevent scrolling
+
+    nextValue = clampFunc(nextValue || 0, segment.minValue, segment.maxTempValue);
+
+    if (nextValue !== segment.value) {
+      state.setSegment(segment.type, nextValue);
+    }
+  };
+
+  var onInput = useCallback(function (key) {
+    if (state.isDisabled || state.isReadOnly) {
+      return;
+    }
+
+    var newTextValue = enteredKeys.current + key;
+
+    if (newTextValue.length > String(segment.maxTempValue).length) {
+      newTextValue = newTextValue.slice(-String(segment.maxTempValue).length);
+    }
+
+    switch (segment.type) {
+      case 'hour':
+      case 'minute':
+      case 'second':
+        {
+          if (!isValidPartialNumber(newTextValue)) {
+            return;
+          }
+
+          var numberValue = parseInt(newTextValue, 10);
+          var segmentValue = numberValue;
+          var allowsZero = segment.minValue === 0;
+
+          if (numberValue > segment.maxTempValue) {
+            segmentValue = parseInt(key);
+          }
+
+          if (isNaN(numberValue)) {
+            return;
+          }
+
+          var shouldSetValue = segmentValue !== 0 || allowsZero;
+
+          if (shouldSetValue) {
+            state.setSegment(segment.type, segmentValue);
+          }
+
+          enteredKeys.current = newTextValue;
+          break;
+        }
+    }
+  }, [segment.maxTempValue, segment.minValue, segment.type, state]);
+  var backspace = useCallback(function () {
+    if (isValidPartialNumber(segmentText) && !state.isReadOnly) {
+      var newValue = segmentText.slice(0, -1);
+      var parsed = parseInt(newValue, 10);
+
+      if (newValue.length === 0 || parsed === 0) {
+        state.setSegment(segment.type, undefined);
+      } else {
+        state.setSegment(segment.type, parsed);
+      }
+
+      enteredKeys.current = newValue;
+    }
+  }, [segmentText, segment.type, state]);
+  var compositionRef = useRef('');
+  useEffect(function () {
+    var el = ref.current;
+
+    if (el) {
+      var handleBeforeInput = function handleBeforeInput(e) {
+        e.preventDefault();
+
+        switch (e.inputType) {
+          case 'deleteContentBackward':
+          case 'deleteContentForward':
+            if (isValidPartialNumber(segmentText) && !state.isReadOnly) {
+              backspace();
+            }
+
+            break;
+
+          case 'insertCompositionText':
+            // insertCompositionText cannot be canceled.
+            // Record the current state of the element so we can restore it in the `input` event below.
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            compositionRef.current = el.textContent; // Safari gets stuck in a composition state unless we also assign to the value here.
+            // eslint-disable-next-line no-self-assign
+
+            el.textContent = el.textContent;
+            break;
+
+          default:
+            if (e.data !== null) {
+              onInput(e.data);
+            }
+
+            break;
+        }
+      };
+
+      var handleInput = function handleInput(e) {
+        if (e.inputType === 'insertCompositionText') {
+          // Reset the DOM to how it was in the beforeinput event.
+          el.textContent = compositionRef.current;
+        }
+      };
+
+      el.addEventListener('beforeinput', handleBeforeInput);
+      el.addEventListener('input', handleInput);
+      return function () {
+        el.removeEventListener('input', handleInput);
+        el.removeEventListener('beforeinput', handleBeforeInput);
+      };
+    }
+  }, [backspace, onInput, ref, segmentText, state.isReadOnly]);
+  var simplifySegments = state.simplifySegments;
+  var handleBlur = useCallback(function () {
+    enteredKeys.current = '';
+
+    if (segment.value && segment.value > segment.maxValue) {
+      simplifySegments();
+    }
+  }, [segment.maxValue, segment.value, simplifySegments]);
+  return {
+    state: {
+      isPlaceholder: segment.value === undefined && state.hasFocusWithin || state.value === undefined && !state.hasFocusWithin,
+      text: segmentText
+    },
+    segmentProps: (_segmentProps = {
+      role: 'spinbutton',
+      'aria-valuenow': segment.value,
+      'aria-valuemin': segment.minValue,
+      'aria-valuemax': segment.maxValue,
+      'aria-label': segment.type
+    }, _defineProperty(_segmentProps, 'data-timer-field-segment', segment.type), _defineProperty(_segmentProps, "contentEditable", true), _defineProperty(_segmentProps, "suppressContentEditableWarning", true), _defineProperty(_segmentProps, "spellCheck", false), _defineProperty(_segmentProps, "autoCapitalize", 'off'), _defineProperty(_segmentProps, "autoCorrect", 'off'), _defineProperty(_segmentProps, parseInt(version, 10) >= 17 ? 'enterKeyHint' : 'enterkeyhint', 'next'), _defineProperty(_segmentProps, "inputMode", 'numeric'), _defineProperty(_segmentProps, "tabIndex", 0), _defineProperty(_segmentProps, "style", {
+      caretColor: 'transparent'
+    }), _defineProperty(_segmentProps, "onKeyDown", handleKeyDown), _defineProperty(_segmentProps, "onBlur", handleBlur), _segmentProps)
+  };
+}
+//# sourceMappingURL=useTimerField.js.map