@zohodesk/dot 1.4.6 → 1.4.7

package/lib/v1/Drawer/Drawer.js

@@ -1,7 +1,6 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,60 +8,42 @@ exports.Content = Content;
 exports.Footer = Footer;
 exports.Header = Header;
 exports["default"] = Drawer;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _defaultProps = require("./props/defaultProps");
-
 var _propTypes = require("./props/propTypes");
-
 var _Layout = require("@zohodesk/components/es/v1/Layout");
-
 var _Card = require("@zohodesk/components/es/v1/Card");
-
 var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
-
 var _CustomResponsive = require("@zohodesk/components/es/v1/Responsive/CustomResponsive");
-
 var _icons = require("@zohodesk/icons");
-
 var _ZindexProvider = require("@zohodesk/components/es/v1/Provider/ZindexProvider");
-
 var _FocusScope = _interopRequireDefault(require("@zohodesk/a11y/es/FocusScope/FocusScope"));
-
 var _Heading = _interopRequireDefault(require("@zohodesk/components/es/v1/Heading/Heading"));
-
 var _FreezeLayer = _interopRequireDefault(require("../FreezeLayer/FreezeLayer"));
-
 var _FormAction = _interopRequireDefault(require("../FormAction/FormAction"));
-
 var _IconButton = _interopRequireDefault(require("../IconButton/IconButton"));
-
 var _DrawerModule = _interopRequireDefault(require("../../Drawer/Drawer.module.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+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); }
 function Header(props) {
   var title = props.title,
-      onClose = props.onClose,
-      children = props.children,
-      className = props.className,
-      paddingSize = props.paddingSize,
-      closeTitle = props.closeTitle,
-      iconName = props.iconName,
-      iconSize = props.iconSize,
-      onIconClick = props.onIconClick,
-      isIconBold = props.isIconBold,
-      dataId = props.dataId,
-      flexible = props.flexible,
-      getChildren = props.getChildren,
-      iconTitle = props.iconTitle,
-      isBoxIcon = props.isBoxIcon,
-      getTitleChildren = props.getTitleChildren;
+    onClose = props.onClose,
+    children = props.children,
+    className = props.className,
+    paddingSize = props.paddingSize,
+    closeTitle = props.closeTitle,
+    iconName = props.iconName,
+    iconSize = props.iconSize,
+    onIconClick = props.onIconClick,
+    isIconBold = props.isIconBold,
+    dataId = props.dataId,
+    flexible = props.flexible,
+    getChildren = props.getChildren,
+    iconTitle = props.iconTitle,
+    isBoxIcon = props.isBoxIcon,
+    getTitleChildren = props.getTitleChildren;
   return /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, {
     customClass: "".concat(_DrawerModule["default"].header, " ").concat(_DrawerModule["default"]["".concat(paddingSize, "HeaderPadding")], " ").concat(className ? className : ''),
     dataId: dataId
@@ -119,15 +100,13 @@ function Header(props) {
     flexible: true
   }, getChildren())) : null);
 }
-
 Header.propTypes = _propTypes.Header_propTypes;
 Header.defaultProps = _defaultProps.Header_defaultProps;
-
 function Content(props) {
   var children = props.children,
-      className = props.className,
-      paddingSize = props.paddingSize,
-      eleRef = props.eleRef;
+    className = props.className,
+    paddingSize = props.paddingSize,
+    eleRef = props.eleRef;
   return /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
     scroll: "vertical",
     isScrollAttribute: true,
@@ -135,76 +114,67 @@ function Content(props) {
     eleRef: eleRef
   }, children);
 }
-
 Content.propTypes = _propTypes.Content_propTypes;
-
 function Footer(props) {
   var paddingLeftSize = props.paddingLeftSize,
-      paddingRightClass = props.paddingRightClass,
-      children = props.children,
-      size = props.size;
+    paddingRightClass = props.paddingRightClass,
+    children = props.children,
+    size = props.size;
   return /*#__PURE__*/_react["default"].createElement(_FormAction["default"], {
     size: size,
     paddingLeftSize: paddingLeftSize,
     paddingRightClass: paddingRightClass
   }, children);
 }
-
 Footer.propTypes = _propTypes.Footer_propTypes;
 Footer.defaultProps = _defaultProps.Footer_defaultProps;
