@zohodesk/dot 1.0.0-temp-197.6 → 1.0.0-temp-187.1

package/es/version2/index.js

@@ -1,12 +1,12 @@
-export { default as AlertClose } from './AlertClose/AlertClose';
-import * as _alertIcons from './alertIcons';
+export { default as AlertClose } from "./AlertClose/AlertClose";
+import * as _alertIcons from "./alertIcons";
 export { _alertIcons as alertIcons };
-import * as _errorstate from './errorstate';
+import * as _errorstate from "./errorstate";
 export { _errorstate as errorstate };
-export { default as GlobalNotification } from './GlobalNotification/GlobalNotification';
-export { GlobalNotificationUI } from './GlobalNotification/GlobalNotification';
-export { GlobalNotificationNew } from './GlobalNotification/GlobalNotification';
-import * as _lookup from './lookup';
+export { default as GlobalNotification } from "./GlobalNotification/GlobalNotification";
+export { GlobalNotificationUI } from "./GlobalNotification/GlobalNotification";
+export { GlobalNotificationNew } from "./GlobalNotification/GlobalNotification";
+import * as _lookup from "./lookup";
 export { _lookup as lookup };
-import * as _notification from './notification';
+import * as _notification from "./notification";
 export { _notification as notification };

package/es/version2/lookup/AlertHeader/AlertHeader.js

@@ -1,17 +1,17 @@
 import React, { useRef } from 'react'; //AlertDependencies
 
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import AlertClose from '../../AlertClose/AlertClose';
-import AlertIcons from '../../alertIcons/AlertIcons'; //CSS
+import AlertClose from "../../AlertClose/AlertClose";
+import AlertIcons from "../../alertIcons/AlertIcons"; //CSS
 
-import style from './css/AlertHeaderNew.module.css';
-import cssJSLogic from './css/cssJSLogic';
+import style from "./css/AlertHeaderNew.module.css";
+import cssJSLogic from "./css/cssJSLogic";
 import { mergeStyle } from '@zohodesk/utils'; //customHooks
 
-import useDragger from '../../../Hooks/Dragger/useDragger'; //Props
+import useDragger from "../../../Hooks/Dragger/useDragger"; //Props
 
