@descope/web-components-ui 1.0.260 → 1.0.262

package/dist/cjs/index.cjs.js

@@ -1020,6 +1020,7 @@ const createProxy = ({
   excludeAttrsSync = [],
   includeAttrsSync = [],
   includeForwardProps = [],
+  delegatesFocus = true,
 }) => {
   class ProxyClass extends createBaseClass({ componentName, baseSelector: wrappedEleName }) {
     #dispatchBlur = createDispatchEvent.bind(this, 'blur');
@@ -1027,7 +1028,7 @@ const createProxy = ({
     #dispatchFocus = createDispatchEvent.bind(this, 'focus');
 
     constructor() {
-      super().attachShadow({ mode: 'open', delegatesFocus: true }).innerHTML = `
+      super().attachShadow({ mode: 'open', delegatesFocus }).innerHTML = `
 			<style id="create-proxy">${isFunction(style) ? style() : style}</style>
 			<${wrappedEleName}>
 			${slots
@@ -8769,6 +8770,7 @@ const GridClass = compose(
   GridMixin
 )(
   createProxy({
+    delegatesFocus: false,
     slots: [''],
     wrappedEleName: 'vaadin-grid',
     style: () => `
@@ -9141,17 +9143,26 @@ const multiSelectComboBoxMixin = (superclass) =>
       });
     }
 
+    // To prevent duplicate items for the multi select options, we dedup them based on the "data-id" attribute
+    // eslint-disable-next-line class-methods-use-this
+    #dedupItems(items) {
+      return Array.from(
+        new Map(items.map((item) => [item.getAttribute('data-id'), item])).values()
+      );
+    }
+
     // vaadin api is to set props on their combo box node,
     // in order to avoid it, we are passing the children of this component
     // to the items & renderer props, so it will be used as the combo box items
     #onChildrenChange() {
       const items = Array.from(this.children);
+      const dedupItems = this.#dedupItems(items);
 
       // we want the data-name attribute to be accessible as an object attribute
       if (items.length) {
         this.removeAttribute('has-no-options');
 
-        items.forEach((node) => {
+        dedupItems.forEach((node) => {
           Object.defineProperty(node, 'data-name', {
             value: node.getAttribute('data-name'),
             configurable: true,
@@ -9164,7 +9175,7 @@ const multiSelectComboBoxMixin = (superclass) =>
           });
         });
 
-        this.baseElement.items = items;
+        this.baseElement.items = dedupItems;
 
         setTimeout(() => {
           // set timeout to ensure this runs after customValueTransformFn had the chance to be overriden