@zohodesk/dot 1.2.0 → 1.2.2

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;

package/lib/version2/GlobalNotification/GlobalNotification.js

@@ -189,8 +189,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;

package/lib/version2/GlobalNotification/props/propTypes.js

@@ -3,14 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.propTypes = void 0;
+exports.propTypes = exports.new_propTypes = exports.UI_propTypes = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var propTypes = {
-  dataId: _propTypes["default"].string,
   dataSelectorId: _propTypes["default"].string,
   hideMessage: _propTypes["default"].func,
   message: _propTypes["default"].string,
@@ -22,4 +21,25 @@ var propTypes = {
     ExtraProps: _propTypes["default"].object
   })
 };
-exports.propTypes = propTypes;
+exports.propTypes = propTypes;
+var UI_propTypes = {
+  dataSelectorId: _propTypes["default"].string,
+  onClose: _propTypes["default"].func,
+  closeTitle: _propTypes["default"].string,
+  hideMessage: _propTypes["default"].func,
+  message: _propTypes["default"].string,
+  onClick: _propTypes["default"].func,
+  type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error']),
+  customProps: _propTypes["default"].shape({
+    ExtraProps: _propTypes["default"].object
+  })
+};
+exports.UI_propTypes = UI_propTypes;
+var new_propTypes = {
+  Element: _propTypes["default"].element,
+  isClose: _propTypes["default"].bool,
+  onPortalClose: _propTypes["default"].func,
+  autoClose: _propTypes["default"].bool,
+  hideTime: _propTypes["default"].string
+};
+exports.new_propTypes = new_propTypes;

package/lib/version2/lookup/AlertLookup/AlertLookup.js

@@ -176,6 +176,8 @@ var AlertLookup = /*#__PURE__*/function (_Component) {
       var ariaMessageId = this.getAriaId();
       var ariaConfirmMsgId = this.getAriaId();
       var ariaTitleId = this.getAriaId();
+      var ariaLeaveButtonId = this.getAriaId();
+      var ariaStayButtonId = this.getAriaId();
       a11y = {
         ariaLabelledby: a11y && a11y.ariaLabelledby ? a11y.ariaLabelledby : ariaTitleId,
         ariaDescribedby: a11y && a11y.ariaDescribedby ? a11y.ariaDescribedby : ariaMessageId + ' ' + ariaConfirmMsgId
@@ -234,12 +236,22 @@ var AlertLookup = /*#__PURE__*/function (_Component) {
         customProps: {
           'data-a11y-autofocus': isDefaultFocus
         }
-      }, PrimaryButtonProps)), cancelText && /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
+      }, PrimaryButtonProps, {
+        a11y: {
+          'aria-labelledby': ariaTitleId + ' ' + ariaMessageId + ' ' + ariaLeaveButtonId
+        },
+        id: ariaLeaveButtonId
+      })), cancelText && /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
         dataId: dataId === 'alertPopup' ? 'alertCancelButton' : "".concat(dataId, "_cancelButton"),
         text: cancelText,
         onClick: onCancelClick,
         palette: "secondary"
-      }, SecondaryButtonProps))))) : null))));
+      }, SecondaryButtonProps, {
+        a11y: {
+          'aria-labelledby': ariaTitleId + ' ' + ariaMessageId + ' ' + ariaStayButtonId
+        },
+        id: ariaStayButtonId
+      }))))) : null))));
     }
   }]);
 

package/lib/version2/lookup/AlertLookup/props/propTypes.js

@@ -30,7 +30,6 @@ var propTypes = {
   title: _propTypes["default"].string,
   type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification']),
   wrapHeader: _propTypes["default"].bool,
-  alertTitleId: _propTypes["default"].string,
   a11y: _propTypes["default"].object,
   customProps: _propTypes["default"].shape({
     LookupProps: _propTypes["default"].object,

package/lib/version2/notification/DesktopNotification/DesktopNotification.js

@@ -177,6 +177,8 @@ function DesktopNotificationUI(props) {
   })) : null))) : null)), getBottomContainer ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, getBottomContainer()) : null));
 }
 
+DesktopNotificationUI.propTypes = _propTypes.DesktopNotificationUI_propTypes;
+
 function DesktopNotification(props) {
   return /*#__PURE__*/_react["default"].createElement(_AutoClose["default"], _extends({}, props, {
     Element: DesktopNotificationUI

package/lib/version2/notification/DesktopNotification/props/propTypes.js

@@ -3,29 +3,35 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.propTypes = void 0;
+exports.propTypes = exports.DesktopNotificationUI_propTypes = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var propTypes = {
+  isClose: _propTypes["default"].bool,
+  onPortalClose: _propTypes["default"].func,
   autoClose: _propTypes["default"].bool,
+  hideTime: _propTypes["default"].string,
+  Element: _propTypes["default"].element
+};
+exports.propTypes = propTypes;
+var DesktopNotificationUI_propTypes = {
+  type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
   cancelText: _propTypes["default"].string,
+  submitText: _propTypes["default"].string,
+  submitType: _propTypes["default"].oneOf(['primary', 'danger', 'success']),
+  isMore: _propTypes["default"].bool,
   customClass: _propTypes["default"].object,
   dataId: _propTypes["default"].string,
   getBottomContainer: _propTypes["default"].func,
   getSectionContainer: _propTypes["default"].func,
   getSubmitContainer: _propTypes["default"].func,
-  hidePopNotification: _propTypes["default"].func,
-  hideTime: _propTypes["default"].string,
   i18nKeys: _propTypes["default"].object,
-  id: _propTypes["default"].string,
   dataSelectorId: _propTypes["default"].string,
   info: _propTypes["default"].string,
   isAnimate: _propTypes["default"].bool,
-  isClose: _propTypes["default"].bool,
-  isMore: _propTypes["default"].bool,
   isShrinkView: _propTypes["default"].bool,
   message: _propTypes["default"].string,
   needAutoZindex: _propTypes["default"].bool,
@@ -37,12 +43,11 @@ var propTypes = {
   secondaryInfo: _propTypes["default"].string,
   size: _propTypes["default"].oneOf(['medium', 'large']),
   subTitle: _propTypes["default"].string,
-  submitText: _propTypes["default"].string,
-  submitType: _propTypes["default"].oneOf(['primary', 'danger', 'success']),
   titleVariant: _propTypes["default"].oneOf(['primary', 'secondary']),
-  type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
+  isClose: _propTypes["default"].bool,
   customProps: _propTypes["default"].shape({
     ExtraProps: _propTypes["default"].object
-  })
+  }),
+  title: _propTypes["default"].string
 };
-exports.propTypes = propTypes;
+exports.DesktopNotificationUI_propTypes = DesktopNotificationUI_propTypes;