-import defaultProps from './props/defaultProps';
-import propTypes from './props/propTypes';
+import defaultProps from "./props/defaultProps";
+import propTypes from "./props/propTypes";
 export default function AlertHeader(props) {
   const {
     title,

package/es/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import AlertHeader from '../AlertHeader';
+import AlertHeader from "../AlertHeader";
 describe('AlertHeader', () => {
   test('rendering the defult props', () => {
     const {

package/es/version2/lookup/AlertLookup/AlertLookup.js

@@ -1,19 +1,19 @@
 /**** Libraries ****/
 import React, { Component } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
-import Lookup from '../../../lookup/Lookup/Lookup';
-import AlertHeader from '../AlertHeader/AlertHeader';
+import Lookup from "../../../lookup/Lookup/Lookup";
+import AlertHeader from "../AlertHeader/AlertHeader";
 import Button from '@zohodesk/components/lib/Button/Button';
-import Section from '../../../lookup/Section/Section';
-import FormAction from '../../../FormAction/FormAction';
+import Section from "../../../lookup/Section/Section";
+import FormAction from "../../../FormAction/FormAction";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
 /**** CSS ****/
 
-import style from './AlertLookupNew.module.css';
+import style from "./AlertLookupNew.module.css";
 let buttonPaletteObject = {
   success: {
     buttonPalette: 'successFilled'

package/es/version2/lookup/AlertLookup/__tests__/AlertLookup.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import AlertLookup from '../AlertLookup';
+import AlertLookup from "../AlertLookup";
 describe('AlertLookup', () => {
   test('rendering the defult props', () => {
     const {

package/es/version2/lookup/index.js

@@ -1,2 +1,2 @@
-export { default as AlertHeader } from './AlertHeader/AlertHeader';
-export { default as AlertLookup } from './AlertLookup/AlertLookup';
+export { default as AlertHeader } from "./AlertHeader/AlertHeader";
+export { default as AlertLookup } from "./AlertLookup/AlertLookup";

package/es/version2/notification/DesktopNotification/DesktopNotification.js

@@ -1,14 +1,14 @@
 import React, { useState } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes, DesktopNotificationUI_propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes, DesktopNotificationUI_propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { useZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
-import AutoClose from '../../../actions/AutoClose';
+import AutoClose from "../../../actions/AutoClose";
 import Button from '@zohodesk/components/lib/Button/Button';
-import FormAction from '../../../FormAction/FormAction';
-import DesktopNotificationHeader from '../DesktopNotificationHeader/DesktopNotificationHeader';
+import FormAction from "../../../FormAction/FormAction";
+import DesktopNotificationHeader from "../DesktopNotificationHeader/DesktopNotificationHeader";
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import style from './DesktopNotification.module.css';
+import style from "./DesktopNotification.module.css";
 let buttonPaletteObject = {
   success: {
     buttonPalette: 'successFilled'

package/es/version2/notification/DesktopNotification/__tests__/DesktopNotification.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import DesktopNotification from '../DesktopNotification';
+import DesktopNotification from "../DesktopNotification";
 describe('DesktopNotification', () => {
   test('rendering the defult props', () => {
     const {

package/es/version2/notification/DesktopNotification/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { getDotLibraryConfig } from '../../../../Provider/Config';
+import { getDotLibraryConfig } from "../../../../Provider/Config";
 export const defaultProps = {
   isMore: false,
   isAnimate: true,

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

@@ -1,12 +1,12 @@
 import React, { Component } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import AlertClose from '../../AlertClose/AlertClose';
-import AlertIcons from '../../alertIcons/AlertIcons';
+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 style from './DesktopNotificationHeader.module.css';
+import style from "./DesktopNotificationHeader.module.css";
 export default class DesktopNotificationHeader extends Component {
   constructor(props) {
     super(props);

package/es/version2/notification/DesktopNotificationHeader/__tests__/DesktopNotificationHeader.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import DesktopNotificationHeader from '../DesktopNotificationHeader';
+import DesktopNotificationHeader from "../DesktopNotificationHeader";
 describe('DesktopNotificationHeader', () => {
   test('rendering the defult props', () => {
     const {

package/es/version2/notification/DesktopNotificationHeader/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { getDotLibraryConfig } from '../../../../Provider/Config';
+import { getDotLibraryConfig } from "../../../../Provider/Config";
 export const defaultProps = {
   needIcon: true,
   variant: 'primary',

package/es/version2/notification/index.js

@@ -1,3 +1,3 @@
-export { DesktopNotificationUI } from './DesktopNotification/DesktopNotification';
-export { default as DesktopNotification } from './DesktopNotification/DesktopNotification';
-export { default as DesktopNotificationHeader } from './DesktopNotificationHeader/DesktopNotificationHeader';
+export { DesktopNotificationUI } from "./DesktopNotification/DesktopNotification";
+export { default as DesktopNotification } from "./DesktopNotification/DesktopNotification";
+export { default as DesktopNotificationHeader } from "./DesktopNotificationHeader/DesktopNotificationHeader";

package/lib/AttachmentViewer/AttachmentImage.js

@@ -9,10 +9,14 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _Layout = require("@zohodesk/components/es/Layout");
+
 var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
+var _utils = require("./utils");
+
 var _Image = _interopRequireDefault(require("../Image/Image"));
 
 var _AttachmentViewerModule = _interopRequireDefault(require("./AttachmentViewer.module.css"));
@@ -54,65 +58,99 @@ var AttachmentImage = /*#__PURE__*/function (_Component) {
     _classCallCheck(this, AttachmentImage);
 
     _this = _super.call(this, props);
-    _this.imageEle = /*#__PURE__*/_react["default"].createRef();
     _this.state = {
-      isLoading: true
+      isLoading: true,
+      isImageValid: false
     };
-    _this.imgLoad = _this.imgLoad.bind(_assertThisInitialized(_this));
+    _this.handleImageValidation = _this.handleImageValidation.bind(_assertThisInitialized(_this));
+    _this.renderImage = _this.renderImage.bind(_assertThisInitialized(_this));
     return _this;
   }
 
   _createClass(AttachmentImage, [{
+    key: "handleImageValidation",
+    value: function handleImageValidation() {
+      var _this2 = this;
+
+      var src = this.props.src;
+      (0, _utils.checkImageValidity)(src).then(function (isValid) {
+        _this2.setState({
+          isLoading: false,
+          isImageValid: isValid
+        });
+      });
+    }
+  }, {
+    key: "renderImage",
+    value: function renderImage() {
+      var _this$props = this.props,
+          src = _this$props.src,
+          onClick = _this$props.onClick,
+          alt = _this$props.alt,
+          id = _this$props.id,
+          dataId = _this$props.dataId,
+          isCover = _this$props.isCover,
+          customClass = _this$props.customClass,
+          onLoad = _this$props.onLoad,
+          onError = _this$props.onError;
+      var isImageValid = this.state.isImageValid;
+      var _customClass$customIm = customClass.customImageClass,
+          customImageClass = _customClass$customIm === void 0 ? '' : _customClass$customIm;
+      return /*#__PURE__*/_react["default"].createElement(_Image["default"], {
+        htmlId: id,
+        dataId: isImageValid ? dataId : "".concat(dataId, "_alt"),
+        src: src,
+        onClick: onClick,
+        className: customImageClass,
+        alt: alt,
+        isCover: isCover,
+        onLoad: onLoad,
+        onError: onError
+      });
+    }
+  }, {
     key: "componentDidMount",
     value: function componentDidMount() {
-      var isImage = this.props.isImage;
+      this.handleImageValidation();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var src = this.props.src;
 
-      if (isImage) {
-        var image = this.imageEle.current;
-        image.addEventListener('load', this.imgLoad);
-      } else {
+      if (prevProps.src !== src) {
         this.setState({
-          isLoading: false
+          isLoading: true
         });
+        this.handleImageValidation();
       }
     }
-  }, {
-    key: "imgLoad",
-    value: function imgLoad() {
-      this.setState({
-        isLoading: false
-      });
-      var onLoad = this.props.onLoad;
-      onLoad && onLoad();
-    }
   }, {
     key: "render",
     value: function render() {
-      var _this$props = this.props,
-          src = _this$props.src,
-          onClick = _this$props.onClick,
-          alt = _this$props.alt,
-          dataId = _this$props.dataId,
-          id = _this$props.id,
-          className = _this$props.className,
-          isCover = _this$props.isCover;
-      var isLoading = this.state.isLoading;
+      var _this$props2 = this.props,
+          dataId = _this$props2.dataId,
+          id = _this$props2.id,
+          customClass = _this$props2.customClass,
+          children = _this$props2.children;
+      var _this$state = this.state,
+          isLoading = _this$state.isLoading,
+          isImageValid = _this$state.isImageValid;
+      var _customClass$customCh = customClass.customChildrenClass,
+          customChildrenClass = _customClass$customCh === void 0 ? '' : _customClass$customCh;
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isLoading ? /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_AttachmentViewerModule["default"].spinLoad),
         "data-id": "".concat(dataId, "_loader"),
         "data-test-id": "".concat(dataId, "_loader")
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: _AttachmentViewerModule["default"].loader
-      })) : null, /*#__PURE__*/_react["default"].createElement(_Image["default"], {
+      })) : isImageValid ? this.renderImage() : children ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+        align: "both",
         htmlId: id,
-        eleRef: this.imageEle,
-        dataId: dataId,
-        src: src,
-        onClick: onClick,
-        className: "".concat(isLoading ? _AttachmentViewerModule["default"].hide : '', " ").concat(className),
-        alt: alt,
-        isCover: isCover
-      }));
+        dataId: "".concat(dataId, "_custom"),
+        className: customChildrenClass
+      }, children) : this.renderImage() //alt ui
+      );
     }
   }]);