@entur/utils 0.12.2 → 0.12.4-beta.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/index.d.ts

@@ -1,13 +1,82 @@
-export * from './PolymorphicComponent';
-export * from './useDebounce';
-export * from './useRandomId';
-export * from './useOnMount';
-export * from './mergeRefs';
-export * from './useForceUpdate';
-export * from './useOnClickOutside';
-export * from './useOnEscape';
-export * from './useWindowDimensions';
-export * from './ConditionalWrapper';
-export * from './warnAboutMissingStyles';
-export * from './types';
-export * from './getNodeText';
+import { default as default_2 } from 'react';
+
+declare type AsProp<C extends default_2.ElementType> = {
+    /**
+     * An override of the default HTML tag.
+     * Can also be another React component.
+     */
+    as?: C;
+};
+
+export declare const ConditionalWrapper: ({ condition, wrapper, children, }: ConditionalWrapperType) => any;
+
+declare type ConditionalWrapperType = {
+    condition: boolean;
+    wrapper: any;
+    children: any;
+};
+
+/**
+ * Allows for extending a set of props (`ExtendedProps`) by an overriding set of props
+ * (`OverrideProps`), ensuring that any duplicates are overridden by the overriding
+ * set of props.
+ */
+export declare type ExtendableProps<ExtendedProps = Record<string, unknown>, OverrideProps = Record<string, unknown>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
+
+export declare const getNodeText: (node: React.ReactNode | string | number | string[] | number[]) => string;
+
+/**
+ * Allows for inheriting the props from the specified element type so that
+ * props like children, className & style work, as well as element-specific
+ * attributes like aria roles. The component (`C`) must be passed in.
+ */
+export declare type InheritableElementProps<C extends default_2.ElementType, Props = Record<string, unknown>> = ExtendableProps<PropsOf<C>, Props>;
+
+export declare const mergeRefs: <T extends HTMLElement>(...refs: (React.MutableRefObject<T> | React.ForwardedRef<T> | ((node: T | null) => void) | undefined)[]) => (node: T) => void;
+
+/**
+ * A more sophisticated version of `InheritableElementProps` where
+ * the passed in `as` prop will determine which props can be included
+ */
+export declare type PolymorphicComponentProps<C extends default_2.ElementType, Props = Record<string, unknown>> = InheritableElementProps<C, Props & AsProp<C>>;
+
+/**
+ * A wrapper of `PolymorphicComponentProps` that also includes the `ref`
+ * prop for the polymorphic component
+ */
+export declare type PolymorphicComponentPropsWithRef<C extends default_2.ElementType, Props = Record<string, unknown>> = PolymorphicComponentProps<C, Props> & {
+    ref?: PolymorphicRef<C>;
+};
+
+/**
+ * Utility type to extract the `ref` prop from a polymorphic component
+ */
+export declare type PolymorphicRef<C extends default_2.ElementType> = default_2.ComponentPropsWithRef<C>['ref'];
+
+export declare type PropsOf<C extends keyof JSX.IntrinsicElements | default_2.JSXElementConstructor<any>> = JSX.LibraryManagedAttributes<C, default_2.ComponentPropsWithoutRef<C>>;
+
+export declare function useDebounce<T extends (...args: any[]) => any>(callBack: T, debounceTime: number): T;
+
+export declare const useForceUpdate: () => () => void;
+
+export declare const useOnClickOutside: (refs: (default_2.RefObject<HTMLElement> | default_2.MutableRefObject<any>)[], handler: () => void) => void;
+
+export declare const useOnEscape: (ref: default_2.RefObject<any> | default_2.MutableRefObject<any>, handler: () => void) => void;
+
+export declare function useOnMount(callback: () => void): void;
+
+export declare const useRandomId: (prefix?: string) => string;
+
+export declare const useWindowDimensions: () => WindowDimensions;
+
+export declare type VariantType = 'success' | 'negative' | 'warning' | 'information';
+
+/** Warns the developer if they have forgotten to include styles */
+export declare function warnAboutMissingStyles(...namespaces: string[]): void;
+
+declare type WindowDimensions = {
+    width: number | undefined;
+    height: number | undefined;
+};
+
+export { }

package/dist/utils.cjs.js

