@zohodesk/dot 1.2.0 → 1.2.1

package/lib/v1/ExternalLink/ExternalLink.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../ExternalLink/props/defaultProps");
+
+var _propTypes = require("../../ExternalLink/props/propTypes");
+
+var _ExternalLinkModule = _interopRequireDefault(require("../../ExternalLink/ExternalLink.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var ExternalLink = function ExternalLink(props) {
+  var href = props.href,
+      title = props.title,
+      target = props.target,
+      className = props.className,
+      children = props.children,
+      rel = props.rel,
+      dataId = props.dataId,
+      onClick = props.onClick,
+      customProps = props.customProps;
+
+  var addHttp = function addHttp(url) {
+    var regEx = new RegExp(/(^(ftp|https|mailto|tel|http|simplehelp|dynamicsnav?):)/i);
+
+    if (!regEx.test(url)) {
+      return "http://".concat(url);
+    }
+
+    return url;
+  };
+
+  var urlOutput = href && typeof href !== 'boolean' ? addHttp(String(href)) : 'javascript:void(0);';
+  return /*#__PURE__*/_react["default"].createElement("a", _extends({
+    href: urlOutput,
+    target: target,
+    className: "".concat(_ExternalLinkModule["default"].link, " ").concat(className ? className : ''),
+    "data-title": title,
+    rel: rel,
+    "data-id": dataId,
+    "data-test-id": dataId,
+    onClick: onClick
+  }, customProps), children);
+};
+
+ExternalLink.defaultProps = _defaultProps.defaultProps;
+ExternalLink.propTypes = _propTypes.propTypes;
+var _default = ExternalLink;
+exports["default"] = _default;

package/lib/v1/NewStar/NewStar.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _icons = require("@zohodesk/icons");
+
+var _Layout = require("@zohodesk/components/lib/Layout");
+
+var _defaultProps = require("../../NewStar/props/defaultProps");
+
+var _propTypes = require("../../NewStar/props/propTypes");
+
+var _NewStarModule = _interopRequireDefault(require("../../NewStar/NewStar.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var NewStar = function NewStar(props) {
+  var palette = props.palette,
+      customClass = props.customClass,
+      position = props.position;
+  var alignPosition = {
+    topRight: {
+      className: _NewStarModule["default"].topRight // align: 'right',
+      // alignBox: 'row',
+      // reverse: 'wrap'
+
+    },
+    topLeft: {
+      className: _NewStarModule["default"].topLeft // align: 'left',
+      // alignBox: 'row',
+      // reverse: 'wrap'
+
+    },
+    bottomLeft: {
+      className: _NewStarModule["default"].bottomLeft // align: 'left',
+      // alignBox: 'column-reverse',
+      // reverse: 'wrap'
+
+    },
+    bottomRight: {
+      className: _NewStarModule["default"].bottomRight // align: 'right',
+      // alignBox: 'column',
+      // reverse: 'wrap-reverse'
+
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    alignBox: "row",
+    isCover: false,
+    className: "".concat(_NewStarModule["default"].star, " ").concat(alignPosition[position].className, " ").concat(customClass)
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-snippetStar",
+    iconClass: "".concat(_NewStarModule["default"][palette], " ").concat(_NewStarModule["default"].starOne),
+    size: "10"
+  }), /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-snippetStar",
+    iconClass: "".concat(_NewStarModule["default"][palette], " ").concat(_NewStarModule["default"].starTwo),
+    size: "10"
+  }), /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-snippetStar",
+    iconClass: "".concat(_NewStarModule["default"][palette], " ").concat(_NewStarModule["default"].starThree),
+    size: "10"
+  }));
+};
+
+NewStar.propTypes = _propTypes.propTypes;
+NewStar.defaultProps = _defaultProps.defaultProps;
+var _default = NewStar;
+exports["default"] = _default;

package/lib/v1/lookup/header/Close/Close.js

