@entur/utils 0.4.4 → 0.4.6-alpha.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.4.6-alpha.0](https://bitbucket.org/enturas/design-system/compare/@entur/utils@0.4.5...@entur/utils@0.4.6-alpha.0) (2022-10-20)
+
+### Bug Fixes
+
+- **locale:** wip fix for locale not working ([0ff0912](https://bitbucket.org/enturas/design-system/commits/0ff0912405e015abb50c9cb6103c5f9827d8bd7b))
+
+## [0.4.5](https://bitbucket.org/enturas/design-system/compare/@entur/utils@0.4.4...@entur/utils@0.4.5) (2022-08-31)
+
+**Note:** Version bump only for package @entur/utils
+
 ## [0.4.4](https://bitbucket.org/enturas/design-system/compare/@entur/utils@0.4.3...@entur/utils@0.4.4) (2022-08-24)
 
 ### Bug Fixes

package/dist/ConditionalWrapper.d.ts

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

package/dist/index.d.ts

@@ -2,4 +2,7 @@ export * from './debounce';
 export * from './PolymorphicComponent';
 export * from './useRandomId';
 export * from './useOnMount';
+export * from './mergeRefs';
+export * from './useOnClickOutside';
+export * from './ConditionalWrapper';
 export * from './warnAboutMissingStyles';

package/dist/mergeRefs.d.ts

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

package/dist/useOnClickOutside.d.ts

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

package/dist/utils.cjs.development.js

@@ -39,6 +39,113 @@ function useOnMount(callback) {
   }, [callback]);
 }
 
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+  return arr2;
+}
+
+function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it) return (it = it.call(o)).next.bind(it);
+
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it) o = it;
+    var i = 0;
+    return function () {
+      if (i >= o.length) return {
+        done: true
+      };
+      return {
+        done: false,
+        value: o[i++]
+      };
+    };
+  }
+
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+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 _iterator = _createForOfIteratorHelperLoose(refs), _step; !(_step = _iterator()).done;) {
+      var ref = _step.value;
+
+      if (typeof ref === 'function') {
+        ref(node);
+      } else if (ref) ref.current = node;
+    }
+  };
+};
+
+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 ConditionalWrapper = function ConditionalWrapper(_ref) {
+  var condition = _ref.condition,
+      wrapper = _ref.wrapper,
+      children = _ref.children;
+  return condition ? wrapper(children) : React__default["default"].createElement(React__default["default"].Fragment, null, children);
+};
+
 var packagesToCheck = /*#__PURE__*/new Set();
 var checkTimeoutId;
 
@@ -75,7 +182,10 @@ function warnAboutMissingStyles() {
   checkTimeoutId = window.setTimeout(checkAndWarn, 1000);
 }
 
+exports.ConditionalWrapper = ConditionalWrapper;
 exports.debounce = debounce;
