@nebula.js/stardust 3.0.0-alpha3 → 3.0.0-alpha6

package/core/esm/dev.js

@@ -1,5 +1,5 @@
 /*
-* @nebula.js/stardust v3.0.0-alpha3
+* @nebula.js/stardust v3.0.0-alpha6
 * Copyright (c) 2022 QlikTech International AB
 * Released under the MIT license.
 */
@@ -11424,7 +11424,7 @@ function create$3(definition) {
   return cache[key];
 }
 
-const NEBULA_VERSION_HASH = "2bc2" ;
+const NEBULA_VERSION_HASH = "81fc" ;
 ClassNameGenerator.configure(componentName => {
 
   return "njs-".concat(NEBULA_VERSION_HASH, "-").concat(componentName.replace('Mui', ''));
@@ -11997,7 +11997,7 @@ function boot(_ref2) {
   const appRef = React__default.createRef();
   const element = document.createElement('div');
   element.style.display = 'none';
-  element.setAttribute('data-nebulajs-version', "3.0.0-alpha3" );
+  element.setAttribute('data-nebulajs-version', "3.0.0-alpha6" );
   element.setAttribute('data-app-id', app.id);
   document.body.appendChild(element);
   ReactDOM.render( /*#__PURE__*/React__default.createElement(NebulaApp, {
@@ -14412,7 +14412,7 @@ function ListBox(_ref2) {
     if (typeof setCount === 'function' && layout) {
       setCount(layout.qListObject.qSize.qcy);
     }
-  }, [layout]);
+  }, [layout, layout && layout.qListObject.qSize.qcy]);
   useEffect$1(() => {
     if (!instantPages || isLoadingData) {
       return;
@@ -14434,7 +14434,12 @@ function ListBox(_ref2) {
   }
 
   const isVertical = listLayout !== 'horizontal';
-  const count = layout.qListObject.qSize.qcy;
+  let count = layout.qListObject.qSize.qcy; // Should not allow a count of zero since it will stop executing loadMoreItems
+  // this could happen if a seach returns an empty result
+
+  if (count === 0) {
+    count = 1;
+  }
 
   const getCalculatedHeight = ps => {
     // If values have been filtered in the currently loaded page, we want to
@@ -15098,33 +15103,48 @@ function ListBoxSearch(_ref) {
   let {
     model,
     keyboard,
-    dense = false
+    dense = false,
+    visible = true
   } = _ref;
   const {
     translator
   } = useContext(InstanceContext);
   const [value, setValue] = useState$1('');
   const theme = useTheme$1();
+  useEffect$1(() => {
+    if (!visible) {
+      model.abortListObjectSearch(TREE_PATH);
+    }
+  }, [visible]);
 
   const onChange = e => {
     setValue(e.target.value);
-    model.searchListObjectFor(TREE_PATH, e.target.value);
+
+    if (e.target.value.length === 0) {
+      model.abortListObjectSearch(TREE_PATH);
+    } else {
+      model.searchListObjectFor(TREE_PATH, e.target.value);
+    }
   };
 
   const onKeyDown = e => {
     switch (e.key) {
       case 'Enter':
-        // This is disabled to "solve" QB-10955 with the lowest risk
-        // await model.acceptListObjectSearch(TREE_PATH, true);
-        // setValue('');
+        model.acceptListObjectSearch(TREE_PATH, true);
+        setValue('');
         break;
 
       case 'Escape':
         model.abortListObjectSearch(TREE_PATH);
+        setValue('');
         break;
     }
   };
 
+  if (!visible) {
+    return null;
+  }
+
   return /*#__PURE__*/React__default.createElement(OutlinedInput, {
     startAdornment: /*#__PURE__*/React__default.createElement(InputAdornment, {
       position: "start"
@@ -15520,7 +15540,8 @@ function ListBoxPopover(_ref) {
   }, /*#__PURE__*/React__default.createElement("div", {
     ref: moreAlignTo
   }), /*#__PURE__*/React__default.createElement(ListBoxSearch, {
-    model: model
+    model: model,
+    visible: true
   }), /*#__PURE__*/React__default.createElement(ListBox, {
     model: model,
     selections: selections,
@@ -17108,13 +17129,14 @@ function ListBoxInline(_ref) {
       onConfirm: () => {},
       onCancel: () => {}
     }
-  }))), searchVisible && /*#__PURE__*/React__default.createElement(Grid, {
+  }))), /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     ref: searchContainerRef
   }, /*#__PURE__*/React__default.createElement(ListBoxSearch, {
     model: model,
     dense: dense,
-    keyboard: keyboard
+    keyboard: keyboard,
+    visible: searchVisible
   })), /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: true
@@ -24739,7 +24761,7 @@ var enigmaMocker = {exports: {}};
 var enigmaMocker_dev = {exports: {}};
 
 /*
-* @nebula.js/enigma-mocker v3.0.0-alpha2
+* @nebula.js/enigma-mocker v3.0.0-alpha1
 * Copyright (c) 2022 QlikTech International AB
 * Released under the MIT license.
 */