@@ -0,0 +1,47 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _defaultProps = require("../../../../lookup/header/Close/props/defaultProps");
+
+var _propTypes = require("../../../../lookup/header/Close/props/propTypes");
+
+var _IconButton = _interopRequireDefault(require("./../../../IconButton/IconButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+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; }
+
+/*** Libraries ***/
+
+/*** FontIcons ***/
+function Close(props) {
+  var onClose = props.onClose,
+      dataId = props.dataId,
+      title = props.title;
+  return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    dataId: dataId,
+    onClick: onClose,
+    iconName: "ZD-cross",
+    iconSize: "11",
+    title: title
+  });
+}
+
+Close.propTypes = _propTypes.propTypes;
+Close.defaultProps = _defaultProps.defaultProps;
+var MemoizedClose = /*#__PURE__*/(0, _react.memo)(Close);
+MemoizedClose.propTypes = _propTypes.propTypes;
+MemoizedClose.defaultProps = _defaultProps.defaultProps;
+MemoizedClose.displayName = 'Close';
+var _default = MemoizedClose;
+exports["default"] = _default;

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

@@ -0,0 +1,101 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _defaultProps = require("../../../../lookup/header/ModuleHeader/props/defaultProps");
+
+var _propTypes = require("../../../../lookup/header/ModuleHeader/props/propTypes");
+
+var _Title = _interopRequireDefault(require("../Title/Title"));
+
+var _Close = _interopRequireDefault(require("../Close/Close"));
+
+var _Search = _interopRequireDefault(require("../Search/Search"));
+
+var _Layout = require("@zohodesk/components/lib/Layout");
+
+var _lookupHeaderCommonModule = _interopRequireDefault(require("../../../../lookup/header/lookupHeaderCommon.module.css"));
+
+var _lookupHeaderCommonResponsiveModule = _interopRequireDefault(require("../../../../lookup/header/lookupHeaderCommonResponsive.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+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; }
+
+/*** Libraries ***/
+
+/*** Components ***/
+
+/*** CSS ***/
+
+/*eslint-disable react/forbid-component-props */
+function ModuleHeader(props) {
+  var _props$title = props.title,
+      title = _props$title === void 0 ? '' : _props$title,
+      _props$needSearch = props.needSearch,
+      needSearch = _props$needSearch === void 0 ? false : _props$needSearch,
+      onLookupClose = props.onLookupClose,
+      _props$searchStr = props.searchStr,
+      searchStr = _props$searchStr === void 0 ? '' : _props$searchStr,
+      onSearch = props.onSearch,
+      onSearchChange = props.onSearchChange,
+      searchPlaceHolder = props.searchPlaceHolder,
+      needOnTypeSearch = props.needOnTypeSearch,
+      getSearchBoxRef = props.getSearchBoxRef,
+      miniDescription = props.miniDescription,
+      dataId = props.dataId,
+      closeTitle = props.closeTitle,
+      onSearchKeyDown = props.onSearchKeyDown,
+      palette = props.palette;
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    align: "vertical",
+    alignBox: "row",
+    className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonModule["default"]["".concat(palette)]),
+    isCover: false,
+    wrap: "wrap",
+    dataId: dataId
+  }, onLookupClose ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: _lookupHeaderCommonModule["default"].closeContainer
+  }, /*#__PURE__*/_react["default"].createElement(_Close["default"], {
+    dataId: "close",
+    onClose: onLookupClose,
+    title: closeTitle
+  })) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _lookupHeaderCommonModule["default"].title
+  }, /*#__PURE__*/_react["default"].createElement(_Title["default"], {
+    text: title
+  })), miniDescription && /*#__PURE__*/_react["default"].createElement("div", {
+    className: _lookupHeaderCommonModule["default"].para
+  }, miniDescription)), needSearch && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: "".concat(_lookupHeaderCommonModule["default"].searchContainer, " ").concat(_lookupHeaderCommonResponsiveModule["default"].searchContainer)
+  }, /*#__PURE__*/_react["default"].createElement(_Search["default"], {
+    onSearch: onSearch,
+    searchStr: searchStr,
+    onChange: onSearchChange,
+    placeHolder: searchPlaceHolder,
+    dataId: "search",
+    needOnTypeSearch: needOnTypeSearch,
+    getRef: getSearchBoxRef,
+    onKeyDown: onSearchKeyDown
+  })));
+}
+
+ModuleHeader.propTypes = _propTypes.propTypes;
+ModuleHeader.defaultProps = _defaultProps.defaultProps;
+var MemoizedModuleHeader = /*#__PURE__*/(0, _react.memo)(ModuleHeader);
+MemoizedModuleHeader.propTypes = _propTypes.propTypes;
+MemoizedModuleHeader.defaultProps = _defaultProps.defaultProps;
+MemoizedModuleHeader.displayName = 'Close';
+var _default = MemoizedModuleHeader;
+exports["default"] = _default;

