@zohodesk/dot 1.9.2 → 1.9.3

package/es/v1/lookup/Lookup/Lookup.js

@@ -1,116 +0,0 @@
-/*** Libraries ***/
-import React, { useRef, useCallback, useEffect } from 'react';
-import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-/*** Components ***/
-
-import FreezeLayer from "../../../FreezeLayer/FreezeLayer";
-import { Container } from '@zohodesk/components/es/v1/Layout';
-import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
-/*** CSS ***/
-
-import style from "../../../lookup/Lookup/Lookup.module.css";
-/*eslint-disable react/forbid-component-props */
-
-export default function Lookup(props) {
-  const {
-    isActive,
-    children,
-    size,
-    dataId,
-    forwardRef,
-    onClick,
-    customClass,
-    htmlId,
-    a11y,
-    childAnimationName,
-    onClose,
-    needFocusScope,
-    customProps,
-    onKeyDown,
-    isMinHeight,
-    lookupClass
-  } = 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 createRef = useRef(null);
-  const handleKeyDown = useCallback(e => {
-    onKeyDown && onKeyDown(e);
-  }, [onKeyDown]);
-  useEffectCallOnlyAfterState(() => {
-    if (isActive) {
-      document.addEventListener('keydown', handleKeyDown);
-    } else {
-      document.removeEventListener('keydown', handleKeyDown);
-    }
-  }, [isActive]);
-  useEffect(() => {
-    return () => {
-      document.removeEventListener('keydown', handleKeyDown);
-    };
-  }, []);
-  const content = /*#__PURE__*/React.createElement("div", {
-    ref: 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}`
-  }, 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: 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/v1/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/v1/lookup/Lookup/props/propTypes.js

@@ -1,24 +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,
-  lookupClass: PropTypes.string
-};

package/es/v1/lookup/Section/Section.js

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

package/es/v1/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/v1/lookup/header/Close/Close.js

@@ -1,30 +0,0 @@
-/*** Libraries ***/
-import React, { memo } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-/*** FontIcons ***/
-
-import IconButton from "./../../../IconButton/IconButton";
-
-function Close(props) {
-  let {
-    onClose,
-    dataId,
-    title
-  } = props;
-  return /*#__PURE__*/React.createElement(IconButton, {
-    dataId: dataId,
-    onClick: onClose,
-    iconName: "ZD-cross",
-    iconSize: "11",
-    title: title
-  });
-}
-
-Close.propTypes = propTypes;
-Close.defaultProps = defaultProps;
-const MemoizedClose = /*#__PURE__*/memo(Close);
-MemoizedClose.propTypes = propTypes;
-MemoizedClose.defaultProps = defaultProps;
-MemoizedClose.displayName = 'Close';
-export default MemoizedClose;

package/es/v1/lookup/header/Close/props/defaultProps.js

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

package/es/v1/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/v1/lookup/header/ModuleHeader/ModuleHeader.js

@@ -1,89 +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/v1/Layout';
-/*** CSS ***/
-
-import commonStyle from "../../../../lookup/header/lookupHeaderCommon.module.css";
-import commonResponsive from "../../../../lookup/header/lookupHeaderCommonResponsive.module.css";
-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/v1/lookup/header/ModuleHeader/props/defaultProps.js

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

package/es/v1/lookup/header/ModuleHeader/props/propTypes.js

@@ -1,20 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  getSearchBoxRef: PropTypes.func,
-  miniDescription: PropTypes.string,
-  needOnTypeSearch: PropTypes.bool,
-  needSearch: PropTypes.bool,
-  onLookupClose: PropTypes.func,
-  onSearch: PropTypes.func,
-  onSearchChange: PropTypes.func,
-  searchPlaceHolder: PropTypes.string,
-  searchStr: PropTypes.string,
-  title: PropTypes.string,
-  dataId: PropTypes.string,
-  closeTitle: PropTypes.string,
-  onSearchKeyDown: PropTypes.func,
-  palette: PropTypes.oneOf(['default', 'white']),
-  children: PropTypes.any,
-  childNearTitle: PropTypes.any,
-  dragBoundaryLimit: PropTypes.object
-};

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

@@ -1,179 +0,0 @@
-/* eslint-disable react/forbid-component-props */
-
-/*** Libraries ***/
-import React, { useState } from 'react';
-import { SearchUI_defaultProps } from "./props/defaultProps";
-import { Search_propTypes, SearchUI_propTypes } from "./props/propTypes";
-/** * Components ** */
-
-import TextBoxIcon from '@zohodesk/components/es/v1/TextBoxIcon/TextBoxIcon';
-import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import { Icon } from '@zohodesk/icons';
-import ToggleDropDown from "../../../../dropdown/ToggleDropDown/ToggleDropDown";
-/** * Methods ** */
-
-import { debounce } from '@zohodesk/components/es/utils/debounce';
-import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
-/** * CSS ** */
-
-import style from "../../../../lookup/header/Search/LookupSearch.module.css";
-export default function Search(props) {
-  const {
-    options,
-    onSelect,
-    value,
-    selectedId,
-    onFocus,
-    onBlur,
-    getRef
-  } = props;
-  const [isFocus, setFocus] = useState(false);
-  const [isDropDownOpen, setDropDownOpen] = useState(false);
-
-  const handleDropDownOpen = () => {
-    setDropDownOpen(true);
-  };
-
-  const handleDropDownClose = () => {
-    setDropDownOpen(false);
-  };
-
-  const handleTextBoxFocus = e => {
-    setFocus(true);
-    onFocus && onFocus(e);
-  };
-
-  const handleTextBoxBlur = e => {
-    setFocus(false);
-    onBlur && onBlur(e);
-  };
-
-  const handleGetTextBoxRef = el => {
-    // textBox = el;
-    getRef && getRef(el);
-  };
-
-  const searchUIExtraProps = {
-    isFocus: isFocus || isDropDownOpen,
-    onFocus: handleTextBoxFocus,
-    onBlur: handleTextBoxBlur,
-    getRef: handleGetTextBoxRef
-  };
-  return options ? /*#__PURE__*/React.createElement(ToggleDropDown, {
-    value: value,
-    options: options,
-    onClick: onSelect,
-    needTick: true,
-    isArrow: false,
-    isToggleStateNeeded: true,
-    selectedId: selectedId,
-    onDropDownOpen: handleDropDownOpen,
-    onDropDownClose: handleDropDownClose
-  }, /*#__PURE__*/React.createElement(SearchUI, { ...props,
-    ...searchUIExtraProps
-  })) : /*#__PURE__*/React.createElement(SearchUI, { ...props,
-    ...searchUIExtraProps
-  });
-}
-Search.propTypes = Search_propTypes;
-
-function SearchUI(props) {
-  const {
-    dataId,
-    searchStr,
-    placeHolder,
-    getRef,
-    title,
-    isBoxed,
-    isSearchIconNeed,
-    options,
-    activeClass,
-    isFocus,
-    onFocus,
-    onBlur,
-    onSearch,
-    needOnTypeSearch,
-    onKeyDown,
-    onChange
-  } = props;
-
-  const handleSearch = () => {
-    onSearch && onSearch();
-  };
-
-  const debounceHandleSearch = debounce(handleSearch, 500);
-
-  const handleKeyDown = e => {
-    const {
-      keyCode
-    } = e;
-    onKeyDown && onKeyDown(e);
-
-    if (keyCode === 13) {
-      !needOnTypeSearch && onSearch && onSearch();
-    }
-  };
-
-  const handleChange = value => {
-    onChange && onChange(value);
-    needOnTypeSearch && debounceHandleSearch();
-  };
-
-  const handleClear = e => {
-    cancelBubblingEffect(e);
-    onChange && onChange('');
-    debounceHandleSearch();
-  };
-
-  return /*#__PURE__*/React.createElement(Container, {
-    isCover: false,
-    alignBox: "row",
-    align: "vertical",
-    className: `${style.searchStyle} ${isBoxed ? style.boxStyle : ''} ${isFocus ? `${style.active} ${activeClass ? activeClass : ''} ` : ''} ${searchStr || isFocus ? style.focusWidth : ''}`
-  }, options && /*#__PURE__*/React.createElement(Container, {
-    className: `${style.drpSearchBox} ${isFocus ? style.lineActive : ''}`,
-    isCover: false,
-    align: "vertical",
-    alignBox: "row",
-    "data-title": title
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "ZD-search",
-    size: "11"
-  }), /*#__PURE__*/React.createElement(Icon, {
-    name: "ZD-down",
-    size: "7",
-    iconClass: style.iconArrow
-  })), isSearchIconNeed && /*#__PURE__*/React.createElement(Box, {
-    className: style.searchIconBox
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "ZD-search",
-    size: "11"
-  })), /*#__PURE__*/React.createElement(Box, {
-    flexible: true
-  }, /*#__PURE__*/React.createElement(TextBoxIcon, {
-    customClass: {
-      customTextBox: `${isBoxed ? style.inputBox : ''}`
-    },
-    customProps: {
-      TextBoxProps: {
-        'data-a11y-autofocus': true
-      }
-    },
-    placeHolder: placeHolder,
-    value: searchStr,
-    onChange: handleChange,
-    onClick: cancelBubblingEffect,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onKeyDown: handleKeyDown,
-    onMouseDown: cancelBubblingEffect,
-    dataId: dataId,
-    size: "small",
-    inputRef: getRef,
-    onClear: handleClear,
-    onClearMouseDown: cancelBubblingEffect
-  })));
-}
-
-SearchUI.defaultProps = SearchUI_defaultProps;
-SearchUI.propTypes = SearchUI_propTypes;

package/es/v1/lookup/header/Search/props/defaultProps.js

@@ -1,5 +0,0 @@
-export const SearchUI_defaultProps = {
-  activeClass: '',
-  isBoxed: false,
-  isSearchIconNeed: false
-};

package/es/v1/lookup/header/Search/props/propTypes.js

@@ -1,28 +0,0 @@
-import PropTypes from 'prop-types';
-export const Search_propTypes = {
-  getRef: PropTypes.func,
-  onBlur: PropTypes.func,
-  onFocus: PropTypes.func,
-  onSelect: PropTypes.func,
-  options: PropTypes.array,
-  selectedId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  value: PropTypes.string
-};
-export const SearchUI_propTypes = {
-  activeClass: PropTypes.string,
-  dataId: PropTypes.string,
-  getRef: PropTypes.func,
-  isBoxed: PropTypes.bool,
-  isFocus: PropTypes.bool,
-  isSearchIconNeed: PropTypes.bool,
-  needOnTypeSearch: PropTypes.bool,
-  onBlur: PropTypes.func,
-  onChange: PropTypes.func,
-  onFocus: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  onSearch: PropTypes.func,
-  options: PropTypes.array,
-  placeHolder: PropTypes.string,
-  searchStr: PropTypes.string,
-  title: PropTypes.string
-};

package/es/v1/lookup/header/TicketHeader/TicketHeader.js

@@ -1,108 +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 ViewDropDown from "../../../../lookup/header/ViewDropDown/ViewDropDown";
-import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import useDragger from "../../../../Hooks/Dragger/useDragger";
-/*** CSS ***/
-
-import commonStyle from "../../../../lookup/header/lookupHeaderCommon.module.css";
-import commonResponsive from "../../../../lookup/header/lookupHeaderCommonResponsive.module.css";
-import style from "../../../../lookup/header/TicketHeader/TicketHeader.module.css";
-/* eslint-disable react/forbid-component-props */
-
-function TicketHeader(props) {
-  let {
-    needSearch,
-    onLookupClose,
-    searchStr,
-    onSearchChange,
-    searchPlaceHolder,
-    title,
-    selectedViewId,
-    onSelectView,
-    allViews,
-    onSearch,
-    needOnTypeSearch,
-    getSearchBoxRef,
-    needViewsList,
-    i18nKeys,
-    palette,
-    dragBoundaryLimit
-  } = props;
-  let {
-    menuEmptyMessage = 'No matches found'
-  } = i18nKeys;
-  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}`]} ${commonResponsive.container} ${style.container}`,
-    isCover: false,
-    wrap: "wrap",
-    ref: dragRef,
-    "data-drag-hook": "true"
-  }, /*#__PURE__*/React.createElement(Box, {
-    flexible: true
-  }, /*#__PURE__*/React.createElement(Container, {
-    alignBox: "column",
-    className: `${style.innerContainer}`,
-    isCover: false,
-    wrap: "wrap",
-    dataId: "lookupView"
-  }, /*#__PURE__*/React.createElement(Box, {
-    className: commonStyle.title
-  }, /*#__PURE__*/React.createElement(Title, {
-    text: title
-  })), needViewsList ? /*#__PURE__*/React.createElement(Box, {
-    className: `${style.dropdown}`,
-    dataId: "filterIdselected"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.menuWrapper
-  }, /*#__PURE__*/React.createElement(ViewDropDown, {
-    dropBoxSize: "small",
-    emptyMessage: menuEmptyMessage,
-    needSearch: true,
-    onChange: onSelectView,
-    options: allViews,
-    textField: "displayLabel",
-    selectedValue: selectedViewId,
-    needCloseOnSelect: true
-  }))) : null)), needSearch ? /*#__PURE__*/React.createElement(Box, {
-    className: `${commonStyle.searchContainer} ${commonResponsive.searchContainer} ${style.searchContainer}`
-  }, /*#__PURE__*/React.createElement(Search, {
-    onSearch: onSearch,
-    searchStr: searchStr,
-    onChange: onSearchChange,
-    placeHolder: searchPlaceHolder,
-    dataId: "search",
-    needOnTypeSearch: needOnTypeSearch,
-    getRef: getSearchBoxRef
-  })) : null, /*#__PURE__*/React.createElement("div", {
-    className: commonStyle.closeContainer
-  }, /*#__PURE__*/React.createElement(Close, {
-    onClose: onLookupClose,
-    dataId: "close"
-  })));
-}
-
-TicketHeader.propTypes = propTypes;
-TicketHeader.defaultProps = defaultProps;
-const MemoizedTicketHeader = /*#__PURE__*/memo(TicketHeader);
-MemoizedTicketHeader.propTypes = propTypes;
-MemoizedTicketHeader.defaultProps = defaultProps;
-MemoizedTicketHeader.displayName = 'TicketHeader';
-export default MemoizedTicketHeader;

package/es/v1/lookup/header/TicketHeader/props/defaultProps.js

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