@zohodesk/dot 1.0.0-temp-187.7 → 1.0.0-temp-207.1

package/lib/utils/getCurrentTime.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getCurrentTime;
+
+function getCurrentTime() {
+  var now = new Date();
+  var hours = now.getHours();
+  var minutes = now.getMinutes().toString().padStart(2, '0');
+  var seconds = now.getSeconds().toString().padStart(2, '0');
+  var ampm = hours >= 12 ? 'PM' : 'AM';
+  var formattedHours = hours % 12 || 12; // Convert 24-hour time to 12-hour format
+
+  return "".concat(formattedHours, ":").concat(minutes, ":").concat(seconds, " ").concat(ampm);
+}

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;

package/lib/version2/GlobalNotification/GlobalNotification.js

@@ -27,10 +27,20 @@ var _Layout = require("@zohodesk/components/lib/Layout");
 
 var _Common = require("@zohodesk/components/es/utils/Common");
 
+var _getCurrentTime = _interopRequireDefault(require("../../utils/getCurrentTime"));
+
+var _constants = require("./utils/constants");
+
 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 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; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -67,30 +77,61 @@ var GlobalNotification = /*#__PURE__*/function (_React$Component) {
       shadowClose: true
     };
     _this.onClose = _this.onClose.bind(_assertThisInitialized(_this));
+    _this.getNotiifcationData = _this.getNotiifcationData.bind(_assertThisInitialized(_this));
+    _this.handleStatusChange = _this.handleStatusChange.bind(_assertThisInitialized(_this));
     return _this;
   }
 
   _createClass(GlobalNotification, [{
     key: "componentDidMount",
     value: function componentDidMount() {
+      var _this2 = this;
+
       var _this$props = this.props,
           hideMessage = _this$props.hideMessage,
           hideTime = _this$props.hideTime,
           id = _this$props.id,
           needAutoClose = _this$props.needAutoClose;
+      this.handleStatusChange(_constants.STATUS_MOUNTED);
 
       if (needAutoClose) {
         this.hideMessageTimer = setTimeout(function () {
           hideMessage(id);
+
+          _this2.handleStatusChange(_constants.STATUS_DISMISSING);
         }, hideTime);
       }
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.id === this.props.id && (prevProps.message !== this.props.message || prevProps.type !== this.props.type)) {
+        this.handleStatusChange(_constants.STATUS_UPDATED);
+      }
+    }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       if (this.hideMessageTimer) {
         clearTimeout(this.hideMessageTimer);
       }
+
+      this.handleStatusChange(_constants.STATUS_UNMOUNTED);
+    }
+  }, {
+    key: "handleStatusChange",
+    value: function handleStatusChange(status) {
+      var onStatusChange = this.props.onStatusChange;
+      var notificationData = this.getNotiifcationData();
+      var currentTime = (0, _getCurrentTime["default"])();
+
+      if (typeof onStatusChange == 'function') {
+        onStatusChange(_objectSpread(_objectSpread({
+          status: status
+        }, notificationData), {}, {
+          time: currentTime
+        }));
+      }
     }
   }, {
     key: "onClose",
@@ -102,42 +143,51 @@ var GlobalNotification = /*#__PURE__*/function (_React$Component) {
       this.setState({
         shadowClose: false
       });
+      this.handleStatusChange(_constants.STATUS_DISMISSING);
       hideMessage && hideMessage(id);
       onClose && onClose(e);
     }
   }, {
-    key: "render",
-    value: function render() {
+    key: "getNotiifcationData",
+    value: function getNotiifcationData() {
       var _this$props3 = this.props,
-          type = _this$props3.type,
-          message = _this$props3.message,
-          hideMessage = _this$props3.hideMessage,
-          onClick = _this$props3.onClick,
-          _this$props3$i18nKeys = _this$props3.i18nKeys,
-          i18nKeys = _this$props3$i18nKeys === void 0 ? {} : _this$props3$i18nKeys,
-          customProps = _this$props3.customProps,
-          dataSelectorId = _this$props3.dataSelectorId,
           id = _this$props3.id,
-          needShadow = _this$props3.needShadow,
-          shadowCount = _this$props3.shadowCount,
-          eleRef = _this$props3.eleRef;
+          type = _this$props3.type,
+          message = _this$props3.message;
+      return {
+        id: id,
+        type: type,
+        message: message
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props4 = this.props,
+          hideMessage = _this$props4.hideMessage,
+          onClick = _this$props4.onClick,
+          _this$props4$i18nKeys = _this$props4.i18nKeys,
+          i18nKeys = _this$props4$i18nKeys === void 0 ? {} : _this$props4$i18nKeys,
+          customProps = _this$props4.customProps,
+          dataSelectorId = _this$props4.dataSelectorId,
+          needShadow = _this$props4.needShadow,
+          shadowCount = _this$props4.shadowCount,
+          eleRef = _this$props4.eleRef;
       var shadowClose = this.state.shadowClose;
       var _i18nKeys$closeTitle = i18nKeys.closeTitle,
           closeTitle = _i18nKeys$closeTitle === void 0 ? 'Close' : _i18nKeys$closeTitle;
-      return /*#__PURE__*/_react["default"].createElement(GlobalNotificationUI, {
-        type: type,
-        message: message,
+      var notificationData = this.getNotiifcationData();
+      return /*#__PURE__*/_react["default"].createElement(GlobalNotificationUI, _extends({}, notificationData, {
         hideMessage: hideMessage,
         onClick: onClick,
         closeTitle: closeTitle,
         customProps: customProps,
         dataSelectorId: dataSelectorId,
-        id: id,
         shadowCount: shadowCount,
         onClose: this.onClose,
         needShadow: shadowClose && needShadow,
         eleRef: eleRef
-      });
+      }));
     }
   }]);
 

