@zohodesk/dot 1.0.0-temp-145 → 1.0.0-temp-146

package/es/layout/SubtabLayout/SubtabLayout.module.css

@@ -1,11 +1,13 @@
 .varClass {
   --borderColor: var(--zdt_subtablayout_border);
 }
+
 .tabHead,
 .shadowStyle {
   position: relative;
   composes: varClass;
 }
+
 .tabHead, .shadowStyle {
   background: var(--zdt_subtablayout_tabhead_bg);
 }
@@ -44,6 +46,7 @@
 .primary_borderStyle, .secondary_borderStyle {
   border-bottom: 1px solid var(--zdt_subtablayout_primary_border);
 }
+
 .tertiary_borderStyle {
   border-bottom: 1px solid var(--borderColor);
 }
@@ -54,7 +57,7 @@
   position: absolute;
   top: var(--zd_size20);
   z-index: -1;
-  box-shadow: 0 0 6px var(--zdt_subtablayout_shadowstyle_box_shadow);
+  box-shadow: var(--zd_bs_subtablayout_shadow);
   border-radius: 100px/10px;
 }
 
@@ -94,53 +97,69 @@
 [dir=rtl] .primary, [dir=rtl] .primary_peek, [dir=rtl] .secondary, [dir=rtl] .secondary_peek, [dir=rtl] .primary_detailFooter, [dir=rtl] .primary_peekFooter, [dir=rtl] .secondary_detailFooter, [dir=rtl] .secondary_peekFooter {
   padding-right: var(--zd_size25);
 }
+
 [dir=ltr] .primary, [dir=ltr] .primary_peek {
   padding-right: var(--zd_size25);
 }
+
 [dir=rtl] .primary, [dir=rtl] .primary_peek {
   padding-left: var(--zd_size25);
 }
+
 [dir=ltr] .secondary, [dir=ltr] .secondary_peek {
   padding-right: var(--zd_size115);
 }
+
 [dir=rtl] .secondary, [dir=rtl] .secondary_peek {
   padding-left: var(--zd_size115);
 }
+
 [dir=ltr] .primary_detailFooter, [dir=ltr] .primary_peekFooter {
   padding-right: var(--zd_size25);
 }
+
 [dir=rtl] .primary_detailFooter, [dir=rtl] .primary_peekFooter {
   padding-left: var(--zd_size25);
 }
+
 [dir=ltr] .secondary_detailFooter, [dir=ltr] .secondary_peekFooter {
   padding-right: var(--zd_size115);
 }
+
 [dir=rtl] .secondary_detailFooter, [dir=rtl] .secondary_peekFooter {
   padding-left: var(--zd_size115);
 }
+
 .tertiary,
 .tertiary_peek {
   height: var(--zd_size50);
 }
+
 .tertiary, .tertiary_detailFooter {
   padding: 0 var(--zd_size65);
 }
+
 .tertiary_peek, .tertiary_peekFooter {
   padding: 0 var(--zd_size42);
 }
+
 .cursor {
   cursor: pointer;
 }
+
 .footer {
   composes: varClass;
   border-top: 1px solid var(--borderColor);
 }
+
 .medium {
   height: var(--zd_size40);
 }
+
 .large {
   height: var(--zd_size45);
 }
+
 .xlarge {
   height: var(--zd_size50);
-}
+}

package/es/list/DotNew/DotNew.module.css

@@ -2,21 +2,24 @@
   width: var(--zd_size6);
   height: var(--zd_size6);
 }