-
 function Drawer(props) {
   var contentRef = (0, _react.useRef)(null);
   var getNextIndex = (0, _ZindexProvider.useZIndex)();
-
   function drawers(uptoTablet, styleByResolutions) {
     var children = props.children,
-        size = props.size,
-        paddingSize = props.paddingSize,
-        subDrawerActive = props.subDrawerActive,
-        subDrawerChildren = props.subDrawerChildren,
-        onBodyClick = props.onBodyClick,
-        onClose = props.onClose,
-        needFocusScope = props.needFocusScope,
-        customProps = props.customProps;
+      size = props.size,
+      paddingSize = props.paddingSize,
+      subDrawerActive = props.subDrawerActive,
+      subDrawerChildren = props.subDrawerChildren,
+      onBodyClick = props.onBodyClick,
+      onClose = props.onClose,
+      needFocusScope = props.needFocusScope,
+      customProps = props.customProps,
+      a11y = props.a11y;
     var _customProps$focusSco = customProps.focusScopeProps,
-        focusScopeProps = _customProps$focusSco === void 0 ? {} : _customProps$focusSco;
+      focusScopeProps = _customProps$focusSco === void 0 ? {} : _customProps$focusSco;
     var _focusScopeProps$need = focusScopeProps.needAutoFocus,
-        needAutoFocus = _focusScopeProps$need === void 0 ? true : _focusScopeProps$need,
-        _focusScopeProps$need2 = focusScopeProps.needRestoreFocus,
-        needRestoreFocus = _focusScopeProps$need2 === void 0 ? true : _focusScopeProps$need2,
-        _focusScopeProps$need3 = focusScopeProps.needListNavigation,
-        needListNavigation = _focusScopeProps$need3 === void 0 ? false : _focusScopeProps$need3,
-        _focusScopeProps$need4 = focusScopeProps.needFocusLoop,
-        needFocusLoop = _focusScopeProps$need4 === void 0 ? true : _focusScopeProps$need4,
-        _focusScopeProps$need5 = focusScopeProps.needEnterAction,
-        needEnterAction = _focusScopeProps$need5 === void 0 ? true : _focusScopeProps$need5;
-
+      needAutoFocus = _focusScopeProps$need === void 0 ? true : _focusScopeProps$need,
+      _focusScopeProps$need2 = focusScopeProps.needRestoreFocus,
+      needRestoreFocus = _focusScopeProps$need2 === void 0 ? true : _focusScopeProps$need2,
+      _focusScopeProps$need3 = focusScopeProps.needListNavigation,
+      needListNavigation = _focusScopeProps$need3 === void 0 ? false : _focusScopeProps$need3,
+      _focusScopeProps$need4 = focusScopeProps.needFocusLoop,
+      needFocusLoop = _focusScopeProps$need4 === void 0 ? true : _focusScopeProps$need4,
+      _focusScopeProps$need5 = focusScopeProps.needEnterAction,
+      needEnterAction = _focusScopeProps$need5 === void 0 ? true : _focusScopeProps$need5;
     var childrenWithProps = _react["default"].Children.map(children, function (child) {
       if (child.type === Header || child.type === Footer || child.type === Content) {
         var _ref = child.props || {},
-            childPaddingSize = _ref.paddingSize;
-
+          childPaddingSize = _ref.paddingSize;
         return paddingSize || childPaddingSize ? /*#__PURE__*/_react["default"].cloneElement(child, {
           paddingSize: childPaddingSize ? childPaddingSize : paddingSize
         }) : child;
       }
-
       return child;
     });
-
-    var content = /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    var content = /*#__PURE__*/_react["default"].createElement(_Layout.Box, _extends({
       className: "".concat(_DrawerModule["default"].container, " ").concat(_DrawerModule["default"].columns, " ").concat(_DrawerModule["default"].drawerModal, " ").concat(uptoTablet ? _DrawerModule["default"].mbleSize : _DrawerModule["default"][size]),
       "data-a11y-need-focus-style": "false",
       tabindex: -1,
       eleRef: contentRef
-    }, /*#__PURE__*/_react["default"].createElement(_Card.Card, {
+    }, a11y), /*#__PURE__*/_react["default"].createElement(_Card.Card, {
       onClick: function onClick(e) {
         e && e.stopPropagation && e.stopPropagation();
         onBodyClick(e);
       }
     }, childrenWithProps));
-
     return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, subDrawerChildren ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
       className: _DrawerModule["default"].columns
     }, /*#__PURE__*/_react["default"].createElement(_VelocityAnimationGroup["default"], {
@@ -227,7 +197,6 @@ function Drawer(props) {
       needEnterAction: needEnterAction
     }, content) : content);
   }
-
   function responsiveFunc(_ref2) {
     var mediaQueryOR = _ref2.mediaQueryOR;
     return {
@@ -236,19 +205,18 @@ function Drawer(props) {
       }])
     };
   }
