@zohodesk/components 1.0.0-temp-164 → 1.0.0-temp-165

package/lib/semantic/Button/Button.js

@@ -1,56 +1,75 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _defaultProps = require("./props/defaultProps");
+
 var _propTypes = require("./props/propTypes");
+
 var _semanticButtonModule = _interopRequireDefault(require("./semanticButton.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 var Button = /*#__PURE__*/function (_React$Component) {
   _inherits(Button, _React$Component);
+
   var _super = _createSuper(Button);
+
   function Button(props) {
     _classCallCheck(this, Button);
+
     return _super.call(this, props);
   }
+
   _createClass(Button, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        value = _this$props.value,
-        type = _this$props.type,
-        text = _this$props.text,
-        title = _this$props.title,
-        name = _this$props.name,
-        autoFocus = _this$props.autoFocus,
-        disabled = _this$props.disabled,
-        ref = _this$props.ref,
-        dataId = _this$props.dataId,
-        onClick = _this$props.onClick,
-        children = _this$props.children,
-        customClass = _this$props.customClass,
-        a11y = _this$props.a11y;
+          value = _this$props.value,
+          type = _this$props.type,
+          text = _this$props.text,
+          title = _this$props.title,
+          name = _this$props.name,
+          autoFocus = _this$props.autoFocus,
+          disabled = _this$props.disabled,
+          ref = _this$props.ref,
+          dataId = _this$props.dataId,
+          onClick = _this$props.onClick,
+          children = _this$props.children,
+          customClass = _this$props.customClass,
+          a11y = _this$props.a11y;
       var ariaLabel = a11y.ariaLabel,
-        ariaHaspopup = a11y.ariaHaspopup,
-        ariaExpanded = a11y.ariaExpanded,
-        ariaControls = a11y.ariaControls,
-        ariaLabelledby = a11y.ariaLabelledby;
+          ariaHaspopup = a11y.ariaHaspopup,
+          ariaExpanded = a11y.ariaExpanded,
+          ariaControls = a11y.ariaControls,
+          ariaLabelledby = a11y.ariaLabelledby;
       return /*#__PURE__*/_react["default"].createElement("button", {
         className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(customClass),
         "aria-label": ariaLabel,
@@ -65,17 +84,19 @@ var Button = /*#__PURE__*/function (_React$Component) {
         disabled: disabled,
         ref: ref,
         "data-id": dataId,
+        "data-test-id": dataId,
         onClick: onClick,
         "data-title": title
       }, children ? children : text);
     }
   }]);
+
   return Button;
 }(_react["default"].Component);
+
 exports["default"] = Button;
 Button.defaultProps = _defaultProps.defaultProps;
-Button.propTypes = _propTypes.propTypes;
-// if (__DOCS__) {
+Button.propTypes = _propTypes.propTypes; // if (__DOCS__) {
 //   Button.docs = {
 //     componentGroup: 'semantic',
 //     folderName: 'DefaultComponents'

package/lib/semantic/Button/props/propTypes.js

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var propTypes = {
   ariaControls: _propTypes["default"].bool,
   ariaExpanded: _propTypes["default"].bool,

package/lib/semantic/Button/semanticButton.module.css

@@ -1,9 +1,9 @@
-.buttonReset {
-  outline: 0;
-  font: inherit;
-  color: inherit;
-  border: inherit;
-  background-color: inherit;
-  padding: 0;
-  text-align: inherit;
-}
+.buttonReset {
+  outline: 0;
+  font: inherit;
+  color: inherit;
+  border: inherit;
+  background-color: inherit;
+  padding: 0 ;
+  text-align: inherit;
+}

package/lib/semantic/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "SemanticButton", {
     return _Button["default"];
   }
 });