@@ -0,0 +1,185 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const jsxRuntime = require("react/jsx-runtime");
+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 ref = React.useRef(String(Math.random()).substring(2));
+  return `${prefix}-${ref.current}`;
+};
+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 ? true : false;
+  }
+  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 getWindowDimensions = () => {
+  if (typeof window === "undefined")
+    return { width: void 0, height: void 0 };
+  const { innerWidth: width, innerHeight: height } = window;
+  return {
+    width,
+    height
+  };
+};
+const useWindowDimensions = () => {
+  const [windowDimensions, setWindowDimensions] = React.useState(
+    getWindowDimensions()
+  );
+  React.useEffect(() => {
+    function handleResize() {
+      setWindowDimensions(getWindowDimensions());
+    }
+    if (typeof window !== "undefined") {
+      window.addEventListener("resize", handleResize);
+      return () => window.removeEventListener("resize", handleResize);
+    }
+  }, []);
+  return windowDimensions;
+};
+const ConditionalWrapper = ({
+  condition,
+  wrapper,
+  children
+}) => condition ? wrapper(children) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+var isProduction = process.env.NODE_ENV === "production";
+function warning(condition, message) {
+  if (!isProduction) {
+    if (condition) {
+      return;
+    }
+    var text = "Warning: " + message;
+    if (typeof console !== "undefined") {
+      console.warn(text);
+    }
+    try {
+      throw Error(text);
+    } catch (x) {
+    }
+  }
+}
+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";
+};
+exports.ConditionalWrapper = ConditionalWrapper;
+exports.getNodeText = getNodeText;
+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.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","../../../node_modules/tiny-warning/dist/tiny-warning.esm.js","../src/warnAboutMissingStyles.ts","../src/getNodeText.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: (\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 ? true : false;\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","// 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","var isProduction = process.env.NODE_ENV === 'production';\nfunction warning(condition, message) {\n  if (!isProduction) {\n    if (condition) {\n      return;\n    }\n\n    var text = \"Warning: \" + message;\n\n    if (typeof console !== 'undefined') {\n      console.warn(text);\n    }\n\n    try {\n      throw Error(text);\n    } catch (x) {}\n  }\n}\n\nexport default warning;\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"],"names":["useRef","useEffect","useState"],"mappings":"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","x_google_ignoreList":[9]}

package/dist/utils.esm.js

@@ -1,97 +1,75 @@
-import React, { useRef, useEffect, useState } from 'react';
-import warning from 'tiny-warning';
-
+import React, { useRef, useEffect, useState } from "react";
+import { jsx, Fragment } from "react/jsx-runtime";
 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 ref = React.useRef(String(Math.random()).substring(2));
+  return `${prefix}-${ref.current}`;
 };
-
 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;
       }
@@ -101,102 +79,107 @@ var elementContainsEventTarget = function elementContainsEventTarget(element, ev
   }
   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 || 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;
+const getWindowDimensions = () => {
+  if (typeof window === "undefined")
+    return { width: void 0, height: void 0 };
+  const { innerWidth: width, innerHeight: height } = window;
   return {
-    width: width,
-    height: height
+    width,
+    height
   };
 };