package/lib/v1/lookup/header/Search/Search.js

@@ -0,0 +1,208 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Search;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _defaultProps = require("../../../../lookup/header/Search/props/defaultProps");
+
+var _propTypes = require("../../../../lookup/header/Search/props/propTypes");
+
+var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/lib/TextBoxIcon/TextBoxIcon"));
+
+var _Layout = require("@zohodesk/components/lib/Layout");
+
+var _icons = require("@zohodesk/icons");
+
+var _ToggleDropDown = _interopRequireDefault(require("../../../../dropdown/ToggleDropDown/ToggleDropDown"));
+
+var _debounce = require("@zohodesk/components/lib/utils/debounce");
+
+var _Common = require("@zohodesk/components/es/utils/Common");
+
+var _LookupSearchModule = _interopRequireDefault(require("../../../../lookup/header/Search/LookupSearch.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+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; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function Search(props) {
+  var options = props.options,
+      onSelect = props.onSelect,
+      value = props.value,
+      selectedId = props.selectedId,
+      onFocus = props.onFocus,
+      onBlur = props.onBlur,
+      getRef = props.getRef;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isFocus = _useState2[0],
+      setFocus = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isDropDownOpen = _useState4[0],
+      setDropDownOpen = _useState4[1];
+
+  var handleDropDownOpen = function handleDropDownOpen() {
+    setDropDownOpen(true);
+  };
+
+  var handleDropDownClose = function handleDropDownClose() {
+    setDropDownOpen(false);
+  };
+
+  var handleTextBoxFocus = function handleTextBoxFocus(e) {
+    setFocus(true);
+    onFocus && onFocus(e);
+  };
+
+  var handleTextBoxBlur = function handleTextBoxBlur(e) {
+    setFocus(false);
+    onBlur && onBlur(e);
+  };
+
+  var handleGetTextBoxRef = function handleGetTextBoxRef(el) {
+    // textBox = el;
+    getRef && getRef(el);
+  };
+
+  var searchUIExtraProps = {
+    isFocus: isFocus || isDropDownOpen,
+    onFocus: handleTextBoxFocus,
+    onBlur: handleTextBoxBlur,
+    getRef: handleGetTextBoxRef
+  };
+  return options ? /*#__PURE__*/_react["default"].createElement(_ToggleDropDown["default"], {
+    value: value,
+    options: options,
+    onClick: onSelect,
+    needTick: true,
+    isArrow: false,
+    isToggleStateNeeded: true,
+    selectedId: selectedId,
+    onDropDownOpen: handleDropDownOpen,
+    onDropDownClose: handleDropDownClose
+  }, /*#__PURE__*/_react["default"].createElement(SearchUI, _extends({}, props, searchUIExtraProps))) : /*#__PURE__*/_react["default"].createElement(SearchUI, _extends({}, props, searchUIExtraProps));
+}
+
+Search.propTypes = _propTypes.Search_propTypes;
+
+function SearchUI(props) {
+  var dataId = props.dataId,
+      searchStr = props.searchStr,
+      placeHolder = props.placeHolder,
+      getRef = props.getRef,
+      title = props.title,
+      isBoxed = props.isBoxed,
+      isSearchIconNeed = props.isSearchIconNeed,
+      options = props.options,
+      activeClass = props.activeClass,
+      isFocus = props.isFocus,
+      onFocus = props.onFocus,
+      onBlur = props.onBlur,
+      onSearch = props.onSearch,
+      needOnTypeSearch = props.needOnTypeSearch,
+      onKeyDown = props.onKeyDown,
+      onChange = props.onChange;
+
+  var handleSearch = function handleSearch() {
+    onSearch && onSearch();
+  };
+
+  var debounceHandleSearch = (0, _debounce.debounce)(handleSearch, 500);
+
+  var handleKeyDown = function handleKeyDown(e) {
+    var keyCode = e.keyCode;
+    onKeyDown && onKeyDown(e);
+
+    if (keyCode === 13) {
+      !needOnTypeSearch && onSearch && onSearch();
+    }
+  };
+
+  var handleChange = function handleChange(value) {
+    onChange && onChange(value);
+    needOnTypeSearch && debounceHandleSearch();
+  };
+
+  var handleClear = function handleClear(e) {
+    (0, _Common.cancelBubblingEffect)(e);
+    onChange && onChange('');
+    debounceHandleSearch();
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    isCover: false,
+    alignBox: "row",
+    align: "vertical",
+    className: "".concat(_LookupSearchModule["default"].searchStyle, " ").concat(isBoxed ? _LookupSearchModule["default"].boxStyle : '', " ").concat(isFocus ? "".concat(_LookupSearchModule["default"].active, " ").concat(activeClass ? activeClass : '', " ") : '', " ").concat(searchStr || isFocus ? _LookupSearchModule["default"].focusWidth : '')
+  }, options && /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    className: "".concat(_LookupSearchModule["default"].drpSearchBox, " ").concat(isFocus ? _LookupSearchModule["default"].lineActive : ''),
+    isCover: false,
+    align: "vertical",
+    alignBox: "row",
+    "data-title": title
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-search",
+    size: "11"
+  }), /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-down",
+    size: "7",
+    iconClass: _LookupSearchModule["default"].iconArrow
+  })), isSearchIconNeed && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: _LookupSearchModule["default"].searchIconBox
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-search",
+    size: "11"
+  })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true
+  }, /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], {
+    customClass: {
+      customTextBox: "".concat(isBoxed ? _LookupSearchModule["default"].inputBox : '')
+    },
+    customProps: {
+      TextBoxProps: {
+        'data-a11y-autofocus': true
+      }
+    },
+    placeHolder: placeHolder,
+    value: searchStr,
+    onChange: handleChange,
+    onClick: _Common.cancelBubblingEffect,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onKeyDown: handleKeyDown,
+    onMouseDown: _Common.cancelBubblingEffect,
+    dataId: dataId,
+    size: "small",
+    inputRef: getRef,
+    onClear: handleClear,
+    onClearMouseDown: _Common.cancelBubblingEffect
+  })));
+}
+
+SearchUI.defaultProps = _defaultProps.SearchUI_defaultProps;
+SearchUI.propTypes = _propTypes.SearchUI_propTypes;

