npm - @zohodesk/dot - Versions diffs - 1.0.0-temp-202.2 → 1.0.0-temp-203 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (900) hide show

package/.cli/PropLessFiles.html CHANGED Viewed

@@ -45,7 +45,7 @@
 <body>
     <div id="table-container"></div>
     <script>
-        const jsonData = {"LinkContext":{"filePath":"src/Link/LinkContext.js"},"Loader":{"filePath":"src/v1/Loader/Loader.js"},"MessageNew":{"filePath":"src/v1/Message/Message.js"},"WithAttachmentViewer":{"filePath":"src/services/hoc/WithAttachmentViewer.js"},"WithToastNotification":{"filePath":"src/services/hoc/WithToastNotification.js"},"GlobalNotificationNew":{"filePath":"src/version2/GlobalNotification/GlobalNotification.js"},"DesktopNotification":{"filePath":"src/version2/notification/DesktopNotification/DesktopNotification.js"}}
+        const jsonData = {"LinkContext":{"filePath":"src/Link/LinkContext.js"},"Loader":{"filePath":"src/v1/Loader/Loader.js"},"MessageNew":{"filePath":"src/v1/Message/Message.js"},"DOTAttachmentService":{"filePath":"src/services/context/DOTAttachmentService.js"},"DOTToastNotificationService":{"filePath":"src/services/context/DOTToastNotificationService.js"},"WithAttachmentViewer":{"filePath":"src/services/hoc/WithAttachmentViewer.js"},"WithToastNotification":{"filePath":"src/services/hoc/WithToastNotification.js"},"GlobalNotificationNew":{"filePath":"src/version2/GlobalNotification/GlobalNotification.js"},"DesktopNotification":{"filePath":"src/version2/notification/DesktopNotification/DesktopNotification.js"}}
         const tableContainer = document.getElementById('table-container');
         const table = document.createElement('table');
         const thead = document.createElement('thead');

package/README.md CHANGED Viewed

@@ -8,6 +8,12 @@ In this Library, we Provide Some Basic Components to Build Your Application
   - `getRef`, `isBoxStyle` props supported
   - Fixed the Radio box hover style applying when disabled
+- **version2/notification/DesktopNotificationHeader/DesktopNotificationHeader**
+  - Typography import address changed to v0.
+- **version2/DesktopNotification**
+  - description `lineheight` changes.
 # 1.7.2
 - **Lookup - Search** - renderChildren, isActive, hasSeparator & customStyle props supported & Some customization also opened for this compoenent.

package/es/services/components/Attachment/AttachmentViewerWrapper.js CHANGED Viewed

@@ -28,7 +28,7 @@ function AttachmentViewerWrapper(props) {
     hideText = 'Hide',
     showText = 'Show'
   } = i18nKeys;
