@zohodesk/dot 1.7.11 → 1.7.12

package/es/Drawer/props/propTypes.js

@@ -50,5 +50,8 @@ export const Drawer_propTypes = {
   needFocusScope: PropTypes.bool,
   customProps: PropTypes.object,
   innerPortalName: PropTypes.string,
-  a11y: PropTypes.object
+  a11y: PropTypes.object,
+  onAnimateEnter: PropTypes.func,
+  postAnimateStyles: PropTypes.object,
+  onAnimateExit: PropTypes.func
 };

package/es/FreezeLayer/FreezeLayer.js

@@ -21,7 +21,10 @@ export default function FreezeLayer(props) {
     forwardRef,
     isSvgMask,
     needAutoZindex,
-    customStyle
+    customStyle,
+    onAnimateEnter,
+    postAnimateStyles,
+    onAnimateExit
   } = props;
   const finalStyle = mergeStyle(style, customStyle);
   const {
@@ -58,7 +61,10 @@ export default function FreezeLayer(props) {
     component: Container,
     alignBox: "row",
     align: align,
-    dataId: "reactFreezeLayer"
+    dataId: "reactFreezeLayer",
+    onEnterComplete: onAnimateEnter,
+    postEnterStyles: postAnimateStyles,
+    onExitComplete: onAnimateExit
   }, children) : isSvgMask ? /*#__PURE__*/React.createElement(React.Fragment, null, children) : /*#__PURE__*/React.createElement(Container, {
     alignBox: "row",
     align: align,

package/es/FreezeLayer/props/propTypes.js

@@ -14,6 +14,9 @@ export const propTypes = {
   palette: PropTypes.oneOf(['dark', 'default', 'darkLight', 'plain', 'snow']),
   runOnMount: PropTypes.bool,
   customStyle: PropTypes.object,
-  zIndex: PropTypes.oneOf(['3', '5', '7', '10'])
+  zIndex: PropTypes.oneOf(['3', '5', '7', '10']),
+  onAnimateEnter: PropTypes.func,
+  postAnimateStyles: PropTypes.object,
+  onAnimateExit: PropTypes.func
 };
 export default propTypes;

package/lib/Drawer/Drawer.js

@@ -345,7 +345,10 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
           subDrawerActive = _this$props5.subDrawerActive,
           customClass = _this$props5.customClass,
           needAutoZindex = _this$props5.needAutoZindex,
-          innerPortalName = _this$props5.innerPortalName;
+          innerPortalName = _this$props5.innerPortalName,
+          onAnimateEnter = _this$props5.onAnimateEnter,
+          postAnimateStyles = _this$props5.postAnimateStyles,
+          onAnimateExit = _this$props5.onAnimateExit;
       var zindexNumber = isActive ? this.getNextIndex() : '';
       return /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
         query: this.responsiveFunc,
@@ -361,7 +364,10 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
           palette: palette,
           forwardRef: forwardRef,
           customClass: customClass,
-          needAutoZindex: needAutoZindex
+          needAutoZindex: needAutoZindex,
+          onAnimateEnter: onAnimateEnter,
+          postAnimateStyles: postAnimateStyles,
+          onAnimateExit: onAnimateExit
         }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
           flexible: true
         }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {

package/lib/Drawer/props/propTypes.js

@@ -63,6 +63,9 @@ var Drawer_propTypes = {
   needFocusScope: _propTypes["default"].bool,
   customProps: _propTypes["default"].object,
   innerPortalName: _propTypes["default"].string,
-  a11y: _propTypes["default"].object
+  a11y: _propTypes["default"].object,
+  onAnimateEnter: _propTypes["default"].func,
+  postAnimateStyles: _propTypes["default"].object,
+  onAnimateExit: _propTypes["default"].func
 };
 exports.Drawer_propTypes = Drawer_propTypes;

package/lib/FreezeLayer/FreezeLayer.js

@@ -39,7 +39,10 @@ function FreezeLayer(props) {
       forwardRef = props.forwardRef,
       isSvgMask = props.isSvgMask,
       needAutoZindex = props.needAutoZindex,
-      customStyle = props.customStyle;
+      customStyle = props.customStyle,
+      onAnimateEnter = props.onAnimateEnter,
+      postAnimateStyles = props.postAnimateStyles,
+      onAnimateExit = props.onAnimateExit;
   var finalStyle = (0, _utils.mergeStyle)(_FreezeLayerModule["default"], customStyle);
 
   var _cssJSLogic = (0, _cssJSLogic2["default"])({
@@ -77,7 +80,10 @@ function FreezeLayer(props) {
     component: _Layout.Container,
     alignBox: "row",
     align: align,
-    dataId: "reactFreezeLayer"
+    dataId: "reactFreezeLayer",
+    onEnterComplete: onAnimateEnter,
+    postEnterStyles: postAnimateStyles,
+    onExitComplete: onAnimateExit
   }, children) : isSvgMask ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children) : /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     alignBox: "row",
     align: align,

package/lib/FreezeLayer/props/propTypes.js

@@ -24,7 +24,10 @@ var propTypes = {
   palette: _propTypes["default"].oneOf(['dark', 'default', 'darkLight', 'plain', 'snow']),
   runOnMount: _propTypes["default"].bool,
   customStyle: _propTypes["default"].object,
-  zIndex: _propTypes["default"].oneOf(['3', '5', '7', '10'])
+  zIndex: _propTypes["default"].oneOf(['3', '5', '7', '10']),
+  onAnimateEnter: _propTypes["default"].func,
+  postAnimateStyles: _propTypes["default"].object,
+  onAnimateExit: _propTypes["default"].func
 };
 exports.propTypes = propTypes;
 var _default = propTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.7.11",
+  "version": "1.7.12",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -63,7 +63,7 @@
     "@zohodesk-private/node-plugins": "1.1.8",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.3.4",
-    "@zohodesk/components": "1.3.1",
+    "@zohodesk/components": "1.3.2",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/icons": "1.0.78",
     "@zohodesk/layout": "^3.1.0",
@@ -77,7 +77,7 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/components": "1.3.1",
+    "@zohodesk/components": "1.3.2",
     "@zohodesk/icons": "1.0.78",
     "@zohodesk/svg": "1.1.22",
     "@zohodesk/virtualizer": "1.0.3",