@zohodesk/dot 1.0.0-temp-187.5 → 1.0.0-temp-202

package/lib/services/context/AttachmentViewerContext.js

@@ -0,0 +1,70 @@
+"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"] = exports.AttachmentViewerProvider = exports.AttachmentViewerContext = exports.AttachmentViewerConsumer = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _AttachmentViewer = _interopRequireDefault(require("../components/Attachment/AttachmentViewer"));
+
+var _ContextOptimizer = require("@zohodesk/components/es/utils/ContextOptimizer");
+
+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 _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; }
+
+var AttachmentViewerContext = /*#__PURE__*/(0, _react.createContext)();
+exports.AttachmentViewerContext = AttachmentViewerContext;
+
+var AttachmentViewerProvider = function AttachmentViewerProvider(_ref) {
+  var children = _ref.children;
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      attachments = _useState2[0],
+      setAttachment = _useState2[1];
+
+  var showAttachmentViewer = (0, _react.useCallback)(function (attachment) {
+    setAttachment(attachment);
+  }, []);
+  var hideAttachmentViewer = (0, _react.useCallback)(function () {
+    setAttachment([]);
+  }, []);
+  var contextValue = (0, _react.useCallback)(function () {
+    return {
+      attachments: attachments,
+      showAttachmentViewer: showAttachmentViewer,
+      hideAttachmentViewer: hideAttachmentViewer
+    };
+  }, [attachments]);
+  return /*#__PURE__*/_react["default"].createElement(AttachmentViewerContext.Provider, {
+    value: contextValue
+  }, children, /*#__PURE__*/_react["default"].createElement(_AttachmentViewer["default"], {
+    attachments: attachments,
+    hideAttachmentViewer: hideAttachmentViewer
+  }));
+};
+
+exports.AttachmentViewerProvider = AttachmentViewerProvider;
+var AttachmentViewerConsumer = AttachmentViewerContext.Consumer;
+exports.AttachmentViewerConsumer = AttachmentViewerConsumer;
+var _default = AttachmentViewerContext;
+exports["default"] = _default;

package/lib/services/context/ToastNotificationContext.js

