@zohodesk/dot 1.7.16 → 1.7.18

package/es/avatar/AvatarUser/AvatarUser.module.css

@@ -1,6 +1,6 @@
 .container {
   position: relative;
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex from '~@zohodesk/components/es/common/common.module.css';
   vertical-align: middle;
 }
 .paid,
@@ -16,7 +16,7 @@
   line-height: 0;
 }
 .paid {
-  composes: middle from '~@zohodesk/components/lib/common/common.module.css';
+  composes: middle from '~@zohodesk/components/es/common/common.module.css';
 }
 [dir=ltr] .paid {
   left: 50% ;
@@ -37,7 +37,7 @@
   height: 100% ;
   opacity: 0;
   transition: all var(--zd_transition3);
-  composes: dflex alignHorizontal alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex alignHorizontal alignVertical from '~@zohodesk/components/es/common/common.module.css';
   color: var(--zdt_avataruser_delete_text);
   cursor: pointer;
   border-radius: 50%;

package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css

@@ -1,5 +1,5 @@
 .container {
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex from '~@zohodesk/components/es/common/common.module.css';
   vertical-align: middle;
   position: relative;
 }

package/es/deprecated/SelectDropdown/SelectDropdown.module.css

@@ -2,7 +2,7 @@
 .container {
   position: relative;
   line-height: var(--zd_size18);
-  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
   padding: var(--zd_size3) var(--zd_size15) ;
   cursor: pointer;
 }
@@ -18,7 +18,7 @@
 .departName {
   font-size: var(--zd_font_size13) ;
   color: var(--zdt_selectdropdown_departname_text);
-  composes: flexgrow dotted offSelection from '~@zohodesk/components/lib/common/common.module.css';
+  composes: flexgrow dotted offSelection from '~@zohodesk/components/es/common/common.module.css';
 }
 .departIcon {
   color: var(--zdt_selectdropdown_departicon);

package/es/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -4,7 +4,7 @@ import { propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
 import Popup from '@zohodesk/components/lib/Popup/Popup';
 import { Box, Container } from '@zohodesk/components/lib/Layout';
-import ListItem from '@zohodesk/components/lib/ListItem/ListItem';
+import ListItem from '@zohodesk/components/es/ListItem/ListItem';
 import ListItemWithIcon from '@zohodesk/components/lib/ListItem/ListItemWithIcon';
 import DropDownHeading from '@zohodesk/components/lib/DropDown/DropDownHeading';
 import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
@@ -210,9 +210,11 @@ export class ToggleDropDown extends Component {
       keyName,
       isGroupDropDown,
       groupOptionsKey,
-      groupNameKey
+      groupNameKey,
+      searchFields
     } = this.props;
     searchValue = searchValue.trim().toLowerCase();
+    searchFields.push(keyName !== 'value' ? keyName : 'value');
     let result = [];
 
     if (isGroupDropDown) {
@@ -224,8 +226,15 @@ export class ToggleDropDown extends Component {
         const name = group[groupNameKey];
         const groupOptions = group[groupOptionsKey];
         const datas = groupOptions.filter(list => {
-          const value = list[keyName];
-          return value.toLowerCase().includes(searchValue);
+          return searchFields.some(key => {
+            let val = list[key];
+
+            if (val === null || val === undefined) {
+              return false;
+            } else {
+              return val.toLowerCase().includes(searchValue);
+            }
+          });
         });
 
         if (datas.length) {
@@ -243,7 +252,15 @@ export class ToggleDropDown extends Component {
           return true;
         }
 
-        return item[keyName].toLowerCase().includes(searchValue);
+        return searchFields.some(key => {
+          let val = item[key];
+
+          if (val === null || val === undefined) {
+            return false;
+          } else {
+            return val.toLowerCase().includes(searchValue);
+          }
+        });
       });
 
       if (filteredOptions.length) {
@@ -717,7 +734,8 @@ export class ToggleDropDown extends Component {
             iconClass,
             title,
             disableTitle = '',
-            isDisabled = false
+            isDisabled = false,
+            secondaryValue
           } = item;
           listIndex += 1;
           return iconName ? /*#__PURE__*/React.createElement(ListItemWithIcon, {
@@ -747,6 +765,7 @@ export class ToggleDropDown extends Component {
               ariaSelected: selectedId === item[idName],
               ariaLabel: item[keyName]
             },
+            secondaryValue: secondaryValue,
             ...ListItemWithIconProps
           }) : /*#__PURE__*/React.createElement(ListItem, {
             key: listIndex,
@@ -772,6 +791,7 @@ export class ToggleDropDown extends Component {
               ariaSelected: selectedId === item[idName],
               ariaLabel: item[keyName]
             },
+            secondaryValue: secondaryValue,
             ...ListItemProps
           });
         }));
@@ -786,7 +806,8 @@ export class ToggleDropDown extends Component {
           title,
           needDivider,
           isDisabled = false,
-          disableTitle = ''
+          disableTitle = '',
+          secondaryValue
         } = item;
 
         if (!needDivider) {
@@ -824,6 +845,7 @@ export class ToggleDropDown extends Component {
             ariaSelected: selectedId === item[idName],
             ariaLabel: item[keyName]
           },
+          secondaryValue: secondaryValue,
           ...ListItemWithIconProps
         }) : /*#__PURE__*/React.createElement(ListItem, {
           key: listIndex,
@@ -849,6 +871,7 @@ export class ToggleDropDown extends Component {
             ariaSelected: selectedId === item[idName],
             ariaLabel: item[keyName]
           },
+          secondaryValue: secondaryValue,
           ...ListItemProps
         }));
       }), isFetchingOptions && /*#__PURE__*/React.createElement(Container, {

package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css

@@ -40,7 +40,7 @@
   visibility: visible;
 }
 .value {
-  composes: dotted  offSelection from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted  offSelection from '~@zohodesk/components/es/common/common.module.css';
 }
 .search {
   padding: var(--zd_size6) var(--zd_size20) 0 ;

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

@@ -25,5 +25,6 @@ export const defaultProps = {
   needMultiLineText: false,
   isAbsolutePositioningNeeded: true,
   isRestrictScroll: false,
-  customClass: {}
+  customClass: {},
+  searchFields: []
 };

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

@@ -79,5 +79,6 @@ export const propTypes = {
   positionsOffset: PropTypes.object,
   targetOffset: PropTypes.object,
   from: PropTypes.string,
-  top: PropTypes.number
+  top: PropTypes.number,
+  searchFields: PropTypes.array
 };

package/es/errorstate/EmptyStates.module.css

@@ -25,7 +25,7 @@
 .title,
 .tabletTitle,
 .mobileTitle {
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
+  composes: semibold from '~@zohodesk/components/es/common/common.module.css';
   letter-spacing: var(--zd_size1);
 }
 .title, .tabletTitle, .mobileTitle {

package/es/errorstate/WillBack/WillBack.module.css

@@ -2,7 +2,7 @@
 .tabletTitle,
 .mobileTitle {
   color: var(--zdt_willback_title_text);
-  composes: bold from '~@zohodesk/components/lib/common/common.module.css';
+  composes: bold from '~@zohodesk/components/es/common/common.module.css';
 }
 .title {
   font-size: var(--zd_font_size50) ;

package/es/form/fields/Fields.module.css

@@ -7,6 +7,9 @@
   position: relative;
   min-height: var(--zd_size25) ;
 }
+.fieldMargin_large {
+  margin-top: var(--zd_size10) ;
+}
 .fieldMargin_medium {
   margin-top: var(--zd_size5) ;
 }
@@ -15,7 +18,7 @@
 }
 .radioContainer,
 .checkbox {
-  composes: dflex alignVertical flexwrap from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex alignVertical flexwrap from '~@zohodesk/components/es/common/common.module.css';
 }
 .checkbox {
   min-height: var(--zd_size28) ;
@@ -25,7 +28,7 @@
 }
 .lineClamp_one,
 .lineClamp_two {
-  composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
+  composes: clamp from '~@zohodesk/components/es/common/common.module.css';
 }
 .lineClamp_one {
   -webkit-line-clamp: 1;
@@ -34,7 +37,7 @@
   -webkit-line-clamp: 2;
 }
 .checkboxText {
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
   line-height: normal;
 }
 [dir=ltr] .checkboxText {
@@ -90,10 +93,10 @@
   width: var(--zd_size94) ;
 }
 .flex {
-  composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex from '~@zohodesk/components/es/common/common.module.css';
 }
 .periodContainer {
-  composes: dflex flexrow flexwrap from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex flexrow flexwrap from '~@zohodesk/components/es/common/common.module.css';
   width: 100% ;
   /*margin-left: var(--zd_size15);*/
 }
@@ -114,12 +117,12 @@
     color: var(--zdt_fields_newtabicon_hover_icon);
 }
 .labelContainer {
-  composes: dflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
 }
 .lockIcon,
 .infoIcon {
   color: var(--zdt_fields_lockicon_icon);
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex from '~@zohodesk/components/es/common/common.module.css';
 }
 [dir=ltr] .lockIcon, [dir=ltr] .infoIcon {
   margin-left: var(--zd_size5) ;
@@ -172,7 +175,7 @@
 .lockText {
   font-size: var(--zd_font_size13) ;
   font-style: italic;
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
 }
 .labelMandatory:after {
   content: '*';
@@ -185,7 +188,7 @@
   padding-right: var(--zd_size2) ;
 }
 .ePhiTag {
-  composes: flexshrink from '~@zohodesk/components/lib/common/common.module.css';
+  composes: flexshrink from '~@zohodesk/components/es/common/common.module.css';
   color: var(--zdt_fields_phitag_text);
   font-size: var(--zd_font_size12) ;
   height: var(--zd_size18) ;

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

@@ -121,7 +121,7 @@ export default class RadioField extends PureComponent {
       dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
       ...LabelProps
     }), /*#__PURE__*/React.createElement("div", {
-      className: `${style.fieldContainer} ${isBoxStyle ? style.radiosWrapper : ''} ${labelName ? style.fieldMargin_medium : ''} ${style.radioContainer}`
+      className: `${style.fieldContainer} ${isBoxStyle ? style.radiosWrapper : ''} ${labelName ? isBoxStyle ? style.fieldMargin_large : style.fieldMargin_medium : ''} ${style.radioContainer}`
     }, options.map((option, index) => {
       let {
         text,

package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css

@@ -70,7 +70,7 @@
 }
 .newTagLabel {
   color: var(--zdt_tagsmultiselect_labelt_text);
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
+  composes: semibold from '~@zohodesk/components/es/common/common.module.css';
 }
 [dir=ltr] .newTagLabel {
   margin-right: var(--zd_size5) ;
@@ -79,7 +79,7 @@
   margin-left: var(--zd_size5) ;
 }
 .dotted {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 .dropdown {
   margin-top: var(--zd_size1) ;

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

@@ -58,7 +58,7 @@ export default class TextEditorWrapper extends Component {
     onFocus && onFocus();
   }
 
-  componentWillReceiveProps(np) {
+  UNSAFE_componentWillReceiveProps(np) {
     let {
       id,
       value

package/es/form/layout/Section/ModuleFormSection.module.css

@@ -1,3 +1,3 @@
 .singleColumn {
-  composes: dflex flexrow from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex flexrow from '~@zohodesk/components/es/common/common.module.css';
 }

package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css

@@ -32,7 +32,7 @@
   line-height: 1;
   font-family: var(--zd_semibold);
   color: var(--zdt_setupdetail_backicon);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
 }
 [dir=ltr] .title {
   padding-right: var(--zd_size12) ;
@@ -42,7 +42,7 @@
 }
 
 .rightPanel {
-  composes: justifyFend from '~@zohodesk/components/lib/common/common.module.css';
+  composes: justifyFend from '~@zohodesk/components/es/common/common.module.css';
 }
 .helpInfoCont {
   position: absolute;
@@ -106,7 +106,7 @@
   transform: translateX(0);
 }
 .close {
-  composes: disableFocus from '~@zohodesk/components/lib/common/common.module.css';
+  composes: disableFocus from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .infoHeader {
@@ -127,7 +127,7 @@
 }
 
 .infoText {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
   font-size: var(--zd_font_size13) ;
 }
 

package/es/layout/SubtabLayout/SubtabLayout.module.css

@@ -72,7 +72,7 @@
 }
 
 .aside {
-  composes: justifyFend from '~@zohodesk/components/lib/common/common.module.css';
+  composes: justifyFend from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .title {

package/es/list/DotNew/DotNew.module.css

@@ -9,7 +9,7 @@
 }
 
 .container {
-  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
   /* animation: dotAnimation 1.25s infinite cubic-bezier(0.66, 0.33, 0, 1);
   box-shadow: 0 0 0 0 var(--dot_catskillWhite),
     0 0 0 0 rgba(10, 115, 235, 0.6); */

package/es/list/ListStencils/ListStencils.module.css

@@ -4,11 +4,11 @@
   padding: 0 var(--zd_size30) ;
 }
 .innerContainer {
-  composes: dflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
   border-bottom: 1px dotted var(--zdt_liststencils_innercontainer_border);
 }
 .detailsInnerColumn {
-  composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex from '~@zohodesk/components/es/common/common.module.css';
 }
 [dir=ltr] .avatar {
   margin-right: var(--zd_size25) ;
@@ -21,7 +21,7 @@
   min-width: 0 ;
 }
 .primaryRow {
-  composes: flexgrow flexshrink flexbasis from '~@zohodesk/components/lib/common/common.module.css';
+  composes: flexgrow flexshrink flexbasis from '~@zohodesk/components/es/common/common.module.css';
 }
 .classic .detailsColumn {
   flex-basis: 60% ;

package/es/list/SecondaryText/SecondaryText.module.css

@@ -45,7 +45,7 @@ display: block
 .textStyle,
 .secondaryText,
 .phoneNumber {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
   max-width: 100% ;
   display: block;
 }
@@ -83,11 +83,11 @@ display: block
 .font_semibold,
 .font_bold,
 .textBold {
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
 }
 .priorityText,
 .statusText {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .priorityText {
@@ -98,7 +98,7 @@ display: block
   font-size: var(--zd_font_size12) ;
   color: var(--zdt_secondaryText_secondaryText_text);
   max-width: 100% ;
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 /* HappinessRating Style */
 .happinessContainer {

package/es/list/SecondryPanel/SecondryPanel.module.css

@@ -2,5 +2,5 @@
   max-width: 100% ;
 }
 .dottedStyle {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }

package/es/list/Subject/Subject.module.css

@@ -10,7 +10,7 @@
 }
 
 .dotted {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .font_regular {
@@ -27,7 +27,7 @@
 
 .font_semibold,
 .font_bold {
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .cursorPointer {

package/es/list/TagNew/TagNew.module.css

@@ -4,7 +4,7 @@
   font-size: var(--zd_font_size13) ;
   color: var(--zdt_tagnew_default_text);
   composes: inlineFlex from '../listCommon.module.css';
-  composes: alignHorizontal from '~@zohodesk/components/lib/common/common.module.css';
+  composes: alignHorizontal from '~@zohodesk/components/es/common/common.module.css';
   transition: all var(--zd_transition2) ease 0s;
   opacity: 0;
   visibility: hidden;

package/es/list/Thread/Thread.module.css

@@ -27,7 +27,7 @@
   right: var(--zd_size8) ;
 }
 .align_right {
-  composes: dInflex alignFend from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex alignFend from '~@zohodesk/components/es/common/common.module.css';
 }
 .align_right .count {
   position: relative;

package/es/list/listCommon.module.css

@@ -4,7 +4,7 @@
 }
 
 .inlineFlex {
-  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
 }
 
 [dir=ltr] .avatarMargin {
@@ -16,14 +16,14 @@
 }
 
 .subject {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
   font-size: var(--zd_font_size16) ;
 }
 
 /* css:lineheight-validation:ignore */
 .secondaryPanel {
   line-height: var(--zd_size18);
-  composes: dflex alignVertical flexwrap from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex alignVertical flexwrap from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .statusColumn {

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

@@ -10,7 +10,7 @@ import Loader from '@zohodesk/svg/lib/Loader/Loader';
 import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
 import CommonEmptyState from "../../../emptystate/CommonEmptyState/CommonEmptyState";
 import StatusListItem from "../StatusListItem/StatusListItem";
-import commonStyle from '@zohodesk/components/lib/common/common.module.css';
+import commonStyle from '@zohodesk/components/es/common/common.module.css';
 import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
@@ -52,7 +52,7 @@ export class StatusDropdown extends React.Component {
     togglePopup(e, boxPosition);
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.options.length != this.props.options.length) {
       this.setState({
         options: nextProps.options

package/es/list/status/StatusDropdown/StatusDropdown.module.css

@@ -40,7 +40,7 @@
   visibility: visible;
 }
 .value {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 .search {
   padding: var(--zd_size6) var(--zd_size20) 0 ;

package/es/list/status/StatusListItem/StatusListItem.module.css

@@ -34,11 +34,11 @@
   line-height: 1.5385;
 }
 .value {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 .multiLineValue{
   word-break: break-word;
-  composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
+  composes: clamp from '~@zohodesk/components/es/common/common.module.css';
 }
 [dir=ltr] .withBorder.active {
   border-left-color: var(--zdt_statuslistitem_default_active_border);

package/es/lookup/EmptyPage/LookupEmptyPage.module.css

@@ -7,6 +7,6 @@
 .contentDiv {
   font-size: var(--zd_font_size20) ;
   font-family: var(--zd_semibold);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
   margin-top: var(--zd_size15) ;
 }

package/es/lookup/Lookup/Lookup.js

@@ -56,6 +56,7 @@ export default class Lookup extends Component {
       needFocusScope,
       customProps,
       isMinHeight,
+      containerClass,
       lookupClass
     } = this.props;
     const {
@@ -93,7 +94,7 @@ export default class Lookup extends Component {
     }, /*#__PURE__*/React.createElement(Container, {
       "data-drag-container": "true",
       isCover: false,
-      className: isMinHeight ? `${style.wrapper}` : `${style.coverwrap}`
+      className: `${isMinHeight ? style.wrapper : style.coverwrap} ${style.containerWidth} ${containerClass}`
     }, children));
     return /*#__PURE__*/React.createElement(FreezeLayer, {
       align: "horizontal",

package/es/lookup/Lookup/Lookup.module.css

@@ -19,6 +19,10 @@
   margin: auto ;
 }
 
+.containerWidth {
+  width: 100% ;
+}
+
 /* Size */
 .smallSize {
   max-width: var(--zd_size470) ;
@@ -35,10 +39,11 @@
 .largeSize {
   max-width: 70% ;
 }
+
 .xlargeSize {
   max-width: 80% ;
 }
 
 .fullSize {
   max-width: 90% ;
-}
+}

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

@@ -20,5 +20,6 @@ export const propTypes = {
   onClick: PropTypes.func,
   onClose: PropTypes.func,
   isMinHeight: PropTypes.bool,
+  containerClass: PropTypes.string,
   lookupClass: PropTypes.string
 };

package/es/lookup/Section/LookupSection.module.css

@@ -2,7 +2,7 @@
   /* max-height: 80%; */
   /* min-height: 390px; */
   /* height: auto; */
-  composes: flexgrow from '~@zohodesk/components/lib/common/common.module.css';
+  composes: flexgrow from '~@zohodesk/components/es/common/common.module.css';
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
   background-color: var(--zdt_lookupsection_bg);
   box-shadow: var(--zd_bs_lookupsection_shadow)

package/es/lookup/header/Title/LookupTitle.module.css

@@ -1,7 +1,7 @@
 .title {
   font-size: var(--zd_font_size16) ;
   font-family: var(--zd_semibold);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
   vertical-align: middle;
   word-break: break-all;
   cursor: initial;