@basic-ui/core 0.0.29 → 0.0.33

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Menu/MenuList.tsx"],"names":["forwardRef","useEffect","useRef","useState","useLayoutEffect","useMenuContext","MenuListProvider","assignMultipleRefs","useOnClickOutside","useScope","queryScope","getCircularIndex","wrapEvent","useEnhancedEffect","window","MenuList","props","forwardedRef","as","Comp","onKeyDown","id","preferredId","defaultActiveItemValue","otherProps","menuListIdRef","buttonRef","onChange","openWithArrowKeyRef","open","navigationItem","setNavigationItem","mounted","setMounted","menuListRef","scope","onNavigate","el","focus","current","allItems","queryAllNodes","index","length","i","dataset","value","e","target","preventDefault","handleKeyDown","key","currentIndex","findIndex","nextIndex","firstLetter","toLowerCase","idx","dom","domText","innerText","charAt"],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  useLayoutEffect,\n} from 'react';\nimport type * as React from 'react';\nimport { useMenuContext, MenuListProvider } from './context';\nimport { assignMultipleRefs } from '../utils/assignRef';\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 React.HTMLAttributes<HTMLUListElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.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      onKeyDown,\n      id: preferredId,\n      defaultActiveItemValue,\n      ...otherProps\n    } = props;\n\n    const {\n      menuListIdRef,\n      buttonRef,\n      onChange,\n      openWithArrowKeyRef,\n      open,\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    useOnClickOutside(\n      menuListRef,\n      (e) => {\n        if (e.target !== buttonRef.current) {\n          onChange && onChange(e as any, false);\n        }\n        e.preventDefault();\n      },\n      true\n    );\n\n    function handleKeyDown(e: React.KeyboardEvent<HTMLUListElement>) {\n      switch (e.key) {\n        case 'Escape':\n        case 'Tab': {\n          onChange && onChange(e, false);\n          e.preventDefault(); // prevents focusing on next element, because we will be handling it\n          buttonRef.current?.focus();\n          break;\n        }\n        case 'Home':\n        case 'End':\n        case 'ArrowDown':\n        case 'ArrowUp':\n          e.preventDefault();\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) {\n            // A-Z\n            e.preventDefault();\n            const allItems = scope\n              ? scope.current.queryAllNodes(queryScope)\n              : [];\n            const currentIndex = allItems.findIndex(\n              (e) => e === navigationItem\n            );\n            const firstLetter = e.key.toLowerCase();\n            let nextIndex = -1;\n            for (let i = 1; i < allItems.length; i++) {\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.charAt(0) === firstLetter) {\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      return null;\n    }\n\n    return (\n      <MenuListProvider\n        value={{\n          navigationItem,\n          onNavigate,\n        }}\n      >\n        <Comp\n          ref={assignMultipleRefs(forwardedRef, menuListRef)}\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"],"file":"MenuList.js"}
+{"version":3,"sources":["../../../src/Menu/MenuList.tsx"],"names":["forwardRef","useEffect","useRef","useState","useLayoutEffect","useMenuContext","MenuListProvider","assignMultipleRefs","useOnClickOutside","useScope","queryScope","getCircularIndex","wrapEvent","useEnhancedEffect","window","MenuList","props","forwardedRef","as","Comp","onKeyDown","id","preferredId","defaultActiveItemValue","otherProps","menuListIdRef","buttonRef","onChange","openWithArrowKeyRef","open","navigationItem","setNavigationItem","mounted","setMounted","menuListRef","scope","onNavigate","el","focus","current","allItems","queryAllNodes","index","length","i","dataset","value","e","target","HTMLElement","contains","preventDefault","handleKeyDown","key","currentIndex","findIndex","nextIndex","firstLetter","toLowerCase","idx","dom","domText","innerText","charAt"],"mappings":";;AAAA,SACEA,UADF,EAEEC,SAFF,EAGEC,MAHF,EAIEC,QAJF,EAKEC,eALF,QAMO,OANP;AAQA,SAASC,cAAT,EAAyBC,gBAAzB,QAAiD,WAAjD;AACA,SAASC,kBAAT,QAAmC,oBAAnC;AACA,SAASC,iBAAT,QAAkC,4BAAlC;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,UAAT,QAA2B,SAA3B;AACA,SAASC,gBAAT,EAA2BC,SAA3B,QAA4C,UAA5C;;AAEA,MAAMC,iBAAiB,GACrB,OAAOC,MAAP,KAAkB,WAAlB,GAAgCV,eAAhC,GAAkDH,SADpD;AASA,OAAO,MAAMc,QAAQ,gBAAGf,UAAU,CAChC,SAASe,QAAT,CAAkBC,KAAlB,EAAyBC,YAAzB,EAAuC;AAAA;;AACrC,QAAM;AACJC,IAAAA,EAAE,EAAEC,IAAI,GAAG,IADP;AAEJC,IAAAA,SAFI;AAGJC,IAAAA,EAAE,EAAEC,WAHA;AAIJC,IAAAA;AAJI,MAMFP,KANJ;AAAA,QAKKQ,UALL,iCAMIR,KANJ;;AAQA,QAAM;AACJS,IAAAA,aADI;AAEJC,IAAAA,SAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,mBAJI;AAKJC,IAAAA;AALI,MAMFxB,cAAc,EANlB;AAQA,QAAM,CAACyB,cAAD,EAAiBC,iBAAjB,IAAsC5B,QAAQ,EAApD;AAIA,QAAM,CAAC6B,OAAD,EAAUC,UAAV,IAAwB9B,QAAQ,CAAC,KAAD,CAAtC;AAEA,QAAM+B,WAAW,GAAGhC,MAAM,EAA1B;AAEA,QAAMiC,KAAK,GAAG1B,QAAQ,CAAkCyB,WAAlC,CAAtB;;AAEA,QAAME,UAAU,GAAIC,EAAD,IAAqB;AACtCA,IAAAA,EAAE,CAACC,KAAH;AACAP,IAAAA,iBAAiB,CAACM,EAAD,CAAjB;AACD,GAHD;;AAKAZ,EAAAA,aAAa,CAACc,OAAd,GAAwBjB,WAAW,IAAIG,aAAa,CAACc,OAArD;AAEA1B,EAAAA,iBAAiB,CAAC,MAAM;AACtB,QAAI,CAACmB,OAAL,EAAc;AACZ,YAAMQ,QAAQ,GAAGL,KAAK,CAACI,OAAN,CAAcE,aAAd,CAA4B/B,UAA5B,CAAjB;AACA,UAAIgC,KAAK,GAAG/B,gBAAgB,CAC1BiB,mBAAmB,CAACW,OAApB,KAAgC,SAAhC,GAA4C,CAAC,CAA7C,GAAiD,CADvB,EAE1BC,QAAQ,CAACG,MAFiB,CAA5B;;AAKA,UAAIpB,sBAAJ,EAA4B;AAC1B,aAAK,IAAIqB,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGJ,QAAQ,CAACG,MAA7B,EAAqCC,CAAC,EAAtC,EAA0C;AACxC,cAAIJ,QAAQ,CAACI,CAAD,CAAR,CAAYC,OAAZ,CAAoBC,KAApB,KAA8BvB,sBAAlC,EAA0D;AACxDmB,YAAAA,KAAK,GAAGE,CAAR;AACA;AACD;AACF;AACF;;AAED,UAAIF,KAAK,KAAK,IAAd,EAAoB;AAClBN,QAAAA,UAAU,IAAIA,UAAU,CAACI,QAAQ,CAACE,KAAD,CAAT,CAAxB;AACD;AACF;;AAEDd,IAAAA,mBAAmB,CAACW,OAApB,GAA8B,IAA9B;AACAN,IAAAA,UAAU,CAAC,IAAD,CAAV;AACD,GAxBgB,EAwBd,CACDD,OADC,EAEDF,cAFC,EAGDM,UAHC,EAIDR,mBAJC,EAKDO,KALC,EAMDZ,sBANC,CAxBc,CAAjB;AAiCAf,EAAAA,iBAAiB,CACf0B,WADe,EAEda,CAAD,IAAO;AAAA;;AACL,QACEA,CAAC,CAACC,MAAF,YAAoBC,WAApB,IACAF,CAAC,CAACC,MAAF,KAAatB,SAAS,CAACa,OADvB,IAEA,wBAACb,SAAS,CAACa,OAAX,aAAC,mBAAmBW,QAAnB,CAA4BH,CAAC,CAACC,MAA9B,CAAD,CAHF,EAIE;AACArB,MAAAA,QAAQ,IAAIA,QAAQ,CAACoB,CAAD,EAAW,KAAX,CAApB;AACD;;AACDA,IAAAA,CAAC,CAACI,cAAF;AACD,GAXc,EAYf,IAZe,CAAjB;;AAeA,WAASC,aAAT,CAAuBL,CAAvB,EAAiE;AAC/D,YAAQA,CAAC,CAACM,GAAV;AACE,WAAK,QAAL;AACA,WAAK,KAAL;AAAY;AAAA;;AACV1B,UAAAA,QAAQ,IAAIA,QAAQ,CAACoB,CAAD,EAAI,KAAJ,CAApB;AACAA,UAAAA,CAAC,CAACI,cAAF,GAFU,CAEU;;AACpB,iCAAAzB,SAAS,CAACa,OAAV,yCAAmBD,KAAnB;AACA;AACD;;AACD,WAAK,MAAL;AACA,WAAK,KAAL;AACA,WAAK,WAAL;AACA,WAAK,SAAL;AACES,QAAAA,CAAC,CAACI,cAAF;AACA,cAAMX,QAAQ,GAAGL,KAAK,GAAGA,KAAK,CAACI,OAAN,CAAcE,aAAd,CAA4B/B,UAA5B,CAAH,GAA6C,EAAnE;AACA,cAAM4C,YAAY,GAAGd,QAAQ,CAACe,SAAT,CAAoBR,CAAD,IAAOA,CAAC,KAAKjB,cAAhC,CAArB;;AACA,YAAIU,QAAQ,CAACG,MAAT,KAAoB,CAAxB,EAA2B;AACzB;AACD;;AACD,YAAIa,SAAiB,GAAGF,YAAxB;;AACA,gBAAQP,CAAC,CAACM,GAAV;AACE,eAAK,SAAL;AACEG,YAAAA,SAAS,IAAI,CAAC,CAAd;AACA;;AACF,eAAK,WAAL;AACEA,YAAAA,SAAS,IAAI,CAAb;AACA;;AACF,eAAK,MAAL;AACEA,YAAAA,SAAS,GAAG,CAAZ;AACA;;AACF,eAAK,KAAL;AACEA,YAAAA,SAAS,GAAG,CAAC,CAAb;AACA;AAZJ,SARF,CAsBE;AACA;;;AACAA,QAAAA,SAAS,GAAG7C,gBAAgB,CAAC6C,SAAD,EAAYhB,QAAQ,CAACG,MAArB,CAA5B;AACAP,QAAAA,UAAU,IAAIA,UAAU,CAACI,QAAQ,CAACgB,SAAD,CAAT,CAAxB;AACA;;AACF;AAAS;AACP,cAAIT,CAAC,CAACM,GAAF,CAAMV,MAAN,KAAiB,CAArB,EAAwB;AACtB;AACAI,YAAAA,CAAC,CAACI,cAAF;AACA,kBAAMX,QAAQ,GAAGL,KAAK,GAClBA,KAAK,CAACI,OAAN,CAAcE,aAAd,CAA4B/B,UAA5B,CADkB,GAElB,EAFJ;AAGA,kBAAM4C,YAAY,GAAGd,QAAQ,CAACe,SAAT,CAClBR,CAAD,IAAOA,CAAC,KAAKjB,cADM,CAArB;AAGA,kBAAM2B,WAAW,GAAGV,CAAC,CAACM,GAAF,CAAMK,WAAN,EAApB;AACA,gBAAIF,SAAS,GAAG,CAAC,CAAjB;;AACA,iBAAK,IAAIZ,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGJ,QAAQ,CAACG,MAA7B,EAAqCC,CAAC,EAAtC,EAA0C;AACxC;AACA,oBAAMe,GAAG,GAAGhD,gBAAgB,CAAC2C,YAAY,GAAGV,CAAhB,EAAmBJ,QAAQ,CAACG,MAA5B,CAA5B;AACA,oBAAMiB,GAAG,GAAGpB,QAAQ,CAACmB,GAAD,CAApB;AACA,oBAAME,OAAO,GAAGD,GAAG,CAACE,SAAJ,CAAcJ,WAAd,EAAhB;;AACA,kBAAIG,OAAO,CAAClB,MAAR,GAAiB,CAAjB,IAAsBkB,OAAO,CAACE,MAAR,CAAe,CAAf,MAAsBN,WAAhD,EAA6D;AAC3DD,gBAAAA,SAAS,GAAGG,GAAZ;AACA;AACD;AACF;;AACD,gBAAIH,SAAS,IAAI,CAAb,IAAkBA,SAAS,GAAGhB,QAAQ,CAACG,MAA3C,EAAmD;AACjDP,cAAAA,UAAU,IAAIA,UAAU,CAACI,QAAQ,CAACgB,SAAD,CAAT,CAAxB;AACD;AACF;AACF;AAhEH;AAkED;;AAED,MAAI,CAAC3B,IAAL,EAAW;AACT,WAAO,IAAP;AACD;;AAED,sBACE,KAAC,gBAAD;AACE,IAAA,KAAK,EAAE;AACLC,MAAAA,cADK;AAELM,MAAAA;AAFK,KADT;AAAA,2BAME,KAAC,IAAD;AACE,MAAA,GAAG,EAAE7B,kBAAkB,CAACU,YAAD,EAAeiB,WAAf,CADzB;AAEE,MAAA,EAAE,EAAET,aAAa,CAACc,OAFpB;AAGE,MAAA,IAAI,EAAC,MAHP;AAIE,gDAAiBb,SAAS,CAACa,OAA3B,qBAAiB,oBAAmBlB,EAJtC;AAKE,wBAAe,EALjB;AAME,MAAA,QAAQ,EAAC,IANX;AAOE,MAAA,SAAS,EAAET,SAAS,CAACQ,SAAD,EAAYgC,aAAZ;AAPtB,OAQM5B,UARN;AANF,IADF;AAmBD,CA/K+B,CAA3B","sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  useLayoutEffect,\n} from 'react';\nimport type * as React from 'react';\nimport { useMenuContext, MenuListProvider } from './context';\nimport { assignMultipleRefs } from '../utils/assignRef';\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 React.HTMLAttributes<HTMLUListElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.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      onKeyDown,\n      id: preferredId,\n      defaultActiveItemValue,\n      ...otherProps\n    } = props;\n\n    const {\n      menuListIdRef,\n      buttonRef,\n      onChange,\n      openWithArrowKeyRef,\n      open,\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    useOnClickOutside(\n      menuListRef,\n      (e) => {\n        if (\n          e.target instanceof HTMLElement &&\n          e.target !== buttonRef.current &&\n          !buttonRef.current?.contains(e.target)\n        ) {\n          onChange && onChange(e as any, false);\n        }\n        e.preventDefault();\n      },\n      true\n    );\n\n    function handleKeyDown(e: React.KeyboardEvent<HTMLUListElement>) {\n      switch (e.key) {\n        case 'Escape':\n        case 'Tab': {\n          onChange && onChange(e, false);\n          e.preventDefault(); // prevents focusing on next element, because we will be handling it\n          buttonRef.current?.focus();\n          break;\n        }\n        case 'Home':\n        case 'End':\n        case 'ArrowDown':\n        case 'ArrowUp':\n          e.preventDefault();\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) {\n            // A-Z\n            e.preventDefault();\n            const allItems = scope\n              ? scope.current.queryAllNodes(queryScope)\n              : [];\n            const currentIndex = allItems.findIndex(\n              (e) => e === navigationItem\n            );\n            const firstLetter = e.key.toLowerCase();\n            let nextIndex = -1;\n            for (let i = 1; i < allItems.length; i++) {\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.charAt(0) === firstLetter) {\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      return null;\n    }\n\n    return (\n      <MenuListProvider\n        value={{\n          navigationItem,\n          onNavigate,\n        }}\n      >\n        <Comp\n          ref={assignMultipleRefs(forwardedRef, menuListRef)}\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"],"file":"MenuList.js"}

