@zohodesk/dot 1.2.0 → 1.2.2

package/es/deprecated/SelectDropdown/SelectDropdown.js

@@ -140,12 +140,7 @@ SelectDropdown.propTypes = {
     valueKey: PropTypes.string,
     options: PropTypes.array
   }),
-  title: PropTypes.string
-}; // if (__DOCS__) {
-//   SelectDropdown.docs = {
-//     componentGroup: 'Header',
-//     folderName: 'Setup'
-//   };
-// }
-
+  title: PropTypes.string,
+  togglePopup: PropTypes.func
+};
 export default Popup(SelectDropdown);

package/es/dropdown/ToggleDropDown/props/propTypes.js

@@ -72,5 +72,8 @@ export const propTypes = {
   customClass: PropTypes.shape({
     customDropBox: PropTypes.string,
     customListBox: PropTypes.string
-  })
+  }),
+  onSelectLabel: PropTypes.func,
+  from: PropTypes.string,
+  top: PropTypes.number
 };

package/es/emptystate/CommonEmptyState/CommonEmptyState.js

@@ -31,6 +31,7 @@ export default class CommonEmptyState extends Component {
       "data-id": dataId,
       "data-test-id": dataId
     }, getEmptyState ? getEmptyState() : null, title ? /*#__PURE__*/React.createElement("div", {
+      tabIndex: "0",
       className: `${style.title} ${titleClass}`
     }, title) : null, description ? /*#__PURE__*/React.createElement("div", {
       className: style.linkWrapper

package/es/emptystate/EditionPage/props/propTypes.js

@@ -2,6 +2,10 @@ import PropTypes from 'prop-types';
 export const propTypes = {
   dataId: PropTypes.string,
   footerText: PropTypes.string,
-  subTitle: PropTypes.string,
-  title: PropTypes.string
+  title: PropTypes.string,
+  subtitle: PropTypes.string,
+  information: PropTypes.string,
+  onButtonClick: PropTypes.func,
+  butttonText: PropTypes.string,
+  children: PropTypes.string
 };

package/es/form/fields/CheckBoxField/props/propTypes.js

@@ -23,5 +23,5 @@ export const propTypes = {
     ValidationMessageProps1: PropTypes.object,
     ValidationMessageProps2: PropTypes.object
   }),
-  ...FieldCommonPropTypes()
+  ...FieldCommonPropTypes
 };

package/es/form/fields/CurrencyField/props/propTypes.js

@@ -31,6 +31,9 @@ export const propTypes = {
     ValidationMessageProps1: PropTypes.object,
     ValidationMessageProps2: PropTypes.object
   }),
+  onFocus: PropTypes.func,
   formatCurrency: PropTypes.func,
-  ...FieldCommonPropTypes()
+  htmlId: PropTypes.string,
+  userCurrencyType: PropTypes.string,
+  ...FieldCommonPropTypes
 };

package/es/form/fields/DateField/props/propTypes.js

@@ -35,5 +35,5 @@ export const propTypes = {
     ValidationMessageProps1: PropTypes.object,
     ValidationMessageProps2: PropTypes.object
   }),
-  ...FieldCommonPropTypes()
+  ...FieldCommonPropTypes
 };

package/es/form/fields/FieldContainer/props/propTypes.js

@@ -1,11 +1,25 @@
 import PropTypes from 'prop-types';
-import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
-export const propTypes = { ...FieldCommonPropTypes(),
+export const propTypes = {
   children: PropTypes.node,
   alignContainer: PropTypes.oneOf('vertical', 'baseline'),
   renderProps: PropTypes.shape({
     start: PropTypes.func,
     middle: PropTypes.func,
     end: PropTypes.func
-  })
+  }),
+  ePhiData: PropTypes.shape({
+    ePhiTitle: PropTypes.string,
+    ePhiText: PropTypes.string,
+    ePhiStatus: PropTypes.bool
+  }),
+  isLocked: PropTypes.bool,
+  lockedInfoText: PropTypes.string,
+  infoText: PropTypes.string,
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  dataId: PropTypes.string,
+  infoText: PropTypes.string,
+  lockedInfoText: PropTypes.string,
+  isLocked: PropTypes.bool,
+  dataSelectorId: PropTypes.bool
 };

