@zohodesk/components 1.2.19 → 1.2.20

package/es/v1/Layout/Box.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { BoxProps as propTypes } from '../../Layout/props/propTypes';
-import { BoxDefaultProps as defaultProps } from '../../Layout/props/defaultProps';
+import { BoxProps as propTypes } from './props/propTypes';
+import { BoxDefaultProps as defaultProps } from './props/defaultProps';
 /* eslint css-modules/no-unused-class: 0 */
 
 import { createProps, getClass, setProps } from '../../Layout/utils';

package/es/v1/Layout/Container.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ContainerProps as propTypes } from '../../Layout/props/propTypes';
-import { ContainerDefaultProps as defaultProps } from '../../Layout/props/defaultProps';
+import { ContainerProps as propTypes } from './props/propTypes';
+import { ContainerDefaultProps as defaultProps } from './props/defaultProps';
 /* eslint css-modules/no-unused-class: 0 */
 
 import { createProps, getClass, setProps } from '../../Layout/utils';

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

@@ -0,0 +1,16 @@
+export const BoxDefaultProps = {
+  dataId: 'boxComponent',
+  testId: '',
+  isScrollAttribute: false,
+  tagName: 'div',
+  dataSelectorId: 'box'
+};
+export const ContainerDefaultProps = {
+  dataId: 'containerComponent',
+  testId: '',
+  isScrollAttribute: false,
+  isCover: true,
+  alignBox: 'column',
+  tagName: 'div',
+  dataSelectorId: 'container'
+};

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

@@ -0,0 +1,46 @@
+import PropTypes from 'prop-types';
+export const BoxProps = {
+  adjust: PropTypes.bool,
+  align: PropTypes.oneOf(['start', 'end', 'center']),
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+  className: PropTypes.string,
+  column: PropTypes.oneOf(['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']),
+  dataId: PropTypes.string,
+  testId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  eleRef: PropTypes.func,
+  flexible: PropTypes.bool,
+  hidden: PropTypes.arrayOf((propValue, key, componentName, location, propFullName) => {
+    if (['xs', 'sm', 'md', 'lg', 'xl'].indexOf(propValue[key]) === -1) {
+      return new Error(`Invalid prop \`${propFullName}\` supplied to` + ` \`${componentName}\`. Validation failed.`);
+    }
+  }),
+  isFirst: PropTypes.bool,
+  isLast: PropTypes.bool,
+  isScrollAttribute: PropTypes.bool,
+  scroll: PropTypes.oneOf(['vertical', 'horizontal', 'both', 'none']),
+  shrink: PropTypes.bool,
+  tagName: PropTypes.string,
+  tourId: PropTypes.string,
+  preventParentScroll: PropTypes.oneOf(['vertical', 'horizontal', 'both'])
+};
+export const ContainerProps = {
+  align: PropTypes.oneOf(['vertical', 'horizontal', 'both', 'top', 'right', 'bottom', 'left', 'between', 'around', 'baseline']),
+  alignBox: PropTypes.oneOf(['row', 'column', 'row-reverse', 'column-reverse']),
+  alignContent: PropTypes.oneOf(['start', 'end', 'center', 'around', 'between']),
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  testId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  eleRef: PropTypes.func,
+  hidden: PropTypes.array,
+  isCover: PropTypes.bool,
+  isInline: PropTypes.bool,
+  isScrollAttribute: PropTypes.bool,
+  scroll: PropTypes.oneOf(['vertical', 'horizontal', 'both', 'none']),
+  tagName: PropTypes.string,
+  tourId: PropTypes.string,
+  wrap: PropTypes.oneOf(['wrap', 'wrap-reverse', 'nowrap']),
+  preventParentScroll: PropTypes.oneOf(['vertical', 'horizontal', 'both'])
+};

package/es/v1/ListItem/ListContainer.js

@@ -5,8 +5,8 @@ import React, { useCallback } from 'react';
 import { Container } from '../Layout';
 import CssProvider from '../../Provider/CssProvider';
 import style from '../../ListItem/ListItem.module.css';