package/build/esm/Tooltip/Tooltip.d.ts

@@ -5,5 +5,6 @@ export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
     innerAs?: React.ElementType<any>;
     children?: React.ReactNode;
     label: React.ReactNode;
+    disabled?: boolean;
 }
 export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;

package/build/esm/Tooltip/Tooltip.js

@@ -2,16 +2,17 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 import React, { forwardRef, cloneElement, Children } from 'react';
 import { useTooltip } from './useTooltip';
-import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, forwardedRef) {
   const {
     as: Comp = 'div',
     innerAs,
-    children
+    children,
+    disabled = false
   } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as", "innerAs", "children"]);
+        otherProps = _objectWithoutPropertiesLoose(props, ["as", "innerAs", "children", "disabled"]);
 
   const child = Children.only(children);
   const [childProps, _ref] = useTooltip(child.props, child.ref, otherProps);
@@ -21,6 +22,12 @@ export const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, forwarded
   } = _ref,
         tooltipProps = _objectWithoutPropertiesLoose(_ref, ["visible"]);
 
+  if (disabled) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: child
+    });
+  }
+
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/cloneElement(child, childProps), visible && /*#__PURE__*/_jsx(Comp, _extends({
       as: innerAs,

package/build/esm/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Tooltip/Tooltip.tsx"],"names":["React","forwardRef","cloneElement","Children","useTooltip","Tooltip","props","forwardedRef","as","Comp","innerAs","children","otherProps","child","only","childProps","ref","visible","tooltipProps"],"mappings":";;AAAA,OAAOA,KAAP,IACEC,UADF,EAEEC,YAFF,EAGEC,QAHF,QAMO,OANP;AAOA,SAASC,UAAT,QAA2B,cAA3B;;;;AAUA,OAAO,MAAMC,OAAO,gBAAGJ,UAAU,CAC/B,SAASI,OAAT,CAAiBC,KAAjB,EAAwBC,YAAxB,EAAsC;AACpC,QAAM;AAAEC,IAAAA,EAAE,EAAEC,IAAI,GAAG,KAAb;AAAoBC,IAAAA,OAApB;AAA6BC,IAAAA;AAA7B,MAAyDL,KAA/D;AAAA,QAAgDM,UAAhD,iCAA+DN,KAA/D;;AACA,QAAMO,KAAwC,GAAGV,QAAQ,CAACW,IAAT,CAC/CH,QAD+C,CAAjD;AAGA,QAAM,CAACI,UAAD,UAA6CX,UAAU,CAC3DS,KAAK,CAACP,KADqD,EAE3DO,KAAK,CAACG,GAFqD,EAG3DJ,UAH2D,CAA7D;;AALoC,QAKjB;AAAEK,IAAAA;AAAF,GALiB;AAAA,QAKHC,YALG;;AAWpC,sBACE;AAAA,4BACGhB,YAAY,CAACW,KAAD,EAAQE,UAAR,CADf,EAEGE,OAAO,iBAAI,KAAC,IAAD;AAAM,MAAA,EAAE,EAAEP,OAAV;AAAmB,MAAA,GAAG,EAAEH;AAAxB,OAA0CW,YAA1C,EAFd;AAAA,IADF;AAMD,CAlB8B,CAA1B","sourcesContent":["import React, {\n  forwardRef,\n  cloneElement,\n  Children,\n  ReactElement,\n  RefAttributes,\n} from 'react';\nimport { useTooltip } from './useTooltip';\nexport type { InjectedTooltipProps } from './useTooltip';\n\nexport interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  label: React.ReactNode;\n}\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  function Tooltip(props, forwardedRef) {\n    const { as: Comp = 'div', innerAs, children, ...otherProps } = props;\n    const child: ReactElement & RefAttributes<any> = Children.only(\n      children\n    ) as any;\n    const [childProps, { visible, ...tooltipProps }] = useTooltip(\n      child.props,\n      child.ref,\n      otherProps\n    );\n\n    return (\n      <>\n        {cloneElement(child, childProps)}\n        {visible && <Comp as={innerAs} ref={forwardedRef} {...tooltipProps} />}\n      </>\n    );\n  }\n);\n"],"file":"Tooltip.js"}
+{"version":3,"sources":["../../../src/Tooltip/Tooltip.tsx"],"names":["React","forwardRef","cloneElement","Children","useTooltip","Tooltip","props","forwardedRef","as","Comp","innerAs","children","disabled","otherProps","child","only","childProps","ref","visible","tooltipProps"],"mappings":";;AAAA,OAAOA,KAAP,IACEC,UADF,EAEEC,YAFF,EAGEC,QAHF,QAMO,OANP;AAOA,SAASC,UAAT,QAA2B,cAA3B;;;;AAWA,OAAO,MAAMC,OAAO,gBAAGJ,UAAU,CAC/B,SAASI,OAAT,CAAiBC,KAAjB,EAAwBC,YAAxB,EAAsC;AACpC,QAAM;AACJC,IAAAA,EAAE,EAAEC,IAAI,GAAG,KADP;AAEJC,IAAAA,OAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,QAAQ,GAAG;AAJP,MAMFN,KANJ;AAAA,QAKKO,UALL,iCAMIP,KANJ;;AAOA,QAAMQ,KAAwC,GAAGX,QAAQ,CAACY,IAAT,CAC/CJ,QAD+C,CAAjD;AAGA,QAAM,CAACK,UAAD,UAA6CZ,UAAU,CAC3DU,KAAK,CAACR,KADqD,EAE3DQ,KAAK,CAACG,GAFqD,EAG3DJ,UAH2D,CAA7D;;AAXoC,QAWjB;AAAEK,IAAAA;AAAF,GAXiB;AAAA,QAWHC,YAXG;;AAiBpC,MAAIP,QAAJ,EAAc;AACZ,wBAAO;AAAA,gBAAGE;AAAH,MAAP;AACD;;AAED,sBACE;AAAA,4BACGZ,YAAY,CAACY,KAAD,EAAQE,UAAR,CADf,EAEGE,OAAO,iBAAI,KAAC,IAAD;AAAM,MAAA,EAAE,EAAER,OAAV;AAAmB,MAAA,GAAG,EAAEH;AAAxB,OAA0CY,YAA1C,EAFd;AAAA,IADF;AAMD,CA5B8B,CAA1B","sourcesContent":["import React, {\n  forwardRef,\n  cloneElement,\n  Children,\n  ReactElement,\n  RefAttributes,\n} from 'react';\nimport { useTooltip } from './useTooltip';\nexport type { InjectedTooltipProps } from './useTooltip';\n\nexport interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  label: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  function Tooltip(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      innerAs,\n      children,\n      disabled = false,\n      ...otherProps\n    } = props;\n    const child: ReactElement & RefAttributes<any> = Children.only(\n      children\n    ) as any;\n    const [childProps, { visible, ...tooltipProps }] = useTooltip(\n      child.props,\n      child.ref,\n      otherProps\n    );\n\n    if (disabled) {\n      return <>{child}</>;\n    }\n\n    return (\n      <>\n        {cloneElement(child, childProps)}\n        {visible && <Comp as={innerAs} ref={forwardedRef} {...tooltipProps} />}\n      </>\n    );\n  }\n);\n"],"file":"Tooltip.js"}

package/build/esm/Tooltip/stateMachine.d.ts

@@ -1,22 +1,20 @@
-export declare enum TooltipStates {
-    Idle = "IDLE",
-    Focused = "FOCUSED",
-    Visible = "VISIBLE",
-    LeavingVisible = "LEAVING_VISIBLE",
-    Dismissed = "DISMISSED"
-}
-export declare enum TooltipEventTypes {
-    Blur = "BLUR",
-    Focus = "FOCUS",
-    GlobalMouseMove = "GLOBAL_MOUSE_MOVE",
-    MouseDown = "MOUSE_DOWN",
-    MouseEnter = "MOUSE_ENTER",
-    MouseLeave = "MOUSE_LEAVE",
-    MouseMove = "MOUSE_MOVE",
-    Rest = "REST",
-    SelectWithKeyboard = "SELECT_WITH_KEYBOARD",
-    TimeComplete = "TIME_COMPLETE"
-}
+export declare type TooltipStates = 'IDLE' | 'FOCUSED' | 'VISIBLE' | 'LEAVING_VISIBLE' | 'DISMISSED';
+export declare const Idle: "IDLE";
+export declare const Focused: "FOCUSED";
+export declare const Visible: "VISIBLE";
+export declare const LeavingVisible: "LEAVING_VISIBLE";
+export declare const Dismissed: "DISMISSED";
+export declare type TooltipEventTypes = 'BLUR' | 'FOCUS' | 'GLOBAL_MOUSE_MOVE' | 'MOUSE_DOWN' | 'MOUSE_ENTER' | 'MOUSE_LEAVE' | 'MOUSE_MOVE' | 'REST' | 'SELECT_WITH_KEYBOARD' | 'TIME_COMPLETE';
+export declare const Blur: "BLUR";
+export declare const Focus: "FOCUS";
+export declare const GlobalMouseMove: "GLOBAL_MOUSE_MOVE";
+export declare const MouseDown: "MOUSE_DOWN";
+export declare const MouseEnter: "MOUSE_ENTER";
+export declare const MouseLeave: "MOUSE_LEAVE";
+export declare const MouseMove: "MOUSE_MOVE";
+export declare const Rest: "REST";
+export declare const SelectWithKeyboard: "SELECT_WITH_KEYBOARD";
+export declare const TimeComplete: "TIME_COMPLETE";
 export declare const subscription: {
     subscribe: (fn: () => void) => () => void;
     notify: () => void;

package/build/esm/Tooltip/stateMachine.js

@@ -9,7 +9,7 @@ let restTimeout;
 function startRestTimer() {
   window.clearTimeout(restTimeout);
   restTimeout = window.setTimeout(() => {
-    send(TooltipEventTypes.Rest, undefined);
+    send(Rest, undefined);
   }, 200);
 }
 
@@ -22,7 +22,7 @@ let leavingVisibleTimer;
 
 function startLeavingVisibleTimer() {
   window.clearTimeout(leavingVisibleTimer);
-  leavingVisibleTimer = window.setTimeout(() => send(TooltipEventTypes.TimeComplete, undefined), 100);
+  leavingVisibleTimer = window.setTimeout(() => send(TimeComplete, undefined), 100);
 }
 
 function clearLeavingVisibleTimer() {
@@ -31,35 +31,31 @@ function clearLeavingVisibleTimer() {
 // State machine
 
 
-export let TooltipStates;
+// Nothing goin' on
+export const Idle = 'IDLE'; // We're considering showing the tooltip, but we're gonna wait a sec
 
-(function (TooltipStates) {
-  TooltipStates["Idle"] = "IDLE";
-  TooltipStates["Focused"] = "FOCUSED";
-  TooltipStates["Visible"] = "VISIBLE";
-  TooltipStates["LeavingVisible"] = "LEAVING_VISIBLE";
-  TooltipStates["Dismissed"] = "DISMISSED";
-})(TooltipStates || (TooltipStates = {}));
+export const Focused = 'FOCUSED'; // It's on!
 
-export let TooltipEventTypes;
+export const Visible = 'VISIBLE'; // Focus has left, but we want to keep it visible for a sec
 
-(function (TooltipEventTypes) {
-  TooltipEventTypes["Blur"] = "BLUR";
-  TooltipEventTypes["Focus"] = "FOCUS";
-  TooltipEventTypes["GlobalMouseMove"] = "GLOBAL_MOUSE_MOVE";
-  TooltipEventTypes["MouseDown"] = "MOUSE_DOWN";
-  TooltipEventTypes["MouseEnter"] = "MOUSE_ENTER";
-  TooltipEventTypes["MouseLeave"] = "MOUSE_LEAVE";
-  TooltipEventTypes["MouseMove"] = "MOUSE_MOVE";
-  TooltipEventTypes["Rest"] = "REST";
-  TooltipEventTypes["SelectWithKeyboard"] = "SELECT_WITH_KEYBOARD";
-  TooltipEventTypes["TimeComplete"] = "TIME_COMPLETE";
-})(TooltipEventTypes || (TooltipEventTypes = {}));
+export const LeavingVisible = 'LEAVING_VISIBLE'; // The user clicked the tool, so we want to hide the thing, we can't just use
+// IDLE because we need to ignore mousemove, etc.
 
+export const Dismissed = 'DISMISSED';
+export const Blur = 'BLUR';
+export const Focus = 'FOCUS';
+export const GlobalMouseMove = 'GLOBAL_MOUSE_MOVE';
+export const MouseDown = 'MOUSE_DOWN';
+export const MouseEnter = 'MOUSE_ENTER';
+export const MouseLeave = 'MOUSE_LEAVE';
+export const MouseMove = 'MOUSE_MOVE';
+export const Rest = 'REST';
+export const SelectWithKeyboard = 'SELECT_WITH_KEYBOARD';
+export const TimeComplete = 'TIME_COMPLETE';
 export const subscription = createSubscription();
 export const state = {
   current: {
-    state: TooltipStates.Idle,
+    state: Idle,
     id: ''
   }
 };
@@ -69,40 +65,40 @@ function clearContextId() {
 }
 
 const chart = {
-  initial: TooltipStates.Idle,
+  initial: Idle,
   states: {
-    [TooltipStates.Idle]: {
+    [Idle]: {
       enter: () => {
         clearContextId();
       },
       on: {
-        [TooltipEventTypes.MouseEnter]: TooltipStates.Focused,
-        [TooltipEventTypes.Focus]: TooltipStates.Visible
+        [MouseEnter]: Focused,
+        [Focus]: Visible
       }
     },
-    [TooltipStates.Focused]: {
+    [Focused]: {
       enter: startRestTimer,
       leave: clearRestTimer,
       on: {
-        [TooltipEventTypes.MouseMove]: TooltipStates.Focused,
-        [TooltipEventTypes.MouseLeave]: TooltipStates.Idle,
-        [TooltipEventTypes.MouseDown]: TooltipStates.Dismissed,
-        [TooltipEventTypes.Blur]: TooltipStates.Idle,
-        [TooltipEventTypes.Rest]: TooltipStates.Visible
+        [MouseMove]: Focused,
+        [MouseLeave]: Idle,
+        [MouseDown]: Dismissed,
+        [Blur]: Idle,
+        [Rest]: Visible
       }
     },
-    [TooltipStates.Visible]: {
+    [Visible]: {
       on: {
-        [TooltipEventTypes.Focus]: TooltipStates.Focused,
-        [TooltipEventTypes.MouseEnter]: TooltipStates.Focused,
-        [TooltipEventTypes.MouseLeave]: TooltipStates.LeavingVisible,
-        [TooltipEventTypes.Blur]: TooltipStates.LeavingVisible,
-        [TooltipEventTypes.MouseDown]: TooltipStates.Dismissed,
-        [TooltipEventTypes.SelectWithKeyboard]: TooltipStates.Dismissed,
-        [TooltipEventTypes.GlobalMouseMove]: TooltipStates.LeavingVisible
+        [Focus]: Focused,
+        [MouseEnter]: Focused,
+        [MouseLeave]: LeavingVisible,
+        [Blur]: LeavingVisible,
+        [MouseDown]: Dismissed,
+        [SelectWithKeyboard]: Dismissed,
+        [GlobalMouseMove]: LeavingVisible
       }
     },
-    [TooltipStates.LeavingVisible]: {
+    [LeavingVisible]: {
       enter: () => {
         startLeavingVisibleTimer();
       },
@@ -111,18 +107,18 @@ const chart = {
         clearContextId();
       },
       on: {
-        [TooltipEventTypes.MouseEnter]: TooltipStates.Visible,
-        [TooltipEventTypes.Focus]: TooltipStates.Visible,
-        [TooltipEventTypes.TimeComplete]: TooltipStates.Idle
+        [MouseEnter]: Visible,
+        [Focus]: Visible,
+        [TimeComplete]: Idle
       }
     },
-    [TooltipStates.Dismissed]: {
+    [Dismissed]: {
       leave: () => {
         clearContextId();
       },
       on: {
-        [TooltipEventTypes.MouseLeave]: TooltipStates.Idle,
-        [TooltipEventTypes.Blur]: TooltipStates.Idle
+        [MouseLeave]: Idle,
+        [Blur]: Idle
       }
     }
   }

package/build/esm/Tooltip/stateMachine.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Tooltip/stateMachine.ts"],"names":["createSubscription","restTimeout","startRestTimer","window","clearTimeout","setTimeout","send","TooltipEventTypes","Rest","undefined","clearRestTimer","leavingVisibleTimer","startLeavingVisibleTimer","TimeComplete","clearLeavingVisibleTimer","TooltipStates","subscription","state","current","Idle","id","clearContextId","chart","initial","states","enter","on","MouseEnter","Focused","Focus","Visible","leave","MouseMove","MouseLeave","MouseDown","Dismissed","Blur","LeavingVisible","SelectWithKeyboard","GlobalMouseMove","transition","currentState","event","payload","currentStateValue","stateDef","nextState","nextStateValue","nextDef","notify"],"mappings":"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","sourcesContent":["import { createSubscription } from '../utils/createSubscription';\nimport { StateChart as GenericStateChart } from '../hooks/useReducerMachine';\n\n////////////////////////////////////////////////////////////////////////////////\n// Timeouts:\n\n// Manages when the user \"rests\" on an element. Keeps the interface from being\n// flashing tooltips all the time as the user moves the mouse around the screen.\nlet restTimeout: number;\nfunction startRestTimer() {\n  window.clearTimeout(restTimeout);\n  restTimeout = window.setTimeout(() => {\n    send(TooltipEventTypes.Rest, undefined);\n  }, 200);\n}\n\nfunction clearRestTimer() {\n  window.clearTimeout(restTimeout);\n}\n\n// Manages the delay to hide the tooltip after rest leaves.\nlet leavingVisibleTimer: number;\n\nfunction startLeavingVisibleTimer() {\n  window.clearTimeout(leavingVisibleTimer);\n  leavingVisibleTimer = window.setTimeout(\n    () => send(TooltipEventTypes.TimeComplete, undefined),\n    100\n  );\n}\n\nfunction clearLeavingVisibleTimer() {\n  window.clearTimeout(leavingVisibleTimer);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// State machine\n\nexport enum TooltipStates {\n  // Nothing goin' on\n  Idle = 'IDLE',\n\n  // We're considering showing the tooltip, but we're gonna wait a sec\n  Focused = 'FOCUSED',\n\n  // It's on!\n  Visible = 'VISIBLE',\n\n  // Focus has left, but we want to keep it visible for a sec\n  LeavingVisible = 'LEAVING_VISIBLE',\n\n  // The user clicked the tool, so we want to hide the thing, we can't just use\n  // IDLE because we need to ignore mousemove, etc.\n  Dismissed = 'DISMISSED',\n}\n\nexport enum TooltipEventTypes {\n  Blur = 'BLUR',\n  Focus = 'FOCUS',\n  GlobalMouseMove = 'GLOBAL_MOUSE_MOVE',\n  MouseDown = 'MOUSE_DOWN',\n  MouseEnter = 'MOUSE_ENTER',\n  MouseLeave = 'MOUSE_LEAVE',\n  MouseMove = 'MOUSE_MOVE',\n  Rest = 'REST',\n  SelectWithKeyboard = 'SELECT_WITH_KEYBOARD',\n  TimeComplete = 'TIME_COMPLETE',\n}\n\nexport const subscription = createSubscription();\nexport const state = {\n  current: {\n    state: TooltipStates.Idle,\n    id: '',\n  },\n};\n\nfunction clearContextId() {\n  state.current.id = '';\n}\n\nconst chart: GenericStateChart<TooltipStates, TooltipEventTypes> = {\n  initial: TooltipStates.Idle,\n  states: {\n    [TooltipStates.Idle]: {\n      enter: () => {\n        clearContextId();\n      },\n      on: {\n        [TooltipEventTypes.MouseEnter]: TooltipStates.Focused,\n        [TooltipEventTypes.Focus]: TooltipStates.Visible,\n      },\n    },\n    [TooltipStates.Focused]: {\n      enter: startRestTimer,\n      leave: clearRestTimer,\n      on: {\n        [TooltipEventTypes.MouseMove]: TooltipStates.Focused,\n        [TooltipEventTypes.MouseLeave]: TooltipStates.Idle,\n        [TooltipEventTypes.MouseDown]: TooltipStates.Dismissed,\n        [TooltipEventTypes.Blur]: TooltipStates.Idle,\n        [TooltipEventTypes.Rest]: TooltipStates.Visible,\n      },\n    },\n    [TooltipStates.Visible]: {\n      on: {\n        [TooltipEventTypes.Focus]: TooltipStates.Focused,\n        [TooltipEventTypes.MouseEnter]: TooltipStates.Focused,\n        [TooltipEventTypes.MouseLeave]: TooltipStates.LeavingVisible,\n        [TooltipEventTypes.Blur]: TooltipStates.LeavingVisible,\n        [TooltipEventTypes.MouseDown]: TooltipStates.Dismissed,\n        [TooltipEventTypes.SelectWithKeyboard]: TooltipStates.Dismissed,\n        [TooltipEventTypes.GlobalMouseMove]: TooltipStates.LeavingVisible,\n      },\n    },\n    [TooltipStates.LeavingVisible]: {\n      enter: () => {\n        startLeavingVisibleTimer();\n      },\n      leave: () => {\n        clearLeavingVisibleTimer();\n        clearContextId();\n      },\n      on: {\n        [TooltipEventTypes.MouseEnter]: TooltipStates.Visible,\n        [TooltipEventTypes.Focus]: TooltipStates.Visible,\n        [TooltipEventTypes.TimeComplete]: TooltipStates.Idle,\n      },\n    },\n    [TooltipStates.Dismissed]: {\n      leave: () => {\n        clearContextId();\n      },\n      on: {\n        [TooltipEventTypes.MouseLeave]: TooltipStates.Idle,\n        [TooltipEventTypes.Blur]: TooltipStates.Idle,\n      },\n    },\n  },\n};\n\nfunction transition(\n  currentState: typeof state['current'],\n  event: TooltipEventTypes,\n  payload?: Omit<typeof state['current'], 'state'>\n): typeof state['current'] {\n  const currentStateValue = currentState.state;\n  const stateDef = chart.states[currentState.state];\n  const nextState = stateDef?.on?.[event];\n\n  // Really useful for debugging\n  // console.log({\n  //   event,\n  //   state: state.current.state,\n  //   id: state.current.id,\n  //   nextState,\n  // });\n\n  if (!nextState) {\n    return currentState;\n  }\n\n  if (stateDef && stateDef.leave) {\n    stateDef.leave(currentStateValue, payload);\n  }\n\n  const nextStateValue = nextState;\n  const nextDef = chart.states[nextStateValue];\n  if (nextDef && nextDef.enter) {\n    nextDef.enter(nextStateValue, payload);\n  }\n\n  return { ...currentState, ...payload, state: nextStateValue };\n}\n\nexport function send<T extends TooltipEventTypes>(\n  event: T,\n  payload?: Omit<typeof state['current'], 'state'>\n) {\n  const nextState = transition(state.current, event, payload);\n  if (state.current !== nextState) {\n    state.current = nextState;\n    subscription.notify();\n  }\n}\n"],"file":"stateMachine.js"}
+{"version":3,"sources":["../../../src/Tooltip/stateMachine.ts"],"names":["createSubscription","restTimeout","startRestTimer","window","clearTimeout","setTimeout","send","Rest","undefined","clearRestTimer","leavingVisibleTimer","startLeavingVisibleTimer","TimeComplete","clearLeavingVisibleTimer","Idle","Focused","Visible","LeavingVisible","Dismissed","Blur","Focus","GlobalMouseMove","MouseDown","MouseEnter","MouseLeave","MouseMove","SelectWithKeyboard","subscription","state","current","id","clearContextId","chart","initial","states","enter","on","leave","transition","currentState","event","payload","currentStateValue","stateDef","nextState","nextStateValue","nextDef","notify"],"mappings":"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","sourcesContent":["import { createSubscription } from '../utils/createSubscription';\nimport { StateChart as GenericStateChart } from '../hooks/useReducerMachine';\n\n////////////////////////////////////////////////////////////////////////////////\n// Timeouts:\n\n// Manages when the user \"rests\" on an element. Keeps the interface from being\n// flashing tooltips all the time as the user moves the mouse around the screen.\nlet restTimeout: number;\nfunction startRestTimer() {\n  window.clearTimeout(restTimeout);\n  restTimeout = window.setTimeout(() => {\n    send(Rest, undefined);\n  }, 200);\n}\n\nfunction clearRestTimer() {\n  window.clearTimeout(restTimeout);\n}\n\n// Manages the delay to hide the tooltip after rest leaves.\nlet leavingVisibleTimer: number;\n\nfunction startLeavingVisibleTimer() {\n  window.clearTimeout(leavingVisibleTimer);\n  leavingVisibleTimer = window.setTimeout(\n    () => send(TimeComplete, undefined),\n    100\n  );\n}\n\nfunction clearLeavingVisibleTimer() {\n  window.clearTimeout(leavingVisibleTimer);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// State machine\n\nexport type TooltipStates =\n  | 'IDLE'\n  | 'FOCUSED'\n  | 'VISIBLE'\n  | 'LEAVING_VISIBLE'\n  | 'DISMISSED';\n\n// Nothing goin' on\nexport const Idle = 'IDLE' as const;\n// We're considering showing the tooltip, but we're gonna wait a sec\nexport const Focused = 'FOCUSED' as const;\n// It's on!\nexport const Visible = 'VISIBLE' as const;\n// Focus has left, but we want to keep it visible for a sec\nexport const LeavingVisible = 'LEAVING_VISIBLE' as const;\n// The user clicked the tool, so we want to hide the thing, we can't just use\n// IDLE because we need to ignore mousemove, etc.\nexport const Dismissed = 'DISMISSED' as const;\n\nexport type TooltipEventTypes =\n  | 'BLUR'\n  | 'FOCUS'\n  | 'GLOBAL_MOUSE_MOVE'\n  | 'MOUSE_DOWN'\n  | 'MOUSE_ENTER'\n  | 'MOUSE_LEAVE'\n  | 'MOUSE_MOVE'\n  | 'REST'\n  | 'SELECT_WITH_KEYBOARD'\n  | 'TIME_COMPLETE';\n\nexport const Blur = 'BLUR' as const;\nexport const Focus = 'FOCUS' as const;\nexport const GlobalMouseMove = 'GLOBAL_MOUSE_MOVE' as const;\nexport const MouseDown = 'MOUSE_DOWN' as const;\nexport const MouseEnter = 'MOUSE_ENTER' as const;\nexport const MouseLeave = 'MOUSE_LEAVE' as const;\nexport const MouseMove = 'MOUSE_MOVE' as const;\nexport const Rest = 'REST' as const;\nexport const SelectWithKeyboard = 'SELECT_WITH_KEYBOARD' as const;\nexport const TimeComplete = 'TIME_COMPLETE' as const;\n\nexport const subscription = createSubscription();\nexport const state = {\n  current: {\n    state: Idle as TooltipStates,\n    id: '',\n  },\n};\n\nfunction clearContextId() {\n  state.current.id = '';\n}\n\nconst chart: GenericStateChart<TooltipStates, TooltipEventTypes> = {\n  initial: Idle,\n  states: {\n    [Idle]: {\n      enter: () => {\n        clearContextId();\n      },\n      on: {\n        [MouseEnter]: Focused,\n        [Focus]: Visible,\n      },\n    },\n    [Focused]: {\n      enter: startRestTimer,\n      leave: clearRestTimer,\n      on: {\n        [MouseMove]: Focused,\n        [MouseLeave]: Idle,\n        [MouseDown]: Dismissed,\n        [Blur]: Idle,\n        [Rest]: Visible,\n      },\n    },\n    [Visible]: {\n      on: {\n        [Focus]: Focused,\n        [MouseEnter]: Focused,\n        [MouseLeave]: LeavingVisible,\n        [Blur]: LeavingVisible,\n        [MouseDown]: Dismissed,\n        [SelectWithKeyboard]: Dismissed,\n        [GlobalMouseMove]: LeavingVisible,\n      },\n    },\n    [LeavingVisible]: {\n      enter: () => {\n        startLeavingVisibleTimer();\n      },\n      leave: () => {\n        clearLeavingVisibleTimer();\n        clearContextId();\n      },\n      on: {\n        [MouseEnter]: Visible,\n        [Focus]: Visible,\n        [TimeComplete]: Idle,\n      },\n    },\n    [Dismissed]: {\n      leave: () => {\n        clearContextId();\n      },\n      on: {\n        [MouseLeave]: Idle,\n        [Blur]: Idle,\n      },\n    },\n  },\n};\n\nfunction transition(\n  currentState: typeof state['current'],\n  event: TooltipEventTypes,\n  payload?: Omit<typeof state['current'], 'state'>\n): typeof state['current'] {\n  const currentStateValue = currentState.state;\n  const stateDef = chart.states[currentState.state];\n  const nextState = stateDef?.on?.[event];\n\n  // Really useful for debugging\n  // console.log({\n  //   event,\n  //   state: state.current.state,\n  //   id: state.current.id,\n  //   nextState,\n  // });\n\n  if (!nextState) {\n    return currentState;\n  }\n\n  if (stateDef && stateDef.leave) {\n    stateDef.leave(currentStateValue, payload);\n  }\n\n  const nextStateValue = nextState;\n  const nextDef = chart.states[nextStateValue];\n  if (nextDef && nextDef.enter) {\n    nextDef.enter(nextStateValue, payload);\n  }\n\n  return { ...currentState, ...payload, state: nextStateValue };\n}\n\nexport function send<T extends TooltipEventTypes>(\n  event: T,\n  payload?: Omit<typeof state['current'], 'state'>\n) {\n  const nextState = transition(state.current, event, payload);\n  if (state.current !== nextState) {\n    state.current = nextState;\n    subscription.notify();\n  }\n}\n"],"file":"stateMachine.js"}

package/build/esm/Tooltip/useTooltip.js

@@ -4,7 +4,7 @@ import { useRef, useEffect, useState } from 'react';
 import { assignMultipleRefs } from '../utils/assignRef';
 import { wrapEvent } from '../utils/wrapEvent';
 import { useId } from '../hooks/useId';
-import { send, state, subscription, TooltipEventTypes, TooltipStates } from './stateMachine';
+import { send, state, subscription, Blur, Focus, LeavingVisible, MouseDown, MouseEnter, MouseLeave, MouseMove, SelectWithKeyboard, Visible } from './stateMachine';
 export function useTooltip(childProps, childRef, tooltipProps) {
   const {
     onMouseEnter,
@@ -20,35 +20,35 @@ export function useTooltip(childProps, childRef, tooltipProps) {
   const id = useId('');
   useEffect(() => {
     subscription.subscribe(() => {
-      setVisible((state.current.state === TooltipStates.Visible || state.current.state === TooltipStates.LeavingVisible) && state.current.id === id);
+      setVisible((state.current.state === Visible || state.current.state === LeavingVisible) && state.current.id === id);
     });
   }, [id]);
 
   function handleMouseEnter() {
-    send(TooltipEventTypes.MouseEnter, {
+    send(MouseEnter, {
       id
     });
   }
 
   function handleMouseMove() {
-    send(TooltipEventTypes.MouseMove, {
+    send(MouseMove, {
       id
     });
   }
 
   function handleMouseLeave() {
-    send(TooltipEventTypes.MouseLeave);
+    send(MouseLeave);
   }
 
   function handleMouseDown() {
     // Allow quick click from one tool to another
     if (state.current.id === id) {
-      send(TooltipEventTypes.MouseDown);
+      send(MouseDown);
     }
   }
 
   function handleFocus() {
-    send(TooltipEventTypes.Focus, {
+    send(Focus, {
       id
     });
   }
@@ -56,13 +56,13 @@ export function useTooltip(childProps, childRef, tooltipProps) {
   function handleBlur() {
     // Allow quick click from one tool to another
     if (state.current.id === id) {
-      send(TooltipEventTypes.Blur, undefined);
+      send(Blur, undefined);
     }
   }
 
   function handleKeyDown(event) {
     if (event.key === 'Enter' || event.key === ' ') {
-      send(TooltipEventTypes.SelectWithKeyboard);
+      send(SelectWithKeyboard);
     }
   }
 

package/build/esm/Tooltip/useTooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Tooltip/useTooltip.ts"],"names":["useRef","useEffect","useState","assignMultipleRefs","wrapEvent","useId","send","state","subscription","TooltipEventTypes","TooltipStates","useTooltip","childProps","childRef","tooltipProps","onMouseEnter","onMouseLeave","onMouseMove","onMouseDown","onKeyDown","onFocus","onBlur","anchorEl","visible","setVisible","id","subscribe","current","Visible","LeavingVisible","handleMouseEnter","MouseEnter","handleMouseMove","MouseMove","handleMouseLeave","MouseLeave","handleMouseDown","MouseDown","handleFocus","Focus","handleBlur","Blur","undefined","handleKeyDown","event","key","SelectWithKeyboard","label","children","tooltipOnMouseEnter","tooltipOnMouseLeave","tooltipOnMouseMove","otherTooltipProps","tooltipId","ref","role"],"mappings":"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","sourcesContent":["import React, { useRef, RefAttributes, useEffect, useState } from 'react';\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport { wrapEvent } from '../utils/wrapEvent';\nimport { useId } from '../hooks/useId';\nimport {\n  send,\n  state,\n  subscription,\n  TooltipEventTypes,\n  TooltipStates,\n} from './stateMachine';\n\nexport type ChildProps = React.HTMLAttributes<HTMLElement> &\n  RefAttributes<HTMLElement>;\n\nexport interface InjectedTooltipProps\n  extends React.HTMLAttributes<HTMLElement> {\n  anchorEl: React.RefObject<HTMLElement>;\n  visible: boolean;\n  children?: React.ReactNode;\n}\n\nexport function useTooltip(\n  childProps: ChildProps,\n  childRef: React.Ref<HTMLElement> | undefined,\n  tooltipProps: React.HTMLAttributes<HTMLElement> & { label?: React.ReactNode }\n): [ChildProps, InjectedTooltipProps] {\n  const {\n    onMouseEnter,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onKeyDown,\n    onFocus,\n    onBlur,\n  } = childProps;\n  const anchorEl = useRef<HTMLElement>(null);\n  const [visible, setVisible] = useState(false);\n  const id = useId('');\n\n  useEffect(() => {\n    subscription.subscribe(() => {\n      setVisible(\n        (state.current.state === TooltipStates.Visible ||\n          state.current.state === TooltipStates.LeavingVisible) &&\n          state.current.id === id\n      );\n    });\n  }, [id]);\n\n  function handleMouseEnter() {\n    send(TooltipEventTypes.MouseEnter, { id });\n  }\n\n  function handleMouseMove() {\n    send(TooltipEventTypes.MouseMove, { id });\n  }\n\n  function handleMouseLeave() {\n    send(TooltipEventTypes.MouseLeave);\n  }\n\n  function handleMouseDown() {\n    // Allow quick click from one tool to another\n    if (state.current.id === id) {\n      send(TooltipEventTypes.MouseDown);\n    }\n  }\n\n  function handleFocus() {\n    send(TooltipEventTypes.Focus, { id });\n  }\n\n  function handleBlur() {\n    // Allow quick click from one tool to another\n    if (state.current.id === id) {\n      send(TooltipEventTypes.Blur, undefined);\n    }\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLElement>) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      send(TooltipEventTypes.SelectWithKeyboard);\n    }\n  }\n\n  const {\n    label: children,\n    onMouseEnter: tooltipOnMouseEnter,\n    onMouseLeave: tooltipOnMouseLeave,\n    onMouseMove: tooltipOnMouseMove,\n    ...otherTooltipProps\n  } = tooltipProps;\n\n  const tooltipId = `tooltip-${id}`;\n  return [\n    {\n      ...childProps,\n      ref: assignMultipleRefs(childRef, anchorEl),\n      ...(visible && { 'aria-describedby': tooltipId }),\n      onMouseEnter: wrapEvent(onMouseEnter, handleMouseEnter),\n      onMouseLeave: wrapEvent(onMouseLeave, handleMouseLeave),\n      onMouseMove: wrapEvent(onMouseMove, handleMouseMove),\n      onMouseDown: wrapEvent(onMouseDown, handleMouseDown),\n      onFocus: wrapEvent(onFocus, handleFocus),\n      onBlur: wrapEvent(onBlur, handleBlur),\n      onKeyDown: wrapEvent(onKeyDown, handleKeyDown),\n    },\n    {\n      id: tooltipId,\n      anchorEl,\n      visible,\n      children,\n      onMouseEnter: wrapEvent(tooltipOnMouseEnter, handleMouseEnter),\n      onMouseLeave: wrapEvent(tooltipOnMouseLeave, handleMouseLeave),\n      onMouseMove: wrapEvent(tooltipOnMouseMove, handleMouseMove),\n      role: 'tooltip',\n      ...otherTooltipProps,\n    },\n  ];\n}\n"],"file":"useTooltip.js"}
+{"version":3,"sources":["../../../src/Tooltip/useTooltip.ts"],"names":["useRef","useEffect","useState","assignMultipleRefs","wrapEvent","useId","send","state","subscription","Blur","Focus","LeavingVisible","MouseDown","MouseEnter","MouseLeave","MouseMove","SelectWithKeyboard","Visible","useTooltip","childProps","childRef","tooltipProps","onMouseEnter","onMouseLeave","onMouseMove","onMouseDown","onKeyDown","onFocus","onBlur","anchorEl","visible","setVisible","id","subscribe","current","handleMouseEnter","handleMouseMove","handleMouseLeave","handleMouseDown","handleFocus","handleBlur","undefined","handleKeyDown","event","key","label","children","tooltipOnMouseEnter","tooltipOnMouseLeave","tooltipOnMouseMove","otherTooltipProps","tooltipId","ref","role"],"mappings":"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","sourcesContent":["import React, { useRef, RefAttributes, useEffect, useState } from 'react';\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport { wrapEvent } from '../utils/wrapEvent';\nimport { useId } from '../hooks/useId';\nimport {\n  send,\n  state,\n  subscription,\n  Blur,\n  Focus,\n  LeavingVisible,\n  MouseDown,\n  MouseEnter,\n  MouseLeave,\n  MouseMove,\n  SelectWithKeyboard,\n  Visible,\n} from './stateMachine';\n\nexport type ChildProps = React.HTMLAttributes<HTMLElement> &\n  RefAttributes<HTMLElement>;\n\nexport interface InjectedTooltipProps\n  extends React.HTMLAttributes<HTMLElement> {\n  anchorEl: React.RefObject<HTMLElement>;\n  visible: boolean;\n  children?: React.ReactNode;\n}\n\nexport function useTooltip(\n  childProps: ChildProps,\n  childRef: React.Ref<HTMLElement> | undefined,\n  tooltipProps: React.HTMLAttributes<HTMLElement> & { label?: React.ReactNode }\n): [ChildProps, InjectedTooltipProps] {\n  const {\n    onMouseEnter,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onKeyDown,\n    onFocus,\n    onBlur,\n  } = childProps;\n  const anchorEl = useRef<HTMLElement>(null);\n  const [visible, setVisible] = useState(false);\n  const id = useId('');\n\n  useEffect(() => {\n    subscription.subscribe(() => {\n      setVisible(\n        (state.current.state === Visible ||\n          state.current.state === LeavingVisible) &&\n          state.current.id === id\n      );\n    });\n  }, [id]);\n\n  function handleMouseEnter() {\n    send(MouseEnter, { id });\n  }\n\n  function handleMouseMove() {\n    send(MouseMove, { id });\n  }\n\n  function handleMouseLeave() {\n    send(MouseLeave);\n  }\n\n  function handleMouseDown() {\n    // Allow quick click from one tool to another\n    if (state.current.id === id) {\n      send(MouseDown);\n    }\n  }\n\n  function handleFocus() {\n    send(Focus, { id });\n  }\n\n  function handleBlur() {\n    // Allow quick click from one tool to another\n    if (state.current.id === id) {\n      send(Blur, undefined);\n    }\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLElement>) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      send(SelectWithKeyboard);\n    }\n  }\n\n  const {\n    label: children,\n    onMouseEnter: tooltipOnMouseEnter,\n    onMouseLeave: tooltipOnMouseLeave,\n    onMouseMove: tooltipOnMouseMove,\n    ...otherTooltipProps\n  } = tooltipProps;\n\n  const tooltipId = `tooltip-${id}`;\n  return [\n    {\n      ...childProps,\n      ref: assignMultipleRefs(childRef, anchorEl),\n      ...(visible && { 'aria-describedby': tooltipId }),\n      onMouseEnter: wrapEvent(onMouseEnter, handleMouseEnter),\n      onMouseLeave: wrapEvent(onMouseLeave, handleMouseLeave),\n      onMouseMove: wrapEvent(onMouseMove, handleMouseMove),\n      onMouseDown: wrapEvent(onMouseDown, handleMouseDown),\n      onFocus: wrapEvent(onFocus, handleFocus),\n      onBlur: wrapEvent(onBlur, handleBlur),\n      onKeyDown: wrapEvent(onKeyDown, handleKeyDown),\n    },\n    {\n      id: tooltipId,\n      anchorEl,\n      visible,\n      children,\n      onMouseEnter: wrapEvent(tooltipOnMouseEnter, handleMouseEnter),\n      onMouseLeave: wrapEvent(tooltipOnMouseLeave, handleMouseLeave),\n      onMouseMove: wrapEvent(tooltipOnMouseMove, handleMouseMove),\n      role: 'tooltip',\n      ...otherTooltipProps,\n    },\n  ];\n}\n"],"file":"useTooltip.js"}