-
   var needFreeze = props.needFreeze,
-      palette = props.palette,
-      isActive = props.isActive,
-      onClose = props.onClose,
-      forwardRef = props.forwardRef,
-      responsiveId = props.responsiveId,
-      subDrawerSize = props.subDrawerSize,
-      subDrawerClass = props.subDrawerClass,
-      subDrawerActive = props.subDrawerActive,
-      customClass = props.customClass,
-      needAutoZindex = props.needAutoZindex,
-      innerPortalName = props.innerPortalName;
+    palette = props.palette,
+    isActive = props.isActive,
+    onClose = props.onClose,
+    forwardRef = props.forwardRef,
+    responsiveId = props.responsiveId,
+    subDrawerSize = props.subDrawerSize,
+    subDrawerClass = props.subDrawerClass,
+    subDrawerActive = props.subDrawerActive,
+    customClass = props.customClass,
+    needAutoZindex = props.needAutoZindex,
+    innerPortalName = props.innerPortalName;
   return /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
     query: responsiveFunc,
     responsiveId: responsiveId
@@ -290,9 +258,10 @@ function Drawer(props) {
     }, drawers(uptoTablet, styleByResolutions)));
   });
 }
-
 Drawer.propTypes = _propTypes.Drawer_propTypes;
-Drawer.defaultProps = _defaultProps.Drawer_defaultProps; // if (__DOCS__) {
+Drawer.defaultProps = _defaultProps.Drawer_defaultProps;
+
+// if (__DOCS__) {
 //   Drawer.docs = {
 //     componentGroup: 'Template'
 //   };

package/lib/v1/Drawer/props/defaultProps.js

@@ -26,6 +26,7 @@ var Drawer_defaultProps = {
   needAutoZindex: true,
   onBodyClick: function onBodyClick() {},
   needFocusScope: false,
-  customProps: {}
+  customProps: {},
+  a11y: {}
 };
 exports.Drawer_defaultProps = Drawer_defaultProps;

