@zohodesk/dot 1.4.15 → 1.4.17

package/es/list/SecondryPanel/__tests__/SecondryPanel.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import SecondryPanel from '../SecondryPanel';
+describe('SecondryPanel', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(SecondryPanel, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/list/SecondryPanel/__tests__/__snapshots__/SecondryPanel.spec.js.snap

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SecondryPanel rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class=""
+  />
+</DocumentFragment>
+`;

package/es/list/SentimentStatus/__tests__/SentimentStatus.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import SentimentStatus from '../SentimentStatus';
+describe('SentimentStatus', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(SentimentStatus, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/list/SentimentStatus/__tests__/__snapshots__/SentimentStatus.spec.js.snap

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SentimentStatus rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container"
+  />
+</DocumentFragment>
+`;

package/es/list/Subject/Subject.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { Component } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -30,7 +28,7 @@ export default class Subject extends Component {
       LinkProps = {},
       TextProps = {}
     } = customProps;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
       urlName: urlName,
       href: href,
       urlData: urlData,
@@ -38,13 +36,15 @@ export default class Subject extends Component {
       className: `${style.subject} ${isDotted ? style.dotted : ''} ${className} ${style[`font_${fontWeight}`]} ${style.cursorPointer}`,
       dataId: dataId,
       title: text,
-      target: target
-    }, LinkProps), children ? children : text) : /*#__PURE__*/React.createElement("span", _extends({
+      target: target,
+      ...LinkProps
+    }, children ? children : text) : /*#__PURE__*/React.createElement("span", {
       className: `${style.subject} ${isDotted ? style.dotted : ''} ${className} ${style[`font_${fontWeight}`]}`,
       "data-title": text,
       "data-id": dataId,
-      "data-test-id": dataId
-    }, TextProps), text));
+      "data-test-id": dataId,
+      ...TextProps
+    }, text));
   }
 
 }

