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

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

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

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

@@ -1,216 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-/**** Libraries ****/
-import React from 'react';
-import PropTypes from 'prop-types';
-
-/**** Components ****/
-import { SelectComponent } from '@zohodesk/components/lib/Select/Select';
-import Popup from '@zohodesk/components/lib/Popup/Popup';
-import DropBox from '@zohodesk/components/lib/DropBox/DropBox';
-import ListItem from '@zohodesk/components/lib/ListItem/ListItem';
-import DropDownSearch from '@zohodesk/components/lib/DropDown/DropDownSearch';
-import { Card, CardHeader, CardContent } from '@zohodesk/components/lib/Card';
-
-/**** Icons ****/
-import Icon from '@zohodesk/icons/lib/Icon';
-import { Container } from '@zohodesk/components/lib/Layout';
-import Loader from '@zohodesk/svg/lib/svg/Loader';
-import style from './ViewDropDown.module.css';
-
-/* eslint-disable react/forbid-component-props */
-/*eslint-disable  react/sort-prop-types*/
-
-var DropDown = function (_SelectComponent) {
-  _inherits(DropDown, _SelectComponent);
-
-  function DropDown() {
-    _classCallCheck(this, DropDown);
-
-    return _possibleConstructorReturn(this, (DropDown.__proto__ || _Object$getPrototypeOf(DropDown)).apply(this, arguments));
-  }
-
-  _createClass(DropDown, [{
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      var _props = this.props,
-          needSearch = _props.needSearch,
-          dropBoxSize = _props.dropBoxSize,
-          emptyMessage = _props.emptyMessage,
-          searchEmptyMessage = _props.searchEmptyMessage,
-          position = _props.position,
-          defaultDropBoxPosition = _props.defaultDropBoxPosition,
-          getTargetRef = _props.getTargetRef,
-          getContainerRef = _props.getContainerRef,
-          isPopupOpen = _props.isPopupOpen,
-          removeClose = _props.removeClose,
-          isPopupReady = _props.isPopupReady,
-          animationStyle = _props.animationStyle,
-          searchBoxSize = _props.searchBoxSize,
-          searchBoxVariant = _props.searchBoxVariant,
-          searchBoxPlaceHolder = _props.searchBoxPlaceHolder,
-          maxLength = _props.maxLength;
-      var _state = this.state,
-          hoverIndex = _state.hoverIndex,
-          selected = _state.selected,
-          searchStr = _state.searchStr,
-          isFetchingOptions = _state.isFetchingOptions,
-          selectedId = _state.selectedId;
-
-
-      var suggestions = this.handleFilterSuggestions();
-      return React.createElement(
-        'div',
-        { className: style.container },
-        React.createElement(
-          'div',
-          { onClick: this.togglePopup, ref: getTargetRef },
-          React.createElement(
-            'div',
-            {
-              className: style.labelCnt + ' ' + (isPopupOpen ? style.focused : '')
-            },
-            React.createElement(
-              'span',
-              { className: style.labelText },
-              selected
-            ),
-            React.createElement(Icon, {
-              name: 'ZD-blockDownArrow',
-              size: '6',
-              iconClass: style.arrowIcon
-            })
-          )
-        ),
-        isPopupOpen ? React.createElement(
-          DropBox,
-          {
-            isAnimate: true,
-            isArrow: false,
-            isActive: isPopupReady,
-            boxPosition: position || defaultDropBoxPosition + 'Center',
-            getRef: getContainerRef,
-            onClick: removeClose,
-            animationStyle: animationStyle,
-            size: 'large'
-          },
-          React.createElement(
-            Card,
-            null,
-            needSearch ? React.createElement(
-              CardHeader,
-              null,
-              React.createElement(DropDownSearch, {
-                value: searchStr,
-                onChange: this.handleSearch,
-                onKeyDown: this.handleKeyDown,
-                getRef: this.searchInputRef,
-                size: searchBoxSize,
-                variant: searchBoxVariant,
-                placeHolder: searchBoxPlaceHolder,
-                maxLength: maxLength
-              })
-            ) : null,
-            React.createElement(
-              CardContent,
-              {
-                eleRef: this.suggestionContainerRef,
-                className: dropBoxSize ? style[dropBoxSize] : ''
-              },
-              suggestions.length ? React.createElement(
-                'div',
-                { className: style.listItemContainer },
-                suggestions.map(function () {
-                  var option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-                  var index = arguments[1];
-                  var id = option.id,
-                      value = option.value;
-
-                  return React.createElement(ListItem, {
-                    active: id === selectedId,
-                    getRef: _this2.suggestionItemRef,
-                    highlight: hoverIndex === index ? true : false,
-                    id: id,
-                    key: id + 'dropDown',
-                    onClick: _this2.handleChange,
-                    onMouseEnter: _this2.handleMouseEnter,
-                    size: 'medium',
-                    value: value,
-                    index: index,
-                    needTick: true,
-                    needBorder: false
-                  });
-                })
-              ) : isFetchingOptions ? React.createElement(
-                Container,
-                { align: 'both', className: style.loader },
-                React.createElement(Loader, null)
-              ) : searchStr ? React.createElement(
-                'div',
-                { className: style.emptyState },
-                searchEmptyMessage || emptyMessage
-              ) : React.createElement(
-                'div',
-                { className: style.emptyState },
-                emptyMessage
-              )
-            )
-          )
-        ) : null
-      );
-    }
-  }]);
-
-  return DropDown;
-}(SelectComponent);
-
-DropDown.propTypes = {
-  emptyMessage: PropTypes.string,
-  needSearch: PropTypes.bool,
-  onChange: PropTypes.func.isRequired,
-  options: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string,
-    text: PropTypes.string
-  }))]).isRequired,
-  searchBoxPlaceHolder: PropTypes.string,
-  searchEmptyMessage: PropTypes.string,
-  selectedValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  valueField: PropTypes.string,
-  textField: PropTypes.string,
-  needLocalSearch: PropTypes.bool,
-  dropBoxSize: PropTypes.oneOf(['small', 'medium', 'large']),
-
-  /**** Popup props ****/
-  isPopupOpen: PropTypes.bool,
-  isPopupReady: PropTypes.bool,
-  togglePopup: PropTypes.func,
-  removeClose: PropTypes.func,
-  closePopupOnly: PropTypes.func,
-  position: PropTypes.string,
-  getTargetRef: PropTypes.func,
-  getContainerRef: PropTypes.func
-};
-
-DropDown.defaultProps = {
-  dropBoxSize: 'small',
-  needLocalSearch: true,
-  needSearch: true,
-  textField: 'text',
-  valueField: 'id'
-};
-
-if (false) {
-  DropDown.docs = {
-    componentGroup: 'Lookup'
-  };
-}
-
-var ViewDropDown = Popup(DropDown);
-ViewDropDown.propTypes = DropDown.propTypes;
-ViewDropDown.defaultProps = DropDown.defaultProps;
-export default ViewDropDown;

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

