@nebula.js/stardust 5.0.1 → 5.1.0

package/core/esm/dev.js

@@ -1,5 +1,5 @@
 /*
-* @nebula.js/stardust v5.0.1
+* @nebula.js/stardust v5.1.0
 * Copyright (c) 2024 QlikTech International AB
 * Released under the MIT license.
 */
@@ -7,7 +7,7 @@
 import * as React from 'react';
 import React__default, { useState as useState$1, useEffect as useEffect$1, forwardRef, useMemo as useMemo$1, useImperativeHandle as useImperativeHandle$1, useContext, useReducer, useCallback, useLayoutEffect as useLayoutEffect$1, PureComponent, useRef, createElement, Component } from 'react';
 import ReactDOM from 'react-dom';
-import { CacheProvider, Global, ThemeContext as ThemeContext$2, css, keyframes } from '@emotion/react';
+import { CacheProvider, Global, ThemeContext as ThemeContext$1, css, keyframes } from '@emotion/react';
 import { Checkbox, Radio, Typography, FormControlLabel, Box, Grid, Tooltip, Paper, IconButton, styled as styled$3, Popover, MenuList, MenuItem, ListItemIcon, Divider, OutlinedInput, InputAdornment, Badge, List, ListItem, Button, ButtonBase, CircularProgress, Icon } from '@mui/material';
 import styled$2 from '@emotion/styled';
 
