@zohodesk/dot 1.7.16 → 1.7.18

package/coverage/src/dropdown/ToggleDropDown/ToggleDropDown.js.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">25.85% </span>
+                <span class="strong">24.51% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>38/147</span>
+                <span class='fraction'>38/155</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">21.55% </span>
+                <span class="strong">20.61% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>47/218</span>
+                <span class='fraction'>47/228</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">10.81% </span>
+                <span class="strong">10.25% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>4/37</span>
+                <span class='fraction'>4/39</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">26.02% </span>
+                <span class="strong">24.67% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>38/146</span>
+                <span class='fraction'>38/154</span>
             </div>
         
             
@@ -941,7 +941,25 @@
 <a name='L876'></a><a href='#L876'>876</a>
 <a name='L877'></a><a href='#L877'>877</a>
 <a name='L878'></a><a href='#L878'>878</a>
-<a name='L879'></a><a href='#L879'>879</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L879'></a><a href='#L879'>879</a>
+<a name='L880'></a><a href='#L880'>880</a>
+<a name='L881'></a><a href='#L881'>881</a>
+<a name='L882'></a><a href='#L882'>882</a>
+<a name='L883'></a><a href='#L883'>883</a>
+<a name='L884'></a><a href='#L884'>884</a>
+<a name='L885'></a><a href='#L885'>885</a>
+<a name='L886'></a><a href='#L886'>886</a>
+<a name='L887'></a><a href='#L887'>887</a>
+<a name='L888'></a><a href='#L888'>888</a>
+<a name='L889'></a><a href='#L889'>889</a>
+<a name='L890'></a><a href='#L890'>890</a>
+<a name='L891'></a><a href='#L891'>891</a>
+<a name='L892'></a><a href='#L892'>892</a>
+<a name='L893'></a><a href='#L893'>893</a>
+<a name='L894'></a><a href='#L894'>894</a>
+<a name='L895'></a><a href='#L895'>895</a>
+<a name='L896'></a><a href='#L896'>896</a>
+<a name='L897'></a><a href='#L897'>897</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -1114,6 +1132,13 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -1130,6 +1155,13 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -1411,7 +1443,6 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -1497,7 +1528,6 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -1622,6 +1652,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -1703,6 +1734,9 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -1804,6 +1838,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">5x</span>
@@ -1825,7 +1861,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';
@@ -1980,8 +2016,9 @@ export class ToggleDropDown extends Component {
   }
 &nbsp;
 <span class="fstat-no" title="function not covered" >  ha</span>ndleFilterSuggestions(searchValue) {
-    const { options, keyName, isGroupDropDown, groupOptionsKey, groupNameKey } = <span class="cstat-no" title="statement not covered" >this.props;</span>
+    const { options, keyName, isGroupDropDown, groupOptionsKey, groupNameKey, searchFields } = <span class="cstat-no" title="statement not covered" >this.props;</span>
 <span class="cstat-no" title="statement not covered" >    searchValue = searchValue.trim().toLowerCase();</span>
+<span class="cstat-no" title="statement not covered" >    searchFields.push(keyName !== 'value' ? keyName : 'value');</span>
     let result = <span class="cstat-no" title="statement not covered" >[];</span>
 <span class="cstat-no" title="statement not covered" >    if (isGroupDropDown) {</span>
       const filteredGroups = <span class="cstat-no" title="statement not covered" >[];</span>
@@ -1990,8 +2027,14 @@ export class ToggleDropDown extends Component {
         const name = <span class="cstat-no" title="statement not covered" >group[groupNameKey];</span>
         const groupOptions = <span class="cstat-no" title="statement not covered" >group[groupOptionsKey];</span>
         const datas = <span class="cstat-no" title="statement not covered" >groupOptions.filter(<span class="fstat-no" title="function not covered" >(l</span>ist) =&gt; {</span>
-          const value = <span class="cstat-no" title="statement not covered" >list[keyName];</span>
-<span class="cstat-no" title="statement not covered" >          return value.toLowerCase().includes(searchValue);</span>
+<span class="cstat-no" title="statement not covered" >          return searchFields.some(<span class="fstat-no" title="function not covered" >(k</span>ey) =&gt; {</span>
+            let val = <span class="cstat-no" title="statement not covered" >list[key]</span>
+<span class="cstat-no" title="statement not covered" >            if (val === null || val === undefined) {</span>
+<span class="cstat-no" title="statement not covered" >              return false</span>
+            } else {
+<span class="cstat-no" title="statement not covered" >              return val.toLowerCase().includes(searchValue)</span>
+            }
+          });
         });
 <span class="cstat-no" title="statement not covered" >        if (datas.length) {</span>
 <span class="cstat-no" title="statement not covered" >          filteredGroups.push({</span>
@@ -2007,7 +2050,14 @@ export class ToggleDropDown extends Component {
 <span class="cstat-no" title="statement not covered" >        if (item.needDivider) {</span>
 <span class="cstat-no" title="statement not covered" >          return true;</span>
         }
-<span class="cstat-no" title="statement not covered" >        return item[keyName].toLowerCase().includes(searchValue);</span>
+<span class="cstat-no" title="statement not covered" >        return searchFields.some(<span class="fstat-no" title="function not covered" >(k</span>ey) =&gt; {</span>
+          let val = <span class="cstat-no" title="statement not covered" >item[key]</span>
+<span class="cstat-no" title="statement not covered" >          if (val === null || val === undefined) {</span>
+<span class="cstat-no" title="statement not covered" >            return false</span>
+          } else {
+<span class="cstat-no" title="statement not covered" >            return val.toLowerCase().includes(searchValue);</span>
+          }
+        })
       });
 <span class="cstat-no" title="statement not covered" >      if (filteredOptions.length) {</span>
         // to avoid more than one dividers consecutively comes as one by one
@@ -2281,15 +2331,14 @@ export class ToggleDropDown extends Component {
       componentProps = isToggleStateNeeded ? children.props : null;
     const { searchValue, isFetchingOptions } = this.state;
 &nbsp;
-    const commonClass = `${className ? className : ''} ${isPopupReady ? (<span class="branch-0 cbranch-no" title="branch not covered" >activeStyle ? activeStyle : '')</span> : ''} ${
-      isDisabled
-        ? <span class="branch-0 cbranch-no" title="branch not covered" >CssProvider('isDisable')</span>
-        : isReadOnly || !isEditable
+    const commonClass = `${className ? className : ''} ${isPopupReady ? (<span class="branch-0 cbranch-no" title="branch not covered" >activeStyle ? activeStyle : '')</span> : ''} ${isDisabled
+      ? <span class="branch-0 cbranch-no" title="branch not covered" >CssProvider('isDisable')</span>
+      : isReadOnly || !isEditable
         ? <span class="branch-0 cbranch-no" title="branch not covered" >style.cursorDefault</span>
         : !showOnHover
-        ? `${style.cursor} ${hoverStyle ? <span class="branch-0 cbranch-no" title="branch not covered" >hoverStyle </span>: ''}`
-        : <span class="branch-1 cbranch-no" title="branch not covered" >`${hoverStyle ? hoverStyle : ''} ${style.cursorDefault}`</span>
-    }`;
+          ? `${style.cursor} ${hoverStyle ? <span class="branch-0 cbranch-no" title="branch not covered" >hoverStyle </span>: ''}`
+          : <span class="branch-1 cbranch-no" title="branch not covered" >`${hoverStyle ? hoverStyle : ''} ${style.cursorDefault}`</span>
+      }`;
     let listIndex = -1;
     const ariaTitleId = this.getAriaId();
     // const allyOptionsArr = this.getOptionsArray();
@@ -2328,9 +2377,8 @@ export class ToggleDropDown extends Component {
           ) : (
             &lt;RippleEffect hoverType={hoverType} isActive={isPopupOpen} isNeedEffect={isEditable &amp;&amp; isNeedEffect}&gt;
               &lt;Container
-                className={`${btnStyle.buttonReset} ${commonClass} ${
-                  !isPopupOpen &amp;&amp; showIconOnHover ? <span class="branch-0 cbranch-no" title="branch not covered" >style.hoverIcon </span>: ''
-                }`}
+                className={`${btnStyle.buttonReset} ${commonClass} ${!isPopupOpen &amp;&amp; showIconOnHover ? <span class="branch-0 cbranch-no" title="branch not covered" >style.hoverIcon </span>: ''
+                  }`}
                 isCover={false}
                 alignBox='row'
                 align='vertical'
@@ -2427,7 +2475,7 @@ export class ToggleDropDown extends Component {
                         onClear={this.onSearchClear}
                         size={searchBoxSize}
                         // inputRef={this.searchInputRef}
-                        customProps={{TextBoxProps:{'data-a11y-autofocus':true}}} //search
+                        customProps={{ TextBoxProps: { 'data-a11y-autofocus': true } }} //search
                         // onKeyDown={this.handleKeyDown}
                         dataId={`${dataId}_search`}
                         a11y={{
@@ -2499,7 +2547,8 @@ export class ToggleDropDown extends Component {
                                         iconClass,
                                         title,
                                         disableTitle = <span class="branch-0 cbranch-no" title="branch not covered" >'',</span>
-                                        isDisabled = <span class="branch-0 cbranch-no" title="branch not covered" >false</span>
+                                        isDisabled = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
+                                        secondaryValue
                                       } = <span class="cstat-no" title="statement not covered" >item;</span>
 <span class="cstat-no" title="statement not covered" >                                      listIndex += 1;</span>
 <span class="cstat-no" title="statement not covered" >                                      return iconName ? (</span>
@@ -2530,6 +2579,7 @@ export class ToggleDropDown extends Component {
                                             ariaSelected: selectedId === item[idName],
                                             ariaLabel: item[keyName]
                                           }}
+                                          secondaryValue={secondaryValue}
                                           {...ListItemWithIconProps}
                                         /&gt;
                                       ) : (
@@ -2557,6 +2607,7 @@ export class ToggleDropDown extends Component {
                                             ariaSelected: selectedId === item[idName],
                                             ariaLabel: item[keyName]
                                           }}
+                                          secondaryValue={secondaryValue}
                                           {...ListItemProps}
                                         /&gt;
                                       );
@@ -2580,7 +2631,8 @@ export class ToggleDropDown extends Component {
                                 title,
                                 needDivider,
                                 isDisabled = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
-                                disableTitle = <span class="branch-0 cbranch-no" title="branch not covered" >''</span>
+                                disableTitle = <span class="branch-0 cbranch-no" title="branch not covered" >'',</span>
+                                secondaryValue
                               } = <span class="cstat-no" title="statement not covered" >item;</span>
 <span class="cstat-no" title="statement not covered" >                              if (!needDivider) {</span>
 <span class="cstat-no" title="statement not covered" >                                listIndex += 1;</span>
@@ -2617,6 +2669,7 @@ export class ToggleDropDown extends Component {
                                         ariaSelected: selectedId === item[idName],
                                         ariaLabel: item[keyName]
                                       }}
+                                      secondaryValue={secondaryValue}
                                       {...ListItemWithIconProps}
                                     /&gt;
                                   ) : (
@@ -2644,6 +2697,7 @@ export class ToggleDropDown extends Component {
                                         ariaSelected: selectedId === item[idName],
                                         ariaLabel: item[keyName]
                                       }}
+                                      secondaryValue={secondaryValue}
                                       {...ListItemProps}
                                     /&gt;
                                   )}
@@ -2704,7 +2758,7 @@ export default ToggleDropDown_Component;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/dropdown/ToggleDropDown/ToggleDropDown.module.css.html

@@ -272,7 +272,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: 6px 20px 0;
@@ -331,7 +331,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/dropdown/ToggleDropDown/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">26.35% </span>
+                <span class="strong">25% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>39/148</span>
+                <span class='fraction'>39/156</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">21.55% </span>
+                <span class="strong">20.61% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>47/218</span>
+                <span class='fraction'>47/228</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">10.81% </span>
+                <span class="strong">10.25% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>4/37</span>
+                <span class='fraction'>4/39</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">26.53% </span>
+                <span class="strong">25.16% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>39/147</span>
+                <span class='fraction'>39/155</span>
             </div>
         
             
@@ -80,17 +80,17 @@
 </thead>
 <tbody><tr>
 	<td class="file low" data-value="ToggleDropDown.js"><a href="ToggleDropDown.js.html">ToggleDropDown.js</a></td>
-	<td data-value="25.85" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 25%"></div><div class="cover-empty" style="width: 75%"></div></div>
+	<td data-value="24.51" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 24%"></div><div class="cover-empty" style="width: 76%"></div></div>
 	</td>
-	<td data-value="25.85" class="pct low">25.85%</td>
-	<td data-value="147" class="abs low">38/147</td>
-	<td data-value="21.55" class="pct low">21.55%</td>
-	<td data-value="218" class="abs low">47/218</td>
-	<td data-value="10.81" class="pct low">10.81%</td>
-	<td data-value="37" class="abs low">4/37</td>
-	<td data-value="26.02" class="pct low">26.02%</td>
-	<td data-value="146" class="abs low">38/146</td>
+	<td data-value="24.51" class="pct low">24.51%</td>
+	<td data-value="155" class="abs low">38/155</td>
+	<td data-value="20.61" class="pct low">20.61%</td>
+	<td data-value="228" class="abs low">47/228</td>
+	<td data-value="10.25" class="pct low">10.25%</td>
+	<td data-value="39" class="abs low">4/39</td>
+	<td data-value="24.67" class="pct low">24.67%</td>
+	<td data-value="154" class="abs low">38/154</td>
 	</tr>
 
 <tr>
@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/dropdown/ToggleDropDown/props/defaultProps.js.html

@@ -92,7 +92,9 @@
 <a name='L27'></a><a href='#L27'>27</a>
 <a name='L28'></a><a href='#L28'>28</a>
 <a name='L29'></a><a href='#L29'>29</a>
-<a name='L30'></a><a href='#L30'>30</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">5x</span>
+<a name='L30'></a><a href='#L30'>30</a>
+<a name='L31'></a><a href='#L31'>31</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -148,7 +150,8 @@
   needMultiLineText: false,
   isAbsolutePositioningNeeded: true,
   isRestrictScroll: false,
-  customClass: {}
+  customClass: {},
+  searchFields: []
 };
 &nbsp;</pre></td></tr></table></pre>
 
@@ -157,7 +160,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/dropdown/ToggleDropDown/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/dropdown/ToggleDropDown/props/propTypes.js.html

@@ -160,7 +160,8 @@
 <a name='L95'></a><a href='#L95'>95</a>
 <a name='L96'></a><a href='#L96'>96</a>
 <a name='L97'></a><a href='#L97'>97</a>
-<a name='L98'></a><a href='#L98'>98</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L98'></a><a href='#L98'>98</a>
+<a name='L99'></a><a href='#L99'>99</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -257,6 +258,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import PropTypes from 'prop-types';
 &nbsp;
 export const propTypes = {
@@ -352,7 +354,8 @@ export const propTypes = {
   positionsOffset: PropTypes.object,
   targetOffset: PropTypes.object,
   from: PropTypes.string,
-  top: PropTypes.number
+  top: PropTypes.number,
+  searchFields: PropTypes.array
 };
 &nbsp;</pre></td></tr></table></pre>
 
@@ -361,7 +364,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/emptystate/CommonEmptyState/CommonEmptyState.js.html

@@ -319,7 +319,7 @@ CommonEmptyState.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/emptystate/CommonEmptyState/CommonEmptyState.module.css.html

@@ -319,7 +319,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/emptystate/CommonEmptyState/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/emptystate/CommonEmptyState/props/defaultProps.js.html

@@ -100,7 +100,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/emptystate/CommonEmptyState/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/emptystate/CommonEmptyState/props/propTypes.js.html

@@ -136,7 +136,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/emptystate/EditionPage/EditionPage.css.html

@@ -181,7 +181,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/emptystate/EditionPage/EditionPage.js.html

@@ -214,7 +214,7 @@ EditionPage.propTypes = propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/emptystate/EditionPage/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/emptystate/EditionPage/props/defaultProps.js.html

@@ -85,7 +85,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/emptystate/EditionPage/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/emptystate/EditionPage/props/propTypes.js.html

@@ -106,7 +106,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/EmptyStates.module.css.html

@@ -254,7 +254,7 @@
 .title,
 .tabletTitle,
 .mobileTitle {
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
+  composes: semibold from '~@zohodesk/components/es/common/common.module.css';
   margin-bottom: 5px;
   letter-spacing: var(--zd_size1);
 }
@@ -322,7 +322,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/Inconvenience/Inconvenience.js.html

@@ -334,7 +334,7 @@ Inconvenience.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-07-24T11:44:03.805Z
+                at 2025-09-11T12:05:37.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>