package/lib/v1/lookup/header/TicketHeader/TicketHeader.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = TicketHeader;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../../lookup/header/TicketHeader/props/defaultProps");
+
+var _propTypes = require("../../../../lookup/header/TicketHeader/props/propTypes");
+
+var _Title = _interopRequireDefault(require("../Title/Title"));
+
+var _Close = _interopRequireDefault(require("../Close/Close"));
+
+var _Search = _interopRequireDefault(require("../Search/Search"));
+
+var _ViewDropDown = _interopRequireDefault(require("../../../../lookup/header/ViewDropDown/ViewDropDown"));
+
+var _Layout = require("@zohodesk/components/lib/Layout");
+
+var _lookupHeaderCommonModule = _interopRequireDefault(require("../../../../lookup/header/lookupHeaderCommon.module.css"));
+
+var _lookupHeaderCommonResponsiveModule = _interopRequireDefault(require("../../../../lookup/header/lookupHeaderCommonResponsive.module.css"));
+
+var _TicketHeaderModule = _interopRequireDefault(require("../../../../lookup/header/TicketHeader/TicketHeader.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/*** Libraries ***/
+
+/*** Components ***/
+
+/*** CSS ***/
+
+/* eslint-disable react/forbid-component-props */
+function TicketHeader(props) {
+  var needSearch = props.needSearch,
+      onLookupClose = props.onLookupClose,
+      searchStr = props.searchStr,
+      onSearchChange = props.onSearchChange,
+      searchPlaceHolder = props.searchPlaceHolder,
+      title = props.title,
+      selectedViewId = props.selectedViewId,
+      onSelectView = props.onSelectView,
+      allViews = props.allViews,
+      onSearch = props.onSearch,
+      needOnTypeSearch = props.needOnTypeSearch,
+      getSearchBoxRef = props.getSearchBoxRef,
+      needViewsList = props.needViewsList,
+      i18nKeys = props.i18nKeys,
+      palette = props.palette;
+  var _i18nKeys$menuEmptyMe = i18nKeys.menuEmptyMessage,
+      menuEmptyMessage = _i18nKeys$menuEmptyMe === void 0 ? 'No matches found' : _i18nKeys$menuEmptyMe;
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    align: "vertical",
+    alignBox: "row",
+    className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonModule["default"]["".concat(palette)], " ").concat(_lookupHeaderCommonResponsiveModule["default"].container, " ").concat(_TicketHeaderModule["default"].container),
+    isCover: false,
+    wrap: "wrap"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _lookupHeaderCommonModule["default"].closeContainer
+  }, /*#__PURE__*/_react["default"].createElement(_Close["default"], {
+    onClose: onLookupClose,
+    dataId: "close"
+  })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    alignBox: "column",
+    className: "".concat(_TicketHeaderModule["default"].innerContainer),
+    isCover: false,
+    wrap: "wrap",
+    dataId: "lookupView"
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: _lookupHeaderCommonModule["default"].title
+  }, /*#__PURE__*/_react["default"].createElement(_Title["default"], {
+    text: title
+  })), needViewsList ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: "".concat(_TicketHeaderModule["default"].dropdown),
+    dataId: "filterIdselected"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _TicketHeaderModule["default"].menuWrapper
+  }, /*#__PURE__*/_react["default"].createElement(_ViewDropDown["default"], {
+    dropBoxSize: "small",
+    emptyMessage: menuEmptyMessage,
+    needSearch: true,
+    onChange: onSelectView,
+    options: allViews,
+    textField: "displayLabel",
+    selectedValue: selectedViewId,
+    needCloseOnSelect: true
+  }))) : null)), needSearch ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: "".concat(_lookupHeaderCommonModule["default"].searchContainer, " ").concat(_lookupHeaderCommonResponsiveModule["default"].searchContainer, " ").concat(_TicketHeaderModule["default"].searchContainer)
+  }, /*#__PURE__*/_react["default"].createElement(_Search["default"], {
+    onSearch: onSearch,
+    searchStr: searchStr,
+    onChange: onSearchChange,
+    placeHolder: searchPlaceHolder,
+    dataId: "search",
+    needOnTypeSearch: needOnTypeSearch,
+    getRef: getSearchBoxRef
+  })) : null);
+}
+
+TicketHeader.propTypes = _propTypes.propTypes;
+TicketHeader.defaultProps = _defaultProps.defaultProps;

