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

package/es/lookup/Lookup/Lookup.js

@@ -1,100 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-/*** Libraries ***/
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-/*** Components ***/
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/Responsive';
-import FreezeLayer from '../../FreezeLayer/FreezeLayer';
-import { Container } from '@zohodesk/components/lib/Layout';
-
-/*** CSS ***/
-import style from './Lookup.module.css';
-
-/*eslint-disable react/forbid-component-props */
-
-var Lookup = function (_Component) {
-  _inherits(Lookup, _Component);
-
-  function Lookup() {
-    _classCallCheck(this, Lookup);
-
-    return _possibleConstructorReturn(this, (Lookup.__proto__ || _Object$getPrototypeOf(Lookup)).apply(this, arguments));
-  }
-
-  _createClass(Lookup, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          isActive = _props.isActive,
-          children = _props.children,
-          size = _props.size,
-          dataId = _props.dataId,
-          forwardRef = _props.forwardRef,
-          responsiveId = _props.responsiveId;
-
-      return React.createElement(
-        FreezeLayer,
-        {
-          align: 'horizontal',
-          animationName: 'fade',
-          childAnimationName: 'flyDown',
-          isActive: isActive,
-          palette: 'snow',
-          forwardRef: forwardRef
-        },
-        React.createElement(
-          ResponsiveReceiver,
-          { responsiveId: responsiveId },
-          function (_ref) {
-            var deviceUpto = _ref.deviceUpto,
-                deviceOnly = _ref.deviceOnly;
-            return React.createElement(
-              Container,
-              {
-                alignBox: 'row',
-                className: style.container,
-                dataId: 'fldValue'
-              },
-              React.createElement(
-                'div',
-                {
-                  className: style.box + ' \n            ' + (size === 'medium' ? deviceOnly(['LAPTOP_S']) ? style.tabSize : deviceUpto('TABLET') ? style.mbleSize : style.mediumSize : style.smallSize),
-                  'data-id': dataId
-                },
-                children
-              )
-            );
-          }
-        )
-      );
-    }
-  }]);
-
-  return Lookup;
-}(Component);
-
-export default Lookup;
-
-
-Lookup.propTypes = {
-  children: PropTypes.node,
-  dataId: PropTypes.string,
-  isActive: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'medium']),
-  responsiveId: PropTypes.string
-};
-Lookup.defaultProps = {
-  size: 'medium',
-  responsiveId: 'Helmet'
-};
-
-if (false) {
-  Lookup.docs = {
-    componentGroup: 'Lookup'
-  };
-}

package/es/lookup/Lookup/Lookup.module.css

@@ -1,22 +0,0 @@
-.container {
-  font-size: var(--zd_size16);
-  padding-bottom: var(--zd_size10);
-}
-.box {
-  position: relative;
-  height: 100%;
-  margin: auto;
-}
-/* Size */
-.smallSize {
-  width: var(--zd_size430);
-}
-.mediumSize {
-  width: var(--zd_size840);
-}
-.tabSize{
-  width: var(--zd_size750);
-}
-.mbleSize{
-  width: 99%
-}

package/es/lookup/Lookup/docs/Lookup__contact.docs.js

