indicator-ui 0.0.384 → 0.0.385

package/dist/index.js

@@ -48010,19 +48010,23 @@ var FADE_IN_SCALE_UP_ANIMATION = function FADE_IN_SCALE_UP_ANIMATION(_ref) {
   var modal = _ref.modal,
     backdrop = _ref.backdrop,
     predictPos = _ref.predictPos;
-  var appear = function appear(timeline) {
+  var appear = function appear(timeline, options) {
+    var _options$zIndex, _options$zIndex2;
+    var modalZIndex = (options === null || options === void 0 || (_options$zIndex = options.zIndex) === null || _options$zIndex === void 0 ? void 0 : _options$zIndex.modal) || Z_INDEX_MODAL_DEFAULT;
+    var backdropZIndex = (options === null || options === void 0 || (_options$zIndex2 = options.zIndex) === null || _options$zIndex2 === void 0 ? void 0 : _options$zIndex2.backdrop) || Z_INDEX_BACKDROP_DEFAULT;
+    var backdropColor = (options === null || options === void 0 ? void 0 : options.backdropColor) || BACKDROP_BACKGROUND_COLOR;
     timeline.clear().set(modal, {
       visibility: 'visible',
       left: predictPos[0],
       top: predictPos[1],
-      zIndex: Z_INDEX_MODAL_DEFAULT,
+      zIndex: modalZIndex,
       opacity: 0,
       scale: 0.97
     }).set(backdrop, {
       visibility: 'visible',
-      backgroundColor: BACKDROP_BACKGROUND_COLOR,
+      backgroundColor: backdropColor,
       opacity: 0,
-      zIndex: Z_INDEX_BACKDROP_DEFAULT
+      zIndex: backdropZIndex
     }).to(modal, {
       opacity: 1,
       scale: 1,
@@ -48063,18 +48067,22 @@ var SLIDE_BASE_FADE_IN_ANIMATION = function SLIDE_BASE_FADE_IN_ANIMATION(_ref2,
   var modal = _ref2.modal,
     backdrop = _ref2.backdrop,
     predictPos = _ref2.predictPos;
-  var appear = function appear(timeline) {
+  var appear = function appear(timeline, options) {
+    var _options$zIndex3, _options$zIndex4;
+    var modalZIndex = (options === null || options === void 0 || (_options$zIndex3 = options.zIndex) === null || _options$zIndex3 === void 0 ? void 0 : _options$zIndex3.modal) || Z_INDEX_MODAL_DEFAULT;
+    var backdropZIndex = (options === null || options === void 0 || (_options$zIndex4 = options.zIndex) === null || _options$zIndex4 === void 0 ? void 0 : _options$zIndex4.backdrop) || Z_INDEX_BACKDROP_DEFAULT;
+    var backdropColor = (options === null || options === void 0 ? void 0 : options.backdropColor) || BACKDROP_BACKGROUND_COLOR;
     timeline.clear().set(modal, {
       visibility: 'visible',
       left: predictPos[0],
       top: hideHeight,
-      zIndex: Z_INDEX_MODAL_DEFAULT,
+      zIndex: modalZIndex,
       opacity: 0
     }).set(backdrop, {
       visibility: 'visible',
-      backgroundColor: BACKDROP_BACKGROUND_COLOR,
+      backgroundColor: backdropColor,
       opacity: 0,
-      zIndex: Z_INDEX_BACKDROP_DEFAULT
+      zIndex: backdropZIndex
     }).to(modal, {
       top: predictPos[1],
       duration: 0.3,
@@ -48134,18 +48142,22 @@ var FADE_IN_ANIMATION = function FADE_IN_ANIMATION(_ref3) {
   var modal = _ref3.modal,
     backdrop = _ref3.backdrop,
     predictPos = _ref3.predictPos;
-  var appear = function appear(timeline) {
+  var appear = function appear(timeline, options) {
+    var _options$zIndex5, _options$zIndex6;
+    var modalZIndex = (options === null || options === void 0 || (_options$zIndex5 = options.zIndex) === null || _options$zIndex5 === void 0 ? void 0 : _options$zIndex5.modal) || Z_INDEX_MODAL_DEFAULT;
+    var backdropZIndex = (options === null || options === void 0 || (_options$zIndex6 = options.zIndex) === null || _options$zIndex6 === void 0 ? void 0 : _options$zIndex6.backdrop) || Z_INDEX_BACKDROP_DEFAULT;
+    var backdropColor = (options === null || options === void 0 ? void 0 : options.backdropColor) || BACKDROP_BACKGROUND_COLOR;
     timeline.clear().set(modal, {
       visibility: 'visible',
       left: predictPos[0],
       top: predictPos[1],
-      zIndex: Z_INDEX_MODAL_DEFAULT,
+      zIndex: modalZIndex,
       opacity: 0
     }).set(backdrop, {
       visibility: 'visible',
-      backgroundColor: BACKDROP_BACKGROUND_COLOR,
+      backgroundColor: backdropColor,
       opacity: 0,
-      zIndex: Z_INDEX_BACKDROP_DEFAULT
+      zIndex: backdropZIndex
     }).to(modal, {
       opacity: 1,
       duration: 0.25,
@@ -48224,21 +48236,23 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   MODAL_ANIMATIONS: () => (/* binding */ MODAL_ANIMATIONS)
 /* harmony export */ });
+var BACKDROP_BACKGROUND_COLOR = 'rgba(0, 0, 0, 0.3)';
 var Z_INDEX_MODAL_DEFAULT = 10;
 var Z_INDEX_BACKDROP_DEFAULT = 9;
 var Z_INDEX_TARGET_DEFAULT = 11;
-var BACKDROP_BACKGROUND_COLOR = 'rgba(0, 0, 0, 0.3)';
 var POPOVER_ANIMATION = function POPOVER_ANIMATION(_ref) {
   var modal = _ref.modal,
     predictPos = _ref.predictPos;
-  var appear = function appear(timeline) {
+  var appear = function appear(timeline, options) {
+    var _options$zIndex;
+    var modalZIndex = (options === null || options === void 0 || (_options$zIndex = options.zIndex) === null || _options$zIndex === void 0 ? void 0 : _options$zIndex.modal) || Z_INDEX_MODAL_DEFAULT;
     timeline.clear().set(modal, {
       visibility: 'visible',
       left: predictPos[0],
       top: predictPos[1],
       opacity: 0,
       transform: 'none',
-      zIndex: Z_INDEX_MODAL_DEFAULT
+      zIndex: modalZIndex
     }).to(modal, {
       opacity: 0.95
     }).to(modal, {
@@ -48269,14 +48283,16 @@ var POPOVER_ANIMATION = function POPOVER_ANIMATION(_ref) {
 var DROPDOWN_ANIMATION = function DROPDOWN_ANIMATION(_ref2) {
   var modal = _ref2.modal,
     predictPos = _ref2.predictPos;
-  var appear = function appear(timeline) {
+  var appear = function appear(timeline, options) {
+    var _options$zIndex2;
+    var modalZIndex = (options === null || options === void 0 || (_options$zIndex2 = options.zIndex) === null || _options$zIndex2 === void 0 ? void 0 : _options$zIndex2.modal) || Z_INDEX_MODAL_DEFAULT;
     timeline.clear().set(modal, {
       visibility: 'visible',
       left: predictPos[0],
       top: predictPos[1] - 10,
       opacity: 0,
       transform: 'none',
-      zIndex: Z_INDEX_MODAL_DEFAULT
+      zIndex: modalZIndex
     }).to(modal, {
       opacity: 1,
       top: predictPos[1],
@@ -48306,13 +48322,15 @@ var DROPDOWN_ANIMATION = function DROPDOWN_ANIMATION(_ref2) {
 var CONTEXT_MENU_ANIMATION = function CONTEXT_MENU_ANIMATION(_ref3) {
   var modal = _ref3.modal,
     predictPos = _ref3.predictPos;
-  var appear = function appear(timeline) {
+  var appear = function appear(timeline, options) {
+    var _options$zIndex3;
+    var modalZIndex = (options === null || options === void 0 || (_options$zIndex3 = options.zIndex) === null || _options$zIndex3 === void 0 ? void 0 : _options$zIndex3.modal) || Z_INDEX_MODAL_DEFAULT;
     timeline.clear().set(modal, {
       visibility: 'visible',
       left: predictPos[0],
       top: predictPos[1],
       opacity: 0,
-      zIndex: Z_INDEX_MODAL_DEFAULT,
+      zIndex: modalZIndex,
       scale: 0.95
     }).to(modal, {
       opacity: 1,
@@ -48350,20 +48368,25 @@ var ACTION_SHEET_ANIMATION = function ACTION_SHEET_ANIMATION(_ref4) {
     backdrop = _ref4.backdrop,
     target = _ref4.target,
     predictPos = _ref4.predictPos;
-  var appear = function appear(timeline) {
+  var appear = function appear(timeline, options) {
+    var _options$zIndex4, _options$zIndex5, _options$zIndex6;
+    var modalZIndex = (options === null || options === void 0 || (_options$zIndex4 = options.zIndex) === null || _options$zIndex4 === void 0 ? void 0 : _options$zIndex4.modal) || Z_INDEX_MODAL_DEFAULT;
+    var backdropZIndex = (options === null || options === void 0 || (_options$zIndex5 = options.zIndex) === null || _options$zIndex5 === void 0 ? void 0 : _options$zIndex5.backdrop) || Z_INDEX_BACKDROP_DEFAULT;
+    var targetZIndex = (options === null || options === void 0 || (_options$zIndex6 = options.zIndex) === null || _options$zIndex6 === void 0 ? void 0 : _options$zIndex6.target) || Z_INDEX_TARGET_DEFAULT;
+    var backdropColor = (options === null || options === void 0 ? void 0 : options.backdropColor) || BACKDROP_BACKGROUND_COLOR;
     timeline.clear().set(modal, {
       visibility: 'visible',
       left: predictPos[0],
       top: predictPos[1],
       opacity: 0,
-      zIndex: Z_INDEX_MODAL_DEFAULT
+      zIndex: modalZIndex
     }).set(target, {
-      zIndex: Z_INDEX_TARGET_DEFAULT
+      zIndex: targetZIndex
     }).set(backdrop, {
       visibility: 'visible',
-      backgroundColor: BACKDROP_BACKGROUND_COLOR,
+      backgroundColor: backdropColor,
       opacity: 0,
-      zIndex: Z_INDEX_BACKDROP_DEFAULT
+      zIndex: backdropZIndex
     }).to(modal, {
       opacity: 1,
       duration: 0.25,
@@ -48545,7 +48568,9 @@ function useBackgroundModalAnim() {
     onViewing = options.onViewing,
     backdropClassName = options.backdropClassName,
     _options$animeType = options.animeType,
-    animeType = _options$animeType === void 0 ? 'fade-in-scale-up' : _options$animeType;
+    animeType = _options$animeType === void 0 ? 'fade-in-scale-up' : _options$animeType,
+    zIndex = options.zIndex,
+    backdropColor = options.backdropColor;
   var backdropRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     init();
@@ -48643,7 +48668,10 @@ function useBackgroundModalAnim() {
     });
     if (timeline) {
       var anim = getAnim();
-      anim === null || anim === void 0 || anim[animeType].appear(timeline).play();
+      anim === null || anim === void 0 || anim[animeType].appear(timeline, {
+        zIndex: zIndex,
+        backdropColor: backdropColor
+      }).play();
     }
   }
   var disappearanceAnim = function disappearanceAnim() {
@@ -48653,7 +48681,10 @@ function useBackgroundModalAnim() {
     if (timeline) {
       var _anim$animeType;
       var anim = getAnim();
-      anim === null || anim === void 0 || (_anim$animeType = anim[animeType]) === null || _anim$animeType === void 0 || _anim$animeType.disappear(timeline).play();
+      anim === null || anim === void 0 || (_anim$animeType = anim[animeType]) === null || _anim$animeType === void 0 || _anim$animeType.disappear(timeline, {
+        zIndex: zIndex,
+        backdropColor: backdropColor
+      }).play();
     }
   };
   return {
@@ -48786,7 +48817,9 @@ function useModalAnim() {
     _options$animeType = options.animeType,
     animeType = _options$animeType === void 0 ? 'popover' : _options$animeType,
     _options$position = options.position,
-    position = _options$position === void 0 ? 'fixed' : _options$position;
+    position = _options$position === void 0 ? 'fixed' : _options$position,
+    zIndex = options.zIndex,
+    backdropColor = options.backdropColor;
   var backdropRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var smartPlacementServices = (0,_useSmartPlacementResolver__WEBPACK_IMPORTED_MODULE_1__.useSmartPlacementResolver)(ref, _objectSpread({
     parentRef: targetRef,
@@ -48884,7 +48917,10 @@ function useModalAnim() {
     });
     if (timeline) {
       var anim = getAnim();
-      anim === null || anim === void 0 || anim[animeType].appear(timeline).play();
+      anim === null || anim === void 0 || anim[animeType].appear(timeline, {
+        zIndex: zIndex,
+        backdropColor: backdropColor
+      }).play();
     }
   }
   var disappearanceAnim = function disappearanceAnim() {
@@ -48894,7 +48930,10 @@ function useModalAnim() {
     if (timeline) {
       var _anim$animeType;
       var anim = getAnim();
-      anim === null || anim === void 0 || (_anim$animeType = anim[animeType]) === null || _anim$animeType === void 0 || _anim$animeType.disappear(timeline).play();
+      anim === null || anim === void 0 || (_anim$animeType = anim[animeType]) === null || _anim$animeType === void 0 || _anim$animeType.disappear(timeline, {
+        zIndex: zIndex,
+        backdropColor: backdropColor
+      }).play();
     }
   };
   return {