@entur-partner/common 11.2.0 → 11.2.4

package/dist/ActionBar.d.ts

@@ -1,6 +1,6 @@
 import "./ActionBar.scss";
 import { type ReactNode } from "react";
-export interface ActionBarProps {
+interface ActionBarProps {
     children: ReactNode;
 }
 declare const ActionBarLeft: ({ children }: ActionBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/AuditInfo.d.ts

@@ -10,5 +10,8 @@ export interface AuditInfoProps {
     className?: string;
     [key: string]: object | string | number | boolean | undefined;
 }
+/**
+ * @deprecated Only Product Frontend uses this component. Consider to move it there.
+ */
 export declare const AuditInfo: FC<AuditInfoProps>;
 export {};

package/dist/Box.d.ts

@@ -52,5 +52,9 @@ export interface BoxProps {
 }
 type ResponsiveProp = string | [string?, string?, string?];
 export declare function responsiveProp(prefix: string, prop: ResponsiveProp): string[];
+/**
+ *
+ * @deprecated  Consider to use Tailwind or similar utility-first CSS framework instead.
+ */
 export declare const Box: ({ as: Component, children, contrast, paddingTop, paddingRight, paddingBottom, paddingLeft, paddingX, paddingY, padding, marginTop, marginRight, marginBottom, marginLeft, marginX, marginY, margin, display, justifyContent, alignItems, maxWidth, width, background, color, flexDirection, flexWrap, className, ...rest }: BoxProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ErrorBoundary.d.ts

@@ -18,5 +18,4 @@ export declare class ErrorBoundary extends Component<Props, State> {
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }
-export declare const LANGUAGE_STORAGE_KEY = "EP::locale";
 export {};

package/dist/ExpandableMultiLanguageInput.d.ts

@@ -13,5 +13,8 @@ type ExpandableMultiLanguageInputProps = {
     feedback?: (lang: LanguageKey) => string;
     [key: string]: object | string | number | boolean | undefined;
 };
+/**
+ * @deprecated No longer in use by anyone.
+ */
 export declare const ExpandableMultiLanguageInput: ({ title, inputComponent: InputComponent, languages, values, onChange, name, variant, feedback, ...rest }: ExpandableMultiLanguageInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/FeatureToggle.d.ts

@@ -11,11 +11,12 @@ export declare function featureFlag(flag: string): boolean;
  * 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.
  */
 export declare function useFeatureToggle(flag: string): boolean;
-export interface FeatureToggleProps {
+interface FeatureToggleProps {
     /** Visible if flag exist, hidden if not.*/
     children: ReactNode;
     /** Case sensitive flag. If it is an environment variable
@@ -23,3 +24,4 @@ export interface FeatureToggleProps {
     flag: string;
 }
 export declare const FeatureToggle: ({ children, flag }: FeatureToggleProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/FormatCurrencyAmount.d.ts

@@ -4,4 +4,8 @@ export interface FormatCurrencyAmountProps {
     as?: "span" | ElementType;
     [key: string]: object | string | number | boolean | undefined;
 }
+/**
+ *
+ * @deprecated Moved to @entur-partner/util as a function instead.
+ */
 export declare const FormatCurrencyAmount: FC<FormatCurrencyAmountProps>;

package/dist/FormatDateTime.d.ts

@@ -1,7 +1,12 @@
 import { type FC } from "react";
-export interface FormatDateTimeProps {
+interface FormatDateTimeProps {
     date: string | Date;
     locale: string;
     [key: string]: any;
 }
+/**
+ *
+ * @deprecated Consider to use localeDate and localeDateTime functions from @entur-partner/util instead.
+ */
 export declare const FormatDateTime: FC<FormatDateTimeProps>;
+export {};

package/dist/LanguageSelect.d.ts

@@ -6,11 +6,16 @@ export interface LanguageOption {
     label: string;
     required: boolean;
 }
-export interface LanguageSelectProps {
+interface LanguageSelectProps {
     language: string;
     options: LanguageOption[];
     className?: string;
     onChange: (language: string) => void;
     [key: string]: object | string | number | boolean | undefined;
 }
+/**
+ *
+ * @deprecated This component is no longer in use by anyone.
+ */
 export declare const LanguageSelect: FC<LanguageSelectProps>;
+export {};

package/dist/Link.d.ts

@@ -2,5 +2,9 @@ import { type FC } from "react";
 import { type LinkProps } from "react-router-dom";
 interface Props extends LinkProps {
 }
+/**
+ *
+ * @deprecated Use Link from react-router instead.
+ */
 export declare const Link: FC<Props>;
 export {};

package/dist/LinkButton.d.ts

@@ -1,8 +1,12 @@
 import "./LinkButton.scss";
 import { type ReactNode } from "react";
-export interface LinkButtonProps {
+interface LinkButtonProps {
     children: ReactNode;
     className?: string;
     [key: string]: object | string | number | boolean | undefined | ReactNode;
 }
+/**
+ * @deprecated LinkButton is not UU compliant and should be replaced with a regular Link or Button component depending on the use case.
+ */
 export declare const LinkButton: ({ children, className, ...rest }: LinkButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/MultiLanguageInput.d.ts

@@ -5,7 +5,7 @@ import { type LanguageOption } from "./LanguageSelect";
 type Values = {
     [key: string]: string;
 };
-export interface MultiLanguageInputProps {
+interface MultiLanguageInputProps {
     className?: string;
     onBlur?: (e: FocusEvent<HTMLDivElement>) => void;
     inputComponent: ElementType;
@@ -22,7 +22,7 @@ export interface MultiLanguageInputProps {
     [key: string]: object | string | number | boolean | undefined;
 }
 /**
- * @deprecated use ExpandableMultiLanguageInput
+ * @deprecated No longer in use by anyone.
  */
 export declare const MultiLanguageInput: FC<MultiLanguageInputProps>;
 export {};

package/dist/Stack.d.ts

@@ -1,9 +1,13 @@
 /** biome-ignore-all lint/suspicious/noArrayIndexKey: Ignore for now. Should be tested properly before doing changes */
 import { type ReactNode } from "react";
 import { type ResponsiveStyleSpacing } from "./Box";
-export interface StackProps {
+interface StackProps {
     className?: string;
     children: ReactNode;
     space: ResponsiveStyleSpacing;
 }
+/**
+ * @deprecated Consider to use Tailwind or CSS/SCSS directly.
+ */
 export declare const Stack: ({ children, space, className }: StackProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/StatusLabel.d.ts

@@ -7,5 +7,8 @@ interface StatusLabelProps {
     showBullet?: boolean;
     center?: boolean;
 }
+/**
+ * @deprecated Consider to copy component for own usage or use entur design system.
+ */
 export declare const StatusLabel: FC<StatusLabelProps>;
 export {};

package/dist/Text.d.ts

@@ -16,5 +16,9 @@ export interface TextProps {
     fontWeight?: StyleFontWeight;
     [key: string]: any;
 }
+/**
+ *
+ * @deprecated Use Entur design system Text component.
+ */
 export declare const Text: ({ as: component, children, fontSize, color, lineHeight, fontWeight, className, ...rest }: TextProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Unbutton.d.ts

@@ -3,5 +3,8 @@ import { Button, type ButtonProps } from "@entur/button";
 import { type FC } from "react";
 interface UnbuttonProps extends Omit<ButtonProps<typeof Button>, "variant"> {
 }
+/**
+ * @deprecated Consider to copy component for own usage.
+ */
 export declare const Unbutton: FC<UnbuttonProps>;
 export {};

package/dist/common.cjs.development.js

@@ -72,6 +72,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,
@@ -95,6 +99,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,
@@ -162,6 +170,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,
@@ -186,6 +197,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,
@@ -457,6 +471,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,
@@ -524,6 +541,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.
  */
@@ -533,7 +551,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 jsxRuntime.jsx(jsxRuntime.Fragment, {
       children: children
@@ -543,6 +561,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,
@@ -559,6 +581,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,
@@ -589,6 +615,10 @@ var LanguageSelect = function LanguageSelect(_ref) {
   }));
 };
 
+/**
+ *
+ * @deprecated Use Link from react-router instead.
+ */
 var Link = function Link(props) {
   return jsxRuntime.jsx(typography.Link, _extends({}, props, {
     as: reactRouterDom.Link,
@@ -597,6 +627,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,
@@ -622,7 +655,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,
@@ -699,16 +732,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 +746,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));
 };
 
 /**
@@ -870,6 +873,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,
@@ -896,6 +902,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,
@@ -921,6 +931,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,