@@ -0,0 +1,100 @@
+"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"] = exports.ToastNotificationProvider = exports.ToastNotificationContext = exports.ToastNotificationConsumer = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ToastNotification = _interopRequireDefault(require("../components/ToastNotification"));
+
+var _ContextOptimizer = require("@zohodesk/components/es/utils/ContextOptimizer");
+
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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; }
+
+var ToastNotificationContext = /*#__PURE__*/(0, _react.createContext)();
+exports.ToastNotificationContext = ToastNotificationContext;
+
+var ToastNotificationProvider = function ToastNotificationProvider(_ref) {
+  var children = _ref.children;
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      toastMessages = _useState2[0],
+      setToastMessages = _useState2[1];
+
+  var toastIdCounter = (0, _react.useRef)(0);
+  var showToastNotification = (0, _react.useCallback)(function (message) {
+    var id = "toast".concat(toastIdCounter.current++);
+    var toastMessage = {
+      id: id,
+      data: message
+    };
+    setToastMessages(function (prevMessages) {
+      return [].concat(_toConsumableArray(prevMessages), [toastMessage]);
+    });
+  }, []);
+  var hideToastNotification = (0, _react.useCallback)(function (id) {
+    setToastMessages(function (prevMessages) {
+      return prevMessages.filter(function (message) {
+        return message.id !== id;
+      });
+    });
+  }, []);
+  var clearToastNotifications = (0, _react.useCallback)(function () {
+    setToastMessages([]);
+  }, []);
+  var contextValue = useMemo(function () {
+    return {
+      toastMessages: toastMessages,
+      showToastNotification: showToastNotification,
+      hideToastNotification: hideToastNotification,
+      clearToastNotifications: clearToastNotifications
+    };
+  }, [toastMessages]);
+
+  var contextValues = function contextValues(data) {
+    return data;
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(ToastNotificationContext.Provider, {
+    value: contextValue
+  }, children, /*#__PURE__*/_react["default"].createElement(_ToastNotification["default"], {
+    toastMessages: toastMessages,
+    hideToastNotification: hideToastNotification,
+    clearToastNotifications: clearToastNotifications
+  }));
+};
+
+exports.ToastNotificationProvider = ToastNotificationProvider;
+var ToastNotificationConsumer = ToastNotificationContext.Consumer;
+exports.ToastNotificationConsumer = ToastNotificationConsumer;
+var _default = ToastNotificationContext;
+exports["default"] = _default;

package/lib/services/helpers/getAttributeValues.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getAttributeValues;
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+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 getAttributeValues(_ref) {
+  var element = _ref.element,
+      attributes = _ref.attributes;
+  var values = {};
+
+  var _iterator = _createForOfIteratorHelper(attributes),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var attr = _step.value;
+      var value = element.getAttribute(attr);
+      var key = attr.replace('data-', '');
+
+      if (value) {
+        values[key] = value;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  return values;
+}
+
+;

package/lib/services/helpers/utils.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.constructAttachmentUrl = constructAttachmentUrl;
+exports.getViewURL = getViewURL;
+
+var _Attachment = require("../../AttachmentViewer/Attachment");
+
+function getViewURL(attachment, orgId) {
+  var _attachment$href = attachment.href,
+      href = _attachment$href === void 0 ? '' : _attachment$href;
+  var name = attachment.name;
+  var hasBrowserSupport = (0, _Attachment.isBrowserSupportedFile)(name);
+
+  if (href.indexOf('/api/v1') !== -1) {
+    if (href.indexOf('orgId') === -1) {
+      href = "".concat(href, "?orgId=").concat(orgId);
+      href += hasBrowserSupport ? '&inline=true' : '&inline=false';
+    }
+
+    return href; // eslint-disable-next-line no-else-return
+  } else if (href.indexOf('/webdownload') !== -1) {
+    var URLArr = href.split('?');
+
+    if (URLArr.length === 1) {
+      return href;
+    }
+
+    var URLSearchObj = new URLSearchParams(URLArr[1]);
+    var clientMsg = JSON.parse(URLSearchObj.get('x-cli-msg'));
+    clientMsg.inline = hasBrowserSupport ? 'true' : 'false';
+    URLSearchObj.set('x-cli-msg', JSON.stringify(clientMsg));
+    URLArr[1] = URLSearchObj.toString();
+    return URLArr.join('?');
+  }
+
+  return "".concat(href);
+}
+
+function constructAttachmentUrl() {
+  var href = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var orgId = arguments.length > 1 ? arguments[1] : undefined;
+  var pos = href.indexOf('/api');
+  var url = href;
+
+  if (pos > -1 && url.indexOf('orgId=') === -1) {
+    url = "".concat(url, "?orgId=").concat(orgId);
+  }
+
+  if (url.indexOf('/inlineattachments/') !== -1) {
+    return url;
+  } else if (url.indexOf('&mode=view') !== -1) {
+    url = url.replace('&mode=view', '');
+  } else if (url.indexOf('&inline=true') !== -1) {
+    url = url.replace('&inline=true', '');
+  } else if (url.indexOf(window.encodeURIComponent(',"inline":"true"')) !== -1) {
+    url = url.replace(window.encodeURIComponent(',"inline":"true"'), '');
+  } else if (url.indexOf('/ImageDisplayZSupport?') !== -1) {
+    url = url.endsWith('&') ? url.concat('type=download') : url.concat('&type=download');
+  } else if (url.indexOf('data:image') !== -1) {
+    url = url.replace(/^data:image\/[^;]/, 'data:application/octet-stream');
+  }
+
+  return url;
+}

package/lib/services/hoc/WithAttachmentViewer.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _useAttachmentViewerService = _interopRequireDefault(require("../hooks/useAttachmentViewerService"));
+
+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 WithAttachmentViewer = function WithAttachmentViewer(Component) {
+  var WrappedComponent = function WrappedComponent(props) {
+    var attachmentViewerProperties = (0, _useAttachmentViewerService["default"])();
+    return /*#__PURE__*/_react["default"].createElement(Component, _extends({}, props, {
+      attachmentViewerProperties: attachmentViewerProperties
+    }));
+  };
+
+  WrappedComponent.displayName = "WithAttachmentViewer(".concat(Component.displayName || Component.name || 'Component', ")");
+  return WrappedComponent;
+};
+
+var _default = WithAttachmentViewer;
+exports["default"] = _default;

package/lib/services/hoc/WithEventPopup.js

@@ -0,0 +1,72 @@
+"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 _components = require("@zohodesk/components");
+
+var _Common = require("@zohodesk/components/es/utils/Common");
+
+var _useEventService2 = _interopRequireDefault(require("../hooks/useEventService"));
+
+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); }
+
+var WithEventPopup = function WithEventPopup(Component, _ref) {
+  var onClick = _ref.onClick;
+
+  var WrappedComponent = function WrappedComponent(props) {
+    var isPopupOpen = props.isPopupOpen,
+        getTargetRef = props.getTargetRef,
+        togglePopup = props.togglePopup,
+        _props$attributes = props.attributes,
+        attributes = _props$attributes === void 0 ? [] : _props$attributes,
+        keyAttribute = props.keyAttribute;
+
+    var _togglePopup = (0, _react.useCallback)(function (event) {
+      (0, _Common.cancelBubblingEffect)(event);
+
+      if (typeof onClick === 'function') {
+        onClick(event);
+      }
+
+      getTargetRef(event.target);
+      togglePopup(event);
+    }, [getTargetRef, togglePopup]);
+
+    var _useEventService = (0, _useEventService2["default"])({
+      attributes: attributes,
+      keyAttribute: keyAttribute,
+      isRendered: isPopupOpen,
+      onClick: _togglePopup
+    }),
+        attributeValues = _useEventService.attributeValues;
+
+    var memoizedAttributeValues = (0, _react.useMemo)(function () {
+      return attributeValues;
+    }, [attributeValues]);
+    return isPopupOpen ? /*#__PURE__*/_react["default"].createElement(Component, _extends({}, props, {
+      attributeValues: memoizedAttributeValues
+    })) : null;
+  };
+
+  WrappedComponent.displayName = "WithEventPopup(".concat(Component.displayName || Component.name || 'Component', ")");
+  return WrappedComponent;
+};
+
+var _default = function _default(Component) {
+  return (0, _components.Popup)(WithEventPopup(Component));
+};
+
+exports["default"] = _default;

