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

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

@@ -1,79 +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 _Search = require('../Search');
-
-var _Search2 = _interopRequireDefault(_Search);
-
-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; } /*** Libraries ***/
-
-
-/*** Components ***/
-
-
-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 _react2.default.createElement(
-        'div',
-        { style: { width: '300px' } },
-        _react2.default.createElement(_Search2.default, {
-          placeHolder: 'Search',
-          onChange: this.handleChange,
-          onSearch: function onSearch(e) {
-            console.log(e);
-          },
-          searchStr: searchStr
-        })
-      );
-    }
-  }]);
-
-  return Search__default;
-}(_react.Component);
-
-exports.default = Search__default;
-
-
-if (false) {
-  Search__default.docs = {
-    componentGroup: 'Lookup'
-  };
-}

package/lib/lookup/header/TicketHeader/TicketHeader.js

@@ -1,175 +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 _i18n = require('@zohodesk/i18n');
-
-var _Title = require('../Title/Title');
-
-var _Title2 = _interopRequireDefault(_Title);
-
-var _Close = require('../Close/Close');
-
-var _Close2 = _interopRequireDefault(_Close);
-
-var _Search = require('../Search/Search');
-
-var _Search2 = _interopRequireDefault(_Search);
-
-var _ViewDropDown = require('../ViewDropDown/ViewDropDown');
-
-var _ViewDropDown2 = _interopRequireDefault(_ViewDropDown);
-
-var _Layout = require('@zohodesk/components/lib/Layout');
-
-var _lookupHeaderCommonModule = require('../lookupHeaderCommon.module.css');
-
-var _lookupHeaderCommonModule2 = _interopRequireDefault(_lookupHeaderCommonModule);
-
-var _lookupHeaderCommonResponsiveModule = require('../lookupHeaderCommonResponsive.module.css');
-
-var _lookupHeaderCommonResponsiveModule2 = _interopRequireDefault(_lookupHeaderCommonResponsiveModule);
-
-var _TicketHeaderModule = require('./TicketHeader.module.css');
-
-var _TicketHeaderModule2 = _interopRequireDefault(_TicketHeaderModule);
-
-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; } /*** Libraries ***/
-
-
-/*** Components ***/
-
-
-/*** 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 _react2.default.createElement(
-        _Layout.Container,
-        {
-          align: 'vertical',
-          alignBox: 'row',
-          className: _lookupHeaderCommonModule2.default.container + ' ' + _lookupHeaderCommonResponsiveModule2.default.container + ' ' + _TicketHeaderModule2.default.container,
-          isCover: false,
-          wrap: 'wrap'
-        },
-        _react2.default.createElement(
-          'div',
-          { className: _lookupHeaderCommonModule2.default.closeContainer },
-          _react2.default.createElement(_Close2.default, { onClose: onLookupClose, dataId: 'close' })
-        ),
-        _react2.default.createElement(
-          _Layout.Box,
-          { flexible: true },
-          _react2.default.createElement(
-            _Layout.Container,
-            {
-              alignBox: 'column',
-              className: '' + _TicketHeaderModule2.default.innerContainer,
-              isCover: false,
-              wrap: 'wrap'
-            },
-            _react2.default.createElement(
-              _Layout.Box,
-              { className: _lookupHeaderCommonModule2.default.title },
-              _react2.default.createElement(_Title2.default, { text: title })
-            ),
-            _react2.default.createElement(
-              _Layout.Box,
-              { className: '' + _TicketHeaderModule2.default.dropdown },
-              _react2.default.createElement(_ViewDropDown2.default, {
-                dropBoxSize: 'small',
-                emptyMessage: _i18n.i18NProviderUtils.getI18NValue('support.setup.no.matches.found'),
-                needSearch: true,
-                onChange: onSelectView,
-                options: allViews,
-                textField: 'displayLabel',
-                selectedValue: selectedViewId
-              })
-            )
-          )
-        ),
-        needSearch ? _react2.default.createElement(
-          _Layout.Box,
-          {
-            className: _lookupHeaderCommonModule2.default.searchContainer + ' ' + _lookupHeaderCommonResponsiveModule2.default.searchContainer + ' ' + _TicketHeaderModule2.default.searchContainer
-          },
-          _react2.default.createElement(_Search2.default, {
-            onSearch: onSearch,
-            searchStr: searchStr,
-            onChange: onSearchChange,
-            placeHolder: searchPlaceHolder,
-            dataId: 'search'
-          })
-        ) : null
-      );
-    }
-  }]);
-
-  return TicketHeader;
-}(_react.Component);
-
-exports.default = TicketHeader;
-
-
-TicketHeader.propTypes = {
-  allViews: _propTypes2.default.array,
-  needSearch: _propTypes2.default.bool,
-  onLookupClose: _propTypes2.default.func,
-  onSearch: _propTypes2.default.func,
-  onSearchChange: _propTypes2.default.func,
-  onSelectView: _propTypes2.default.func,
-  searchPlaceHolder: _propTypes2.default.string,
-  searchStr: _propTypes2.default.string,
-  selectedViewId: _propTypes2.default.string,
-  title: _propTypes2.default.string
-};
-
-if (false) {
-  TicketHeader.docs = {
-    componentGroup: 'Lookup'
-  };
-}

package/lib/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/lib/lookup/header/TicketHeader/docs/TicketHeader__default.docs.js

@@ -1,91 +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 _TicketHeader = require('../TicketHeader');
-
-var _TicketHeader2 = _interopRequireDefault(_TicketHeader);
-
-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; } /*** Libraries ***/
-
-
-/*** Componets ***/
-
-
-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 _react2.default.createElement(_TicketHeader2.default, {
-        title: 'Select Ticket',
-        needSearch: true,
-        searchStr: searchStr,
-        onSearchChange: this.handleSearch,
-        searchPlaceHolder: 'Search',
-        selectedViewId: selectedViewId,
-        onSelectView: this.handleSelectView,
-        allViews: allViews
-      });
-    }
-  }]);
-
-  return TicketHeader__default;
-}(_react.Component);
-
-exports.default = TicketHeader__default;
-
-
-if (false) {
-  TicketHeader__default.docs = {
-    componentGroup: 'Lookup'
-  };
-}

