@zohodesk/dot 1.0.0-beta.27 → 1.0.0-beta.271

package/es/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js

@@ -1,58 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-/*** Libraries ***/
-import React, { Component } from 'react';
-
-/*** Components ***/
-import ModuleHeader from '../ModuleHeader';
-
-var ModuleHeader__default = function (_Component) {
-  _inherits(ModuleHeader__default, _Component);
-
-  function ModuleHeader__default(props) {
-    _classCallCheck(this, ModuleHeader__default);
-
-    var _this = _possibleConstructorReturn(this, (ModuleHeader__default.__proto__ || _Object$getPrototypeOf(ModuleHeader__default)).call(this, props));
-
-    _this.state = {
-      searchStr: ''
-    };
-    _this.handleSearch = _this.handleSearch.bind(_this);
-    return _this;
-  }
-
-  _createClass(ModuleHeader__default, [{
-    key: 'handleSearch',
-    value: function handleSearch(value) {
-      this.setState({
-        searchStr: value
-      });
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var searchStr = this.state.searchStr;
-
-      return React.createElement(ModuleHeader, {
-        title: 'Select Module',
-        needSearch: true,
-        searchStr: searchStr,
-        onSearchChange: this.handleSearch,
-        searchPlaceHolder: 'Search'
-      });
-    }
-  }]);
-
-  return ModuleHeader__default;
-}(Component);
-
-export default ModuleHeader__default;
-
-if (false) {
-  ModuleHeader__default.docs = {
-    componentGroup: 'Lookup'
-  };
-}

package/es/lookup/header/Search/docs/Search__default.docs.js

@@ -1,62 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-/*** Libraries ***/
-import React, { Component } from 'react';
-
-/*** Components ***/
-import Search from '../Search';
-
-var Search__default = function (_Component) {
-  _inherits(Search__default, _Component);
-
-  function Search__default(props) {
-    _classCallCheck(this, Search__default);
-
-    var _this = _possibleConstructorReturn(this, (Search__default.__proto__ || _Object$getPrototypeOf(Search__default)).call(this, props));
-
-    _this.state = {
-      searchStr: ''
-    };
-    _this.handleChange = _this.handleChange.bind(_this);
-    return _this;
-  }
-
-  _createClass(Search__default, [{
-    key: 'handleChange',
-    value: function handleChange(value) {
-      this.setState({ searchStr: value });
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var searchStr = this.state.searchStr;
-
-      return React.createElement(
-        'div',
-        { style: { width: '300px' } },
-        React.createElement(Search, {
-          placeHolder: 'Search',
-          onChange: this.handleChange,
-          onSearch: function onSearch(e) {
-            console.log(e);
-          },
-          searchStr: searchStr
-        })
-      );
-    }
-  }]);
-
-  return Search__default;
-}(Component);
-
-export default Search__default;
-
-
-if (false) {
-  Search__default.docs = {
-    componentGroup: 'Lookup'
-  };
-}

package/es/lookup/header/TicketHeader/docs/TicketHeader__default.docs.js

@@ -1,74 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-/*** Libraries ***/
-import React, { Component } from 'react';
-
-/*** Componets ***/
-import TicketHeader from '../TicketHeader';
-
-var TicketHeader__default = function (_Component) {
-  _inherits(TicketHeader__default, _Component);
-
-  function TicketHeader__default(props) {
-    _classCallCheck(this, TicketHeader__default);
-
-    var _this = _possibleConstructorReturn(this, (TicketHeader__default.__proto__ || _Object$getPrototypeOf(TicketHeader__default)).call(this, props));
-
-    _this.state = {
-      searchStr: '',
-      selectedViewId: '1'
-    };
-    _this.handleSearch = _this.handleSearch.bind(_this);
-    _this.handleSelectView = _this.handleSelectView.bind(_this);
-    return _this;
-  }
-
-  _createClass(TicketHeader__default, [{
-    key: 'handleSearch',
-    value: function handleSearch(value) {
-      this.setState({
-        searchStr: value
-      });
-    }
-  }, {
-    key: 'handleSelectView',
-    value: function handleSelectView(value) {
-      this.setState({
-        selectedViewId: value
-      });
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _state = this.state,
-          searchStr = _state.searchStr,
-          selectedViewId = _state.selectedViewId;
-
-      var allViews = [{ displayLabel: 'All Tickets', id: '1' }, { displayLabel: 'Tickets for review', id: '2' }, { displayLabel: 'Customer Responded Tickets', id: '3' }, { displayLabel: 'Unassigned Open Tickets', id: '4' }, { displayLabel: 'Spam Tickets', id: '5' }, { displayLabel: 'SLA Violated Tickets', id: '6' }, { displayLabel: 'Overdue Tickets', id: '7' }, { displayLabel: 'My Tickets', id: '8' }, { displayLabel: 'My Open Tickets', id: '9' }, { displayLabel: 'My Overdue Tickets', id: '10' }];
-      return React.createElement(TicketHeader, {
-        title: 'Select Ticket',
-        needSearch: true,
-        searchStr: searchStr,
-        onSearchChange: this.handleSearch,
-        searchPlaceHolder: 'Search',
-        selectedViewId: selectedViewId,
-        onSelectView: this.handleSelectView,
-        allViews: allViews
-      });
-    }
-  }]);
-
-  return TicketHeader__default;
-}(Component);
-
-export default TicketHeader__default;
-
-
-if (false) {
-  TicketHeader__default.docs = {
-    componentGroup: 'Lookup'
-  };
-}

