@zohodesk/dot 1.4.2 → 1.4.3

package/es/v1/list/SecondaryText/Website.js

@@ -2,8 +2,8 @@
 
 /**** Libraries ****/
 import React from 'react';
-import { Website_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
-import { Website_propTypes } from '../../../list/SecondaryText/props/propTypes';
+import { Website_defaultProps } from './props/defaultProps';
+import { Website_propTypes } from './props/propTypes';
 /**** Components ****/
 
 import ExternalLink from '../../ExternalLink/ExternalLink';

package/es/v1/list/SecondaryText/props/defaultProps.js

@@ -0,0 +1,44 @@
+export const AccountName_defaultProps = {
+  isLink: true,
+  dataId: 'accountName',
+  fontWeight: 'regular',
+  customProps: {}
+};
+export const ContactName_defaultProps = {
+  isPaidUser: false,
+  isLink: true,
+  dataId: 'contactName',
+  fontWeight: 'regular',
+  i18nKeys: {},
+  customProps: {}
+};
+export const Email_defaultProps = {
+  isLink: true,
+  fontWeight: 'regular',
+  customProps: {}
+};
+export const PhoneNumber_defaultProps = {
+  isLink: true,
+  hasReload: false,
+  fontWeight: 'regular',
+  customProps: {}
+};
+export const PriorityText_defaultProps = {
+  color: 'black',
+  dataId: 'priority'
+};
+export const SecondaryText_defaultProps = {
+  customProps: {}
+};
+export const StatusText_defaultProps = {
+  color: 'black',
+  dataId: 'statusContainer',
+  fontWeight: 'regular'
+};
+export const TicketId_defaultProps = {
+  dataId: 'ticketId',
+  customProps: {}
+};
+export const Website_defaultProps = {
+  isLink: true
+};

package/es/v1/list/SecondaryText/props/propTypes.js

@@ -0,0 +1,142 @@
+import PropTypes from 'prop-types';
+export const AccountName_propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
+  href: PropTypes.string,
+  isLink: PropTypes.bool,
+  notAccessible: PropTypes.bool,
+  onClick: PropTypes.func,
+  text: PropTypes.string,
+  urlData: PropTypes.object,
+  urlName: PropTypes.string,
+  secondaryAccountHref: PropTypes.string,
+  secondaryAccountClick: PropTypes.func,
+  secondaryAccountText: PropTypes.string,
+  customProps: PropTypes.shape({
+    LinkProps: PropTypes.object,
+    TextProps: PropTypes.object,
+    SecondaryTextProps: PropTypes.object
+  })
+};
+export const ContactName_propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
+  href: PropTypes.string,
+  isLink: PropTypes.bool,
+  isPaidUser: PropTypes.bool,
+  notAccessible: PropTypes.bool,
+  onClick: PropTypes.func,
+  sentimentType: PropTypes.oneOf(['positive', 'negative', 'neutral']),
+  text: PropTypes.string,
+  urlData: PropTypes.object,
+  urlName: PropTypes.string,
+  i18nKeys: PropTypes.shape({
+    sentimentTitles: PropTypes.shape({
+      positive: PropTypes.string,
+      negative: PropTypes.string,
+      neutral: PropTypes.string
+    }),
+    paidTitle: PropTypes.string
+  }),
+  customProps: PropTypes.shape({
+    LinkProps: PropTypes.object,
+    TextProps: PropTypes.object
+  })
+};
+export const DepartmentText_propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  text: PropTypes.string
+};
+export const Email_propTypes = {
+  className: PropTypes.string,
+  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
+  href: PropTypes.string,
+  isLink: PropTypes.bool,
+  target: PropTypes.string,
+  text: PropTypes.string,
+  title: PropTypes.string,
+  urlData: PropTypes.object,
+  urlName: PropTypes.string,
+  customProps: PropTypes.shape({
+    LinkProps: PropTypes.object,
+    TextProps: PropTypes.object
+  })
+};
+export const HappinessRating_propTypes = {
+  className: PropTypes.string,
+  src: PropTypes.string,
+  text: PropTypes.string
+};
+export const PhoneNumber_propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
+  hasReload: PropTypes.bool,
+  href: PropTypes.string,
+  isLink: PropTypes.bool,
+  target: PropTypes.string,
+  text: PropTypes.string,
+  title: PropTypes.string,
+  urlData: PropTypes.object,
+  urlName: PropTypes.string,
+  customProps: PropTypes.shape({
+    LinkProps: PropTypes.object,
+    TextProps: PropTypes.object
+  })
+};
+export const PriorityText_propTypes = {
+  className: PropTypes.string,
+  color: PropTypes.oneOf(['red', 'green', 'gray', 'orange']),
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  text: PropTypes.string
+};
+export const SecondaryText_propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  onClick: PropTypes.func,
+  text: PropTypes.string,
+  customProps: PropTypes.shape({
+    SecondaryTextProps: PropTypes.object
+  })
+};
+export const StatusText_propTypes = {
+  className: PropTypes.string,
+  color: PropTypes.oneOf(['red', 'green', 'gray', 'orange', 'black']),
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
+  text: PropTypes.string
+};
+export const TicketId_propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  isLink: PropTypes.string,
+  onClick: PropTypes.func,
+  target: PropTypes.oneOf(['_blank', '_self']),
+  text: PropTypes.string,
+  url: PropTypes.string,
+  urlData: PropTypes.string,
+  urlName: PropTypes.string,
+  customProps: PropTypes.shape({
+    TicketIdProps: PropTypes.object,
+    LinkProps: PropTypes.object
+  })
+};
+export const Website_propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  href: PropTypes.string,
+  isLink: PropTypes.bool,
+  target: PropTypes.string,
+  text: PropTypes.string,
+  title: PropTypes.string
+};

