@zohodesk/dot 1.0.0-temp-187.22 → 1.0.0-temp-187.24

package/es/utils/editorUtils.js

@@ -1,193 +0,0 @@
-// editorUtils
-export function editorContentValidate(editorObj) {
-  let content = editorObj && editorObj.getContent && editorObj.getContent() || '';
-
-  if (content == '' || !content.length || content == '<div><br></div>' || editorObj.mode !== 'plaintext' && !editorObj.doc.body.innerText.trim().length && !editorObj.doc.getElementsByTagName('img').length && !editorObj.doc.getElementsByTagName('iframe').length && !isValidSpace(editorObj)) {
-    return false;
-  }
-
-  return true;
-}
-
-function isValidSpace(editorObj) {
-  let uTags = editorObj.doc.body.getElementsByTagName('u');
-  let isValidContent = false;
-
-  for (let i = 0; i < uTags.length; i++) {
-    let uTag = uTags[i];
-    let contentLength = uTag.innerText.length;
-
-    if (contentLength) {
-      isValidContent = true;
-      break;
-    }
-  }
-
-  return isValidContent;
-}
-
-export function fixEncoding(str) {
-  if (/&amp;lt;|&amp;gt;/g.test(str) == true) {
-    str = str.replace(/&amp;lt;/g, '&lt;');
-    str = str.replace(/&amp;gt;/g, '&gt;');
-  }
-
-  return str;
-}
-export function encodeForHtml(str) {
-  if (/<|>|&|"|'|\\/g.test(str) == true) {
-    str = str.replace(/&/g, '&amp;');
-    str = str.replace(/</g, '&lt;');
-    str = str.replace(/>/g, '&gt;');
-    str = str.replace(/"/g, '&quot;');
-    str = str.replace(/\\/g, '&#x5c;');
-    str = str.replace(/'/g, '&#39;');
-  }
-
-  return str;
-} // attachment
-
-export function isFileNameSizeInvalid(fileName, fileNameMaxCharacters) {
-  return fileName.length > fileNameMaxCharacters;
-}
-export function isImageFormat(fileName, allowedFileExtensions) {
-  let extension = getExtensionFromFileName(fileName);
-  const isValidExtension = allowedFileExtensions.includes(extension);
-  return isValidExtension;
-}
-export function getExtensionFromFileName(fileName) {
-  if (fileName && fileName.indexOf('.') != -1) {
-    return fileName.substring(fileName.lastIndexOf('.') + 1, fileName.length).toLowerCase();
-  }
-
-  return '';
-} // common
-
-export function triggerKeyup(elem) {
-  let keyup = new KeyboardEvent('keyup');
-  elem && elem.dispatchEvent && elem.dispatchEvent(keyup);
-} // editor
-
-export function getRichEditorContent(key) {
-  let richTextEditor = global.editor[key];
-
-  if (richTextEditor != undefined) {
-    let content = richTextEditor.getContent();
-    content = content.trim();
-
-    if (content == '<br>') {
-      return '';
-    }
-
-    if (richTextEditor.mode == 'plaintext') {
-      content = replaceNewLineCharacter(content);
-    }
-
-    return content;
-  }
-
-  return '';
-}
-
-function replaceNewLineCharacter(content) {
-  if (typeof content !== 'undefined') {
-    content = encodeForHtml(content);
-    content = content.replace(/\n/g, '<br/>');
-  }
-
-  return content;
-}
-
-export const changeContent = (id, value) => {
-  let editorObj = global.editor && global.editor[id];
-
-  if (editorObj) {
-    let content = fixEncoding(value);
-
-    if (editorObj.mode === 'plaintext') {
-      editorObj.squireInstance.setHTML(content);
-      editorObj.plainText(editorObj.squireInstance.getHTML());
-    } else {
-      editorObj.setContent(content);
-    }
-  }
-};
-export function validateEditorContentOnInsertHtml(node) {
-  if (node.nodeName === 'IFRAME') {
-    let iframeSrcRegex = /^(https?:)?\/\/((www\.youtube\.com)|(www\.youtube-nocookie\.com)|(([a-z\-]+\.)?flowplayer\.org)|(www\.useloom\.com)|(player\.vimeo\.com)|(www\.dailymotion\.com)|(w\.soundcloud\.com)|(whatfix\.com)|([a-z\-]+\.zoho\.com)|([a-z\-]+\.google\.com)|([a-z\-]+\.efficientforms\.com)|([a-z0-9\-]+\.microsoftstream\.com)).*$/;
-
-    if (!node.getAttribute('src') || !iframeSrcRegex.test(node.getAttribute('src'))) {
-      node.parentNode.removeChild(node);
-    }
-  }
-} // loadresource
-
-/* use promise and remove callback*/
-
-export function loadResource(url, type, id, callback) {
-  return new Promise(resolve => {
-    let css, script;
-
-    if (id && document.getElementById(id)) {
-      resolve();
-      return;
-    }
-
-    if (type === 'css') {
-      css = document.createElement('link');
-      css.type = 'text/css';
-      css.rel = 'stylesheet';
-      css.href = url;
-      css.id = id || '';
-
-      css.onload = function () {
-        resolve();
-      };
-
-      css.onerror = function () {
-        resolve();
-      };
-
-      document.getElementsByTagName('head')[0].appendChild(css);
-    } else if (type === 'js') {
-      script = document.createElement('script');
-      script.type = 'text/javascript';
-      script.src = url;
-      script.defer = true;
-
-      script.onload = function () {
-        resolve();
-
-        if (id) {
-          script.id = id;
-        }
-
-        if (typeof callback === 'function') {
-          callback();
-        }
-      };
-
-      script.onerror = function () {
-        resolve();
-      };
-
-      document.getElementsByTagName('head')[0].appendChild(script);
-    }
-  });
-} // bind
-
-export function bind() {
-  for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
-    handlers[_key] = arguments[_key];
-  }
-
-  handlers.forEach(handler => {
-    if (__DEVELOPMENT__) {
-      if (!this[handler]) {
-        console.log('Handler method not defined: ', handler);
-      }
-    }
-
-    this[handler] = this[handler].bind(this);
-  });
-}

package/es/v1/ActionButton/ActionButton.js

@@ -1,155 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import Popup from '@zohodesk/components/es/v1/Popup/Popup';
-import { Icon } from '@zohodesk/icons';
-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/Provider/CssProvider';
-import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
-import style from "../../ActionButton/ActionButton.module.css";
-
-function ActionButton(props) {
-  let {
-    isLoading,
-    onClick,
-    size,
-    dataId,
-    dataSelectorId,
-    isArrow,
-    text,
-    subText,
-    arrowBoxSize,
-    palette,
-    onHover,
-    position,
-    className,
-    iconName,
-    iconSize,
-    dataTitle,
-    isDisabled,
-    isPopupOpen,
-    removeClose,
-    children,
-    dropBoxClass,
-    isBoxPaddingNeed,
-    getContainerRef,
-    getTargetRef,
-    removeChildrenTooltip,
-    innerClassName,
-    popupGroup,
-    togglePopup,
-    defaultPosition,
-    openPopupOnly,
-    isAbsolutePositioningNeeded,
-    isRestrictScroll,
-    positionsOffset,
-    targetOffset
-  } = props;
-
-  const handleTogglePopup = e => {
-    togglePopup(e, defaultPosition);
-  };
-
-  const handlePopupOpen = e => {
-    openPopupOnly(e, defaultPosition);
-  };
-
-  return /*#__PURE__*/React.createElement(Container, {
-    alignBox: "row",
-    isCover: false,
-    className: ` ${style.container} ${style[palette + 'Box']} ${style[size]} ${className} ${isDisabled ? CssProvider('isDisabled') : ''} ${!onClick ? style.wholeDiv : ''} `,
-    onClick: onHover ? removeClose : !onClick ? handleTogglePopup : undefined,
-    onMouseEnter: !onClick ? onHover && handleTogglePopup : undefined,
-    onMouseLeave: !onClick ? onHover && handleTogglePopup : undefined,
-    eleRef: getTargetRef,
-    dataSelectorId: dataSelectorId,
-    dataId: `${dataId}_actionButton`
-  }, isLoading ? /*#__PURE__*/React.createElement(Box, {
-    flexible: true
-  }, /*#__PURE__*/React.createElement(Button, {
-    status: "loading",
-    palette: palette,
-    size: "medium",
-    customClass: {
-      customButton: style.btn
-    },
-    text: text
-  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
-    flexible: true,
-    onClick: onClick,
-    dataId: dataId,
-    className: `${btnStyle.buttonReset} ${style.contentBox} ${style[palette + 'Btn']} ${style[size + '_btnBox']} ${children ? style.contentBoxBdr : style.contentBoxBdrRds} ${style.clickable} ${innerClassName} `,
-    "data-title": dataTitle,
-    tagName: "button",
-    tabIndex: "0"
-  }, /*#__PURE__*/React.createElement(Container, {
-    align: "both"
-  }, /*#__PURE__*/React.createElement(Box, {
-    className: style.contentwrapper
-  }, /*#__PURE__*/React.createElement(Container, {
-    isCover: false,
-    alignBox: "row",
-    align: "vertical"
-  }, iconName ? /*#__PURE__*/React.createElement(Icon, {
-    name: iconName,
-    size: iconSize,
-    iconClass: `${style.iconClr} ${text ? style.iconMrgn : ''}`
-  }) : null, text ? /*#__PURE__*/React.createElement(Box, {
-    shrink: true,
-    className: style.txt,
-    "data-title": removeChildrenTooltip ? null : text
-  }, text) : null)), subText ? /*#__PURE__*/React.createElement(Box, {
-    "data-title": removeChildrenTooltip ? null : subText,
-    className: style.subTxt
-  }, subText) : null)), children ? /*#__PURE__*/React.createElement(Box, {
-    onClick: onClick && !onHover ? handleTogglePopup : handlePopupOpen,
-    onMouseEnter: onClick ? onHover && handleTogglePopup : undefined,
-    onMouseLeave: onClick ? onHover && handleTogglePopup : undefined,
-    className: `${btnStyle.buttonReset} ${style[arrowBoxSize + '_arrowBox']} ${style[palette + 'Arw']}  ${style.arrowWrapper} ${isPopupOpen ? style.arrowActive : ''}`,
-    dataId: `${dataId}_arrowButton`,
-    tabIndex: "0",
-    tagName: "button",
-    dataSelectorId: `${dataSelectorId}_arrowButton`
-  }, /*#__PURE__*/React.createElement(Container, {
-    align: "both"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "ZD-down",
-    size: "6",
-    iconClass: style.arrow
-  })), isPopupOpen ? /*#__PURE__*/React.createElement(ResponsiveDropBox, {
-    size: "small",
-    isActive: isPopupOpen,
-    boxPosition: position,
-    isAnimate: true,
-    isArrow: isArrow,
-    customClass: {
-      customDropBoxWrap: dropBoxClass
-    },
-    isBoxPaddingNeed: isBoxPaddingNeed,
-    getRef: getContainerRef,
-    popupGroup: popupGroup,
-    needFocusScope: true,
-    onClose: handleTogglePopup,
-    dataId: `${dataId}_dropbox`,
-    isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
-    isRestrictScroll: isRestrictScroll,
-    positionsOffset: positionsOffset,
-    targetOffset: targetOffset
-  }, /*#__PURE__*/React.createElement(Box, {
-    flexible: true,
-    shrink: true,
-    scroll: "vertical"
-  }, children)) : null) : null));
-}
-
-ActionButton.defaultProps = defaultProps;
-ActionButton.propTypes = propTypes;
-const ActionButtonComponent = Popup(ActionButton);
-ActionButtonComponent.defaultProps = defaultProps;
-ActionButtonComponent.propTypes = propTypes; // ActionButton.docs = {
-//   componentGroup: 'Atom'
-// };
-
-export default ActionButtonComponent;

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

