@zohodesk/dot 1.0.0-temp-157 → 1.0.0-temp-160

package/es/setup/helptips/ListGroup/ListGroup.js

@@ -27,7 +27,7 @@ export default class ListGroup extends React.Component {
     }, data.map((text, index) => /*#__PURE__*/React.createElement("li", {
       className: style.unOrderData,
       key: index
-    }, data)));
+    }, text)));
   }
 
 }

package/es/setup/table/TableHead/props/propTypes.js

@@ -3,5 +3,6 @@ export const propTypes = {
   children: PropTypes.element,
   className: PropTypes.string,
   onMouseEnter: PropTypes.func,
-  onMouseLeave: PropTypes.func
+  onMouseLeave: PropTypes.func,
+  dataId: PropTypes.string
 };

package/es/v1/ActionButton/ActionButton.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import { defaultProps } from '../../ActionButton/props/defaultProps';
 import { propTypes } from '../../ActionButton/props/propTypes';
-import Popup from '@zohodesk/components/lib/Popup/Popup';
+import Popup from '@zohodesk/components/es/v1/Popup/Popup';
 import { Icon } from '@zohodesk/icons';
-import Button from '@zohodesk/components/lib/Button/Button';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
-import CssProvider from '@zohodesk/components/lib/Provider/CssProvider';
-import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
+import Button from '@zohodesk/components/es/v1/Button/Button';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
+import ResponsiveDropBox from '@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox';
+import CssProvider from '@zohodesk/components/es/v1/Provider/CssProvider';
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 import style from '../../ActionButton/ActionButton.module.css';
 
 function ActionButton(props) {
@@ -130,8 +130,11 @@ function ActionButton(props) {
 }
 
 ActionButton.defaultProps = defaultProps;
-ActionButton.propTypes = propTypes; // ActionButton.docs = {
+ActionButton.propTypes = propTypes;
+const ActionButtonComponent = Popup(ActionButton);
+ActionButtonComponent.defaultProps = ActionButton.defaultProps;
+ActionButtonComponent.propTypes = ActionButton.propTypes; // ActionButton.docs = {
 //   componentGroup: 'Atom'
 // };
 
-export default Popup(ActionButton);
+export default ActionButtonComponent;

package/es/v1/AlphabeticList/AlphabeticList.js

@@ -2,7 +2,7 @@
 import React, { memo } from 'react';
 import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from '../../AlphabeticList/props/defaultProps';
 import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from '../../AlphabeticList/props/propTypes';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 /*** CSS ***/
 
 import style from '../../AlphabeticList/AlphabeticList.module.css';
@@ -60,6 +60,11 @@ function AlphabeticList(props) {
 
 AlphabeticList.propTypes = AlphabeticList_propTypes;
 AlphabeticList.defaultProps = AlphabeticList_defaultProps;
+const MemoizedAlphabeticList = /*#__PURE__*/memo(AlphabeticList);
+MemoizedAlphabeticList.propTypes = AlphabeticList_propTypes;
+MemoizedAlphabeticList.defaultProps = AlphabeticList_defaultProps;
+MemoizedAlphabeticList.displayName = 'AlphabeticList';
+export default MemoizedAlphabeticList;
 
 function AlphabeticListItem(props) {
   let {
@@ -86,5 +91,4 @@ function AlphabeticListItem(props) {
 }
 
 AlphabeticListItem.propTypes = AlphabeticListItem_propTypes;
-AlphabeticListItem.defaultProps = AlphabeticListItem_defaultProps;
-export default /*#__PURE__*/memo(AlphabeticList);
+AlphabeticListItem.defaultProps = AlphabeticListItem_defaultProps;

package/es/v1/Attachment/Attachment.js

@@ -0,0 +1,91 @@
+/**** Libraries ****/
+import React from 'react';
+import { defaultProps } from '../../Attachment/props/defaultProps';
+import { propTypes } from '../../Attachment/props/propTypes';
+import { Icon } from '@zohodesk/icons';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
+import Link from '../Link/Link';
+/**** CSS ****/
+
+import style from '../../Attachment/Attachment.module.css';
+
+const Attachment = props => {
+  const {
+    onClick,
+    dataId,
+    size,
+    iconName,
+    fileName,
+    fileSize,
+    downloadLink,
+    palette,
+    tooltip,
+    fileInfo,
+    i18nKeys,
+    dataSelectorId
+  } = props;
+  let {
+    downloadTitle = 'Download'
+  } = i18nKeys;
+  return /*#__PURE__*/React.createElement(Container, {
+    isInline: true,
+    className: `${style.attachment} ${onClick ? style.attachmentHover : ''} ${style[`palette_${palette}`]} ${style[size]}`,
+    onClick: onClick,
+    dataId: dataId,
+    "data-title": tooltip,
+    alignBox: "row",
+    isCover: false,
+    dataSelectorId: dataSelectorId,
+    tabIndex: "0"
+  }, iconName ? /*#__PURE__*/React.createElement(Box, {
+    className: style.attachleft
+  }, /*#__PURE__*/React.createElement(Container, {
+    align: "both"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: iconName,
+    iconClass: style.attachIcon
+  }))) : null, /*#__PURE__*/React.createElement(Box, {
+    flexible: true,
+    className: style.attachright
+  }, /*#__PURE__*/React.createElement(Container, {
+    align: "horizontal"
+  }, fileName ? /*#__PURE__*/React.createElement(Box, {
+    className: style.atatchName,
+    "data-title": fileName
+  }, fileName) : null, /*#__PURE__*/React.createElement(Box, {
+    className: style.footer
+  }, /*#__PURE__*/React.createElement(Container, {
+    alignBox: "row",
+    align: "baseline",
+    isCover: false
+  }, fileSize ? /*#__PURE__*/React.createElement(Box, {
+    className: style.attachSize,
+    adjust: true,
+    shrink: true,
+    "data-title": fileSize
+  }, fileSize) : null, fileInfo ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
+    className: style.dot
+  }), /*#__PURE__*/React.createElement(Box, {
+    className: style.attachSize,
+    adjust: true,
+    shrink: true,
+    "data-title": fileInfo
+  }, fileInfo)) : null)))), downloadLink ? /*#__PURE__*/React.createElement(Link, {
+    target: "_self",
+    href: downloadLink,
+    className: style.attachDownload,
+    title: downloadTitle,
+    hasReload: true
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-downloadNew",
+    iconClass: style.downIcon
+  })) : null);
+};
+
+Attachment.propTypes = propTypes;
+Attachment.defaultProps = defaultProps;
+export default Attachment; // if (__DOCS__) {
+//   Attachment.docs = {
+//     componentGroup: 'Attachment'
+//   };
+// }

