@zohodesk/dot 1.0.0-beta.20 → 1.0.0-beta.200

package/lib/lookup/Lookup/Lookup.js

@@ -1,122 +1,155 @@
-'use strict';
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
 
-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 _react = _interopRequireWildcard(require("react"));
 
-var _react2 = _interopRequireDefault(_react);
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _propTypes = require('prop-types');
+var _FreezeLayer = _interopRequireDefault(require("../../FreezeLayer/FreezeLayer"));
 
-var _propTypes2 = _interopRequireDefault(_propTypes);
+var _Layout = require("@zohodesk/components/lib/Layout");
 
-var _Responsive = require('@zohodesk/components/lib/Responsive/Responsive');
+var _LookupModule = _interopRequireDefault(require("./Lookup.module.css"));
 
-var _FreezeLayer = require('../../FreezeLayer/FreezeLayer');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _FreezeLayer2 = _interopRequireDefault(_FreezeLayer);
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-var _Layout = require('@zohodesk/components/lib/Layout');
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var _LookupModule = require('./Lookup.module.css');
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-var _LookupModule2 = _interopRequireDefault(_LookupModule);
+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); } }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-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 ***/
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
-/*** Components ***/
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-/*** CSS ***/
-
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 /*eslint-disable react/forbid-component-props */
-
-var Lookup = function (_Component) {
+var Lookup = /*#__PURE__*/function (_Component) {
   _inherits(Lookup, _Component);
 
-  function Lookup() {
+  var _super = _createSuper(Lookup);
+
+  function Lookup(props) {
+    var _this;
+
     _classCallCheck(this, Lookup);
 
-    return _possibleConstructorReturn(this, (Lookup.__proto__ || Object.getPrototypeOf(Lookup)).apply(this, arguments));
+    _this = _super.call(this, props);
+    _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_this));
+    return _this;
   }
 
   _createClass(Lookup, [{
-    key: 'render',
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var isActive = this.props.isActive;
+
+      if (prevProps.isActive !== isActive) {
+        isActive ? document.addEventListener('keydown', this.handleKeyDown) : document.removeEventListener('keydown', this.handleKeyDown);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      document.removeEventListener('keydown', this.handleKeyDown);
+    }
+  }, {
+    key: "handleKeyDown",
+    value: function handleKeyDown(e) {
+      var onKeyDown = this.props.onKeyDown;
+      onKeyDown && onKeyDown(e);
+    }
+  }, {
+    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 _react2.default.createElement(
-        _FreezeLayer2.default,
-        {
-          align: 'horizontal',
-          animationName: 'fade',
-          childAnimationName: 'flyDown',
-          isActive: isActive,
-          palette: 'snow',
-          forwardRef: forwardRef
-        },
-        _react2.default.createElement(
-          _Responsive.ResponsiveReceiver,
-          { responsiveId: responsiveId },
-          function (_ref) {
-            var deviceUpto = _ref.deviceUpto,
-                deviceOnly = _ref.deviceOnly;
-            return _react2.default.createElement(
-              _Layout.Container,
-              {
-                alignBox: 'row',
-                className: _LookupModule2.default.container,
-                dataId: 'fldValue'
-              },
-              _react2.default.createElement(
-                'div',
-                {
-                  className: _LookupModule2.default.box + ' \n            ' + (size === 'medium' ? deviceOnly(['LAPTOP_S']) ? _LookupModule2.default.tabSize : deviceUpto('TABLET') ? _LookupModule2.default.mbleSize : _LookupModule2.default.mediumSize : _LookupModule2.default.smallSize),
-                  'data-id': dataId
-                },
-                children
-              )
-            );
-          }
-        )
-      );
+      var _this$props = this.props,
+          isActive = _this$props.isActive,
+          children = _this$props.children,
+          size = _this$props.size,
+          dataId = _this$props.dataId,
+          forwardRef = _this$props.forwardRef,
+          onClick = _this$props.onClick,
+          customClass = _this$props.customClass,
+          htmlId = _this$props.htmlId,
+          a11y = _this$props.a11y,
+          childAnimationName = _this$props.childAnimationName;
+      var _a11y$role = a11y.role,
+          role = _a11y$role === void 0 ? 'dialog' : _a11y$role,
+          ariaLabelledby = a11y.ariaLabelledby,
+          ariaDescribedby = a11y.ariaDescribedby,
+          _a11y$ariaModal = a11y.ariaModal,
+          ariaModal = _a11y$ariaModal === void 0 ? isActive ? true : undefined : _a11y$ariaModal;
+      return /*#__PURE__*/_react["default"].createElement(_FreezeLayer["default"], {
+        align: "horizontal",
+        animationName: "fade",
+        childAnimationName: childAnimationName,
+        isActive: isActive,
+        palette: "snow",
+        forwardRef: forwardRef,
+        onClick: onClick,
+        customClass: customClass
+      }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+        alignBox: "row",
+        className: _LookupModule["default"].container,
+        dataId: "fldValue"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        tabIndex: "0",
+        role: role,
+        "aria-labelledby": ariaLabelledby,
+        "aria-describedby": ariaDescribedby,
+        "aria-modal": ariaModal,
+        id: htmlId,
+        className: "".concat(_LookupModule["default"].box, " ").concat(_LookupModule["default"]["".concat(size, "Size")]),
+        "data-id": dataId
+      }, children)));
     }
   }]);
 
   return Lookup;
 }(_react.Component);
 