+
 var _Button = _interopRequireDefault(require("./Button/Button"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/utils/Common.js

@@ -32,38 +32,55 @@ exports.mapValues = mapValues;
 exports.merge = merge;
 exports.parseDecimal = void 0;
 exports.remConvert = remConvert;
-exports.throttle = exports.stopAllEventPropagation = exports.scrollTo = void 0;
+exports.stopAllEventPropagation = exports.scrollTo = void 0;
+exports.stopPropagation = stopPropagation;
+exports.throttle = void 0;
+
 var _viewPort = _interopRequireDefault(require("../Popup/viewPort"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-//$Id$//
 
+//$Id$//
 var frameRelativeRects = _viewPort["default"].frameRelativeRects;
+
 var cs = function cs(classArr) {
   return classArr.filter(function (name) {
     return name;
   }).join(' ');
 };
+
 exports.cs = cs;
+
 var parseDecimal = function parseDecimal(val) {
   return val ? parseFloat(val) : 0;
 };
+
 exports.parseDecimal = parseDecimal;
+
 var getTotalDimension = function getTotalDimension(elem, align) {
   var style = window.getComputedStyle(elem);
   return align === 'vertical' ? elem.offsetWidth + parseDecimal(style.marginLeft) + parseDecimal(style.marginRight) : elem.offsetHeight + parseDecimal(style.marginTop) + parseDecimal(style.marginBottom);
 };
+
 exports.getTotalDimension = getTotalDimension;
+
+function stopPropagation(e) {
+  e && e.stopPropagation && e.stopPropagation();
+}
+
+;
+
 var stopAllEventPropagation = function stopAllEventPropagation(e) {
   e.stopPropagation && e.stopPropagation();
   e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
 };
+
 exports.stopAllEventPropagation = stopAllEventPropagation;
+
 function cancelBubblingEffect(e) {
   e && e.stopPropagation && e.stopPropagation();
   e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
-}
-
-// export function getCommentsDetails(
+} // export function getCommentsDetails(
 //   commentIds = [],
 //   comments = {},
 //   agents = {}
@@ -77,6 +94,7 @@ function cancelBubblingEffect(e) {
 //   );
 // }
 
+
 function encodeForHtml(str) {
   if (/<|>|&|"|'|\\/g.test(str) == true) {
     str = str.replace(/&/g, '&amp;');
@@ -86,8 +104,10 @@ function encodeForHtml(str) {
     str = str.replace(/\\/g, '&#x5c;');
     str = str.replace(/'/g, '&#39;');
   }
+
   return str;
 }
+
 function getListOfDetails() {
   var Obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var fn = arguments.length > 1 ? arguments[1] : undefined;
@@ -96,9 +116,11 @@ function getListOfDetails() {
     return fn(Obj[id]);
   });
 }
+
 function capitalize() {
   var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var newValue = '';
+
   for (var i = 0; i < value.length; i++) {
     if (i == 0) {
       newValue += value[i].toUpperCase();
@@ -106,34 +128,44 @@ function capitalize() {
       newValue += value[i].toLowerCase();
     }
   }
+
   return newValue;
 }
+
 function bind() {
   var _this = this;
+
   for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
     handlers[_key] = arguments[_key];
   }
+
   handlers.forEach(function (handler) {
     _this[handler] = _this[handler].bind(_this);
   });
 }
+
 function getFullName() {
   var firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   var fullName = '';
+
   if (firstName !== null && firstName !== '') {
     fullName = firstName;
   }
+
   if (lastName !== null && lastName !== '') {
     fullName = "".concat(fullName).concat(lastName);
   }
+
   return fullName;
 }
+
 function getStringifiedOutputForJson() {
   var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var keys = Object.keys(input);
   var modifiedInput = keys.reduce(function (curr, next) {
     var values = input[next] || [];
+
     if (values.length) {
       var valueList = values.reduce(function (curr, next) {
         curr.push(next.id);
@@ -142,27 +174,32 @@ function getStringifiedOutputForJson() {
       curr[next] = valueList;
       return curr;
     }
+
     return curr;
   }, {});
   return JSON.stringify(modifiedInput);
 }
+
 function mapValues(obj, fn) {
   return obj && Object.keys(obj).reduce(function (res, key) {
     res[key] = fn(key, obj[key]);
     return res;
   }, {}) || obj;
 }
+
 function filterValue(obj, val) {
   var result;
   var ids = obj ? Object.keys(obj) : [];
   ids.forEach(function (key) {
     var value = obj[key] || {};
+
     if (value.name === val && !value.isCustomField) {
       result = value.id;
     }
   });
   return result;
 }
+
 function merge() {
   var oldObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var newObj = arguments.length > 1 ? arguments[1] : undefined;
@@ -172,60 +209,78 @@ function merge() {
     return res;
   }, copyOfOld);
 }
+
 function formatValue() {
   var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var valueField = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'id';
   var textField = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'name';
   return values && values.map(function (value) {
     var formattedValue = value;
+
     if (typeof value === 'string' || typeof value === 'number') {
       formattedValue = {};
       formattedValue[valueField] = value;
       formattedValue[textField] = value;
     }
+
     return formattedValue;
   }) || [];
 }
+
 function bytesToSize(bytes) {
   bytes = parseInt(bytes, 10);
   var sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
+
   if (bytes === 0) {
     return '0 Byte';
   }
+
   var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)), 10);
   return "".concat(Math.round(bytes / Math.pow(1024, i), 2), " ").concat(sizes[i]);
 }
+
 function getMemSize(bytes) {
   var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
   var thresh = size ? 1000 : 1024;
+
   if (Math.abs(bytes) < thresh) {
     return "".concat(bytes, " B");
   }
+
   var units = size ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'],
-    i = -1;
+      i = -1;
+
   do {
     bytes /= thresh, ++i;
   } while (Math.abs(bytes) >= thresh && i < units.length - 1);
+
   {
     return "".concat(bytes.toFixed(1), " ").concat(units[i]);
   }
 }
+
 function checkIsImageFile(fileName) {
   fileName = fileName || '';
   return /jpeg|jpg|png|gif|bmp|tiff|tif|ico/gi.test(fileName.substr(fileName.lastIndexOf('.') + 1));
 }
+
 function getI18NValue(key, values) {
   if (typeof i18n === 'undefined' || key === '' || typeof key === 'undefined') {
     return key;
   }
+
   var i18nStr = i18n[key];
+
   if (i18nStr === undefined) {
     return key;
   }
+
   i18nStr = replaceI18NValuesWithRegex(i18nStr, values);
   return unescapeUnicode(i18nStr);
 }
+
 global.getI18NValue = getI18NValue;
+
 function replaceI18NValuesWithRegex(i18nStr, values) {
   if (typeof values !== 'undefined') {
     if (Array.isArray(values)) {
@@ -236,24 +291,30 @@ function replaceI18NValuesWithRegex(i18nStr, values) {
       i18nStr = i18nStr.replace(new RegExp('\\{0\\}', 'g'), values);
     }
   }
+
   return i18nStr;
 }
+
 function unescapeUnicode(str) {
   return str.replace(/\\u([a-fA-F0-9]{4})/g, function (g, m1) {
     return String.fromCharCode(parseInt(m1, 16));
   });
 }
+
 function getPortalName(portalList, portalId) {
   return portalList && portalList.reduce(function (res, portal) {
     if (portal.orgId === portalId) {
       return portal.orgName;
     }
+
     return res;
   }, null);
 }
+
 function getFullDateString(fullDateObj) {
   var dateStr = '';
   var monthArr = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+
   if (fullDateObj.toDateString() == new Date().toDateString()) {
     dateStr = format12Hour(fullDateObj);
   } else {
@@ -263,21 +324,26 @@ function getFullDateString(fullDateObj) {
     var time = format12Hour(fullDateObj);
     dateStr = "".concat(month, " ").concat(date, " ").concat(year, " ").concat(time);
   }
+
   return dateStr;
 }
+
 function format12Hour(date) {
   var hours = date.getHours();
   var minutes = date.getMinutes();
   var ampm = hours >= 12 ? 'pm' : 'am';
   hours %= 12;
   hours = hours ? hours : 12; // the hour '0' should be '12'
+
   minutes = minutes < 10 ? "0".concat(minutes) : minutes;
   var strTime = "".concat(hours, ":").concat(minutes, " ").concat(ampm);
   return strTime;
 }
+
 function getDateOnly(fullDateObj) {
   var dateStr = '';
   var monthArr = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+
   if (fullDateObj.toDateString() == new Date().toDateString()) {
     dateStr = 'Today';
   } else {
@@ -286,17 +352,21 @@ function getDateOnly(fullDateObj) {
     var date = fullDateObj.getDate();
     dateStr = "".concat(month, " ").concat(date, " ").concat(year);
   }
+
   return dateStr;
 }
+
 function doAfterScrollEnd(element, callback) {
   var scrollTop = element.scrollTop;
   var clientHeight = element.clientHeight;
   var scrollHeight = element.scrollHeight;
   var scrollPercent = scrollTop / (scrollHeight - clientHeight) * 100;
+
   if (scrollPercent > 80) {
     callback && callback();
   }
 }
+
 var debounce = function debounce(func, wait) {
   var interval;
   return function (e) {
@@ -304,15 +374,19 @@ var debounce = function debounce(func, wait) {
     interval = setTimeout(func.bind(undefined, e), wait);
   };
 };
+
 exports.debounce = debounce;
 var timerId;
+
 var throttle = function throttle(func, wait) {
   for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
     args[_key2 - 2] = arguments[_key2];
   }
+
   if (timerId) {
     return;
   }
+
   timerId = setTimeout(function () {
     try {
       func.apply(void 0, args);
@@ -321,47 +395,63 @@ var throttle = function throttle(func, wait) {
     }
   }, wait);
 };
+
 exports.throttle = throttle;
+
 var scrollTo = function scrollTo(suggestionContainer, selSuggestion) {
   if (!suggestionContainer || !selSuggestion) {
     return;
   }
+
   var _ref = frameRelativeRects(selSuggestion, suggestionContainer) || {},
-    rectGap = _ref.rectGap;
+      rectGap = _ref.rectGap;
+
   var _ref2 = rectGap || {},
-    _ref2$top = _ref2.top,
-    top = _ref2$top === void 0 ? 0 : _ref2$top,
-    _ref2$bottom = _ref2.bottom,
-    bottom = _ref2$bottom === void 0 ? 0 : _ref2$bottom;
+      _ref2$top = _ref2.top,
+      top = _ref2$top === void 0 ? 0 : _ref2$top,
+      _ref2$bottom = _ref2.bottom,
+      bottom = _ref2$bottom === void 0 ? 0 : _ref2$bottom;
+
   if (top < 0 && bottom < 0) {
     return;
   }
+
   var isElementInViewPort = top < 0 || bottom < 0 ? false : true;
   var suggestionContainerScrollTop = suggestionContainer.scrollTop;
   suggestionContainer.scrollTop = !isElementInViewPort ? bottom < 0 ? suggestionContainer.scrollTop + Math.abs(bottom) : top < 0 ? suggestionContainer.scrollTop - Math.abs(top) : suggestionContainerScrollTop : suggestionContainerScrollTop;
 };
+
 exports.scrollTo = scrollTo;
+
 var getIsEmptyValue = function getIsEmptyValue(value) {
   return typeof value === 'string' ? value.trim() ? false : true : value === 0 || value ? false : true;
 };
+
 exports.getIsEmptyValue = getIsEmptyValue;
+
 function remConvert(val) {
   var baseValue = parseFloat(window.getComputedStyle(document.body).getPropertyValue('font-size')).toFixed(4);
   return (val / baseValue).toPrecision(4);
 }
+
 function isDescendant(parent, child) {
   var node = child.parentNode;
+
   while (node !== null) {
     if (node === parent) {
       return true;
     }
+
     node = node.parentNode;
   }
+
   return false;
 }
+
 function getElementSpace(elementRef) {
   var neededSpace = 0,
-    availableInsideSpace = 0;
+      availableInsideSpace = 0;
+
   if (elementRef) {
     var getStyle = window.getComputedStyle(elementRef);
     var margin = parseFloat(getStyle.marginLeft) + parseFloat(getStyle.marginRight);
@@ -370,11 +460,13 @@ function getElementSpace(elementRef) {
     neededSpace = width + margin;
     availableInsideSpace = width - padding;
   }
+
   return {
     neededSpace: neededSpace,
     availableInsideSpace: availableInsideSpace
   };
 }
+
 function getSearchString() {
   var charachers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   return (charachers || '').toString().toLowerCase(); //.replace(/\s+/g, '');
@@ -382,31 +474,37 @@ function getSearchString() {
 
 function findScrollEnd(element) {
   var _ref3 = element || {},
-    scrollHeight = _ref3.scrollHeight,
-    scrollTop = _ref3.scrollTop,
-    offsetHeight = _ref3.offsetHeight,
-    clientHeight = _ref3.clientHeight;
+      scrollHeight = _ref3.scrollHeight,
+      scrollTop = _ref3.scrollTop,
+      offsetHeight = _ref3.offsetHeight,
+      clientHeight = _ref3.clientHeight;
+
   var isElementScrollable = scrollHeight > clientHeight;
+
   if (isElementScrollable) {
     if (scrollHeight <= Math.ceil(scrollTop + offsetHeight)) {
       return true;
     }
-  }
-  // else {
-
+  } // else {
   //   throw 'Is scroll not present in this element';
   // }
+
+
   return false;
 }
+
 function isTextSelected() {
   var selectedText = '';
+
   if (window.getSelection) {
     selectedText = window.getSelection().toString();
   } else if (document.getSelection) {
     selectedText = document.getSelection().toString();
   }
+
   if (selectedText !== '') {
     return true;
   }
+
   return false;
 }

package/lib/utils/ContextOptimizer.js

@@ -4,38 +4,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ContextOptimizer = ContextOptimizer;
+
 var _react = require("react");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _shallowEqual = _interopRequireDefault(require("./shallowEqual"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-/** ** Libraries *** */
 
+/** ** Libraries *** */
 // Please use this component with children as inline function for force this components rerender when parent rerender regardless of reason
 // Because below componends only rerender when children or calculation are changed, unless no changes will update below
-
 // this component logic based on return same children reference to stop rerender.
 // Think before change logic
-
 // eslint-disable-next-line import/prefer-default-export
 function ContextOptimizer(props) {
   var Context = props.Context,
-    renderF = props.children,
-    calculation = props.calculation;
+      renderF = props.children,
+      calculation = props.calculation;
   var contextData = (0, _react.useContext)(Context);
   var data = calculation(contextData);
+
   var _useRef = (0, _react.useRef)({
-      children: null,
-      data: null,
-      renderF: null
-    }),
-    local = _useRef.current;
+    children: null,
+    data: null,
+    renderF: null
+  }),
+      local = _useRef.current;
+
   if (!(0, _shallowEqual["default"])(data, local.data) || local.renderF !== renderF) {
     local.children = renderF(data);
     local.data = data;
     local.renderF = renderF;
   }
+
   return local.children;
 }
+
 ContextOptimizer.propTypes = {
   calculation: _propTypes["default"].func.isRequired,
   children: _propTypes["default"].func.isRequired,