@zohodesk/dot 1.0.0-temp.999 → 1.0.0-test.239

package/es/setup/table/Table/docs/Table__default.docs.js

@@ -1,181 +0,0 @@
-import React from 'react';
-import Table from '../Table';
-import TableHead from '../../TableHead/TableHead';
-import TableData from '../../TableData/TableData';
-import TableBody from '../../TableBody/TableBody';
-import TableRow from '../../TableRow/TableRow';
-import Text from '../../Text/Text';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import hoverCss from '../../TableData/Tablehover.module.css';
-export default class Table__default extends React.Component {
-  constructor(props) {
-    super(props);
-    this.over = this.over.bind(this);
-    this.out = this.out.bind(this);
-  }
-
-  over() {
-    console.log('over');
-  }
-
-  out() {
-    console.log('out');
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableData, {
-      flexible: true,
-      shrink: true,
-      type: "size150"
-    }, /*#__PURE__*/React.createElement(Text, {
-      type: "heading",
-      text: "header1"
-    })), /*#__PURE__*/React.createElement(TableData, {
-      flexible: true,
-      shrink: true,
-      type: "size150"
-    }, /*#__PURE__*/React.createElement(Text, {
-      type: "heading",
-      text: "header2"
-    })), /*#__PURE__*/React.createElement(TableData, {
-      flexible: true,
-      shrink: true,
-      type: "size150"
-    }, /*#__PURE__*/React.createElement(Text, {
-      type: "heading",
-      text: "header3"
-    })), /*#__PURE__*/React.createElement(TableData, {
-      flexible: true,
-      shrink: true,
-      type: "size150",
-      align: "center"
-    }, /*#__PURE__*/React.createElement(Text, {
-      type: "heading",
-      text: "header4"
-    }))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, {
-      onMouseEnter: this.over,
-      onMouseLeave: this.out
-    }, /*#__PURE__*/React.createElement(TableData, {
-      flexible: true,
-      shrink: true,
-      type: "size150"
-    }, /*#__PURE__*/React.createElement(Text, {
-      text: "Data1"
-    })), /*#__PURE__*/React.createElement(TableData, {
-      flexible: true,
-      shrink: true,
-      type: "size150"
-    }, /*#__PURE__*/React.createElement(Text, {
-      type: "semiBold",
-      text: "Data2"
-    })), /*#__PURE__*/React.createElement(TableData, {
-      flexible: true,
-      shrink: true,
-      type: "size150"
-    }, /*#__PURE__*/React.createElement(Container, {
-      alignBox: "row"
-    }, /*#__PURE__*/React.createElement(Box, {
-      shrink: "true"
-    }, /*#__PURE__*/React.createElement(Text, {
-      text: `Not Verified - `
-    })), /*#__PURE__*/React.createElement(Box, {
-      style: {
-        'margin-left': '4px'
-      }
-    }, /*#__PURE__*/React.createElement(Text, {
-      text: ` Verify`,
-      type: "primary"
-    })))), /*#__PURE__*/React.createElement(TableData, {
-      flexible: true,
-      shrink: true,
-      type: "size150",
-      align: "center"
-    }, /*#__PURE__*/React.createElement(Text, {
-      text: "Data4"
-    }))), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableData, {
-      flexible: true,
-      shrink: true,
-      type: "size150"
-    }, /*#__PURE__*/React.createElement(Text, {
-      text: "Data1"
-    })), /*#__PURE__*/React.createElement(TableData, {
-      flexible: true,
-      shrink: true,
-      type: "size150"
-    }, /*#__PURE__*/React.createElement(Text, {
-      type: "semiBold",
-      text: "Data2"
-    })), /*#__PURE__*/React.createElement(TableData, {
-      flexible: true,
-      shrink: true,
-      type: "size150"
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: {
-        'margin-left': '4px'
-      },
-      text: "-"
-    })), /*#__PURE__*/React.createElement(TableData, {
-      flexible: true,
-      shrink: true,
-      type: "size150",
-      align: "center"
-    }, /*#__PURE__*/React.createElement(Text, {
-      text: "Data4"
-    }))), /*#__PURE__*/React.createElement(TableRow, {
-      className: `${hoverCss.container}`
-    }, /*#__PURE__*/React.createElement(TableData, {
-      flexible: true,
-      shrink: true,
-      type: "size150"
-    }, /*#__PURE__*/React.createElement(Text, {
-      text: "Data1"
-    })), /*#__PURE__*/React.createElement(TableData, {
-      flexible: true,
-      shrink: true,
-      type: "size150"
-    }, /*#__PURE__*/React.createElement(Text, {
-      type: "semiBold",
-      text: "Data2"
-    })), /*#__PURE__*/React.createElement(TableData, {
-      flexible: true,
-      shrink: true,
-      type: "size150"
-    }, /*#__PURE__*/React.createElement(Container, {
-      alignBox: "row"
-    }, /*#__PURE__*/React.createElement(Box, {
-      shrink: "true"
-    }, /*#__PURE__*/React.createElement(Text, {
-      text: "verified"
-    })), /*#__PURE__*/React.createElement(Box, {
-      shrink: "true",
-      style: {
-        'margin-left': '4px'
-      }
-    }, /*#__PURE__*/React.createElement(Text, {
-      text: ` - `
-    })), /*#__PURE__*/React.createElement(Box, {
-      className: hoverCss.opac0,
-      style: {
-        'margin-left': '4px'
-      }
-    }, /*#__PURE__*/React.createElement(Text, {
-      text: ` Details`,
-      palette: "primary"
-    })))), /*#__PURE__*/React.createElement(TableData, {
-      flexible: true,
-      shrink: true,
-      type: "size150",
-      align: "center"
-    }, /*#__PURE__*/React.createElement(Text, {
-      text: "Data4"
-    })))));
-  }
-
-}
-
-if (false) {
-  Table__default.docs = {
-    componentGroup: 'Table',
-    folderName: 'Setup'
-  };
-}