-exports.default = Lookup;
-
-
+exports["default"] = Lookup;
 Lookup.propTypes = {
-  children: _propTypes2.default.node,
-  dataId: _propTypes2.default.string,
-  isActive: _propTypes2.default.bool,
-  size: _propTypes2.default.oneOf(['small', 'medium']),
-  responsiveId: _propTypes2.default.string
+  children: _propTypes["default"].node,
+  customClass: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  isActive: _propTypes["default"].bool,
+  size: _propTypes["default"].oneOf(['small', 'xmedium', 'medium', 'large', 'full']),
+  htmlId: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string,
+    ariaLabelledby: _propTypes["default"].string,
+    ariaDescribedby: _propTypes["default"].string,
+    ariaModal: _propTypes["default"].bool
+  }),
+  onKeyDown: _propTypes["default"].func,
+  childAnimationName: _propTypes["default"].oneOf(['expand', 'flyDown'])
 };
 Lookup.defaultProps = {
   size: 'medium',
-  responsiveId: 'Helmet'
+  customClass: '',
+  a11y: {},
+  childAnimationName: 'flyDown'
 };
 
 if (false) {

package/lib/lookup/Lookup/Lookup.module.css

@@ -1,22 +1,26 @@
 .container {
+  font-size: var(--zd_font_size16);
   padding-bottom: var(--zd_size10);
-  font-size: var(--zd_size16);
 }
 .box {
   position: relative;
-  margin: auto;
   height: 100%;
+  width: 100%;
+  margin: auto;
 }
 /* Size */
 .smallSize {
-  width: var(--zd_size430);
+  max-width: var(--zd_size470);
+}
+.xmediumSize {
+  max-width: var(--zd_size620);
 }
 .mediumSize {
-  width: var(--zd_size840);
+  max-width: var(--zd_size840);
+}
+.largeSize {
+  max-width: 70%;
 }
-.tabSize{
-  width: var(--zd_size750);
+.fullSize {
+  max-width: 90%;
 }
-.mbleSize{
-  width: 99%
-}

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

@@ -1,41 +1,45 @@
-'use strict';
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
 
-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 = _interopRequireWildcard(require("react"));
 
-var _react = require('react');
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _react2 = _interopRequireDefault(_react);
+var _Modal = _interopRequireDefault(require("@zohodesk/components/lib/Modal/Modal"));
 
-var _propTypes = require('prop-types');
+var _General = require("../../../utils/General");
 
-var _propTypes2 = _interopRequireDefault(_propTypes);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _PortalLayer = require('@zohodesk/components/lib/PortalLayer/PortalLayer');
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-var _PortalLayer2 = _interopRequireDefault(_PortalLayer);
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var _General = require('../../../utils/General');
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); } }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-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"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-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 ***/
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-/*** Components ***/
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
-// import ContactLookup from '../../ContactLookup/ContactLookup.js';
-// import ContactLookupController from '../../../moduleForm/lookupController/ContactLookupController/ContactLookupController';
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-/*** Methods ***/
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var contacts = {
   id_1: {
@@ -94,7 +98,6 @@ var contacts = {
     phone: ''
   }
 };
-
 var accounts = {
   '1234': {
     accountName: 'Zoho CRM'
@@ -107,124 +110,134 @@ var accounts = {
   }
 };
 
-var Lookup__contact = function (_Component) {
+var Lookup__contact = /*#__PURE__*/function (_Component) {
   _inherits(Lookup__contact, _Component);
 
+  var _super = _createSuper(Lookup__contact);
+
   function Lookup__contact(props) {
+    var _this;
+
     _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);
+    _this = _super.call(this, props);
+    _this.state = {
+      value: '',
+      selected: '',
+      searchStr: '',
+      isShowAlert: false
+    };
+    _this.handleLookupShow = _this.handleLookupShow.bind(_assertThisInitialized(_this));
+    _this.handleLookupHide = _this.handleLookupHide.bind(_assertThisInitialized(_this));
+    _this.handleSearch = _this.handleSearch.bind(_assertThisInitialized(_this));
+    _this.handleClear = _this.handleClear.bind(_assertThisInitialized(_this));
+    _this.handleSelect = _this.handleSelect.bind(_assertThisInitialized(_this));
+    _this.handleSelectStartsWith = _this.handleSelectStartsWith.bind(_assertThisInitialized(_this));
+    _this.handleSearchAPI = _this.handleSearchAPI.bind(_assertThisInitialized(_this));
     return _this;
   }
 
   _createClass(Lookup__contact, [{
-    key: 'handleLookupShow',
+    key: "handleLookupShow",
     value: function handleLookupShow() {
-      this.onFormAlertToggle(true);
+      this.setState({
+        isShowAlert: true
+      });
     }
   }, {
-    key: 'handleLookupHide',
+    key: "handleLookupHide",
     value: function handleLookupHide() {
-      this.onFormAlertToggle(false);
+      this.setState({
+        isShowAlert: false
+      });
     }
   }, {
-    key: 'handleSearch',
+    key: "handleSearch",
     value: function handleSearch(val) {
-      this.setState({ value: val, selected: '' });
+      this.setState({
+        value: val,
+        selected: ''
+      });
     }
   }, {
-    key: 'handleClear',
+    key: "handleClear",
     value: function handleClear() {
       this.handleSearch('');
     }
   }, {
-    key: 'handleSelect',
+    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,
+          firstName = _contacts$id$firstNam === void 0 ? '' : _contacts$id$firstNam,
           _contacts$id$lastName = _contacts$id.lastName,
-          lastName = _contacts$id$lastName === undefined ? '' : _contacts$id$lastName;
-
+          lastName = _contacts$id$lastName === void 0 ? '' : _contacts$id$lastName;
       var contactName = (0, _General.getFullName)(firstName, lastName);
-      this.setState({ selected: contactName, value: '' });
+      this.setState({
+        selected: contactName,
+        value: ''
+      });
       this.handleLookupHide();
     }
   }, {
-    key: 'handleSelectStartsWith',
+    key: "handleSelectStartsWith",
     value: function handleSelectStartsWith(startsWith) {
-      this.setState({ selectedStartsWithChar: startsWith });
+      this.setState({
+        selectedStartsWithChar: startsWith
+      });
     }
   }, {
-    key: 'handleSearchAPI',
+    key: "handleSearchAPI",
     value: function handleSearchAPI(val) {
       this.setState({
         searchStr: val
       });
     }
   }, {
-    key: 'handleGetFormAlertToggle',
-    value: function handleGetFormAlertToggle(updateStateFunction) {
-      this.onFormAlertToggle = updateStateFunction;
-    }
-  }, {
-    key: 'render',
+    key: "render",
     value: function render() {
-      var _state = this.state,
-          value = _state.value,
-          selected = _state.selected,
-          selectedStartsWithChar = _state.selectedStartsWithChar,
-          searchStr = _state.searchStr;
+      var _this$state = this.state,
+          value = _this$state.value,
+          selected = _this$state.selected,
+          selectedStartsWithChar = _this$state.selectedStartsWithChar,
+          searchStr = _this$state.searchStr,
+          isShowAlert = _this$state.isShowAlert;
       var getLookupTarget = this.props.getLookupTarget;
-
-
-      return _react2.default.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}
-          />*/
-        },
-        _react2.default.createElement(_PortalLayer2.default, { saveUpdateFunction: this.handleGetFormAlertToggle })
-      );
+      return /*#__PURE__*/_react["default"].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}
+        />*/
+      }, /*#__PURE__*/_react["default"].createElement(_Modal["default"], null));
     }
   }]);
 
   return Lookup__contact;
 }(_react.Component);
 
-exports.default = Lookup__contact;
-
-
+exports["default"] = Lookup__contact;
 Lookup__contact.propTypes = {
-  getLookupTarget: _propTypes2.default.func,
-  onSelect: _propTypes2.default.func
+  getLookupTarget: _propTypes["default"].func,
+  onSelect: _propTypes["default"].func
 };
 
 if (false) {