@zohodesk/dot 1.0.0-temp-187.22 → 1.0.0-temp-187.24

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

@@ -1,90 +0,0 @@
-// 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/EmptyPage/props/defaultProps.js

@@ -1,4 +0,0 @@
-export const defaultProps = {
-  title: 'No Results Found',
-  type: 'search'
-};

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

@@ -1,5 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  title: PropTypes.string,
-  type: PropTypes.oneOf(['search', 'account', 'contact', 'product'])
-};

package/es/lookup/Lookup/Lookup.js

@@ -1,129 +0,0 @@
-/*** Libraries ***/
-import React, { Component } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-/*** Components ***/
-
-import FreezeLayer from "../../FreezeLayer/FreezeLayer";
-import { Container } from '@zohodesk/components/es/Layout';
-/*** CSS ***/
-
-import style from "./Lookup.module.css";
-import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
-/*eslint-disable react/forbid-component-props */
-
-export default class Lookup extends Component {
-  constructor(props) {
-    super(props);
-    this.handleKeyDown = this.handleKeyDown.bind(this);
-    this.createRef = /*#__PURE__*/React.createRef();
-  }
-
-  componentDidUpdate(prevProps) {
-    const {
-      isActive
-    } = this.props;
-
-    if (prevProps.isActive !== isActive) {
-      isActive ? document.addEventListener('keydown', this.handleKeyDown) : document.removeEventListener('keydown', this.handleKeyDown);
-    }
-  }
-
-  componentWillUnmount() {
-    document.removeEventListener('keydown', this.handleKeyDown);
-  }
-
-  handleKeyDown(e) {
-    const {
-      onKeyDown
-    } = this.props;
-    onKeyDown && onKeyDown(e);
-  }
-
-  render() {
-    const {
-      isActive,
-      children,
-      size,
-      dataId,
-      forwardRef,
-      onClick,
-      customClass,
-      htmlId,
-      a11y,
-      childAnimationName,
-      onClose,
-      needFocusScope,
-      customProps,
-      isMinHeight,
-      containerClass,
-      lookupClass
-    } = this.props;
-    const {
-      role = 'dialog',
-      ariaLabelledby,
-      ariaDescribedby,
-      ariaLabel,
-      ariaModal = isActive ? true : undefined,
-      ...a11yAttributes
-    } = a11y;
-    const {
-      focusScopeProps = {}
-    } = customProps;
-    const {
-      needAutoFocus = true,
-      needRestoreFocus = true,
-      needListNavigation = false,
-      needFocusLoop = true,
-      needEnterAction = true
-    } = focusScopeProps;
-    const content = /*#__PURE__*/React.createElement("div", {
-      ref: this.createRef,
-      tabIndex: "-1",
-      "data-a11y-need-focus-style": "false",
-      role: role,
-      "aria-labelledby": ariaLabelledby,
-      "aria-describedby": ariaDescribedby,
-      "aria-label": ariaLabel,
-      "aria-modal": ariaModal,
-      id: htmlId,
-      className: `${style.box} ${style[`${size}Size`]} ${lookupClass ? lookupClass : ''}`,
-      "data-id": dataId,
-      "data-test-id": dataId,
-      ...a11yAttributes
-    }, /*#__PURE__*/React.createElement(Container, {
-      "data-drag-container": "true",
-      isCover: false,
-      className: `${isMinHeight ? style.wrapper : style.coverwrap} ${style.containerWidth} ${containerClass}`
-    }, children));
-    return /*#__PURE__*/React.createElement(FreezeLayer, {
-      align: "horizontal",
-      animationName: "fade",
-      childAnimationName: childAnimationName,
-      isActive: isActive,
-      palette: "snow",
-      forwardRef: forwardRef,
-      onClick: onClick,
-      customClass: customClass
-    }, /*#__PURE__*/React.createElement(Container, {
-      alignBox: "row",
-      className: style.container,
-      dataId: "fldValue"
-    }, needFocusScope ? /*#__PURE__*/React.createElement(FocusScope, {
-      needFocusLoop: needFocusLoop,
-      needListNavigation: needListNavigation,
-      elementRef: this.createRef,
-      needAutoFocus: needAutoFocus,
-      needRestoreFocus: needRestoreFocus,
-      onClose: onClose,
-      needEnterAction: needEnterAction
-    }, content) : content));
-  }
-
-}
-Lookup.propTypes = propTypes;
-Lookup.defaultProps = defaultProps; // if (__DOCS__) {
-//   Lookup.docs = {
-//     componentGroup: 'Lookup'
-//   };
-// }

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

