@entur-partner/common 11.1.2 → 11.1.3

package/dist/common.esm.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { localeDate, localeDateTime, isDate, isDateString, splitUrlPath, isString, isFunction, assertIsDefined, hasAllPermissions, hasOneOfPermissions } from '@entur-partner/util';
 import cx from 'classnames';
-import { Children, Component, useState, useRef, useEffect } from 'react';
+import { Children, Component, useState, useEffect, useRef } from 'react';
 import { BreadcrumbItem, BreadcrumbNavigation, Pagination } from '@entur/menu';
 import { Link as Link$1, useInRouterContext, useBlocker } from 'react-router-dom';
 import { ButtonGroup, SecondaryButton, PrimaryButton, Button } from '@entur/button';
@@ -694,16 +694,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 = useRef(null);
   var _useState = useState(),
     selectedOrganisation = _useState[0],
     setSelectedOrganisation = _useState[1];
@@ -712,53 +708,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.
-    jsx("div", {
-      ref: wrapperRef,
-      onMouseDown: handleMouseDown,
-      onMouseUp: handleMouseUp,
-      children: jsx(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 jsx(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));
 };
 
 /**