@deephaven/components 0.50.1-beta.4 → 0.51.0

package/dist/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["classNames","React","useCallback","useEffect","useRef","useState","ReactDOM","CSSTransition","ThemeExport","Modal","className","children","role","keyboard","isOpen","centered","size","onOpened","onClosed","toggle","dataTestId","element","background","backgroundClicked","setBackgroundClicked","handleKeyDown","event","key","addKeydownEventListener","window","addEventListener","removeEventListener","open","closed","current","document","createElement","setAttribute","body","appendChild","onExited","removeChild","undefined","createPortal","appearActive","appearDone","transitionMs","zIndex","e","target","display"],"sources":["../../src/modal/Modal.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport ReactDOM from 'react-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport ThemeExport from '../ThemeExport';\n\ninterface ModalProps {\n  className?: string;\n  children?: ReactNode;\n  role?: string;\n  keyboard?: boolean;\n  isOpen?: boolean;\n  centered?: boolean;\n  size?: 'sm' | 'lg' | 'xl' | undefined;\n  onOpened?: () => void;\n  onClosed?: () => void;\n  toggle?: () => void;\n  'data-testid'?: string;\n}\n\nfunction Modal({\n  className = 'theme-bg-light',\n  children,\n  role = 'role',\n  keyboard = true,\n  isOpen = false,\n  centered = false,\n  size,\n  onOpened,\n  onClosed,\n  toggle,\n  'data-testid': dataTestId,\n}: ModalProps): React.ReactElement | null {\n  const element = useRef<HTMLElement>();\n  const background = useRef<HTMLDivElement>(null);\n  const [backgroundClicked, setBackgroundClicked] = useState(false);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent): void => {\n      switch (event.key) {\n        case 'Escape':\n          toggle?.();\n          break;\n        default:\n          break;\n      }\n    },\n    [toggle]\n  );\n\n  useEffect(\n    function addKeydownEventListener() {\n      if (isOpen && keyboard) {\n        window.addEventListener('keydown', handleKeyDown);\n        return () => window.removeEventListener('keydown', handleKeyDown);\n      }\n    },\n    [handleKeyDown, isOpen, keyboard]\n  );\n\n  useEffect(\n    function open() {\n      if (isOpen && onOpened) {\n        onOpened();\n      }\n    },\n    [onOpened, isOpen]\n  );\n\n  useEffect(\n    function closed() {\n      if (!isOpen && onClosed) {\n        onClosed();\n      }\n    },\n    [onClosed, isOpen]\n  );\n\n  if (isOpen && !element.current) {\n    element.current = document.createElement('div');\n    element.current.setAttribute(\n      'style',\n      'padding-right: 15px; display: block'\n    );\n    element.current.setAttribute('role', 'presentation');\n    document.body.appendChild(element.current);\n  }\n\n  const onExited = (): void => {\n    if (element.current) {\n      document.body.removeChild(element.current);\n      element.current = undefined;\n    }\n  };\n\n  return element.current\n    ? ReactDOM.createPortal(\n        <>\n          <CSSTransition\n            appear\n            mountOnEnter\n            unmountOnExit\n            in={isOpen}\n            classNames={{\n              appearActive: 'show',\n              appearDone: 'show',\n            }}\n            timeout={ThemeExport.transitionMs}\n            onExited={onExited}\n          >\n            <div\n              className={classNames('modal-backdrop fade')}\n              style={{ zIndex: 1050 }}\n            />\n          </CSSTransition>\n          <CSSTransition\n            appear\n            mountOnEnter\n            unmountOnExit\n            in={isOpen}\n            classNames={{\n              appearDone: 'show',\n            }}\n            timeout={ThemeExport.transitionMs}\n            onExited={onExited}\n          >\n            <div\n              ref={background}\n              className=\"modal fade\"\n              onMouseDown={e => {\n                if (e.target === background.current) {\n                  setBackgroundClicked(true);\n                } else {\n                  setBackgroundClicked(false);\n                }\n              }}\n              onMouseUp={e => {\n                if (\n                  backgroundClicked &&\n                  e.target === background.current &&\n                  toggle !== undefined\n                ) {\n                  toggle();\n                }\n              }}\n              role=\"dialog\"\n              style={{ display: 'block' }}\n            >\n              <div\n                className={classNames(`modal-dialog ${className}`, {\n                  'modal-lg': size === 'lg',\n                  'modal-sm': size === 'sm',\n                  'modal-xl': size === 'xl',\n                  'modal-dialog-centered': centered,\n                })}\n                style={{ zIndex: 1040 }}\n              >\n                <div\n                  className=\"modal-content\"\n                  role=\"presentation\"\n                  data-testid={dataTestId}\n                >\n                  {children}\n                </div>\n              </div>\n            </div>\n          </CSSTransition>\n        </>,\n        element.current\n      )\n    : null;\n}\n\nexport default Modal;\n"],"mappings":"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"}
+{"version":3,"file":"Modal.js","names":["classNames","React","useCallback","useEffect","useRef","useState","ReactDOM","CSSTransition","ThemeExport","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Modal","_ref","className","children","role","keyboard","isOpen","centered","size","onOpened","onClosed","toggle","dataTestId","element","background","backgroundClicked","setBackgroundClicked","handleKeyDown","event","key","addKeydownEventListener","window","addEventListener","removeEventListener","open","closed","current","document","createElement","setAttribute","body","appendChild","onExited","removeChild","undefined","createPortal","appear","mountOnEnter","unmountOnExit","in","appearActive","appearDone","timeout","transitionMs","style","zIndex","ref","onMouseDown","e","target","onMouseUp","display","concat"],"sources":["../../src/modal/Modal.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport ReactDOM from 'react-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport ThemeExport from '../ThemeExport';\n\ninterface ModalProps {\n  className?: string;\n  children?: ReactNode;\n  role?: string;\n  keyboard?: boolean;\n  isOpen?: boolean;\n  centered?: boolean;\n  size?: 'sm' | 'lg' | 'xl' | undefined;\n  onOpened?: () => void;\n  onClosed?: () => void;\n  toggle?: () => void;\n  'data-testid'?: string;\n}\n\nfunction Modal({\n  className = 'theme-bg-light',\n  children,\n  role = 'role',\n  keyboard = true,\n  isOpen = false,\n  centered = false,\n  size,\n  onOpened,\n  onClosed,\n  toggle,\n  'data-testid': dataTestId,\n}: ModalProps): React.ReactElement | null {\n  const element = useRef<HTMLElement>();\n  const background = useRef<HTMLDivElement>(null);\n  const [backgroundClicked, setBackgroundClicked] = useState(false);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent): void => {\n      switch (event.key) {\n        case 'Escape':\n          toggle?.();\n          break;\n        default:\n          break;\n      }\n    },\n    [toggle]\n  );\n\n  useEffect(\n    function addKeydownEventListener() {\n      if (isOpen && keyboard) {\n        window.addEventListener('keydown', handleKeyDown);\n        return () => window.removeEventListener('keydown', handleKeyDown);\n      }\n    },\n    [handleKeyDown, isOpen, keyboard]\n  );\n\n  useEffect(\n    function open() {\n      if (isOpen && onOpened) {\n        onOpened();\n      }\n    },\n    [onOpened, isOpen]\n  );\n\n  useEffect(\n    function closed() {\n      if (!isOpen && onClosed) {\n        onClosed();\n      }\n    },\n    [onClosed, isOpen]\n  );\n\n  if (isOpen && !element.current) {\n    element.current = document.createElement('div');\n    element.current.setAttribute(\n      'style',\n      'padding-right: 15px; display: block'\n    );\n    element.current.setAttribute('role', 'presentation');\n    document.body.appendChild(element.current);\n  }\n\n  const onExited = (): void => {\n    if (element.current) {\n      document.body.removeChild(element.current);\n      element.current = undefined;\n    }\n  };\n\n  return element.current\n    ? ReactDOM.createPortal(\n        <>\n          <CSSTransition\n            appear\n            mountOnEnter\n            unmountOnExit\n            in={isOpen}\n            classNames={{\n              appearActive: 'show',\n              appearDone: 'show',\n            }}\n            timeout={ThemeExport.transitionMs}\n            onExited={onExited}\n          >\n            <div\n              className={classNames('modal-backdrop fade')}\n              style={{ zIndex: 1050 }}\n            />\n          </CSSTransition>\n          <CSSTransition\n            appear\n            mountOnEnter\n            unmountOnExit\n            in={isOpen}\n            classNames={{\n              appearDone: 'show',\n            }}\n            timeout={ThemeExport.transitionMs}\n            onExited={onExited}\n          >\n            <div\n              ref={background}\n              className=\"modal fade\"\n              onMouseDown={e => {\n                if (e.target === background.current) {\n                  setBackgroundClicked(true);\n                } else {\n                  setBackgroundClicked(false);\n                }\n              }}\n              onMouseUp={e => {\n                if (\n                  backgroundClicked &&\n                  e.target === background.current &&\n                  toggle !== undefined\n                ) {\n                  toggle();\n                }\n              }}\n              role=\"dialog\"\n              style={{ display: 'block' }}\n            >\n              <div\n                className={classNames(`modal-dialog ${className}`, {\n                  'modal-lg': size === 'lg',\n                  'modal-sm': size === 'sm',\n                  'modal-xl': size === 'xl',\n                  'modal-dialog-centered': centered,\n                })}\n                style={{ zIndex: 1040 }}\n              >\n                <div\n                  className=\"modal-content\"\n                  role=\"presentation\"\n                  data-testid={dataTestId}\n                >\n                  {children}\n                </div>\n              </div>\n            </div>\n          </CSSTransition>\n        </>,\n        element.current\n      )\n    : null;\n}\n\nexport default Modal;\n"],"mappings":"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"}