-import { ListContainerDefaultProps } from '../../ListItem/props/defaultProps';
-import { ListContainer_Props } from '../../ListItem/props/propTypes';
+import { ListContainerDefaultProps } from './props/defaultProps';
+import { ListContainer_Props } from './props/propTypes';
 import { useResponsiveReceiver } from '../Responsive/CustomResponsive';
 
 const ListContainer = props => {
@@ -55,7 +55,8 @@ const ListContainer = props => {
     role,
     ariaSelected,
     ariaLabel,
-    insetFocus = true
+    insetFocus = true,
+    ...a11yAttributes
   } = a11y;
   const options = {};
 
@@ -89,7 +90,7 @@ const ListContainer = props => {
     eleRef: eleRef,
     tagName: isLink ? 'a' : 'li',
     "data-title": isDisabled ? disableTitle : title
-  }, options, customProps), children);
+  }, options, customProps, a11yAttributes), children);
 };
 
 ListContainer.defaultProps = ListContainerDefaultProps;

package/es/v1/ListItem/ListItem.js

@@ -4,8 +4,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React from 'react';
 import { Box } from '../Layout';
 import ListContainer from './ListContainer';
-import { ListItemDefaultProps } from '../../ListItem/props/defaultProps';
-import { ListItem_Props } from '../../ListItem/props/propTypes';
+import { ListItemDefaultProps } from './props/defaultProps';
+import { ListItem_Props } from './props/propTypes';
 /**** Components ****/
 
 import { Icon } from '@zohodesk/icons';

package/es/v1/ListItem/ListItemWithAvatar.js

@@ -4,8 +4,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { memo } from 'react';
 import { Box } from '../Layout';
 import ListContainer from './ListContainer';
-import { ListItemWithAvatarDefaultProps } from '../../ListItem/props/defaultProps';
-import { ListItemWithAvatar_Props } from '../../ListItem/props/propTypes';
+import { ListItemWithAvatarDefaultProps } from './props/defaultProps';
+import { ListItemWithAvatar_Props } from './props/propTypes';
 /**** Components ****/
 
 import Avatar from '../Avatar/Avatar';

package/es/v1/ListItem/ListItemWithCheckBox.js

@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import React from 'react';
 import ListContainer from './ListContainer';
-import { ListItemWithCheckBoxDefaultProps } from '../../ListItem/props/defaultProps';
-import { ListItemWithCheckBox_Props } from '../../ListItem/props/propTypes';
+import { ListItemWithCheckBoxDefaultProps } from './props/defaultProps';
+import { ListItemWithCheckBox_Props } from './props/propTypes';
 import CheckBox from '../CheckBox/CheckBox';
 import { Box } from '../Layout';
 import style from '../../ListItem/ListItem.module.css';

package/es/v1/ListItem/ListItemWithIcon.js

@@ -5,8 +5,8 @@ import React from 'react';
 import { Box } from '../Layout';
 import { Icon } from '@zohodesk/icons';
 import ListContainer from './ListContainer';
-import { ListItemWithIconDefaultProps } from '../../ListItem/props/defaultProps';
-import { ListItemWithIcon_Props } from '../../ListItem/props/propTypes';
+import { ListItemWithIconDefaultProps } from './props/defaultProps';
+import { ListItemWithIcon_Props } from './props/propTypes';
 /**** CSS ****/
 
 import style from '../../ListItem/ListItem.module.css';

package/es/v1/ListItem/ListItemWithRadio.js

@@ -4,8 +4,8 @@ import React from 'react';
 import Radio from '../Radio/Radio';
 import { Box } from '../Layout';
 import ListContainer from './ListContainer';
