@laerdal/life-react-components 1.8.0 → 1.9.0-dev.1

package/dist/common/StackState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/common/StackState.ts"],"names":["useStackState","initial","React","useState","state","setState","reset","useCallback","value","peek","length","undefined","push","concat","pop","slice"],"mappings":";;;;;;;;;;;AAAA;;AAGO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAAIC,OAAJ,EAAoB;AAC/C,wBAA0BC,eAAMC,QAAN,CAAkCF,OAAO,GAAG,CAACA,OAAD,CAAH,GAAe,EAAxD,CAA1B;AAAA;AAAA,MAAOG,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,KAAK,GAAGJ,eAAMK,WAAN,CAAkB,UAACC,KAAD;AAAA,WAAeH,QAAQ,CAAC,CAAC,CAACG,KAAF,IAAW,CAAC,CAACP,OAAb,GAAuB,CAACO,KAAD,aAACA,KAAD,cAACA,KAAD,GAAUP,OAAV,CAAvB,GAA4C,EAA7C,CAAvB;AAAA,GAAlB,EAA2F,CAACA,OAAD,CAA3F,CAAd;;AACA,MAAMQ,IAAI,GAAGP,eAAMK,WAAN,CAAkB;AAAA,WAAM,CAAC,CAACH,KAAK,CAACM,MAAR,GAAiBN,KAAK,CAACA,KAAK,CAACM,MAAN,GAAe,CAAhB,CAAtB,GAA2CC,SAAjD;AAAA,GAAlB,EAA8E,CAACP,KAAD,CAA9E,CAAb;;AACA,MAAMQ,IAAI,GAAGV,eAAMK,WAAN,CAAkB,UAACC,KAAD;AAAA,WAAcH,QAAQ,CAACD,KAAK,CAACS,MAAN,CAAaL,KAAb,CAAD,CAAtB;AAAA,GAAlB,EAA+D,CAACJ,KAAD,CAA/D,CAAb;;AACA,MAAMU,GAAG,GAAGZ,eAAMK,WAAN,CAAkB;AAAA,WAAMF,QAAQ,CAACD,KAAK,CAACW,KAAN,CAAY,CAAZ,EAAe,CAAC,CAAhB,CAAD,CAAd;AAAA,GAAlB,EAAsD,CAACX,KAAD,CAAtD,CAAZ;;AACA,MAAMM,MAAM,GAAGN,KAAK,CAACM,MAArB;AAEA,SAAO;AAACD,IAAAA,IAAI,EAAJA,IAAD;AAAOG,IAAAA,IAAI,EAAJA,IAAP;AAAaE,IAAAA,GAAG,EAAHA,GAAb;AAAkBR,IAAAA,KAAK,EAALA,KAAlB;AAAyBI,IAAAA,MAAM,EAANA;AAAzB,GAAP;AACD,CAVM","sourcesContent":["import React from 'react';\n\n\nexport const useStackState = <T>(initial?: T) => {\n  const [state, setState] = React.useState<(T | undefined)[]>(initial ? [initial] : []);\n\n  const reset = React.useCallback((value?: T) => setState(!!value || !!initial ? [value ?? initial] : []), [initial]);\n  const peek = React.useCallback(() => !!state.length ? state[state.length - 1] : undefined, [state]);\n  const push = React.useCallback((value: T) => setState(state.concat(value)), [state]);\n  const pop = React.useCallback(() => setState(state.slice(0, -1)), [state]);\n  const length = state.length;\n\n  return {peek, push, pop, reset, length};\n};\n"],"file":"StackState.cjs"}

package/dist/common/StackState.d.ts

@@ -0,0 +1,7 @@
+export declare const useStackState: <T>(initial?: T | undefined) => {
+    peek: () => T | undefined;
+    push: (value: T) => void;
+    pop: () => void;
+    reset: (value?: T | undefined) => void;
+    length: number;
+};

package/dist/common/StackState.js

@@ -0,0 +1,30 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+export var useStackState = function useStackState(initial) {
+  var _React$useState = React.useState(initial ? [initial] : []),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      state = _React$useState2[0],
+      setState = _React$useState2[1];
+
+  var reset = React.useCallback(function (value) {
+    return setState(!!value || !!initial ? [value !== null && value !== void 0 ? value : initial] : []);
+  }, [initial]);
+  var peek = React.useCallback(function () {
+    return !!state.length ? state[state.length - 1] : undefined;
+  }, [state]);
+  var push = React.useCallback(function (value) {
+    return setState(state.concat(value));
+  }, [state]);
+  var pop = React.useCallback(function () {
+    return setState(state.slice(0, -1));
+  }, [state]);
+  var length = state.length;
+  return {
+    peek: peek,
+    push: push,
+    pop: pop,
+    reset: reset,
+    length: length
+  };
+};
+//# sourceMappingURL=StackState.js.map