+exports.mergeRefs = mergeRefs;
+exports.useOnClickOutside = useOnClickOutside;
 exports.useOnMount = useOnMount;
 exports.useRandomId = useRandomId;
 exports.warnAboutMissingStyles = warnAboutMissingStyles;

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

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs.development.js","sources":["../src/debounce.ts","../src/useRandomId.ts","../src/useOnMount.ts","../src/warnAboutMissingStyles.ts"],"sourcesContent":["export function debounce<T extends (...args: any[]) => any>(\n  fn: T,\n  delay: number,\n): (...args: Parameters<T>) => void {\n  let id: any;\n  return (...args) => {\n    clearTimeout(id);\n    id = setTimeout(() => fn(...args), delay);\n  };\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","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":["debounce","fn","delay","id","args","clearTimeout","setTimeout","useRandomId","prefix","ref","React","useRef","String","Math","random","substring","current","useOnMount","callback","hasRun","useEffect","packagesToCheck","Set","checkTimeoutId","checkAndWarn","missingImports","Array","from","filter","namespace","parseInt","window","getComputedStyle","document","documentElement","getPropertyValue","sort","singleMissingImport","length","warning","map","join","warnAboutMissingStyles","namespaces","forEach","add"],"mappings":";;;;;;;;;;;;SAAgBA,SACdC,IACAC;AAEA,MAAIC,EAAJ;AACA,SAAO;sCAAIC;AAAAA,MAAAA;;;AACTC,IAAAA,YAAY,CAACF,EAAD,CAAZ;AACAA,IAAAA,EAAE,GAAGG,UAAU,CAAC;AAAA,aAAML,EAAE,MAAF,SAAMG,IAAN,CAAN;AAAA,KAAD,EAAoBF,KAApB,CAAf;AACD,GAHD;AAID;;ICPYK,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD;AACzB,MAAMC,GAAG,GAAGC,yBAAK,CAACC,MAAN,CAAaC,MAAM,CAACC,IAAI,CAACC,MAAL,EAAD,CAAN,CAAsBC,SAAtB,CAAgC,CAAhC,CAAb,CAAZ;AACA,SAAUP,MAAV,SAAoBC,GAAG,CAACO,OAAxB;AACD;;SCHeC,WAAWC;AACzB,MAAMC,MAAM,GAAGT,yBAAK,CAACC,MAAN,CAAsB,KAAtB,CAAf;AAEAD,EAAAA,yBAAK,CAACU,SAAN,CAAgB;AACd,QAAI,CAACD,MAAM,CAACH,OAAZ,EAAqB;AACnBG,MAAAA,MAAM,CAACH,OAAP,GAAiB,IAAjB;AACAE,MAAAA,QAAQ;AACT;AACF,GALD,EAKG,CAACA,QAAD,CALH;AAMD;;ACTD,IAAMG,eAAe,gBAAgB,IAAIC,GAAJ,EAArC;AACA,IAAIC,cAAJ;;AAEA,SAASC,YAAT;AACE,MAAMC,cAAc,GAAGC,KAAK,CAACC,IAAN,CAAWN,eAAX,EACpBO,MADoB,CAEnB,UAAAC,SAAS;AAAA,WACPC,QAAQ,CACNC,MAAM,CACHC,gBADH,CACoBC,QAAQ,CAACC,eAD7B,EAEGC,gBAFH,YAE6BN,SAF7B,CADM,CAAR,KAIM,CALC;AAAA,GAFU,EASpBO,IAToB,EAAvB;;AAYA,MAAMC,mBAAmB,GAAGZ,cAAc,CAACa,MAAf,KAA0B,CAAtD;AACA,EAAAC,2BAAO,CACLd,cAAc,CAACa,MAAf,KAA0B,CADrB,wBAGHD,mBAAmB,GACf,cADe,GAEZZ,cAAc,CAACa,MAFH,iBAHhB,kDASHD,mBAAmB,GAAG,EAAH,GAAQ,GATxB,oCAYPZ,cAAc,CACbe,GADD,CACK,UAAAX,SAAS;AAAA,mCAA0BA,SAA1B;AAAA,GADd,EAECY,IAFD,CAEM,IAFN,CAZO,QAAP;AAiBD;AAED;;;SACgBC;AACd;AACA,MAAgB,OAAOX,MAAP,KAAkB,WAAlC,EAA+C;AAC7C;AACD;;;AAEDA,EAAAA,MAAM,CAAC1B,YAAP,CAAoBkB,cAApB;;oCANwCoB;AAAAA,IAAAA;;;AASxCA,EAAAA,UAAU,CAACC,OAAX,CAAmB,UAAAf,SAAS;AAAA,WAAIR,eAAe,CAACwB,GAAhB,CAAoBhB,SAApB,CAAJ;AAAA,GAA5B;;AAGAN,EAAAA,cAAc,GAAGQ,MAAM,CAACzB,UAAP,CAAkBkB,YAAlB,EAAgC,IAAhC,CAAjB;AACD;;;;;;;"}
+{"version":3,"file":"utils.cjs.development.js","sources":["../src/debounce.ts","../src/useRandomId.ts","../src/useOnMount.ts","../src/mergeRefs.ts","../src/useOnClickOutside.ts","../src/ConditionalWrapper.tsx","../src/warnAboutMissingStyles.ts"],"sourcesContent":["export function debounce<T extends (...args: any[]) => any>(\n  fn: T,\n  delay: number,\n): (...args: Parameters<T>) => void {\n  let id: any;\n  return (...args) => {\n    clearTimeout(id);\n    id = setTimeout(() => fn(...args), delay);\n  };\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>[]\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 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 from 'react';\n\nexport const ConditionalWrapper = ({ condition, wrapper, children }: any) =>\n  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":["debounce","fn","delay","id","args","clearTimeout","setTimeout","useRandomId","prefix","ref","React","useRef","String","Math","random","substring","current","useOnMount","callback","hasRun","useEffect","mergeRefs","refs","node","useOnClickOutside","handler","listener","event","some","elementContainsEventTarget","document","addEventListener","removeEventListener","element","contains","target","composed","composedPath","find","window","ConditionalWrapper","condition","wrapper","children","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 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("tiny-warning");var r=t(e);exports.debounce=function(e,t){var r;return function(){for(var n=arguments.length,u=new Array(n),o=0;o<n;o++)u[o]=arguments[o];clearTimeout(r),r=setTimeout((function(){return e.apply(void 0,u)}),t)}},exports.useOnMount=function(e){var t=r.default.useRef(!1);r.default.useEffect((function(){t.current||(t.current=!0,e())}),[e])},exports.useRandomId=function(e){return e+"-"+r.default.useRef(String(Math.random()).substring(2)).current},exports.warnAboutMissingStyles=function(){};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("tiny-warning");var n=t(e);function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0;return function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}exports.ConditionalWrapper=function(e){var t=e.children;return e.condition?(0,e.wrapper)(t):n.default.createElement(n.default.Fragment,null,t)},exports.debounce=function(e,t){var n;return function(){for(var r=arguments.length,o=new Array(r),u=0;u<r;u++)o[u]=arguments[u];clearTimeout(n),n=setTimeout((function(){return e.apply(void 0,o)}),t)}},exports.mergeRefs=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(e){for(var n,r=o(t);!(n=r()).done;){var u=n.value;"function"==typeof u?u(e):u&&(u.current=e)}}},exports.useOnClickOutside=function(t,n){e.useEffect((function(){var e=function(e){t.some((function(t){return function(e,t){return!(!e||!(e.contains(t.target)||t.composed&&t.composedPath&&t.composedPath().find((function(t){return t!==window&&e.contains(t)}))))}(t.current,e)}))||n()};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),function(){document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}}),[t,n])},exports.useOnMount=function(e){var t=n.default.useRef(!1);n.default.useEffect((function(){t.current||(t.current=!0,e())}),[e])},exports.useRandomId=function(e){return e+"-"+n.default.useRef(String(Math.random()).substring(2)).current},exports.warnAboutMissingStyles=function(){};
 //# sourceMappingURL=utils.cjs.production.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs.production.min.js","sources":["../src/debounce.ts","../src/useOnMount.ts","../src/useRandomId.ts"],"sourcesContent":["export function debounce<T extends (...args: any[]) => any>(\n  fn: T,\n  delay: number,\n): (...args: Parameters<T>) => void {\n  let id: any;\n  return (...args) => {\n    clearTimeout(id);\n    id = setTimeout(() => fn(...args), delay);\n  };\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"],"names":["fn","delay","id","args","clearTimeout","setTimeout","callback","hasRun","React","useRef","useEffect","current","prefix","String","Math","random","substring"],"mappings":"gOACEA,EACAC,OAEIC,SACG,sCAAIC,2BAAAA,kBACTC,aAAaF,GACbA,EAAKG,YAAW,kBAAML,eAAMG,KAAOF,iCCLZK,OACnBC,EAASC,UAAMC,QAAgB,GAErCD,UAAME,WAAU,WACTH,EAAOI,UACVJ,EAAOI,SAAU,EACjBL,OAED,CAACA,yBCRqB,SAACM,UAEhBA,MADEJ,UAAMC,OAAOI,OAAOC,KAAKC,UAAUC,UAAU,IACjCL"}
+{"version":3,"file":"utils.cjs.production.min.js","sources":["../src/ConditionalWrapper.tsx","../src/debounce.ts","../src/mergeRefs.ts","../src/useOnClickOutside.ts","../src/useOnMount.ts","../src/useRandomId.ts"],"sourcesContent":["import React from 'react';\n\nexport const ConditionalWrapper = ({ condition, wrapper, children }: any) =>\n  condition ? wrapper(children) : <>{children}</>;\n","export function debounce<T extends (...args: any[]) => any>(\n  fn: T,\n  delay: number,\n): (...args: Parameters<T>) => void {\n  let id: any;\n  return (...args) => {\n    clearTimeout(id);\n    id = setTimeout(() => fn(...args), delay);\n  };\n}\n","export const mergeRefs = <T extends HTMLElement>(\n  ...refs: React.MutableRefObject<T>[] | React.ForwardedRef<T>[]\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 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 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"],"names":["children","condition","wrapper","React","fn","delay","id","args","clearTimeout","setTimeout","refs","node","ref","current","handler","useEffect","listener","event","some","element","contains","target","composed","composedPath","find","window","elementContainsEventTarget","document","addEventListener","removeEventListener","callback","hasRun","useRef","prefix","String","Math","random","substring"],"mappings":"uhCAEkC,gBAAuBA,IAAAA,kBAApBC,WACvBC,IADkCA,SAC1BF,GAAYG,gDAAGH,8BCFnCI,EACAC,OAEIC,SACG,sCAAIC,2BAAAA,kBACTC,aAAaF,GACbA,EAAKG,YAAW,kBAAML,eAAMG,KAAOF,uBCPd,sCACpBK,2BAAAA,yBAEI,SAACC,iBACYD,kBAAM,KAAbE,UACU,mBAARA,EACTA,EAAID,GACKC,IAAKA,EAAIC,QAAUF,gCCLH,SAC/BD,EACAI,GAEAC,aAAU,eACFC,EAAW,SAACC,GAEZP,EAAKQ,MAAK,SAAAN,UAiBe,SACjCO,EACAF,YAEKE,KAIDA,EAAQC,SAASH,EAAMI,SAKvBJ,EAAMK,UAAYL,EAAMM,cACTN,EAAMM,eAAeC,MAAK,SAAAH,UACrCA,IAAWI,QAGRN,EAAQC,SAASC,QAnCHK,CAA2Bd,EAAIC,QAASI,OAI7DH,YAGFa,SAASC,iBAAiB,YAAaZ,GACvCW,SAASC,iBAAiB,aAAcZ,GAEjC,WACLW,SAASE,oBAAoB,YAAab,GAC1CW,SAASE,oBAAoB,aAAcb,MAE5C,CAACN,EAAMI,iCCrBegB,OACnBC,EAAS5B,UAAM6B,QAAgB,GAErC7B,UAAMY,WAAU,WACTgB,EAAOlB,UACVkB,EAAOlB,SAAU,EACjBiB,OAED,CAACA,yBCRqB,SAACG,UAEhBA,MADE9B,UAAM6B,OAAOE,OAAOC,KAAKC,UAAUC,UAAU,IACjCxB"}

package/dist/utils.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import warning from 'tiny-warning';
 
 function debounce(fn, delay) {
@@ -30,6 +30,113 @@ function useOnMount(callback) {
   }, [callback]);
 }
 
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+  return arr2;
+}
+
+function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it) return (it = it.call(o)).next.bind(it);
+
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it) o = it;
+    var i = 0;
+    return function () {
+      if (i >= o.length) return {
+        done: true
+      };
+      return {
+        done: false,
+        value: o[i++]
+      };
+    };
+  }
+
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+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 _iterator = _createForOfIteratorHelperLoose(refs), _step; !(_step = _iterator()).done;) {
+      var ref = _step.value;
+
+      if (typeof ref === 'function') {
+        ref(node);
+      } else if (ref) ref.current = node;
+    }
+  };
+};
+
+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);
+      })) {
+        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 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;
 
@@ -66,5 +173,5 @@ function warnAboutMissingStyles() {
   checkTimeoutId = window.setTimeout(checkAndWarn, 1000);
 }
 
-export { debounce, useOnMount, useRandomId, warnAboutMissingStyles };
+export { ConditionalWrapper, debounce, mergeRefs, useOnClickOutside, useOnMount, useRandomId, warnAboutMissingStyles };
 //# sourceMappingURL=utils.esm.js.map

package/dist/utils.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.esm.js","sources":["../src/debounce.ts","../src/useRandomId.ts","../src/useOnMount.ts","../src/warnAboutMissingStyles.ts"],"sourcesContent":["export function debounce<T extends (...args: any[]) => any>(\n  fn: T,\n  delay: number,\n): (...args: Parameters<T>) => void {\n  let id: any;\n  return (...args) => {\n    clearTimeout(id);\n    id = setTimeout(() => fn(...args), delay);\n  };\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","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":["debounce","fn","delay","id","args","clearTimeout","setTimeout","useRandomId","prefix","ref","React","useRef","String","Math","random","substring","current","useOnMount","callback","hasRun","useEffect","packagesToCheck","Set","checkTimeoutId","checkAndWarn","missingImports","Array","from","filter","namespace","parseInt","window","getComputedStyle","document","documentElement","getPropertyValue","sort","singleMissingImport","length","warning","map","join","warnAboutMissingStyles","namespaces","forEach","add"],"mappings":";;;SAAgBA,SACdC,IACAC;AAEA,MAAIC,EAAJ;AACA,SAAO;sCAAIC;AAAAA,MAAAA;;;AACTC,IAAAA,YAAY,CAACF,EAAD,CAAZ;AACAA,IAAAA,EAAE,GAAGG,UAAU,CAAC;AAAA,aAAML,EAAE,MAAF,SAAMG,IAAN,CAAN;AAAA,KAAD,EAAoBF,KAApB,CAAf;AACD,GAHD;AAID;;ICPYK,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD;AACzB,MAAMC,GAAG,GAAGC,KAAK,CAACC,MAAN,CAAaC,MAAM,CAACC,IAAI,CAACC,MAAL,EAAD,CAAN,CAAsBC,SAAtB,CAAgC,CAAhC,CAAb,CAAZ;AACA,SAAUP,MAAV,SAAoBC,GAAG,CAACO,OAAxB;AACD;;SCHeC,WAAWC;AACzB,MAAMC,MAAM,GAAGT,KAAK,CAACC,MAAN,CAAsB,KAAtB,CAAf;AAEAD,EAAAA,KAAK,CAACU,SAAN,CAAgB;AACd,QAAI,CAACD,MAAM,CAACH,OAAZ,EAAqB;AACnBG,MAAAA,MAAM,CAACH,OAAP,GAAiB,IAAjB;AACAE,MAAAA,QAAQ;AACT;AACF,GALD,EAKG,CAACA,QAAD,CALH;AAMD;;ACTD,IAAMG,eAAe,gBAAgB,IAAIC,GAAJ,EAArC;AACA,IAAIC,cAAJ;;AAEA,SAASC,YAAT;AACE,MAAMC,cAAc,GAAGC,KAAK,CAACC,IAAN,CAAWN,eAAX,EACpBO,MADoB,CAEnB,UAAAC,SAAS;AAAA,WACPC,QAAQ,CACNC,MAAM,CACHC,gBADH,CACoBC,QAAQ,CAACC,eAD7B,EAEGC,gBAFH,YAE6BN,SAF7B,CADM,CAAR,KAIM,CALC;AAAA,GAFU,EASpBO,IAToB,EAAvB;;AAYA,MAAMC,mBAAmB,GAAGZ,cAAc,CAACa,MAAf,KAA0B,CAAtD;AACA,0CAAAC,OAAO,CACLd,cAAc,CAACa,MAAf,KAA0B,CADrB,wBAGHD,mBAAmB,GACf,cADe,GAEZZ,cAAc,CAACa,MAFH,iBAHhB,kDASHD,mBAAmB,GAAG,EAAH,GAAQ,GATxB,oCAYPZ,cAAc,CACbe,GADD,CACK,UAAAX,SAAS;AAAA,mCAA0BA,SAA1B;AAAA,GADd,EAECY,IAFD,CAEM,IAFN,CAZO,QAAP;AAiBD;AAED;;;SACgBC;AACd;AACA,MAAI,4CAAY,OAAOX,MAAP,KAAkB,WAAlC,EAA+C;AAC7C;AACD;;;AAEDA,EAAAA,MAAM,CAAC1B,YAAP,CAAoBkB,cAApB;;oCANwCoB;AAAAA,IAAAA;;;AASxCA,EAAAA,UAAU,CAACC,OAAX,CAAmB,UAAAf,SAAS;AAAA,WAAIR,eAAe,CAACwB,GAAhB,CAAoBhB,SAApB,CAAJ;AAAA,GAA5B;;AAGAN,EAAAA,cAAc,GAAGQ,MAAM,CAACzB,UAAP,CAAkBkB,YAAlB,EAAgC,IAAhC,CAAjB;AACD;;;;"}
+{"version":3,"file":"utils.esm.js","sources":["../src/debounce.ts","../src/useRandomId.ts","../src/useOnMount.ts","../src/mergeRefs.ts","../src/useOnClickOutside.ts","../src/ConditionalWrapper.tsx","../src/warnAboutMissingStyles.ts"],"sourcesContent":["export function debounce<T extends (...args: any[]) => any>(\n  fn: T,\n  delay: number,\n): (...args: Parameters<T>) => void {\n  let id: any;\n  return (...args) => {\n    clearTimeout(id);\n    id = setTimeout(() => fn(...args), delay);\n  };\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>[]\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 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 from 'react';\n\nexport const ConditionalWrapper = ({ condition, wrapper, children }: any) =>\n  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":["debounce","fn","delay","id","args","clearTimeout","setTimeout","useRandomId","prefix","ref","React","useRef","String","Math","random","substring","current","useOnMount","callback","hasRun","useEffect","mergeRefs","refs","node","useOnClickOutside","handler","listener","event","some","elementContainsEventTarget","document","addEventListener","removeEventListener","element","contains","target","composed","composedPath","find","window","ConditionalWrapper","condition","wrapper","children","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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/utils",
-  "version": "0.4.4",
+  "version": "0.4.6-alpha.0",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/utils.esm.js",
@@ -30,5 +30,5 @@
     "react-polymorphic-types": "^1.1.0",
     "tiny-warning": "^1.0.3"
   },
-  "gitHead": "1dabe0c64e98a7de3a47a29fc24fd46e74dc0d7c"
+  "gitHead": "497df350c3af082f714f461c7089a1fec1b4f8c9"
 }