@zohodesk/components 1.4.11 → 1.4.13

package/lib/semantic/Button/__tests__/Button.spec.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _Button = _interopRequireDefault(require("../Button"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-describe('Button', function () {
-  test('rendering the defult props', function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], null)),
-        asFragment = _render.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

package/lib/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap

@@ -1,15 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Button rendering the defult props 1`] = `
-<DocumentFragment>
-  <button
-    class="buttonReset "
-    data-id="semanticButton"
-    data-test-id="semanticButton"
-    type="button"
-    value="text"
-  >
-    Button
-  </button>
-</DocumentFragment>
-`;

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

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultProps = void 0;
-var defaultProps = {
-  children: null,
-  autoFocus: false,
-  dataId: 'semanticButton',
-  disabled: false,
-  palette: 'primary',
-  text: 'Button',
-  type: 'button',
-  value: 'text',
-  customClass: '',
-  a11y: {}
-};
-exports.defaultProps = defaultProps;

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

@@ -1,33 +0,0 @@
-"use strict";
-
-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 = {
-  autoFocus: _propTypes["default"].bool,
-  children: _propTypes["default"].node,
-  customClass: _propTypes["default"].string,
-  dataId: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool,
-  name: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  ref: _propTypes["default"].func,
-  text: _propTypes["default"].string,
-  title: _propTypes["default"].string,
-  type: _propTypes["default"].oneOf(['submit', 'reset', 'button']),
-  value: _propTypes["default"].string,
-  a11y: _propTypes["default"].shape({
-    ariaLabel: _propTypes["default"].string,
-    ariaHaspopup: _propTypes["default"].bool,
-    ariaExpanded: _propTypes["default"].bool,
-    ariaControls: _propTypes["default"].string,
-    ariaLabelledby: _propTypes["default"].string
-  })
-};
-exports.propTypes = propTypes;

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

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

package/lib/semantic/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SemanticButton", {
-  enumerable: true,
-  get: function get() {
-    return _Button["default"];
-  }
-});
-
-var _Button = _interopRequireDefault(require("./Button/Button"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/utils/Common.js

@@ -1,521 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DUMMY_OBJECT = exports.DUMMY_ARRAY = void 0;
-exports.bind = bind;
-exports.bytesToSize = bytesToSize;
-exports.cancelBubblingEffect = cancelBubblingEffect;
-exports.capitalize = capitalize;
-exports.checkIsImageFile = checkIsImageFile;
-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;
-exports.getElementSpace = getElementSpace;
-exports.getFullDateString = getFullDateString;
-exports.getFullName = getFullName;
-exports.getIsEmptyValue = void 0;
-exports.getKeyValue = getKeyValue;
-exports.getListOfDetails = getListOfDetails;
-exports.getMemSize = getMemSize;
-exports.getPortalName = getPortalName;
-exports.getSearchString = getSearchString;
-exports.getStringifiedOutputForJson = getStringifiedOutputForJson;
-exports.getTotalDimension = void 0;
-exports.isDescendant = isDescendant;
-exports.isTextSelected = isTextSelected;
-exports.mapValues = mapValues;
-exports.merge = merge;
-exports.parseDecimal = void 0;
-exports.remConvert = remConvert;
-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$//
-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-reverse' || 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();
-}
-
-function getKeyValue(event) {
-  return event && event.key && event.key;
-} // export function getCommentsDetails(
-//   commentIds = [],
-//   comments = {},
-//   agents = {}
-// ) {
-//   return (
-//     commentIds.map(commentId => {
-//       const comment = comments[commentId] || {};
-//       const commentedBy = comment.commenterId || null;
-//       return Object.assign({}, comment, { commentedBy: agents[commentedBy] });
-//     }) || []
-//   );
-// }
-
-
-function encodeForHtml(str) {
-  if (/<|>|&|"|'|\\/g.test(str) == true) {
-    str = str.replace(/&/g, '&amp;');
-    str = str.replace(/</g, '&lt;');
-    str = str.replace(/>/g, '&gt;');
-    str = str.replace(/"/g, '&quot;');
-    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;
-  var ids = Object.keys(Obj) || [];
-  return ids.map(function (id) {
-    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();
-    } else {
-      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);
-        return curr;
-      }, []);
-      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;
-  var copyOfOld = Object.assign({}, oldObj);
-  return Object.keys(newObj).reduce(function (res, key) {
-    res[key] = Object.assign({}, res[key] || {}, newObj[key]);
-    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;
-
-  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)) {
-      for (var i = 0; i < values.length; i++) {
-        i18nStr = i18nStr.replace(new RegExp("\\{".concat(i, "\\}"), 'g'), values[i]);
-      }
-    } else {
-      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 {
-    var year = fullDateObj.getFullYear();
-    var month = monthArr[fullDateObj.getMonth()];
-    var date = fullDateObj.getDate();
-    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 {
-    var year = fullDateObj.getFullYear();
-    var month = monthArr[fullDateObj.getMonth()];
-    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) {
-    clearTimeout(interval);
-    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);
-    } finally {
-      timerId = undefined;
-    }
-  }, wait);
-};
-
-exports.throttle = throttle;
-
-var scrollTo = function scrollTo(suggestionContainer, selSuggestion) {
-  if (!suggestionContainer || !selSuggestion) {
-    return;
-  }
-
-  var _ref = frameRelativeRects(selSuggestion, suggestionContainer) || {},
-      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;
-
-  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;
-
-  if (elementRef) {
-    var getStyle = window.getComputedStyle(elementRef);
-    var margin = parseFloat(getStyle.marginLeft) + parseFloat(getStyle.marginRight);
-    var padding = parseFloat(getStyle.paddingLeft) + parseFloat(getStyle.paddingRight);
-    var width = parseFloat(elementRef.offsetWidth);
-    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().trim(); //.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;
-}
-
-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;
-}
-
-var DUMMY_OBJECT = {};
-exports.DUMMY_OBJECT = DUMMY_OBJECT;
-var DUMMY_ARRAY = [];
-exports.DUMMY_ARRAY = DUMMY_ARRAY;

package/lib/utils/ContextOptimizer.js

@@ -1,49 +0,0 @@
-"use strict";
-
-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;
-  var contextData = (0, _react.useContext)(Context);
-  var data = calculation(contextData);
-
-  var _useRef = (0, _react.useRef)({
-    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,
-  Context: _propTypes["default"].any.isRequired
-};

package/lib/utils/constant.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LAST_NAME = exports.FIRST_NAME = void 0;
-var FIRST_NAME = 'FIRST_NAME';
-exports.FIRST_NAME = FIRST_NAME;
-var LAST_NAME = 'LAST_NAME';
-exports.LAST_NAME = LAST_NAME;