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

package/lib/setup/header/Link/Link.js

@@ -1,101 +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 _Icon = require('@zohodesk/icons/lib/Icon');
-
-var _Icon2 = _interopRequireDefault(_Icon);
-
-var _Layout = require('@zohodesk/components/lib/Layout');
-
-var _ExternalLink = require('../../../ExternalLink/ExternalLink');
-
-var _ExternalLink2 = _interopRequireDefault(_ExternalLink);
-
-var _HeaderLinkModule = require('./HeaderLink.module.css');
-
-var _HeaderLinkModule2 = _interopRequireDefault(_HeaderLinkModule);
-
-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 Link = function (_React$Component) {
-  _inherits(Link, _React$Component);
-
-  function Link(props) {
-    _classCallCheck(this, Link);
-
-    return _possibleConstructorReturn(this, (Link.__proto__ || Object.getPrototypeOf(Link)).call(this, props));
-  }
-
-  _createClass(Link, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          url = _props.url,
-          text = _props.text,
-          iconName = _props.iconName,
-          iconClass = _props.iconClass,
-          iconSize = _props.iconSize;
-
-      return _react2.default.createElement(
-        _ExternalLink2.default,
-        { className: _HeaderLinkModule2.default.container, href: url },
-        _react2.default.createElement(
-          _Layout.Box,
-          { className: _HeaderLinkModule2.default.icon },
-          _react2.default.createElement(_Icon2.default, {
-            isBold: true,
-            name: iconName,
-            size: iconSize,
-            iconClass: iconClass ? iconClass : ''
-          })
-        ),
-        _react2.default.createElement(
-          _Layout.Box,
-          { className: _HeaderLinkModule2.default.text, flexible: true },
-          text
-        )
-      );
-    }
-  }]);
-
-  return Link;
-}(_react2.default.Component);
-
-exports.default = Link;
-
-Link.defaultProps = {
-  iconName: 'ZD-newtab',
-  iconSize: 10
-};
-Link.propTypes = {
-  iconClass: _propTypes2.default.string,
-  iconName: _propTypes2.default.string,
-  iconSize: _propTypes2.default.number,
-  text: _propTypes2.default.string,
-  url: _propTypes2.default.string
-};
-if (false) {
-  Link.docs = {
-    componentGroup: 'Header',
-    folderName: 'Setup'
-  };
-}

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

@@ -1,55 +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 _Link = require('../Link');
-
-var _Link2 = _interopRequireDefault(_Link);
-
-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 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 _react2.default.createElement(_Link2.default, { text: 'View Page', url: 'https://zoho.com' });
-    }
-  }]);
-
-  return Link__default;
-}(_react2.default.Component);
-
-exports.default = Link__default;
-
-if (false) {
-  Link__default.docs = {
-    componentGroup: 'Header',
-    folderName: 'Setup'
-  };
-}

package/lib/setup/header/Search/Search.js

