@dhis2/app-service-offline 3.4.4 → 3.6.0

package/build/cjs/index.js

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "useOnlineStatus", {
     return _onlineStatus.useOnlineStatus;
   }
 });
+Object.defineProperty(exports, "useOnlineStatusMessage", {
+  enumerable: true,
+  get: function () {
+    return _onlineStatusMessage.useOnlineStatusMessage;
+  }
+});
 Object.defineProperty(exports, "clearSensitiveCaches", {
   enumerable: true,
   get: function () {
@@ -48,4 +54,6 @@ var _cacheableSectionState = require("./lib/cacheable-section-state");
 
 var _onlineStatus = require("./lib/online-status");
 
+var _onlineStatusMessage = require("./lib/online-status-message");
+
 var _clearSensitiveCaches = require("./lib/clear-sensitive-caches");

package/build/cjs/lib/__tests__/use-cacheable-section.test.js

@@ -14,7 +14,6 @@ var _offlineProvider = require("../offline-provider");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/* eslint-disable react/display-name, react/prop-types */
 // Suppress 'act' warning for these tests
 const originalError = console.error;
 beforeEach(() => {

package/build/cjs/lib/__tests__/use-online-staus-message.test.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _reactHooks = require("@testing-library/react-hooks");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _testMocks = require("../../utils/test-mocks");
+
+var _offlineProvider = require("../offline-provider");
+
+var _onlineStatusMessage = require("../online-status-message");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('useOnlineStatusMessage', () => {
+  it('should allow the online status to be updated ', () => {
+    const wrapper = ({
+      children
+    }) => /*#__PURE__*/_react.default.createElement(_offlineProvider.OfflineProvider, {
+      offlineInterface: _testMocks.mockOfflineInterface
+    }, children);
+
+    const {
+      result
+    } = (0, _reactHooks.renderHook)(() => (0, _onlineStatusMessage.useOnlineStatusMessage)(), {
+      wrapper
+    });
+    expect(result.current.onlineStatusMessage).toBeUndefined();
+    (0, _reactHooks.act)(() => {
+      result.current.setOnlineStatusMessage('8 offline events');
+    });
+    expect(result.current.onlineStatusMessage).toEqual('8 offline events');
+  });
+});

package/build/cjs/lib/global-state-service.js

@@ -72,7 +72,9 @@ const useGlobalState = (selector = identity) => {
       const newSelectedState = selector(state); // Second condition handles case where a selected object gets
       // deleted, but state does not update
 
-      if (!(0, _isEqual.default)(selectedState, newSelectedState) || selectedState === undefined) setSelectedState(newSelectedState);
+      if (!(0, _isEqual.default)(selectedState, newSelectedState) || selectedState === undefined) {
+        setSelectedState(newSelectedState);
+      }
     };
 
     store.subscribe(callback); // Make sure to update state when selector changes

package/build/cjs/lib/offline-provider.js

@@ -13,6 +13,8 @@ var _cacheableSectionState = require("./cacheable-section-state");
 
 var _offlineInterface = require("./offline-interface");
 
+var _onlineStatusMessage = require("./online-status-message");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /** A context provider for all the relevant offline contexts */
@@ -28,7 +30,7 @@ function OfflineProvider({
 
   return /*#__PURE__*/_react.default.createElement(_offlineInterface.OfflineInterfaceProvider, {
     offlineInterface: offlineInterface
-  }, /*#__PURE__*/_react.default.createElement(_cacheableSectionState.CacheableSectionProvider, null, children));
+  }, /*#__PURE__*/_react.default.createElement(_cacheableSectionState.CacheableSectionProvider, null, /*#__PURE__*/_react.default.createElement(_onlineStatusMessage.OnlineStatusMessageProvider, null, children)));
 }
 
 OfflineProvider.propTypes = {

package/build/cjs/lib/online-status-message.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OnlineStatusMessageProvider = exports.useOnlineStatusMessage = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const defaultApi = {
+  onlineStatusMessage: undefined,
+  setOnlineStatusMessage: () => undefined
+};
+
+const OnlineStatusMessageContext = /*#__PURE__*/_react.default.createContext(defaultApi);
+
+const useOnlineStatusMessage = () => {
+  const {
+    onlineStatusMessage,
+    setOnlineStatusMessage
+  } = (0, _react.useContext)(OnlineStatusMessageContext);
+  return {
+    onlineStatusMessage,
+    setOnlineStatusMessage
+  };
+};
+
+exports.useOnlineStatusMessage = useOnlineStatusMessage;
+
+const OnlineStatusMessageProvider = ({
+  children
+}) => {
+  const [onlineStatusMessage, setOnlineStatusMessage] = (0, _react.useState)();
+  return /*#__PURE__*/_react.default.createElement(OnlineStatusMessageContext.Provider, {
+    value: {
+      onlineStatusMessage,
+      setOnlineStatusMessage
+    }
+  }, children);
+};
+
+exports.OnlineStatusMessageProvider = OnlineStatusMessageProvider;

package/build/cjs/utils/render-counter.js

@@ -13,7 +13,10 @@ const RenderCounter = ({
   id,
   countsObj
 }) => {
-  if (!(id in countsObj)) countsObj[id] = 0;
+  if (!(id in countsObj)) {
+    countsObj[id] = 0;
+  }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": id
   }, ++countsObj[id]);

package/build/cjs/utils/test-mocks.js

@@ -9,9 +9,15 @@ const successfulRecordingMock = jest.fn().mockImplementation(async ({
   onCompleted
 } = {}) => {
   // in 100ms, call 'onStarted' callback (allows 'pending' state)
-  if (onStarted) setTimeout(onStarted, 100); // in 200ms, call 'onCompleted' callback
+  if (onStarted) {
+    setTimeout(onStarted, 100);
+  } // in 200ms, call 'onCompleted' callback
+
+
+  if (onCompleted) {
+    setTimeout(onCompleted, 200);
+  } // resolve
 
-  if (onCompleted) setTimeout(onCompleted, 200); // resolve
 
   return Promise.resolve();
 });
@@ -21,7 +27,10 @@ const errorRecordingMock = jest.fn().mockImplementation(({
   onError
 } = {}) => {
   // in 100ms, call 'onStarted' callback (allows 'pending' state)
-  if (onStarted) setTimeout(onStarted, 100); // in 200ms, call 'onError'
+  if (onStarted) {
+    setTimeout(onStarted, 100);
+  } // in 200ms, call 'onError'
+
 
   setTimeout(() => onError(new Error('test err')), 200); // resolve to signal successful initiation
 

package/build/es/index.js

@@ -2,4 +2,5 @@ export { OfflineProvider } from './lib/offline-provider';
 export { CacheableSection, useCacheableSection } from './lib/cacheable-section';
 export { useCachedSections } from './lib/cacheable-section-state';
 export { useOnlineStatus } from './lib/online-status';
+export { useOnlineStatusMessage } from './lib/online-status-message';
 export { clearSensitiveCaches } from './lib/clear-sensitive-caches';

package/build/es/lib/__tests__/use-cacheable-section.test.js

@@ -1,4 +1,3 @@
-/* eslint-disable react/display-name, react/prop-types */
 import { AlertsProvider } from '@dhis2/app-service-alerts';
 import { renderHook, act } from '@testing-library/react-hooks';
 import React from 'react';

package/build/es/lib/__tests__/use-online-staus-message.test.js

@@ -0,0 +1,25 @@
+import { renderHook, act } from '@testing-library/react-hooks';
+import React from 'react';
+import { mockOfflineInterface } from '../../utils/test-mocks';
+import { OfflineProvider } from '../offline-provider';
+import { useOnlineStatusMessage } from '../online-status-message';
+describe('useOnlineStatusMessage', () => {
+  it('should allow the online status to be updated ', () => {
+    const wrapper = ({
+      children
+    }) => /*#__PURE__*/React.createElement(OfflineProvider, {
+      offlineInterface: mockOfflineInterface
+    }, children);
+
+    const {
+      result
+    } = renderHook(() => useOnlineStatusMessage(), {
+      wrapper
+    });
+    expect(result.current.onlineStatusMessage).toBeUndefined();
+    act(() => {
+      result.current.setOnlineStatusMessage('8 offline events');
+    });
+    expect(result.current.onlineStatusMessage).toEqual('8 offline events');
+  });
+});

package/build/es/lib/global-state-service.js

@@ -50,7 +50,9 @@ export const useGlobalState = (selector = identity) => {
       const newSelectedState = selector(state); // Second condition handles case where a selected object gets
       // deleted, but state does not update
 
-      if (!isEqual(selectedState, newSelectedState) || selectedState === undefined) setSelectedState(newSelectedState);
+      if (!isEqual(selectedState, newSelectedState) || selectedState === undefined) {
+        setSelectedState(newSelectedState);
+      }
     };
 
     store.subscribe(callback); // Make sure to update state when selector changes

package/build/es/lib/offline-provider.js

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { CacheableSectionProvider } from './cacheable-section-state';
 import { OfflineInterfaceProvider } from './offline-interface';
+import { OnlineStatusMessageProvider } from './online-status-message';
 
 /** A context provider for all the relevant offline contexts */
 export function OfflineProvider({
@@ -16,7 +17,7 @@ export function OfflineProvider({
 
   return /*#__PURE__*/React.createElement(OfflineInterfaceProvider, {
     offlineInterface: offlineInterface
-  }, /*#__PURE__*/React.createElement(CacheableSectionProvider, null, children));
+  }, /*#__PURE__*/React.createElement(CacheableSectionProvider, null, /*#__PURE__*/React.createElement(OnlineStatusMessageProvider, null, children)));
 }
 OfflineProvider.propTypes = {
   children: PropTypes.node,

package/build/es/lib/online-status-message.js

@@ -0,0 +1,27 @@
+import React, { useContext, useState } from 'react';
+const defaultApi = {
+  onlineStatusMessage: undefined,
+  setOnlineStatusMessage: () => undefined
+};
+const OnlineStatusMessageContext = /*#__PURE__*/React.createContext(defaultApi);
+export const useOnlineStatusMessage = () => {
+  const {
+    onlineStatusMessage,
+    setOnlineStatusMessage
+  } = useContext(OnlineStatusMessageContext);
+  return {
+    onlineStatusMessage,
+    setOnlineStatusMessage
+  };
+};
+export const OnlineStatusMessageProvider = ({
+  children
+}) => {
+  const [onlineStatusMessage, setOnlineStatusMessage] = useState();
+  return /*#__PURE__*/React.createElement(OnlineStatusMessageContext.Provider, {
+    value: {
+      onlineStatusMessage,
+      setOnlineStatusMessage
+    }
+  }, children);
+};

package/build/es/utils/render-counter.js

@@ -3,7 +3,10 @@ export const RenderCounter = ({
   id,
   countsObj
 }) => {
-  if (!(id in countsObj)) countsObj[id] = 0;
+  if (!(id in countsObj)) {
+    countsObj[id] = 0;
+  }
+
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": id
   }, ++countsObj[id]);

package/build/es/utils/test-mocks.js

@@ -3,9 +3,15 @@ export const successfulRecordingMock = jest.fn().mockImplementation(async ({
   onCompleted
 } = {}) => {
   // in 100ms, call 'onStarted' callback (allows 'pending' state)
-  if (onStarted) setTimeout(onStarted, 100); // in 200ms, call 'onCompleted' callback
+  if (onStarted) {
+    setTimeout(onStarted, 100);
+  } // in 200ms, call 'onCompleted' callback
+
+
+  if (onCompleted) {
+    setTimeout(onCompleted, 200);
+  } // resolve
 
-  if (onCompleted) setTimeout(onCompleted, 200); // resolve
 
   return Promise.resolve();
 });
@@ -14,7 +20,10 @@ export const errorRecordingMock = jest.fn().mockImplementation(({
   onError
 } = {}) => {
   // in 100ms, call 'onStarted' callback (allows 'pending' state)
-  if (onStarted) setTimeout(onStarted, 100); // in 200ms, call 'onError'
+  if (onStarted) {
+    setTimeout(onStarted, 100);
+  } // in 200ms, call 'onError'
+
 
   setTimeout(() => onError(new Error('test err')), 200); // resolve to signal successful initiation
 

package/build/types/index.d.ts

@@ -2,4 +2,5 @@ export { OfflineProvider } from './lib/offline-provider';
 export { CacheableSection, useCacheableSection } from './lib/cacheable-section';
 export { useCachedSections } from './lib/cacheable-section-state';
 export { useOnlineStatus } from './lib/online-status';
+export { useOnlineStatusMessage } from './lib/online-status-message';
 export { clearSensitiveCaches } from './lib/clear-sensitive-caches';

package/build/types/lib/online-status-message.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement, ReactNode } from 'react';
+import { OnlineStatusMessageContextAPI } from '../types';
+export declare const useOnlineStatusMessage: () => OnlineStatusMessageContextAPI;
+export declare const OnlineStatusMessageProvider: ({ children, }: {
+    children: ReactNode;
+}) => ReactElement;

package/build/types/types.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 export declare type RecordingState = 'default' | 'pending' | 'error' | 'recording';
 export interface GlobalStateStoreMutation {
     (state: any): any;
@@ -37,4 +38,8 @@ export interface OfflineInterface {
     getCachedSections: () => Promise<IndexedDBCachedSection[]>;
     removeSection: (id: string) => Promise<boolean>;
 }
+export declare type OnlineStatusMessageContextAPI = {
+    onlineStatusMessage?: ReactNode;
+    setOnlineStatusMessage: (additionalInfo: ReactNode) => void;
+};
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@dhis2/app-service-offline",
     "description": "A runtime service for online/offline detection and offline caching",
-    "version": "3.4.4",
+    "version": "3.6.0",
     "main": "./build/cjs/index.js",
     "module": "./build/es/index.js",
     "types": "build/types/index.d.ts",
@@ -33,7 +33,7 @@
         "coverage": "yarn test --coverage"
     },
     "peerDependencies": {
-        "@dhis2/app-service-alerts": "3.4.4",
+        "@dhis2/app-service-alerts": "3.6.0",
         "prop-types": "^15.7.2",
         "react": "^16.8.6",
         "react-dom": "^16.8.6"