@zohodesk/dot 1.2.4 → 1.3.0-temp-158

package/es/v1/errorstate/NoRequestFound/NoRequestFound.js

@@ -1,84 +0,0 @@
-import React from 'react';
-import { defaultProps } from '../../../errorstate/NoRequestFound/props/defaultProps';
-import { propTypes } from '../../../errorstate/NoRequestFound/props/propTypes';
-import commonStyle from '../../../errorstate/EmptyStates.module.css';
-import NoRequestFoundSVG from '@zohodesk/svg/lib/errorstate/version1/NoRequestFound';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import LinkText from '../LinkText/LinkText';
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import style from '../../../errorstate/NoRequestFound/NoRequestFound.module.css';
-export default class NoRequestFound extends React.Component {
-  constructor(props) {
-    super(props);
-    this.responsiveFunc = this.responsiveFunc.bind(this);
-  }
-
-  responsiveFunc(_ref) {
-    let {
-      mediaQueryOR
-    } = _ref;
-    return {
-      tablet: mediaQueryOR([{
-        minWidth: 481,
-        maxWidth: 768
-      }]),
-      uptoMobile: mediaQueryOR([{
-        maxWidth: 480
-      }])
-    };
-  }
-
-  render() {
-    let {
-      title,
-      subtitle,
-      description,
-      urlText,
-      url,
-      onClick,
-      dataId,
-      customClass
-    } = this.props;
-    return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
-      query: this.responsiveFunc
-    }, _ref2 => {
-      let {
-        tablet,
-        uptoMobile
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(Container, {
-        className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
-        dataId: dataId,
-        scroll: "vertical"
-      }, /*#__PURE__*/React.createElement(Box, {
-        className: commonStyle.top
-      }, title ? /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
-      }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
-      }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
-        className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
-      }, /*#__PURE__*/React.createElement(NoRequestFoundSVG, {
-        isFluid: true,
-        dataId: `${dataId}_svg`
-      })), /*#__PURE__*/React.createElement(Box, {
-        className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
-      }, /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
-      }, description), /*#__PURE__*/React.createElement(LinkText, {
-        text: urlText,
-        href: url,
-        onClick: onClick,
-        dataId: `${dataId}_link`,
-        customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
-      })));
-    });
-  }
-
-}
-NoRequestFound.propTypes = propTypes;
-NoRequestFound.defaultProps = defaultProps; // if (__DOCS__) {
-//   NoRequestFound.docs = {
-//     componentGroup: 'errorStates'
-//   };
-// }

package/es/v1/errorstate/PermissionPlay/PermissionPlay.js

@@ -1,83 +0,0 @@
-import React from 'react';
-import { defaultProps } from '../../../errorstate/PermissionPlay/props/defaultProps';
-import { propTypes } from '../../../errorstate/PermissionPlay/props/propTypes';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import LinkText from '../LinkText/LinkText';
-import UnauthorizedLoginSVG from '@zohodesk/svg/lib/errorstate/version1/UnauthorizedLogin';
-import commonStyle from '../../../errorstate/EmptyStates.module.css';
-import style from '../../../errorstate/PermissionPlay/PermissionPlay.module.css';
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-export default class PermissionPlay extends React.Component {
-  constructor(props) {
-    super(props);
-    this.responsiveFunc = this.responsiveFunc.bind(this);
-  }
-
-  responsiveFunc(_ref) {
-    let {
-      mediaQueryOR
-    } = _ref;
-    return {
-      tablet: mediaQueryOR([{
-        minWidth: 481,
-        maxWidth: 768
-      }]),
-      uptoMobile: mediaQueryOR([{
-        maxWidth: 480
-      }])
-    };
-  }
-
-  render() {
-    let {
-      subtitle,
-      title,
-      description,
-      urlText,
-      url,
-      onClick,
-      dataId,
-      customClass
-    } = this.props;
-    return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
-      query: this.responsiveFunc
-    }, _ref2 => {
-      let {
-        tablet,
-        uptoMobile
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(Container, {
-        className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
-        dataId: dataId,
-        scroll: "vertical"
-      }, /*#__PURE__*/React.createElement(Box, {
-        className: commonStyle.top
-      }, title ? /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
-      }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
-      }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
-        className: uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer
-      }, /*#__PURE__*/React.createElement(UnauthorizedLoginSVG, {
-        isFluid: true,
-        dataId: `${dataId}_svg`
-      })), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("div", {
-        className: `${style.lastBox} ${tablet || uptoMobile ? style.max : style.min}`
-      }, /*#__PURE__*/React.createElement("span", null, description), /*#__PURE__*/React.createElement("span", {
-        className: style.lineText
-      }, /*#__PURE__*/React.createElement(LinkText, {
-        text: urlText,
-        href: url,
-        onClick: onClick,
-        dataId: `${dataId}_link`
-      })))));
-    });
-  }
-
-}
-PermissionPlay.propTypes = propTypes;
-PermissionPlay.defaultProps = defaultProps; // if (__DOCS__) {
-//   PermissionPlay.docs = {
-//     componentGroup: 'errorStates'
-//   };
-// }