-import { ListItemWithRadioDefaultProps } from '../../ListItem/props/defaultProps';
-import { ListItemWithRadio_Props } from '../../ListItem/props/propTypes';
+import { ListItemWithRadioDefaultProps } from './props/defaultProps';
+import { ListItemWithRadio_Props } from './props/propTypes';
 import style from '../../ListItem/ListItem.module.css';
 
 const ListItemWithRadio = props => {

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

@@ -0,0 +1,97 @@
+export const ListContainerDefaultProps = {
+  active: false,
+  autoHover: false,
+  highlight: false,
+  needTick: false,
+  palette: 'default',
+  size: 'medium',
+  isLink: false,
+  target: 'blank',
+  needBorder: true,
+  a11y: {},
+  customClass: '',
+  customProps: {},
+  dataSelectorId: 'listContainer',
+  needMultiLineText: false
+};
+export const ListItemDefaultProps = {
+  active: false,
+  autoHover: false,
+  highlight: false,
+  id: '',
+  needTick: false,
+  palette: 'default',
+  size: 'medium',
+  isLink: false,
+  target: 'blank',
+  needBorder: true,
+  a11y: {},
+  customClass: {},
+  customProps: {},
+  dataSelectorId: 'listItem',
+  needMultiLineText: false
+};
+export const ListItemWithAvatarDefaultProps = {
+  active: false,
+  autoHover: false,
+  highlight: false,
+  isTeam: false,
+  needTick: false,
+  palette: 'default',
+  size: 'medium',
+  value: 'List',
+  dataId: 'listAvatar',
+  needBorder: true,
+  needAvatarTitle: true,
+  a11y: {},
+  customClass: {},
+  customProps: {},
+  dataSelectorId: 'listItemWithAvatar',
+  needMultiLineText: false
+};
+export const ListItemWithCheckBoxDefaultProps = {
+  active: false,
+  autoHover: false,
+  checked: false,
+  highlight: false,
+  palette: 'default',
+  size: 'medium',
+  value: 'List',
+  a11y: {},
+  customClass: {},
+  customProps: {},
+  dataSelectorId: 'listItemWithCheckBox',
+  needMultiLineText: false
+};
+export const ListItemWithIconDefaultProps = {
+  active: false,
+  autoHover: false,
+  highlight: false,
+  iconName: '',
+  iconSize: '10',
+  needTick: false,
+  palette: 'default',
+  size: 'medium',
+  value: 'List',
+  needBorder: true,
+  a11y: {},
+  customClass: '',
+  customProps: {},
+  dataSelectorId: 'listItemWithIcon',
+  needMultiLineText: false
+};
+export const ListItemWithRadioDefaultProps = {
+  active: false,
+  autoHover: false,
+  checked: false,
+  highlight: false,
+  palette: 'default',
+  size: 'medium',
+  value: 'List',
+  dataId: 'listItemWithRadioComp',
+  a11y: {},
+  customClass: {},
+  customProps: {},
+  dataSelectorId: 'listItemWithRadio',
+  needMultiLineText: false
+};

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

@@ -0,0 +1,202 @@
+import PropTypes from 'prop-types';
+export const ListContainer_Props = {
+  active: PropTypes.bool,
+  autoHover: PropTypes.bool,
+  children: PropTypes.node,
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  disableTitle: PropTypes.string,
+  highlight: PropTypes.bool,
+  href: PropTypes.string,
+  isDisabled: PropTypes.bool,
+  isLink: PropTypes.bool,
+  needBorder: PropTypes.bool,
+  needTick: PropTypes.bool,
+  onClick: PropTypes.func,
+  onMouseEnter: PropTypes.func,
+  onMouseOver: PropTypes.func,
+  palette: PropTypes.oneOf(['default', 'primary', 'secondary', 'dark']),
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  target: PropTypes.oneOf(['blank', 'self']),
+  title: PropTypes.string,
+  a11y: PropTypes.shape({
+    role: PropTypes.string,
+    ariaSelected: PropTypes.bool
+  }),
+  customClass: PropTypes.string,
+  customProps: PropTypes.object,
+  eleRef: PropTypes.func
+};
+export const ListItem_Props = {
+  active: PropTypes.bool,
+  autoHover: PropTypes.bool,
+  children: PropTypes.node,
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  disableTitle: PropTypes.string,
+  getRef: PropTypes.func,
+  highlight: PropTypes.bool,
+  href: PropTypes.string,
+  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  index: PropTypes.number,
+  isDisabled: PropTypes.bool,
+  isLink: PropTypes.bool,
+  needBorder: PropTypes.bool,
+  needTick: PropTypes.bool,
+  onClick: PropTypes.func,
+  onMouseEnter: PropTypes.func,
+  palette: PropTypes.oneOf(['default', 'primary', 'secondary', 'dark']),
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  target: PropTypes.oneOf(['blank', 'self']),
+  title: PropTypes.string,
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  a11y: PropTypes.shape({
+    role: PropTypes.string,
+    ariaSelected: PropTypes.bool
+  }),
+  needMultiLineText: PropTypes.bool,
+  customClass: PropTypes.shape({
+    customListItem: PropTypes.string,
+    customTickIcon: PropTypes.string
+  }),
+  customProps: PropTypes.shape({
+    ListItemProps: PropTypes.object
+  })
+};
+export const ListItemWithAvatar_Props = {
+  active: PropTypes.bool,
+  autoHover: PropTypes.bool,
+  avatarPalette: PropTypes.string,
+  avatarPalette: PropTypes.string,
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  disableTitle: PropTypes.string,
+  getRef: PropTypes.func,
+  highlight: PropTypes.bool,
+  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  imgSrc: PropTypes.string,
+  index: PropTypes.number,
+  initial: PropTypes.string,
+  isDisabled: PropTypes.bool,
+  isTeam: PropTypes.bool,
+  name: PropTypes.string,
+  needAvatarTitle: PropTypes.bool,
+  needBorder: PropTypes.bool,
+  needTick: PropTypes.bool,
+  onClick: PropTypes.func,
+  onMouseEnter: PropTypes.func,
+  palette: PropTypes.oneOf(['dark']),
+  size: PropTypes.string,
+  title: PropTypes.string,
+  value: PropTypes.string,
+  a11y: PropTypes.shape({
+    role: PropTypes.string,
+    ariaSelected: PropTypes.bool,
+    ariaHidden: PropTypes.bool
+  }),
+  customClass: PropTypes.shape({
+    customListItem: PropTypes.string,
+    customAvatar: PropTypes.string,
+    customAvatarTeam: PropTypes.string
+  }),
+  needMultiLineText: PropTypes.bool,
+  customProps: PropTypes.shape({
+    ListItemProps: PropTypes.object
+  })
+};
+export const ListItemWithCheckBox_Props = {
+  active: PropTypes.bool,
+  autoHover: PropTypes.bool,
+  checked: PropTypes.bool,
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  disableTitle: PropTypes.string,
+  getRef: PropTypes.func,
+  highlight: PropTypes.bool,
+  id: PropTypes.string,
+  index: PropTypes.string,
+  isDisabled: PropTypes.bool,
+  onClick: PropTypes.func,
+  onHover: PropTypes.func,
+  palette: PropTypes.string,
+  size: PropTypes.string,
+  title: PropTypes.string,
+  value: PropTypes.string,
+  a11y: PropTypes.shape({
+    role: PropTypes.string,
+    ariaSelected: PropTypes.bool
+  }),
+  needMultiLineText: PropTypes.bool,
+  customClass: PropTypes.shape({
+    customListItem: PropTypes.string,
+    customCheckBox: PropTypes.string,
+    customLabel: PropTypes.string
+  }),
+  customProps: PropTypes.object
+};
+export const ListItemWithIcon_Props = {
+  active: PropTypes.bool,
+  autoHover: PropTypes.bool,
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  disableTitle: PropTypes.string,
+  getRef: PropTypes.func,
+  highlight: PropTypes.bool,
+  iconClass: PropTypes.string,
+  iconName: PropTypes.string,
+  iconSize: PropTypes.string,
+  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  index: PropTypes.number,
+  isDisabled: PropTypes.bool,
+  needBorder: PropTypes.bool,
+  needTick: PropTypes.bool,
+  onClick: PropTypes.func,
+  onMouseEnter: PropTypes.func,
+  palette: PropTypes.string,
+  size: PropTypes.string,
+  title: PropTypes.string,
+  value: PropTypes.string,
+  a11y: PropTypes.shape({
+    role: PropTypes.string,
+    ariaSelected: PropTypes.bool,
+    ariaHidden: PropTypes.bool
+  }),
+  needMultiLineText: PropTypes.bool,
+  customClass: PropTypes.string,
+  customProps: PropTypes.shape({
+    ListItemProps: PropTypes.object
+  }),
+  isLink: PropTypes.bool,
+  href: PropTypes.string,
+  target: PropTypes.string
+};
+export const ListItemWithRadio_Props = {
+  active: PropTypes.bool,
+  autoHover: PropTypes.bool,
+  checked: PropTypes.bool,
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  disableTitle: PropTypes.string,
+  getRef: PropTypes.func,
+  highlight: PropTypes.bool,
+  id: PropTypes.string,
+  index: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  isDisabled: PropTypes.bool,
+  onClick: PropTypes.func,
+  onHover: PropTypes.func,
+  palette: PropTypes.string,
+  size: PropTypes.string,
+  title: PropTypes.string,
+  value: PropTypes.string,
+  a11y: PropTypes.shape({
+    role: PropTypes.string,
+    ariaSelected: PropTypes.bool
+  }),
+  needMultiLineText: PropTypes.bool,
+  customClass: PropTypes.shape({
+    customListItem: PropTypes.string,
+    customRadio: PropTypes.string,
+    customRadioWrap: PropTypes.string
+  }),
+  customProps: PropTypes.object
+};

package/es/v1/Modal/Modal.js

@@ -3,8 +3,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useState, useRef, useEffect, useCallback } from 'react';
 import ReactDOM from 'react-dom';
 import useEffectCallOnlyAfterState from '@zohodesk/hooks/es/utils/useEffectCallOnlyAfterState';
