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

package/lib/lookup/Section/Section.js

@@ -1,72 +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 _Layout = require('@zohodesk/components/lib/Layout');
-
-var _LookupSectionModule = require('./LookupSection.module.css');
-
-var _LookupSectionModule2 = _interopRequireDefault(_LookupSectionModule);
-
-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 Section = function (_Component) {
-  _inherits(Section, _Component);
-
-  function Section(props) {
-    _classCallCheck(this, Section);
-
-    return _possibleConstructorReturn(this, (Section.__proto__ || Object.getPrototypeOf(Section)).call(this, props));
-  }
-
-  _createClass(Section, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          alignBox = _props.alignBox,
-          className = _props.className;
-
-      return _react2.default.createElement(
-        _Layout.Container,
-        {
-          alignBox: alignBox,
-          className: _LookupSectionModule2.default.section + ' ' + (className ? className : '')
-        },
-        _react2.default.createElement(
-          _Layout.Box,
-          { flexible: true },
-          this.props.children
-        )
-      );
-    }
-  }]);
-
-  return Section;
-}(_react.Component);
-
-exports.default = Section;
-
-Section.propTypes = {
-  alignBox: _propTypes2.default.string,
-  children: _propTypes2.default.node,
-  className: _propTypes2.default.string
-};
-Section.defaultProps = {};

package/lib/lookup/header/Close/Close.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 _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _GridIcons = require('../../../GridIcons/GridIcons');
-
-var _GridIcons2 = _interopRequireDefault(_GridIcons);
-
-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 ***/
-
-
-/*** FontIcons ***/
-
-
-var Close = function (_PureComponent) {
-  _inherits(Close, _PureComponent);
-
-  function Close() {
-    _classCallCheck(this, Close);
-
-    return _possibleConstructorReturn(this, (Close.__proto__ || Object.getPrototypeOf(Close)).apply(this, arguments));
-  }
-
-  _createClass(Close, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          onClose = _props.onClose,
-          dataId = _props.dataId,
-          title = _props.title;
-
-      return _react2.default.createElement(_GridIcons2.default, {
-        dataId: dataId,
-        onClick: onClose,
-        iconName: 'ZD-cross',
-        iconSize: '11',
-        dataTitle: title
-      });
-    }
-  }]);
-
-  return Close;
-}(_react.PureComponent);
-
-exports.default = Close;
-
-
-Close.propTypes = {
-  dataId: _propTypes2.default.string,
-  onClose: _propTypes2.default.func,
-  title: _propTypes2.default.string
-};
-Close.defaultProps = {
-  dataId: 'closeButton'
-};
-
-if (false) {
-  Close.docs = {
-    componentGroup: 'Lookup'
-  };
-}

package/lib/lookup/header/Close/LookupClose.module.css

@@ -1,15 +0,0 @@
-.container {
-  width: var(--zd_size25);
-  height: var(--zd_size25);
-  line-height: var(--zd_size25);
-  color: var(--zd_text_dark5);
-  transition: 0.2s cubic-bezier(0.4, 1, 0.65, 1);
-  font-size: var(--zd_size9);
-  text-align: center;
-  cursor: pointer;
-  border-radius: 50%;
-}
-.container:hover {
-  color: var(--dot_text_black);
-  background-color: var(--zd_bg_smoke5);
-}

package/lib/lookup/header/Close/docs/Close__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 _Close = require('../Close');
-
-var _Close2 = _interopRequireDefault(_Close);
-
-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 Close__default = function (_Component) {
-  _inherits(Close__default, _Component);
-
-  function Close__default(props) {
-    _classCallCheck(this, Close__default);
-
-    return _possibleConstructorReturn(this, (Close__default.__proto__ || Object.getPrototypeOf(Close__default)).call(this, props));
-  }
-
-  _createClass(Close__default, [{
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement(_Close2.default, null);
-    }
-  }]);
-
-  return Close__default;
-}(_react.Component);
-
-exports.default = Close__default;
-
-if (false) {
-  Close__default.docs = {
-    componentGroup: 'Lookup'
-  };
-}

package/lib/lookup/header/ModuleHeader/ModuleHeader.js

