@zohodesk/dot 1.7.1 → 1.7.2

package/coverage/src/lookup/header/Search/Search.js.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">52.17% </span>
+                <span class="strong">64.58% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>24/46</span>
+                <span class='fraction'>31/48</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">27.9% </span>
+                <span class="strong">46.93% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>12/43</span>
+                <span class='fraction'>23/49</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">38.46% </span>
+                <span class="strong">58.33% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>5/13</span>
+                <span class='fraction'>7/12</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">52.17% </span>
+                <span class="strong">64.58% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>24/46</span>
+                <span class='fraction'>31/48</span>
             </div>
         
             
@@ -273,10 +273,7 @@
 <a name='L208'></a><a href='#L208'>208</a>
 <a name='L209'></a><a href='#L209'>209</a>
 <a name='L210'></a><a href='#L210'>210</a>
-<a name='L211'></a><a href='#L211'>211</a>
-<a name='L212'></a><a href='#L212'>212</a>
-<a name='L213'></a><a href='#L213'>213</a>
-<a name='L214'></a><a href='#L214'>214</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L211'></a><a href='#L211'>211</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>
@@ -298,28 +295,23 @@
 <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">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</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-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-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</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>
@@ -331,33 +323,30 @@
 <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-yes">12x</span>
+<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">12x</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-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">7x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</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-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">7x</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>
@@ -379,11 +368,11 @@
 <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">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</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>
@@ -427,12 +416,17 @@
 <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">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</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">7x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">7x</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>
@@ -499,6 +493,7 @@ import { Search_propTypes, SearchUI_propTypes } from './props/propTypes';
 /** * Components ** */
 import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { mergeStyle } from '@zohodesk/utils';
 import { Icon } from '@zohodesk/icons';
 import ToggleDropDown from '../../../dropdown/ToggleDropDown/ToggleDropDown';
 &nbsp;
@@ -507,40 +502,26 @@ import { debounce } from '@zohodesk/components/lib/utils/debounce';
 import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
 &nbsp;
 /** * CSS ** */
