@zohodesk/components 1.0.0-temp-236 → 1.0.0-temp-239

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

@@ -0,0 +1,18 @@
+"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

@@ -0,0 +1,15 @@
+// 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

@@ -0,0 +1,19 @@
+"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

@@ -0,0 +1,33 @@
+"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

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

package/lib/semantic/index.js

@@ -0,0 +1,15 @@
+"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

@@ -0,0 +1,521 @@
+"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

@@ -0,0 +1,49 @@
+"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

@@ -0,0 +1,10 @@
+"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;