package/es/v1/list/SecondryPanel/SecondryPanel.js

@@ -1,7 +1,7 @@
 /**** Libraries ****/
 import React from 'react';
-import { SecondryPanel_defaultProps, SecondryPanelUL_defaultProps, SecondryPanelLI_defaultProps, SecondryPanelItem_defaultProps } from '../../../list/SecondryPanel/props/defaultProps';
-import { SecondryPanel_propTypes, SecondryPanelUL_propTypes, SecondryPanelLI_propTypes, SecondryPanelItem_propTypes } from '../../../list/SecondryPanel/props/propTypes';
+import { SecondryPanel_defaultProps, SecondryPanelUL_defaultProps, SecondryPanelLI_defaultProps, SecondryPanelItem_defaultProps } from './props/defaultProps';
+import { SecondryPanel_propTypes, SecondryPanelUL_propTypes, SecondryPanelLI_propTypes, SecondryPanelItem_propTypes } from './props/propTypes';
 /**** Components ****/
 
 import { Box, Container } from '@zohodesk/components/es/v1/Layout';

package/es/v1/list/SecondryPanel/props/defaultProps.js

@@ -0,0 +1,18 @@
+export const SecondryPanel_defaultProps = {
+  className: ''
+};
+export const SecondryPanelUL_defaultProps = {
+  className: '',
+  align: 'baseline'
+};
+export const SecondryPanelLI_defaultProps = {
+  isShrink: true,
+  className: ''
+};
+export const SecondryPanelItem_defaultProps = {
+  clipped: true,
+  dotSpacingType: 'list',
+  flex: true,
+  isDot: true,
+  className: ''
+};

package/es/v1/list/SecondryPanel/props/propTypes.js

@@ -0,0 +1,27 @@
+import PropTypes from 'prop-types';
+export const SecondryPanel_propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string
+};
+export const SecondryPanelUL_propTypes = {
+  align: PropTypes.string,
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string
+};
+export const SecondryPanelLI_propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isShrink: PropTypes.bool
+};
+export const SecondryPanelItem_propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  clipped: PropTypes.bool,
+  dotClass: PropTypes.string,
+  dotSpacingType: PropTypes.oneOf(['minimalList', 'list']),
+  flex: PropTypes.bool,
+  isDot: PropTypes.bool,
+  title: PropTypes.string
+};

package/es/v1/list/SentimentStatus/SentimentStatus.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { propTypes } from '../../../list/SentimentStatus/props/propTypes';
+import { propTypes } from './props/propTypes';
 import style from '../../../list/SentimentStatus/SentimentStatus.module.css';
 import { Icon } from '@zohodesk/icons';
 export default function SentimentStatus(props) {

package/es/v1/list/SentimentStatus/props/propTypes.js

@@ -0,0 +1,5 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataTitle: PropTypes.string,
+  type: PropTypes.oneOf(['neutral', 'negative', 'positive'])
+};

package/es/v1/list/Subject/Subject.js

@@ -1,8 +1,8 @@
 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 '../../../list/Subject/props/defaultProps';
-import { propTypes } from '../../../list/Subject/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Link from '../../Link/Link';
 import style from '../../../list/Subject/Subject.module.css';
 export default class Subject extends Component {

package/es/v1/list/Subject/props/defaultProps.js

@@ -0,0 +1,7 @@
+export const defaultProps = {
+  isLink: false,
+  fontWeight: 'regular',
+  className: '',
+  isDotted: true,
+  customProps: {}
+};

package/es/v1/list/Subject/props/propTypes.js

@@ -0,0 +1,19 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
+  href: PropTypes.string,
+  isLink: PropTypes.bool,
+  onClick: PropTypes.func,
+  target: PropTypes.oneOf(['_blank', '_self']),
+  text: PropTypes.string,
+  urlData: PropTypes.object,
+  urlName: PropTypes.string,
+  isDotted: PropTypes.bool,
+  children: PropTypes.node,
+  customProps: PropTypes.shape({
+    LinkProps: PropTypes.object,
+    TextProps: PropTypes.object
+  })
+};