package/es/setup/table/Text/docs/Text__default.docs.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import Text from '../Text';
-export default class Text__default extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
-      text: "Default Text"
-    })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
-      text: "bold",
-      type: "bold",
-      url: "#",
-      palette: "primary"
-    })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
-      text: "semiBold",
-      type: "semiBold",
-      palette: "primary",
-      url: "#"
-    })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
-      text: "link Regular",
-      palette: "primary",
-      url: "#"
-    })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
-      text: "Medium Text",
-      size: "medium",
-      onClick: "dummy()"
-    })));
-  }
-
-}
-
-if (false) {
-  Text__default.docs = {
-    componentGroup: 'Text',
-    folderName: 'Setup'
-  };
-}

package/es/svg/docs/SVG__default.docs.js

@@ -1,49 +0,0 @@
-import React from 'react';
-import PlusIcon from '../PlusIcon';
-import SnippetIcon from '../SnippetIcon';
-import TemplateIcon from '../TemplateIcon';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-export default class SVG__default extends React.Component {
-  render() {
-    let boxStyle = {
-      minWidth: '15%',
-      border: '1px solid #dcdcdc',
-      padding: '5px',
-      margin: '5px'
-    };
-    let textStyle = {
-      textAlign: 'center',
-      padding: '10px 0',
-      background: ' #f9f9f9',
-      marginTop: '10px',
-      color: '#000'
-    };
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, {
-      alignBox: "row",
-      align: "both",
-      wrap: "wrap"
-    }, /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement(PlusIcon, null), /*#__PURE__*/React.createElement("div", {
-      style: textStyle
-    }, "PlusIcon")), /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement(SnippetIcon, null), /*#__PURE__*/React.createElement("div", {
-      style: textStyle
-    }, "SnippetIcon")), /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement(TemplateIcon, null), /*#__PURE__*/React.createElement("div", {
-      style: textStyle
-    }, "TemplateIcon"))));
-  }
-
-}
-
-if (false) {
-  SVG__default.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/es/utils/Common.js

@@ -1,24 +0,0 @@
-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 stopBubbling(event) {
-  event.preventDefault();
-  event.stopPropagation && event.stopPropagation();
-  event.nativeEvent && event.nativeEvent.stopImmediatePropagation && event.nativeEvent.stopImmediatePropagation();
-}

package/es/utils/KeyboardApi.js

@@ -1,294 +0,0 @@
-//$Id$
-let isShortCutEnabled;
-let showShortcut = {};
-let shortcutdatas = {};
-let additionalKey = {};
-let _SpecialKeyMaps = {
-  8: 'backspace',
-  9: 'tab',
-  13: 'enter',
-  16: 'shift',
-  17: 'ctrl',
-  18: 'alt',
-  //20: 'capslock',
-  27: 'esc',
-  32: 'space',
-  //33: 'pageup',
-  //34: 'pagedown',
-  //35: 'end',
-  //36: 'home',
-  37: 'left',
-  38: 'up',
-  39: 'right',
-  40: 'down',
-  46: 'del',
-  91: 'meta',
-  93: 'meta',
-  224: 'meta',
-  43: 'plus',
-  //   +
-  61: 'plus',
-  //  = , in firefox
-  63: 'ques',
-  // ?
-  187: 'plus',
-  //  =
-  191: 'slash' //   /
-
-};
-export function Shortcut(target) {
-  _addEvent(target, 'keypress', keycallback);
-
-  _addEvent(target, 'keydown', keycallback);
-
-  _addEvent(target, 'keyup', keycallback);
-}
-
-Shortcut.setState = function (isEnabled) {
-  isShortCutEnabled = isEnabled;
-};
-
-Shortcut.addAll = function (keysObj, props) {
-  showShortcut = props.showShortcut;
-  isShortCutEnabled && keysObj.map((keyOptions, index) => {
-    Shortcut.add(keyOptions.keyCombo, keyOptions.keyCallback(props), keyOptions.keyAction, keyOptions.displayLabel || []);
-    return;
-  });
-};
-/**
- * @param keycombo = 'z' or 'z+e' or 'shift+a' etc..
- * @param callback = any function
- * @param action = keypress or keydown or keyup
- */
-
-
-Shortcut.bulkAdd = function (shortcutArray) {
-  showShortcut && shortcutArray.map(shortcutObj => {
-    Shortcut.add(shortcutObj.keyCombo, shortcutObj.keyCallback, shortcutObj.keyAction, shortcutObj.displayLabel || []);
-  });
-};
-
-Shortcut.add = function (keycombo, cpFunc, action, displayLabel) {
-  if (!keycombo || !isShortCutEnabled) {
-    return;
-  }
-
-  let tempjson = {};
-
-  if (cpFunc === undefined) {
-    cpFunc = function (keycode, keyOptions, e) {
-      _defaultCallBack(keycode, keyOptions);
-    };
-  } else {
-    let oldfunc = cpFunc;
-
-    cpFunc = function (keycode, keyOptions, ev) {
-      oldfunc(keycode, ev);
-    };
-  }
-
-  tempjson.key = keycombo.toLowerCase();
-  tempjson.displayLabel = displayLabel;
-  tempjson.keyOptions = cpFunc;
-  tempjson.action = action || 'keypress';
-  shortcutdatas[keycombo.toLowerCase()] = tempjson;
-};
-/*Shortcut.prototype.remove = function(){
-
-};*/
-
-
-Shortcut.removeAll = function () {
-  shortcutdatas = {};
-};
-
-Shortcut.show = function () {
-  return Object.assign({}, shortcutdatas);
-};
-
-Shortcut.remove = function (keyCombo) {
-  keyCombo = Array.isArray(keyCombo) ? keyCombo : [keyCombo];
-  keyCombo.map(key => {
-    delete shortcutdatas[key];
-  });
-};
-
-Shortcut.init = function (doc) {
-  let documentshortcut = Shortcut(doc);
-
-  for (let method in documentshortcut) {
-    if (method.charAt(0) !== '_') {
-      Shortcut[method] = function (method) {
-        return function () {
-          return documentshortcut[method](...arguments);
-        };
-      }(method);
-    }
-  }
-};
-
-function _addEvent(object, type, callback) {
-  if (object.addEventListener) {
-    object.addEventListener(type, callback, false);
-    return;
-  }
-
-  object.attachEvent(`on${type}`, callback);
-}
-
-export function keycallback(e) {
-  if (!isShortCutEnabled) {
-    return;
-  }
-
-  let keyaction = e.type;
-
-  let keycode = _convertToKeyCharacter(e);
-
-  if (e.metaKey) {
-    return;
-  }
-
-  _bindNeedData(e, keyaction);
-
-  if ('esc' !== keycode) {
-    if (_shortRestrictionPlaces(e)) {
-      //return if type any text in input tag or texta area
-      return;
-    }
-  }
-
-  keycode = _eventModifiers(e) + keycode;
-  let keycodedata = shortcutdatas[keycode];
-
-  if (keycodedata) {
-    e.preventDefault();
-  }
-
-  if (keycodedata && keyaction === keycodedata.action && keycodedata.keyOptions) {
-    keycodedata.keyOptions && keycodedata.keyOptions(keycode, keycodedata.keyOptions, e);
-    showShortcut({
-      type: 'SHORTCUT_SHOW',
-      displayLabel: keycodedata.displayLabel
-    });
-  }
-}
-
-function _eventModifiers(e) {
-  if (e.shiftKey === true && e.metaKey === true) {
-    return 'command+shift+';
-  }
-
-  if (e.shiftKey === true && e.ctrlKey === true) {
-    return 'ctrl+shift+';
-  }
-
-  if (e.altKey === true && e.ctrlKey === true) {
-    return 'alt+ctrl+';
-  }
-
-  if (e.ctrlKey === true) {
-    return 'ctrl+';
-  }
-
-  if (e.metaKey === true) {
-    return 'command+';
-  }
-
-  if (e.shiftKey === true) {
-    return 'shift+';
-  }
-
-  if (additionalKey.zpress === true) {
-    return 'z+';
-  } else if (additionalKey.apress === true) {
-    return 'a+';
-  } else if (additionalKey.cpress === true) {
-    return 'c+';
-  } else if (additionalKey.dpress === true) {
-    return 'd+';
-  } else if (additionalKey.fpress === true) {
-    return 'f+';
-  } else if (additionalKey.kpress === true) {
-    return 'k+';
-  } else if (additionalKey.ppress === true) {
-    return 'p+';
-  } else if (additionalKey.rpress === true) {
-    return 'r+';
-  } else if (additionalKey.tpress === true) {
-    return 't+';
-  } else if (additionalKey.epress === true) {
-    return 'e+';
-  } else if (additionalKey.lpress === true) {
-    return 'l+';
-  }
-
-  return '';
-}
-
-function _bindNeedData(e, keyaction) {
-  let keyName = String.fromCharCode(e.keyCode).toLowerCase();
-
-  if (['z', 'a', 'c', 'd', 'f', 'k', 'p', 'r', 't', 'l', 'e'].indexOf(keyName) !== -1) {
-    let extraName = `${keyName}press`;
-
-    if (keyaction === 'keydown') {
-      additionalKey = !additionalKey[extraName] ? Object.assign({}, additionalKey, {
-        [extraName]: true
-      }) : additionalKey;
-      additionalKey[extraName] = true;
-    } else if (keyaction === 'keyup') {
-      additionalKey = !additionalKey[extraName] ? Object.assign({}, additionalKey, {
-        [extraName]: false
-      }) : additionalKey;
-      additionalKey[extraName] = false;
-    }
-  }
-}
-
-function _convertToKeyCharacter(e) {
-  let keyCode = e.keyCode || e.charCode;
-  let keyName = String.fromCharCode(keyCode).toLowerCase();
-  keyName = _SpecialKeyMaps.hasOwnProperty(keyCode) ? _SpecialKeyMaps[keyCode] : keyName;
-  return keyName;
-}
-
-function _defaultCallBack(keycombo, keyOptions) {
-  /*var keyElement = jQuery("[data-shortcut-key='" + keycombo + "']");
-  if (keyOptions.callbackflow !== undefined) {
-    keycombo = keyOptions.callbackflow.split(',');
-    var click = function(i, combo) {
-      setTimeout(function() {
-        jQuery("[data-shortcut-key='" + combo + "']").trigger('click');
-      }, i * 200);
-    };
-    for (var i = 0; i < keycombo.length; i++) {
-      var clickFunc = click.bind(this, i);
-      clickFunc(keycombo[i]);
-      highLightKeys(keycombo[i]);
-    }
-    return;
-  }
-  if (keyElement.length === 1) {
-    keyElement.trigger('click');
-    highLightKeys(keycombo);
-    return;
-  }*/
-}
-
-function _shortRestrictionPlaces(e) {
-  let _target = e.target;
-  let {
-    tagName
-  } = _target;
-  let keyCode = e.keyCode || e.charCode;
-  let isContentEditable = _target.contentEditable === 'true';
-
-  if (['TEXTAREA', 'INPUT', 'SELECT'].indexOf(tagName) !== -1 || //!SupportUI.CurrentUser.getKBStatus() ||
-  //restrict_keyUI() ||
-  keyCode >= 112 && keyCode <= 123 || isContentEditable) {
-    return true;
-  }
-
-  return false;
-}

package/es/version2/AlertClose/docs/AlertClose__default.docs.js

@@ -1,47 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import AlertClose from '../AlertClose';
-export default class AlertClose__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let style = {
-      margin: '10px'
-    };
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, "Light"), /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, /*#__PURE__*/React.createElement(AlertClose, {
-      type: "light"
-    })), /*#__PURE__*/React.createElement("h2", null, "Info"), /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, /*#__PURE__*/React.createElement(AlertClose, {
-      type: "info"
-    })), /*#__PURE__*/React.createElement("h2", null, "Success"), /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, /*#__PURE__*/React.createElement(AlertClose, {
-      type: "success"
-    })), /*#__PURE__*/React.createElement("h2", null, "Danger"), /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, /*#__PURE__*/React.createElement(AlertClose, {
-      type: "danger"
-    })), /*#__PURE__*/React.createElement("h2", null, "Warning"), /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, /*#__PURE__*/React.createElement(AlertClose, {
-      type: "warning"
-    })), /*#__PURE__*/React.createElement("h2", null, "Error"), /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, /*#__PURE__*/React.createElement(AlertClose, {
-      type: "error"
-    })));
-  }
-
-}
-
-if (false) {
-  AlertClose__default.docs = {
-    componentGroup: 'AlertClose',
-    folderName: 'Alert'
-  };
-}