package/es/v1/errorstate/RequestUrlNotFound/RequestUrlNotFound.js

@@ -1,84 +0,0 @@
-import React from 'react';
-import { defaultProps } from '../../../errorstate/RequestUrlNotFound/props/defaultProps';
-import { propTypes } from '../../../errorstate/RequestUrlNotFound/props/propTypes';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import UrlNotFound from '@zohodesk/svg/lib/errorstate/version1/UrlNotFound';
-import LinkText from '../LinkText/LinkText';
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import commonStyle from '../../../errorstate/EmptyStates.module.css';
-import style from '../../../errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css';
-export default class RequestUrlNotFound extends React.Component {
-  constructor(props) {
-    super(props);
-    this.responsiveFunc = this.responsiveFunc.bind(this);
-  }
-
-  responsiveFunc(_ref) {
-    let {
-      mediaQueryOR
-    } = _ref;
-    return {
-      tablet: mediaQueryOR([{
-        minWidth: 481,
-        maxWidth: 768
-      }]),
-      uptoMobile: mediaQueryOR([{
-        maxWidth: 480
-      }])
-    };
-  }
-
-  render() {
-    let {
-      title,
-      subtitle,
-      description,
-      urlText,
-      url,
-      onClick,
-      dataId,
-      customClass
-    } = this.props;
-    return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
-      query: this.responsiveFunc
-    }, _ref2 => {
-      let {
-        tablet,
-        uptoMobile
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(Container, {
-        className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
-        dataId: dataId,
-        scroll: "vertical"
-      }, /*#__PURE__*/React.createElement(Box, {
-        className: commonStyle.top
-      }, title ? /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
-      }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
-      }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
-        className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
-      }, /*#__PURE__*/React.createElement(UrlNotFound, {
-        isFluid: true,
-        dataId: `${dataId}_svg`
-      })), /*#__PURE__*/React.createElement(Box, {
-        className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
-      }, /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
-      }, description), /*#__PURE__*/React.createElement(LinkText, {
-        text: urlText,
-        href: url,
-        onClick: onClick,
-        dataId: `${dataId}_link`,
-        customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
-      })));
-    });
-  }
-
-}
-RequestUrlNotFound.propTypes = propTypes;
-RequestUrlNotFound.defaultProps = defaultProps; // if (__DOCS__) {
-//   RequestUrlNotFound.docs = {
-//     componentGroup: 'errorStates'
-//   };
-// }

package/es/v1/errorstate/UnableToProcess/UnableToProcess.js

