@widergy/energy-ui 1.136.0 → 1.136.2

package/dist/components/UTBarChart/components/XAxis/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -14,46 +13,35 @@ var _AxisElement = _interopRequireDefault(require("./components/AxisElement"));
 var _Decoration = _interopRequireDefault(require("./components/Decoration"));
 var _constants = require("./constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var XAxis = function XAxis(_ref) {
-  var data = _ref.data,
-    setRef = _ref.setRef,
-    classes = _ref.classes,
-    barWidth = _ref.barWidth,
-    xAxisDefinition = _ref.xAxisDefinition,
-    xAxis = _ref.xAxis,
-    graphYStart = _ref.graphYStart,
-    graphXStart = _ref.graphXStart,
-    graphXEnd = _ref.graphXEnd,
-    decoratorRenderer = _ref.decoratorRenderer,
-    pagination = _ref.pagination,
-    currentPage = _ref.currentPage,
-    initialHeight = _ref.initialHeight,
-    paginationRef = _ref.paginationRef,
-    currentLabel = _ref.currentLabel;
-  var xOffset = barWidth / 2;
-  var decorations = (0, _react.useMemo)(function () {
-    return decoratorRenderer === null || decoratorRenderer === void 0 ? void 0 : decoratorRenderer({
-      data: data,
-      currentPage: currentPage,
-      pagination: pagination
-    });
-  }, [data, currentPage, pagination, decoratorRenderer]) || [];
-  var _useState = (0, _react.useState)(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    offset = _useState2[0],
-    setOffset = _useState2[1];
-  var formattedDecorators = (0, _react.useMemo)(function () {
-    return (0, _utils.getFormattedDecorators)(xAxis, decorations, currentPage, pagination);
-  }, [decorations]);
-  (0, _react.useEffect)(function () {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const XAxis = _ref => {
+  let {
+    data,
+    setRef,
+    classes,
+    barWidth,
+    xAxisDefinition,
+    xAxis,
+    graphYStart,
+    graphXStart,
+    graphXEnd,
+    decoratorRenderer,
+    pagination,
+    currentPage,
+    initialHeight,
+    paginationRef,
+    currentLabel
+  } = _ref;
+  const xOffset = barWidth / 2;
+  const decorations = (0, _react.useMemo)(() => decoratorRenderer === null || decoratorRenderer === void 0 ? void 0 : decoratorRenderer({
+    data,
+    currentPage,
+    pagination
+  }), [data, currentPage, pagination, decoratorRenderer]) || [];
+  const [offset, setOffset] = (0, _react.useState)(0);
+  const formattedDecorators = (0, _react.useMemo)(() => (0, _utils.getFormattedDecorators)(xAxis, decorations, currentPage, pagination), [decorations]);
+  (0, _react.useEffect)(() => {
     if (!offset && initialHeight > 0) {
       setOffset(initialHeight);
     }
@@ -70,14 +58,16 @@ var XAxis = function XAxis(_ref) {
     className: classes.xAxis
   }), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("g", {
     ref: paginationRef
-  }, xAxisDefinition.map(function (_ref2, index) {
-    var mainLabel = _ref2.mainLabel,
-      color = _ref2.color,
-      mainLabelStyles = _ref2.mainLabelStyles,
-      circle = _ref2.circle,
-      selectedLabelBackground = _ref2.selectedLabelBackground,
-      labelBackgroundPadding = _ref2.labelBackgroundPadding;
-    var selected = index === currentLabel;
+  }, xAxisDefinition.map((_ref2, index) => {
+    let {
+      mainLabel,
+      color,
+      mainLabelStyles,
+      circle,
+      selectedLabelBackground,
+      labelBackgroundPadding
+    } = _ref2;
+    const selected = index === currentLabel;
     return /*#__PURE__*/_react.default.createElement(_AxisElement.default, {
       className: "".concat(classes.xAxisMainLabel, " ").concat(selected && classes.xAxisSelectedLabel),
       barWidth: barWidth,
@@ -92,9 +82,11 @@ var XAxis = function XAxis(_ref) {
       selectedLabelBackground: selectedLabelBackground,
       labelBackgroundPadding: labelBackgroundPadding
     });
-  })), /*#__PURE__*/_react.default.createElement("g", null, xAxisDefinition.map(function (_ref3, index) {
-    var secondaryLabel = _ref3.secondaryLabel,
-      color = _ref3.color;
+  })), /*#__PURE__*/_react.default.createElement("g", null, xAxisDefinition.map((_ref3, index) => {
+    let {
+      secondaryLabel,
+      color
+    } = _ref3;
     return /*#__PURE__*/_react.default.createElement(_AxisElement.default, {
       className: classes.xAxisSecondaryLabel,
       barWidth: barWidth,
@@ -104,17 +96,15 @@ var XAxis = function XAxis(_ref) {
       graphYStart: graphYStart,
       yOffset: _constants.Y_OFFSET
     });
-  })))), /*#__PURE__*/_react.default.createElement("g", null, formattedDecorators.map(function (decoration) {
-    return /*#__PURE__*/_react.default.createElement(_Decoration.default, {
-      classes: classes,
-      barWidth: barWidth,
-      xAxis: xAxis,
-      decoration: decoration,
-      offset: offset + _constants.Y_OFFSET,
-      graphYStart: graphYStart,
-      yOffset: _constants.Y_OFFSET
-    });
-  })));
+  })))), /*#__PURE__*/_react.default.createElement("g", null, formattedDecorators.map(decoration => /*#__PURE__*/_react.default.createElement(_Decoration.default, {
+    classes: classes,
+    barWidth: barWidth,
+    xAxis: xAxis,
+    decoration: decoration,
+    offset: offset + _constants.Y_OFFSET,
+    graphYStart: graphYStart,
+    yOffset: _constants.Y_OFFSET
+  }))));
 };
 XAxis.propTypes = {
   classes: _commonTypes.classesType,
@@ -133,5 +123,4 @@ XAxis.propTypes = {
   paginationRef: _commonTypes.refType,
   currentLabel: _propTypes.number
 };
-var _default = XAxis;
-exports.default = _default;
+var _default = exports.default = XAxis;

package/dist/components/UTBarChart/components/YAxis/AxisElement/index.js

@@ -8,15 +8,17 @@ var _propTypes = require("prop-types");
 var _react = _interopRequireDefault(require("react"));
 var _commonTypes = require("../../../../../types/commonTypes");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var AxisElement = function AxisElement(_ref) {
-  var x = _ref.x,
-    value = _ref.value,
-    label = _ref.label,
-    textAnchor = _ref.textAnchor,
-    yAxis = _ref.yAxis,
-    height = _ref.height,
-    setRef = _ref.setRef,
-    className = _ref.className;
+const AxisElement = _ref => {
+  let {
+    x,
+    value,
+    label,
+    textAnchor,
+    yAxis,
+    height,
+    setRef,
+    className
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("text", {
     className: className,
     ref: setRef,
@@ -38,5 +40,4 @@ AxisElement.propTypes = {
   height: _propTypes.number,
   setRef: _commonTypes.refType
 };
-var _default = AxisElement;
-exports.default = _default;
+var _default = exports.default = AxisElement;

package/dist/components/UTBarChart/components/YAxis/constants.js

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UNIT_PADDING = void 0;
-var UNIT_PADDING = 40;
-exports.UNIT_PADDING = UNIT_PADDING;
+const UNIT_PADDING = exports.UNIT_PADDING = 40;

package/dist/components/UTBarChart/components/YAxis/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,31 +12,26 @@ var _utils = require("./utils");
 var _AxisElement = _interopRequireDefault(require("./AxisElement"));
 var _constants = require("./constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
-var YAxis = function YAxis(_ref) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const YAxis = _ref => {
   var _labelRef$current, _labelRef$current$get;
-  var classes = _ref.classes,
-    graphYEnd = _ref.graphYEnd,
-    graphYStart = _ref.graphYStart,
-    maxValue = _ref.maxValue,
-    setRef = _ref.setRef,
-    textAnchor = _ref.textAnchor,
-    unit = _ref.unit,
-    _ref$valueDecorator = _ref.valueDecorator,
-    valueDecorator = _ref$valueDecorator === void 0 ? function (value) {
-      return value;
-    } : _ref$valueDecorator,
-    x = _ref.x,
-    yAxis = _ref.yAxis,
-    yAxisTicks = _ref.yAxisTicks;
-  var labelRef = (0, _react.useRef)();
-  var height = ((_labelRef$current = labelRef.current) === null || _labelRef$current === void 0 || (_labelRef$current$get = _labelRef$current.getBoundingClientRect) === null || _labelRef$current$get === void 0 ? void 0 : _labelRef$current$get.call(_labelRef$current).height) || 0;
-  var axis = (0, _react.useMemo)(function () {
-    return new Array(yAxisTicks).fill(0).map(function (_, index) {
-      return index;
-    });
-  }, [yAxisTicks]);
+  let {
+    classes,
+    graphYEnd,
+    graphYStart,
+    maxValue,
+    setRef,
+    textAnchor,
+    unit,
+    valueDecorator = value => value,
+    x,
+    yAxis,
+    yAxisTicks
+  } = _ref;
+  const labelRef = (0, _react.useRef)();
+  const height = ((_labelRef$current = labelRef.current) === null || _labelRef$current === void 0 || (_labelRef$current$get = _labelRef$current.getBoundingClientRect) === null || _labelRef$current$get === void 0 ? void 0 : _labelRef$current$get.call(_labelRef$current).height) || 0;
+  const axis = (0, _react.useMemo)(() => new Array(yAxisTicks).fill(0).map((_, index) => index), [yAxisTicks]);
   return /*#__PURE__*/_react.default.createElement("g", {
     textAnchor: textAnchor,
     ref: setRef
@@ -45,10 +39,10 @@ var YAxis = function YAxis(_ref) {
     className: classes.yAxisUnit,
     x: x,
     y: graphYEnd - _constants.UNIT_PADDING
-  }, unit), axis.map(function (index) {
-    var newMaxValue = (0, _utils.yAxisMaxValueRounder)(maxValue, yAxisTicks);
-    var value = Math.round((maxValue - index * maxValue / (yAxisTicks - 1)) * 100) / 100;
-    var labelValue = Math.round((newMaxValue - index * newMaxValue / (yAxisTicks - 1)) * 100) / 100;
+  }, unit), axis.map(index => {
+    const newMaxValue = (0, _utils.yAxisMaxValueRounder)(maxValue, yAxisTicks);
+    const value = Math.round((maxValue - index * maxValue / (yAxisTicks - 1)) * 100) / 100;
+    const labelValue = Math.round((newMaxValue - index * newMaxValue / (yAxisTicks - 1)) * 100) / 100;
     return /*#__PURE__*/_react.default.createElement(_AxisElement.default, {
       className: classes.yAxisLabel,
       setRef: (0, _utils.applyToIndex)(0, index, labelRef),
@@ -74,5 +68,4 @@ YAxis.propTypes = {
   yAxis: _propTypes.func,
   yAxisTicks: _propTypes.number
 };
-var _default = YAxis;
-exports.default = _default;
+var _default = exports.default = YAxis;

package/dist/components/UTBarChart/components/YAxis/utils.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.yAxisMaxValueRounder = exports.applyToIndex = void 0;
-var applyToIndex = function applyToIndex(targetIndex, currentIndex, prop) {
-  var defaultValue = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+const applyToIndex = function (targetIndex, currentIndex, prop) {
+  let defaultValue = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
   return currentIndex === targetIndex ? prop : defaultValue;
 };
 exports.applyToIndex = applyToIndex;
-var TICKS_MULTIPLIER_DISTANCE = 5;
-var yAxisMaxValueRounder = function yAxisMaxValueRounder(maxValue, yAxisTicks) {
-  return maxValue < 25 ? maxValue : Math.ceil(maxValue / (yAxisTicks - 1) / TICKS_MULTIPLIER_DISTANCE) * TICKS_MULTIPLIER_DISTANCE * (yAxisTicks - 1);
-};
+const TICKS_MULTIPLIER_DISTANCE = 5;
+const yAxisMaxValueRounder = (maxValue, yAxisTicks) => maxValue < 25 ? maxValue : Math.ceil(maxValue / (yAxisTicks - 1) / TICKS_MULTIPLIER_DISTANCE) * TICKS_MULTIPLIER_DISTANCE * (yAxisTicks - 1);
 exports.yAxisMaxValueRounder = yAxisMaxValueRounder;

package/dist/components/UTBarChart/constants.js

@@ -4,11 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DEFAULT_SCROLL_PADDING = exports.DEFAULT_MAX_VALUE = exports.DEFAULT_MARGIN_TOP = exports.DEFAULT_AXIS_PADDING = void 0;
-var DEFAULT_AXIS_PADDING = 10;
-exports.DEFAULT_AXIS_PADDING = DEFAULT_AXIS_PADDING;
-var DEFAULT_SCROLL_PADDING = 20;
-exports.DEFAULT_SCROLL_PADDING = DEFAULT_SCROLL_PADDING;
-var DEFAULT_MARGIN_TOP = 40;
-exports.DEFAULT_MARGIN_TOP = DEFAULT_MARGIN_TOP;
-var DEFAULT_MAX_VALUE = 100;
-exports.DEFAULT_MAX_VALUE = DEFAULT_MAX_VALUE;
+const DEFAULT_AXIS_PADDING = exports.DEFAULT_AXIS_PADDING = 10;
+const DEFAULT_SCROLL_PADDING = exports.DEFAULT_SCROLL_PADDING = 20;
+const DEFAULT_MARGIN_TOP = exports.DEFAULT_MARGIN_TOP = 40;
+const DEFAULT_MAX_VALUE = exports.DEFAULT_MAX_VALUE = 100;

package/dist/components/UTBarChart/hooks/use-dynamic-margins.js

@@ -5,38 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var LATERAL_DEFAULT_MARGIN = 30;
-var VERTICAL_DEFAULT_MARGIN = 0;
-var useDynamicMargins = function useDynamicMargins(center, options) {
-  var _useState = (0, _react.useState)(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    marginLeft = _useState2[0],
-    setMarginLeft = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    marginRight = _useState4[0],
-    setMarginRight = _useState4[1];
-  var _useState5 = (0, _react.useState)(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    marginBottom = _useState6[0],
-    setMarginBottom = _useState6[1];
-  var _useState7 = (0, _react.useState)(0),
-    _useState8 = _slicedToArray(_useState7, 2),
-    marginTop = _useState8[0],
-    setMarginTop = _useState8[1];
-  var lateralMargin = options.lateralMargin,
-    verticalMargin = options.verticalMargin;
-  var marginLeftRef = (0, _react.useRef)();
-  var marginRightRef = (0, _react.useRef)();
-  var marginBottomRef = (0, _react.useRef)();
-  var marginTopRef = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
+const LATERAL_DEFAULT_MARGIN = 30;
+const VERTICAL_DEFAULT_MARGIN = 0;
+const useDynamicMargins = (center, options) => {
+  const [marginLeft, setMarginLeft] = (0, _react.useState)(0);
+  const [marginRight, setMarginRight] = (0, _react.useState)(0);
+  const [marginBottom, setMarginBottom] = (0, _react.useState)(0);
+  const [marginTop, setMarginTop] = (0, _react.useState)(0);
+  const {
+    lateralMargin,
+    verticalMargin
+  } = options;
+  const marginLeftRef = (0, _react.useRef)();
+  const marginRightRef = (0, _react.useRef)();
+  const marginBottomRef = (0, _react.useRef)();
+  const marginTopRef = (0, _react.useRef)();
+  (0, _react.useEffect)(() => {
     var _marginLeftRef$curren, _marginRightRef$curre, _marginBottomRef$curr, _marginTopRef$current;
     setMarginLeft(Math.ceil((_marginLeftRef$curren = marginLeftRef.current) === null || _marginLeftRef$curren === void 0 ? void 0 : _marginLeftRef$curren.getBoundingClientRect().width) || lateralMargin || LATERAL_DEFAULT_MARGIN);
     setMarginRight(Math.ceil((_marginRightRef$curre = marginRightRef.current) === null || _marginRightRef$curre === void 0 ? void 0 : _marginRightRef$curre.getBoundingClientRect().width) || lateralMargin || LATERAL_DEFAULT_MARGIN);
@@ -44,15 +28,14 @@ var useDynamicMargins = function useDynamicMargins(center, options) {
     setMarginTop(Math.ceil((_marginTopRef$current = marginTopRef.current) === null || _marginTopRef$current === void 0 ? void 0 : _marginTopRef$current.getBoundingClientRect().height) || verticalMargin || VERTICAL_DEFAULT_MARGIN);
   }, []);
   return {
-    marginLeftRef: marginLeftRef,
-    marginRightRef: marginRightRef,
-    marginBottomRef: marginBottomRef,
-    marginTopRef: marginTopRef,
-    marginBottom: marginBottom,
-    marginTop: marginTop,
+    marginLeftRef,
+    marginRightRef,
+    marginBottomRef,
+    marginTopRef,
+    marginBottom,
+    marginTop,
     marginLeft: center ? Math.max(marginLeft, marginRight) : marginLeft,
     marginRight: center ? Math.max(marginLeft, marginRight) : marginRight
   };
 };
-var _default = useDynamicMargins;
-exports.default = _default;
+var _default = exports.default = useDynamicMargins;