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

package/core/esm/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.
 */
@@ -1493,6 +1493,26 @@ var Selection_SelectPossible = {
 		"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: {
@@ -1664,6 +1684,7 @@ var all = {
 	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,
@@ -8043,7 +8064,7 @@ function create$3(definition) {
   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', ''));
 });
@@ -8251,7 +8272,7 @@ function boot(_ref2) {
   const appRef = React__default.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);
@@ -12959,7 +12980,10 @@ const escapeField = field => {
   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 => {
@@ -13729,15 +13753,12 @@ const ActionsGroup = React__default.forwardRef((_ref2, ref) => {
 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 = [],
@@ -13776,6 +13797,10 @@ function ActionsToolbar(_ref3) {
   const dividerStyle = useMemo$1(() => ({
     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;
@@ -15990,19 +16015,20 @@ const classes$4 = {
   listboxWrapper: "".concat(PREFIX$4, "-listboxWrapper")
 };
 const StyledGrid$3 = styled$1(Grid, {
-  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',
@@ -16133,9 +16159,6 @@ function ListBoxInline(_ref3) {
   useEffect$1(() => {
     const show = () => {
       setShowToolbar(true);
-      if (search === 'toggle' && toolbar === false) {
-        setShowSearch(true);
-      }
     };
     const hide = () => {
       setShowToolbar(false);
@@ -16243,7 +16266,8 @@ function ListBoxInline(_ref3) {
     onKeyDown: handleKeyDown,
     onMouseEnter: handleOnMouseEnter,
     onMouseLeave: handleOnMouseLeave,
-    ref: containerRef
+    ref: containerRef,
+    hasIcon: showIcons
   }, toolbar && /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     container: true,