react-alp-connection-state 4.1.3 → 6.0.0

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

@@ -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.mjs.map

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`);