@zohodesk/dot 1.0.0-beta.22 → 1.0.0-beta.223

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

@@ -1,85 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _Text = require('../Text');
-
-var _Text2 = _interopRequireDefault(_Text);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var Text__default = function (_React$Component) {
-  _inherits(Text__default, _React$Component);
-
-  function Text__default() {
-    _classCallCheck(this, Text__default);
-
-    return _possibleConstructorReturn(this, (Text__default.__proto__ || Object.getPrototypeOf(Text__default)).apply(this, arguments));
-  }
-
-  _createClass(Text__default, [{
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement(
-        'div',
-        null,
-        _react2.default.createElement(
-          'div',
-          null,
-          _react2.default.createElement(_Text2.default, { text: 'Default Text' })
-        ),
-        _react2.default.createElement(
-          'div',
-          null,
-          _react2.default.createElement(_Text2.default, { text: 'bold', type: 'bold', url: '#', palette: 'primary' })
-        ),
-        _react2.default.createElement(
-          'div',
-          null,
-          _react2.default.createElement(_Text2.default, {
-            text: 'semiBold',
-            type: 'semiBold',
-            palette: 'primary',
-            url: '#'
-          })
-        ),
-        _react2.default.createElement(
-          'div',
-          null,
-          _react2.default.createElement(_Text2.default, { text: 'link Regular', palette: 'primary', url: '#' })
-        ),
-        _react2.default.createElement(
-          'div',
-          null,
-          _react2.default.createElement(_Text2.default, { text: 'Medium Text', size: 'medium', onClick: 'dummy()' })
-        )
-      );
-    }
-  }]);
-
-  return Text__default;
-}(_react2.default.Component);
-
-exports.default = Text__default;
-
-
-if (false) {
-  Text__default.docs = {
-    componentGroup: 'Text',
-    folderName: 'Setup'
-  };
-}

package/lib/svg/docs/SVG__default.docs.js

