@zohodesk/components 1.0.0-temp-199.25 → 1.0.0-temp-250

package/es/utils/Common.js

@@ -0,0 +1,418 @@
+//$Id$//
+import viewPort from '@zohodesk/dotkit/es/react/components/Popup/utils/viewPort.js';
+const {
+  frameRelativeRects
+} = viewPort;
+export const cs = classArr => classArr.filter(name => name).join(' ');
+export const parseDecimal = val => val ? parseFloat(val) : 0;
+export const getTotalDimension = (elem, align) => {
+  const 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);
+};
+export function stopPropagation(e) {
+  e && e.stopPropagation && e.stopPropagation();
+}
+;
+export const stopAllEventPropagation = e => {
+  e.stopPropagation && e.stopPropagation();
+  e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
+};
+export function cancelBubblingEffect(e) {
+  e && e.stopPropagation && e.stopPropagation();
+  e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
+}
+export 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] });
+//     }) || []
+//   );
+// }
+
+export 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;
+}
+export function getListOfDetails() {
+  let Obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let fn = arguments.length > 1 ? arguments[1] : undefined;
+  const ids = Object.keys(Obj) || [];
+  return ids.map(id => fn(Obj[id]));
+}
+export function capitalize() {
+  let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let newValue = '';
+
+  for (let i = 0; i < value.length; i++) {
+    if (i == 0) {
+      newValue += value[i].toUpperCase();
+    } else {
+      newValue += value[i].toLowerCase();
+    }
+  }
+
+  return newValue;
+}
+export function bind() {
+  for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
+    handlers[_key] = arguments[_key];
+  }
+
+  handlers.forEach(handler => {
+    this[handler] = this[handler].bind(this);
+  });
+}
+export function getFullName() {
+  let firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let fullName = '';
+
+  if (firstName !== null && firstName !== '') {
+    fullName = firstName;
+  }
+
+  if (lastName !== null && lastName !== '') {
+    fullName = `${fullName}${lastName}`;
+  }
+
+  return fullName;
+}
+export function getStringifiedOutputForJson() {
+  let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const keys = Object.keys(input);
+  const modifiedInput = keys.reduce((curr, next) => {
+    const values = input[next] || [];
+
+    if (values.length) {
+      const valueList = values.reduce((curr, next) => {
+        curr.push(next.id);
+        return curr;
+      }, []);
+      curr[next] = valueList;
+      return curr;
+    }
+
+    return curr;
+  }, {});
+  return JSON.stringify(modifiedInput);
+}
+export function mapValues(obj, fn) {
+  return obj && Object.keys(obj).reduce((res, key) => {
+    res[key] = fn(key, obj[key]);
+    return res;
+  }, {}) || obj;
+}
+export function filterValue(obj, val) {
+  let result;
+  const ids = obj ? Object.keys(obj) : [];
+  ids.forEach(key => {
+    const value = obj[key] || {};
+
+    if (value.name === val && !value.isCustomField) {
+      result = value.id;
+    }
+  });
+  return result;
+}
+export function merge() {
+  let oldObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let newObj = arguments.length > 1 ? arguments[1] : undefined;
+  const copyOfOld = Object.assign({}, oldObj);
+  return Object.keys(newObj).reduce((res, key) => {
+    res[key] = Object.assign({}, res[key] || {}, newObj[key]);
+    return res;
+  }, copyOfOld);
+}
+export function formatValue() {
+  let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let valueField = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'id';
+  let textField = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'name';
+  return values && values.map(value => {
+    let formattedValue = value;
+
+    if (typeof value === 'string' || typeof value === 'number') {
+      formattedValue = {};
+      formattedValue[valueField] = value;
+      formattedValue[textField] = value;
+    }
+
+    return formattedValue;
+  }) || [];
+}
+export function bytesToSize(bytes) {
+  bytes = parseInt(bytes, 10);
+  const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
+
+  if (bytes === 0) {
+    return '0 Byte';
+  }
+
+  const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)), 10);
+  return `${Math.round(bytes / Math.pow(1024, i), 2)} ${sizes[i]}`;
+}
+export function getMemSize(bytes) {
+  let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
+  const thresh = size ? 1000 : 1024;
+
+  if (Math.abs(bytes) < thresh) {
+    return `${bytes} B`;
+  }
+
+  let 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 `${bytes.toFixed(1)} ${units[i]}`;
+  }
+}
+export 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;
+  }
+
+  let 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 (let i = 0; i < values.length; i++) {
+        i18nStr = i18nStr.replace(new RegExp(`\\{${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, (g, m1) => String.fromCharCode(parseInt(m1, 16)));
+}
+
+export function getPortalName(portalList, portalId) {
+  return portalList && portalList.reduce((res, portal) => {
+    if (portal.orgId === portalId) {
+      return portal.orgName;
+    }
+
+    return res;
+  }, null);
+}
+export function getFullDateString(fullDateObj) {
+  let dateStr = '';
+  const monthArr = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+
+  if (fullDateObj.toDateString() == new Date().toDateString()) {
+    dateStr = format12Hour(fullDateObj);
+  } else {
+    const year = fullDateObj.getFullYear();
+    const month = monthArr[fullDateObj.getMonth()];
+    const date = fullDateObj.getDate();
+    const time = format12Hour(fullDateObj);
+    dateStr = `${month} ${date} ${year} ${time}`;
+  }
+
+  return dateStr;
+}
+export function format12Hour(date) {
+  let hours = date.getHours();
+  let minutes = date.getMinutes();
+  const ampm = hours >= 12 ? 'pm' : 'am';
+  hours %= 12;
+  hours = hours ? hours : 12; // the hour '0' should be '12'
+
+  minutes = minutes < 10 ? `0${minutes}` : minutes;
+  const strTime = `${hours}:${minutes} ${ampm}`;
+  return strTime;
+}
+export function getDateOnly(fullDateObj) {
+  let dateStr = '';
+  const monthArr = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+
+  if (fullDateObj.toDateString() == new Date().toDateString()) {
+    dateStr = 'Today';
+  } else {
+    const year = fullDateObj.getFullYear();
+    const month = monthArr[fullDateObj.getMonth()];
+    const date = fullDateObj.getDate();
+    dateStr = `${month} ${date} ${year}`;
+  }
+
+  return dateStr;
+}
+export function doAfterScrollEnd(element, callback) {
+  const {
+    scrollTop
+  } = element;
+  const {
+    clientHeight
+  } = element;
+  const {
+    scrollHeight
+  } = element;
+  const scrollPercent = scrollTop / (scrollHeight - clientHeight) * 100;
+
+  if (scrollPercent > 80) {
+    callback && callback();
+  }
+}
+export const debounce = function (func, wait) {
+  let interval;
+  return function (e) {
+    clearTimeout(interval);
+    interval = setTimeout(func.bind(undefined, e), wait);
+  };
+};
+let timerId;
+export const throttle = function (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(() => {
+    try {
+      func(...args);
+    } finally {
+      timerId = undefined;
+    }
+  }, wait);
+};
+export const scrollTo = function (suggestionContainer, selSuggestion) {
+  if (!suggestionContainer || !selSuggestion) {
+    return;
+  }
+
+  const {
+    rectGap
+  } = frameRelativeRects(selSuggestion, suggestionContainer) || {};
+  const {
+    top = 0,
+    bottom = 0
+  } = rectGap || {};
+
+  if (top < 0 && bottom < 0) {
+    return;
+  }
+
+  const isElementInViewPort = top < 0 || bottom < 0 ? false : true;
+  const suggestionContainerScrollTop = suggestionContainer.scrollTop;
+  suggestionContainer.scrollTop = !isElementInViewPort ? bottom < 0 ? suggestionContainer.scrollTop + Math.abs(bottom) : top < 0 ? suggestionContainer.scrollTop - Math.abs(top) : suggestionContainerScrollTop : suggestionContainerScrollTop;
+};
+export const getIsEmptyValue = value => typeof value === 'string' ? value.trim() ? false : true : value === 0 || value ? false : true;
+export function remConvert(val) {
+  const baseValue = parseFloat(window.getComputedStyle(document.body).getPropertyValue('font-size')).toFixed(4);
+  return (val / baseValue).toPrecision(4);
+}
+export function isDescendant(parent, child) {
+  let node = child.parentNode;
+
+  while (node !== null) {
+    if (node === parent) {
+      return true;
+    }
+
+    node = node.parentNode;
+  }
+
+  return false;
+}
+export function getElementSpace(elementRef) {
+  let neededSpace = 0,
+      availableInsideSpace = 0;
+
+  if (elementRef) {
+    let getStyle = window.getComputedStyle(elementRef);
+    let margin = parseFloat(getStyle.marginLeft) + parseFloat(getStyle.marginRight);
+    let padding = parseFloat(getStyle.paddingLeft) + parseFloat(getStyle.paddingRight);
+    let width = parseFloat(elementRef.offsetWidth);
+    neededSpace = width + margin;
+    availableInsideSpace = width - padding;
+  }
+
+  return {
+    neededSpace: neededSpace,
+    availableInsideSpace: availableInsideSpace
+  };
+}
+export function getSearchString() {
+  let charachers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  return (charachers || '').toString().toLowerCase().trim(); //.replace(/\s+/g, '');
+}
+export function findScrollEnd(element) {
+  let {
+    scrollHeight,
+    scrollTop,
+    offsetHeight,
+    clientHeight
+  } = element || {};
+  let isElementScrollable = scrollHeight > clientHeight;
+
+  if (isElementScrollable) {
+    if (scrollHeight <= Math.ceil(scrollTop + offsetHeight)) {
+      return true;
+    }
+  } // else {
+  //   throw 'Is scroll not present in this element';
+  // }
+
+
+  return false;
+}
+export function isTextSelected() {
+  let selectedText = '';
+
+  if (window.getSelection) {
+    selectedText = window.getSelection().toString();
+  } else if (document.getSelection) {
+    selectedText = document.getSelection().toString();
+  }
+
+  if (selectedText !== '') {
+    return true;
+  }
+
+  return false;
+}
+export const DUMMY_OBJECT = Object.freeze({});
+export const DUMMY_ARRAY = Object.freeze([]);
+export const DUMMY_FUNCTION = () => {};

package/es/utils/ContextOptimizer.js

@@ -0,0 +1,38 @@
+/** ** Libraries *** */
+import { useContext, useRef } from 'react';
+import PropTypes from 'prop-types';
+import shallowEqual from "./shallowEqual"; // 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
+
+export function ContextOptimizer(props) {
+  const {
+    Context,
+    children: renderF,
+    calculation
+  } = props;
+  const contextData = useContext(Context);
+  const data = calculation(contextData);
+  const {
+    current: local
+  } = useRef({
+    children: null,
+    data: null,
+    renderF: null
+  });
+
+  if (!shallowEqual(data, local.data) || local.renderF !== renderF) {
+    local.children = renderF(data);
+    local.data = data;
+    local.renderF = renderF;
+  }
+
+  return local.children;
+}
+ContextOptimizer.propTypes = {
+  calculation: PropTypes.func.isRequired,
+  children: PropTypes.func.isRequired,
+  Context: PropTypes.any.isRequired
+};

package/es/utils/constant.js

@@ -0,0 +1,2 @@
+export const FIRST_NAME = 'FIRST_NAME';
+export const LAST_NAME = 'LAST_NAME';

package/es/utils/constructFullName.js

@@ -0,0 +1,13 @@
+function constructFullName(firstName, lastName) {
+  return `${firstName ? `${firstName}${lastName ? ' ' : ''}` : ''}${lastName ? lastName : ''}`;
+}
+
+export function constructFullNameByPattern(firstName, lastName, namePattern) {
+  let [name0, name1] = namePattern;
+
+  if (name0 === 'FIRST_NAME' && name1 === 'LAST_NAME') {
+    return constructFullName(firstName, lastName);
+  } else if (name0 === 'LAST_NAME' && name1 === 'FIRST_NAME') {
+    return constructFullName(lastName, firstName);
+  }
+}

package/es/utils/cssUtils.js

@@ -0,0 +1,11 @@
+import commonStyle from "../common/common.module.css";
+export const whiteSpaceClassMapping = {
+  // eslint-disable-next-line dot-notation
+  'normal': commonStyle.whiteSpace_normal,
+  'pre': commonStyle.whiteSpace_pre,
+  'pre-wrap': commonStyle.whiteSpace_preWrap,
+  'pre-line': commonStyle.whiteSpace_preLine,
+  // eslint-disable-next-line dot-notation
+  'nowrap': commonStyle.whiteSpace_nowrap,
+  'break-spaces': commonStyle.whiteSpace_breakSpaces
+};

package/es/utils/datetime/GMTZones.js

@@ -0,0 +1,48 @@
+export const offsetMap = {
+  0: 'GMT+00:00 Africa/Abidjan',
+  44: 'GMT+00:00 Africa/Monrovia',
+  60: 'GMT+01:00 Africa/Bangui',
+  120: 'GMT+02:00 Africa/Blantyre',
+  180: 'GMT+03:00 Africa/Addis_Ababa',
+  210: 'GMT+04:30 Asia/Tehran',
+  240: 'GMT+03:00 Asia/Bahrain',
+  270: 'GMT+04:30 Asia/Kabul',
+  300: 'GMT+05:00 Asia/Aqtau',
+  '-330': 'GMT+05:30 Asia/Kolkata',
+  360: 'GMT+06:00 Asia/Dacca',
+  390: 'GMT+06:30 Indian/Cocos',
+  420: 'GMT+07:00 Asia/Bangkok',
+  450: 'GMT+08:00 Asia/Singapore',
+  480: 'GMT+08:00 Asia/Hong_Kong',
+  510: 'GMT+08:00 Asia/Harbin',
+  525: 'GMT+08:45 Australia/Eucla',
+  540: 'GMT+09:00 Asia/Chita',
+  570: 'GMT+09:30 Australia/Adelaide',
+  600: 'GMT+10:00 Antarctica/DumontDUrville',
+  660: 'GMT+11:00 Asia/Magadan',
+  690: 'GMT+11:00 Pacific/Norfolk',
+  720: 'GMT+12:00 Asia/Kamchatka',
+  765: 'GMT+12:45 Pacific/Chatham',
+  780: 'GMT+12:00 Asia/Anadyr',
+  840: 'GMT+14:00 Etc/GMT-14',
+  '-60': 'GMT-01:00 Etc/GMT+1',
+  '-660': 'GMT-11:00 US/Samoa',
+  '-600': 'GMT-04:00 America/Anguilla',
+  '-240': 'GMT-04:00 America/Antigua',
+  '-180': 'GMT-03:00 America/Araguaina',
+  '-300': 'GMT-05:00 America/Atikokan',
+  '-480': 'GMT-05:00 America/Bahia_Banderas',
+  '-360': 'GMT-06:00 America/Belize',
+  '-420': 'GMT-06:00 America/Boise',
+  '-540': 'GMT-07:00 America/Dawson',
+  '-135': 'GMT-04:00 America/Guyana',
+  '-120': 'GMT-02:00 Etc/GMT+2',
+  '-150': 'GMT-03:00 America/Paramaribo',
+  '-210': 'GMT-04:00 America/Santo_Domingo',
+  '-720': 'GMT+12:00 Pacific/Kwajalein',
+  '-560': 'GMT+14:00 Pacific/Kiritimati',
+  '-510': 'GMT-09:30 Pacific/Marquesas',
+  '-630': 'GMT-11:00 Pacific/Niue',
+  '-450': 'GMT-08:00 Pacific/Pitcairn',
+  '-570': 'GMT-10:00 Pacific/Rarotonga'
+};