@deephaven/components 0.6.3-beta.9 → 0.6.3

package/dist/AutoCompleteInput.js

@@ -1,4 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 

package/dist/AutoResizeTextarea.js

@@ -9,7 +9,7 @@ import "./AutoResizeTextarea.css";
  * then the field will also "explode" the value by the delimiter over new lines
  * on focus, and implode on blur. By default, it doesn't word wrap.
  */
-var AutoResizeTextarea = _ref => {
+var AutoResizeTextarea = (_ref) => {
   var {
     className = '',
     value: propsValue,

package/dist/AutoResizeTextarea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/AutoResizeTextarea.tsx"],"names":["React","useState","useRef","useEffect","PropTypes","classNames","AutoResizeTextarea","className","value","propsValue","onChange","spellCheck","placeholder","disabled","delimiter","id","setValue","isPastedChange","setIsPastedChange","element","explode","input","trim","split","filter","string","join","implode","map","reCalculateLayout","current","style","height","resizedHeight","scrollHeight","offsetHeight","clientHeight","handleChange","event","newValue","target","handleFocus","scrollLeft","handleBlur","handlePaste","propTypes","isRequired","func","bool","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport './AutoResizeTextarea.scss';\n\ninterface AutoResizeTextareaProps {\n  value: string;\n  onChange: (val: string) => void;\n  className?: string;\n  spellCheck?: boolean;\n  placeholder?: string;\n  disabled?: boolean;\n  delimiter?: string;\n  id?: string;\n}\n\n/**\n * Makes a textarea that auto resizes based on contents, its height grows with new lines.\n * If a delimeter is set, such as \" -\" or \" \", as used by jvm args or env vars\n * then the field will also \"explode\" the value by the delimiter over new lines\n * on focus, and implode on blur. By default, it doesn't word wrap.\n */\nconst AutoResizeTextarea = ({\n  className = '',\n  value: propsValue,\n  onChange,\n  spellCheck = false,\n  placeholder = '',\n  disabled = false,\n  delimiter = '',\n  id = '',\n}: AutoResizeTextareaProps): JSX.Element => {\n  const [value, setValue] = useState(propsValue);\n  const [isPastedChange, setIsPastedChange] = useState(false);\n  const element = useRef<HTMLTextAreaElement>(null);\n\n  useEffect(() => {\n    // keep state value in sync with prop changes\n    setValue(propsValue);\n  }, [propsValue]);\n\n  function explode(input: string) {\n    // split by delimiter, commonly \" \" or \" -\"\n    // strip empty strings (if delimiter is space, and there are multiple spaces in a row)\n    // and join with new line and a trimmed delimeter (get rid of leading spaces)\n    return input\n      .trim()\n      .split(delimiter)\n      .filter(string => string) // remove empty strings\n      .join(`\\n${delimiter.trim()}`);\n  }\n\n  function implode(input: string) {\n    return input\n      .split('\\n')\n      .map(string => string.trim())\n      .join(' ');\n  }\n\n  function reCalculateLayout() {\n    if (!element.current) {\n      return;\n    }\n    element.current.style.height = 'auto'; // needed to allow component to shrink\n    const resizedHeight =\n      element.current.scrollHeight +\n      (element.current.offsetHeight - element.current.clientHeight);\n    // accounts for border, padding is captured by scroll height\n    if (resizedHeight > 0) element.current.style.height = `${resizedHeight}px`;\n  }\n\n  function handleChange(event: React.ChangeEvent<HTMLTextAreaElement>) {\n    let newValue = event.target.value;\n    if (isPastedChange) {\n      if (delimiter) newValue = explode(newValue);\n      setIsPastedChange(false);\n    }\n    setValue(newValue);\n    onChange(newValue);\n  }\n\n  function handleFocus() {\n    if (!element.current) {\n      return;\n    }\n    if (delimiter) {\n      setValue(explode(value));\n      reCalculateLayout();\n    }\n    element.current.scrollLeft = 0;\n    // scroll left as it can be disorienting if you click on a long line\n  }\n\n  function handleBlur() {\n    if (delimiter) {\n      setValue(implode(value));\n      onChange(implode(value));\n    }\n  }\n\n  function handlePaste() {\n    setIsPastedChange(true);\n  }\n\n  useEffect(() => {\n    reCalculateLayout();\n  }, [value]);\n\n  return (\n    <textarea\n      ref={element}\n      id={id}\n      className={classNames(className, 'auto-resize-textarea form-control')}\n      placeholder={placeholder}\n      value={value}\n      rows={1}\n      onChange={handleChange}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onPaste={handlePaste}\n      spellCheck={spellCheck}\n      disabled={disabled}\n    />\n  );\n};\n\nAutoResizeTextarea.propTypes = {\n  value: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  className: PropTypes.string,\n  placeholder: PropTypes.string,\n  spellCheck: PropTypes.bool,\n  disabled: PropTypes.bool,\n  delimiter: PropTypes.string,\n  id: PropTypes.string,\n};\n\nAutoResizeTextarea.defaultProps = {\n  className: '',\n  id: '',\n  placeholder: '',\n  disabled: false,\n  spellCheck: false,\n  delimiter: '',\n};\n\nexport default AutoResizeTextarea;\n"],"file":"AutoResizeTextarea.js"}
+{"version":3,"sources":["../src/AutoResizeTextarea.tsx"],"names":["React","useState","useRef","useEffect","PropTypes","classNames","AutoResizeTextarea","className","value","propsValue","onChange","spellCheck","placeholder","disabled","delimiter","id","setValue","isPastedChange","setIsPastedChange","element","explode","input","trim","split","filter","string","join","implode","map","reCalculateLayout","current","style","height","resizedHeight","scrollHeight","offsetHeight","clientHeight","handleChange","event","newValue","target","handleFocus","scrollLeft","handleBlur","handlePaste","propTypes","isRequired","func","bool","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport './AutoResizeTextarea.scss';\n\ninterface AutoResizeTextareaProps {\n  value: string;\n  onChange: (val: string) => void;\n  className?: string;\n  spellCheck?: boolean;\n  placeholder?: string;\n  disabled?: boolean;\n  delimiter?: string;\n  id?: string;\n}\n\n/**\n * Makes a textarea that auto resizes based on contents, its height grows with new lines.\n * If a delimeter is set, such as \" -\" or \" \", as used by jvm args or env vars\n * then the field will also \"explode\" the value by the delimiter over new lines\n * on focus, and implode on blur. By default, it doesn't word wrap.\n */\nconst AutoResizeTextarea = ({\n  className = '',\n  value: propsValue,\n  onChange,\n  spellCheck = false,\n  placeholder = '',\n  disabled = false,\n  delimiter = '',\n  id = '',\n}: AutoResizeTextareaProps): JSX.Element => {\n  const [value, setValue] = useState(propsValue);\n  const [isPastedChange, setIsPastedChange] = useState(false);\n  const element = useRef<HTMLTextAreaElement>(null);\n\n  useEffect(() => {\n    // keep state value in sync with prop changes\n    setValue(propsValue);\n  }, [propsValue]);\n\n  function explode(input: string) {\n    // split by delimiter, commonly \" \" or \" -\"\n    // strip empty strings (if delimiter is space, and there are multiple spaces in a row)\n    // and join with new line and a trimmed delimeter (get rid of leading spaces)\n    return input\n      .trim()\n      .split(delimiter)\n      .filter(string => string) // remove empty strings\n      .join(`\\n${delimiter.trim()}`);\n  }\n\n  function implode(input: string) {\n    return input\n      .split('\\n')\n      .map(string => string.trim())\n      .join(' ');\n  }\n\n  function reCalculateLayout() {\n    if (!element.current) {\n      return;\n    }\n    element.current.style.height = 'auto'; // needed to allow component to shrink\n    const resizedHeight =\n      element.current.scrollHeight +\n      (element.current.offsetHeight - element.current.clientHeight);\n    // accounts for border, padding is captured by scroll height\n    if (resizedHeight > 0) element.current.style.height = `${resizedHeight}px`;\n  }\n\n  function handleChange(event: React.ChangeEvent<HTMLTextAreaElement>) {\n    let newValue = event.target.value;\n    if (isPastedChange) {\n      if (delimiter) newValue = explode(newValue);\n      setIsPastedChange(false);\n    }\n    setValue(newValue);\n    onChange(newValue);\n  }\n\n  function handleFocus() {\n    if (!element.current) {\n      return;\n    }\n    if (delimiter) {\n      setValue(explode(value));\n      reCalculateLayout();\n    }\n    element.current.scrollLeft = 0;\n    // scroll left as it can be disorienting if you click on a long line\n  }\n\n  function handleBlur() {\n    if (delimiter) {\n      setValue(implode(value));\n      onChange(implode(value));\n    }\n  }\n\n  function handlePaste() {\n    setIsPastedChange(true);\n  }\n\n  useEffect(() => {\n    reCalculateLayout();\n  }, [value]);\n\n  return (\n    <textarea\n      ref={element}\n      id={id}\n      className={classNames(className, 'auto-resize-textarea form-control')}\n      placeholder={placeholder}\n      value={value}\n      rows={1}\n      onChange={handleChange}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onPaste={handlePaste}\n      spellCheck={spellCheck}\n      disabled={disabled}\n    />\n  );\n};\n\nAutoResizeTextarea.propTypes = {\n  value: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  className: PropTypes.string,\n  placeholder: PropTypes.string,\n  spellCheck: PropTypes.bool,\n  disabled: PropTypes.bool,\n  delimiter: PropTypes.string,\n  id: PropTypes.string,\n};\n\nAutoResizeTextarea.defaultProps = {\n  className: '',\n  id: '',\n  placeholder: '',\n  disabled: false,\n  spellCheck: false,\n  delimiter: '',\n};\n\nexport default AutoResizeTextarea;\n"],"file":"AutoResizeTextarea.js"}

package/dist/CardFlip.js

@@ -10,7 +10,7 @@ import "./CardFlip.css";
  * @param children Expects exactly two children
  * @returns
  */
-var CardFlip = _ref => {
+var CardFlip = (_ref) => {
   var {
     className,
     isFlipped,

package/dist/CardFlip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/CardFlip.tsx"],"names":["React","useCallback","useEffect","useRef","classNames","CardFlip","className","isFlipped","children","getComponent","key","length","Error","front","transitionStart","event","target","currentTarget","document","body","classList","add","transitionEnd","remove","current","addEventListener"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,SAA7B,EAAwCC,MAAxC,QAAsD,OAAtD;AACA,OAAOC,UAAP,MAAuB,YAAvB;;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,QAAQ,GAAG,QAIiB;AAAA,MAJhB;AAChBC,IAAAA,SADgB;AAEhBC,IAAAA,SAFgB;AAGhBC,IAAAA;AAHgB,GAIgB;;AAChC,MAAMC,YAAY,GAAIC,GAAD,IAAgB;AACnC,QAAIF,QAAQ,CAACG,MAAT,KAAoB,CAAxB,EAA2B;AACzB,YAAM,IAAIC,KAAJ,CAAU,0CAAV,CAAN;AACD;;AACD,WAAOJ,QAAQ,CAACE,GAAD,CAAf;AACD,GALD;;AAOA,MAAMG,KAAK,GAAGV,MAAM,CAAiB,IAAjB,CAApB;AAEA,MAAMW,eAAe,GAAGb,WAAW,CAACc,KAAK,IAAI;AAC3C,QAAIA,KAAK,CAACC,MAAN,KAAiBD,KAAK,CAACE,aAA3B,EAA0C;AACxCC,MAAAA,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBC,GAAxB,CAA4B,wBAA5B;AACD;AACF,GAJkC,EAIhC,EAJgC,CAAnC;AAMA,MAAMC,aAAa,GAAGrB,WAAW,CAACc,KAAK,IAAI;AACzC,QAAIA,KAAK,CAACC,MAAN,KAAiBD,KAAK,CAACE,aAA3B,EAA0C;AACxCC,MAAAA,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBG,MAAxB,CAA+B,wBAA/B;AACD;AACF,GAJgC,EAI9B,EAJ8B,CAAjC;AAMArB,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI,CAACW,KAAK,CAACW,OAAX,EAAoB,MAAMZ,KAAK,CAAC,eAAD,CAAX;AACpBC,IAAAA,KAAK,CAACW,OAAN,CAAcC,gBAAd,CAA+B,iBAA/B,EAAkDX,eAAlD;AACD,GAHQ,EAGN,CAACA,eAAD,CAHM,CAAT;AAKA,sBACE;AACE,IAAA,SAAS,EAAEV,UAAU,CAACE,SAAD,EAAY;AAC/B,+BAAyBC,SADM;AAE/B,8BAAwB,CAACA;AAFM,KAAZ;AADvB,kBAME;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCE,YAAY,CAAC,CAAD,CAA9C,CANF,eAOE;AACE,IAAA,GAAG,EAAEI,KADP;AAEE,IAAA,SAAS,EAAC,kBAFZ;AAGE,IAAA,eAAe,EAAES;AAHnB,KAKGb,YAAY,CAAC,CAAD,CALf,CAPF,CADF;AAiBD,CAhDD;;AAkDA,eAAeJ,QAAf","sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport './CardFlip.scss';\n\ntype CardFlipProps = {\n  isFlipped: boolean;\n  children: [React.ReactNode, React.ReactNode];\n  className?: string;\n};\n\n/**\n * Card flip component, switches between a front and back face being visible.\n * Has logic to handle overflow on body, caused by perspective transforms\n * and moves z-index to top during transition.\n * @param isFlipped true shows second child, false shows first child\n * @param children Expects exactly two children\n * @returns\n */\nconst CardFlip = ({\n  className,\n  isFlipped,\n  children,\n}: CardFlipProps): JSX.Element => {\n  const getComponent = (key: 0 | 1) => {\n    if (children.length !== 2) {\n      throw new Error('CardFlip requires 2 children to function');\n    }\n    return children[key];\n  };\n\n  const front = useRef<HTMLDivElement>(null);\n\n  const transitionStart = useCallback(event => {\n    if (event.target === event.currentTarget) {\n      document.body.classList.add('card-flip--is-flipping');\n    }\n  }, []);\n\n  const transitionEnd = useCallback(event => {\n    if (event.target === event.currentTarget) {\n      document.body.classList.remove('card-flip--is-flipping');\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!front.current) throw Error('ref undefined');\n    front.current.addEventListener('transitionstart', transitionStart);\n  }, [transitionStart]);\n\n  return (\n    <div\n      className={classNames(className, {\n        'card-flip--show-front': isFlipped,\n        'card-flip--show-back': !isFlipped,\n      })}\n    >\n      <div className=\"card-flip--back\">{getComponent(0)}</div>\n      <div\n        ref={front}\n        className=\"card-flip--front\"\n        onTransitionEnd={transitionEnd}\n      >\n        {getComponent(1)}\n      </div>\n    </div>\n  );\n};\n\nexport default CardFlip;\n"],"file":"CardFlip.js"}
+{"version":3,"sources":["../src/CardFlip.tsx"],"names":["React","useCallback","useEffect","useRef","classNames","CardFlip","className","isFlipped","children","getComponent","key","length","Error","front","transitionStart","event","target","currentTarget","document","body","classList","add","transitionEnd","remove","current","addEventListener"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,SAA7B,EAAwCC,MAAxC,QAAsD,OAAtD;AACA,OAAOC,UAAP,MAAuB,YAAvB;;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,QAAQ,GAAG,UAIiB;AAAA,MAJhB;AAChBC,IAAAA,SADgB;AAEhBC,IAAAA,SAFgB;AAGhBC,IAAAA;AAHgB,GAIgB;;AAChC,MAAMC,YAAY,GAAIC,GAAD,IAAgB;AACnC,QAAIF,QAAQ,CAACG,MAAT,KAAoB,CAAxB,EAA2B;AACzB,YAAM,IAAIC,KAAJ,CAAU,0CAAV,CAAN;AACD;;AACD,WAAOJ,QAAQ,CAACE,GAAD,CAAf;AACD,GALD;;AAOA,MAAMG,KAAK,GAAGV,MAAM,CAAiB,IAAjB,CAApB;AAEA,MAAMW,eAAe,GAAGb,WAAW,CAACc,KAAK,IAAI;AAC3C,QAAIA,KAAK,CAACC,MAAN,KAAiBD,KAAK,CAACE,aAA3B,EAA0C;AACxCC,MAAAA,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBC,GAAxB,CAA4B,wBAA5B;AACD;AACF,GAJkC,EAIhC,EAJgC,CAAnC;AAMA,MAAMC,aAAa,GAAGrB,WAAW,CAACc,KAAK,IAAI;AACzC,QAAIA,KAAK,CAACC,MAAN,KAAiBD,KAAK,CAACE,aAA3B,EAA0C;AACxCC,MAAAA,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBG,MAAxB,CAA+B,wBAA/B;AACD;AACF,GAJgC,EAI9B,EAJ8B,CAAjC;AAMArB,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI,CAACW,KAAK,CAACW,OAAX,EAAoB,MAAMZ,KAAK,CAAC,eAAD,CAAX;AACpBC,IAAAA,KAAK,CAACW,OAAN,CAAcC,gBAAd,CAA+B,iBAA/B,EAAkDX,eAAlD;AACD,GAHQ,EAGN,CAACA,eAAD,CAHM,CAAT;AAKA,sBACE;AACE,IAAA,SAAS,EAAEV,UAAU,CAACE,SAAD,EAAY;AAC/B,+BAAyBC,SADM;AAE/B,8BAAwB,CAACA;AAFM,KAAZ;AADvB,kBAME;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCE,YAAY,CAAC,CAAD,CAA9C,CANF,eAOE;AACE,IAAA,GAAG,EAAEI,KADP;AAEE,IAAA,SAAS,EAAC,kBAFZ;AAGE,IAAA,eAAe,EAAES;AAHnB,KAKGb,YAAY,CAAC,CAAD,CALf,CAPF,CADF;AAiBD,CAhDD;;AAkDA,eAAeJ,QAAf","sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport './CardFlip.scss';\n\ntype CardFlipProps = {\n  isFlipped: boolean;\n  children: [React.ReactNode, React.ReactNode];\n  className?: string;\n};\n\n/**\n * Card flip component, switches between a front and back face being visible.\n * Has logic to handle overflow on body, caused by perspective transforms\n * and moves z-index to top during transition.\n * @param isFlipped true shows second child, false shows first child\n * @param children Expects exactly two children\n * @returns\n */\nconst CardFlip = ({\n  className,\n  isFlipped,\n  children,\n}: CardFlipProps): JSX.Element => {\n  const getComponent = (key: 0 | 1) => {\n    if (children.length !== 2) {\n      throw new Error('CardFlip requires 2 children to function');\n    }\n    return children[key];\n  };\n\n  const front = useRef<HTMLDivElement>(null);\n\n  const transitionStart = useCallback(event => {\n    if (event.target === event.currentTarget) {\n      document.body.classList.add('card-flip--is-flipping');\n    }\n  }, []);\n\n  const transitionEnd = useCallback(event => {\n    if (event.target === event.currentTarget) {\n      document.body.classList.remove('card-flip--is-flipping');\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!front.current) throw Error('ref undefined');\n    front.current.addEventListener('transitionstart', transitionStart);\n  }, [transitionStart]);\n\n  return (\n    <div\n      className={classNames(className, {\n        'card-flip--show-front': isFlipped,\n        'card-flip--show-back': !isFlipped,\n      })}\n    >\n      <div className=\"card-flip--back\">{getComponent(0)}</div>\n      <div\n        ref={front}\n        className=\"card-flip--front\"\n        onTransitionEnd={transitionEnd}\n      >\n        {getComponent(1)}\n      </div>\n    </div>\n  );\n};\n\nexport default CardFlip;\n"],"file":"CardFlip.js"}

package/dist/ComboBox.js

@@ -1,4 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 

package/dist/CustomTimeSelect.js

@@ -1,4 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 

package/dist/DeephavenSpinner.js

@@ -7,7 +7,7 @@ import classNames from 'classnames';
  * CSS animations that reach into the svg are blocking since SVG aren't drawn by the gpu, only animations
  * that are performed on the whole svg remain hardware accelerated.
  */
-var DeephavenSpinner = _ref => {
+var DeephavenSpinner = (_ref) => {
   var {
     className = '',
     show = true

package/dist/DraggableItemList.js

@@ -102,7 +102,7 @@ class DraggableItemList extends PureComponent {
       max: ItemList.CACHE_SIZE
     }));
 
-    _defineProperty(this, "getCachedRenderDraggableItem", memoize((draggablePrefix, isDragDisabled, renderItem) => _ref4 => {
+    _defineProperty(this, "getCachedRenderDraggableItem", memoize((draggablePrefix, isDragDisabled, renderItem) => (_ref4) => {
       var {
         item,
         itemIndex,

package/dist/HierarchicalCheckboxMenu.js

@@ -154,7 +154,7 @@ class HierarchicalCheckboxMenu extends Component {
     } = this.props;
     return /*#__PURE__*/React.createElement("div", {
       className: "hcm-menu-container"
-    }, Array.from(valueMap.entries()).map(_ref => {
+    }, Array.from(valueMap.entries()).map((_ref) => {
       var [parent, children] = _ref;
       return /*#__PURE__*/React.createElement("div", {
         key: parent
@@ -162,7 +162,7 @@ class HierarchicalCheckboxMenu extends Component {
         className: "hcm-parent",
         checked: HierarchicalCheckboxMenu.isParentSelected(parent, valueMap),
         onChange: () => this.toggleValueFor(parent)
-      }, parent), children !== undefined && typeof children !== 'boolean' && Array.from(children.entries()).map(_ref2 => {
+      }, parent), children !== undefined && typeof children !== 'boolean' && Array.from(children.entries()).map((_ref2) => {
         var [child, value] = _ref2;
         return /*#__PURE__*/React.createElement(Checkbox, {
           className: "hcm-child",

package/dist/ItemList.js

@@ -247,7 +247,7 @@ export class ItemList extends PureComponent {
     } = this.props;
 
     if (isDoubleClickSelect) {
-      this.setState(_ref2 => {
+      this.setState((_ref2) => {
         var {
           selectedRanges
         } = _ref2;
@@ -576,7 +576,7 @@ export class ItemList extends PureComponent {
 
   deselectRange(range) {
     RangeUtils.validateRange(range);
-    this.setState(_ref6 => {
+    this.setState((_ref6) => {
       var {
         selectedRanges
       } = _ref6;
@@ -596,7 +596,7 @@ export class ItemList extends PureComponent {
 
   selectRange(range) {
     RangeUtils.validateRange(range);
-    this.setState(_ref7 => {
+    this.setState((_ref7) => {
       var {
         selectedRanges
       } = _ref7;
@@ -687,7 +687,7 @@ export class ItemList extends PureComponent {
     return /*#__PURE__*/React.createElement(AutoSizer, {
       className: "item-list-auto-sizer",
       onResize: this.handleResize
-    }, _ref9 => {
+    }, (_ref9) => {
       var {
         width,
         height

package/dist/LoadingOverlay.js

@@ -10,7 +10,7 @@ import "./LoadingOverlay.css";
 /**
  * A loading overlay that handles displaying a loading spinner or an error message
  */
-var LoadingOverlay = _ref => {
+var LoadingOverlay = (_ref) => {
   var {
     isLoaded = false,
     isLoading = true,

package/dist/LoadingSpinner.js

@@ -4,7 +4,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { vsCircleLargeOutline, vsLoading } from '@deephaven/icons';
 import "./LoadingSpinner.css";
 
-var LoadingSpinner = _ref => {
+var LoadingSpinner = (_ref) => {
   var {
     className = ''
   } = _ref;

package/dist/Option.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-var Option = _ref => {
+var Option = (_ref) => {
   var {
     children,
     value

package/dist/RadioItem.d.ts

@@ -20,6 +20,8 @@ declare type RadioItemProps = {
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     /** The value to associate with this radio item */
     value: string;
+    /** An id used for test */
+    'data-testid'?: string;
 };
 /**
  * A RadioItem to be used within the Radio component.

package/dist/RadioItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioItem.d.ts","sourceRoot":"","sources":["../src/RadioItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,aAAK,cAAc,GAAG;IACpB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,2DAA2D;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAEtD,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,SAAS,yFAyCd,CAAC;AAeF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"RadioItem.d.ts","sourceRoot":"","sources":["../src/RadioItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,aAAK,cAAc,GAAG;IACpB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,2DAA2D;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAEtD,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IAEd,0BAA0B;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,SAAS,yFA2Cd,CAAC;AAgBF,eAAe,SAAS,CAAC"}

package/dist/RadioItem.js

@@ -16,7 +16,8 @@ var RadioItem = /*#__PURE__*/React.forwardRef((props, ref) => {
     labelClassName = '',
     name,
     onChange,
-    value
+    value,
+    'data-testid': dataTestId
   } = props;
   var [id] = useState(shortid());
   return /*#__PURE__*/React.createElement("div", {
@@ -24,6 +25,7 @@ var RadioItem = /*#__PURE__*/React.forwardRef((props, ref) => {
   }, /*#__PURE__*/React.createElement("input", {
     type: "radio",
     id: id,
+    "data-testid": dataTestId,
     name: name,
     ref: ref,
     className: classNames('custom-control-input', inputClassName, {
@@ -47,7 +49,8 @@ RadioItem.defaultProps = {
   isInvalid: false,
   labelClassName: '',
   name: undefined,
-  onChange: undefined
+  onChange: undefined,
+  'data-testid': undefined
 };
 export default RadioItem;
 //# sourceMappingURL=RadioItem.js.map

package/dist/RadioItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/RadioItem.tsx"],"names":["React","useState","classNames","shortid","RadioItem","forwardRef","props","ref","checked","children","className","disabled","inputClassName","isInvalid","labelClassName","name","onChange","value","id","displayName","defaultProps","undefined"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,OAAP,MAAoB,SAApB;;AAkCA;AACA;AACA;AACA,IAAMC,SAAS,gBAAGJ,KAAK,CAACK,UAAN,CAChB,CAACC,KAAD,EAAwBC,GAAxB,KAAgC;AAC9B,MAAM;AACJC,IAAAA,OADI;AAEJC,IAAAA,QAFI;AAGJC,IAAAA,SAAS,GAAG,EAHR;AAIJC,IAAAA,QAAQ,GAAG,KAJP;AAKJC,IAAAA,cAAc,GAAG,EALb;AAMJC,IAAAA,SAAS,GAAG,KANR;AAOJC,IAAAA,cAAc,GAAG,EAPb;AAQJC,IAAAA,IARI;AASJC,IAAAA,QATI;AAUJC,IAAAA;AAVI,MAWFX,KAXJ;AAaA,MAAM,CAACY,EAAD,IAAOjB,QAAQ,CAACE,OAAO,EAAR,CAArB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAED,UAAU,CAAC,6BAAD,EAAgCQ,SAAhC;AAA1B,kBACE;AACE,IAAA,IAAI,EAAC,OADP;AAEE,IAAA,EAAE,EAAEQ,EAFN;AAGE,IAAA,IAAI,EAAEH,IAHR;AAIE,IAAA,GAAG,EAAER,GAJP;AAKE,IAAA,SAAS,EAAEL,UAAU,CAAC,sBAAD,EAAyBU,cAAzB,EAAyC;AAC5D,oBAAcC;AAD8C,KAAzC,CALvB;AAQE,IAAA,OAAO,EAAEL,OARX;AASE,IAAA,QAAQ,EAAEG,QATZ;AAUE,IAAA,KAAK,EAAEM,KAVT;AAWE,IAAA,QAAQ,EAAED;AAXZ,IADF,eAcE;AACE,IAAA,SAAS,EAAEd,UAAU,CAAC,sBAAD,EAAyBY,cAAzB,CADvB;AAEE,IAAA,OAAO,EAAEI;AAFX,KAIGT,QAJH,CAdF,CADF;AAuBD,CAxCe,CAAlB;AA2CAL,SAAS,CAACe,WAAV,GAAwB,WAAxB;AAEAf,SAAS,CAACgB,YAAV,GAAyB;AACvBZ,EAAAA,OAAO,EAAEa,SADc;AAEvBX,EAAAA,SAAS,EAAE,EAFY;AAGvBC,EAAAA,QAAQ,EAAE,KAHa;AAIvBC,EAAAA,cAAc,EAAE,EAJO;AAKvBC,EAAAA,SAAS,EAAE,KALY;AAMvBC,EAAAA,cAAc,EAAE,EANO;AAOvBC,EAAAA,IAAI,EAAEM,SAPiB;AAQvBL,EAAAA,QAAQ,EAAEK;AARa,CAAzB;AAWA,eAAejB,SAAf","sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport shortid from 'shortid';\n\ntype RadioItemProps = {\n  /** Whether this value is currently checked or not */\n  checked?: boolean;\n\n  /** The node/text to put in the label of this radio item */\n  children: React.ReactNode;\n\n  /** An extra class name to add to the outer div component */\n  className?: string;\n\n  /** An extra class for disabling the radio button component */\n  disabled?: boolean;\n\n  /** An extra class name for the input component */\n  inputClassName?: string;\n\n  /** The value is invalid, style to show it's invalid */\n  isInvalid?: boolean;\n\n  /** An extra class name for the label component */\n  labelClassName?: string;\n\n  /** The name for this RadioItem. Should be specified by the parent Radio component */\n  name?: string;\n\n  /** Triggered when the input is checked/unchecked. Provided by the parent Radio component. */\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n\n  /** The value to associate with this radio item */\n  value: string;\n};\n\n/**\n * A RadioItem to be used within the Radio component.\n */\nconst RadioItem = React.forwardRef<HTMLInputElement, RadioItemProps>(\n  (props: RadioItemProps, ref) => {\n    const {\n      checked,\n      children,\n      className = '',\n      disabled = false,\n      inputClassName = '',\n      isInvalid = false,\n      labelClassName = '',\n      name,\n      onChange,\n      value,\n    } = props;\n\n    const [id] = useState(shortid());\n\n    return (\n      <div className={classNames('custom-control custom-radio', className)}>\n        <input\n          type=\"radio\"\n          id={id}\n          name={name}\n          ref={ref}\n          className={classNames('custom-control-input', inputClassName, {\n            'is-invalid': isInvalid,\n          })}\n          checked={checked}\n          disabled={disabled}\n          value={value}\n          onChange={onChange}\n        />\n        <label\n          className={classNames('custom-control-label', labelClassName)}\n          htmlFor={id}\n        >\n          {children}\n        </label>\n      </div>\n    );\n  }\n);\n\nRadioItem.displayName = 'RadioItem';\n\nRadioItem.defaultProps = {\n  checked: undefined,\n  className: '',\n  disabled: false,\n  inputClassName: '',\n  isInvalid: false,\n  labelClassName: '',\n  name: undefined,\n  onChange: undefined,\n};\n\nexport default RadioItem;\n"],"file":"RadioItem.js"}
+{"version":3,"sources":["../src/RadioItem.tsx"],"names":["React","useState","classNames","shortid","RadioItem","forwardRef","props","ref","checked","children","className","disabled","inputClassName","isInvalid","labelClassName","name","onChange","value","dataTestId","id","displayName","defaultProps","undefined"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,OAAP,MAAoB,SAApB;;AAqCA;AACA;AACA;AACA,IAAMC,SAAS,gBAAGJ,KAAK,CAACK,UAAN,CAChB,CAACC,KAAD,EAAwBC,GAAxB,KAAgC;AAC9B,MAAM;AACJC,IAAAA,OADI;AAEJC,IAAAA,QAFI;AAGJC,IAAAA,SAAS,GAAG,EAHR;AAIJC,IAAAA,QAAQ,GAAG,KAJP;AAKJC,IAAAA,cAAc,GAAG,EALb;AAMJC,IAAAA,SAAS,GAAG,KANR;AAOJC,IAAAA,cAAc,GAAG,EAPb;AAQJC,IAAAA,IARI;AASJC,IAAAA,QATI;AAUJC,IAAAA,KAVI;AAWJ,mBAAeC;AAXX,MAYFZ,KAZJ;AAcA,MAAM,CAACa,EAAD,IAAOlB,QAAQ,CAACE,OAAO,EAAR,CAArB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAED,UAAU,CAAC,6BAAD,EAAgCQ,SAAhC;AAA1B,kBACE;AACE,IAAA,IAAI,EAAC,OADP;AAEE,IAAA,EAAE,EAAES,EAFN;AAGE,mBAAaD,UAHf;AAIE,IAAA,IAAI,EAAEH,IAJR;AAKE,IAAA,GAAG,EAAER,GALP;AAME,IAAA,SAAS,EAAEL,UAAU,CAAC,sBAAD,EAAyBU,cAAzB,EAAyC;AAC5D,oBAAcC;AAD8C,KAAzC,CANvB;AASE,IAAA,OAAO,EAAEL,OATX;AAUE,IAAA,QAAQ,EAAEG,QAVZ;AAWE,IAAA,KAAK,EAAEM,KAXT;AAYE,IAAA,QAAQ,EAAED;AAZZ,IADF,eAeE;AACE,IAAA,SAAS,EAAEd,UAAU,CAAC,sBAAD,EAAyBY,cAAzB,CADvB;AAEE,IAAA,OAAO,EAAEK;AAFX,KAIGV,QAJH,CAfF,CADF;AAwBD,CA1Ce,CAAlB;AA6CAL,SAAS,CAACgB,WAAV,GAAwB,WAAxB;AAEAhB,SAAS,CAACiB,YAAV,GAAyB;AACvBb,EAAAA,OAAO,EAAEc,SADc;AAEvBZ,EAAAA,SAAS,EAAE,EAFY;AAGvBC,EAAAA,QAAQ,EAAE,KAHa;AAIvBC,EAAAA,cAAc,EAAE,EAJO;AAKvBC,EAAAA,SAAS,EAAE,KALY;AAMvBC,EAAAA,cAAc,EAAE,EANO;AAOvBC,EAAAA,IAAI,EAAEO,SAPiB;AAQvBN,EAAAA,QAAQ,EAAEM,SARa;AASvB,iBAAeA;AATQ,CAAzB;AAYA,eAAelB,SAAf","sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport shortid from 'shortid';\n\ntype RadioItemProps = {\n  /** Whether this value is currently checked or not */\n  checked?: boolean;\n\n  /** The node/text to put in the label of this radio item */\n  children: React.ReactNode;\n\n  /** An extra class name to add to the outer div component */\n  className?: string;\n\n  /** An extra class for disabling the radio button component */\n  disabled?: boolean;\n\n  /** An extra class name for the input component */\n  inputClassName?: string;\n\n  /** The value is invalid, style to show it's invalid */\n  isInvalid?: boolean;\n\n  /** An extra class name for the label component */\n  labelClassName?: string;\n\n  /** The name for this RadioItem. Should be specified by the parent Radio component */\n  name?: string;\n\n  /** Triggered when the input is checked/unchecked. Provided by the parent Radio component. */\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n\n  /** The value to associate with this radio item */\n  value: string;\n\n  /** An id used for test */\n  'data-testid'?: string;\n};\n\n/**\n * A RadioItem to be used within the Radio component.\n */\nconst RadioItem = React.forwardRef<HTMLInputElement, RadioItemProps>(\n  (props: RadioItemProps, ref) => {\n    const {\n      checked,\n      children,\n      className = '',\n      disabled = false,\n      inputClassName = '',\n      isInvalid = false,\n      labelClassName = '',\n      name,\n      onChange,\n      value,\n      'data-testid': dataTestId,\n    } = props;\n\n    const [id] = useState(shortid());\n\n    return (\n      <div className={classNames('custom-control custom-radio', className)}>\n        <input\n          type=\"radio\"\n          id={id}\n          data-testid={dataTestId}\n          name={name}\n          ref={ref}\n          className={classNames('custom-control-input', inputClassName, {\n            'is-invalid': isInvalid,\n          })}\n          checked={checked}\n          disabled={disabled}\n          value={value}\n          onChange={onChange}\n        />\n        <label\n          className={classNames('custom-control-label', labelClassName)}\n          htmlFor={id}\n        >\n          {children}\n        </label>\n      </div>\n    );\n  }\n);\n\nRadioItem.displayName = 'RadioItem';\n\nRadioItem.defaultProps = {\n  checked: undefined,\n  className: '',\n  disabled: false,\n  inputClassName: '',\n  isInvalid: false,\n  labelClassName: '',\n  name: undefined,\n  onChange: undefined,\n  'data-testid': undefined,\n};\n\nexport default RadioItem;\n"],"file":"RadioItem.js"}

package/dist/Select.js

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 import classNames from 'classnames';
 
-var Select = _ref => {
+var Select = (_ref) => {
   var {
     children,
     onChange,

package/dist/Select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Select.tsx"],"names":["React","useCallback","classNames","Select","children","onChange","className","defaultValue","value","disabled","handleChange","event","target"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,OAAOC,UAAP,MAAuB,YAAvB;;AAWA,IAAMC,MAAM,GAAG,QAOiB;AAAA,MAPhB;AACdC,IAAAA,QADc;AAEdC,IAAAA,QAFc;AAGdC,IAAAA,SAHc;AAIdC,IAAAA,YAJc;AAKdC,IAAAA,KALc;AAMdC,IAAAA;AANc,GAOgB;AAC9B,MAAMC,YAAY,GAAGT,WAAW,CAC9BU,KAAK,IAAI;AACPN,IAAAA,QAAQ,CAACM,KAAK,CAACC,MAAN,CAAaJ,KAAd,CAAR;AACD,GAH6B,EAI9B,CAACH,QAAD,CAJ8B,CAAhC;AAOA,sBACE;AACE,IAAA,SAAS,EAAEH,UAAU,CAAC,eAAD,EAAkBI,SAAlB,CADvB;AAEE,IAAA,QAAQ,EAAEI,YAFZ;AAGE,IAAA,YAAY,EAAEH,YAHhB;AAIE,IAAA,KAAK,EAAEC,KAJT;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAOGL,QAPH,CADF;AAWD,CA1BD;;AA4BA,eAAeD,MAAf","sourcesContent":["import React, { useCallback } from 'react';\nimport classNames from 'classnames';\n\nexport type SelectProps = {\n  children: React.ReactNode;\n  onChange: (value: string) => void;\n  className?: string;\n  defaultValue?: string;\n  value?: string;\n  disabled?: boolean;\n};\n\nconst Select = ({\n  children,\n  onChange,\n  className,\n  defaultValue,\n  value,\n  disabled,\n}: SelectProps): JSX.Element => {\n  const handleChange = useCallback(\n    event => {\n      onChange(event.target.value);\n    },\n    [onChange]\n  );\n\n  return (\n    <select\n      className={classNames('custom-select', className)}\n      onChange={handleChange}\n      defaultValue={defaultValue}\n      value={value}\n      disabled={disabled}\n    >\n      {children}\n    </select>\n  );\n};\n\nexport default Select;\n"],"file":"Select.js"}
+{"version":3,"sources":["../src/Select.tsx"],"names":["React","useCallback","classNames","Select","children","onChange","className","defaultValue","value","disabled","handleChange","event","target"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,OAAOC,UAAP,MAAuB,YAAvB;;AAWA,IAAMC,MAAM,GAAG,UAOiB;AAAA,MAPhB;AACdC,IAAAA,QADc;AAEdC,IAAAA,QAFc;AAGdC,IAAAA,SAHc;AAIdC,IAAAA,YAJc;AAKdC,IAAAA,KALc;AAMdC,IAAAA;AANc,GAOgB;AAC9B,MAAMC,YAAY,GAAGT,WAAW,CAC9BU,KAAK,IAAI;AACPN,IAAAA,QAAQ,CAACM,KAAK,CAACC,MAAN,CAAaJ,KAAd,CAAR;AACD,GAH6B,EAI9B,CAACH,QAAD,CAJ8B,CAAhC;AAOA,sBACE;AACE,IAAA,SAAS,EAAEH,UAAU,CAAC,eAAD,EAAkBI,SAAlB,CADvB;AAEE,IAAA,QAAQ,EAAEI,YAFZ;AAGE,IAAA,YAAY,EAAEH,YAHhB;AAIE,IAAA,KAAK,EAAEC,KAJT;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAOGL,QAPH,CADF;AAWD,CA1BD;;AA4BA,eAAeD,MAAf","sourcesContent":["import React, { useCallback } from 'react';\nimport classNames from 'classnames';\n\nexport type SelectProps = {\n  children: React.ReactNode;\n  onChange: (value: string) => void;\n  className?: string;\n  defaultValue?: string;\n  value?: string;\n  disabled?: boolean;\n};\n\nconst Select = ({\n  children,\n  onChange,\n  className,\n  defaultValue,\n  value,\n  disabled,\n}: SelectProps): JSX.Element => {\n  const handleChange = useCallback(\n    event => {\n      onChange(event.target.value);\n    },\n    [onChange]\n  );\n\n  return (\n    <select\n      className={classNames('custom-select', className)}\n      onChange={handleChange}\n      defaultValue={defaultValue}\n      value={value}\n      disabled={disabled}\n    >\n      {children}\n    </select>\n  );\n};\n\nexport default Select;\n"],"file":"Select.js"}

package/dist/ThemeExport.js

@@ -1,4 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 

package/dist/TimeSlider.js

@@ -15,7 +15,7 @@ var SNAP_NEAREST_MINUTES = 5 * 60; // rounds in 5 minute intervals
  * Creates a time slider for setting a start and end time, that can also run overnight
  * @param {startTime, endTime, onChange} props takes times in seconds 0 - 86399 and a callback
  */
-var TimeSlider = _ref => {
+var TimeSlider = (_ref) => {
   var {
     startTime: propStartTime,
     endTime: propEndTime,
@@ -238,13 +238,13 @@ var Handle = props => {
     var limitMax = Math.min(SECONDS_IN_DAY, roundedTime);
     return limitMax;
   }, [track]);
-  var handleMouseMove = useCallback(_ref2 => {
+  var handleMouseMove = useCallback((_ref2) => {
     var {
       clientX
     } = _ref2;
     setTime(calculatePositionAsTime(clientX));
   }, [setTime, calculatePositionAsTime]);
-  var handleMouseUp = useCallback(_ref3 => {
+  var handleMouseUp = useCallback((_ref3) => {
     var {
       clientX
     } = _ref3;

package/dist/TimeSlider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/TimeSlider.tsx"],"names":["React","useCallback","useMemo","useRef","useState","useEffect","classNames","TimeInput","StyleExports","HANDLE_SIZE","parseInt","POPOVER_WIDTH","SECONDS_IN_DAY","SNAP_NEAREST_MINUTES","TimeSlider","startTime","propStartTime","endTime","propEndTime","onChange","isStartModified","isEndModified","setStartTime","setEndTime","track","updateTime","newStartTime","newEndTime","start","end","handleStartTimeChange","handleEndTimeChange","Array","fill","map","value","index","PopOvers","props","onStartTimeChange","onEndTimeChange","firstTime","setFirstTime","secondTime","setSecondTime","onFirstTimeChange","onSecondTimeChange","flexBasis","modified","TrackFills","transform","Handle","time","setTime","ONE_HOUR","handleOffset","calculatePositionAsTime","clientX","current","trackRect","getBoundingClientRect","leftEdge","Math","max","left","preciseTime","min","width","roundedTime","round","limitMax","handleMouseMove","handleMouseUp","window","removeEventListener","document","documentElement","classList","remove","startDragListening","addEventListener","add","stopDragListening","handleMouseDown"],"mappings":"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","sourcesContent":["/* eslint-disable react/no-array-index-key */\n// array maps being used are static, this is fine.\n\nimport React, {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  useEffect,\n} from 'react';\nimport classNames from 'classnames';\nimport TimeInput from './TimeInput';\nimport StyleExports from './TimeSlider.module.scss';\nimport './TimeSlider.scss';\n\nconst HANDLE_SIZE = parseInt(StyleExports['handle-size'], 10);\nconst POPOVER_WIDTH = parseInt(StyleExports['popover-width'], 10);\nconst SECONDS_IN_DAY = 24 * 60 * 60 - 1; // Max is actually 23:59:59\nconst SNAP_NEAREST_MINUTES = 5 * 60; // rounds in 5 minute intervals\n\ntype TimeSliderProps = {\n  startTime: number;\n  endTime: number;\n  onChange(value: { startTime: number; endTime: number }): void;\n  isStartModified?: boolean;\n  isEndModified?: boolean;\n};\n\n/**\n * Creates a time slider for setting a start and end time, that can also run overnight\n * @param {startTime, endTime, onChange} props takes times in seconds 0 - 86399 and a callback\n */\nconst TimeSlider = ({\n  startTime: propStartTime,\n  endTime: propEndTime,\n  onChange,\n  isStartModified = false,\n  isEndModified = false,\n}: TimeSliderProps): JSX.Element => {\n  const [startTime, setStartTime] = useState(propStartTime);\n  const [endTime, setEndTime] = useState(propEndTime);\n\n  const track = useRef<HTMLDivElement>(null); // we need the track width while calulculating time from handle drag\n\n  // updates state if props change\n  useEffect(() => {\n    setStartTime(propStartTime);\n    setEndTime(propEndTime);\n  }, [propStartTime, propEndTime]);\n\n  const updateTime = useCallback(\n    (newStartTime: number, newEndTime: number) => {\n      let start = newStartTime;\n      let end = newEndTime;\n      if (start === end) {\n        if (end < SECONDS_IN_DAY) {\n          end += 1;\n        } else {\n          start -= 1;\n        }\n      }\n\n      setStartTime(start);\n      setEndTime(end);\n      onChange({ startTime: start, endTime: end });\n    },\n    [setStartTime, setEndTime, onChange]\n  );\n\n  const handleStartTimeChange = useCallback(\n    (newStartTime: number) => {\n      updateTime(newStartTime, endTime);\n    },\n    [updateTime, endTime]\n  );\n\n  const handleEndTimeChange = useCallback(\n    (newEndTime: number) => {\n      updateTime(startTime, newEndTime);\n    },\n    [updateTime, startTime]\n  );\n\n  return (\n    <div className=\"time-slider\">\n      <PopOvers\n        startTime={startTime}\n        endTime={endTime}\n        onStartTimeChange={handleStartTimeChange}\n        onEndTimeChange={handleEndTimeChange}\n        isStartModified={isStartModified}\n        isEndModified={isEndModified}\n      />\n      <div className=\"track\" ref={track}>\n        <TrackFills startTime={startTime} endTime={endTime} />\n        <div className=\"ticks\">\n          {Array(24)\n            .fill(null)\n            .map((value, index) => (\n              <div className=\"tick\" key={index} />\n            ))}\n        </div>\n        <Handle\n          track={track}\n          time={startTime}\n          setTime={handleStartTimeChange}\n        />\n        <Handle track={track} time={endTime} setTime={handleEndTimeChange} />\n      </div>\n\n      <div className=\"tick-labels\">\n        <div className=\"tick-label\">0:00</div>\n        <div className=\"tick-label-wrapper\">\n          {Array(24)\n            .fill(null)\n            .map((value, index) => (\n              <div className=\"tick-label\" key={index}>{`${index + 1}:00`}</div>\n            ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\ntype PopOversProps = {\n  startTime: number;\n  endTime: number;\n  onStartTimeChange(time: number): void;\n  onEndTimeChange(time: number): void;\n  isStartModified: boolean;\n  isEndModified: boolean;\n};\n\nconst PopOvers = (props: PopOversProps): JSX.Element => {\n  const {\n    startTime,\n    endTime,\n    onStartTimeChange,\n    onEndTimeChange,\n    isStartModified,\n    isEndModified,\n  } = props;\n\n  const [firstTime, setFirstTime] = useState(\n    startTime > endTime ? endTime : startTime\n  );\n  const [secondTime, setSecondTime] = useState(\n    startTime > endTime ? startTime : endTime\n  );\n\n  useEffect(() => {\n    setFirstTime(startTime > endTime ? endTime : startTime);\n    setSecondTime(startTime > endTime ? startTime : endTime);\n  }, [startTime, endTime]);\n\n  function onFirstTimeChange(value: number) {\n    if (startTime <= endTime) {\n      onStartTimeChange(value);\n    } else {\n      onEndTimeChange(value);\n    }\n  }\n\n  function onSecondTimeChange(value: number) {\n    if (startTime <= endTime) {\n      onEndTimeChange(value);\n    } else {\n      onStartTimeChange(value);\n    }\n  }\n\n  return (\n    <div className=\"time-slider-popovers\">\n      <div\n        className=\"flex\"\n        style={{\n          flexBasis: `calc(${(firstTime / SECONDS_IN_DAY) * 100}% - ${\n            POPOVER_WIDTH / 2\n          }px)`,\n        }}\n      />\n      <div className=\"handle-popper\">\n        <label\n          className={classNames({\n            modified: startTime < endTime ? isStartModified : isEndModified,\n          })}\n        >\n          {startTime <= endTime ? 'Start Time' : 'End Time'}\n        </label>\n        <TimeInput\n          allowValueWrapping={false}\n          value={firstTime}\n          onChange={onFirstTimeChange}\n        />\n      </div>\n      <div className=\"flex-spacer\" />\n      <div className=\"handle-popper\">\n        <label\n          className={classNames({\n            modified: startTime > endTime ? isStartModified : isEndModified,\n          })}\n        >\n          {startTime > endTime ? 'Start Time' : 'End Time'}\n        </label>\n        <TimeInput\n          allowValueWrapping={false}\n          value={secondTime}\n          onChange={onSecondTimeChange}\n        />\n      </div>\n      <div\n        className=\"flex\"\n        style={{\n          flexBasis: `calc(${\n            ((SECONDS_IN_DAY - secondTime) / SECONDS_IN_DAY) * 100\n          }% - ${POPOVER_WIDTH / 2}px)`,\n        }}\n      />\n    </div>\n  );\n};\n\ntype TrackFillsProps = {\n  startTime: number;\n  endTime: number;\n};\n\n/**\n * Shades the area between or outside of handles according to if start or endtime is greater.\n */\nconst TrackFills = (props: TrackFillsProps): JSX.Element => {\n  const { startTime, endTime } = props;\n  return (\n    <div className=\"track-fills\">\n      {startTime > endTime && (\n        <>\n          <div\n            className=\"track-fill track-fill-start\"\n            style={{ transform: `scaleX(${endTime / SECONDS_IN_DAY})` }}\n          />\n          <div\n            className=\"track-fill track-fill-end\"\n            style={{\n              transform: `scaleX(${\n                (SECONDS_IN_DAY - startTime) / SECONDS_IN_DAY\n              })`,\n            }}\n          />\n        </>\n      )}\n      {startTime < endTime && (\n        <div\n          className=\"track-fill track-fill-middle\"\n          style={{\n            transform: `translateX(${\n              (startTime / SECONDS_IN_DAY) * 100\n            }%) scaleX(${(endTime - startTime) / SECONDS_IN_DAY})`,\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\ntype HandleProps = {\n  track: React.RefObject<HTMLDivElement>;\n  time: number;\n  setTime(time: number): void;\n};\n\n/**\n * Creates a draggable handle the sets the time\n */\nconst Handle = (props: HandleProps): JSX.Element => {\n  const { track, time, setTime } = props;\n\n  /**\n   * Takes the time and generate our translation string taking into account handle offset.\n   * The handle offset changes for the first and last tick range dynmaically. Normally,\n   * the center of the handle (size/2) is the selection origin, but at edges, it becomes either\n   * end of the handle, requireing a relative offset range of 0 - 0.5,  and 0.5 - 1 of handle size.\n   * @param {number} t time in seconds\n   */\n  const transform = useMemo(() => {\n    const ONE_HOUR = 60 * 60;\n    let handleOffset = HANDLE_SIZE / 2;\n    if (time < ONE_HOUR) {\n      handleOffset = (time / ONE_HOUR) * (HANDLE_SIZE / 2); // 0 - 0.5 Handle size\n    } else if (time > 23 * ONE_HOUR) {\n      handleOffset =\n        HANDLE_SIZE / 2 +\n        (1 / (SECONDS_IN_DAY - 23 * ONE_HOUR)) *\n          (time - 23 * ONE_HOUR) *\n          (HANDLE_SIZE / 2); // 0.5 - 1 Handle size\n    }\n    return `translateX(calc(${\n      (time / SECONDS_IN_DAY) * 100\n    }% - ${handleOffset}px))`;\n  }, [time]);\n\n  const calculatePositionAsTime = useCallback(\n    (clientX: number) => {\n      if (!track.current) {\n        return 0;\n      }\n      const trackRect = track.current.getBoundingClientRect();\n      const leftEdge = Math.max(clientX - trackRect.left, 0);\n      // get position as 0-1 on slider and mulitply by seconds in a day to convert to time\n      const preciseTime =\n        SECONDS_IN_DAY * Math.min(1, leftEdge / trackRect.width);\n      // snap to nearest N(5) minute interval\n      const roundedTime =\n        SNAP_NEAREST_MINUTES * Math.round(preciseTime / SNAP_NEAREST_MINUTES);\n      // prevent over-rounding to 24:00:00\n      const limitMax = Math.min(SECONDS_IN_DAY, roundedTime);\n      return limitMax;\n    },\n    [track]\n  );\n\n  const handleMouseMove = useCallback(\n    ({ clientX }: MouseEvent) => {\n      setTime(calculatePositionAsTime(clientX));\n    },\n    [setTime, calculatePositionAsTime]\n  );\n\n  const handleMouseUp = useCallback(\n    ({ clientX }: MouseEvent) => {\n      setTime(calculatePositionAsTime(clientX));\n\n      window.removeEventListener('mousemove', handleMouseMove);\n      window.removeEventListener('mouseup', handleMouseUp);\n      document.documentElement.classList.remove('drag-pointer-events-none');\n    },\n    [setTime, calculatePositionAsTime, handleMouseMove]\n  );\n\n  const startDragListening = useCallback(() => {\n    window.addEventListener('mousemove', handleMouseMove);\n    window.addEventListener('mouseup', handleMouseUp);\n    document.documentElement.classList.add('drag-pointer-events-none');\n  }, [handleMouseMove, handleMouseUp]);\n\n  const stopDragListening = useCallback(() => {\n    window.removeEventListener('mousemove', handleMouseMove);\n    window.removeEventListener('mouseup', handleMouseUp);\n    document.documentElement.classList.remove('drag-pointer-events-none');\n  }, [handleMouseMove, handleMouseUp]);\n\n  const handleMouseDown = useCallback(() => {\n    startDragListening();\n  }, [startDragListening]);\n\n  useEffect(\n    () => () => {\n      stopDragListening();\n    },\n    [stopDragListening]\n  );\n\n  return (\n    <div className=\"handle-track\" style={{ transform }}>\n      <button\n        className=\"handle\"\n        type=\"button\"\n        aria-label=\"Change time\"\n        onMouseDown={handleMouseDown}\n      />\n    </div>\n  );\n};\n\nexport default TimeSlider;\n"],"file":"TimeSlider.js"}
+{"version":3,"sources":["../src/TimeSlider.tsx"],"names":["React","useCallback","useMemo","useRef","useState","useEffect","classNames","TimeInput","StyleExports","HANDLE_SIZE","parseInt","POPOVER_WIDTH","SECONDS_IN_DAY","SNAP_NEAREST_MINUTES","TimeSlider","startTime","propStartTime","endTime","propEndTime","onChange","isStartModified","isEndModified","setStartTime","setEndTime","track","updateTime","newStartTime","newEndTime","start","end","handleStartTimeChange","handleEndTimeChange","Array","fill","map","value","index","PopOvers","props","onStartTimeChange","onEndTimeChange","firstTime","setFirstTime","secondTime","setSecondTime","onFirstTimeChange","onSecondTimeChange","flexBasis","modified","TrackFills","transform","Handle","time","setTime","ONE_HOUR","handleOffset","calculatePositionAsTime","clientX","current","trackRect","getBoundingClientRect","leftEdge","Math","max","left","preciseTime","min","width","roundedTime","round","limitMax","handleMouseMove","handleMouseUp","window","removeEventListener","document","documentElement","classList","remove","startDragListening","addEventListener","add","stopDragListening","handleMouseDown"],"mappings":"AAAA;AACA;AAEA,OAAOA,KAAP,IACEC,WADF,EAEEC,OAFF,EAGEC,MAHF,EAIEC,QAJF,EAKEC,SALF,QAMO,OANP;AAOA,OAAOC,UAAP,MAAuB,YAAvB;OACOC,S;OACAC,Y;;AAGP,IAAMC,WAAW,GAAGC,QAAQ,CAACF,YAAY,CAAC,aAAD,CAAb,EAA8B,EAA9B,CAA5B;AACA,IAAMG,aAAa,GAAGD,QAAQ,CAACF,YAAY,CAAC,eAAD,CAAb,EAAgC,EAAhC,CAA9B;AACA,IAAMI,cAAc,GAAG,KAAK,EAAL,GAAU,EAAV,GAAe,CAAtC,C,CAAyC;;AACzC,IAAMC,oBAAoB,GAAG,IAAI,EAAjC,C,CAAqC;;AAUrC;AACA;AACA;AACA;AACA,IAAMC,UAAU,GAAG,UAMiB;AAAA,MANhB;AAClBC,IAAAA,SAAS,EAAEC,aADO;AAElBC,IAAAA,OAAO,EAAEC,WAFS;AAGlBC,IAAAA,QAHkB;AAIlBC,IAAAA,eAAe,GAAG,KAJA;AAKlBC,IAAAA,aAAa,GAAG;AALE,GAMgB;AAClC,MAAM,CAACN,SAAD,EAAYO,YAAZ,IAA4BlB,QAAQ,CAACY,aAAD,CAA1C;AACA,MAAM,CAACC,OAAD,EAAUM,UAAV,IAAwBnB,QAAQ,CAACc,WAAD,CAAtC;AAEA,MAAMM,KAAK,GAAGrB,MAAM,CAAiB,IAAjB,CAApB,CAJkC,CAIU;AAE5C;;AACAE,EAAAA,SAAS,CAAC,MAAM;AACdiB,IAAAA,YAAY,CAACN,aAAD,CAAZ;AACAO,IAAAA,UAAU,CAACL,WAAD,CAAV;AACD,GAHQ,EAGN,CAACF,aAAD,EAAgBE,WAAhB,CAHM,CAAT;AAKA,MAAMO,UAAU,GAAGxB,WAAW,CAC5B,CAACyB,YAAD,EAAuBC,UAAvB,KAA8C;AAC5C,QAAIC,KAAK,GAAGF,YAAZ;AACA,QAAIG,GAAG,GAAGF,UAAV;;AACA,QAAIC,KAAK,KAAKC,GAAd,EAAmB;AACjB,UAAIA,GAAG,GAAGjB,cAAV,EAA0B;AACxBiB,QAAAA,GAAG,IAAI,CAAP;AACD,OAFD,MAEO;AACLD,QAAAA,KAAK,IAAI,CAAT;AACD;AACF;;AAEDN,IAAAA,YAAY,CAACM,KAAD,CAAZ;AACAL,IAAAA,UAAU,CAACM,GAAD,CAAV;AACAV,IAAAA,QAAQ,CAAC;AAAEJ,MAAAA,SAAS,EAAEa,KAAb;AAAoBX,MAAAA,OAAO,EAAEY;AAA7B,KAAD,CAAR;AACD,GAf2B,EAgB5B,CAACP,YAAD,EAAeC,UAAf,EAA2BJ,QAA3B,CAhB4B,CAA9B;AAmBA,MAAMW,qBAAqB,GAAG7B,WAAW,CACtCyB,YAAD,IAA0B;AACxBD,IAAAA,UAAU,CAACC,YAAD,EAAeT,OAAf,CAAV;AACD,GAHsC,EAIvC,CAACQ,UAAD,EAAaR,OAAb,CAJuC,CAAzC;AAOA,MAAMc,mBAAmB,GAAG9B,WAAW,CACpC0B,UAAD,IAAwB;AACtBF,IAAAA,UAAU,CAACV,SAAD,EAAYY,UAAZ,CAAV;AACD,GAHoC,EAIrC,CAACF,UAAD,EAAaV,SAAb,CAJqC,CAAvC;AAOA,sBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAEA,SADb;AAEE,IAAA,OAAO,EAAEE,OAFX;AAGE,IAAA,iBAAiB,EAAEa,qBAHrB;AAIE,IAAA,eAAe,EAAEC,mBAJnB;AAKE,IAAA,eAAe,EAAEX,eALnB;AAME,IAAA,aAAa,EAAEC;AANjB,IADF,eASE;AAAK,IAAA,SAAS,EAAC,OAAf;AAAuB,IAAA,GAAG,EAAEG;AAA5B,kBACE,oBAAC,UAAD;AAAY,IAAA,SAAS,EAAET,SAAvB;AAAkC,IAAA,OAAO,EAAEE;AAA3C,IADF,eAEE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGe,KAAK,CAAC,EAAD,CAAL,CACEC,IADF,CACO,IADP,EAEEC,GAFF,CAEM,CAACC,KAAD,EAAQC,KAAR,kBACH;AAAK,IAAA,SAAS,EAAC,MAAf;AAAsB,IAAA,GAAG,EAAEA;AAA3B,IAHH,CADH,CAFF,eASE,oBAAC,MAAD;AACE,IAAA,KAAK,EAAEZ,KADT;AAEE,IAAA,IAAI,EAAET,SAFR;AAGE,IAAA,OAAO,EAAEe;AAHX,IATF,eAcE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAEN,KAAf;AAAsB,IAAA,IAAI,EAAEP,OAA5B;AAAqC,IAAA,OAAO,EAAEc;AAA9C,IAdF,CATF,eA0BE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,YADF,eAEE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGC,KAAK,CAAC,EAAD,CAAL,CACEC,IADF,CACO,IADP,EAEEC,GAFF,CAEM,CAACC,KAAD,EAAQC,KAAR,kBACH;AAAK,IAAA,SAAS,EAAC,YAAf;AAA4B,IAAA,GAAG,EAAEA;AAAjC,eAA4CA,KAAK,GAAG,CAApD,SAHH,CADH,CAFF,CA1BF,CADF;AAuCD,CA1FD;;AAqGA,IAAMC,QAAQ,GAAIC,KAAD,IAAuC;AACtD,MAAM;AACJvB,IAAAA,SADI;AAEJE,IAAAA,OAFI;AAGJsB,IAAAA,iBAHI;AAIJC,IAAAA,eAJI;AAKJpB,IAAAA,eALI;AAMJC,IAAAA;AANI,MAOFiB,KAPJ;AASA,MAAM,CAACG,SAAD,EAAYC,YAAZ,IAA4BtC,QAAQ,CACxCW,SAAS,GAAGE,OAAZ,GAAsBA,OAAtB,GAAgCF,SADQ,CAA1C;AAGA,MAAM,CAAC4B,UAAD,EAAaC,aAAb,IAA8BxC,QAAQ,CAC1CW,SAAS,GAAGE,OAAZ,GAAsBF,SAAtB,GAAkCE,OADQ,CAA5C;AAIAZ,EAAAA,SAAS,CAAC,MAAM;AACdqC,IAAAA,YAAY,CAAC3B,SAAS,GAAGE,OAAZ,GAAsBA,OAAtB,GAAgCF,SAAjC,CAAZ;AACA6B,IAAAA,aAAa,CAAC7B,SAAS,GAAGE,OAAZ,GAAsBF,SAAtB,GAAkCE,OAAnC,CAAb;AACD,GAHQ,EAGN,CAACF,SAAD,EAAYE,OAAZ,CAHM,CAAT;;AAKA,WAAS4B,iBAAT,CAA2BV,KAA3B,EAA0C;AACxC,QAAIpB,SAAS,IAAIE,OAAjB,EAA0B;AACxBsB,MAAAA,iBAAiB,CAACJ,KAAD,CAAjB;AACD,KAFD,MAEO;AACLK,MAAAA,eAAe,CAACL,KAAD,CAAf;AACD;AACF;;AAED,WAASW,kBAAT,CAA4BX,KAA5B,EAA2C;AACzC,QAAIpB,SAAS,IAAIE,OAAjB,EAA0B;AACxBuB,MAAAA,eAAe,CAACL,KAAD,CAAf;AACD,KAFD,MAEO;AACLI,MAAAA,iBAAiB,CAACJ,KAAD,CAAjB;AACD;AACF;;AAED,sBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,KAAK,EAAE;AACLY,MAAAA,SAAS,iBAAWN,SAAS,GAAG7B,cAAb,GAA+B,GAAzC,iBACPD,aAAa,GAAG,CADT;AADJ;AAFT,IADF,eASE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AACE,IAAA,SAAS,EAAEL,UAAU,CAAC;AACpB0C,MAAAA,QAAQ,EAAEjC,SAAS,GAAGE,OAAZ,GAAsBG,eAAtB,GAAwCC;AAD9B,KAAD;AADvB,KAKGN,SAAS,IAAIE,OAAb,GAAuB,YAAvB,GAAsC,UALzC,CADF,eAQE,oBAAC,SAAD;AACE,IAAA,kBAAkB,EAAE,KADtB;AAEE,IAAA,KAAK,EAAEwB,SAFT;AAGE,IAAA,QAAQ,EAAEI;AAHZ,IARF,CATF,eAuBE;AAAK,IAAA,SAAS,EAAC;AAAf,IAvBF,eAwBE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AACE,IAAA,SAAS,EAAEvC,UAAU,CAAC;AACpB0C,MAAAA,QAAQ,EAAEjC,SAAS,GAAGE,OAAZ,GAAsBG,eAAtB,GAAwCC;AAD9B,KAAD;AADvB,KAKGN,SAAS,GAAGE,OAAZ,GAAsB,YAAtB,GAAqC,UALxC,CADF,eAQE,oBAAC,SAAD;AACE,IAAA,kBAAkB,EAAE,KADtB;AAEE,IAAA,KAAK,EAAE0B,UAFT;AAGE,IAAA,QAAQ,EAAEG;AAHZ,IARF,CAxBF,eAsCE;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,KAAK,EAAE;AACLC,MAAAA,SAAS,iBACN,CAACnC,cAAc,GAAG+B,UAAlB,IAAgC/B,cAAjC,GAAmD,GAD5C,iBAEFD,aAAa,GAAG,CAFd;AADJ;AAFT,IAtCF,CADF;AAiDD,CAvFD;;AA8FA;AACA;AACA;AACA,IAAMsC,UAAU,GAAIX,KAAD,IAAyC;AAC1D,MAAM;AAAEvB,IAAAA,SAAF;AAAaE,IAAAA;AAAb,MAAyBqB,KAA/B;AACA,sBACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGvB,SAAS,GAAGE,OAAZ,iBACC,uDACE;AACE,IAAA,SAAS,EAAC,6BADZ;AAEE,IAAA,KAAK,EAAE;AAAEiC,MAAAA,SAAS,mBAAYjC,OAAO,GAAGL,cAAtB;AAAX;AAFT,IADF,eAKE;AACE,IAAA,SAAS,EAAC,2BADZ;AAEE,IAAA,KAAK,EAAE;AACLsC,MAAAA,SAAS,mBACP,CAACtC,cAAc,GAAGG,SAAlB,IAA+BH,cADxB;AADJ;AAFT,IALF,CAFJ,EAiBGG,SAAS,GAAGE,OAAZ,iBACC;AACE,IAAA,SAAS,EAAC,8BADZ;AAEE,IAAA,KAAK,EAAE;AACLiC,MAAAA,SAAS,uBACNnC,SAAS,GAAGH,cAAb,GAA+B,GADxB,uBAEI,CAACK,OAAO,GAAGF,SAAX,IAAwBH,cAF5B;AADJ;AAFT,IAlBJ,CADF;AA8BD,CAhCD;;AAwCA;AACA;AACA;AACA,IAAMuC,MAAM,GAAIb,KAAD,IAAqC;AAClD,MAAM;AAAEd,IAAAA,KAAF;AAAS4B,IAAAA,IAAT;AAAeC,IAAAA;AAAf,MAA2Bf,KAAjC;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;;AACE,MAAMY,SAAS,GAAGhD,OAAO,CAAC,MAAM;AAC9B,QAAMoD,QAAQ,GAAG,KAAK,EAAtB;AACA,QAAIC,YAAY,GAAG9C,WAAW,GAAG,CAAjC;;AACA,QAAI2C,IAAI,GAAGE,QAAX,EAAqB;AACnBC,MAAAA,YAAY,GAAIH,IAAI,GAAGE,QAAR,IAAqB7C,WAAW,GAAG,CAAnC,CAAf,CADmB,CACmC;AACvD,KAFD,MAEO,IAAI2C,IAAI,GAAG,KAAKE,QAAhB,EAA0B;AAC/BC,MAAAA,YAAY,GACV9C,WAAW,GAAG,CAAd,GACC,KAAKG,cAAc,GAAG,KAAK0C,QAA3B,CAAD,IACGF,IAAI,GAAG,KAAKE,QADf,KAEG7C,WAAW,GAAG,CAFjB,CAFF,CAD+B,CAKR;AACxB;;AACD,qCACG2C,IAAI,GAAGxC,cAAR,GAA0B,GAD5B,iBAEO2C,YAFP;AAGD,GAfwB,EAetB,CAACH,IAAD,CAfsB,CAAzB;AAiBA,MAAMI,uBAAuB,GAAGvD,WAAW,CACxCwD,OAAD,IAAqB;AACnB,QAAI,CAACjC,KAAK,CAACkC,OAAX,EAAoB;AAClB,aAAO,CAAP;AACD;;AACD,QAAMC,SAAS,GAAGnC,KAAK,CAACkC,OAAN,CAAcE,qBAAd,EAAlB;AACA,QAAMC,QAAQ,GAAGC,IAAI,CAACC,GAAL,CAASN,OAAO,GAAGE,SAAS,CAACK,IAA7B,EAAmC,CAAnC,CAAjB,CALmB,CAMnB;;AACA,QAAMC,WAAW,GACfrD,cAAc,GAAGkD,IAAI,CAACI,GAAL,CAAS,CAAT,EAAYL,QAAQ,GAAGF,SAAS,CAACQ,KAAjC,CADnB,CAPmB,CASnB;;AACA,QAAMC,WAAW,GACfvD,oBAAoB,GAAGiD,IAAI,CAACO,KAAL,CAAWJ,WAAW,GAAGpD,oBAAzB,CADzB,CAVmB,CAYnB;;AACA,QAAMyD,QAAQ,GAAGR,IAAI,CAACI,GAAL,CAAStD,cAAT,EAAyBwD,WAAzB,CAAjB;AACA,WAAOE,QAAP;AACD,GAhBwC,EAiBzC,CAAC9C,KAAD,CAjByC,CAA3C;AAoBA,MAAM+C,eAAe,GAAGtE,WAAW,CACjC,WAA6B;AAAA,QAA5B;AAAEwD,MAAAA;AAAF,KAA4B;AAC3BJ,IAAAA,OAAO,CAACG,uBAAuB,CAACC,OAAD,CAAxB,CAAP;AACD,GAHgC,EAIjC,CAACJ,OAAD,EAAUG,uBAAV,CAJiC,CAAnC;AAOA,MAAMgB,aAAa,GAAGvE,WAAW,CAC/B,WAA6B;AAAA,QAA5B;AAAEwD,MAAAA;AAAF,KAA4B;AAC3BJ,IAAAA,OAAO,CAACG,uBAAuB,CAACC,OAAD,CAAxB,CAAP;AAEAgB,IAAAA,MAAM,CAACC,mBAAP,CAA2B,WAA3B,EAAwCH,eAAxC;AACAE,IAAAA,MAAM,CAACC,mBAAP,CAA2B,SAA3B,EAAsCF,aAAtC;AACAG,IAAAA,QAAQ,CAACC,eAAT,CAAyBC,SAAzB,CAAmCC,MAAnC,CAA0C,0BAA1C;AACD,GAP8B,EAQ/B,CAACzB,OAAD,EAAUG,uBAAV,EAAmCe,eAAnC,CAR+B,CAAjC;AAWA,MAAMQ,kBAAkB,GAAG9E,WAAW,CAAC,MAAM;AAC3CwE,IAAAA,MAAM,CAACO,gBAAP,CAAwB,WAAxB,EAAqCT,eAArC;AACAE,IAAAA,MAAM,CAACO,gBAAP,CAAwB,SAAxB,EAAmCR,aAAnC;AACAG,IAAAA,QAAQ,CAACC,eAAT,CAAyBC,SAAzB,CAAmCI,GAAnC,CAAuC,0BAAvC;AACD,GAJqC,EAInC,CAACV,eAAD,EAAkBC,aAAlB,CAJmC,CAAtC;AAMA,MAAMU,iBAAiB,GAAGjF,WAAW,CAAC,MAAM;AAC1CwE,IAAAA,MAAM,CAACC,mBAAP,CAA2B,WAA3B,EAAwCH,eAAxC;AACAE,IAAAA,MAAM,CAACC,mBAAP,CAA2B,SAA3B,EAAsCF,aAAtC;AACAG,IAAAA,QAAQ,CAACC,eAAT,CAAyBC,SAAzB,CAAmCC,MAAnC,CAA0C,0BAA1C;AACD,GAJoC,EAIlC,CAACP,eAAD,EAAkBC,aAAlB,CAJkC,CAArC;AAMA,MAAMW,eAAe,GAAGlF,WAAW,CAAC,MAAM;AACxC8E,IAAAA,kBAAkB;AACnB,GAFkC,EAEhC,CAACA,kBAAD,CAFgC,CAAnC;AAIA1E,EAAAA,SAAS,CACP,MAAM,MAAM;AACV6E,IAAAA,iBAAiB;AAClB,GAHM,EAIP,CAACA,iBAAD,CAJO,CAAT;AAOA,sBACE;AAAK,IAAA,SAAS,EAAC,cAAf;AAA8B,IAAA,KAAK,EAAE;AAAEhC,MAAAA;AAAF;AAArC,kBACE;AACE,IAAA,SAAS,EAAC,QADZ;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,kBAAW,aAHb;AAIE,IAAA,WAAW,EAAEiC;AAJf,IADF,CADF;AAUD,CAlGD;;AAoGA,eAAerE,UAAf","sourcesContent":["/* eslint-disable react/no-array-index-key */\n// array maps being used are static, this is fine.\n\nimport React, {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  useEffect,\n} from 'react';\nimport classNames from 'classnames';\nimport TimeInput from './TimeInput';\nimport StyleExports from './TimeSlider.module.scss';\nimport './TimeSlider.scss';\n\nconst HANDLE_SIZE = parseInt(StyleExports['handle-size'], 10);\nconst POPOVER_WIDTH = parseInt(StyleExports['popover-width'], 10);\nconst SECONDS_IN_DAY = 24 * 60 * 60 - 1; // Max is actually 23:59:59\nconst SNAP_NEAREST_MINUTES = 5 * 60; // rounds in 5 minute intervals\n\ntype TimeSliderProps = {\n  startTime: number;\n  endTime: number;\n  onChange(value: { startTime: number; endTime: number }): void;\n  isStartModified?: boolean;\n  isEndModified?: boolean;\n};\n\n/**\n * Creates a time slider for setting a start and end time, that can also run overnight\n * @param {startTime, endTime, onChange} props takes times in seconds 0 - 86399 and a callback\n */\nconst TimeSlider = ({\n  startTime: propStartTime,\n  endTime: propEndTime,\n  onChange,\n  isStartModified = false,\n  isEndModified = false,\n}: TimeSliderProps): JSX.Element => {\n  const [startTime, setStartTime] = useState(propStartTime);\n  const [endTime, setEndTime] = useState(propEndTime);\n\n  const track = useRef<HTMLDivElement>(null); // we need the track width while calulculating time from handle drag\n\n  // updates state if props change\n  useEffect(() => {\n    setStartTime(propStartTime);\n    setEndTime(propEndTime);\n  }, [propStartTime, propEndTime]);\n\n  const updateTime = useCallback(\n    (newStartTime: number, newEndTime: number) => {\n      let start = newStartTime;\n      let end = newEndTime;\n      if (start === end) {\n        if (end < SECONDS_IN_DAY) {\n          end += 1;\n        } else {\n          start -= 1;\n        }\n      }\n\n      setStartTime(start);\n      setEndTime(end);\n      onChange({ startTime: start, endTime: end });\n    },\n    [setStartTime, setEndTime, onChange]\n  );\n\n  const handleStartTimeChange = useCallback(\n    (newStartTime: number) => {\n      updateTime(newStartTime, endTime);\n    },\n    [updateTime, endTime]\n  );\n\n  const handleEndTimeChange = useCallback(\n    (newEndTime: number) => {\n      updateTime(startTime, newEndTime);\n    },\n    [updateTime, startTime]\n  );\n\n  return (\n    <div className=\"time-slider\">\n      <PopOvers\n        startTime={startTime}\n        endTime={endTime}\n        onStartTimeChange={handleStartTimeChange}\n        onEndTimeChange={handleEndTimeChange}\n        isStartModified={isStartModified}\n        isEndModified={isEndModified}\n      />\n      <div className=\"track\" ref={track}>\n        <TrackFills startTime={startTime} endTime={endTime} />\n        <div className=\"ticks\">\n          {Array(24)\n            .fill(null)\n            .map((value, index) => (\n              <div className=\"tick\" key={index} />\n            ))}\n        </div>\n        <Handle\n          track={track}\n          time={startTime}\n          setTime={handleStartTimeChange}\n        />\n        <Handle track={track} time={endTime} setTime={handleEndTimeChange} />\n      </div>\n\n      <div className=\"tick-labels\">\n        <div className=\"tick-label\">0:00</div>\n        <div className=\"tick-label-wrapper\">\n          {Array(24)\n            .fill(null)\n            .map((value, index) => (\n              <div className=\"tick-label\" key={index}>{`${index + 1}:00`}</div>\n            ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\ntype PopOversProps = {\n  startTime: number;\n  endTime: number;\n  onStartTimeChange(time: number): void;\n  onEndTimeChange(time: number): void;\n  isStartModified: boolean;\n  isEndModified: boolean;\n};\n\nconst PopOvers = (props: PopOversProps): JSX.Element => {\n  const {\n    startTime,\n    endTime,\n    onStartTimeChange,\n    onEndTimeChange,\n    isStartModified,\n    isEndModified,\n  } = props;\n\n  const [firstTime, setFirstTime] = useState(\n    startTime > endTime ? endTime : startTime\n  );\n  const [secondTime, setSecondTime] = useState(\n    startTime > endTime ? startTime : endTime\n  );\n\n  useEffect(() => {\n    setFirstTime(startTime > endTime ? endTime : startTime);\n    setSecondTime(startTime > endTime ? startTime : endTime);\n  }, [startTime, endTime]);\n\n  function onFirstTimeChange(value: number) {\n    if (startTime <= endTime) {\n      onStartTimeChange(value);\n    } else {\n      onEndTimeChange(value);\n    }\n  }\n\n  function onSecondTimeChange(value: number) {\n    if (startTime <= endTime) {\n      onEndTimeChange(value);\n    } else {\n      onStartTimeChange(value);\n    }\n  }\n\n  return (\n    <div className=\"time-slider-popovers\">\n      <div\n        className=\"flex\"\n        style={{\n          flexBasis: `calc(${(firstTime / SECONDS_IN_DAY) * 100}% - ${\n            POPOVER_WIDTH / 2\n          }px)`,\n        }}\n      />\n      <div className=\"handle-popper\">\n        <label\n          className={classNames({\n            modified: startTime < endTime ? isStartModified : isEndModified,\n          })}\n        >\n          {startTime <= endTime ? 'Start Time' : 'End Time'}\n        </label>\n        <TimeInput\n          allowValueWrapping={false}\n          value={firstTime}\n          onChange={onFirstTimeChange}\n        />\n      </div>\n      <div className=\"flex-spacer\" />\n      <div className=\"handle-popper\">\n        <label\n          className={classNames({\n            modified: startTime > endTime ? isStartModified : isEndModified,\n          })}\n        >\n          {startTime > endTime ? 'Start Time' : 'End Time'}\n        </label>\n        <TimeInput\n          allowValueWrapping={false}\n          value={secondTime}\n          onChange={onSecondTimeChange}\n        />\n      </div>\n      <div\n        className=\"flex\"\n        style={{\n          flexBasis: `calc(${\n            ((SECONDS_IN_DAY - secondTime) / SECONDS_IN_DAY) * 100\n          }% - ${POPOVER_WIDTH / 2}px)`,\n        }}\n      />\n    </div>\n  );\n};\n\ntype TrackFillsProps = {\n  startTime: number;\n  endTime: number;\n};\n\n/**\n * Shades the area between or outside of handles according to if start or endtime is greater.\n */\nconst TrackFills = (props: TrackFillsProps): JSX.Element => {\n  const { startTime, endTime } = props;\n  return (\n    <div className=\"track-fills\">\n      {startTime > endTime && (\n        <>\n          <div\n            className=\"track-fill track-fill-start\"\n            style={{ transform: `scaleX(${endTime / SECONDS_IN_DAY})` }}\n          />\n          <div\n            className=\"track-fill track-fill-end\"\n            style={{\n              transform: `scaleX(${\n                (SECONDS_IN_DAY - startTime) / SECONDS_IN_DAY\n              })`,\n            }}\n          />\n        </>\n      )}\n      {startTime < endTime && (\n        <div\n          className=\"track-fill track-fill-middle\"\n          style={{\n            transform: `translateX(${\n              (startTime / SECONDS_IN_DAY) * 100\n            }%) scaleX(${(endTime - startTime) / SECONDS_IN_DAY})`,\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\ntype HandleProps = {\n  track: React.RefObject<HTMLDivElement>;\n  time: number;\n  setTime(time: number): void;\n};\n\n/**\n * Creates a draggable handle the sets the time\n */\nconst Handle = (props: HandleProps): JSX.Element => {\n  const { track, time, setTime } = props;\n\n  /**\n   * Takes the time and generate our translation string taking into account handle offset.\n   * The handle offset changes for the first and last tick range dynmaically. Normally,\n   * the center of the handle (size/2) is the selection origin, but at edges, it becomes either\n   * end of the handle, requireing a relative offset range of 0 - 0.5,  and 0.5 - 1 of handle size.\n   * @param {number} t time in seconds\n   */\n  const transform = useMemo(() => {\n    const ONE_HOUR = 60 * 60;\n    let handleOffset = HANDLE_SIZE / 2;\n    if (time < ONE_HOUR) {\n      handleOffset = (time / ONE_HOUR) * (HANDLE_SIZE / 2); // 0 - 0.5 Handle size\n    } else if (time > 23 * ONE_HOUR) {\n      handleOffset =\n        HANDLE_SIZE / 2 +\n        (1 / (SECONDS_IN_DAY - 23 * ONE_HOUR)) *\n          (time - 23 * ONE_HOUR) *\n          (HANDLE_SIZE / 2); // 0.5 - 1 Handle size\n    }\n    return `translateX(calc(${\n      (time / SECONDS_IN_DAY) * 100\n    }% - ${handleOffset}px))`;\n  }, [time]);\n\n  const calculatePositionAsTime = useCallback(\n    (clientX: number) => {\n      if (!track.current) {\n        return 0;\n      }\n      const trackRect = track.current.getBoundingClientRect();\n      const leftEdge = Math.max(clientX - trackRect.left, 0);\n      // get position as 0-1 on slider and mulitply by seconds in a day to convert to time\n      const preciseTime =\n        SECONDS_IN_DAY * Math.min(1, leftEdge / trackRect.width);\n      // snap to nearest N(5) minute interval\n      const roundedTime =\n        SNAP_NEAREST_MINUTES * Math.round(preciseTime / SNAP_NEAREST_MINUTES);\n      // prevent over-rounding to 24:00:00\n      const limitMax = Math.min(SECONDS_IN_DAY, roundedTime);\n      return limitMax;\n    },\n    [track]\n  );\n\n  const handleMouseMove = useCallback(\n    ({ clientX }: MouseEvent) => {\n      setTime(calculatePositionAsTime(clientX));\n    },\n    [setTime, calculatePositionAsTime]\n  );\n\n  const handleMouseUp = useCallback(\n    ({ clientX }: MouseEvent) => {\n      setTime(calculatePositionAsTime(clientX));\n\n      window.removeEventListener('mousemove', handleMouseMove);\n      window.removeEventListener('mouseup', handleMouseUp);\n      document.documentElement.classList.remove('drag-pointer-events-none');\n    },\n    [setTime, calculatePositionAsTime, handleMouseMove]\n  );\n\n  const startDragListening = useCallback(() => {\n    window.addEventListener('mousemove', handleMouseMove);\n    window.addEventListener('mouseup', handleMouseUp);\n    document.documentElement.classList.add('drag-pointer-events-none');\n  }, [handleMouseMove, handleMouseUp]);\n\n  const stopDragListening = useCallback(() => {\n    window.removeEventListener('mousemove', handleMouseMove);\n    window.removeEventListener('mouseup', handleMouseUp);\n    document.documentElement.classList.remove('drag-pointer-events-none');\n  }, [handleMouseMove, handleMouseUp]);\n\n  const handleMouseDown = useCallback(() => {\n    startDragListening();\n  }, [startDragListening]);\n\n  useEffect(\n    () => () => {\n      stopDragListening();\n    },\n    [stopDragListening]\n  );\n\n  return (\n    <div className=\"handle-track\" style={{ transform }}>\n      <button\n        className=\"handle\"\n        type=\"button\"\n        aria-label=\"Change time\"\n        onMouseDown={handleMouseDown}\n      />\n    </div>\n  );\n};\n\nexport default TimeSlider;\n"],"file":"TimeSlider.js"}

package/dist/ToastNotification.js

@@ -6,7 +6,7 @@ import Button from "./Button.js";
 import ThemeExport from "./ThemeExport.js";
 import "./ToastNotification.css";
 
-var ToastNotification = _ref => {
+var ToastNotification = (_ref) => {
   var {
     buttons,
     isShown = false,

package/dist/ToastNotification.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ToastNotification.tsx"],"names":["React","classNames","CSSTransition","vsClose","Button","ThemeExport","ToastNotification","buttons","isShown","classNamesProp","message","type","onClick","onDismiss","hasButtons","length","transitionMs","transitionSlowMs","TYPE","Object","freeze","ERROR"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,aAAT,QAA8B,wBAA9B;AACA,SAASC,OAAT,QAAwB,kBAAxB;OACOC,M;OACAC,W;;;AAgBP,IAAMC,iBAAiB,GAAG,QAQiB;AAAA,MARhB;AACzBC,IAAAA,OADyB;AAEzBC,IAAAA,OAAO,GAAG,KAFe;AAGzBP,IAAAA,UAAU,EAAEQ,cAHa;AAIzBC,IAAAA,OAJyB;AAKzBC,IAAAA,IALyB;AAMzBC,IAAAA,OANyB;AAOzBC,IAAAA;AAPyB,GAQgB;AACzC,MAAMC,UAAU,GAAGP,OAAO,IAAIA,OAAO,CAACQ,MAAR,KAAmB,CAAjD;AAEA,sBACE,oBAAC,aAAD;AACE,IAAA,EAAE,EAAEP,OADN;AAEE,IAAA,OAAO,EAAEH,WAAW,CAACW,YAFvB;AAGE,IAAA,UAAU,EAAC,6BAHb;AAIE,IAAA,YAAY,MAJd;AAKE,IAAA,aAAa;AALf,kBAOE;AACE,IAAA,SAAS,EAAEf,UAAU,CAAC,oBAAD,EAAuBQ,cAAvB,EAAuCE,IAAvC,CADvB;AAEE,IAAA,IAAI,EAAC,cAFP;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,UAAU,EAAEA;AAJd,kBAME;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA2BF,OAA3B,CADF,CANF,eASE,oBAAC,aAAD;AACE,IAAA,EAAE,EAAEI,UADN;AAEE,IAAA,OAAO,EAAET,WAAW,CAACY,gBAFvB;AAGE,IAAA,UAAU,EAAC,MAHb;AAIE,IAAA,YAAY,MAJd;AAKE,IAAA,aAAa;AALf,kBAOE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAoCV,OAApC,CAPF,CATF,EAkBGM,SAAS,iBACR,oBAAC,MAAD;AACE,IAAA,IAAI,EAAC,OADP;AAEE,IAAA,IAAI,EAAEV,OAFR;AAGE,IAAA,OAAO,EAAC,oBAHV;AAIE,IAAA,SAAS,EAAC,MAJZ;AAKE,IAAA,OAAO,EAAEU;AALX,IAnBJ,CAPF,CADF;AAsCD,CAjDD;;AAmDAP,iBAAiB,CAACY,IAAlB,GAAyBC,MAAM,CAACC,MAAP,CAAc;AACrCC,EAAAA,KAAK,EAAE;AAD8B,CAAd,CAAzB;AAIA,eAAef,iBAAf","sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport { vsClose } from '@deephaven/icons';\nimport Button from './Button';\nimport ThemeExport from './ThemeExport';\nimport './ToastNotification.scss';\n\ntype ToastNotificationProps = {\n  buttons?: typeof Button[];\n  classNames?: string;\n  isShown?: boolean;\n  message?: string;\n  type?: string;\n\n  onClick?: React.EventHandler<\n    React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>\n  >;\n  onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n};\n\nconst ToastNotification = ({\n  buttons,\n  isShown = false,\n  classNames: classNamesProp,\n  message,\n  type,\n  onClick,\n  onDismiss,\n}: ToastNotificationProps): JSX.Element => {\n  const hasButtons = buttons && buttons.length !== 0;\n\n  return (\n    <CSSTransition\n      in={isShown}\n      timeout={ThemeExport.transitionMs}\n      classNames=\"toast-notification-slide-up\"\n      mountOnEnter\n      unmountOnExit\n    >\n      <div\n        className={classNames('toast-notification', classNamesProp, type)}\n        role=\"presentation\"\n        onClick={onClick}\n        onKeyPress={onClick}\n      >\n        <div className=\"message-container\">\n          <span className=\"message\">{message}</span>\n        </div>\n        <CSSTransition\n          in={hasButtons}\n          timeout={ThemeExport.transitionSlowMs}\n          classNames=\"fade\"\n          mountOnEnter\n          unmountOnExit\n        >\n          <div className=\"buttons-container\">{buttons}</div>\n        </CSSTransition>\n        {onDismiss && (\n          <Button\n            kind=\"ghost\"\n            icon={vsClose}\n            tooltip=\"Close notification\"\n            className=\"my-2\"\n            onClick={onDismiss}\n          />\n        )}\n      </div>\n    </CSSTransition>\n  );\n};\n\nToastNotification.TYPE = Object.freeze({\n  ERROR: 'error',\n});\n\nexport default ToastNotification;\n"],"file":"ToastNotification.js"}
+{"version":3,"sources":["../src/ToastNotification.tsx"],"names":["React","classNames","CSSTransition","vsClose","Button","ThemeExport","ToastNotification","buttons","isShown","classNamesProp","message","type","onClick","onDismiss","hasButtons","length","transitionMs","transitionSlowMs","TYPE","Object","freeze","ERROR"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,aAAT,QAA8B,wBAA9B;AACA,SAASC,OAAT,QAAwB,kBAAxB;OACOC,M;OACAC,W;;;AAgBP,IAAMC,iBAAiB,GAAG,UAQiB;AAAA,MARhB;AACzBC,IAAAA,OADyB;AAEzBC,IAAAA,OAAO,GAAG,KAFe;AAGzBP,IAAAA,UAAU,EAAEQ,cAHa;AAIzBC,IAAAA,OAJyB;AAKzBC,IAAAA,IALyB;AAMzBC,IAAAA,OANyB;AAOzBC,IAAAA;AAPyB,GAQgB;AACzC,MAAMC,UAAU,GAAGP,OAAO,IAAIA,OAAO,CAACQ,MAAR,KAAmB,CAAjD;AAEA,sBACE,oBAAC,aAAD;AACE,IAAA,EAAE,EAAEP,OADN;AAEE,IAAA,OAAO,EAAEH,WAAW,CAACW,YAFvB;AAGE,IAAA,UAAU,EAAC,6BAHb;AAIE,IAAA,YAAY,MAJd;AAKE,IAAA,aAAa;AALf,kBAOE;AACE,IAAA,SAAS,EAAEf,UAAU,CAAC,oBAAD,EAAuBQ,cAAvB,EAAuCE,IAAvC,CADvB;AAEE,IAAA,IAAI,EAAC,cAFP;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,UAAU,EAAEA;AAJd,kBAME;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA2BF,OAA3B,CADF,CANF,eASE,oBAAC,aAAD;AACE,IAAA,EAAE,EAAEI,UADN;AAEE,IAAA,OAAO,EAAET,WAAW,CAACY,gBAFvB;AAGE,IAAA,UAAU,EAAC,MAHb;AAIE,IAAA,YAAY,MAJd;AAKE,IAAA,aAAa;AALf,kBAOE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAoCV,OAApC,CAPF,CATF,EAkBGM,SAAS,iBACR,oBAAC,MAAD;AACE,IAAA,IAAI,EAAC,OADP;AAEE,IAAA,IAAI,EAAEV,OAFR;AAGE,IAAA,OAAO,EAAC,oBAHV;AAIE,IAAA,SAAS,EAAC,MAJZ;AAKE,IAAA,OAAO,EAAEU;AALX,IAnBJ,CAPF,CADF;AAsCD,CAjDD;;AAmDAP,iBAAiB,CAACY,IAAlB,GAAyBC,MAAM,CAACC,MAAP,CAAc;AACrCC,EAAAA,KAAK,EAAE;AAD8B,CAAd,CAAzB;AAIA,eAAef,iBAAf","sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport { vsClose } from '@deephaven/icons';\nimport Button from './Button';\nimport ThemeExport from './ThemeExport';\nimport './ToastNotification.scss';\n\ntype ToastNotificationProps = {\n  buttons?: typeof Button[];\n  classNames?: string;\n  isShown?: boolean;\n  message?: string;\n  type?: string;\n\n  onClick?: React.EventHandler<\n    React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>\n  >;\n  onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n};\n\nconst ToastNotification = ({\n  buttons,\n  isShown = false,\n  classNames: classNamesProp,\n  message,\n  type,\n  onClick,\n  onDismiss,\n}: ToastNotificationProps): JSX.Element => {\n  const hasButtons = buttons && buttons.length !== 0;\n\n  return (\n    <CSSTransition\n      in={isShown}\n      timeout={ThemeExport.transitionMs}\n      classNames=\"toast-notification-slide-up\"\n      mountOnEnter\n      unmountOnExit\n    >\n      <div\n        className={classNames('toast-notification', classNamesProp, type)}\n        role=\"presentation\"\n        onClick={onClick}\n        onKeyPress={onClick}\n      >\n        <div className=\"message-container\">\n          <span className=\"message\">{message}</span>\n        </div>\n        <CSSTransition\n          in={hasButtons}\n          timeout={ThemeExport.transitionSlowMs}\n          classNames=\"fade\"\n          mountOnEnter\n          unmountOnExit\n        >\n          <div className=\"buttons-container\">{buttons}</div>\n        </CSSTransition>\n        {onDismiss && (\n          <Button\n            kind=\"ghost\"\n            icon={vsClose}\n            tooltip=\"Close notification\"\n            className=\"my-2\"\n            onClick={onDismiss}\n          />\n        )}\n      </div>\n    </CSSTransition>\n  );\n};\n\nToastNotification.TYPE = Object.freeze({\n  ERROR: 'error',\n});\n\nexport default ToastNotification;\n"],"file":"ToastNotification.js"}

package/dist/UISwitch.js

@@ -2,7 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 import "./UISwitch.css";
 
-var UISwitch = _ref => {
+var UISwitch = (_ref) => {
   var {
     on,
     id,

package/dist/context-actions/ContextMenu.js

@@ -1,4 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 

package/dist/menu-actions/DropdownMenu.js

@@ -1,4 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 

package/dist/menu-actions/Menu.js

@@ -1,4 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 

package/dist/navigation/Menu.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import MenuItem from "./MenuItem.js";
 import "./Menu.css";
-export var Menu = _ref => {
+export var Menu = (_ref) => {
   var {
     items,
     onSelect: _onSelect = () => undefined

package/dist/navigation/MenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../src/navigation/MenuItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAG7D,OAAO,iBAAiB,CAAC;AAIzB,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AAEF,oBAAY,iBAAiB,GAAG,WAAW,GAAG;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,CAAC;AAMF,oBAAY,aAAa,GAAG;IAC1B,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,wBAGlB,aAAa,KAAG,WA0ClB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../src/navigation/MenuItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAG7D,OAAO,iBAAiB,CAAC;AAIzB,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AAEF,oBAAY,iBAAiB,GAAG,WAAW,GAAG;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,CAAC;AAMF,oBAAY,aAAa,GAAG;IAC1B,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,wBAGlB,aAAa,KAAG,WA2ClB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/navigation/MenuItem.js

@@ -12,7 +12,7 @@ function isSwitchMenuItemType(item) {
  * @param props.item The menu item to set. Set a SwitchMenuItemDef to show a switch.
  * @param props.onSelect Called when the menu item is selected
  */
-export var MenuItem = _ref => {
+export var MenuItem = (_ref) => {
   var {
     item,
     onSelect = () => undefined
@@ -33,6 +33,7 @@ export var MenuItem = _ref => {
   }, [item, onSelect]);
   return /*#__PURE__*/React.createElement("div", {
     className: "btn btn-navigation-menu-item",
+    "data-testid": "menu-item-".concat(title),
     onClick: handleSelect,
     onKeyDown: event => {
       if (event.key === 'Enter' || event.key === ' ') {

package/dist/navigation/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/navigation/MenuItem.tsx"],"names":["React","useMemo","FontAwesomeIcon","vsChevronRight","UISwitch","isSwitchMenuItemType","item","isOn","undefined","MenuItem","onSelect","icon","subtitle","title","handleSelect","onChange","event","key","stopPropagation"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AAEA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,cAAT,QAA+B,kBAA/B;;OAGOC,Q;;AAaP,SAASC,oBAAT,CAA8BC,IAA9B,EAA4E;AAC1E,SAAQA,IAAD,CAA4BC,IAA5B,KAAqCC,SAA5C;AACD;;AAOD;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,QAGU;AAAA,MAHT;AACvBH,IAAAA,IADuB;AAEvBI,IAAAA,QAAQ,GAAG,MAAMF;AAFM,GAGS;AAChC,MAAM;AAAEG,IAAAA,IAAF;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,MAA4BP,IAAlC;AACA,MAAMQ,YAAY,GAAGb,OAAO,CAAC,MAAM;AACjC,QAAII,oBAAoB,CAACC,IAAD,CAAxB,EAAgC;AAC9B,aAAO,MAAM;AACXA,QAAAA,IAAI,CAACS,QAAL,CAAc,CAACT,IAAI,CAACC,IAApB;AACD,OAFD;AAGD;;AACD,WAAOG,QAAP;AACD,GAP2B,EAOzB,CAACJ,IAAD,EAAOI,QAAP,CAPyB,CAA5B;AAQA,sBACE;AACE,IAAA,SAAS,EAAC,8BADZ;AAEE,IAAA,OAAO,EAAEI,YAFX;AAGE,IAAA,SAAS,EAAEE,KAAK,IAAI;AAClB,UAAIA,KAAK,CAACC,GAAN,KAAc,OAAd,IAAyBD,KAAK,CAACC,GAAN,KAAc,GAA3C,EAAgD;AAC9CH,QAAAA,YAAY;AACb;AACF,KAPH;AAQE,IAAA,QAAQ,EAAE,CARZ;AASE,IAAA,IAAI,EAAC;AATP,KAWGH,IAAI,iBACH;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEA;AAAvB,IADF,CAZJ,eAgBE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwBE,KAAxB,CAhBF,EAiBGD,QAAQ,iBAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAA2BA,QAA3B,CAjBf,eAkBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACIP,oBAAoB,CAACC,IAAD,CAApB,iBACA,oBAAC,QAAD;AACE,IAAA,EAAE,EAAEA,IAAI,CAACC,IADX;AAEE,IAAA,OAAO,EAAES,KAAK,IAAI;AAChBA,MAAAA,KAAK,CAACE,eAAN;AACAJ,MAAAA,YAAY;AACb;AALH,IADD,iBAQK,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEX;AAAvB,IATR,CAlBF,CADF;AAgCD,CA7CM;AA+CP,eAAeM,QAAf","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};\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 const MenuItem = ({\n  item,\n  onSelect = () => undefined,\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      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 && (\n        <div className=\"icon\">\n          <FontAwesomeIcon icon={icon} />\n        </div>\n      )}\n      <div className=\"title\">{title}</div>\n      {subtitle && <div className=\"shortcut\">{subtitle}</div>}\n      <div className=\"accessory\">\n        {(isSwitchMenuItemType(item) && (\n          <UISwitch\n            on={item.isOn}\n            onClick={event => {\n              event.stopPropagation();\n              handleSelect();\n            }}\n          />\n        )) || <FontAwesomeIcon icon={vsChevronRight} />}\n      </div>\n    </div>\n  );\n};\n\nexport default MenuItem;\n"],"file":"MenuItem.js"}
+{"version":3,"sources":["../../src/navigation/MenuItem.tsx"],"names":["React","useMemo","FontAwesomeIcon","vsChevronRight","UISwitch","isSwitchMenuItemType","item","isOn","undefined","MenuItem","onSelect","icon","subtitle","title","handleSelect","onChange","event","key","stopPropagation"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AAEA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,cAAT,QAA+B,kBAA/B;;OAGOC,Q;;AAaP,SAASC,oBAAT,CAA8BC,IAA9B,EAA4E;AAC1E,SAAQA,IAAD,CAA4BC,IAA5B,KAAqCC,SAA5C;AACD;;AAOD;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,UAGU;AAAA,MAHT;AACvBH,IAAAA,IADuB;AAEvBI,IAAAA,QAAQ,GAAG,MAAMF;AAFM,GAGS;AAChC,MAAM;AAAEG,IAAAA,IAAF;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,MAA4BP,IAAlC;AACA,MAAMQ,YAAY,GAAGb,OAAO,CAAC,MAAM;AACjC,QAAII,oBAAoB,CAACC,IAAD,CAAxB,EAAgC;AAC9B,aAAO,MAAM;AACXA,QAAAA,IAAI,CAACS,QAAL,CAAc,CAACT,IAAI,CAACC,IAApB;AACD,OAFD;AAGD;;AACD,WAAOG,QAAP;AACD,GAP2B,EAOzB,CAACJ,IAAD,EAAOI,QAAP,CAPyB,CAA5B;AAQA,sBACE;AACE,IAAA,SAAS,EAAC,8BADZ;AAEE,uCAA0BG,KAA1B,CAFF;AAGE,IAAA,OAAO,EAAEC,YAHX;AAIE,IAAA,SAAS,EAAEE,KAAK,IAAI;AAClB,UAAIA,KAAK,CAACC,GAAN,KAAc,OAAd,IAAyBD,KAAK,CAACC,GAAN,KAAc,GAA3C,EAAgD;AAC9CH,QAAAA,YAAY;AACb;AACF,KARH;AASE,IAAA,QAAQ,EAAE,CATZ;AAUE,IAAA,IAAI,EAAC;AAVP,KAYGH,IAAI,iBACH;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEA;AAAvB,IADF,CAbJ,eAiBE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwBE,KAAxB,CAjBF,EAkBGD,QAAQ,iBAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAA2BA,QAA3B,CAlBf,eAmBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACIP,oBAAoB,CAACC,IAAD,CAApB,iBACA,oBAAC,QAAD;AACE,IAAA,EAAE,EAAEA,IAAI,CAACC,IADX;AAEE,IAAA,OAAO,EAAES,KAAK,IAAI;AAChBA,MAAAA,KAAK,CAACE,eAAN;AACAJ,MAAAA,YAAY;AACb;AALH,IADD,iBAQK,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEX;AAAvB,IATR,CAnBF,CADF;AAiCD,CA9CM;AAgDP,eAAeM,QAAf","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};\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 const MenuItem = ({\n  item,\n  onSelect = () => undefined,\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 && (\n        <div className=\"icon\">\n          <FontAwesomeIcon icon={icon} />\n        </div>\n      )}\n      <div className=\"title\">{title}</div>\n      {subtitle && <div className=\"shortcut\">{subtitle}</div>}\n      <div className=\"accessory\">\n        {(isSwitchMenuItemType(item) && (\n          <UISwitch\n            on={item.isOn}\n            onClick={event => {\n              event.stopPropagation();\n              handleSelect();\n            }}\n          />\n        )) || <FontAwesomeIcon icon={vsChevronRight} />}\n      </div>\n    </div>\n  );\n};\n\nexport default MenuItem;\n"],"file":"MenuItem.js"}

package/dist/navigation/Page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../src/navigation/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,aAAa,CAAC;AAErB,oBAAY,SAAS,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI,0CAKd,SAAS,KAAG,WA8Bd,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../src/navigation/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,aAAa,CAAC;AAErB,oBAAY,SAAS,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI,0CAKd,SAAS,KAAG,WAgCd,CAAC;AAEF,eAAe,IAAI,CAAC"}