@zohodesk/dot 1.4.14 → 1.4.16

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

@@ -74,7 +74,9 @@ export default class StatusListItem extends React.Component {
     let {
       role,
       ariaSelected,
-      ariaHidden = true
+      ariaHidden = true,
+      ariaLabel,
+      insetFocus = true
     } = a11y;
 
     if (isLink) {
@@ -85,6 +87,8 @@ export default class StatusListItem extends React.Component {
     return /*#__PURE__*/React.createElement(Container, {
       role: role,
       "aria-selected": ariaSelected,
+      "aria-label": ariaLabel,
+      "data-a11y-inset-focus": insetFocus,
       isCover: false,
       align: "baseline",
       alignBox: "row",

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/__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/__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();
+  });
+});

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

@@ -0,0 +1,60 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Search rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="searchStyle    flex rowdir vCenter"
+    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="container effect    flex rowdir"
+        data-id="containerComponent"
+        data-selector-id="textBoxIcon"
+        data-test-id="containerComponent"
+      >
+        <div
+          class="grow basis shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <input
+            class="  container small  default  effect  borderColor_default  "
+            data-a11y-autofocus="true"
+            data-id="textBoxIcon"
+            data-selector-id="textBoxIcon"
+            data-test-id="textBoxIcon"
+            maxlength="250"
+            type="text"
+            value=""
+          />
+        </div>
+        <div
+          class="iconContainer  shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <div
+            class="flex cover rowdir"
+            data-id="containerComponent"
+            data-selector-id="container"
+            data-test-id="containerComponent"
+          />
+        </div>
+        <div
+          class="line borderColor_default "
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

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

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

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

@@ -0,0 +1,59 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TicketHeader rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container default undefined container 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="innerContainer flex coldir wrap"
+        data-id="lookupView"
+        data-selector-id="container"
+        data-test-id="lookupView"
+      >
+        <div
+          class="title shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <span
+            class="title default "
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="closeContainer"
+    >
+      <button
+        aria-pressed="false"
+        class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+        data-id="close"
+        data-ishtml="false"
+        data-selector-id="iconButton"
+        data-test-id="close"
+      >
+        <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>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/lookup/header/Title/__tests__/Titles.spec.js

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

package/es/lookup/header/Title/__tests__/__snapshots__/Titles.spec.js.snap

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

package/es/lookup/header/ViewDropDown/__test__/ViewDropDown.spec.js

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

package/es/lookup/header/ViewDropDown/__test__/__snapshots__/ViewDropDown.spec.js.snap

@@ -0,0 +1,28 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ViewDropDown rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container"
+  >
+    <div>
+      <div
+        class="labelCnt "
+      >
+        <span
+          class="labelText"
+          data-title=""
+        />
+        <i
+          aria-hidden="true"
+          class="zd_font_icons basic icon-down  arrowIcon  "
+          data-id="fontIcon"
+          data-selector-id="fontIcon"
+          data-test-id="fontIcon"
+          style="--zd-iconfont-size: var(--zd_font_size7);"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/setup/header/Button/__tests__/Button.spec.js

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

package/es/setup/header/Button/__tests__/__snapshots__/Button.spec.js.snap

@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Button rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container"
+  >
+    <button
+      class="bold primaryfilled medium"
+      data-id="buttonComp"
+      data-selector-id="button"
+      data-test-id="buttonComp"
+      type="button"
+    />
+  </div>
+</DocumentFragment>
+`;

package/es/setup/header/Link/__tests__/Link.spec.js

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

package/es/setup/header/Link/__tests__/__snapshots__/Link.spec.js.snap

@@ -0,0 +1,34 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Link rendering the defult props 1`] = `
+<DocumentFragment>
+  <a
+    class="link container"
+    href="javascript:void(0);"
+    rel="noopener noreferrer"
+    target="_blank"
+  >
+    <div
+      class="icon shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-newtab fbold   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size10);"
+      />
+    </div>
+    <div
+      class="text grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    />
+  </a>
+</DocumentFragment>
+`;

package/es/setup/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();
+  });
+});

package/es/setup/header/Search/__tests__/__snapshots__/Search.spec.js.snap

@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Search rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container  "
+  >
+    <input
+      class="  basic borderColor_default  input"
+      data-id="textBox"
+      data-selector-id="textBox"
+      data-test-id="textBox"
+      maxlength="150"
+      placeholder="Search"
+      type="text"
+      value=""
+    />
+  </div>
+</DocumentFragment>
+`;