@@ -1,49 +0,0 @@
-.wrapper {
-  max-height: 85vh ;
-  min-height: var(--zd_size440) ;
-}
-
-.coverwrap {
-  max-height: 85vh ;
-}
-
-.container {
-  font-size: var(--zd_font_size16) ;
-  padding-bottom: var(--zd_size10) ;
-}
-
-.box {
-  position: relative;
-  height: 100% ;
-  width: 100% ;
-  margin: auto ;
-}
-
-.containerWidth {
-  width: 100% ;
-}
-
-/* Size */
-.smallSize {
-  max-width: var(--zd_size470) ;
-}
-
-.xmediumSize {
-  max-width: var(--zd_size620) ;
-}
-
-.mediumSize {
-  max-width: var(--zd_size840) ;
-}
-
-.largeSize {
-  max-width: 70% ;
-}
-
-.xlargeSize {
-  max-width: 80% ;
-}
-
-.fullSize {
-  max-width: 90% ;
-}

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

@@ -1,19 +0,0 @@
-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

@@ -1,20 +0,0 @@
-// 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/Lookup/props/defaultProps.js

@@ -1,9 +0,0 @@
-export const defaultProps = {
-  size: 'medium',
-  customClass: '',
-  a11y: {},
-  childAnimationName: 'flyDown',
-  needFocusScope: false,
-  customProps: {},
-  isMinHeight: false
-};

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

@@ -1,25 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  children: PropTypes.node,
-  customClass: PropTypes.string,
-  dataId: PropTypes.string,
-  isActive: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'xmedium', 'medium', 'large', 'xlarge', 'full']),
-  htmlId: PropTypes.string,
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaLabelledby: PropTypes.string,
-    ariaDescribedby: PropTypes.string,
-    ariaModal: PropTypes.bool
-  }),
-  onKeyDown: PropTypes.func,
-  childAnimationName: PropTypes.oneOf(['expand', 'flyDown']),
-  needFocusScope: PropTypes.bool,
-  customProps: PropTypes.object,
-  forwardRef: PropTypes.object,
-  onClick: PropTypes.func,
-  onClose: PropTypes.func,
-  isMinHeight: PropTypes.bool,
-  containerClass: PropTypes.string,
-  lookupClass: PropTypes.string
-};

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

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

package/es/lookup/Section/Section.js

@@ -1,24 +0,0 @@
-import React, { Component } from 'react';
-import { propTypes } from "./props/propTypes";
-import { Container, Box } from '@zohodesk/components/es/Layout';
-import style from "./LookupSection.module.css";
-export default class Section extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      alignBox,
-      className
-    } = this.props;
-    return /*#__PURE__*/React.createElement(Container, {
-      alignBox: alignBox,
-      className: `${style.section} ${className ? className : ''}`
-    }, /*#__PURE__*/React.createElement(Box, {
-      flexible: true
-    }, this.props.children));
-  }
-
-}
-Section.propTypes = propTypes;

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

@@ -1,11 +0,0 @@
-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

@@ -1,19 +0,0 @@
-// 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/Section/props/propTypes.js

@@ -1,6 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  alignBox: PropTypes.string,
-  children: PropTypes.node,
-  className: PropTypes.string
-};

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

@@ -1,30 +0,0 @@
-/*** Libraries ***/
-import React, { PureComponent } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-/*** FontIcons ***/
-
-import IconButton from "../../../IconButton/IconButton";
-export default class Close extends PureComponent {
-  render() {
-    let {
-      onClose,
-      dataId,
-      title
-    } = this.props;
-    return /*#__PURE__*/React.createElement(IconButton, {
-      dataId: dataId,
-      onClick: onClose,
-      iconName: "ZD-cross",
-      iconSize: "11",
-      title: title
-    });
-  }
-
-}
-Close.propTypes = propTypes;
-Close.defaultProps = defaultProps; // if (__DOCS__) {
-//   Close.docs = {
-//     componentGroup: 'Lookup'
-//   };
-// }

package/es/lookup/header/Close/LookupClose.module.css

@@ -1,15 +0,0 @@
-.container {
-  width: var(--zd_size25) ;
-  height: var(--zd_size25) ;
-  line-height: 2.7778;
-  color: var(--zdt_lookupclose_default_text);
-  transition: var(--zd_transition2) cubic-bezier(0.4, 1, 0.65, 1);
-  font-size: var(--zd_font_size9) ;
-  text-align: center;
-  cursor: pointer;
-  border-radius: 50%;
-}
-.container:hover {
-  color: var(--zdt_lookupclose_default_hover_text);
-  background-color: var(--zdt_lookupclose_default_hover_bg);
-}

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

