@zohodesk/dot 1.4.2 → 1.4.4

package/es/v1/list/ListLayout/props/propTypes.js

@@ -0,0 +1,28 @@
+import PropTypes from 'prop-types';
+export const ListLayout_propTypes = {
+  align: PropTypes.string,
+  children: PropTypes.node,
+  className: PropTypes.string,
+  containerClass: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  isActive: PropTypes.bool,
+  needHover: PropTypes.bool,
+  onClick: PropTypes.func,
+  onMouseLeave: PropTypes.func,
+  view: PropTypes.oneOf(['classic', 'compact', 'superCompact']),
+  a11y: PropTypes.shape({
+    role: PropTypes.string,
+    ariaLabel: PropTypes.string,
+    ariaPosinset: PropTypes.number,
+    ariaSetsize: PropTypes.number
+  }),
+  onMouseEnter: PropTypes.func,
+  view: PropTypes.oneOf(['classic', 'compact', 'superCompact']),
+  needPointer: PropTypes.bool,
+  isKeyboardActive: PropTypes.bool
+};
+export const Column_propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string
+};

package/es/v1/list/ListStencils/ListStencils.js

@@ -1,7 +1,7 @@
 /*** Libraries ***/
 import React from 'react';
-import { defaultProps } from '../../../list/ListStencils/props/defaultProps';
-import { propTypes } from '../../../list/ListStencils/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /*** Components ***/
 
 import Stencils from '@zohodesk/components/es/v1/Stencils/Stencils';

package/es/v1/list/ListStencils/props/defaultProps.js

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

package/es/v1/list/ListStencils/props/propTypes.js

@@ -0,0 +1,4 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  listType: PropTypes.oneOf(['classic', 'compact', 'superCompact'])
+};

package/es/v1/list/SecondaryText/AccountName.js

