@zohodesk/dot 1.9.2 → 1.9.3

package/es/v1/AlphabeticList/AlphabeticList.js

@@ -1,94 +0,0 @@
-/*** Libraries ***/
-import React, { memo } from 'react';
-import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from "./props/defaultProps";
-import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from "./props/propTypes";
-import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-/*** CSS ***/
-
-import style from "../../AlphabeticList/AlphabeticList.module.css";
-const AlphabeticListItemMemo = /*#__PURE__*/memo(AlphabeticListItem);
-
-function AlphabeticList(props) {
-  let {
-    onSelect,
-    selectedCharacter,
-    align,
-    type,
-    i18nKeys,
-    dataId,
-    dataSelectorId
-  } = props;
-  let {
-    allText = 'All',
-    allTitle = 'All'
-  } = i18nKeys;
-  let alignType = align === 'vertical' ? style.column : style.row;
-  let letters = type == 'alphabeticalwithhash' ? AlphabeticCharactersWithHash : type == 'alphabetical' ? AlphabeticCharacters : NumberList;
-
-  const handleSelectAll = () => {
-    onSelect && selectedCharacter != 'ALL' && onSelect('ALL');
-  };
-
-  const handleSelect = id => {
-    onSelect && selectedCharacter !== id && onSelect(id);
-  };
-
-  return /*#__PURE__*/React.createElement(Container, {
-    tagName: "ul",
-    isCover: false,
-    alignBox: align === 'vertical' ? 'column' : 'row',
-    className: `${style.container} ${alignType} ${type != 'alphabetical' ? style.numbers : ''}`,
-    dataId: "navigationDiv",
-    dataSelectorId: dataSelectorId
-  }, /*#__PURE__*/React.createElement(Box, {
-    tagName: "li",
-    className: `${style.list} ${style.title} ${selectedCharacter === 'ALL' ? style.selected : ''}`,
-    dataId: `All_${dataId}`
-  }, /*#__PURE__*/React.createElement("span", {
-    onClick: handleSelectAll,
-    className: `${style.heading} ${style.letter}`,
-    "data-title": allTitle
-  }, allText)), letters.map(letter => /*#__PURE__*/React.createElement(AlphabeticListItemMemo, {
-    id: letter,
-    isActive: letter === selectedCharacter,
-    onClick: handleSelect,
-    text: letter,
-    key: letter,
-    dataId: dataId
-  })));
-}
-
-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 {
-    isActive,
-    text,
-    dataId,
-    onClick,
-    id
-  } = props;
-
-  const handleClick = () => {
-    onClick && onClick(id);
-  };
-
-  return /*#__PURE__*/React.createElement(Box, {
-    flexible: true,
-    tagName: "li",
-    className: `${style.list} ${isActive ? style.selected : ''}`,
-    onClick: handleClick,
-    dataId: `${text}_${dataId}`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: style.letter
-  }, text));
-}
-
-AlphabeticListItem.propTypes = AlphabeticListItem_propTypes;
-AlphabeticListItem.defaultProps = AlphabeticListItem_defaultProps;

package/es/v1/AlphabeticList/props/defaultProps.js

@@ -1,12 +0,0 @@
-export const AlphabeticList_defaultProps = {
-  align: 'vertical',
-  type: 'alphabetical',
-  i18nKeys: {},
-  dataId: 'Navi',
-  dataSelectorId: 'alphabeticList'
-};
-export const AlphabeticListItem_defaultProps = {
-  isActive: false,
-  text: '',
-  dataId: 'Navi'
-};

package/es/v1/AlphabeticList/props/propTypes.js

@@ -1,23 +0,0 @@
-import PropTypes from 'prop-types';
-export const AlphabeticCharacters = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
-export const NumberList = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '#'];
-export const AlphabeticCharactersWithHash = [...AlphabeticCharacters, '#'];
-export const AlphabeticList_propTypes = {
-  align: PropTypes.oneOf(['vertical', 'horizontal']),
-  onSelect: PropTypes.func.isRequired,
-  selectedCharacter: PropTypes.oneOf(['ALL', ...AlphabeticCharacters, ...NumberList, ...AlphabeticCharactersWithHash]),
-  type: PropTypes.oneOf(['alphabetical', 'numeral', 'alphabeticalwithhash']),
-  i18nKeys: PropTypes.shape({
-    allTitle: PropTypes.string,
-    allText: PropTypes.string
-  }),
-  dataId: PropTypes.string,
-  dataSelectorId: PropTypes.string
-};
-export const AlphabeticListItem_propTypes = {
-  id: PropTypes.string,
-  isActive: PropTypes.bool,
-  onClick: PropTypes.func,
-  text: PropTypes.string,
-  dataId: PropTypes.string
-};

