@nebula.js/stardust 5.0.0 → 5.0.1

package/core/esm/dev.js

@@ -1,5 +1,5 @@
 /*
-* @nebula.js/stardust v5.0.0
+* @nebula.js/stardust v5.0.1
 * Copyright (c) 2024 QlikTech International AB
 * Released under the MIT license.
 */
@@ -742,7 +742,7 @@ function _toPrimitive(t, r) {
 }
 function _toPropertyKey(t) {
   var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : String(i);
+  return "symbol" == typeof i ? i : i + "";
 }
 function _defineProperty(obj, key, value) {
   key = _toPropertyKey(key);
@@ -5262,7 +5262,7 @@ function GlobalStyles(props) {
 }
 
 /**
- * @mui/styled-engine v5.15.11
+ * @mui/styled-engine v5.15.14
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -7746,7 +7746,7 @@ function emphasize(color, coefficient = 0.15) {
 }
 function private_safeEmphasize(color, coefficient, warning) {
   try {
-    return private_safeEmphasize(color, coefficient);
+    return emphasize(color, coefficient);
   } catch (error) {
     if (warning && "production" !== 'production') {
       console.warn(warning);
@@ -8467,7 +8467,7 @@ Object.defineProperty(createStyled$1, "__esModule", {
   value: true
 });
 var _default = createStyled$1.default = createStyled;
-var shouldForwardProp_1 = createStyled$1.shouldForwardProp = shouldForwardProp;
+createStyled$1.shouldForwardProp = shouldForwardProp;
 createStyled$1.systemDefaultTheme = void 0;
 var _extends2 = _interopRequireDefault$1(require_extends());
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault$1(requireObjectWithoutPropertiesLoose());
@@ -8695,11 +8695,18 @@ function createStyled(input = {}) {
   };
 }
 
-const rootShouldForwardProp = prop => shouldForwardProp_1(prop) && prop !== 'classes';
+// copied from @mui/system/createStyled
+function slotShouldForwardProp(prop) {
+  return prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';
+}
+
+const rootShouldForwardProp = prop => slotShouldForwardProp(prop) && prop !== 'classes';
+var rootShouldForwardProp$1 = rootShouldForwardProp;
+
 const styled = _default({
   themeId: THEME_ID,
   defaultTheme: defaultTheme$1,
-  rootShouldForwardProp
+  rootShouldForwardProp: rootShouldForwardProp$1
 });
 
 const _excluded$7 = ["theme"];
@@ -9094,7 +9101,7 @@ function create$3(definition) {
   return cache[key];
 }
 
-const NEBULA_VERSION_HASH = "e6be" ;
+const NEBULA_VERSION_HASH = "19bb" ;
 ClassNameGenerator.configure(componentName => {
   return "njs-".concat(NEBULA_VERSION_HASH, "-").concat(componentName.replace('Mui', ''));
 });
@@ -9326,7 +9333,7 @@ function boot(_ref2) {
   const appRef = React__default.createRef();
   const element = document.createElement('div');
   element.style.display = 'none';
-  element.setAttribute('data-nebulajs-version', "5.0.0" );
+  element.setAttribute('data-nebulajs-version', "5.0.1" );
   element.setAttribute('data-app-id', app.id);
   document.body.appendChild(element);
   if (context) {
@@ -14072,7 +14079,7 @@ const SvgIconRoot = styled('svg', {
     height: '1em',
     display: 'inline-block',
     // the <svg> will define the property that has `currentColor`
-    // e.g. heroicons uses fill="none" and stroke="currentColor"
+    // for example heroicons uses fill="none" and stroke="currentColor"
     fill: ownerState.hasSvgAsChild ? undefined : 'currentColor',
     flexShrink: 0,
     transition: (_theme$transitions = theme.transitions) == null || (_theme$transitions$cr = _theme$transitions.create) == null ? void 0 : _theme$transitions$cr.call(_theme$transitions, 'fill', {
@@ -15606,9 +15613,6 @@ function ListBoxSearch(_ref2) {
       setValue(WILDCARD);
       setWildcardOn(true);
     }
-    if (!selectionState.selectDisabled() && !selections.isModal()) {
-      selections.begin(['/qListObjectDef']);
-    }
   };
   const hasHits = () => {
     const listCount = getStoreValue("listCount");
@@ -20045,7 +20049,14 @@ const dimensionTypes = {
   drillDown: 'H',
   cyclic: 'C'
 };
-const createDimensionIconData = (dimInfo, app) => {
+const createDimensionIconData = _ref => {
+  let {
+    dimInfo,
+    app,
+    selections,
+    isPopover,
+    active
+  } = _ref;
   switch (dimInfo.qGrouping) {
     case dimensionTypes.drillDown:
       return {
@@ -20054,20 +20065,26 @@ const createDimensionIconData = (dimInfo, app) => {
         onClick: undefined
       };
     case dimensionTypes.cyclic:
-      return {
-        icon: app ? ReloadIcon : CyclicIcon,
-        tooltip: 'Listbox.Cyclic',
-        onClick: app ? () => {
-          app.getDimension(dimInfo.qLibraryId).then(dimensionModel => {
-            if (!dimensionModel.stepCycle) {
-              // eslint-disable-next-line no-console
-              console.log("engine api spec version doesn't have support for function stepCycle");
-              return;
+      {
+        const clickable = app && active;
+        return {
+          icon: clickable ? ReloadIcon : CyclicIcon,
+          tooltip: 'Listbox.Cyclic',
+          onClick: clickable ? () => {
+            if (!isPopover) {
+              selections.confirm();
             }
-            dimensionModel.stepCycle(1);
-          }).catch(() => null);
-        } : undefined
-      };
+            app.getDimension(dimInfo.qLibraryId).then(dimensionModel => {
+              if (!dimensionModel.stepCycle) {
+                // eslint-disable-next-line no-console
+                console.log("engine api spec version doesn't have support for function stepCycle");
+                return;
+              }
+              dimensionModel.stepCycle(1);
+            }).catch(() => null);
+          } : undefined
+        };
+      }
     default:
       return undefined;
   }
@@ -20087,7 +20104,8 @@ function DimensionIcon(_ref) {
   let {
     iconData,
     translator,
-    iconStyle
+    iconStyle,
+    disabled
   } = _ref;
   if (!iconData) return undefined;
   const {
@@ -20104,7 +20122,8 @@ function DimensionIcon(_ref) {
     tabIndex: -1,
     title: title,
     size: "large",
-    disableRipple: true
+    disableRipple: true,
+    disabled: disabled
   }, /*#__PURE__*/React__default.createElement(Icon, {
     style: iconStyle
   })) : /*#__PURE__*/React__default.createElement(Icon, {
@@ -20172,7 +20191,8 @@ function ListBoxHeader(_ref2) {
     selections,
     keyboard,
     autoConfirm,
-    app
+    app,
+    isInSelection
   } = _ref2;
   const [isToolbarDetached, setIsToolbarDetached] = useState$1(showDetachedToolbarOnly);
   const [isLocked, setLocked] = useState$1(layout === null || layout === void 0 || (_layout$qListObject = layout.qListObject) === null || _layout$qListObject === void 0 || (_layout$qListObject = _layout$qListObject.qDimensionInfo) === null || _layout$qListObject === void 0 ? void 0 : _layout$qListObject.qLocked);
@@ -20182,7 +20202,13 @@ function ListBoxHeader(_ref2) {
     setLocked(layout === null || layout === void 0 || (_layout$qListObject2 = layout.qListObject) === null || _layout$qListObject2 === void 0 || (_layout$qListObject2 = _layout$qListObject2.qDimensionInfo) === null || _layout$qListObject2 === void 0 ? void 0 : _layout$qListObject2.qLocked);
   }, [layout === null || layout === void 0 || (_layout$qListObject3 = layout.qListObject) === null || _layout$qListObject3 === void 0 || (_layout$qListObject3 = _layout$qListObject3.qDimensionInfo) === null || _layout$qListObject3 === void 0 ? void 0 : _layout$qListObject3.qLocked]);
   const titleRef = useRef(null);
-  const iconData = iconUtils.createDimensionIconData(layout === null || layout === void 0 || (_layout$qListObject4 = layout.qListObject) === null || _layout$qListObject4 === void 0 ? void 0 : _layout$qListObject4.qDimensionInfo, app);
+  const iconData = iconUtils.createDimensionIconData({
+    dimInfo: layout === null || layout === void 0 || (_layout$qListObject4 = layout.qListObject) === null || _layout$qListObject4 === void 0 ? void 0 : _layout$qListObject4.qDimensionInfo,
+    app,
+    selections,
+    isPopover,
+    active: !(constraints !== null && constraints !== void 0 && constraints.active)
+  });
   const showUnlock = showLock && isLocked;
   const showLockIcon = !showLock && isLocked; // shows instead of the cover button when field/dim is locked.
   const showLeftIcon = showSearchIcon || showLockIcon || iconData; // the left-most icon outside of the actions/selections toolbar.
@@ -20293,6 +20319,7 @@ function ListBoxHeader(_ref2) {
   }, lockedIconComp || showSearchIcon && searchIconComp, /*#__PURE__*/React__default.createElement(DimensionIcon, {
     iconData: iconData,
     iconStyle: iconStyle,
+    disabled: isInSelection && isPopover,
     translator: translator
   })), /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