package/dist/common/StackState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/common/StackState.ts"],"names":["React","useStackState","initial","useState","state","setState","reset","useCallback","value","peek","length","undefined","push","concat","pop","slice"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAAIC,OAAJ,EAAoB;AAC/C,wBAA0BF,KAAK,CAACG,QAAN,CAAkCD,OAAO,GAAG,CAACA,OAAD,CAAH,GAAe,EAAxD,CAA1B;AAAA;AAAA,MAAOE,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,KAAK,GAAGN,KAAK,CAACO,WAAN,CAAkB,UAACC,KAAD;AAAA,WAAeH,QAAQ,CAAC,CAAC,CAACG,KAAF,IAAW,CAAC,CAACN,OAAb,GAAuB,CAACM,KAAD,aAACA,KAAD,cAACA,KAAD,GAAUN,OAAV,CAAvB,GAA4C,EAA7C,CAAvB;AAAA,GAAlB,EAA2F,CAACA,OAAD,CAA3F,CAAd;AACA,MAAMO,IAAI,GAAGT,KAAK,CAACO,WAAN,CAAkB;AAAA,WAAM,CAAC,CAACH,KAAK,CAACM,MAAR,GAAiBN,KAAK,CAACA,KAAK,CAACM,MAAN,GAAe,CAAhB,CAAtB,GAA2CC,SAAjD;AAAA,GAAlB,EAA8E,CAACP,KAAD,CAA9E,CAAb;AACA,MAAMQ,IAAI,GAAGZ,KAAK,CAACO,WAAN,CAAkB,UAACC,KAAD;AAAA,WAAcH,QAAQ,CAACD,KAAK,CAACS,MAAN,CAAaL,KAAb,CAAD,CAAtB;AAAA,GAAlB,EAA+D,CAACJ,KAAD,CAA/D,CAAb;AACA,MAAMU,GAAG,GAAGd,KAAK,CAACO,WAAN,CAAkB;AAAA,WAAMF,QAAQ,CAACD,KAAK,CAACW,KAAN,CAAY,CAAZ,EAAe,CAAC,CAAhB,CAAD,CAAd;AAAA,GAAlB,EAAsD,CAACX,KAAD,CAAtD,CAAZ;AACA,MAAMM,MAAM,GAAGN,KAAK,CAACM,MAArB;AAEA,SAAO;AAACD,IAAAA,IAAI,EAAJA,IAAD;AAAOG,IAAAA,IAAI,EAAJA,IAAP;AAAaE,IAAAA,GAAG,EAAHA,GAAb;AAAkBR,IAAAA,KAAK,EAALA,KAAlB;AAAyBI,IAAAA,MAAM,EAANA;AAAzB,GAAP;AACD,CAVM","sourcesContent":["import React from 'react';\n\n\nexport const useStackState = <T>(initial?: T) => {\n  const [state, setState] = React.useState<(T | undefined)[]>(initial ? [initial] : []);\n\n  const reset = React.useCallback((value?: T) => setState(!!value || !!initial ? [value ?? initial] : []), [initial]);\n  const peek = React.useCallback(() => !!state.length ? state[state.length - 1] : undefined, [state]);\n  const push = React.useCallback((value: T) => setState(state.concat(value)), [state]);\n  const pop = React.useCallback(() => setState(state.slice(0, -1)), [state]);\n  const length = state.length;\n\n  return {peek, push, pop, reset, length};\n};\n"],"file":"StackState.js"}

package/dist/hooks/useClickOutside.cjs

@@ -16,9 +16,13 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /**
  * Perform action if clicked on outside of referred element
  */