@@ -4,8 +4,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React from 'react';
-import { AccountName_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
-import { AccountName_propTypes } from '../../../list/SecondaryText/props/propTypes';
+import { AccountName_defaultProps } from './props/defaultProps';
+import { AccountName_propTypes } from './props/propTypes';
 /**** Components ****/
 
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';

package/es/v1/list/SecondaryText/ContactName.js

@@ -1,8 +1,8 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
-import { ContactName_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
-import { ContactName_propTypes } from '../../../list/SecondaryText/props/propTypes';
+import { ContactName_defaultProps } from './props/defaultProps';
+import { ContactName_propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import Link from '../../Link/Link';
 import SentimentStatus from '../SentimentStatus/SentimentStatus';

package/es/v1/list/SecondaryText/DepartmentText.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DepartmentText_propTypes } from '../../../list/SecondaryText/props/propTypes';
+import { DepartmentText_propTypes } from './props/propTypes';
 import style from '../../../list/SecondaryText/SecondaryText.module.css';
 export default function DepartmentText(props) {
   let {

package/es/v1/list/SecondaryText/Email.js

@@ -4,8 +4,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React from 'react';
-import { Email_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
-import { Email_propTypes } from '../../../list/SecondaryText/props/propTypes';
+import { Email_defaultProps } from './props/defaultProps';
+import { Email_propTypes } from './props/propTypes';
 /**** Components ****/
 
 import Link from '../../Link/Link';

package/es/v1/list/SecondaryText/HappinessRating.js

@@ -1,6 +1,6 @@
 /**** Libraries ****/
 import React from 'react';
-import { HappinessRating_propTypes } from '../../../list/SecondaryText/props/propTypes';
+import { HappinessRating_propTypes } from './props/propTypes';
 /**** CSS ****/
 
 import style from '../../../list/SecondaryText/SecondaryText.module.css';

package/es/v1/list/SecondaryText/PhoneNumber.js

@@ -4,8 +4,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React from 'react';
-import { PhoneNumber_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
-import { PhoneNumber_propTypes } from '../../../list/SecondaryText/props/propTypes';
+import { PhoneNumber_defaultProps } from './props/defaultProps';
+import { PhoneNumber_propTypes } from './props/propTypes';
 /**** Components ****/
 
 import Link from '../../Link/Link';

package/es/v1/list/SecondaryText/PriorityText.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PriorityText_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
-import { PriorityText_propTypes } from '../../../list/SecondaryText/props/propTypes';
+import { PriorityText_defaultProps } from './props/defaultProps';
+import { PriorityText_propTypes } from './props/propTypes';
 import style from '../../../list/SecondaryText/SecondaryText.module.css';
 export default function PriorityText(props) {
   let {

package/es/v1/list/SecondaryText/SecondaryText.js

@@ -1,8 +1,8 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
-import { SecondaryText_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
-import { SecondaryText_propTypes } from '../../../list/SecondaryText/props/propTypes';
+import { SecondaryText_defaultProps } from './props/defaultProps';
+import { SecondaryText_propTypes } from './props/propTypes';
 import style from '../../../list/SecondaryText/SecondaryText.module.css';
 export default function SecondaryText(props) {
   let {

package/es/v1/list/SecondaryText/StatusText.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { StatusText_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
-import { StatusText_propTypes } from '../../../list/SecondaryText/props/propTypes';
+import { StatusText_defaultProps } from './props/defaultProps';
+import { StatusText_propTypes } from './props/propTypes';
 import style from '../../../list/SecondaryText/SecondaryText.module.css';
 export default function StatusText(props) {
   let {

package/es/v1/list/SecondaryText/TicketId.js

@@ -1,8 +1,8 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
-import { TicketId_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
-import { TicketId_propTypes } from '../../../list/SecondaryText/props/propTypes';
+import { TicketId_defaultProps } from './props/defaultProps';
+import { TicketId_propTypes } from './props/propTypes';
 import Link from '../../Link/Link';
 import style from '../../../list/SecondaryText/SecondaryText.module.css';
 export default function TicketId(props) {

package/es/v1/list/SecondaryText/Website.js

@@ -2,8 +2,8 @@
 
 /**** Libraries ****/
 import React from 'react';
-import { Website_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
-import { Website_propTypes } from '../../../list/SecondaryText/props/propTypes';
+import { Website_defaultProps } from './props/defaultProps';
+import { Website_propTypes } from './props/propTypes';
 /**** Components ****/
 
 import ExternalLink from '../../ExternalLink/ExternalLink';

package/es/v1/list/SecondaryText/props/defaultProps.js

@@ -0,0 +1,44 @@
+export const AccountName_defaultProps = {
+  isLink: true,
+  dataId: 'accountName',
+  fontWeight: 'regular',
+  customProps: {}
+};
+export const ContactName_defaultProps = {
+  isPaidUser: false,
+  isLink: true,
+  dataId: 'contactName',
+  fontWeight: 'regular',
+  i18nKeys: {},
+  customProps: {}
+};
+export const Email_defaultProps = {
+  isLink: true,
+  fontWeight: 'regular',
+  customProps: {}
+};
+export const PhoneNumber_defaultProps = {
+  isLink: true,
+  hasReload: false,
+  fontWeight: 'regular',
+  customProps: {}
+};
+export const PriorityText_defaultProps = {
+  color: 'black',
+  dataId: 'priority'
+};
+export const SecondaryText_defaultProps = {
+  customProps: {}
+};
+export const StatusText_defaultProps = {
+  color: 'black',
+  dataId: 'statusContainer',
+  fontWeight: 'regular'
+};
+export const TicketId_defaultProps = {
+  dataId: 'ticketId',
+  customProps: {}
+};
+export const Website_defaultProps = {
+  isLink: true
+};

package/es/v1/list/SecondaryText/props/propTypes.js

@@ -0,0 +1,142 @@
+import PropTypes from 'prop-types';
+export const AccountName_propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
+  href: PropTypes.string,
+  isLink: PropTypes.bool,
+  notAccessible: PropTypes.bool,
+  onClick: PropTypes.func,
+  text: PropTypes.string,
+  urlData: PropTypes.object,
+  urlName: PropTypes.string,
+  secondaryAccountHref: PropTypes.string,
+  secondaryAccountClick: PropTypes.func,
+  secondaryAccountText: PropTypes.string,
+  customProps: PropTypes.shape({
+    LinkProps: PropTypes.object,
+    TextProps: PropTypes.object,
+    SecondaryTextProps: PropTypes.object
+  })
+};
+export const ContactName_propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
+  href: PropTypes.string,
+  isLink: PropTypes.bool,
+  isPaidUser: PropTypes.bool,
+  notAccessible: PropTypes.bool,
+  onClick: PropTypes.func,
+  sentimentType: PropTypes.oneOf(['positive', 'negative', 'neutral']),
+  text: PropTypes.string,
+  urlData: PropTypes.object,
+  urlName: PropTypes.string,
+  i18nKeys: PropTypes.shape({
+    sentimentTitles: PropTypes.shape({
+      positive: PropTypes.string,
+      negative: PropTypes.string,
+      neutral: PropTypes.string
+    }),
+    paidTitle: PropTypes.string
+  }),
+  customProps: PropTypes.shape({
+    LinkProps: PropTypes.object,
+    TextProps: PropTypes.object
+  })
+};
+export const DepartmentText_propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  text: PropTypes.string
+};
+export const Email_propTypes = {
+  className: PropTypes.string,
+  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
+  href: PropTypes.string,
+  isLink: PropTypes.bool,
+  target: PropTypes.string,
+  text: PropTypes.string,
+  title: PropTypes.string,
+  urlData: PropTypes.object,
+  urlName: PropTypes.string,
+  customProps: PropTypes.shape({
+    LinkProps: PropTypes.object,
+    TextProps: PropTypes.object
+  })
+};
+export const HappinessRating_propTypes = {
+  className: PropTypes.string,
+  src: PropTypes.string,
+  text: PropTypes.string
+};
+export const PhoneNumber_propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
+  hasReload: PropTypes.bool,
+  href: PropTypes.string,
+  isLink: PropTypes.bool,
+  target: PropTypes.string,
+  text: PropTypes.string,
+  title: PropTypes.string,
+  urlData: PropTypes.object,
+  urlName: PropTypes.string,
+  customProps: PropTypes.shape({
+    LinkProps: PropTypes.object,
+    TextProps: PropTypes.object
+  })
+};
+export const PriorityText_propTypes = {
+  className: PropTypes.string,
+  color: PropTypes.oneOf(['red', 'green', 'gray', 'orange']),
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  text: PropTypes.string
+};
+export const SecondaryText_propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  onClick: PropTypes.func,
+  text: PropTypes.string,
+  customProps: PropTypes.shape({
+    SecondaryTextProps: PropTypes.object
+  })
+};
+export const StatusText_propTypes = {
+  className: PropTypes.string,
+  color: PropTypes.oneOf(['red', 'green', 'gray', 'orange', 'black']),
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
+  text: PropTypes.string
+};
+export const TicketId_propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  isLink: PropTypes.string,
+  onClick: PropTypes.func,
+  target: PropTypes.oneOf(['_blank', '_self']),
+  text: PropTypes.string,
+  url: PropTypes.string,
+  urlData: PropTypes.string,
+  urlName: PropTypes.string,
+  customProps: PropTypes.shape({
+    TicketIdProps: PropTypes.object,
+    LinkProps: PropTypes.object
+  })
+};
+export const Website_propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  href: PropTypes.string,
+  isLink: PropTypes.bool,
+  target: PropTypes.string,
+  text: PropTypes.string,
+  title: PropTypes.string
+};

package/es/v1/list/SecondryPanel/SecondryPanel.js

@@ -1,7 +1,7 @@
 /**** Libraries ****/
 import React from 'react';
-import { SecondryPanel_defaultProps, SecondryPanelUL_defaultProps, SecondryPanelLI_defaultProps, SecondryPanelItem_defaultProps } from '../../../list/SecondryPanel/props/defaultProps';
-import { SecondryPanel_propTypes, SecondryPanelUL_propTypes, SecondryPanelLI_propTypes, SecondryPanelItem_propTypes } from '../../../list/SecondryPanel/props/propTypes';
+import { SecondryPanel_defaultProps, SecondryPanelUL_defaultProps, SecondryPanelLI_defaultProps, SecondryPanelItem_defaultProps } from './props/defaultProps';
+import { SecondryPanel_propTypes, SecondryPanelUL_propTypes, SecondryPanelLI_propTypes, SecondryPanelItem_propTypes } from './props/propTypes';
 /**** Components ****/
 
 import { Box, Container } from '@zohodesk/components/es/v1/Layout';

package/es/v1/list/SecondryPanel/props/defaultProps.js

@@ -0,0 +1,18 @@
+export const SecondryPanel_defaultProps = {
+  className: ''
+};
+export const SecondryPanelUL_defaultProps = {
+  className: '',
+  align: 'baseline'
+};
+export const SecondryPanelLI_defaultProps = {
+  isShrink: true,
+  className: ''
+};
+export const SecondryPanelItem_defaultProps = {
+  clipped: true,
+  dotSpacingType: 'list',
+  flex: true,
+  isDot: true,
+  className: ''
+};

package/es/v1/list/SecondryPanel/props/propTypes.js

@@ -0,0 +1,27 @@
+import PropTypes from 'prop-types';
+export const SecondryPanel_propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string
+};
+export const SecondryPanelUL_propTypes = {
+  align: PropTypes.string,
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string
+};
+export const SecondryPanelLI_propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isShrink: PropTypes.bool
+};
+export const SecondryPanelItem_propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  clipped: PropTypes.bool,
+  dotClass: PropTypes.string,
+  dotSpacingType: PropTypes.oneOf(['minimalList', 'list']),
+  flex: PropTypes.bool,
+  isDot: PropTypes.bool,
+  title: PropTypes.string
+};

package/es/v1/list/SentimentStatus/SentimentStatus.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { propTypes } from '../../../list/SentimentStatus/props/propTypes';
+import { propTypes } from './props/propTypes';
 import style from '../../../list/SentimentStatus/SentimentStatus.module.css';
 import { Icon } from '@zohodesk/icons';
 export default function SentimentStatus(props) {

package/es/v1/list/SentimentStatus/props/propTypes.js

@@ -0,0 +1,5 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataTitle: PropTypes.string,
+  type: PropTypes.oneOf(['neutral', 'negative', 'positive'])
+};

package/es/v1/list/Subject/Subject.js

@@ -1,8 +1,8 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React, { Component } from 'react';
-import { defaultProps } from '../../../list/Subject/props/defaultProps';
-import { propTypes } from '../../../list/Subject/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Link from '../../Link/Link';
 import style from '../../../list/Subject/Subject.module.css';
 export default class Subject extends Component {

package/es/v1/list/Subject/props/defaultProps.js

@@ -0,0 +1,7 @@
+export const defaultProps = {
+  isLink: false,
+  fontWeight: 'regular',
+  className: '',
+  isDotted: true,
+  customProps: {}
+};

package/es/v1/list/Subject/props/propTypes.js

@@ -0,0 +1,19 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
+  href: PropTypes.string,
+  isLink: PropTypes.bool,
+  onClick: PropTypes.func,
+  target: PropTypes.oneOf(['_blank', '_self']),
+  text: PropTypes.string,
+  urlData: PropTypes.object,
+  urlName: PropTypes.string,
+  isDotted: PropTypes.bool,
+  children: PropTypes.node,
+  customProps: PropTypes.shape({
+    LinkProps: PropTypes.object,
+    TextProps: PropTypes.object
+  })
+};

package/es/v1/list/TagNew/TagNew.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import { defaultProps } from '../../../list/TagNew/props/defaultProps';
-import { propTypes } from '../../../list/TagNew/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import style from '../../../list/TagNew/TagNew.module.css';
 export default class TagNew extends Component {
   constructor(props) {

package/es/v1/list/TagNew/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  animate: false,
+  dataId: 'TagNew'
+};

package/es/v1/list/TagNew/props/propTypes.js

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  animate: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  onClick: PropTypes.func,
+  text: PropTypes.string
+};

package/es/v1/list/Thread/Thread.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import { defaultProps } from '../../../list/Thread/props/defaultProps';
-import { propTypes } from '../../../list/Thread/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import Button from '@zohodesk/components/es/v1/semantic/Button/Button';
 import style from '../../../list/Thread/Thread.module.css';

package/es/v1/list/Thread/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  align: 'left',
+  className: ''
+};

package/es/v1/list/Thread/props/propTypes.js

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  align: PropTypes.oneOf(['left', 'right']),
+  className: PropTypes.string,
+  count: PropTypes.string,
+  dataId: PropTypes.string,
+  iconTitle: PropTypes.string
+};

package/es/v1/list/status/StatusDropdown/StatusDropdown.js

@@ -1,7 +1,7 @@
 import React, { useState, useRef } from 'react';
 import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
-import { defaultProps } from '../../../../list/status/StatusDropdown/props/defaultProps';
-import { propTypes } from '../../../../list/status/StatusDropdown/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import Popup from '@zohodesk/components/es/v1/Popup/Popup';
 import { Box, Container } from '@zohodesk/components/es/v1/Layout';

package/es/v1/list/status/StatusDropdown/props/defaultProps.js

@@ -0,0 +1,19 @@
+export const defaultProps = {
+  keyName: 'name',
+  idName: 'key',
+  isArrow: false,
+  searchBoxSize: 'small',
+  isDisabled: false,
+  showIconOnHover: false,
+  isReadOnly: false,
+  isEditable: true,
+  isDataLoaded: true,
+  needTick: true,
+  targetAlign: 'vertical',
+  needResponsive: true,
+  arrowIconPosition: 'default',
+  boxSize: 'medium',
+  needExternalPopupState: false,
+  statusColor: 'statusColor',
+  needMultiLineText: false
+};

package/es/v1/list/status/StatusDropdown/props/propTypes.js

@@ -0,0 +1,54 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  activeStyle: PropTypes.string,
+  arrowIconPosition: PropTypes.oneOf(['default', 'overlay']),
+  bottom: PropTypes.number,
+  boxPosition: PropTypes.oneOf(['bottomRight', 'bottomLeft', 'bottomCenter', 'topRight', 'topLeft', 'topCenter', 'rightTop', 'rightBottom', 'rightCenter', 'leftTop', 'leftBottom', 'leftCenter']),
+  boxSize: PropTypes.oneOf(['small', 'medium', 'mlarge', 'large']),
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  getContainerRef: PropTypes.func,
+  getNextOptions: PropTypes.func,
+  getTargetRef: PropTypes.func,
+  hoverStyle: PropTypes.string,
+  idName: PropTypes.string,
+  isArrow: PropTypes.bool,
+  isDataLoaded: PropTypes.bool,
+  isDataLoaded: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isEditable: PropTypes.bool,
+  isNextOptions: PropTypes.bool,
+  isPopupActive: PropTypes.bool,
+  isPopupOpen: PropTypes.bool,
+  isPopupReady: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  isSearch: PropTypes.bool,
+  keyName: PropTypes.string,
+  left: PropTypes.number,
+  needExternalPopupState: PropTypes.bool,
+  needResponsive: PropTypes.bool,
+  needTick: PropTypes.bool,
+  onClick: PropTypes.func,
+  onTogglePopup: PropTypes.func,
+  options: PropTypes.array.isRequired,
+  placeHolderText: PropTypes.string,
+  position: PropTypes.string,
+  removeClose: PropTypes.func,
+  right: PropTypes.number,
+  searchBoxSize: PropTypes.oneOf(['small', 'medium', 'xmedium']),
+  searchEmptyHint: PropTypes.string,
+  searchErrorText: PropTypes.string,
+  showIconOnHover: PropTypes.bool,
+  showOnHover: PropTypes.bool,
+  statusColor: PropTypes.string,
+  targetAlign: PropTypes.oneOf(['vertical', 'horizontal', 'both', 'top', 'right', 'bottom', 'left', 'between', 'around']),
+  title: PropTypes.string,
+  togglePopup: PropTypes.func,
+  value: PropTypes.node,
+  needMultiLineText: PropTypes.bool,
+  onSelectLabel: PropTypes.func,
+  top: PropTypes.number,
+  a11y: PropTypes.object
+};

package/es/v1/list/status/StatusListItem/StatusListItem.js

@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React, { useRef } from 'react';
-import { defaultProps } from '../../../../list/status/StatusListItem/props/defaultProps';
-import { propTypes } from '../../../../list/status/StatusListItem/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 /**** Components ****/
 

package/es/v1/list/status/StatusListItem/props/defaultProps.js

@@ -0,0 +1,15 @@
+export const defaultProps = {
+  active: false,
+  autoHover: false,
+  highlight: false,
+  id: '',
+  needTick: false,
+  palette: 'default',
+  size: 'medium',
+  isLink: false,
+  target: 'blank',
+  needBorder: true,
+  bulletColor: 'black',
+  a11y: {},
+  needMultiLineText: false
+};