@helpdice/ui 1.4.7 → 1.4.9

package/esm/timer/useTimer.js

@@ -0,0 +1,87 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useState, useCallback } from 'react';
+import { Time, Validate } from './utils';
+import { useInterval } from './hooks';
+var DEFAULT_DELAY = 1000;
+function getDelayFromExpiryTimestamp(expiryTimestamp) {
+  if (!Validate.expiryTimestamp(expiryTimestamp)) {
+    return null;
+  }
+  var seconds = Time.getSecondsFromExpiry(expiryTimestamp);
+  var extraMilliSeconds = Math.floor((seconds - Math.floor(seconds)) * 1000);
+  return extraMilliSeconds > 0 ? extraMilliSeconds : DEFAULT_DELAY;
+}
+export default function useTimer() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    expiry = _ref.expiryTimestamp,
+    onExpire = _ref.onExpire,
+    _ref$autoStart = _ref.autoStart,
+    autoStart = _ref$autoStart === void 0 ? true : _ref$autoStart;
+  var _useState = useState(expiry),
+    _useState2 = _slicedToArray(_useState, 2),
+    expiryTimestamp = _useState2[0],
+    setExpiryTimestamp = _useState2[1];
+  var _useState3 = useState(Time.getSecondsFromExpiry(expiryTimestamp)),
+    _useState4 = _slicedToArray(_useState3, 2),
+    seconds = _useState4[0],
+    setSeconds = _useState4[1];
+  var _useState5 = useState(autoStart),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isRunning = _useState6[0],
+    setIsRunning = _useState6[1];
+  var _useState7 = useState(autoStart),
+    _useState8 = _slicedToArray(_useState7, 2),
+    didStart = _useState8[0],
+    setDidStart = _useState8[1];
+  var _useState9 = useState(getDelayFromExpiryTimestamp(expiryTimestamp)),
+    _useState10 = _slicedToArray(_useState9, 2),
+    delay = _useState10[0],
+    setDelay = _useState10[1];
+  var handleExpire = useCallback(function () {
+    Validate.onExpire(onExpire) && onExpire();
+    setIsRunning(false);
+    setDelay(null);
+  }, [onExpire]);
+  var pause = useCallback(function () {
+    setIsRunning(false);
+  }, []);
+  var restart = useCallback(function (newExpiryTimestamp) {
+    var newAutoStart = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    setDelay(getDelayFromExpiryTimestamp(newExpiryTimestamp));
+    setDidStart(newAutoStart);
+    setIsRunning(newAutoStart);
+    setExpiryTimestamp(newExpiryTimestamp);
+    setSeconds(Time.getSecondsFromExpiry(newExpiryTimestamp));
+  }, []);
+  var resume = useCallback(function () {
+    var time = new Date();
+    time.setMilliseconds(time.getMilliseconds() + seconds * 1000);
+    restart(time);
+  }, [seconds, restart]);
+  var start = useCallback(function () {
+    if (didStart) {
+      setSeconds(Time.getSecondsFromExpiry(expiryTimestamp));
+      setIsRunning(true);
+    } else {
+      resume();
+    }
+  }, [expiryTimestamp, didStart, resume]);
+  useInterval(function () {
+    if (delay !== DEFAULT_DELAY) {
+      setDelay(DEFAULT_DELAY);
+    }
+    var secondsValue = Time.getSecondsFromExpiry(expiryTimestamp);
+    setSeconds(secondsValue);
+    if (secondsValue <= 0) {
+      handleExpire();
+    }
+  }, isRunning ? delay : null);
+  return _extends({}, Time.getTimeFromSeconds(seconds), {
+    start: start,
+    pause: pause,
+    resume: resume,
+    restart: restart,
+    isRunning: isRunning
+  });
+}

package/esm/timer/utils/Time.js

