@nebula.js/stardust 4.0.0-alpha.3 → 4.0.0-alpha.4

package/dist/stardust.dev.js

@@ -1,5 +1,5 @@
 /*
-* @nebula.js/stardust v4.0.0-alpha.3
+* @nebula.js/stardust v4.0.0-alpha.4
 * Copyright (c) 2023 QlikTech International AB
 * Released under the MIT license.
 */
@@ -1560,6 +1560,26 @@
 			"zh-TW": "選取可能值"
 		}
 	};
+	var SelectionToolbar_ClickToUnlock = {
+		id: "SelectionToolbar.ClickToUnlock",
+		locale: {
+			"de-DE": "Klicken zum Freigeben",
+			"en-US": "Click to unlock",
+			"es-ES": "Haga clic para desbloquearla",
+			"fr-FR": "Cliquez pour déverrouiller",
+			"it-IT": "Fare clic per sbloccare",
+			"ja-JP": "クリックしてロック解除",
+			"ko-KR": "잠금을 해제하려면 클릭하십시오.",
+			"nl-NL": "Klik om te ontgrendelen",
+			"pl-PL": "Aby odblokować, kliknij",
+			"pt-BR": "Clique para destravar",
+			"ru-RU": "Щелкните, чтобы разблокировать",
+			"sv-SE": "Klicka för att låsa upp",
+			"tr-TR": "Kilidi kaldırmak için tıklayın",
+			"zh-CN": "单击以解锁",
+			"zh-TW": "按一下以解除鎖定"
+		}
+	};
 	var Visualization_Incomplete = {
 		id: "Visualization.Incomplete",
 		locale: {
@@ -1731,6 +1751,7 @@
 		Selection_SelectAlternative: Selection_SelectAlternative,
 		Selection_SelectExcluded: Selection_SelectExcluded,
 		Selection_SelectPossible: Selection_SelectPossible,
+		SelectionToolbar_ClickToUnlock: SelectionToolbar_ClickToUnlock,
 		Visualization_Incomplete: Visualization_Incomplete,
 		Visualization_Incomplete_Dimensions: Visualization_Incomplete_Dimensions,
 		Visualization_Incomplete_Measures: Visualization_Incomplete_Measures,
@@ -15399,7 +15420,7 @@
 	  return cache[key];
 	}
 
-	const NEBULA_VERSION_HASH = "ee80" ;
+	const NEBULA_VERSION_HASH = "0bc0" ;
 	ClassNameGenerator$1.configure(componentName => {
 	  return "njs-".concat(NEBULA_VERSION_HASH, "-").concat(componentName.replace('Mui', ''));
 	});
@@ -15607,7 +15628,7 @@
 	  const appRef = React.createRef();
 	  const element = document.createElement('div');
 	  element.style.display = 'none';
-	  element.setAttribute('data-nebulajs-version', "4.0.0-alpha.3" );
+	  element.setAttribute('data-nebulajs-version', "4.0.0-alpha.4" );
 	  element.setAttribute('data-app-id', app.id);
 	  document.body.appendChild(element);
 	  const root = client.createRoot(element);
@@ -25444,7 +25465,10 @@
 	  if (!field) {
 	    return field;
 	  }
-	  return "".concat(field.replace(/\]/g, ']]'));
+	  if (/^[A-Za-z][A-Za-z0-9_]*$/.test(field)) {
+	    return field;
+	  }
+	  return "[".concat(field.replace(/\]/g, ']]'), "]");
 	};
 	const needToFetchFrequencyMax = layout => (layout === null || layout === void 0 ? void 0 : layout.frequencyMax) === 'fetch';
 	const getFrequencyMaxExpression = field => {
@@ -26214,15 +26238,12 @@
 	const popoverStyle = {
 	  pointerEvents: 'none'
 	};
-	const popoverAnchorOrigin = {
-	  vertical: 'top',
-	  horizontal: 'right'
-	};
 	const popoverTransformOrigin = {
 	  vertical: 'bottom',
 	  horizontal: 'right'
 	};
 	function ActionsToolbar(_ref3) {
+	  var _popover$anchorEl$cli, _popover$anchorEl;
 	  let {
 	    show = true,
 	    actions = [],
@@ -26261,6 +26282,10 @@
 	  const dividerStyle = reactExports.useMemo(() => ({
 	    margin: theme.spacing(0.5, 0)
 	  }));
+	  const popoverAnchorOrigin = {
+	    vertical: 15,
+	    horizontal: ((_popover$anchorEl$cli = (_popover$anchorEl = popover.anchorEl) === null || _popover$anchorEl === void 0 ? void 0 : _popover$anchorEl.clientWidth) !== null && _popover$anchorEl$cli !== void 0 ? _popover$anchorEl$cli : 0) - 7
+	  };
 	  const getEnabledButton = last => {
 	    const actionsElement = actionsRef.current || actionsRefMock;
 	    if (!actionsElement) return null;
@@ -28475,19 +28500,20 @@
 	  listboxWrapper: "".concat(PREFIX$4, "-listboxWrapper")
 	};
 	const StyledGrid$3 = styled$1(Grid$1, {
-	  shouldForwardProp: p => !['containerPadding'].includes(p)
+	  shouldForwardProp: p => !['containerPadding', 'hasIcon'].includes(p)
 	})(_ref => {
 	  var _theme$listBox$backgr, _theme$listBox;
 	  let {
 	    theme,
-	    containerPadding
+	    containerPadding,
+	    hasIcon
 	  } = _ref;
 	  return {
 	    backgroundColor: (_theme$listBox$backgr = (_theme$listBox = theme.listBox) === null || _theme$listBox === void 0 ? void 0 : _theme$listBox.backgroundColor) !== null && _theme$listBox$backgr !== void 0 ? _theme$listBox$backgr : theme.palette.background.default,
 	    ["& .".concat(classes$4.listBoxHeader)]: {
 	      alignSelf: 'center',
 	      display: 'flex',
-	      width: "calc(100% - ".concat(BUTTON_ICON_WIDTH, "px)")
+	      width: "calc(100% - ".concat(hasIcon ? BUTTON_ICON_WIDTH : 0, "px)")
 	    },
 	    ["& .".concat(classes$4.screenReaderOnly)]: {
 	      position: 'absolute',
@@ -28618,9 +28644,6 @@
 	  reactExports.useEffect(() => {
 	    const show = () => {
 	      setShowToolbar(true);
-	      if (search === 'toggle' && toolbar === false) {
-	        setShowSearch(true);
-	      }
 	    };
 	    const hide = () => {
 	      setShowToolbar(false);
@@ -28728,7 +28751,8 @@
 	    onKeyDown: handleKeyDown,
 	    onMouseEnter: handleOnMouseEnter,
 	    onMouseLeave: handleOnMouseLeave,
-	    ref: containerRef
+	    ref: containerRef,
+	    hasIcon: showIcons
 	  }, toolbar && /*#__PURE__*/React.createElement(Grid$1, {
 	    item: true,
 	    container: true,