@nebula.js/stardust 3.0.0-alpha1 → 3.0.0-alpha2

package/core/esm/dev.js

@@ -1,5 +1,5 @@
 /*
-* @nebula.js/stardust v3.0.0-alpha1
+* @nebula.js/stardust v3.0.0-alpha2
 * 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 = "4ced" ;
+const NEBULA_VERSION_HASH = "9c10" ;
 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-alpha1" );
+  element.setAttribute('data-nebulajs-version', "3.0.0-alpha2" );
   element.setAttribute('data-app-id', app.id);
   document.body.appendChild(element);
   ReactDOM.render( /*#__PURE__*/React__default.createElement(NebulaApp, {
@@ -13951,7 +13951,8 @@ const Root$1 = styled('div')(_ref2 => {
       paddingRight: '8px'
     },
     ["&.".concat(classes$a.barContainer)]: {
-      position: 'relative'
+      height: '100%',
+      display: 'inline-block'
     },
     ["& .".concat(classes$a.bar)]: {
       border: "".concat(barBorderWidthPx, "px solid"),
@@ -13987,8 +13988,7 @@ function RowColumn(_ref3) {
   let {
     index,
     style,
-    data,
-    column = false
+    data
   } = _ref3;
   const {
     onClick,
@@ -13997,6 +13997,7 @@ function RowColumn(_ref3) {
     onMouseEnter,
     pages,
     isLocked,
+    column = false,
     checkboxes = false,
     dense = false,
     frequencyMode = 'N',
@@ -16773,7 +16774,7 @@ AutoSizer.defaultProps = {
  * user interact outside of passed element ref.
  */
 
-function useConfirmUnfocus(ref, selections) {
+function useConfirmUnfocus(ref, selections, shouldConfirmOnBlur) {
   const [_isConfirmed, _setIsConfirmed] = useState$1(false); // Wrap state in ref to use inside eventListener callback
 
   const isConfirmedRef = useRef(_isConfirmed);
@@ -16785,6 +16786,8 @@ function useConfirmUnfocus(ref, selections) {
   };
 
   useEffect$1(() => {
+    if (!shouldConfirmOnBlur) return undefined;
+
     const handleEvent = event => {
       const interactInside = ref.current && ref.current.contains(event.target);
       const isConfirmed = isConfirmedRef.current;
@@ -16803,7 +16806,7 @@ function useConfirmUnfocus(ref, selections) {
       document.removeEventListener('mousedown', handleEvent);
       document.removeEventListener('keydown', handleEvent);
     };
-  }, [ref, selections]);
+  }, [ref, selections, shouldConfirmOnBlur]);
 }
 
 const PREFIX$4 = 'ListBoxInline';
@@ -16845,7 +16848,8 @@ function ListBoxInline(_ref) {
     showGray = true,
     sortByState = 1,
     scrollState = undefined,
-    setCount = undefined
+    setCount = undefined,
+    shouldConfirmOnBlur = undefined
   } = options;
   let {
     frequencyMode,
@@ -17000,7 +17004,7 @@ function ListBoxInline(_ref) {
     }
   }, [selections]);
   const listBoxRef = useRef(null);
-  useConfirmUnfocus(listBoxRef, selections);
+  useConfirmUnfocus(listBoxRef, selections, shouldConfirmOnBlur);
   useEffect$1(() => {
     if (!searchContainer || !searchContainer.current) {
       return;
@@ -17026,7 +17030,9 @@ function ListBoxInline(_ref) {
   const counts = layout.qListObject.qDimensionInfo.qStateCounts;
   const hasSelections = counts.qSelected + counts.qSelectedExcluded + counts.qLocked + counts.qLockedExcluded > 0;
   const searchVisible = (search === true || search === 'toggle' && showSearch) && !selectDisabled();
-  const minHeight = 49 + (searchVisible ? 40 : 0) + 49;
+  const searchHeight = dense ? 27 : 40;
+  const extraheight = dense ? 39 : 49;
+  const minHeight = 49 + (searchVisible ? searchHeight : 0) + extraheight;
 
   const onShowSearch = () => {
     const newValue = !showSearch;
@@ -19519,7 +19525,7 @@ const Cell = forwardRef((_ref6, ref) => {
 
     load(layout.visualization, withVersion);
     return () => {};
-  }, [types, state.sn, model, layout, appLayout, language]); // Long running query
+  }, [types, state.sn, model, selections, layout, appLayout, language]); // Long running query
 
   useEffect$1(() => {
     if (!validating) {
@@ -24306,6 +24312,7 @@ const mergeConfigs = (base, c) => ({
  * @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.
+ * @property {boolean} [options.shouldConfirmOnBlur=] A boolean that determines if the listbox should actively confirm selections on blur events.
  */
 
 /**
@@ -24731,7 +24738,7 @@ var enigmaMocker = {exports: {}};
 var enigmaMocker_dev = {exports: {}};
 
 /*
-* @nebula.js/enigma-mocker v3.0.0-alpha0
+* @nebula.js/enigma-mocker v3.0.0-alpha1
 * Copyright (c) 2022 QlikTech International AB
 * Released under the MIT license.
 */