@zohodesk/dot 1.4.7 → 1.4.9

package/lib/v1/Drawer/Drawer.js

@@ -1,6 +1,7 @@
 "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
 });
@@ -8,42 +9,62 @@ 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
@@ -100,13 +121,15 @@ 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,
@@ -114,56 +137,65 @@ 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,
-      a11y = props.a11y;
+        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, _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",
@@ -175,6 +207,7 @@ function Drawer(props) {
         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"], {
@@ -197,6 +230,7 @@ function Drawer(props) {
       needEnterAction: needEnterAction
     }, content) : content);
   }
+
   function responsiveFunc(_ref2) {
     var mediaQueryOR = _ref2.mediaQueryOR;
     return {
@@ -205,18 +239,19 @@ 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
@@ -258,10 +293,9 @@ function Drawer(props) {
     }, drawers(uptoTablet, styleByResolutions)));
   });
 }
-Drawer.propTypes = _propTypes.Drawer_propTypes;
-Drawer.defaultProps = _defaultProps.Drawer_defaultProps;
 
-// if (__DOCS__) {
+Drawer.propTypes = _propTypes.Drawer_propTypes;
+Drawer.defaultProps = _defaultProps.Drawer_defaultProps; // if (__DOCS__) {
 //   Drawer.docs = {
 //     componentGroup: 'Template'
 //   };

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

@@ -4,8 +4,11 @@ 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,

package/lib/v1/ExternalLink/ExternalLink.js

@@ -4,29 +4,40 @@ 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,
@@ -39,6 +50,7 @@ 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,8 +4,11 @@ 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,66 +4,83 @@ 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,
@@ -123,9 +140,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,8 +4,11 @@ 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,33 +5,47 @@ 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;
@@ -45,6 +59,7 @@ function FormAction(props) {
       leftbuttonGroup.push(child);
     }
   });
+
   var hasLeftChild = leftbuttonGroup.length > 0;
   var hasRightChild = rightbuttonGroup.length > 0;
   var hasCenterChild = centerbuttonGroup.length > 0;
@@ -78,10 +93,9 @@ function FormAction(props) {
     }, item);
   }) : centerbuttonGroup[0]) : null));
 }
-FormAction.propTypes = _propTypes.propTypes;
-FormAction.defaultProps = _defaultProps.defaultProps;
 
-// if (__DOCS__) {
+FormAction.propTypes = _propTypes.propTypes;
+FormAction.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
 //   FormAction.docs = {
 //     componentGroup: 'Atom'
 //   };

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

@@ -4,8 +4,11 @@ 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']),

package/lib/v1/FreezeLayer/FreezeLayer.js

@@ -4,44 +4,60 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = FreezeLayer;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _defaultProps = require("./props/defaultProps");
+
 var _propTypes = require("./props/propTypes");
+
 var _Layout = require("@zohodesk/components/es/v1/Layout");
+
 var _utils = require("@zohodesk/utils");
+
 var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
+
 var _ZindexProvider = require("@zohodesk/components/es/v1/Provider/ZindexProvider");
+
 var _cssJSLogic2 = _interopRequireDefault(require("../../FreezeLayer/css/cssJSLogic"));
+
 var _useFreezeLayer2 = _interopRequireDefault(require("../../FreezeLayer/useFreezeLayer"));
+
 var _FreezeLayerModule = _interopRequireDefault(require("../../FreezeLayer/css/FreezeLayer.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function FreezeLayer(props) {
   var propsActive = props.isActive,
-    children = props.children,
-    align = props.align,
-    childAnimationName = props.childAnimationName,
-    palette = props.palette,
-    onClick = props.onClick,
-    animationName = props.animationName,
-    runOnMount = props.runOnMount,
-    forwardRef = props.forwardRef,
-    isSvgMask = props.isSvgMask,
-    needAutoZindex = props.needAutoZindex,
-    customStyle = props.customStyle;
+      children = props.children,
+      align = props.align,
+      childAnimationName = props.childAnimationName,
+      palette = props.palette,
+      onClick = props.onClick,
+      animationName = props.animationName,
+      runOnMount = props.runOnMount,
+      forwardRef = props.forwardRef,
+      isSvgMask = props.isSvgMask,
+      needAutoZindex = props.needAutoZindex,
+      customStyle = props.customStyle;
   var finalStyle = (0, _utils.mergeStyle)(_FreezeLayerModule["default"], customStyle);
+
   var _cssJSLogic = (0, _cssJSLogic2["default"])({
-      props: props,
-      style: finalStyle
-    }),
-    freezeClass = _cssJSLogic.freezeClass;
+    props: props,
+    style: finalStyle
+  }),
+      freezeClass = _cssJSLogic.freezeClass;
+
   var getNextIndex = (0, _ZindexProvider.useZIndex)();
+
   var _useFreezeLayer = (0, _useFreezeLayer2["default"])({
-      isActive: propsActive,
-      onClick: onClick
-    }),
-    isActive = _useFreezeLayer.isActive,
-    isChildActive = _useFreezeLayer.isChildActive,
-    handleClick = _useFreezeLayer.handleClick;
+    isActive: propsActive,
+    onClick: onClick
+  }),
+      isActive = _useFreezeLayer.isActive,
+      isChildActive = _useFreezeLayer.isChildActive,
+      handleClick = _useFreezeLayer.handleClick;
+
   return /*#__PURE__*/_react["default"].createElement(_VelocityAnimationGroup["default"], {
     name: animationName && animationName,
     isActive: isActive,
@@ -68,10 +84,9 @@ function FreezeLayer(props) {
     dataId: "reactFreezeLayer"
   }, children))));
 }
-FreezeLayer.propTypes = _propTypes.propTypes;
-FreezeLayer.defaultProps = _defaultProps.defaultProps;
 
-// if (__DOCS__) {
+FreezeLayer.propTypes = _propTypes.propTypes;
+FreezeLayer.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
 //   FreezeLayer.docs = {
 //     componentGroup: 'Atom',
 //     folderName: 'General'