@zohodesk/dot 1.0.0-beta.21 → 1.0.0-beta.212

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

@@ -1,106 +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';
-import PropTypes from 'prop-types';
-
-/*** Components ***/
-import Title from '../Title/Title';
-import Close from '../Close/Close';
-import Search from '../Search/Search';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-
-/*** CSS ***/
-import commonStyle from '../lookupHeaderCommon.module.css';
-import commonResponsive from '../lookupHeaderCommonResponsive.module.css';
-
-/*eslint-disable react/forbid-component-props */
-
-var ModuleHeader = function (_Component) {
-  _inherits(ModuleHeader, _Component);
-
-  function ModuleHeader() {
-    _classCallCheck(this, ModuleHeader);
-
-    return _possibleConstructorReturn(this, (ModuleHeader.__proto__ || _Object$getPrototypeOf(ModuleHeader)).apply(this, arguments));
-  }
-
-  _createClass(ModuleHeader, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          _props$title = _props.title,
-          title = _props$title === undefined ? '' : _props$title,
-          _props$needSearch = _props.needSearch,
-          needSearch = _props$needSearch === undefined ? false : _props$needSearch,
-          onLookupClose = _props.onLookupClose,
-          _props$searchStr = _props.searchStr,
-          searchStr = _props$searchStr === undefined ? '' : _props$searchStr,
-          onSearch = _props.onSearch,
-          onSearchChange = _props.onSearchChange,
-          searchPlaceHolder = _props.searchPlaceHolder;
-
-      return React.createElement(
-        Container,
-        {
-          align: 'vertical',
-          alignBox: 'row',
-          className: commonStyle.container + ' ' + commonResponsive.container,
-          isCover: false,
-          wrap: 'wrap'
-        },
-        React.createElement(
-          'div',
-          { className: commonStyle.closeContainer },
-          React.createElement(Close, { dataId: 'close', onClose: onLookupClose })
-        ),
-        React.createElement(
-          Box,
-          { flexible: true },
-          React.createElement(
-            'div',
-            { className: commonStyle.title },
-            React.createElement(Title, { text: title })
-          )
-        ),
-        needSearch && React.createElement(
-          Box,
-          {
-            className: commonStyle.searchContainer + ' ' + commonResponsive.searchContainer
-          },
-          React.createElement(Search, {
-            onSearch: onSearch,
-            searchStr: searchStr,
-            onChange: onSearchChange,
-            placeHolder: searchPlaceHolder,
-            dataId: 'search'
-          })
-        )
-      );
-    }
-  }]);
-
-  return ModuleHeader;
-}(Component);
-
-export default ModuleHeader;
-
-
-ModuleHeader.propTypes = {
-  needSearch: PropTypes.bool,
-  onLookupClose: PropTypes.func,
-  onSearch: PropTypes.func,
-  onSearchChange: PropTypes.func,
-  searchPlaceHolder: PropTypes.string,
-  searchStr: PropTypes.string,
-  title: PropTypes.string
-};
-
-if (false) {
-  ModuleHeader.docs = {
-    componentGroup: 'Lookup'
-  };
-}

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/LookupSearch.module.css

@@ -1,14 +0,0 @@
-.inputStyle {
-  vertical-align: text-bottom;
-  transition: 0.3s cubic-bezier(0.4, 1, 0.65, 1);
-  width: var(--zd_size96);
-  background: none;
-}
-.inputStyle:hover {
-  border-bottom: 1px solid var(--dot_inputLineHover);
-}
-
-.inputActive {
-  width: 100%;
-  border-bottom: 1px solid var(--dot_inputLineFocus);
-}

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

