@zohodesk/components 1.0.0-alpha-250 → 1.0.0-alpha-252

package/lib/semantic/Button/Button.js

@@ -1,75 +1,54 @@
 "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, 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 _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,
@@ -89,14 +68,11 @@ var Button = /*#__PURE__*/function (_React$Component) {
       }, children ? children : text);
     }
   }]);
-
   return Button;
 }(_react["default"].Component);
-
 exports["default"] = Button;
 Button.defaultProps = _defaultProps.defaultProps;
 Button.propTypes = _propTypes.propTypes;
-
 if (false) {
   Button.docs = {
     componentGroup: 'semantic',

package/lib/semantic/Button/docs/Button__default.docs.js

@@ -1,63 +1,40 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 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, 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 _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__default = /*#__PURE__*/function (_React$Component) {
   _inherits(Button__default, _React$Component);
-
   var _super = _createSuper(Button__default);
-
   function Button__default(props) {
     _classCallCheck(this, Button__default);
-
     return _super.call(this, props);
   }
-
   _createClass(Button__default, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/_react["default"].createElement(_Button["default"], null);
     }
   }]);
-
   return Button__default;
 }(_react["default"].Component);
-
 exports["default"] = Button__default;
-
 if (false) {
   Button__default.docs = {
     componentGroup: 'semantic',

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

@@ -4,11 +4,8 @@ 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/utils/Common.js

@@ -11,6 +11,7 @@ exports.debounce = exports.cs = void 0;
 exports.doAfterScrollEnd = doAfterScrollEnd;
 exports.encodeForHtml = encodeForHtml;
 exports.filterValue = filterValue;
+exports.findScrollEnd = findScrollEnd;
 exports.format12Hour = format12Hour;
 exports.formatValue = formatValue;
 exports.getDateOnly = getDateOnly;
@@ -30,39 +31,32 @@ exports.merge = merge;
 exports.parseDecimal = void 0;
 exports.remConvert = remConvert;
 exports.throttle = exports.stopAllEventPropagation = exports.scrollTo = void 0;
-
 var _viewPort = _interopRequireDefault(require("../Popup/viewPort"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 //$Id$//
-var frameRelativeRects = _viewPort["default"].frameRelativeRects;
 
+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;
-
 var stopAllEventPropagation = function stopAllEventPropagation(e) {
   e.stopPropagation && e.stopPropagation();
   e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
-}; // export function getCommentsDetails(
+};
+
+// export function getCommentsDetails(
 //   commentIds = [],
 //   comments = {},
 //   agents = {}
@@ -75,10 +69,7 @@ var stopAllEventPropagation = function stopAllEventPropagation(e) {
 //     }) || []
 //   );
 // }
-
-
 exports.stopAllEventPropagation = stopAllEventPropagation;
-
 function encodeForHtml(str) {
   if (/<|>|&|"|'|\\/g.test(str) == true) {
     str = str.replace(/&/g, '&amp;');
@@ -88,10 +79,8 @@ 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;
@@ -100,11 +89,9 @@ 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();
@@ -112,44 +99,34 @@ 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);
@@ -158,32 +135,27 @@ 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;
@@ -193,78 +165,60 @@ 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)) {
@@ -275,30 +229,24 @@ 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 {
@@ -308,26 +256,21 @@ 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 {
@@ -336,21 +279,17 @@ 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) {
@@ -358,19 +297,15 @@ 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);
@@ -379,63 +314,47 @@ 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);
@@ -444,14 +363,29 @@ 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, '');
+}
+
+function findScrollEnd(element) {
+  var _ref3 = element || {},
+    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 {
+    throw 'Is scroll not present in this element';
+  }
+  return false;
 }

package/lib/utils/ContextOptimizer.js

@@ -4,44 +4,38 @@ 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 *** */
+
 // 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,