feat: data count to hosting app (#848)

* feat: add function that sets the length of data in hosting app * fix: check for function Co-authored-by: Johan Lahti <johanlahti@users.noreply.github.com> Co-authored-by: Johan Lahti <johanlahti@users.noreply.github.com>
qlik-oss · Jun 8, 2022 · 3907480 · 3907480
1 parent 61a2803
commit 3907480
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/apis/nucleus/src/components/listbox/ListBox.jsx b/apis/nucleus/src/components/listbox/ListBox.jsx
@@ -78,6 +78,7 @@ export default function ListBox({
   scrollState,
   sortByState,
   selectDisabled = () => false,
+  setCount,
 }) {
   const [layout] = useLayout(model);
   const isSingleSelect = !!(layout && layout.qListObject.qDimensionInfo.qIsOneAndOnlyOne);
@@ -187,6 +188,9 @@ export default function ListBox({
 
   useEffect(() => {
     fetchData();
+    if (typeof setCount === 'function' && layout) {
+      setCount(layout.qListObject.qSize.qcy);
+    }
   }, [layout]);
 
   useEffect(() => {

diff --git a/apis/nucleus/src/components/listbox/ListBoxInline.jsx b/apis/nucleus/src/components/listbox/ListBoxInline.jsx
@@ -56,6 +56,7 @@ export default function ListBoxInline({ app, fieldIdentifier, stateName = '$', o
     showGray = true,
     sortByState = 1,
     scrollState = undefined,
+    setCount = undefined,
   } = options;
   let { frequencyMode, histogram = false } = options;
 
@@ -341,6 +342,7 @@ export default function ListBoxInline({ app, fieldIdentifier, stateName = '$', o
               showGray={showGray}
               scrollState={scrollState}
               sortByState={sortByState}
+              setCount={setCount}
             />
           )}
         </AutoSizer>

diff --git a/apis/nucleus/src/index.js b/apis/nucleus/src/index.js
@@ -134,6 +134,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.
  */
 
 /**