@@ -1,212 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-/*** Libraries ***/
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-/*** Components ***/
-import PortalLayer from '@zohodesk/components/lib/PortalLayer/PortalLayer';
-// import ContactLookup from '../../ContactLookup/ContactLookup.js';
-// import ContactLookupController from '../../../moduleForm/lookupController/ContactLookupController/ContactLookupController';
-
-/*** Methods ***/
-import { getFullName } from '../../../utils/General';
-
-var contacts = {
-  id_1: {
-    firstName: 'Antro Arul ',
-    lastName: 'Xavier',
-    src: null,
-    email: 'antro.j@zohocorp.com',
-    mobile: '9600745911',
-    accountId: '1236',
-    account: {
-      accountName: 'Zoho Desk'
-    },
-    id: 'id_1',
-    secondaryEmail: 'antro.j+1@zohocorp.com',
-    phoneNo: '9600745912'
-  },
-  id_2: {
-    firstName: 'Ujil Axper',
-    email: null,
-    mobile: null,
-    id: 'id_2',
-    secondaryEmail: '',
-    phone: '9600745912'
-  },
-  id_3: {
-    lastName: 'Selva Kumar PL',
-    email: '',
-    mobile: null,
-    accountId: '1235',
-    account: {
-      accountName: 'My Account'
-    },
-    id: 'id_3',
-    secondaryEmail: 'selva.kumar+1@zohocorp.com',
-    phone: '9600745912'
-  },
-  id_4: {
-    firstName: 'Arun Kumar M',
-    email: 'arun.kumar@zohocorp.com',
-    mobile: '9089765342',
-    accountId: '1234',
-    account: {
-      accountName: 'Zoho CRM'
-    },
-    id: 'id_4',
-    secondaryEmail: '',
-    phone: ''
-  },
-  id_5: {
-    lastName: 'Ravikumar Selvam',
-    email: '',
-    mobile: '8765432910',
-    accountName: {},
-    id: 'id_5',
-    secondaryEmail: '',
-    phone: ''
-  }
-};
-
-var accounts = {
-  '1234': {
-    accountName: 'Zoho CRM'
-  },
-  '1235': {
-    accountName: 'My Account'
-  },
-  '1236': {
-    accountName: 'Zoho Desk'
-  }
-};
-
-var Lookup__contact = function (_Component) {
-  _inherits(Lookup__contact, _Component);
-
-  function Lookup__contact(props) {
-    _classCallCheck(this, Lookup__contact);
-
-    var _this = _possibleConstructorReturn(this, (Lookup__contact.__proto__ || _Object$getPrototypeOf(Lookup__contact)).call(this, props));
-
-    _this.state = { value: '', selected: '', searchStr: '' };
-    _this.handleLookupShow = _this.handleLookupShow.bind(_this);
-    _this.handleLookupHide = _this.handleLookupHide.bind(_this);
-    _this.handleSearch = _this.handleSearch.bind(_this);
-    _this.handleClear = _this.handleClear.bind(_this);
-    _this.handleSelect = _this.handleSelect.bind(_this);
-    _this.handleSelectStartsWith = _this.handleSelectStartsWith.bind(_this);
-    _this.handleSearchAPI = _this.handleSearchAPI.bind(_this);
-    _this.handleGetFormAlertToggle = _this.handleGetFormAlertToggle.bind(_this);
-    return _this;
-  }
-
-  _createClass(Lookup__contact, [{
-    key: 'handleLookupShow',
-    value: function handleLookupShow() {
-      this.onFormAlertToggle(true);
-    }
-  }, {
-    key: 'handleLookupHide',
-    value: function handleLookupHide() {
-      this.onFormAlertToggle(false);
-    }
-  }, {
-    key: 'handleSearch',
-    value: function handleSearch(val) {
-      this.setState({ value: val, selected: '' });
-    }
-  }, {
-    key: 'handleClear',
-    value: function handleClear() {
-      this.handleSearch('');
-    }
-  }, {
-    key: 'handleSelect',
-    value: function handleSelect(id) {
-      var onSelect = this.props.onSelect;
-
-      onSelect && onSelect(id);
-      var _contacts$id = contacts[id],
-          _contacts$id$firstNam = _contacts$id.firstName,
-          firstName = _contacts$id$firstNam === undefined ? '' : _contacts$id$firstNam,
-          _contacts$id$lastName = _contacts$id.lastName,
-          lastName = _contacts$id$lastName === undefined ? '' : _contacts$id$lastName;
-
-      var contactName = getFullName(firstName, lastName);
-      this.setState({ selected: contactName, value: '' });
-      this.handleLookupHide();
-    }
-  }, {
-    key: 'handleSelectStartsWith',
-    value: function handleSelectStartsWith(startsWith) {
-      this.setState({ selectedStartsWithChar: startsWith });
-    }
-  }, {
-    key: 'handleSearchAPI',
-    value: function handleSearchAPI(val) {
-      this.setState({
-        searchStr: val
-      });
-    }
-  }, {
-    key: 'handleGetFormAlertToggle',
-    value: function handleGetFormAlertToggle(updateStateFunction) {
-      this.onFormAlertToggle = updateStateFunction;
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _state = this.state,
-          value = _state.value,
-          selected = _state.selected,
-          selectedStartsWithChar = _state.selectedStartsWithChar,
-          searchStr = _state.searchStr;
-      var getLookupTarget = this.props.getLookupTarget;
-
-
-      return React.createElement(
-        'div',
-        { style: { height: '90vh' } },
-        getLookupTarget ? getLookupTarget({ onLookupShow: this.handleLookupShow }) : {
-          /* <ContactLookupController
-          value={value || selected}
-          suggestionItems={['id_1', 'id_2', 'id_3', 'id_4', 'id_5']}
-          moduleData={contacts}
-          accounts={accounts}
-          needClearIcon
-          needSearchIcon
-          needSuggestionBox
-          onClear={this.handleClear}
-          onChange={this.handleSearch}
-          onSearch={this.handleLookupShow}
-          onSelect={this.handleSelect}
-          searchStr={searchStr}
-          onSearchAPI={this.handleSearchAPI}
-          />*/
-        },
-        React.createElement(PortalLayer, { saveUpdateFunction: this.handleGetFormAlertToggle })
-      );
-    }
-  }]);
-
-  return Lookup__contact;
-}(Component);
-
-export default Lookup__contact;
-
-
-Lookup__contact.propTypes = {
-  getLookupTarget: PropTypes.func,
-  onSelect: PropTypes.func
-};
-
-if (false) {
-  Lookup__contact.docs = {
-    componentGroup: 'Lookup'
-  };
-}