package/es/list/Subject/__tests__/Subject.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Subject from '../Subject';
+describe('Subject', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Subject, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Subject rendering the defult props 1`] = `
+<DocumentFragment>
+  <span
+    class="subject dotted  font_regular"
+  />
+</DocumentFragment>
+`;

package/es/list/TagNew/__tests__/TagNew.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import TagNew from '../TagNew';
+describe('TagNew', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(TagNew, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/list/TagNew/__tests__/__snapshots__/TagNew.spec.js.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TagNew rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="tagStyle  "
+    data-id="TagNew"
+    data-test-id="TagNew"
+  />
+</DocumentFragment>
+`;

package/es/list/Thread/__tests__/Thread.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Thread from '../Thread';
+describe('Thread', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Thread, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/list/Thread/__tests__/__snapshots__/Thread.spec.js.snap

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Thread rendering the defult props 1`] = `
+<DocumentFragment>
+  <button
+    class="buttonReset container align_left "
+    data-id="semanticButton"
+    data-test-id="semanticButton"
+    type="button"
+    value="text"
+  >
+    <i
+      aria-hidden="true"
+      class="zd_font_icons basic icon-thread    rtl "
+      data-id="fontIcon"
+      data-selector-id="fontIcon"
+      data-test-id="fontIcon"
+      style="--zd-iconfont-size: var(--zd_font_size9);"
+    />
+    <span
+      class="count"
+    />
+  </button>
+</DocumentFragment>
+`;

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

@@ -209,7 +209,8 @@ export class StatusDropdown extends React.Component {
       className: `${style.value} toggleDropText`,
       shrink: true,
       tagName: "span",
-      "data-title": dataTitle
+      "data-title": dataTitle,
+      dataId: `${dataId}_value`
     }, value), isEditable ? /*#__PURE__*/React.createElement(Icon, {
       "aria-hidden": true,
       size: "7",
@@ -242,6 +243,7 @@ export class StatusDropdown extends React.Component {
         isResponsivePadding: true,
         needFocusScope: true,
         onClose: this.handleTogglePopup,
+        dataId: `${dataId}_dropbox`,
         customProps: {
           focusScopeProps: {
             loadNextOptions: getNextOptions,
@@ -268,7 +270,8 @@ export class StatusDropdown extends React.Component {
           role: 'combobox',
           ariaActivedescendant: isPopupReady ? value : '',
           ariaOwns: ariaTitleId
-        }
+        },
+        dataId: `${dataId}_search`
       })) : null, title && options.length != 0 && /*#__PURE__*/React.createElement(Box, {
         className: style.title
       }, /*#__PURE__*/React.createElement(DropDownHeading, {

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import StatusDropdown from '../StatusDropdown';
+describe('StatusDropdown', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(StatusDropdown, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/list/status/StatusDropdown/__tests__/__snapshots__/StatusDropdown.spec.js.snap

@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`StatusDropdown rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="posRel"
+  >
+    <button
+      aria-disabled="false"
+      aria-expanded="false"
+      aria-haspopup="menu"
+      class="container   cursor  buttonReset flex rowdir vCenter"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+      tabindex="0"
+    >
+      <span
+        class="value toggleDropText shrinkOn"
+        data-id="undefined_value"
+        data-selector-id="box"
+        data-test-id="undefined_value"
+      />
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-down  toggleDropIcon arrow default_arrow  "
+        data-id="statusdownarrow"
+        data-selector-id="fontIcon"
+        data-test-id="statusdownarrow"
+        style="--zd-iconfont-size: var(--zd_font_size7);"
+      />
+    </button>
+  </div>
+</DocumentFragment>
+`;

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

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 /**** Libraries ****/
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -86,7 +84,7 @@ export default class StatusListItem extends React.Component {
       options.target = `_${target}`;
     }
 
-    return /*#__PURE__*/React.createElement(Container, _extends({
+    return /*#__PURE__*/React.createElement(Container, {
       role: role,
       "aria-selected": ariaSelected,
       "aria-label": ariaLabel,
@@ -101,8 +99,10 @@ export default class StatusListItem extends React.Component {
       eleRef: this.getRef,
       tagName: isLink ? 'a' : 'li',
       "data-title": isDisabled ? disableTitle : null,
-      tabindex: isDisabled ? '-1' : '0'
-    }, options, a11y), /*#__PURE__*/React.createElement(Box, {
+      tabindex: isDisabled ? '-1' : '0',
+      ...options,
+      ...a11y
+    }, /*#__PURE__*/React.createElement(Box, {
       className: `${style.statusType} ${style[bulletColor]}`
     }), /*#__PURE__*/React.createElement(Box, {
       flexible: true,

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import StatusListItem from '../StatusListItem';
+describe('StatusListItem', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(StatusListItem, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/list/status/StatusListItem/__tests__/__snapshots__/StatusListItem.spec.js.snap

@@ -0,0 +1,47 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`StatusListItem rendering the defult props 1`] = `
+<DocumentFragment>
+  <li
+    class="list medium default     withBorder  flex rowdir baseline"
+    data-a11y-inset-focus="true"
+    data-id="undefined"
+    data-selector-id="container"
+    data-test-id="undefined"
+    tabindex="0"
+  >
+    <div
+      class="statusType black shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    />
+    <div
+      class="grow basis shrinkOn"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex cover rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <div
+          class="value shrinkOn"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        />
+        <div
+          class="shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        />
+      </div>
+    </div>
+  </li>
+</DocumentFragment>
+`;

package/es/lookup/EmptyPage/__tests__/EmptyPage.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import EmptyPage from '../EmptyPage';
+describe('EmptyPage', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(EmptyPage, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/lookup/EmptyPage/__tests__/__snapshots__/EmptyPage.spec.js.snap

@@ -0,0 +1,90 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EmptyPage rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container"
+    data-id="empty_search"
+    data-test-id="empty_search"
+  >
+    <div
+      aria-hidden="true"
+      class="large image default svgCenter "
+    >
+      <svg
+        data-id="emptySearch"
+        data-test-id="emptySearch"
+        height="100%"
+        viewBox="0 0 200 200"
+        width="100%"
+      >
+        <defs>
+          <style>
+            .EmptySearch_svg__cls-4,.EmptySearch_svg__cls-5,.EmptySearch_svg__cls-6,.EmptySearch_svg__cls-7,.EmptySearch_svg__cls-8{fill:none}.EmptySearch_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptySearch_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptySearch_svg__cls-5,.EmptySearch_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptySearch_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptySearch_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}
+          </style>
+        </defs>
+        <path
+          d="M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z"
+          fill="var(--zd_emptysvg_primary_fill)"
+          opacity="0.05"
+        />
+        <ellipse
+          cx="156.04"
+          cy="31.69"
+          fill="none"
+          rx="3.54"
+          ry="3.51"
+          stroke="var(--zd_emptysvg_medium_circle)"
+          stroke-miterlimit="10"
+        />
+        <ellipse
+          class="EmptySearch_svg__cls-4"
+          cx="79.62"
+          cy="29.6"
+          rx="2.12"
+          ry="2.1"
+        />
+        <path
+          class="EmptySearch_svg__cls-5"
+          d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+        />
+        <ellipse
+          class="EmptySearch_svg__cls-8"
+          cx="165.88"
+          cy="154.09"
+          rx="2.45"
+          ry="2.43"
+        />
+        <path
+          class="EmptySearch_svg__cls-7"
+          d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+        />
+        <path
+          d="M101.35 87.13s4.94 2.24 6.06 9.58"
+          fill="none"
+          stroke="var(--zd_emptysvg_circle_fill)"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+        />
+        <ellipse
+          cx="95.28"
+          cy="96.71"
+          fill="var(--zd_emptysvg_secondary_fill)"
+          rx="21.41"
+          ry="21.23"
+        />
+        <path
+          class="EmptySearch_svg__cls-6"
+          d="M33.71 102.31H56.2a7.33 7.33 0 007.28-6.64c.75-7.62 4.37-20 19-27.59 22.32-11.51 51.78 10.62 43.75 37.18l-3.57 7.67 27.38 27.15s4.11 6.77 0 10.62-8 1.77-12.21-1.18S112 124.14 112 124.14s-26.19 12.4-42.26-8.26c0 0-1-1.53-2.09-3.42-2.2-3.73 1.4-8.42 5.52-7a3.11 3.11 0 011.5 1c2.19 2.85 9.2 15.31 25.23 12.24s19.48-19.7 15.81-32.18-25.88-16.08-34.38-8-9.65 18.57-5.6 22 7-.57 8.31-5.93 4.41-8.81 8.38-8.81 7.84-2.11 5.72-5.75-12.51-.82-16 2.68c-5.32 5.28-9.27 17.71-1 26.19s19.7 5.22 22.6 3.69 6.4-7.8 7.92-8.62"
+        />
+      </svg>
+    </div>
+    <div
+      class="contentDiv"
+    >
+      No Results Found
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/lookup/Lookup/Lookup.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 /*** Libraries ***/
 import React, { Component } from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -78,7 +76,7 @@ export default class Lookup extends Component {
       needFocusLoop = true,
       needEnterAction = true
     } = focusScopeProps;
-    const content = /*#__PURE__*/React.createElement("div", _extends({
+    const content = /*#__PURE__*/React.createElement("div", {
       ref: this.createRef,
       tabIndex: "-1",
       "data-a11y-need-focus-style": "false",
@@ -90,8 +88,9 @@ export default class Lookup extends Component {
       id: htmlId,
       className: `${style.box} ${style[`${size}Size`]} ${lookupClass ? lookupClass : ''}`,
       "data-id": dataId,
-      "data-test-id": dataId
-    }, a11yAttributes), /*#__PURE__*/React.createElement(Container, {
+      "data-test-id": dataId,
+      ...a11yAttributes
+    }, /*#__PURE__*/React.createElement(Container, {
       "data-drag-container": "true",
       isCover: false,
       className: isMinHeight ? `${style.wrapper}` : `${style.coverwrap}`

package/es/lookup/Lookup/__tests__/Lookup.spec.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Lookup from '../Lookup';
+describe('Lookup', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Lookup, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering isActive is true', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Lookup, {
+      isActive: true
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap

@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Lookup rendering isActive is true 1`] = `
+<DocumentFragment>
+  <div
+    class="container index5 snow"
+    data-drag-parent="true"
+    style="z-index: 4;"
+  >
+    <div
+      class="flex cover rowdir hCenter"
+      data-id="reactFreezeLayer"
+      data-selector-id="container"
+      data-test-id="reactFreezeLayer"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Lookup rendering the defult props 1`] = `<DocumentFragment />`;