package/lib/v1/lookup/header/Title/Title.js

@@ -0,0 +1,44 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _defaultProps = require("../../../../lookup/header/Title/props/defaultProps");
+
+var _propTypes = require("../../../../lookup/header/Title/props/propTypes");
+
+var _LookupTitleModule = _interopRequireDefault(require("../../../../lookup/header/Title/LookupTitle.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+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; }
+
+/*** Libraries ***/
+
+/*** CSS ***/
+function Title(props) {
+  var text = props.text,
+      palette = props.palette,
+      isBold = props.isBold;
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(_LookupTitleModule["default"].title, " ").concat(_LookupTitleModule["default"][palette], " ").concat(isBold ? _LookupTitleModule["default"].bold : ''),
+    "data-title": text
+  }, text);
+}
+
+Title.propTypes = _propTypes.propTypes;
+Title.defaultProps = _defaultProps.defaultProps;
+var MemoizedTitle = /*#__PURE__*/(0, _react.memo)(Title);
+MemoizedTitle.propTypes = _propTypes.propTypes;
+MemoizedTitle.defaultProps = _defaultProps.defaultProps;
+MemoizedTitle.displayName = 'Close';
+var _default = MemoizedTitle;
+exports["default"] = _default;

package/lib/v1/version2/GlobalNotification/GlobalNotification.js

@@ -127,8 +127,12 @@ function GlobalNotificationUI(props) {
   }))));
 }
 
+GlobalNotificationUI.propTypes = _propTypes.UI_propTypes;
+
 function GlobalNotificationNew(props) {
   return /*#__PURE__*/_react["default"].createElement(_AutoClose["default"], _extends({}, props, {
     Element: GlobalNotificationUI
   }));
-}
+}
+
+GlobalNotificationNew.propTypes = _propTypes.new_propTypes;