@zohodesk/components 1.0.0-temp-206.4 → 1.0.0-temp-207

package/es/v1/DateTime/DateTimePopupHeader.js

@@ -2,15 +2,15 @@
 
 /** ** Libraries *** */
 import React, { PureComponent } from 'react';
-import { DateTimePopupHeader_propTypes } from './props/propTypes';
+import { DateTimePopupHeader_propTypes } from "./props/propTypes";
 /** ** Components *** */
 
-import { Container, Box } from '../Layout';
+import { Container, Box } from "../Layout";
 import { Icon } from '@zohodesk/icons';
-import Heading from '../Heading/Heading';
+import Heading from "../Heading/Heading";
 /** ** CSS *** */
 
-import style from '../../DateTime/DateTime.module.css';
+import style from "../../DateTime/DateTime.module.css";
 
 class Span extends React.PureComponent {
   constructor(props) {

package/es/v1/DateTime/DateWidget.js

@@ -1,31 +1,31 @@
 /**** Libraries ****/
 import React from 'react';
-import { DateWidget_propTypes } from './props/propTypes';
-import { DateWidget_defaultProps } from './props/defaultProps';
+import { DateWidget_propTypes } from "./props/propTypes";
+import { DateWidget_defaultProps } from "./props/defaultProps";
 /**** Components ****/
 
-import DateTime from './DateTime';
-import Popup from '../Popup/Popup';
+import DateTime from "./DateTime";
+import Popup from "../Popup/Popup";
 import { Icon } from '@zohodesk/icons';
-import { Container } from '../Layout';
-import TextBoxIcon from '../TextBoxIcon/TextBoxIcon';
+import { Container } from "../Layout";
+import TextBoxIcon from "../TextBoxIcon/TextBoxIcon";
 /**** CSS ****/
 
-import style from '../../DateTime/DateWidget.module.css';
+import style from "../../DateTime/DateWidget.module.css";
 /**** Methods ****/
 
-import validator from '../../DateTime/validator';
-import { formatDate } from '../../utils/datetime/common';
-import { getIsSupportedKey, arrayIsNotEqual } from '../../DateTime/dateFormatUtils';
-import { getDateFormatDetails, getDateFormatSelection, getDateTimeString, getDateDetails, getIsValidDate, getSelectedDate, getDateText } from '../../DateTime/dateFormatUtils/dateFormat';
-import { getChangedDay } from '../../DateTime/dateFormatUtils/dayChange';
-import { getChangedMonth } from '../../DateTime/dateFormatUtils/monthChange';
-import { getChangedYear } from '../../DateTime/dateFormatUtils/yearChange';
-import { getChangedHour, getChangedMinute, getChangedNoon } from '../../DateTime/dateFormatUtils/timeChange';
-import { getIsEmptyValue } from '../../utils/Common';
+import validator from "../../DateTime/validator";
+import { formatDate } from "../../utils/datetime/common";
+import { getIsSupportedKey, arrayIsNotEqual } from "../../DateTime/dateFormatUtils";
+import { getDateFormatDetails, getDateFormatSelection, getDateTimeString, getDateDetails, getIsValidDate, getSelectedDate, getDateText } from "../../DateTime/dateFormatUtils/dateFormat";
+import { getChangedDay } from "../../DateTime/dateFormatUtils/dayChange";
+import { getChangedMonth } from "../../DateTime/dateFormatUtils/monthChange";
+import { getChangedYear } from "../../DateTime/dateFormatUtils/yearChange";
+import { getChangedHour, getChangedMinute, getChangedNoon } from "../../DateTime/dateFormatUtils/timeChange";
+import { getIsEmptyValue } from "../../utils/Common";
 /** * Constants ** */
 
-import { INVALID_DATE, i18nShortMonths, i18nMonths } from '../../DateTime/constants';
+import { INVALID_DATE, i18nShortMonths, i18nMonths } from "../../DateTime/constants";
 /* eslint-disable react/no-unused-prop-types */
 
 /* eslint css-modules/no-unused-class: [0, { markAsUsed: 'inputLine'] }] */

package/es/v1/DateTime/DaysRow.js

@@ -2,13 +2,13 @@
 
 /** ** Libraries *** */
 import React, { PureComponent } from 'react';
-import { DaysRow_propTypes } from './props/propTypes';
+import { DaysRow_propTypes } from "./props/propTypes";
 /** ** CSS *** */
 
-import style from '../../DateTime/DateTime.module.css';
+import style from "../../DateTime/DateTime.module.css";
 /** ** Components *** */
 
-import { Container, Box } from '../Layout';
+import { Container, Box } from "../Layout";
 export default class DaysRow extends PureComponent {
   render() {
     const {

package/es/v1/DateTime/Time.js

@@ -2,15 +2,15 @@
 
 /** ** Libraries *** */
 import React, { PureComponent } from 'react';
-import { Time_propTypes } from './props/propTypes';
-import { Time_defaultProps } from './props/defaultProps';
+import { Time_propTypes } from "./props/propTypes";
+import { Time_defaultProps } from "./props/defaultProps";
 /**** Components ****/
 
-import { Container, Box } from '../Layout';
-import Select from '../Select/Select';
+import { Container, Box } from "../Layout";
+import Select from "../Select/Select";
 /** ** CSS *** */
 
-import style from '../../DateTime/DateTime.module.css';
+import style from "../../DateTime/DateTime.module.css";
 export default class Time extends PureComponent {
   render() {
     const {

package/es/v1/DateTime/YearView.js

@@ -1,19 +1,19 @@
 /**** Libraries ****/
 import React from 'react';
-import { YearView_propTypes } from './props/propTypes';
-import { YearView_defaultProps } from './props/defaultProps';
+import { YearView_propTypes } from "./props/propTypes";
+import { YearView_defaultProps } from "./props/defaultProps";
 /**** Components ****/
 
 import { Virtualizer } from '@zohodesk/virtualizer';
-import { Container, Box } from '../Layout';
+import { Container, Box } from "../Layout";
 import { Icon } from '@zohodesk/icons';
-import Heading from '../Heading/Heading';
+import Heading from "../Heading/Heading";
 /**** CSS ****/
 
-import style from '../../DateTime/YearView.module.css';
+import style from "../../DateTime/YearView.module.css";
 /**** Methods ****/
 
-import { getYearDetails } from '../../DateTime/dateFormatUtils';
+import { getYearDetails } from "../../DateTime/dateFormatUtils";
 const monthNamesData = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
 
 function getYears() {

package/es/v1/DateTime/index.js

@@ -1 +1 @@
-export { default as DateWidget } from './DateWidget';
+export { default as DateWidget } from "./DateWidget";

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

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { dataFormatList } from '../../../DateTime/dateFormatUtils/dateFormats';
+import { dataFormatList } from "../../../DateTime/dateFormatUtils/dateFormats";
 export const CalendarView_propTypes = {
   dataId: PropTypes.string,
   date: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
@@ -84,7 +84,7 @@ export const DateTime_propTypes = {
 export const DateWidget_propTypes = {
   borderColor: PropTypes.oneOf(['transparent', 'default']),
   cantEditOnPopupOpen: PropTypes.bool,
-  children: PropTypes.object,
+  children: PropTypes.node,
   className: PropTypes.string,
   closePopupOnly: PropTypes.func,
   dataId: PropTypes.string,

package/es/v1/DropBox/DropBox.js

@@ -1,14 +1,14 @@
 import React, { useRef, useContext } from 'react';
 import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
-import Modal from '../Modal/Modal';
-import LibraryContext from '../../Provider/LibraryContextInit';
-import cssJSLogic from '../../DropBox/css/cssJSLogic';
-import DropBoxElement from './DropBoxElement/DropBoxElement';
-import { DropBoxDefaultProps } from './props/defaultProps';
-import { DropBoxPropTypes } from './props/propTypes';
-import { stopPropagation } from '../../utils/Common';
-import isMobilePopover from './utils/isMobilePopover';
-import style from '../../DropBox/css/DropBox.module.css';
+import Modal from "../Modal/Modal";
+import LibraryContext from "../../Provider/LibraryContextInit";
+import cssJSLogic from "../../DropBox/css/cssJSLogic";
+import DropBoxElement from "./DropBoxElement/DropBoxElement";
+import { DropBoxDefaultProps } from "./props/defaultProps";
+import { DropBoxPropTypes } from "./props/propTypes";
+import { stopPropagation } from "../../utils/Common";
+import isMobilePopover from "./utils/isMobilePopover";
+import style from "../../DropBox/css/DropBox.module.css";
 export default function DropBox(props) {
   const dropBoxRef = useRef(null);
   const DropBoxContext = useContext(LibraryContext);

package/es/v1/DropBox/DropBoxElement/DropBoxElement.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import useDropboxPosCalc from '../../../DropBox/DropBoxElement/useDropboxPosCalc';
-import cssJSLogic from '../../../DropBox/DropBoxElement/css/cssJSLogic';
-import { positionMapping } from '../../../DropBox/DropBoxPositionMapping.js';
-import { DropBoxElementDefaultProps } from './props/defaultProps';
-import { DropBoxElementPropTypes } from './props/propTypes';
+import useDropboxPosCalc from "../../../DropBox/DropBoxElement/useDropboxPosCalc";
+import cssJSLogic from "../../../DropBox/DropBoxElement/css/cssJSLogic";
+import { positionMapping } from "../../../DropBox/DropBoxPositionMapping.js";
+import { DropBoxElementDefaultProps } from "./props/defaultProps";
+import { DropBoxElementPropTypes } from "./props/propTypes";
 import { mergeStyle } from '@zohodesk/utils';
-import style from '../../../DropBox/DropBoxElement/css/DropBoxElement.module.css';
+import style from "../../../DropBox/DropBoxElement/css/DropBoxElement.module.css";
 export default function DropBoxElement(props) {
   let {
     children,

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

@@ -1,4 +1,4 @@
-import { DropBoxElementDefaultProps } from '../DropBoxElement/props/defaultProps';
+import { DropBoxElementDefaultProps } from "../DropBoxElement/props/defaultProps";
 export const defaultProps = {
   needResponsive: true,
   portalId: 'portal1',

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

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { DropBoxElementPropTypes } from '../DropBoxElement/props/propTypes';
+import { DropBoxElementPropTypes } from "../DropBoxElement/props/propTypes";
 export const propTypes = {
   needResponsive: PropTypes.bool,
   portalId: PropTypes.string,

package/es/v1/DropBox/utils/isMobilePopover.js

@@ -1,4 +1,4 @@
-import { getLibraryConfig } from '../../../Provider/Config';
+import { getLibraryConfig } from "../../../Provider/Config";
 export default function isMobilePopover(needResponsive) {
   //   let { needResponsive } = props;
   let windowWidth,

package/es/v1/DropDown/DropDown.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { DropDown_propTypes, DropDownTarget_propTypes, DropDownContainer_propTypes, DropDownItemContainer_propTypes } from './props/propTypes';
-import { DropDownItemContainer_defaultProps } from './props/defaultProps';
-import style from '../../DropDown/DropDown.module.css';
-import PopOver, { PopOverTarget, PopOverContainer } from '../PopOver/PopOver';
+import { DropDown_propTypes, DropDownTarget_propTypes, DropDownContainer_propTypes, DropDownItemContainer_propTypes } from "./props/propTypes";
+import { DropDownItemContainer_defaultProps } from "./props/defaultProps";
+import style from "../../DropDown/DropDown.module.css";
+import PopOver, { PopOverTarget, PopOverContainer } from "../PopOver/PopOver";
 export default function DropDown(props) {
   let {
     children

package/es/v1/DropDown/DropDownHeading.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { DropDownHeading_propTypes } from './props/propTypes';
-import { DropDownHeading_defaultProps } from './props/defaultProps';
-import style from '../../DropDown/DropDownHeading.module.css';
+import { DropDownHeading_propTypes } from "./props/propTypes";
+import { DropDownHeading_defaultProps } from "./props/defaultProps";
+import style from "../../DropDown/DropDownHeading.module.css";
 export default function DropDownHeading(props) {
   let {
     text,

package/es/v1/DropDown/DropDownItem.js

@@ -1,7 +1,7 @@
 import React, { useRef } from 'react';
-import { DropDownItem_propTypes } from './props/propTypes';
-import { DropDownItem_defaultProps } from './props/defaultProps';
-import style from '../../DropDown/DropDownItem.module.css';
+import { DropDownItem_propTypes } from "./props/propTypes";
+import { DropDownItem_defaultProps } from "./props/defaultProps";
+import style from "../../DropDown/DropDownItem.module.css";
 export default function DropDownItem(props) {
   let {
     value,

package/es/v1/DropDown/DropDownSearch.js

@@ -1,8 +1,8 @@
 import React, { useEffect, useRef } from 'react';
-import { DropDownSearch_propTypes } from './props/propTypes';
-import { DropDownSearch_defaultProps } from './props/defaultProps';
-import TextBox from '../TextBox/TextBox';
-import style from '../../DropDown/DropDownSearch.module.css';
+import { DropDownSearch_propTypes } from "./props/propTypes";
+import { DropDownSearch_defaultProps } from "./props/defaultProps";
+import TextBox from "../TextBox/TextBox";
+import style from "../../DropDown/DropDownSearch.module.css";
 export default function DropDownSearch(props) {
   let {
     name,

package/es/v1/DropDown/DropDownSeparator.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DropDownSeparator_propTypes } from './props/propTypes';
-import style from '../../DropDown/DropDownSeparator.module.css';
+import { DropDownSeparator_propTypes } from "./props/propTypes";
+import style from "../../DropDown/DropDownSeparator.module.css";
 export default function DropDownSeparator(props) {
   let {
     customClass = ''

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

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { PopOver_propTypes } from './../../PopOver/props/propTypes';
+import { PopOver_propTypes } from "./../../PopOver/props/propTypes";
 export const DropDown_propTypes = { ...PopOver_propTypes
 };
 export const DropDownTarget_propTypes = {

package/es/v1/Heading/Heading.js

@@ -1,7 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import style from '../../Heading/Heading.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import { whiteSpaceClassMapping } from "../../utils/cssUtils";
+import style from "../../Heading/Heading.module.css";
 export default function Heading(props) {
   let {
     tagName,
@@ -11,15 +12,17 @@ export default function Heading(props) {
     title,
     dataTitle,
     dataId,
-    a11y
+    a11y,
+    whiteSpace
   } = props;
   return /*#__PURE__*/React.createElement(tagName, {
-    className: `${style.reset} ${className}`,
+    className: `${style.reset} ${whiteSpace ? whiteSpaceClassMapping[whiteSpace] : ''} ${className}`,
     onClick,
     onDoubleClick,
     'data-title': dataTitle || title,
     'data-id': dataId,
     'data-test-id': dataId,
+    'data-title-wrap': whiteSpace,
     ...a11y
   }, title);
 }

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

@@ -7,5 +7,6 @@ export const propTypes = {
   dataTitle: PropTypes.string,
   onClick: PropTypes.func,
   onDoubleClick: PropTypes.func,
-  a11y: PropTypes.object
+  a11y: PropTypes.object,
+  whiteSpace: PropTypes.oneOf(['normal', 'nowrap', 'pre', 'pre-line', 'pre-wrap', 'break-spaces'])
 };

package/es/v1/Label/Label.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import style from '../../Label/Label.module.css';
-import colors from '../../Label/LabelColors.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import style from "../../Label/Label.module.css";
+import colors from "../../Label/LabelColors.module.css";
 export default function Label(props) {
   const {
     text,

package/es/v1/Layout/Box.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { BoxProps as propTypes } from './props/propTypes';
-import { BoxDefaultProps as defaultProps } from './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';
-import style from '../../Layout/Layout.module.css';
+import { createProps, getClass, setProps } from "../../Layout/utils";
+import style from "../../Layout/Layout.module.css";
 /* eslint-disable  react/no-unused-prop-types*/
 
 function getBoxClassNames(props) {

package/es/v1/Layout/Container.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { ContainerProps as propTypes } from './props/propTypes';
-import { ContainerDefaultProps as defaultProps } from './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';
-import style from '../../Layout/Layout.module.css';
+import { createProps, getClass, setProps } from "../../Layout/utils";
+import style from "../../Layout/Layout.module.css";
 /* eslint-disable  react/no-unused-prop-types*/
 
 function getContainerClassNames(props) {

package/es/v1/Layout/index.js

@@ -1,2 +1,2 @@
-export { default as Container } from './Container';
-export { default as Box } from './Box';
+export { default as Container } from "./Container";
+export { default as Box } from "./Box";

package/es/v1/ListItem/ListContainer.js

@@ -1,11 +1,11 @@
 /**** Libraries ****/
 import React, { useCallback } from 'react';
-import { Container } from '../Layout';
-import CssProvider from '../../Provider/CssProvider';
-import style from '../../ListItem/ListItem.module.css';
-import { ListContainerDefaultProps } from './props/defaultProps';
-import { ListContainer_Props } from './props/propTypes';
-import { useResponsiveReceiver } from '../../Responsive/CustomResponsive';
+import { Container } from "../Layout";
+import CssProvider from "../../Provider/CssProvider";
+import style from "../../ListItem/ListItem.module.css";
+import { ListContainerDefaultProps } from "./props/defaultProps";
+import { ListContainer_Props } from "./props/propTypes";
+import { useResponsiveReceiver } from "../../Responsive/CustomResponsive";
 
 const ListContainer = props => {
   const {

package/es/v1/ListItem/ListItem.js

@@ -1,15 +1,15 @@
 /**** Libraries ****/
 import React from 'react';
-import { Box } from '../Layout';
-import ListContainer from './ListContainer';
-import { ListItemDefaultProps } from './props/defaultProps';
-import { ListItem_Props } from './props/propTypes';
+import { Box } from "../Layout";
+import ListContainer from "./ListContainer";
+import { ListItemDefaultProps } from "./props/defaultProps";
+import { ListItem_Props } from "./props/propTypes";
 /**** Components ****/
 
 import { Icon } from '@zohodesk/icons';
 /**** CSS ****/
 
-import style from '../../ListItem/ListItem.module.css';
+import style from "../../ListItem/ListItem.module.css";
 
 const ListItem = props => {
   let {

package/es/v1/ListItem/ListItemWithAvatar.js

@@ -1,22 +1,21 @@
 /**** Libraries ****/
 import React, { memo } from 'react';
-import { Box } from '../Layout';
-import ListContainer from './ListContainer';
-import { ListItemWithAvatarDefaultProps } from './props/defaultProps';
-import { ListItemWithAvatar_Props } from './props/propTypes';
+import { Box } from "../Layout";
+import ListContainer from "./ListContainer";
+import { ListItemWithAvatarDefaultProps } from "./props/defaultProps";
+import { ListItemWithAvatar_Props } from "./props/propTypes";
 /**** Components ****/
 
-import Avatar from '../Avatar/Avatar';
-import AvatarTeam from '../AvatarTeam/AvatarTeam';
+import Avatar from "../Avatar/Avatar";
+import AvatarTeam from "../AvatarTeam/AvatarTeam";
 import { Icon } from '@zohodesk/icons';
 /**** CSS ****/
 
-import style from '../../ListItem/ListItem.module.css';
+import style from "../../ListItem/ListItem.module.css";
 
 const ListItemWithAvatar = props => {
   let {
     size,
-    avatarSize,
     active,
     highlight,
     value,
@@ -43,8 +42,7 @@ const ListItemWithAvatar = props => {
     id,
     getRef,
     onClick,
-    onMouseEnter,
-    onAvatarClick
+    onMouseEnter
   } = props;
 
   function handleRef(ele) {
@@ -102,7 +100,7 @@ const ListItemWithAvatar = props => {
     className: style.leftAvatar
   }, isTeam ? /*#__PURE__*/React.createElement(AvatarTeam, {
     name: name,
-    size: avatarSize,
+    size: "small",
     src: imgSrc,
     needTitle: needAvatarTitle,
     textPalette: isDarkPalette ? 'white' : '',
@@ -110,18 +108,16 @@ const ListItemWithAvatar = props => {
     customClass: {
       customAvatar: customAvatar,
       customAvatarTeam: customAvatarTeam
-    },
-    onClick: onAvatarClick
+    }
   }) : /*#__PURE__*/React.createElement(Avatar, {
     name: name,
-    size: avatarSize,
+    size: "small",
     src: imgSrc,
     initial: initial,
     textPalette: isDarkPalette ? 'white' : '',
     needTitle: needAvatarTitle,
     palette: isDarkPalette ? 'info' : avatarPalette,
-    customClass: customAvatar,
-    onClick: onAvatarClick
+    customClass: customAvatar
   })) : null, value ? /*#__PURE__*/React.createElement(Box, {
     flexible: true,
     shrink: true,

package/es/v1/ListItem/ListItemWithCheckBox.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import ListContainer from './ListContainer';
-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';
+import ListContainer from "./ListContainer";
+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";
 
 const ListItemWithCheckBox = props => {
   let {

package/es/v1/ListItem/ListItemWithIcon.js

@@ -1,13 +1,13 @@
 /**** Libraries ****/
 import React from 'react';
-import { Box } from '../Layout';
+import { Box } from "../Layout";
 import { Icon } from '@zohodesk/icons';
-import ListContainer from './ListContainer';
-import { ListItemWithIconDefaultProps } from './props/defaultProps';
-import { ListItemWithIcon_Props } from './props/propTypes';
+import ListContainer from "./ListContainer";
+import { ListItemWithIconDefaultProps } from "./props/defaultProps";
+import { ListItemWithIcon_Props } from "./props/propTypes";
 /**** CSS ****/
 
-import style from '../../ListItem/ListItem.module.css';
+import style from "../../ListItem/ListItem.module.css";
 
 const ListItemWithIcon = props => {
   let {

package/es/v1/ListItem/ListItemWithRadio.js

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

package/es/v1/ListItem/index.js

@@ -1,6 +1,6 @@
-export { default as ListContainer } from './ListContainer';
-export { default as ListItem } from './ListItem';
-export { default as ListItemWithAvatar } from './ListItemWithAvatar';
-export { default as ListItemWithCheckBox } from './ListItemWithCheckBox';
-export { default as ListItemWithIcon } from './ListItemWithIcon';
-export { default as ListItemWithRadio } from './ListItemWithRadio';
+export { default as ListContainer } from "./ListContainer";
+export { default as ListItem } from "./ListItem";
+export { default as ListItemWithAvatar } from "./ListItemWithAvatar";
+export { default as ListItemWithCheckBox } from "./ListItemWithCheckBox";
+export { default as ListItemWithIcon } from "./ListItemWithIcon";
+export { default as ListItemWithRadio } from "./ListItemWithRadio";

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

@@ -39,7 +39,6 @@ export const ListItemWithAvatarDefaultProps = {
   needTick: false,
   palette: 'default',
   size: 'medium',
-  avatarSize: 'small',
   value: 'List',
   dataId: 'listAvatar',
   needBorder: true,

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

@@ -1,5 +1,4 @@
 import PropTypes from 'prop-types';
-import { propTypes as AvatarProps } from '../../Avatar/props/propTypes.js';
 export const ListContainer_Props = {
   active: PropTypes.bool,
   autoHover: PropTypes.bool,
@@ -88,7 +87,6 @@ export const ListItemWithAvatar_Props = {
   onMouseEnter: PropTypes.func,
   palette: PropTypes.oneOf(['dark']),
   size: PropTypes.string,
-  avatarSize: AvatarProps.size,
   title: PropTypes.string,
   value: PropTypes.string,
   a11y: PropTypes.shape({
@@ -104,8 +102,7 @@ export const ListItemWithAvatar_Props = {
   needMultiLineText: PropTypes.bool,
   customProps: PropTypes.shape({
     ListItemProps: PropTypes.object
-  }),
-  onAvatarClick: PropTypes.func
+  })
 };
 export const ListItemWithCheckBox_Props = {
   active: PropTypes.bool,