-function useClickOutside(ref, action) {
+function useClickOutside(ref, action, related) {
   function handleClickOutside(e) {
-    if (ref.current && !ref.current.contains(e.target)) {
+    if (ref.current && !ref.current.contains(e.target) && !(related !== null && related !== void 0 && related.some(function (dep) {
+      var _dep$current;
+
+      return dep === null || dep === void 0 ? void 0 : (_dep$current = dep.current) === null || _dep$current === void 0 ? void 0 : _dep$current.contains(e.target);
+    }))) {
       action();
     }
   }

package/dist/hooks/useClickOutside.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useClickOutside.ts"],"names":["useClickOutside","ref","action","handleClickOutside","e","current","contains","target","document","addEventListener","removeEventListener"],"mappings":";;;;;;;;;AAAA;;;;;;AACA;AACA;AACA;AACe,SAASA,eAAT,CAAyBC,GAAzB,EAAgEC,MAAhE,EAAoF;AACjG,WAASC,kBAAT,CAA4BC,CAA5B,EAAoC;AAClC,QAAIH,GAAG,CAACI,OAAJ,IAAe,CAACJ,GAAG,CAACI,OAAJ,CAAYC,QAAZ,CAAqBF,CAAC,CAACG,MAAvB,CAApB,EAAoD;AAClDL,MAAAA,MAAM;AACP;AACF;;AACD,wBAAU,YAAM;AACd;AACAM,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,OAA1B,EAAmCN,kBAAnC;AACA,WAAO,YAAM;AACX;AACAK,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,OAA7B,EAAsCP,kBAAtC;AACD,KAHD;AAID,GAPD;AAQD","sourcesContent":["import { useEffect, MutableRefObject } from 'react';\n/**\n * Perform action if clicked on outside of referred element\n */\nexport default function useClickOutside(ref: MutableRefObject<Element | null>, action: () => void) {\n  function handleClickOutside(e: any) {\n    if (ref.current && !ref.current.contains(e.target)) {\n      action();\n    }\n  }\n  useEffect(() => {\n    // Bind the event listener\n    document.addEventListener('click', handleClickOutside);\n    return () => {\n      // Unbind the event listener on clean up\n      document.removeEventListener('click', handleClickOutside);\n    };\n  });\n}\n"],"file":"useClickOutside.cjs"}
+{"version":3,"sources":["../../src/hooks/useClickOutside.ts"],"names":["useClickOutside","ref","action","related","handleClickOutside","e","current","contains","target","some","dep","document","addEventListener","removeEventListener"],"mappings":";;;;;;;;;AAAA;;;;;;AAEA;AACA;AACA;AACe,SAASA,eAAT,CAAyBC,GAAzB,EAAgEC,MAAhE,EAAoFC,OAApF,EAA4J;AACzK,WAASC,kBAAT,CAA4BC,CAA5B,EAAoC;AAClC,QAAIJ,GAAG,CAACK,OAAJ,IAAe,CAACL,GAAG,CAACK,OAAJ,CAAYC,QAAZ,CAAqBF,CAAC,CAACG,MAAvB,CAAhB,IAAkD,EAACL,OAAD,aAACA,OAAD,eAACA,OAAO,CAAEM,IAAT,CAAc,UAACC,GAAD;AAAA;;AAAA,aAASA,GAAT,aAASA,GAAT,uCAASA,GAAG,CAAEJ,OAAd,iDAAS,aAAcC,QAAd,CAAuBF,CAAC,CAACG,MAAzB,CAAT;AAAA,KAAd,CAAD,CAAtD,EAAiH;AAC/GN,MAAAA,MAAM;AACP;AACF;;AAED,wBAAU,YAAM;AACd;AACAS,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,OAA1B,EAAmCR,kBAAnC;AACA,WAAO,YAAM;AACX;AACAO,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,OAA7B,EAAsCT,kBAAtC;AACD,KAHD;AAID,GAPD;AAQD","sourcesContent":["import {useEffect, MutableRefObject} from 'react';\n\n/**\n * Perform action if clicked on outside of referred element\n */\nexport default function useClickOutside(ref: MutableRefObject<Element | null>, action: () => void, related?: (MutableRefObject<Element | undefined | null> | undefined)[]) {\n  function handleClickOutside(e: any) {\n    if (ref.current && !ref.current.contains(e.target) && !related?.some((dep) => dep?.current?.contains(e.target))) {\n      action();\n    }\n  }\n\n  useEffect(() => {\n    // Bind the event listener\n    document.addEventListener('click', handleClickOutside);\n    return () => {\n      // Unbind the event listener on clean up\n      document.removeEventListener('click', handleClickOutside);\n    };\n  });\n}\n"],"file":"useClickOutside.cjs"}

package/dist/hooks/useClickOutside.d.ts

@@ -2,4 +2,4 @@ import { MutableRefObject } from 'react';
 /**
  * Perform action if clicked on outside of referred element
  */
-export default function useClickOutside(ref: MutableRefObject<Element | null>, action: () => void): void;
+export default function useClickOutside(ref: MutableRefObject<Element | null>, action: () => void, related?: (MutableRefObject<Element | undefined | null> | undefined)[]): void;

package/dist/hooks/useClickOutside.js

@@ -3,9 +3,13 @@ import React, { useEffect } from 'react';
  * Perform action if clicked on outside of referred element
  */
 
-export default function useClickOutside(ref, action) {
+export default function useClickOutside(ref, action, related) {
   function handleClickOutside(e) {
-    if (ref.current && !ref.current.contains(e.target)) {
+    if (ref.current && !ref.current.contains(e.target) && !(related !== null && related !== void 0 && related.some(function (dep) {
+      var _dep$current;
+
+      return dep === null || dep === void 0 ? void 0 : (_dep$current = dep.current) === null || _dep$current === void 0 ? void 0 : _dep$current.contains(e.target);
+    }))) {
       action();
     }
   }

package/dist/hooks/useClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useClickOutside.ts"],"names":["useEffect","useClickOutside","ref","action","handleClickOutside","e","current","contains","target","document","addEventListener","removeEventListener"],"mappings":"AAAA,gBAASA,SAAT,QAA4C,OAA5C;AACA;AACA;AACA;;AACA,eAAe,SAASC,eAAT,CAAyBC,GAAzB,EAAgEC,MAAhE,EAAoF;AACjG,WAASC,kBAAT,CAA4BC,CAA5B,EAAoC;AAClC,QAAIH,GAAG,CAACI,OAAJ,IAAe,CAACJ,GAAG,CAACI,OAAJ,CAAYC,QAAZ,CAAqBF,CAAC,CAACG,MAAvB,CAApB,EAAoD;AAClDL,MAAAA,MAAM;AACP;AACF;;AACDH,EAAAA,SAAS,CAAC,YAAM;AACd;AACAS,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,OAA1B,EAAmCN,kBAAnC;AACA,WAAO,YAAM;AACX;AACAK,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,OAA7B,EAAsCP,kBAAtC;AACD,KAHD;AAID,GAPQ,CAAT;AAQD","sourcesContent":["import { useEffect, MutableRefObject } from 'react';\n/**\n * Perform action if clicked on outside of referred element\n */\nexport default function useClickOutside(ref: MutableRefObject<Element | null>, action: () => void) {\n  function handleClickOutside(e: any) {\n    if (ref.current && !ref.current.contains(e.target)) {\n      action();\n    }\n  }\n  useEffect(() => {\n    // Bind the event listener\n    document.addEventListener('click', handleClickOutside);\n    return () => {\n      // Unbind the event listener on clean up\n      document.removeEventListener('click', handleClickOutside);\n    };\n  });\n}\n"],"file":"useClickOutside.js"}
+{"version":3,"sources":["../../src/hooks/useClickOutside.ts"],"names":["useEffect","useClickOutside","ref","action","related","handleClickOutside","e","current","contains","target","some","dep","document","addEventListener","removeEventListener"],"mappings":"AAAA,gBAAQA,SAAR,QAA0C,OAA1C;AAEA;AACA;AACA;;AACA,eAAe,SAASC,eAAT,CAAyBC,GAAzB,EAAgEC,MAAhE,EAAoFC,OAApF,EAA4J;AACzK,WAASC,kBAAT,CAA4BC,CAA5B,EAAoC;AAClC,QAAIJ,GAAG,CAACK,OAAJ,IAAe,CAACL,GAAG,CAACK,OAAJ,CAAYC,QAAZ,CAAqBF,CAAC,CAACG,MAAvB,CAAhB,IAAkD,EAACL,OAAD,aAACA,OAAD,eAACA,OAAO,CAAEM,IAAT,CAAc,UAACC,GAAD;AAAA;;AAAA,aAASA,GAAT,aAASA,GAAT,uCAASA,GAAG,CAAEJ,OAAd,iDAAS,aAAcC,QAAd,CAAuBF,CAAC,CAACG,MAAzB,CAAT;AAAA,KAAd,CAAD,CAAtD,EAAiH;AAC/GN,MAAAA,MAAM;AACP;AACF;;AAEDH,EAAAA,SAAS,CAAC,YAAM;AACd;AACAY,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,OAA1B,EAAmCR,kBAAnC;AACA,WAAO,YAAM;AACX;AACAO,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,OAA7B,EAAsCT,kBAAtC;AACD,KAHD;AAID,GAPQ,CAAT;AAQD","sourcesContent":["import {useEffect, MutableRefObject} from 'react';\n\n/**\n * Perform action if clicked on outside of referred element\n */\nexport default function useClickOutside(ref: MutableRefObject<Element | null>, action: () => void, related?: (MutableRefObject<Element | undefined | null> | undefined)[]) {\n  function handleClickOutside(e: any) {\n    if (ref.current && !ref.current.contains(e.target) && !related?.some((dep) => dep?.current?.contains(e.target))) {\n      action();\n    }\n  }\n\n  useEffect(() => {\n    // Bind the event listener\n    document.addEventListener('click', handleClickOutside);\n    return () => {\n      // Unbind the event listener on clean up\n      document.removeEventListener('click', handleClickOutside);\n    };\n  });\n}\n"],"file":"useClickOutside.js"}