@zohodesk/dot 1.0.0-temp-157 → 1.0.0-temp-159

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'),
+  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/TagsMultiSelectField.js

@@ -249,10 +249,14 @@ const TagsMultiSelectField = props => {
   }, ValidationMessageProps)));
 };
 
-export default Popup(TagsMultiSelectField);
 TagsMultiSelectField.propTypes = propTypes;
-TagsMultiSelectField.defaultProps = defaultProps; // if (__DOCS__) {
+TagsMultiSelectField.defaultProps = defaultProps;
+const TagsMultiSelectField_Component = Popup(TagsMultiSelectField);
+TagsMultiSelectField_Component.defaultProps = TagsMultiSelectField.defaultProps;
+TagsMultiSelectField_Component.propTypes = TagsMultiSelectField.propTypes; // if (__DOCS__) {
 //   TagsMultiSelectField.docs = {
 //     componentGroup: 'TagsMultiSelectField'
 //   };
-// }
+// }
+
+export default TagsMultiSelectField_Component;

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/layout/SubtabLayout/props/propTypes.js

@@ -35,6 +35,6 @@ export const SubtabContent_propTypes = {
   scroll: PropTypes.oneOf(['vertical'])
 };
 export const SubtabLayout_propTypes = {
-  children: PropTypes.oneOf([PropTypes.element, PropTypes.array]),
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.array]),
   dataId: 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/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/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
 };

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

@@ -440,7 +440,8 @@ export class StatusDropdown extends React.Component {
         needMultiLineText: needMultiLineText,
         a11y: {
           role: isSearch ? 'option' : 'menuitem',
-          ariaSelected: value === item[keyName]
+          ariaSelected: value === item[keyName],
+          'data-a11y-list-active': selectedIndex === i
         }
       })))) : isDataLoaded ? /*#__PURE__*/React.createElement(CommonEmptyState, {
         className: style.svgWrapper,
@@ -462,4 +463,7 @@ export class StatusDropdown extends React.Component {
 
 StatusDropdown.defaultProps = defaultProps;
 StatusDropdown.propTypes = propTypes;
-export default Popup(StatusDropdown);
+const StatusDropdown_Component = Popup(StatusDropdown);
+StatusDropdown_Component.defaultProps = StatusDropdown.defaultProps;
+StatusDropdown_Component.propTypes = StatusDropdown.propTypes;
+export default StatusDropdown_Component;

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

@@ -47,5 +47,8 @@ export const propTypes = {
   title: PropTypes.string,
   togglePopup: PropTypes.func,
   value: PropTypes.node,
-  needMultiLineText: PropTypes.bool
+  needMultiLineText: PropTypes.bool,
+  onSelectLabel: PropTypes.func,
+  top: PropTypes.number,
+  a11y: PropTypes.object
 };

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

@@ -96,7 +96,7 @@ export default class StatusListItem extends React.Component {
       tagName: isLink ? 'a' : 'li',
       "data-title": isDisabled ? disableTitle : null,
       tabindex: isDisabled ? '-1' : '0'
-    }, options), /*#__PURE__*/React.createElement(Box, {
+    }, options, a11y), /*#__PURE__*/React.createElement(Box, {
       className: `${style.statusType} ${style[bulletColor]}`
     }), /*#__PURE__*/React.createElement(Box, {
       "data-title": isDisabled ? null : title,

package/es/lookup/Lookup/Lookup.js

@@ -67,11 +67,11 @@ export default class Lookup extends Component {
       focusScopeProps = {}
     } = customProps;
     const {
-      autoFocus = true,
-      restoreFocus = true,
-      needArrowLoop = false,
-      needTabLoop = true,
-      enableEnterAction = false
+      needAutoFocus = true,
+      needRestoreFocus = true,
+      needListNavigation = false,
+      needFocusLoop = true,
+      needEnterAction = true
     } = focusScopeProps;
     const content = /*#__PURE__*/React.createElement("div", {
       ref: this.createRef,
@@ -101,13 +101,13 @@ export default class Lookup extends Component {
       className: style.container,
       dataId: "fldValue"
     }, needFocusScope ? /*#__PURE__*/React.createElement(FocusScope, {
-      needTabLoop: needTabLoop,
-      needArrowLoop: needArrowLoop,
+      needFocusLoop: needFocusLoop,
+      needListNavigation: needListNavigation,
       elementRef: this.createRef,
-      autoFocus: autoFocus,
-      restoreFocus: restoreFocus,
+      needAutoFocus: needAutoFocus,
+      needRestoreFocus: needRestoreFocus,
       onClose: onClose,
-      enableEnterAction: enableEnterAction
+      needEnterAction: needEnterAction
     }, content) : content));
   }
 

package/es/lookup/Lookup/props/propTypes.js

@@ -15,5 +15,8 @@ export const propTypes = {
   onKeyDown: PropTypes.func,
   childAnimationName: PropTypes.oneOf(['expand', 'flyDown']),
   needFocusScope: PropTypes.bool,
-  customProps: PropTypes.object
+  customProps: PropTypes.object,
+  forwardRef: PropTypes.object,
+  onClick: PropTypes.func,
+  onClose: PropTypes.func
 };

package/es/lookup/header/ViewDropDown/ViewDropDown.js

@@ -165,7 +165,8 @@ class DropDown extends SelectComponent {
 DropDown.propTypes = propTypes;
 DropDown.defaultProps = defaultProps;
 const ViewDropDown = Popup(DropDown);
-ViewDropDown.defaultProps = DropDown.defaultProps; // if (__DOCS__) {
+ViewDropDown.defaultProps = DropDown.defaultProps;
+ViewDropDown.propTypes = DropDown.propTypes; // if (__DOCS__) {
 //   DropDown.docs = {
 //     componentGroup: 'Lookup'
 //   };

package/es/lookup/header/ViewDropDown/props/propTypes.js

@@ -2,26 +2,21 @@ import PropTypes from 'prop-types';
 export const propTypes = {
   emptyMessage: PropTypes.string,
   needSearch: PropTypes.bool,
-  onChange: PropTypes.func.isRequired,
-  options: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string,
-    text: PropTypes.string
-  }))]).isRequired,
   searchBoxPlaceHolder: PropTypes.string,
   searchEmptyMessage: PropTypes.string,
