react-alp-connection-state 4.1.2 → 5.0.2

package/.eslintrc.json

@@ -1,6 +1,6 @@
 {
   "root": true,
-  "extends": ["@pob/eslint-config/root", "@pob/eslint-config-node"],
+  "extends": ["@pob/eslint-config/root-module"],
   "env": {
     "browser": true
   },

package/CHANGELOG.md

@@ -3,6 +3,51 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.0.2](https://github.com/christophehurpeau/alp/compare/react-alp-connection-state@5.0.1...react-alp-connection-state@5.0.2) (2022-02-06)
+
+**Note:** Version bump only for package react-alp-connection-state
+
+
+
+
+
+## [5.0.1](https://github.com/christophehurpeau/alp/compare/react-alp-connection-state@5.0.0...react-alp-connection-state@5.0.1) (2022-01-15)
+
+**Note:** Version bump only for package react-alp-connection-state
+
+
+
+
+
+# [5.0.0](https://github.com/christophehurpeau/alp/compare/react-alp-connection-state@4.1.3...react-alp-connection-state@5.0.0) (2022-01-02)
+
+
+### Bug Fixes
+
+* update nightingale and fix tests ([3691716](https://github.com/christophehurpeau/alp/commit/36917162d0ee3dccc07384caf018b7760d98b744))
+
+
+### Features
+
+* use ESM and drop node 12 ([f45054e](https://github.com/christophehurpeau/alp/commit/f45054e931eea88451d183722797eba057511236))
+
+
+### BREAKING CHANGES
+
+* requires node 14 and ESM
+
+
+
+
+
+## [4.1.3](https://github.com/christophehurpeau/alp/compare/react-alp-connection-state@4.1.2...react-alp-connection-state@4.1.3) (2021-04-10)
+
+**Note:** Version bump only for package react-alp-connection-state
+
+
+
+
+
 ## [4.1.2](https://github.com/christophehurpeau/alp/compare/react-alp-connection-state@4.1.1...react-alp-connection-state@4.1.2) (2021-03-28)
 
 **Note:** Version bump only for package react-alp-connection-state

package/dist/index-browser.es.js

@@ -10,7 +10,7 @@ function ConnectionState(_ref) {
   var unloadingRef = useRef(false);
   var currentStateRef = useRef(state);
 
-  if (unloadingRef.current === false) {
+  if (!unloadingRef.current) {
     currentStateRef.current = state;
   }
 
@@ -33,5 +33,5 @@ function ConnectionState(_ref) {
   })));
 }
 
-export default ConnectionState;
+export { ConnectionState as default };
 //# sourceMappingURL=index-browser.es.js.map

package/dist/index-browser.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-browser.es.js","sources":["../src/index.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport ReactAlpContext from 'react-alp-context';\nimport { T } from 'react-alp-translate';\nimport '../ConnectionState.global.scss';\n\ntype State = null | 'connecting' | 'connected' | 'disconnected';\n\ninterface ConnectionStateProps {\n  state: State;\n}\n\nexport default function ConnectionState({\n  state,\n}: ConnectionStateProps): ReactElement {\n  const ctx = useContext(ReactAlpContext);\n  const notLoggedIn = !(ctx.sanitizedState as { user?: unknown }).user;\n\n  const unloadingRef = useRef<boolean>(false);\n  const currentStateRef = useRef(state);\n  if (unloadingRef.current === false) {\n    currentStateRef.current = state;\n  }\n  const currentState = currentStateRef.current;\n\n  useEffect((): (() => void) => {\n    const beforeUnloadHandler = (): void => {\n      unloadingRef.current = true;\n    };\n    window.addEventListener('beforeunload', beforeUnloadHandler);\n\n    return (): void => {\n      window.removeEventListener('beforeunload', beforeUnloadHandler);\n    };\n  }, []);\n\n  return (\n    <div\n      hidden={!state || notLoggedIn || currentState === 'connected'}\n      className=\"alp-connection-state\"\n    >\n      {!state || notLoggedIn ? null : (\n        <div>\n          <T id={`connectionState.${currentState as string}`} />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["ConnectionState","state","ctx","useContext","ReactAlpContext","notLoggedIn","sanitizedState","user","unloadingRef","useRef","currentStateRef","current","currentState","useEffect","beforeUnloadHandler","window","addEventListener","removeEventListener"],"mappings":";;;;;AAYe,SAASA,eAAT,OAEwB;AAAA,MADrCC,KACqC,QADrCA,KACqC;AACrC,MAAMC,GAAG,GAAGC,UAAU,CAACC,eAAD,CAAtB;AACA,MAAMC,WAAW,GAAG,CAAEH,GAAG,CAACI,cAAL,CAA2CC,IAAhE;AAEA,MAAMC,YAAY,GAAGC,MAAM,CAAU,KAAV,CAA3B;AACA,MAAMC,eAAe,GAAGD,MAAM,CAACR,KAAD,CAA9B;;AACA,MAAIO,YAAY,CAACG,OAAb,KAAyB,KAA7B,EAAoC;AAClCD,IAAAA,eAAe,CAACC,OAAhB,GAA0BV,KAA1B;AACD;;AACD,MAAMW,YAAY,GAAGF,eAAe,CAACC,OAArC;AAEAE,EAAAA,SAAS,CAAC,YAAoB;AAC5B,QAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAY;AACtCN,MAAAA,YAAY,CAACG,OAAb,GAAuB,IAAvB;AACD,KAFD;;AAGAI,IAAAA,MAAM,CAACC,gBAAP,CAAwB,cAAxB,EAAwCF,mBAAxC;AAEA,WAAO,YAAY;AACjBC,MAAAA,MAAM,CAACE,mBAAP,CAA2B,cAA3B,EAA2CH,mBAA3C;AACD,KAFD;AAGD,GATQ,EASN,EATM,CAAT;AAWA,sBACE;AACE,IAAA,MAAM,EAAE,CAACb,KAAD,IAAUI,WAAV,IAAyBO,YAAY,KAAK,WADpD;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIG,CAACX,KAAD,IAAUI,WAAV,GAAwB,IAAxB,gBACC,8CACE,oBAAC,CAAD;AAAG,IAAA,EAAE,uBAAqBO;AAA1B,IADF,CALJ,CADF;AAYD;;;;"}
+{"version":3,"file":"index-browser.es.js","sources":["../src/index.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport ReactAlpContext from 'react-alp-context';\nimport { T } from 'react-alp-translate';\nimport '../ConnectionState.global.scss';\n\ntype State = null | 'connecting' | 'connected' | 'disconnected';\n\ninterface ConnectionStateProps {\n  state: State;\n}\n\nexport default function ConnectionState({\n  state,\n}: ConnectionStateProps): ReactElement {\n  const ctx = useContext(ReactAlpContext);\n  const notLoggedIn = !(ctx.sanitizedState as { user?: unknown }).user;\n\n  const unloadingRef = useRef<boolean>(false);\n  const currentStateRef = useRef(state);\n  if (!unloadingRef.current) {\n    currentStateRef.current = state;\n  }\n  const currentState = currentStateRef.current;\n\n  useEffect((): (() => void) => {\n    const beforeUnloadHandler = (): void => {\n      unloadingRef.current = true;\n    };\n    window.addEventListener('beforeunload', beforeUnloadHandler);\n\n    return (): void => {\n      window.removeEventListener('beforeunload', beforeUnloadHandler);\n    };\n  }, []);\n\n  return (\n    <div\n      hidden={!state || notLoggedIn || currentState === 'connected'}\n      className=\"alp-connection-state\"\n    >\n      {!state || notLoggedIn ? null : (\n        <div>\n          <T id={`connectionState.${currentState as string}`} />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["ConnectionState","state","ctx","useContext","ReactAlpContext","notLoggedIn","sanitizedState","user","unloadingRef","useRef","currentStateRef","current","currentState","useEffect","beforeUnloadHandler","window","addEventListener","removeEventListener"],"mappings":";;;;;AAYe,SAASA,eAAT,OAEwB;AAAA,MADrCC,KACqC,QADrCA,KACqC;AACrC,MAAMC,GAAG,GAAGC,UAAU,CAACC,eAAD,CAAtB;AACA,MAAMC,WAAW,GAAG,CAAEH,GAAG,CAACI,cAAL,CAA2CC,IAAhE;AAEA,MAAMC,YAAY,GAAGC,MAAM,CAAU,KAAV,CAA3B;AACA,MAAMC,eAAe,GAAGD,MAAM,CAACR,KAAD,CAA9B;;AACA,MAAI,CAACO,YAAY,CAACG,OAAlB,EAA2B;AACzBD,IAAAA,eAAe,CAACC,OAAhB,GAA0BV,KAA1B;AACD;;AACD,MAAMW,YAAY,GAAGF,eAAe,CAACC,OAArC;AAEAE,EAAAA,SAAS,CAAC,YAAoB;AAC5B,QAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAY;AACtCN,MAAAA,YAAY,CAACG,OAAb,GAAuB,IAAvB;AACD,KAFD;;AAGAI,IAAAA,MAAM,CAACC,gBAAP,CAAwB,cAAxB,EAAwCF,mBAAxC;AAEA,WAAO,YAAY;AACjBC,MAAAA,MAAM,CAACE,mBAAP,CAA2B,cAA3B,EAA2CH,mBAA3C;AACD,KAFD;AAGD,GATQ,EASN,EATM,CAAT;AAWA,sBACE;AACE,IAAA,MAAM,EAAE,CAACb,KAAD,IAAUI,WAAV,IAAyBO,YAAY,KAAK,WADpD;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIG,CAACX,KAAD,IAAUI,WAAV,GAAwB,IAAxB,gBACC,8CACE,oBAAC,CAAD;AAAG,IAAA,EAAE,uBAAqBO;AAA1B,IADF,CALJ,CADF;AAYD;;;;"}

package/dist/index-browsermodern.es.js

@@ -11,7 +11,7 @@ function ConnectionState({
   const unloadingRef = useRef(false);
   const currentStateRef = useRef(state);
 
-  if (unloadingRef.current === false) {
+  if (!unloadingRef.current) {
     currentStateRef.current = state;
   }
 
@@ -34,5 +34,5 @@ function ConnectionState({
   })));
 }
 
-export default ConnectionState;
+export { ConnectionState as default };
 //# sourceMappingURL=index-browsermodern.es.js.map

package/dist/index-browsermodern.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-browsermodern.es.js","sources":["../src/index.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport ReactAlpContext from 'react-alp-context';\nimport { T } from 'react-alp-translate';\nimport '../ConnectionState.global.scss';\n\ntype State = null | 'connecting' | 'connected' | 'disconnected';\n\ninterface ConnectionStateProps {\n  state: State;\n}\n\nexport default function ConnectionState({\n  state,\n}: ConnectionStateProps): ReactElement {\n  const ctx = useContext(ReactAlpContext);\n  const notLoggedIn = !(ctx.sanitizedState as { user?: unknown }).user;\n\n  const unloadingRef = useRef<boolean>(false);\n  const currentStateRef = useRef(state);\n  if (unloadingRef.current === false) {\n    currentStateRef.current = state;\n  }\n  const currentState = currentStateRef.current;\n\n  useEffect((): (() => void) => {\n    const beforeUnloadHandler = (): void => {\n      unloadingRef.current = true;\n    };\n    window.addEventListener('beforeunload', beforeUnloadHandler);\n\n    return (): void => {\n      window.removeEventListener('beforeunload', beforeUnloadHandler);\n    };\n  }, []);\n\n  return (\n    <div\n      hidden={!state || notLoggedIn || currentState === 'connected'}\n      className=\"alp-connection-state\"\n    >\n      {!state || notLoggedIn ? null : (\n        <div>\n          <T id={`connectionState.${currentState as string}`} />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["ConnectionState","state","ctx","useContext","ReactAlpContext","notLoggedIn","sanitizedState","user","unloadingRef","useRef","currentStateRef","current","currentState","useEffect","beforeUnloadHandler","window","addEventListener","removeEventListener"],"mappings":";;;;;AAYe,SAASA,eAAT,CAAyB;AACtCC,EAAAA;AADsC,CAAzB,EAEwB;AACrC,QAAMC,GAAG,GAAGC,UAAU,CAACC,eAAD,CAAtB;AACA,QAAMC,WAAW,GAAG,CAAEH,GAAG,CAACI,cAAL,CAA2CC,IAAhE;AAEA,QAAMC,YAAY,GAAGC,MAAM,CAAU,KAAV,CAA3B;AACA,QAAMC,eAAe,GAAGD,MAAM,CAACR,KAAD,CAA9B;;AACA,MAAIO,YAAY,CAACG,OAAb,KAAyB,KAA7B,EAAoC;AAClCD,IAAAA,eAAe,CAACC,OAAhB,GAA0BV,KAA1B;AACD;;AACD,QAAMW,YAAY,GAAGF,eAAe,CAACC,OAArC;AAEAE,EAAAA,SAAS,CAAC,MAAoB;AAC5B,UAAMC,mBAAmB,GAAG,MAAY;AACtCN,MAAAA,YAAY,CAACG,OAAb,GAAuB,IAAvB;AACD,KAFD;;AAGAI,IAAAA,MAAM,CAACC,gBAAP,CAAwB,cAAxB,EAAwCF,mBAAxC;AAEA,WAAO,MAAY;AACjBC,MAAAA,MAAM,CAACE,mBAAP,CAA2B,cAA3B,EAA2CH,mBAA3C;AACD,KAFD;AAGD,GATQ,EASN,EATM,CAAT;AAWA,sBACE;AACE,IAAA,MAAM,EAAE,CAACb,KAAD,IAAUI,WAAV,IAAyBO,YAAY,KAAK,WADpD;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIG,CAACX,KAAD,IAAUI,WAAV,GAAwB,IAAxB,gBACC,8CACE,oBAAC,CAAD;AAAG,IAAA,EAAE,EAAG,mBAAkBO,YAAuB;AAAjD,IADF,CALJ,CADF;AAYD;;;;"}
+{"version":3,"file":"index-browsermodern.es.js","sources":["../src/index.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport ReactAlpContext from 'react-alp-context';\nimport { T } from 'react-alp-translate';\nimport '../ConnectionState.global.scss';\n\ntype State = null | 'connecting' | 'connected' | 'disconnected';\n\ninterface ConnectionStateProps {\n  state: State;\n}\n\nexport default function ConnectionState({\n  state,\n}: ConnectionStateProps): ReactElement {\n  const ctx = useContext(ReactAlpContext);\n  const notLoggedIn = !(ctx.sanitizedState as { user?: unknown }).user;\n\n  const unloadingRef = useRef<boolean>(false);\n  const currentStateRef = useRef(state);\n  if (!unloadingRef.current) {\n    currentStateRef.current = state;\n  }\n  const currentState = currentStateRef.current;\n\n  useEffect((): (() => void) => {\n    const beforeUnloadHandler = (): void => {\n      unloadingRef.current = true;\n    };\n    window.addEventListener('beforeunload', beforeUnloadHandler);\n\n    return (): void => {\n      window.removeEventListener('beforeunload', beforeUnloadHandler);\n    };\n  }, []);\n\n  return (\n    <div\n      hidden={!state || notLoggedIn || currentState === 'connected'}\n      className=\"alp-connection-state\"\n    >\n      {!state || notLoggedIn ? null : (\n        <div>\n          <T id={`connectionState.${currentState as string}`} />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["ConnectionState","state","ctx","useContext","ReactAlpContext","notLoggedIn","sanitizedState","user","unloadingRef","useRef","currentStateRef","current","currentState","useEffect","beforeUnloadHandler","window","addEventListener","removeEventListener"],"mappings":";;;;;AAYe,SAASA,eAAT,CAAyB;AACtCC,EAAAA;AADsC,CAAzB,EAEwB;AACrC,QAAMC,GAAG,GAAGC,UAAU,CAACC,eAAD,CAAtB;AACA,QAAMC,WAAW,GAAG,CAAEH,GAAG,CAACI,cAAL,CAA2CC,IAAhE;AAEA,QAAMC,YAAY,GAAGC,MAAM,CAAU,KAAV,CAA3B;AACA,QAAMC,eAAe,GAAGD,MAAM,CAACR,KAAD,CAA9B;;AACA,MAAI,CAACO,YAAY,CAACG,OAAlB,EAA2B;AACzBD,IAAAA,eAAe,CAACC,OAAhB,GAA0BV,KAA1B;AACD;;AACD,QAAMW,YAAY,GAAGF,eAAe,CAACC,OAArC;AAEAE,EAAAA,SAAS,CAAC,MAAoB;AAC5B,UAAMC,mBAAmB,GAAG,MAAY;AACtCN,MAAAA,YAAY,CAACG,OAAb,GAAuB,IAAvB;AACD,KAFD;;AAGAI,IAAAA,MAAM,CAACC,gBAAP,CAAwB,cAAxB,EAAwCF,mBAAxC;AAEA,WAAO,MAAY;AACjBC,MAAAA,MAAM,CAACE,mBAAP,CAA2B,cAA3B,EAA2CH,mBAA3C;AACD,KAFD;AAGD,GATQ,EASN,EATM,CAAT;AAWA,sBACE;AACE,IAAA,MAAM,EAAE,CAACb,KAAD,IAAUI,WAAV,IAAyBO,YAAY,KAAK,WADpD;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIG,CAACX,KAAD,IAAUI,WAAV,GAAwB,IAAxB,gBACC,8CACE,oBAAC,CAAD;AAAG,IAAA,EAAE,EAAG,mBAAkBO,YAAuB;AAAjD,IADF,CALJ,CADF;AAYD;;;;"}

package/dist/{index-node12.mjs → index-node14.mjs}

@@ -10,7 +10,7 @@ function ConnectionState({
   const unloadingRef = useRef(false);
   const currentStateRef = useRef(state);
 
-  if (unloadingRef.current === false) {
+  if (!unloadingRef.current) {
     currentStateRef.current = state;
   }
 
@@ -33,5 +33,5 @@ function ConnectionState({
   })));
 }
 
-export default ConnectionState;
-//# sourceMappingURL=index-node12.mjs.map
+export { ConnectionState as default };
+//# sourceMappingURL=index-node14.mjs.map

package/dist/index-node14.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-node14.mjs","sources":["../src/index.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport ReactAlpContext from 'react-alp-context';\nimport { T } from 'react-alp-translate';\nimport '../ConnectionState.global.scss';\n\ntype State = null | 'connecting' | 'connected' | 'disconnected';\n\ninterface ConnectionStateProps {\n  state: State;\n}\n\nexport default function ConnectionState({\n  state,\n}: ConnectionStateProps): ReactElement {\n  const ctx = useContext(ReactAlpContext);\n  const notLoggedIn = !(ctx.sanitizedState as { user?: unknown }).user;\n\n  const unloadingRef = useRef<boolean>(false);\n  const currentStateRef = useRef(state);\n  if (!unloadingRef.current) {\n    currentStateRef.current = state;\n  }\n  const currentState = currentStateRef.current;\n\n  useEffect((): (() => void) => {\n    const beforeUnloadHandler = (): void => {\n      unloadingRef.current = true;\n    };\n    window.addEventListener('beforeunload', beforeUnloadHandler);\n\n    return (): void => {\n      window.removeEventListener('beforeunload', beforeUnloadHandler);\n    };\n  }, []);\n\n  return (\n    <div\n      hidden={!state || notLoggedIn || currentState === 'connected'}\n      className=\"alp-connection-state\"\n    >\n      {!state || notLoggedIn ? null : (\n        <div>\n          <T id={`connectionState.${currentState as string}`} />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["ConnectionState","state","ctx","useContext","ReactAlpContext","notLoggedIn","sanitizedState","user","unloadingRef","useRef","currentStateRef","current","currentState","useEffect","beforeUnloadHandler","window","addEventListener","removeEventListener"],"mappings":";;;;AAYe,SAASA,eAAT,CAAyB;AACtCC,EAAAA;AADsC,CAAzB,EAEwB;AACrC,QAAMC,GAAG,GAAGC,UAAU,CAACC,eAAD,CAAtB;AACA,QAAMC,WAAW,GAAG,CAAEH,GAAG,CAACI,cAAL,CAA2CC,IAAhE;AAEA,QAAMC,YAAY,GAAGC,MAAM,CAAU,KAAV,CAA3B;AACA,QAAMC,eAAe,GAAGD,MAAM,CAACR,KAAD,CAA9B;;AACA,MAAI,CAACO,YAAY,CAACG,OAAlB,EAA2B;AACzBD,IAAAA,eAAe,CAACC,OAAhB,GAA0BV,KAA1B;AACD;;AACD,QAAMW,YAAY,GAAGF,eAAe,CAACC,OAArC;AAEAE,EAAAA,SAAS,CAAC,MAAoB;AAC5B,UAAMC,mBAAmB,GAAG,MAAY;AACtCN,MAAAA,YAAY,CAACG,OAAb,GAAuB,IAAvB;AACD,KAFD;;AAGAI,IAAAA,MAAM,CAACC,gBAAP,CAAwB,cAAxB,EAAwCF,mBAAxC;AAEA,WAAO,MAAY;AACjBC,MAAAA,MAAM,CAACE,mBAAP,CAA2B,cAA3B,EAA2CH,mBAA3C;AACD,KAFD;AAGD,GATQ,EASN,EATM,CAAT;AAWA,sBACE;AACE,IAAA,MAAM,EAAE,CAACb,KAAD,IAAUI,WAAV,IAAyBO,YAAY,KAAK,WADpD;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIG,CAACX,KAAD,IAAUI,WAAV,GAAwB,IAAxB,gBACC,8CACE,oBAAC,CAAD;AAAG,IAAA,EAAE,EAAG,mBAAkBO,YAAuB;AAAjD,IADF,CALJ,CADF;AAYD;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-alp-connection-state",
-  "version": "4.1.2",
+  "version": "5.0.2",
   "description": "connection state",
   "keywords": [],
   "author": "Christophe Hurpeau <christophe@hurpeau.com> (https://christophe.hurpeau.com)",
@@ -11,65 +11,46 @@
     "directory": "packages/react-alp-connection-state"
   },
   "homepage": "https://github.com/christophehurpeau/alp",
+  "type": "module",
   "engines": {
-    "node": ">=12.10.0"
+    "node": "^14.13.1 || >=16.0.0"
   },
   "browserslist": [
+    "defaults",
     "> 0.2%",
-    "Firefox ESR",
-    "last 2 Chrome versions",
-    "last 2 iOS versions",
-    "last 2 Edge versions",
-    "last 2 Safari versions",
     "not ie < 12",
-    "not ios_saf < 10",
-    "not dead",
-    "not op_mini all"
+    "not safari < 10",
+    "not ios_saf < 10"
   ],
-  "main": "./index.js",
+  "main": "./dist/index-node14.mjs",
   "types": "./dist/index.d.ts",
   "module": "./dist/index-browser.es.js",
   "browser": "./dist/index-browser.es.js",
   "exports": {
+    "./package.json": "./package.json",
     ".": {
       "node": {
-        "development": {
-          "import": "./dist/index-node12-dev.mjs",
-          "require": "./dist/index-node12-dev.cjs.js"
-        },
-        "import": "./dist/index-node12.mjs",
-        "require": "./dist/index-node12.cjs.js"
+        "import": "./dist/index-node14.mjs"
       },
       "browser": {
         "browser:modern": {
-          "development": {
-            "import": "./dist/index-browsermodern-dev.es.js"
-          },
           "import": "./dist/index-browsermodern.es.js"
         },
-        "development": {
-          "import": "./dist/index-browser-dev.es.js",
-          "require": "./dist/index-browser-dev.cjs.js"
-        },
-        "import": "./dist/index-browser.es.js",
-        "require": "./dist/index-browser.cjs.js"
+        "import": "./dist/index-browser.es.js"
       }
     }
   },
-  "module:node": "./dist/index-node12.mjs",
-  "module:node-dev": "./dist/index-node12-dev.mjs",
-  "module:browser": "./dist/index-browser.es.js",
-  "module:browser-dev": "./dist/index-browser-dev.es.js",
+  "module:node": "./dist/index-node14.mjs",
   "module:modern-browsers": "./dist/index-browsermodern.es.js",
-  "module:modern-browsers-dev": "./dist/index-browsermodern-dev.es.js",
   "sideEffects": false,
   "scripts": {
-    "build": "pob-build && yarn run build:definitions",
+    "build": "yarn clean:build && rollup --config rollup.config.mjs && yarn run build:definitions",
     "build:definitions": "tsc -p tsconfig.build.json",
-    "clean": "rm -Rf docs dist test/node6 coverage",
+    "clean": "yarn clean:build",
+    "clean:build": "rm -Rf dist",
     "lint": "yarn run lint:eslint",
-    "lint:eslint": "yarn --cwd ../.. run eslint --ext .js,.mjs,.ts,.tsx --report-unused-disable-directives --quiet packages/react-alp-connection-state",
-    "watch": "pob-watch"
+    "lint:eslint": "cd ../.. && yarn run eslint --report-unused-disable-directives --resolve-plugins-relative-to . --quiet packages/react-alp-connection-state",
+    "watch": "yarn clean:build && rollup --config rollup.config.mjs --watch"
   },
   "prettier": {
     "trailingComma": "all",
@@ -80,9 +61,8 @@
     "babelEnvs": [
       {
         "target": "node",
-        "version": "12",
+        "version": "14",
         "formats": [
-          "cjs",
           "es"
         ]
       },
@@ -96,7 +76,6 @@
       {
         "target": "browser",
         "formats": [
-          "cjs",
           "es"
         ]
       }
@@ -107,25 +86,24 @@
     "jsx": true
   },
   "peerDependencies": {
-    "react": "^16.8.6",
+    "react": "^17.0.2",
     "ynnub": "^1.0.0 || ^2.0.0"
   },
   "dependencies": {
-    "@babel/runtime": "^7.13.10",
-    "alp-types": "^3.0.0",
-    "react-alp-context": "^3.1.2",
-    "react-alp-translate": "^5.1.2"
+    "@babel/runtime": "^7.17.0",
+    "alp-types": "3.1.0",
+    "react-alp-context": "4.0.2",
+    "react-alp-translate": "6.0.2"
   },
   "devDependencies": {
-    "@babel/core": "7.13.13",
-    "@babel/preset-env": "7.13.12",
-    "@babel/preset-react": "7.13.13",
-    "babel-preset-latest-node": "5.5.1",
+    "@babel/core": "7.17.0",
+    "@babel/preset-env": "7.16.11",
+    "@babel/preset-react": "7.16.7",
     "babel-preset-modern-browsers": "15.0.2",
-    "pob-babel": "26.8.0",
-    "react": "16.14.0",
-    "rollup": "2.43.1",
+    "pob-babel": "31.0.0",
+    "react": "17.0.2",
+    "typescript": "4.5.5",
     "ynnub": "2.0.0"
   },
-  "gitHead": "2f3c2a9cdeacf0c759f275e7e4ccbcb5d46db297"
+  "gitHead": "1af3cf2eb4bba25ab23f174cda860416ff68a63d"
 }

package/rollup.config.mjs

@@ -0,0 +1,5 @@
+import createRollupConfig from 'pob-babel/createRollupConfig.js';
+
+export default createRollupConfig({
+  cwd: new URL('.', import.meta.url).pathname,
+});

package/src/.eslintrc.json

@@ -9,5 +9,22 @@
     "@pob/eslint-config-typescript",
     "@pob/eslint-config-typescript-react"
   ],
-  "ignorePatterns": ["*.d.ts"]
+  "ignorePatterns": ["*.d.ts"],
+  "overrides": [
+    {
+      "files": ["**/*.test.{ts,tsx}", "__tests__/**/*.{ts,tsx}"],
+      "extends": ["@pob/eslint-config-typescript/test"],
+      "env": {
+        "jest": true
+      },
+      "rules": {
+        "import/no-extraneous-dependencies": [
+          "error",
+          {
+            "devDependencies": true
+          }
+        ]
+      }
+    }
+  ]
 }

package/src/index.tsx

@@ -18,7 +18,7 @@ export default function ConnectionState({
 
   const unloadingRef = useRef<boolean>(false);
   const currentStateRef = useRef(state);
-  if (unloadingRef.current === false) {
+  if (!unloadingRef.current) {
     currentStateRef.current = state;
   }
   const currentState = currentStateRef.current;

package/dist/index-browser-dev.cjs.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var ReactAlpContext = require('react-alp-context');
-var reactAlpTranslate = require('react-alp-translate');
-require('../ConnectionState.global.scss');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ReactAlpContext__default = /*#__PURE__*/_interopDefaultLegacy(ReactAlpContext);
-
-function ConnectionState(_ref) {
-  var state = _ref.state;
-  var ctx = React.useContext(ReactAlpContext__default);
-  var notLoggedIn = !ctx.sanitizedState.user;
-  var unloadingRef = React.useRef(false);
-  var currentStateRef = React.useRef(state);
-
-  if (unloadingRef.current === false) {
-    currentStateRef.current = state;
-  }
-
-  var currentState = currentStateRef.current;
-  React.useEffect(function () {
-    var beforeUnloadHandler = function beforeUnloadHandler() {
-      unloadingRef.current = true;
-    };
-
-    window.addEventListener('beforeunload', beforeUnloadHandler);
-    return function () {
-      window.removeEventListener('beforeunload', beforeUnloadHandler);
-    };
-  }, []);
-  return /*#__PURE__*/React__default.createElement("div", {
-    hidden: !state || notLoggedIn || currentState === 'connected',
-    className: "alp-connection-state"
-  }, !state || notLoggedIn ? null : /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(reactAlpTranslate.T, {
-    id: "connectionState." + currentState
-  })));
-}
-
-exports.default = ConnectionState;
-//# sourceMappingURL=index-browser-dev.cjs.js.map

package/dist/index-browser-dev.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-browser-dev.cjs.js","sources":["../src/index.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport ReactAlpContext from 'react-alp-context';\nimport { T } from 'react-alp-translate';\nimport '../ConnectionState.global.scss';\n\ntype State = null | 'connecting' | 'connected' | 'disconnected';\n\ninterface ConnectionStateProps {\n  state: State;\n}\n\nexport default function ConnectionState({\n  state,\n}: ConnectionStateProps): ReactElement {\n  const ctx = useContext(ReactAlpContext);\n  const notLoggedIn = !(ctx.sanitizedState as { user?: unknown }).user;\n\n  const unloadingRef = useRef<boolean>(false);\n  const currentStateRef = useRef(state);\n  if (unloadingRef.current === false) {\n    currentStateRef.current = state;\n  }\n  const currentState = currentStateRef.current;\n\n  useEffect((): (() => void) => {\n    const beforeUnloadHandler = (): void => {\n      unloadingRef.current = true;\n    };\n    window.addEventListener('beforeunload', beforeUnloadHandler);\n\n    return (): void => {\n      window.removeEventListener('beforeunload', beforeUnloadHandler);\n    };\n  }, []);\n\n  return (\n    <div\n      hidden={!state || notLoggedIn || currentState === 'connected'}\n      className=\"alp-connection-state\"\n    >\n      {!state || notLoggedIn ? null : (\n        <div>\n          <T id={`connectionState.${currentState as string}`} />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["ConnectionState","state","ctx","useContext","ReactAlpContext","notLoggedIn","sanitizedState","user","unloadingRef","useRef","currentStateRef","current","currentState","useEffect","beforeUnloadHandler","window","addEventListener","removeEventListener","React","T"],"mappings":";;;;;;;;;;;;;;AAYe,SAASA,eAAT,OAEwB;AAAA,MADrCC,KACqC,QADrCA,KACqC;AACrC,MAAMC,GAAG,GAAGC,gBAAU,CAACC,wBAAD,CAAtB;AACA,MAAMC,WAAW,GAAG,CAAEH,GAAG,CAACI,cAAL,CAA2CC,IAAhE;AAEA,MAAMC,YAAY,GAAGC,YAAM,CAAU,KAAV,CAA3B;AACA,MAAMC,eAAe,GAAGD,YAAM,CAACR,KAAD,CAA9B;;AACA,MAAIO,YAAY,CAACG,OAAb,KAAyB,KAA7B,EAAoC;AAClCD,IAAAA,eAAe,CAACC,OAAhB,GAA0BV,KAA1B;AACD;;AACD,MAAMW,YAAY,GAAGF,eAAe,CAACC,OAArC;AAEAE,EAAAA,eAAS,CAAC,YAAoB;AAC5B,QAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAY;AACtCN,MAAAA,YAAY,CAACG,OAAb,GAAuB,IAAvB;AACD,KAFD;;AAGAI,IAAAA,MAAM,CAACC,gBAAP,CAAwB,cAAxB,EAAwCF,mBAAxC;AAEA,WAAO,YAAY;AACjBC,MAAAA,MAAM,CAACE,mBAAP,CAA2B,cAA3B,EAA2CH,mBAA3C;AACD,KAFD;AAGD,GATQ,EASN,EATM,CAAT;AAWA,sBACEI;AACE,IAAA,MAAM,EAAE,CAACjB,KAAD,IAAUI,WAAV,IAAyBO,YAAY,KAAK,WADpD;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIG,CAACX,KAAD,IAAUI,WAAV,GAAwB,IAAxB,gBACCa,uDACEA,6BAACC,mBAAD;AAAG,IAAA,EAAE,uBAAqBP;AAA1B,IADF,CALJ,CADF;AAYD;;;;"}

package/dist/index-browser-dev.es.js

@@ -1,37 +0,0 @@
-import React, { useContext, useRef, useEffect } from 'react';
-import ReactAlpContext from 'react-alp-context';
-import { T } from 'react-alp-translate';
-import '../ConnectionState.global.scss';
-
-function ConnectionState(_ref) {
-  var state = _ref.state;
-  var ctx = useContext(ReactAlpContext);
-  var notLoggedIn = !ctx.sanitizedState.user;
-  var unloadingRef = useRef(false);
-  var currentStateRef = useRef(state);
-
-  if (unloadingRef.current === false) {
-    currentStateRef.current = state;
-  }
-
-  var currentState = currentStateRef.current;
-  useEffect(function () {
-    var beforeUnloadHandler = function beforeUnloadHandler() {
-      unloadingRef.current = true;
-    };
-
-    window.addEventListener('beforeunload', beforeUnloadHandler);
-    return function () {
-      window.removeEventListener('beforeunload', beforeUnloadHandler);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    hidden: !state || notLoggedIn || currentState === 'connected',
-    className: "alp-connection-state"
-  }, !state || notLoggedIn ? null : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(T, {
-    id: "connectionState." + currentState
-  })));
-}
-
-export default ConnectionState;
-//# sourceMappingURL=index-browser-dev.es.js.map

package/dist/index-browser-dev.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-browser-dev.es.js","sources":["../src/index.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport ReactAlpContext from 'react-alp-context';\nimport { T } from 'react-alp-translate';\nimport '../ConnectionState.global.scss';\n\ntype State = null | 'connecting' | 'connected' | 'disconnected';\n\ninterface ConnectionStateProps {\n  state: State;\n}\n\nexport default function ConnectionState({\n  state,\n}: ConnectionStateProps): ReactElement {\n  const ctx = useContext(ReactAlpContext);\n  const notLoggedIn = !(ctx.sanitizedState as { user?: unknown }).user;\n\n  const unloadingRef = useRef<boolean>(false);\n  const currentStateRef = useRef(state);\n  if (unloadingRef.current === false) {\n    currentStateRef.current = state;\n  }\n  const currentState = currentStateRef.current;\n\n  useEffect((): (() => void) => {\n    const beforeUnloadHandler = (): void => {\n      unloadingRef.current = true;\n    };\n    window.addEventListener('beforeunload', beforeUnloadHandler);\n\n    return (): void => {\n      window.removeEventListener('beforeunload', beforeUnloadHandler);\n    };\n  }, []);\n\n  return (\n    <div\n      hidden={!state || notLoggedIn || currentState === 'connected'}\n      className=\"alp-connection-state\"\n    >\n      {!state || notLoggedIn ? null : (\n        <div>\n          <T id={`connectionState.${currentState as string}`} />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["ConnectionState","state","ctx","useContext","ReactAlpContext","notLoggedIn","sanitizedState","user","unloadingRef","useRef","currentStateRef","current","currentState","useEffect","beforeUnloadHandler","window","addEventListener","removeEventListener"],"mappings":";;;;;AAYe,SAASA,eAAT,OAEwB;AAAA,MADrCC,KACqC,QADrCA,KACqC;AACrC,MAAMC,GAAG,GAAGC,UAAU,CAACC,eAAD,CAAtB;AACA,MAAMC,WAAW,GAAG,CAAEH,GAAG,CAACI,cAAL,CAA2CC,IAAhE;AAEA,MAAMC,YAAY,GAAGC,MAAM,CAAU,KAAV,CAA3B;AACA,MAAMC,eAAe,GAAGD,MAAM,CAACR,KAAD,CAA9B;;AACA,MAAIO,YAAY,CAACG,OAAb,KAAyB,KAA7B,EAAoC;AAClCD,IAAAA,eAAe,CAACC,OAAhB,GAA0BV,KAA1B;AACD;;AACD,MAAMW,YAAY,GAAGF,eAAe,CAACC,OAArC;AAEAE,EAAAA,SAAS,CAAC,YAAoB;AAC5B,QAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAY;AACtCN,MAAAA,YAAY,CAACG,OAAb,GAAuB,IAAvB;AACD,KAFD;;AAGAI,IAAAA,MAAM,CAACC,gBAAP,CAAwB,cAAxB,EAAwCF,mBAAxC;AAEA,WAAO,YAAY;AACjBC,MAAAA,MAAM,CAACE,mBAAP,CAA2B,cAA3B,EAA2CH,mBAA3C;AACD,KAFD;AAGD,GATQ,EASN,EATM,CAAT;AAWA,sBACE;AACE,IAAA,MAAM,EAAE,CAACb,KAAD,IAAUI,WAAV,IAAyBO,YAAY,KAAK,WADpD;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIG,CAACX,KAAD,IAAUI,WAAV,GAAwB,IAAxB,gBACC,8CACE,oBAAC,CAAD;AAAG,IAAA,EAAE,uBAAqBO;AAA1B,IADF,CALJ,CADF;AAYD;;;;"}

package/dist/index-browser.cjs.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var ReactAlpContext = require('react-alp-context');
-var reactAlpTranslate = require('react-alp-translate');
-require('../ConnectionState.global.scss');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ReactAlpContext__default = /*#__PURE__*/_interopDefaultLegacy(ReactAlpContext);
-
-function ConnectionState(_ref) {
-  var state = _ref.state;
-  var ctx = React.useContext(ReactAlpContext__default);
-  var notLoggedIn = !ctx.sanitizedState.user;
-  var unloadingRef = React.useRef(false);
-  var currentStateRef = React.useRef(state);
-
-  if (unloadingRef.current === false) {
-    currentStateRef.current = state;
-  }
-
-  var currentState = currentStateRef.current;
-  React.useEffect(function () {
-    var beforeUnloadHandler = function beforeUnloadHandler() {
-      unloadingRef.current = true;
-    };
-
-    window.addEventListener('beforeunload', beforeUnloadHandler);
-    return function () {
-      window.removeEventListener('beforeunload', beforeUnloadHandler);
-    };
-  }, []);
-  return /*#__PURE__*/React__default.createElement("div", {
-    hidden: !state || notLoggedIn || currentState === 'connected',
-    className: "alp-connection-state"
-  }, !state || notLoggedIn ? null : /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(reactAlpTranslate.T, {
-    id: "connectionState." + currentState
-  })));
-}
-
-exports.default = ConnectionState;
-//# sourceMappingURL=index-browser.cjs.js.map

package/dist/index-browser.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-browser.cjs.js","sources":["../src/index.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport ReactAlpContext from 'react-alp-context';\nimport { T } from 'react-alp-translate';\nimport '../ConnectionState.global.scss';\n\ntype State = null | 'connecting' | 'connected' | 'disconnected';\n\ninterface ConnectionStateProps {\n  state: State;\n}\n\nexport default function ConnectionState({\n  state,\n}: ConnectionStateProps): ReactElement {\n  const ctx = useContext(ReactAlpContext);\n  const notLoggedIn = !(ctx.sanitizedState as { user?: unknown }).user;\n\n  const unloadingRef = useRef<boolean>(false);\n  const currentStateRef = useRef(state);\n  if (unloadingRef.current === false) {\n    currentStateRef.current = state;\n  }\n  const currentState = currentStateRef.current;\n\n  useEffect((): (() => void) => {\n    const beforeUnloadHandler = (): void => {\n      unloadingRef.current = true;\n    };\n    window.addEventListener('beforeunload', beforeUnloadHandler);\n\n    return (): void => {\n      window.removeEventListener('beforeunload', beforeUnloadHandler);\n    };\n  }, []);\n\n  return (\n    <div\n      hidden={!state || notLoggedIn || currentState === 'connected'}\n      className=\"alp-connection-state\"\n    >\n      {!state || notLoggedIn ? null : (\n        <div>\n          <T id={`connectionState.${currentState as string}`} />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["ConnectionState","state","ctx","useContext","ReactAlpContext","notLoggedIn","sanitizedState","user","unloadingRef","useRef","currentStateRef","current","currentState","useEffect","beforeUnloadHandler","window","addEventListener","removeEventListener","React","T"],"mappings":";;;;;;;;;;;;;;AAYe,SAASA,eAAT,OAEwB;AAAA,MADrCC,KACqC,QADrCA,KACqC;AACrC,MAAMC,GAAG,GAAGC,gBAAU,CAACC,wBAAD,CAAtB;AACA,MAAMC,WAAW,GAAG,CAAEH,GAAG,CAACI,cAAL,CAA2CC,IAAhE;AAEA,MAAMC,YAAY,GAAGC,YAAM,CAAU,KAAV,CAA3B;AACA,MAAMC,eAAe,GAAGD,YAAM,CAACR,KAAD,CAA9B;;AACA,MAAIO,YAAY,CAACG,OAAb,KAAyB,KAA7B,EAAoC;AAClCD,IAAAA,eAAe,CAACC,OAAhB,GAA0BV,KAA1B;AACD;;AACD,MAAMW,YAAY,GAAGF,eAAe,CAACC,OAArC;AAEAE,EAAAA,eAAS,CAAC,YAAoB;AAC5B,QAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAY;AACtCN,MAAAA,YAAY,CAACG,OAAb,GAAuB,IAAvB;AACD,KAFD;;AAGAI,IAAAA,MAAM,CAACC,gBAAP,CAAwB,cAAxB,EAAwCF,mBAAxC;AAEA,WAAO,YAAY;AACjBC,MAAAA,MAAM,CAACE,mBAAP,CAA2B,cAA3B,EAA2CH,mBAA3C;AACD,KAFD;AAGD,GATQ,EASN,EATM,CAAT;AAWA,sBACEI;AACE,IAAA,MAAM,EAAE,CAACjB,KAAD,IAAUI,WAAV,IAAyBO,YAAY,KAAK,WADpD;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIG,CAACX,KAAD,IAAUI,WAAV,GAAwB,IAAxB,gBACCa,uDACEA,6BAACC,mBAAD;AAAG,IAAA,EAAE,uBAAqBP;AAA1B,IADF,CALJ,CADF;AAYD;;;;"}

package/dist/index-browsermodern-dev.es.js

@@ -1,38 +0,0 @@
-import React, { useContext, useRef, useEffect } from 'react';
-import ReactAlpContext from 'react-alp-context';
-import { T } from 'react-alp-translate';
-import '../ConnectionState.global.scss';
-
-function ConnectionState({
-  state
-}) {
-  const ctx = useContext(ReactAlpContext);
-  const notLoggedIn = !ctx.sanitizedState.user;
-  const unloadingRef = useRef(false);
-  const currentStateRef = useRef(state);
-
-  if (unloadingRef.current === false) {
-    currentStateRef.current = state;
-  }
-
-  const currentState = currentStateRef.current;
-  useEffect(() => {
-    const beforeUnloadHandler = () => {
-      unloadingRef.current = true;
-    };
-
-    window.addEventListener('beforeunload', beforeUnloadHandler);
-    return () => {
-      window.removeEventListener('beforeunload', beforeUnloadHandler);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    hidden: !state || notLoggedIn || currentState === 'connected',
-    className: "alp-connection-state"
-  }, !state || notLoggedIn ? null : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(T, {
-    id: `connectionState.${currentState}`
-  })));
-}
-
-export default ConnectionState;
-//# sourceMappingURL=index-browsermodern-dev.es.js.map

package/dist/index-browsermodern-dev.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-browsermodern-dev.es.js","sources":["../src/index.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport ReactAlpContext from 'react-alp-context';\nimport { T } from 'react-alp-translate';\nimport '../ConnectionState.global.scss';\n\ntype State = null | 'connecting' | 'connected' | 'disconnected';\n\ninterface ConnectionStateProps {\n  state: State;\n}\n\nexport default function ConnectionState({\n  state,\n}: ConnectionStateProps): ReactElement {\n  const ctx = useContext(ReactAlpContext);\n  const notLoggedIn = !(ctx.sanitizedState as { user?: unknown }).user;\n\n  const unloadingRef = useRef<boolean>(false);\n  const currentStateRef = useRef(state);\n  if (unloadingRef.current === false) {\n    currentStateRef.current = state;\n  }\n  const currentState = currentStateRef.current;\n\n  useEffect((): (() => void) => {\n    const beforeUnloadHandler = (): void => {\n      unloadingRef.current = true;\n    };\n    window.addEventListener('beforeunload', beforeUnloadHandler);\n\n    return (): void => {\n      window.removeEventListener('beforeunload', beforeUnloadHandler);\n    };\n  }, []);\n\n  return (\n    <div\n      hidden={!state || notLoggedIn || currentState === 'connected'}\n      className=\"alp-connection-state\"\n    >\n      {!state || notLoggedIn ? null : (\n        <div>\n          <T id={`connectionState.${currentState as string}`} />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["ConnectionState","state","ctx","useContext","ReactAlpContext","notLoggedIn","sanitizedState","user","unloadingRef","useRef","currentStateRef","current","currentState","useEffect","beforeUnloadHandler","window","addEventListener","removeEventListener"],"mappings":";;;;;AAYe,SAASA,eAAT,CAAyB;AACtCC,EAAAA;AADsC,CAAzB,EAEwB;AACrC,QAAMC,GAAG,GAAGC,UAAU,CAACC,eAAD,CAAtB;AACA,QAAMC,WAAW,GAAG,CAAEH,GAAG,CAACI,cAAL,CAA2CC,IAAhE;AAEA,QAAMC,YAAY,GAAGC,MAAM,CAAU,KAAV,CAA3B;AACA,QAAMC,eAAe,GAAGD,MAAM,CAACR,KAAD,CAA9B;;AACA,MAAIO,YAAY,CAACG,OAAb,KAAyB,KAA7B,EAAoC;AAClCD,IAAAA,eAAe,CAACC,OAAhB,GAA0BV,KAA1B;AACD;;AACD,QAAMW,YAAY,GAAGF,eAAe,CAACC,OAArC;AAEAE,EAAAA,SAAS,CAAC,MAAoB;AAC5B,UAAMC,mBAAmB,GAAG,MAAY;AACtCN,MAAAA,YAAY,CAACG,OAAb,GAAuB,IAAvB;AACD,KAFD;;AAGAI,IAAAA,MAAM,CAACC,gBAAP,CAAwB,cAAxB,EAAwCF,mBAAxC;AAEA,WAAO,MAAY;AACjBC,MAAAA,MAAM,CAACE,mBAAP,CAA2B,cAA3B,EAA2CH,mBAA3C;AACD,KAFD;AAGD,GATQ,EASN,EATM,CAAT;AAWA,sBACE;AACE,IAAA,MAAM,EAAE,CAACb,KAAD,IAAUI,WAAV,IAAyBO,YAAY,KAAK,WADpD;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIG,CAACX,KAAD,IAAUI,WAAV,GAAwB,IAAxB,gBACC,8CACE,oBAAC,CAAD;AAAG,IAAA,EAAE,EAAG,mBAAkBO,YAAuB;AAAjD,IADF,CALJ,CADF;AAYD;;;;"}

package/dist/index-node12-dev.cjs.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const React = require('react');
-const ReactAlpContext = require('react-alp-context');
-const reactAlpTranslate = require('react-alp-translate');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
-
-const React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-const ReactAlpContext__default = /*#__PURE__*/_interopDefaultLegacy(ReactAlpContext);
-
-function ConnectionState({
-  state
-}) {
-  const ctx = React.useContext(ReactAlpContext__default);
-  const notLoggedIn = !ctx.sanitizedState.user;
-  const unloadingRef = React.useRef(false);
-  const currentStateRef = React.useRef(state);
-
-  if (unloadingRef.current === false) {
-    currentStateRef.current = state;
-  }
-
-  const currentState = currentStateRef.current;
-  React.useEffect(() => {
-    const beforeUnloadHandler = () => {
-      unloadingRef.current = true;
-    };
-
-    window.addEventListener('beforeunload', beforeUnloadHandler);
-    return () => {
-      window.removeEventListener('beforeunload', beforeUnloadHandler);
-    };
-  }, []);
-  return /*#__PURE__*/React__default.createElement("div", {
-    hidden: !state || notLoggedIn || currentState === 'connected',
-    className: "alp-connection-state"
-  }, !state || notLoggedIn ? null : /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(reactAlpTranslate.T, {
-    id: `connectionState.${currentState}`
-  })));
-}
-
-exports.default = ConnectionState;
-//# sourceMappingURL=index-node12-dev.cjs.js.map

package/dist/index-node12-dev.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-node12-dev.cjs.js","sources":["../src/index.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport ReactAlpContext from 'react-alp-context';\nimport { T } from 'react-alp-translate';\nimport '../ConnectionState.global.scss';\n\ntype State = null | 'connecting' | 'connected' | 'disconnected';\n\ninterface ConnectionStateProps {\n  state: State;\n}\n\nexport default function ConnectionState({\n  state,\n}: ConnectionStateProps): ReactElement {\n  const ctx = useContext(ReactAlpContext);\n  const notLoggedIn = !(ctx.sanitizedState as { user?: unknown }).user;\n\n  const unloadingRef = useRef<boolean>(false);\n  const currentStateRef = useRef(state);\n  if (unloadingRef.current === false) {\n    currentStateRef.current = state;\n  }\n  const currentState = currentStateRef.current;\n\n  useEffect((): (() => void) => {\n    const beforeUnloadHandler = (): void => {\n      unloadingRef.current = true;\n    };\n    window.addEventListener('beforeunload', beforeUnloadHandler);\n\n    return (): void => {\n      window.removeEventListener('beforeunload', beforeUnloadHandler);\n    };\n  }, []);\n\n  return (\n    <div\n      hidden={!state || notLoggedIn || currentState === 'connected'}\n      className=\"alp-connection-state\"\n    >\n      {!state || notLoggedIn ? null : (\n        <div>\n          <T id={`connectionState.${currentState as string}`} />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["ConnectionState","state","ctx","useContext","ReactAlpContext","notLoggedIn","sanitizedState","user","unloadingRef","useRef","currentStateRef","current","currentState","useEffect","beforeUnloadHandler","window","addEventListener","removeEventListener","React","T"],"mappings":";;;;;;;;;;;;;AAYe,SAASA,eAAT,CAAyB;AACtCC,EAAAA;AADsC,CAAzB,EAEwB;AACrC,QAAMC,GAAG,GAAGC,gBAAU,CAACC,wBAAD,CAAtB;AACA,QAAMC,WAAW,GAAG,CAAEH,GAAG,CAACI,cAAL,CAA2CC,IAAhE;AAEA,QAAMC,YAAY,GAAGC,YAAM,CAAU,KAAV,CAA3B;AACA,QAAMC,eAAe,GAAGD,YAAM,CAACR,KAAD,CAA9B;;AACA,MAAIO,YAAY,CAACG,OAAb,KAAyB,KAA7B,EAAoC;AAClCD,IAAAA,eAAe,CAACC,OAAhB,GAA0BV,KAA1B;AACD;;AACD,QAAMW,YAAY,GAAGF,eAAe,CAACC,OAArC;AAEAE,EAAAA,eAAS,CAAC,MAAoB;AAC5B,UAAMC,mBAAmB,GAAG,MAAY;AACtCN,MAAAA,YAAY,CAACG,OAAb,GAAuB,IAAvB;AACD,KAFD;;AAGAI,IAAAA,MAAM,CAACC,gBAAP,CAAwB,cAAxB,EAAwCF,mBAAxC;AAEA,WAAO,MAAY;AACjBC,MAAAA,MAAM,CAACE,mBAAP,CAA2B,cAA3B,EAA2CH,mBAA3C;AACD,KAFD;AAGD,GATQ,EASN,EATM,CAAT;AAWA,sBACEI;AACE,IAAA,MAAM,EAAE,CAACjB,KAAD,IAAUI,WAAV,IAAyBO,YAAY,KAAK,WADpD;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIG,CAACX,KAAD,IAAUI,WAAV,GAAwB,IAAxB,gBACCa,uDACEA,6BAACC,mBAAD;AAAG,IAAA,EAAE,EAAG,mBAAkBP,YAAuB;AAAjD,IADF,CALJ,CADF;AAYD;;;;"}

package/dist/index-node12-dev.mjs

@@ -1,37 +0,0 @@
-import React, { useContext, useRef, useEffect } from 'react';
-import ReactAlpContext from 'react-alp-context';
-import { T } from 'react-alp-translate';
-
-function ConnectionState({
-  state
-}) {
-  const ctx = useContext(ReactAlpContext);
-  const notLoggedIn = !ctx.sanitizedState.user;
-  const unloadingRef = useRef(false);
-  const currentStateRef = useRef(state);
-
-  if (unloadingRef.current === false) {
-    currentStateRef.current = state;
-  }
-
-  const currentState = currentStateRef.current;
-  useEffect(() => {
-    const beforeUnloadHandler = () => {
-      unloadingRef.current = true;
-    };
-
-    window.addEventListener('beforeunload', beforeUnloadHandler);
-    return () => {
-      window.removeEventListener('beforeunload', beforeUnloadHandler);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    hidden: !state || notLoggedIn || currentState === 'connected',
-    className: "alp-connection-state"
-  }, !state || notLoggedIn ? null : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(T, {
-    id: `connectionState.${currentState}`
-  })));
-}
-
-export default ConnectionState;
-//# sourceMappingURL=index-node12-dev.mjs.map

package/dist/index-node12-dev.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-node12-dev.mjs","sources":["../src/index.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport ReactAlpContext from 'react-alp-context';\nimport { T } from 'react-alp-translate';\nimport '../ConnectionState.global.scss';\n\ntype State = null | 'connecting' | 'connected' | 'disconnected';\n\ninterface ConnectionStateProps {\n  state: State;\n}\n\nexport default function ConnectionState({\n  state,\n}: ConnectionStateProps): ReactElement {\n  const ctx = useContext(ReactAlpContext);\n  const notLoggedIn = !(ctx.sanitizedState as { user?: unknown }).user;\n\n  const unloadingRef = useRef<boolean>(false);\n  const currentStateRef = useRef(state);\n  if (unloadingRef.current === false) {\n    currentStateRef.current = state;\n  }\n  const currentState = currentStateRef.current;\n\n  useEffect((): (() => void) => {\n    const beforeUnloadHandler = (): void => {\n      unloadingRef.current = true;\n    };\n    window.addEventListener('beforeunload', beforeUnloadHandler);\n\n    return (): void => {\n      window.removeEventListener('beforeunload', beforeUnloadHandler);\n    };\n  }, []);\n\n  return (\n    <div\n      hidden={!state || notLoggedIn || currentState === 'connected'}\n      className=\"alp-connection-state\"\n    >\n      {!state || notLoggedIn ? null : (\n        <div>\n          <T id={`connectionState.${currentState as string}`} />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["ConnectionState","state","ctx","useContext","ReactAlpContext","notLoggedIn","sanitizedState","user","unloadingRef","useRef","currentStateRef","current","currentState","useEffect","beforeUnloadHandler","window","addEventListener","removeEventListener"],"mappings":";;;;AAYe,SAASA,eAAT,CAAyB;AACtCC,EAAAA;AADsC,CAAzB,EAEwB;AACrC,QAAMC,GAAG,GAAGC,UAAU,CAACC,eAAD,CAAtB;AACA,QAAMC,WAAW,GAAG,CAAEH,GAAG,CAACI,cAAL,CAA2CC,IAAhE;AAEA,QAAMC,YAAY,GAAGC,MAAM,CAAU,KAAV,CAA3B;AACA,QAAMC,eAAe,GAAGD,MAAM,CAACR,KAAD,CAA9B;;AACA,MAAIO,YAAY,CAACG,OAAb,KAAyB,KAA7B,EAAoC;AAClCD,IAAAA,eAAe,CAACC,OAAhB,GAA0BV,KAA1B;AACD;;AACD,QAAMW,YAAY,GAAGF,eAAe,CAACC,OAArC;AAEAE,EAAAA,SAAS,CAAC,MAAoB;AAC5B,UAAMC,mBAAmB,GAAG,MAAY;AACtCN,MAAAA,YAAY,CAACG,OAAb,GAAuB,IAAvB;AACD,KAFD;;AAGAI,IAAAA,MAAM,CAACC,gBAAP,CAAwB,cAAxB,EAAwCF,mBAAxC;AAEA,WAAO,MAAY;AACjBC,MAAAA,MAAM,CAACE,mBAAP,CAA2B,cAA3B,EAA2CH,mBAA3C;AACD,KAFD;AAGD,GATQ,EASN,EATM,CAAT;AAWA,sBACE;AACE,IAAA,MAAM,EAAE,CAACb,KAAD,IAAUI,WAAV,IAAyBO,YAAY,KAAK,WADpD;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIG,CAACX,KAAD,IAAUI,WAAV,GAAwB,IAAxB,gBACC,8CACE,oBAAC,CAAD;AAAG,IAAA,EAAE,EAAG,mBAAkBO,YAAuB;AAAjD,IADF,CALJ,CADF;AAYD;;;;"}

package/dist/index-node12.cjs.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const React = require('react');
-const ReactAlpContext = require('react-alp-context');
-const reactAlpTranslate = require('react-alp-translate');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
-
-const React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-const ReactAlpContext__default = /*#__PURE__*/_interopDefaultLegacy(ReactAlpContext);
-
-function ConnectionState({
-  state
-}) {
-  const ctx = React.useContext(ReactAlpContext__default);
-  const notLoggedIn = !ctx.sanitizedState.user;
-  const unloadingRef = React.useRef(false);
-  const currentStateRef = React.useRef(state);
-
-  if (unloadingRef.current === false) {
-    currentStateRef.current = state;
-  }
-
-  const currentState = currentStateRef.current;
-  React.useEffect(() => {
-    const beforeUnloadHandler = () => {
-      unloadingRef.current = true;
-    };
-
-    window.addEventListener('beforeunload', beforeUnloadHandler);
-    return () => {
-      window.removeEventListener('beforeunload', beforeUnloadHandler);
-    };
-  }, []);
-  return /*#__PURE__*/React__default.createElement("div", {
-    hidden: !state || notLoggedIn || currentState === 'connected',
-    className: "alp-connection-state"
-  }, !state || notLoggedIn ? null : /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(reactAlpTranslate.T, {
-    id: `connectionState.${currentState}`
-  })));
-}
-
-exports.default = ConnectionState;
-//# sourceMappingURL=index-node12.cjs.js.map

package/dist/index-node12.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-node12.cjs.js","sources":["../src/index.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport ReactAlpContext from 'react-alp-context';\nimport { T } from 'react-alp-translate';\nimport '../ConnectionState.global.scss';\n\ntype State = null | 'connecting' | 'connected' | 'disconnected';\n\ninterface ConnectionStateProps {\n  state: State;\n}\n\nexport default function ConnectionState({\n  state,\n}: ConnectionStateProps): ReactElement {\n  const ctx = useContext(ReactAlpContext);\n  const notLoggedIn = !(ctx.sanitizedState as { user?: unknown }).user;\n\n  const unloadingRef = useRef<boolean>(false);\n  const currentStateRef = useRef(state);\n  if (unloadingRef.current === false) {\n    currentStateRef.current = state;\n  }\n  const currentState = currentStateRef.current;\n\n  useEffect((): (() => void) => {\n    const beforeUnloadHandler = (): void => {\n      unloadingRef.current = true;\n    };\n    window.addEventListener('beforeunload', beforeUnloadHandler);\n\n    return (): void => {\n      window.removeEventListener('beforeunload', beforeUnloadHandler);\n    };\n  }, []);\n\n  return (\n    <div\n      hidden={!state || notLoggedIn || currentState === 'connected'}\n      className=\"alp-connection-state\"\n    >\n      {!state || notLoggedIn ? null : (\n        <div>\n          <T id={`connectionState.${currentState as string}`} />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["ConnectionState","state","ctx","useContext","ReactAlpContext","notLoggedIn","sanitizedState","user","unloadingRef","useRef","currentStateRef","current","currentState","useEffect","beforeUnloadHandler","window","addEventListener","removeEventListener","React","T"],"mappings":";;;;;;;;;;;;;AAYe,SAASA,eAAT,CAAyB;AACtCC,EAAAA;AADsC,CAAzB,EAEwB;AACrC,QAAMC,GAAG,GAAGC,gBAAU,CAACC,wBAAD,CAAtB;AACA,QAAMC,WAAW,GAAG,CAAEH,GAAG,CAACI,cAAL,CAA2CC,IAAhE;AAEA,QAAMC,YAAY,GAAGC,YAAM,CAAU,KAAV,CAA3B;AACA,QAAMC,eAAe,GAAGD,YAAM,CAACR,KAAD,CAA9B;;AACA,MAAIO,YAAY,CAACG,OAAb,KAAyB,KAA7B,EAAoC;AAClCD,IAAAA,eAAe,CAACC,OAAhB,GAA0BV,KAA1B;AACD;;AACD,QAAMW,YAAY,GAAGF,eAAe,CAACC,OAArC;AAEAE,EAAAA,eAAS,CAAC,MAAoB;AAC5B,UAAMC,mBAAmB,GAAG,MAAY;AACtCN,MAAAA,YAAY,CAACG,OAAb,GAAuB,IAAvB;AACD,KAFD;;AAGAI,IAAAA,MAAM,CAACC,gBAAP,CAAwB,cAAxB,EAAwCF,mBAAxC;AAEA,WAAO,MAAY;AACjBC,MAAAA,MAAM,CAACE,mBAAP,CAA2B,cAA3B,EAA2CH,mBAA3C;AACD,KAFD;AAGD,GATQ,EASN,EATM,CAAT;AAWA,sBACEI;AACE,IAAA,MAAM,EAAE,CAACjB,KAAD,IAAUI,WAAV,IAAyBO,YAAY,KAAK,WADpD;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIG,CAACX,KAAD,IAAUI,WAAV,GAAwB,IAAxB,gBACCa,uDACEA,6BAACC,mBAAD;AAAG,IAAA,EAAE,EAAG,mBAAkBP,YAAuB;AAAjD,IADF,CALJ,CADF;AAYD;;;;"}

package/dist/index-node12.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-node12.mjs","sources":["../src/index.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport ReactAlpContext from 'react-alp-context';\nimport { T } from 'react-alp-translate';\nimport '../ConnectionState.global.scss';\n\ntype State = null | 'connecting' | 'connected' | 'disconnected';\n\ninterface ConnectionStateProps {\n  state: State;\n}\n\nexport default function ConnectionState({\n  state,\n}: ConnectionStateProps): ReactElement {\n  const ctx = useContext(ReactAlpContext);\n  const notLoggedIn = !(ctx.sanitizedState as { user?: unknown }).user;\n\n  const unloadingRef = useRef<boolean>(false);\n  const currentStateRef = useRef(state);\n  if (unloadingRef.current === false) {\n    currentStateRef.current = state;\n  }\n  const currentState = currentStateRef.current;\n\n  useEffect((): (() => void) => {\n    const beforeUnloadHandler = (): void => {\n      unloadingRef.current = true;\n    };\n    window.addEventListener('beforeunload', beforeUnloadHandler);\n\n    return (): void => {\n      window.removeEventListener('beforeunload', beforeUnloadHandler);\n    };\n  }, []);\n\n  return (\n    <div\n      hidden={!state || notLoggedIn || currentState === 'connected'}\n      className=\"alp-connection-state\"\n    >\n      {!state || notLoggedIn ? null : (\n        <div>\n          <T id={`connectionState.${currentState as string}`} />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["ConnectionState","state","ctx","useContext","ReactAlpContext","notLoggedIn","sanitizedState","user","unloadingRef","useRef","currentStateRef","current","currentState","useEffect","beforeUnloadHandler","window","addEventListener","removeEventListener"],"mappings":";;;;AAYe,SAASA,eAAT,CAAyB;AACtCC,EAAAA;AADsC,CAAzB,EAEwB;AACrC,QAAMC,GAAG,GAAGC,UAAU,CAACC,eAAD,CAAtB;AACA,QAAMC,WAAW,GAAG,CAAEH,GAAG,CAACI,cAAL,CAA2CC,IAAhE;AAEA,QAAMC,YAAY,GAAGC,MAAM,CAAU,KAAV,CAA3B;AACA,QAAMC,eAAe,GAAGD,MAAM,CAACR,KAAD,CAA9B;;AACA,MAAIO,YAAY,CAACG,OAAb,KAAyB,KAA7B,EAAoC;AAClCD,IAAAA,eAAe,CAACC,OAAhB,GAA0BV,KAA1B;AACD;;AACD,QAAMW,YAAY,GAAGF,eAAe,CAACC,OAArC;AAEAE,EAAAA,SAAS,CAAC,MAAoB;AAC5B,UAAMC,mBAAmB,GAAG,MAAY;AACtCN,MAAAA,YAAY,CAACG,OAAb,GAAuB,IAAvB;AACD,KAFD;;AAGAI,IAAAA,MAAM,CAACC,gBAAP,CAAwB,cAAxB,EAAwCF,mBAAxC;AAEA,WAAO,MAAY;AACjBC,MAAAA,MAAM,CAACE,mBAAP,CAA2B,cAA3B,EAA2CH,mBAA3C;AACD,KAFD;AAGD,GATQ,EASN,EATM,CAAT;AAWA,sBACE;AACE,IAAA,MAAM,EAAE,CAACb,KAAD,IAAUI,WAAV,IAAyBO,YAAY,KAAK,WADpD;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIG,CAACX,KAAD,IAAUI,WAAV,GAAwB,IAAxB,gBACC,8CACE,oBAAC,CAAD;AAAG,IAAA,EAAE,EAAG,mBAAkBO,YAAuB;AAAjD,IADF,CALJ,CADF;AAYD;;;;"}

package/index.js

@@ -1,6 +0,0 @@
-/* eslint-disable import/no-dynamic-require */
-
-'use strict';
-
-const production = process.env.NODE_ENV === 'production';
-module.exports = require(`./dist/index-node12${production ? '' : '-dev'}.cjs`);