@nebula.js/stardust 2.11.0 → 2.12.0

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.12.0](https://github.com/qlik-oss/nebula.js/compare/v2.11.0...v2.12.0) (2022-06-14)
+
+**Note:** Version bump only for package @nebula.js/stardust
+
 # [2.11.0](https://github.com/qlik-oss/nebula.js/compare/v2.10.0...v2.11.0) (2022-06-01)
 
 **Note:** Version bump only for package @nebula.js/stardust

package/core/esm/dev.js

@@ -1,5 +1,5 @@
 /*
-* @nebula.js/stardust v2.11.0
+* @nebula.js/stardust v2.12.0
 * Copyright (c) 2022 QlikTech International AB
 * Released under the MIT license.
 */
@@ -6043,7 +6043,7 @@ function useAppSelections(app) {
   return [appSelections, navState];
 }
 
-const NEBULA_VERSION_HASH = "6c1e" ;
+const NEBULA_VERSION_HASH = "32d7" ;
 let counter = 0;
 const NebulaApp = forwardRef((_ref, ref) => {
   let {
@@ -6103,7 +6103,7 @@ function boot(_ref2) {
   const appRef = React.createRef();
   const element = document.createElement('div');
   element.style.display = 'none';
-  element.setAttribute('data-nebulajs-version', "2.11.0" );
+  element.setAttribute('data-nebulajs-version', "2.12.0" );
   element.setAttribute('data-app-id', app.id);
   document.body.appendChild(element);
   ReactDOM.render( /*#__PURE__*/React.createElement(NebulaApp, {
@@ -7393,7 +7393,10 @@ function useSelectionsInteractions(_ref) {
   const [selected, setSelected] = useState$1([]);
   const [isRangeSelection, setIsRangeSelection] = useState$1(false);
   const [preSelected, setPreSelected] = useState$1([]);
-  const elemNumbersOrdered = getElemNumbersFromPages(pages); // Select values for real, by calling the backend.
+  const elemNumbersOrdered = getElemNumbersFromPages(pages);
+  useEffect$1(() => {
+    setIsSingleSelect(singleSelect);
+  }, [singleSelect]); // Select values for real, by calling the backend.
 
   const select = async function () {
     let elemNumbers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -7487,7 +7490,7 @@ function useSelectionsInteractions(_ref) {
     setSelectingValues(false);
     setIsRangeSelection(false);
     setIsSingleSelect(singleSelect);
-  }, []);
+  }, [singleSelect]);
   const onMouseEnter = useCallback(event => {
     if (isSingleSelect || !mouseDown || selectingValues || selectDisabled()) {
       return;
@@ -7513,7 +7516,7 @@ function useSelectionsInteractions(_ref) {
     return () => {
       doc.removeEventListener('mouseup', onMouseUpDoc);
     };
-  }, []);
+  }, [onMouseUpDoc]);
   useEffect$1(() => {
     if (selectingValues || mouseDown) {
       return;
@@ -8396,7 +8399,8 @@ function ListBox(_ref2) {
     showGray = true,
     scrollState,
     sortByState,
-    selectDisabled = () => false
+    selectDisabled = () => false,
+    setCount
   } = _ref2;
   const [layout] = useLayout$1(model);
   const isSingleSelect = !!(layout && layout.qListObject.qDimensionInfo.qIsOneAndOnlyOne);
@@ -8493,6 +8497,10 @@ function ListBox(_ref2) {
 
   useEffect$1(() => {
     fetchData();
+
+    if (typeof setCount === 'function' && layout) {
+      setCount(layout.qListObject.qSize.qcy);
+    }
   }, [layout]);
   useEffect$1(() => {
     if (!instantPages || isLoadingData) {
@@ -8627,6 +8635,10 @@ var createListboxSelectionToolbar = (_ref => {
     translator
   } = _ref;
 
+  if (layout.qListObject.qDimensionInfo.qIsOneAndOnlyOne) {
+    return [];
+  }
+
   const canSelectAll = () => ['qOption', 'qAlternative', 'qExcluded', 'qDeselected'].some(sc => layout.qListObject.qDimensionInfo.qStateCounts[sc] > 0);
 
   const canSelectPossible = () => ['qOption'].some(sc => layout.qListObject.qDimensionInfo.qStateCounts[sc] > 0);
@@ -9351,7 +9363,7 @@ function createObjectSelections(_ref) {
      */
     canClear() {
       if (layout && layout.qListObject && layout.qListObject.qDimensionInfo) {
-        return !layout.qListObject.qDimensionInfo.qLocked;
+        return !layout.qListObject.qDimensionInfo.qLocked && !layout.qListObject.qDimensionInfo.qIsOneAndOnlyOne;
       }
 
       return hasSelected;
@@ -9700,17 +9712,23 @@ function OneField(_ref) {
         lineHeight: '16px'
       }
     }, label));
-    Icon = selection.qLocked ? /*#__PURE__*/React.createElement(Grid, {
-      item: true
-    }, /*#__PURE__*/React.createElement(IconButton, null, /*#__PURE__*/React.createElement(Lock, null))) : /*#__PURE__*/React.createElement(Grid, {
-      item: true
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      title: translator.get('Selection.Clear'),
-      onClick: e => {
-        e.stopPropagation();
-        api.clearField(selection.qField, field.states[stateIx]);
-      }
-    }, /*#__PURE__*/React.createElement(Remove, null)));
+
+    if (selection.qLocked) {
+      Icon = /*#__PURE__*/React.createElement(Grid, {
+        item: true
+      }, /*#__PURE__*/React.createElement(IconButton, null, /*#__PURE__*/React.createElement(Lock, null)));
+    } else if (!selection.qOneAndOnlyOne) {
+      Icon = /*#__PURE__*/React.createElement(Grid, {
+        item: true
+      }, /*#__PURE__*/React.createElement(IconButton, {
+        title: translator.get('Selection.Clear'),
+        onClick: e => {
+          e.stopPropagation();
+          api.clearField(selection.qField, field.states[stateIx]);
+        }
+      }, /*#__PURE__*/React.createElement(Remove, null)));
+    }
+
     SegmentsIndicator = /*#__PURE__*/React.createElement("div", {
       style: {
         height: '4px',
@@ -10868,7 +10886,8 @@ function ListBoxInline(_ref) {
     selectDisabled = () => false,
     showGray = true,
     sortByState = 1,
-    scrollState = undefined
+    scrollState = undefined,
+    setCount = undefined
   } = options;
   let {
     frequencyMode,
@@ -11157,7 +11176,8 @@ function ListBoxInline(_ref) {
       keyboard: keyboard,
       showGray: showGray,
       scrollState: scrollState,
-      sortByState: sortByState
+      sortByState: sortByState,
+      setCount: setCount
     });
   })));
 }
@@ -18347,6 +18367,7 @@ const mergeConfigs = (base, c) => ({
  * @property {ReceiverFunction} [options.update] A function which receives an update function which upon call will trigger a data fetch.
  * @property {{setScrollPos:function(number):void, initScrollPos:number}} [options.scrollState=] Object including a setScrollPos function that sets current scroll position index. A initial scroll position index.
  * @property {number=} [options.sortByState=1] Sort by state, detault 1 = sort descending, 0 = no sorting, -1 sort ascending.
+ * @property {function(number):void} [options.setCount=] A function that gets called with the length of the data in the Listbox.
  */
 
 /**
@@ -18770,7 +18791,7 @@ var enigmaMocker = {exports: {}};
 var enigmaMocker_dev = {exports: {}};
 
 /*
-* @nebula.js/enigma-mocker v2.10.0
+* @nebula.js/enigma-mocker v2.11.0
 * Copyright (c) 2022 QlikTech International AB
 * Released under the MIT license.
 */