package/es/v1/AttachmentViewer/AttachmentImage.js

@@ -0,0 +1,60 @@
+/* eslint-disable css-modules/no-unused-class */
+
+/** * Libraries ** */
+import React, { useRef, useEffect, useState } from 'react';
+import { AttachmentImage_defaultProps } from '../../AttachmentViewer/props/defaultProps';
+import { AttachmentImage_propTypes } from '../../AttachmentViewer/props/propTypes';
+import Image from '../Image/Image';
+/** * CSS ** */
+
+import style from '../../AttachmentViewer/AttachmentViewer.module.css';
+
+const AttachmentImage = props => {
+  const {
+    isImage,
+    onLoad,
+    src,
+    onClick,
+    alt,
+    dataId,
+    id,
+    className,
+    isCover
+  } = props;
+  const imageEle = useRef();
+  const [isLoading, setLoading] = useState(true);
+
+  const imgLoad = () => {
+    setLoading(false);
+    onLoad && onLoad();
+  };
+
+  useEffect(() => {
+    if (isImage) {
+      const image = imageEle.current;
+      image.addEventListener('load', imgLoad);
+    } else {
+      setLoading(false);
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, isLoading ? /*#__PURE__*/React.createElement("div", {
+    className: `${style.spinLoad}`,
+    "data-id": `${dataId}_loader`,
+    "data-test-id": `${dataId}_loader`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.loader
+  })) : null, /*#__PURE__*/React.createElement(Image, {
+    htmlId: id,
+    eleRef: imageEle,
+    dataId: dataId,
+    src: src,
+    onClick: onClick,
+    className: `${isLoading ? style.hide : ''} ${className}`,
+    alt: alt,
+    isCover: isCover
+  }));
+};
+
+AttachmentImage.propTypes = AttachmentImage_propTypes;
+AttachmentImage.defaultProps = AttachmentImage_defaultProps;
+export default AttachmentImage;