-.small{
+
+.small {
   width: var(--zd_size5);
   height: var(--zd_size5);
 }
-.container{
+
+.container {
   composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-   /* animation: dotAnimation 1.25s infinite cubic-bezier(0.66, 0.33, 0, 1);
+  /* animation: dotAnimation 1.25s infinite cubic-bezier(0.66, 0.33, 0, 1);
   box-shadow: 0 0 0 0 var(--dot_catskillWhite),
     0 0 0 0 rgba(10, 115, 235, 0.6); */
   border-radius: 50%;
   background-color: var(--zdt_dotnew_default_bg);
-  box-shadow: 0 0 15px 1px var(--zdt_dotnew_default_box_shadow);
+  box-shadow: var(--zd_bs_dotnew_shadow);
 }
+
 @keyframes dotAnimation {
   to {
     box-shadow: 0 0 0 12px var(--zdt_dotnew_animate_box_shadow), 0 0 0 8px var(--zdt_dotnew_animate_to_box_shadow);
   }
-}
+}

package/es/list/TagNew/TagNew.module.css

@@ -10,7 +10,7 @@
   visibility: hidden;
   border-radius: var(--zd_size14);
   background-color: var(--zdt_tagnew_default_bg);
-  box-shadow: 0 8px 30px 0 var(--zdt_tagnew_default_box_shadow);
+  box-shadow: var(--zd_bs_tagnew_shadow);
   padding: 0 var(--zd_size15);
   transform: scale(0);
   cursor: pointer;
@@ -31,6 +31,7 @@
 }
 
 @keyframes bounceIn {
+
   0%,
   20%,
   40%,
@@ -73,6 +74,7 @@
 }
 
 @-webkit-keyframes bounceIn {
+
   0%,
   20%,
   40%,
@@ -112,4 +114,4 @@
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
   }
-}
+}

package/es/lookup/Section/LookupSection.module.css

@@ -4,5 +4,5 @@
   height: auto;
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
   background-color: var(--zdt_lookupsection_bg);
-  box-shadow: 0px 4px 20px var(--zdt_lookupsection_box_shadow);
-}
+  box-shadow: var(--zd_bs_lookupsection_shadow);
+}

package/es/lookup/Section/Section.js

