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

package/es/semantic/Button/Button.js

@@ -1,60 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "./semanticButton.module.css";
-export default class Button extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    const {
-      value,
-      type,
-      text,
-      title,
-      name,
-      autoFocus,
-      disabled,
-      ref,
-      dataId,
-      onClick,
-      children,
-      customClass,
-      a11y
-    } = this.props;
-    let {
-      ariaLabel,
-      ariaHaspopup,
-      ariaExpanded,
-      ariaControls,
-      ariaLabelledby
-    } = a11y;
-    return /*#__PURE__*/React.createElement("button", {
-      className: `${style.buttonReset} ${customClass}`,
-      "aria-label": ariaLabel,
-      "aria-haspopup": ariaHaspopup,
-      "aria-expanded": ariaExpanded,
-      "aria-controls": ariaControls,
-      "aria-labelledby": ariaLabelledby,
-      type: type,
-      value: value,
-      name: name,
-      autoFocus: autoFocus,
-      disabled: disabled,
-      ref: ref,
-      "data-id": dataId,
-      "data-test-id": dataId,
-      onClick: onClick,
-      "data-title": title
-    }, children ? children : text);
-  }
-
-}
-Button.defaultProps = defaultProps;
-Button.propTypes = propTypes; // if (__DOCS__) {
-//   Button.docs = {
-//     componentGroup: 'semantic',
-//     folderName: 'DefaultComponents'
-//   };
-// }

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import Button from "../Button";
-describe('Button', () => {
-  test('rendering the defult props', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(Button, null));
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

package/es/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/es/semantic/Button/props/defaultProps.js

@@ -1,12 +0,0 @@
-export const defaultProps = {
-  children: null,
-  autoFocus: false,
-  dataId: 'semanticButton',
-  disabled: false,
-  palette: 'primary',
-  text: 'Button',
-  type: 'button',
-  value: 'text',
-  customClass: '',
-  a11y: {}
-};

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

@@ -1,22 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  autoFocus: PropTypes.bool,
-  children: PropTypes.node,
-  customClass: PropTypes.string,
-  dataId: PropTypes.string,
-  disabled: PropTypes.bool,
-  name: PropTypes.string,
-  onClick: PropTypes.func,
-  ref: PropTypes.func,
-  text: PropTypes.string,
-  title: PropTypes.string,
-  type: PropTypes.oneOf(['submit', 'reset', 'button']),
-  value: PropTypes.string,
-  a11y: PropTypes.shape({
-    ariaLabel: PropTypes.string,
-    ariaHaspopup: PropTypes.bool,
-    ariaExpanded: PropTypes.bool,
-    ariaControls: PropTypes.string,
-    ariaLabelledby: PropTypes.string
-  })
-};

package/es/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/es/semantic/index.js

@@ -1 +0,0 @@
-export { default as SemanticButton } from "./Button/Button";

package/es/utils/Common.js

@@ -1,417 +0,0 @@
-//$Id$//
-import viewPort from "../Popup/viewPort";
-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 = {};
-export const DUMMY_ARRAY = [];

package/es/utils/ContextOptimizer.js

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

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

package/es/utils/constructFullName.js

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

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

@@ -1,48 +0,0 @@
-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'
-};