package/es/form/fields/MultiSelectField/props/propTypes.js

@@ -10,7 +10,6 @@ export const propTypes = {
   getRef: PropTypes.func,
   id: PropTypes.string,
   isAnimate: PropTypes.bool,
-  isFocusOnLabelClick: PropTypes.bool,
   isNextOptions: PropTypes.bool,
   isSearching: PropTypes.bool,
   labelName: PropTypes.string,
@@ -46,5 +45,6 @@ export const propTypes = {
     ValidationMessageProps2: PropTypes.object
   }),
   i18nKeys: PropTypes.object,
-  ...FieldCommonPropTypes()
+  htmlId: PropTypes.string,
+  ...FieldCommonPropTypes
 };

package/es/form/fields/PhoneField/props/propTypes.js

@@ -36,5 +36,12 @@ export const propTypes = {
   customProps: PropTypes.shape({
     LinkProps: PropTypes.object,
     TextBoxFieldProps: PropTypes.object
-  })
+  }),
+  onFocus: PropTypes.func,
+  dataSelectorId: PropTypes.string,
+  isTelephony: PropTypes.bool,
+  providerName: PropTypes.string,
+  ticketId: PropTypes.string,
+  contactId: PropTypes.string,
+  type: PropTypes.string
 };

package/es/form/fields/RadioField/props/propTypes.js

@@ -19,12 +19,12 @@ export const propTypes = {
   validationPalette: PropTypes.string,
   validationRuleMessage: PropTypes.string,
   validationRulePalette: PropTypes.string,
-  valueField: PropTypes.string,
   variant: PropTypes.oneOf(['primary', 'default', 'secondary']),
   customProps: PropTypes.shape({
     LabelProps: PropTypes.object,
     RadioProps: PropTypes.object,
     ValidationMessageProps1: PropTypes.object,
     ValidationMessageProps2: PropTypes.object
-  })
+  }),
+  dataSelectorId: PropTypes.string
 };

package/es/form/fields/SelectField/SelectField.js

@@ -97,8 +97,7 @@ export default class SelectField extends PureComponent {
       onFocus,
       iconOnHover,
       customProps,
-      renderLabelProps,
-      ariaLabelledby
+      renderLabelProps
     } = this.props;
     const {
       LabelProps = {},

package/es/form/fields/SelectField/props/propTypes.js

@@ -11,7 +11,6 @@ export const propTypes = {
   getNextOptions: PropTypes.func,
   getRef: PropTypes.func,
   id: PropTypes.string,
-  isFocusOnLabelClick: PropTypes.bool,
   isNextOptions: PropTypes.bool,
   labelCustomClass: PropTypes.string,
   labelName: PropTypes.string,
@@ -46,5 +45,6 @@ export const propTypes = {
     ValidationMessageProps1: PropTypes.object,
     ValidationMessageProps2: PropTypes.object
   }),
-  ...FieldCommonPropTypes()
+  htmlId: PropTypes.string,
+  ...FieldCommonPropTypes
 };

package/es/form/fields/TagsMultiSelect/props/propTypes.js

@@ -39,5 +39,6 @@ export const propTypes = {
   htmlId: PropTypes.string,
   boxSize: PropTypes.string,
   onSelectTag: PropTypes.func,
-  clickableTag: PropTypes.bool
+  clickableTag: PropTypes.bool,
+  dataSelectorId: PropTypes.string
 };

package/es/form/fields/TagsMultiSelectField/props/propTypes.js

@@ -31,7 +31,6 @@ export const propTypes = {
     onFocus: PropTypes.func
   }),
   isNewNeeded: PropTypes.bool,
