@nebula.js/stardust 3.2.0 → 3.2.2

package/dist/stardust.dev.js

@@ -1,5 +1,5 @@
 /*
-* @nebula.js/stardust v3.2.0
+* @nebula.js/stardust v3.2.2
 * Copyright (c) 2023 QlikTech International AB
 * Released under the MIT license.
 */
@@ -14388,7 +14388,7 @@
 	  return cache[key];
 	}
 
-	const NEBULA_VERSION_HASH = "070a" ;
+	const NEBULA_VERSION_HASH = "07c0" ;
 	ClassNameGenerator$1.configure(componentName => {
 	  return "njs-".concat(NEBULA_VERSION_HASH, "-").concat(componentName.replace('Mui', ''));
 	});
@@ -14907,7 +14907,7 @@
 	  const appRef = React.createRef();
 	  const element = document.createElement('div');
 	  element.style.display = 'none';
-	  element.setAttribute('data-nebulajs-version', "3.2.0" );
+	  element.setAttribute('data-nebulajs-version', "3.2.2" );
 	  element.setAttribute('data-app-id', app.id);
 	  document.body.appendChild(element);
 	  ReactDOM.render( /*#__PURE__*/React.createElement(NebulaApp, {
@@ -24440,6 +24440,9 @@
 	}
 
 	const PREFIX$8 = 'More';
+	const ActionsToolbarMoreElement = {
+	  className: 'njs-action-toolbar-more'
+	};
 	const classes$8 = {
 	  icon: "".concat(PREFIX$8, "-icon")
 	};
@@ -24495,12 +24498,12 @@
 	    ref: ref,
 	    open: show,
 	    anchorEl: alignTo.current,
-	    getContentAnchorEl: null,
-	    hideBackdrop: true,
-	    style: {
-	      pointerEvents: 'none'
-	    },
 	    transitionDuration: 0,
+	    slotProps: {
+	      root: {
+	        className: ActionsToolbarMoreElement.className
+	      }
+	    },
 	    anchorOrigin: {
 	      vertical: 'bottom',
 	      horizontal: 'left'
@@ -24640,8 +24643,6 @@
 	    keyboardNavigation
 	  } = reactExports.useContext(InstanceContext);
 	  const [showMoreItems, setShowMoreItems] = reactExports.useState(false);
-	  const [moreEnabled, setMoreEnabled] = reactExports.useState(more$1.enabled);
-	  const [moreActions, setMoreActions] = reactExports.useState(more$1.actions);
 	  const moreRef = reactExports.useRef();
 	  const actionsRef = reactExports.useRef();
 	  const theme = useTheme$1();
@@ -24655,9 +24656,6 @@
 	    return buttons[last ? buttons.length - 1 : 0];
 	  };
 	  reactExports.useEffect(() => () => setShowMoreItems(false), [popover.show]);
-	  reactExports.useEffect(() => {
-	    setMoreEnabled(more$1.enabled);
-	  }, [more$1.enabled]);
 	  reactExports.useEffect(() => {
 	    if (!focusHandler) return;
 	    const focusFirst = () => {
@@ -24671,7 +24669,14 @@
 	    focusHandler.on('focus_toolbar_first', focusFirst);
 	    focusHandler.on('focus_toolbar_last', focusLast);
 	  }, []);
-	  const newActions = reactExports.useMemo(() => actions.filter(a => !a.hidden), [actions]);
+	  let moreEnabled = more$1.enabled;
+	  let moreActions = more$1.actions;
+	  const newActions = actions.filter(a => !a.hidden);
+	  if (newActions.length > maxItems) {
+	    const newMoreActions = newActions.splice(-(newActions.length - maxItems) - 1);
+	    moreEnabled = true;
+	    moreActions = [...newMoreActions, ...more$1.actions];
+	  }
 	  if (!selections.show && newActions.length === 0) return null;
 	  const handleCloseShowMoreItems = () => {
 	    setShowMoreItems(false);
@@ -24686,11 +24691,6 @@
 	    enabled: () => moreEnabled,
 	    action: () => setShowMoreItems(!showMoreItems)
 	  };
-	  if (newActions.length > maxItems) {
-	    const newMoreActions = newActions.splice(-(newActions.length - maxItems) - 1);
-	    setMoreEnabled(true);
-	    setMoreActions([...newMoreActions, ...more$1.actions]);
-	  }
 	  const tabCallback =
 	  // if keyboardNavigation is true, create a callback to handle tabbing from the first/last button in the toolbar that resets focus on the content
 	  keyboardNavigation && focusHandler && focusHandler.refocusContent ? evt => {
@@ -25126,12 +25126,12 @@
 	    activateClickOut() {
 	      var _options$onSelectionA;
 	      document.addEventListener('mousedown', handler);
-	      (_options$onSelectionA = options.onSelectionActivated) === null || _options$onSelectionA === void 0 ? void 0 : _options$onSelectionA.call(options);
+	      options === null || options === void 0 ? void 0 : (_options$onSelectionA = options.onSelectionActivated) === null || _options$onSelectionA === void 0 ? void 0 : _options$onSelectionA.call(options);
 	    },
 	    deactivateClickOut() {
 	      var _options$onSelectionD;
 	      document.removeEventListener('mousedown', handler);
-	      (_options$onSelectionD = options.onSelectionDeactivated) === null || _options$onSelectionD === void 0 ? void 0 : _options$onSelectionD.call(options);
+	      options === null || options === void 0 ? void 0 : (_options$onSelectionD = options.onSelectionDeactivated) === null || _options$onSelectionD === void 0 ? void 0 : _options$onSelectionD.call(options);
 	    }
 	  };
 	};
@@ -25206,6 +25206,7 @@
 	    fieldName,
 	    stateName = '$'
 	  } = _ref;
+	  const isMasterDim = Boolean(fieldName === null || fieldName === void 0 ? void 0 : fieldName.qLibraryId);
 	  const open = show && Boolean(alignTo.current);
 	  const [listCount, setListCount] = reactExports.useState(0);
 	  const theme = useTheme$1();
@@ -25229,8 +25230,9 @@
 	          qSortByNumeric: 1,
 	          qSortByLoadOrder: 1
 	        }],
-	        qFieldDefs: [fieldName]
-	      }
+	        qFieldDefs: isMasterDim ? undefined : [fieldName]
+	      },
+	      qLibraryId: isMasterDim ? fieldName.qLibraryId : undefined
 	    }
 	  }, app, fieldName, stateName);
 	  const lock = reactExports.useCallback(() => {
@@ -27116,7 +27118,7 @@
 	    options
 	  });
 	  const elementRef = reactExports.useRef(element);
-	  const selections = hasExternalSelectionsApi ? options.selectionsApi : useObjectSelections(app, model, elementRef, options)[0];
+	  const selections = hasExternalSelectionsApi ? options.selectionsApi : useObjectSelections(app, model, [elementRef, '.njs-action-toolbar-more'], options)[0];
 	  if (!selections || !model) {
 	    return null;
 	  }