@nebula.js/stardust 5.4.2 → 5.5.0

package/dist/stardust.dev.js

@@ -1,5 +1,5 @@
 /*
-* @nebula.js/stardust v5.4.2
+* @nebula.js/stardust v5.5.0
 * Copyright (c) 2024 QlikTech International AB
 * Released under the MIT license.
 */
@@ -14838,7 +14838,7 @@
 	};
 
 	const colors = {
-	  green: '#009845',
+	  green: '#00873D',
 	  greenPale: '#0AAF54',
 	  red: '#DC423F',
 	  redPale: '#F05551',
@@ -15139,7 +15139,7 @@
 	  return cache[key];
 	}
 
-	const NEBULA_VERSION_HASH = "ce25";
+	const NEBULA_VERSION_HASH = "db5f";
 	ClassNameGenerator.configure(componentName => {
 	  return "njs-".concat(NEBULA_VERSION_HASH, "-").concat(componentName.replace('Mui', ''));
 	});
@@ -15371,7 +15371,7 @@
 	  const appRef = React$1.createRef();
 	  const element = document.createElement('div');
 	  element.style.display = 'none';
-	  element.setAttribute('data-nebulajs-version', "5.4.2");
+	  element.setAttribute('data-nebulajs-version', "5.5.0");
 	  element.setAttribute('data-app-id', app.id);
 	  document.body.appendChild(element);
 	  if (context) {
@@ -18750,7 +18750,6 @@
 	    }))]
 	  });
 	});