package/es/v1/list/TagNew/TagNew.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import { defaultProps } from '../../../list/TagNew/props/defaultProps';
-import { propTypes } from '../../../list/TagNew/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import style from '../../../list/TagNew/TagNew.module.css';
 export default class TagNew extends Component {
   constructor(props) {

package/es/v1/list/TagNew/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  animate: false,
+  dataId: 'TagNew'
+};

package/es/v1/list/TagNew/props/propTypes.js

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  animate: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  onClick: PropTypes.func,
+  text: PropTypes.string
+};

package/es/v1/list/Thread/Thread.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import { defaultProps } from '../../../list/Thread/props/defaultProps';
-import { propTypes } from '../../../list/Thread/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import Button from '@zohodesk/components/es/v1/semantic/Button/Button';
 import style from '../../../list/Thread/Thread.module.css';

package/es/v1/list/Thread/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  align: 'left',
+  className: ''
+};

package/es/v1/list/Thread/props/propTypes.js

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  align: PropTypes.oneOf(['left', 'right']),
+  className: PropTypes.string,
+  count: PropTypes.string,
+  dataId: PropTypes.string,
+  iconTitle: PropTypes.string
+};

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

@@ -1,7 +1,7 @@
 import React, { useState, useRef } from 'react';
 import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
-import { defaultProps } from '../../../../list/status/StatusDropdown/props/defaultProps';
-import { propTypes } from '../../../../list/status/StatusDropdown/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import Popup from '@zohodesk/components/es/v1/Popup/Popup';
 import { Box, Container } from '@zohodesk/components/es/v1/Layout';

package/es/v1/list/status/StatusDropdown/props/defaultProps.js

@@ -0,0 +1,19 @@
+export const defaultProps = {
+  keyName: 'name',
+  idName: 'key',
+  isArrow: false,
+  searchBoxSize: 'small',
+  isDisabled: false,
+  showIconOnHover: false,
+  isReadOnly: false,
+  isEditable: true,
+  isDataLoaded: true,
+  needTick: true,
+  targetAlign: 'vertical',
+  needResponsive: true,
+  arrowIconPosition: 'default',
+  boxSize: 'medium',
+  needExternalPopupState: false,
+  statusColor: 'statusColor',
+  needMultiLineText: false
+};

package/es/v1/list/status/StatusDropdown/props/propTypes.js

@@ -0,0 +1,54 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  activeStyle: PropTypes.string,
+  arrowIconPosition: PropTypes.oneOf(['default', 'overlay']),
+  bottom: PropTypes.number,
+  boxPosition: PropTypes.oneOf(['bottomRight', 'bottomLeft', 'bottomCenter', 'topRight', 'topLeft', 'topCenter', 'rightTop', 'rightBottom', 'rightCenter', 'leftTop', 'leftBottom', 'leftCenter']),
+  boxSize: PropTypes.oneOf(['small', 'medium', 'mlarge', 'large']),
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  getContainerRef: PropTypes.func,
+  getNextOptions: PropTypes.func,
+  getTargetRef: PropTypes.func,
+  hoverStyle: PropTypes.string,
+  idName: PropTypes.string,
+  isArrow: PropTypes.bool,
+  isDataLoaded: PropTypes.bool,
+  isDataLoaded: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isEditable: PropTypes.bool,
+  isNextOptions: PropTypes.bool,
+  isPopupActive: PropTypes.bool,
+  isPopupOpen: PropTypes.bool,
+  isPopupReady: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  isSearch: PropTypes.bool,
+  keyName: PropTypes.string,
+  left: PropTypes.number,
+  needExternalPopupState: PropTypes.bool,
+  needResponsive: PropTypes.bool,
+  needTick: PropTypes.bool,
+  onClick: PropTypes.func,
+  onTogglePopup: PropTypes.func,
+  options: PropTypes.array.isRequired,
+  placeHolderText: PropTypes.string,
+  position: PropTypes.string,
+  removeClose: PropTypes.func,
+  right: PropTypes.number,
+  searchBoxSize: PropTypes.oneOf(['small', 'medium', 'xmedium']),
+  searchEmptyHint: PropTypes.string,
+  searchErrorText: PropTypes.string,
+  showIconOnHover: PropTypes.bool,
+  showOnHover: PropTypes.bool,
+  statusColor: PropTypes.string,
+  targetAlign: PropTypes.oneOf(['vertical', 'horizontal', 'both', 'top', 'right', 'bottom', 'left', 'between', 'around']),
+  title: PropTypes.string,
+  togglePopup: PropTypes.func,
+  value: PropTypes.node,
+  needMultiLineText: PropTypes.bool,
+  onSelectLabel: PropTypes.func,
+  top: PropTypes.number,
+  a11y: PropTypes.object
+};

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