@@ -0,0 +1,75 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+var Time = /*#__PURE__*/function () {
+  function Time() {
+    _classCallCheck(this, Time);
+  }
+  return _createClass(Time, null, [{
+    key: "getTimeFromSeconds",
+    value: function getTimeFromSeconds(secs) {
+      var totalSeconds = Math.ceil(secs);
+      var days = Math.floor(totalSeconds / (60 * 60 * 24));
+      var hours = Math.floor(totalSeconds % (60 * 60 * 24) / (60 * 60));
+      var minutes = Math.floor(totalSeconds % (60 * 60) / 60);
+      var seconds = Math.floor(totalSeconds % 60);
+      return {
+        totalSeconds: totalSeconds,
+        seconds: seconds,
+        minutes: minutes,
+        hours: hours,
+        days: days
+      };
+    }
+  }, {
+    key: "getSecondsFromExpiry",
+    value: function getSecondsFromExpiry(expiry, shouldRound) {
+      var now = new Date().getTime();
+      var milliSecondsDistance = expiry - now;
+      if (milliSecondsDistance > 0) {
+        var val = milliSecondsDistance / 1000;
+        return shouldRound ? Math.round(val) : val;
+      }
+      return 0;
+    }
+  }, {
+    key: "getSecondsFromPrevTime",
+    value: function getSecondsFromPrevTime(prevTime, shouldRound) {
+      var now = new Date().getTime();
+      var milliSecondsDistance = now - prevTime;
+      if (milliSecondsDistance > 0) {
+        var val = milliSecondsDistance / 1000;
+        return shouldRound ? Math.round(val) : val;
+      }
+      return 0;
+    }
+  }, {
+    key: "getSecondsFromTimeNow",
+    value: function getSecondsFromTimeNow() {
+      var now = new Date();
+      var currentTimestamp = now.getTime();
+      var offset = now.getTimezoneOffset() * 60;
+      return currentTimestamp / 1000 - offset;
+    }
+  }, {
+    key: "getFormattedTimeFromSeconds",
+    value: function getFormattedTimeFromSeconds(totalSeconds, format) {
+      var _Time$getTimeFromSeco = Time.getTimeFromSeconds(totalSeconds),
+        secondsValue = _Time$getTimeFromSeco.seconds,
+        minutes = _Time$getTimeFromSeco.minutes,
+        hours = _Time$getTimeFromSeco.hours;
+      var ampm = '';
+      var hoursValue = hours;
+      if (format === '12-hour') {
+        ampm = hours >= 12 ? 'pm' : 'am';
+        hoursValue = hours % 12;
+      }
+      return {
+        seconds: secondsValue,
+        minutes: minutes,
+        hours: hoursValue,
+        ampm: ampm
+      };
+    }
+  }]);
+}();
+export { Time as default };

package/esm/timer/utils/Validate.js

@@ -0,0 +1,27 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+var Validate = /*#__PURE__*/function () {
+  function Validate() {
+    _classCallCheck(this, Validate);
+  }
+  return _createClass(Validate, null, [{
+    key: "expiryTimestamp",
+    value: function expiryTimestamp(_expiryTimestamp) {
+      var isValid = new Date(_expiryTimestamp).getTime() > 0;
+      if (!isValid) {
+        console.warn('react-timer-hook: { useTimer } Invalid expiryTimestamp settings', _expiryTimestamp); // eslint-disable-line
+      }
+      return isValid;
+    }
+  }, {
+    key: "onExpire",
+    value: function onExpire(_onExpire) {
+      var isValid = _onExpire && typeof _onExpire === 'function';
+      if (_onExpire && !isValid) {
+        console.warn('react-timer-hook: { useTimer } Invalid onExpire settings function', _onExpire); // eslint-disable-line
+      }
+      return isValid;
+    }
+  }]);
+}();
+export { Validate as default };

package/esm/timer/utils/index.js

@@ -0,0 +1,3 @@
+import Time from './Time';
+import Validate from './Validate';
+export { Time, Validate };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helpdice/ui",
-  "version": "1.4.7",
+  "version": "1.4.9",
   "main": "dist/index.js",
   "types": "esm/index.d.ts",
   "unpkg": "dist/index.min.js",
@@ -22,7 +22,7 @@
     "build:after": "node scripts/move-built-in.js",
     "build:types": "tsc -p ./scripts & tsc -p ./scripts --outDir ./esm",
     "build": "yarn build:rollup && yarn build:babel && yarn build:types && yarn build:after",
-    "push": "yarn build && yarn publish --access public --non-interactive"
+    "pusher": "yarn build && yarn publish --access public --non-interactive"
   },
   "license": "MIT",
   "description": "Modern React UI library.",
@@ -105,6 +105,7 @@
     "lodash-es": "^4.17.21",
     "polished": "^4.3.1",
     "push": "^0.1.1",
+    "pusher": "^5.2.0",
     "react-fast-compare": "^3.2.2",
     "react-is": "^19.0.0",
     "react-syntax-highlighter": "^15.6.1",