@@ -1,52 +0,0 @@
-.small {
-  max-height: var(--zd_size200);
-}
-.medium {
-  max-height: var(--zd_size348);
-}
-.large {
-  max-height: var(--zd_size400);
-}
-.emptyState {
-  font-size: var(--zd_size14);
-  color: var(--dot_text_slateGrey);
-  font-family: var(--zd_semibold);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-  padding: var(--zd_size12) var(--zd_size15);
-}
-.hide {
-  composes: vishidden from '~@zohodesk/components/lib/common/common.module.css';
-}
-.container {
-  position: relative;
-}
-.listItemContainer {
-  padding: var(--zd_size10) 0;
-}
-/* Label Style */
-.labelCnt {
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
-  composes: alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  line-height: var(--zd_size20);
-  color: var(--dot_text_shuttleGrey);
-  padding: 0 var(--zd_size12);
-  cursor: pointer;
-}
-.labelText {
-  font-size: var(--zd_size12);
-  max-width: var(--zd_size180);
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-[dir=ltr] .labelText {
-  margin-right: var(--zd_size5);
-}
-[dir=rtl] .labelText {
-  margin-left: var(--zd_size5);
-}
-.labelCnt:hover .arrowIcon {
-  color: var(--dot_text_black);
-}
-
-.loader{
-  padding: var(--zd_size12) var(--zd_size15); 
-}

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

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

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

@@ -1,33 +0,0 @@
-.container {
-  min-height: var(--zd_size51);
-  position: relative;
-  background-color: var(--dot_bg_catskillWhite);
-  border-bottom: solid 1px var(--dot_border_paleBlue);
-}[dir=ltr] .container {
-  padding: 0 var(--zd_size52) 0 var(--zd_size10);
-}[dir=rtl] .container {
-  padding: 0 var(--zd_size10) 0 var(--zd_size52);
-}
-.searchContainer, .title {
-  margin: 0 var(--zd_size20);
-}
-.searchContainer {
-  width: var(--zd_size193);
-}
-[dir=ltr] .searchContainer {
-  text-align: right;
-}
-[dir=rtl] .searchContainer {
-  text-align: left;
-}
-.closeContainer {
-  position: absolute;
-  top: 50%;
-  composes: middleY from '~@zohodesk/components/lib/common/common.module.css';
-}
-[dir=ltr] .closeContainer {
-  right: var(--zd_size30);
-}
-[dir=rtl] .closeContainer {
-  left: var(--zd_size30);
-}

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

@@ -1,24 +0,0 @@
-/* Responsive */
-.extraSmall {
-  justify-content: normal;
-  flex-direction: column;
-  align-items: flex-start;
-}
-[dir=ltr] .extraSmall {
-  padding: var(--zd_size12) var(--zd_size45) var(--zd_size12) 0;
-}
-[dir=rtl] .extraSmall {
-  padding: var(--zd_size12) 0 var(--zd_size12) var(--zd_size45);
-}
-
-[dir=ltr] .extraSmall .searchContainer {
-  text-align: left;
-}
-
-[dir=rtl] .extraSmall .searchContainer {
-  text-align: right;
-}
-.extraSmall .searchContainer input {
-  width: var(--zd_size193);
-  border-bottom: 1px solid var(--zd_border_smoke33);
-}

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

@@ -1,63 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import PropTypes from 'prop-types';
-import GenButton from '@zohodesk/components/lib/Button/Button';
-import style from './HeaderButton.module.css';
-
-var Button = function (_React$Component) {
-  _inherits(Button, _React$Component);
-
-  function Button(props) {
-    _classCallCheck(this, Button);
-
-    return _possibleConstructorReturn(this, (Button.__proto__ || _Object$getPrototypeOf(Button)).call(this, props));
-  }
-
-  _createClass(Button, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          palette = _props.palette,
-          text = _props.text,
-          onClick = _props.onClick,
-          id = _props.id;
-
-      return React.createElement(
-        'div',
-        { className: style.container },
-        React.createElement(GenButton, {
-          id: id,
-          onClick: onClick,
-          palette: palette,
-          size: 'medium',
-          text: text
-        })
-      );
-    }
-  }]);
-
-  return Button;
-}(React.Component);
-
-export default Button;
-
-Button.defaultProps = {
-  palette: 'primaryFilled',
-  text: ''
-};
-Button.propTypes = {
-  id: PropTypes.string,
-  onClick: PropTypes.func,
-  palette: PropTypes.string,
-  text: PropTypes.string
-};
-if (false) {
-  Button.docs = {
-    componentGroup: 'Header',
-    folderName: 'Setup'
-  };
-}