-import style from './LookupSearch.module.css';
+import defaultStyle from './LookupSearch.module.css';
 &nbsp;
 export default class Search extends Component {
   constructor(props) {
     super(props);
-    this.handleDropDownOpen = this.handleDropDownOpen.bind(this);
-    this.handleDropDownClose = this.handleDropDownClose.bind(this);
     this.handleTextBoxFocus = this.handleTextBoxFocus.bind(this);
     this.handleTextBoxBlur = this.handleTextBoxBlur.bind(this);
     this.handleGetTextBoxRef = this.handleGetTextBoxRef.bind(this);
+    this.handleRenderChildren = this.handleRenderChildren.bind(this);
     this.state = {
-      isFocus: false,
-      isDropDownOpen: false
+      isFocus: false
     };
   }
 &nbsp;
-<span class="fstat-no" title="function not covered" >  ha</span>ndleDropDownOpen() {
-<span class="cstat-no" title="statement not covered" >    this.setState({</span>
-      isDropDownOpen: true
-    });
-  }
-&nbsp;
-<span class="fstat-no" title="function not covered" >  ha</span>ndleDropDownClose() {
-<span class="cstat-no" title="statement not covered" >    this.setState({</span>
-      isDropDownOpen: false
-    });
-  }
-&nbsp;
-<span class="fstat-no" title="function not covered" >  ha</span>ndleTextBoxFocus(e) {
-    const { onFocus } = <span class="cstat-no" title="statement not covered" >this.props;</span>
-<span class="cstat-no" title="statement not covered" >    this.setState({</span>
+  handleTextBoxFocus(e) {
+    const { onFocus } = this.props;
+    this.setState({
       isFocus: true
     });
-<span class="cstat-no" title="statement not covered" >    onFocus &amp;&amp; onFocus(e);</span>
+    onFocus &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >onFocus(e);</span>
   }
 &nbsp;
 <span class="fstat-no" title="function not covered" >  ha</span>ndleTextBoxBlur(e) {
@@ -556,20 +537,27 @@ export default class Search extends Component {
     this.textBox = el;
     getRef &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >getRef(el);</span>
   }
+&nbsp;
+  handleRenderChildren({isActive, isFocus}) {
+    const { value, selectedId, renderChildren } = this.props;
+    return renderChildren({isActive, isFocus, value, selectedId});
+  }
 &nbsp;
   render() {
-    const { options, onSelect, value, selectedId } = this.props;
-    const { isFocus, isDropDownOpen } = this.state;
+    const { options, onSelect, value, selectedId, renderChildren } = this.props;
+    const { isFocus } = this.state;
 &nbsp;
     const searchUIExtraProps = {
-      isFocus: isFocus || isDropDownOpen,
+      isFocus: isFocus,
       onFocus: this.handleTextBoxFocus,
       onBlur: this.handleTextBoxBlur,
-      getRef: this.handleGetTextBoxRef
+      getRef: this.handleGetTextBoxRef,
+      value: value,
+      renderChildren: typeof renderChildren == 'function' ? this.handleRenderChildren : undefined
     };
 &nbsp;
     return options ? (
-<span class="branch-0 cbranch-no" title="branch not covered" >      &lt;ToggleDropDown</span>
+      &lt;ToggleDropDown
         value={value}
         options={options}
         onClick={onSelect}
@@ -577,8 +565,6 @@ export default class Search extends Component {
         isArrow={false}
         isToggleStateNeeded={true}
         selectedId={selectedId}
-        onDropDownOpen={this.handleDropDownOpen}
-        onDropDownClose={this.handleDropDownClose}
       &gt;
         &lt;SearchUI {...this.props} {...searchUIExtraProps} /&gt;
       &lt;/ToggleDropDown&gt;
@@ -639,21 +625,31 @@ class SearchUI extends Component {
       activeClass,
       isFocus,
       onFocus,
-      onBlur
+      onBlur,
+      renderChildren,
+      isActive,
+      hasSeparator,
+      customStyle
     } = this.props;
 &nbsp;
+    const isActiveState = isFocus || isActive;
+    const isFocusWidth = isActiveState || searchStr;
+&nbsp;
+    const style = mergeStyle(defaultStyle, customStyle);
     return (
       &lt;Container
         isCover={false}
         alignBox='row'
         align='vertical'
-        className={`${style.searchStyle} ${isBoxed ? <span class="branch-0 cbranch-no" title="branch not covered" >style.boxStyle </span>: ''} ${
-          isFocus ? <span class="branch-0 cbranch-no" title="branch not covered" >`${style.active} ${activeClass ? activeClass : ''} ` </span>: ''
-        } ${searchStr || isFocus ? <span class="branch-0 cbranch-no" title="branch not covered" >style.focusWidth </span>: ''}`}
+        className={`
+          ${style.wrapper} ${isBoxed ? <span class="branch-0 cbranch-no" title="branch not covered" >style.boxType </span>: style.borderType} 
+          ${isActiveState ? `${style.active} ${activeClass || ''}` : ''}
+          ${isFocusWidth ? style.focusWidth : ''}
+        `}
       &gt;
-        {options &amp;&amp; (
-<span class="branch-1 cbranch-no" title="branch not covered" >          &lt;Container</span>
-            className={`${style.drpSearchBox} ${isFocus ? style.lineActive : ''}`}
+        {typeof renderChildren == 'function' ? renderChildren({isActive, isFocus}) : options ? (
+<span class="branch-0 cbranch-no" title="branch not covered" >          &lt;Container</span>
+            className={`${style.drpSearchBox} ${isActiveState ? style.lineActive : ''}`}
             isCover={false}
             align='vertical'
             alignBox='row'
@@ -662,22 +658,16 @@ class SearchUI extends Component {
             &lt;Icon name='ZD-search' size='11' /&gt;
             &lt;Icon name='ZD-down' size='7' iconClass={style.iconArrow} /&gt;
           &lt;/Container&gt;
-        )}
-        {isSearchIconNeed &amp;&amp; (
-<span class="branch-1 cbranch-no" title="branch not covered" >          &lt;Box className={style.searchIconBox}&gt;</span>
-            &lt;Icon name='ZD-search' size='11' /&gt;
-          &lt;/Box&gt;
-        )}
-        &lt;Box flexible&gt;
+        ) : isSearchIconNeed ? (
+<span class="branch-0 cbranch-no" title="branch not covered" >            &lt;Icon name='ZD-search' size='11' iconClass={`${style.searchIcon} ${isBoxed ? style.searchIconBox : ''}`}/&gt;</span>
+        ): null}
+        {hasSeparator ? &lt;div className={style.separator}&gt;&lt;/div&gt; : null}
+        &lt;Box flexible onClick={cancelBubblingEffect}&gt;
           &lt;TextBoxIcon
-            customClass={{
-              customTextBox: `${isBoxed ? <span class="branch-0 cbranch-no" title="branch not covered" >style.inputBox </span>: ''}`
-            }}
             customProps={{ TextBoxProps: { 'data-a11y-autofocus': true } }}
             placeHolder={placeHolder}
             value={searchStr}
             onChange={this.handleChange}
-            onClick={cancelBubblingEffect}
             onFocus={onFocus}
             onBlur={onBlur}
             onKeyDown={this.handleKeyDown}
@@ -687,6 +677,7 @@ class SearchUI extends Component {
             inputRef={getRef}
             onClear={this.handleClear}
             onClearMouseDown={cancelBubblingEffect}
+            needBorder={false}
           /&gt;
         &lt;/Box&gt;
       &lt;/Container&gt;
@@ -709,7 +700,7 @@ SearchUI.propTypes = SearchUI_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-01-08T11:41:33.089Z
+                at 2025-01-24T09:31:43.009Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/lookup/header/Search/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">53.19% </span>
+                <span class="strong">65.3% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>25/47</span>
+                <span class='fraction'>32/49</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">27.9% </span>
+                <span class="strong">46.93% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>12/43</span>
+                <span class='fraction'>23/49</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">38.46% </span>
+                <span class="strong">58.33% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>5/13</span>
+                <span class='fraction'>7/12</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">53.19% </span>
+                <span class="strong">65.3% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>25/47</span>
+                <span class='fraction'>32/49</span>
             </div>
         
             
@@ -95,17 +95,17 @@
 
 <tr>
 	<td class="file medium" data-value="Search.js"><a href="Search.js.html">Search.js</a></td>
-	<td data-value="52.17" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 52%"></div><div class="cover-empty" style="width: 48%"></div></div>
+	<td data-value="64.58" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 64%"></div><div class="cover-empty" style="width: 36%"></div></div>
 	</td>
-	<td data-value="52.17" class="pct medium">52.17%</td>
-	<td data-value="46" class="abs medium">24/46</td>
-	<td data-value="27.9" class="pct low">27.9%</td>
-	<td data-value="43" class="abs low">12/43</td>
-	<td data-value="38.46" class="pct low">38.46%</td>
-	<td data-value="13" class="abs low">5/13</td>
-	<td data-value="52.17" class="pct medium">52.17%</td>
-	<td data-value="46" class="abs medium">24/46</td>
+	<td data-value="64.58" class="pct medium">64.58%</td>
+	<td data-value="48" class="abs medium">31/48</td>
+	<td data-value="46.93" class="pct low">46.93%</td>
+	<td data-value="49" class="abs low">23/49</td>
+	<td data-value="58.33" class="pct medium">58.33%</td>
+	<td data-value="12" class="abs medium">7/12</td>
+	<td data-value="64.58" class="pct medium">64.58%</td>
+	<td data-value="48" class="abs medium">31/48</td>
 	</tr>
 
 </tbody>
@@ -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-01-08T11:41:33.089Z
+                at 2025-01-24T09:31:43.009Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/lookup/header/Search/props/defaultProps.js.html

@@ -68,7 +68,9 @@
 <a name='L3'></a><a href='#L3'>3</a>
 <a name='L4'></a><a href='#L4'>4</a>
 <a name='L5'></a><a href='#L5'>5</a>
-<a name='L6'></a><a href='#L6'>6</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">3x</span>
+<a name='L6'></a><a href='#L6'>6</a>
+<a name='L7'></a><a href='#L7'>7</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">3x</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>
@@ -76,16 +78,17 @@
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">export const SearchUI_defaultProps = {
   activeClass: '',
   isBoxed: false,
-  isSearchIconNeed: false
-};
-&nbsp;</pre></td></tr></table></pre>
+  isSearchIconNeed: false,
+  isActive: false,
+  hasSeparator: false
+};</pre></td></tr></table></pre>
 
                 <div class='push'></div><!-- for sticky footer -->
             </div><!-- /wrapper -->
             <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-01-08T11:41:33.089Z
+                at 2025-01-24T09:31:43.009Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/lookup/header/Search/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-01-08T11:41:33.089Z
+                at 2025-01-24T09:31:43.009Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/lookup/header/Search/props/propTypes.js.html

@@ -93,7 +93,12 @@
 <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>
-<a name='L31'></a><a href='#L31'>31</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L31'></a><a href='#L31'>31</a>
+<a name='L32'></a><a href='#L32'>32</a>
+<a name='L33'></a><a href='#L33'>33</a>
+<a name='L34'></a><a href='#L34'>34</a>
+<a name='L35'></a><a href='#L35'>35</a>
+<a name='L36'></a><a href='#L36'>36</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">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -105,6 +110,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-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -123,6 +129,10 @@
 <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-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 Search_propTypes = {
@@ -132,6 +142,7 @@ export const Search_propTypes = {
   onSelect: PropTypes.func,
   options: PropTypes.array,
   selectedId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  renderChildren: PropTypes.func,
   value: PropTypes.string
 };
 &nbsp;
@@ -151,7 +162,11 @@ export const SearchUI_propTypes = {
   options: PropTypes.array,
   placeHolder: PropTypes.string,
   searchStr: PropTypes.string,
-  title: PropTypes.string
+  title: PropTypes.string,
+  isActive: PropTypes.bool,
+  hasSeparator: PropTypes.bool,
+  renderChildren: PropTypes.func,
+  customStyle: PropTypes.object
 };
 &nbsp;</pre></td></tr></table></pre>
 
@@ -160,7 +175,7 @@ export const SearchUI_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-01-08T11:41:33.089Z
+                at 2025-01-24T09:31:43.009Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/lookup/header/TicketHeader/TicketHeader.js.html

@@ -418,7 +418,7 @@ export default MemoizedTicketHeader;
             <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-01-08T11:41:33.089Z
+                at 2025-01-24T09:31:43.009Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/lookup/header/TicketHeader/TicketHeader.module.css.html

@@ -127,7 +127,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-01-08T11:41:33.089Z
+                at 2025-01-24T09:31:43.009Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/lookup/header/TicketHeader/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-01-08T11:41:33.089Z
+                at 2025-01-24T09:31:43.009Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/lookup/header/TicketHeader/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-01-08T11:41:33.089Z
+                at 2025-01-24T09:31:43.009Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/lookup/header/TicketHeader/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-01-08T11:41:33.089Z
+                at 2025-01-24T09:31:43.009Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/lookup/header/TicketHeader/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-01-08T11:41:33.089Z
+                at 2025-01-24T09:31:43.009Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/lookup/header/Title/LookupTitle.module.css.html

@@ -133,7 +133,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-01-08T11:41:33.089Z
+                at 2025-01-24T09:31:43.009Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/lookup/header/Title/Title.js.html

@@ -154,7 +154,7 @@ Title.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-01-08T11:41:33.089Z
+                at 2025-01-24T09:31:43.009Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/lookup/header/Title/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-01-08T11:41:33.089Z
+                at 2025-01-24T09:31:43.009Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>