@zohodesk/dot 1.9.1 → 1.9.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.9.1",
+  "version": "1.9.3",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -19,16 +19,12 @@
   "scripts": {
     "clean": "react-cli clean lib es coverage assets && mkdir assets",
     "dubCheck": "node ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder  node_modules/@zohodesk/components/es node_modules/@zohodesk/icons/es node_modules/@zohodesk/variables/es node_modules/@zohodesk/svg/es",
-    "build:lib": "react-cli build:component:cmjs",
-    "build:es": "react-cli build:library:es",
+    "build:lib": "cbt build:lib src,assets lib,assets",
+    "build:es": "cbt build:es src,assets es,assets",
+    "build:es:watch": "cbt build:es src es",
     "build": "npm run theme:validate && npm run build:lib && npm run build:es",
-    "build:local": " npm run build && npm run rtl && npm run cssVariableConvert ",
-    "build:watch": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
-    "rtl:watch": "react-cli rtl ./src ./es -w",
-    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
-    "prepare": "react-cli clean assets &&  npm run init && npm run css:build ",
-    "init": "npm run clean && npm run build:variables",
-    "build:variables": "react-cli clean ./assets && node ./preprocess/index",
+    "build:watch": "npm run build:es:watch --module:mode=dev -- -w",
+    "prepare": "npm run clean && npm run css:build",
     "lint": "react-cli lint",
     "lintAll": "react-cli lint ./src",
     "lintAllFix": "npm run lintAll --eslint:fix=true",
@@ -38,7 +34,6 @@
     "snap-update": "npm run test-clean && npm run test -- -u",
     "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 downloadOnly && npm run css:review  && npm run review:props",
     "postpublish": "node postPublish.js",
     "test-clean": "react-cli clean ./coverage && react-cli clean ./unittest react-cli clean ./es && react-cli clean ./lib &&  react-cli clean ./package-lock.json &&  react-cli clean ./result.json",
@@ -46,7 +41,6 @@
     "downloadOnly": "react-cli clean ./node_modules ./package-lock.json && npm install --legacy-peer-deps",
     "expublish": "npm publish --tag experimental-version",
     "css:lineheight:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/lineheight_automation/lineHeightErrorCheck.js ./src/",
-    "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
     "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
     "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
     "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
@@ -60,10 +54,11 @@
     "css:layer_wrap_lib": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/write_layer_in_css.js ./lib ./assets css_layer_config.json --rewrite=src=lib  --rewrite=assets=assets --skip-existing-layer",
     "css:layer_generate_order": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/generate_layer_order.js  css_layer_config.json ./src/dot_layer.module.css",
     "css:layer_config_validate": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/validate.js  css_layer_config.json ./src/ ./assets",
-    "css:build": "npm run css:layer_config_validate && npm run css:layer_generate_order && npm run build && npm run rtl && npm run cssVariableConvert  ",
+    "css:build": "npm run css:layer_config_validate && npm run css:layer_generate_order && npm run build",
     "css:layer_remove": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/remove_layer.js ./es ./assets css_layer_config.json --rewrite=src=es  --rewrite=assets=assets"
   },
   "devDependencies": {
+    "postcss-discard-comments": "^7.0.5",
     "@testing-library/jest-dom": "^5.11.9",
     "@testing-library/react": "^11.2.5",
     "@testing-library/react-hooks": "^7.0.2",
@@ -73,25 +68,26 @@
     "@zohodesk-private/node-plugins": "1.1.13",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.3.8",
-    "@zohodesk/components": "1.6.0",
+    "@zohodesk/components": "1.6.3",
     "@zohodesk/hooks": "2.0.6",
-    "@zohodesk/icons": "1.1.7",
+    "@zohodesk/icons": "1.2.4",
     "@zohodesk/layout": "^3.1.0",
-    "@zohodesk/svg": "1.3.1",
+    "@zohodesk/svg": "1.3.2",
     "@zohodesk/utils": "1.3.16",
     "@zohodesk/variables": "1.2.0",
     "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",
     "velocity-react": "1.4.3",
     "@zohodesk/dotkit": "1.0.7",
-    "@zohodesk/react-cli": "1.1.27"
+    "@zohodesk/react-cli": "1.1.27",
+    "@zohodesk/client_build_tool": "0.0.20"
   },
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.2.0",
-    "@zohodesk/components": "1.6.0",
-    "@zohodesk/icons": "1.1.7",
-    "@zohodesk/svg": "1.3.1",
+    "@zohodesk/components": "1.6.3",
+    "@zohodesk/icons": "1.2.4",
+    "@zohodesk/svg": "1.3.2",
     "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.6",

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

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;