@@ -1,138 +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';
-import PropTypes from 'prop-types';
-
-import TextBox from '@zohodesk/components/lib/TextBox/TextBox';
-
-/*** Methods ***/
-import { debounce } from '@zohodesk/components/lib/utils/debounce';
-import style from './LookupSearch.module.css';
-
-var Search = function (_Component) {
-  _inherits(Search, _Component);
-
-  function Search(props) {
-    _classCallCheck(this, Search);
-
-    var _this = _possibleConstructorReturn(this, (Search.__proto__ || _Object$getPrototypeOf(Search)).call(this, props));
-
-    _this.state = {
-      isActive: false,
-      isFocused: false
-    };
-    _this.handleChange = _this.handleChange.bind(_this);
-    _this.handleBlur = _this.handleBlur.bind(_this);
-    _this.handleFocus = _this.handleFocus.bind(_this);
-    _this.handleClear = _this.handleClear.bind(_this);
-    _this.handleKeyDown = _this.handleKeyDown.bind(_this);
-    _this.handleSearch = debounce(_this.handleSearch.bind(_this), 500);
-    return _this;
-  }
-
-  _createClass(Search, [{
-    key: 'componentDidUpdate',
-    value: function componentDidUpdate(prevProps) {
-      var searchStr = this.props.searchStr;
-      var isFocused = this.state.isFocused;
-
-      if (prevProps.searchStr && searchStr === '' && !isFocused) {
-        this.setState({ isActive: false });
-      }
-    }
-  }, {
-    key: 'handleSearch',
-    value: function handleSearch() {
-      var onSearch = this.props.onSearch;
-
-      onSearch && onSearch();
-    }
-  }, {
-    key: 'handleKeyDown',
-    value: function handleKeyDown(e) {
-      var keyCode = e.keyCode;
-      var onSearch = this.props.onSearch;
-
-      if (keyCode === 13) {
-        onSearch && onSearch();
-      }
-    }
-  }, {
-    key: 'handleChange',
-    value: function handleChange(value) {
-      var onChange = this.props.onChange;
-
-      onChange && onChange(value);
-      // this.handleSearch();
-    }
-  }, {
-    key: 'handleBlur',
-    value: function handleBlur() {
-      var searchStr = this.props.searchStr;
-
-      this.setState({ isFocused: false });
-      if (!searchStr) {
-        this.setState({ isActive: false });
-      }
-    }
-  }, {
-    key: 'handleFocus',
-    value: function handleFocus() {
-      this.setState({
-        isActive: true,
-        isFocused: true
-      });
-    }
-  }, {
-    key: 'handleClear',
-    value: function handleClear() {
-      var onSearch = this.props.onSearch;
-
-      onSearch && onSearch('');
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          searchStr = _props.searchStr,
-          placeHolder = _props.placeHolder,
-          dataId = _props.dataId;
-      var isActive = this.state.isActive;
-
-      return React.createElement(TextBox, {
-        className: style.inputStyle + ' ' + (isActive ? style.inputActive : ''),
-        placeHolder: placeHolder,
-        value: searchStr,
-        onChange: this.handleChange,
-        onBlur: this.handleBlur,
-        onFocus: this.handleFocus,
-        onKeyDown: this.handleKeyDown,
-        dataId: dataId,
-        size: 'small'
-      });
-    }
-  }]);
-
-  return Search;
-}(Component);
-
-export default Search;
-
-
-Search.propTypes = {
-  dataId: PropTypes.string,
-  onChange: PropTypes.func,
-  onSearch: PropTypes.func,
-  placeHolder: PropTypes.string,
-  searchStr: PropTypes.string
-};
-
-if (false) {
-  Search.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/TicketHeader.js

@@ -1,134 +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';
-import PropTypes from 'prop-types';
-
-/*** Components ***/
-import { i18NProviderUtils } from '@zohodesk/i18n';
-import Title from '../Title/Title';
-import Close from '../Close/Close';
-import Search from '../Search/Search';
-import ViewDropDown from '../ViewDropDown/ViewDropDown';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-
-/*** CSS ***/
-import commonStyle from '../lookupHeaderCommon.module.css';
-import commonResponsive from '../lookupHeaderCommonResponsive.module.css';
-import style from './TicketHeader.module.css';
-
-/* eslint-disable react/forbid-component-props */
-
-var TicketHeader = function (_Component) {
-  _inherits(TicketHeader, _Component);
-
-  function TicketHeader() {
-    _classCallCheck(this, TicketHeader);
-
-    return _possibleConstructorReturn(this, (TicketHeader.__proto__ || _Object$getPrototypeOf(TicketHeader)).apply(this, arguments));
-  }
-
-  _createClass(TicketHeader, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          needSearch = _props.needSearch,
-          onLookupClose = _props.onLookupClose,
-          searchStr = _props.searchStr,
-          onSearchChange = _props.onSearchChange,
-          searchPlaceHolder = _props.searchPlaceHolder,
-          title = _props.title,
-          selectedViewId = _props.selectedViewId,
-          onSelectView = _props.onSelectView,
-          allViews = _props.allViews,
-          onSearch = _props.onSearch;
-
-      return React.createElement(
-        Container,
-        {
-          align: 'vertical',
-          alignBox: 'row',
-          className: commonStyle.container + ' ' + commonResponsive.container + ' ' + style.container,
-          isCover: false,
-          wrap: 'wrap'
-        },
-        React.createElement(
-          'div',
-          { className: commonStyle.closeContainer },
-          React.createElement(Close, { onClose: onLookupClose, dataId: 'close' })
-        ),
-        React.createElement(
-          Box,
-          { flexible: true },
-          React.createElement(
-            Container,
-            {
-              alignBox: 'column',
-              className: '' + style.innerContainer,
-              isCover: false,
-              wrap: 'wrap'
-            },
-            React.createElement(
-              Box,
-              { className: commonStyle.title },
-              React.createElement(Title, { text: title })
-            ),
-            React.createElement(
-              Box,
-              { className: '' + style.dropdown },
-              React.createElement(ViewDropDown, {
-                dropBoxSize: 'small',
-                emptyMessage: i18NProviderUtils.getI18NValue('support.setup.no.matches.found'),
-                needSearch: true,
-                onChange: onSelectView,
-                options: allViews,
-                textField: 'displayLabel',
-                selectedValue: selectedViewId
-              })
-            )
-          )
-        ),
-        needSearch ? React.createElement(
-          Box,
-          {
-            className: commonStyle.searchContainer + ' ' + commonResponsive.searchContainer + ' ' + style.searchContainer
-          },
-          React.createElement(Search, {
-            onSearch: onSearch,
-            searchStr: searchStr,
-            onChange: onSearchChange,
-            placeHolder: searchPlaceHolder,
-            dataId: 'search'
-          })
-        ) : null
-      );
-    }
-  }]);
-
-  return TicketHeader;
-}(Component);
-
-export default TicketHeader;
-
-
-TicketHeader.propTypes = {
-  allViews: PropTypes.array,
-  needSearch: PropTypes.bool,
-  onLookupClose: PropTypes.func,
-  onSearch: PropTypes.func,
-  onSearchChange: PropTypes.func,
-  onSelectView: PropTypes.func,
-  searchPlaceHolder: PropTypes.string,
-  searchStr: PropTypes.string,
-  selectedViewId: PropTypes.string,
-  title: PropTypes.string
-};
-
-if (false) {
-  TicketHeader.docs = {
-    componentGroup: 'Lookup'
-  };
-}