package/es/v1/Attachment/Attachment.js

@@ -1,96 +0,0 @@
-/**** Libraries ****/
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./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,
-    isDisabled
-  } = props;
-  let {
-    downloadTitle = 'Download'
-  } = i18nKeys;
-  return /*#__PURE__*/React.createElement(Container, {
-    isInline: true,
-    className: `${style.attachment} ${isDisabled ? style.disableAttachment : ""} ${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 && !isDisabled ? /*#__PURE__*/React.createElement(Link, {
-    target: "_self",
-    href: downloadLink,
-    className: style.attachDownload,
-    title: downloadTitle,
-    hasReload: true,
-    dataId: `${dataId}_download`
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "ZD-downloadNew",
-    iconClass: style.downIcon
-  })) : null, isDisabled ? /*#__PURE__*/React.createElement("div", {
-    "data-title": tooltip,
-    className: style.disableLayer
-  }) : null);
-};
-
-Attachment.propTypes = propTypes;
-Attachment.defaultProps = defaultProps;
-export default Attachment; // if (__DOCS__) {
-//   Attachment.docs = {
-//     componentGroup: 'Attachment'
-//   };
-// }

package/es/v1/Attachment/props/defaultProps.js

@@ -1,8 +0,0 @@
-export const defaultProps = {
-  size: 'medium',
-  palette: 'default',
-  dataId: 'attachment',
-  i18nKeys: {},
-  dataSelectorId: 'attachment',
-  isDisabled: false
-};

package/es/v1/Attachment/props/propTypes.js

@@ -1,18 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  dataId: PropTypes.string,
-  dataSelectorId: PropTypes.string,
-  downloadLink: PropTypes.string,
-  fileInfo: PropTypes.string,
-  fileName: PropTypes.string,
-  fileSize: PropTypes.string,
-  iconName: PropTypes.string,
-  onClick: PropTypes.func,
-  palette: PropTypes.oneOf(['transparent', 'default']),
-  size: PropTypes.oneOf(['small', 'medium']),
-  i18nKeys: PropTypes.shape({
-    downloadTitle: PropTypes.string
-  }),
-  tooltip: PropTypes.string,
-  isDisabled: PropTypes.bool
-};

package/es/v1/AttachmentViewer/AttachmentImage.js

@@ -1,81 +0,0 @@
-/* eslint-disable css-modules/no-unused-class */
-
-/** * Libraries ** */
-import React, { useRef, useEffect, useState } from 'react';
-import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
-import { Container } from '@zohodesk/components/es/Layout';
-import { AttachmentImage_defaultProps } from "./props/defaultProps";
-import { AttachmentImage_propTypes } from "./props/propTypes";
-import { checkImageValidity } from "../../AttachmentViewer/utils";
-import Image from "../Image/Image";
-/** * CSS ** */
-
-import style from "../../AttachmentViewer/AttachmentViewer.module.css";
-
-const AttachmentImage = props => {
-  const {
-    onLoad,
-    onError,
-    src,
-    onClick,
-    alt,
-    dataId,
-    id,
-    customClass,
-    isCover,
-    children
-  } = props;
-  const {
-    customImageClass = '',
-    customChildrenClass = ''
-  } = customClass;
-  const [isLoading, setLoading] = useState(true);
-  const [isImageValid, setImageValidity] = useState(false);
-
-  function handleImageValidation() {
-    checkImageValidity(src).then(isValid => {
-      setImageValidity(isValid);
-      setLoading(false);
-    });
-  }
-
-  useEffect(() => {
-    handleImageValidation();
-  }, []);
-  useEffectCallOnlyAfterState(() => {
-    setLoading(true);
-    handleImageValidation();
-  }, [src]);
-
-  function renderImage() {
-    return /*#__PURE__*/React.createElement(Image, {
-      htmlId: id,
-      dataId: isImageValid ? dataId : `${dataId}_alt`,
-      src: src,
-      onClick: onClick,
-      className: customImageClass,
-      alt: alt,
-      isCover: isCover,
-      onLoad: onLoad,
-      onError: onError
-    });
-  }
-
-  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
-  })) : isImageValid ? renderImage() : children ? /*#__PURE__*/React.createElement(Container, {
-    align: "both",
-    htmlId: id,
-    dataId: `${dataId}_custom`,
-    className: customChildrenClass
-  }, children) : renderImage() //alt ui
-  );
-};
-
-AttachmentImage.propTypes = AttachmentImage_propTypes;
-AttachmentImage.defaultProps = AttachmentImage_defaultProps;
-export default AttachmentImage;