feat: add property for auto confirm selections

examples/filterpane-dev-mashup/package.json

@@ -9,7 +9,7 @@
   "dependencies": {
     "@nebula.js/sn-filter-pane": "0.9.1",
     "@nebula.js/sn-table": "2.2.3",
-    "@nebula.js/stardust": "4.0.0-alpha.10",
+    "@nebula.js/stardust": "4.4.0",
     "enigma.js": "2.9.0"
   },
   "devDependencies": {

packages/sn-filter-pane/core/package.json

@@ -1,7 +1,7 @@
 {
   "module": "esm/index.js",
   "peerDependencies": {
-    "@nebula.js/stardust": "4.3.0",
+    "@nebula.js/stardust": "4.4.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   }

packages/sn-filter-pane/package.json

@@ -85,7 +85,7 @@
     "typescript": "5.1.6"
   },
   "peerDependencies": {
-    "@nebula.js/stardust": ">=4.1.0"
+    "@nebula.js/stardust": ">=4.4.0"
   },
   "dependencies": {
     "@mui/icons-material": "5.14.3",

packages/sn-filter-pane/src/ext/property-panel/data/data-panel/index.ts

@@ -72,28 +72,27 @@ export default function getDataPanelItems(env: IEnv) {
         },
       },
     },
-    searchGroup: {
+    showSearch: {
+      ref: 'searchEnabled',
+      type: 'boolean',
+      component: 'switch',
+      translation: 'properties.filterpane.searchField',
+      options: [
+        {
+          value: true,
+          translation: 'properties.show',
+        },
+        {
+          value: false,
+          translation: 'properties.hide',
+        },
+      ],
+      defaultValue: true,
+    },
+    wildCardSearchGroup: {
       type: 'items',
-      translation: 'properties.filterpane.searchMode',
-      grouped: false,
+      grouped: env?.flags?.isEnabled('IM_4072_FILTERPANE_SETTINGS'), // show a bottom border only if the below option (autoConfirm) is visible
       items: {
-        showSearch: {
-          ref: 'searchEnabled',
-          type: 'boolean',
-          component: 'switch',
-          translation: 'properties.filterpane.searchField',
-          options: [
-            {
-              value: true,
-              translation: 'properties.show',
-            },
-            {
-              value: false,
-              translation: 'properties.hide',
-            },
-          ],
-          defaultValue: true,
-        },
         wildCardSearch: {
           translation: 'properties.filterpane.searchMode',
           ref: 'wildCardSearch',
@@ -115,6 +114,15 @@ export default function getDataPanelItems(env: IEnv) {
         },
       },
     },
+    autoConfirm: {
+      ref: 'autoConfirm',
+      component: 'checkbox',
+      translation: 'properties.filterpane.autoConfirm',
+      defaultValue: false,
+      show() {
+        return env?.flags?.isEnabled('IM_4072_FILTERPANE_SETTINGS');
+      },
+    },
     otherSettings: {
       translation: 'Accordion',
       component: 'expandable-items',

packages/sn-listbox/core/package.json

@@ -1,7 +1,7 @@
 {
   "module": "esm/index.js",
   "peerDependencies": {
-    "@nebula.js/stardust": "^3.1.0-alpha.0 || ^4.0.0",
+    "@nebula.js/stardust": ">=4.4.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   }

packages/sn-listbox/package.json

@@ -71,6 +71,6 @@
     "typescript": "5.1.6"
   },
   "peerDependencies": {
-    "@nebula.js/stardust": ">=4.1.0"
+    "@nebula.js/stardust": ">=4.4.0"
   }
 }