@zohodesk/dot 1.2.4 → 1.3.0

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;

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

@@ -1,164 +0,0 @@
-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); }
-
-/**** Libraries ****/
-import React from 'react';
-import { defaultProps } from '../../../../version2/lookup/AlertLookup/props/defaultProps';
-import { propTypes } from '../../../../version2/lookup/AlertLookup/props/propTypes';
-/**** Components ****/
-
-import { useUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
-import Button from '@zohodesk/components/lib/Button/Button';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import Lookup from '../../../lookup/Lookup/Lookup';
-import AlertHeader from '../AlertHeader/AlertHeader';
-import Section from '../../../lookup/Section/Section';
-import FormAction from '../../../FormAction/FormAction';
-/**** CSS ****/
-
-import style from '../../../../version2/lookup/AlertLookup/AlertLookupNew.module.css';
-let buttonPaletteObject = {
-  success: {
-    buttonPalette: 'successFilled'
-  },
-  error: {
-    buttonPalette: 'dangerFilled'
-  },
-  danger: {
-    buttonPalette: 'dangerFilled'
-  },
-  warning: {
-    buttonPalette: 'dangerFilled'
-  },
-  info: {
-    buttonPalette: 'primaryFilled'
-  },
-  notification: {
-    buttonPalette: 'primaryFilled'
-  }
-};
-export default function AlertLookup(props) {
-  const getAriaId = useUniqueId();
-  let {
-    isActive,
-    size,
-    type = 'danger',
-    title,
-    message,
-    confirmationMessage,
-    submitText,
-    cancelText,
-    onSubmitClick,
-    onCancelClick,
-    children,
-    forwardRef,
-    onClose,
-    headerChildren,
-    wrapHeader,
-    dataId,
-    onLookupClick,
-    customClass = {},
-    needIcon,
-    a11y,
-    customProps,
-    align,
-    childAnimationName,
-    isHtmlContent,
-    scroll,
-    isDefaultFocus,
-    onEsc
-  } = props;
-  const {
-    LookupProps = {},
-    AlertHeaderProps = {},
-    PrimaryButtonProps = {},
-    SecondaryButtonProps = {}
-  } = customProps;
-  let {
-    containerClass = '',
-    sectionClass = ''
-  } = customClass;
-  let {
-    buttonPalette = 'dangerFilled'
-  } = buttonPaletteObject[type] || {};
-  let ariaMessageId = getAriaId();
-  let ariaConfirmMsgId = getAriaId();
-  let ariaTitleId = getAriaId();
-  let ariaLeaveButtonId = getAriaId();
-  let ariaStayButtonId = getAriaId();
-  a11y = {
-    ariaLabelledby: a11y && a11y.ariaLabelledby ? a11y.ariaLabelledby : ariaTitleId,
-    ariaDescribedby: a11y && a11y.ariaDescribedby ? a11y.ariaDescribedby : ariaMessageId + ' ' + ariaConfirmMsgId
-  };
-  return /*#__PURE__*/React.createElement(Lookup, _extends({
-    onClose: onEsc == 'close' ? onClose : onCancelClick,
-    needFocusScope: true,
-    isActive: isActive,
-    size: size,
-    dataId: dataId,
-    forwardRef: forwardRef,
-    onClick: onLookupClick,
-    customClass: containerClass,
-    a11y: a11y,
-    childAnimationName: childAnimationName
-  }, LookupProps), /*#__PURE__*/React.createElement(Container, {
-    alignBox: "row",
-    align: align,
-    wrap: "wrap"
-  }, /*#__PURE__*/React.createElement(Section, {
-    alignBox: "row",
-    className: style.section
-  }, /*#__PURE__*/React.createElement(Container, {
-    alignBox: "column"
-  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(AlertHeader, _extends({
-    htmlId: ariaTitleId,
-    title: title,
-    type: type,
-    needIcon: needIcon,
-    onClose: onClose,
-    breakChildren: wrapHeader
-  }, AlertHeaderProps), headerChildren ? headerChildren() : null)), /*#__PURE__*/React.createElement(Box, {
-    flexible: true
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${style.innerSection} ${style[`${scroll}Scroll`] ? style[`${scroll}Scroll`] : ''} ${sectionClass}`
-  }, children ? children : /*#__PURE__*/React.createElement(React.Fragment, null, isHtmlContent && message ? /*#__PURE__*/React.createElement("div", {
-    id: ariaMessageId,
-    dangerouslySetInnerHTML: {
-      __html: message
-    }
-  }) : /*#__PURE__*/React.createElement("div", {
-    id: ariaMessageId
-  }, message), confirmationMessage && /*#__PURE__*/React.createElement("div", {
-    id: ariaConfirmMsgId,
-    className: `${message ? style.confirmMsgText : ''}`
-  }, confirmationMessage)))), submitText || onSubmitClick || cancelText || onCancelClick ? /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("div", {
-    className: style.footer
-  }, /*#__PURE__*/React.createElement(FormAction, {
-    size: "small",
-    paddingLeftSize: "xmedium"
-  }, /*#__PURE__*/React.createElement(Button, _extends({
-    text: submitText,
-    dataId: dataId === 'alertPopup' ? 'alertConfirmButton' : `${dataId}_confirmButton`,
-    onClick: onSubmitClick,
-    palette: buttonPalette,
-    customProps: {
-      'data-a11y-autofocus': isDefaultFocus
-    }
-  }, PrimaryButtonProps, {
-    a11y: {
-      'aria-labelledby': ariaTitleId + ' ' + ariaMessageId + ' ' + ariaLeaveButtonId
-    },
-    id: ariaLeaveButtonId
-  })), cancelText && /*#__PURE__*/React.createElement(Button, _extends({
-    dataId: dataId === 'alertPopup' ? 'alertCancelButton' : `${dataId}_cancelButton`,
-    text: cancelText,
-    onClick: onCancelClick,
-    palette: "secondary"
-  }, SecondaryButtonProps, {
-    a11y: {
-      'aria-labelledby': ariaTitleId + ' ' + ariaMessageId + ' ' + ariaStayButtonId
-    },
-    id: ariaStayButtonId
-  }))))) : null))));
-}
-AlertLookup.propTypes = propTypes;
-AlertLookup.defaultProps = defaultProps;