@zohodesk/dot 1.0.0-temp-39 → 1.0.0-temp-43

package/src/lookup/Lookup/Lookup.js

@@ -25,6 +25,9 @@ export default class Lookup extends Component {
         : document.removeEventListener('keydown', this.handleKeyDown);
     }
   }
+  componentWillUnmount() {
+    document.removeEventListener('keydown', this.handleKeyDown);
+  }
 
   handleKeyDown(e) {
     const { onKeyDown } = this.props;

package/src/setup/helptips/Link/Link.js

@@ -2,7 +2,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import style from './HelpTipsLink.module.css';
 import ExternalLink from '../../../ExternalLink/ExternalLink';
-import { HTMLPurifier } from '@zoho/SecurityJS';
 export default class Link extends React.Component {
   constructor(props) {
     super(props);
@@ -15,7 +14,7 @@ export default class Link extends React.Component {
         <div
           className={style.container}
           onClick={onClick}
-          dangerouslySetInnerHTML={{ __html: HTMLPurifier.sanitize(text) }}
+          dangerouslySetInnerHTML={{ __html: text}}
         />
       );
     }

package/src/version2/GlobalNotification/GlobalNotification.js

@@ -6,8 +6,6 @@ import AlertClose from '../AlertClose/AlertClose';
 
 import style from './GlobalNotification.module.css';
 
-
-import { HTMLPurifier } from '@zoho/SecurityJS';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 
 export default class GlobalNotification extends React.Component {
@@ -92,7 +90,7 @@ export function GlobalNotificationUI(props) {
             onClick={onClick}
             data-id='infoMessage'
             dangerouslySetInnerHTML={{
-              __html: HTMLPurifier.sanitize(message)
+              __html:message
             }}
           />
         </Box>

package/src/version2/errorstate/Inconvenience/Inconvenience.js

@@ -4,7 +4,7 @@ import { Container } from '@zohodesk/components/lib/Layout';
 import CommonEmptyState from './../../../emptystate/CommonEmptyState/CommonEmptyState';
 import ErrorInconvenience from '@zohodesk/svg/lib/svg/ErrorInconvenience';
 import Button from '@zohodesk/components/lib/Button/Button';
-import style from './V2_Inconvenience.module.css';
+import style from './../V2_ErrorStates.module.css';
 
 export default class Inconvenience extends React.Component {
   constructor(props) {

package/src/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js

@@ -4,7 +4,7 @@ import { Container } from '@zohodesk/components/lib/Layout';
 import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
 import ErrorOopsSomethingMiss from '@zohodesk/svg/lib/svg/ErrorOopsSomethingMiss';
 import Button from '@zohodesk/components/lib/Button/Button';
-import style from './V2_OopsSomethingMiss.module.css';
+import style from './../V2_ErrorStates.module.css';
 
 export default class OopsSomethingMiss extends React.Component {
   constructor(props) {
@@ -58,6 +58,7 @@ export default class OopsSomethingMiss extends React.Component {
                 customButton: style.errorBtn
               }}
               onClick={onButtonClick}
+              dataId='goBack'
             />
           : null}
         </CommonEmptyState>

package/src/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js

@@ -4,7 +4,7 @@ import { Container } from '@zohodesk/components/lib/Layout';
 import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
 import ErrorUnableToProcessRequest from '@zohodesk/svg/lib/svg/ErrorUnableToProcessRequest';
 import Button from '@zohodesk/components/lib/Button/Button';
-import style from './V2_UnableToProcessRequest.module.css';
+import style from './../V2_ErrorStates.module.css';
 
 export default class UnableToProcessRequest extends React.Component {
   constructor(props) {

package/src/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js

@@ -4,7 +4,7 @@ import { Container } from '@zohodesk/components/lib/Layout';
 import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
 import ErrorUnauthorizedLogin from '@zohodesk/svg/lib/svg/ErrorUnauthorizedLogin';
 import Button from '@zohodesk/components/lib/Button/Button';
-import style from './V2_UnauthorizedLogin.module.css';
+import style from './../V2_ErrorStates.module.css';
 
 export default class UnauthorizedLogin extends React.Component {
   constructor(props) {
@@ -59,6 +59,7 @@ export default class UnauthorizedLogin extends React.Component {
                 customButton: style.errorBtn
               }}
               onClick={onButtonClick}
+              dataId={`${dataId}_button`}
             />
           : null}
         </CommonEmptyState>
@@ -85,7 +86,7 @@ UnauthorizedLogin.propTypes = {
 };
 
 UnauthorizedLogin.defaultProps = {
-  dataId: 'unauthorizedlogin',
+  dataId: 'permissionPlay',
   isButtonNeeded: false,
   className: '',
   isFluid: true,

package/src/version2/errorstate/UrlNotFound/UrlNotFound.js

@@ -4,7 +4,7 @@ import { Container } from '@zohodesk/components/lib/Layout';
 import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
 import ErrorUrlNotFound from '@zohodesk/svg/lib/svg/ErrorUrlNotFound';
 import Button from '@zohodesk/components/lib/Button/Button';
-import style from './V2_UrlNotFound.module.css';
+import style from './../V2_ErrorStates.module.css';
 
 export default class UrlNotFound extends React.Component {
   constructor(props) {

package/{es/version2/errorstate/OopsSomethingMiss/V2_OopsSomethingMiss.module.css → src/version2/errorstate/V2_ErrorStates.module.css}

@@ -34,7 +34,7 @@
   font-size: var(--zd_font_size13)
 }
 .small .errorState {
-  width: var(--zd_size280);
+  width: var(--zd_size230);
   margin-top: var(--zd_size20);
 }
 .small .errorSvg {

package/src/version2/errorstate/WillBeRightBack/WillBeRightBack.js

@@ -4,7 +4,7 @@ import { Container } from '@zohodesk/components/lib/Layout';
 import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
 import ErrorWillBeRightBack from '@zohodesk/svg/lib/svg/ErrorWillBeRightBack';
 import Button from '@zohodesk/components/lib/Button/Button';
-import style from './V2_WillBeRightBack.module.css';
+import style from './../V2_ErrorStates.module.css';
 
 export default class WillBeRightBack extends React.Component {
   constructor(props) {

package/src/version2/lookup/AlertLookup/AlertLookup.js

@@ -50,6 +50,9 @@ export default class AlertLookup extends Component {
         : document.removeEventListener('keydown', this.documentKeydownHandler);
     }
   }
+  componentWillUnmount() {
+    document.removeEventListener('keydown', this.documentKeydownHandler);
+  }
 
   documentKeydownHandler(e = {}) {
     let { onSubmitClick, onCancelClick, isActive } = this.props;
@@ -77,7 +80,7 @@ export default class AlertLookup extends Component {
     let {
       isActive,
       size,
-      type = '',
+      type = 'danger',
       title,
       message,
       confirmationMessage,

package/src/version2/lookup/alertLookupCommonNew.module.css

@@ -18,7 +18,7 @@
 
 .noteUl li {
     font-size: var(--zd_font_size12);
-    line-height: var(--zd_size14);
+    /* line-height: var(--zd_size14); */
     color: var(--zdt_alertlookuop_text);
     margin-bottom: var(--zd_size15);
     list-style-type: disc;

package/es/version2/errorstate/UnableToProcessRequest/V2_UnableToProcessRequest.module.css

@@ -1,46 +0,0 @@
-.container {
-  padding-bottom: var(--zd_size30);
-}
-.errorBtn {
-  margin-top: var(--zd_size15);
-}
-.title {
-  font-family: var(--zd_bold);
-}
-.desc {
-  line-height: var(--zd_size22);
-}
-.large .errorState {
-  width: var(--zd_size450);
-  margin-top: var(--zd_size40);
-}
-.large .errorSvg {
-  width: var(--zd_size350);
-  height: var(--zd_size350);
-}
-.medium .errorState {
-  width: var(--zd_size350);
-  margin-top: var(--zd_size30);
-}
-.medium .errorSvg {
-  width: var(--zd_size250);
-  height: var(--zd_size250);
-}
-.medium .title {
-  font-size: var(--zd_font_size18);
-}
-.medium .desc,
-.small .desc {
-  font-size: var(--zd_font_size13)
-}
-.small .errorState {
-  width: var(--zd_size280);
-  margin-top: var(--zd_size20);
-}
-.small .errorSvg {
-  width: var(--zd_size220);
-  height: var(--zd_size220);
-}
-.small .title {
-  font-size: var(--zd_font_size16);
-}

package/es/version2/errorstate/UnauthorizedLogin/V2_UnauthorizedLogin.module.css

@@ -1,46 +0,0 @@
-.container {
-  padding-bottom: var(--zd_size30);
-}
-.errorBtn {
-  margin-top: var(--zd_size15);
-}
-.title {
-  font-family: var(--zd_bold);
-}
-.desc {
-  line-height: var(--zd_size22);
-}
-.large .errorState {
-  width: var(--zd_size450);
-  margin-top: var(--zd_size40);
-}
-.large .errorSvg {
-  width: var(--zd_size350);
-  height: var(--zd_size350);
-}
-.medium .errorState {
-  width: var(--zd_size350);
-  margin-top: var(--zd_size30);
-}
-.medium .errorSvg {
-  width: var(--zd_size250);
-  height: var(--zd_size250);
-}
-.medium .title {
-  font-size: var(--zd_font_size18);
-}
-.medium .desc,
-.small .desc {
-  font-size: var(--zd_font_size13)
-}
-.small .errorState {
-  width: var(--zd_size280);
-  margin-top: var(--zd_size20);
-}
-.small .errorSvg {
-  width: var(--zd_size220);
-  height: var(--zd_size220);
-}
-.small .title {
-  font-size: var(--zd_font_size16);
-}

package/es/version2/errorstate/UrlNotFound/V2_UrlNotFound.module.css

@@ -1,46 +0,0 @@
-.container {
-  padding-bottom: var(--zd_size30);
-}
-.errorBtn {
-  margin-top: var(--zd_size15);
-}
-.title {
-  font-family: var(--zd_bold);
-}
-.desc {
-  line-height: var(--zd_size22);
-}
-.large .errorState {
-  width: var(--zd_size450);
-  margin-top: var(--zd_size40);
-}
-.large .errorSvg {
-  width: var(--zd_size350);
-  height: var(--zd_size350);
-}
-.medium .errorState {
-  width: var(--zd_size350);
-  margin-top: var(--zd_size30);
-}
-.medium .errorSvg {
-  width: var(--zd_size250);
-  height: var(--zd_size250);
-}
-.medium .title {
-  font-size: var(--zd_font_size18);
-}
-.medium .desc,
-.small .desc {
-  font-size: var(--zd_font_size13)
-}
-.small .errorState {
-  width: var(--zd_size280);
-  margin-top: var(--zd_size20);
-}
-.small .errorSvg {
-  width: var(--zd_size220);
-  height: var(--zd_size220);
-}
-.small .title {
-  font-size: var(--zd_font_size16);
-}

package/es/version2/errorstate/WillBeRightBack/V2_WillBeRightBack.module.css

@@ -1,46 +0,0 @@
-.container {
-  padding-bottom: var(--zd_size30);
-}
-.errorBtn {
-  margin-top: var(--zd_size15);
-}
-.title {
-  font-family: var(--zd_bold);
-}
-.desc {
-  line-height: var(--zd_size22);
-}
-.large .errorState {
-  width: var(--zd_size450);
-  margin-top: var(--zd_size40);
-}
-.large .errorSvg {
-  width: var(--zd_size350);
-  height: var(--zd_size350);
-}
-.medium .errorState {
-  width: var(--zd_size350);
-  margin-top: var(--zd_size30);
-}
-.medium .errorSvg {
-  width: var(--zd_size250);
-  height: var(--zd_size250);
-}
-.medium .title {
-  font-size: var(--zd_font_size18);
-}
-.medium .desc,
-.small .desc {
-  font-size: var(--zd_font_size13)
-}
-.small .errorState {
-  width: var(--zd_size280);
-  margin-top: var(--zd_size20);
-}
-.small .errorSvg {
-  width: var(--zd_size220);
-  height: var(--zd_size220);
-}
-.small .title {
-  font-size: var(--zd_font_size16);
-}

package/lib/ActionButton/ActionButton.js

@@ -1,222 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.ActionButton = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Popup = _interopRequireDefault(require("@zohodesk/components/lib/Popup/Popup"));
-
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
-
-var _Button = _interopRequireDefault(require("@zohodesk/components/lib/Button/Button"));
-
-var _Layout = require("@zohodesk/components/lib/Layout");
-
-var _DropBox = _interopRequireDefault(require("@zohodesk/components/lib/DropBox/DropBox"));
-
-var _CssProvider = _interopRequireDefault(require("@zohodesk/components/lib/Provider/CssProvider"));
-
-var _ActionButtonModule = _interopRequireDefault(require("./ActionButton.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var ActionButton = /*#__PURE__*/function (_React$Component) {
-  _inherits(ActionButton, _React$Component);
-
-  var _super = _createSuper(ActionButton);
-
-  function ActionButton(props) {
-    var _this;
-
-    _classCallCheck(this, ActionButton);
-
-    _this = _super.call(this, props);
-    _this.handleTogglePopup = _this.handleTogglePopup.bind(_assertThisInitialized(_this));
-    return _this;
-  }
-
-  _createClass(ActionButton, [{
-    key: "handleTogglePopup",
-    value: function handleTogglePopup(e) {
-      var _this$props = this.props,
-          togglePopup = _this$props.togglePopup,
-          defaultPosition = _this$props.defaultPosition;
-      togglePopup(e, defaultPosition);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          isLoading = _this$props2.isLoading,
-          onClick = _this$props2.onClick,
-          size = _this$props2.size,
-          dataId = _this$props2.dataId,
-          isArrow = _this$props2.isArrow,
-          text = _this$props2.text,
-          subText = _this$props2.subText,
-          arrowBoxDataId = _this$props2.arrowBoxDataId,
-          arrowBoxSize = _this$props2.arrowBoxSize,
-          palette = _this$props2.palette,
-          onHover = _this$props2.onHover,
-          position = _this$props2.position,
-          className = _this$props2.className,
-          iconName = _this$props2.iconName,
-          iconSize = _this$props2.iconSize,
-          dataTitle = _this$props2.dataTitle,
-          isDisabled = _this$props2.isDisabled,
-          isPopupOpen = _this$props2.isPopupOpen,
-          removeClose = _this$props2.removeClose,
-          children = _this$props2.children,
-          dropBoxClass = _this$props2.dropBoxClass,
-          isBoxPaddingNeed = _this$props2.isBoxPaddingNeed,
-          getContainerRef = _this$props2.getContainerRef,
-          getTargetRef = _this$props2.getTargetRef;
-      return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-        alignBox: "row",
-        isCover: false,
-        className: " ".concat(_ActionButtonModule["default"].container, " ").concat(_ActionButtonModule["default"][palette + 'Box'], " ").concat(_ActionButtonModule["default"][size], " ").concat(className, " ").concat(isDisabled ? (0, _CssProvider["default"])('isDisabled') : '', " ").concat(!onClick ? _ActionButtonModule["default"].wholeDiv : '', " "),
-        onClick: onHover ? removeClose : !onClick ? this.handleTogglePopup : undefined,
-        onMouseEnter: !onClick ? onHover && this.handleTogglePopup : undefined,
-        onMouseLeave: !onClick ? onHover && this.handleTogglePopup : undefined,
-        eleRef: getTargetRef
-      }, isLoading ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        flexible: true
-      }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        status: "loading",
-        palette: palette,
-        size: "medium",
-        customClass: {
-          customButton: _ActionButtonModule["default"].btn
-        }
-      })) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        flexible: true,
-        onClick: onClick,
-        dataId: dataId,
-        className: "".concat(_ActionButtonModule["default"].contentBox, " ").concat(_ActionButtonModule["default"][palette + 'Btn'], " ").concat(_ActionButtonModule["default"][size + '_btnBox'], " ").concat(children ? _ActionButtonModule["default"].contentBoxBdr : _ActionButtonModule["default"].contentBoxBdrRds, " ").concat(_ActionButtonModule["default"].clickable, " "),
-        "data-title": dataTitle
-      }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-        align: "both"
-      }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        className: _ActionButtonModule["default"].contentwrapper
-      }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-        isCover: false,
-        alignBox: "row",
-        align: "vertical"
-      }, iconName ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-        name: iconName,
-        size: iconSize,
-        iconClass: "".concat(_ActionButtonModule["default"].iconClr, " ").concat(text ? _ActionButtonModule["default"].iconMrgn : '')
-      }) : null, text ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        shrink: true,
-        className: _ActionButtonModule["default"].txt,
-        "data-title": text
-      }, text) : null)), subText ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        "data-title": subText,
-        className: _ActionButtonModule["default"].subTxt
-      }, subText) : null)), children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        onClick: onClick ? !onHover && this.handleTogglePopup : undefined,
-        onMouseEnter: onClick ? onHover && this.handleTogglePopup : undefined,
-        onMouseLeave: onClick ? onHover && this.handleTogglePopup : undefined,
-        className: "".concat(_ActionButtonModule["default"][arrowBoxSize + '_arrowBox'], " ").concat(_ActionButtonModule["default"][palette + 'Arw'], "  ").concat(_ActionButtonModule["default"].arrowWrapper, " ").concat(isPopupOpen ? _ActionButtonModule["default"].arrowActive : ''),
-        dataId: arrowBoxDataId
-      }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-        align: "both"
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-        name: "ZD-down",
-        size: "6",
-        iconClass: _ActionButtonModule["default"].arrow
-      })), isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_DropBox["default"], {
-        size: "small",
-        isActive: isPopupOpen,
-        boxPosition: position,
-        isAnimate: true,
-        isArrow: isArrow,
-        customClass: {
-          customDropBoxWrap: dropBoxClass
-        },
-        isBoxPaddingNeed: isBoxPaddingNeed,
-        getRef: getContainerRef
-      }, children) : null) : null));
-    }
-  }]);
-
-  return ActionButton;
-}(_react["default"].Component);
-
-exports.ActionButton = ActionButton;
-ActionButton.defaultProps = {
-  size: 'medium',
-  isArrow: false,
-  arrowBoxDataId: 'arrowBox',
-  dataId: 'actionButton',
-  onHover: false,
-  className: '',
-  iconName: '',
-  iconSize: '9',
-  isDisabled: false,
-  dropBoxClass: '',
-  arrowBoxSize: 'medium',
-  isBoxPaddingNeed: true,
-  palette: 'primaryFilled'
-};
-ActionButton.propTypes = {
-  arrowBoxDataId: _propTypes["default"].string,
-  arrowBoxSize: _propTypes["default"].oneOf('small', 'medium'),
-  children: _propTypes["default"].node,
-  className: _propTypes["default"].string,
-  dataId: _propTypes["default"].string,
-  dataTitle: _propTypes["default"].string,
-  dropBoxClass: _propTypes["default"].string,
-  defaultPosition: _propTypes["default"].string,
-  position: _propTypes["default"].string,
-  iconName: _propTypes["default"].string,
-  iconSize: _propTypes["default"].string,
-  isArrow: _propTypes["default"].bool,
-  isBoxPaddingNeed: _propTypes["default"].bool,
-  isDisabled: _propTypes["default"].bool,
-  isLoading: _propTypes["default"].bool,
-  isPopupOpen: _propTypes["default"].bool,
-  onClick: _propTypes["default"].func,
-  onHover: _propTypes["default"].bool,
-  palette: _propTypes["default"].oneOf('primaryFilled', 'primary'),
-  removeClose: _propTypes["default"].func,
-  size: _propTypes["default"].oneOf('small', 'medium', 'large'),
-  subText: _propTypes["default"].string,
-  text: _propTypes["default"].string,
-  getContainerRef: _propTypes["default"].func,
-  getTargetRef: _propTypes["default"].func
-};
-ActionButton.docs = {
-  componentGroup: 'Atom'
-};
-
-var _default = (0, _Popup["default"])(ActionButton);
-
-exports["default"] = _default;