package/es/lookup/header/TicketHeader/TicketHeader.module.css

@@ -1,22 +0,0 @@
-.dropdown {
-  margin: 0 var(--zd_size8);
-}
-/* Responsive */
-[dir=ltr] .small .searchContainer {
-  text-align: left;
-}
-[dir=rtl] .small .searchContainer {
-  text-align: right;
-}
-.small .searchContainer input {
-  width: var(--zd_size193);
-  border-bottom: 1px solid var(--zd_border_smoke33);
-}
-.small .innerContainer,
-.extraSmall .innerContainer {
-  flex-direction: column;
-  align-items: flex-start;
-}
-.extraSmall .container {
-  flex-direction: column;
-}

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/LookupTitle.module.css

@@ -1,20 +0,0 @@
-.title {
-  font-size: var(--zd_size16);
-  font-family: var(--zd_semibold);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-  vertical-align: middle;
-  word-break: break-all;
-}
-.bold {
-  font-family: var(--zd_semibold);
-}
-/* Palette */
-.default {
-  color: var(--dot_text_black);
-}
-.primary {
-  color: var(--dot_text_primary);
-}
-.danger {
-  color: var(--dot_text_brightRed);
-}

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

@@ -1,60 +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, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-
-/*** CSS ***/
-import style from './LookupTitle.module.css';
-
-var Title = function (_PureComponent) {
-  _inherits(Title, _PureComponent);
-
-  function Title() {
-    _classCallCheck(this, Title);
-
-    return _possibleConstructorReturn(this, (Title.__proto__ || _Object$getPrototypeOf(Title)).apply(this, arguments));
-  }
-
-  _createClass(Title, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          text = _props.text,
-          palette = _props.palette,
-          isBold = _props.isBold;
-
-      return React.createElement(
-        'span',
-        {
-          className: style.title + ' ' + style[palette] + ' ' + (isBold ? style.bold : '')
-        },
-        text
-      );
-    }
-  }]);
-
-  return Title;
-}(PureComponent);
-
-export default Title;
-
-
-Title.propTypes = {
-  palette: PropTypes.oneOf(['default', 'primary', 'danger']),
-  text: PropTypes.string,
-  isBold: PropTypes.bool
-};
-
-Title.defaultProps = {
-  palette: 'default'
-};
-
-if (false) {
-  Title.docs = {
-    componentGroup: 'Lookup'
-  };
-}