package/es/setup/header/Button/HeaderButton.module.css

@@ -1,5 +0,0 @@
-[dir=ltr] .container {
-  margin-right: var(--zd_size15);
-}[dir=rtl] .container {
-  margin-left: var(--zd_size15);
-}

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

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

package/es/setup/header/Link/HeaderLink.module.css

@@ -1,22 +0,0 @@
-.container {
-  composes: alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
-  color: var(--zd_text_primary1);
-  font-size: var(--zd_size12);
-}[dir=ltr] .container {
-  margin-right: var(--zd_size15);
-}[dir=rtl] .container {
-  margin-left: var(--zd_size15);
-}
-[dir=ltr] .icon {
-  margin-right: var(--zd_size5);
-}
-[dir=rtl] .icon {
-  margin-left: var(--zd_size5);
-}
-.container:hover .text {
-  border-bottom: 1px solid var(--zd_border_primary1);
-}
-.text {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}

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

@@ -1,75 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import PropTypes from 'prop-types';
-import Icon from '@zohodesk/icons/lib/Icon';
-import { Box } from '@zohodesk/components/lib/Layout';
-import ExternalLink from '../../../ExternalLink/ExternalLink';
-import style from './HeaderLink.module.css';
-
-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 React.createElement(
-        ExternalLink,
-        { className: style.container, href: url },
-        React.createElement(
-          Box,
-          { className: style.icon },
-          React.createElement(Icon, {
-            isBold: true,
-            name: iconName,
-            size: iconSize,
-            iconClass: iconClass ? iconClass : ''
-          })
-        ),
-        React.createElement(
-          Box,
-          { className: style.text, flexible: true },
-          text
-        )
-      );
-    }
-  }]);
-
-  return Link;
-}(React.Component);
-
-export default Link;
-
-Link.defaultProps = {
-  iconName: 'ZD-newtab',
-  iconSize: 10
-};
-Link.propTypes = {
-  iconClass: PropTypes.string,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.number,
-  text: PropTypes.string,
-  url: PropTypes.string
-};
-if (false) {
-  Link.docs = {
-    componentGroup: 'Header',
-    folderName: 'Setup'
-  };
-}

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

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