-  data: PropTypes.string,
   htmlId: PropTypes.string,
   isLoading: PropTypes.bool,
   isListDisabled: PropTypes.bool,
@@ -48,5 +47,17 @@ export const propTypes = {
     TagsMultiSelectProps: PropTypes.object,
     ValidationMessageProps: PropTypes.object
   }),
-  ...FieldCommonPropTypes()
+  ePhiData: PropTypes.shape({
+    ePhiTitle: PropTypes.string,
+    ePhiText: PropTypes.string,
+    ePhiStatus: PropTypes.bool
+  }),
+  searchValue: PropTypes.string,
+  isPopupOpen: PropTypes.bool,
+  isPopupReady: PropTypes.bool,
+  removeClose: PropTypes.func,
+  togglePopup: PropTypes.func,
+  clickableTag: PropTypes.bool,
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.bool
 };

package/es/form/fields/TextBoxField/props/propTypes.js

@@ -33,5 +33,12 @@ export const propTypes = {
     ValidationMessageProps1: PropTypes.object,
     ValidationMessageProps2: PropTypes.object
   }),
-  ...FieldCommonPropTypes()
+  htmlId: PropTypes.string,
+  onFocus: PropTypes.func,
+  ePhiData: PropTypes.shape({
+    ePhiTitle: PropTypes.string,
+    ePhiText: PropTypes.string,
+    ePhiStatus: PropTypes.bool
+  }),
+  ...FieldCommonPropTypes
 };

package/es/form/fields/TextEditor/props/propTypes.js

@@ -36,5 +36,11 @@ export const propTypes = {
   value: PropTypes.string,
   needInlineAttachment: PropTypes.bool,
   isNightMode: PropTypes.bool,
-  isReadOnly: PropTypes.bool
+  isReadOnly: PropTypes.bool,
+  EDITORURL: PropTypes.string,
+  getCSRFCookieName: PropTypes.string,
+  getCSRFCookie: PropTypes.string,
+  isEditorDefaultOpen: PropTypes.bool,
+  toggleEdit: PropTypes.func,
+  dataSelectorId: PropTypes.string
 };

package/es/form/fields/TextEditorField/props/propTypes.js

@@ -43,5 +43,17 @@ export const propTypes = {
     TextEditorWrapperProps: PropTypes.object,
     ValidationMessageProps: PropTypes.object
   }),
-  ...FieldCommonPropTypes()
+  ePhiData: PropTypes.shape({
+    ePhiTitle: PropTypes.string,
+    ePhiText: PropTypes.string,
+    ePhiStatus: PropTypes.bool
+  }),
+  dataId: PropTypes.string,
+  infoText: PropTypes.string,
+  lockedInfoText: PropTypes.string,
+  isLocked: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  isMandatory: PropTypes.bool,
+  dataSelectorId: PropTypes.bool
 };

package/es/form/fields/TextEditorWrapper/props/propTypes.js

@@ -35,5 +35,6 @@ export const propTypes = {
     Textarea1Props: PropTypes.object,
     TextEditorProps: PropTypes.object,
     Textarea2Props: PropTypes.object
-  })
+  }),
+  dataSelectorId: PropTypes.string
 };

package/es/form/fields/TextareaField/props/propTypes.js

@@ -14,7 +14,6 @@ export const propTypes = {
   maxLength: PropTypes.number,
   onBlur: PropTypes.func,
   onChange: PropTypes.func,
-  onKeyDown: PropTypes.func,
   placeHolder: PropTypes.string,
   textBoxSize: PropTypes.string,
   textBoxVariant: PropTypes.string,
@@ -30,5 +29,6 @@ export const propTypes = {
     ValidationMessageProps1: PropTypes.object,
     ValidationMessageProps2: PropTypes.object
   }),
-  ...FieldCommonPropTypes()
+  htmlId: PropTypes.string,
+  ...FieldCommonPropTypes
 };

