@nebula.js/stardust 4.0.2 → 4.0.4

package/core/esm/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.
 */
@@ -8389,7 +8389,7 @@ function create$3(definition) {
   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', ''));
 });
@@ -8447,7 +8447,6 @@ var createKeyStore = (function () {
 
 const [useAppSelectionsStore, appSelectionsStore] = createKeyStore({});
 const [useAppModalStore, appModalStore] = createKeyStore({});
-const [useObjectSelectionsStore, objectSelectionsStore] = createKeyStore({});
 const [useModalObjectStore, modalObjectStore] = createKeyStore({});
 
 /* eslint no-underscore-dangle: 0 */
@@ -8458,18 +8457,26 @@ function createAppSelections(_ref) {
   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;
     }
 
@@ -8477,12 +8484,18 @@ function createAppSelections(_ref) {
     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);
@@ -8510,9 +8523,10 @@ function createAppSelections(_ref) {
     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());
@@ -8636,7 +8650,7 @@ function boot(_ref2) {
   const appRef = React__default.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) {
@@ -14900,7 +14914,12 @@ const createObjectSelections = _ref2 => {
       }
       isActive = true;
       this.emit('activated');
-      return appModal.begin(model, paths, true);
+      return appModal.begin({
+        model,
+        paths,
+        accept: true,
+        objectSelections: api
+      });
     },
     /**
      * @returns {Promise<undefined>}
@@ -14987,12 +15006,17 @@ const createObjectSelections = _ref2 => {
     /**
      * @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>}
@@ -15032,20 +15056,16 @@ function useObjectSelections(app, model, elements, options) {
   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] = useState$1();
   useEffect$1(() => {
     if (!appSelections || !model || objectSelections) return;
-    objectSelections = createObjectSelections({
+    setObjectSelections(createObjectSelections({
       appSelections,
       appModal,
       model
-    });
-    objectSelectionsStore.set(key, objectSelections);
-    objectSelectionsStore.dispatch(true);
+    }));
   }, [appSelections, model]);
   useEffect$1(() => {
     if (!objectSelections) return () => {};
@@ -15910,8 +15930,10 @@ function SelectedFields(_ref) {
   const [containerRef, containerRect] = useRect$1();
   const [maxItems, setMaxItems] = useState$1(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';
   };
   useEffect$1(() => {
     if (!containerRect) return;
@@ -17157,6 +17179,9 @@ function ListBoxInline(_ref4) {
       fontSize: '12px'
     }
   }));
+  if (isInvalid) {
+    renderedCallback === null || renderedCallback === void 0 ? void 0 : renderedCallback();
+  }
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, showDetachedToolbarOnly && /*#__PURE__*/React__default.createElement(ActionsToolbar, _extends$5({
     direction: direction
   }, getActionToolbarProps(true))), /*#__PURE__*/React__default.createElement(StyledGrid$3, {
@@ -20369,7 +20394,7 @@ const Cell = forwardRef((_ref6, ref) => {
       height: '100%'
     },
     ref: contentRef
-  }, Content), /*#__PURE__*/React__default.createElement(Footer, {
+  }, Content), cellNode && layout && state.sn && /*#__PURE__*/React__default.createElement(Footer, {
     layout: layout,
     titleStyles: titleStyles
   })), state.longRunningQuery && /*#__PURE__*/React__default.createElement(LongRunningQuery, {
@@ -25219,7 +25244,7 @@ function create(_ref) {
     },
     getSupportedVersion: (name, propertyVersion) => {
       if (!tc[name]) {
-        return null;
+        return undefined;
       }
       return tc[name].getMatchingVersionFromProperties(propertyVersion);
     },