@widergy/utilitygo-smart-bill-web 1.9.0 → 1.11.0

package/dist/shared/utils/stagesGraph.js

@@ -7,26 +7,28 @@ exports.getSubStageWidth = exports.getSubStageRangeWidth = exports.getStageRange
 
 var _stagesGraph = require("../constants/stagesGraph");
 
-const getCurrentStage = (value, rateStages) => rateStages.find(stage => stage.range[_stagesGraph.MIN_VALUE] <= value && (value <= stage.range[_stagesGraph.MAX_VALUE] || stage.range[_stagesGraph.MAX_VALUE] === _stagesGraph.INFINITE));
+var getCurrentStage = function getCurrentStage(value, rateStages) {
+  return rateStages.find(function (stage) {
+    return stage.range[_stagesGraph.MIN_VALUE] <= value && (value <= stage.range[_stagesGraph.MAX_VALUE] || stage.range[_stagesGraph.MAX_VALUE] === _stagesGraph.INFINITE);
+  });
+};
 
 exports.getCurrentStage = getCurrentStage;
 
-const getSubStageRangeWidth = subStage => {
-  const {
-    range
-  } = subStage;
+var getSubStageRangeWidth = function getSubStageRangeWidth(subStage) {
+  var range = subStage.range;
   return range[_stagesGraph.MAX_VALUE] === _stagesGraph.INFINITE || !range[_stagesGraph.MAX_VALUE] ? _stagesGraph.DEFAULT_INFINITE_SUB_STAGE_RANGE_WIDTH : range[_stagesGraph.MAX_VALUE] - range[_stagesGraph.MIN_VALUE];
 };
 
 exports.getSubStageRangeWidth = getSubStageRangeWidth;
 
-const getStageRangeWidth = stage => {
-  const {
-    range
-  } = stage;
+var getStageRangeWidth = function getStageRangeWidth(stage) {
+  var range = stage.range;
 
   if (range[_stagesGraph.MAX_VALUE] === _stagesGraph.INFINITE || !range[_stagesGraph.MAX_VALUE]) {
-    return stage.sub_rate_stages.reduce((totalWidth, subStage) => totalWidth + getSubStageRangeWidth(subStage), 0);
+    return stage.sub_rate_stages.reduce(function (totalWidth, subStage) {
+      return totalWidth + getSubStageRangeWidth(subStage);
+    }, 0);
   }
 
   return range[_stagesGraph.MAX_VALUE] - range[_stagesGraph.MIN_VALUE];
@@ -34,6 +36,8 @@ const getStageRangeWidth = stage => {
 
 exports.getStageRangeWidth = getStageRangeWidth;
 
-const getSubStageWidth = (stage, subStage) => getSubStageRangeWidth(subStage) / getStageRangeWidth(stage) * 100;
+var getSubStageWidth = function getSubStageWidth(stage, subStage) {
+  return getSubStageRangeWidth(subStage) / getStageRangeWidth(stage) * 100;
+};
 
 exports.getSubStageWidth = getSubStageWidth;

package/dist/utils/hooks.js

@@ -5,42 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useScreenSize = void 0;
 
-var _react = require("react");
-
-var _browser = require("@widergy/web-utils/lib/browser");
-
-var _function = require("@widergy/web-utils/lib/function");
-
-const useScreenSize = function () {
-  let sizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const mobileBP = sizes.mobileBreakpoint || 767;
-  const tabletBP = sizes.tabletBreakpoint || 1023;
-  const [screenWidth, setScreenWidth] = (0, _react.useState)(_browser.retrieveWidth);
-  const [isMobileSize, setIsMobileSize] = (0, _react.useState)((0, _browser.isMobile)(mobileBP));
-  const [isTabletSize, setIsTabletSize] = (0, _react.useState)((0, _browser.isTablet)(mobileBP, tabletBP));
-  const [isDesktopSize, setIsDesktopSize] = (0, _react.useState)((0, _browser.isDesktop)(tabletBP));
-  const [isMobileOrTablet, setIsMobileOrTablet] = (0, _react.useState)((0, _browser.isMobile)(mobileBP) || (0, _browser.isTablet)(mobileBP, tabletBP));
-  const [isTabletOrDesktop, setIsTabletOrDesktop] = (0, _react.useState)((0, _browser.isTablet)(mobileBP, tabletBP) || (0, _browser.isDesktop)(tabletBP));
-  const handleUpdateScreen = (0, _react.useCallback)(() => {
-    setScreenWidth(_browser.retrieveWidth);
-    setIsMobileSize((0, _browser.isMobile)(mobileBP));
-    setIsTabletSize((0, _browser.isTablet)(mobileBP, tabletBP));
-    setIsDesktopSize((0, _browser.isDesktop)(tabletBP));
-    setIsMobileOrTablet((0, _browser.isMobile)(mobileBP) || (0, _browser.isTablet)(mobileBP, tabletBP));
-    setIsTabletOrDesktop((0, _browser.isTablet)(mobileBP, tabletBP) || (0, _browser.isDesktop)(tabletBP));
-  }, [mobileBP, tabletBP]);
-  (0, _react.useEffect)(() => {
-    window.addEventListener(_browser.RESIZE_EVENT, (0, _function.debounce)(handleUpdateScreen));
-    return () => window.removeEventListener(_browser.RESIZE_EVENT, (0, _function.debounce)(handleUpdateScreen));
-  }, [handleUpdateScreen]);
-  return {
-    isMobileSize,
-    isTabletSize,
-    isDesktopSize,
-    isMobileOrTablet,
-    isTabletOrDesktop,
-    screenWidth
-  };
-};
+var _energyHooks = require("@widergy/energy-hooks");
 
+var useScreenSize = (0, _energyHooks.createUseScreenSize)({
+  mobileBP: 767,
+  tabletBP: 1024
+});
 exports.useScreenSize = useScreenSize;

package/dist/utils.js

@@ -9,17 +9,21 @@ var _numeral = _interopRequireDefault(require("config/numeral"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const stringOrDash = str => str || '-';
+var stringOrDash = function stringOrDash(str) {
+  return str || '-';
+};
 
 exports.stringOrDash = stringOrDash;
 
-const numberOrDash = function (number) {
-  let format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '0,0';
+var numberOrDash = function numberOrDash(number) {
+  var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '0,0';
   return number !== undefined && number !== null ? (0, _numeral.default)(number).format(format) : '-';
 };
 
 exports.numberOrDash = numberOrDash;
 
-const formatNumber = value => (0, _numeral.default)(value).format('0.[00]');
+var formatNumber = function formatNumber(value) {
+  return (0, _numeral.default)(value).format('0.[00]');
+};
 
 exports.formatNumber = formatNumber;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/utilitygo-smart-bill-web",
-  "version": "1.9.0",
+  "version": "1.11.0",
   "description": "UtilityGO SmartBill Web",
   "license": "MIT",
   "main": "dist/index.js",
@@ -51,6 +51,7 @@
     "not op_mini all"
   ],
   "dependencies": {
+    "@widergy/energy-hooks": "^1.0.0",
     "@widergy/web-utils": ">=0.4.1",
     "dayjs": "^1.10.7",
     "lodash": ">=4.17.4",
@@ -59,7 +60,6 @@
     "react-jss": "^8.6.1",
     "react-perfect-scrollbar": "^1.5.3",
     "react-responsive": "^4.1.0",
-    "recharts": "github:widergy/recharts#master",
     "sass-loader": "^7.1.0",
     "seamless-immutable": "^7.1.4",
     "yarn": "^1.22.10"

package/dist/components/BillSummary/components/BilledConcepts/components/PieChartContainer/utils.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderCustomizedLabel = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _constants = require("./constants");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const renderCustomizedLabel = (cx, cy, midAngle, innerRadius, outerRadius, percent) => {
-  const radius = innerRadius + (outerRadius - innerRadius) * 0.5;
-  const x = cx + radius * Math.cos(-midAngle * _constants.RADIAN);
-  const y = cy + radius * Math.sin(-midAngle * _constants.RADIAN);
-  return /*#__PURE__*/_react.default.createElement("text", {
-    x: x,
-    y: y,
-    fill: "white",
-    textAnchor: x > cx ? 'start' : 'end',
-    dominantBaseline: "central"
-  }, "".concat((percent * 100).toFixed(0), "%"));
-};
-
-exports.renderCustomizedLabel = renderCustomizedLabel;