@zohodesk/dot 1.0.0-temp-157 → 1.0.0-temp-159

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

@@ -4,17 +4,17 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /*** Libraries ***/
 import React, { useState } from 'react';
-import { SearchUI_defaultProps } from '../../../../lookup/header/Close/props/defaultProps';
-import { Search_propTypes, SearchUI_propTypes } from '../../../../lookup/header/Close/props/defaultProps';
+import { SearchUI_defaultProps } from '../../../../lookup/header/Search/props/defaultProps';
+import { Search_propTypes, SearchUI_propTypes } from '../../../../lookup/header/Search/props/propTypes';
 /** * Components ** */
 
-import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+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/lib/utils/debounce';
+import { debounce } from '@zohodesk/components/es/utils/debounce';
 import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
 /** * CSS ** */
 

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

@@ -8,7 +8,7 @@ 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/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 /*** CSS ***/
 
 import commonStyle from '../../../../lookup/header/lookupHeaderCommon.module.css';

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

@@ -0,0 +1,177 @@
+/**** Libraries ****/
+import React from 'react';
+import { defaultProps } from '../../../../lookup/header/ViewDropDown/props/defaultProps';
+import { propTypes } from '../../../../lookup/header/ViewDropDown/props/propTypes';
+/**** Components ****/
+
+import { SelectComponent } from '@zohodesk/components/es/v1/Select/Select';
+import Popup from '@zohodesk/components/es/v1/Popup/Popup';
+import ListItem from '@zohodesk/components/es/v1/ListItem/ListItem';
+import DropDownSearch from '@zohodesk/components/es/v1/DropDown/DropDownSearch';
+import { Card, CardHeader, CardContent } from '@zohodesk/components/es/v1/Card';
+import ResponsiveDropBox from '@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox';
+import { ResponsiveReceiver } from '@zohodesk/components/es/v1/Responsive/CustomResponsive';
+/**** Icons ****/
+
+import { Icon } from '@zohodesk/icons';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
+import Loader from '@zohodesk/svg/lib/Loader/Loader';
+import style from '../../../../lookup/header/ViewDropDown/ViewDropDown.module.css';
+/* eslint-disable react/forbid-component-props */
+
+/*eslint-disable  react/sort-prop-types*/
+
+class DropDown extends SelectComponent {
+  constructor(props) {
+    super(props);
+    this.onSearchKeyDown = this.onSearchKeyDown.bind(this);
+  }
+
+  onSearchKeyDown(e) {
+    const {
+      closePopupOnly
+    } = this.props;
+
+    if (e.keyCode === 27) {
+      closePopupOnly && closePopupOnly(e);
+    } else {
+      this.handleKeyDown(e);
+    }
+  }
+
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
+    return {
+      tabletMode: mediaQueryOR([{
+        maxWidth: 700
+      }])
+    };
+  }
+
+  render() {
+    var _this = this;
+
+    const {
+      needSearch,
+      dropBoxSize,
+      emptyMessage,
+      searchEmptyMessage,
+      position,
+      defaultDropBoxPosition,
+      getTargetRef,
+      getContainerRef,
+      isPopupOpen,
+      removeClose,
+      isPopupReady,
+      animationStyle,
+      searchBoxSize,
+      searchBoxVariant,
+      searchBoxPlaceHolder,
+      maxLength
+    } = this.props;
+    const {
+      hoverIndex,
+      selected,
+      searchStr,
+      isFetchingOptions,
+      selectedId
+    } = this.state;
+    const suggestions = this.handleFilterSuggestions();
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.container
+    }, /*#__PURE__*/React.createElement("div", {
+      onClick: this.togglePopup,
+      ref: getTargetRef
+    }, /*#__PURE__*/React.createElement("div", {
+      className: `${style.labelCnt} ${isPopupOpen ? style.focused : ''}`
+    }, /*#__PURE__*/React.createElement("span", {
+      className: style.labelText,
+      "data-title": selected
+    }, selected), /*#__PURE__*/React.createElement(Icon, {
+      name: "ZD-down",
+      size: "7",
+      iconClass: style.arrowIcon
+    }))), isPopupOpen ? /*#__PURE__*/React.createElement(ResponsiveReceiver, {
+      query: this.responsiveFunc,
+      responsiveId: "Helmet"
+    }, _ref2 => {
+      let {
+        tabletMode
+      } = _ref2;
+      return /*#__PURE__*/React.createElement(ResponsiveDropBox, {
+        isAnimate: true,
+        isArrow: false,
+        isActive: isPopupReady,
+        boxPosition: position || `${defaultDropBoxPosition}Center`,
+        getRef: getContainerRef,
+        onClick: removeClose,
+        animationStyle: animationStyle,
+        size: "large",
+        alignBox: "row",
+        isResponsivePadding: true
+      }, /*#__PURE__*/React.createElement(Box, {
+        flexible: true
+      }, /*#__PURE__*/React.createElement(Card, null, needSearch ? /*#__PURE__*/React.createElement(CardHeader, null, /*#__PURE__*/React.createElement(DropDownSearch, {
+        value: searchStr,
+        onChange: this.handleSearch,
+        onKeyDown: this.onSearchKeyDown,
+        getRef: this.searchInputRef,
+        size: searchBoxSize,
+        variant: searchBoxVariant,
+        placeHolder: searchBoxPlaceHolder,
+        maxLength: maxLength
+      })) : null, /*#__PURE__*/React.createElement(CardContent, {
+        shrink: true,
+        eleRef: this.suggestionContainerRef,
+        customClass: !tabletMode && dropBoxSize ? style[dropBoxSize] : ''
+      }, suggestions.length ? /*#__PURE__*/React.createElement("div", {
+        className: style.listItemContainer
+      }, suggestions.map(function () {
+        let option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        let index = arguments.length > 1 ? arguments[1] : undefined;
+        const {
+          id,
+          value
+        } = option;
+        return /*#__PURE__*/React.createElement(ListItem, {
+          active: id === selectedId,
+          getRef: _this.suggestionItemRef,
+          highlight: hoverIndex === index ? true : false,
+          id: id,
+          key: `${id}dropDown`,
+          onClick: _this.handleChange,
+          onMouseEnter: _this.handleMouseEnter,
+          size: "medium",
+          value: value,
+          index: index,
+          needTick: true,
+          needBorder: false
+        });
+      })) : isFetchingOptions ? /*#__PURE__*/React.createElement(Container, {
+        align: "both",
+        className: style.loader
+      }, /*#__PURE__*/React.createElement(Loader, null)) : searchStr ? /*#__PURE__*/React.createElement("div", {
+        className: style.emptyState
+      }, searchEmptyMessage || emptyMessage) : /*#__PURE__*/React.createElement("div", {
+        className: style.emptyState
+      }, emptyMessage)))));
+    }) : null);
+  }
+
+}
+
+DropDown.propTypes = propTypes;
+DropDown.defaultProps = defaultProps;
+const ViewDropDown = Popup(DropDown);
+ViewDropDown.defaultProps = DropDown.defaultProps;
+ViewDropDown.propTypes = DropDown.propTypes; // if (__DOCS__) {
+//   DropDown.docs = {
+//     componentGroup: 'Lookup'
+//   };
+//   // eslint-disable-next-line react/forbid-foreign-prop-types
+//   ViewDropDown.propTypes = DropDown.propTypes;
+// }
+
+export default ViewDropDown;

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

