@zohodesk/dot 1.0.0-beta.23 → 1.0.0-beta.232

package/lib/setup/header/SelectDropdown/SelectDropdown.js

@@ -1,200 +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 _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _DropBox = require('@zohodesk/components/lib/DropBox/DropBox');
-
-var _DropBox2 = _interopRequireDefault(_DropBox);
-
-var _Popup = require('@zohodesk/components/lib/Popup/Popup');
-
-var _Popup2 = _interopRequireDefault(_Popup);
-
-var _ListItem = require('@zohodesk/components/lib/ListItem/ListItem');
-
-var _ListItem2 = _interopRequireDefault(_ListItem);
-
-var _TextBox = require('@zohodesk/components/lib/TextBox/TextBox');
-
-var _TextBox2 = _interopRequireDefault(_TextBox);
-
-var _DropDownHeading = require('@zohodesk/components/lib/DropDown/DropDownHeading');
-
-var _DropDownHeading2 = _interopRequireDefault(_DropDownHeading);
-
-var _Icon = require('@zohodesk/icons/lib/Icon');
-
-var _Icon2 = _interopRequireDefault(_Icon);
-
-var _Layout = require('@zohodesk/components/lib/Layout');
-
-var _SelectDropdownModule = require('./SelectDropdown.module.css');
-
-var _SelectDropdownModule2 = _interopRequireDefault(_SelectDropdownModule);
-
-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 SelectDropdown = function (_React$Component) {
-  _inherits(SelectDropdown, _React$Component);
-
-  function SelectDropdown(props) {
-    _classCallCheck(this, SelectDropdown);
-
-    var _this = _possibleConstructorReturn(this, (SelectDropdown.__proto__ || Object.getPrototypeOf(SelectDropdown)).call(this, props));
-
-    _this.handleTogglePopup = _this.handleTogglePopup.bind(_this);
-    _this.handleClick = _this.handleClick.bind(_this);
-    return _this;
-  }
-
-  _createClass(SelectDropdown, [{
-    key: 'handleClick',
-    value: function handleClick(id, value, index, e) {
-      var _props = this.props,
-          onClick = _props.onClick,
-          togglePopup = _props.togglePopup;
-
-      onClick && onClick(id, value, index, e);
-      togglePopup(e, 'bottomRight');
-    }
-  }, {
-    key: 'handleTogglePopup',
-    value: function handleTogglePopup(e) {
-      var togglePopup = this.props.togglePopup;
-
-      togglePopup(e, 'bottomRight');
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      var _props2 = this.props,
-          title = _props2.title,
-          selectedText = _props2.selectedText,
-          isPopupOpen = _props2.isPopupOpen,
-          isPopupReady = _props2.isPopupReady,
-          getTargetRef = _props2.getTargetRef,
-          getContainerRef = _props2.getContainerRef,
-          removeClose = _props2.removeClose,
-          suggestions = _props2.suggestions,
-          selectedId = _props2.selectedId,
-          _props2$isSearchRequi = _props2.isSearchRequired,
-          isSearchRequired = _props2$isSearchRequi === undefined ? false : _props2$isSearchRequi;
-      var idKey = suggestions.idKey,
-          valueKey = suggestions.valueKey,
-          _suggestions$options = suggestions.options,
-          options = _suggestions$options === undefined ? [] : _suggestions$options;
-
-      return _react2.default.createElement(
-        'span',
-        {
-          ref: getTargetRef,
-          className: _SelectDropdownModule2.default.container,
-          onClick: removeClose
-        },
-        _react2.default.createElement(
-          'span',
-          { className: _SelectDropdownModule2.default.departName, onClick: this.handleTogglePopup },
-          selectedText
-        ),
-        _react2.default.createElement(
-          'span',
-          { className: _SelectDropdownModule2.default.departIcon, onClick: this.handleTogglePopup },
-          _react2.default.createElement(_Icon2.default, { name: 'ZD-down1', size: '6' })
-        ),
-        _react2.default.createElement(
-          _DropBox2.default,
-          {
-            size: 'medium',
-            boxPosition: 'bottomRight',
-            isArrow: true,
-            isAnimate: true,
-            right: '-25',
-            isActive: isPopupOpen && isPopupReady,
-            getRef: getContainerRef
-          },
-          _react2.default.createElement(
-            _Layout.Container,
-            { alignBox: 'column', className: _SelectDropdownModule2.default.rulesPopup },
-            _react2.default.createElement(
-              _Layout.Box,
-              { className: _SelectDropdownModule2.default.rulesDepart },
-              _react2.default.createElement(_DropDownHeading2.default, { text: title })
-            ),
-            isSearchRequired ? _react2.default.createElement(
-              _Layout.Box,
-              { className: _SelectDropdownModule2.default.searchDepart },
-              _react2.default.createElement(_TextBox2.default, {
-                name: 'Test',
-                id: 'Test',
-                maxLength: '150',
-                placeHolder: 'Search Department'
-              })
-            ) : null,
-            _react2.default.createElement(
-              _Layout.Box,
-              { scroll: 'vertical', flexible: true, shrink: true },
-              options && options.length && options.map(function (obj, index) {
-                return _react2.default.createElement(_ListItem2.default, {
-                  key: index,
-                  autoHover: true,
-                  value: obj[valueKey],
-                  active: selectedId == obj[idKey],
-                  id: obj[idKey],
-                  onClick: _this2.handleClick
-                });
-              })
-            )
-          )
-        )
-      );
-    }
-  }]);
-
-  return SelectDropdown;
-}(_react2.default.Component);
-
-SelectDropdown.propTypes = {
-  getContainerRef: _propTypes2.default.func,
-  getTargetRef: _propTypes2.default.func,
-  isPopupOpen: _propTypes2.default.bool,
-  isPopupReady: _propTypes2.default.bool,
-  isSearchRequired: _propTypes2.default.bool,
-  onClick: _propTypes2.default.func,
-  removeClose: _propTypes2.default.func,
-  selectedId: _propTypes2.default.string,
-  selectedText: _propTypes2.default.string,
-  suggestions: _propTypes2.default.shape({
-    idKey: _propTypes2.default.string,
-    valueKey: _propTypes2.default.string,
-    options: _propTypes2.default.array
-  }),
-  title: _propTypes2.default.string
-};
-if (false) {
-  SelectDropdown.docs = {
-    componentGroup: 'Header',
-    folderName: 'Setup'
-  };
-}
-
-exports.default = (0, _Popup2.default)(SelectDropdown);