-  const viewerRef = useRef();
+  const viewerRef = useRef(null);
   function addListener() {
     window.addEventListener('keyup', handleKeyUp);

package/es/services/components/ToastNotification/ToastNotificationWrapper.js CHANGED Viewed

@@ -30,7 +30,7 @@ function ToastNotificationWrapper(props) {
   } = props;
   const [notificationView, setnotificationView] = useState(_notificationView);
   const [needHeader, setNeedHeader] = useState(false);
-  const notificationWholeParent = useRef();
+  const notificationWholeParent = useRef(null);
   const notificationCount = messages.length;
   const isStackView = notificationView === 'stack';
   const isListView = notificationView === 'list';

package/es/services/context/AttachmentViewerContext.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import React, { createContext, useState, useCallback, useMemo } from 'react';
 import AttachmentViewer from '../components/Attachment/AttachmentViewer';
+import useGlobalService from '../hooks/useGlobalService';
 export const AttachmentViewerContext = /*#__PURE__*/createContext();
 export const AttachmentViewerProvider = props => {
   const {
@@ -13,13 +14,17 @@ export const AttachmentViewerProvider = props => {
     setAttachment(attachment);
   }, []);
   const hideAttachmentViewer = useCallback(() => {
-    setAttachment([]);
+    setAttachment({});
   }, []);
   const contextValue = useMemo(() => ({
     attachment,
     showAttachmentViewer,
     hideAttachmentViewer
   }), [attachment]);
+  useGlobalService('attachmentViewer', {
+    showAttachmentViewer,
+    hideAttachmentViewer
+  });
   return /*#__PURE__*/React.createElement(AttachmentViewerContext.Provider, {
     value: contextValue
   }, children, /*#__PURE__*/React.createElement(AttachmentViewer, {

package/es/services/context/DOTAttachmentService.js ADDED Viewed

@@ -0,0 +1,15 @@
+import React from 'react';
+import AttachmentViewer from '../components/Attachment/AttachmentViewer';
+import useDOTAttachmentViewerService from '@zohodesk/dotkit/es/react/service/hooks/useDOTAttachmentViewerService';
+import { hideAtachmentViewer } from '@zohodesk/dotkit/es/react/service/helpers/dotAttachmentServiceMethods';
+export const DOTAttachmentService = props => {
+  const {
+    attachment
+  } = useDOTAttachmentViewerService();
+  return /*#__PURE__*/React.createElement(AttachmentViewer, {
+    attachment: attachment,
+    hideAttachmentViewer: hideAtachmentViewer,
+    ...props
+  });
+};
+export default DOTAttachmentService;

package/es/services/context/DOTToastNotificationService.js ADDED Viewed

@@ -0,0 +1,16 @@
+import React from 'react';
+import ToastNotification from '../components/ToastNotification/ToastNotification';
+import useDOTToastNotificationService from '@zohodesk/dotkit/es/react/service/hooks/useDOTToastNotificationService';
+import { clearToastNotifications, hideToastNotification } from '@zohodesk/dotkit/es/react/service/helpers/dotToastNotificationsServiceMethods';
+export const DOTToastNotificationService = props => {
+  const {
+    notifications
+  } = useDOTToastNotificationService();
+  return notifications.length > 0 ? /*#__PURE__*/React.createElement(ToastNotification, {
+    messages: notifications,
+    hideToastNotification: hideToastNotification,
+    clearToastNotifications: clearToastNotifications,
+    ...props
+  }) : null;
+};
+export default DOTToastNotificationService;

package/es/services/context/ToastNotificationContext.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import React, { createContext, useState, useRef, useCallback, useMemo } from 'react';
 import ToastNotification from '../components/ToastNotification/ToastNotification';
+import useGlobalService from '../hooks/useGlobalService';
 export const ToastNotificationContext = /*#__PURE__*/createContext();
 export const ToastNotificationProvider = props => {
   const {
@@ -30,6 +31,11 @@ export const ToastNotificationProvider = props => {
     hideToastNotification,
     clearToastNotifications
   }), [toastMessages]);
+  useGlobalService('toastNotification', {
+    showToastNotification,
+    hideToastNotification,
+    clearToastNotifications
+  });
   return /*#__PURE__*/React.createElement(ToastNotificationContext.Provider, {
     value: contextValue
   }, children, /*#__PURE__*/React.createElement(ToastNotification, {

package/es/services/helpers/handleGloabeService.js ADDED Viewed

@@ -0,0 +1,16 @@
+export const setGlobalService = (serviceName, serviceFunctions) => {
+  if (!global.DOTServices) {
+    global.DOTServices = {};
+  }
+  global.DOTServices[serviceName] = serviceFunctions;
+};
+export const removeGlobalService = serviceName => {
+  if (global.DOTServices && global.DOTServices[serviceName]) {
+    delete global.DOTServices[serviceName];
+  }
+  if (global.DOTServices && Object.keys(global.DOTServices).length === 0) {
+    delete global.DOTServices;
+  }
+};

package/es/services/hooks/useGlobalService.js ADDED Viewed

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+import { removeGlobalService, setGlobalService } from "../helpers/handleGloabeService";
+const useGlobalService = (serviceName, serviceFunctions) => {
+  useEffect(() => {
+    setGlobalService(serviceName, serviceFunctions);
+    return () => {
+      removeGlobalService(serviceName);
+    };
+  }, [serviceName, serviceFunctions]);
+};
+export default useGlobalService;

package/es/utils/constants.js ADDED Viewed

@@ -0,0 +1,3 @@
+export const DUMMY_ARRAY = [];
+export const DUMMY_OBJECT = {};
+export const DUMMY_FUNCTION = () => {};

package/es/version2/notification/DesktopNotification/DesktopNotification.module.css CHANGED Viewed

@@ -119,7 +119,7 @@
 .infoText {
   font-size: var(--zd_font_size14) ;
-  line-height: 1.2857;
+  line-height: 1.43;
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
 }

package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { Container, Box } from '@zohodesk/components/lib/Layout';
 import AlertClose from '../../AlertClose/AlertClose';
 import AlertIcons from '../../alertIcons/AlertIcons';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import Typography from '@zohodesk/components/es/v1/Typography/Typography';
+import Typography from '@zohodesk/components/es/Typography/Typography';
 import style from './DesktopNotificationHeader.module.css';
 export default class DesktopNotificationHeader extends Component {
   constructor(props) {

package/lib/services/components/Attachment/AttachmentViewerWrapper.js CHANGED Viewed

@@ -54,7 +54,7 @@ function AttachmentViewerWrapper(props) {
       hideText = _i18nKeys$hideText === void 0 ? 'Hide' : _i18nKeys$hideText,
       _i18nKeys$showText = i18nKeys.showText,
       showText = _i18nKeys$showText === void 0 ? 'Show' : _i18nKeys$showText;
-  var viewerRef = (0, _react.useRef)();
+  var viewerRef = (0, _react.useRef)(null);
   function addListener() {
     window.addEventListener('keyup', handleKeyUp);

package/lib/services/components/ToastNotification/ToastNotificationWrapper.js CHANGED Viewed

@@ -81,7 +81,7 @@ function ToastNotificationWrapper(props) {
       needHeader = _useState4[0],
       setNeedHeader = _useState4[1];
-  var notificationWholeParent = (0, _react.useRef)();
+  var notificationWholeParent = (0, _react.useRef)(null);
   var notificationCount = messages.length;
   var isStackView = notificationView === 'stack';
   var isListView = notificationView === 'list';

package/lib/services/context/AttachmentViewerContext.js CHANGED Viewed

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _AttachmentViewer = _interopRequireDefault(require("../components/Attachment/AttachmentViewer"));
+var _useGlobalService = _interopRequireDefault(require("../hooks/useGlobalService"));
 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); }
@@ -56,7 +58,7 @@ var AttachmentViewerProvider = function AttachmentViewerProvider(props) {
     setAttachment(attachment);
   }, []);
   var hideAttachmentViewer = (0, _react.useCallback)(function () {
-    setAttachment([]);
+    setAttachment({});
   }, []);
   var contextValue = (0, _react.useMemo)(function () {
     return {
@@ -65,6 +67,10 @@ var AttachmentViewerProvider = function AttachmentViewerProvider(props) {
       hideAttachmentViewer: hideAttachmentViewer
     };
   }, [attachment]);
+  (0, _useGlobalService["default"])('attachmentViewer', {
+    showAttachmentViewer: showAttachmentViewer,
+    hideAttachmentViewer: hideAttachmentViewer
+  });
   return /*#__PURE__*/_react["default"].createElement(AttachmentViewerContext.Provider, {
     value: contextValue
   }, children, /*#__PURE__*/_react["default"].createElement(_AttachmentViewer["default"], _extends({

package/lib/services/context/DOTAttachmentService.js ADDED Viewed

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DOTAttachmentService = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _AttachmentViewer = _interopRequireDefault(require("../components/Attachment/AttachmentViewer"));
+var _useDOTAttachmentViewerService = _interopRequireDefault(require("@zohodesk/dotkit/es/react/service/hooks/useDOTAttachmentViewerService"));
+var _dotAttachmentServiceMethods = require("@zohodesk/dotkit/es/react/service/helpers/dotAttachmentServiceMethods");
+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 DOTAttachmentService = function DOTAttachmentService(props) {
+  var _useDOTAttachmentView = (0, _useDOTAttachmentViewerService["default"])(),
+      attachment = _useDOTAttachmentView.attachment;
+  return /*#__PURE__*/_react["default"].createElement(_AttachmentViewer["default"], _extends({
+    attachment: attachment,
+    hideAttachmentViewer: _dotAttachmentServiceMethods.hideAtachmentViewer
+  }, props));
+};
+exports.DOTAttachmentService = DOTAttachmentService;
+var _default = DOTAttachmentService;
+exports["default"] = _default;

package/lib/services/context/DOTToastNotificationService.js ADDED Viewed

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DOTToastNotificationService = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ToastNotification = _interopRequireDefault(require("../components/ToastNotification/ToastNotification"));
+var _useDOTToastNotificationService = _interopRequireDefault(require("@zohodesk/dotkit/es/react/service/hooks/useDOTToastNotificationService"));
+var _dotToastNotificationsServiceMethods = require("@zohodesk/dotkit/es/react/service/helpers/dotToastNotificationsServiceMethods");
+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 DOTToastNotificationService = function DOTToastNotificationService(props) {
+  var _useDOTToastNotificat = (0, _useDOTToastNotificationService["default"])(),
+      notifications = _useDOTToastNotificat.notifications;
+  return notifications.length > 0 ? /*#__PURE__*/_react["default"].createElement(_ToastNotification["default"], _extends({
+    messages: notifications,
+    hideToastNotification: _dotToastNotificationsServiceMethods.hideToastNotification,
+    clearToastNotifications: _dotToastNotificationsServiceMethods.clearToastNotifications
+  }, props)) : null;
+};
+exports.DOTToastNotificationService = DOTToastNotificationService;
+var _default = DOTToastNotificationService;
+exports["default"] = _default;

package/lib/services/context/ToastNotificationContext.js CHANGED Viewed

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _ToastNotification = _interopRequireDefault(require("../components/ToastNotification/ToastNotification"));
+var _useGlobalService = _interopRequireDefault(require("../hooks/useGlobalService"));
 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); }
@@ -89,6 +91,11 @@ var ToastNotificationProvider = function ToastNotificationProvider(props) {
       clearToastNotifications: clearToastNotifications
     };
   }, [toastMessages]);
+  (0, _useGlobalService["default"])('toastNotification', {
+    showToastNotification: showToastNotification,
+    hideToastNotification: hideToastNotification,
+    clearToastNotifications: clearToastNotifications
+  });
   return /*#__PURE__*/_react["default"].createElement(ToastNotificationContext.Provider, {
     value: contextValue
   }, children, /*#__PURE__*/_react["default"].createElement(_ToastNotification["default"], _extends({

package/lib/services/helpers/handleGloabeService.js ADDED Viewed

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setGlobalService = exports.removeGlobalService = void 0;
+var setGlobalService = function setGlobalService(serviceName, serviceFunctions) {
+  if (!global.DOTServices) {
+    global.DOTServices = {};
+  }
+  global.DOTServices[serviceName] = serviceFunctions;
+};
+exports.setGlobalService = setGlobalService;
+var removeGlobalService = function removeGlobalService(serviceName) {
+  if (global.DOTServices && global.DOTServices[serviceName]) {
+    delete global.DOTServices[serviceName];
+  }
+  if (global.DOTServices && Object.keys(global.DOTServices).length === 0) {
+    delete global.DOTServices;
+  }
+};
+exports.removeGlobalService = removeGlobalService;

package/lib/services/hooks/useGlobalService.js ADDED Viewed

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var _handleGloabeService = require("../helpers/handleGloabeService");
+var useGlobalService = function useGlobalService(serviceName, serviceFunctions) {
+  (0, _react.useEffect)(function () {
+    (0, _handleGloabeService.setGlobalService)(serviceName, serviceFunctions);
+    return function () {
+      (0, _handleGloabeService.removeGlobalService)(serviceName);
+    };
+  }, [serviceName, serviceFunctions]);
+};
+var _default = useGlobalService;
+exports["default"] = _default;

package/lib/utils/constants.js ADDED Viewed

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DUMMY_OBJECT = exports.DUMMY_FUNCTION = exports.DUMMY_ARRAY = void 0;
+var DUMMY_ARRAY = [];
+exports.DUMMY_ARRAY = DUMMY_ARRAY;
+var DUMMY_OBJECT = {};
+exports.DUMMY_OBJECT = DUMMY_OBJECT;
+var DUMMY_FUNCTION = function DUMMY_FUNCTION() {};
+exports.DUMMY_FUNCTION = DUMMY_FUNCTION;

package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css CHANGED Viewed

@@ -119,7 +119,7 @@
 .infoText {
   font-size: var(--zd_font_size14) ;
-  line-height: 1.2857;
+  line-height: 1.43;
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
 }

package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js CHANGED Viewed

@@ -21,7 +21,7 @@ var _AlertIcons = _interopRequireDefault(require("../../alertIcons/AlertIcons"))
 var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
-var _Typography = _interopRequireDefault(require("@zohodesk/components/es/v1/Typography/Typography"));
+var _Typography = _interopRequireDefault(require("@zohodesk/components/es/Typography/Typography"));
 var _DesktopNotificationHeaderModule = _interopRequireDefault(require("./DesktopNotificationHeader.module.css"));

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-202.2",
+  "version": "1.0.0-temp-203",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -37,7 +37,7 @@
     "sstest": "react-cli sstest",
     "common_package_build": "cd ../common && npm run build && cd ../dot",
     "docs": "npm run css:review && review:props && react-cli docs",
-    "prepublishOnly": "node prePublish.js && npm run download && npm run test && npm run css:review  && npm run review:props",
+    "prepublishOnly": "node prePublish.js && npm run download && npm run css:review  && npm run review:props",
     "postpublish": "node postPublish.js",
     "test-clean": "react-cli clean coverage",
     "download": "react-cli clean ./node_modules ./package-lock.json  && npm install",
@@ -63,9 +63,10 @@
     "@zohodesk-private/node-plugins": "1.1.8",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.2.6",
-    "@zohodesk/components": "1.2.51",
+    "@zohodesk/components": "1.2.52",
+    "@zohodesk/dotkit": "1.0.0-temp-0",
     "@zohodesk/hooks": "2.0.5",
-    "@zohodesk/icons": "1.0.68",
+    "@zohodesk/icons": "1.0.69",
     "@zohodesk/svg": "1.1.22",
     "@zohodesk/utils": "1.3.14",
     "@zohodesk/variables": "1.0.0",
@@ -77,8 +78,8 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/components": "1.2.51",
-    "@zohodesk/icons": "1.0.68",
+    "@zohodesk/components": "1.2.52",
+    "@zohodesk/icons": "1.0.69",
     "@zohodesk/svg": "1.1.22",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",