Merge branch 'master' of github.com:qlik-oss/nebula.js into field-mou…

…nt-promise
qlik-oss · Mar 20, 2023 · 5e7a537 · 5e7a537
2 parents ecfdacb + d97d14a
commit 5e7a537
Show file tree

Hide file tree

Showing 82 changed files with 752 additions and 124 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0-alpha.2](https://github.com/qlik-oss/nebula.js/compare/v4.0.0-alpha.1...v4.0.0-alpha.2) (2023-03-20)
+
+### Bug Fixes
+
+- add tooltip lock button ([#1158](https://github.com/qlik-oss/nebula.js/issues/1158)) ([e8a17b5](https://github.com/qlik-oss/nebula.js/commit/e8a17b5af15e4ded47e21f61fcca05b8302a574c))
+- **deps:** update dependency webpack to v5.76.0 [security] ([#1148](https://github.com/qlik-oss/nebula.js/issues/1148)) ([6b73707](https://github.com/qlik-oss/nebula.js/commit/6b737070c567409ecbf68c734689374b3c22fc48))
+- fix getting listbox theme ([#1156](https://github.com/qlik-oss/nebula.js/issues/1156)) ([ef75133](https://github.com/qlik-oss/nebula.js/commit/ef751334f374bdbb4a9bf4cdc37168c548bbd382))
+- fix set focus on keyboard navigation ([#1151](https://github.com/qlik-oss/nebula.js/issues/1151)) ([17cf57b](https://github.com/qlik-oss/nebula.js/commit/17cf57b3f8e10a26c0a72f275f32f7c0d4604096))
+- grid mode calculations ([#1150](https://github.com/qlik-oss/nebula.js/issues/1150)) ([7881c72](https://github.com/qlik-oss/nebula.js/commit/7881c722760fa514bba589e0d50d6fcc79410d37)), closes [#145](https://github.com/qlik-oss/nebula.js/issues/145) [#144](https://github.com/qlik-oss/nebula.js/issues/144) [#127](https://github.com/qlik-oss/nebula.js/issues/127) [#146](https://github.com/qlik-oss/nebula.js/issues/146)
+- **Listbox:** rtl mode ([#1144](https://github.com/qlik-oss/nebula.js/issues/1144)) ([b25bddc](https://github.com/qlik-oss/nebula.js/commit/b25bddccc45cdcf342b92a3fb322840389334d27))
+- **Listbox:** take searchEnabled and toolbar into account for minHeight ([#1143](https://github.com/qlik-oss/nebula.js/issues/1143)) ([c664dfe](https://github.com/qlik-oss/nebula.js/commit/c664dfe689fb05a2827c933b8eaeab1b71e6cf24))
+
+### Features
+
+- fetch frequencyMax ([#1152](https://github.com/qlik-oss/nebula.js/issues/1152)) ([2589a93](https://github.com/qlik-oss/nebula.js/commit/2589a93ff2d079d28cca6a59115a8b621175a572))
+
 # [4.0.0-alpha.1](https://github.com/qlik-oss/nebula.js/compare/v4.0.0-alpha.0...v4.0.0-alpha.1) (2023-03-15)
 
 ### Bug Fixes

diff --git a/apis/conversion/CHANGELOG.md b/apis/conversion/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0-alpha.2](https://github.com/qlik-oss/nebula.js/compare/v4.0.0-alpha.1...v4.0.0-alpha.2) (2023-03-20)
+
+**Note:** Version bump only for package @nebula.js/conversion
+
 # [4.0.0-alpha.1](https://github.com/qlik-oss/nebula.js/compare/v4.0.0-alpha.0...v4.0.0-alpha.1) (2023-03-15)
 
 **Note:** Version bump only for package @nebula.js/conversion

diff --git a/apis/conversion/package.json b/apis/conversion/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nebula.js/conversion",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.2",
   "private": true,
   "main": "src/index.js",
   "devDependencies": {

diff --git a/apis/enigma-mocker/CHANGELOG.md b/apis/enigma-mocker/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0-alpha.2](https://github.com/qlik-oss/nebula.js/compare/v4.0.0-alpha.1...v4.0.0-alpha.2) (2023-03-20)
+
+**Note:** Version bump only for package @nebula.js/enigma-mocker
+
 # [4.0.0-alpha.1](https://github.com/qlik-oss/nebula.js/compare/v4.0.0-alpha.0...v4.0.0-alpha.1) (2023-03-15)
 
 **Note:** Version bump only for package @nebula.js/enigma-mocker

diff --git a/apis/enigma-mocker/package.json b/apis/enigma-mocker/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nebula.js/enigma-mocker",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.2",
   "private": true,
   "main": "src/index.js",
   "devDependencies": {

diff --git a/apis/locale/CHANGELOG.md b/apis/locale/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0-alpha.2](https://github.com/qlik-oss/nebula.js/compare/v4.0.0-alpha.1...v4.0.0-alpha.2) (2023-03-20)
+
+### Bug Fixes
+
+- add tooltip lock button ([#1158](https://github.com/qlik-oss/nebula.js/issues/1158)) ([e8a17b5](https://github.com/qlik-oss/nebula.js/commit/e8a17b5af15e4ded47e21f61fcca05b8302a574c))
+
 # [4.0.0-alpha.1](https://github.com/qlik-oss/nebula.js/compare/v4.0.0-alpha.0...v4.0.0-alpha.1) (2023-03-15)
 
 **Note:** Version bump only for package @nebula.js/locale

diff --git a/apis/locale/locales/de.json b/apis/locale/locales/de.json
@@ -149,6 +149,10 @@
     "comment": "Action text to select possible selections",
     "version": "UYEx1K96g9h4HCK3GH/6kg=="
   },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Klicken zum Freigeben",
+    "comment": "Unlock a selection from listbox"
+  },
   "Visualization.Incomplete": {
     "value": "Unvollständige Visualisierung",
     "comment": "Status text shown when a visualization is incomplete",

diff --git a/apis/locale/locales/en-US.json b/apis/locale/locales/en-US.json
@@ -119,6 +119,10 @@
     "value": "Select possible",
     "comment": "Action text to select possible selections"
   },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Click to unlock",
+    "comment": "Unlock a selection from listbox"
+  },
   "Visualization.LayoutError": {
     "value": "Error",
     "comment": "Status text shown when a visualization has layout errors"

diff --git a/apis/locale/locales/es.json b/apis/locale/locales/es.json
@@ -149,6 +149,10 @@
     "comment": "Action text to select possible selections",
     "version": "UYEx1K96g9h4HCK3GH/6kg=="
   },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Haga clic para desbloquearla",
+    "comment": "Unlock a selection from listbox"
+  },
   "Visualization.Incomplete": {
     "value": "Visualización incompleta",
     "comment": "Status text shown when a visualization is incomplete",

diff --git a/apis/locale/locales/fr.json b/apis/locale/locales/fr.json
@@ -149,6 +149,10 @@
     "comment": "Action text to select possible selections",
     "version": "UYEx1K96g9h4HCK3GH/6kg=="
   },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Cliquez pour déverrouiller",
+    "comment": "Unlock a selection from listbox"
+  },
   "Visualization.Incomplete": {
     "value": "Visualisation incomplète",
     "comment": "Status text shown when a visualization is incomplete",

diff --git a/apis/locale/locales/it.json b/apis/locale/locales/it.json
@@ -149,6 +149,10 @@
     "comment": "Action text to select possible selections",
     "version": "UYEx1K96g9h4HCK3GH/6kg=="
   },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Fare clic per sbloccare",
+    "comment": "Unlock a selection from listbox"
+  },
   "Visualization.Incomplete": {
     "value": "Visualizzazione incompleta",
     "comment": "Status text shown when a visualization is incomplete",

diff --git a/apis/locale/locales/ja.json b/apis/locale/locales/ja.json
@@ -149,6 +149,10 @@
     "comment": "Action text to select possible selections",
     "version": "UYEx1K96g9h4HCK3GH/6kg=="
   },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "クリックしてロック解除",
+    "comment": "Unlock a selection from listbox"
+  },
   "Visualization.Incomplete": {
     "value": "未完了のビジュアライゼーション",
     "comment": "Status text shown when a visualization is incomplete",

diff --git a/apis/locale/locales/ko.json b/apis/locale/locales/ko.json
@@ -149,6 +149,10 @@
     "comment": "Action text to select possible selections",
     "version": "UYEx1K96g9h4HCK3GH/6kg=="
   },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "잠금을 해제하려면 클릭하십시오.",
+    "comment": "Unlock a selection from listbox"
+  },
   "Visualization.Incomplete": {
     "value": "완료되지 않은 시각화",
     "comment": "Status text shown when a visualization is incomplete",

diff --git a/apis/locale/locales/nl.json b/apis/locale/locales/nl.json
@@ -149,6 +149,10 @@
     "comment": "Action text to select possible selections",
     "version": "UYEx1K96g9h4HCK3GH/6kg=="
   },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Klik om te ontgrendelen",
+    "comment": "Unlock a selection from listbox"
+  },
   "Visualization.Incomplete": {
     "value": "Onvolledige visualisatie",
     "comment": "Status text shown when a visualization is incomplete",

diff --git a/apis/locale/locales/pl.json b/apis/locale/locales/pl.json
@@ -149,6 +149,10 @@
     "comment": "Action text to select possible selections",
     "version": "UYEx1K96g9h4HCK3GH/6kg=="
   },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Aby odblokować, kliknij",
+    "comment": "Unlock a selection from listbox"
+  },
   "Visualization.Incomplete": {
     "value": "Niekompletna wizualizacja",
     "comment": "Status text shown when a visualization is incomplete",

diff --git a/apis/locale/locales/pt.json b/apis/locale/locales/pt.json
@@ -149,6 +149,10 @@
     "comment": "Action text to select possible selections",
     "version": "UYEx1K96g9h4HCK3GH/6kg=="
   },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Clique para destravar",
+    "comment": "Unlock a selection from listbox"
+  },
   "Visualization.Incomplete": {
     "value": "Visualização incompleta",
     "comment": "Status text shown when a visualization is incomplete",

diff --git a/apis/locale/locales/ru.json b/apis/locale/locales/ru.json
@@ -149,6 +149,10 @@
     "comment": "Action text to select possible selections",
     "version": "UYEx1K96g9h4HCK3GH/6kg=="
   },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Щелкните, чтобы разблокировать",
+    "comment": "Unlock a selection from listbox"
+  },
   "Visualization.Incomplete": {
     "value": "Незавершенная визуализация",
     "comment": "Status text shown when a visualization is incomplete",

diff --git a/apis/locale/locales/sv.json b/apis/locale/locales/sv.json
@@ -149,6 +149,10 @@
     "comment": "Action text to select possible selections",
     "version": "UYEx1K96g9h4HCK3GH/6kg=="
   },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Klicka för att låsa upp",
+    "comment": "Unlock a selection from listbox"
+  },
   "Visualization.Incomplete": {
     "value": "Ofullständig visualisering",
     "comment": "Status text shown when a visualization is incomplete",

diff --git a/apis/locale/locales/tr.json b/apis/locale/locales/tr.json
@@ -149,6 +149,10 @@
     "comment": "Action text to select possible selections",
     "version": "UYEx1K96g9h4HCK3GH/6kg=="
   },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Kilidi kaldırmak için tıklayın",
+    "comment": "Unlock a selection from listbox"
+  },
   "Visualization.Incomplete": {
     "value": "Tamamlanmamış görselleştirme",
     "comment": "Status text shown when a visualization is incomplete",

diff --git a/apis/locale/locales/zh-CN.json b/apis/locale/locales/zh-CN.json
@@ -149,6 +149,10 @@
     "comment": "Action text to select possible selections",
     "version": "UYEx1K96g9h4HCK3GH/6kg=="
   },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "单击以解锁",
+    "comment": "Unlock a selection from listbox"
+  },
   "Visualization.Incomplete": {
     "value": "不完整的可视化",
     "comment": "Status text shown when a visualization is incomplete",

diff --git a/apis/locale/locales/zh-TW.json b/apis/locale/locales/zh-TW.json
@@ -149,6 +149,10 @@
     "comment": "Action text to select possible selections",
     "version": "UYEx1K96g9h4HCK3GH/6kg=="
   },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "按一下以解除鎖定",
+    "comment": "Unlock a selection from listbox"
+  },
   "Visualization.Incomplete": {
     "value": "視覺化未完成",
     "comment": "Status text shown when a visualization is incomplete",

diff --git a/apis/locale/package.json b/apis/locale/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nebula.js/locale",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.2",
   "private": true,
   "main": "src/index.js",
   "scripts": {

diff --git a/apis/nucleus/CHANGELOG.md b/apis/nucleus/CHANGELOG.md
@@ -3,6 +3,21 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0-alpha.2](https://github.com/qlik-oss/nebula.js/compare/v4.0.0-alpha.1...v4.0.0-alpha.2) (2023-03-20)
+
+### Bug Fixes
+
+- add tooltip lock button ([#1158](https://github.com/qlik-oss/nebula.js/issues/1158)) ([e8a17b5](https://github.com/qlik-oss/nebula.js/commit/e8a17b5af15e4ded47e21f61fcca05b8302a574c))
+- fix getting listbox theme ([#1156](https://github.com/qlik-oss/nebula.js/issues/1156)) ([ef75133](https://github.com/qlik-oss/nebula.js/commit/ef751334f374bdbb4a9bf4cdc37168c548bbd382))
+- fix set focus on keyboard navigation ([#1151](https://github.com/qlik-oss/nebula.js/issues/1151)) ([17cf57b](https://github.com/qlik-oss/nebula.js/commit/17cf57b3f8e10a26c0a72f275f32f7c0d4604096))
+- grid mode calculations ([#1150](https://github.com/qlik-oss/nebula.js/issues/1150)) ([7881c72](https://github.com/qlik-oss/nebula.js/commit/7881c722760fa514bba589e0d50d6fcc79410d37)), closes [#145](https://github.com/qlik-oss/nebula.js/issues/145) [#144](https://github.com/qlik-oss/nebula.js/issues/144) [#127](https://github.com/qlik-oss/nebula.js/issues/127) [#146](https://github.com/qlik-oss/nebula.js/issues/146)
+- **Listbox:** rtl mode ([#1144](https://github.com/qlik-oss/nebula.js/issues/1144)) ([b25bddc](https://github.com/qlik-oss/nebula.js/commit/b25bddccc45cdcf342b92a3fb322840389334d27))
+- **Listbox:** take searchEnabled and toolbar into account for minHeight ([#1143](https://github.com/qlik-oss/nebula.js/issues/1143)) ([c664dfe](https://github.com/qlik-oss/nebula.js/commit/c664dfe689fb05a2827c933b8eaeab1b71e6cf24))
+
+### Features
+
+- fetch frequencyMax ([#1152](https://github.com/qlik-oss/nebula.js/issues/1152)) ([2589a93](https://github.com/qlik-oss/nebula.js/commit/2589a93ff2d079d28cca6a59115a8b621175a572))
+
 # [4.0.0-alpha.1](https://github.com/qlik-oss/nebula.js/compare/v4.0.0-alpha.0...v4.0.0-alpha.1) (2023-03-15)
 
 ### Bug Fixes

diff --git a/apis/nucleus/package.json b/apis/nucleus/package.json
@@ -1,18 +1,18 @@
 {
   "name": "@nebula.js/nucleus",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.2",
   "private": true,
   "main": "src/index.js",
   "devDependencies": {
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
     "@mui/icons-material": "^5.11.11",
     "@mui/material": "^5.11.11",
-    "@nebula.js/conversion": "^4.0.0-alpha.1",
-    "@nebula.js/locale": "^4.0.0-alpha.1",
-    "@nebula.js/supernova": "^4.0.0-alpha.1",
-    "@nebula.js/theme": "^4.0.0-alpha.1",
-    "@nebula.js/ui": "^4.0.0-alpha.1",
+    "@nebula.js/conversion": "^4.0.0-alpha.2",
+    "@nebula.js/locale": "^4.0.0-alpha.2",
+    "@nebula.js/supernova": "^4.0.0-alpha.2",
+    "@nebula.js/theme": "^4.0.0-alpha.2",
+    "@nebula.js/ui": "^4.0.0-alpha.2",
     "extend": "3.0.2",
     "node-event-emitter": "0.0.1",
     "react": "18.2.0",

diff --git a/apis/nucleus/src/app-theme.js b/apis/nucleus/src/app-theme.js
@@ -8,15 +8,18 @@ const timed = (t, v) =>
 
 const LOAD_THEME_TIMEOUT = 5000;
 
-export default function appTheme({ themes = [], root } = {}) {
+export default function appTheme({ themes = [], loadTheme, root } = {}) {
   const wrappedTheme = themeFn();
 
   const setTheme = async (themeId) => {
-    const found = themes.filter((t) => t.id === themeId)[0];
+    let found = themes.filter((t) => t.id === themeId)[0];
     let muiTheme = themeId === 'dark' ? 'dark' : 'light';
+    if (!found && loadTheme) {
+      found = { load: loadTheme };
+    }
     if (found && found.load) {
       try {
-        const raw = await Promise.race([found.load(), timed(LOAD_THEME_TIMEOUT, { __timedOut: true })]);
+        const raw = await Promise.race([found.load(themeId), timed(LOAD_THEME_TIMEOUT, { __timedOut: true })]);
         if (raw.__timedOut) {
           if (__NEBULA_DEV__) {
             console.warn(`Timeout when loading theme '${themeId}'`); // eslint-disable-line no-console

diff --git a/apis/nucleus/src/components/listbox/ListBox.jsx b/apis/nucleus/src/components/listbox/ListBox.jsx
@@ -183,7 +183,16 @@ export default function ListBox({
   });
 
   let freqIsAllowed = getFrequencyAllowed({ itemWidth: width, layout, frequencyMode });
-  const sizes = getListSizes({ layout, width, height, listCount: unlimitedListCount, count, textWidth, freqIsAllowed });
+  const sizes = getListSizes({
+    layout,
+    width,
+    height,
+    listCount: unlimitedListCount,
+    count,
+    textWidth,
+    freqIsAllowed,
+    checkboxes,
+  });
   if (sizes.columnWidth) {
     // In grid mode, where we have a dynamic item width, get a second opinion on showing/hiding frequency.
     freqIsAllowed = getFrequencyAllowed({ itemWidth: sizes.columnWidth, layout, frequencyMode });

diff --git a/apis/nucleus/src/components/listbox/ListBoxInline.jsx b/apis/nucleus/src/components/listbox/ListBoxInline.jsx
@@ -58,6 +58,7 @@ const Title = styled(Typography)(({ theme }) => ({
   color: theme.listBox?.title?.main?.color,
   fontSize: theme.listBox?.title?.main?.fontSize,
   fontFamily: theme.listBox?.title?.main?.fontFamily,
+  fontWeight: theme.listBox?.title?.main?.fontWeight || 'bold',
 }));
 
 function ListBoxInline({ options, layout }) {
@@ -197,16 +198,16 @@ function ListBoxInline({ options, layout }) {
     selectionState,
   });
 
+  const { wildCardSearch, searchEnabled, layoutOptions = {} } = layout;
   const showTitle = true;
   const showSearchToggle = search === 'toggle' && showSearch;
-  const searchVisible = (search === true || showSearchToggle) && !selectDisabled();
-  const { layoutOptions = {} } = layout;
+  const searchVisible = (search === true || showSearchToggle) && !selectDisabled() && searchEnabled !== false;
   const dense = layoutOptions.dense ?? false;
   const searchHeight = dense ? 27 : 40;
   const extraheight = dense ? 39 : 49;
-  const minHeight = 49 + (searchVisible ? searchHeight : 0) + extraheight;
+  const searchAddHeight = searchVisible ? searchHeight : 0;
+  const minHeight = toolbar ? 49 + searchAddHeight + extraheight : 0;
   const headerHeight = 32;
-  const { wildCardSearch, searchEnabled } = layout;
 
   const onShowSearch = () => {
     const newValue = !showSearch;
@@ -276,8 +277,14 @@ function ListBoxInline({ options, layout }) {
               {showIcons && (
                 <Grid item sx={{ display: 'flex', alignItems: 'center', width: iconsWidth }}>
                   {isLocked ? (
-                    <IconButton tabIndex={-1} onClick={unlock} disabled={selectDisabled()} size="large">
-                      <Lock title={translator.get('Listbox.Unlock')} disableRipple style={{ fontSize: '12px' }} />
+                    <IconButton
+                      title={translator.get('SelectionToolbar.ClickToUnlock')}
+                      tabIndex={-1}
+                      onClick={unlock}
+                      disabled={selectDisabled()}
+                      size="large"
+                    >
+                      <Lock disableRipple style={{ fontSize: '12px' }} />
                     </IconButton>
                   ) : (
                     showSearchIcon && (
@@ -324,7 +331,7 @@ function ListBoxInline({ options, layout }) {
           item
           container
           direction="column"
-          style={{ height: '100%', minHeight: `${minHeight}px` }}
+          style={{ height: '100%', minHeight: '50px' }}
           role="region"
           aria-label={translator.get('Listbox.ResultFilterLabel')}
         >