@nebula.js/stardust 5.4.2 → 5.5.0

package/core/esm/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.
 */
@@ -10375,7 +10375,7 @@ var base = {
 };
 
 const colors = {
-  green: '#009845',
+  green: '#00873D',
   greenPale: '#0AAF54',
   red: '#DC423F',
   redPale: '#F05551',
@@ -10676,7 +10676,7 @@ function create$3(definition) {
   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', ''));
 });
@@ -10908,7 +10908,7 @@ function boot(_ref2) {
   const appRef = React__default.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) {
@@ -16831,7 +16831,8 @@ const More$1 = React__default.forwardRef((_ref3, ref) => {
     alignTo,
     popoverProps = {},
     popoverPaperStyle = {},
-    onCloseOrActionClick = () => {}
+    onCloseOrActionClick = () => {},
+    disablePortal = true
   } = _ref3;
   const showActions = actions.length > 0;
   const autoFocusIndex = actions.findIndex(action => !action.disabled);
@@ -16842,9 +16843,9 @@ const More$1 = React__default.forwardRef((_ref3, ref) => {
     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: {
@@ -17031,7 +17032,8 @@ function ActionsToolbar(_ref3) {
       actions: [],
       alignTo: null,
       popoverProps: {},
-      popoverPaperStyle: {}
+      popoverPaperStyle: {},
+      disablePortal: true
     },
     popover = {
       show: false,
@@ -17160,7 +17162,8 @@ function ActionsToolbar(_ref3) {
     alignTo: moreAlignTo,
     popoverProps: more$1.popoverProps,
     popoverPaperStyle: more$1.popoverPaperStyle,
-    onCloseOrActionClick: handleCloseShowMoreItems
+    onCloseOrActionClick: handleCloseShowMoreItems,
+    disablePortal: more$1.disablePortal
   }));
   return popover.show ? /*#__PURE__*/React__default.createElement(StyledPopover, {
     disableEnforceFocus: true,
@@ -18255,7 +18258,7 @@ const DARK = '#000';
 const CONTRAST_THRESHOLD = 1.5;
 const LIGHT_PREFERRED_THRESHOLD = 3;
 const DEFAULT_SELECTION_COLORS = {
-  selected: '#009845',
+  selected: '#00873D',
   alternative: '#E4E4E4',
   excluded: '#A9A9A9',
   selectedExcluded: '#A9A9A9',
@@ -18333,7 +18336,7 @@ function getSelectionColors(_ref) {
     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,
@@ -18660,6 +18663,7 @@ function ListBoxPopover(_ref) {
 }
 
 function OneField(_ref) {
+  var _selection$qDimension;
   let {
     field,
     api,
@@ -18685,6 +18689,7 @@ function OneField(_ref) {
     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;
   }
@@ -18746,7 +18751,7 @@ function OneField(_ref) {
         lineHeight: '16px',
         fontWeight: 600
       }
-    }, selection.qField), /*#__PURE__*/React__default.createElement(Typography, {
+    }, fieldLabel), /*#__PURE__*/React__default.createElement(Typography, {
       noWrap: true,
       style: {
         fontSize: '12px',
@@ -20018,7 +20023,8 @@ function getListboxActionProps(_ref) {
     extraItems,
     selections,
     keyboard,
-    autoConfirm
+    autoConfirm,
+    disablePortal
   } = _ref;
   return {
     autoConfirm,
@@ -20038,7 +20044,8 @@ function getListboxActionProps(_ref) {
       popoverPaperStyle: {
         boxShadow: '0 12px 8px -8px rgba(0, 0, 0, 0.2)',
         minWidth: '250px'
-      }
+      },
+      disablePortal
     },
     selections: {
       show: showToolbar,
@@ -20357,7 +20364,8 @@ function ListBoxHeader(_ref2) {
     selections,
     keyboard,
     autoConfirm,
-    app
+    app,
+    disablePortal
   } = _ref2;
   const [isToolbarDetached, setIsToolbarDetached] = useState$1(showDetachedToolbarOnly);
   const [isLocked, setLocked] = useState$1(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);
@@ -20447,7 +20455,8 @@ function ListBoxHeader(_ref2) {
     listboxSelectionToolbarItems,
     selections,
     keyboard,
-    autoConfirm
+    autoConfirm,
+    disablePortal
   });
   const actionsToolbar = /*#__PURE__*/React__default.createElement(ActionsToolbar, _extends$6({
     isRtl: isRtl,
@@ -20586,7 +20595,8 @@ function ListBoxInline(_ref3) {
     showLock = false,
     components,
     selectDisabled = () => false,
-    flags
+    flags,
+    disablePortal = true
   } = options;
   const theme = useTheme$1();
   const {
@@ -20762,7 +20772,8 @@ function ListBoxInline(_ref3) {
     model: model,
     selectionState: selectionState$1,
     selections: selections,
-    keyboard: keyboard
+    keyboard: keyboard,
+    disablePortal: disablePortal
   });
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, showDetachedToolbarOnly && listBoxHeader, /*#__PURE__*/React__default.createElement(StyledGrid$3, {
     className: "listbox-container",
@@ -28881,9 +28892,14 @@ const DEFAULT_SNAPSHOT_CONFIG = /** @lends SnapshotConfiguration */{
  * });
  */
 
+/**
+ * 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