@@ -12,7 +12,6 @@ export default class Section extends Component {
       className
     } = this.props;
     return /*#__PURE__*/React.createElement(Container, {
-      "data-drag-container": "true",
       alignBox: alignBox,
       className: `${style.section} ${className ? className : ''}`
     }, /*#__PURE__*/React.createElement(Box, {

package/es/version2/GlobalNotification/GlobalNotification.module.css

@@ -5,6 +5,7 @@
   --globalnotification_text_color: var(--zdt_globalnotification_default_text);
   --globalnotification_box_shadow: var(--zdt_globalnotification_default_box_shadow);
 }
+
 .message {
   composes: varClass;
   position: absolute;
@@ -14,10 +15,12 @@
   pointer-events: none;
   text-align: center;
 }
+
 [dir=ltr] .message {
   right: 0;
   left: 0;
 }
+
 [dir=rtl] .message {
   left: 0;
   right: 0;
@@ -29,7 +32,7 @@
   color: var(--globalnotification_text_color);
   max-width: var(--zd_size490);
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
-  box-shadow: 0 4px 20px var(--globalnotification_box_shadow);
+  box-shadow: var(--zd_bs_globalnotification_container);
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
   background-color: var(--globalnotification_bg_color);
   border-style: solid;

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

@@ -24,8 +24,7 @@ export default class AlertHeader extends Component {
       alignBox: "row",
       className: `${style.container} ${headerElement ? style.headerLayout : ''} ${style[type]}`,
       isCover: false,
-      wrap: "wrap",
-      "data-drag-hook": "true"
+      wrap: "wrap"
     }, needIcon ? /*#__PURE__*/React.createElement("div", {
       className: style.iconContainer
     }, /*#__PURE__*/React.createElement(AlertIcons, {

package/es/version2/lookup/AlertHeader/AlertHeaderNew.module.css

@@ -59,7 +59,6 @@
   font-family: var(--zd_bold);
   composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
   vertical-align: middle;
-  cursor: default;
 }
 
 [dir=ltr] .title {

package/es/version2/notification/DesktopNotification/DesktopNotification.module.css

@@ -2,6 +2,7 @@
   position: relative;
   margin-bottom: var(--zd_size7);
 }
+
 .container {
   color: var(--zdt_desktopnotification_text);
   transition: all var(--zd_transition4);
@@ -9,56 +10,69 @@
   max-height: 100%;
   pointer-events: auto;
   background-color: var(--zdt_desktopnotification_bg);
-  box-shadow: 0 4px 20px var(--zdt_desktopnotification_box_shadow);
+  box-shadow: var(--zd_bs_desktopnotification_container);
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
 }
+
 [dir=ltr] .container {
   transform-origin: right center;
 }
+
 [dir=rtl] .container {
   transform-origin: left center;
 }
+
 .globalNotify {
   max-width: var(--zd_size490);
   min-width: var(--zd_size394);
 }
+
 /* Size */
 .medium {
   width: var(--zd_size452);
 }
+
 .large {
   width: var(--zd_size580);
 }
+
 /* Animation Style */
 .closeAnimation {
   max-height: 0;
   transition: all var(--zd_transition3) 0.4s;
   margin-bottom: 0;
 }
+
 .animation {
   composes: modeForward from '~@zohodesk/components/lib/common/animation.module.css';
 }
+
 [dir=ltr] .animation {
   animation-duration: var(--zd_transition4);
   -webkit-animation-duration: var(--zd_transition4);
 }
+
 [dir=rtl] .animation {
   animation-duration: var(--zd_transition4);
   -webkit-animation-duration: var(--zd_transition4);
 }
+
 .leftanimate {
   composes: slideLeft from '~@zohodesk/components/lib/common/animation.module.css';
   composes: animation;
 }
+
 .leftnoanimate {
   opacity: 1;
   transform: translateX(0) scale(1);
 }
+
 .rightanimate {
   composes: slideRight from '~@zohodesk/components/lib/common/animation.module.css';
   composes: animation;
   composes: closeAnimation;
 }
+
 /* Container Style */
 .message {
   position: relative;
@@ -76,31 +90,38 @@
 [dir=rtl] .message {
   padding: var(--zd_size10) var(--zd_size76) var(--zd_size10) var(--zd_size20);
 }
+
 .message:hover {
   background: var(--zd_alabaster);
 }
+
 /* Section */
 .section {
   padding: var(--zd_size15) var(--zd_size30) var(--zd_size30);
 }
+
 .subTitle {
   font-size: var(--zd_font_size15);
   line-height: var(--zd_size20);
   font-family: var(--zd_semibold);
   composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 .subTitleMargin {
   margin-bottom: var(--zd_size17);
 }
+
 .infoText {
   font-size: var(--zd_font_size14);
   line-height: var(--zd_size18);
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 .secondaryInfo {
   margin-top: var(--zd_size20);
 }
+
 .footer {
   overflow: hidden;
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
-}
+}

package/lib/AlphabeticList/AlphabeticList.js

@@ -22,7 +22,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } /*** Libraries ***/ /*** CSS ***/
 var AlphabeticList = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(AlphabeticList, _React$PureComponent);
   var _super = _createSuper(AlphabeticList);

package/lib/AttachmentViewer/AttachmentImage.js

@@ -24,7 +24,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } /* eslint-disable css-modules/no-unused-class */ /** * Libraries ** */ /** * CSS ** */
 var AttachmentImage = /*#__PURE__*/function (_Component) {
   _inherits(AttachmentImage, _Component);
   var _super = _createSuper(AttachmentImage);

package/lib/AttachmentViewer/AttachmentViewer.module.css

@@ -132,11 +132,11 @@
 }
 
 [dir=ltr] .footer {
-    padding-right:var(--zd_size68)
+    padding-right: var(--zd_size68)
 }
 
 [dir=rtl] .footer {
-    padding-left:var(--zd_size68)
+    padding-left: var(--zd_size68)
 }
 
 .footerHeight {
@@ -191,7 +191,7 @@
     height: 100%;
     opacity: 0.3;
     background-color: var(--zdt_attachmentviewer_selected_after_bg);
-    box-shadow: 0 0 4px 2px var(--zdt_attachmentviewer_selected_box_shadow) inset;
+    box-shadow: var(--zd_bs_attachmentviewer_selected);
 }
 
 [dir=ltr] .selected::after {
@@ -350,5 +350,4 @@
     background-color: var(--dot_mirror);
     border: 0;
     cursor: pointer;
-}
-
+}

package/lib/Drawer/Drawer.module.css

@@ -1,79 +1,100 @@
 .container {
   transition: width var(--zd_transition3);
-  box-shadow: 0 6px 12px var(--zdt_drawer_default_box_shadow);
+  box-shadow: var(--zd_bs_drawer_shadow);
   background-color: var(--zdt_drawer_default_bg);
 }
+
 .isOverlay {
   top: 0;
   bottom: 0;
   position: absolute;
   pointer-events: none;
 }
+
 [dir=ltr] .isOverlay {
   right: 0;
 }
+
 [dir=rtl] .isOverlay {
   left: 0;
 }
+
 .columns {
   pointer-events: initial;
 }
+
 .drawerModal {
   position: relative;
 }
+
 .secondDrawer {
   background-color: var(--zdt_drawer_default_bg);
-  box-shadow: 0 6px 12px var(--zdt_drawer_default_box_shadow);
+  box-shadow: var(--zd_bs_drawer_shadow);
 }
+
 .secondMobDrawer {
   position: absolute;
   top: 0;
   z-index: 1;
 }
+
 [dir=ltr] .secondMobDrawer {
   right: 0;
 }
+
 [dir=rtl] .secondMobDrawer {
   left: 0;
 }
+
 .mobModal {
   position: absolute;
   top: 0;
   bottom: 0;
 }
+
 [dir=ltr] .mobModal {
   right: 0;
   left: 0;
 }
+
 [dir=rtl] .mobModal {
   left: 0;
   right: 0;
 }
+
 .xsmall {
   width: var(--zd_size360);
 }
+
 .small {
   width: var(--zd_size410);
 }
+
 .medium {
   width: var(--zd_size660);
 }
+
 .xmedium {
   width: var(--zd_size730);
 }
+
 .large {
   width: var(--zd_size936);
 }
+
 .xlarge {
   width: var(--zd_size840);
 }
+
 .xxlarge {
   width: var(--zd_size1142);
 }
+
 .mbleSize,
 .default {
   width: 100%;
 }
+
 .header {
   min-height: var(--zd_size50);
   background-color: var(--zdt_drawer_header_bg);
@@ -81,71 +102,89 @@
   padding-top: var(--zd_size10);
   padding-bottom: var(--zd_size10);
 }
+
 .subheader {
   min-height: var(--zd_size28);
 }
+
 .title {
-  color: var( --zdt_drawer_title_text);
+  color: var(--zdt_drawer_title_text);
   font: var(--zd_font_size16) var(--zd_semibold);
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 [dir=ltr] .title {
   padding: 0 var(--zd_size10) 0 0;
 }
+
 [dir=rtl] .title {
   padding: 0 0 0 var(--zd_size10);
 }
+
 [dir=ltr] .smallHeaderPadding {
   padding-right: var(--zd_size11);
   padding-left: var(--zd_size30);
 }
+
 [dir=rtl] .smallHeaderPadding {
   padding-left: var(--zd_size11);
   padding-right: var(--zd_size30);
 }
+
 [dir=ltr] .smallContentPadding {
   padding-left: var(--zd_size30);
   padding-right: var(--zd_size30);
 }
+
 [dir=rtl] .smallContentPadding {
   padding-right: var(--zd_size30);
   padding-left: var(--zd_size30);
 }
+
 [dir=ltr] .mediumHeaderPadding {
   padding-right: var(--zd_size15);
   padding-left: var(--zd_size30);
 }
+
 [dir=rtl] .mediumHeaderPadding {
   padding-left: var(--zd_size15);
   padding-right: var(--zd_size30);
 }
+
 [dir=ltr] .mediumContentPadding {
   padding-left: var(--zd_size30);
   padding-right: var(--zd_size30);
 }
+
 [dir=rtl] .mediumContentPadding {
   padding-right: var(--zd_size30);
   padding-left: var(--zd_size30);
 }
+
 [dir=ltr] .largeHeaderPadding {
   padding-right: var(--zd_size15);
   padding-left: var(--zd_size50);
 }
+
 [dir=rtl] .largeHeaderPadding {
   padding-left: var(--zd_size15);
   padding-right: var(--zd_size50);
 }
+
 [dir=ltr] .largeContentPadding {
   padding-left: var(--zd_size50);
   padding-right: var(--zd_size50);
 }
+
 [dir=rtl] .largeContentPadding {
   padding-right: var(--zd_size50);
   padding-left: var(--zd_size50);
 }
+
 [dir=ltr] .iconWrapper {
   margin-right: var(--zd_size10);
 }
+
 [dir=rtl] .iconWrapper {
   margin-left: var(--zd_size10);
 }

package/lib/ExternalLink/ExternalLink.js

@@ -22,7 +22,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } /**** Libraries ****/ /**** CSS ****/
 var ExternalLink = /*#__PURE__*/function (_React$Component) {
   _inherits(ExternalLink, _React$Component);
   var _super = _createSuper(ExternalLink);

package/lib/FreezeLayer/FreezeLayer.js

@@ -1,11 +1,10 @@
 "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
 });
 exports["default"] = FreezeLayer;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
 var _Layout = require("@zohodesk/components/lib/Layout");
@@ -15,10 +14,7 @@ var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider"
 var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
 var _useFreezeLayer2 = _interopRequireDefault(require("./useFreezeLayer"));
 var _FreezeLayerModule = _interopRequireDefault(require("./css/FreezeLayer.module.css"));
-var _useDragger = _interopRequireDefault(require("../Hooks/Dragger/useDragger"));
 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 FreezeLayer(props) {
   var propsActive = props.isActive,
     children = props.children,
@@ -33,7 +29,6 @@ function FreezeLayer(props) {
     needAutoZindex = props.needAutoZindex,
     customStyle = props.customStyle;
   var finalStyle = (0, _utils.mergeStyle)(_FreezeLayerModule["default"], customStyle);
-  var dragRef = (0, _react.useRef)(null);
   var _cssJSLogic = (0, _cssJSLogic2["default"])({
       props: props,
       style: finalStyle
@@ -47,9 +42,6 @@ function FreezeLayer(props) {
     isActive = _useFreezeLayer.isActive,
     isChildActive = _useFreezeLayer.isChildActive,
     handleClick = _useFreezeLayer.handleClick;
-  (0, _useDragger["default"])({
-    ParentRef: dragRef
-  });
   return /*#__PURE__*/_react["default"].createElement(_VelocityAnimationGroup["default"], {
     name: animationName && animationName,
     isActive: isActive,
@@ -60,7 +52,7 @@ function FreezeLayer(props) {
     } : {},
     className: freezeClass,
     onClick: handleClick,
-    ref: dragRef
+    ref: forwardRef
   }, children && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, childAnimationName ? /*#__PURE__*/_react["default"].createElement(_VelocityAnimationGroup["default"], {
     name: childAnimationName,
     isActive: isChildActive,

package/lib/FreezeLayer/props/propTypes.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.propTypes = void 0;
+exports.propTypes = exports["default"] = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var animationValues = ['fade', 'shrink', 'expand', 'slideRight', 'slideDown', 'flyDown'];
@@ -23,4 +23,6 @@ var propTypes = {
   customStyle: _propTypes["default"].object,
   zIndex: _propTypes["default"].oneOf(['3', '5', '7', '10'])
 };
-exports.propTypes = propTypes;
+exports.propTypes = propTypes;
+var _default = propTypes;
+exports["default"] = _default;

package/lib/FreezeLayer/useFreezeLayer.js

@@ -31,8 +31,6 @@ function useFreezeLayer(_ref) {
   function handleClick(e) {
     if (onClick && !(0, _Common.isTextSelected)()) {
       onClick(e);
-    } else {
-      (0, _Common.cancelBubblingEffect)(e);
     }
   }
   function enableFreeze() {