-  selectedValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  valueField: PropTypes.string,
-  textField: PropTypes.string,
-  needLocalSearch: PropTypes.bool,
   dropBoxSize: PropTypes.oneOf(['small', 'medium', 'large']),
 
   /**** Popup props ****/
   isPopupOpen: PropTypes.bool,
   isPopupReady: PropTypes.bool,
-  togglePopup: PropTypes.func,
   removeClose: PropTypes.func,
   closePopupOnly: PropTypes.func,
   position: PropTypes.string,
   getTargetRef: PropTypes.func,
-  getContainerRef: PropTypes.func
+  getContainerRef: PropTypes.func,
+  defaultDropBoxPosition: PropTypes.string,
+  animationStyle: PropTypes.string,
+  searchBoxSize: PropTypes.string,
+  searchBoxVariant: PropTypes.string,
+  maxLength: PropTypes.string
 };

package/es/setup/helptips/ListGroup/ListGroup.js

@@ -27,7 +27,7 @@ export default class ListGroup extends React.Component {
     }, data.map((text, index) => /*#__PURE__*/React.createElement("li", {
       className: style.unOrderData,
       key: index
-    }, data)));
+    }, text)));
   }
 
 }

package/es/setup/table/TableHead/props/propTypes.js

@@ -3,5 +3,6 @@ export const propTypes = {
   children: PropTypes.element,
   className: PropTypes.string,
   onMouseEnter: PropTypes.func,
-  onMouseLeave: PropTypes.func
+  onMouseLeave: PropTypes.func,
+  dataId: PropTypes.string
 };

package/es/v1/ActionButton/ActionButton.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import { defaultProps } from '../../ActionButton/props/defaultProps';
 import { propTypes } from '../../ActionButton/props/propTypes';
-import Popup from '@zohodesk/components/lib/Popup/Popup';
+import Popup from '@zohodesk/components/es/v1/Popup/Popup';
 import { Icon } from '@zohodesk/icons';
-import Button from '@zohodesk/components/lib/Button/Button';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
-import CssProvider from '@zohodesk/components/lib/Provider/CssProvider';
-import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
+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/v1/Provider/CssProvider';
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 import style from '../../ActionButton/ActionButton.module.css';
 
 function ActionButton(props) {
@@ -130,8 +130,11 @@ function ActionButton(props) {
 }
 
 ActionButton.defaultProps = defaultProps;
-ActionButton.propTypes = propTypes; // ActionButton.docs = {
+ActionButton.propTypes = propTypes;
+const ActionButtonComponent = Popup(ActionButton);
+ActionButtonComponent.defaultProps = ActionButton.defaultProps;
+ActionButtonComponent.propTypes = ActionButton.propTypes; // ActionButton.docs = {
 //   componentGroup: 'Atom'
 // };
 
-export default Popup(ActionButton);
+export default ActionButtonComponent;

package/es/v1/AlphabeticList/AlphabeticList.js

@@ -2,7 +2,7 @@
 import React, { memo } from 'react';
 import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from '../../AlphabeticList/props/defaultProps';
 import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from '../../AlphabeticList/props/propTypes';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 /*** CSS ***/
 
 import style from '../../AlphabeticList/AlphabeticList.module.css';
@@ -60,6 +60,11 @@ function AlphabeticList(props) {
 
 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 {
@@ -86,5 +91,4 @@ function AlphabeticListItem(props) {
 }
 
 AlphabeticListItem.propTypes = AlphabeticListItem_propTypes;
-AlphabeticListItem.defaultProps = AlphabeticListItem_defaultProps;
-export default /*#__PURE__*/memo(AlphabeticList);
+AlphabeticListItem.defaultProps = AlphabeticListItem_defaultProps;