@entur-partner/common 11.1.1 → 11.1.3

package/dist/common.cjs.development.js

@@ -699,16 +699,12 @@ var MultiLanguageInput = function MultiLanguageInput(_ref) {
 };
 
 var _excluded$4 = ["label", "organisations", "onChange", "selectedOrganisationId"];
-function isInShadowDom(el) {
-  return (el == null ? void 0 : el.getRootNode()) instanceof ShadowRoot;
-}
 var OrganisationDropDown = function OrganisationDropDown(_ref) {
   var label = _ref.label,
     organisations = _ref.organisations,
     handleChange = _ref.onChange,
     selectedOrganisationId = _ref.selectedOrganisationId,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-  var wrapperRef = react.useRef(null);
   var _useState = react.useState(),
     selectedOrganisation = _useState[0],
     setSelectedOrganisation = _useState[1];
@@ -717,53 +713,27 @@ var OrganisationDropDown = function OrganisationDropDown(_ref) {
       return org.organisationId === selectedOrganisationId;
     }));
   }, [selectedOrganisationId, organisations]);
-  var handleMouseDown = function handleMouseDown(e) {
-    if (!isInShadowDom(wrapperRef.current)) return;
-    // In shadow DOM, mouse events are retargeted at the shadow boundary,
-    // causing downshift's window-level outside-click detection to misidentify
-    // clicks within the dropdown as outside clicks. Stop propagation to prevent
-    // the retargeted event from reaching window-level listeners.
-    e.nativeEvent.stopPropagation();
-    // Prevent default on non-input elements to stop the browser from moving
-    // focus away from the combobox input, which would trigger a blur that
-    // closes the dropdown before the click event can register a selection.
-    if (e.target.tagName !== "INPUT") {
-      e.preventDefault();
-    }
-  };
-  var handleMouseUp = function handleMouseUp(e) {
-    if (!isInShadowDom(wrapperRef.current)) return;
-    e.nativeEvent.stopPropagation();
-  };
-  return (
-    // biome-ignore lint/a11y/noStaticElementInteractions: Temporary fix. See comment above. Will be fixed in design system level in the future.
-    jsxRuntime.jsx("div", {
-      ref: wrapperRef,
-      onMouseDown: handleMouseDown,
-      onMouseUp: handleMouseUp,
-      children: jsxRuntime.jsx(dropdown.SearchableDropdown, _extends({
-        label: label,
-        items: [].concat(organisations.sort(function (a, b) {
-          return a.tradingName.localeCompare(b.tradingName, "nb");
-        }).map(function (organisation) {
-          return {
-            value: organisation.organisationId,
-            label: organisation.tradingName
-          };
-        })),
-        selectedItem: selectedOrganisation ? {
-          value: selectedOrganisation.organisationId,
-          label: selectedOrganisation.tradingName
-        } : null,
-        onChange: function onChange(selectedValue) {
-          if (selectedValue) {
-            handleChange(selectedValue.value);
-          }
-        },
-        clearable: false
-      }, rest))
-    })
-  );
+  return jsxRuntime.jsx(dropdown.SearchableDropdown, _extends({
+    label: label,
+    items: [].concat(organisations.sort(function (a, b) {
+      return a.tradingName.localeCompare(b.tradingName, "nb");
+    }).map(function (organisation) {
+      return {
+        value: organisation.organisationId,
+        label: organisation.tradingName
+      };
+    })),
+    selectedItem: selectedOrganisation ? {
+      value: selectedOrganisation.organisationId,
+      label: selectedOrganisation.tradingName
+    } : null,
+    onChange: function onChange(selectedValue) {
+      if (selectedValue) {
+        handleChange(selectedValue.value);
+      }
+    },
+    clearable: false
+  }, rest));
 };
 
 /**