package/es/lookup/header/Title/docs/Title__default.docs.js

@@ -1,35 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import Title from '../Title';
-
-var Title__default = function (_Component) {
-  _inherits(Title__default, _Component);
-
-  function Title__default(props) {
-    _classCallCheck(this, Title__default);
-
-    return _possibleConstructorReturn(this, (Title__default.__proto__ || _Object$getPrototypeOf(Title__default)).call(this, props));
-  }
-
-  _createClass(Title__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(Title, { text: 'Select Product' });
-    }
-  }]);
-
-  return Title__default;
-}(Component);
-
-export default Title__default;
-
-if (false) {
-  Title__default.docs = {
-    componentGroup: 'Lookup'
-  };
-}

package/es/lookup/header/ViewDropDown/docs/ViewDropDown__default.docs.js

@@ -1,64 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-/**** Libraries ****/
-import React from 'react';
-
-/**** Components ****/
-import ViewDropDown from '../ViewDropDown';
-
-var ViewDropDown__default = function (_React$Component) {
-  _inherits(ViewDropDown__default, _React$Component);
-
-  function ViewDropDown__default(props) {
-    _classCallCheck(this, ViewDropDown__default);
-
-    var _this = _possibleConstructorReturn(this, (ViewDropDown__default.__proto__ || _Object$getPrototypeOf(ViewDropDown__default)).call(this, props));
-
-    _this.state = {
-      value: '1'
-    };
-    _this.handleChange = _this.handleChange.bind(_this);
-    return _this;
-  }
-
-  _createClass(ViewDropDown__default, [{
-    key: 'handleChange',
-    value: function handleChange(value) {
-      this.setState({
-        value: value
-      });
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var option = [{ text: 'All Tickets', id: '1' }, { text: 'Tickets for review', id: '2' }, { text: 'Customer Responded Tickets', id: '3' }, { text: 'Unassigned Open Tickets', id: '4' }, { text: 'Spam Tickets', id: '5' }, { text: 'SLA Violated Tickets', id: '6' }, { text: 'Overdue Tickets', id: '7' }, { text: 'My Tickets', id: '8' }, { text: 'My Open Tickets', id: '9' }, { text: 'My Overdue Tickets', id: '10' }];
-      var value = this.state.value;
-
-      return React.createElement(
-        'div',
-        { style: { width: '360px' } },
-        React.createElement(ViewDropDown, {
-          options: option,
-          onChange: this.handleChange,
-          selectedValue: value,
-          needSearch: true,
-          emptyMessage: 'No matches found'
-        })
-      );
-    }
-  }]);
-
-  return ViewDropDown__default;
-}(React.Component);
-
-export default ViewDropDown__default;
-
-
-if (false) {
-  ViewDropDown__default.docs = {
-    componentGroup: 'Lookup'
-  };
-}

package/es/setup/header/Button/docs/Button__default.docs.js

@@ -1,37 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import Button from '../Button';
-
-var Button__default = function (_React$Component) {
-  _inherits(Button__default, _React$Component);
-
-  function Button__default(props) {
-    _classCallCheck(this, Button__default);
-
-    return _possibleConstructorReturn(this, (Button__default.__proto__ || _Object$getPrototypeOf(Button__default)).call(this, props));
-  }
-
-  _createClass(Button__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(Button, { text: 'Add New' });
-    }
-  }]);
-
-  return Button__default;
-}(React.Component);
-
-export default Button__default;
-
-if (false) {
-  Button__default.docs = {
-    componentGroup: 'Header',
-    folderName: 'Setup'
-  };
-}

package/es/setup/header/Link/docs/Link__default.docs.js

@@ -1,36 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import PropTypes from 'prop-types';
-import Link from '../Link';
-
-var Link__default = function (_React$Component) {
-  _inherits(Link__default, _React$Component);
-
-  function Link__default(props) {
-    _classCallCheck(this, Link__default);
-
-    return _possibleConstructorReturn(this, (Link__default.__proto__ || _Object$getPrototypeOf(Link__default)).call(this, props));
-  }
-
-  _createClass(Link__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(Link, { text: 'View Page', url: 'https://zoho.com' });
-    }
-  }]);
-
-  return Link__default;
-}(React.Component);
-
-export default Link__default;
-
-if (false) {
-  Link__default.docs = {
-    componentGroup: 'Header',
-    folderName: 'Setup'
-  };
-}

package/es/setup/header/Search/docs/Search__default.docs.js