@@ -775,12 +775,11 @@ function _extends$6() {
 function _objectWithoutPropertiesLoose$2(source, excluded) {
   if (source == null) return {};
   var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
+  for (var key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
   }
   return target;
 }
@@ -4138,7 +4137,7 @@ function hash (value, length) {
  * @param {string} value
  * @return {string}
  */
-function trim$1 (value) {
+function trim (value) {
 	return value.trim()
 }
 
@@ -4355,7 +4354,7 @@ function dealloc (value) {
  * @return {string}
  */
 function delimit (type) {
-	return trim$1(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)))
+	return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)))
 }
 
 /**
@@ -4604,7 +4603,7 @@ function ruleset (value, root, parent, index, offset, rules, points, type, props
 
 	for (var i = 0, j = 0, k = 0; i < index; ++i)
 		for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)
-			if (z = trim$1(j > 0 ? rule[x] + ' ' + y : replace(y, /&\f/g, rule[x])))
+			if (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, /&\f/g, rule[x])))
 				props[k++] = z;
 
 	return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length)
@@ -5286,7 +5285,7 @@ var styledEngine = /*#__PURE__*/Object.freeze({
 	__proto__: null,
 	GlobalStyles: GlobalStyles,
 	StyledEngineProvider: StyledEngineProvider,
-	ThemeContext: ThemeContext$2,
+	ThemeContext: ThemeContext$1,
 	css: css,
 	default: styled$1,
 	internal_processStyles: internal_processStyles,
@@ -5464,7 +5463,6 @@ function createBreakpoints(breakpoints) {
 const shape = {
   borderRadius: 4
 };
-var shape$1 = shape;
 
 function merge(acc, item) {
   if (!item) {
@@ -6283,7 +6281,6 @@ const defaultSxConfig = {
     themeKey: 'typography'
   }
 };
-var defaultSxConfig$1 = defaultSxConfig;
 
 function objectsHaveSameKeys(...objects) {
   const allKeys = objects.reduce((keys, object) => keys.concat(Object.keys(object)), []);
@@ -6351,7 +6348,7 @@ function unstable_createStyleFunctionSx() {
     if (!sx) {
       return null; // Emotion & styled-components will neglect null
     }
-    const config = (_theme$unstable_sxCon = theme.unstable_sxConfig) != null ? _theme$unstable_sxCon : defaultSxConfig$1;
+    const config = (_theme$unstable_sxCon = theme.unstable_sxConfig) != null ? _theme$unstable_sxCon : defaultSxConfig;
 
     /*
      * Receive `sxInput` as object or callback
@@ -6502,11 +6499,11 @@ function createTheme$2(options = {}, ...args) {
       mode: 'light'
     }, paletteInput),
     spacing,
-    shape: _extends$4({}, shape$1, shapeInput)
+    shape: _extends$4({}, shape, shapeInput)
   }, other);
   muiTheme.applyStyles = applyStyles;
   muiTheme = args.reduce((acc, argument) => deepmerge$1(acc, argument), muiTheme);
-  muiTheme.unstable_sxConfig = _extends$4({}, defaultSxConfig$1, other == null ? void 0 : other.unstable_sxConfig);
+  muiTheme.unstable_sxConfig = _extends$4({}, defaultSxConfig, other == null ? void 0 : other.unstable_sxConfig);
   muiTheme.unstable_sx = function sx(props) {
     return styleFunctionSx$1({
       sx: props,
@@ -6527,7 +6524,7 @@ function isObjectEmpty(obj) {
   return Object.keys(obj).length === 0;
 }
 function useTheme$4(defaultTheme = null) {
-  const contextTheme = React.useContext(ThemeContext$2);
+  const contextTheme = React.useContext(ThemeContext$1);
   return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;
 }
 
@@ -6543,7 +6540,7 @@ const splitProps = props => {
     systemProps: {},
     otherProps: {}
   };
-  const config = (_props$theme$unstable = props == null || (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig$1;
+  const config = (_props$theme$unstable = props == null || (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig;
   Object.keys(props).forEach(prop => {
     if (config[prop]) {
       result.systemProps[prop] = props[prop];
@@ -6586,7 +6583,7 @@ var styleFunctionSx = /*#__PURE__*/Object.freeze({
 	default: styleFunctionSx$1,
 	extendSxProp: extendSxProp,
 	unstable_createStyleFunctionSx: unstable_createStyleFunctionSx,
-	unstable_defaultSxConfig: defaultSxConfig$1
+	unstable_defaultSxConfig: defaultSxConfig
 });
 
 const defaultGenerator = componentName => componentName;
@@ -6784,7 +6781,6 @@ function useThemeProps$1({
  * and confirm it doesn't apply to your use-case.
  */
 const useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
-var useEnhancedEffect$1 = useEnhancedEffect;
 
 function clamp$1(val, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
   return Math.max(min, Math.min(val, max));
@@ -6963,7 +6959,7 @@ function useControlled({
 
 function useEventCallback(fn) {
   const ref = React.useRef(fn);
-  useEnhancedEffect$1(() => {
+  useEnhancedEffect(() => {
     ref.current = fn;
   });
   return React.useRef((...args) =>
@@ -7193,10 +7189,9 @@ function composeClasses(slots, getUtilityClass, classes = undefined) {
 }
 
 const ThemeContext = /*#__PURE__*/React.createContext(null);
-var ThemeContext$1 = ThemeContext;
 
 function useTheme$2() {
-  const theme = React.useContext(ThemeContext$1);
+  const theme = React.useContext(ThemeContext);
   return theme;
 }
 
@@ -7229,7 +7224,7 @@ function ThemeProvider$2(props) {
     }
     return output;
   }, [localTheme, outerTheme]);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(ThemeContext$1.Provider, {
+  return /*#__PURE__*/jsxRuntimeExports.jsx(ThemeContext.Provider, {
     value: theme,
     children: children
   });
@@ -7289,7 +7284,7 @@ function ThemeProvider$1(props) {
   const rtlValue = engineTheme.direction === 'rtl';
   return /*#__PURE__*/jsxRuntimeExports.jsx(ThemeProvider$2, {
     theme: privateTheme,
-    children: /*#__PURE__*/jsxRuntimeExports.jsx(ThemeContext$2.Provider, {
+    children: /*#__PURE__*/jsxRuntimeExports.jsx(ThemeContext$1.Provider, {
       value: engineTheme,
       children: /*#__PURE__*/jsxRuntimeExports.jsx(RtlProvider, {
         value: rtlValue,
@@ -7778,7 +7773,6 @@ const common = {
   black: '#000',
   white: '#fff'
 };
-var common$1 = common;
 
 const grey = {
   50: '#fafafa',
@@ -7796,7 +7790,6 @@ const grey = {
   A400: '#bdbdbd',
   A700: '#616161'
 };
-var grey$1 = grey;
 
 const purple = {
   50: '#f3e5f5',
@@ -7814,7 +7807,6 @@ const purple = {
   A400: '#d500f9',
   A700: '#aa00ff'
 };
-var purple$1 = purple;
 
 const red = {
   50: '#ffebee',
@@ -7832,7 +7824,6 @@ const red = {
   A400: '#ff1744',
   A700: '#d50000'
 };
-var red$1 = red;
 
 const orange = {
   50: '#fff3e0',
@@ -7850,7 +7841,6 @@ const orange = {
   A400: '#ff9100',
   A700: '#ff6d00'
 };
-var orange$1 = orange;
 
 const blue = {
   50: '#e3f2fd',
@@ -7868,7 +7858,6 @@ const blue = {
   A400: '#2979ff',
   A700: '#2962ff'
 };
-var blue$1 = blue;
 
 const lightBlue = {
   50: '#e1f5fe',
@@ -7886,7 +7875,6 @@ const lightBlue = {
   A400: '#00b0ff',
   A700: '#0091ea'
 };
-var lightBlue$1 = lightBlue;
 
 const green = {
   50: '#e8f5e9',
@@ -7904,7 +7892,6 @@ const green = {
   A400: '#00e676',
   A700: '#00c853'
 };
-var green$1 = green;
 
 const _excluded$c = ["mode", "contrastThreshold", "tonalOffset"];
 const light$1 = {
@@ -7922,8 +7909,8 @@ const light$1 = {
   // The background colors used to style the surfaces.
   // Consistency between these values is important.
   background: {
-    paper: common$1.white,
-    default: common$1.white
+    paper: common.white,
+    default: common.white
   },
   // The colors used to style the action elements.
   action: {
@@ -7947,7 +7934,7 @@ const light$1 = {
 };
 const dark$1 = {
   text: {
-    primary: common$1.white,
+    primary: common.white,
     secondary: 'rgba(255, 255, 255, 0.7)',
     disabled: 'rgba(255, 255, 255, 0.5)',
     icon: 'rgba(255, 255, 255, 0.5)'
@@ -7958,7 +7945,7 @@ const dark$1 = {
     default: '#121212'
   },
   action: {
-    active: common$1.white,
+    active: common.white,
     hover: 'rgba(255, 255, 255, 0.08)',
     hoverOpacity: 0.08,
     selected: 'rgba(255, 255, 255, 0.16)',
@@ -7987,86 +7974,86 @@ function addLightOrDark(intent, direction, shade, tonalOffset) {
 function getDefaultPrimary(mode = 'light') {
   if (mode === 'dark') {
     return {
-      main: blue$1[200],
-      light: blue$1[50],
-      dark: blue$1[400]
+      main: blue[200],
+      light: blue[50],
+      dark: blue[400]
     };
   }
   return {
-    main: blue$1[700],
-    light: blue$1[400],
-    dark: blue$1[800]
+    main: blue[700],
+    light: blue[400],
+    dark: blue[800]
   };
 }
 function getDefaultSecondary(mode = 'light') {
   if (mode === 'dark') {
     return {
-      main: purple$1[200],
-      light: purple$1[50],
-      dark: purple$1[400]
+      main: purple[200],
+      light: purple[50],
+      dark: purple[400]
     };
   }
   return {
-    main: purple$1[500],
-    light: purple$1[300],
-    dark: purple$1[700]
+    main: purple[500],
+    light: purple[300],
+    dark: purple[700]
   };
 }
 function getDefaultError(mode = 'light') {
   if (mode === 'dark') {
     return {
-      main: red$1[500],
-      light: red$1[300],
-      dark: red$1[700]
+      main: red[500],
+      light: red[300],
+      dark: red[700]
     };
   }
   return {
-    main: red$1[700],
-    light: red$1[400],
-    dark: red$1[800]
+    main: red[700],
+    light: red[400],
+    dark: red[800]
   };
 }
 function getDefaultInfo(mode = 'light') {
   if (mode === 'dark') {
     return {
-      main: lightBlue$1[400],
-      light: lightBlue$1[300],
-      dark: lightBlue$1[700]
+      main: lightBlue[400],
+      light: lightBlue[300],
+      dark: lightBlue[700]
     };
   }
   return {
-    main: lightBlue$1[700],
-    light: lightBlue$1[500],
-    dark: lightBlue$1[900]
+    main: lightBlue[700],
+    light: lightBlue[500],
+    dark: lightBlue[900]
   };
 }
 function getDefaultSuccess(mode = 'light') {
   if (mode === 'dark') {
     return {
-      main: green$1[400],
-      light: green$1[300],
-      dark: green$1[700]
+      main: green[400],
+      light: green[300],
+      dark: green[700]
     };
   }
   return {
-    main: green$1[800],
-    light: green$1[500],
-    dark: green$1[900]
+    main: green[800],
+    light: green[500],
+    dark: green[900]
   };
 }
 function getDefaultWarning(mode = 'light') {
   if (mode === 'dark') {
     return {
-      main: orange$1[400],
-      light: orange$1[300],
-      dark: orange$1[700]
+      main: orange[400],
+      light: orange[300],
+      dark: orange[700]
     };
   }
   return {
     main: '#ed6c02',
     // closest to orange[800] that pass 3:1.
-    light: orange$1[500],
-    dark: orange$1[900]
+    light: orange[500],
+    dark: orange[900]
   };
 }
 function createPalette(palette) {
@@ -8120,7 +8107,7 @@ function createPalette(palette) {
   };
   const paletteOutput = deepmerge$1(_extends$5({
     // A collection of common colors.
-    common: _extends$5({}, common$1),
+    common: _extends$5({}, common),
     // prevent mutable object.
     // The palette mode, can be light or dark.
     mode,
@@ -8158,7 +8145,7 @@ function createPalette(palette) {
       name: 'success'
     }),
     // The grey colors.
-    grey: grey$1,
+    grey,
     // Used by `getContrastText()` to maximize the contrast between
     // the background and the text.
     contrastThreshold,
@@ -8339,7 +8326,6 @@ const zIndex = {
   snackbar: 1400,
   tooltip: 1500
 };
-var zIndex$1 = zIndex;
 
 const _excluded$9 = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
 function createTheme(options = {}, ...args) {
@@ -8362,11 +8348,11 @@ function createTheme(options = {}, ...args) {
     shadows: shadows.slice(),
     typography: createTypography(palette, typographyInput),
     transitions: createTransitions(transitionsInput),
-    zIndex: _extends$5({}, zIndex$1)
+    zIndex: _extends$5({}, zIndex)
   });
   muiTheme = deepmerge$1(muiTheme, other);
   muiTheme = args.reduce((acc, argument) => deepmerge$1(acc, argument), muiTheme);
-  muiTheme.unstable_sxConfig = _extends$5({}, defaultSxConfig$1, other == null ? void 0 : other.unstable_sxConfig);
+  muiTheme.unstable_sxConfig = _extends$5({}, defaultSxConfig, other == null ? void 0 : other.unstable_sxConfig);
   muiTheme.unstable_sx = function sx(props) {
     return styleFunctionSx$1({
       sx: props,
@@ -8377,10 +8363,9 @@ function createTheme(options = {}, ...args) {
 }
 
 const defaultTheme = createTheme();
-var defaultTheme$1 = defaultTheme;
 
 function useTheme$1() {
-  const theme = useTheme$3(defaultTheme$1);
+  const theme = useTheme$3(defaultTheme);
   return theme[THEME_ID] || theme;
 }
 
@@ -8391,7 +8376,7 @@ function useThemeProps({
   return useThemeProps$1({
     props,
     name,
-    defaultTheme: defaultTheme$1,
+    defaultTheme,
     themeId: THEME_ID
   });
 }
@@ -8482,7 +8467,7 @@ const _excluded$8 = ["ownerState"],
   _excluded3 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 /* eslint-disable no-underscore-dangle */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function isEmpty$1(obj) {
   return Object.keys(obj).length === 0;
 }
@@ -8701,12 +8686,11 @@ function slotShouldForwardProp(prop) {
 }
 
 const rootShouldForwardProp = prop => slotShouldForwardProp(prop) && prop !== 'classes';
-var rootShouldForwardProp$1 = rootShouldForwardProp;
 
 const styled = _default({
   themeId: THEME_ID,
-  defaultTheme: defaultTheme$1,
-  rootShouldForwardProp: rootShouldForwardProp$1
+  defaultTheme,
+  rootShouldForwardProp
 });
 
 const _excluded$7 = ["theme"];
@@ -8762,7 +8746,6 @@ function _assertThisInitialized(self) {
 }
 
 const buttonClasses = generateUtilityClasses('MuiButton', ['root', 'text', 'textInherit', 'textPrimary', 'textSecondary', 'textSuccess', 'textError', 'textInfo', 'textWarning', 'outlined', 'outlinedInherit', 'outlinedPrimary', 'outlinedSecondary', 'outlinedSuccess', 'outlinedError', 'outlinedInfo', 'outlinedWarning', 'contained', 'containedInherit', 'containedPrimary', 'containedSecondary', 'containedSuccess', 'containedError', 'containedInfo', 'containedWarning', 'disableElevation', 'focusVisible', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorError', 'colorInfo', 'colorWarning', 'textSizeSmall', 'textSizeMedium', 'textSizeLarge', 'outlinedSizeSmall', 'outlinedSizeMedium', 'outlinedSizeLarge', 'containedSizeSmall', 'containedSizeMedium', 'containedSizeLarge', 'sizeMedium', 'sizeSmall', 'sizeLarge', 'fullWidth', 'startIcon', 'endIcon', 'icon', 'iconSizeSmall', 'iconSizeMedium', 'iconSizeLarge']);
-var buttonClasses$1 = buttonClasses;
 
 var base = {
   typography: {
@@ -9032,7 +9015,7 @@ const overrides = theme => ({
   MuiButton: {
     outlined: {
       padding: '3px 11px',
-      ["&.".concat(buttonClasses$1.focusVisible)]: {
+      ["&.".concat(buttonClasses.focusVisible)]: {
         borderColor: theme.palette.custom.focusBorder,
         boxShadow: "0 0 0 2px ".concat(theme.palette.custom.focusOutline)
       }
@@ -9043,7 +9026,7 @@ const overrides = theme => ({
       border: "1px solid ".concat(theme.palette.btn.border),
       backgroundColor: theme.palette.btn.normal,
       boxShadow: 'none',
-      ["&.".concat(buttonClasses$1.focusVisible)]: {
+      ["&.".concat(buttonClasses.focusVisible)]: {
         borderColor: theme.palette.custom.focusBorder,
         boxShadow: "0 0 0 2px ".concat(theme.palette.custom.focusOutline)
       },
@@ -9051,7 +9034,7 @@ const overrides = theme => ({
         backgroundColor: theme.palette.btn.hover,
         borderColor: theme.palette.btn.borderHover,
         boxShadow: 'none',
-        ["&.".concat(buttonClasses$1.disabled)]: {
+        ["&.".concat(buttonClasses.disabled)]: {
           backgroundColor: theme.palette.btn.disabled
         }
       },
@@ -9059,7 +9042,7 @@ const overrides = theme => ({
         boxShadow: 'none',
         backgroundColor: theme.palette.btn.active
       },
-      ["&.".concat(buttonClasses$1.disabled)]: {
+      ["&.".concat(buttonClasses.disabled)]: {
         backgroundColor: theme.palette.btn.disabled
       }
     }
@@ -9101,7 +9084,7 @@ function create$3(definition) {
   return cache[key];
 }
 
-const NEBULA_VERSION_HASH = "19bb" ;
+const NEBULA_VERSION_HASH = "06ed" ;
 ClassNameGenerator.configure(componentName => {
   return "njs-".concat(NEBULA_VERSION_HASH, "-").concat(componentName.replace('Mui', ''));
 });
@@ -9333,7 +9316,7 @@ function boot(_ref2) {
   const appRef = React__default.createRef();
   const element = document.createElement('div');
   element.style.display = 'none';
-  element.setAttribute('data-nebulajs-version', "5.0.1" );
+  element.setAttribute('data-nebulajs-version', "5.1.0" );
   element.setAttribute('data-app-id', app.id);
   document.body.appendChild(element);
   if (context) {
@@ -11522,6 +11505,9 @@ function getRowsKeyboardNavigation(_ref) {
         break;
       case KEYS.ENTER:
         confirm();
+        if (typeof isModal === 'undefined') {
+          return;
+        }
         break;
       case KEYS.ESCAPE:
         if (isModal()) {
@@ -14182,7 +14168,7 @@ var utils$1 = /*#__PURE__*/Object.freeze({
 	requirePropFactory: requirePropFactory,
 	setRef: setRef,
 	unstable_ClassNameGenerator: unstable_ClassNameGenerator,
-	unstable_useEnhancedEffect: useEnhancedEffect$1,
+	unstable_useEnhancedEffect: useEnhancedEffect,
 	unstable_useId: useId,
 	unsupportedProp: unsupportedProp,
 	useControlled: useControlled,
@@ -18353,7 +18339,8 @@ function ListBoxPopover(_ref) {
           minWidth: '250px'
         }
       }
-    }
+    },
+    onKeyDown: e => e.key === 'Enter' ? popoverClose() : undefined
   }, /*#__PURE__*/React__default.createElement(Grid, {
     container: true,
     direction: "column",
@@ -19740,8 +19727,13 @@ function getListboxContainerKeyboardNavigation(_ref) {
         break;
     }
   };
+  const focusOnHoverDisabled = () => {
+    const selectNotAllowed = (constraints === null || constraints === void 0 ? void 0 : constraints.select) || (constraints === null || constraints === void 0 ? void 0 : constraints.active);
+    const appInModal = isModal();
+    return selectNotAllowed || appInModal;
+  };
   const globalKeyDown = event => {
-    if (!hovering.current) {
+    if (!hovering.current || focusOnHoverDisabled()) {
       return;
     }
     const {
@@ -19785,15 +19777,8 @@ function getListboxContainerKeyboardNavigation(_ref) {
     }
     event.preventDefault();
   };
-  const focusOnHoverDisabled = () => {
-    const selectNotAllowed = (constraints === null || constraints === void 0 ? void 0 : constraints.select) || (constraints === null || constraints === void 0 ? void 0 : constraints.active);
-    const appInModal = isModal();
-    return selectNotAllowed || appInModal;
-  };
   const handleOnMouseEnter = () => {
-    if (!focusOnHoverDisabled()) {
-      hovering.current = true;
-    }
+    hovering.current = true;
   };
   const handleOnMouseLeave = () => {
     if (hovering.current) {
@@ -25832,9 +25817,16 @@ function create$2(generator, opts, galaxy) {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      generator.qae.properties.onChange.call({
-        model: opts.model
-      }, ...args);
+      // try/catch here to guard against charts not checking properties correctly
+      try {
+        generator.qae.properties.onChange.call({
+          model: opts.model
+        }, ...args);
+      } catch (_unused) {
+        {
+          console.warn('Error in chart setProperties interceptor onChange call '); // eslint-disable-line no-console
+        }
+      }
       return opts.model.__snInterceptor.setProperties.call(this, ...args);
     };
     opts.model.applyPatches = function applyPatches(qPatches, qSoftPatch) {
@@ -25848,10 +25840,15 @@ function create$2(generator, opts, galaxy) {
           path: p.qPath
         }));
         JSONPatch.apply(currentProperties, patches);
-        generator.qae.properties.onChange.call({
-          model: opts.model
-        }, currentProperties);
-
+        try {
+          generator.qae.properties.onChange.call({
+            model: opts.model
+          }, currentProperties);
+        } catch (_unused2) {
+          {
+            console.warn('Error in chart applyPatches interceptor onChange call '); // eslint-disable-line no-console
+          }
+        }
         // calculate new patches from after change
         const newPatches = JSONPatch.generate(original, currentProperties).map(p => ({
           qOp: p.op,
@@ -25862,8 +25859,10 @@ function create$2(generator, opts, galaxy) {
       });
     };
     opts.model.__snInterceptor.teardown = () => {
-      opts.model.setProperties = opts.model.__snInterceptor.setProperties;
-      delete opts.model.__snInterceptor;
+      if (opts.model.__snInterceptor) {
+        opts.model.setProperties = opts.model.__snInterceptor.setProperties;
+        delete opts.model.__snInterceptor;
+      }
     };
     teardowns.push(opts.model.__snInterceptor.teardown);
   }
@@ -27078,780 +27077,39 @@ function flagsFn () {
   };
 }
 
-var iterator;
-var hasRequiredIterator;
-
-function requireIterator () {
-	if (hasRequiredIterator) return iterator;
-	hasRequiredIterator = 1;
-	iterator = function (Yallist) {
-	  Yallist.prototype[Symbol.iterator] = function* () {
-	    for (let walker = this.head; walker; walker = walker.next) {
-	      yield walker.value;
-	    }
-	  };
-	};
-	return iterator;
-}
-
-var yallist = Yallist$1;
-
-Yallist$1.Node = Node;
-Yallist$1.create = Yallist$1;
-
-function Yallist$1 (list) {
-  var self = this;
-  if (!(self instanceof Yallist$1)) {
-    self = new Yallist$1();
-  }
-
-  self.tail = null;
-  self.head = null;
-  self.length = 0;
-
-  if (list && typeof list.forEach === 'function') {
-    list.forEach(function (item) {
-      self.push(item);
-    });
-  } else if (arguments.length > 0) {
-    for (var i = 0, l = arguments.length; i < l; i++) {
-      self.push(arguments[i]);
-    }
-  }
-
-  return self
-}
-
-Yallist$1.prototype.removeNode = function (node) {
-  if (node.list !== this) {
-    throw new Error('removing node which does not belong to this list')
-  }
-
-  var next = node.next;
-  var prev = node.prev;
-
-  if (next) {
-    next.prev = prev;
-  }
-
-  if (prev) {
-    prev.next = next;
-  }
-
-  if (node === this.head) {
-    this.head = next;
-  }
-  if (node === this.tail) {
-    this.tail = prev;
-  }
-
-  node.list.length--;
-  node.next = null;
-  node.prev = null;
-  node.list = null;
-
-  return next
-};
-
-Yallist$1.prototype.unshiftNode = function (node) {
-  if (node === this.head) {
-    return
-  }
-
-  if (node.list) {
-    node.list.removeNode(node);
-  }
-
-  var head = this.head;
-  node.list = this;
-  node.next = head;
-  if (head) {
-    head.prev = node;
-  }
-
-  this.head = node;
-  if (!this.tail) {
-    this.tail = node;
-  }
-  this.length++;
-};
-
-Yallist$1.prototype.pushNode = function (node) {
-  if (node === this.tail) {
-    return
-  }
-
-  if (node.list) {
-    node.list.removeNode(node);
-  }
-
-  var tail = this.tail;
-  node.list = this;
-  node.prev = tail;
-  if (tail) {
-    tail.next = node;
-  }
-
-  this.tail = node;
-  if (!this.head) {
-    this.head = node;
-  }
-  this.length++;
-};
-
-Yallist$1.prototype.push = function () {
-  for (var i = 0, l = arguments.length; i < l; i++) {
-    push(this, arguments[i]);
-  }
-  return this.length
-};
-
-Yallist$1.prototype.unshift = function () {
-  for (var i = 0, l = arguments.length; i < l; i++) {
-    unshift(this, arguments[i]);
-  }
-  return this.length
-};
-
-Yallist$1.prototype.pop = function () {
-  if (!this.tail) {
-    return undefined
-  }
-
-  var res = this.tail.value;
-  this.tail = this.tail.prev;
-  if (this.tail) {
-    this.tail.next = null;
-  } else {
-    this.head = null;
-  }
-  this.length--;
-  return res
-};
-
-Yallist$1.prototype.shift = function () {
-  if (!this.head) {
-    return undefined
-  }
-
-  var res = this.head.value;
-  this.head = this.head.next;
-  if (this.head) {
-    this.head.prev = null;
-  } else {
-    this.tail = null;
-  }
-  this.length--;
-  return res
-};
-
-Yallist$1.prototype.forEach = function (fn, thisp) {
-  thisp = thisp || this;
-  for (var walker = this.head, i = 0; walker !== null; i++) {
-    fn.call(thisp, walker.value, i, this);
-    walker = walker.next;
-  }
-};
-
-Yallist$1.prototype.forEachReverse = function (fn, thisp) {
-  thisp = thisp || this;
-  for (var walker = this.tail, i = this.length - 1; walker !== null; i--) {
-    fn.call(thisp, walker.value, i, this);
-    walker = walker.prev;
-  }
-};
-
-Yallist$1.prototype.get = function (n) {
-  for (var i = 0, walker = this.head; walker !== null && i < n; i++) {
-    // abort out of the list early if we hit a cycle
-    walker = walker.next;
-  }
-  if (i === n && walker !== null) {
-    return walker.value
-  }
-};
-
-Yallist$1.prototype.getReverse = function (n) {
-  for (var i = 0, walker = this.tail; walker !== null && i < n; i++) {
-    // abort out of the list early if we hit a cycle
-    walker = walker.prev;
-  }
-  if (i === n && walker !== null) {
-    return walker.value
-  }
-};
-
-Yallist$1.prototype.map = function (fn, thisp) {
-  thisp = thisp || this;
-  var res = new Yallist$1();
-  for (var walker = this.head; walker !== null;) {
-    res.push(fn.call(thisp, walker.value, this));
-    walker = walker.next;
-  }
-  return res
-};
-
-Yallist$1.prototype.mapReverse = function (fn, thisp) {
-  thisp = thisp || this;
-  var res = new Yallist$1();
-  for (var walker = this.tail; walker !== null;) {
-    res.push(fn.call(thisp, walker.value, this));
-    walker = walker.prev;
-  }
-  return res
-};
-
-Yallist$1.prototype.reduce = function (fn, initial) {
-  var acc;
-  var walker = this.head;
-  if (arguments.length > 1) {
-    acc = initial;
-  } else if (this.head) {
-    walker = this.head.next;
-    acc = this.head.value;
-  } else {
-    throw new TypeError('Reduce of empty list with no initial value')
-  }
-
-  for (var i = 0; walker !== null; i++) {
-    acc = fn(acc, walker.value, i);
-    walker = walker.next;
-  }
-
-  return acc
-};
-
-Yallist$1.prototype.reduceReverse = function (fn, initial) {
-  var acc;
-  var walker = this.tail;
-  if (arguments.length > 1) {
-    acc = initial;
-  } else if (this.tail) {
-    walker = this.tail.prev;
-    acc = this.tail.value;
-  } else {
-    throw new TypeError('Reduce of empty list with no initial value')
-  }
-
-  for (var i = this.length - 1; walker !== null; i--) {
-    acc = fn(acc, walker.value, i);
-    walker = walker.prev;
-  }
-
-  return acc
-};
-
-Yallist$1.prototype.toArray = function () {
-  var arr = new Array(this.length);
-  for (var i = 0, walker = this.head; walker !== null; i++) {
-    arr[i] = walker.value;
-    walker = walker.next;
-  }
-  return arr
-};
-
-Yallist$1.prototype.toArrayReverse = function () {
-  var arr = new Array(this.length);
-  for (var i = 0, walker = this.tail; walker !== null; i++) {
-    arr[i] = walker.value;
-    walker = walker.prev;
-  }
-  return arr
-};
-
-Yallist$1.prototype.slice = function (from, to) {
-  to = to || this.length;
-  if (to < 0) {
-    to += this.length;
-  }
-  from = from || 0;
-  if (from < 0) {
-    from += this.length;
-  }
-  var ret = new Yallist$1();
-  if (to < from || to < 0) {
-    return ret
-  }
-  if (from < 0) {
-    from = 0;
-  }
-  if (to > this.length) {
-    to = this.length;
-  }
-  for (var i = 0, walker = this.head; walker !== null && i < from; i++) {
-    walker = walker.next;
-  }
-  for (; walker !== null && i < to; i++, walker = walker.next) {
-    ret.push(walker.value);
-  }
-  return ret
-};
-
-Yallist$1.prototype.sliceReverse = function (from, to) {
-  to = to || this.length;
-  if (to < 0) {
-    to += this.length;
-  }
-  from = from || 0;
-  if (from < 0) {
-    from += this.length;
-  }
-  var ret = new Yallist$1();
-  if (to < from || to < 0) {
-    return ret
-  }
-  if (from < 0) {
-    from = 0;
-  }
-  if (to > this.length) {
-    to = this.length;
-  }
-  for (var i = this.length, walker = this.tail; walker !== null && i > to; i--) {
-    walker = walker.prev;
-  }
-  for (; walker !== null && i > from; i--, walker = walker.prev) {
-    ret.push(walker.value);
-  }
-  return ret
-};
-
-Yallist$1.prototype.splice = function (start, deleteCount, ...nodes) {
-  if (start > this.length) {
-    start = this.length - 1;
-  }
-  if (start < 0) {
-    start = this.length + start;
-  }
-
-  for (var i = 0, walker = this.head; walker !== null && i < start; i++) {
-    walker = walker.next;
-  }
-
-  var ret = [];
-  for (var i = 0; walker && i < deleteCount; i++) {
-    ret.push(walker.value);
-    walker = this.removeNode(walker);
-  }
-  if (walker === null) {
-    walker = this.tail;
-  }
-
-  if (walker !== this.head && walker !== this.tail) {
-    walker = walker.prev;
-  }
-
-  for (var i = 0; i < nodes.length; i++) {
-    walker = insert(this, walker, nodes[i]);
-  }
-  return ret;
-};
-
-Yallist$1.prototype.reverse = function () {
-  var head = this.head;
-  var tail = this.tail;
-  for (var walker = head; walker !== null; walker = walker.prev) {
-    var p = walker.prev;
-    walker.prev = walker.next;
-    walker.next = p;
-  }
-  this.head = tail;
-  this.tail = head;
-  return this
-};
-
-function insert (self, node, value) {
-  var inserted = node === self.head ?
-    new Node(value, null, node, self) :
-    new Node(value, node, node.next, self);
-
-  if (inserted.next === null) {
-    self.tail = inserted;
-  }
-  if (inserted.prev === null) {
-    self.head = inserted;
-  }
-
-  self.length++;
-
-  return inserted
-}
-
-function push (self, item) {
-  self.tail = new Node(item, self.tail, null, self);
-  if (!self.head) {
-    self.head = self.tail;
-  }
-  self.length++;
-}
-
-function unshift (self, item) {
-  self.head = new Node(item, null, self.head, self);
-  if (!self.tail) {
-    self.tail = self.head;
-  }
-  self.length++;
-}
-
-function Node (value, prev, next, list) {
-  if (!(this instanceof Node)) {
-    return new Node(value, prev, next, list)
-  }
-
-  this.list = list;
-  this.value = value;
-
-  if (prev) {
-    prev.next = this;
-    this.prev = prev;
-  } else {
-    this.prev = null;
-  }
-
-  if (next) {
-    next.prev = this;
-    this.next = next;
-  } else {
-    this.next = null;
-  }
-}
-
-try {
-  // add if support for Symbol.iterator is present
-  requireIterator()(Yallist$1);
-} catch (er) {}
-
-// A linked list to keep track of recently-used-ness
-const Yallist = yallist;
-
-const MAX = Symbol('max');
-const LENGTH = Symbol('length');
-const LENGTH_CALCULATOR = Symbol('lengthCalculator');
-const ALLOW_STALE = Symbol('allowStale');
-const MAX_AGE = Symbol('maxAge');
-const DISPOSE = Symbol('dispose');
-const NO_DISPOSE_ON_SET = Symbol('noDisposeOnSet');
-const LRU_LIST = Symbol('lruList');
-const CACHE = Symbol('cache');
-const UPDATE_AGE_ON_GET = Symbol('updateAgeOnGet');
-
-const naiveLength = () => 1;
-
-// lruList is a yallist where the head is the youngest
-// item, and the tail is the oldest.  the list contains the Hit
-// objects as the entries.
-// Each Hit object has a reference to its Yallist.Node.  This
-// never changes.
-//
-// cache is a Map (or PseudoMap) that matches the keys to
-// the Yallist.Node object.
 class LRUCache {
-  constructor (options) {
-    if (typeof options === 'number')
-      options = { max: options };
-
-    if (!options)
-      options = {};
-
-    if (options.max && (typeof options.max !== 'number' || options.max < 0))
-      throw new TypeError('max must be a non-negative number')
-    // Kind of weird to have a default max of Infinity, but oh well.
-    this[MAX] = options.max || Infinity;
-
-    const lc = options.length || naiveLength;
-    this[LENGTH_CALCULATOR] = (typeof lc !== 'function') ? naiveLength : lc;
-    this[ALLOW_STALE] = options.stale || false;
-    if (options.maxAge && typeof options.maxAge !== 'number')
-      throw new TypeError('maxAge must be a number')
-    this[MAX_AGE] = options.maxAge || 0;
-    this[DISPOSE] = options.dispose;
-    this[NO_DISPOSE_ON_SET] = options.noDisposeOnSet || false;
-    this[UPDATE_AGE_ON_GET] = options.updateAgeOnGet || false;
-    this.reset();
-  }
-
-  // resize the cache when the max changes.
-  set max (mL) {
-    if (typeof mL !== 'number' || mL < 0)
-      throw new TypeError('max must be a non-negative number')
-
-    this[MAX] = mL || Infinity;
-    trim(this);
-  }
-  get max () {
-    return this[MAX]
-  }
-
-  set allowStale (allowStale) {
-    this[ALLOW_STALE] = !!allowStale;
-  }
-  get allowStale () {
-    return this[ALLOW_STALE]
-  }
-
-  set maxAge (mA) {
-    if (typeof mA !== 'number')
-      throw new TypeError('maxAge must be a non-negative number')
-
-    this[MAX_AGE] = mA;
-    trim(this);
-  }
-  get maxAge () {
-    return this[MAX_AGE]
-  }
-
-  // resize the cache when the lengthCalculator changes.
-  set lengthCalculator (lC) {
-    if (typeof lC !== 'function')
-      lC = naiveLength;
-
-    if (lC !== this[LENGTH_CALCULATOR]) {
-      this[LENGTH_CALCULATOR] = lC;
-      this[LENGTH] = 0;
-      this[LRU_LIST].forEach(hit => {
-        hit.length = this[LENGTH_CALCULATOR](hit.value, hit.key);
-        this[LENGTH] += hit.length;
-      });
-    }
-    trim(this);
-  }
-  get lengthCalculator () { return this[LENGTH_CALCULATOR] }
-
-  get length () { return this[LENGTH] }
-  get itemCount () { return this[LRU_LIST].length }
-
-  rforEach (fn, thisp) {
-    thisp = thisp || this;
-    for (let walker = this[LRU_LIST].tail; walker !== null;) {
-      const prev = walker.prev;
-      forEachStep(this, fn, walker, thisp);
-      walker = prev;
-    }
-  }
-
-  forEach (fn, thisp) {
-    thisp = thisp || this;
-    for (let walker = this[LRU_LIST].head; walker !== null;) {
-      const next = walker.next;
-      forEachStep(this, fn, walker, thisp);
-      walker = next;
-    }
-  }
-
-  keys () {
-    return this[LRU_LIST].toArray().map(k => k.key)
-  }
-
-  values () {
-    return this[LRU_LIST].toArray().map(k => k.value)
-  }
-
-  reset () {
-    if (this[DISPOSE] &&
-        this[LRU_LIST] &&
-        this[LRU_LIST].length) {
-      this[LRU_LIST].forEach(hit => this[DISPOSE](hit.key, hit.value));
-    }
-
-    this[CACHE] = new Map(); // hash of items by key
-    this[LRU_LIST] = new Yallist(); // list of items in order of use recency
-    this[LENGTH] = 0; // length of items in the list
-  }
-
-  dump () {
-    return this[LRU_LIST].map(hit =>
-      isStale(this, hit) ? false : {
-        k: hit.key,
-        v: hit.value,
-        e: hit.now + (hit.maxAge || 0)
-      }).toArray().filter(h => h)
-  }
-
-  dumpLru () {
-    return this[LRU_LIST]
-  }
-
-  set (key, value, maxAge) {
-    maxAge = maxAge || this[MAX_AGE];
-
-    if (maxAge && typeof maxAge !== 'number')
-      throw new TypeError('maxAge must be a number')
-
-    const now = maxAge ? Date.now() : 0;
-    const len = this[LENGTH_CALCULATOR](value, key);
-
-    if (this[CACHE].has(key)) {
-      if (len > this[MAX]) {
-        del(this, this[CACHE].get(key));
-        return false
-      }
-
-      const node = this[CACHE].get(key);
-      const item = node.value;
-
-      // dispose of the old one before overwriting
-      // split out into 2 ifs for better coverage tracking
-      if (this[DISPOSE]) {
-        if (!this[NO_DISPOSE_ON_SET])
-          this[DISPOSE](key, item.value);
-      }
-
-      item.now = now;
-      item.maxAge = maxAge;
-      item.value = value;
-      this[LENGTH] += len - item.length;
-      item.length = len;
-      this.get(key);
-      trim(this);
-      return true
-    }
-
-    const hit = new Entry(key, value, len, now, maxAge);
-
-    // oversized objects fall out of cache automatically.
-    if (hit.length > this[MAX]) {
-      if (this[DISPOSE])
-        this[DISPOSE](key, value);
-
-      return false
-    }
-
-    this[LENGTH] += hit.length;
-    this[LRU_LIST].unshift(hit);
-    this[CACHE].set(key, this[LRU_LIST].head);
-    trim(this);
-    return true
-  }
-
-  has (key) {
-    if (!this[CACHE].has(key)) return false
-    const hit = this[CACHE].get(key).value;
-    return !isStale(this, hit)
-  }
-
-  get (key) {
-    return get(this, key, true)
-  }
-
-  peek (key) {
-    return get(this, key, false)
-  }
-
-  pop () {
-    const node = this[LRU_LIST].tail;
-    if (!node)
-      return null
-
-    del(this, node);
-    return node.value
-  }
-
-  del (key) {
-    del(this, this[CACHE].get(key));
+  constructor() {
+    this.max = 1000;
+    this.map = new Map();
   }
-
-  load (arr) {
-    // reset the cache
-    this.reset();
-
-    const now = Date.now();
-    // A previous serialized cache has the most recent items first
-    for (let l = arr.length - 1; l >= 0; l--) {
-      const hit = arr[l];
-      const expiresAt = hit.e || 0;
-      if (expiresAt === 0)
-        // the item was created without expiration in a non aged cache
-        this.set(hit.k, hit.v);
-      else {
-        const maxAge = expiresAt - now;
-        // dont add already expired items
-        if (maxAge > 0) {
-          this.set(hit.k, hit.v, maxAge);
-        }
-      }
+  get(key) {
+    const value = this.map.get(key);
+    if (value === undefined) {
+      return undefined;
+    } else {
+      // Remove the key from the map and add it to the end
+      this.map.delete(key);
+      this.map.set(key, value);
+      return value;
     }
   }
-
-  prune () {
-    this[CACHE].forEach((value, key) => get(this, key, false));
+  delete(key) {
+    return this.map.delete(key);
   }
-}
-
-const get = (self, key, doUse) => {
-  const node = self[CACHE].get(key);
-  if (node) {
-    const hit = node.value;
-    if (isStale(self, hit)) {
-      del(self, node);
-      if (!self[ALLOW_STALE])
-        return undefined
-    } else {
-      if (doUse) {
-        if (self[UPDATE_AGE_ON_GET])
-          node.value.now = Date.now();
-        self[LRU_LIST].unshiftNode(node);
+  set(key, value) {
+    const deleted = this.delete(key);
+    if (!deleted && value !== undefined) {
+      // If cache is full, delete the least recently used item
+      if (this.map.size >= this.max) {
+        const firstKey = this.map.keys().next().value;
+        this.delete(firstKey);
       }
+      this.map.set(key, value);
     }
-    return hit.value
-  }
-};
-
-const isStale = (self, hit) => {
-  if (!hit || (!hit.maxAge && !self[MAX_AGE]))
-    return false
-
-  const diff = Date.now() - hit.now;
-  return hit.maxAge ? diff > hit.maxAge
-    : self[MAX_AGE] && (diff > self[MAX_AGE])
-};
-
-const trim = self => {
-  if (self[LENGTH] > self[MAX]) {
-    for (let walker = self[LRU_LIST].tail;
-      self[LENGTH] > self[MAX] && walker !== null;) {
-      // We know that we're about to delete this one, and also
-      // what the next least recently used key will be, so just
-      // go ahead and set it now.
-      const prev = walker.prev;
-      del(self, walker);
-      walker = prev;
-    }
-  }
-};
-
-const del = (self, node) => {
-  if (node) {
-    const hit = node.value;
-    if (self[DISPOSE])
-      self[DISPOSE](hit.key, hit.value);
-
-    self[LENGTH] -= hit.length;
-    self[CACHE].delete(hit.key);
-    self[LRU_LIST].removeNode(node);
-  }
-};
-
-class Entry {
-  constructor (key, value, length, now, maxAge) {
-    this.key = key;
-    this.value = value;
-    this.length = length;
-    this.now = now;
-    this.maxAge = maxAge || 0;
+    return this;
   }
 }
-
-const forEachStep = (self, fn, node, thisp) => {
-  let hit = node.value;
-  if (isStale(self, hit)) {
-    del(self, node);
-    if (!self[ALLOW_STALE])
-      hit = undefined;
-  }
-  if (hit)
-    fn.call(thisp, hit.value, hit.key, self);
-};
-
-var lruCache = LRUCache;
+var lrucache = LRUCache;
 
 // parse out just the options we care about
 const looseOption = Object.freeze({
@@ -28220,7 +27478,7 @@ let SemVer$1 = class SemVer {
     do {
       const a = this.build[i];
       const b = other.build[i];
-      debug('prerelease compare', i, a, b);
+      debug('build compare', i, a, b);
       if (a === undefined && b === undefined) {
         return 0;
       } else if (b === undefined) {
@@ -28722,10 +27980,8 @@ function requireRange() {
     }
   }
   range = Range;
-  const LRU = lruCache;
-  const cache = new LRU({
-    max: 1000
-  });
+  const LRU = lrucache;
+  const cache = new LRU();
   const parseOptions = parseOptions_1;
   const Comparator = requireComparator();
   const debug = debug_1;
@@ -28953,7 +28209,8 @@ function requireRange() {
   // 1.2 - 3.4.5 => >=1.2.0 <=3.4.5
   // 1.2.3 - 3.4 => >=1.2.0 <3.5.0-0 Any 3.4.x will do
   // 1.2 - 3.4 => >=1.2.0 <3.5.0-0
-  const hyphenReplace = incPr => ($0, from, fM, fm, fp, fpr, fb, to, tM, tm, tp, tpr, tb) => {
+  // TODO build?
+  const hyphenReplace = incPr => ($0, from, fM, fm, fp, fpr, fb, to, tM, tm, tp, tpr) => {
     if (isX(fM)) {
       from = '';
     } else if (isX(fm)) {