@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React, { useRef } from 'react';
-import { defaultProps } from '../../../../list/status/StatusListItem/props/defaultProps';
-import { propTypes } from '../../../../list/status/StatusListItem/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 /**** Components ****/
 

package/es/v1/list/status/StatusListItem/props/defaultProps.js

@@ -0,0 +1,15 @@
+export const defaultProps = {
+  active: false,
+  autoHover: false,
+  highlight: false,
+  id: '',
+  needTick: false,
+  palette: 'default',
+  size: 'medium',
+  isLink: false,
+  target: 'blank',
+  needBorder: true,
+  bulletColor: 'black',
+  a11y: {},
+  needMultiLineText: false
+};

package/es/v1/list/status/StatusListItem/props/propTypes.js

@@ -0,0 +1,29 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  active: PropTypes.bool,
+  autoHover: PropTypes.bool,
+  bulletColor: PropTypes.oneOf(['black', 'orange', 'green']),
+  disableTitle: PropTypes.string,
+  getRef: PropTypes.func,
+  highlight: PropTypes.bool,
+  href: PropTypes.string,
+  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  index: PropTypes.number,
+  isDisabled: PropTypes.bool,
+  isLink: PropTypes.bool,
+  needBorder: PropTypes.bool,
+  needTick: PropTypes.bool,
+  onClick: PropTypes.func,
+  onMouseEnter: PropTypes.func,
+  palette: PropTypes.oneOf(['default', 'primary', 'secondary']),
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  target: PropTypes.oneOf(['blank', 'self']),
+  title: PropTypes.string,
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  needMultiLineText: PropTypes.bool,
+  a11y: PropTypes.shape({
+    role: PropTypes.string,
+    ariaSelected: PropTypes.bool,
+    ariaHidden: PropTypes.bool
+  })
+};

package/es/v1/lookup/EmptyPage/EmptyPage.js

@@ -1,7 +1,7 @@
 /*** Libraries ***/
 import React from 'react';
-import { defaultProps } from '../../../lookup/EmptyPage/props/defaultProps';
-import { propTypes } from '../../../lookup/EmptyPage/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
 import EmptyAccounts from '@zohodesk/svg/lib/emptystate/version3/EmptyAccounts';
 import EmptyContact from '@zohodesk/svg/lib/emptystate/version3/EmptyContact';

package/es/v1/lookup/EmptyPage/props/defaultProps.js

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

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

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

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

@@ -1,8 +1,8 @@
 /*** Libraries ***/
 import React, { useRef, useCallback, useEffect } from 'react';
 import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
-import { defaultProps } from '../../../lookup/Lookup/props/defaultProps';
-import { propTypes } from '../../../lookup/Lookup/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /*** Components ***/
 
 import FreezeLayer from '../../../FreezeLayer/FreezeLayer';
@@ -28,7 +28,8 @@ export default function Lookup(props) {
     onClose,
     needFocusScope,
     customProps,
-    onKeyDown
+    onKeyDown,
+    isFlexWrapper
   } = props;
   const {
     role = 'dialog',
@@ -76,7 +77,13 @@ export default function Lookup(props) {
     className: `${style.box} ${style[`${size}Size`]}`,
     "data-id": dataId,
     "data-test-id": dataId
-  }, children);
+  }, isFlexWrapper ? /*#__PURE__*/React.createElement(Container, {
+    "data-drag-container": "true",
+    isCover: false,
+    className: `${style.wrapper}`
+  }, children) : /*#__PURE__*/React.createElement("div", {
+    "data-drag-container": "true"
+  }, children));
   return /*#__PURE__*/React.createElement(FreezeLayer, {
     align: "horizontal",
     animationName: "fade",

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

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

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

@@ -0,0 +1,23 @@
+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', '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,
+  isFlexWrapper: PropTypes.bool
+};

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { propTypes } from '../../../lookup/Section/props/propTypes';
+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) {
@@ -9,7 +9,6 @@ export default function Section(props) {
     children
   } = props;
   return /*#__PURE__*/React.createElement(Container, {
-    "data-drag-container": "true",
     alignBox: alignBox,
     className: `${style.section} ${className ? className : ''}`
   }, /*#__PURE__*/React.createElement(Box, {

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

@@ -0,0 +1,6 @@
+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,7 +1,7 @@
 /*** Libraries ***/
 import React, { memo } from 'react';
-import { defaultProps } from '../../../../lookup/header/Close/props/defaultProps';
-import { propTypes } from '../../../../lookup/header/Close/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /*** FontIcons ***/
 
 import IconButton from './../../../IconButton/IconButton';

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

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

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

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