-var useWindowDimensions = function useWindowDimensions() {
-  var _useState = useState(getWindowDimensions()),
-    windowDimensions = _useState[0],
-    setWindowDimensions = _useState[1];
-  useEffect(function () {
+const useWindowDimensions = () => {
+  const [windowDimensions, setWindowDimensions] = useState(
+    getWindowDimensions()
+  );
+  useEffect(() => {
     function handleResize() {
       setWindowDimensions(getWindowDimensions());
     }
-    if (typeof window !== 'undefined') {
-      window.addEventListener('resize', handleResize);
-      return function () {
-        return window.removeEventListener('resize', handleResize);
-      };
+    if (typeof window !== "undefined") {
+      window.addEventListener("resize", handleResize);
+      return () => window.removeEventListener("resize", handleResize);
     }
   }, []);
   return windowDimensions;
 };
+const ConditionalWrapper = ({
+  condition,
+  wrapper,
+  children
+}) => condition ? wrapper(children) : /* @__PURE__ */ jsx(Fragment, { children });
+var isProduction = process.env.NODE_ENV === "production";
+function warning(condition, message) {
+  if (!isProduction) {
+    if (condition) {
+      return;
+    }
+    var text = "Warning: " + message;
+    if (typeof console !== "undefined") {
+      console.warn(text);
+    }
+    try {
+      throw Error(text);
+    } catch (x) {
+    }
+  }
+}
+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`}!
 
-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);
-};
+Please add the following CSS import${singleMissingImport ? "" : "s"} somewhere in your app:
 
-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;
-  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;
+${missingImports.map((namespace) => `	@import '@entur/${namespace}/dist/styles.css';`).join("\n")}
+`
+  );
 }
-/** Warns the developer if they have forgotten to include styles */
-function warnAboutMissingStyles() {
-  var _process;
-  // We skip this check in production, and when we build static sites
-  if (!(process.env.NODE_ENV !== "production") || typeof window === 'undefined' || typeof process !== 'undefined' && ((_process = process) == null || (_process = _process.env) == null ? void 0 : _process.TEST) === 'true') {
+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);
 }
-
-// with inspiration from https://stackoverflow.com/questions/50428910/get-text-content-from-node-in-react
-var _getNodeText = function getNodeText(node) {
-  var _node$props$children, _node$props;
-  if (node === null || node === undefined) return '';
-  if (['string', 'number'].includes(typeof node)) return node.toString();
-  if (node instanceof Array) return node.map(_getNodeText).join('').trim();
-  if (typeof node === 'object')
-    // @ts-expect-error props does exist for react nodes
-    return _getNodeText((_node$props$children = (_node$props = node.props) == null ? void 0 : _node$props.children) != null ? _node$props$children : '').trim();
-  return 'unknown';
+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";
+};
+export {
+  ConditionalWrapper,
+  getNodeText,
+  mergeRefs,
+  useDebounce,
+  useForceUpdate,
+  useOnClickOutside,
+  useOnEscape,
+  useOnMount,
+  useRandomId,
+  useWindowDimensions,
+  warnAboutMissingStyles
 };
-
-export { ConditionalWrapper, _getNodeText as getNodeText, mergeRefs, 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","../src/getNodeText.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: (\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 ? true : false;\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","// 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 (\n    !__DEV__ ||\n    typeof window === 'undefined' ||\n    (typeof process !== 'undefined' && process?.env?.TEST === 'true')\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"],"names":["useDebounce","callBack","debounceTime","timeoutRef","useRef","useEffect","current","clearTimeout","debouncedFunc","_len","arguments","length","args","Array","_key","setTimeout","apply","useRandomId","prefix","ref","React","String","Math","random","substring","useOnMount","callback","hasRun","mergeRefs","refs","node","_i","_refs","useForceUpdate","_useState","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","_window","innerWidth","innerHeight","useWindowDimensions","windowDimensions","setWindowDimensions","handleResize","ConditionalWrapper","_ref","condition","wrapper","children","createElement","Fragment","packagesToCheck","Set","checkTimeoutId","checkAndWarn","missingImports","from","filter","namespace","parseInt","getComputedStyle","documentElement","getPropertyValue","sort","singleMissingImport","process","env","NODE_ENV","warning","map","join","warnAboutMissingStyles","_process","TEST","namespaces","forEach","add","getNodeText","_node$props$children","_node$props","includes","toString","trim","props"],"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","../../../node_modules/tiny-warning/dist/tiny-warning.esm.js","../src/warnAboutMissingStyles.ts","../src/getNodeText.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: (\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 ? true : false;\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","// 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","var isProduction = process.env.NODE_ENV === 'production';\nfunction warning(condition, message) {\n  if (!isProduction) {\n    if (condition) {\n      return;\n    }\n\n    var text = \"Warning: \" + message;\n\n    if (typeof console !== 'undefined') {\n      console.warn(text);\n    }\n\n    try {\n      throw Error(text);\n    } catch (x) {}\n  }\n}\n\nexport default warning;\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"],"names":[],"mappings":"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","x_google_ignoreList":[9]}

package/package.json

@@ -1,10 +1,18 @@
 {
   "name": "@entur/utils",
-  "version": "0.12.2",
+  "version": "0.12.4-beta.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"
+    },
+    "./dist/*": "./dist/*"
+  },
   "files": [
     "dist"
   ],
@@ -17,9 +25,10 @@
     "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",
+    "lint": "eslint src"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -29,7 +38,16 @@
     "tiny-warning": "^1.0.3"
   },
   "devDependencies": {
-    "dts-cli": "2.0.5"
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^10.4.9",
+    "@testing-library/user-event": "14.6.1",
+    "eslint": "^7.32.0",
+    "jest": "^29.0.0",
+    "jest-environment-jsdom": "^29.0.0",
+    "ts-jest": "^29.0.0",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.3",
+    "vite-plugin-dts": "^4.5.4"
   },
-  "gitHead": "835e1335b390f48b80379ae6c473ac89041a392a"
+  "gitHead": "414181fa2084722438238256a9aa32e304896b9d"
 }

package/dist/ConditionalWrapper.d.ts

@@ -1,7 +0,0 @@
-type ConditionalWrapperType = {
-    condition: boolean;
-    wrapper: any;
-    children: any;
-};
-export declare const ConditionalWrapper: ({ condition, wrapper, children, }: ConditionalWrapperType) => any;
-export {};

package/dist/PolymorphicComponent.d.ts

@@ -1,41 +0,0 @@
-/** 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';
-export type PropsOf<C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>> = JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;
-type AsProp<C extends React.ElementType> = {
-    /**
-     * An override of the default HTML tag.
-     * Can also be another React component.
-     */
-    as?: C;
-};
-/**
- * Allows for extending a set of props (`ExtendedProps`) by an overriding set of props
- * (`OverrideProps`), ensuring that any duplicates are overridden by the overriding
- * set of props.
- */
-export type ExtendableProps<ExtendedProps = Record<string, unknown>, OverrideProps = Record<string, unknown>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
-/**
- * Allows for inheriting the props from the specified element type so that
- * props like children, className & style work, as well as element-specific
- * attributes like aria roles. The component (`C`) must be passed in.
- */
-export type InheritableElementProps<C extends React.ElementType, Props = Record<string, unknown>> = ExtendableProps<PropsOf<C>, Props>;
-/**
- * A more sophisticated version of `InheritableElementProps` where
- * the passed in `as` prop will determine which props can be included
- */
-export type PolymorphicComponentProps<C extends React.ElementType, Props = Record<string, unknown>> = InheritableElementProps<C, Props & AsProp<C>>;
-/**
- * Utility type to extract the `ref` prop from a polymorphic component
- */
-export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
-/**
- * A wrapper of `PolymorphicComponentProps` that also includes the `ref`
- * prop for the polymorphic component
- */
-export type PolymorphicComponentPropsWithRef<C extends React.ElementType, Props = Record<string, unknown>> = PolymorphicComponentProps<C, Props> & {
-    ref?: PolymorphicRef<C>;
-};
-export {};

