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

package/lib/services/context/AttachmentViewerContext.js

@@ -11,14 +11,14 @@ 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 _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."); }
@@ -31,15 +31,25 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var AttachmentViewerContext = /*#__PURE__*/(0, _react.createContext)();
 exports.AttachmentViewerContext = AttachmentViewerContext;
 
-var AttachmentViewerProvider = function AttachmentViewerProvider(_ref) {
-  var children = _ref.children;
+var AttachmentViewerProvider = function AttachmentViewerProvider(props) {
+  var children = props.children;
+
+  var modifiedProps = _objectSpread({}, props);
+
+  delete modifiedProps.children;
 
-  var _useState = (0, _react.useState)([]),
+  var _useState = (0, _react.useState)({}),
       _useState2 = _slicedToArray(_useState, 2),
-      attachments = _useState2[0],
+      attachment = _useState2[0],
       setAttachment = _useState2[1];
 
   var showAttachmentViewer = (0, _react.useCallback)(function (attachment) {
@@ -48,19 +58,19 @@ var AttachmentViewerProvider = function AttachmentViewerProvider(_ref) {
   var hideAttachmentViewer = (0, _react.useCallback)(function () {
     setAttachment([]);
   }, []);
-  var contextValue = (0, _react.useCallback)(function () {
+  var contextValue = (0, _react.useMemo)(function () {
     return {
-      attachments: attachments,
+      attachment: attachment,
       showAttachmentViewer: showAttachmentViewer,
       hideAttachmentViewer: hideAttachmentViewer
     };
-  }, [attachments]);
+  }, [attachment]);
   return /*#__PURE__*/_react["default"].createElement(AttachmentViewerContext.Provider, {
     value: contextValue
-  }, children, /*#__PURE__*/_react["default"].createElement(_AttachmentViewer["default"], {
-    attachments: attachments,
+  }, children, /*#__PURE__*/_react["default"].createElement(_AttachmentViewer["default"], _extends({
+    attachment: attachment,
     hideAttachmentViewer: hideAttachmentViewer
-  }));
+  }, modifiedProps)));
 };
 
 exports.AttachmentViewerProvider = AttachmentViewerProvider;

package/lib/services/context/ToastNotificationContext.js

@@ -9,9 +9,7 @@ exports["default"] = exports.ToastNotificationProvider = exports.ToastNotificati
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _ToastNotification = _interopRequireDefault(require("../components/ToastNotification"));
-
-var _ContextOptimizer = require("@zohodesk/components/es/utils/ContextOptimizer");
+var _ToastNotification = _interopRequireDefault(require("../components/ToastNotification/ToastNotification"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -19,6 +17,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 _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."); }
@@ -39,11 +39,21 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var ToastNotificationContext = /*#__PURE__*/(0, _react.createContext)();
 exports.ToastNotificationContext = ToastNotificationContext;
 
-var ToastNotificationProvider = function ToastNotificationProvider(_ref) {
-  var children = _ref.children;
+var ToastNotificationProvider = function ToastNotificationProvider(props) {
+  var children = props.children;
+
+  var modifiedProps = _objectSpread({}, props);
+
+  delete modifiedProps.children;
 
   var _useState = (0, _react.useState)([]),
       _useState2 = _slicedToArray(_useState, 2),
@@ -71,7 +81,7 @@ var ToastNotificationProvider = function ToastNotificationProvider(_ref) {
   var clearToastNotifications = (0, _react.useCallback)(function () {
     setToastMessages([]);
   }, []);
-  var contextValue = useMemo(function () {
+  var contextValue = (0, _react.useMemo)(function () {
     return {
       toastMessages: toastMessages,
       showToastNotification: showToastNotification,
@@ -79,18 +89,13 @@ var ToastNotificationProvider = function ToastNotificationProvider(_ref) {
       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,
+  }, children, /*#__PURE__*/_react["default"].createElement(_ToastNotification["default"], _extends({
+    messages: toastMessages,
     hideToastNotification: hideToastNotification,
     clearToastNotifications: clearToastNotifications
-  }));
+  }, modifiedProps)));
 };
 
 exports.ToastNotificationProvider = ToastNotificationProvider;

package/lib/services/hoc/WithAttachmentViewer.js

@@ -1,26 +1,32 @@
 "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 = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _useAttachmentViewerService = _interopRequireDefault(require("../hooks/useAttachmentViewerService"));
 
 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 WithAttachmentViewer = function WithAttachmentViewer(Component) {
-  var WrappedComponent = function WrappedComponent(props) {
+  var WrappedComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var attachmentViewerProperties = (0, _useAttachmentViewerService["default"])();
     return /*#__PURE__*/_react["default"].createElement(Component, _extends({}, props, {
+      ref: ref,
       attachmentViewerProperties: attachmentViewerProperties
     }));
-  };
-
+  });
   WrappedComponent.displayName = "WithAttachmentViewer(".concat(Component.displayName || Component.name || 'Component', ")");
   return WrappedComponent;
 };

package/lib/services/hoc/WithEventPopup.js

@@ -23,10 +23,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && 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 WithEventPopup = function WithEventPopup(Component, _ref) {
-  var onClick = _ref.onClick;
-
-  var WrappedComponent = function WrappedComponent(props) {
+var WithEventPopup = function WithEventPopup(Component) {
+  var properties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var onClick = properties.onClick;
+  var WrappedComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var isPopupOpen = props.isPopupOpen,
         getTargetRef = props.getTargetRef,
         togglePopup = props.togglePopup,
@@ -57,10 +57,10 @@ var WithEventPopup = function WithEventPopup(Component, _ref) {
       return attributeValues;
     }, [attributeValues]);
     return isPopupOpen ? /*#__PURE__*/_react["default"].createElement(Component, _extends({}, props, {
+      ref: ref,
       attributeValues: memoizedAttributeValues
     })) : null;
-  };
-
+  });
   WrappedComponent.displayName = "WithEventPopup(".concat(Component.displayName || Component.name || 'Component', ")");
   return WrappedComponent;
 };

package/lib/services/hoc/WithToastNotification.js

@@ -1,26 +1,32 @@
 "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 = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _useToastNotificationService = _interopRequireDefault(require("../hooks/useToastNotificationService"));
 
 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 WithToastNotification = function WithToastNotification(Component) {
-  var WrappedComponent = function WrappedComponent(props) {
+  var WrappedComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var toastProperties = (0, _useToastNotificationService["default"])();
     return /*#__PURE__*/_react["default"].createElement(Component, _extends({}, props, {
+      ref: ref,
       toastProperties: toastProperties
     }));
-  };
-
+  });
   WrappedComponent.displayName = "WithToastNotification(".concat(Component.displayName || Component.name || 'Component', ")");
   return WrappedComponent;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-202",
+  "version": "1.0.0-temp-202.2",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -63,26 +63,28 @@
     "@zohodesk-private/node-plugins": "1.1.8",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.2.6",
-    "@zohodesk/components": "1.0.0-temp-214",
+    "@zohodesk/components": "1.2.51",
     "@zohodesk/hooks": "2.0.5",
-    "@zohodesk/icons": "1.0.67",
+    "@zohodesk/icons": "1.0.68",
     "@zohodesk/svg": "1.1.22",
     "@zohodesk/utils": "1.3.14",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",
-    "velocity-react": "1.4.3"
+    "velocity-react": "1.4.3",
+    "react-transition-group": "^4.4.5"
   },
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/components": "1.0.0-temp-214",
-    "@zohodesk/icons": "1.0.67",
+    "@zohodesk/components": "1.2.51",
+    "@zohodesk/icons": "1.0.68",
     "@zohodesk/svg": "1.1.22",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/utils": "1.3.14",
-    "@zohodesk/a11y": "2.2.6"
+    "@zohodesk/a11y": "2.2.6",
+    "react-transition-group": "^4.4.5"
   }
 }