@zohodesk/dot 1.0.0 → 1.2.0

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

@@ -0,0 +1,152 @@
+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 '../../../../version2/lookup/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();
+  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)), cancelText && /*#__PURE__*/React.createElement(Button, _extends({
+    dataId: dataId === 'alertPopup' ? 'alertCancelButton' : `${dataId}_cancelButton`,
+    text: cancelText,
+    onClick: onCancelClick,
+    palette: "secondary"
+  }, SecondaryButtonProps))))) : null))));
+}
+AlertLookup.propTypes = propTypes;
+AlertLookup.defaultProps = defaultProps;

package/es/v1/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -0,0 +1,54 @@
+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';
+export default function DesktopNotificationHeader(props) {
+  let {
+    onClose,
+    closeTitle,
+    dataId,
+    variant,
+    type = '',
+    needIcon,
+    title,
+    needClose
+  } = props;
+  return /*#__PURE__*/React.createElement(Container, {
+    align: "vertical",
+    alignBox: "row",
+    className: `${style.container} ${style[variant]} ${style[type]}`,
+    isCover: false,
+    wrap: "wrap"
+  }, needIcon ? /*#__PURE__*/React.createElement("div", {
+    className: style.iconContainer
+  }, /*#__PURE__*/React.createElement(AlertIcons, {
+    type: type
+  })) : null, /*#__PURE__*/React.createElement(Box, {
+    flexible: true
+  }, /*#__PURE__*/React.createElement(Container, {
+    alignBox: "row",
+    align: "center"
+  }, variant === 'primary' ? /*#__PURE__*/React.createElement(Box, {
+    className: style.title,
+    shrink: true
+  }, title) : /*#__PURE__*/React.createElement(Box, {
+    className: `${style.infoText}`
+  }, title))), needClose ? /*#__PURE__*/React.createElement(Box, {
+    className: style.close
+  }, /*#__PURE__*/React.createElement(AlertClose, {
+    onClose: onClose,
+    dataTitle: closeTitle,
+    dataId: dataId,
+    type: "light"
+  })) : null);
+}
+DesktopNotificationHeader.propTypes = propTypes;
+DesktopNotificationHeader.defaultProps = defaultProps; // if (__DOCS__) {
+//   DesktopNotificationHeader.docs = {
+//     componentGroup: 'DesktopNotificationHeader',
+//     folderName: 'Alert'
+//   };
+// }

package/es/version2/GlobalNotification/GlobalNotification.js

@@ -16,7 +16,7 @@ export default class GlobalNotification extends React.Component {
     };
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     let {
       showMessage,
       hideMessage,

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

@@ -6,7 +6,7 @@ import AlertIcons from '../../alertIcons/AlertIcons'; //CSS
 
 import style from './css/AlertHeaderNew.module.css';
 import cssJSLogic from './css/cssJSLogic';
-import { mergeStyle } from '@zohodesk/components/es/utils'; //customHooks
+import { mergeStyle } from '@zohodesk/utils'; //customHooks
 
 import useDragger from '../../../Hooks/Dragger/useDragger'; //Props
 

package/es/version2/lookup/AlertHeader/css/cssJSLogic.js

@@ -1,4 +1,4 @@
-import { compileClassNames } from '@zohodesk/components/es/utils';
+import { compileClassNames } from '@zohodesk/utils';
 export default function cssJSLogic(_ref) {
   let {
     props,

package/lib/FreezeLayer/FreezeLayer.js

@@ -13,7 +13,7 @@ var _propTypes = require("./props/propTypes");
 
 var _Layout = require("@zohodesk/components/lib/Layout");
 
-var _utils = require("@zohodesk/components/es/utils/");
+var _utils = require("@zohodesk/utils");
 
 var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
 

package/lib/FreezeLayer/css/cssJSLogic.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = cssJSLogic;
 
-var _utils = require("@zohodesk/components/es/utils");
+var _utils = require("@zohodesk/utils");
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 

package/lib/Image/__tests__/Image.spec.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _Image = _interopRequireDefault(require("../Image.js"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('Image - ', function () {
+  test('rendering the default props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Image["default"], null)),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('checking  "isCover" is false', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Image["default"], {
+      src: "https://www.w3schools.com/images/lamp.jpg",
+      alt: "Lamp",
+      isCover: true
+    })),
+        asFragment = _render2.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering "alt" and "src" value ', function () {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Image["default"], {
+      src: "https://www.w3schools.com/images/lamp.jpg",
+      alt: "Lamp"
+    })),
+        asFragment = _render3.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering  "dataid" value', function () {
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Image["default"], {
+      src: "https://www.w3schools.com/images/lamp.jpg",
+      alt: "Lamp",
+      dataId: "imageData"
+    })),
+        asFragment = _render4.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering "Original" value', function () {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Image["default"], {
+      src: "https://www.w3schools.com/images/lamp.jpg",
+      alt: "Lamp",
+      original: "https://www.w3schools.com/images/lamp.jpg"
+    })),
+        asFragment = _render5.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering "Id" value', function () {
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Image["default"], {
+      src: "https://www.w3schools.com/images/lamp.jpg",
+      alt: "Lamp",
+      htmlId: "test"
+    })),
+        asFragment = _render6.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering "title" value', function () {
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Image["default"], {
+      src: "https://www.w3schools.com/images/lamp.jpg",
+      alt: "Lamp",
+      title: "ImageTest Value"
+    })),
+        asFragment = _render7.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/Image/__tests__/__snapshots__/Image.spec.js.snap