-import { defaultProps } from '../../Modal/props/defaultProps';
-import { propTypes } from '../../Modal/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import style from '../../AppContainer/AppContainer.module.css';
 let createdPortalIds = [];
 let newPortalPrefix = 'CPortal';

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

@@ -0,0 +1,3 @@
+export const defaultProps = {
+  portalId: 'portal1'
+};

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

@@ -0,0 +1,7 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  autoZIndexNeeded: PropTypes.bool,
+  children: PropTypes.node,
+  portalId: PropTypes.string,
+  isActive: PropTypes.bool
+};

package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AdvancedGroupMultiSelect_propTypes } from '../../MultiSelect/props/propTypes';
-import { AdvancedGroupMultiSelect_defaultProps } from '../../MultiSelect/props/defaultProps';
+import { AdvancedGroupMultiSelect_propTypes } from './props/propTypes';
+import { AdvancedGroupMultiSelect_defaultProps } from './props/defaultProps';
 /**** Components ****/
 
 import Loader from '@zohodesk/svg/lib/Loader/Loader';

package/es/v1/MultiSelect/AdvancedMultiSelect.js

@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React from 'react';
-import { AdvancedMultiSelect_propTypes } from '../../MultiSelect/props/propTypes';
-import { AdvancedMultiSelect_defaultProps } from '../../MultiSelect/props/defaultProps';
+import { AdvancedMultiSelect_propTypes } from './props/propTypes';
+import { AdvancedMultiSelect_defaultProps } from './props/defaultProps';
 /**** Components ****/
 
 import { MultiSelectComponent } from './MultiSelect';