package/lib/v1/Drawer/props/propTypes.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Header_propTypes = exports.Footer_propTypes = exports.Drawer_propTypes = exports.Content_propTypes = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var Header_propTypes = {
   children: _propTypes["default"].node,
   className: _propTypes["default"].string,
@@ -61,6 +58,7 @@ var Drawer_propTypes = {
   subDrawerSize: _propTypes["default"].oneOf(['xsmall', 'small', 'medium']),
   needFocusScope: _propTypes["default"].bool,
   customProps: _propTypes["default"].object,
-  innerPortalName: _propTypes["default"].string
+  innerPortalName: _propTypes["default"].string,
+  a11y: _propTypes["default"].object
 };
 exports.Drawer_propTypes = Drawer_propTypes;

package/lib/v1/ExternalLink/ExternalLink.js

@@ -4,40 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _defaultProps = require("./props/defaultProps");
-
 var _propTypes = require("./props/propTypes");
-
 var _ExternalLinkModule = _interopRequireDefault(require("../../ExternalLink/ExternalLink.module.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 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); }
-
 var ExternalLink = function ExternalLink(props) {
   var href = props.href,
-      title = props.title,
-      target = props.target,
-      className = props.className,
-      children = props.children,
-      rel = props.rel,
-      dataId = props.dataId,
-      onClick = props.onClick,
-      customProps = props.customProps;
-
+    title = props.title,
+    target = props.target,
+    className = props.className,
+    children = props.children,
+    rel = props.rel,
+    dataId = props.dataId,
+    onClick = props.onClick,
+    customProps = props.customProps;
   var addHttp = function addHttp(url) {
     var regEx = new RegExp(/(^(ftp|https|mailto|tel|http|simplehelp|dynamicsnav?):)/i);
-
     if (!regEx.test(url)) {
       return "http://".concat(url);
     }
-
     return url;
   };
-
   var urlOutput = href && typeof href !== 'boolean' ? addHttp(String(href)) : 'javascript:void(0);';
   return /*#__PURE__*/_react["default"].createElement("a", _extends({
     href: urlOutput,
@@ -50,7 +39,6 @@ var ExternalLink = function ExternalLink(props) {
     onClick: onClick
   }, customProps), children);
 };
-
 ExternalLink.defaultProps = _defaultProps.defaultProps;
 ExternalLink.propTypes = _propTypes.propTypes;
 var _default = ExternalLink;

package/lib/v1/ExternalLink/props/propTypes.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var propTypes = {
   children: _propTypes["default"].node,
   className: _propTypes["default"].string,

package/lib/v1/FlipCard/FlipCard.js

@@ -4,83 +4,66 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = FlipCard;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _defaultProps = require("./props/defaultProps");
-
 var _propTypes = require("./props/propTypes");
-
 var _CheckBox = _interopRequireDefault(require("@zohodesk/components/es/v1/CheckBox/CheckBox"));
-
 var _Layout = require("@zohodesk/components/es/v1/Layout");
-
 var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/es/v1/Provider/AvatarSize"));
-
 var _ChannelIcon = _interopRequireDefault(require("../ChannelIcon/ChannelIcon"));
-
 var _AvatarIcon = _interopRequireDefault(require("../avatar/AvatarIcon/AvatarIcon"));
-
 var _AvatarUser = _interopRequireDefault(require("../avatar/AvatarUser/AvatarUser"));
-
 var _General = require("../../utils/General");
-
 var _FlipCardModule = _interopRequireDefault(require("../../FlipCard/FlipCard.module.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 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); }
-
 function FlipCard(props) {
   var id = props.id,
-      action = props.action,
-      name = props.name,
-      initial = props.initial,
-      isChecked = props.isChecked,
-      noNeedFlip = props.noNeedFlip,
-      size = props.size,
-      channel = props.channel,
-      isPaidUser = props.isPaidUser,
-      isPortalUser = props.isPortalUser,
-      src = props.src,
-      icon = props.icon,
-      iconSize = props.iconSize,
-      iconClass = props.iconClass,
-      ticListContainer = props.ticListContainer,
-      ticList = props.ticList,
-      dataId = props.dataId,
-      className = props.className,
-      palette = props.palette,
-      textPalette = props.textPalette,
-      customTextClass = props.customTextClass,
-      frontClass = props.frontClass,
-      needTitle = props.needTitle,
-      iconColor = props.iconColor,
-      tourId = props.tourId,
-      isFilledCheckbox = props.isFilledCheckbox,
-      channelTitle = props.channelTitle,
-      customProps = props.customProps;
+    action = props.action,
+    name = props.name,
+    initial = props.initial,
+    isChecked = props.isChecked,
+    noNeedFlip = props.noNeedFlip,
+    size = props.size,
+    channel = props.channel,
+    isPaidUser = props.isPaidUser,
+    isPortalUser = props.isPortalUser,
+    src = props.src,
+    icon = props.icon,
+    iconSize = props.iconSize,
+    iconClass = props.iconClass,
+    ticListContainer = props.ticListContainer,
+    ticList = props.ticList,
+    dataId = props.dataId,
+    className = props.className,
+    palette = props.palette,
+    textPalette = props.textPalette,
+    customTextClass = props.customTextClass,
+    frontClass = props.frontClass,
+    needTitle = props.needTitle,
+    iconColor = props.iconColor,
+    tourId = props.tourId,
+    isFilledCheckbox = props.isFilledCheckbox,
+    channelTitle = props.channelTitle,
+    customProps = props.customProps;
   var _customProps$CheckBox = customProps.CheckBoxProps,
-      CheckBoxProps = _customProps$CheckBox === void 0 ? {} : _customProps$CheckBox,
-      _customProps$ChannelI = customProps.ChannelIconProps,
-      ChannelIconProps = _customProps$ChannelI === void 0 ? {} : _customProps$ChannelI,
-      _customProps$AvatarIc = customProps.AvatarIconProps,
-      AvatarIconProps = _customProps$AvatarIc === void 0 ? {} : _customProps$AvatarIc,
-      _customProps$AvatarUs = customProps.AvatarUserProps,
-      AvatarUserProps = _customProps$AvatarUs === void 0 ? {} : _customProps$AvatarUs;
-
+    CheckBoxProps = _customProps$CheckBox === void 0 ? {} : _customProps$CheckBox,
+    _customProps$ChannelI = customProps.ChannelIconProps,
+    ChannelIconProps = _customProps$ChannelI === void 0 ? {} : _customProps$ChannelI,
+    _customProps$AvatarIc = customProps.AvatarIconProps,
+    AvatarIconProps = _customProps$AvatarIc === void 0 ? {} : _customProps$AvatarIc,
+    _customProps$AvatarUs = customProps.AvatarUserProps,
+    AvatarUserProps = _customProps$AvatarUs === void 0 ? {} : _customProps$AvatarUs;
   var onClick = function onClick(e) {
     if (!noNeedFlip) {
       (0, _General.stopBubbling)(e);
     }
   };
-
   var onChange = function onChange(isChecked, e) {
     var onChange = props.onChange;
     (0, _General.stopBubbling)(e);
     onChange(id, isChecked, e);
   };
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat((0, _AvatarSize["default"])(size), "  ").concat(noNeedFlip ? _FlipCardModule["default"].flipNone : isChecked ? _FlipCardModule["default"].notFlip : _FlipCardModule["default"].flip),
     onClick: onClick,
@@ -140,9 +123,9 @@ function FlipCard(props) {
     customTextClass: customTextClass
   }, AvatarUserProps)))));
 }
-
 FlipCard.propTypes = _propTypes.propTypes;
-FlipCard.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
+FlipCard.defaultProps = _defaultProps.defaultProps;
+// if (__DOCS__) {
 //   FlipCard.docs = {
 //     componentGroup: 'Molecule'
 //   };

package/lib/v1/FlipCard/props/propTypes.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var propTypes = {
   action: _propTypes["default"].string,
   channel: _propTypes["default"].string,

package/lib/v1/FormAction/FormAction.js

@@ -5,47 +5,33 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RightSide = exports.LeftSide = exports.Center = void 0;
 exports["default"] = FormAction;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _defaultProps = require("./props/defaultProps");
-
 var _propTypes = require("./props/propTypes");
-
 var _Layout = require("@zohodesk/components/es/v1/Layout");
-
 var _FormActionModule = _interopRequireDefault(require("../../FormAction/FormAction.module.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var LeftSide = function LeftSide(props) {
   props.children;
 };
-
 exports.LeftSide = LeftSide;
-
 var RightSide = function RightSide(props) {
   props.children;
 };
-
 exports.RightSide = RightSide;
-
 var Center = function Center(props) {
   props.children;
 };
-
 exports.Center = Center;
-
 function FormAction(props) {
   var size = props.size,
-      children = props.children,
-      paddingLeftSize = props.paddingLeftSize,
-      paddingRightClass = props.paddingRightClass,
-      dataSelectorId = props.dataSelectorId;
+    children = props.children,
+    paddingLeftSize = props.paddingLeftSize,
+    paddingRightClass = props.paddingRightClass,
+    dataSelectorId = props.dataSelectorId;
   var leftbuttonGroup = [],
-      rightbuttonGroup = [],
-      centerbuttonGroup = [];
-
+    rightbuttonGroup = [],
+    centerbuttonGroup = [];
   _react["default"].Children.map(children, function (child) {
     if (!child) {
       return child;
@@ -59,7 +45,6 @@ function FormAction(props) {
       leftbuttonGroup.push(child);
     }
   });
-
   var hasLeftChild = leftbuttonGroup.length > 0;
   var hasRightChild = rightbuttonGroup.length > 0;
   var hasCenterChild = centerbuttonGroup.length > 0;
@@ -93,9 +78,10 @@ function FormAction(props) {
     }, item);
   }) : centerbuttonGroup[0]) : null));
 }
-
 FormAction.propTypes = _propTypes.propTypes;
-FormAction.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
+FormAction.defaultProps = _defaultProps.defaultProps;
+
+// if (__DOCS__) {
 //   FormAction.docs = {
 //     componentGroup: 'Atom'
 //   };

package/lib/v1/FormAction/props/propTypes.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var propTypes = {
   children: _propTypes["default"].node,
   paddingLeftSize: _propTypes["default"].oneOf(['large', 'medium', 'xmedium', 'small', 'xsmall']),