package/es/form/fields/ValidationMessage/props/propTypes.js

@@ -1,7 +1,6 @@
 import PropTypes from 'prop-types';
 export const propTypes = {
   clipped: PropTypes.bool,
-  id: PropTypes.string,
   onClick: PropTypes.func,
   palette: PropTypes.oneOf(['primary', 'mandatory', 'danger']),
   size: PropTypes.oneOf(['xsmall', 'small', 'medium', 'large']),
@@ -10,5 +9,8 @@ export const propTypes = {
   a11y: PropTypes.shape({
     role: PropTypes.string
   }),
-  tooltip: PropTypes.string
+  tooltip: PropTypes.string,
+  htmlFor: PropTypes.string,
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string
 };

package/es/form/fields/props/FieldCommonPropTypes.js

@@ -1,23 +1,17 @@
 import PropTypes from 'prop-types';
-export const FieldCommonPropTypes = () => {
-  return {
-    ePhiData: PropTypes.shape({
-      ePhiTitle: PropTypes.string,
-      ePhiText: PropTypes.string,
-      ePhiStatus: PropTypes.bool
-    }),
-    dataId: PropTypes.string,
-    infoText: PropTypes.string,
-    lockedInfoText: PropTypes.string,
-    isLocked: PropTypes.bool,
-    isDisabled: PropTypes.bool,
-    isReadOnly: PropTypes.bool,
-    isMandatory: PropTypes.bool,
-    renderLabelProps: PropTypes.shape({
-      start: PropTypes.func,
-      middle: PropTypes.func,
-      end: PropTypes.func
-    }),
-    dataSelectorId: PropTypes.bool
-  };
-};
+export const FieldCommonPropTypes = {
+  dataId: PropTypes.string,
+  infoText: PropTypes.string,
+  lockedInfoText: PropTypes.string,
+  isLocked: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  isMandatory: PropTypes.bool,
+  renderLabelProps: PropTypes.shape({
+    start: PropTypes.func,
+    middle: PropTypes.func,
+    end: PropTypes.func
+  }),
+  dataSelectorId: PropTypes.bool
+};
+;

package/es/form/layout/Section/props/propTypes.js

@@ -5,5 +5,7 @@ export const propTypes = {
   containerClass: PropTypes.string,
   dataId: PropTypes.string,
   title: PropTypes.string,
-  titleClass: PropTypes.string
+  titleClass: PropTypes.string,
+  column: PropTypes.string,
+  formName: PropTypes.string
 };

package/es/list/Comment/props/propTypes.js

@@ -2,8 +2,5 @@ import PropTypes from 'prop-types';
 export const propTypes = {
   className: PropTypes.string,
   count: PropTypes.string,
-  features: PropTypes.array,
-  iconTitle: PropTypes.string,
-  module: PropTypes.string,
   onClick: PropTypes.func
 };

package/es/list/GridStencils/props/propTypes.js

@@ -3,5 +3,6 @@ export const propTypes = {
   from: PropTypes.string,
   isThreeLayout: PropTypes.bool,
   lineBar: PropTypes.string,
-  styles: PropTypes.object
+  styles: PropTypes.object,
+  order: PropTypes.number
 };

package/es/list/Icons/AddNewIcon.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { AddNewIcon_propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import style from './Icons.module.css';
+import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
 export default class AddNewIcon extends React.Component {
   render() {
     let {
@@ -11,9 +12,9 @@ export default class AddNewIcon extends React.Component {
       iconClass,
       className
     } = this.props;
-    return /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/React.createElement("button", {
       onClick: onClick,
-      className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''}`,
+      className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''} ${btnStyle.buttonReset}`,
       "data-id": dataId,
       "data-test-id": dataId,
       "data-title": dataTitle

package/es/list/Icons/CompleteIcon.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { CompleteIcon_propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import style from './Icons.module.css';
+import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
 export default class CompleteIcon extends React.Component {
   render() {
     let {
@@ -12,9 +13,9 @@ export default class CompleteIcon extends React.Component {
       className,
       iconSize
     } = this.props;
-    return /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/React.createElement("button", {
       onClick: onClick,
-      className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''}`,
+      className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''} ${btnStyle.buttonReset}`,
       "data-id": dataId,
       "data-test-id": dataId,
       "data-title": dataTitle

package/es/list/Icons/DeleteIcon.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { DeleteComponent_propTypes } from './props/propTypes';
 import style from './Icons.module.css';
 import { Icon } from '@zohodesk/icons';
+import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
 export default class DeleteComponent extends React.Component {
   render() {
     let {
@@ -12,13 +13,13 @@ export default class DeleteComponent extends React.Component {
       iconSize,
       className
     } = this.props;
-    return /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/React.createElement("button", {
       onClick: onClick,
-      className: `${style.iconStyle} ${style.redHover} ${className ? className : ''}`,
+      className: `${style.iconStyle} ${style.redHover} ${className ? className : ''}  ${btnStyle.buttonReset}`,
       "data-id": dataId,
       "data-test-id": dataId,
       "data-title": dataTitle,
-      tabIndex: 0
+      "aria-label": dataTitle
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-GN-delete",
       iconClass: iconClass ? iconClass : '',

package/es/list/Icons/EditIcon.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { EditIcon_propTypes } from './props/propTypes';
 import style from './Icons.module.css';
 import { Icon } from '@zohodesk/icons';
+import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
 export default class EditIcon extends React.Component {
   render() {
     let {
@@ -12,12 +13,13 @@ export default class EditIcon extends React.Component {
       iconSize,
       className
     } = this.props;
-    return /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/React.createElement("button", {
       onClick: onClick,
-      className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''}`,
+      className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''}  ${btnStyle.buttonReset}`,
       "data-id": dataId,
       "data-test-id": dataId,
-      "data-title": dataTitle
+      "data-title": dataTitle,
+      "aria-label": dataTitle
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-GN-edit",
       iconClass: iconClass ? iconClass : '',

package/es/list/Icons/ReadUnreadIcon.js

@@ -3,6 +3,7 @@ import { ReadUnreadIcon_defaultProps } from './props/defaultProps';
 import { ReadUnreadIcon_propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import style from './Icons.module.css';
+import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
 export default class ReadUnreadIcon extends React.Component {
   render() {
     let {
@@ -15,12 +16,13 @@ export default class ReadUnreadIcon extends React.Component {
       isRead,
       iconSize
     } = this.props;
-    return /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/React.createElement("button", {
       onClick: onClick,
-      className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''}`,
+      className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''} ${btnStyle.buttonReset}`,
       "data-id": dataId,
       "data-test-id": dataId,
-      "data-title": dataTitle
+      "data-title": dataTitle,
+      "aria-label": dataTitle
     }, /*#__PURE__*/React.createElement(Icon, {
       name: isRead ? 'ZD-GN-read' : 'ZD-GN-unread',
       size: iconSize,

package/es/list/Icons/SmartIcon.js

@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import { SmartIcon_propTypes } from './props/propTypes';
 import style from './Icons.module.css';
 import { Icon } from '@zohodesk/icons';
+import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
 export default class SmartIcon extends Component {
   render() {
     let {
@@ -11,12 +12,13 @@ export default class SmartIcon extends Component {
       iconClass,
       className
     } = this.props;
-    return /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/React.createElement("button", {
       onClick: onClick,
-      className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''}`,
+      className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''}  ${btnStyle.buttonReset}`,
       "data-id": dataId,
       "data-test-id": dataId,
-      "data-title": dataTitle
+      "data-title": dataTitle,
+      "aria-label": dataTitle
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-TK-peek",
       iconClass: iconClass ? iconClass : ''

package/es/list/Icons/props/propTypes.js

@@ -48,8 +48,6 @@ export const SmartIcon_propTypes = {
   className: PropTypes.string,
   dataId: PropTypes.string,
   dataTitle: PropTypes.string,
-  features: PropTypes.array,
   iconClass: PropTypes.string,
-  module: PropTypes.string,
   onClick: PropTypes.func
 };

package/es/list/ListLayout/ListLayout.module.css

@@ -1,58 +1,74 @@
 .varClass {
   --listBorder: var(--zdt_listLayout_border)
 }
+
 .container {
   position: relative;
   composes: varClass;
 }
-.listHover:hover, .hoveredStyle{
+
+.listHover:hover, .hoveredStyle, .listHover:focus-within, .hoveredStyle:focus-within {
   background-color: var(--zdt_listLayout_hover_bg);
 }
+
 .active, .active:hover {
   background-color: var(--zdt_listLayout_active_bg);
 }
-.cursorPointer{
+
+.cursorPointer {
   cursor: pointer
 }
+
 /* View */
 .classic .innerContainer {
   min-height: var(--zd_size70) ;
   padding: var(--zd_size13) 0 ;
 }
+
 .compact .innerContainer {
   min-height: var(--zd_size41) ;
   padding: var(--zd_size5) 0 ;
 }
+
 .superCompact .innerContainer {
   min-height: var(--zd_size35) ;
   padding: var(--zd_size2) 0 ;
 }
+
 .compact .innerContainer, .classic .innerContainer, .superCompact .innerContainer {
   border-bottom: 1px dotted var(--listBorder);
 }
+
 [dir=ltr] .compact, [dir=ltr] .classic, [dir=ltr] .superCompact {
   border-left: var(--zd_size2) solid transparent;
 }
+
 [dir=rtl] .compact, [dir=rtl] .classic, [dir=rtl] .superCompact {
   border-right: var(--zd_size2) solid transparent;
 }
-[dir=ltr] .keyboardActive, [dir=ltr] .active{
+
+[dir=ltr] .keyboardActive, [dir=ltr] .active {
   border-top-left-radius: var(--zd_size5);
   border-bottom-left-radius: var(--zd_size5);
 }
-[dir=rtl] .keyboardActive, [dir=rtl] .active{
+
+[dir=rtl] .keyboardActive, [dir=rtl] .active {
   border-top-right-radius: var(--zd_size5);
   border-bottom-right-radius: var(--zd_size5);
 }
-[dir=ltr] .keyboardActive{
+
+[dir=ltr] .keyboardActive {
   border-left-color: var(--zdt_listLayout_keyboard_active_border);
 }
-[dir=rtl] .keyboardActive{
+
+[dir=rtl] .keyboardActive {
   border-right-color: var(--zdt_listLayout_keyboard_active_border);
 }
-[dir=ltr] .active{
+
+[dir=ltr] .active {
   border-left-color: var(--zdt_listLayout_active_border);
 }
-[dir=rtl] .active{
+
+[dir=rtl] .active {
   border-right-color: var(--zdt_listLayout_active_border);
 }

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

@@ -30,7 +30,6 @@ export const ContactName_propTypes = {
   isPaidUser: PropTypes.bool,
   notAccessible: PropTypes.bool,
   onClick: PropTypes.func,
-  sentimentTitle: PropTypes.string,
   sentimentType: PropTypes.oneOf(['positive', 'negative', 'neutral']),
   text: PropTypes.string,
   urlData: PropTypes.object,

package/es/list/UserTime/props/propTypes.js

@@ -10,5 +10,9 @@ export const propTypes = {
   later: PropTypes.string,
   textClass: PropTypes.string,
   title: PropTypes.string,
-  to: PropTypes.string
+  to: PropTypes.string,
+  type: PropTypes.string,
+  page: PropTypes.string,
+  isNeedTime: PropTypes.bool,
+  isOverdue: PropTypes.bool
 };