@nebula.js/stardust 4.0.2 → 4.0.4

package/core/package.json

@@ -1,7 +1,7 @@
 {
   "module": "esm/index.js",
   "peerDependencies": {
-    "@mui/material": "^5.12.3",
+    "@mui/material": "^5.13.0",
     "@mui/icons-material": "^5.11.16",
     "@emotion/react": "^11.11.0",
     "@emotion/styled": "^11.11.0",

package/dist/stardust.dev.js

@@ -1,5 +1,5 @@
 /*
-* @nebula.js/stardust v4.0.2
+* @nebula.js/stardust v4.0.4
 * Copyright (c) 2023 QlikTech International AB
 * Released under the MIT license.
 */
@@ -16399,7 +16399,7 @@
 	  return cache[key];
 	}
 
-	const NEBULA_VERSION_HASH = "5bae" ;
+	const NEBULA_VERSION_HASH = "ef4e" ;
 	ClassNameGenerator$1.configure(componentName => {
 	  return "njs-".concat(NEBULA_VERSION_HASH, "-").concat(componentName.replace('Mui', ''));
 	});
@@ -16457,7 +16457,6 @@
 
 	const [useAppSelectionsStore, appSelectionsStore] = createKeyStore({});
 	const [useAppModalStore, appModalStore] = createKeyStore({});
-	const [useObjectSelectionsStore, objectSelectionsStore] = createKeyStore({});
 	const [useModalObjectStore, modalObjectStore] = createKeyStore({});
 
 	/* eslint no-underscore-dangle: 0 */
@@ -16468,18 +16467,26 @@
 	  const key = "".concat(app.id);
 	  const end = async function () {
 	    let accept = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-	    const model = modalObjectStore.get(key);
+	    const {
+	      model,
+	      objectSelections
+	    } = modalObjectStore.get(key) || {};
 	    if (model) {
 	      await model.endSelections(accept);
 	      modalObjectStore.clear(key);
-	      const objectSelections = objectSelectionsStore.get(model.id);
 	      objectSelections.emit('deactivated');
 	    }
 	  };
-	  const begin = async function (model, path) {
-	    let accept = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+	  const begin = async _ref2 => {
+	    var _modalObjectStore$get;
+	    let {
+	      model,
+	      paths,
+	      accept = true,
+	      objectSelections
+	    } = _ref2;
 	    // Quick return if it's already in modal
-	    if (model === modalObjectStore.get(key)) {
+	    if (objectSelections === ((_modalObjectStore$get = modalObjectStore.get(key)) === null || _modalObjectStore$get === void 0 ? void 0 : _modalObjectStore$get.objectSelections)) {
 	      return;
 	    }
 
@@ -16487,12 +16494,18 @@
 	    end(accept);
 
 	    // Pending modal
-	    modalObjectStore.set(key, model);
-	    const p = Array.isArray(path) ? path : [path];
+	    modalObjectStore.set(key, {
+	      model,
+	      objectSelections
+	    });
+	    const p = Array.isArray(paths) ? paths : [paths];
 	    const beginSelections = async skipRetry => {
 	      try {
 	        await model.beginSelections(p);
-	        modalObjectStore.set(key, model); // We have a modal
+	        modalObjectStore.set(key, {
+	          model,
+	          objectSelections
+	        }); // We have a modal
 	      } catch (err) {
 	        if (err.code === 6003 && !skipRetry) {
 	          await app.abortModal(accept);
@@ -16520,9 +16533,10 @@
 	    isInModal() {
 	      return !!modalObjectStore.get(key);
 	    },
-	    isModal(object) {
+	    isModal(objectSelections) {
+	      var _modalObjectStore$get2;
 	      // TODO check model state
-	      return object ? modalObjectStore.get(key) === object : !!modalObjectStore.get(key);
+	      return objectSelections ? ((_modalObjectStore$get2 = modalObjectStore.get(key)) === null || _modalObjectStore$get2 === void 0 ? void 0 : _modalObjectStore$get2.objectSelections) === objectSelections : !!modalObjectStore.get(key);
 	    },
 	    forward() {
 	      return appModal.end().then(() => app.forward());
@@ -16646,7 +16660,7 @@
 	  const appRef = React.createRef();
 	  const element = document.createElement('div');
 	  element.style.display = 'none';
-	  element.setAttribute('data-nebulajs-version', "4.0.2" );
+	  element.setAttribute('data-nebulajs-version', "4.0.4" );
 	  element.setAttribute('data-app-id', app.id);
 	  document.body.appendChild(element);
 	  if (context) {
@@ -28088,7 +28102,12 @@
 	      }
 	      isActive = true;
 	      this.emit('activated');
-	      return appModal.begin(model, paths, true);
+	      return appModal.begin({
+	        model,
+	        paths,
+	        accept: true,
+	        objectSelections: api
+	      });
 	    },
 	    /**
 	     * @returns {Promise<undefined>}
@@ -28175,12 +28194,17 @@
 	    /**
 	     * @returns {boolean}
 	     */
-	    isModal: () => appSelections.isModal(model),
+	    isModal: () => appSelections.isModal(api),
 	    /**
 	     * @param {string[]} paths
 	     * @returns {Promise<undefined>}
 	     */
-	    goModal: paths => appModal.begin(model, paths, false),
+	    goModal: paths => appModal.begin({
+	      model,
+	      paths,
+	      accept: false,
+	      objectSelections: api
+	    }),
 	    /**
 	     * @param {boolean} [accept=false]
 	     * @returns {Promise<undefined>}
@@ -28220,20 +28244,16 @@
 	  const elementsArr = Array.isArray(elements) ? elements : [elements];
 	  const [appSelections] = useAppSelections(app);
 	  const [layout] = useLayout$1(model);
-	  const key = model ? model.id : null;
 	  const [appModalStore] = useAppModalStore();
-	  const [objectSelectionsStore] = useObjectSelectionsStore();
 	  const appModal = appModalStore.get(app.id);
-	  let objectSelections = objectSelectionsStore.get(key);
+	  const [objectSelections, setObjectSelections] = reactExports.useState();
 	  reactExports.useEffect(() => {
 	    if (!appSelections || !model || objectSelections) return;
-	    objectSelections = createObjectSelections({
+	    setObjectSelections(createObjectSelections({
 	      appSelections,
 	      appModal,
 	      model
-	    });
-	    objectSelectionsStore.set(key, objectSelections);
-	    objectSelectionsStore.dispatch(true);
+	    }));
 	  }, [appSelections, model]);
 	  reactExports.useEffect(() => {
 	    if (!objectSelections) return () => {};
@@ -29098,8 +29118,10 @@
 	  const [containerRef, containerRect] = useRect$1();
 	  const [maxItems, setMaxItems] = reactExports.useState(0);
 	  const isInListboxPopover = () => {
-	    const object = modalObjectStore.get(app.id);
-	    return object && object.genericType === 'njsListbox';
+	    const {
+	      model
+	    } = modalObjectStore.get(app.id) || {};
+	    return (model === null || model === void 0 ? void 0 : model.genericType) === 'njsListbox';
 	  };
 	  reactExports.useEffect(() => {
 	    if (!containerRect) return;
@@ -30345,6 +30367,9 @@
 	      fontSize: '12px'
 	    }
 	  }));
+	  if (isInvalid) {
+	    renderedCallback === null || renderedCallback === void 0 ? void 0 : renderedCallback();
+	  }
 	  return /*#__PURE__*/React.createElement(React.Fragment, null, showDetachedToolbarOnly && /*#__PURE__*/React.createElement(ActionsToolbar, _extends$7({
 	    direction: direction
 	  }, getActionToolbarProps(true))), /*#__PURE__*/React.createElement(StyledGrid$3, {
@@ -33557,7 +33582,7 @@
 	      height: '100%'
 	    },
 	    ref: contentRef
-	  }, Content), /*#__PURE__*/React.createElement(Footer, {
+	  }, Content), cellNode && layout && state.sn && /*#__PURE__*/React.createElement(Footer, {
 	    layout: layout,
 	    titleStyles: titleStyles
 	  })), state.longRunningQuery && /*#__PURE__*/React.createElement(LongRunningQuery, {
@@ -38407,7 +38432,7 @@
 	    },
 	    getSupportedVersion: (name, propertyVersion) => {
 	      if (!tc[name]) {
-	        return null;
+	        return undefined;
 	      }
 	      return tc[name].getMatchingVersionFromProperties(propertyVersion);
 	    },