@@ -1,110 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _PlusIcon = require('../PlusIcon');
-
-var _PlusIcon2 = _interopRequireDefault(_PlusIcon);
-
-var _SnippetIcon = require('../SnippetIcon');
-
-var _SnippetIcon2 = _interopRequireDefault(_SnippetIcon);
-
-var _TemplateIcon = require('../TemplateIcon');
-
-var _TemplateIcon2 = _interopRequireDefault(_TemplateIcon);
-
-var _Layout = require('@zohodesk/components/lib/Layout');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var SVG__default = function (_React$Component) {
-  _inherits(SVG__default, _React$Component);
-
-  function SVG__default() {
-    _classCallCheck(this, SVG__default);
-
-    return _possibleConstructorReturn(this, (SVG__default.__proto__ || Object.getPrototypeOf(SVG__default)).apply(this, arguments));
-  }
-
-  _createClass(SVG__default, [{
-    key: 'render',
-    value: function render() {
-      var boxStyle = {
-        minWidth: '15%',
-        border: '1px solid #dcdcdc',
-        padding: '5px',
-        margin: '5px'
-      };
-      var textStyle = {
-        textAlign: 'center',
-        padding: '10px 0',
-        background: ' #f9f9f9',
-        marginTop: '10px',
-        color: '#000'
-      };
-      return _react2.default.createElement(
-        _react2.default.Fragment,
-        null,
-        _react2.default.createElement(
-          _Layout.Container,
-          { alignBox: 'row', align: 'both', wrap: 'wrap' },
-          _react2.default.createElement(
-            _Layout.Box,
-            { flexible: true, style: boxStyle },
-            _react2.default.createElement(_PlusIcon2.default, null),
-            _react2.default.createElement(
-              'div',
-              { style: textStyle },
-              'PlusIcon'
-            )
-          ),
-          _react2.default.createElement(
-            _Layout.Box,
-            { flexible: true, style: boxStyle },
-            _react2.default.createElement(_SnippetIcon2.default, null),
-            _react2.default.createElement(
-              'div',
-              { style: textStyle },
-              'SnippetIcon'
-            )
-          ),
-          _react2.default.createElement(
-            _Layout.Box,
-            { flexible: true, style: boxStyle },
-            _react2.default.createElement(_TemplateIcon2.default, null),
-            _react2.default.createElement(
-              'div',
-              { style: textStyle },
-              'TemplateIcon'
-            )
-          )
-        )
-      );
-    }
-  }]);
-
-  return SVG__default;
-}(_react2.default.Component);
-
-exports.default = SVG__default;
-
-if (false) {
-  SVG__default.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/lib/utils/Ticket.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var getPriorityColor = exports.getPriorityColor = function getPriorityColor(priority) {
-  return priority === 'High' ? 'red' : priority === 'Medium' ? 'orange' : priority === 'Low' ? 'green' : priority ? 'black' : 'gray';
-};

package/postpublish.js

@@ -1,100 +0,0 @@
-const { execSync } = require("child_process");
-const https = require("https");
-const http = require("http");
-const url = require("url");
-const querystring = require("querystring");
-const { version } = require("./package.json");
-
-let isObject = data =>
-  data && data.toString && data.toString() === "[object Object]";
-
-let isArray = data => data && Array.isArray(data);
-
-process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";
-
-let callback = resolve => res => {
-  res.setEncoding("utf8");
-  let str = "";
-
-  res.on("data", chunk => {
-    str += chunk;
-  });
-
-  res.on("end", () => {
-    resolve({
-      body: str,
-      response: res
-    });
-  });
-
-  res.on("error", err => {
-    process.stdout.write(err);
-  });
-};
-
-let request = options =>
-  new Promise((resolve, reject) => {
-    let { protocol, hostname, path, port } = url.parse(options.url);
-    let {
-      method = "GET",
-      headers = {},
-      payload = null,
-      formdata = null
-    } = options;
-
-    let newOptions = {
-      host: hostname,
-      port: port,
-      path: path,
-      method: method,
-      headers: headers
-    };
-    let req;
-
-    if (protocol === "https:") {
-      req = https.request(newOptions, callback(resolve));
-    } else if (protocol === "http:") {
-      req = http.request(newOptions, callback(resolve));
-    }
-
-    if (method.toUpperCase() === "POST") {
-      if (isObject(payload) || isArray(payload)) {
-        payload = JSON.stringify(payload);
-        req.write(payload);
-      } else if (isObject(formdata)) {
-        formdata = querystring.stringify(formdata);
-        req.write(formdata);
-      }
-    }
-
-    req.on("error", err => {
-      //eslint-disable-next-line
-      console.log(err);
-      // process.stdout.write(err);
-      reject();
-    });
-
-    req.end();
-  });
-
-let changeset = execSync("git rev-parse HEAD").toString() || "";
-changeset = changeset.trim();
-console.log(changeset, "changeset");
-
-request({
-  url:
-    "http://tsi-desk-mock.tsi.zohocorpin.com:8080/Hbase/addKey?method=addkey",
-  method: "POST",
-  payload: {
-    tablename: "zohodesk_dot_changesets",
-    row: "dependencies_changesets",
-    column: version,
-    value: changeset
-  }
-})
-  .then(res => {
-    console.log(`changeset push done -->${res.body}`);
-  })
-  .catch(e => {
-    throw e;
-  });

package/src/ChannelIcon/ChannelIcon.js

@@ -1,120 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import Icon from '@zohodesk/icons/lib/Icon';
-import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
-import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
-import { getChannelMappingObj } from '../utils/ChannelIconMapping';
-import style from './ChannelIcon.module.css';
-export default class ChannelIcon extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      name,
-      action,
-      iconSize,
-      iconTitle,
-      size,
-      topicIcon,
-      topicIconTitle,
-      topicIconSize,
-      topicIconColor,
-      iconClass,
-      dataId,
-      className,
-      palette,
-      iconColor,
-      needTopicBorder,
-      topicClass
-    } = this.props;
-    let defaultChannelObj = name && getChannelMappingObj()[name.toUpperCase()];
-    let customizedChannelName = null;
-    let iconName = null;
-    if (!defaultChannelObj) {
-      customizedChannelName = name;
-    } else {
-      iconName = defaultChannelObj[action];
-    }
-    return (
-      <span className={style.container}>
-        {customizedChannelName ? (
-          <Avatar name={customizedChannelName} size={size} palette={palette} />
-        ) : size ? (
-          iconName ? (
-            <AvatarIcon
-              name={iconName}
-              iconSize={iconSize}
-              size={size}
-              iconClass={`${style.iconStyle} ${
-                name && action
-                  ? style[`${name.toLowerCase()}_${action.toLowerCase()}`]
-                  : ''
-              } ${iconClass ? iconClass : ''} `}
-              dataId={dataId}
-              className={className}
-              iconColor={iconColor}
-              iconTitle={iconTitle}
-            />
-          ) : (
-            <Avatar name={name} size={size} palette={palette} />
-          )
-        ) : (
-          <Icon
-            name={iconName}
-            size={iconSize}
-            iconClass={iconClass ? iconClass : ''}
-            title={iconTitle}
-          />
-        )}
-        {topicIcon ? (
-          <span
-            className={`${style.thread} ${
-              needTopicBorder ? style.threadBorder : ''
-            } ${topicClass ? topicClass : ''}`}
-            data-title={topicIconTitle}
-          >
-            <Icon
-              name={topicIcon}
-              size={topicIconSize}
-              iconClass={
-                style[`topic_${topicIconColor}`]
-                  ? style[`topic_${topicIconColor}`]
-                  : ''
-              }
-            />
-          </span>
-        ) : null}
-      </span>
-    );
-  }
-}
-ChannelIcon.defaultProps = {
-  iconSize: '21',
-  name: 'phone',
-  needTopicBorder: true
-};
-ChannelIcon.propTypes = {
-  action: PropTypes.string,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  iconClass: PropTypes.string,
-  iconSize: PropTypes.string,
-  name: PropTypes.string,
-  palette: PropTypes.oneOf(['primary', 'secondary', 'info', 'default']),
-  size: PropTypes.string,
-  topicIcon: PropTypes.string,
-  topicIconColor: PropTypes.string,
-  topicIconSize: PropTypes.string,
-  topicIconTitle: PropTypes.string,
-  iconColor: PropTypes.string,
-  needTopicBorder: PropTypes.bool,
-  topicClass: PropTypes.string,
-  iconTitle: PropTypes.string
-};
-if (__DOCS__) {
-  ChannelIcon.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/src/ChannelIcon/ChannelIcon.module.css

@@ -1,187 +0,0 @@
-.container {
-  position: relative;
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
-  vertical-align: middle;
-}
-.thread {
-  composes: rounded from '~@zohodesk/components/lib/common/common.module.css';
-  composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
-  composes: alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  composes: alignHorizontal from '~@zohodesk/components/lib/common/common.module.css';
-  position: absolute;
-  top: calc(var(--zd_size4) * -1);
-  right: calc(var(--zd_size1) * -1);
-  height: var(--zd_size15);
-  width: var(--zd_size15);
-  background-color: var(--dot_bg_white);
-}
-.threadBorder {
-  border: 1px solid var(--zd_border_smoke18);
-}
-.iconStyle {
-  position: relative;
-  color: var(--dot_text_black);
-}
-
-/* Channel Icon Style */
-/* path */
-.email_incoming span:first-child:before,
-.email_outgoing span:first-child:before,
-.chat_outgoing span:first-child:before,
-.offline_chat_outgoing span:first-child:before,
-.online_chat_outgoing span:first-child:before,
-.email_forward span:first-child:before,
-.facebook_forward span:first-child:before,
-.twitter_forward span:first-child:before,
-.forums_forward span:first-child:before,
-.chat_forward span:first-child:before,
-.offline_chat_forward span:first-child:before,
-.online_chat_forward span:first-child:before,
-.phone_forward span:first-child:before,
-.web_forward span:first-child:before,
-.customerportal_forward span:first-child:before,
-.feedback_forward span:first-child:before,
-.email_forwardDraft span:first-child:before,
-.facebook_forwardDraft span:first-child:before,
-.twitter_forwardDraft span:first-child:before,
-.forums_forwardDraft span:first-child:before,
-.chat_forwardDraft span:first-child:before,
-.offline_chat_forwardDraft span:first-child:before,
-.online_chat_forwardDraft span:first-child:before,
-.phone_forwardDraft span:first-child:before,
-.web_forwardDraft span:first-child:before,
-.customerportal_forwardDraft span:first-child:before,
-.feedback_forwardDraft span:first-child:before,
-.email_missed span:first-child:before,
-.facebook_incoming span:first-child:before,
-.facebook_outgoing span:first-child:before,
-.facebook_missed span:first-child:before,
-.facebook_dm_default span:first-child:before,
-.facebook_dm_incoming span:first-child:before,
-.facebook_dm_outgoing span:first-child:before,
-.facebook_dm_draft span:first-child:before,
-.facebook_dm_forward span:first-child:before,
-.facebook_dm_forwardDraft span:first-child:before,
-.twitter_incoming span:first-child:before,
-.twitter_outgoing span:first-child:before,
-.twitter_missed span:first-child:before,
-.forums_incoming span:first-child:before,
-.forums_outgoing span:first-child:before,
-.forums_missed span:first-child:before,
-.chat_incoming span:first-child:before,
-.offline_chat_incoming span:first-child:before,
-.online_chat_incoming span:first-child:before,
-.chat_missed span:first-child:before,
-.offline_chat_missed span:first-child:before,
-.online_chat_missed span:first-child:before,
-.phone_incoming span:first-child:before,
-.phone_outgoing span:first-child:before,
-.phone_missed span:first-child:before,
-.feedback_default span:first-child:before,
-.feedback_incoming span:first-child:before,
-.web_incoming span:first-child:before,
-.customerportal_incoming span:first-child:before,
-.web_missed span:first-child:before,
-.customerportal_missed span:first-child:before,
-.feedback_missed span:first-child:before {
-  color: inherit;
-}
-
-/* Email */
-.email_default {
-  top: var(--zd_size1);
-}
-.email_incoming,
-.email_missed,
-.email_outgoing {
-  bottom: var(--zd_size2);
-}
-
-/* twitter */
-.twitter_incoming,
-.twitter_outgoing,
-.twitter_missed {
-  bottom: var(--zd_size1);
-}
-
-/* facebook */
-.facebook_incoming,
-.facebook_missed,
-.facebook_outgoing {
-  right: var(--zd_size2);
-}
-
-/* chat */
-.chat_incoming,
-.offline_chat_incoming,
-.online_chat_incoming,
-.chat_missed,
-.offline_chat_missed,
-.online_chat_missed,
-.chat_outgoing,
-.offline_chat_outgoing,
-.online_chat_outgoing {
-  bottom: var(--zd_size1);
-}
-
-/* forums */
-.forums_default {
-  top: var(--zd_size1);
-}
-
-/* feedback */
-.feedback_incoming,
-.feedback_missed,
-.feedback_out {
-  right: var(--zd_size1);
-  top: var(--zd_size1);
-}
-
-/* draft */
-.email_draft,
-.facebook_draft,
-.twitter_draft,
-.forums_draft,
-.chat_draft,
-.offline_chat_draft,
-.online_chat_draft,
-.phone_draft,
-.web_draft,
-.customerportal_draft,
-.feedback_draft {
-  left: var(--zd_size1);
-  top: var(--zd_size1);
-}
-
-/* forwardDraft */
-.email_forwarddraft,
-.facebook_forwarddraft,
-.twitter_forwarddraft,
-.forums_forwarddraft,
-.chat_forwarddraft,
-.offline_chat_forwarddraft,
-.online_chat_forwarddraft,
-.phone_forwarddraft,
-.web_forwarddraft,
-.customerportal_forwarddraft,
-.feedback_forwarddraft {
-  left: var(--zd_size1);
-  bottom: var(--zd_size1);
-}
-
-/* facebook_dm */
-.facebook_dm_default,
-.facebook_dm_incoming,
-.facebook_dm_outgoing,
-.facebook_dm_missed {
-  right: var(--zd_size2);
-}
-
-/*Topic Icon colors*/
-.topic_olive {
-  color: var(--zd_text_olive);
-}
-
-.topic_yellow3 {
-  color: var(--zd_text_yellow3);
-}

package/src/ChannelIcon/docs/ChannelIcon__default.docs.js

@@ -1,63 +0,0 @@
-import React, { Component } from 'react';
-import ChannelIcon from '../ChannelIcon';
-import { getChannelMappingObj } from '../../utils/ChannelIconMapping';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-
-export default class ChannelIcon__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let boxStyle = {},
-      style = {
-        border: '1px solid #c3c1c1',
-        padding: '10px',
-        margin: '1px 10px',
-        textAlign: 'center'
-      },
-      titleStyle = {
-        'font-size': '13px',
-        'padding-bottom': '5px',
-        'border-bottom': '1px solid #c3c1c1',
-        margin: '10px 0 5px',
-        textAlign: 'center'
-      };
-    let channels = getChannelMappingObj();
-    return (
-      <Container>
-        {Object.keys(channels).map((item, i) => (
-          <Box key={i} scroll='none' style={{ padding: '5px' }}>
-            <p style={titleStyle}>{item}</p>
-            <Container
-              alignBox='row'
-              align='vertical'
-              isCover={false}
-              wrap='wrap'
-            >
-              {Object.keys(channels[item]).map((channel, j) => (
-                <Box flexible style={style} key={j}>
-                  <h6>{channel}</h6>
-                  <div>
-                    <ChannelIcon
-                      name={item}
-                      action={channel}
-                      iconSize='21'
-                      size='medium'
-                    />
-                  </div>
-                </Box>
-              ))}
-            </Container>
-          </Box>
-        ))}
-        <br />
-      </Container>
-    );
-  }
-}
-if (__DOCS__) {
-  ChannelIcon__default.docs = {
-    componentGroup: 'Atom'
-  };
-}