@nebula.js/stardust 3.2.1 → 3.2.2

package/core/esm/dev.js

@@ -1,5 +1,5 @@
 /*
-* @nebula.js/stardust v3.2.1
+* @nebula.js/stardust v3.2.2
 * Copyright (c) 2023 QlikTech International AB
 * Released under the MIT license.
 */
@@ -7968,7 +7968,7 @@ function create$3(definition) {
   return cache[key];
 }
 
-const NEBULA_VERSION_HASH = "f2f8" ;
+const NEBULA_VERSION_HASH = "07c0" ;
 ClassNameGenerator$1.configure(componentName => {
   return "njs-".concat(NEBULA_VERSION_HASH, "-").concat(componentName.replace('Mui', ''));
 });
@@ -8487,7 +8487,7 @@ function boot(_ref2) {
   const appRef = React__default.createRef();
   const element = document.createElement('div');
   element.style.display = 'none';
-  element.setAttribute('data-nebulajs-version', "3.2.1" );
+  element.setAttribute('data-nebulajs-version', "3.2.2" );
   element.setAttribute('data-app-id', app.id);
   document.body.appendChild(element);
   ReactDOM.render( /*#__PURE__*/React__default.createElement(NebulaApp, {
@@ -12891,6 +12891,9 @@ function useDefaultSelectionActions(_ref) {
 }
 
 const PREFIX$8 = 'More';
+const ActionsToolbarMoreElement = {
+  className: 'njs-action-toolbar-more'
+};
 const classes$8 = {
   icon: "".concat(PREFIX$8, "-icon")
 };
@@ -12946,12 +12949,12 @@ const More$1 = React__default.forwardRef((_ref3, ref) => {
     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'
@@ -13091,8 +13094,6 @@ function ActionsToolbar(_ref3) {
     keyboardNavigation
   } = useContext(InstanceContext);
   const [showMoreItems, setShowMoreItems] = useState$1(false);
-  const [moreEnabled, setMoreEnabled] = useState$1(more$1.enabled);
-  const [moreActions, setMoreActions] = useState$1(more$1.actions);
   const moreRef = useRef();
   const actionsRef = useRef();
   const theme = useTheme$1();
@@ -13106,9 +13107,6 @@ function ActionsToolbar(_ref3) {
     return buttons[last ? buttons.length - 1 : 0];
   };
   useEffect$1(() => () => setShowMoreItems(false), [popover.show]);
-  useEffect$1(() => {
-    setMoreEnabled(more$1.enabled);
-  }, [more$1.enabled]);
   useEffect$1(() => {
     if (!focusHandler) return;
     const focusFirst = () => {
@@ -13122,7 +13120,14 @@ function ActionsToolbar(_ref3) {
     focusHandler.on('focus_toolbar_first', focusFirst);
     focusHandler.on('focus_toolbar_last', focusLast);
   }, []);
-  const newActions = useMemo$1(() => 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);
@@ -13137,11 +13142,6 @@ function ActionsToolbar(_ref3) {
     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 => {
@@ -13577,12 +13577,12 @@ const getClickOutFuncs = _ref3 => {
     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);
     }
   };
 };
@@ -13657,6 +13657,7 @@ function ListBoxPopover(_ref) {
     fieldName,
     stateName = '$'
   } = _ref;
+  const isMasterDim = Boolean(fieldName === null || fieldName === void 0 ? void 0 : fieldName.qLibraryId);
   const open = show && Boolean(alignTo.current);
   const [listCount, setListCount] = useState$1(0);
   const theme = useTheme$1();
@@ -13680,8 +13681,9 @@ function ListBoxPopover(_ref) {
           qSortByNumeric: 1,
           qSortByLoadOrder: 1
         }],
-        qFieldDefs: [fieldName]
-      }
+        qFieldDefs: isMasterDim ? undefined : [fieldName]
+      },
+      qLibraryId: isMasterDim ? fieldName.qLibraryId : undefined
     }
   }, app, fieldName, stateName);
   const lock = useCallback(() => {
@@ -15567,7 +15569,7 @@ function ListBoxWrapper(_ref) {
     options
   });
   const elementRef = 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;
   }