@entur-partner/common 11.2.0 → 11.2.4

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';
@@ -67,6 +67,10 @@ function _setPrototypeOf(t, e) {
 }
 
 var _excluded$e = ["date", "locale", "as", "hideTime"];
+/**
+ *
+ * @deprecated Consider to use localeDate and localeDateTime functions from @entur-partner/util instead.
+ */
 var FormatDateTime = function FormatDateTime(_ref) {
   var date = _ref.date,
     locale = _ref.locale,
@@ -90,6 +94,10 @@ function responsiveProp(prefix, prop) {
   }
   return [prefix + prop];
 }
+/**
+ *
+ * @deprecated  Consider to use Tailwind or similar utility-first CSS framework instead.
+ */
 var Box = function Box(_ref) {
   var _ref$as = _ref.as,
     Component = _ref$as === void 0 ? "div" : _ref$as,
@@ -157,6 +165,9 @@ var Box = function Box(_ref) {
   }));
 };
 
+/**
+ * @deprecated Consider to use Tailwind or CSS/SCSS directly.
+ */
 var Stack = function Stack(_ref) {
   var children = _ref.children,
     space = _ref.space,
@@ -181,6 +192,9 @@ var Stack = function Stack(_ref) {
 };
 
 var _excluded$c = ["items", "locale", "className"];
+/**
+ * @deprecated Only Product Frontend uses this component. Consider to move it there.
+ */
 var AuditInfo = function AuditInfo(_ref) {
   var items = _ref.items,
     locale = _ref.locale,
@@ -452,6 +466,9 @@ function RefreshBannerInfo() {
 }
 
 var _excluded$9 = ["title", "inputComponent", "languages", "values", "onChange", "name", "variant", "feedback"];
+/**
+ * @deprecated No longer in use by anyone.
+ */
 var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
   var title = _ref.title,
     InputComponent = _ref.inputComponent,
@@ -519,6 +536,7 @@ function featureFlag(flag) {
  * Returns true if the provided flag exist in localStorage
  * or is set as an environment variable.
  *
+ * @deprecated use featureFlag instead.
  * @param flag case sensitive flag. If it is an environment variable
  * you can drop the VITE_APP_ prefix.
  */
@@ -528,7 +546,7 @@ function useFeatureToggle(flag) {
 var FeatureToggle = function FeatureToggle(_ref) {
   var children = _ref.children,
     flag = _ref.flag;
-  var feature = useFeatureToggle(flag);
+  var feature = featureFlag(flag);
   if (feature) {
     return jsx(Fragment, {
       children: children
@@ -538,6 +556,10 @@ var FeatureToggle = function FeatureToggle(_ref) {
 };
 
 var _excluded$8 = ["amount", "as"];
+/**
+ *
+ * @deprecated Moved to @entur-partner/util as a function instead.
+ */
 var FormatCurrencyAmount = function FormatCurrencyAmount(_ref) {
   var amount = _ref.amount,
     _ref$as = _ref.as,
@@ -554,6 +576,10 @@ var FormatCurrencyAmount = function FormatCurrencyAmount(_ref) {
 };
 
 var _excluded$7 = ["language", "options", "className", "onChange"];
+/**
+ *
+ * @deprecated This component is no longer in use by anyone.
+ */
 var LanguageSelect = function LanguageSelect(_ref) {
   var language = _ref.language,
     options = _ref.options,
@@ -584,6 +610,10 @@ var LanguageSelect = function LanguageSelect(_ref) {
   }));
 };
 
+/**
+ *
+ * @deprecated Use Link from react-router instead.
+ */
 var Link = function Link(props) {
   return jsx(Link$2, _extends({}, props, {
     as: Link$1,
@@ -592,6 +622,9 @@ var Link = function Link(props) {
 };
 
 var _excluded$6 = ["children", "className"];
+/**
+ * @deprecated LinkButton is not UU compliant and should be replaced with a regular Link or Button component depending on the use case.
+ */
 var LinkButton = function LinkButton(_ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -617,7 +650,7 @@ var Menu = function Menu(_ref) {
 
 var _excluded$5 = ["className", "inputComponent", "alertLabel", "alertLevel", "name", "languages", "values", "onChange", "defaultLanguage", "label", "onBlur"];
 /**
- * @deprecated use ExpandableMultiLanguageInput
+ * @deprecated No longer in use by anyone.
  */
 var MultiLanguageInput = function MultiLanguageInput(_ref) {
   var className = _ref.className,
@@ -694,16 +727,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 +741,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));
 };
 
 /**
@@ -865,6 +868,9 @@ var RouteLeavingGuard = function RouteLeavingGuard(_ref) {
   }));
 };
 
+/**
+ * @deprecated Consider to copy component for own usage or use entur design system.
+ */
 var StatusLabel = function StatusLabel(_ref) {
   var _ref$active = _ref.active,
     active = _ref$active === void 0 ? false : _ref$active,
@@ -891,6 +897,10 @@ var StatusLabel = function StatusLabel(_ref) {
 };
 
 var _excluded$2 = ["as", "children", "fontSize", "color", "lineHeight", "fontWeight", "className"];
+/**
+ *
+ * @deprecated Use Entur design system Text component.
+ */
 var Text = function Text(_ref) {
   var _ref$as = _ref.as,
     component = _ref$as === void 0 ? "span" : _ref$as,
@@ -916,6 +926,9 @@ var Text = function Text(_ref) {
 };
 
 var _excluded$1 = ["children", "className"];
+/**
+ * @deprecated Consider to copy component for own usage.
+ */
 var Unbutton = function Unbutton(_ref) {
   var children = _ref.children,
     className = _ref.className,