@@ -20453,6 +20480,7 @@ function ListBoxInline(_ref3) {
   }), [app, appSelections]);
   const isInvalid = layout === null || layout === void 0 ? void 0 : layout.qListObject.qDimensionInfo.qError;
   const errorText = isInvalid && constraints.active ? 'Visualization.Invalid.Dimension' : 'Visualization.Incomplete';
+  const [isInSelection, setIsInSelection] = useState$1(false);
   const {
     handleKeyDown,
     handleOnMouseEnter,
@@ -20481,9 +20509,11 @@ function ListBoxInline(_ref3) {
     }
     const show = () => {
       setShowToolbar(true);
+      setIsInSelection(true);
     };
     const hide = () => {
       setShowToolbar(false);
+      setIsInSelection(false);
       if (search === 'toggle') {
         setShowSearch(false);
       }
@@ -20491,7 +20521,6 @@ function ListBoxInline(_ref3) {
     if (isPopover) {
       // When isPopover, toolbar == false will be ignored.
       if (!selections.isActive()) {
-        selections.begin('/qListObjectDef');
         selections.on('activated', show);
         selections.on('deactivated', hide);
       }
@@ -20586,7 +20615,8 @@ function ListBoxInline(_ref3) {
     model: model,
     selectionState: selectionState$1,
     selections: selections,
-    keyboard: keyboard
+    keyboard: keyboard,
+    isInSelection: isInSelection
   });
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, showDetachedToolbarOnly && listBoxHeader, /*#__PURE__*/React__default.createElement(StyledGrid$3, {
     className: "listbox-container",