package/dist/modal/ModalBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBody.js","names":["React","ModalBody","className","style","children","dataTestId"],"sources":["../../src/modal/ModalBody.tsx"],"sourcesContent":["import React, { CSSProperties, ReactElement, ReactNode } from 'react';\n\ninterface ModalBodyProps {\n  className?: string;\n  style?: CSSProperties;\n  children?: ReactNode;\n  'data-testid'?: string;\n}\n\nfunction ModalBody({\n  className = 'modal-body',\n  style,\n  children,\n  'data-testid': dataTestId,\n}: ModalBodyProps): ReactElement {\n  return (\n    <div className={className} data-testid={dataTestId} style={style}>\n      {children}\n    </div>\n  );\n}\n\nexport default ModalBody;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAkD,OAAO;AAAC;AAStE,SAASC,SAAS,OAKe;EAAA,IALd;IACjBC,SAAS,GAAG,YAAY;IACxBC,KAAK;IACLC,QAAQ;IACR,aAAa,EAAEC;EACD,CAAC;EACf,oBACE;IAAK,SAAS,EAAEH,SAAU;IAAC,eAAaG,UAAW;IAAC,KAAK,EAAEF,KAAM;IAAA,UAC9DC;EAAQ,EACL;AAEV;AAEA,eAAeH,SAAS"}
+{"version":3,"file":"ModalBody.js","names":["React","jsx","_jsx","ModalBody","_ref","className","style","children","dataTestId"],"sources":["../../src/modal/ModalBody.tsx"],"sourcesContent":["import React, { CSSProperties, ReactElement, ReactNode } from 'react';\n\ninterface ModalBodyProps {\n  className?: string;\n  style?: CSSProperties;\n  children?: ReactNode;\n  'data-testid'?: string;\n}\n\nfunction ModalBody({\n  className = 'modal-body',\n  style,\n  children,\n  'data-testid': dataTestId,\n}: ModalBodyProps): ReactElement {\n  return (\n    <div className={className} data-testid={dataTestId} style={style}>\n      {children}\n    </div>\n  );\n}\n\nexport default ModalBody;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAkD,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAStE,SAASC,SAASA,CAAAC,IAAA,EAKe;EAAA,IALd;IACjBC,SAAS,GAAG,YAAY;IACxBC,KAAK;IACLC,QAAQ;IACR,aAAa,EAAEC;EACD,CAAC,GAAAJ,IAAA;EACf,oBACEF,IAAA;IAAKG,SAAS,EAAEA,SAAU;IAAC,eAAaG,UAAW;IAACF,KAAK,EAAEA,KAAM;IAAAC,QAAA,EAC9DA;EAAQ,CACN,CAAC;AAEV;AAEA,eAAeJ,SAAS"}

package/dist/modal/ModalFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalFooter.js","names":["React","ModalFooter","className","children","dataTestId"],"sources":["../../src/modal/ModalFooter.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\n\ninterface ModalFooterProps {\n  className?: string;\n  children?: ReactNode;\n  'data-testid'?: string;\n}\n\nfunction ModalFooter({\n  className = 'modal-footer',\n  children,\n  'data-testid': dataTestId,\n}: ModalFooterProps): ReactElement {\n  return (\n    <div className={className} data-testid={dataTestId}>\n      {children}\n    </div>\n  );\n}\n\nexport default ModalFooter;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAmC,OAAO;AAAC;AAQvD,SAASC,WAAW,OAIe;EAAA,IAJd;IACnBC,SAAS,GAAG,cAAc;IAC1BC,QAAQ;IACR,aAAa,EAAEC;EACC,CAAC;EACjB,oBACE;IAAK,SAAS,EAAEF,SAAU;IAAC,eAAaE,UAAW;IAAA,UAChDD;EAAQ,EACL;AAEV;AAEA,eAAeF,WAAW"}
+{"version":3,"file":"ModalFooter.js","names":["React","jsx","_jsx","ModalFooter","_ref","className","children","dataTestId"],"sources":["../../src/modal/ModalFooter.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\n\ninterface ModalFooterProps {\n  className?: string;\n  children?: ReactNode;\n  'data-testid'?: string;\n}\n\nfunction ModalFooter({\n  className = 'modal-footer',\n  children,\n  'data-testid': dataTestId,\n}: ModalFooterProps): ReactElement {\n  return (\n    <div className={className} data-testid={dataTestId}>\n      {children}\n    </div>\n  );\n}\n\nexport default ModalFooter;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAmC,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQvD,SAASC,WAAWA,CAAAC,IAAA,EAIe;EAAA,IAJd;IACnBC,SAAS,GAAG,cAAc;IAC1BC,QAAQ;IACR,aAAa,EAAEC;EACC,CAAC,GAAAH,IAAA;EACjB,oBACEF,IAAA;IAAKG,SAAS,EAAEA,SAAU;IAAC,eAAaE,UAAW;IAAAD,QAAA,EAChDA;EAAQ,CACN,CAAC;AAEV;AAEA,eAAeH,WAAW"}

package/dist/modal/ModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.js","names":["React","ModalHeader","className","children","closeButton","style","toggle","dataTestId"],"sources":["../../src/modal/ModalHeader.tsx"],"sourcesContent":["import React, { CSSProperties, ReactElement, ReactNode } from 'react';\n\ninterface ModalHeaderProps {\n  className?: string;\n  children?: ReactNode;\n  closeButton?: boolean;\n  style?: CSSProperties;\n  toggle?: () => void;\n  'data-testid'?: string;\n}\n\nfunction ModalHeader({\n  className,\n  children,\n  closeButton = true,\n  style,\n  toggle,\n  'data-testid': dataTestId,\n}: ModalHeaderProps): ReactElement {\n  return (\n    <div className={`modal-header ${className}`} style={style}>\n      <h5 className=\"modal-title\">{children}</h5>\n      {closeButton && (\n        <button\n          type=\"button\"\n          className=\"close\"\n          data-dismiss=\"modal\"\n          aria-label=\"Close\"\n          onClick={toggle}\n        >\n          <span aria-hidden=\"true\">&times;</span>\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport default ModalHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAkD,OAAO;AAAC;AAAA;AAWtE,SAASC,WAAW,OAOe;EAAA,IAPd;IACnBC,SAAS;IACTC,QAAQ;IACRC,WAAW,GAAG,IAAI;IAClBC,KAAK;IACLC,MAAM;IACN,aAAa,EAAEC;EACC,CAAC;EACjB,oBACE;IAAK,SAAS,yBAAkBL,SAAS,CAAG;IAAC,KAAK,EAAEG,KAAM;IAAA,wBACxD;MAAI,SAAS,EAAC,aAAa;MAAA,UAAEF;IAAQ,EAAM,EAC1CC,WAAW,iBACV;MACE,IAAI,EAAC,QAAQ;MACb,SAAS,EAAC,OAAO;MACjB,gBAAa,OAAO;MACpB,cAAW,OAAO;MAClB,OAAO,EAAEE,MAAO;MAAA,uBAEhB;QAAM,eAAY,MAAM;QAAA,UAAC;MAAO;IAAO,EAE1C;EAAA,EACG;AAEV;AAEA,eAAeL,WAAW"}
+{"version":3,"file":"ModalHeader.js","names":["React","jsx","_jsx","jsxs","_jsxs","ModalHeader","_ref","className","children","closeButton","style","toggle","dataTestId","concat","type","onClick"],"sources":["../../src/modal/ModalHeader.tsx"],"sourcesContent":["import React, { CSSProperties, ReactElement, ReactNode } from 'react';\n\ninterface ModalHeaderProps {\n  className?: string;\n  children?: ReactNode;\n  closeButton?: boolean;\n  style?: CSSProperties;\n  toggle?: () => void;\n  'data-testid'?: string;\n}\n\nfunction ModalHeader({\n  className,\n  children,\n  closeButton = true,\n  style,\n  toggle,\n  'data-testid': dataTestId,\n}: ModalHeaderProps): ReactElement {\n  return (\n    <div className={`modal-header ${className}`} style={style}>\n      <h5 className=\"modal-title\">{children}</h5>\n      {closeButton && (\n        <button\n          type=\"button\"\n          className=\"close\"\n          data-dismiss=\"modal\"\n          aria-label=\"Close\"\n          onClick={toggle}\n        >\n          <span aria-hidden=\"true\">&times;</span>\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport default ModalHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAkD,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAWtE,SAASC,WAAWA,CAAAC,IAAA,EAOe;EAAA,IAPd;IACnBC,SAAS;IACTC,QAAQ;IACRC,WAAW,GAAG,IAAI;IAClBC,KAAK;IACLC,MAAM;IACN,aAAa,EAAEC;EACC,CAAC,GAAAN,IAAA;EACjB,oBACEF,KAAA;IAAKG,SAAS,kBAAAM,MAAA,CAAkBN,SAAS,CAAG;IAACG,KAAK,EAAEA,KAAM;IAAAF,QAAA,gBACxDN,IAAA;MAAIK,SAAS,EAAC,aAAa;MAAAC,QAAA,EAAEA;IAAQ,CAAK,CAAC,EAC1CC,WAAW,iBACVP,IAAA;MACEY,IAAI,EAAC,QAAQ;MACbP,SAAS,EAAC,OAAO;MACjB,gBAAa,OAAO;MACpB,cAAW,OAAO;MAClBQ,OAAO,EAAEJ,MAAO;MAAAH,QAAA,eAEhBN,IAAA;QAAM,eAAY,MAAM;QAAAM,QAAA,EAAC;MAAO,CAAM;IAAC,CACjC,CACT;EAAA,CACE,CAAC;AAEV;AAEA,eAAeH,WAAW"}

package/dist/navigation/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["React","MenuItem","Menu","items","onSelect","undefined","dataTestId","map","item","itemIndex","title"],"sources":["../../src/navigation/Menu.tsx"],"sourcesContent":["import React from 'react';\nimport MenuItem, { MenuItemDef } from './MenuItem';\nimport './Menu.scss';\n\nexport type MenuSelectCallback = (itemIndex: number) => void;\n\nexport type MenuProps = {\n  items: readonly MenuItemDef[];\n  onSelect?: MenuSelectCallback;\n  'data-testid'?: string;\n};\n\nexport function Menu({\n  items,\n  onSelect = () => undefined,\n  'data-testid': dataTestId,\n}: MenuProps): JSX.Element {\n  return (\n    <div className=\"navigation-menu-view\" data-testid={dataTestId}>\n      <ul className=\"navigation-menu-list\">\n        {items.map((item, itemIndex) => (\n          <li key={item.title}>\n            <MenuItem\n              item={item}\n              onSelect={() => {\n                onSelect(itemIndex);\n              }}\n            />\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n\nexport default Menu;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,OACnBC,QAAQ;AAAA;AAAA;AAWf,OAAO,SAASC,IAAI,OAIO;EAAA,IAJN;IACnBC,KAAK;IACLC,QAAQ,EAARA,SAAQ,GAAG,MAAMC,SAAS;IAC1B,aAAa,EAAEC;EACN,CAAC;EACV,oBACE;IAAK,SAAS,EAAC,sBAAsB;IAAC,eAAaA,UAAW;IAAA,uBAC5D;MAAI,SAAS,EAAC,sBAAsB;MAAA,UACjCH,KAAK,CAACI,GAAG,CAAC,CAACC,IAAI,EAAEC,SAAS,kBACzB;QAAA,uBACE,KAAC,QAAQ;UACP,IAAI,EAAED,IAAK;UACX,QAAQ,EAAE,MAAM;YACdJ,SAAQ,CAACK,SAAS,CAAC;UACrB;QAAE;MACF,GANKD,IAAI,CAACE,KAAK,CAQpB;IAAC;EACC,EACD;AAEV;AAEA,eAAeR,IAAI"}
+{"version":3,"file":"Menu.js","names":["React","MenuItem","jsx","_jsx","Menu","_ref","items","onSelect","undefined","dataTestId","className","children","map","item","itemIndex","title"],"sources":["../../src/navigation/Menu.tsx"],"sourcesContent":["import React from 'react';\nimport MenuItem, { MenuItemDef } from './MenuItem';\nimport './Menu.scss';\n\nexport type MenuSelectCallback = (itemIndex: number) => void;\n\nexport type MenuProps = {\n  items: readonly MenuItemDef[];\n  onSelect?: MenuSelectCallback;\n  'data-testid'?: string;\n};\n\nexport function Menu({\n  items,\n  onSelect = () => undefined,\n  'data-testid': dataTestId,\n}: MenuProps): JSX.Element {\n  return (\n    <div className=\"navigation-menu-view\" data-testid={dataTestId}>\n      <ul className=\"navigation-menu-list\">\n        {items.map((item, itemIndex) => (\n          <li key={item.title}>\n            <MenuItem\n              item={item}\n              onSelect={() => {\n                onSelect(itemIndex);\n              }}\n            />\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n\nexport default Menu;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,OACnBC,QAAQ;AAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAWf,OAAO,SAASC,IAAIA,CAAAC,IAAA,EAIO;EAAA,IAJN;IACnBC,KAAK;IACLC,QAAQ,EAARA,SAAQ,GAAGA,CAAA,KAAMC,SAAS;IAC1B,aAAa,EAAEC;EACN,CAAC,GAAAJ,IAAA;EACV,oBACEF,IAAA;IAAKO,SAAS,EAAC,sBAAsB;IAAC,eAAaD,UAAW;IAAAE,QAAA,eAC5DR,IAAA;MAAIO,SAAS,EAAC,sBAAsB;MAAAC,QAAA,EACjCL,KAAK,CAACM,GAAG,CAAC,CAACC,IAAI,EAAEC,SAAS,kBACzBX,IAAA;QAAAQ,QAAA,eACER,IAAA,CAACF,QAAQ;UACPY,IAAI,EAAEA,IAAK;UACXN,QAAQ,EAAEA,CAAA,KAAM;YACdA,SAAQ,CAACO,SAAS,CAAC;UACrB;QAAE,CACH;MAAC,GANKD,IAAI,CAACE,KAOV,CACL;IAAC,CACA;EAAC,CACF,CAAC;AAEV;AAEA,eAAeX,IAAI"}

package/dist/navigation/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["React","useMemo","FontAwesomeIcon","vsChevronRight","UISwitch","isSwitchMenuItemType","item","isOn","undefined","MenuItem","onSelect","dataTestId","icon","subtitle","title","handleSelect","onChange","event","key","stopPropagation"],"sources":["../../src/navigation/MenuItem.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsChevronRight } from '@deephaven/icons';\nimport './MenuItem.scss';\n\nimport UISwitch from '../UISwitch';\n\nexport type MenuItemDef = {\n  title: string;\n  subtitle?: string;\n  icon?: IconProp;\n};\n\nexport type SwitchMenuItemDef = MenuItemDef & {\n  isOn: boolean;\n  onChange: (isOn: boolean) => void;\n};\n\nfunction isSwitchMenuItemType(item: MenuItemDef): item is SwitchMenuItemDef {\n  return (item as SwitchMenuItemDef).isOn !== undefined;\n}\n\nexport type MenuItemProps = {\n  item: MenuItemDef;\n  onSelect?: () => void;\n  'data-testid'?: string;\n};\n\n/**\n * @param props.item The menu item to set. Set a SwitchMenuItemDef to show a switch.\n * @param props.onSelect Called when the menu item is selected\n */\nexport function MenuItem({\n  item,\n  onSelect = () => undefined,\n  'data-testid': dataTestId,\n}: MenuItemProps): JSX.Element {\n  const { icon, subtitle, title } = item;\n  const handleSelect = useMemo(() => {\n    if (isSwitchMenuItemType(item)) {\n      return () => {\n        item.onChange(!item.isOn);\n      };\n    }\n    return onSelect;\n  }, [item, onSelect]);\n  return (\n    <div\n      className=\"btn btn-navigation-menu-item\"\n      data-testid={`menu-item-${title}`}\n      onClick={handleSelect}\n      onKeyDown={event => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          handleSelect();\n        }\n      }}\n      tabIndex={0}\n      role=\"menuitem\"\n    >\n      {icon !== undefined && (\n        <div className=\"icon\">\n          <FontAwesomeIcon icon={icon} />\n        </div>\n      )}\n      <div className=\"title\">{title}</div>\n      {subtitle !== undefined && <div className=\"shortcut\">{subtitle}</div>}\n      <div className=\"accessory\" data-testid={dataTestId}>\n        {isSwitchMenuItemType(item) ? (\n          <UISwitch\n            on={item.isOn}\n            onClick={event => {\n              event.stopPropagation();\n              handleSelect();\n            }}\n          />\n        ) : (\n          <FontAwesomeIcon icon={vsChevronRight} />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default MenuItem;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,cAAc,QAAQ,kBAAkB;AAAC;AAAA,OAG3CC,QAAQ;AAAA;AAAA;AAaf,SAASC,oBAAoB,CAACC,IAAiB,EAA6B;EAC1E,OAAQA,IAAI,CAAuBC,IAAI,KAAKC,SAAS;AACvD;AAQA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQ,OAIO;EAAA,IAJN;IACvBH,IAAI;IACJI,QAAQ,GAAG,MAAMF,SAAS;IAC1B,aAAa,EAAEG;EACF,CAAC;EACd,IAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGR,IAAI;EACtC,IAAMS,YAAY,GAAGd,OAAO,CAAC,MAAM;IACjC,IAAII,oBAAoB,CAACC,IAAI,CAAC,EAAE;MAC9B,OAAO,MAAM;QACXA,IAAI,CAACU,QAAQ,CAAC,CAACV,IAAI,CAACC,IAAI,CAAC;MAC3B,CAAC;IACH;IACA,OAAOG,QAAQ;EACjB,CAAC,EAAE,CAACJ,IAAI,EAAEI,QAAQ,CAAC,CAAC;EACpB,oBACE;IACE,SAAS,EAAC,8BAA8B;IACxC,mCAA0BI,KAAK,CAAG;IAClC,OAAO,EAAEC,YAAa;IACtB,SAAS,EAAEE,KAAK,IAAI;MAClB,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,EAAE;QAC9CH,YAAY,EAAE;MAChB;IACF,CAAE;IACF,QAAQ,EAAE,CAAE;IACZ,IAAI,EAAC,UAAU;IAAA,WAEdH,IAAI,KAAKJ,SAAS,iBACjB;MAAK,SAAS,EAAC,MAAM;MAAA,uBACnB,KAAC,eAAe;QAAC,IAAI,EAAEI;MAAK;IAAG,EAElC,eACD;MAAK,SAAS,EAAC,OAAO;MAAA,UAAEE;IAAK,EAAO,EACnCD,QAAQ,KAAKL,SAAS,iBAAI;MAAK,SAAS,EAAC,UAAU;MAAA,UAAEK;IAAQ,EAAO,eACrE;MAAK,SAAS,EAAC,WAAW;MAAC,eAAaF,UAAW;MAAA,UAChDN,oBAAoB,CAACC,IAAI,CAAC,gBACzB,KAAC,QAAQ;QACP,EAAE,EAAEA,IAAI,CAACC,IAAK;QACd,OAAO,EAAEU,KAAK,IAAI;UAChBA,KAAK,CAACE,eAAe,EAAE;UACvBJ,YAAY,EAAE;QAChB;MAAE,EACF,gBAEF,KAAC,eAAe;QAAC,IAAI,EAAEZ;MAAe;IACvC,EACG;EAAA,EACF;AAEV;AAEA,eAAeM,QAAQ"}
+{"version":3,"file":"MenuItem.js","names":["React","useMemo","FontAwesomeIcon","vsChevronRight","UISwitch","jsx","_jsx","jsxs","_jsxs","isSwitchMenuItemType","item","isOn","undefined","MenuItem","_ref","onSelect","dataTestId","icon","subtitle","title","handleSelect","onChange","className","concat","onClick","onKeyDown","event","key","tabIndex","role","children","on","stopPropagation"],"sources":["../../src/navigation/MenuItem.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsChevronRight } from '@deephaven/icons';\nimport './MenuItem.scss';\n\nimport UISwitch from '../UISwitch';\n\nexport type MenuItemDef = {\n  title: string;\n  subtitle?: string;\n  icon?: IconProp;\n};\n\nexport type SwitchMenuItemDef = MenuItemDef & {\n  isOn: boolean;\n  onChange: (isOn: boolean) => void;\n};\n\nfunction isSwitchMenuItemType(item: MenuItemDef): item is SwitchMenuItemDef {\n  return (item as SwitchMenuItemDef).isOn !== undefined;\n}\n\nexport type MenuItemProps = {\n  item: MenuItemDef;\n  onSelect?: () => void;\n  'data-testid'?: string;\n};\n\n/**\n * @param props.item The menu item to set. Set a SwitchMenuItemDef to show a switch.\n * @param props.onSelect Called when the menu item is selected\n */\nexport function MenuItem({\n  item,\n  onSelect = () => undefined,\n  'data-testid': dataTestId,\n}: MenuItemProps): JSX.Element {\n  const { icon, subtitle, title } = item;\n  const handleSelect = useMemo(() => {\n    if (isSwitchMenuItemType(item)) {\n      return () => {\n        item.onChange(!item.isOn);\n      };\n    }\n    return onSelect;\n  }, [item, onSelect]);\n  return (\n    <div\n      className=\"btn btn-navigation-menu-item\"\n      data-testid={`menu-item-${title}`}\n      onClick={handleSelect}\n      onKeyDown={event => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          handleSelect();\n        }\n      }}\n      tabIndex={0}\n      role=\"menuitem\"\n    >\n      {icon !== undefined && (\n        <div className=\"icon\">\n          <FontAwesomeIcon icon={icon} />\n        </div>\n      )}\n      <div className=\"title\">{title}</div>\n      {subtitle !== undefined && <div className=\"shortcut\">{subtitle}</div>}\n      <div className=\"accessory\" data-testid={dataTestId}>\n        {isSwitchMenuItemType(item) ? (\n          <UISwitch\n            on={item.isOn}\n            onClick={event => {\n              event.stopPropagation();\n              handleSelect();\n            }}\n          />\n        ) : (\n          <FontAwesomeIcon icon={vsChevronRight} />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default MenuItem;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,cAAc,QAAQ,kBAAkB;AAAC;AAAA,OAG3CC,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAaf,SAASC,oBAAoBA,CAACC,IAAiB,EAA6B;EAC1E,OAAQA,IAAI,CAAuBC,IAAI,KAAKC,SAAS;AACvD;AAQA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAAC,IAAA,EAIO;EAAA,IAJN;IACvBJ,IAAI;IACJK,QAAQ,GAAGA,CAAA,KAAMH,SAAS;IAC1B,aAAa,EAAEI;EACF,CAAC,GAAAF,IAAA;EACd,IAAM;IAAEG,IAAI;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGT,IAAI;EACtC,IAAMU,YAAY,GAAGnB,OAAO,CAAC,MAAM;IACjC,IAAIQ,oBAAoB,CAACC,IAAI,CAAC,EAAE;MAC9B,OAAO,MAAM;QACXA,IAAI,CAACW,QAAQ,CAAC,CAACX,IAAI,CAACC,IAAI,CAAC;MAC3B,CAAC;IACH;IACA,OAAOI,QAAQ;EACjB,CAAC,EAAE,CAACL,IAAI,EAAEK,QAAQ,CAAC,CAAC;EACpB,oBACEP,KAAA;IACEc,SAAS,EAAC,8BAA8B;IACxC,4BAAAC,MAAA,CAA0BJ,KAAK,CAAG;IAClCK,OAAO,EAAEJ,YAAa;IACtBK,SAAS,EAAEC,KAAK,IAAI;MAClB,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,EAAE;QAC9CP,YAAY,CAAC,CAAC;MAChB;IACF,CAAE;IACFQ,QAAQ,EAAE,CAAE;IACZC,IAAI,EAAC,UAAU;IAAAC,QAAA,GAEdb,IAAI,KAAKL,SAAS,iBACjBN,IAAA;MAAKgB,SAAS,EAAC,MAAM;MAAAQ,QAAA,eACnBxB,IAAA,CAACJ,eAAe;QAACe,IAAI,EAAEA;MAAK,CAAE;IAAC,CAC5B,CACN,eACDX,IAAA;MAAKgB,SAAS,EAAC,OAAO;MAAAQ,QAAA,EAAEX;IAAK,CAAM,CAAC,EACnCD,QAAQ,KAAKN,SAAS,iBAAIN,IAAA;MAAKgB,SAAS,EAAC,UAAU;MAAAQ,QAAA,EAAEZ;IAAQ,CAAM,CAAC,eACrEZ,IAAA;MAAKgB,SAAS,EAAC,WAAW;MAAC,eAAaN,UAAW;MAAAc,QAAA,EAChDrB,oBAAoB,CAACC,IAAI,CAAC,gBACzBJ,IAAA,CAACF,QAAQ;QACP2B,EAAE,EAAErB,IAAI,CAACC,IAAK;QACda,OAAO,EAAEE,KAAK,IAAI;UAChBA,KAAK,CAACM,eAAe,CAAC,CAAC;UACvBZ,YAAY,CAAC,CAAC;QAChB;MAAE,CACH,CAAC,gBAEFd,IAAA,CAACJ,eAAe;QAACe,IAAI,EAAEd;MAAe,CAAE;IACzC,CACE,CAAC;EAAA,CACH,CAAC;AAEV;AAEA,eAAeU,QAAQ"}

package/dist/navigation/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","names":["React","vsClose","vsChevronLeft","Button","Page","children","onBack","onClose","title","dataTestId","undefined"],"sources":["../../src/navigation/Page.tsx"],"sourcesContent":["import React from 'react';\nimport { vsClose, vsChevronLeft } from '@deephaven/icons';\nimport './Page.scss';\nimport Button from '../Button';\n\nexport type PageProps = {\n  children: React.ReactNode;\n  onBack?: () => void;\n  onClose?: () => void;\n  title: string;\n  'data-testid'?: string;\n};\n\n/**\n * A page view with a back button in the bottom left, a title at the top, and a close button in the top right.\n * Back and close buttons will only appear if `onBack` and/or `onClose` callbacks are set.\n */\nexport function Page({\n  children,\n  onBack,\n  onClose,\n  title,\n  'data-testid': dataTestId,\n}: PageProps): JSX.Element {\n  return (\n    <div className=\"navigation-page\" data-testid={dataTestId}>\n      <div className=\"navigation-title-bar\">\n        <div className=\"navigation-left-buttons\">\n          {onBack !== undefined && (\n            <Button\n              kind=\"ghost\"\n              className=\"btn-back\"\n              data-testid=\"btn-page-back\"\n              onClick={onBack}\n              icon={vsChevronLeft}\n            >\n              Back\n            </Button>\n          )}\n        </div>\n        <div className=\"navigation-title\">{title}</div>\n        <div className=\"navigation-right-buttons\">\n          {onClose !== undefined && (\n            <Button\n              kind=\"ghost\"\n              className=\"btn-close px-2 m-1\"\n              data-testid=\"btn-page-close\"\n              onClick={onClose}\n              icon={vsClose}\n              tooltip=\"Close\"\n            />\n          )}\n        </div>\n      </div>\n      <div className=\"navigation-content\">{children}</div>\n    </div>\n  );\n}\n\nexport default Page;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,EAAEC,aAAa,QAAQ,kBAAkB;AAAC;AAAA,OAEnDC,MAAM;AAAA;AAAA;AAUb;AACA;AACA;AACA;AACA,OAAO,SAASC,IAAI,OAMO;EAAA,IANN;IACnBC,QAAQ;IACRC,MAAM;IACNC,OAAO;IACPC,KAAK;IACL,aAAa,EAAEC;EACN,CAAC;EACV,oBACE;IAAK,SAAS,EAAC,iBAAiB;IAAC,eAAaA,UAAW;IAAA,wBACvD;MAAK,SAAS,EAAC,sBAAsB;MAAA,wBACnC;QAAK,SAAS,EAAC,yBAAyB;QAAA,UACrCH,MAAM,KAAKI,SAAS,iBACnB,KAAC,MAAM;UACL,IAAI,EAAC,OAAO;UACZ,SAAS,EAAC,UAAU;UACpB,eAAY,eAAe;UAC3B,OAAO,EAAEJ,MAAO;UAChB,IAAI,EAAEJ,aAAc;UAAA,UACrB;QAED;MACD,EACG,eACN;QAAK,SAAS,EAAC,kBAAkB;QAAA,UAAEM;MAAK,EAAO,eAC/C;QAAK,SAAS,EAAC,0BAA0B;QAAA,UACtCD,OAAO,KAAKG,SAAS,iBACpB,KAAC,MAAM;UACL,IAAI,EAAC,OAAO;UACZ,SAAS,EAAC,oBAAoB;UAC9B,eAAY,gBAAgB;UAC5B,OAAO,EAAEH,OAAQ;UACjB,IAAI,EAAEN,OAAQ;UACd,OAAO,EAAC;QAAO;MAElB,EACG;IAAA,EACF,eACN;MAAK,SAAS,EAAC,oBAAoB;MAAA,UAAEI;IAAQ,EAAO;EAAA,EAChD;AAEV;AAEA,eAAeD,IAAI"}
+{"version":3,"file":"Page.js","names":["React","vsClose","vsChevronLeft","Button","jsx","_jsx","jsxs","_jsxs","Page","_ref","children","onBack","onClose","title","dataTestId","className","undefined","kind","onClick","icon","tooltip"],"sources":["../../src/navigation/Page.tsx"],"sourcesContent":["import React from 'react';\nimport { vsClose, vsChevronLeft } from '@deephaven/icons';\nimport './Page.scss';\nimport Button from '../Button';\n\nexport type PageProps = {\n  children: React.ReactNode;\n  onBack?: () => void;\n  onClose?: () => void;\n  title: string;\n  'data-testid'?: string;\n};\n\n/**\n * A page view with a back button in the bottom left, a title at the top, and a close button in the top right.\n * Back and close buttons will only appear if `onBack` and/or `onClose` callbacks are set.\n */\nexport function Page({\n  children,\n  onBack,\n  onClose,\n  title,\n  'data-testid': dataTestId,\n}: PageProps): JSX.Element {\n  return (\n    <div className=\"navigation-page\" data-testid={dataTestId}>\n      <div className=\"navigation-title-bar\">\n        <div className=\"navigation-left-buttons\">\n          {onBack !== undefined && (\n            <Button\n              kind=\"ghost\"\n              className=\"btn-back\"\n              data-testid=\"btn-page-back\"\n              onClick={onBack}\n              icon={vsChevronLeft}\n            >\n              Back\n            </Button>\n          )}\n        </div>\n        <div className=\"navigation-title\">{title}</div>\n        <div className=\"navigation-right-buttons\">\n          {onClose !== undefined && (\n            <Button\n              kind=\"ghost\"\n              className=\"btn-close px-2 m-1\"\n              data-testid=\"btn-page-close\"\n              onClick={onClose}\n              icon={vsClose}\n              tooltip=\"Close\"\n            />\n          )}\n        </div>\n      </div>\n      <div className=\"navigation-content\">{children}</div>\n    </div>\n  );\n}\n\nexport default Page;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,EAAEC,aAAa,QAAQ,kBAAkB;AAAC;AAAA,OAEnDC,MAAM;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAUb;AACA;AACA;AACA;AACA,OAAO,SAASC,IAAIA,CAAAC,IAAA,EAMO;EAAA,IANN;IACnBC,QAAQ;IACRC,MAAM;IACNC,OAAO;IACPC,KAAK;IACL,aAAa,EAAEC;EACN,CAAC,GAAAL,IAAA;EACV,oBACEF,KAAA;IAAKQ,SAAS,EAAC,iBAAiB;IAAC,eAAaD,UAAW;IAAAJ,QAAA,gBACvDH,KAAA;MAAKQ,SAAS,EAAC,sBAAsB;MAAAL,QAAA,gBACnCL,IAAA;QAAKU,SAAS,EAAC,yBAAyB;QAAAL,QAAA,EACrCC,MAAM,KAAKK,SAAS,iBACnBX,IAAA,CAACF,MAAM;UACLc,IAAI,EAAC,OAAO;UACZF,SAAS,EAAC,UAAU;UACpB,eAAY,eAAe;UAC3BG,OAAO,EAAEP,MAAO;UAChBQ,IAAI,EAAEjB,aAAc;UAAAQ,QAAA,EACrB;QAED,CAAQ;MACT,CACE,CAAC,eACNL,IAAA;QAAKU,SAAS,EAAC,kBAAkB;QAAAL,QAAA,EAAEG;MAAK,CAAM,CAAC,eAC/CR,IAAA;QAAKU,SAAS,EAAC,0BAA0B;QAAAL,QAAA,EACtCE,OAAO,KAAKI,SAAS,iBACpBX,IAAA,CAACF,MAAM;UACLc,IAAI,EAAC,OAAO;UACZF,SAAS,EAAC,oBAAoB;UAC9B,eAAY,gBAAgB;UAC5BG,OAAO,EAAEN,OAAQ;UACjBO,IAAI,EAAElB,OAAQ;UACdmB,OAAO,EAAC;QAAO,CAChB;MACF,CACE,CAAC;IAAA,CACH,CAAC,eACNf,IAAA;MAAKU,SAAS,EAAC,oBAAoB;MAAAL,QAAA,EAAEA;IAAQ,CAAM,CAAC;EAAA,CACjD,CAAC;AAEV;AAEA,eAAeF,IAAI"}

package/dist/navigation/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","names":["React","useState","useEffect","useMemo","useCallback","CSSTransition","usePrevious","ThemeExport","Stack","children","dataTestId","childrenArray","Children","toArray","prevChildrenArray","mainView","setMainView","length","pushingView","setPushingView","poppingView","setPoppingView","initAnimation","undefined","topChild","pushComplete","popComplete","transitionMidMs"],"sources":["../../src/navigation/Stack.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { usePrevious } from '@deephaven/react-hooks';\nimport ThemeExport from '../ThemeExport';\nimport './Stack.scss';\n\nexport type StackProps = {\n  children: React.ReactNode | React.ReactNode[];\n  'data-testid'?: string;\n};\n\n/**\n * Pass a full navigation stack of children, and then automatically does a sliding animation when the stack changes.\n * Adding items to the stack will do a \"push\" animation, and removing items from the stack will do a \"pop\" animation.\n */\nexport function Stack({\n  children,\n  'data-testid': dataTestId,\n}: StackProps): JSX.Element {\n  const childrenArray = useMemo(\n    () => React.Children.toArray(children),\n    [children]\n  );\n  const prevChildrenArray = usePrevious(childrenArray);\n  const [mainView, setMainView] = useState<React.ReactNode>(\n    childrenArray[childrenArray.length - 1]\n  );\n\n  const [pushingView, setPushingView] = useState<React.ReactNode>(null);\n  const [poppingView, setPoppingView] = useState<React.ReactNode>(null);\n\n  /**\n   * To do the animation effect, we just need to set the proper pushing/popping views when the stack changes.\n   * `mainView` - The main view of the stack, stationary, filling the container.\n   * `pushingView` - A view that's currently being pushed. Slides from off screen right to overtop of `mainView`.\n   * `poppingView` - A view that's currently being popped. Slides from overtop of `mainView` to right off screen.\n   *\n   * When the `pushingView` or `poppingView` is set, that will kick off their animation.\n   * Completion of the animation is handled in `pushComplete` or `popComplete`, and then the stack is in an idle state again.\n   */\n  useEffect(\n    function initAnimation() {\n      if (\n        prevChildrenArray === undefined ||\n        childrenArray === prevChildrenArray\n      ) {\n        return;\n      }\n      const topChild = childrenArray[childrenArray.length - 1];\n      if (\n        childrenArray.length === prevChildrenArray.length ||\n        prevChildrenArray.length === 0 ||\n        pushingView !== null ||\n        poppingView !== null\n      ) {\n        // 1) Stack is the same size, we've just mounted, or we're already in an animation - just update the view\n        if (pushingView !== null && topChild !== pushingView) {\n          // Stack was updated mid animation\n          setPushingView(topChild);\n        } else if (topChild !== poppingView && topChild !== mainView) {\n          // Replace the current view\n          setMainView(topChild);\n        }\n      } else if (childrenArray.length > prevChildrenArray.length) {\n        // 2) Stack has grown - start the push animation\n        setPushingView(topChild);\n      } else if (childrenArray.length < prevChildrenArray.length) {\n        // 3) Stack has shrunk - start the pop animation\n        setMainView(topChild);\n        setPoppingView(prevChildrenArray[prevChildrenArray.length - 1]);\n      }\n    },\n    [childrenArray, prevChildrenArray, pushingView, poppingView, mainView]\n  );\n\n  const pushComplete = useCallback(() => {\n    setMainView(pushingView);\n    setPushingView(null);\n  }, [pushingView]);\n\n  const popComplete = useCallback(() => {\n    setPoppingView(null);\n  }, []);\n\n  return (\n    <div className=\"navigation-stack\">\n      <div className=\"main-view\" data-testid={dataTestId}>\n        {mainView}\n      </div>\n\n      <CSSTransition\n        in={poppingView != null}\n        timeout={ThemeExport.transitionMidMs}\n        classNames=\"slide-right\"\n        onEntered={popComplete}\n      >\n        {/* Without the fragment, the transition doesn't work. Without the conditional render, the stack is blank */}\n        {/* eslint-disable-next-line react/jsx-no-useless-fragment */}\n        <>\n          {poppingView != null && (\n            <div className=\"popping-view\">{poppingView}</div>\n          )}\n        </>\n      </CSSTransition>\n      <CSSTransition\n        in={pushingView != null}\n        timeout={ThemeExport.transitionMidMs}\n        classNames=\"slide-left\"\n        onEntered={pushComplete}\n      >\n        {/* eslint-disable-next-line react/jsx-no-useless-fragment */}\n        <>\n          {pushingView != null && (\n            <div className=\"pushing-view\">{pushingView}</div>\n          )}\n        </>\n      </CSSTransition>\n    </div>\n  );\n}\n\nexport default Stack;\n"],"mappings":"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"}
+{"version":3,"file":"Stack.js","names":["React","useState","useEffect","useMemo","useCallback","CSSTransition","usePrevious","ThemeExport","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Stack","_ref","children","dataTestId","childrenArray","Children","toArray","prevChildrenArray","mainView","setMainView","length","pushingView","setPushingView","poppingView","setPoppingView","initAnimation","undefined","topChild","pushComplete","popComplete","className","in","timeout","transitionMidMs","classNames","onEntered"],"sources":["../../src/navigation/Stack.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { usePrevious } from '@deephaven/react-hooks';\nimport ThemeExport from '../ThemeExport';\nimport './Stack.scss';\n\nexport type StackProps = {\n  children: React.ReactNode | React.ReactNode[];\n  'data-testid'?: string;\n};\n\n/**\n * Pass a full navigation stack of children, and then automatically does a sliding animation when the stack changes.\n * Adding items to the stack will do a \"push\" animation, and removing items from the stack will do a \"pop\" animation.\n */\nexport function Stack({\n  children,\n  'data-testid': dataTestId,\n}: StackProps): JSX.Element {\n  const childrenArray = useMemo(\n    () => React.Children.toArray(children),\n    [children]\n  );\n  const prevChildrenArray = usePrevious(childrenArray);\n  const [mainView, setMainView] = useState<React.ReactNode>(\n    childrenArray[childrenArray.length - 1]\n  );\n\n  const [pushingView, setPushingView] = useState<React.ReactNode>(null);\n  const [poppingView, setPoppingView] = useState<React.ReactNode>(null);\n\n  /**\n   * To do the animation effect, we just need to set the proper pushing/popping views when the stack changes.\n   * `mainView` - The main view of the stack, stationary, filling the container.\n   * `pushingView` - A view that's currently being pushed. Slides from off screen right to overtop of `mainView`.\n   * `poppingView` - A view that's currently being popped. Slides from overtop of `mainView` to right off screen.\n   *\n   * When the `pushingView` or `poppingView` is set, that will kick off their animation.\n   * Completion of the animation is handled in `pushComplete` or `popComplete`, and then the stack is in an idle state again.\n   */\n  useEffect(\n    function initAnimation() {\n      if (\n        prevChildrenArray === undefined ||\n        childrenArray === prevChildrenArray\n      ) {\n        return;\n      }\n      const topChild = childrenArray[childrenArray.length - 1];\n      if (\n        childrenArray.length === prevChildrenArray.length ||\n        prevChildrenArray.length === 0 ||\n        pushingView !== null ||\n        poppingView !== null\n      ) {\n        // 1) Stack is the same size, we've just mounted, or we're already in an animation - just update the view\n        if (pushingView !== null && topChild !== pushingView) {\n          // Stack was updated mid animation\n          setPushingView(topChild);\n        } else if (topChild !== poppingView && topChild !== mainView) {\n          // Replace the current view\n          setMainView(topChild);\n        }\n      } else if (childrenArray.length > prevChildrenArray.length) {\n        // 2) Stack has grown - start the push animation\n        setPushingView(topChild);\n      } else if (childrenArray.length < prevChildrenArray.length) {\n        // 3) Stack has shrunk - start the pop animation\n        setMainView(topChild);\n        setPoppingView(prevChildrenArray[prevChildrenArray.length - 1]);\n      }\n    },\n    [childrenArray, prevChildrenArray, pushingView, poppingView, mainView]\n  );\n\n  const pushComplete = useCallback(() => {\n    setMainView(pushingView);\n    setPushingView(null);\n  }, [pushingView]);\n\n  const popComplete = useCallback(() => {\n    setPoppingView(null);\n  }, []);\n\n  return (\n    <div className=\"navigation-stack\">\n      <div className=\"main-view\" data-testid={dataTestId}>\n        {mainView}\n      </div>\n\n      <CSSTransition\n        in={poppingView != null}\n        timeout={ThemeExport.transitionMidMs}\n        classNames=\"slide-right\"\n        onEntered={popComplete}\n      >\n        {/* Without the fragment, the transition doesn't work. Without the conditional render, the stack is blank */}\n        {/* eslint-disable-next-line react/jsx-no-useless-fragment */}\n        <>\n          {poppingView != null && (\n            <div className=\"popping-view\">{poppingView}</div>\n          )}\n        </>\n      </CSSTransition>\n      <CSSTransition\n        in={pushingView != null}\n        timeout={ThemeExport.transitionMidMs}\n        classNames=\"slide-left\"\n        onEntered={pushComplete}\n      >\n        {/* eslint-disable-next-line react/jsx-no-useless-fragment */}\n        <>\n          {pushingView != null && (\n            <div className=\"pushing-view\">{pushingView}</div>\n          )}\n        </>\n      </CSSTransition>\n    </div>\n  );\n}\n\nexport default Stack;\n"],"mappings":"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"}

package/dist/popper/Popper.js

@@ -72,6 +72,9 @@ class Popper extends Component {
   componentWillUnmount() {
     this.destroyPopper(false);
   }
+
+  // This is the request animation frame handle number
+
   /** Goes through an element and it's parents until the first visible element is found */
   getVisibleElement(element) {
     if (element == null || element.clientHeight > 0 || element.clientWidth > 0) {

package/dist/popper/Popper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popper.js","names":["React","Component","ReactDOM","classNames","CSSTransition","PopperJs","PropTypes","ThemeExport","Popper","constructor","props","handleEnter","bind","handleExit","handleBlur","element","document","createElement","className","container","createRef","rAF","isShown","state","show","popper","componentDidUpdate","prevProps","cancelAnimationFrame","window","requestAnimationFrame","hide","componentWillUnmount","destroyPopper","getVisibleElement","clientHeight","clientWidth","parentElement","initPopper","closeOnBlur","referenceObject","current","options","placement","modifiers","preventOverflow","boundariesElement","body","appendChild","parent","scheduleUpdate","contains","activeElement","elem","firstElementChild","HTMLElement","focus","setState","updateState","destroy","removeChild","e","relatedTarget","onEntered","onExited","renderContent","children","timeout","interactive","stopPropagation","key","undefined","render","dataTestId","display","createPortal","node","isRequired","shape","string","number","func","bool","transitionMs"],"sources":["../../src/popper/Popper.tsx"],"sourcesContent":["/**\n *  A component for creating popover dialogs. Only requires child element.\n *\n * <Popper\n *   options={popperOptions}\n *   className=\"whatever\"\n *   onEntered={this.handleEnter}\n *   onExited={this.handleExit}\n *   closeOnBlur // if you want dialog to self close, on click outside\n *   interactive // if popper contents will be interactable\n *   isShown={variable} // controls if its shown or not,\n *   ref={this.popper} // or via ref and this.popper.show() or this.popper.hide()\n *  >\n *   <ChildContent />\n * </Popper>\n */\n\nimport React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport classNames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport PopperJs, { PopperOptions, ReferenceObject } from 'popper.js';\nimport PropTypes from 'prop-types';\nimport ThemeExport from '../ThemeExport';\nimport './Popper.scss';\n\ninterface PopperProps {\n  options: PopperOptions;\n  className: string;\n  timeout: number;\n  onEntered: () => void;\n  onExited: () => void;\n  isShown: boolean;\n  closeOnBlur: boolean;\n  interactive: boolean;\n  referenceObject: ReferenceObject | null;\n  'data-testid'?: string;\n}\n\ninterface PopperState {\n  show: boolean;\n  popper: PopperJs | null;\n}\n\nclass Popper extends Component<PopperProps, PopperState> {\n  static propTypes = {\n    children: PropTypes.node.isRequired,\n    options: PropTypes.shape({}),\n    className: PropTypes.string,\n    timeout: PropTypes.number,\n    onEntered: PropTypes.func,\n    onExited: PropTypes.func,\n    isShown: PropTypes.bool,\n    closeOnBlur: PropTypes.bool,\n    interactive: PropTypes.bool,\n    referenceObject: PropTypes.shape({}),\n    'data-testid': PropTypes.string,\n  };\n\n  static defaultProps = {\n    options: {},\n    className: '',\n    timeout: ThemeExport.transitionMs,\n    onEntered(): void {\n      // no-op\n    },\n    onExited(): void {\n      // no-op\n    },\n    isShown: false,\n    interactive: false,\n    closeOnBlur: false,\n    referenceObject: null,\n    'data-testid': undefined,\n  };\n\n  constructor(props: PopperProps) {\n    super(props);\n\n    this.handleEnter = this.handleEnter.bind(this);\n    this.handleExit = this.handleExit.bind(this);\n    this.handleBlur = this.handleBlur.bind(this);\n    this.element = document.createElement('div');\n    this.element.className = 'popper-container';\n    this.container = React.createRef<HTMLDivElement>();\n\n    // cancelAnimationFrame does nothing if the handle isn't recognized\n    // requestAnimationFrame provides a non-zero number, so 0 as a default should be safe\n    this.rAF = 0;\n\n    const { isShown } = this.props;\n\n    this.state = {\n      show: isShown,\n      popper: null,\n    };\n  }\n\n  componentDidUpdate(prevProps: PopperProps): void {\n    const { isShown } = this.props;\n\n    if (prevProps.isShown !== isShown) {\n      if (isShown) {\n        cancelAnimationFrame(this.rAF);\n        this.rAF = window.requestAnimationFrame(() => {\n          this.show();\n        });\n      } else {\n        this.hide();\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.destroyPopper(false);\n  }\n\n  element: HTMLDivElement;\n\n  container: React.RefObject<HTMLDivElement>;\n\n  // This is the request animation frame handle number\n  rAF: number;\n\n  /** Goes through an element and it's parents until the first visible element is found */\n  getVisibleElement(element: HTMLElement | null): HTMLElement | null {\n    if (\n      element == null ||\n      element.clientHeight > 0 ||\n      element.clientWidth > 0\n    ) {\n      return element;\n    }\n\n    return this.getVisibleElement(element.parentElement);\n  }\n\n  initPopper(): void {\n    let { popper } = this.state;\n    const { closeOnBlur, referenceObject } = this.props;\n\n    if (popper) {\n      return;\n    }\n\n    if (this.container.current === null) {\n      return;\n    }\n\n    let { options } = this.props;\n    options = {\n      placement: 'auto',\n      modifiers: { preventOverflow: { boundariesElement: 'viewport' } },\n      ...options,\n    };\n    document.body.appendChild(this.element);\n\n    let parent = this.getVisibleElement(this.container.current);\n    if (parent == null) {\n      parent = this.container.current;\n    }\n\n    popper = new PopperJs(referenceObject || parent, this.element, options);\n    popper.scheduleUpdate();\n\n    // delayed due to scheduleUpdate\n    cancelAnimationFrame(this.rAF);\n    this.rAF = window.requestAnimationFrame(() => {\n      // for blur on close to work, focus needs to be on or within the popper\n      if (closeOnBlur && !this.element.contains(document.activeElement)) {\n        // only set focus, if a focus isn't already set within\n        const elem = this.element.firstElementChild;\n        if (elem instanceof HTMLElement) {\n          elem.focus(); // first child of the portal element\n        }\n      }\n    });\n\n    this.setState({ popper });\n  }\n\n  destroyPopper(updateState = true): void {\n    cancelAnimationFrame(this.rAF);\n\n    const { popper } = this.state;\n    if (!popper) {\n      return;\n    }\n\n    popper.destroy();\n\n    // If component is exiting and unmounted in\n    // the same frame, destroy can be called twice.\n    // Check to make sure removeChild isn't called twice.\n    if (document.body.contains(this.element)) {\n      document.body.removeChild(this.element);\n    }\n\n    if (updateState) {\n      this.setState({ popper: null });\n    }\n  }\n\n  show(): void {\n    this.initPopper();\n    this.setState({ show: true });\n  }\n\n  hide(): void {\n    this.setState({ show: false });\n  }\n\n  scheduleUpdate(): void {\n    const { popper } = this.state;\n    if (popper) popper.scheduleUpdate();\n  }\n\n  handleBlur(e: React.FocusEvent): void {\n    if (!(e.relatedTarget instanceof HTMLElement)) {\n      return;\n    }\n    if (!this.element.contains(e.relatedTarget)) {\n      this.hide();\n    }\n  }\n\n  handleEnter(): void {\n    const { onEntered } = this.props;\n    onEntered(); // trigger any parent component waiting for enter handler\n  }\n\n  handleExit(): void {\n    const { onExited } = this.props;\n    const { show } = this.state;\n    if (!show) {\n      this.destroyPopper();\n    }\n    onExited(); // trigger any parent component waiting for exited handler\n  }\n\n  renderContent(): JSX.Element {\n    const { className, children, timeout, interactive, closeOnBlur } =\n      this.props;\n    const { show } = this.state;\n\n    return (\n      <CSSTransition\n        in={show}\n        timeout={timeout}\n        classNames=\"popper-transition\"\n        onEntered={this.handleEnter}\n        onExited={this.handleExit}\n      >\n        <div\n          onClick={e => {\n            // stop click events from escaping popper\n            e.stopPropagation();\n          }}\n          onKeyDown={e => {\n            if (e.key === 'Escape') this.hide();\n          }}\n          className={classNames('popper', { interactive }, className)}\n          onBlur={closeOnBlur ? this.handleBlur : undefined}\n          tabIndex={closeOnBlur ? -1 : undefined}\n          role=\"presentation\"\n        >\n          <div className=\"popper-content\">\n            {children}\n            {/* eslint-disable-next-line react/no-unknown-property */}\n            <div className=\"popper-arrow\" x-arrow=\"\" />\n          </div>\n        </div>\n      </CSSTransition>\n    );\n  }\n\n  render(): JSX.Element {\n    const { popper } = this.state;\n    const { 'data-testid': dataTestId } = this.props;\n    return (\n      <div\n        className=\"popper-parent-container\"\n        ref={this.container}\n        style={{ display: 'none' }}\n        data-testid={dataTestId}\n      >\n        {popper && ReactDOM.createPortal(this.renderContent(), this.element)}\n      </div>\n    );\n  }\n}\n\nexport default Popper;\nexport type { PopperOptions, ReferenceObject };\n"],"mappings":"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"}
+{"version":3,"file":"Popper.js","names":["React","Component","ReactDOM","classNames","CSSTransition","PopperJs","PropTypes","ThemeExport","jsx","_jsx","jsxs","_jsxs","Popper","constructor","props","_defineProperty","handleEnter","bind","handleExit","handleBlur","element","document","createElement","className","container","createRef","rAF","isShown","state","show","popper","componentDidUpdate","prevProps","cancelAnimationFrame","window","requestAnimationFrame","hide","componentWillUnmount","destroyPopper","getVisibleElement","clientHeight","clientWidth","parentElement","initPopper","closeOnBlur","referenceObject","current","options","_objectSpread","placement","modifiers","preventOverflow","boundariesElement","body","appendChild","parent","scheduleUpdate","contains","activeElement","elem","firstElementChild","HTMLElement","focus","setState","updateState","arguments","length","undefined","destroy","removeChild","e","relatedTarget","onEntered","onExited","renderContent","children","timeout","interactive","in","onClick","stopPropagation","onKeyDown","key","onBlur","tabIndex","role","render","dataTestId","ref","style","display","createPortal","node","isRequired","shape","string","number","func","bool","transitionMs"],"sources":["../../src/popper/Popper.tsx"],"sourcesContent":["/**\n *  A component for creating popover dialogs. Only requires child element.\n *\n * <Popper\n *   options={popperOptions}\n *   className=\"whatever\"\n *   onEntered={this.handleEnter}\n *   onExited={this.handleExit}\n *   closeOnBlur // if you want dialog to self close, on click outside\n *   interactive // if popper contents will be interactable\n *   isShown={variable} // controls if its shown or not,\n *   ref={this.popper} // or via ref and this.popper.show() or this.popper.hide()\n *  >\n *   <ChildContent />\n * </Popper>\n */\n\nimport React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport classNames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport PopperJs, { PopperOptions, ReferenceObject } from 'popper.js';\nimport PropTypes from 'prop-types';\nimport ThemeExport from '../ThemeExport';\nimport './Popper.scss';\n\ninterface PopperProps {\n  options: PopperOptions;\n  className: string;\n  timeout: number;\n  onEntered: () => void;\n  onExited: () => void;\n  isShown: boolean;\n  closeOnBlur: boolean;\n  interactive: boolean;\n  referenceObject: ReferenceObject | null;\n  'data-testid'?: string;\n}\n\ninterface PopperState {\n  show: boolean;\n  popper: PopperJs | null;\n}\n\nclass Popper extends Component<PopperProps, PopperState> {\n  static propTypes = {\n    children: PropTypes.node.isRequired,\n    options: PropTypes.shape({}),\n    className: PropTypes.string,\n    timeout: PropTypes.number,\n    onEntered: PropTypes.func,\n    onExited: PropTypes.func,\n    isShown: PropTypes.bool,\n    closeOnBlur: PropTypes.bool,\n    interactive: PropTypes.bool,\n    referenceObject: PropTypes.shape({}),\n    'data-testid': PropTypes.string,\n  };\n\n  static defaultProps = {\n    options: {},\n    className: '',\n    timeout: ThemeExport.transitionMs,\n    onEntered(): void {\n      // no-op\n    },\n    onExited(): void {\n      // no-op\n    },\n    isShown: false,\n    interactive: false,\n    closeOnBlur: false,\n    referenceObject: null,\n    'data-testid': undefined,\n  };\n\n  constructor(props: PopperProps) {\n    super(props);\n\n    this.handleEnter = this.handleEnter.bind(this);\n    this.handleExit = this.handleExit.bind(this);\n    this.handleBlur = this.handleBlur.bind(this);\n    this.element = document.createElement('div');\n    this.element.className = 'popper-container';\n    this.container = React.createRef<HTMLDivElement>();\n\n    // cancelAnimationFrame does nothing if the handle isn't recognized\n    // requestAnimationFrame provides a non-zero number, so 0 as a default should be safe\n    this.rAF = 0;\n\n    const { isShown } = this.props;\n\n    this.state = {\n      show: isShown,\n      popper: null,\n    };\n  }\n\n  componentDidUpdate(prevProps: PopperProps): void {\n    const { isShown } = this.props;\n\n    if (prevProps.isShown !== isShown) {\n      if (isShown) {\n        cancelAnimationFrame(this.rAF);\n        this.rAF = window.requestAnimationFrame(() => {\n          this.show();\n        });\n      } else {\n        this.hide();\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.destroyPopper(false);\n  }\n\n  element: HTMLDivElement;\n\n  container: React.RefObject<HTMLDivElement>;\n\n  // This is the request animation frame handle number\n  rAF: number;\n\n  /** Goes through an element and it's parents until the first visible element is found */\n  getVisibleElement(element: HTMLElement | null): HTMLElement | null {\n    if (\n      element == null ||\n      element.clientHeight > 0 ||\n      element.clientWidth > 0\n    ) {\n      return element;\n    }\n\n    return this.getVisibleElement(element.parentElement);\n  }\n\n  initPopper(): void {\n    let { popper } = this.state;\n    const { closeOnBlur, referenceObject } = this.props;\n\n    if (popper) {\n      return;\n    }\n\n    if (this.container.current === null) {\n      return;\n    }\n\n    let { options } = this.props;\n    options = {\n      placement: 'auto',\n      modifiers: { preventOverflow: { boundariesElement: 'viewport' } },\n      ...options,\n    };\n    document.body.appendChild(this.element);\n\n    let parent = this.getVisibleElement(this.container.current);\n    if (parent == null) {\n      parent = this.container.current;\n    }\n\n    popper = new PopperJs(referenceObject || parent, this.element, options);\n    popper.scheduleUpdate();\n\n    // delayed due to scheduleUpdate\n    cancelAnimationFrame(this.rAF);\n    this.rAF = window.requestAnimationFrame(() => {\n      // for blur on close to work, focus needs to be on or within the popper\n      if (closeOnBlur && !this.element.contains(document.activeElement)) {\n        // only set focus, if a focus isn't already set within\n        const elem = this.element.firstElementChild;\n        if (elem instanceof HTMLElement) {\n          elem.focus(); // first child of the portal element\n        }\n      }\n    });\n\n    this.setState({ popper });\n  }\n\n  destroyPopper(updateState = true): void {\n    cancelAnimationFrame(this.rAF);\n\n    const { popper } = this.state;\n    if (!popper) {\n      return;\n    }\n\n    popper.destroy();\n\n    // If component is exiting and unmounted in\n    // the same frame, destroy can be called twice.\n    // Check to make sure removeChild isn't called twice.\n    if (document.body.contains(this.element)) {\n      document.body.removeChild(this.element);\n    }\n\n    if (updateState) {\n      this.setState({ popper: null });\n    }\n  }\n\n  show(): void {\n    this.initPopper();\n    this.setState({ show: true });\n  }\n\n  hide(): void {\n    this.setState({ show: false });\n  }\n\n  scheduleUpdate(): void {\n    const { popper } = this.state;\n    if (popper) popper.scheduleUpdate();\n  }\n\n  handleBlur(e: React.FocusEvent): void {\n    if (!(e.relatedTarget instanceof HTMLElement)) {\n      return;\n    }\n    if (!this.element.contains(e.relatedTarget)) {\n      this.hide();\n    }\n  }\n\n  handleEnter(): void {\n    const { onEntered } = this.props;\n    onEntered(); // trigger any parent component waiting for enter handler\n  }\n\n  handleExit(): void {\n    const { onExited } = this.props;\n    const { show } = this.state;\n    if (!show) {\n      this.destroyPopper();\n    }\n    onExited(); // trigger any parent component waiting for exited handler\n  }\n\n  renderContent(): JSX.Element {\n    const { className, children, timeout, interactive, closeOnBlur } =\n      this.props;\n    const { show } = this.state;\n\n    return (\n      <CSSTransition\n        in={show}\n        timeout={timeout}\n        classNames=\"popper-transition\"\n        onEntered={this.handleEnter}\n        onExited={this.handleExit}\n      >\n        <div\n          onClick={e => {\n            // stop click events from escaping popper\n            e.stopPropagation();\n          }}\n          onKeyDown={e => {\n            if (e.key === 'Escape') this.hide();\n          }}\n          className={classNames('popper', { interactive }, className)}\n          onBlur={closeOnBlur ? this.handleBlur : undefined}\n          tabIndex={closeOnBlur ? -1 : undefined}\n          role=\"presentation\"\n        >\n          <div className=\"popper-content\">\n            {children}\n            {/* eslint-disable-next-line react/no-unknown-property */}\n            <div className=\"popper-arrow\" x-arrow=\"\" />\n          </div>\n        </div>\n      </CSSTransition>\n    );\n  }\n\n  render(): JSX.Element {\n    const { popper } = this.state;\n    const { 'data-testid': dataTestId } = this.props;\n    return (\n      <div\n        className=\"popper-parent-container\"\n        ref={this.container}\n        style={{ display: 'none' }}\n        data-testid={dataTestId}\n      >\n        {popper && ReactDOM.createPortal(this.renderContent(), this.element)}\n      </div>\n    );\n  }\n}\n\nexport default Popper;\nexport type { PopperOptions, ReferenceObject };\n"],"mappings":"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"}

package/dist/popper/Tooltip.js

@@ -88,6 +88,9 @@ class Tooltip extends Component {
       Tooltip.handleHidden();
     }
   }
+
+  // This is platform dependent of Node/DOM
+  // Jest requires Node types
   startListening() {
     if (!this.container.current || !this.container.current.parentElement) {
       log.error("Tooltip doesn't have a container or a parent set!");

package/dist/popper/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["React","Component","classNames","Log","Popper","log","module","Tooltip","handleHidden","shownTooltipCount","lastHiddenTime","Date","now","handleShown","constructor","props","handleMouseMove","bind","handleMouseLeave","handleWindowMouseMove","handleWheel","handleTimeout","handleExited","stopShowingTooltip","container","createRef","popper","parent","timer","state","isShown","componentDidMount","startListening","timeout","show","componentDidUpdate","prevProps","prevState","oldIsShown","componentWillUnmount","stopListening","stopListeningWindow","stopTimer","current","parentElement","error","addEventListener","removeEventListener","startListeningWindow","window","startTimer","element","matches","hide","interactive","event","mouseX","clientX","mouseY","clientY","popperRect","getBoundingClientRect","parentRect","left","width","top","height","reshowTimeout","timerTimeout","triggerReshowThreshold","setTimeout","clearTimeout","setState","update","scheduleUpdate","onExited","render","children","referenceObject","popperClassName","dataTestId","onEntered","options","placement","display","defaultReshowTimeout","defaultTimeout","undefined"],"sources":["../../src/popper/Tooltip.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport classNames from 'classnames';\nimport Log from '@deephaven/log';\nimport Popper, { PopperOptions, ReferenceObject } from './Popper';\n\nconst log = Log.module('Tooltip');\n\ntype TooltipProps = typeof Tooltip.defaultProps & {\n  children: React.ReactNode;\n  interactive?: boolean;\n  options?: PopperOptions;\n  popperClassName?: string;\n  reshowTimeout?: number;\n  timeout?: number;\n  referenceObject?: ReferenceObject | null;\n  onEntered?: () => void;\n  onExited?: () => void;\n  'data-testid'?: string;\n};\ninterface TooltipState {\n  isShown: boolean;\n}\n\n/**\n * Component that can be added to an element to automatically display a tooltip.\n * Content is mounted lazily, so don't worry about complex tooltips!\n *\n * Usage:\n * <div className=\"parent-container\">\n *   Hover this container to see a tooltip\n *   <Tooltip>\n *     <div>My tooltip content goes here!</div>\n *   </Tooltip>\n * </div>\n */\nclass Tooltip extends Component<TooltipProps, TooltipState> {\n  static defaultTimeout = 500;\n\n  static defaultReshowTimeout = 100;\n\n  static triggerReshowThreshold = 300;\n\n  static shownTooltipCount = 0;\n\n  static lastHiddenTime = Date.now();\n\n  static defaultProps = {\n    interactive: false,\n    options: {},\n    popperClassName: '',\n    reshowTimeout: Tooltip.defaultReshowTimeout,\n    timeout: Tooltip.defaultTimeout,\n    onEntered: (): void => undefined,\n    onExited: (): void => undefined,\n    'data-testid': undefined,\n  };\n\n  static handleHidden(): void {\n    Tooltip.shownTooltipCount -= 1;\n\n    if (Tooltip.shownTooltipCount === 0) {\n      Tooltip.lastHiddenTime = Date.now();\n    }\n  }\n\n  static handleShown(): void {\n    Tooltip.shownTooltipCount += 1;\n  }\n\n  constructor(props: TooltipProps) {\n    super(props);\n\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleWindowMouseMove = this.handleWindowMouseMove.bind(this);\n    this.handleWheel = this.handleWheel.bind(this);\n    this.handleTimeout = this.handleTimeout.bind(this);\n    this.handleExited = this.handleExited.bind(this);\n    this.stopShowingTooltip = this.stopShowingTooltip.bind(this);\n\n    this.container = React.createRef();\n    this.popper = React.createRef();\n    this.parent = null;\n    this.timer = null;\n\n    this.state = {\n      isShown: false,\n    };\n  }\n\n  componentDidMount(): void {\n    this.startListening();\n\n    const { timeout } = this.props;\n    if (timeout === 0) {\n      this.show();\n    }\n  }\n\n  componentDidUpdate(prevProps: TooltipProps, prevState: TooltipState): void {\n    const { isShown: oldIsShown } = prevState;\n    const { isShown } = this.state;\n\n    if (isShown !== oldIsShown) {\n      if (isShown) {\n        Tooltip.handleShown();\n      } else {\n        Tooltip.handleHidden();\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.stopListening();\n    this.stopListeningWindow();\n    this.stopTimer();\n\n    const { isShown } = this.state;\n\n    if (isShown) {\n      Tooltip.handleHidden();\n    }\n  }\n\n  container: React.RefObject<HTMLDivElement>;\n\n  popper: React.RefObject<Popper>;\n\n  parent: HTMLElement | null;\n\n  // This is platform dependent of Node/DOM\n  // Jest requires Node types\n  timer: number | null;\n\n  startListening(): void {\n    if (!this.container.current || !this.container.current.parentElement) {\n      log.error(\"Tooltip doesn't have a container or a parent set!\");\n      return;\n    }\n\n    this.parent = this.container.current.parentElement;\n    this.parent.addEventListener('mousemove', this.handleMouseMove);\n    this.parent.addEventListener('mouseleave', this.handleMouseLeave);\n    this.parent.addEventListener('mousedown', this.stopShowingTooltip);\n  }\n\n  stopListening(): void {\n    if (!this.parent) {\n      return;\n    }\n\n    this.parent.removeEventListener('mousemove', this.handleMouseMove);\n    this.parent.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.parent.removeEventListener('mousedown', this.stopShowingTooltip);\n  }\n\n  startListeningWindow(): void {\n    window.addEventListener('mousemove', this.handleWindowMouseMove, true);\n    window.addEventListener('contextmenu', this.stopShowingTooltip, true);\n    window.addEventListener('wheel', this.handleWheel);\n  }\n\n  stopListeningWindow(): void {\n    window.removeEventListener('mousemove', this.handleWindowMouseMove, true);\n    window.removeEventListener('contextmenu', this.stopShowingTooltip, true);\n    window.removeEventListener('wheel', this.handleWheel);\n  }\n\n  handleMouseMove(): void {\n    this.startTimer();\n  }\n\n  handleWheel(): void {\n    const { isShown } = this.state;\n    if (this.popper.current && this.parent && isShown) {\n      if (\n        !this.popper.current.element.matches(':hover') &&\n        !this.parent.matches(':hover')\n      ) {\n        this.stopTimer();\n        this.hide();\n      }\n    }\n  }\n\n  handleMouseLeave(): void {\n    const { isShown } = this.state;\n    this.stopTimer();\n\n    const { interactive } = this.props;\n    if (!interactive && isShown) {\n      this.hide();\n    }\n  }\n\n  handleTimeout(): void {\n    this.show();\n  }\n\n  handleWindowMouseMove(event: MouseEvent): void {\n    const mouseX = event.clientX;\n    const mouseY = event.clientY;\n    const { isShown } = this.state;\n\n    if (!this.popper.current || !this.parent) {\n      return;\n    }\n    const popperRect = this.popper.current.element.getBoundingClientRect();\n    const parentRect = this.parent.getBoundingClientRect();\n\n    if (\n      mouseX >= popperRect.left &&\n      mouseX <= popperRect.left + popperRect.width &&\n      mouseY >= popperRect.top &&\n      mouseY <= popperRect.top + popperRect.height\n    ) {\n      this.handleMouseMove();\n    } else if (\n      mouseX >= parentRect.left &&\n      mouseX <= parentRect.left + parentRect.width &&\n      mouseY >= parentRect.top &&\n      mouseY <= parentRect.top + parentRect.height\n    ) {\n      this.handleMouseMove();\n    } else if (isShown) {\n      this.stopTimer();\n      this.hide();\n    }\n  }\n\n  startTimer(): void {\n    this.stopTimer();\n\n    const { timeout, reshowTimeout } = this.props;\n    let timerTimeout = timeout;\n    if (\n      Tooltip.shownTooltipCount > 0 ||\n      Date.now() - Tooltip.lastHiddenTime < Tooltip.triggerReshowThreshold\n    ) {\n      timerTimeout = reshowTimeout;\n    }\n    this.timer = window.setTimeout(this.handleTimeout, timerTimeout);\n  }\n\n  stopTimer(): void {\n    if (this.timer != null) {\n      clearTimeout(this.timer);\n      this.timer = null;\n    }\n  }\n\n  show(): void {\n    const { isShown } = this.state;\n    this.stopTimer();\n\n    if (!isShown) {\n      this.popper.current?.show();\n      this.setState({ isShown: true });\n\n      const { interactive } = this.props;\n      if (interactive) {\n        this.startListeningWindow();\n      }\n    }\n  }\n\n  hide(): void {\n    this.popper.current?.hide();\n    this.stopListeningWindow();\n  }\n\n  update(): void {\n    this.popper.current?.scheduleUpdate();\n  }\n\n  handleExited(): void {\n    this.setState({ isShown: false });\n    const { onExited } = this.props;\n    onExited();\n  }\n\n  stopShowingTooltip(): void {\n    const { isShown } = this.state;\n    this.stopTimer();\n    if (isShown) {\n      this.hide();\n    }\n  }\n\n  render(): JSX.Element {\n    const {\n      interactive,\n      children,\n      referenceObject,\n      popperClassName,\n      'data-testid': dataTestId,\n      onEntered,\n    } = this.props;\n    const { isShown } = this.state;\n\n    let { options } = this.props;\n    options = {\n      placement: 'bottom',\n      ...options,\n    };\n\n    return (\n      <div\n        ref={this.container}\n        style={{ display: 'none' }}\n        data-testid={dataTestId}\n      >\n        <Popper\n          className={classNames(popperClassName)}\n          options={options}\n          ref={this.popper}\n          onEntered={onEntered}\n          onExited={this.handleExited}\n          interactive={interactive}\n          referenceObject={referenceObject}\n        >\n          <div className=\"tooltip-content\"> {isShown && children}</div>\n        </Popper>\n      </div>\n    );\n  }\n}\n\nexport default Tooltip;\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["React","Component","classNames","Log","Popper","jsxs","_jsxs","jsx","_jsx","log","module","Tooltip","handleHidden","shownTooltipCount","lastHiddenTime","Date","now","handleShown","constructor","props","_defineProperty","handleMouseMove","bind","handleMouseLeave","handleWindowMouseMove","handleWheel","handleTimeout","handleExited","stopShowingTooltip","container","createRef","popper","parent","timer","state","isShown","componentDidMount","startListening","timeout","show","componentDidUpdate","prevProps","prevState","oldIsShown","componentWillUnmount","stopListening","stopListeningWindow","stopTimer","current","parentElement","error","addEventListener","removeEventListener","startListeningWindow","window","startTimer","element","matches","hide","interactive","event","mouseX","clientX","mouseY","clientY","popperRect","getBoundingClientRect","parentRect","left","width","top","height","reshowTimeout","timerTimeout","triggerReshowThreshold","setTimeout","clearTimeout","_this$popper$current","setState","_this$popper$current2","update","_this$popper$current3","scheduleUpdate","onExited","render","children","referenceObject","popperClassName","dataTestId","onEntered","options","_objectSpread","placement","ref","style","display","className","defaultReshowTimeout","defaultTimeout","undefined"],"sources":["../../src/popper/Tooltip.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport classNames from 'classnames';\nimport Log from '@deephaven/log';\nimport Popper, { PopperOptions, ReferenceObject } from './Popper';\n\nconst log = Log.module('Tooltip');\n\ntype TooltipProps = typeof Tooltip.defaultProps & {\n  children: React.ReactNode;\n  interactive?: boolean;\n  options?: PopperOptions;\n  popperClassName?: string;\n  reshowTimeout?: number;\n  timeout?: number;\n  referenceObject?: ReferenceObject | null;\n  onEntered?: () => void;\n  onExited?: () => void;\n  'data-testid'?: string;\n};\ninterface TooltipState {\n  isShown: boolean;\n}\n\n/**\n * Component that can be added to an element to automatically display a tooltip.\n * Content is mounted lazily, so don't worry about complex tooltips!\n *\n * Usage:\n * <div className=\"parent-container\">\n *   Hover this container to see a tooltip\n *   <Tooltip>\n *     <div>My tooltip content goes here!</div>\n *   </Tooltip>\n * </div>\n */\nclass Tooltip extends Component<TooltipProps, TooltipState> {\n  static defaultTimeout = 500;\n\n  static defaultReshowTimeout = 100;\n\n  static triggerReshowThreshold = 300;\n\n  static shownTooltipCount = 0;\n\n  static lastHiddenTime = Date.now();\n\n  static defaultProps = {\n    interactive: false,\n    options: {},\n    popperClassName: '',\n    reshowTimeout: Tooltip.defaultReshowTimeout,\n    timeout: Tooltip.defaultTimeout,\n    onEntered: (): void => undefined,\n    onExited: (): void => undefined,\n    'data-testid': undefined,\n  };\n\n  static handleHidden(): void {\n    Tooltip.shownTooltipCount -= 1;\n\n    if (Tooltip.shownTooltipCount === 0) {\n      Tooltip.lastHiddenTime = Date.now();\n    }\n  }\n\n  static handleShown(): void {\n    Tooltip.shownTooltipCount += 1;\n  }\n\n  constructor(props: TooltipProps) {\n    super(props);\n\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleWindowMouseMove = this.handleWindowMouseMove.bind(this);\n    this.handleWheel = this.handleWheel.bind(this);\n    this.handleTimeout = this.handleTimeout.bind(this);\n    this.handleExited = this.handleExited.bind(this);\n    this.stopShowingTooltip = this.stopShowingTooltip.bind(this);\n\n    this.container = React.createRef();\n    this.popper = React.createRef();\n    this.parent = null;\n    this.timer = null;\n\n    this.state = {\n      isShown: false,\n    };\n  }\n\n  componentDidMount(): void {\n    this.startListening();\n\n    const { timeout } = this.props;\n    if (timeout === 0) {\n      this.show();\n    }\n  }\n\n  componentDidUpdate(prevProps: TooltipProps, prevState: TooltipState): void {\n    const { isShown: oldIsShown } = prevState;\n    const { isShown } = this.state;\n\n    if (isShown !== oldIsShown) {\n      if (isShown) {\n        Tooltip.handleShown();\n      } else {\n        Tooltip.handleHidden();\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.stopListening();\n    this.stopListeningWindow();\n    this.stopTimer();\n\n    const { isShown } = this.state;\n\n    if (isShown) {\n      Tooltip.handleHidden();\n    }\n  }\n\n  container: React.RefObject<HTMLDivElement>;\n\n  popper: React.RefObject<Popper>;\n\n  parent: HTMLElement | null;\n\n  // This is platform dependent of Node/DOM\n  // Jest requires Node types\n  timer: number | null;\n\n  startListening(): void {\n    if (!this.container.current || !this.container.current.parentElement) {\n      log.error(\"Tooltip doesn't have a container or a parent set!\");\n      return;\n    }\n\n    this.parent = this.container.current.parentElement;\n    this.parent.addEventListener('mousemove', this.handleMouseMove);\n    this.parent.addEventListener('mouseleave', this.handleMouseLeave);\n    this.parent.addEventListener('mousedown', this.stopShowingTooltip);\n  }\n\n  stopListening(): void {\n    if (!this.parent) {\n      return;\n    }\n\n    this.parent.removeEventListener('mousemove', this.handleMouseMove);\n    this.parent.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.parent.removeEventListener('mousedown', this.stopShowingTooltip);\n  }\n\n  startListeningWindow(): void {\n    window.addEventListener('mousemove', this.handleWindowMouseMove, true);\n    window.addEventListener('contextmenu', this.stopShowingTooltip, true);\n    window.addEventListener('wheel', this.handleWheel);\n  }\n\n  stopListeningWindow(): void {\n    window.removeEventListener('mousemove', this.handleWindowMouseMove, true);\n    window.removeEventListener('contextmenu', this.stopShowingTooltip, true);\n    window.removeEventListener('wheel', this.handleWheel);\n  }\n\n  handleMouseMove(): void {\n    this.startTimer();\n  }\n\n  handleWheel(): void {\n    const { isShown } = this.state;\n    if (this.popper.current && this.parent && isShown) {\n      if (\n        !this.popper.current.element.matches(':hover') &&\n        !this.parent.matches(':hover')\n      ) {\n        this.stopTimer();\n        this.hide();\n      }\n    }\n  }\n\n  handleMouseLeave(): void {\n    const { isShown } = this.state;\n    this.stopTimer();\n\n    const { interactive } = this.props;\n    if (!interactive && isShown) {\n      this.hide();\n    }\n  }\n\n  handleTimeout(): void {\n    this.show();\n  }\n\n  handleWindowMouseMove(event: MouseEvent): void {\n    const mouseX = event.clientX;\n    const mouseY = event.clientY;\n    const { isShown } = this.state;\n\n    if (!this.popper.current || !this.parent) {\n      return;\n    }\n    const popperRect = this.popper.current.element.getBoundingClientRect();\n    const parentRect = this.parent.getBoundingClientRect();\n\n    if (\n      mouseX >= popperRect.left &&\n      mouseX <= popperRect.left + popperRect.width &&\n      mouseY >= popperRect.top &&\n      mouseY <= popperRect.top + popperRect.height\n    ) {\n      this.handleMouseMove();\n    } else if (\n      mouseX >= parentRect.left &&\n      mouseX <= parentRect.left + parentRect.width &&\n      mouseY >= parentRect.top &&\n      mouseY <= parentRect.top + parentRect.height\n    ) {\n      this.handleMouseMove();\n    } else if (isShown) {\n      this.stopTimer();\n      this.hide();\n    }\n  }\n\n  startTimer(): void {\n    this.stopTimer();\n\n    const { timeout, reshowTimeout } = this.props;\n    let timerTimeout = timeout;\n    if (\n      Tooltip.shownTooltipCount > 0 ||\n      Date.now() - Tooltip.lastHiddenTime < Tooltip.triggerReshowThreshold\n    ) {\n      timerTimeout = reshowTimeout;\n    }\n    this.timer = window.setTimeout(this.handleTimeout, timerTimeout);\n  }\n\n  stopTimer(): void {\n    if (this.timer != null) {\n      clearTimeout(this.timer);\n      this.timer = null;\n    }\n  }\n\n  show(): void {\n    const { isShown } = this.state;\n    this.stopTimer();\n\n    if (!isShown) {\n      this.popper.current?.show();\n      this.setState({ isShown: true });\n\n      const { interactive } = this.props;\n      if (interactive) {\n        this.startListeningWindow();\n      }\n    }\n  }\n\n  hide(): void {\n    this.popper.current?.hide();\n    this.stopListeningWindow();\n  }\n\n  update(): void {\n    this.popper.current?.scheduleUpdate();\n  }\n\n  handleExited(): void {\n    this.setState({ isShown: false });\n    const { onExited } = this.props;\n    onExited();\n  }\n\n  stopShowingTooltip(): void {\n    const { isShown } = this.state;\n    this.stopTimer();\n    if (isShown) {\n      this.hide();\n    }\n  }\n\n  render(): JSX.Element {\n    const {\n      interactive,\n      children,\n      referenceObject,\n      popperClassName,\n      'data-testid': dataTestId,\n      onEntered,\n    } = this.props;\n    const { isShown } = this.state;\n\n    let { options } = this.props;\n    options = {\n      placement: 'bottom',\n      ...options,\n    };\n\n    return (\n      <div\n        ref={this.container}\n        style={{ display: 'none' }}\n        data-testid={dataTestId}\n      >\n        <Popper\n          className={classNames(popperClassName)}\n          options={options}\n          ref={this.popper}\n          onEntered={onEntered}\n          onExited={this.handleExited}\n          interactive={interactive}\n          referenceObject={referenceObject}\n        >\n          <div className=\"tooltip-content\"> {isShown && children}</div>\n        </Popper>\n      </div>\n    );\n  }\n}\n\nexport default Tooltip;\n"],"mappings":"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"}

package/dist/shortcuts/Shortcut.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shortcut.js","names":["EventTarget","Log","EventShimCustomEvent","ContextActionUtils","log","module","MODIFIER","KEY","ALLOWED_SINGLE_KEY_SET","Set","ENTER","DELETE","F1","F2","F3","F4","F5","F6","F7","F8","F9","F10","F11","F12","Shortcut","isAllowedKey","key","Object","values","includes","isValidKeyState","state","keyValue","isMacPlatform","metaKey","isSingleKey","altKey","ctrlKey","shiftKey","has","createKeyState","keys","keyState","length","forEach","CTRL","ALT","OPTION","CMD","SHIFT","getKeyStateFromEvent","e","eventKey","keyCode","String","fromCharCode","getWindowsDisplayText","display","ESCAPE","getMacDisplayText","BACKSPACE","doKeyStatesMatch","state1","state2","toUpperCase","getDisplayText","constructor","id","shortcut","macShortcut","isEditable","name","tooltip","isMac","activeShortcut","defaultKeyState","getKeyState","setKeyState","debug2","JSON","stringify","dispatchEvent","detail","getDefaultKeyState","isDefault","setToNull","NULL_KEY_STATE","isNull","setToDefault","matchesKeyState","matchesEvent"],"sources":["../../src/shortcuts/Shortcut.ts"],"sourcesContent":["/* eslint-disable no-underscore-dangle */\nimport { EventTarget } from 'event-target-shim';\nimport React from 'react';\nimport { Log } from '@deephaven/log';\nimport { CustomEventMap, EventShimCustomEvent } from '@deephaven/utils';\nimport { ContextActionUtils } from '../context-actions';\n\nconst log = Log.module('Shortcut');\n\nexport enum MODIFIER {\n  CTRL = 'MODIFIER_CTRL',\n  CMD = 'MODIFIER_CMD',\n  ALT = 'MODIFIER_ALT',\n  OPTION = 'MODIFIER_OPTION',\n  SHIFT = 'MODIFIER_SHIFT',\n}\n\n// The value should match the KeyboardEvent.key value\n// This is the value which will be displayed if no display overrides are done in the OS specific getDisplayString methods\nexport enum KEY {\n  A = 'A',\n  B = 'B',\n  C = 'C',\n  D = 'D',\n  E = 'E',\n  F = 'F',\n  G = 'G',\n  H = 'H',\n  I = 'I',\n  J = 'J',\n  K = 'K',\n  L = 'L',\n  M = 'M',\n  N = 'N',\n  O = 'O',\n  P = 'P',\n  Q = 'Q',\n  R = 'R',\n  S = 'S',\n  T = 'T',\n  U = 'U',\n  V = 'V',\n  W = 'W',\n  X = 'X',\n  Y = 'Y',\n  Z = 'Z',\n  ZERO = '0',\n  ONE = '1',\n  TWO = '2',\n  THREE = '3',\n  FOUR = '4',\n  FIVE = '5',\n  SIX = '6',\n  SEVEN = '7',\n  EIGHT = '8',\n  NINE = '9',\n  BACKSPACE = 'Backspace',\n  ESCAPE = 'Escape',\n  ENTER = 'Enter',\n  DELETE = 'Delete',\n  SLASH = '/',\n  QUESTION_MARK = '?',\n  BACKSLASH = '\\\\',\n  PIPE = '|',\n  MINUS = '-',\n  UNDERSCORE = '_',\n  EQUALS = '=',\n  PLUS = '+',\n  BACKTICK = '`',\n  TILDE = '~',\n  COMMA = ',',\n  LEFT_CHEVRON = '<',\n  PERIOD = '.',\n  RIGHT_CHEVRON = '>',\n  SEMICOLON = ';',\n  COLON = ':',\n  SINGLE_QUOTE = \"'\",\n  DOUBLE_QUOTE = '\"',\n  LEFT_BRACKET = '[',\n  RIGHT_BRACKET = ']',\n  LEFT_CURLY = '{',\n  RIGHT_CURLY = '}',\n  F1 = 'F1',\n  F2 = 'F2',\n  F3 = 'F3',\n  F4 = 'F4',\n  F5 = 'F5',\n  F6 = 'F6',\n  F7 = 'F7',\n  F8 = 'F8',\n  F9 = 'F9',\n  F10 = 'F10',\n  F11 = 'F11',\n  F12 = 'F12',\n}\n\nconst ALLOWED_SINGLE_KEY_SET: Set<KEY> = new Set([\n  KEY.ENTER,\n  KEY.DELETE,\n  KEY.F1,\n  KEY.F2,\n  KEY.F3,\n  KEY.F4,\n  KEY.F5,\n  KEY.F6,\n  KEY.F7,\n  KEY.F8,\n  KEY.F9,\n  KEY.F10,\n  KEY.F11,\n  KEY.F12,\n]);\n\ntype ShortcutKeys = [...MODIFIER[], KEY];\n\nexport interface KeyState {\n  /**\n   * This is purposely keyValue and not key to make KeyboardEvents not match the interface\n   * KeyboardEvents need some processing to get the actual value\n   * Use Shortcut.getKeyStateFromEvent to get the right KeyState from an event\n   */\n  keyValue: string | null;\n  altKey: boolean;\n  ctrlKey: boolean;\n  metaKey: boolean;\n  shiftKey: boolean;\n}\n\nexport interface ValidKeyState extends KeyState {\n  keyValue: KEY | null;\n}\n\ntype EventMap = CustomEventMap<{\n  onUpdate: CustomEvent<Shortcut>;\n}>;\n\nexport default class Shortcut extends EventTarget<EventMap, 'strict'> {\n  readonly id: string; // Unique identifier for the shortcut\n\n  readonly name: string; // e.g. Rename, Save, Run Selected\n\n  readonly tooltip?: string;\n\n  readonly isEditable: boolean;\n\n  private readonly defaultKeyState: ValidKeyState;\n\n  keyState: ValidKeyState;\n\n  static NULL_KEY_STATE: ValidKeyState = {\n    metaKey: false,\n    shiftKey: false,\n    altKey: false,\n    ctrlKey: false,\n    keyValue: null,\n  };\n\n  /**\n   * Use to check if a keyCode corresponds to an allowed key for a shortcut\n   * @param keyCode The keyCode to check. This should be the charCode of the key\n   * @returns Type predicate asserting the key is an allowed KEY\n   */\n  static isAllowedKey(key: string | null): key is KEY {\n    return Object.values(KEY).includes(key as KEY);\n  }\n\n  /**\n   * Checks if a KeyState has a valid key.\n   * @param state KeyState with any string as the key\n   * @returns True if KeyState is is using an allowed keyCode\n   */\n  static isValidKeyState(state: KeyState): state is ValidKeyState {\n    const { keyValue } = state;\n\n    if (keyValue === null) {\n      // Null state is valid\n      return true;\n    }\n\n    if (!Shortcut.isMacPlatform && state.metaKey) {\n      // MetaKey not allowed in windows\n      return false;\n    }\n\n    if (!Shortcut.isAllowedKey(keyValue)) {\n      return false;\n    }\n\n    const isSingleKey =\n      !state.altKey && !state.ctrlKey && !state.metaKey && !state.shiftKey;\n\n    return !isSingleKey || ALLOWED_SINGLE_KEY_SET.has(keyValue);\n  }\n\n  static isMacPlatform = ContextActionUtils.isMacPlatform();\n\n  /**\n   * Creates a KeyState from a valid array of modifier and key constants\n   * @param keys Array of keys in the shortcut. Modifiers first and key last. Should use the MODIFIER and KEY enums\n   * @returns KeyState representing the array of constants\n   */\n  static createKeyState(keys: ShortcutKeys): ValidKeyState {\n    const keyState: ValidKeyState = {\n      altKey: false,\n      ctrlKey: false,\n      metaKey: false,\n      shiftKey: false,\n      keyValue: keys[keys.length - 1] as KEY,\n    };\n\n    keys.forEach(key => {\n      switch (key) {\n        case MODIFIER.CTRL:\n          keyState.ctrlKey = true;\n          break;\n        case MODIFIER.ALT:\n        case MODIFIER.OPTION:\n          keyState.altKey = true;\n          break;\n        case MODIFIER.CMD:\n          keyState.metaKey = true;\n          break;\n        case MODIFIER.SHIFT:\n          keyState.shiftKey = true;\n          break;\n        default:\n          break;\n      }\n    });\n\n    return keyState;\n  }\n\n  static getKeyStateFromEvent(\n    e: React.KeyboardEvent | KeyboardEvent\n  ): KeyState {\n    const { key: eventKey, keyCode } = e;\n    let key = '';\n    if (\n      eventKey === 'Shift' ||\n      eventKey === 'Meta' ||\n      eventKey === 'Control' ||\n      eventKey === 'Alt'\n    ) {\n      key = '';\n    } else if (\n      // This is primarily for Mac which has a symbol keyboard hidden behind the alt key\n      // The keyCode still corresponds to the letter keyCode, but the key value will be a symbol\n      !Shortcut.isAllowedKey(eventKey) &&\n      Shortcut.isAllowedKey(String.fromCharCode(keyCode))\n    ) {\n      key = String.fromCharCode(keyCode);\n    } else {\n      key = eventKey;\n    }\n\n    return {\n      keyValue: key,\n      altKey: e.altKey,\n      ctrlKey: e.ctrlKey,\n      metaKey: e.metaKey,\n      shiftKey: e.shiftKey,\n    };\n  }\n\n  /**\n   * Gets display string for Windows (and Linux + any other non-Mac OS)\n   * If the key is not an allowed key, the display will only display the modifiers\n   * @param keyState KeyState to get the display for\n   * @returns The string to display on Windows/non-Mac OS\n   */\n  private static getWindowsDisplayText(keyState: KeyState): string {\n    let display = '';\n\n    if (keyState.ctrlKey) {\n      display += 'Ctrl+';\n    }\n    if (keyState.altKey) {\n      display += 'Alt+';\n    }\n    if (keyState.shiftKey) {\n      display += 'Shift+';\n    }\n\n    if (keyState.keyValue === KEY.ESCAPE) {\n      display += 'Esc';\n    } else if (keyState.keyValue !== null) {\n      display += keyState.keyValue;\n    }\n\n    return display;\n  }\n\n  /**\n   * Gets display string Mac OS\n   * If the key is not an allowed key, the display will only display the modifiers\n   * @param keyState KeyState to get the display for\n   * @returns The string to display on Mac OS\n   */\n  private static getMacDisplayText(keyState: KeyState): string {\n    let display = '';\n\n    if (keyState.ctrlKey) {\n      display += '⌃';\n    }\n    if (keyState.altKey) {\n      display += '⌥';\n    }\n    if (keyState.shiftKey) {\n      display += '⇧';\n    }\n    if (keyState.metaKey) {\n      display += '⌘';\n    }\n\n    switch (keyState.keyValue) {\n      case KEY.ENTER:\n        display += '⏎';\n        break;\n      case KEY.ESCAPE:\n        display += '⎋';\n        break;\n      case KEY.BACKSPACE:\n        display += '⌫';\n        break;\n      case KEY.DELETE:\n        display += '⌦';\n        break;\n      case null:\n        break;\n      default:\n        display += keyState.keyValue;\n    }\n\n    return display;\n  }\n\n  /**\n   * Checks if 2 KeyStates match\n   * @param state1 First KeyState to compare\n   * @param state2 Second KeyState to compare\n   * @returns True if the KeyStates match and have non-null keyValues\n   */\n  static doKeyStatesMatch(state1: KeyState, state2: KeyState): boolean {\n    return (\n      state1.keyValue?.toUpperCase() === state2.keyValue?.toUpperCase() &&\n      state1.altKey === state2.altKey &&\n      state1.ctrlKey === state2.ctrlKey &&\n      state1.metaKey === state2.metaKey &&\n      state1.shiftKey === state2.shiftKey\n    );\n  }\n\n  /**\n   * Gets the display string for the current OS from a KeyState.\n   * @param keyState KeyState to get the display for\n   * @returns Display string for the current OS\n   */\n  static getDisplayText(keyState: KeyState): string {\n    if (keyState.keyValue === null) {\n      return '';\n    }\n    return Shortcut.isMacPlatform\n      ? Shortcut.getMacDisplayText(keyState)\n      : Shortcut.getWindowsDisplayText(keyState);\n  }\n\n  constructor({\n    id,\n    shortcut,\n    macShortcut,\n    isEditable = true,\n    name,\n    tooltip,\n  }: {\n    id: string;\n    shortcut: ShortcutKeys;\n    macShortcut: ShortcutKeys;\n    isEditable?: boolean;\n    name: string;\n    tooltip?: string;\n  }) {\n    super();\n    this.id = id;\n    this.name = name;\n    this.tooltip = tooltip;\n    this.isEditable = isEditable;\n\n    const isMac = Shortcut.isMacPlatform;\n    const activeShortcut = isMac ? macShortcut : shortcut;\n    this.defaultKeyState = Shortcut.createKeyState(activeShortcut);\n    this.keyState = this.defaultKeyState;\n  }\n\n  /**\n   * Gets the display string for the current OS\n   */\n  getDisplayText(): string {\n    return Shortcut.getDisplayText(this.keyState);\n  }\n\n  /**\n   * Gets the current keyState for the Shortcut\n   */\n  getKeyState(): ValidKeyState {\n    return this.keyState;\n  }\n\n  /**\n   * Sets the KeyState if it is valid\n   * @param keyState\n   */\n  setKeyState(keyState: KeyState): void {\n    if (Shortcut.isValidKeyState(keyState)) {\n      log.debug2(`Shortcut ${this.id} updated to ${JSON.stringify(keyState)}`);\n      this.keyState = keyState;\n      this.dispatchEvent(\n        new EventShimCustomEvent('onUpdate', { detail: this })\n      );\n    } else {\n      log.debug2(\n        `Shortcut ${\n          this.id\n        } tried to update to invalid keyState ${JSON.stringify(keyState)}`\n      );\n    }\n  }\n\n  /**\n   * Gets the default key state of the shortcut\n   * @returns Default key state\n   */\n  getDefaultKeyState(): ValidKeyState {\n    return this.defaultKeyState;\n  }\n\n  isDefault(): boolean {\n    return Shortcut.doKeyStatesMatch(\n      this.getDefaultKeyState(),\n      this.getKeyState()\n    );\n  }\n\n  /**\n   * Sets the shortcut to have null keyValue\n   */\n  setToNull(): void {\n    this.setKeyState(Shortcut.NULL_KEY_STATE);\n  }\n\n  isNull(): boolean {\n    return Shortcut.doKeyStatesMatch(this.keyState, Shortcut.NULL_KEY_STATE);\n  }\n\n  /**\n   * Sets the shortcut to its default key state\n   */\n  setToDefault(): void {\n    this.setKeyState(this.defaultKeyState);\n  }\n\n  /**\n   * Checks if a KeyState matches the KeyState for the shortcut\n   * @param keyState KeyState to check\n   * @returns True if the passed KeyState matches the Shortcut's KeyState\n   */\n  matchesKeyState(keyState: KeyState): boolean {\n    return Shortcut.doKeyStatesMatch(keyState, this.keyState);\n  }\n\n  /**\n   * Alias for matchesKeyState\n   * @param e KeyboardEvent to check if the Shortcut matches\n   * @returns True if the event matches the Shortcut's KeyState\n   */\n  matchesEvent(e: React.KeyboardEvent | KeyboardEvent): boolean {\n    return this.matchesKeyState(Shortcut.getKeyStateFromEvent(e));\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Shortcut.js","names":["EventTarget","Log","EventShimCustomEvent","ContextActionUtils","log","module","MODIFIER","KEY","ALLOWED_SINGLE_KEY_SET","Set","ENTER","DELETE","F1","F2","F3","F4","F5","F6","F7","F8","F9","F10","F11","F12","Shortcut","isAllowedKey","key","Object","values","includes","isValidKeyState","state","keyValue","isMacPlatform","metaKey","isSingleKey","altKey","ctrlKey","shiftKey","has","createKeyState","keys","keyState","length","forEach","CTRL","ALT","OPTION","CMD","SHIFT","getKeyStateFromEvent","e","eventKey","keyCode","String","fromCharCode","getWindowsDisplayText","display","ESCAPE","getMacDisplayText","BACKSPACE","doKeyStatesMatch","state1","state2","_state1$keyValue","_state2$keyValue","toUpperCase","getDisplayText","constructor","_ref","id","shortcut","macShortcut","isEditable","name","tooltip","_defineProperty","isMac","activeShortcut","defaultKeyState","getKeyState","setKeyState","debug2","concat","JSON","stringify","dispatchEvent","detail","getDefaultKeyState","isDefault","setToNull","NULL_KEY_STATE","isNull","setToDefault","matchesKeyState","matchesEvent"],"sources":["../../src/shortcuts/Shortcut.ts"],"sourcesContent":["/* eslint-disable no-underscore-dangle */\nimport { EventTarget } from 'event-target-shim';\nimport React from 'react';\nimport { Log } from '@deephaven/log';\nimport { CustomEventMap, EventShimCustomEvent } from '@deephaven/utils';\nimport { ContextActionUtils } from '../context-actions';\n\nconst log = Log.module('Shortcut');\n\nexport enum MODIFIER {\n  CTRL = 'MODIFIER_CTRL',\n  CMD = 'MODIFIER_CMD',\n  ALT = 'MODIFIER_ALT',\n  OPTION = 'MODIFIER_OPTION',\n  SHIFT = 'MODIFIER_SHIFT',\n}\n\n// The value should match the KeyboardEvent.key value\n// This is the value which will be displayed if no display overrides are done in the OS specific getDisplayString methods\nexport enum KEY {\n  A = 'A',\n  B = 'B',\n  C = 'C',\n  D = 'D',\n  E = 'E',\n  F = 'F',\n  G = 'G',\n  H = 'H',\n  I = 'I',\n  J = 'J',\n  K = 'K',\n  L = 'L',\n  M = 'M',\n  N = 'N',\n  O = 'O',\n  P = 'P',\n  Q = 'Q',\n  R = 'R',\n  S = 'S',\n  T = 'T',\n  U = 'U',\n  V = 'V',\n  W = 'W',\n  X = 'X',\n  Y = 'Y',\n  Z = 'Z',\n  ZERO = '0',\n  ONE = '1',\n  TWO = '2',\n  THREE = '3',\n  FOUR = '4',\n  FIVE = '5',\n  SIX = '6',\n  SEVEN = '7',\n  EIGHT = '8',\n  NINE = '9',\n  BACKSPACE = 'Backspace',\n  ESCAPE = 'Escape',\n  ENTER = 'Enter',\n  DELETE = 'Delete',\n  SLASH = '/',\n  QUESTION_MARK = '?',\n  BACKSLASH = '\\\\',\n  PIPE = '|',\n  MINUS = '-',\n  UNDERSCORE = '_',\n  EQUALS = '=',\n  PLUS = '+',\n  BACKTICK = '`',\n  TILDE = '~',\n  COMMA = ',',\n  LEFT_CHEVRON = '<',\n  PERIOD = '.',\n  RIGHT_CHEVRON = '>',\n  SEMICOLON = ';',\n  COLON = ':',\n  SINGLE_QUOTE = \"'\",\n  DOUBLE_QUOTE = '\"',\n  LEFT_BRACKET = '[',\n  RIGHT_BRACKET = ']',\n  LEFT_CURLY = '{',\n  RIGHT_CURLY = '}',\n  F1 = 'F1',\n  F2 = 'F2',\n  F3 = 'F3',\n  F4 = 'F4',\n  F5 = 'F5',\n  F6 = 'F6',\n  F7 = 'F7',\n  F8 = 'F8',\n  F9 = 'F9',\n  F10 = 'F10',\n  F11 = 'F11',\n  F12 = 'F12',\n}\n\nconst ALLOWED_SINGLE_KEY_SET: Set<KEY> = new Set([\n  KEY.ENTER,\n  KEY.DELETE,\n  KEY.F1,\n  KEY.F2,\n  KEY.F3,\n  KEY.F4,\n  KEY.F5,\n  KEY.F6,\n  KEY.F7,\n  KEY.F8,\n  KEY.F9,\n  KEY.F10,\n  KEY.F11,\n  KEY.F12,\n]);\n\ntype ShortcutKeys = [...MODIFIER[], KEY];\n\nexport interface KeyState {\n  /**\n   * This is purposely keyValue and not key to make KeyboardEvents not match the interface\n   * KeyboardEvents need some processing to get the actual value\n   * Use Shortcut.getKeyStateFromEvent to get the right KeyState from an event\n   */\n  keyValue: string | null;\n  altKey: boolean;\n  ctrlKey: boolean;\n  metaKey: boolean;\n  shiftKey: boolean;\n}\n\nexport interface ValidKeyState extends KeyState {\n  keyValue: KEY | null;\n}\n\ntype EventMap = CustomEventMap<{\n  onUpdate: CustomEvent<Shortcut>;\n}>;\n\nexport default class Shortcut extends EventTarget<EventMap, 'strict'> {\n  readonly id: string; // Unique identifier for the shortcut\n\n  readonly name: string; // e.g. Rename, Save, Run Selected\n\n  readonly tooltip?: string;\n\n  readonly isEditable: boolean;\n\n  private readonly defaultKeyState: ValidKeyState;\n\n  keyState: ValidKeyState;\n\n  static NULL_KEY_STATE: ValidKeyState = {\n    metaKey: false,\n    shiftKey: false,\n    altKey: false,\n    ctrlKey: false,\n    keyValue: null,\n  };\n\n  /**\n   * Use to check if a keyCode corresponds to an allowed key for a shortcut\n   * @param keyCode The keyCode to check. This should be the charCode of the key\n   * @returns Type predicate asserting the key is an allowed KEY\n   */\n  static isAllowedKey(key: string | null): key is KEY {\n    return Object.values(KEY).includes(key as KEY);\n  }\n\n  /**\n   * Checks if a KeyState has a valid key.\n   * @param state KeyState with any string as the key\n   * @returns True if KeyState is is using an allowed keyCode\n   */\n  static isValidKeyState(state: KeyState): state is ValidKeyState {\n    const { keyValue } = state;\n\n    if (keyValue === null) {\n      // Null state is valid\n      return true;\n    }\n\n    if (!Shortcut.isMacPlatform && state.metaKey) {\n      // MetaKey not allowed in windows\n      return false;\n    }\n\n    if (!Shortcut.isAllowedKey(keyValue)) {\n      return false;\n    }\n\n    const isSingleKey =\n      !state.altKey && !state.ctrlKey && !state.metaKey && !state.shiftKey;\n\n    return !isSingleKey || ALLOWED_SINGLE_KEY_SET.has(keyValue);\n  }\n\n  static isMacPlatform = ContextActionUtils.isMacPlatform();\n\n  /**\n   * Creates a KeyState from a valid array of modifier and key constants\n   * @param keys Array of keys in the shortcut. Modifiers first and key last. Should use the MODIFIER and KEY enums\n   * @returns KeyState representing the array of constants\n   */\n  static createKeyState(keys: ShortcutKeys): ValidKeyState {\n    const keyState: ValidKeyState = {\n      altKey: false,\n      ctrlKey: false,\n      metaKey: false,\n      shiftKey: false,\n      keyValue: keys[keys.length - 1] as KEY,\n    };\n\n    keys.forEach(key => {\n      switch (key) {\n        case MODIFIER.CTRL:\n          keyState.ctrlKey = true;\n          break;\n        case MODIFIER.ALT:\n        case MODIFIER.OPTION:\n          keyState.altKey = true;\n          break;\n        case MODIFIER.CMD:\n          keyState.metaKey = true;\n          break;\n        case MODIFIER.SHIFT:\n          keyState.shiftKey = true;\n          break;\n        default:\n          break;\n      }\n    });\n\n    return keyState;\n  }\n\n  static getKeyStateFromEvent(\n    e: React.KeyboardEvent | KeyboardEvent\n  ): KeyState {\n    const { key: eventKey, keyCode } = e;\n    let key = '';\n    if (\n      eventKey === 'Shift' ||\n      eventKey === 'Meta' ||\n      eventKey === 'Control' ||\n      eventKey === 'Alt'\n    ) {\n      key = '';\n    } else if (\n      // This is primarily for Mac which has a symbol keyboard hidden behind the alt key\n      // The keyCode still corresponds to the letter keyCode, but the key value will be a symbol\n      !Shortcut.isAllowedKey(eventKey) &&\n      Shortcut.isAllowedKey(String.fromCharCode(keyCode))\n    ) {\n      key = String.fromCharCode(keyCode);\n    } else {\n      key = eventKey;\n    }\n\n    return {\n      keyValue: key,\n      altKey: e.altKey,\n      ctrlKey: e.ctrlKey,\n      metaKey: e.metaKey,\n      shiftKey: e.shiftKey,\n    };\n  }\n\n  /**\n   * Gets display string for Windows (and Linux + any other non-Mac OS)\n   * If the key is not an allowed key, the display will only display the modifiers\n   * @param keyState KeyState to get the display for\n   * @returns The string to display on Windows/non-Mac OS\n   */\n  private static getWindowsDisplayText(keyState: KeyState): string {\n    let display = '';\n\n    if (keyState.ctrlKey) {\n      display += 'Ctrl+';\n    }\n    if (keyState.altKey) {\n      display += 'Alt+';\n    }\n    if (keyState.shiftKey) {\n      display += 'Shift+';\n    }\n\n    if (keyState.keyValue === KEY.ESCAPE) {\n      display += 'Esc';\n    } else if (keyState.keyValue !== null) {\n      display += keyState.keyValue;\n    }\n\n    return display;\n  }\n\n  /**\n   * Gets display string Mac OS\n   * If the key is not an allowed key, the display will only display the modifiers\n   * @param keyState KeyState to get the display for\n   * @returns The string to display on Mac OS\n   */\n  private static getMacDisplayText(keyState: KeyState): string {\n    let display = '';\n\n    if (keyState.ctrlKey) {\n      display += '⌃';\n    }\n    if (keyState.altKey) {\n      display += '⌥';\n    }\n    if (keyState.shiftKey) {\n      display += '⇧';\n    }\n    if (keyState.metaKey) {\n      display += '⌘';\n    }\n\n    switch (keyState.keyValue) {\n      case KEY.ENTER:\n        display += '⏎';\n        break;\n      case KEY.ESCAPE:\n        display += '⎋';\n        break;\n      case KEY.BACKSPACE:\n        display += '⌫';\n        break;\n      case KEY.DELETE:\n        display += '⌦';\n        break;\n      case null:\n        break;\n      default:\n        display += keyState.keyValue;\n    }\n\n    return display;\n  }\n\n  /**\n   * Checks if 2 KeyStates match\n   * @param state1 First KeyState to compare\n   * @param state2 Second KeyState to compare\n   * @returns True if the KeyStates match and have non-null keyValues\n   */\n  static doKeyStatesMatch(state1: KeyState, state2: KeyState): boolean {\n    return (\n      state1.keyValue?.toUpperCase() === state2.keyValue?.toUpperCase() &&\n      state1.altKey === state2.altKey &&\n      state1.ctrlKey === state2.ctrlKey &&\n      state1.metaKey === state2.metaKey &&\n      state1.shiftKey === state2.shiftKey\n    );\n  }\n\n  /**\n   * Gets the display string for the current OS from a KeyState.\n   * @param keyState KeyState to get the display for\n   * @returns Display string for the current OS\n   */\n  static getDisplayText(keyState: KeyState): string {\n    if (keyState.keyValue === null) {\n      return '';\n    }\n    return Shortcut.isMacPlatform\n      ? Shortcut.getMacDisplayText(keyState)\n      : Shortcut.getWindowsDisplayText(keyState);\n  }\n\n  constructor({\n    id,\n    shortcut,\n    macShortcut,\n    isEditable = true,\n    name,\n    tooltip,\n  }: {\n    id: string;\n    shortcut: ShortcutKeys;\n    macShortcut: ShortcutKeys;\n    isEditable?: boolean;\n    name: string;\n    tooltip?: string;\n  }) {\n    super();\n    this.id = id;\n    this.name = name;\n    this.tooltip = tooltip;\n    this.isEditable = isEditable;\n\n    const isMac = Shortcut.isMacPlatform;\n    const activeShortcut = isMac ? macShortcut : shortcut;\n    this.defaultKeyState = Shortcut.createKeyState(activeShortcut);\n    this.keyState = this.defaultKeyState;\n  }\n\n  /**\n   * Gets the display string for the current OS\n   */\n  getDisplayText(): string {\n    return Shortcut.getDisplayText(this.keyState);\n  }\n\n  /**\n   * Gets the current keyState for the Shortcut\n   */\n  getKeyState(): ValidKeyState {\n    return this.keyState;\n  }\n\n  /**\n   * Sets the KeyState if it is valid\n   * @param keyState\n   */\n  setKeyState(keyState: KeyState): void {\n    if (Shortcut.isValidKeyState(keyState)) {\n      log.debug2(`Shortcut ${this.id} updated to ${JSON.stringify(keyState)}`);\n      this.keyState = keyState;\n      this.dispatchEvent(\n        new EventShimCustomEvent('onUpdate', { detail: this })\n      );\n    } else {\n      log.debug2(\n        `Shortcut ${\n          this.id\n        } tried to update to invalid keyState ${JSON.stringify(keyState)}`\n      );\n    }\n  }\n\n  /**\n   * Gets the default key state of the shortcut\n   * @returns Default key state\n   */\n  getDefaultKeyState(): ValidKeyState {\n    return this.defaultKeyState;\n  }\n\n  isDefault(): boolean {\n    return Shortcut.doKeyStatesMatch(\n      this.getDefaultKeyState(),\n      this.getKeyState()\n    );\n  }\n\n  /**\n   * Sets the shortcut to have null keyValue\n   */\n  setToNull(): void {\n    this.setKeyState(Shortcut.NULL_KEY_STATE);\n  }\n\n  isNull(): boolean {\n    return Shortcut.doKeyStatesMatch(this.keyState, Shortcut.NULL_KEY_STATE);\n  }\n\n  /**\n   * Sets the shortcut to its default key state\n   */\n  setToDefault(): void {\n    this.setKeyState(this.defaultKeyState);\n  }\n\n  /**\n   * Checks if a KeyState matches the KeyState for the shortcut\n   * @param keyState KeyState to check\n   * @returns True if the passed KeyState matches the Shortcut's KeyState\n   */\n  matchesKeyState(keyState: KeyState): boolean {\n    return Shortcut.doKeyStatesMatch(keyState, this.keyState);\n  }\n\n  /**\n   * Alias for matchesKeyState\n   * @param e KeyboardEvent to check if the Shortcut matches\n   * @returns True if the event matches the Shortcut's KeyState\n   */\n  matchesEvent(e: React.KeyboardEvent | KeyboardEvent): boolean {\n    return this.matchesKeyState(Shortcut.getKeyStateFromEvent(e));\n  }\n}\n"],"mappings":"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"}

package/dist/shortcuts/ShortcutRegistry.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutRegistry.js","names":["EventTarget","Log","EventShimCustomEvent","Shortcut","log","module","ShortcutRegistry","Map","createAndAdd","params","shortcut","add","existingShortcut","shortcutMap","get","id","warn","debug2","addEventListener","detail","dispatchEvent","category","split","set","shortcutsByCategory","has","push","getConflictingShortcuts","keyState","Array","from","values","filter","isNull","matchesKeyState","registry","Object","freeze"],"sources":["../../src/shortcuts/ShortcutRegistry.ts"],"sourcesContent":["/* eslint-disable max-classes-per-file */\nimport { EventTarget } from 'event-target-shim';\nimport { Log } from '@deephaven/log';\nimport { CustomEventMap, EventShimCustomEvent } from '@deephaven/utils';\nimport Shortcut, { KeyState } from './Shortcut';\n\nconst log = Log.module('ShortcutRegistry');\n\ntype EventMap = CustomEventMap<{\n  onUpdate: CustomEvent<Shortcut>;\n}>;\n\nclass ShortcutRegistry extends EventTarget<EventMap, 'strict'> {\n  readonly shortcutMap = new Map<string, Shortcut>();\n\n  readonly shortcutsByCategory = new Map<string, Shortcut[]>();\n\n  /**\n   * Creates a Shortcut and adds it to the registry\n   * @param params The constructor params for the {@link Shortcut}\n   * @returns The created shortcut or the shortcut in the registry if 1 already exists w/ the same ID\n   */\n  createAndAdd(params: ConstructorParameters<typeof Shortcut>[0]): Shortcut {\n    const shortcut = new Shortcut(params);\n    return this.add(shortcut);\n  }\n\n  /**\n   * Adds a shortcut to the registry. Warns and returns existing shortcut if a shortcut with the same ID already exists\n   * @param shortcut Shortcut to add to the registry\n   * @returns Shortcut passed if it is not in the registry. Shortcut from the registry if one exists for the same ID\n   */\n  add(shortcut: Shortcut): Shortcut {\n    const existingShortcut = this.shortcutMap.get(shortcut.id);\n    if (existingShortcut) {\n      log.warn(\n        `Skipping attempt to add duplicate shortcut ID to registry: ${shortcut.id}`\n      );\n      return existingShortcut;\n    }\n\n    log.debug2(`Adding shortcut to registry: ${shortcut.id}`);\n\n    shortcut.addEventListener('onUpdate', ({ detail }) =>\n      this.dispatchEvent(new EventShimCustomEvent('onUpdate', { detail }))\n    );\n\n    const category = shortcut.id.split('.')[0];\n\n    this.shortcutMap.set(shortcut.id, shortcut);\n    if (this.shortcutsByCategory.has(category)) {\n      this.shortcutsByCategory.get(category)?.push(shortcut);\n    } else {\n      this.shortcutsByCategory.set(category, [shortcut]);\n    }\n\n    return shortcut;\n  }\n\n  /**\n   * Gets a shortcut from the registry from an ID\n   * @param id ID of the shortcut\n   * @returns The shortcut for that ID if it exists\n   */\n  get(id: string): Shortcut | undefined {\n    return this.shortcutMap.get(id);\n  }\n\n  /**\n   * Gets an array of any registered shortcuts with conflicting key states.\n   * Only checks the key states of the current OS (Mac or Windows/Linux)\n   * @param keyState\n   * @returns Array of conflicting shortcuts. Empty array if none conflict\n   */\n  getConflictingShortcuts(keyState: KeyState): Shortcut[] {\n    return Array.from(this.shortcutMap.values()).filter(\n      shortcut => !shortcut.isNull() && shortcut.matchesKeyState(keyState)\n    );\n  }\n}\n\nconst registry = Object.freeze(new ShortcutRegistry());\n\nexport default registry;\n"],"mappings":";;;AAAA;AACA,SAASA,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAAyBC,oBAAoB,QAAQ,kBAAkB;AAAC,OACjEC,QAAQ;AAEf,IAAMC,GAAG,GAAGH,GAAG,CAACI,MAAM,CAAC,kBAAkB,CAAC;AAM1C,MAAMC,gBAAgB,SAASN,WAAW,CAAqB;EAAA;IAAA;IAAA,qCACtC,IAAIO,GAAG,EAAoB;IAAA,6CAEnB,IAAIA,GAAG,EAAsB;EAAA;EAE5D;AACF;AACA;AACA;AACA;EACEC,YAAY,CAACC,MAAiD,EAAY;IACxE,IAAMC,QAAQ,GAAG,IAAIP,QAAQ,CAACM,MAAM,CAAC;IACrC,OAAO,IAAI,CAACE,GAAG,CAACD,QAAQ,CAAC;EAC3B;;EAEA;AACF;AACA;AACA;AACA;EACEC,GAAG,CAACD,QAAkB,EAAY;IAChC,IAAME,gBAAgB,GAAG,IAAI,CAACC,WAAW,CAACC,GAAG,CAACJ,QAAQ,CAACK,EAAE,CAAC;IAC1D,IAAIH,gBAAgB,EAAE;MACpBR,GAAG,CAACY,IAAI,sEACwDN,QAAQ,CAACK,EAAE,EAC1E;MACD,OAAOH,gBAAgB;IACzB;IAEAR,GAAG,CAACa,MAAM,wCAAiCP,QAAQ,CAACK,EAAE,EAAG;IAEzDL,QAAQ,CAACQ,gBAAgB,CAAC,UAAU,EAAE;MAAA,IAAC;QAAEC;MAAO,CAAC;MAAA,OAC/C,IAAI,CAACC,aAAa,CAAC,IAAIlB,oBAAoB,CAAC,UAAU,EAAE;QAAEiB;MAAO,CAAC,CAAC,CAAC;IAAA,EACrE;IAED,IAAME,QAAQ,GAAGX,QAAQ,CAACK,EAAE,CAACO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAE1C,IAAI,CAACT,WAAW,CAACU,GAAG,CAACb,QAAQ,CAACK,EAAE,EAAEL,QAAQ,CAAC;IAC3C,IAAI,IAAI,CAACc,mBAAmB,CAACC,GAAG,CAACJ,QAAQ,CAAC,EAAE;MAAA;MAC1C,6BAAI,CAACG,mBAAmB,CAACV,GAAG,CAACO,QAAQ,CAAC,0DAAtC,sBAAwCK,IAAI,CAAChB,QAAQ,CAAC;IACxD,CAAC,MAAM;MACL,IAAI,CAACc,mBAAmB,CAACD,GAAG,CAACF,QAAQ,EAAE,CAACX,QAAQ,CAAC,CAAC;IACpD;IAEA,OAAOA,QAAQ;EACjB;;EAEA;AACF;AACA;AACA;AACA;EACEI,GAAG,CAACC,EAAU,EAAwB;IACpC,OAAO,IAAI,CAACF,WAAW,CAACC,GAAG,CAACC,EAAE,CAAC;EACjC;;EAEA;AACF;AACA;AACA;AACA;AACA;EACEY,uBAAuB,CAACC,QAAkB,EAAc;IACtD,OAAOC,KAAK,CAACC,IAAI,CAAC,IAAI,CAACjB,WAAW,CAACkB,MAAM,EAAE,CAAC,CAACC,MAAM,CACjDtB,QAAQ,IAAI,CAACA,QAAQ,CAACuB,MAAM,EAAE,IAAIvB,QAAQ,CAACwB,eAAe,CAACN,QAAQ,CAAC,CACrE;EACH;AACF;AAEA,IAAMO,QAAQ,GAAGC,MAAM,CAACC,MAAM,CAAC,IAAI/B,gBAAgB,EAAE,CAAC;AAEtD,eAAe6B,QAAQ"}
+{"version":3,"file":"ShortcutRegistry.js","names":["EventTarget","Log","EventShimCustomEvent","Shortcut","log","module","ShortcutRegistry","constructor","arguments","_defineProperty","Map","createAndAdd","params","shortcut","add","existingShortcut","shortcutMap","get","id","warn","concat","debug2","addEventListener","_ref","detail","dispatchEvent","category","split","set","shortcutsByCategory","has","_this$shortcutsByCate","push","getConflictingShortcuts","keyState","Array","from","values","filter","isNull","matchesKeyState","registry","Object","freeze"],"sources":["../../src/shortcuts/ShortcutRegistry.ts"],"sourcesContent":["/* eslint-disable max-classes-per-file */\nimport { EventTarget } from 'event-target-shim';\nimport { Log } from '@deephaven/log';\nimport { CustomEventMap, EventShimCustomEvent } from '@deephaven/utils';\nimport Shortcut, { KeyState } from './Shortcut';\n\nconst log = Log.module('ShortcutRegistry');\n\ntype EventMap = CustomEventMap<{\n  onUpdate: CustomEvent<Shortcut>;\n}>;\n\nclass ShortcutRegistry extends EventTarget<EventMap, 'strict'> {\n  readonly shortcutMap = new Map<string, Shortcut>();\n\n  readonly shortcutsByCategory = new Map<string, Shortcut[]>();\n\n  /**\n   * Creates a Shortcut and adds it to the registry\n   * @param params The constructor params for the {@link Shortcut}\n   * @returns The created shortcut or the shortcut in the registry if 1 already exists w/ the same ID\n   */\n  createAndAdd(params: ConstructorParameters<typeof Shortcut>[0]): Shortcut {\n    const shortcut = new Shortcut(params);\n    return this.add(shortcut);\n  }\n\n  /**\n   * Adds a shortcut to the registry. Warns and returns existing shortcut if a shortcut with the same ID already exists\n   * @param shortcut Shortcut to add to the registry\n   * @returns Shortcut passed if it is not in the registry. Shortcut from the registry if one exists for the same ID\n   */\n  add(shortcut: Shortcut): Shortcut {\n    const existingShortcut = this.shortcutMap.get(shortcut.id);\n    if (existingShortcut) {\n      log.warn(\n        `Skipping attempt to add duplicate shortcut ID to registry: ${shortcut.id}`\n      );\n      return existingShortcut;\n    }\n\n    log.debug2(`Adding shortcut to registry: ${shortcut.id}`);\n\n    shortcut.addEventListener('onUpdate', ({ detail }) =>\n      this.dispatchEvent(new EventShimCustomEvent('onUpdate', { detail }))\n    );\n\n    const category = shortcut.id.split('.')[0];\n\n    this.shortcutMap.set(shortcut.id, shortcut);\n    if (this.shortcutsByCategory.has(category)) {\n      this.shortcutsByCategory.get(category)?.push(shortcut);\n    } else {\n      this.shortcutsByCategory.set(category, [shortcut]);\n    }\n\n    return shortcut;\n  }\n\n  /**\n   * Gets a shortcut from the registry from an ID\n   * @param id ID of the shortcut\n   * @returns The shortcut for that ID if it exists\n   */\n  get(id: string): Shortcut | undefined {\n    return this.shortcutMap.get(id);\n  }\n\n  /**\n   * Gets an array of any registered shortcuts with conflicting key states.\n   * Only checks the key states of the current OS (Mac or Windows/Linux)\n   * @param keyState\n   * @returns Array of conflicting shortcuts. Empty array if none conflict\n   */\n  getConflictingShortcuts(keyState: KeyState): Shortcut[] {\n    return Array.from(this.shortcutMap.values()).filter(\n      shortcut => !shortcut.isNull() && shortcut.matchesKeyState(keyState)\n    );\n  }\n}\n\nconst registry = Object.freeze(new ShortcutRegistry());\n\nexport default registry;\n"],"mappings":";;;AAAA;AACA,SAASA,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAAyBC,oBAAoB,QAAQ,kBAAkB;AAAC,OACjEC,QAAQ;AAEf,IAAMC,GAAG,GAAGH,GAAG,CAACI,MAAM,CAAC,kBAAkB,CAAC;AAM1C,MAAMC,gBAAgB,SAASN,WAAW,CAAqB;EAAAO,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,sBACtC,IAAIC,GAAG,CAAmB,CAAC;IAAAD,eAAA,8BAEnB,IAAIC,GAAG,CAAqB,CAAC;EAAA;EAE5D;AACF;AACA;AACA;AACA;EACEC,YAAYA,CAACC,MAAiD,EAAY;IACxE,IAAMC,QAAQ,GAAG,IAAIV,QAAQ,CAACS,MAAM,CAAC;IACrC,OAAO,IAAI,CAACE,GAAG,CAACD,QAAQ,CAAC;EAC3B;;EAEA;AACF;AACA;AACA;AACA;EACEC,GAAGA,CAACD,QAAkB,EAAY;IAChC,IAAME,gBAAgB,GAAG,IAAI,CAACC,WAAW,CAACC,GAAG,CAACJ,QAAQ,CAACK,EAAE,CAAC;IAC1D,IAAIH,gBAAgB,EAAE;MACpBX,GAAG,CAACe,IAAI,+DAAAC,MAAA,CACwDP,QAAQ,CAACK,EAAE,CAC3E,CAAC;MACD,OAAOH,gBAAgB;IACzB;IAEAX,GAAG,CAACiB,MAAM,iCAAAD,MAAA,CAAiCP,QAAQ,CAACK,EAAE,CAAE,CAAC;IAEzDL,QAAQ,CAACS,gBAAgB,CAAC,UAAU,EAAEC,IAAA;MAAA,IAAC;QAAEC;MAAO,CAAC,GAAAD,IAAA;MAAA,OAC/C,IAAI,CAACE,aAAa,CAAC,IAAIvB,oBAAoB,CAAC,UAAU,EAAE;QAAEsB;MAAO,CAAC,CAAC,CAAC;IAAA,CACtE,CAAC;IAED,IAAME,QAAQ,GAAGb,QAAQ,CAACK,EAAE,CAACS,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAE1C,IAAI,CAACX,WAAW,CAACY,GAAG,CAACf,QAAQ,CAACK,EAAE,EAAEL,QAAQ,CAAC;IAC3C,IAAI,IAAI,CAACgB,mBAAmB,CAACC,GAAG,CAACJ,QAAQ,CAAC,EAAE;MAAA,IAAAK,qBAAA;MAC1C,CAAAA,qBAAA,OAAI,CAACF,mBAAmB,CAACZ,GAAG,CAACS,QAAQ,CAAC,cAAAK,qBAAA,uBAAtCA,qBAAA,CAAwCC,IAAI,CAACnB,QAAQ,CAAC;IACxD,CAAC,MAAM;MACL,IAAI,CAACgB,mBAAmB,CAACD,GAAG,CAACF,QAAQ,EAAE,CAACb,QAAQ,CAAC,CAAC;IACpD;IAEA,OAAOA,QAAQ;EACjB;;EAEA;AACF;AACA;AACA;AACA;EACEI,GAAGA,CAACC,EAAU,EAAwB;IACpC,OAAO,IAAI,CAACF,WAAW,CAACC,GAAG,CAACC,EAAE,CAAC;EACjC;;EAEA;AACF;AACA;AACA;AACA;AACA;EACEe,uBAAuBA,CAACC,QAAkB,EAAc;IACtD,OAAOC,KAAK,CAACC,IAAI,CAAC,IAAI,CAACpB,WAAW,CAACqB,MAAM,CAAC,CAAC,CAAC,CAACC,MAAM,CACjDzB,QAAQ,IAAI,CAACA,QAAQ,CAAC0B,MAAM,CAAC,CAAC,IAAI1B,QAAQ,CAAC2B,eAAe,CAACN,QAAQ,CACrE,CAAC;EACH;AACF;AAEA,IAAMO,QAAQ,GAAGC,MAAM,CAACC,MAAM,CAAC,IAAIrC,gBAAgB,CAAC,CAAC,CAAC;AAEtD,eAAemC,QAAQ"}

package/dist/theme/SpectrumThemeProvider.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import type { Theme } from '@react-types/provider';
+export interface SpectrumThemeProviderProps {
+    children: ReactNode;
+    isPortal?: boolean;
+    theme?: Theme;
+    colorScheme?: 'light' | 'dark';
+}
+/**
+ * Wrapper around React Spectrum's theme Provider that provides DH mappings of
+ * Spectrum's theme variables to DH's theme variables. Also exposes an optional
+ * `isPortal` prop that if provided, adds a unique `data-unique-id` attribute to
+ * the Provider. This is needed to force the Provider to render the theme wrapper
+ * inside of portals.
+ */
+export declare function SpectrumThemeProvider({ children, isPortal, theme, colorScheme, }: SpectrumThemeProviderProps): JSX.Element;
+//# sourceMappingURL=SpectrumThemeProvider.d.ts.map

package/dist/theme/SpectrumThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpectrumThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/SpectrumThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAInD,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAChC;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,QAAgB,EAChB,KAAsB,EACtB,WAAW,GACZ,EAAE,0BAA0B,GAAG,GAAG,CAAC,OAAO,CAW1C"}