@entur/utils 1.0.0-beta.0 → 1.0.0-next.0

package/README.md

@@ -1,6 +1,6 @@
 # Utils
 
-This package contains the different utils shared across the Entur Designsystem packages.
+This package contains the different utils shared across the Entur Linje packages.
 
 > ## Think twice before adding stuff here
 >

package/dist/PolymorphicComponent.d.ts

@@ -1,7 +1,4 @@
-/** These polymorphic types are derrived from Ben Ilegbodu's article available at the following link:
- * https://www.benmvp.com/blog/forwarding-refs-polymorphic-react-component-typescript/
- */
-import React from 'react';
+import { default as React } from 'react';
 export type PropsOf<C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>> = JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;
 type AsProp<C extends React.ElementType> = {
     /**

package/dist/breakpoints.scss

@@ -1,4 +1,4 @@
-@use '~@entur/tokens/dist/styles.scss' as t;
+@use '@entur/tokens/dist/styles.scss' as t;
 
 @mixin for-desktop {
   @media screen and (min-width: #{t.$breakpoints-large}) {

package/dist/color-utils.scss

@@ -1,10 +1,12 @@
+@use 'sass:color';
+
 /// Slightly lighten a color
 /// @access public
 /// @param {Color} $color - color to tint
 /// @param {Number} $percentage - percentage of `$color` in returned color
 /// @return {Color}
 @function tint($color, $percentage) {
-  @return mix(white, $color, $percentage);
+  @return color.mix(white, $color, $percentage);
 }
 
 /// Slightly darken a color
@@ -13,5 +15,5 @@
 /// @param {Number} $percentage - percentage of `$color` in returned color
 /// @return {Color}
 @function shade($color, $percentage) {
-  @return mix(black, $color, $percentage);
+  @return color.mix(black, $color, $percentage);
 }

package/dist/getNodeText.d.ts

@@ -0,0 +1 @@
+export declare const getNodeText: (node: React.ReactNode | string | number | string[] | number[]) => string;

package/dist/index.d.ts

@@ -9,3 +9,6 @@ export * from './useOnEscape';
 export * from './useWindowDimensions';
 export * from './ConditionalWrapper';
 export * from './warnAboutMissingStyles';
+export * from './types/variants';
+export * from './getNodeText';
+export * from './useControllableProp';

package/dist/layers.scss

@@ -0,0 +1,11 @@
+// Top-level layer order (lowest to highest precedence)
+@layer core, third-party, components, utilities, app;
+
+// Foundation: resets, design tokens (CSS variables), and base element styles
+@layer core.reset, core.tokens, core.base;
+
+// Third-party: vendor CSS imports, then DS overrides to tame them
+@layer third-party.imports, third-party.overrides;
+
+// Components: primitives (buttons, icons), composites (datepicker, dropdown), then cross-component overrides
+@layer components.primitives, components.composites, components.overrides;

package/dist/mergeRefs.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const mergeRefs: <T extends HTMLElement>(...refs: (import("react").MutableRefObject<T> | import("react").ForwardedRef<T> | undefined)[]) => (node: T) => void;
+export declare const mergeRefs: <T extends HTMLElement>(...refs: (React.MutableRefObject<T> | React.ForwardedRef<T> | ((node: T | null) => void) | undefined)[]) => (node: T) => void;

package/dist/types/variants.d.ts

@@ -0,0 +1 @@
+export type VariantType = 'success' | 'negative' | 'warning' | 'information';

package/dist/useControllableProp.d.ts

@@ -0,0 +1,6 @@
+export type UseControllablePropType<T> = {
+    prop?: T;
+    updater?: (value?: T) => void;
+    defaultValue: T;
+};
+export declare function useControllableProp<T>({ prop, updater, defaultValue, }: UseControllablePropType<T>): [T, (arg: T) => void];

package/dist/useOnClickOutside.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const useOnClickOutside: (refs: React.RefObject<HTMLDivElement>[], handler: () => void) => void;
+import { default as React } from 'react';
+export declare const useOnClickOutside: (refs: (React.RefObject<HTMLElement> | React.MutableRefObject<any>)[], handler: () => void) => void;

package/dist/useOnEscape.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const useOnEscape: (ref: React.RefObject<HTMLElement>, handler: () => void) => void;
+import { default as React } from 'react';
+export declare const useOnEscape: (ref: React.RefObject<any> | React.MutableRefObject<any>, handler: () => void) => void;

package/dist/useRandomId.d.ts

@@ -1 +1,12 @@
+/**
+ * @deprecated Use `useId()` from React directly instead.
+ * Will be removed in a future major version.
+ *
+ * ```diff
+ * - import { useRandomId } from '@entur/utils';
+ * - const id = useRandomId('eds-my-component');
+ * + import { useId } from 'react';
+ * + const id = `eds-my-component${useId()}`;
+ * ```
+ */
 export declare const useRandomId: (prefix?: string) => string;

package/dist/utils.cjs.js

@@ -0,0 +1,180 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const warning = require("tiny-warning");
+function useDebounce(callBack, debounceTime) {
+  const timeoutRef = React.useRef();
+  React.useEffect(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+  const debouncedFunc = (...args) => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    timeoutRef.current = setTimeout(() => {
+      callBack(...args);
+    }, debounceTime);
+  };
+  return debouncedFunc;
+}
+const useRandomId = (prefix) => {
+  const id = React.useId();
+  return prefix ? `${prefix}${id}` : id;
+};
+function useOnMount(callback) {
+  const hasRun = React.useRef(false);
+  React.useEffect(() => {
+    if (!hasRun.current) {
+      hasRun.current = true;
+      callback();
+    }
+  }, [callback]);
+}
+const mergeRefs = (...refs) => {
+  return (node) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref) ref.current = node;
+    }
+  };
+};
+const useForceUpdate = () => {
+  const [_, setValue] = React.useState(0);
+  return () => setValue((value) => value + 1);
+};
+const useOnClickOutside = (refs, handler) => {
+  React.useEffect(() => {
+    const listener = (event) => {
+      if (refs.some((ref) => elementContainsEventTarget(ref.current, event))) {
+        return;
+      }
+      handler();
+    };
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [refs, handler]);
+};
+const elementContainsEventTarget = (element, event) => {
+  if (!element) {
+    return false;
+  }
+  if (element.contains(event.target)) {
+    return true;
+  }
+  if (event.composed && event.composedPath) {
+    const contains = event.composedPath().find((target) => {
+      if (target === window) {
+        return false;
+      }
+      return element.contains(target);
+    });
+    return contains;
+  }
+  return false;
+};
+const useOnEscape = (ref, handler) => {
+  React.useEffect(() => {
+    const runIfKeyIsEscape = (event) => {
+      if (event.key === "Escape") handler();
+    };
+    const currentRef = ref.current;
+    currentRef?.addEventListener("keydown", runIfKeyIsEscape);
+    return () => currentRef?.removeEventListener("keydown", runIfKeyIsEscape);
+  }, [ref, handler]);
+};
+const subscribe = (callback) => {
+  window.addEventListener("resize", callback);
+  return () => window.removeEventListener("resize", callback);
+};
+let cachedSnapshot = { width: void 0, height: void 0 };
+const getSnapshot = () => {
+  const width = window.innerWidth;
+  const height = window.innerHeight;
+  if (cachedSnapshot.width !== width || cachedSnapshot.height !== height) {
+    cachedSnapshot = { width, height };
+  }
+  return cachedSnapshot;
+};
+const serverSnapshot = {
+  width: void 0,
+  height: void 0
+};
+const getServerSnapshot = () => serverSnapshot;
+const useWindowDimensions = () => {
+  return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+};
+const ConditionalWrapper = ({
+  condition,
+  wrapper,
+  children
+}) => condition ? wrapper(children) : children;
+const packagesToCheck = /* @__PURE__ */ new Set();
+let checkTimeoutId;
+function checkAndWarn() {
+  const missingImports = Array.from(packagesToCheck).filter(
+    (namespace) => parseInt(
+      window.getComputedStyle(document.documentElement).getPropertyValue(`--eds-${namespace}`)
+    ) !== 1
+  ).sort();
+  const singleMissingImport = missingImports.length === 1;
+  warning(
+    missingImports.length === 0,
+    `You are missing ${singleMissingImport ? "a CSS import" : `${missingImports.length} CSS imports`}!
+
+Please add the following CSS import${singleMissingImport ? "" : "s"} somewhere in your app:
+
+${missingImports.map((namespace) => `	@import '@entur/${namespace}/dist/styles.css';`).join("\n")}
+`
+  );
+}
+function warnAboutMissingStyles(...namespaces) {
+  if (typeof window === "undefined" || typeof process !== "undefined" && process?.env?.TEST === "true" || typeof process !== "undefined" && process?.env?.NODE_ENV === "production") {
+    return;
+  }
+  window.clearTimeout(checkTimeoutId);
+  namespaces.forEach((namespace) => packagesToCheck.add(namespace));
+  checkTimeoutId = window.setTimeout(checkAndWarn, 1e3);
+}
+const getNodeText = (node) => {
+  if (node === null || node === void 0) return "";
+  if (["string", "number"].includes(typeof node)) return node.toString();
+  if (node instanceof Array) return node.map(getNodeText).join("").trim();
+  if (typeof node === "object")
+    return getNodeText(node.props?.children ?? "").trim();
+  return "unknown";
+};
+function useControllableProp({
+  prop,
+  updater = () => void 0,
+  defaultValue
+}) {
+  const [internalState, setInternalState] = React.useState(defaultValue);
+  React.useEffect(() => {
+    if (prop !== void 0) {
+      setInternalState(prop);
+    }
+  }, [prop]);
+  return prop === void 0 ? [internalState, setInternalState] : [prop, updater];
+}
+exports.ConditionalWrapper = ConditionalWrapper;
+exports.getNodeText = getNodeText;
+exports.mergeRefs = mergeRefs;
+exports.useControllableProp = useControllableProp;
+exports.useDebounce = useDebounce;
+exports.useForceUpdate = useForceUpdate;
+exports.useOnClickOutside = useOnClickOutside;
+exports.useOnEscape = useOnEscape;
+exports.useOnMount = useOnMount;
+exports.useRandomId = useRandomId;
+exports.useWindowDimensions = useWindowDimensions;
+exports.warnAboutMissingStyles = warnAboutMissingStyles;
+//# sourceMappingURL=utils.cjs.js.map

package/dist/utils.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs.js","sources":["../src/useDebounce.ts","../src/useRandomId.ts","../src/useOnMount.ts","../src/mergeRefs.ts","../src/useForceUpdate.ts","../src/useOnClickOutside.ts","../src/useOnEscape.ts","../src/useWindowDimensions.ts","../src/ConditionalWrapper.tsx","../src/warnAboutMissingStyles.ts","../src/getNodeText.ts","../src/useControllableProp.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport function useDebounce<T extends (...args: any[]) => any>(\n  callBack: T,\n  debounceTime: number,\n) {\n  const timeoutRef = useRef<ReturnType<typeof setTimeout>>();\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  const debouncedFunc = (...args: any[]) => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      callBack(...args);\n    }, debounceTime);\n  };\n\n  return debouncedFunc as T;\n}\n","import { useId } from 'react';\n\n/**\n * @deprecated Use `useId()` from React directly instead.\n * Will be removed in a future major version.\n *\n * ```diff\n * - import { useRandomId } from '@entur/utils';\n * - const id = useRandomId('eds-my-component');\n * + import { useId } from 'react';\n * + const id = `eds-my-component${useId()}`;\n * ```\n */\nexport const useRandomId = (prefix?: string): string => {\n  const id = useId();\n  return prefix ? `${prefix}${id}` : id;\n};\n","import React from 'react';\n\nexport function useOnMount(callback: () => void): void {\n  const hasRun = React.useRef<boolean>(false);\n\n  React.useEffect(() => {\n    if (!hasRun.current) {\n      hasRun.current = true;\n      callback();\n    }\n  }, [callback]);\n}\n","export const mergeRefs = <T extends HTMLElement>(\n  ...refs: (\n    | React.MutableRefObject<T>\n    | React.ForwardedRef<T>\n    | ((node: T | null) => void)\n    | undefined\n  )[]\n) => {\n  return (node: T) => {\n    for (const ref of refs) {\n      if (typeof ref === 'function') {\n        ref(node);\n      } else if (ref) ref.current = node;\n    }\n  };\n};\n","import { useState } from 'react';\n\nexport const useForceUpdate = () => {\n  const [_, setValue] = useState(0);\n  return () => setValue(value => value + 1);\n};\n","import React, { useEffect } from 'react';\n\nexport const useOnClickOutside = (\n  refs: (React.RefObject<HTMLElement> | React.MutableRefObject<any>)[],\n  handler: () => void,\n) => {\n  useEffect(() => {\n    const listener = (event: Event) => {\n      // If the ref contains the clicked element, then the click is not outside\n      if (refs.some(ref => elementContainsEventTarget(ref.current, event))) {\n        return;\n      }\n\n      handler();\n    };\n\n    document.addEventListener('mousedown', listener);\n    document.addEventListener('touchstart', listener);\n\n    return () => {\n      document.removeEventListener('mousedown', listener);\n      document.removeEventListener('touchstart', listener);\n    };\n  }, [refs, handler]);\n};\n\nconst elementContainsEventTarget = (\n  element: HTMLElement | null,\n  event: Event,\n) => {\n  if (!element) {\n    return false;\n  }\n\n  if (element.contains(event.target as Node)) {\n    return true;\n  }\n\n  // For elements inside a Shadow DOM we need to check the composedPath\n  if (event.composed && event.composedPath) {\n    const contains = event.composedPath().find(target => {\n      if (target === window) {\n        return false;\n      }\n      return element.contains(target as Node);\n    });\n    return contains;\n  }\n\n  return false;\n};\n","import React, { useEffect } from 'react';\n\nexport const useOnEscape = (\n  ref: React.RefObject<any> | React.MutableRefObject<any>,\n  handler: () => void,\n) => {\n  useEffect(() => {\n    const runIfKeyIsEscape = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') handler();\n    };\n\n    const currentRef = ref.current;\n    currentRef?.addEventListener('keydown', runIfKeyIsEscape);\n\n    return () => currentRef?.removeEventListener('keydown', runIfKeyIsEscape);\n  }, [ref, handler]);\n};\n","import { useSyncExternalStore } from 'react';\n\ntype WindowDimensions = {\n  width: number | undefined;\n  height: number | undefined;\n};\n\nconst subscribe = (callback: () => void) => {\n  window.addEventListener('resize', callback);\n  return () => window.removeEventListener('resize', callback);\n};\n\nlet cachedSnapshot: WindowDimensions = { width: undefined, height: undefined };\n\nconst getSnapshot = (): WindowDimensions => {\n  const width = window.innerWidth;\n  const height = window.innerHeight;\n  if (cachedSnapshot.width !== width || cachedSnapshot.height !== height) {\n    cachedSnapshot = { width, height };\n  }\n  return cachedSnapshot;\n};\n\nconst serverSnapshot: WindowDimensions = {\n  width: undefined,\n  height: undefined,\n};\nconst getServerSnapshot = () => serverSnapshot;\n\nexport const useWindowDimensions = (): WindowDimensions => {\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n};\n","type ConditionalWrapperType = {\n  condition: boolean;\n  wrapper: any;\n  children: any;\n};\n\nexport const ConditionalWrapper = ({\n  condition,\n  wrapper,\n  children,\n}: ConditionalWrapperType) => (condition ? wrapper(children) : children);\n","import warning from 'tiny-warning';\n\nconst packagesToCheck: Set<string> = new Set();\nlet checkTimeoutId: number;\n\nfunction checkAndWarn() {\n  const missingImports = Array.from(packagesToCheck)\n    .filter(\n      namespace =>\n        parseInt(\n          window\n            .getComputedStyle(document.documentElement)\n            .getPropertyValue(`--eds-${namespace}`),\n        ) !== 1,\n    )\n    .sort();\n\n  // Finally, we warn about those pesky imports\n  const singleMissingImport = missingImports.length === 1;\n  warning(\n    missingImports.length === 0,\n    `You are missing ${\n      singleMissingImport\n        ? 'a CSS import'\n        : `${missingImports.length} CSS imports`\n    }!\n\nPlease add the following CSS import${\n      singleMissingImport ? '' : 's'\n    } somewhere in your app:\n\n${missingImports\n  .map(namespace => `\\t@import '@entur/${namespace}/dist/styles.css';`)\n  .join('\\n')}\n`,\n  );\n}\n\n/** Warns the developer if they have forgotten to include styles */\nexport function warnAboutMissingStyles(...namespaces: string[]): void {\n  // We skip this check in production, and when we build static sites\n  if (\n    typeof window === 'undefined' ||\n    (typeof process !== 'undefined' && process?.env?.TEST === 'true') ||\n    (typeof process !== 'undefined' && process?.env?.NODE_ENV === 'production')\n  ) {\n    return;\n  }\n  // First, let's clear earlier calls to setTimeout\n  window.clearTimeout(checkTimeoutId);\n\n  // Next, let's add all namespaces to the set of packages to check\n  namespaces.forEach(namespace => packagesToCheck.add(namespace));\n\n  // Finally. let's trigger a run of the checker.\n  checkTimeoutId = window.setTimeout(checkAndWarn, 1000);\n}\n","// with inspiration from https://stackoverflow.com/questions/50428910/get-text-content-from-node-in-react\nexport const getNodeText = (\n  node: React.ReactNode | string | number | string[] | number[],\n): string => {\n  if (node === null || node === undefined) return '';\n  if (['string', 'number'].includes(typeof node)) return node.toString();\n  if (node instanceof Array) return node.map(getNodeText).join('').trim();\n  if (typeof node === 'object')\n    // @ts-expect-error props does exist for react nodes\n    return getNodeText(node.props?.children ?? '').trim();\n  return 'unknown';\n};\n","import { useEffect, useState } from 'react';\nexport type UseControllablePropType<T> = {\n  prop?: T;\n  updater?: (value?: T) => void;\n  defaultValue: T;\n};\nexport function useControllableProp<T>({\n  prop,\n  updater = () => undefined,\n  defaultValue,\n}: UseControllablePropType<T>): [T, (arg: T) => void] {\n  const [internalState, setInternalState] = useState<T>(defaultValue);\n  useEffect(() => {\n    if (prop !== undefined) {\n      setInternalState(prop);\n    }\n  }, [prop]);\n  return prop === undefined\n    ? [internalState, setInternalState]\n    : [prop, updater];\n}\n"],"names":["useRef","useEffect","useId","useState","useSyncExternalStore"],"mappings":"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"}

package/dist/utils.esm.js

@@ -1,189 +1,180 @@
-import React, { useRef, useEffect, useState } from 'react';
-import warning from 'tiny-warning';
-
+import React, { useRef, useEffect, useId, useState, useSyncExternalStore } from "react";
+import warning from "tiny-warning";
 function useDebounce(callBack, debounceTime) {
-  var timeoutRef = useRef();
-  useEffect(function () {
-    return function () {
+  const timeoutRef = useRef();
+  useEffect(() => {
+    return () => {
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
       }
     };
   }, []);
-  var debouncedFunc = function debouncedFunc() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+  const debouncedFunc = (...args) => {
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
     }
-    timeoutRef.current = setTimeout(function () {
-      callBack.apply(void 0, args);
+    timeoutRef.current = setTimeout(() => {
+      callBack(...args);
     }, debounceTime);
   };
   return debouncedFunc;
 }
-
-var useRandomId = function useRandomId(prefix) {
-  var ref = React.useRef(String(Math.random()).substring(2));
-  return prefix + "-" + ref.current;
+const useRandomId = (prefix) => {
+  const id = useId();
+  return prefix ? `${prefix}${id}` : id;
 };
-
 function useOnMount(callback) {
-  var hasRun = React.useRef(false);
-  React.useEffect(function () {
+  const hasRun = React.useRef(false);
+  React.useEffect(() => {
     if (!hasRun.current) {
       hasRun.current = true;
       callback();
     }
   }, [callback]);
 }
-
-var mergeRefs = function mergeRefs() {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-  return function (node) {
-    for (var _i = 0, _refs = refs; _i < _refs.length; _i++) {
-      var ref = _refs[_i];
-      if (typeof ref === 'function') {
+const mergeRefs = (...refs) => {
+  return (node) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") {
         ref(node);
       } else if (ref) ref.current = node;
     }
   };
 };
-
-var useForceUpdate = function useForceUpdate() {
-  var _useState = useState(0),
-    setValue = _useState[1];
-  return function () {
-    return setValue(function (value) {
-      return value + 1;
-    });
-  };
+const useForceUpdate = () => {
+  const [_, setValue] = useState(0);
+  return () => setValue((value) => value + 1);
 };
-
-var useOnClickOutside = function useOnClickOutside(refs, handler) {
-  useEffect(function () {
-    var listener = function listener(event) {
-      // If the ref contains the clicked element, then the click is not outside
-      if (refs.some(function (ref) {
-        return elementContainsEventTarget(ref.current, event);
-      })) {
+const useOnClickOutside = (refs, handler) => {
+  useEffect(() => {
+    const listener = (event) => {
+      if (refs.some((ref) => elementContainsEventTarget(ref.current, event))) {
         return;
       }
       handler();
     };
-    document.addEventListener('mousedown', listener);
-    document.addEventListener('touchstart', listener);
-    return function () {
-      document.removeEventListener('mousedown', listener);
-      document.removeEventListener('touchstart', listener);
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
     };
   }, [refs, handler]);
 };
-var elementContainsEventTarget = function elementContainsEventTarget(element, event) {
+const elementContainsEventTarget = (element, event) => {
   if (!element) {
     return false;
   }
   if (element.contains(event.target)) {
     return true;
   }
-  // For elements inside a Shadow DOM we need to check the composedPath
   if (event.composed && event.composedPath) {
-    var contains = event.composedPath().find(function (target) {
+    const contains = event.composedPath().find((target) => {
       if (target === window) {
         return false;
       }
       return element.contains(target);
     });
-    return contains ? true : false;
+    return contains;
   }
   return false;
 };
-
-var useOnEscape = function useOnEscape(ref, handler) {
-  useEffect(function () {
-    var runIfKeyIsEscape = function runIfKeyIsEscape(event) {
-      if (event.key === 'Escape') handler();
-    };
-    var currentRef = ref.current;
-    currentRef == null ? void 0 : currentRef.addEventListener('keydown', runIfKeyIsEscape);
-    return function () {
-      return currentRef == null ? void 0 : currentRef.removeEventListener('keydown', runIfKeyIsEscape);
+const useOnEscape = (ref, handler) => {
+  useEffect(() => {
+    const runIfKeyIsEscape = (event) => {
+      if (event.key === "Escape") handler();
     };
+    const currentRef = ref.current;
+    currentRef?.addEventListener("keydown", runIfKeyIsEscape);
+    return () => currentRef?.removeEventListener("keydown", runIfKeyIsEscape);
   }, [ref, handler]);
 };
-
-// from https://stackoverflow.com/questions/36862334/get-viewport-window-height-in-reactjs
-var getWindowDimensions = function getWindowDimensions() {
-  if (typeof window === 'undefined') return {
-    width: undefined,
-    height: undefined
-  };
-  var _window = window,
-    width = _window.innerWidth,
-    height = _window.innerHeight;
-  return {
-    width: width,
-    height: height
-  };
+const subscribe = (callback) => {
+  window.addEventListener("resize", callback);
+  return () => window.removeEventListener("resize", callback);
 };
-var useWindowDimensions = function useWindowDimensions() {
-  var _useState = useState(getWindowDimensions()),
-    windowDimensions = _useState[0],
-    setWindowDimensions = _useState[1];
-  useEffect(function () {
-    function handleResize() {
-      setWindowDimensions(getWindowDimensions());
-    }
-    if (typeof window !== 'undefined') {
-      window.addEventListener('resize', handleResize);
-      return function () {
-        return window.removeEventListener('resize', handleResize);
-      };
-    }
-  }, []);
-  return windowDimensions;
+let cachedSnapshot = { width: void 0, height: void 0 };
+const getSnapshot = () => {
+  const width = window.innerWidth;
+  const height = window.innerHeight;
+  if (cachedSnapshot.width !== width || cachedSnapshot.height !== height) {
+    cachedSnapshot = { width, height };
+  }
+  return cachedSnapshot;
 };
-
-var ConditionalWrapper = function ConditionalWrapper(_ref) {
-  var condition = _ref.condition,
-    wrapper = _ref.wrapper,
-    children = _ref.children;
-  return condition ? wrapper(children) : React.createElement(React.Fragment, null, children);
+const serverSnapshot = {
+  width: void 0,
+  height: void 0
 };
-
-var packagesToCheck = /*#__PURE__*/new Set();
-var checkTimeoutId;
+const getServerSnapshot = () => serverSnapshot;
+const useWindowDimensions = () => {
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+};
+const ConditionalWrapper = ({
+  condition,
+  wrapper,
+  children
+}) => condition ? wrapper(children) : children;
+const packagesToCheck = /* @__PURE__ */ new Set();
+let checkTimeoutId;
 function checkAndWarn() {
-  var missingImports = Array.from(packagesToCheck).filter(function (namespace) {
-    return parseInt(window.getComputedStyle(document.documentElement).getPropertyValue("--eds-" + namespace)) !== 1;
-  }).sort();
-  // Finally, we warn about those pesky imports
-  var singleMissingImport = missingImports.length === 1;
-  process.env.NODE_ENV !== "production" ? warning(missingImports.length === 0, "You are missing " + (singleMissingImport ? 'a CSS import' : missingImports.length + " CSS imports") + "!\n\nPlease add the following CSS import" + (singleMissingImport ? '' : 's') + " somewhere in your app:\n\n" + missingImports.map(function (namespace) {
-    return "\t@import '@entur/" + namespace + "/dist/styles.css';";
-  }).join('\n') + "\n") : void 0;
+  const missingImports = Array.from(packagesToCheck).filter(
+    (namespace) => parseInt(
+      window.getComputedStyle(document.documentElement).getPropertyValue(`--eds-${namespace}`)
+    ) !== 1
+  ).sort();
+  const singleMissingImport = missingImports.length === 1;
+  warning(
+    missingImports.length === 0,
+    `You are missing ${singleMissingImport ? "a CSS import" : `${missingImports.length} CSS imports`}!
+
+Please add the following CSS import${singleMissingImport ? "" : "s"} somewhere in your app:
+
+${missingImports.map((namespace) => `	@import '@entur/${namespace}/dist/styles.css';`).join("\n")}
+`
+  );
 }
-/** Warns the developer if they have forgotten to include styles */
-function warnAboutMissingStyles() {
-  // We skip this check in production, and when we build static sites
-  if (!(process.env.NODE_ENV !== "production") || typeof window === 'undefined') {
+function warnAboutMissingStyles(...namespaces) {
+  if (typeof window === "undefined" || typeof process !== "undefined" && process?.env?.TEST === "true" || typeof process !== "undefined" && process?.env?.NODE_ENV === "production") {
     return;
   }
-  // First, let's clear earlier calls to setTimeout
   window.clearTimeout(checkTimeoutId);
-  // Next, let's add all namespaces to the set of packages to check
-  for (var _len = arguments.length, namespaces = new Array(_len), _key = 0; _key < _len; _key++) {
-    namespaces[_key] = arguments[_key];
-  }
-  namespaces.forEach(function (namespace) {
-    return packagesToCheck.add(namespace);
-  });
-  // Finally. let's trigger a run of the checker.
-  checkTimeoutId = window.setTimeout(checkAndWarn, 1000);
+  namespaces.forEach((namespace) => packagesToCheck.add(namespace));
+  checkTimeoutId = window.setTimeout(checkAndWarn, 1e3);
 }
-
-export { ConditionalWrapper, mergeRefs, useDebounce, useForceUpdate, useOnClickOutside, useOnEscape, useOnMount, useRandomId, useWindowDimensions, warnAboutMissingStyles };
+const getNodeText = (node) => {
+  if (node === null || node === void 0) return "";
+  if (["string", "number"].includes(typeof node)) return node.toString();
+  if (node instanceof Array) return node.map(getNodeText).join("").trim();
+  if (typeof node === "object")
+    return getNodeText(node.props?.children ?? "").trim();
+  return "unknown";
+};
+function useControllableProp({
+  prop,
+  updater = () => void 0,
+  defaultValue
+}) {
+  const [internalState, setInternalState] = useState(defaultValue);
+  useEffect(() => {
+    if (prop !== void 0) {
+      setInternalState(prop);
+    }
+  }, [prop]);
+  return prop === void 0 ? [internalState, setInternalState] : [prop, updater];
+}
+export {
+  ConditionalWrapper,
+  getNodeText,
+  mergeRefs,
+  useControllableProp,
+  useDebounce,
+  useForceUpdate,
+  useOnClickOutside,
+  useOnEscape,
+  useOnMount,
+  useRandomId,
+  useWindowDimensions,
+  warnAboutMissingStyles
+};
 //# sourceMappingURL=utils.esm.js.map

package/dist/utils.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.esm.js","sources":["../src/useDebounce.ts","../src/useRandomId.ts","../src/useOnMount.ts","../src/mergeRefs.ts","../src/useForceUpdate.ts","../src/useOnClickOutside.ts","../src/useOnEscape.ts","../src/useWindowDimensions.ts","../src/ConditionalWrapper.tsx","../src/warnAboutMissingStyles.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport function useDebounce<T extends (...args: any[]) => any>(\n  callBack: T,\n  debounceTime: number,\n) {\n  const timeoutRef = useRef<ReturnType<typeof setTimeout>>();\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  const debouncedFunc = (...args: any[]) => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      callBack(...args);\n    }, debounceTime);\n  };\n\n  return debouncedFunc as T;\n}\n","import React from 'react';\n\nexport const useRandomId = (prefix?: string): string => {\n  const ref = React.useRef(String(Math.random()).substring(2));\n  return `${prefix}-${ref.current}`;\n};\n","import React from 'react';\n\nexport function useOnMount(callback: () => void): void {\n  const hasRun = React.useRef<boolean>(false);\n\n  React.useEffect(() => {\n    if (!hasRun.current) {\n      hasRun.current = true;\n      callback();\n    }\n  }, [callback]);\n}\n","export const mergeRefs = <T extends HTMLElement>(\n  ...refs: (React.MutableRefObject<T> | React.ForwardedRef<T> | undefined)[]\n) => {\n  return (node: T) => {\n    for (const ref of refs) {\n      if (typeof ref === 'function') {\n        ref(node);\n      } else if (ref) ref.current = node;\n    }\n  };\n};\n","import { useState } from 'react';\n\nexport const useForceUpdate = () => {\n  const [_, setValue] = useState(0);\n  return () => setValue(value => value + 1);\n};\n","import React, { useEffect } from 'react';\n\nexport const useOnClickOutside = (\n  refs: React.RefObject<HTMLDivElement>[],\n  handler: () => void,\n) => {\n  useEffect(() => {\n    const listener = (event: Event) => {\n      // If the ref contains the clicked element, then the click is not outside\n      if (refs.some(ref => elementContainsEventTarget(ref.current, event))) {\n        return;\n      }\n\n      handler();\n    };\n\n    document.addEventListener('mousedown', listener);\n    document.addEventListener('touchstart', listener);\n\n    return () => {\n      document.removeEventListener('mousedown', listener);\n      document.removeEventListener('touchstart', listener);\n    };\n  }, [refs, handler]);\n};\n\nconst elementContainsEventTarget = (\n  element: HTMLElement | null,\n  event: Event,\n) => {\n  if (!element) {\n    return false;\n  }\n\n  if (element.contains(event.target as Node)) {\n    return true;\n  }\n\n  // For elements inside a Shadow DOM we need to check the composedPath\n  if (event.composed && event.composedPath) {\n    const contains = event.composedPath().find(target => {\n      if (target === window) {\n        return false;\n      }\n      return element.contains(target as Node);\n    });\n    return contains ? true : false;\n  }\n\n  return false;\n};\n","import React, { useEffect } from 'react';\n\nexport const useOnEscape = (\n  ref: React.RefObject<HTMLElement>,\n  handler: () => void,\n) => {\n  useEffect(() => {\n    const runIfKeyIsEscape = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') handler();\n    };\n\n    const currentRef = ref.current;\n    currentRef?.addEventListener('keydown', runIfKeyIsEscape);\n\n    return () => currentRef?.removeEventListener('keydown', runIfKeyIsEscape);\n  }, [ref, handler]);\n};\n","// from https://stackoverflow.com/questions/36862334/get-viewport-window-height-in-reactjs\nimport { useState, useEffect } from 'react';\n\ntype WindowDimensions = {\n  width: number | undefined;\n  height: number | undefined;\n};\n\nconst getWindowDimensions = () => {\n  if (typeof window === 'undefined')\n    return { width: undefined, height: undefined };\n\n  const { innerWidth: width, innerHeight: height } = window;\n  return {\n    width,\n    height,\n  };\n};\n\nexport const useWindowDimensions = (): WindowDimensions => {\n  const [windowDimensions, setWindowDimensions] = useState(\n    getWindowDimensions(),\n  );\n\n  useEffect(() => {\n    function handleResize() {\n      setWindowDimensions(getWindowDimensions());\n    }\n\n    if (typeof window !== 'undefined') {\n      window.addEventListener('resize', handleResize);\n      return () => window.removeEventListener('resize', handleResize);\n    }\n  }, []);\n\n  return windowDimensions;\n};\n","import React from 'react';\n\ntype ConditionalWrapperType = {\n  condition: boolean;\n  wrapper: any;\n  children: any;\n};\n\nexport const ConditionalWrapper = ({\n  condition,\n  wrapper,\n  children,\n}: ConditionalWrapperType) => (condition ? wrapper(children) : <>{children}</>);\n","import warning from 'tiny-warning';\n\nconst packagesToCheck: Set<string> = new Set();\nlet checkTimeoutId: number;\n\nfunction checkAndWarn() {\n  const missingImports = Array.from(packagesToCheck)\n    .filter(\n      namespace =>\n        parseInt(\n          window\n            .getComputedStyle(document.documentElement)\n            .getPropertyValue(`--eds-${namespace}`),\n        ) !== 1,\n    )\n    .sort();\n\n  // Finally, we warn about those pesky imports\n  const singleMissingImport = missingImports.length === 1;\n  warning(\n    missingImports.length === 0,\n    `You are missing ${\n      singleMissingImport\n        ? 'a CSS import'\n        : `${missingImports.length} CSS imports`\n    }!\n\nPlease add the following CSS import${\n      singleMissingImport ? '' : 's'\n    } somewhere in your app:\n\n${missingImports\n  .map(namespace => `\\t@import '@entur/${namespace}/dist/styles.css';`)\n  .join('\\n')}\n`,\n  );\n}\n\n/** Warns the developer if they have forgotten to include styles */\nexport function warnAboutMissingStyles(...namespaces: string[]): void {\n  // We skip this check in production, and when we build static sites\n  if (!__DEV__ || typeof window === 'undefined') {\n    return;\n  }\n  // First, let's clear earlier calls to setTimeout\n  window.clearTimeout(checkTimeoutId);\n\n  // Next, let's add all namespaces to the set of packages to check\n  namespaces.forEach(namespace => packagesToCheck.add(namespace));\n\n  // Finally. let's trigger a run of the checker.\n  checkTimeoutId = window.setTimeout(checkAndWarn, 1000);\n}\n"],"names":["useDebounce","callBack","debounceTime","timeoutRef","useRef","useEffect","current","clearTimeout","debouncedFunc","args","setTimeout","useRandomId","prefix","ref","React","String","Math","random","substring","useOnMount","callback","hasRun","mergeRefs","refs","node","useForceUpdate","useState","setValue","value","useOnClickOutside","handler","listener","event","some","elementContainsEventTarget","document","addEventListener","removeEventListener","element","contains","target","composed","composedPath","find","window","useOnEscape","runIfKeyIsEscape","key","currentRef","getWindowDimensions","width","undefined","height","innerWidth","innerHeight","useWindowDimensions","windowDimensions","setWindowDimensions","handleResize","ConditionalWrapper","condition","wrapper","children","createElement","Fragment","packagesToCheck","Set","checkTimeoutId","checkAndWarn","missingImports","Array","from","filter","namespace","parseInt","getComputedStyle","documentElement","getPropertyValue","sort","singleMissingImport","length","warning","map","join","warnAboutMissingStyles","namespaces","forEach","add"],"mappings":"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"}
+{"version":3,"file":"utils.esm.js","sources":["../src/useDebounce.ts","../src/useRandomId.ts","../src/useOnMount.ts","../src/mergeRefs.ts","../src/useForceUpdate.ts","../src/useOnClickOutside.ts","../src/useOnEscape.ts","../src/useWindowDimensions.ts","../src/ConditionalWrapper.tsx","../src/warnAboutMissingStyles.ts","../src/getNodeText.ts","../src/useControllableProp.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport function useDebounce<T extends (...args: any[]) => any>(\n  callBack: T,\n  debounceTime: number,\n) {\n  const timeoutRef = useRef<ReturnType<typeof setTimeout>>();\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  const debouncedFunc = (...args: any[]) => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      callBack(...args);\n    }, debounceTime);\n  };\n\n  return debouncedFunc as T;\n}\n","import { useId } from 'react';\n\n/**\n * @deprecated Use `useId()` from React directly instead.\n * Will be removed in a future major version.\n *\n * ```diff\n * - import { useRandomId } from '@entur/utils';\n * - const id = useRandomId('eds-my-component');\n * + import { useId } from 'react';\n * + const id = `eds-my-component${useId()}`;\n * ```\n */\nexport const useRandomId = (prefix?: string): string => {\n  const id = useId();\n  return prefix ? `${prefix}${id}` : id;\n};\n","import React from 'react';\n\nexport function useOnMount(callback: () => void): void {\n  const hasRun = React.useRef<boolean>(false);\n\n  React.useEffect(() => {\n    if (!hasRun.current) {\n      hasRun.current = true;\n      callback();\n    }\n  }, [callback]);\n}\n","export const mergeRefs = <T extends HTMLElement>(\n  ...refs: (\n    | React.MutableRefObject<T>\n    | React.ForwardedRef<T>\n    | ((node: T | null) => void)\n    | undefined\n  )[]\n) => {\n  return (node: T) => {\n    for (const ref of refs) {\n      if (typeof ref === 'function') {\n        ref(node);\n      } else if (ref) ref.current = node;\n    }\n  };\n};\n","import { useState } from 'react';\n\nexport const useForceUpdate = () => {\n  const [_, setValue] = useState(0);\n  return () => setValue(value => value + 1);\n};\n","import React, { useEffect } from 'react';\n\nexport const useOnClickOutside = (\n  refs: (React.RefObject<HTMLElement> | React.MutableRefObject<any>)[],\n  handler: () => void,\n) => {\n  useEffect(() => {\n    const listener = (event: Event) => {\n      // If the ref contains the clicked element, then the click is not outside\n      if (refs.some(ref => elementContainsEventTarget(ref.current, event))) {\n        return;\n      }\n\n      handler();\n    };\n\n    document.addEventListener('mousedown', listener);\n    document.addEventListener('touchstart', listener);\n\n    return () => {\n      document.removeEventListener('mousedown', listener);\n      document.removeEventListener('touchstart', listener);\n    };\n  }, [refs, handler]);\n};\n\nconst elementContainsEventTarget = (\n  element: HTMLElement | null,\n  event: Event,\n) => {\n  if (!element) {\n    return false;\n  }\n\n  if (element.contains(event.target as Node)) {\n    return true;\n  }\n\n  // For elements inside a Shadow DOM we need to check the composedPath\n  if (event.composed && event.composedPath) {\n    const contains = event.composedPath().find(target => {\n      if (target === window) {\n        return false;\n      }\n      return element.contains(target as Node);\n    });\n    return contains;\n  }\n\n  return false;\n};\n","import React, { useEffect } from 'react';\n\nexport const useOnEscape = (\n  ref: React.RefObject<any> | React.MutableRefObject<any>,\n  handler: () => void,\n) => {\n  useEffect(() => {\n    const runIfKeyIsEscape = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') handler();\n    };\n\n    const currentRef = ref.current;\n    currentRef?.addEventListener('keydown', runIfKeyIsEscape);\n\n    return () => currentRef?.removeEventListener('keydown', runIfKeyIsEscape);\n  }, [ref, handler]);\n};\n","import { useSyncExternalStore } from 'react';\n\ntype WindowDimensions = {\n  width: number | undefined;\n  height: number | undefined;\n};\n\nconst subscribe = (callback: () => void) => {\n  window.addEventListener('resize', callback);\n  return () => window.removeEventListener('resize', callback);\n};\n\nlet cachedSnapshot: WindowDimensions = { width: undefined, height: undefined };\n\nconst getSnapshot = (): WindowDimensions => {\n  const width = window.innerWidth;\n  const height = window.innerHeight;\n  if (cachedSnapshot.width !== width || cachedSnapshot.height !== height) {\n    cachedSnapshot = { width, height };\n  }\n  return cachedSnapshot;\n};\n\nconst serverSnapshot: WindowDimensions = {\n  width: undefined,\n  height: undefined,\n};\nconst getServerSnapshot = () => serverSnapshot;\n\nexport const useWindowDimensions = (): WindowDimensions => {\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n};\n","type ConditionalWrapperType = {\n  condition: boolean;\n  wrapper: any;\n  children: any;\n};\n\nexport const ConditionalWrapper = ({\n  condition,\n  wrapper,\n  children,\n}: ConditionalWrapperType) => (condition ? wrapper(children) : children);\n","import warning from 'tiny-warning';\n\nconst packagesToCheck: Set<string> = new Set();\nlet checkTimeoutId: number;\n\nfunction checkAndWarn() {\n  const missingImports = Array.from(packagesToCheck)\n    .filter(\n      namespace =>\n        parseInt(\n          window\n            .getComputedStyle(document.documentElement)\n            .getPropertyValue(`--eds-${namespace}`),\n        ) !== 1,\n    )\n    .sort();\n\n  // Finally, we warn about those pesky imports\n  const singleMissingImport = missingImports.length === 1;\n  warning(\n    missingImports.length === 0,\n    `You are missing ${\n      singleMissingImport\n        ? 'a CSS import'\n        : `${missingImports.length} CSS imports`\n    }!\n\nPlease add the following CSS import${\n      singleMissingImport ? '' : 's'\n    } somewhere in your app:\n\n${missingImports\n  .map(namespace => `\\t@import '@entur/${namespace}/dist/styles.css';`)\n  .join('\\n')}\n`,\n  );\n}\n\n/** Warns the developer if they have forgotten to include styles */\nexport function warnAboutMissingStyles(...namespaces: string[]): void {\n  // We skip this check in production, and when we build static sites\n  if (\n    typeof window === 'undefined' ||\n    (typeof process !== 'undefined' && process?.env?.TEST === 'true') ||\n    (typeof process !== 'undefined' && process?.env?.NODE_ENV === 'production')\n  ) {\n    return;\n  }\n  // First, let's clear earlier calls to setTimeout\n  window.clearTimeout(checkTimeoutId);\n\n  // Next, let's add all namespaces to the set of packages to check\n  namespaces.forEach(namespace => packagesToCheck.add(namespace));\n\n  // Finally. let's trigger a run of the checker.\n  checkTimeoutId = window.setTimeout(checkAndWarn, 1000);\n}\n","// with inspiration from https://stackoverflow.com/questions/50428910/get-text-content-from-node-in-react\nexport const getNodeText = (\n  node: React.ReactNode | string | number | string[] | number[],\n): string => {\n  if (node === null || node === undefined) return '';\n  if (['string', 'number'].includes(typeof node)) return node.toString();\n  if (node instanceof Array) return node.map(getNodeText).join('').trim();\n  if (typeof node === 'object')\n    // @ts-expect-error props does exist for react nodes\n    return getNodeText(node.props?.children ?? '').trim();\n  return 'unknown';\n};\n","import { useEffect, useState } from 'react';\nexport type UseControllablePropType<T> = {\n  prop?: T;\n  updater?: (value?: T) => void;\n  defaultValue: T;\n};\nexport function useControllableProp<T>({\n  prop,\n  updater = () => undefined,\n  defaultValue,\n}: UseControllablePropType<T>): [T, (arg: T) => void] {\n  const [internalState, setInternalState] = useState<T>(defaultValue);\n  useEffect(() => {\n    if (prop !== undefined) {\n      setInternalState(prop);\n    }\n  }, [prop]);\n  return prop === undefined\n    ? [internalState, setInternalState]\n    : [prop, updater];\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,32 +1,57 @@
 {
   "name": "@entur/utils",
-  "version": "1.0.0-beta.0",
+  "version": "1.0.0-next.0",
   "license": "EUPL-1.2",
-  "main": "dist/index.js",
+  "main": "dist/utils.cjs.js",
   "module": "dist/utils.esm.js",
   "typings": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/utils.esm.js",
+      "require": "./dist/utils.cjs.js",
+      "default": "./dist/utils.esm.js"
+    },
+    "./styles/layers": "./dist/layers.scss",
+    "./package.json": "./package.json",
+    "./dist/*": "./dist/*"
+  },
+  "sideEffects": [
+    "./dist/**/*.css"
+  ],
   "files": [
     "dist"
   ],
   "repository": {
     "type": "git",
-    "url": "https://bitbucket.org/enturas/design-system.git",
+    "url": "https://github.com/entur/design-system.git",
     "directory": "packages/utils"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "start": "dts watch --noClean",
-    "build": "dts build && cp src/*.scss dist",
-    "lint": "dts lint src"
+    "start": "vite build --watch",
+    "build": "vite build && cp src/**/*.scss dist",
+    "test": "jest"
   },
   "peerDependencies": {
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
   },
   "dependencies": {
     "tiny-warning": "^1.0.3"
   },
-  "gitHead": "4e2a54a5b8402cf439cd91487f569e775bf53691"
+  "devDependencies": {
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "14.6.1",
+    "jest": "^29.0.0",
+    "jest-environment-jsdom": "^29.0.0",
+    "ts-jest": "^29.0.0",
+    "typescript": "^5.9.2",
+    "vite": "^7.3.2",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "gitHead": "0f435bdeec98cc3cea1db7434b13b1f771a39a18"
 }

package/dist/index.js

@@ -1,8 +0,0 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./utils.cjs.production.min.js')
-} else {
-  module.exports = require('./utils.cjs.development.js')
-}

package/dist/utils.cjs.development.js

@@ -1,202 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var warning = require('tiny-warning');
-
-function useDebounce(callBack, debounceTime) {
-  var timeoutRef = React.useRef();
-  React.useEffect(function () {
-    return function () {
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-    };
-  }, []);
-  var debouncedFunc = function debouncedFunc() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    if (timeoutRef.current) {
-      clearTimeout(timeoutRef.current);
-    }
-    timeoutRef.current = setTimeout(function () {
-      callBack.apply(void 0, args);
-    }, debounceTime);
-  };
-  return debouncedFunc;
-}
-
-var useRandomId = function useRandomId(prefix) {
-  var ref = React.useRef(String(Math.random()).substring(2));
-  return prefix + "-" + ref.current;
-};
-
-function useOnMount(callback) {
-  var hasRun = React.useRef(false);
-  React.useEffect(function () {
-    if (!hasRun.current) {
-      hasRun.current = true;
-      callback();
-    }
-  }, [callback]);
-}
-
-var mergeRefs = function mergeRefs() {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-  return function (node) {
-    for (var _i = 0, _refs = refs; _i < _refs.length; _i++) {
-      var ref = _refs[_i];
-      if (typeof ref === 'function') {
-        ref(node);
-      } else if (ref) ref.current = node;
-    }
-  };
-};
-
-var useForceUpdate = function useForceUpdate() {
-  var _useState = React.useState(0),
-    setValue = _useState[1];
-  return function () {
-    return setValue(function (value) {
-      return value + 1;
-    });
-  };
-};
-
-var useOnClickOutside = function useOnClickOutside(refs, handler) {
-  React.useEffect(function () {
-    var listener = function listener(event) {
-      // If the ref contains the clicked element, then the click is not outside
-      if (refs.some(function (ref) {
-        return elementContainsEventTarget(ref.current, event);
-      })) {
-        return;
-      }
-      handler();
-    };
-    document.addEventListener('mousedown', listener);
-    document.addEventListener('touchstart', listener);
-    return function () {
-      document.removeEventListener('mousedown', listener);
-      document.removeEventListener('touchstart', listener);
-    };
-  }, [refs, handler]);
-};
-var elementContainsEventTarget = function elementContainsEventTarget(element, event) {
-  if (!element) {
-    return false;
-  }
-  if (element.contains(event.target)) {
-    return true;
-  }
-  // For elements inside a Shadow DOM we need to check the composedPath
-  if (event.composed && event.composedPath) {
-    var contains = event.composedPath().find(function (target) {
-      if (target === window) {
-        return false;
-      }
-      return element.contains(target);
-    });
-    return contains ? true : false;
-  }
-  return false;
-};
-
-var useOnEscape = function useOnEscape(ref, handler) {
-  React.useEffect(function () {
-    var runIfKeyIsEscape = function runIfKeyIsEscape(event) {
-      if (event.key === 'Escape') handler();
-    };
-    var currentRef = ref.current;
-    currentRef == null ? void 0 : currentRef.addEventListener('keydown', runIfKeyIsEscape);
-    return function () {
-      return currentRef == null ? void 0 : currentRef.removeEventListener('keydown', runIfKeyIsEscape);
-    };
-  }, [ref, handler]);
-};
-
-// from https://stackoverflow.com/questions/36862334/get-viewport-window-height-in-reactjs
-var getWindowDimensions = function getWindowDimensions() {
-  if (typeof window === 'undefined') return {
-    width: undefined,
-    height: undefined
-  };
-  var _window = window,
-    width = _window.innerWidth,
-    height = _window.innerHeight;
-  return {
-    width: width,
-    height: height
-  };
-};
-var useWindowDimensions = function useWindowDimensions() {
-  var _useState = React.useState(getWindowDimensions()),
-    windowDimensions = _useState[0],
-    setWindowDimensions = _useState[1];
-  React.useEffect(function () {
-    function handleResize() {
-      setWindowDimensions(getWindowDimensions());
-    }
-    if (typeof window !== 'undefined') {
-      window.addEventListener('resize', handleResize);
-      return function () {
-        return window.removeEventListener('resize', handleResize);
-      };
-    }
-  }, []);
-  return windowDimensions;
-};
-
-var ConditionalWrapper = function ConditionalWrapper(_ref) {
-  var condition = _ref.condition,
-    wrapper = _ref.wrapper,
-    children = _ref.children;
-  return condition ? wrapper(children) : React.createElement(React.Fragment, null, children);
-};
-
-var packagesToCheck = /*#__PURE__*/new Set();
-var checkTimeoutId;
-function checkAndWarn() {
-  var missingImports = Array.from(packagesToCheck).filter(function (namespace) {
-    return parseInt(window.getComputedStyle(document.documentElement).getPropertyValue("--eds-" + namespace)) !== 1;
-  }).sort();
-  // Finally, we warn about those pesky imports
-  var singleMissingImport = missingImports.length === 1;
-  warning(missingImports.length === 0, "You are missing " + (singleMissingImport ? 'a CSS import' : missingImports.length + " CSS imports") + "!\n\nPlease add the following CSS import" + (singleMissingImport ? '' : 's') + " somewhere in your app:\n\n" + missingImports.map(function (namespace) {
-    return "\t@import '@entur/" + namespace + "/dist/styles.css';";
-  }).join('\n') + "\n") ;
-}
-/** Warns the developer if they have forgotten to include styles */
-function warnAboutMissingStyles() {
-  // We skip this check in production, and when we build static sites
-  if (typeof window === 'undefined') {
-    return;
-  }
-  // First, let's clear earlier calls to setTimeout
-  window.clearTimeout(checkTimeoutId);
-  // Next, let's add all namespaces to the set of packages to check
-  for (var _len = arguments.length, namespaces = new Array(_len), _key = 0; _key < _len; _key++) {
-    namespaces[_key] = arguments[_key];
-  }
-  namespaces.forEach(function (namespace) {
-    return packagesToCheck.add(namespace);
-  });
-  // Finally. let's trigger a run of the checker.
-  checkTimeoutId = window.setTimeout(checkAndWarn, 1000);
-}
-
-exports.ConditionalWrapper = ConditionalWrapper;
-exports.mergeRefs = mergeRefs;
-exports.useDebounce = useDebounce;
-exports.useForceUpdate = useForceUpdate;
-exports.useOnClickOutside = useOnClickOutside;
-exports.useOnEscape = useOnEscape;
-exports.useOnMount = useOnMount;
-exports.useRandomId = useRandomId;
-exports.useWindowDimensions = useWindowDimensions;
-exports.warnAboutMissingStyles = warnAboutMissingStyles;
-//# sourceMappingURL=utils.cjs.development.js.map

package/dist/utils.cjs.development.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.cjs.development.js","sources":["../src/useDebounce.ts","../src/useRandomId.ts","../src/useOnMount.ts","../src/mergeRefs.ts","../src/useForceUpdate.ts","../src/useOnClickOutside.ts","../src/useOnEscape.ts","../src/useWindowDimensions.ts","../src/ConditionalWrapper.tsx","../src/warnAboutMissingStyles.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport function useDebounce<T extends (...args: any[]) => any>(\n  callBack: T,\n  debounceTime: number,\n) {\n  const timeoutRef = useRef<ReturnType<typeof setTimeout>>();\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  const debouncedFunc = (...args: any[]) => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      callBack(...args);\n    }, debounceTime);\n  };\n\n  return debouncedFunc as T;\n}\n","import React from 'react';\n\nexport const useRandomId = (prefix?: string): string => {\n  const ref = React.useRef(String(Math.random()).substring(2));\n  return `${prefix}-${ref.current}`;\n};\n","import React from 'react';\n\nexport function useOnMount(callback: () => void): void {\n  const hasRun = React.useRef<boolean>(false);\n\n  React.useEffect(() => {\n    if (!hasRun.current) {\n      hasRun.current = true;\n      callback();\n    }\n  }, [callback]);\n}\n","export const mergeRefs = <T extends HTMLElement>(\n  ...refs: (React.MutableRefObject<T> | React.ForwardedRef<T> | undefined)[]\n) => {\n  return (node: T) => {\n    for (const ref of refs) {\n      if (typeof ref === 'function') {\n        ref(node);\n      } else if (ref) ref.current = node;\n    }\n  };\n};\n","import { useState } from 'react';\n\nexport const useForceUpdate = () => {\n  const [_, setValue] = useState(0);\n  return () => setValue(value => value + 1);\n};\n","import React, { useEffect } from 'react';\n\nexport const useOnClickOutside = (\n  refs: React.RefObject<HTMLDivElement>[],\n  handler: () => void,\n) => {\n  useEffect(() => {\n    const listener = (event: Event) => {\n      // If the ref contains the clicked element, then the click is not outside\n      if (refs.some(ref => elementContainsEventTarget(ref.current, event))) {\n        return;\n      }\n\n      handler();\n    };\n\n    document.addEventListener('mousedown', listener);\n    document.addEventListener('touchstart', listener);\n\n    return () => {\n      document.removeEventListener('mousedown', listener);\n      document.removeEventListener('touchstart', listener);\n    };\n  }, [refs, handler]);\n};\n\nconst elementContainsEventTarget = (\n  element: HTMLElement | null,\n  event: Event,\n) => {\n  if (!element) {\n    return false;\n  }\n\n  if (element.contains(event.target as Node)) {\n    return true;\n  }\n\n  // For elements inside a Shadow DOM we need to check the composedPath\n  if (event.composed && event.composedPath) {\n    const contains = event.composedPath().find(target => {\n      if (target === window) {\n        return false;\n      }\n      return element.contains(target as Node);\n    });\n    return contains ? true : false;\n  }\n\n  return false;\n};\n","import React, { useEffect } from 'react';\n\nexport const useOnEscape = (\n  ref: React.RefObject<HTMLElement>,\n  handler: () => void,\n) => {\n  useEffect(() => {\n    const runIfKeyIsEscape = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') handler();\n    };\n\n    const currentRef = ref.current;\n    currentRef?.addEventListener('keydown', runIfKeyIsEscape);\n\n    return () => currentRef?.removeEventListener('keydown', runIfKeyIsEscape);\n  }, [ref, handler]);\n};\n","// from https://stackoverflow.com/questions/36862334/get-viewport-window-height-in-reactjs\nimport { useState, useEffect } from 'react';\n\ntype WindowDimensions = {\n  width: number | undefined;\n  height: number | undefined;\n};\n\nconst getWindowDimensions = () => {\n  if (typeof window === 'undefined')\n    return { width: undefined, height: undefined };\n\n  const { innerWidth: width, innerHeight: height } = window;\n  return {\n    width,\n    height,\n  };\n};\n\nexport const useWindowDimensions = (): WindowDimensions => {\n  const [windowDimensions, setWindowDimensions] = useState(\n    getWindowDimensions(),\n  );\n\n  useEffect(() => {\n    function handleResize() {\n      setWindowDimensions(getWindowDimensions());\n    }\n\n    if (typeof window !== 'undefined') {\n      window.addEventListener('resize', handleResize);\n      return () => window.removeEventListener('resize', handleResize);\n    }\n  }, []);\n\n  return windowDimensions;\n};\n","import React from 'react';\n\ntype ConditionalWrapperType = {\n  condition: boolean;\n  wrapper: any;\n  children: any;\n};\n\nexport const ConditionalWrapper = ({\n  condition,\n  wrapper,\n  children,\n}: ConditionalWrapperType) => (condition ? wrapper(children) : <>{children}</>);\n","import warning from 'tiny-warning';\n\nconst packagesToCheck: Set<string> = new Set();\nlet checkTimeoutId: number;\n\nfunction checkAndWarn() {\n  const missingImports = Array.from(packagesToCheck)\n    .filter(\n      namespace =>\n        parseInt(\n          window\n            .getComputedStyle(document.documentElement)\n            .getPropertyValue(`--eds-${namespace}`),\n        ) !== 1,\n    )\n    .sort();\n\n  // Finally, we warn about those pesky imports\n  const singleMissingImport = missingImports.length === 1;\n  warning(\n    missingImports.length === 0,\n    `You are missing ${\n      singleMissingImport\n        ? 'a CSS import'\n        : `${missingImports.length} CSS imports`\n    }!\n\nPlease add the following CSS import${\n      singleMissingImport ? '' : 's'\n    } somewhere in your app:\n\n${missingImports\n  .map(namespace => `\\t@import '@entur/${namespace}/dist/styles.css';`)\n  .join('\\n')}\n`,\n  );\n}\n\n/** Warns the developer if they have forgotten to include styles */\nexport function warnAboutMissingStyles(...namespaces: string[]): void {\n  // We skip this check in production, and when we build static sites\n  if (!__DEV__ || typeof window === 'undefined') {\n    return;\n  }\n  // First, let's clear earlier calls to setTimeout\n  window.clearTimeout(checkTimeoutId);\n\n  // Next, let's add all namespaces to the set of packages to check\n  namespaces.forEach(namespace => packagesToCheck.add(namespace));\n\n  // Finally. let's trigger a run of the checker.\n  checkTimeoutId = window.setTimeout(checkAndWarn, 1000);\n}\n"],"names":["useDebounce","callBack","debounceTime","timeoutRef","useRef","useEffect","current","clearTimeout","debouncedFunc","args","setTimeout","useRandomId","prefix","ref","React","String","Math","random","substring","useOnMount","callback","hasRun","mergeRefs","refs","node","useForceUpdate","useState","setValue","value","useOnClickOutside","handler","listener","event","some","elementContainsEventTarget","document","addEventListener","removeEventListener","element","contains","target","composed","composedPath","find","window","useOnEscape","runIfKeyIsEscape","key","currentRef","getWindowDimensions","width","undefined","height","innerWidth","innerHeight","useWindowDimensions","windowDimensions","setWindowDimensions","handleResize","ConditionalWrapper","condition","wrapper","children","createElement","Fragment","packagesToCheck","Set","checkTimeoutId","checkAndWarn","missingImports","Array","from","filter","namespace","parseInt","getComputedStyle","documentElement","getPropertyValue","sort","singleMissingImport","length","warning","map","join","warnAboutMissingStyles","namespaces","forEach","add"],"mappings":"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"}

package/dist/utils.cjs.production.min.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("tiny-warning");var n=function(){if("undefined"==typeof window)return{width:void 0,height:void 0};var e=window;return{width:e.innerWidth,height:e.innerHeight}};exports.ConditionalWrapper=function(n){var t=n.children;return n.condition?(0,n.wrapper)(t):e.createElement(e.Fragment,null,t)},exports.mergeRefs=function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return function(e){for(var t=0,r=n;t<r.length;t++){var u=r[t];"function"==typeof u?u(e):u&&(u.current=e)}}},exports.useDebounce=function(n,t){var r=e.useRef();return e.useEffect((function(){return function(){r.current&&clearTimeout(r.current)}}),[]),function(){for(var e=arguments.length,u=new Array(e),o=0;o<e;o++)u[o]=arguments[o];r.current&&clearTimeout(r.current),r.current=setTimeout((function(){n.apply(void 0,u)}),t)}},exports.useForceUpdate=function(){var n=e.useState(0)[1];return function(){return n((function(e){return e+1}))}},exports.useOnClickOutside=function(n,t){e.useEffect((function(){var e=function(e){n.some((function(n){return function(e,n){return!(!e||!(e.contains(n.target)||n.composed&&n.composedPath&&n.composedPath().find((function(n){return n!==window&&e.contains(n)}))))}(n.current,e)}))||t()};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),function(){document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}}),[n,t])},exports.useOnEscape=function(n,t){e.useEffect((function(){var e=function(e){"Escape"===e.key&&t()},r=n.current;return null==r||r.addEventListener("keydown",e),function(){return null==r?void 0:r.removeEventListener("keydown",e)}}),[n,t])},exports.useOnMount=function(n){var t=e.useRef(!1);e.useEffect((function(){t.current||(t.current=!0,n())}),[n])},exports.useRandomId=function(n){return n+"-"+e.useRef(String(Math.random()).substring(2)).current},exports.useWindowDimensions=function(){var t=e.useState(n()),r=t[0],u=t[1];return e.useEffect((function(){function e(){u(n())}if("undefined"!=typeof window)return window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}}),[]),r},exports.warnAboutMissingStyles=function(){};
-//# sourceMappingURL=utils.cjs.production.min.js.map

package/dist/utils.cjs.production.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.cjs.production.min.js","sources":["../src/mergeRefs.ts","../src/useWindowDimensions.ts","../src/ConditionalWrapper.tsx","../src/useDebounce.ts","../src/useForceUpdate.ts","../src/useOnClickOutside.ts","../src/useOnEscape.ts","../src/useOnMount.ts","../src/useRandomId.ts","../src/warnAboutMissingStyles.ts"],"sourcesContent":["export const mergeRefs = <T extends HTMLElement>(\n  ...refs: (React.MutableRefObject<T> | React.ForwardedRef<T> | undefined)[]\n) => {\n  return (node: T) => {\n    for (const ref of refs) {\n      if (typeof ref === 'function') {\n        ref(node);\n      } else if (ref) ref.current = node;\n    }\n  };\n};\n","// from https://stackoverflow.com/questions/36862334/get-viewport-window-height-in-reactjs\nimport { useState, useEffect } from 'react';\n\ntype WindowDimensions = {\n  width: number | undefined;\n  height: number | undefined;\n};\n\nconst getWindowDimensions = () => {\n  if (typeof window === 'undefined')\n    return { width: undefined, height: undefined };\n\n  const { innerWidth: width, innerHeight: height } = window;\n  return {\n    width,\n    height,\n  };\n};\n\nexport const useWindowDimensions = (): WindowDimensions => {\n  const [windowDimensions, setWindowDimensions] = useState(\n    getWindowDimensions(),\n  );\n\n  useEffect(() => {\n    function handleResize() {\n      setWindowDimensions(getWindowDimensions());\n    }\n\n    if (typeof window !== 'undefined') {\n      window.addEventListener('resize', handleResize);\n      return () => window.removeEventListener('resize', handleResize);\n    }\n  }, []);\n\n  return windowDimensions;\n};\n","import React from 'react';\n\ntype ConditionalWrapperType = {\n  condition: boolean;\n  wrapper: any;\n  children: any;\n};\n\nexport const ConditionalWrapper = ({\n  condition,\n  wrapper,\n  children,\n}: ConditionalWrapperType) => (condition ? wrapper(children) : <>{children}</>);\n","import { useEffect, useRef } from 'react';\n\nexport function useDebounce<T extends (...args: any[]) => any>(\n  callBack: T,\n  debounceTime: number,\n) {\n  const timeoutRef = useRef<ReturnType<typeof setTimeout>>();\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  const debouncedFunc = (...args: any[]) => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      callBack(...args);\n    }, debounceTime);\n  };\n\n  return debouncedFunc as T;\n}\n","import { useState } from 'react';\n\nexport const useForceUpdate = () => {\n  const [_, setValue] = useState(0);\n  return () => setValue(value => value + 1);\n};\n","import React, { useEffect } from 'react';\n\nexport const useOnClickOutside = (\n  refs: React.RefObject<HTMLDivElement>[],\n  handler: () => void,\n) => {\n  useEffect(() => {\n    const listener = (event: Event) => {\n      // If the ref contains the clicked element, then the click is not outside\n      if (refs.some(ref => elementContainsEventTarget(ref.current, event))) {\n        return;\n      }\n\n      handler();\n    };\n\n    document.addEventListener('mousedown', listener);\n    document.addEventListener('touchstart', listener);\n\n    return () => {\n      document.removeEventListener('mousedown', listener);\n      document.removeEventListener('touchstart', listener);\n    };\n  }, [refs, handler]);\n};\n\nconst elementContainsEventTarget = (\n  element: HTMLElement | null,\n  event: Event,\n) => {\n  if (!element) {\n    return false;\n  }\n\n  if (element.contains(event.target as Node)) {\n    return true;\n  }\n\n  // For elements inside a Shadow DOM we need to check the composedPath\n  if (event.composed && event.composedPath) {\n    const contains = event.composedPath().find(target => {\n      if (target === window) {\n        return false;\n      }\n      return element.contains(target as Node);\n    });\n    return contains ? true : false;\n  }\n\n  return false;\n};\n","import React, { useEffect } from 'react';\n\nexport const useOnEscape = (\n  ref: React.RefObject<HTMLElement>,\n  handler: () => void,\n) => {\n  useEffect(() => {\n    const runIfKeyIsEscape = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') handler();\n    };\n\n    const currentRef = ref.current;\n    currentRef?.addEventListener('keydown', runIfKeyIsEscape);\n\n    return () => currentRef?.removeEventListener('keydown', runIfKeyIsEscape);\n  }, [ref, handler]);\n};\n","import React from 'react';\n\nexport function useOnMount(callback: () => void): void {\n  const hasRun = React.useRef<boolean>(false);\n\n  React.useEffect(() => {\n    if (!hasRun.current) {\n      hasRun.current = true;\n      callback();\n    }\n  }, [callback]);\n}\n","import React from 'react';\n\nexport const useRandomId = (prefix?: string): string => {\n  const ref = React.useRef(String(Math.random()).substring(2));\n  return `${prefix}-${ref.current}`;\n};\n","import warning from 'tiny-warning';\n\nconst packagesToCheck: Set<string> = new Set();\nlet checkTimeoutId: number;\n\nfunction checkAndWarn() {\n  const missingImports = Array.from(packagesToCheck)\n    .filter(\n      namespace =>\n        parseInt(\n          window\n            .getComputedStyle(document.documentElement)\n            .getPropertyValue(`--eds-${namespace}`),\n        ) !== 1,\n    )\n    .sort();\n\n  // Finally, we warn about those pesky imports\n  const singleMissingImport = missingImports.length === 1;\n  warning(\n    missingImports.length === 0,\n    `You are missing ${\n      singleMissingImport\n        ? 'a CSS import'\n        : `${missingImports.length} CSS imports`\n    }!\n\nPlease add the following CSS import${\n      singleMissingImport ? '' : 's'\n    } somewhere in your app:\n\n${missingImports\n  .map(namespace => `\\t@import '@entur/${namespace}/dist/styles.css';`)\n  .join('\\n')}\n`,\n  );\n}\n\n/** Warns the developer if they have forgotten to include styles */\nexport function warnAboutMissingStyles(...namespaces: string[]): void {\n  // We skip this check in production, and when we build static sites\n  if (!__DEV__ || typeof window === 'undefined') {\n    return;\n  }\n  // First, let's clear earlier calls to setTimeout\n  window.clearTimeout(checkTimeoutId);\n\n  // Next, let's add all namespaces to the set of packages to check\n  namespaces.forEach(namespace => packagesToCheck.add(namespace));\n\n  // Finally. let's trigger a run of the checker.\n  checkTimeoutId = window.setTimeout(checkAndWarn, 1000);\n}\n"],"names":["mergeRefs","getWindowDimensions","window","width","undefined","height","_window","innerWidth","innerHeight","_ref","children","condition","wrapper","React","createElement","Fragment","_len","arguments","length","refs","Array","_key","node","_i","_refs","ref","current","callBack","debounceTime","timeoutRef","useRef","useEffect","clearTimeout","args","setTimeout","apply","useState","setValue","value","handler","listener","event","some","element","contains","target","composed","composedPath","find","elementContainsEventTarget","document","addEventListener","removeEventListener","runIfKeyIsEscape","key","currentRef","callback","hasRun","prefix","String","Math","random","substring","_useState","windowDimensions","setWindowDimensions","handleResize"],"mappings":"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"}