package/lib/services/hoc/WithToastNotification.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _useToastNotificationService = _interopRequireDefault(require("../hooks/useToastNotificationService"));
+
+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 WithToastNotification = function WithToastNotification(Component) {
+  var WrappedComponent = function WrappedComponent(props) {
+    var toastProperties = (0, _useToastNotificationService["default"])();
+    return /*#__PURE__*/_react["default"].createElement(Component, _extends({}, props, {
+      toastProperties: toastProperties
+    }));
+  };
+
+  WrappedComponent.displayName = "WithToastNotification(".concat(Component.displayName || Component.name || 'Component', ")");
+  return WrappedComponent;
+};
+
+var _default = WithToastNotification;
+exports["default"] = _default;

package/lib/services/hooks/useAttachmentViewerService.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = require("react");
+
+var _AttachmentViewerContext = _interopRequireDefault(require("../context/AttachmentViewerContext"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var useAttachmentViewerService = function useAttachmentViewerService() {
+  return (0, _react.useContext)(_AttachmentViewerContext["default"]);
+};
+
+var _default = useAttachmentViewerService;
+exports["default"] = _default;

package/lib/services/hooks/useEventService.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = require("react");
+
+var _Common = require("@zohodesk/components/es/utils/Common");
+
+var _getAttributeValues = _interopRequireDefault(require("../helpers/getAttributeValues"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var useEventService = function useEventService(properties) {
+  var _properties$attribute = properties.attributes,
+      attributes = _properties$attribute === void 0 ? [] : _properties$attribute,
+      keyAttribute = properties.keyAttribute,
+      isRendered = properties.isRendered,
+      onClick = properties.onClick;
+  var attributesValue = (0, _react.useRef)({});
+  (0, _react.useEffect)(function () {
+    if (!isRendered) {
+      attributesValue.current = {};
+    }
+  }, [isRendered]);
+  var handleClick = (0, _react.useCallback)(function (event) {
+    (0, _Common.cancelBubblingEffect)(event);
+    var target = event.target.getAttribute(keyAttribute) || event.target.closest("[".concat(keyAttribute, "]"));
+
+    if (target) {
+      var attributeData = (0, _getAttributeValues["default"])({
+        element: event.target,
+        attributes: attributes
+      });
+
+      if (Object.keys(attributeData).length > 0) {
+        attributesValue.current = attributeData;
+      }
+
+      if (typeof onClick === 'function') {
+        onClick(event);
+      }
+    }
+  }, [attributes, keyAttribute, onClick]);
+  (0, _react.useEffect)(function () {
+    document.addEventListener('click', handleClick);
+    return function () {
+      document.removeEventListener('click', handleClick);
+    };
+  }, [handleClick]);
+  var attributeValues = (0, _react.useMemo)(function () {
+    return attributesValue.current;
+  }, [attributesValue.current]);
+  return {
+    attributeValues: attributeValues
+  };
+};
+
+var _default = useEventService;
+exports["default"] = _default;

package/lib/services/hooks/useToastNotificationService.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = require("react");
+
+var _ToastNotificationContext = _interopRequireDefault(require("../context/ToastNotificationContext"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var useToastNotificationService = function useToastNotificationService() {
+  return (0, _react.useContext)(_ToastNotificationContext["default"]);
+};
+
+var _default = useToastNotificationService;
+exports["default"] = _default;

package/lib/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -227,9 +227,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
           _customProps$TagWrapp = customProps.TagWrapperProps,
           TagWrapperProps = _customProps$TagWrapp === void 0 ? {} : _customProps$TagWrapp,
           _customProps$TagProps = customProps.TagProps,
-          TagProps = _customProps$TagProps === void 0 ? {} : _customProps$TagProps,
-          _customProps$listProp = customProps.listProps,
-          listProps = _customProps$listProp === void 0 ? {} : _customProps$listProp;
+          TagProps = _customProps$TagProps === void 0 ? {} : _customProps$TagProps;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_TagsMultiSelectModule["default"].container, " ").concat(!isReadOnly ? " ".concat(needBorder ? _TagsMultiSelectModule["default"].hasBorder : '', "\n              ").concat(needBorder ? _TagsMultiSelectModule["default"]["borderColor_".concat(borderColor)] : _TagsMultiSelectModule["default"].borderColor_transparent, " ").concat(isPopupReady && needBorder ? _TagsMultiSelectModule["default"].active : '') : '', " ").concat(className),
         onClick: _General.stopBubbling,
@@ -338,7 +336,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
           var name = item.name,
               isNew = item.isNew,
               listItemProps = item.listItemProps;
-          return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, searchList.length > 1 && isNew ? /*#__PURE__*/_react["default"].createElement(_DropDownSeparator["default"], null) : null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], _extends({
+          return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, searchList.length > 1 && isNew ? /*#__PURE__*/_react["default"].createElement(_DropDownSeparator["default"], null) : null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
             key: index,
             index: index,
             autoHover: true,
@@ -351,7 +349,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
             isDisabled: listDisabled,
             customProps: listItemProps,
             customClass: listItemClass
-          }, listProps), isNew ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+          }, isNew ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
             alignBox: "row",
             align: "vertical"
           }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {

package/lib/v1/form/fields/TagsMultiSelect/props/propTypes.js

@@ -62,8 +62,7 @@ var propTypes = {
   customProps: _propTypes["default"].shape({
     TextBoxIconProps: _propTypes["default"].object,
     TagWrapperProps: _propTypes["default"].object,
-    TagProps: _propTypes["default"].object,
-    listProps: _propTypes["default"].object
+    TagProps: _propTypes["default"].object
   })
 };
 exports.propTypes = propTypes;

package/lib/v1/list/DepartmentDropDown/DepartmentDropDown.js

@@ -19,8 +19,6 @@ var _DepartmentDropDownModule = _interopRequireDefault(require("../../../list/De
 
 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); }
-
 function DepartmentDropDown(props) {
   var departmentName = props.departmentName,
       _props$departmentList = props.departmentList,
@@ -37,10 +35,7 @@ function DepartmentDropDown(props) {
       searchStr = props.searchStr,
       i18nKeys = props.i18nKeys,
       onMoveDepartment = props.onMoveDepartment,
-      getDepartment = props.getDepartment,
-      customProps = props.customProps;
-  var _customProps$toggleDr = customProps.toggleDropDownProps,
-      toggleDropDownProps = _customProps$toggleDr === void 0 ? {} : _customProps$toggleDr;
+      getDepartment = props.getDepartment;
   var _i18nKeys$title = i18nKeys.title,
       title = _i18nKeys$title === void 0 ? 'Move Department' : _i18nKeys$title,
       _i18nKeys$searchEmpty = i18nKeys.searchEmptyText,
@@ -63,7 +58,7 @@ function DepartmentDropDown(props) {
     onMoveDepartment(deptId);
   }
 
-  return /*#__PURE__*/_react["default"].createElement(_ToggleDropDown["default"], _extends({
+  return /*#__PURE__*/_react["default"].createElement(_ToggleDropDown["default"], {
     title: title,
     options: departmentList,
     value: /*#__PURE__*/_react["default"].createElement(_SecondaryText.DepartmentText, {
@@ -92,7 +87,7 @@ function DepartmentDropDown(props) {
     isNextOptions: isNextOptions,
     onSearch: onSearch,
     needSearchFetching: needSearchFetching
-  }, toggleDropDownProps));
+  });
 }
 
 DepartmentDropDown.defaultProps = _defaultProps.defaultProps;

package/lib/v1/list/DepartmentDropDown/props/defaultProps.js

@@ -9,7 +9,6 @@ var defaultProps = {
   isPopupActive: true,
   isNextOptions: false,
   searchStr: '',
-  i18nKeys: {},
-  customProps: {}
+  i18nKeys: {}
 };
 exports.defaultProps = defaultProps;

package/lib/v1/list/DepartmentDropDown/props/propTypes.js

@@ -31,7 +31,5 @@ var propTypes = (_propTypes = {
   searchEmptyText: _propTypes2["default"].string,
   searchErrorText: _propTypes2["default"].string,
   placeholder: _propTypes2["default"].string
-})), _defineProperty(_propTypes, "customProps", _propTypes2["default"].shape({
-  toggleDropDownProps: _propTypes2["default"].object
 })), _propTypes);
 exports.propTypes = propTypes;