package/dist/getNodeText.d.ts

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

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/mergeRefs.d.ts

@@ -1 +0,0 @@
-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/index.d.ts

@@ -1 +0,0 @@
-export * from './variants';

package/dist/types/variants.d.ts

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

package/dist/useDebounce.d.ts

@@ -1 +0,0 @@
-export declare function useDebounce<T extends (...args: any[]) => any>(callBack: T, debounceTime: number): T;

package/dist/useForceUpdate.d.ts

@@ -1 +0,0 @@
-export declare const useForceUpdate: () => () => void;

package/dist/useOnClickOutside.d.ts

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

package/dist/useOnEscape.d.ts

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

package/dist/useOnMount.d.ts

@@ -1 +0,0 @@
-export declare function useOnMount(callback: () => void): void;

package/dist/useRandomId.d.ts

@@ -1 +0,0 @@
-export declare const useRandomId: (prefix?: string) => string;

package/dist/useWindowDimensions.d.ts

@@ -1,6 +0,0 @@
-type WindowDimensions = {
-    width: number | undefined;
-    height: number | undefined;
-};
-export declare const useWindowDimensions: () => WindowDimensions;
-export {};

package/dist/utils.cjs.development.js

@@ -1,216 +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 || 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() {
-  var _process;
-  // We skip this check in production, and when we build static sites
-  if (typeof window === 'undefined' || typeof process !== 'undefined' && ((_process = process) == null || (_process = _process.env) == null ? void 0 : _process.TEST) === 'true') {
-    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);
-}
-
-// with inspiration from https://stackoverflow.com/questions/50428910/get-text-content-from-node-in-react
-var _getNodeText = function getNodeText(node) {
-  var _node$props$children, _node$props;
-  if (node === null || node === undefined) return '';
-  if (['string', 'number'].includes(typeof node)) return node.toString();
-  if (node instanceof Array) return node.map(_getNodeText).join('').trim();
-  if (typeof node === 'object')
-    // @ts-expect-error props does exist for react nodes
-    return _getNodeText((_node$props$children = (_node$props = node.props) == null ? void 0 : _node$props.children) != null ? _node$props$children : '').trim();
-  return 'unknown';
-};
-
-exports.ConditionalWrapper = ConditionalWrapper;
-exports.getNodeText = _getNodeText;
-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","../src/getNodeText.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: (\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 ? true : false;\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","// 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 (\n    !__DEV__ ||\n    typeof window === 'undefined' ||\n    (typeof process !== 'undefined' && process?.env?.TEST === 'true')\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"],"names":["useDebounce","callBack","debounceTime","timeoutRef","useRef","useEffect","current","clearTimeout","debouncedFunc","_len","arguments","length","args","Array","_key","setTimeout","apply","useRandomId","prefix","ref","React","String","Math","random","substring","useOnMount","callback","hasRun","mergeRefs","refs","node","_i","_refs","useForceUpdate","_useState","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","_window","innerWidth","innerHeight","useWindowDimensions","windowDimensions","setWindowDimensions","handleResize","ConditionalWrapper","_ref","condition","wrapper","children","createElement","Fragment","packagesToCheck","Set","checkTimeoutId","checkAndWarn","missingImports","from","filter","namespace","parseInt","getComputedStyle","documentElement","getPropertyValue","sort","singleMissingImport","process","warning","map","join","warnAboutMissingStyles","_process","env","TEST","namespaces","forEach","add","getNodeText","_node$props$children","_node$props","includes","toString","trim","props"],"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 n=require("react");require("tiny-warning");var e=function(){if("undefined"==typeof window)return{width:void 0,height:void 0};var n=window;return{width:n.innerWidth,height:n.innerHeight}},t=function(n){var e,r;return null==n?"":["string","number"].includes(typeof n)?n.toString():n instanceof Array?n.map(t).join("").trim():"object"==typeof n?t(null!=(e=null==(r=n.props)?void 0:r.children)?e:"").trim():"unknown"};exports.ConditionalWrapper=function(e){var t=e.children;return e.condition?(0,e.wrapper)(t):n.createElement(n.Fragment,null,t)},exports.getNodeText=t,exports.mergeRefs=function(){for(var n=arguments.length,e=new Array(n),t=0;t<n;t++)e[t]=arguments[t];return function(n){for(var t=0,r=e;t<r.length;t++){var o=r[t];"function"==typeof o?o(n):o&&(o.current=n)}}},exports.useDebounce=function(e,t){var r=n.useRef();return n.useEffect((function(){return function(){r.current&&clearTimeout(r.current)}}),[]),function(){for(var n=arguments.length,o=new Array(n),u=0;u<n;u++)o[u]=arguments[u];r.current&&clearTimeout(r.current),r.current=setTimeout((function(){e.apply(void 0,o)}),t)}},exports.useForceUpdate=function(){var e=n.useState(0)[1];return function(){return e((function(n){return n+1}))}},exports.useOnClickOutside=function(e,t){n.useEffect((function(){var n=function(n){e.some((function(e){return function(n,e){return!(!n||!(n.contains(e.target)||e.composed&&e.composedPath&&e.composedPath().find((function(e){return e!==window&&n.contains(e)}))))}(e.current,n)}))||t()};return document.addEventListener("mousedown",n),document.addEventListener("touchstart",n),function(){document.removeEventListener("mousedown",n),document.removeEventListener("touchstart",n)}}),[e,t])},exports.useOnEscape=function(e,t){n.useEffect((function(){var n=function(n){"Escape"===n.key&&t()},r=e.current;return null==r||r.addEventListener("keydown",n),function(){return null==r?void 0:r.removeEventListener("keydown",n)}}),[e,t])},exports.useOnMount=function(e){var t=n.useRef(!1);n.useEffect((function(){t.current||(t.current=!0,e())}),[e])},exports.useRandomId=function(e){return e+"-"+n.useRef(String(Math.random()).substring(2)).current},exports.useWindowDimensions=function(){var t=n.useState(e()),r=t[0],o=t[1];return n.useEffect((function(){function n(){o(e())}if("undefined"!=typeof window)return window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}}),[]),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/useWindowDimensions.ts","../src/getNodeText.ts","../src/ConditionalWrapper.tsx","../src/mergeRefs.ts","../src/useDebounce.ts","../src/useForceUpdate.ts","../src/useOnClickOutside.ts","../src/useOnEscape.ts","../src/useOnMount.ts","../src/useRandomId.ts","../src/warnAboutMissingStyles.ts"],"sourcesContent":["// 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","// 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 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","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 { 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<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 ? true : false;\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 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 (\n    !__DEV__ ||\n    typeof window === 'undefined' ||\n    (typeof process !== 'undefined' && process?.env?.TEST === 'true')\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"],"names":["getWindowDimensions","window","width","undefined","height","_window","innerWidth","innerHeight","getNodeText","node","_node$props$children","_node$props","includes","toString","Array","map","join","trim","props","children","_ref","condition","wrapper","React","createElement","Fragment","_len","arguments","length","refs","_key","_i","_refs","ref","current","callBack","debounceTime","timeoutRef","useRef","useEffect","clearTimeout","args","setTimeout","apply","setValue","useState","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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"}

package/dist/warnAboutMissingStyles.d.ts

@@ -1,2 +0,0 @@
-/** Warns the developer if they have forgotten to include styles */
-export declare function warnAboutMissingStyles(...namespaces: string[]): void;