package/lib/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/lib/lookup/header/Title/Title.js

@@ -1,80 +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 _LookupTitleModule = require('./LookupTitle.module.css');
-
-var _LookupTitleModule2 = _interopRequireDefault(_LookupTitleModule);
-
-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; } /*** Libraries ***/
-
-
-/*** 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 _react2.default.createElement(
-        'span',
-        {
-          className: _LookupTitleModule2.default.title + ' ' + _LookupTitleModule2.default[palette] + ' ' + (isBold ? _LookupTitleModule2.default.bold : '')
-        },
-        text
-      );
-    }
-  }]);
-
-  return Title;
-}(_react.PureComponent);
-
-exports.default = Title;
-
-
-Title.propTypes = {
-  palette: _propTypes2.default.oneOf(['default', 'primary', 'danger']),
-  text: _propTypes2.default.string,
-  isBold: _propTypes2.default.bool
-};
-
-Title.defaultProps = {
-  palette: 'default'
-};
-
-if (false) {
-  Title.docs = {
-    componentGroup: 'Lookup'
-  };
-}

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

@@ -1,54 +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 _Title = require('../Title');
-
-var _Title2 = _interopRequireDefault(_Title);
-
-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 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 _react2.default.createElement(_Title2.default, { text: 'Select Product' });
-    }
-  }]);
-
-  return Title__default;
-}(_react.Component);
-
-exports.default = Title__default;
-
-if (false) {
-  Title__default.docs = {
-    componentGroup: 'Lookup'
-  };
-}