package/es/v1/MultiSelect/EmptyState.js

@@ -1,7 +1,7 @@
 /**** Libraries ****/
 import React from 'react';
-import { EmptyState_propTypes } from '../../MultiSelect/props/propTypes';
-import { EmptyState_defaultProps } from '../../MultiSelect/props/defaultProps';
+import { EmptyState_propTypes } from './props/propTypes';
+import { EmptyState_defaultProps } from './props/defaultProps';
 /**** CSS ****/
 
 import style from '../../MultiSelect/MultiSelect.module.css';

package/es/v1/MultiSelect/MobileHeader/MobileHeader.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import Button from '../../Button/Button';
 import { Container, Box } from '../../Layout';
-import { defaultProps } from '../../../MultiSelect/MobileHeader/props/defaultProps';
-import { propTypes } from '../../../MultiSelect/MobileHeader/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import style from '../../../MultiSelect/MobileHeader/MobileHeader.module.css';
 export default function MobileHeader(props) {
   let {

package/es/v1/MultiSelect/MobileHeader/props/defaultProps.js

@@ -0,0 +1,7 @@
+export const defaultProps = {
+  selectedOptions: [],
+  i18nKeys: {
+    mobilePrimaryButtonText: 'Done',
+    mobileSecondaryButtonText: 'Close'
+  }
+};

package/es/v1/MultiSelect/MobileHeader/props/propTypes.js

@@ -0,0 +1,7 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  i18nKeys: PropTypes.object,
+  onClick: PropTypes.func,
+  selectedOptions: PropTypes.array,
+  children: PropTypes.node
+};

package/es/v1/MultiSelect/MultiSelect.js

@@ -1,8 +1,8 @@
 /**** Libraries ****/
 import React from 'react';
-import { MultiSelect_propTypes } from '../../MultiSelect/props/propTypes';
-import { MultiSelect_defaultProps } from '../../MultiSelect/props/defaultProps';
-import { defaultProps as MobileHeader_defaultProps } from '../../MultiSelect/MobileHeader/props/defaultProps';
+import { MultiSelect_propTypes } from './props/propTypes';
+import { MultiSelect_defaultProps } from './props/defaultProps';
+import { defaultProps as MobileHeader_defaultProps } from './MobileHeader/props/defaultProps';
 /**** Components ****/
 
 import Popup from '../Popup/Popup';

package/es/v1/MultiSelect/MultiSelectHeader.js

@@ -1,7 +1,7 @@
 /**** Libraries ****/
 import React from 'react';
-import { MultiSelectHeader_propTypes } from '../../MultiSelect/props/propTypes';
-import { MultiSelectHeader_defaultProps } from '../../MultiSelect/props/defaultProps';
+import { MultiSelectHeader_propTypes } from './props/propTypes';
+import { MultiSelectHeader_defaultProps } from './props/defaultProps';
 /**** Icons ****/
 
 import ListItemWithIcon from '../ListItem/ListItemWithIcon';

package/es/v1/MultiSelect/MultiSelectWithAvatar.js

@@ -2,9 +2,9 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React from 'react';
-import { MultiSelectWithAvatar_propTypes } from '../../MultiSelect/props/propTypes';
-import { MultiSelectWithAvatar_defaultProps } from '../../MultiSelect/props/defaultProps';
-import { defaultProps as MobileHeader_defaultProps } from '../../MultiSelect/MobileHeader/props/defaultProps';
+import { MultiSelectWithAvatar_propTypes } from './props/propTypes';
+import { MultiSelectWithAvatar_defaultProps } from './props/defaultProps';
+import { defaultProps as MobileHeader_defaultProps } from './MobileHeader/props/defaultProps';
 /**** Components ****/
 
 import { MultiSelectComponent } from './MultiSelect';

package/es/v1/MultiSelect/SelectedOptions.js

@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React from 'react';
-import { SelectedOptions_propTypes } from '../../MultiSelect/props/propTypes';
-import { SelectedOptions_defaultProps } from '../../MultiSelect/props/defaultProps';
+import { SelectedOptions_propTypes } from './props/propTypes';
+import { SelectedOptions_defaultProps } from './props/defaultProps';
 /**** Components ****/
 
 import Tag from '../Tag/Tag';

package/es/v1/MultiSelect/Suggestions.js

@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React from 'react';
-import { Suggestions_propTypes } from '../../MultiSelect/props/propTypes';
-import { Suggestions_defaultProps } from '../../MultiSelect/props/defaultProps';
+import { Suggestions_propTypes } from './props/propTypes';
+import { Suggestions_defaultProps } from './props/defaultProps';
 /**** Components ****/
 
 import ListItem from '../ListItem/ListItem';
@@ -60,7 +60,8 @@ export default class Suggestions extends React.PureComponent {
       const isHighlight = hoverOption === index || id === hoverId ? true : false;
       const list_a11y = Object.assign({}, a11y, {
         ariaSelected: isActive,
-        ariaLabel: value
+        ariaLabel: value,
+        'data-a11y-list-active': isHighlight
       });
       const commonProps = {
         isDisabled,