@@ -1,54 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import PropTypes from 'prop-types';
-import Search from '../Search';
-
-var Search__default = function (_React$Component) {
-  _inherits(Search__default, _React$Component);
-
-  function Search__default(props) {
-    _classCallCheck(this, Search__default);
-
-    var _this = _possibleConstructorReturn(this, (Search__default.__proto__ || _Object$getPrototypeOf(Search__default)).call(this, props));
-
-    _this.state = { value: '' };
-    return _this;
-  }
-
-  _createClass(Search__default, [{
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      return React.createElement(
-        'div',
-        { style: { width: '200px', margin: '50px' } },
-        React.createElement(Search, {
-          value: this.state.value,
-          placeHolder: 'Search',
-          onChange: function onChange(value) {
-            _this2.setState({ value: value });
-          },
-          onBlur: function onBlur() {
-            _this2.setState({ value: '' });
-          }
-        })
-      );
-    }
-  }]);
-
-  return Search__default;
-}(React.Component);
-
-export default Search__default;
-
-if (false) {
-  Search__default.docs = {
-    componentGroup: 'Header',
-    folderName: 'Setup'
-  };
-}

package/es/setup/header/SelectDropdown/SelectDropdown.js

@@ -1,162 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import PropTypes from 'prop-types';
-import DropBox from '@zohodesk/components/lib/DropBox/DropBox';
-import Popup from '@zohodesk/components/lib/Popup/Popup';
-import ListItem from '@zohodesk/components/lib/ListItem/ListItem';
-import TextBox from '@zohodesk/components/lib/TextBox/TextBox';
-import DropDownHeading from '@zohodesk/components/lib/DropDown/DropDownHeading';
-import Icon from '@zohodesk/icons/lib/Icon';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import style from './SelectDropdown.module.css';
-
-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 React.createElement(
-        'span',
-        {
-          ref: getTargetRef,
-          className: style.container,
-          onClick: removeClose
-        },
-        React.createElement(
-          'span',
-          { className: style.departName, onClick: this.handleTogglePopup },
-          selectedText
-        ),
-        React.createElement(
-          'span',
-          { className: style.departIcon, onClick: this.handleTogglePopup },
-          React.createElement(Icon, { name: 'ZD-down1', size: '6' })
-        ),
-        React.createElement(
-          DropBox,
-          {
-            size: 'medium',
-            boxPosition: 'bottomRight',
-            isArrow: true,
-            isAnimate: true,
-            right: '-25',
-            isActive: isPopupOpen && isPopupReady,
-            getRef: getContainerRef
-          },
-          React.createElement(
-            Container,
-            { alignBox: 'column', className: style.rulesPopup },
-            React.createElement(
-              Box,
-              { className: style.rulesDepart },
-              React.createElement(DropDownHeading, { text: title })
-            ),
-            isSearchRequired ? React.createElement(
-              Box,
-              { className: style.searchDepart },
-              React.createElement(TextBox, {
-                name: 'Test',
-                id: 'Test',
-                maxLength: '150',
-                placeHolder: 'Search Department'
-              })
-            ) : null,
-            React.createElement(
-              Box,
-              { scroll: 'vertical', flexible: true, shrink: true },
-              options && options.length && options.map(function (obj, index) {
-                return React.createElement(ListItem, {
-                  key: index,
-                  autoHover: true,
-                  value: obj[valueKey],
-                  active: selectedId == obj[idKey],
-                  id: obj[idKey],
-                  onClick: _this2.handleClick
-                });
-              })
-            )
-          )
-        )
-      );
-    }
-  }]);
-
-  return SelectDropdown;
-}(React.Component);
-
-SelectDropdown.propTypes = {
-  getContainerRef: PropTypes.func,
-  getTargetRef: PropTypes.func,
-  isPopupOpen: PropTypes.bool,
-  isPopupReady: PropTypes.bool,
-  isSearchRequired: PropTypes.bool,
-  onClick: PropTypes.func,
-  removeClose: PropTypes.func,
-  selectedId: PropTypes.string,
-  selectedText: PropTypes.string,
-  suggestions: PropTypes.shape({
-    idKey: PropTypes.string,
-    valueKey: PropTypes.string,
-    options: PropTypes.array
-  }),
-  title: PropTypes.string
-};
-if (false) {
-  SelectDropdown.docs = {
-    componentGroup: 'Header',
-    folderName: 'Setup'
-  };
-}
-
-export default Popup(SelectDropdown);

package/es/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/es/setup/header/SelectDropdown/docs/SelectDropdown__default.docs.js

@@ -1,44 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import PropTypes from 'prop-types';
-import SelectDropdown from '../SelectDropdown';
-
-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 React.createElement(SelectDropdown, {
-        title: 'DropDown',
-        suggestions: {
-          options: [{ id: '1', value: 'Zoho desk' }, { id: '2', value: 'Zoho projects' }],
-          idKey: 'id',
-          valueKey: 'value'
-        },
-        selectedText: 'Zoho Desk'
-      });
-    }
-  }]);
-
-  return SelectDropdown__default;
-}(React.Component);
-
-export default SelectDropdown__default;
-
-if (false) {
-  SelectDropdown__default.docs = {
-    componentGroup: 'Header',
-    folderName: 'Setup'
-  };
-}