package/es/lookup/Lookup/docs/Lookup__default.docs.js

@@ -1,90 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-/*** Libraries ***/
-import React, { Component } from 'react';
-
-/*** Components ***/
-import Lookup from '../Lookup';
-import ModuleHeader from '../../header/ModuleHeader/ModuleHeader';
-import Section from '../../Section/Section';
-
-var Lookup__default = function (_Component) {
-  _inherits(Lookup__default, _Component);
-
-  function Lookup__default(props) {
-    _classCallCheck(this, Lookup__default);
-
-    var _this = _possibleConstructorReturn(this, (Lookup__default.__proto__ || _Object$getPrototypeOf(Lookup__default)).call(this, props));
-
-    _this.state = { isShow: false, searchStr: '' };
-    _this.handleLookupShow = _this.handleLookupShow.bind(_this);
-    _this.handleLookupHide = _this.handleLookupHide.bind(_this);
-    _this.handleLookupSearch = _this.handleLookupSearch.bind(_this);
-    return _this;
-  }
-
-  _createClass(Lookup__default, [{
-    key: 'handleLookupShow',
-    value: function handleLookupShow() {
-      this.setState({
-        isShow: true
-      });
-    }
-  }, {
-    key: 'handleLookupHide',
-    value: function handleLookupHide() {
-      this.setState({
-        isShow: false
-      });
-    }
-  }, {
-    key: 'handleLookupSearch',
-    value: function handleLookupSearch(val) {
-      this.setState({ searchStr: val });
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _state = this.state,
-          isShow = _state.isShow,
-          searchStr = _state.searchStr;
-
-      return React.createElement(
-        'div',
-        { style: { height: '90vh' } },
-        React.createElement(
-          'span',
-          { onClick: this.handleLookupShow },
-          'Open'
-        ),
-        React.createElement(
-          Lookup,
-          { animationStyle: 'scale', isActive: isShow },
-          React.createElement(ModuleHeader, {
-            title: 'Select Contact',
-            needSearch: true,
-            onLookupClose: this.handleLookupHide,
-            onSearchChange: this.handleLookupSearch,
-            searchStr: searchStr,
-            searchPlaceHolder: 'Search contact'
-          }),
-          React.createElement(Section, null)
-        )
-      );
-    }
-  }]);
-
-  return Lookup__default;
-}(Component);
-
-export default Lookup__default;
-
-
-if (false) {
-  Lookup__default.docs = {
-    componentGroup: 'Lookup'
-  };
-}

package/es/lookup/Section/LookupSection.module.css

@@ -1,7 +0,0 @@
-.section {
-  max-height: 80%;
-  min-height: var(--zd_size390);
-  height: auto;
-  border-radius: 0 0 5px 5px;
-  background-color: var(--dot_bg_white);
-}

package/es/lookup/Section/Section.js

@@ -1,52 +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 { Container, Box } from '@zohodesk/components/lib/Layout';
-import style from './LookupSection.module.css';
-
-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 React.createElement(
-        Container,
-        {
-          alignBox: alignBox,
-          className: style.section + ' ' + (className ? className : '')
-        },
-        React.createElement(
-          Box,
-          { flexible: true },
-          this.props.children
-        )
-      );
-    }
-  }]);
-
-  return Section;
-}(Component);
-
-export default Section;
-
-Section.propTypes = {
-  alignBox: PropTypes.string,
-  children: PropTypes.node,
-  className: PropTypes.string
-};
-Section.defaultProps = {};

package/es/lookup/header/Close/Close.js

@@ -1,59 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-/*** Libraries ***/
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-
-/*** FontIcons ***/
-import GridIcons from '../../../GridIcons/GridIcons';
-
-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 React.createElement(GridIcons, {
-        dataId: dataId,
-        onClick: onClose,
-        iconName: 'ZD-cross',
-        iconSize: '11',
-        dataTitle: title
-      });
-    }
-  }]);
-
-  return Close;
-}(PureComponent);
-
-export default Close;
-
-
-Close.propTypes = {
-  dataId: PropTypes.string,
-  onClose: PropTypes.func,
-  title: PropTypes.string
-};
-Close.defaultProps = {
-  dataId: 'closeButton'
-};
-
-if (false) {
-  Close.docs = {
-    componentGroup: 'Lookup'
-  };
-}

package/es/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/es/lookup/header/Close/docs/Close__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 Close from '../Close';
-
-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 React.createElement(Close, null);
-    }
-  }]);
-
-  return Close__default;
-}(Component);
-
-export default Close__default;
-
-if (false) {
-  Close__default.docs = {
-    componentGroup: 'Lookup'
-  };
-}