@@ -0,0 +1,5 @@
+export { default as Close } from './Close/Close';
+export { default as ModuleHeader } from './ModuleHeader/ModuleHeader';
+export { default as Search } from './Search/Search';
+export { default as TicketHeader } from './TicketHeader/TicketHeader';
+export { default as ViewDropDown } from './ViewDropDown/ViewDropDown';

package/es/v1/notification/DesktopNotification/DesktopNotification.js

@@ -0,0 +1,164 @@
+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, { useState } from 'react';
+import { defaultProps } from '../../../version2/notification/DesktopNotification/props/defaultProps';
+import { propTypes, DesktopNotificationUI_propTypes } from '../../../version2/notification/DesktopNotification/props/propTypes';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
+import { useZIndex } from '@zohodesk/components/es/v1/Provider/ZindexProvider';
+import AutoClose from '../../../actions/AutoClose';
+import Button from '@zohodesk/components/es/v1/Button/Button';
+import FormAction from '../../../FormAction/FormAction';
+import DesktopNotificationHeader from '../DesktopNotificationHeader/DesktopNotificationHeader';
+import style from '../../../version2/notification/DesktopNotification/DesktopNotification.module.css';
+let buttonPaletteObject = {
+  success: {
+    buttonPalette: 'successFilled'
+  },
+  error: {
+    buttonPalette: 'dangerFilled'
+  },
+  danger: {
+    buttonPalette: 'dangerFilled'
+  },
+  warning: {
+    buttonPalette: 'dangerFilled'
+  },
+  info: {
+    buttonPalette: 'primaryFilled'
+  },
+  notification: {
+    buttonPalette: 'primaryFilled'
+  }
+};
+export function DesktopNotificationUI(props) {
+  let {
+    type = '',
+    submitText,
+    cancelText,
+    submitType,
+    isMore,
+    message,
+    isAnimate,
+    getBottomContainer,
+    getSubmitContainer,
+    onSubmit,
+    onCancel,
+    dataId,
+    dataSelectorId,
+    isClose,
+    needAutoZindex,
+    title,
+    subTitle,
+    needIcon,
+    info,
+    secondaryInfo,
+    titleVariant,
+    getSectionContainer,
+    isShrinkView,
+    size,
+    onClose,
+    needClose,
+    customClass = {},
+    i18nKeys = {},
+    customProps
+  } = props;
+  let {
+    closeTitle = 'Close'
+  } = i18nKeys;
+  let {
+    containerClass
+  } = customClass;
+  let {
+    buttonPalette = 'dangerFilled'
+  } = buttonPaletteObject[type] || {};
+  let {
+    ExtraProps = {}
+  } = customProps;
+
+  function onClickSubmit(e) {
+    onSubmit && onSubmit();
+  }
+
+  function onClickCancel(e) {
+    onCancel && onCancel();
+  }
+
+  let animateClass = isClose ? style.rightanimate : style.leftanimate;
+  let animateRemoveClass = isClose ? style.rightanimate : style.leftnoanimate;
+  let getNextIndex = useZIndex();
+  let Zindex = isAnimate ? getNextIndex() : null;
+  let uiVariantOne = title && (info || secondaryInfo);
+  let uiVariantTwo = title && !(info || secondaryInfo) && !getSectionContainer;
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.parentElement,
+    style: needAutoZindex && isAnimate ? {
+      zIndex: `${Zindex}`
+    } : {},
+    "data-selector-id": dataSelectorId
+  }, /*#__PURE__*/React.createElement(Container, _extends({
+    className: `${style.container} ${isAnimate ? animateClass : animateRemoveClass} ${style[`${size}`] ? style[`${size}`] : ''} ${isShrinkView ? style.globalNotify : ''} ${containerClass}`,
+    isCover: false,
+    dataId: dataId,
+    isInline: uiVariantTwo
+  }, ExtraProps), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(DesktopNotificationHeader, {
+    type: type,
+    title: title,
+    variant: titleVariant,
+    needIcon: needIcon,
+    onClose: onClose,
+    closeTitle: closeTitle,
+    dataId: `${dataId}_close`,
+    needClose: needClose
+  })), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Container, {
+    alignBox: "column"
+  }, uiVariantOne && /*#__PURE__*/React.createElement(Box, {
+    flexible: true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${style.section} ${style.infoText}`
+  }, subTitle && /*#__PURE__*/React.createElement("div", {
+    className: `${style.subTitle} ${info || secondaryInfo ? style.subTitleMargin : ''}`
+  }, subTitle), info && /*#__PURE__*/React.createElement("div", null, info), secondaryInfo && /*#__PURE__*/React.createElement("div", {
+    className: `${info ? style.secondaryInfo : ''}`
+  }, secondaryInfo))), getSectionContainer && /*#__PURE__*/React.createElement(Box, {
+    flexible: true
+  }, getSectionContainer()), submitText || cancelText ? /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("div", {
+    className: style.footer
+  }, isMore ? /*#__PURE__*/React.createElement("div", {
+    className: `${style.message}`
+  }, message) : null, /*#__PURE__*/React.createElement(FormAction, {
+    size: "small",
+    paddingLeftSize: "xmedium"
+  }, submitText ? /*#__PURE__*/React.createElement("div", {
+    onClick: onClickSubmit,
+    "data-id": `${dataId}_submitButton`,
+    "data-test-id": `${dataId}_submitButton`
+  }, /*#__PURE__*/React.createElement(Container, {
+    align: "vertical",
+    alignBox: "row"
+  }, getSubmitContainer ? /*#__PURE__*/React.createElement(Box, {
+    flexible: true
+  }, getSubmitContainer()) : /*#__PURE__*/React.createElement(Box, {
+    flexible: true
+  }, /*#__PURE__*/React.createElement(Button, {
+    text: submitText,
+    palette: submitType ? submitType : buttonPalette
+  })))) : null, cancelText ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+    text: cancelText,
+    palette: "secondary",
+    dataId: `${dataId}_cancelButton`,
+    onClick: onClickCancel
+  })) : null))) : null)), getBottomContainer ? /*#__PURE__*/React.createElement(Box, null, getBottomContainer()) : null));
+}
+DesktopNotificationUI.propTypes = DesktopNotificationUI_propTypes;
+export default function DesktopNotification(props) {
+  return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
+    Element: DesktopNotificationUI
+  }));
+}
+DesktopNotification.propTypes = propTypes;
+DesktopNotification.defaultProps = defaultProps; // if (__DOCS__) {
+//   DesktopNotification.docs = {
+//     componentGroup: 'DesktopNotification',
+//     folderName: 'Alert'
+//   };
+// }

package/es/v1/{version2/notification → notification}/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -1,10 +1,10 @@
 import React, { Component } from 'react';
-import { defaultProps } from '../../../../version2/notification/DesktopNotificationHeader/props/defaultProps';
-import { propTypes } from '../../../../version2/notification/DesktopNotificationHeader/props/propTypes';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import AlertClose from '../../AlertClose/AlertClose';
-import AlertIcons from '../../alertIcons/AlertIcons';
-import style from '../../../../version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css';
+import { defaultProps } from '../../../version2/notification/DesktopNotificationHeader/props/defaultProps';
+import { propTypes } from '../../../version2/notification/DesktopNotificationHeader/props/propTypes';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
+import AlertClose from '../../alert/AlertClose/AlertClose';
+import AlertIcons from '../../alert/alertIcons/AlertIcons';
+import style from '../../../version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css';
 export default function DesktopNotificationHeader(props) {
   let {
     onClose,

package/es/v1/setup/header/Button/Button.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { defaultProps } from '../../../../setup/header/Button/props/defaultProps';
+import { propTypes } from '../../../../setup/header/Button/props/propTypes';
+import GenButton from '@zohodesk/components/es/v1/Button/Button';
+import style from '../../../../setup/header/Button/HeaderButton.module.css';
+export default class Button extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    let {
+      palette,
+      text,
+      onClick,
+      id
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.container
+    }, /*#__PURE__*/React.createElement(GenButton, {
+      id: id,
+      onClick: onClick,
+      palette: palette,
+      size: "medium",
+      text: text
+    }));
+  }
+
+}
+Button.defaultProps = defaultProps;
+Button.propTypes = propTypes; // if (__DOCS__) {
+//   Button.docs = {
+//     componentGroup: 'Header',
+//     folderName: 'Setup'
+//   };
+// }

package/es/v1/setup/header/Link/Link.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { defaultProps } from '../../../../setup/header/Link/props/defaultProps';
+import { propTypes } from '../../../../setup/header/Link/props/propTypes';
+import { Icon } from '@zohodesk/icons';
+import { Box } from '@zohodesk/components/es/v1/Layout';
+import ExternalLink from '../../../ExternalLink/ExternalLink';
+import style from '../../../../setup/header/Link/HeaderLink.module.css';
+export default class Link extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    let {
+      url,
+      text,
+      iconName,
+      iconClass,
+      iconSize
+    } = this.props;
+    return /*#__PURE__*/React.createElement(ExternalLink, {
+      className: style.container,
+      href: url
+    }, /*#__PURE__*/React.createElement(Box, {
+      className: style.icon
+    }, /*#__PURE__*/React.createElement(Icon, {
+      isBold: true,
+      name: iconName,
+      size: iconSize,
+      iconClass: iconClass ? iconClass : ''
+    })), /*#__PURE__*/React.createElement(Box, {
+      className: style.text,
+      flexible: true
+    }, text));
+  }
+
+}
+Link.defaultProps = defaultProps;
+Link.propTypes = propTypes; // if (__DOCS__) {
+//   Link.docs = {
+//     componentGroup: 'Header',
+//     folderName: 'Setup'
+//   };
+// }

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

@@ -0,0 +1,81 @@
+import React from 'react';
+import { defaultProps } from '../../../../setup/header/Search/props/defaultProps';
+import { propTypes } from '../../../../setup/header/Search/props/propTypes';
+import { Icon } from '@zohodesk/icons';
+import TextBox from '@zohodesk/components/es/v1/TextBox/TextBox';
+import style from '../../../../setup/header/Search/Search.module.css';
+export default class Search extends React.Component {
+  constructor(props) {
+    super(props);
+    let {
+      value
+    } = this.props;
+    this.state = {
+      value: value || '',
+      isFocus: false
+    };
+    this.onFocus = this.onFocus.bind(this);
+    this.onBlur = this.onBlur.bind(this);
+  }
+
+  onFocus(id, name, value) {
+    let {
+      onFocus
+    } = this.props;
+    this.setState({
+      isFocus: true
+    });
+    onFocus && onFocus(id, name, value);
+  }
+
+  onBlur(id, name, value) {
+    let {
+      onBlur
+    } = this.props;
+    this.state.value == '' && this.setState({
+      isFocus: false
+    });
+    onBlur && onBlur(id, name, value);
+  }
+
+  render() {
+    let {
+      placeHolder,
+      maxLength,
+      value,
+      onChange,
+      onKeyPress,
+      customClass
+    } = this.props;
+    let {
+      isFocus
+    } = this.state;
+    return /*#__PURE__*/React.createElement("div", {
+      className: `${style.container} ${isFocus ? style.active : ''} ${customClass}`
+    }, /*#__PURE__*/React.createElement(TextBox, {
+      placeHolder: placeHolder,
+      customClass: style.input,
+      maxLength: maxLength,
+      value: value,
+      onChange: onChange,
+      onKeyUp: onKeyPress,
+      onFocus: this.onFocus,
+      needAppearance: false,
+      onBlur: this.onBlur
+    }), value != '' && value ? /*#__PURE__*/React.createElement("span", {
+      className: style.icon,
+      onClick: this.onBlur
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "ZD-close",
+      size: "19"
+    })) : null);
+  }
+
+}
+Search.propTypes = propTypes;
+Search.defaultProps = defaultProps; // if (__DOCS__) {
+//   Search.docs = {
+//     componentGroup: 'Header',
+//     folderName: 'Setup'
+//   };
+// }

package/es/v1/setup/header/Views/Views.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { defaultProps } from '../../../../setup/header/Views/props/defaultProps';
+import { propTypes } from '../../../../setup/header/Views/props/propTypes';
+import style from '../../../../setup/header/Views/Views.module.css';
+import { Icon } from '@zohodesk/icons';
+export default class Views extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    let {
+      isGrid,
+      isList,
+      gridTitle,
+      listTitle,
+      onListClick,
+      onGridClick
+    } = this.props;
+    return /*#__PURE__*/React.createElement("span", {
+      className: style.container
+    }, /*#__PURE__*/React.createElement("span", {
+      className: `${style.icon} ${style.first} ${isList ? style.active : ''}`,
+      "data-title": !isList ? listTitle : null,
+      onClick: onListClick
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "ZD-list22",
+      size: "10"
+    })), /*#__PURE__*/React.createElement("span", {
+      className: `${style.icon} ${style.last}  ${isGrid ? style.active : ''}`,
+      "data-title": !isGrid ? gridTitle : null,
+      onClick: onGridClick
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "ZD-grid",
+      size: "11"
+    })));
+  }
+
+}
+Views.propTypes = propTypes;
+Views.defaultProps = defaultProps; // if (__DOCS__) {
+//   Views.docs = {
+//     componentGroup: 'Header',
+//     folderName: 'Setup'
+//   };
+// }

package/es/v1/setup/header/index.js

@@ -0,0 +1,4 @@
+export { default as Button } from './Button/Button';
+export { default as Link } from './Link/Link';
+export { default as Search } from './Search/Search';
+export { default as Views } from './Views/Views';

package/es/v1/setup/helptips/Description/Description.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { propTypes } from '../../../../setup/helptips/Description/props/propTypes';
+import style from '../../../../setup/helptips/Description/HelpTipsDescription.module.css';
+export default class Description extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    let {
+      text
+    } = this.props;
+    return /*#__PURE__*/React.createElement("p", {
+      className: style.text
+    }, text);
+  }
+
+}
+Description.propTypes = propTypes; // if (__DOCS__) {
+//   Description.docs = {
+//     componentGroup: 'HelpTips',
+//     folderName: 'Setup'
+//   };
+// }

package/es/v1/setup/helptips/Link/Link.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { propTypes } from '../../../../setup/helptips/Link/props/propTypes';
+import style from '../../../../setup/helptips/Link/HelpTipsLink.module.css';
+import ExternalLink from '../../../ExternalLink/ExternalLink';
+export default class Link extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    let {
+      text,
+      url,
+      onClick,
+      isDangerous = false
+    } = this.props;
+
+    if (isDangerous) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: style.container,
+        onClick: onClick,
+        dangerouslySetInnerHTML: {
+          __html: text
+        }
+      });
+    }
+
+    return /*#__PURE__*/React.createElement(ExternalLink, {
+      href: url,
+      onClick: onClick,
+      className: style.text
+    }, text);
+  }
+
+}
+Link.propTypes = propTypes; // if (__DOCS__) {
+//   Link.docs = {
+//     componentGroup: 'HelpTips',
+//     folderName: 'Setup'
+//   };
+// }