package/lib/setup/header/SelectDropdown/SelectDropdown.module.css

@@ -1,43 +0,0 @@
-.container {
-  position: relative;
-  line-height: var(--zd_size18);
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
-  composes: alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  padding: var(--zd_size3) var(--zd_size15);
-  cursor: pointer;
-}[dir=ltr] .container {
-  margin-left: var(--zd_size15);
-}[dir=rtl] .container {
-  margin-right: var(--zd_size15);
-}
-.container:hover {
-  background: var(--zd_bg_smoke64);
-}
-.departName {
-  font-size: var(--zd_size13);
-  color: var(--zd_text_dark4);
-  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-  composes: flexgrow from '~@zohodesk/components/lib/common/common.module.css';
-}
-.departIcon {
-  color: var(--zd_text_dark5);
-  cursor: pointer;
-}
-[dir=ltr] .departIcon {
-  margin-left: var(--zd_size5);
-}
-[dir=rtl] .departIcon {
-  margin-right: var(--zd_size5);
-}
-.rulesPopup {
-  max-height: var(--zd_size260);
-  padding: var(--zd_size10) 0;
-}
-.rulesDepart {
-  margin: 0 var(--zd_size5) var(--zd_size10) var(--zd_size5);
-}
-.searchDepart {
-  padding: 0 var(--zd_size20);
-  margin: 0 0 var(--zd_size10) 0;
-}

package/lib/setup/header/SelectDropdown/docs/SelectDropdown__default.docs.js

@@ -1,63 +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 _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _SelectDropdown = require('../SelectDropdown');
-
-var _SelectDropdown2 = _interopRequireDefault(_SelectDropdown);
-
-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 SelectDropdown__default = function (_React$Component) {
-  _inherits(SelectDropdown__default, _React$Component);
-
-  function SelectDropdown__default(props) {
-    _classCallCheck(this, SelectDropdown__default);
-
-    return _possibleConstructorReturn(this, (SelectDropdown__default.__proto__ || Object.getPrototypeOf(SelectDropdown__default)).call(this, props));
-  }
-
-  _createClass(SelectDropdown__default, [{
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement(_SelectDropdown2.default, {
-        title: 'DropDown',
-        suggestions: {
-          options: [{ id: '1', value: 'Zoho desk' }, { id: '2', value: 'Zoho projects' }],
-          idKey: 'id',
-          valueKey: 'value'
-        },
-        selectedText: 'Zoho Desk'
-      });
-    }
-  }]);
-
-  return SelectDropdown__default;
-}(_react2.default.Component);
-
-exports.default = SelectDropdown__default;
-
-if (false) {
-  SelectDropdown__default.docs = {
-    componentGroup: 'Header',
-    folderName: 'Setup'
-  };
-}

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'
-  };
-}