@@ -1,86 +0,0 @@
-import React from 'react';
-import { defaultProps } from '../../../errorstate/UnableToProcess/props/defaultProps';
-import { propTypes } from '../../../errorstate/UnableToProcess/props/propTypes';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import LinkText from '../LinkText/LinkText';
-import UnableToProcessRequest from '@zohodesk/svg/lib/errorstate/version1/UnableToProcessRequest';
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import commonStyle from '../../../errorstate/EmptyStates.module.css';
-import style from '../../../errorstate/UnableToProcess/UnableToProcess.module.css';
-export default class UnableToProcess extends React.Component {
-  constructor(props) {
-    super(props);
-    this.responsiveFunc = this.responsiveFunc.bind(this);
-  }
-
-  responsiveFunc(_ref) {
-    let {
-      mediaQueryOR
-    } = _ref;
-    return {
-      tablet: mediaQueryOR([{
-        minWidth: 481,
-        maxWidth: 768
-      }]),
-      uptoMobile: mediaQueryOR([{
-        maxWidth: 480
-      }])
-    };
-  }
-
-  render() {
-    let {
-      title,
-      subtitle,
-      description,
-      urlText,
-      url,
-      onClick,
-      dataId,
-      customClass
-    } = this.props;
-    return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
-      query: this.responsiveFunc
-    }, _ref2 => {
-      let {
-        tablet,
-        uptoMobile
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(Container, {
-        className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
-        dataId: dataId,
-        scroll: "vertical"
-      }, /*#__PURE__*/React.createElement(Box, {
-        className: commonStyle.top
-      }, title ? /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
-      }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
-      }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
-        className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : commonStyle.tabletImageContainer}`
-      }, /*#__PURE__*/React.createElement(UnableToProcessRequest, {
-        isFluid: true,
-        dataId: `${dataId}_svg`
-      })), /*#__PURE__*/React.createElement(Box, {
-        className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
-      }, /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
-      }, description), /*#__PURE__*/React.createElement(LinkText, {
-        text: urlText,
-        href: url,
-        onClick: onClick,
-        dataId: `${dataId}_link`,
-        customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
-      })));
-    });
-  }
-
-}
-UnableToProcess.propTypes = propTypes;
-UnableToProcess.defaultProps = defaultProps;
-
-if (false) {
-  UnableToProcess.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/es/v1/errorstate/WillBack/WillBack.js

@@ -1,75 +0,0 @@
-import React from 'react';
-import { defaultProps } from '../../../errorstate/WillBack/props/defaultProps';
-import { propTypes } from '../../../errorstate/WillBack/props/propTypes';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import WillBeRightBack from '@zohodesk/svg/lib/errorstate/version1/WillBeRightBack';
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import commonStyle from '../../../errorstate/EmptyStates.module.css';
-import style from '../../../errorstate/WillBack/WillBack.module.css';
-export default class WillBack extends React.Component {
-  constructor(props) {
-    super(props);
-    this.responsiveFunc = this.responsiveFunc.bind(this);
-  }
-
-  responsiveFunc(_ref) {
-    let {
-      mediaQueryOR
-    } = _ref;
-    return {
-      tablet: mediaQueryOR([{
-        minWidth: 481,
-        maxWidth: 768
-      }]),
-      uptoMobile: mediaQueryOR([{
-        maxWidth: 480
-      }])
-    };
-  }
-
-  render() {
-    let {
-      dataId,
-      customClass
-    } = this.props;
-    return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
-      query: this.responsiveFunc
-    }, _ref2 => {
-      let {
-        tablet,
-        uptoMobile
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(Container, {
-        className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
-        dataId: dataId,
-        scroll: "vertical"
-      }, /*#__PURE__*/React.createElement(Box, {
-        className: commonStyle.top
-      }, /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile || tablet ? '' : `${commonStyle.header} ${style.header} `
-      }, /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile ? style.mobileTitle : tablet ? style.tabletTitle : style.title
-      }, "We'll be right back !"))), /*#__PURE__*/React.createElement(Box, {
-        className: uptoMobile ? style.mobileImageContainer : tablet ? style.tabletImageContainer : style.imageContainer
-      }, /*#__PURE__*/React.createElement(WillBeRightBack, {
-        isFluid: true,
-        dataId: `${dataId}_svg`
-      })), /*#__PURE__*/React.createElement(Box, {
-        className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
-      }, /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
-      }, "Our Service is temporarity unavailable. We are currently working to restore it."), /*#__PURE__*/React.createElement("div", {
-        className: `${uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText} ${style.bottomSpace} `
-      }, "Please try again later or report this issue"), /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
-      }, "2013, Zoho Corp, All rights reserved.")));
-    });
-  }
-
-}
-WillBack.propTypes = propTypes;
-WillBack.defaultProps = defaultProps; // if (__DOCS__) {
-//   WillBack.docs = {
-//     componentGroup: 'errorStates'
-//   };
-// }

package/es/v1/errorstate/index.js

@@ -1,8 +0,0 @@
-export { default as Inconvenience } from './Inconvenience/Inconvenience';
-export { default as LinkText } from './LinkText/LinkText';
-export { default as NoRequestFound } from './NoRequestFound/NoRequestFound';
-export { default as PermissionPlay } from './PermissionPlay/PermissionPlay';
-export { default as RequestUrlNotFound } from './RequestUrlNotFound/RequestUrlNotFound';
-export { default as UnableToProcess } from './UnableToProcess/UnableToProcess';
-export { default as UnauthorizedLogin } from './UnauthorizedLogin/UnauthorizedLogin';
-export { default as WillBack } from './WillBack/WillBack';

package/es/v1/version2/errorstate/Inconvenience/Inconvenience.js

@@ -1,63 +0,0 @@
-import React from 'react';
-import { defaultProps } from '../../../../version2/errorstate/Inconvenience/props/defaultProps';
-import { propTypes } from '../../../../version2/errorstate/Inconvenience/props/propTypes';
-import { Container } from '@zohodesk/components/lib/Layout';
-import ErrorInconvenience from '@zohodesk/svg/lib/v1/errorstate/version3/ErrorInconvenience';
-import Button from '@zohodesk/components/lib/Button/Button';
-import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
-import style from '../../../../version2/errorstate/V2_ErrorStates.module.css';
-export default function Inconvenience(props) {
-  function errorInconvenience() {
-    return /*#__PURE__*/React.createElement(ErrorInconvenience, {
-      className: style.errorSvg
-    });
-  }
-
-  let {
-    title,
-    description,
-    isButtonNeeded,
-    className,
-    isFluid,
-    dataId,
-    buttonText,
-    onButtonClick,
-    urlText,
-    url,
-    onClick,
-    urlTarget,
-    size
-  } = props;
-  return /*#__PURE__*/React.createElement(Container, {
-    scroll: "vertical",
-    className: `${style.container} ${style[size]}`
-  }, /*#__PURE__*/React.createElement(CommonEmptyState, {
-    title: title,
-    description: description,
-    getEmptyState: errorInconvenience,
-    className: `${style.errorState} ${className}`,
-    isFluid: isFluid,
-    dataId: dataId,
-    linkUrl: url,
-    linkText: urlText,
-    onUrlClick: onClick,
-    linkTarget: urlTarget,
-    customClass: {
-      titleClass: style.title,
-      descriptionClass: style.desc
-    }
-  }, isButtonNeeded ? /*#__PURE__*/React.createElement(Button, {
-    palette: "primaryFilled",
-    text: buttonText,
-    customClass: {
-      customButton: style.errorBtn
-    },
-    onClick: onButtonClick
-  }) : null));
-}
-Inconvenience.propTypes = propTypes;
-Inconvenience.defaultProps = defaultProps; // if (__DOCS__) {
-//   Inconvenience.docs = {
-//     componentGroup: 'errorStates'
-//   };
-// }

package/es/v1/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js

@@ -1,65 +0,0 @@
-import React from 'react';
-import { defaultProps } from '../../../../version2/errorstate/UnauthorizedLogin/props/defaultProps';
-import { propTypes } from '../../../../version2/errorstate/UnauthorizedLogin/props/propTypes';
-import { Container } from '@zohodesk/components/lib/Layout';
-import ErrorUnauthorizedLogin from '@zohodesk/svg/lib/v1/errorstate/version3/ErrorUnauthorizedLogin';
-import Button from '@zohodesk/components/lib/Button/Button';
-import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
-import style from '../../../../version2/errorstate/V2_ErrorStates.module.css';
-export default function UnauthorizedLogin(props) {
-  function errorUnauthorizedLogin() {
-    return /*#__PURE__*/React.createElement(ErrorUnauthorizedLogin, {
-      className: style.errorSvg
-    });
-  }
-
-  let {
-    title,
-    description,
-    isButtonNeeded,
-    className,
-    isFluid,
-    dataId,
-    buttonText,
-    buttonPalette,
-    onButtonClick,
-    urlText,
-    url,
-    onClick,
-    urlTarget,
-    size
-  } = props;
-  return /*#__PURE__*/React.createElement(Container, {
-    scroll: "vertical",
-    className: `${style.container} ${style[size]}`
-  }, /*#__PURE__*/React.createElement(CommonEmptyState, {
-    title: title,
-    description: description,
-    getEmptyState: errorUnauthorizedLogin,
-    className: `${style.errorState} ${className}`,
-    isFluid: isFluid,
-    dataId: dataId,
-    linkUrl: url,
-    linkText: urlText,
-    onUrlClick: onClick,
-    linkTarget: urlTarget,
-    customClass: {
-      titleClass: style.title,
-      descriptionClass: style.desc
-    }
-  }, isButtonNeeded ? /*#__PURE__*/React.createElement(Button, {
-    palette: buttonPalette,
-    text: buttonText,
-    customClass: {
-      customButton: style.errorBtn
-    },
-    onClick: onButtonClick,
-    dataId: `${dataId}_button`
-  }) : null));
-}
-UnauthorizedLogin.propTypes = propTypes;
-UnauthorizedLogin.defaultProps = defaultProps; // if (__DOCS__) {
-//   UnauthorizedLogin.docs = {
-//     componentGroup: 'errorStates'
-//   };
-// }

package/es/v1/version2/index.js

@@ -1,12 +0,0 @@
-export { default as AlertClose } from './AlertClose/AlertClose';
-import * as _alertIcons from './alertIcons';
-export { _alertIcons as alertIcons };
-import * as _errorstate from './errorstate';
-export { _errorstate as errorstate };
-export { default as GlobalNotification } from './GlobalNotification/GlobalNotification';
-export { GlobalNotificationUI } from './GlobalNotification/GlobalNotification';
-export { GlobalNotificationNew } from './GlobalNotification/GlobalNotification';
-import * as _lookup from './lookup';
-export { _lookup as lookup };
-import * as _notification from './notification';
-export { _notification as notification };

package/es/v1/version2/lookup/AlertHeader/AlertHeader.js

@@ -1,79 +0,0 @@
-import React, { useRef } from 'react'; //AlertDependencies
-
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import AlertClose from '../../AlertClose/AlertClose';
-import AlertIcons from '../../alertIcons/AlertIcons'; //CSS
-
-import style from '../../../../version2/lookup/AlertHeader/css/AlertHeaderNew.module.css';
-import cssJSLogic from '../../../../version2/lookup/AlertHeader/css/cssJSLogic';
-import { mergeStyle } from '@zohodesk/utils'; //customHooks
-
-import useDragger from '../../../../Hooks/Dragger/useDragger'; //Props
-
-import defaultProps from '../../../../version2/lookup/AlertHeader/props/defaultProps';
-import propTypes from '../../../../version2/lookup/AlertHeader/props/propTypes';
-export default function AlertHeader(props) {
-  const {
-    title,
-    needIcon,
-    onClose,
-    closeTitle,
-    children,
-    breakChildren,
-    dataId,
-    type,
-    htmlId,
-    customStyle,
-    dragBoundaryLimit
-  } = props;
-  const finalStyle = mergeStyle(style, customStyle);
-  const {
-    alertHeaderContainerClass
-  } = cssJSLogic({
-    props,
-    style: finalStyle
-  });
-  const dragRef = useRef(null); //dragRef
-
-  useDragger({
-    isActive: true,
-    ChildRef: dragRef,
-    boundaryLimit: dragBoundaryLimit
-  }); //custom Hook
-
-  return /*#__PURE__*/React.createElement(Container, {
-    align: "vertical",
-    alignBox: "row",
-    className: `${alertHeaderContainerClass}`,
-    isCover: false,
-    wrap: "wrap",
-    "data-drag-hook": "true",
-    eleRef: dragRef
-  }, needIcon && /*#__PURE__*/React.createElement("div", {
-    className: finalStyle.iconContainer
-  }, /*#__PURE__*/React.createElement(AlertIcons, {
-    type: type
-  })), (title || children) && /*#__PURE__*/React.createElement(Box, {
-    flexible: true
-  }, /*#__PURE__*/React.createElement(Container, {
-    alignBox: "row",
-    wrap: breakChildren ? 'wrap' : null
-  }, title && /*#__PURE__*/React.createElement(Box, {
-    className: finalStyle.title,
-    shrink: true,
-    id: htmlId
-  }, title), children && /*#__PURE__*/React.createElement(Box, {
-    adjust: true,
-    flexible: true
-  }, children))), onClose && /*#__PURE__*/React.createElement(Box, {
-    className: style.close
-  }, /*#__PURE__*/React.createElement(AlertClose, {
-    onClose: onClose,
-    dataTitle: closeTitle,
-    dataId: `${dataId}_close`,
-    type: "light"
-  })));
-} //Props
-
-AlertHeader.propTypes = propTypes;
-AlertHeader.defaultProps = defaultProps;