package/lib/version2/GlobalNotification/__tests__/GlobalNotification.spec.js

@@ -6,6 +6,8 @@ var _react2 = require("@testing-library/react");
 
 var _GlobalNotification = _interopRequireDefault(require("../GlobalNotification"));
 
+var _constants = require("../utils/constants");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 describe('GlobalNotification', function () {
@@ -15,4 +17,12 @@ describe('GlobalNotification', function () {
 
     expect(asFragment()).toMatchSnapshot();
   });
+});
+describe('GlobalNotification Constants', function () {
+  test('should have correct constant values', function () {
+    expect(_constants.STATUS_MOUNTED).toBe('mounted');
+    expect(_constants.STATUS_UPDATED).toBe('updated');
+    expect(_constants.STATUS_DISMISSING).toBe('dismissing');
+    expect(_constants.STATUS_UNMOUNTED).toBe('unmounted');
+  });
 });

package/lib/version2/GlobalNotification/utils/constants.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.STATUS_UPDATED = exports.STATUS_UNMOUNTED = exports.STATUS_MOUNTED = exports.STATUS_DISMISSING = void 0;
+var STATUS_MOUNTED = 'mounted';
+exports.STATUS_MOUNTED = STATUS_MOUNTED;
+var STATUS_UPDATED = 'updated';
+exports.STATUS_UPDATED = STATUS_UPDATED;
+var STATUS_DISMISSING = 'dismissing';
+exports.STATUS_DISMISSING = STATUS_DISMISSING;
+var STATUS_UNMOUNTED = 'unmounted';
+exports.STATUS_UNMOUNTED = STATUS_UNMOUNTED;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-187.7",
+  "version": "1.0.0-temp-207.1",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -63,7 +63,7 @@
     "@zohodesk-private/node-plugins": "1.1.8",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.2.7",
-    "@zohodesk/components": "1.0.0-temp-199.7",
+    "@zohodesk/components": "1.2.56",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/icons": "1.0.70",
     "@zohodesk/svg": "1.1.22",
@@ -76,7 +76,7 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/components": "1.0.0-temp-199.7",
+    "@zohodesk/components": "1.2.56",
     "@zohodesk/icons": "1.0.70",
     "@zohodesk/svg": "1.1.22",
     "@zohodesk/virtualizer": "1.0.3",