@@ -1,129 +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 _Icon = require('@zohodesk/icons/lib/Icon');
-
-var _Icon2 = _interopRequireDefault(_Icon);
-
-var _TextBox = require('@zohodesk/components/lib/TextBox/TextBox');
-
-var _TextBox2 = _interopRequireDefault(_TextBox);
-
-var _SearchModule = require('./Search.module.css');
-
-var _SearchModule2 = _interopRequireDefault(_SearchModule);
-
-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 Search = function (_React$Component) {
-  _inherits(Search, _React$Component);
-
-  function Search(props) {
-    _classCallCheck(this, Search);
-
-    var _this = _possibleConstructorReturn(this, (Search.__proto__ || Object.getPrototypeOf(Search)).call(this, props));
-
-    var value = _this.props.value;
-
-    _this.state = {
-      value: value || '',
-      isFocus: false
-    };
-    _this.onFocus = _this.onFocus.bind(_this);
-    _this.onBlur = _this.onBlur.bind(_this);
-    return _this;
-  }
-
-  _createClass(Search, [{
-    key: 'onFocus',
-    value: function onFocus(id, name, value) {
-      var onFocus = this.props.onFocus;
-
-      this.setState({ isFocus: true });
-      onFocus && onFocus(id, name, value);
-    }
-  }, {
-    key: 'onBlur',
-    value: function onBlur(id, name, value) {
-      var onBlur = this.props.onBlur;
-
-      this.state.value == '' && this.setState({ isFocus: false });
-      onBlur && onBlur(id, name, value);
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          placeHolder = _props.placeHolder,
-          maxLength = _props.maxLength,
-          value = _props.value,
-          onChange = _props.onChange,
-          onKeyPress = _props.onKeyPress;
-      var isFocus = this.state.isFocus;
-
-      return _react2.default.createElement(
-        'div',
-        { className: _SearchModule2.default.container + ' ' + (isFocus ? _SearchModule2.default.active : '') },
-        _react2.default.createElement(_TextBox2.default, {
-          placeHolder: placeHolder,
-          className: _SearchModule2.default.input,
-          maxLength: maxLength,
-          value: value,
-          onChange: onChange,
-          onKeyUp: onKeyPress,
-          onFocus: this.onFocus,
-          needAppearance: false,
-          onBlur: this.onBlur
-        }),
-        value != '' && value ? _react2.default.createElement(
-          'span',
-          { className: _SearchModule2.default.icon, onClick: this.onBlur },
-          _react2.default.createElement(_Icon2.default, { name: 'ZD-close', size: '19' })
-        ) : null
-      );
-    }
-  }]);
-
-  return Search;
-}(_react2.default.Component);
-
-exports.default = Search;
-
-Search.propTypes = {
-  maxLength: _propTypes2.default.number,
-  onBlur: _propTypes2.default.func,
-  onChange: _propTypes2.default.func,
-  onFocus: _propTypes2.default.func,
-  onKeyPress: _propTypes2.default.func,
-  placeHolder: _propTypes2.default.string,
-  value: _propTypes2.default.string
-};
-Search.defaultProps = {
-  placeHolder: 'Search',
-  maxLength: 150
-};
-if (false) {
-  Search.docs = {
-    componentGroup: 'Header',
-    folderName: 'Setup'
-  };
-}

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

@@ -1,67 +0,0 @@
-.container {
-  position: relative;
-  transition: width 0.3s;
-  width: var(--zd_size90);
-}[dir=ltr] .container {
-  margin-right: var(--zd_size15);
-}[dir=rtl] .container {
-  margin-left: var(--zd_size15);
-}
-.active {
-  width: var(--zd_size180);
-}
-.active .input, .input:hover {
-  border-bottom-color: #999;
-}
-.icon {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  color: #999;
-  line-height: var(--zd_size26);
-  cursor: pointer;
-}
-[dir=ltr] .icon {
-  right: 0;
-}
-[dir=rtl] .icon {
-  left: 0;
-}
-.icon:hover {
-  color: #666;
-}
-.input {
-  height: var(--zd_size26);
-  font-size: var(--zd_size13);
-  width: 100%;
-  letter-spacing: 0.2px;
-  transition: all 0.3s ease;
-  color: #333;
-  font-family: var(--zd_regular);
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  border-bottom: 1px solid transparent;
-}
-[dir=ltr] .input {
-  padding-right: var(--zd_size20);
-}
-[dir=rtl] .input {
-  padding-left: var(--zd_size20);
-}
-.input::placeholder {
-  color: var(--zd_text_smoke12);
-}
-.input::-webkit-placeholder {
-  color: var(--zd_text_smoke12);
-}
-.input::-moz-placeholder {
-  color: var(--zd_text_smoke12);
-}
-.input::-ms-placeholder {
-  color: var(--zd_text_smoke12);
-}
-.input:focus, .active .input:focus {
-  border-bottom-color: #0d83dd;
-}

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

@@ -1,73 +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 _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; }
-
-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 _react2.default.createElement(
-        'div',
-        { style: { width: '200px', margin: '50px' } },
-        _react2.default.createElement(_Search2.default, {
-          value: this.state.value,
-          placeHolder: 'Search',
-          onChange: function onChange(value) {
-            _this2.setState({ value: value });
-          },
-          onBlur: function onBlur() {
-            _this2.setState({ value: '' });
-          }
-        })
-      );
-    }
-  }]);
-
-  return Search__default;
-}(_react2.default.Component);
-
-exports.default = Search__default;
-
-if (false) {
-  Search__default.docs = {
-    componentGroup: 'Header',
-    folderName: 'Setup'
-  };
-}

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