@@ -1,11 +0,0 @@
-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

@@ -1,23 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AlphabeticList rendering the defult props 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset large 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   icon_button_center  "
-      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/Close/props/defaultProps.js

@@ -1,3 +0,0 @@
-export const defaultProps = {
-  dataId: 'closeButton'
-};

package/es/lookup/header/Close/props/propTypes.js

@@ -1,6 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  dataId: PropTypes.string,
-  onClose: PropTypes.func,
-  title: PropTypes.string
-};

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

@@ -1,90 +0,0 @@
-/*** Libraries ***/
-import React, { memo, useRef } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-/*** Components ***/
-
-import Title from "../Title/Title";
-import Close from "../Close/Close";
-import Search from "../Search/Search";
-import { Container, Box } from '@zohodesk/components/es/Layout';
-/*** CSS ***/
-
-import commonStyle from "../lookupHeaderCommon.module.css";
-import commonResponsive from "../lookupHeaderCommonResponsive.module.css"; //customHooks
-
-import useDragger from "../../../Hooks/Dragger/useDragger";
-/*eslint-disable react/forbid-component-props */
-
-function ModuleHeader(props) {
-  const {
-    title = '',
-    needSearch = false,
-    onLookupClose,
-    searchStr = '',
-    onSearch,
-    onSearchChange,
-    searchPlaceHolder,
-    needOnTypeSearch,
-    getSearchBoxRef,
-    miniDescription,
-    dataId,
-    closeTitle,
-    onSearchKeyDown,
-    palette,
-    dragBoundaryLimit,
-    children,
-    childNearTitle
-  } = props;
-  const dragRef = useRef(null); //dragRef
-
-  useDragger({
-    isActive: true,
-    ChildRef: dragRef,
-    boundaryLimit: dragBoundaryLimit
-  }); //custom Hook
-
-  return /*#__PURE__*/React.createElement(Container, {
-    align: "vertical",
-    alignBox: "row",
-    className: `${commonStyle.container} ${commonStyle[`${palette}`]}`,
-    isCover: false,
-    wrap: "wrap",
-    dataId: dataId,
-    "data-drag-hook": "true",
-    eleRef: dragRef
-  }, childNearTitle ? childNearTitle : '', /*#__PURE__*/React.createElement(Box, {
-    flexible: true
-  }, /*#__PURE__*/React.createElement("div", {
-    className: commonStyle.title
-  }, /*#__PURE__*/React.createElement(Title, {
-    text: title
-  })), miniDescription && /*#__PURE__*/React.createElement("div", {
-    className: commonStyle.para
-  }, miniDescription)), needSearch && /*#__PURE__*/React.createElement(Box, {
-    className: `${commonStyle.searchContainer} ${commonResponsive.searchContainer}`
-  }, /*#__PURE__*/React.createElement(Search, {
-    onSearch: onSearch,
-    searchStr: searchStr,
-    onChange: onSearchChange,
-    placeHolder: searchPlaceHolder,
-    dataId: "search",
-    needOnTypeSearch: needOnTypeSearch,
-    getRef: getSearchBoxRef,
-    onKeyDown: onSearchKeyDown
-  })), children ? children : '', onLookupClose ? /*#__PURE__*/React.createElement("div", {
-    className: commonStyle.closeContainer
-  }, /*#__PURE__*/React.createElement(Close, {
-    dataId: "close",
-    onClose: onLookupClose,
-    title: closeTitle
-  })) : null);
-}
-
-ModuleHeader.propTypes = propTypes;
-ModuleHeader.defaultProps = defaultProps;
-const MemoizedModuleHeader = /*#__PURE__*/memo(ModuleHeader);
-MemoizedModuleHeader.propTypes = propTypes;
-MemoizedModuleHeader.defaultProps = defaultProps;
-MemoizedModuleHeader.displayName = 'ModuleHeader';
-export default MemoizedModuleHeader;

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

@@ -1,11 +0,0 @@
-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

@@ -1,29 +0,0 @@
-// 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/ModuleHeader/props/defaultProps.js

@@ -1,9 +0,0 @@
-export const defaultProps = {
-  palette: 'default',
-  dragBoundaryLimit: {
-    top: 0,
-    left: 50,
-    right: 50,
-    bottom: 50
-  }
-};