package/es/lookup/Section/__tests__/Section.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Section from '../Section';
+describe('Section', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Section, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/lookup/Section/__tests__/__snapshots__/Section.spec.js.snap

@@ -0,0 +1,19 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Section rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="section  flex cover coldir"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    />
+  </div>
+</DocumentFragment>
+`;

package/es/lookup/header/Close/__tests__/Close.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Close from '../Close';
+describe('AlphabeticList', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Close, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/lookup/header/Close/__tests__/__snapshots__/Close.spec.js.snap

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AlphabeticList rendering the defult props 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="closeButton"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="closeButton"
+  >
+    <i
+      aria-hidden="true"
+      class="zd_font_icons basic icon-cross    "
+      data-id="fontIcon"
+      data-selector-id="fontIcon"
+      data-test-id="fontIcon"
+      style="--zd-iconfont-size: var(--zd_font_size11);"
+    />
+  </button>
+</DocumentFragment>
+`;

package/es/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import ModuleHeader from '../ModuleHeader';
+describe('ModuleHeader', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(ModuleHeader, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/lookup/header/ModuleHeader/__tests__/__snapshots__/ModuleHeader.spec.js.snap

@@ -0,0 +1,29 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ModuleHeader rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container default flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="title"
+      >
+        <span
+          class="title default "
+          data-title=""
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/lookup/header/Search/Search.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 /* eslint-disable react/forbid-component-props */
 
 /*** Libraries ***/
@@ -100,7 +98,11 @@ export default class Search extends Component {
       selectedId: selectedId,
       onDropDownOpen: this.handleDropDownOpen,
       onDropDownClose: this.handleDropDownClose
-    }, /*#__PURE__*/React.createElement(SearchUI, _extends({}, this.props, searchUIExtraProps))) : /*#__PURE__*/React.createElement(SearchUI, _extends({}, this.props, searchUIExtraProps));
+    }, /*#__PURE__*/React.createElement(SearchUI, { ...this.props,
+      ...searchUIExtraProps
+    })) : /*#__PURE__*/React.createElement(SearchUI, { ...this.props,
+      ...searchUIExtraProps
+    });
   }
 
 }

package/es/lookup/header/Search/__tests__/Search.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Search from '../Search';
+describe('Search', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Search, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});