@deephaven/components 0.5.2-beta.0 → 0.6.1-demo.10

package/dist/navigation/MenuItem.js

@@ -2,7 +2,7 @@ import React, { useMemo } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { vsChevronRight } from '@deephaven/icons';
 import "./MenuItem.css";
-import UISwitch from '../UISwitch';
+import UISwitch from "../UISwitch.js";
 
 function isSwitchMenuItemType(item) {
   return item.isOn !== undefined;
@@ -12,18 +12,19 @@ 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 = function MenuItem(_ref) {
-  var item = _ref.item,
-      _ref$onSelect = _ref.onSelect,
-      onSelect = _ref$onSelect === void 0 ? function () {
-    return undefined;
-  } : _ref$onSelect;
-  var icon = item.icon,
-      subtitle = item.subtitle,
-      title = item.title;
-  var handleSelect = useMemo(function () {
+export var MenuItem = (_ref) => {
+  var {
+    item,
+    onSelect = () => undefined
+  } = _ref;
+  var {
+    icon,
+    subtitle,
+    title
+  } = item;
+  var handleSelect = useMemo(() => {
     if (isSwitchMenuItemType(item)) {
-      return function () {
+      return () => {
         item.onChange(!item.isOn);
       };
     }
@@ -33,7 +34,7 @@ export var MenuItem = function MenuItem(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "btn btn-navigation-menu-item",
     onClick: handleSelect,
-    onKeyDown: function onKeyDown(event) {
+    onKeyDown: event => {
       if (event.key === 'Enter' || event.key === ' ') {
         handleSelect();
       }
@@ -52,7 +53,7 @@ export var MenuItem = function MenuItem(_ref) {
     className: "accessory"
   }, isSwitchMenuItemType(item) && /*#__PURE__*/React.createElement(UISwitch, {
     on: item.isOn,
-    onClick: function onClick(event) {
+    onClick: event => {
       event.stopPropagation();
       handleSelect();
     }

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;AACA;AAEA,OAAOC,QAAP,MAAqB,aAArB;;AAaA,SAASC,oBAAT,CAA8BC,IAA9B,EAA4E;AAC1E,SAAQA,IAAD,CAA4BC,IAA5B,KAAqCC,SAA5C;AACD;;AAOD;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAGU;AAAA,MAFhCH,IAEgC,QAFhCA,IAEgC;AAAA,2BADhCI,QACgC;AAAA,MADhCA,QACgC,8BADrB;AAAA,WAAMF,SAAN;AAAA,GACqB;AAChC,MAAQG,IAAR,GAAkCL,IAAlC,CAAQK,IAAR;AAAA,MAAcC,QAAd,GAAkCN,IAAlC,CAAcM,QAAd;AAAA,MAAwBC,KAAxB,GAAkCP,IAAlC,CAAwBO,KAAxB;AACA,MAAMC,YAAY,GAAGb,OAAO,CAAC,YAAM;AACjC,QAAII,oBAAoB,CAACC,IAAD,CAAxB,EAAgC;AAC9B,aAAO,YAAM;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,EAAE,mBAAAE,KAAK,EAAI;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,EAAE,iBAAAS,KAAK,EAAI;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,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"}

package/dist/navigation/Page.js

@@ -7,11 +7,13 @@ import "./Page.css";
  * A page view with a back button in the bottom left, a title at the top, and a close button in the top right.
  * Back and close buttons will only appear if `onBack` and/or `onClose` callbacks are set.
  */
-export var Page = function Page(_ref) {
-  var children = _ref.children,
-      onBack = _ref.onBack,
-      onClose = _ref.onClose,
-      title = _ref.title;
+export var Page = (_ref) => {
+  var {
+    children,
+    onBack,
+    onClose,
+    title
+  } = _ref;
   return /*#__PURE__*/React.createElement("div", {
     className: "navigation-page"
   }, /*#__PURE__*/React.createElement("div", {

package/dist/navigation/Page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/navigation/Page.tsx"],"names":["React","FontAwesomeIcon","vsClose","vsChevronLeft","Page","children","onBack","onClose","title","undefined"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,OAAT,EAAkBC,aAAlB,QAAuC,kBAAvC;AACA;;AASA;AACA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO;AAAA,MAClBC,QADkB,QAClBA,QADkB;AAAA,MAElBC,MAFkB,QAElBA,MAFkB;AAAA,MAGlBC,OAHkB,QAGlBA,OAHkB;AAAA,MAIlBC,KAJkB,QAIlBA,KAJkB;AAAA,sBAMlB;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGF,MAAM,KAAKG,SAAX,iBACC;AACE,IAAA,SAAS,EAAC,uBADZ;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,OAAO,EAAEH;AAHX,kBAKE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEH;AAAvB,IALF,SAFJ,CADF,eAaE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAmCK,KAAnC,CAbF,eAcE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGD,OAAO,KAAKE,SAAZ,iBACC;AACE,IAAA,SAAS,EAAC,+CADZ;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,OAAO,EAAEF;AAHX,kBAKE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEL;AAAvB,IALF,CAFJ,CAdF,CADF,eA2BE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAqCG,QAArC,CA3BF,CANkB;AAAA,CAAb;AAqCP,eAAeD,IAAf","sourcesContent":["import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsClose, vsChevronLeft } from '@deephaven/icons';\nimport './Page.scss';\n\nexport type PageProps = {\n  children: React.ReactNode;\n  onBack?: () => void;\n  onClose?: () => void;\n  title: string;\n};\n\n/**\n * A page view with a back button in the bottom left, a title at the top, and a close button in the top right.\n * Back and close buttons will only appear if `onBack` and/or `onClose` callbacks are set.\n */\nexport const Page = ({\n  children,\n  onBack,\n  onClose,\n  title,\n}: PageProps): JSX.Element => (\n  <div className=\"navigation-page\">\n    <div className=\"navigation-title-bar\">\n      <div className=\"navigation-left-buttons\">\n        {onBack !== undefined && (\n          <button\n            className=\"btn btn-link btn-back\"\n            type=\"button\"\n            onClick={onBack}\n          >\n            <FontAwesomeIcon icon={vsChevronLeft} />\n            Back\n          </button>\n        )}\n      </div>\n      <div className=\"navigation-title\">{title}</div>\n      <div className=\"navigation-right-buttons\">\n        {onClose !== undefined && (\n          <button\n            className=\"btn btn-link btn-link-icon btn-close px-2 m-1\"\n            type=\"button\"\n            onClick={onClose}\n          >\n            <FontAwesomeIcon icon={vsClose} />\n          </button>\n        )}\n      </div>\n    </div>\n    <div className=\"navigation-content\">{children}</div>\n  </div>\n);\n\nexport default Page;\n"],"file":"Page.js"}
+{"version":3,"sources":["../../src/navigation/Page.tsx"],"names":["React","FontAwesomeIcon","vsClose","vsChevronLeft","Page","children","onBack","onClose","title","undefined"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,OAAT,EAAkBC,aAAlB,QAAuC,kBAAvC;;;AAUA;AACA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG;AAAA,MAAC;AACnBC,IAAAA,QADmB;AAEnBC,IAAAA,MAFmB;AAGnBC,IAAAA,OAHmB;AAInBC,IAAAA;AAJmB,GAAD;AAAA,sBAMlB;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGF,MAAM,KAAKG,SAAX,iBACC;AACE,IAAA,SAAS,EAAC,uBADZ;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,OAAO,EAAEH;AAHX,kBAKE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEH;AAAvB,IALF,SAFJ,CADF,eAaE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAmCK,KAAnC,CAbF,eAcE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGD,OAAO,KAAKE,SAAZ,iBACC;AACE,IAAA,SAAS,EAAC,+CADZ;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,OAAO,EAAEF;AAHX,kBAKE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEL;AAAvB,IALF,CAFJ,CAdF,CADF,eA2BE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAqCG,QAArC,CA3BF,CANkB;AAAA,CAAb;AAqCP,eAAeD,IAAf","sourcesContent":["import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsClose, vsChevronLeft } from '@deephaven/icons';\nimport './Page.scss';\n\nexport type PageProps = {\n  children: React.ReactNode;\n  onBack?: () => void;\n  onClose?: () => void;\n  title: string;\n};\n\n/**\n * A page view with a back button in the bottom left, a title at the top, and a close button in the top right.\n * Back and close buttons will only appear if `onBack` and/or `onClose` callbacks are set.\n */\nexport const Page = ({\n  children,\n  onBack,\n  onClose,\n  title,\n}: PageProps): JSX.Element => (\n  <div className=\"navigation-page\">\n    <div className=\"navigation-title-bar\">\n      <div className=\"navigation-left-buttons\">\n        {onBack !== undefined && (\n          <button\n            className=\"btn btn-link btn-back\"\n            type=\"button\"\n            onClick={onBack}\n          >\n            <FontAwesomeIcon icon={vsChevronLeft} />\n            Back\n          </button>\n        )}\n      </div>\n      <div className=\"navigation-title\">{title}</div>\n      <div className=\"navigation-right-buttons\">\n        {onClose !== undefined && (\n          <button\n            className=\"btn btn-link btn-link-icon btn-close px-2 m-1\"\n            type=\"button\"\n            onClick={onClose}\n          >\n            <FontAwesomeIcon icon={vsClose} />\n          </button>\n        )}\n      </div>\n    </div>\n    <div className=\"navigation-content\">{children}</div>\n  </div>\n);\n\nexport default Page;\n"],"file":"Page.js"}

package/dist/navigation/Stack.js

@@ -1,46 +1,22 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { useState, useEffect, useMemo, useCallback } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import { usePrevious } from '@deephaven/react-hooks';
-import ThemeExport from '../ThemeExport';
+import ThemeExport from "../ThemeExport.js";
 import "./Stack.css";
 
 /**
  * Pass a full navigation stack of children, and then automatically does a sliding animation when the stack changes.
  * Adding items to the stack will do a "push" animation, and removing items from the stack will do a "pop" animation.
  */
-export var Stack = function Stack(_ref) {
-  var children = _ref.children;
-  var childrenArray = useMemo(function () {
-    return React.Children.toArray(children);
-  }, [children]);
+export var Stack = (_ref) => {
+  var {
+    children
+  } = _ref;
+  var childrenArray = useMemo(() => React.Children.toArray(children), [children]);
   var prevChildrenArray = usePrevious(childrenArray);
-
-  var _useState = useState(childrenArray[childrenArray.length - 1]),
-      _useState2 = _slicedToArray(_useState, 2),
-      mainView = _useState2[0],
-      setMainView = _useState2[1];
-
-  var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      pushingView = _useState4[0],
-      setPushingView = _useState4[1];
-
-  var _useState5 = useState(null),
-      _useState6 = _slicedToArray(_useState5, 2),
-      poppingView = _useState6[0],
-      setPoppingView = _useState6[1];
+  var [mainView, setMainView] = useState(childrenArray[childrenArray.length - 1]);
+  var [pushingView, setPushingView] = useState(null);
+  var [poppingView, setPoppingView] = useState(null);
   /**
    * To do the animation effect, we just need to set the proper pushing/popping views when the stack changes.
    * `mainView` - The main view of the stack, stationary, filling the container.
@@ -51,8 +27,7 @@ export var Stack = function Stack(_ref) {
    * Completion of the animation is handled in `pushComplete` or `popComplete`, and then the stack is in an idle state again.
    */
 
-
-  useEffect(function () {
+  useEffect(() => {
     if (prevChildrenArray === undefined || childrenArray === prevChildrenArray) {
       return;
     }
@@ -77,11 +52,11 @@ export var Stack = function Stack(_ref) {
       setPoppingView(prevChildrenArray[prevChildrenArray.length - 1]);
     }
   }, [childrenArray, prevChildrenArray, pushingView, poppingView, mainView]);
-  var pushComplete = useCallback(function () {
+  var pushComplete = useCallback(() => {
     setMainView(pushingView);
     setPushingView(null);
   }, [pushingView]);
-  var popComplete = useCallback(function () {
+  var popComplete = useCallback(() => {
     setPoppingView(null);
   }, []);
   return /*#__PURE__*/React.createElement("div", {
@@ -89,14 +64,14 @@ export var Stack = function Stack(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "main-view"
   }, mainView), /*#__PURE__*/React.createElement(CSSTransition, {
-    "in": poppingView != null,
+    in: poppingView != null,
     timeout: ThemeExport.transitionMidMs,
     classNames: "slide-right",
     onEntered: popComplete
   }, /*#__PURE__*/React.createElement(React.Fragment, null, poppingView && /*#__PURE__*/React.createElement("div", {
     className: "popping-view"
   }, poppingView))), /*#__PURE__*/React.createElement(CSSTransition, {
-    "in": pushingView != null,
+    in: pushingView != null,
     timeout: ThemeExport.transitionMidMs,
     classNames: "slide-left",
     onEntered: pushComplete

package/dist/navigation/Stack.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/navigation/Stack.tsx"],"names":["React","useState","useEffect","useMemo","useCallback","CSSTransition","usePrevious","ThemeExport","Stack","children","childrenArray","Children","toArray","prevChildrenArray","length","mainView","setMainView","pushingView","setPushingView","poppingView","setPoppingView","undefined","topChild","pushComplete","popComplete","transitionMidMs"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,EAAqCC,OAArC,EAA8CC,WAA9C,QAAiE,OAAjE;AACA,SAASC,aAAT,QAA8B,wBAA9B;AACA,SAASC,WAAT,QAA4B,wBAA5B;AACA,OAAOC,WAAP,MAAwB,gBAAxB;AACA;;AAMA;AACA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAA2C;AAAA,MAAxCC,QAAwC,QAAxCA,QAAwC;AAC9D,MAAMC,aAAa,GAAGP,OAAO,CAAC;AAAA,WAAMH,KAAK,CAACW,QAAN,CAAeC,OAAf,CAAuBH,QAAvB,CAAN;AAAA,GAAD,EAAyC,CACpEA,QADoE,CAAzC,CAA7B;AAGA,MAAMI,iBAAiB,GAAGP,WAAW,CAACI,aAAD,CAArC;;AACA,kBAAgCT,QAAQ,CACtCS,aAAa,CAACA,aAAa,CAACI,MAAd,GAAuB,CAAxB,CADyB,CAAxC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AAIA,mBAAsCf,QAAQ,CAAkB,IAAlB,CAA9C;AAAA;AAAA,MAAOgB,WAAP;AAAA,MAAoBC,cAApB;;AACA,mBAAsCjB,QAAQ,CAAkB,IAAlB,CAA9C;AAAA;AAAA,MAAOkB,WAAP;AAAA,MAAoBC,cAApB;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACElB,EAAAA,SAAS,CAAC,YAAM;AACd,QACEW,iBAAiB,KAAKQ,SAAtB,IACAX,aAAa,KAAKG,iBAFpB,EAGE;AACA;AACD;;AACD,QAAMS,QAAQ,GAAGZ,aAAa,CAACA,aAAa,CAACI,MAAd,GAAuB,CAAxB,CAA9B;;AACA,QACEJ,aAAa,CAACI,MAAd,KAAyBD,iBAAiB,CAACC,MAA3C,IACAD,iBAAiB,CAACC,MAAlB,KAA6B,CAD7B,IAEAG,WAAW,KAAK,IAFhB,IAGAE,WAAW,KAAK,IAJlB,EAKE;AACA;AACA,UAAIF,WAAW,KAAK,IAAhB,IAAwBK,QAAQ,KAAKL,WAAzC,EAAsD;AACpD;AACAC,QAAAA,cAAc,CAACI,QAAD,CAAd;AACD,OAHD,MAGO,IAAIA,QAAQ,KAAKH,WAAb,IAA4BG,QAAQ,KAAKP,QAA7C,EAAuD;AAC5D;AACAC,QAAAA,WAAW,CAACM,QAAD,CAAX;AACD;AACF,KAdD,MAcO,IAAIZ,aAAa,CAACI,MAAd,GAAuBD,iBAAiB,CAACC,MAA7C,EAAqD;AAC1D;AACAI,MAAAA,cAAc,CAACI,QAAD,CAAd;AACD,KAHM,MAGA,IAAIZ,aAAa,CAACI,MAAd,GAAuBD,iBAAiB,CAACC,MAA7C,EAAqD;AAC1D;AACAE,MAAAA,WAAW,CAACM,QAAD,CAAX;AACAF,MAAAA,cAAc,CAACP,iBAAiB,CAACA,iBAAiB,CAACC,MAAlB,GAA2B,CAA5B,CAAlB,CAAd;AACD;AACF,GA9BQ,EA8BN,CAACJ,aAAD,EAAgBG,iBAAhB,EAAmCI,WAAnC,EAAgDE,WAAhD,EAA6DJ,QAA7D,CA9BM,CAAT;AAgCA,MAAMQ,YAAY,GAAGnB,WAAW,CAAC,YAAM;AACrCY,IAAAA,WAAW,CAACC,WAAD,CAAX;AACAC,IAAAA,cAAc,CAAC,IAAD,CAAd;AACD,GAH+B,EAG7B,CAACD,WAAD,CAH6B,CAAhC;AAKA,MAAMO,WAAW,GAAGpB,WAAW,CAAC,YAAM;AACpCgB,IAAAA,cAAc,CAAC,IAAD,CAAd;AACD,GAF8B,EAE5B,EAF4B,CAA/B;AAIA,sBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA4BL,QAA5B,CADF,eAGE,oBAAC,aAAD;AACE,UAAII,WAAW,IAAI,IADrB;AAEE,IAAA,OAAO,EAAEZ,WAAW,CAACkB,eAFvB;AAGE,IAAA,UAAU,EAAC,aAHb;AAIE,IAAA,SAAS,EAAED;AAJb,kBAME,0CAAGL,WAAW,iBAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+BA,WAA/B,CAAlB,CANF,CAHF,eAWE,oBAAC,aAAD;AACE,UAAIF,WAAW,IAAI,IADrB;AAEE,IAAA,OAAO,EAAEV,WAAW,CAACkB,eAFvB;AAGE,IAAA,UAAU,EAAC,YAHb;AAIE,IAAA,SAAS,EAAEF;AAJb,kBAME,0CAAGN,WAAW,iBAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+BA,WAA/B,CAAlB,CANF,CAXF,CADF;AAsBD,CApFM;AAsFP,eAAeT,KAAf","sourcesContent":["import React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { usePrevious } from '@deephaven/react-hooks';\nimport ThemeExport from '../ThemeExport';\nimport './Stack.scss';\n\nexport type StackProps = {\n  children: React.ReactNode | React.ReactNode[];\n};\n\n/**\n * Pass a full navigation stack of children, and then automatically does a sliding animation when the stack changes.\n * Adding items to the stack will do a \"push\" animation, and removing items from the stack will do a \"pop\" animation.\n */\nexport const Stack = ({ children }: StackProps): JSX.Element => {\n  const childrenArray = useMemo(() => React.Children.toArray(children), [\n    children,\n  ]);\n  const prevChildrenArray = usePrevious(childrenArray);\n  const [mainView, setMainView] = useState<React.ReactNode>(\n    childrenArray[childrenArray.length - 1]\n  );\n\n  const [pushingView, setPushingView] = useState<React.ReactNode>(null);\n  const [poppingView, setPoppingView] = useState<React.ReactNode>(null);\n\n  /**\n   * To do the animation effect, we just need to set the proper pushing/popping views when the stack changes.\n   * `mainView` - The main view of the stack, stationary, filling the container.\n   * `pushingView` - A view that's currently being pushed. Slides from off screen right to overtop of `mainView`.\n   * `poppingView` - A view that's currently being popped. Slides from overtop of `mainView` to right off screen.\n   *\n   * When the `pushingView` or `poppingView` is set, that will kick off their animation.\n   * Completion of the animation is handled in `pushComplete` or `popComplete`, and then the stack is in an idle state again.\n   */\n  useEffect(() => {\n    if (\n      prevChildrenArray === undefined ||\n      childrenArray === prevChildrenArray\n    ) {\n      return;\n    }\n    const topChild = childrenArray[childrenArray.length - 1];\n    if (\n      childrenArray.length === prevChildrenArray.length ||\n      prevChildrenArray.length === 0 ||\n      pushingView !== null ||\n      poppingView !== null\n    ) {\n      // 1) Stack is the same size, we've just mounted, or we're already in an animation - just update the view\n      if (pushingView !== null && topChild !== pushingView) {\n        // Stack was updated mid animation\n        setPushingView(topChild);\n      } else if (topChild !== poppingView && topChild !== mainView) {\n        // Replace the current view\n        setMainView(topChild);\n      }\n    } else if (childrenArray.length > prevChildrenArray.length) {\n      // 2) Stack has grown - start the push animation\n      setPushingView(topChild);\n    } else if (childrenArray.length < prevChildrenArray.length) {\n      // 3) Stack has shrunk - start the pop animation\n      setMainView(topChild);\n      setPoppingView(prevChildrenArray[prevChildrenArray.length - 1]);\n    }\n  }, [childrenArray, prevChildrenArray, pushingView, poppingView, mainView]);\n\n  const pushComplete = useCallback(() => {\n    setMainView(pushingView);\n    setPushingView(null);\n  }, [pushingView]);\n\n  const popComplete = useCallback(() => {\n    setPoppingView(null);\n  }, []);\n\n  return (\n    <div className=\"navigation-stack\">\n      <div className=\"main-view\">{mainView}</div>\n\n      <CSSTransition\n        in={poppingView != null}\n        timeout={ThemeExport.transitionMidMs}\n        classNames=\"slide-right\"\n        onEntered={popComplete}\n      >\n        <>{poppingView && <div className=\"popping-view\">{poppingView}</div>}</>\n      </CSSTransition>\n      <CSSTransition\n        in={pushingView != null}\n        timeout={ThemeExport.transitionMidMs}\n        classNames=\"slide-left\"\n        onEntered={pushComplete}\n      >\n        <>{pushingView && <div className=\"pushing-view\">{pushingView}</div>}</>\n      </CSSTransition>\n    </div>\n  );\n};\n\nexport default Stack;\n"],"file":"Stack.js"}
+{"version":3,"sources":["../../src/navigation/Stack.tsx"],"names":["React","useState","useEffect","useMemo","useCallback","CSSTransition","usePrevious","ThemeExport","Stack","children","childrenArray","Children","toArray","prevChildrenArray","mainView","setMainView","length","pushingView","setPushingView","poppingView","setPoppingView","undefined","topChild","pushComplete","popComplete","transitionMidMs"],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { usePrevious } from '@deephaven/react-hooks';\nimport ThemeExport from '../ThemeExport';\nimport './Stack.scss';\n\nexport type StackProps = {\n  children: React.ReactNode | React.ReactNode[];\n};\n\n/**\n * Pass a full navigation stack of children, and then automatically does a sliding animation when the stack changes.\n * Adding items to the stack will do a \"push\" animation, and removing items from the stack will do a \"pop\" animation.\n */\nexport const Stack = ({ children }: StackProps): JSX.Element => {\n  const childrenArray = useMemo(() => React.Children.toArray(children), [\n    children,\n  ]);\n  const prevChildrenArray = usePrevious(childrenArray);\n  const [mainView, setMainView] = useState<React.ReactNode>(\n    childrenArray[childrenArray.length - 1]\n  );\n\n  const [pushingView, setPushingView] = useState<React.ReactNode>(null);\n  const [poppingView, setPoppingView] = useState<React.ReactNode>(null);\n\n  /**\n   * To do the animation effect, we just need to set the proper pushing/popping views when the stack changes.\n   * `mainView` - The main view of the stack, stationary, filling the container.\n   * `pushingView` - A view that's currently being pushed. Slides from off screen right to overtop of `mainView`.\n   * `poppingView` - A view that's currently being popped. Slides from overtop of `mainView` to right off screen.\n   *\n   * When the `pushingView` or `poppingView` is set, that will kick off their animation.\n   * Completion of the animation is handled in `pushComplete` or `popComplete`, and then the stack is in an idle state again.\n   */\n  useEffect(() => {\n    if (\n      prevChildrenArray === undefined ||\n      childrenArray === prevChildrenArray\n    ) {\n      return;\n    }\n    const topChild = childrenArray[childrenArray.length - 1];\n    if (\n      childrenArray.length === prevChildrenArray.length ||\n      prevChildrenArray.length === 0 ||\n      pushingView !== null ||\n      poppingView !== null\n    ) {\n      // 1) Stack is the same size, we've just mounted, or we're already in an animation - just update the view\n      if (pushingView !== null && topChild !== pushingView) {\n        // Stack was updated mid animation\n        setPushingView(topChild);\n      } else if (topChild !== poppingView && topChild !== mainView) {\n        // Replace the current view\n        setMainView(topChild);\n      }\n    } else if (childrenArray.length > prevChildrenArray.length) {\n      // 2) Stack has grown - start the push animation\n      setPushingView(topChild);\n    } else if (childrenArray.length < prevChildrenArray.length) {\n      // 3) Stack has shrunk - start the pop animation\n      setMainView(topChild);\n      setPoppingView(prevChildrenArray[prevChildrenArray.length - 1]);\n    }\n  }, [childrenArray, prevChildrenArray, pushingView, poppingView, mainView]);\n\n  const pushComplete = useCallback(() => {\n    setMainView(pushingView);\n    setPushingView(null);\n  }, [pushingView]);\n\n  const popComplete = useCallback(() => {\n    setPoppingView(null);\n  }, []);\n\n  return (\n    <div className=\"navigation-stack\">\n      <div className=\"main-view\">{mainView}</div>\n\n      <CSSTransition\n        in={poppingView != null}\n        timeout={ThemeExport.transitionMidMs}\n        classNames=\"slide-right\"\n        onEntered={popComplete}\n      >\n        <>{poppingView && <div className=\"popping-view\">{poppingView}</div>}</>\n      </CSSTransition>\n      <CSSTransition\n        in={pushingView != null}\n        timeout={ThemeExport.transitionMidMs}\n        classNames=\"slide-left\"\n        onEntered={pushComplete}\n      >\n        <>{pushingView && <div className=\"pushing-view\">{pushingView}</div>}</>\n      </CSSTransition>\n    </div>\n  );\n};\n\nexport default Stack;\n"],"file":"Stack.js"}

package/dist/navigation/index.js

@@ -1,5 +1,5 @@
-export { default as Menu } from './Menu';
-export { default as MenuItem } from './MenuItem';
-export { default as Page } from './Page';
-export { default as Stack } from './Stack';
+export { default as Menu } from "./Menu.js";
+export { default as MenuItem } from "./MenuItem.js";
+export { default as Page } from "./Page.js";
+export { default as Stack } from "./Stack.js";
 //# sourceMappingURL=index.js.map

package/dist/navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/navigation/index.ts"],"names":["default","Menu","MenuItem","Page","Stack"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAApB,QAAgC,QAAhC;AAEA,SAASD,OAAO,IAAIE,QAApB,QAAoC,YAApC;AAEA,SAASF,OAAO,IAAIG,IAApB,QAAgC,QAAhC;AAEA,SAASH,OAAO,IAAII,KAApB,QAAiC,SAAjC","sourcesContent":["export { default as Menu } from './Menu';\nexport type { MenuProps } from './Menu';\nexport { default as MenuItem } from './MenuItem';\nexport type { SwitchMenuItemDef, MenuItemDef, MenuItemProps } from './MenuItem';\nexport { default as Page } from './Page';\nexport type { PageProps } from './Page';\nexport { default as Stack } from './Stack';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/navigation/index.ts"],"names":["default","Menu","MenuItem","Page","Stack"],"mappings":"SAASA,OAAO,IAAIC,I;SAEXD,OAAO,IAAIE,Q;SAEXF,OAAO,IAAIG,I;SAEXH,OAAO,IAAII,K","sourcesContent":["export { default as Menu } from './Menu';\nexport type { MenuProps } from './Menu';\nexport { default as MenuItem } from './MenuItem';\nexport type { SwitchMenuItemDef, MenuItemDef, MenuItemProps } from './MenuItem';\nexport { default as Page } from './Page';\nexport type { PageProps } from './Page';\nexport { default as Stack } from './Stack';\n"],"file":"index.js"}