@@ -1,140 +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/Title');
-
-var _Title2 = _interopRequireDefault(_Title);
-
-var _Close = require('../Close/Close');
-
-var _Close2 = _interopRequireDefault(_Close);
-
-var _Search = require('../Search/Search');
-
-var _Search2 = _interopRequireDefault(_Search);
-
-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);
-
-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 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 _react2.default.createElement(
-        _Layout.Container,
-        {
-          align: 'vertical',
-          alignBox: 'row',
-          className: _lookupHeaderCommonModule2.default.container + ' ' + _lookupHeaderCommonResponsiveModule2.default.container,
-          isCover: false,
-          wrap: 'wrap'
-        },
-        _react2.default.createElement(
-          'div',
-          { className: _lookupHeaderCommonModule2.default.closeContainer },
-          _react2.default.createElement(_Close2.default, { dataId: 'close', onClose: onLookupClose })
-        ),
-        _react2.default.createElement(
-          _Layout.Box,
-          { flexible: true },
-          _react2.default.createElement(
-            'div',
-            { className: _lookupHeaderCommonModule2.default.title },
-            _react2.default.createElement(_Title2.default, { text: title })
-          )
-        ),
-        needSearch && _react2.default.createElement(
-          _Layout.Box,
-          {
-            className: _lookupHeaderCommonModule2.default.searchContainer + ' ' + _lookupHeaderCommonResponsiveModule2.default.searchContainer
-          },
-          _react2.default.createElement(_Search2.default, {
-            onSearch: onSearch,
-            searchStr: searchStr,
-            onChange: onSearchChange,
-            placeHolder: searchPlaceHolder,
-            dataId: 'search'
-          })
-        )
-      );
-    }
-  }]);
-
-  return ModuleHeader;
-}(_react.Component);
-
-exports.default = ModuleHeader;
-
-
-ModuleHeader.propTypes = {
-  needSearch: _propTypes2.default.bool,
-  onLookupClose: _propTypes2.default.func,
-  onSearch: _propTypes2.default.func,
-  onSearchChange: _propTypes2.default.func,
-  searchPlaceHolder: _propTypes2.default.string,
-  searchStr: _propTypes2.default.string,
-  title: _propTypes2.default.string
-};
-
-if (false) {
-  ModuleHeader.docs = {
-    componentGroup: 'Lookup'
-  };
-}

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

@@ -1,75 +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 _ModuleHeader = require('../ModuleHeader');
-
-var _ModuleHeader2 = _interopRequireDefault(_ModuleHeader);
-
-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 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 _react2.default.createElement(_ModuleHeader2.default, {
-        title: 'Select Module',
-        needSearch: true,
-        searchStr: searchStr,
-        onSearchChange: this.handleSearch,
-        searchPlaceHolder: 'Search'
-      });
-    }
-  }]);
-
-  return ModuleHeader__default;
-}(_react.Component);
-
-exports.default = ModuleHeader__default;
-
-if (false) {
-  ModuleHeader__default.docs = {
-    componentGroup: 'Lookup'
-  };
-}

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

@@ -1,161 +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 _TextBox = require('@zohodesk/components/lib/TextBox/TextBox');
-
-var _TextBox2 = _interopRequireDefault(_TextBox);
-
-var _debounce = require('@zohodesk/components/lib/utils/debounce');
-
-var _LookupSearchModule = require('./LookupSearch.module.css');
-
-var _LookupSearchModule2 = _interopRequireDefault(_LookupSearchModule);
-
-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 ***/
-
-
-/*** Methods ***/
-
-
-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 = (0, _debounce.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 _react2.default.createElement(_TextBox2.default, {
-        className: _LookupSearchModule2.default.inputStyle + ' ' + (isActive ? _LookupSearchModule2.default.inputActive : ''),
-        placeHolder: placeHolder,
-        value: searchStr,
-        onChange: this.handleChange,
-        onBlur: this.handleBlur,
-        onFocus: this.handleFocus,
-        onKeyDown: this.handleKeyDown,
-        dataId: dataId,
-        size: 'small'
-      });
-    }
-  }]);
-
-  return Search;
-}(_react.Component);
-
-exports.default = Search;
-
-
-Search.propTypes = {
-  dataId: _propTypes2.default.string,
-  onChange: _propTypes2.default.func,
-  onSearch: _propTypes2.default.func,
-  placeHolder: _propTypes2.default.string,
-  searchStr: _propTypes2.default.string
-};
-
-if (false) {
-  Search.docs = {
-    componentGroup: 'Lookup'
-  };
-}