-	var InputBase$1 = InputBase;
 
 	function getOutlinedInputUtilityClass(slot) {
 	  return generateUtilityClass('MuiOutlinedInput', slot);
@@ -23143,7 +23142,7 @@
 	  });
 	  const RootSlot = (_ref = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref : OutlinedInputRoot;
 	  const InputSlot = (_ref2 = (_slots$input = slots.input) != null ? _slots$input : components.Input) != null ? _ref2 : OutlinedInputInput;
-	  return /*#__PURE__*/jsxRuntimeExports.jsx(InputBase$1, _extends$6({
+	  return /*#__PURE__*/jsxRuntimeExports.jsx(InputBase, _extends$6({
 	    slots: {
 	      root: RootSlot,
 	      input: InputSlot
@@ -29587,7 +29586,8 @@
 	    alignTo,
 	    popoverProps = {},
 	    popoverPaperStyle = {},
-	    onCloseOrActionClick = () => {}
+	    onCloseOrActionClick = () => {},
+	    disablePortal = true
 	  } = _ref3;
 	  const showActions = actions.length > 0;
 	  const autoFocusIndex = actions.findIndex(action => !action.disabled);
@@ -29598,9 +29598,9 @@
 	    ref: ref,
 	    open: show,
 	    anchorEl: alignTo.current,
-	    getContentAnchorEl: null,
-	    container: alignTo.current,
-	    disablePortal: true,
+	    getContentAnchorEl: disablePortal ? null : undefined,
+	    container: disablePortal ? alignTo.current : undefined,
+	    disablePortal: disablePortal,
 	    hideBackdrop: true,
 	    transitionDuration: 0,
 	    slotProps: {
@@ -29787,7 +29787,8 @@
 	      actions: [],
 	      alignTo: null,
 	      popoverProps: {},
-	      popoverPaperStyle: {}
+	      popoverPaperStyle: {},
+	      disablePortal: true
 	    },
 	    popover = {
 	      show: false,
@@ -29916,7 +29917,8 @@
 	    alignTo: moreAlignTo,
 	    popoverProps: more$1.popoverProps,
 	    popoverPaperStyle: more$1.popoverPaperStyle,
-	    onCloseOrActionClick: handleCloseShowMoreItems
+	    onCloseOrActionClick: handleCloseShowMoreItems,
+	    disablePortal: more$1.disablePortal
 	  }));
 	  return popover.show ? /*#__PURE__*/React$1.createElement(StyledPopover, {
 	    disableEnforceFocus: true,
@@ -31011,7 +31013,7 @@
 	const CONTRAST_THRESHOLD = 1.5;
 	const LIGHT_PREFERRED_THRESHOLD = 3;
 	const DEFAULT_SELECTION_COLORS = {
-	  selected: '#009845',
+	  selected: '#00873D',
 	  alternative: '#E4E4E4',
 	  excluded: '#A9A9A9',
 	  selectedExcluded: '#A9A9A9',
@@ -31089,7 +31091,7 @@
 	    const paletteState = state === 'selected' ? 'main' : state;
 	    const contrastState = "".concat(state, "Contrast");
 	    // color priority: layout.component > theme dataColors > theme background (only for 'possible') > MUI theme > hardcoded default
-	    const color = getColorPickerColor(componentSelectionColors[state]) || getSelectionThemeColor(state) || state === 'possible' && getListboxStyle('', 'backgroundColor') || ((_theme$palette2 = theme.palette) === null || _theme$palette2 === void 0 ? void 0 : _theme$palette2.selected[paletteState]) || DEFAULT_SELECTION_COLORS[state];
+	    const color = getColorPickerColor(componentSelectionColors[state]) || getSelectionThemeColor(state) || state === 'possible' && getListboxStyle('', 'backgroundColor') || ((_theme$palette2 = theme.palette) === null || _theme$palette2 === void 0 || (_theme$palette2 = _theme$palette2.selected) === null || _theme$palette2 === void 0 ? void 0 : _theme$palette2[paletteState]) || DEFAULT_SELECTION_COLORS[state];
 	    const contrastColor = useContrastTextColor ? getContrastingColor(color, desiredTextColor) : desiredTextColor || ((_theme$palette3 = theme.palette) === null || _theme$palette3 === void 0 ? void 0 : _theme$palette3.selected["".concat(contrastState, "Text}")]);
 	    return {
 	      [state]: color,
@@ -31416,6 +31418,7 @@
 	}
 
 	function OneField(_ref) {
+	  var _selection$qDimension;
 	  let {
 	    field,
 	    api,
@@ -31441,6 +31444,7 @@
 	    onClose();
 	  };
 	  const selection = field.selections[stateIx];
+	  const fieldLabel = ((_selection$qDimension = selection.qDimensionReferences) === null || _selection$qDimension === void 0 || (_selection$qDimension = _selection$qDimension.find(element => element.qLabel)) === null || _selection$qDimension === void 0 ? void 0 : _selection$qDimension.qLabel) || selection.qReadableName || selection.qField;
 	  if (typeof selection.qTotal === 'undefined') {
 	    selection.qTotal = 0;
 	  }
@@ -31502,7 +31506,7 @@
 	        lineHeight: '16px',
 	        fontWeight: 600
 	      }
-	    }, selection.qField), /*#__PURE__*/React$1.createElement(Typography, {
+	    }, fieldLabel), /*#__PURE__*/React$1.createElement(Typography, {
 	      noWrap: true,
 	      style: {
 	        fontSize: '12px',
@@ -32774,7 +32778,8 @@
 	    extraItems,
 	    selections,
 	    keyboard,
-	    autoConfirm
+	    autoConfirm,
+	    disablePortal
 	  } = _ref;
 	  return {
 	    autoConfirm,
@@ -32794,7 +32799,8 @@
 	      popoverPaperStyle: {
 	        boxShadow: '0 12px 8px -8px rgba(0, 0, 0, 0.2)',
 	        minWidth: '250px'
-	      }
+	      },
+	      disablePortal
 	    },
 	    selections: {
 	      show: showToolbar,
@@ -33113,7 +33119,8 @@
 	    selections,
 	    keyboard,
 	    autoConfirm,
-	    app
+	    app,
+	    disablePortal
 	  } = _ref2;
 	  const [isToolbarDetached, setIsToolbarDetached] = reactExports.useState(showDetachedToolbarOnly);
 	  const [isLocked, setLocked] = reactExports.useState(layout === null || layout === void 0 || (_layout$qListObject = layout.qListObject) === null || _layout$qListObject === void 0 || (_layout$qListObject = _layout$qListObject.qDimensionInfo) === null || _layout$qListObject === void 0 ? void 0 : _layout$qListObject.qLocked);
@@ -33203,7 +33210,8 @@
 	    listboxSelectionToolbarItems,
 	    selections,
 	    keyboard,
-	    autoConfirm
+	    autoConfirm,
+	    disablePortal
 	  });
 	  const actionsToolbar = /*#__PURE__*/React$1.createElement(ActionsToolbar, _extends$7({
 	    isRtl: isRtl,
@@ -33342,7 +33350,8 @@
 	    showLock = false,
 	    components,
 	    selectDisabled = () => false,
-	    flags
+	    flags,
+	    disablePortal = true
 	  } = options;
 	  const theme = useTheme$2();
 	  const {
@@ -33518,7 +33527,8 @@
 	    model: model,
 	    selectionState: selectionState$1,
 	    selections: selections,
-	    keyboard: keyboard
+	    keyboard: keyboard,
+	    disablePortal: disablePortal
 	  });
 	  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, showDetachedToolbarOnly && listBoxHeader, /*#__PURE__*/React$1.createElement(StyledGrid$3, {
 	    className: "listbox-container",
@@ -41637,9 +41647,14 @@
 	 * });
 	 */
 
+	/**
+	 * Fallback load function for missing types
+	 * @typedef {Function(LoadType):Promise<Visualization>} LoadFallback
+	 */
+
 	/**
 	 * @interface Configuration
-	 * @property {Function(LoadType):Promise<Visualization>=} load Fallback load function for missing types
+	 * @property {LoadFallback=} load Fallback load function for missing types
 	 * @property {Context=} context Settings for the rendering instance
 	 * @property {Array<TypeInfo>=} types Visualization types to register
 	 * @property {Array<ThemeInfo>=} themes Themes to register