@@ -1,19 +0,0 @@
-export const defaultProps = {
-  size: 'medium',
-  isArrow: false,
-  dataId: 'actionButton',
-  dataSelectorId: 'actionButton',
-  onHover: false,
-  className: '',
-  iconName: '',
-  iconSize: '9',
-  isDisabled: false,
-  dropBoxClass: '',
-  arrowBoxSize: 'medium',
-  isBoxPaddingNeed: true,
-  palette: 'primaryFilled',
-  removeChildrenTooltip: false,
-  innerClassName: '',
-  isAbsolutePositioningNeeded: true,
-  isRestrictScroll: false
-};

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

@@ -1,37 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  dataSelectorId: PropTypes.string,
-  arrowBoxSize: PropTypes.oneOf(['small', 'medium']),
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  dropBoxClass: PropTypes.string,
-  defaultPosition: PropTypes.string,
-  position: PropTypes.string,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  isArrow: PropTypes.bool,
-  isBoxPaddingNeed: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  isLoading: PropTypes.bool,
-  isPopupOpen: PropTypes.bool,
-  onClick: PropTypes.func,
-  onHover: PropTypes.bool,
-  palette: PropTypes.oneOf(['primaryFilled', 'primary']),
-  removeClose: PropTypes.func,
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-  subText: PropTypes.string,
-  text: PropTypes.string,
-  getContainerRef: PropTypes.func,
-  getTargetRef: PropTypes.func,
-  removeChildrenTooltip: PropTypes.bool,
-  innerClassName: PropTypes.string,
-  popupGroup: PropTypes.string,
-  togglePopup: PropTypes.func,
-  openPopupOnly: PropTypes.func,
-  isAbsolutePositioningNeeded: PropTypes.bool,
-  isRestrictScroll: PropTypes.bool,
-  positionsOffset: PropTypes.object,
-  targetOffset: PropTypes.object
-};

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
-};