@@ -0,0 +1,74 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Image -  checking  "isCover" is false 1`] = `
+<DocumentFragment>
+  <img
+    alt="Lamp"
+    class="  imgFullSize "
+    src="https://www.w3schools.com/images/lamp.jpg"
+  />
+</DocumentFragment>
+`;
+
+exports[`Image -  rendering  "dataid" value 1`] = `
+<DocumentFragment>
+  <img
+    alt="Lamp"
+    class="  imgMaxFullSize "
+    data-id="imageData"
+    data-test-id="imageData"
+    src="https://www.w3schools.com/images/lamp.jpg"
+  />
+</DocumentFragment>
+`;
+
+exports[`Image -  rendering "Id" value 1`] = `
+<DocumentFragment>
+  <img
+    alt="Lamp"
+    class="  imgMaxFullSize "
+    id="test"
+    src="https://www.w3schools.com/images/lamp.jpg"
+  />
+</DocumentFragment>
+`;
+
+exports[`Image -  rendering "Original" value 1`] = `
+<DocumentFragment>
+  <img
+    alt="Lamp"
+    class="  imgMaxFullSize "
+    data-original="https://www.w3schools.com/images/lamp.jpg"
+    src="https://www.w3schools.com/images/lamp.jpg"
+  />
+</DocumentFragment>
+`;
+
+exports[`Image -  rendering "alt" and "src" value  1`] = `
+<DocumentFragment>
+  <img
+    alt="Lamp"
+    class="  imgMaxFullSize "
+    src="https://www.w3schools.com/images/lamp.jpg"
+  />
+</DocumentFragment>
+`;
+
+exports[`Image -  rendering "title" value 1`] = `
+<DocumentFragment>
+  <img
+    alt="Lamp"
+    class="  imgMaxFullSize "
+    data-title="ImageTest Value"
+    src="https://www.w3schools.com/images/lamp.jpg"
+  />
+</DocumentFragment>
+`;
+
+exports[`Image -  rendering the default props 1`] = `
+<DocumentFragment>
+  <img
+    class="  imgMaxFullSize "
+  />
+</DocumentFragment>
+`;

package/lib/Loader/Loader.js

@@ -65,11 +65,6 @@ var Loader = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return Loader;
-}(_react["default"].Component); // if (__DOCS__) {
-//   Loader.docs = {
-//     componentGroup: 'Atom'
-//   };
-// }
-
+}(_react["default"].Component);
 
 exports["default"] = Loader;

package/lib/alert/AlertHeader/props/propTypes.js

@@ -16,7 +16,7 @@ var propTypes = {
   dataId: _propTypes["default"].string,
   iconClass: _propTypes["default"].string,
   iconName: _propTypes["default"].string,
-  iconSize: _propTypes["default"].sting,
+  iconSize: _propTypes["default"].string,
   iconType: _propTypes["default"].oneOf(['delete', 'alert', 'remoteAssist', 'splitTicket', 'update']),
   needIcon: _propTypes["default"].bool,
   onClose: _propTypes["default"].func,

package/lib/v1/ActionButton/ActionButton.js

@@ -0,0 +1,156 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../ActionButton/props/defaultProps");
+
+var _propTypes = require("../../ActionButton/props/propTypes");
+
+var _Popup = _interopRequireDefault(require("@zohodesk/components/lib/Popup/Popup"));
+
+var _icons = require("@zohodesk/icons");
+
+var _Button = _interopRequireDefault(require("@zohodesk/components/lib/Button/Button"));
+
+var _Layout = require("@zohodesk/components/lib/Layout");
+
+var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox"));
+
+var _CssProvider = _interopRequireDefault(require("@zohodesk/components/lib/Provider/CssProvider"));
+
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/semanticButton.module.css"));
+
+var _ActionButtonModule = _interopRequireDefault(require("../../ActionButton/ActionButton.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ActionButton(props) {
+  var isLoading = props.isLoading,
+      onClick = props.onClick,
+      size = props.size,
+      dataId = props.dataId,
+      dataSelectorId = props.dataSelectorId,
+      isArrow = props.isArrow,
+      text = props.text,
+      subText = props.subText,
+      arrowBoxSize = props.arrowBoxSize,
+      palette = props.palette,
+      onHover = props.onHover,
+      position = props.position,
+      className = props.className,
+      iconName = props.iconName,
+      iconSize = props.iconSize,
+      dataTitle = props.dataTitle,
+      isDisabled = props.isDisabled,
+      isPopupOpen = props.isPopupOpen,
+      removeClose = props.removeClose,
+      children = props.children,
+      dropBoxClass = props.dropBoxClass,
+      isBoxPaddingNeed = props.isBoxPaddingNeed,
+      getContainerRef = props.getContainerRef,
+      getTargetRef = props.getTargetRef,
+      removeChildrenTooltip = props.removeChildrenTooltip,
+      innerClassName = props.innerClassName,
+      popupGroup = props.popupGroup,
+      togglePopup = props.togglePopup,
+      defaultPosition = props.defaultPosition;
+
+  var handleTogglePopup = function handleTogglePopup(e) {
+    togglePopup(e, defaultPosition);
+  };
+
+  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 ? handleTogglePopup : undefined,
+    onMouseEnter: !onClick ? onHover && handleTogglePopup : undefined,
+    onMouseLeave: !onClick ? onHover && handleTogglePopup : undefined,
+    eleRef: getTargetRef,
+    dataSelectorId: dataSelectorId
+  }, 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
+    },
+    text: text
+  })) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true,
+    onClick: onClick,
+    dataId: dataId,
+    className: "".concat(_semanticButtonModule["default"].buttonReset, " ").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, " ").concat(innerClassName, " "),
+    "data-title": dataTitle,
+    tagName: "button",
+    tabIndex: "0"
+  }, /*#__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(_icons.Icon, {
+    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": removeChildrenTooltip ? null : text
+  }, text) : null)), subText ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    "data-title": removeChildrenTooltip ? null : subText,
+    className: _ActionButtonModule["default"].subTxt
+  }, subText) : null)), children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    onClick: onClick ? !onHover && handleTogglePopup : undefined,
+    onMouseEnter: onClick ? onHover && handleTogglePopup : undefined,
+    onMouseLeave: onClick ? onHover && handleTogglePopup : undefined,
+    className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(_ActionButtonModule["default"][arrowBoxSize + '_arrowBox'], " ").concat(_ActionButtonModule["default"][palette + 'Arw'], "  ").concat(_ActionButtonModule["default"].arrowWrapper, " ").concat(isPopupOpen ? _ActionButtonModule["default"].arrowActive : ''),
+    dataId: "".concat(dataId, "_arrowButton"),
+    tabIndex: "0",
+    tagName: "button",
+    dataSelectorId: "".concat(dataSelectorId, "_arrowButton")
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    align: "both"
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-down",
+    size: "6",
+    iconClass: _ActionButtonModule["default"].arrow
+  })), isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_ResponsiveDropBox["default"], {
+    size: "small",
+    isActive: isPopupOpen,
+    boxPosition: position,
+    isAnimate: true,
+    isArrow: isArrow,
+    customClass: {
+      customDropBoxWrap: dropBoxClass
+    },
+    isBoxPaddingNeed: isBoxPaddingNeed,
+    getRef: getContainerRef,
+    popupGroup: popupGroup,
+    needFocusScope: true,
+    onClose: handleTogglePopup
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true,
+    shrink: true,
+    scroll: "vertical"
+  }, children)) : null) : null));
+}
+
+ActionButton.defaultProps = _defaultProps.defaultProps;
+ActionButton.propTypes = _propTypes.propTypes; // ActionButton.docs = {
+//   componentGroup: 'Atom'
+// };
+
+var _default = (0, _Popup["default"])(ActionButton);
+
+exports["default"] = _default;