@vkontakte/vkui 5.8.1 → 5.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (121) hide show
  1. package/dist/cjs/components/ActionSheet/ActionSheet.js +6 -2
  2. package/dist/cjs/components/ActionSheet/ActionSheet.js.map +1 -1
  3. package/dist/cjs/components/AspectRatio/AspectRatio.d.ts +3 -4
  4. package/dist/cjs/components/AspectRatio/AspectRatio.js +1 -2
  5. package/dist/cjs/components/AspectRatio/AspectRatio.js.map +1 -1
  6. package/dist/cjs/components/Banner/Banner.js +1 -5
  7. package/dist/cjs/components/Banner/Banner.js.map +1 -1
  8. package/dist/cjs/components/Group/Group.js +3 -1
  9. package/dist/cjs/components/Group/Group.js.map +1 -1
  10. package/dist/cjs/components/ImageBase/ImageBase.js +1 -16
  11. package/dist/cjs/components/ImageBase/ImageBase.js.map +1 -1
  12. package/dist/cjs/components/ModalRoot/ModalRoot.js +2 -0
  13. package/dist/cjs/components/ModalRoot/ModalRoot.js.map +1 -1
  14. package/dist/cjs/components/ModalRoot/ModalRootDesktop.js +11 -5
  15. package/dist/cjs/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  16. package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.d.ts +1 -1
  17. package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
  18. package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.d.ts +1 -1
  19. package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
  20. package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +1 -1
  21. package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
  22. package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +1 -1
  23. package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
  24. package/dist/cjs/components/Popper/Popper.js +3 -2
  25. package/dist/cjs/components/Popper/Popper.js.map +1 -1
  26. package/dist/cjs/components/ScrollArrow/ScrollArrow.js +1 -0
  27. package/dist/cjs/components/ScrollArrow/ScrollArrow.js.map +1 -1
  28. package/dist/cjs/components/SimpleCell/SimpleCell.js +8 -12
  29. package/dist/cjs/components/SimpleCell/SimpleCell.js.map +1 -1
  30. package/dist/components/ActionSheet/ActionSheet.js +6 -2
  31. package/dist/components/ActionSheet/ActionSheet.js.map +1 -1
  32. package/dist/components/AspectRatio/AspectRatio.d.ts +3 -4
  33. package/dist/components/AspectRatio/AspectRatio.js +2 -3
  34. package/dist/components/AspectRatio/AspectRatio.js.map +1 -1
  35. package/dist/components/Banner/Banner.js +1 -5
  36. package/dist/components/Banner/Banner.js.map +1 -1
  37. package/dist/components/Group/Group.js +3 -1
  38. package/dist/components/Group/Group.js.map +1 -1
  39. package/dist/components/ImageBase/ImageBase.js +1 -16
  40. package/dist/components/ImageBase/ImageBase.js.map +1 -1
  41. package/dist/components/ModalRoot/ModalRoot.js +2 -0
  42. package/dist/components/ModalRoot/ModalRoot.js.map +1 -1
  43. package/dist/components/ModalRoot/ModalRootDesktop.js +11 -5
  44. package/dist/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  45. package/dist/components/PanelHeaderBack/PanelHeaderBack.d.ts +1 -1
  46. package/dist/components/PanelHeaderBack/PanelHeaderBack.js +1 -1
  47. package/dist/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
  48. package/dist/components/PanelHeaderClose/PanelHeaderClose.d.ts +1 -1
  49. package/dist/components/PanelHeaderClose/PanelHeaderClose.js +1 -1
  50. package/dist/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
  51. package/dist/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +1 -1
  52. package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js +1 -1
  53. package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
  54. package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +1 -1
  55. package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.js +1 -1
  56. package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
  57. package/dist/components/Popper/Popper.js +3 -2
  58. package/dist/components/Popper/Popper.js.map +1 -1
  59. package/dist/components/ScrollArrow/ScrollArrow.js +1 -0
  60. package/dist/components/ScrollArrow/ScrollArrow.js.map +1 -1
  61. package/dist/components/SimpleCell/SimpleCell.js +8 -12
  62. package/dist/components/SimpleCell/SimpleCell.js.map +1 -1
  63. package/dist/components.css +10 -10
  64. package/dist/components.css.map +1 -1
  65. package/dist/components.js.tmp +49 -56
  66. package/dist/cssm/components/ActionSheet/ActionSheet.js +5 -1
  67. package/dist/cssm/components/ActionSheet/ActionSheet.js.map +1 -1
  68. package/dist/cssm/components/ActionSheet/ActionSheet.module.css +24 -14
  69. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.module.css +0 -16
  70. package/dist/cssm/components/AspectRatio/AspectRatio.d.ts +3 -4
  71. package/dist/cssm/components/AspectRatio/AspectRatio.js +2 -2
  72. package/dist/cssm/components/AspectRatio/AspectRatio.js.map +1 -1
  73. package/dist/cssm/components/Banner/Banner.js +1 -5
  74. package/dist/cssm/components/Banner/Banner.js.map +1 -1
  75. package/dist/cssm/components/Banner/Banner.module.css +1 -9
  76. package/dist/cssm/components/CellButton/CellButton.module.css +6 -4
  77. package/dist/cssm/components/Group/Group.js +3 -1
  78. package/dist/cssm/components/Group/Group.js.map +1 -1
  79. package/dist/cssm/components/Group/Group.module.css +24 -0
  80. package/dist/cssm/components/IconButton/IconButton.module.css +1 -3
  81. package/dist/cssm/components/ImageBase/ImageBase.js +1 -16
  82. package/dist/cssm/components/ImageBase/ImageBase.js.map +1 -1
  83. package/dist/cssm/components/ImageBase/ImageBase.module.css +0 -65
  84. package/dist/cssm/components/ModalRoot/ModalRoot.js +2 -0
  85. package/dist/cssm/components/ModalRoot/ModalRoot.js.map +1 -1
  86. package/dist/cssm/components/ModalRoot/ModalRootDesktop.js +10 -4
  87. package/dist/cssm/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  88. package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.d.ts +1 -1
  89. package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js +1 -1
  90. package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
  91. package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.d.ts +1 -1
  92. package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.js +1 -1
  93. package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
  94. package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +1 -1
  95. package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.js +1 -1
  96. package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
  97. package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +1 -1
  98. package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.js +1 -1
  99. package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
  100. package/dist/cssm/components/Popper/Popper.js +3 -2
  101. package/dist/cssm/components/Popper/Popper.js.map +1 -1
  102. package/dist/cssm/components/ScrollArrow/ScrollArrow.js +1 -0
  103. package/dist/cssm/components/ScrollArrow/ScrollArrow.js.map +1 -1
  104. package/dist/cssm/components/SimpleCell/SimpleCell.js +7 -11
  105. package/dist/cssm/components/SimpleCell/SimpleCell.js.map +1 -1
  106. package/dist/cssm/components/SimpleCell/SimpleCell.module.css +37 -91
  107. package/dist/cssm/components/Switch/Switch.module.css +0 -4
  108. package/dist/cssm/components/WriteBarIcon/WriteBarIcon.module.css +11 -2
  109. package/dist/vkui.css +10 -10
  110. package/dist/vkui.css.map +1 -1
  111. package/dist/vkui.js.tmp +49 -56
  112. package/package.json +1 -1
  113. package/dist/cjs/lib/is.d.ts +0 -1
  114. package/dist/cjs/lib/is.js +0 -18
  115. package/dist/cjs/lib/is.js.map +0 -1
  116. package/dist/cssm/lib/is.d.ts +0 -1
  117. package/dist/cssm/lib/is.js +0 -8
  118. package/dist/cssm/lib/is.js.map +0 -1
  119. package/dist/lib/is.d.ts +0 -1
  120. package/dist/lib/is.js +0 -8
  121. package/dist/lib/is.js.map +0 -1
package/dist/vkui.js.tmp CHANGED
@@ -12703,21 +12703,6 @@ function _unsupported_iterable_to_array(o, minLen) {
12703
12703
  imgRef,
12704
12704
  loaded
12705
12705
  ]);
12706
- var sizeClassName = function() {
12707
- switch(size){
12708
- case 28:
12709
- return "vkuiImageBase--size-28";
12710
- case 32:
12711
- return "vkuiImageBase--size-32";
12712
- case 40:
12713
- return "vkuiImageBase--size-40";
12714
- case 48:
12715
- return "vkuiImageBase--size-48";
12716
- case 72:
12717
- return "vkuiImageBase--size-72";
12718
- }
12719
- return null;
12720
- }();
12721
12706
  return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_context__WEBPACK_IMPORTED_MODULE_4__.ImageBaseContext.Provider, {
12722
12707
  value: {
12723
12708
  size: size
@@ -12727,7 +12712,7 @@ function _unsupported_iterable_to_array(o, minLen) {
12727
12712
  width: size,
12728
12713
  height: size
12729
12714
  }),
12730
- baseClassName: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiImageBase", sizeClassName, loaded && "vkuiImageBase--loaded"),
12715
+ baseClassName: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiImageBase", loaded && "vkuiImageBase--loaded"),
12731
12716
  role: hasSrc ? "img" : "presentation",
12732
12717
  "aria-label": ariaLabel,
12733
12718
  onClick: onClick
@@ -46253,6 +46238,7 @@ var ArrowIcon = function(param) {
46253
46238
  ]);
46254
46239
  return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RootComponent_RootComponent__WEBPACK_IMPORTED_MODULE_7__.RootComponent, _object_spread({
46255
46240
  Component: "button",
46241
+ type: "button",
46256
46242
  baseClassName: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiScrollArrow", stylesSize[size], stylesDirection[direction])
46257
46243
  }, restProps), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", {
46258
46244
  className: "vkuiScrollArrow__icon",
@@ -46779,13 +46765,12 @@ function _object_without_properties_loose(source, excluded) {
46779
46765
  /**
46780
46766
  * `AspectRatio` позволяет поддерживать постоянное соотношение ширины и высоты.
46781
46767
  * Его можно использовать для отображения изображений, карт, видео и других медиафайлов.
46782
-
46768
+
46783
46769
  * @since 5.5.0
46784
46770
  * @see https://vkcom.github.io/VKUI/#/AspectRatio
46785
46771
  */ function AspectRatio(_param) {
46786
- var ratio = _param.ratio, children = _param.children, _param_mode = _param.mode, mode = _param_mode === void 0 ? "stretch" : _param_mode, styleProp = _param.style, props = _object_without_properties(_param, [
46772
+ var ratio = _param.ratio, _param_mode = _param.mode, mode = _param_mode === void 0 ? "stretch" : _param_mode, styleProp = _param.style, props = _object_without_properties(_param, [
46787
46773
  "ratio",
46788
- "children",
46789
46774
  "mode",
46790
46775
  "style"
46791
46776
  ]);
@@ -48481,14 +48466,18 @@ var warn = (0,_lib_warnOnce__WEBPACK_IMPORTED_MODULE_3__.warnOnce)("ActionSheet"
48481
48466
  onClose: onClose,
48482
48467
  className: isDesktop ? className : undefined,
48483
48468
  style: isDesktop ? style : undefined
48484
- }), (header || text) && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("header", {
48469
+ }), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
48470
+ className: "vkuiActionSheet__content-wrapper"
48471
+ }, (header || text) && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("header", {
48485
48472
  className: "vkuiActionSheet__header"
48486
48473
  }, header && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_13__.Footnote, {
48487
48474
  weight: "2",
48488
48475
  className: "vkuiActionSheet__title"
48489
48476
  }, header), text && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_13__.Footnote, {
48490
48477
  className: "vkuiActionSheet__text"
48491
- }, text)), children, platform === _lib_platform__WEBPACK_IMPORTED_MODULE_7__.Platform.IOS && !isDesktop && (iosCloseItem !== null && iosCloseItem !== void 0 ? iosCloseItem : /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ActionSheetDefaultIosCloseItem__WEBPACK_IMPORTED_MODULE_14__.ActionSheetDefaultIosCloseItem, null))));
48478
+ }, text)), children), platform === _lib_platform__WEBPACK_IMPORTED_MODULE_7__.Platform.IOS && !isDesktop && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
48479
+ className: "vkuiActionSheet__close-item-wrapper--ios"
48480
+ }, iosCloseItem !== null && iosCloseItem !== void 0 ? iosCloseItem : /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ActionSheetDefaultIosCloseItem__WEBPACK_IMPORTED_MODULE_14__.ActionSheetDefaultIosCloseItem, null))));
48492
48481
  if (isDesktop) {
48493
48482
  return actionSheet;
48494
48483
  }
@@ -48740,10 +48729,11 @@ __webpack_require__.r(__webpack_exports__);
48740
48729
  /* harmony import */ var _lib_floating__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(243);
48741
48730
  /* harmony import */ var _lib_floating__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(245);
48742
48731
  /* harmony import */ var _lib_floating__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(248);
48743
- /* harmony import */ var _AppRoot_AppRootPortal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(185);
48732
+ /* harmony import */ var _lib_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(64);
48733
+ /* harmony import */ var _AppRoot_AppRootPortal__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(185);
48744
48734
  /* harmony import */ var _PopperArrow_DefaultIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(241);
48745
- /* harmony import */ var _PopperArrow_PopperArrow__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(249);
48746
- /* harmony import */ var _RootComponent_RootComponent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(81);
48735
+ /* harmony import */ var _PopperArrow_PopperArrow__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(249);
48736
+ /* harmony import */ var _RootComponent_RootComponent__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(81);
48747
48737
  /* harmony import */ var _Popper_module_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(240);
48748
48738
  function _array_like_to_array(arr, len) {
48749
48739
  if (len == null || len > arr.length) len = arr.length;
@@ -48890,6 +48880,7 @@ function _unsupported_iterable_to_array(o, minLen) {
48890
48880
 
48891
48881
 
48892
48882
 
48883
+
48893
48884
  /**
48894
48885
  * @see https://vkcom.github.io/VKUI/#/Popper
48895
48886
  */ var Popper = function(_param) {
@@ -48989,13 +48980,13 @@ function _unsupported_iterable_to_array(o, minLen) {
48989
48980
  }), floatingDataX = _useFloating.x, floatingDataY = _useFloating.y, floatingPositionStrategy = _useFloating.strategy, resolvedPlacement = _useFloating.placement, refs = _useFloating.refs, _useFloating_middlewareData = _useFloating.middlewareData, arrowCoords = _useFloating_middlewareData.arrow, hide = _useFloating_middlewareData.hide;
48990
48981
  // TODO [>=6]: убрать getRef
48991
48982
  var handleRootRef = (0,_hooks_useExternRef__WEBPACK_IMPORTED_MODULE_7__.useExternRef)(refs.setFloating, getRef, getRootRef);
48992
- react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function() {
48983
+ (0,_lib_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_8__.useIsomorphicLayoutEffect)(function() {
48993
48984
  refs.setReference(targetRef.current);
48994
48985
  }, [
48995
48986
  refs,
48996
48987
  targetRef
48997
48988
  ]);
48998
- react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function() {
48989
+ (0,_lib_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_8__.useIsomorphicLayoutEffect)(function() {
48999
48990
  if (resolvedPlacement && onPlacementChange) {
49000
48991
  onPlacementChange({
49001
48992
  placement: resolvedPlacement
@@ -49005,13 +48996,13 @@ function _unsupported_iterable_to_array(o, minLen) {
49005
48996
  onPlacementChange,
49006
48997
  resolvedPlacement
49007
48998
  ]);
49008
- var dropdown = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RootComponent_RootComponent__WEBPACK_IMPORTED_MODULE_8__.RootComponent, _object_spread_props(_object_spread({}, restProps), {
48999
+ var dropdown = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RootComponent_RootComponent__WEBPACK_IMPORTED_MODULE_9__.RootComponent, _object_spread_props(_object_spread({}, restProps), {
49009
49000
  baseClassName: "vkuiPopper",
49010
49001
  getRootRef: handleRootRef,
49011
49002
  style: _object_spread({}, styleProp, (0,_lib_floating__WEBPACK_IMPORTED_MODULE_3__.convertFloatingDataToReactCSSProperties)(floatingPositionStrategy, floatingDataX, floatingDataY, sameWidth ? null : undefined), ((_hide = hide) === null || _hide === void 0 ? void 0 : _hide.referenceHidden) && {
49012
49003
  visibility: "hidden"
49013
49004
  })
49014
- }), arrow && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_PopperArrow_PopperArrow__WEBPACK_IMPORTED_MODULE_9__.PopperArrow, {
49005
+ }), arrow && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_PopperArrow_PopperArrow__WEBPACK_IMPORTED_MODULE_10__.PopperArrow, {
49015
49006
  coords: arrowCoords,
49016
49007
  placement: resolvedPlacement,
49017
49008
  arrowClassName: arrowClassName,
@@ -49020,7 +49011,7 @@ function _unsupported_iterable_to_array(o, minLen) {
49020
49011
  }), renderContent ? renderContent({
49021
49012
  className: ""
49022
49013
  }) : children);
49023
- return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AppRoot_AppRootPortal__WEBPACK_IMPORTED_MODULE_10__.AppRootPortal, {
49014
+ return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_AppRoot_AppRootPortal__WEBPACK_IMPORTED_MODULE_11__.AppRootPortal, {
49024
49015
  forcePortal: forcePortal,
49025
49016
  portalRoot: portalRoot
49026
49017
  }, dropdown);
@@ -52833,7 +52824,6 @@ var ModalRootDesktop = function(param) {
52833
52824
  });
52834
52825
  };
52835
52826
  var openModal = function() {
52836
- var _enteringState;
52837
52827
  if (!enteringModal || !prevProps) {
52838
52828
  return;
52839
52829
  }
@@ -52848,15 +52838,22 @@ var ModalRootDesktop = function(param) {
52848
52838
  return onEntered(enteringModal);
52849
52839
  }, timeout);
52850
52840
  animateModalOpacity(enteringState, true);
52841
+ if (enteringState) {
52842
+ setMaskOpacity(enteringState, 1);
52843
+ }
52851
52844
  }
52852
52845
  });
52853
52846
  return;
52854
52847
  }
52855
52848
  // Переход между модальными окнами без анимации
52856
- if ((_enteringState = enteringState) === null || _enteringState === void 0 ? void 0 : _enteringState.innerElement) {
52857
- enteringState.innerElement.style.transition = "none";
52858
- enteringState.innerElement.style.opacity = "1";
52859
- }
52849
+ requestAnimationFrame(function() {
52850
+ var _enteringState;
52851
+ if ((_enteringState = enteringState) === null || _enteringState === void 0 ? void 0 : _enteringState.innerElement) {
52852
+ enteringState.innerElement.style.transition = "none";
52853
+ enteringState.innerElement.style.opacity = "1";
52854
+ setMaskOpacity(enteringState, 1);
52855
+ }
52856
+ });
52860
52857
  onEntered(enteringModal);
52861
52858
  };
52862
52859
  var closeModal = function(id) {
@@ -53688,6 +53685,7 @@ var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
53688
53685
  if ((_enteringState = enteringState) === null || _enteringState === void 0 ? void 0 : _enteringState.innerElement) {
53689
53686
  enteringState.innerElement.style.transitionDelay = this.props.delayEnter ? "".concat(this.timeout, "ms") : "";
53690
53687
  this.animateTranslate(enteringState, enteringState.translateY);
53688
+ this.setMaskOpacity(enteringState, 1);
53691
53689
  }
53692
53690
  }
53693
53691
  // focus restoration
@@ -54016,6 +54014,7 @@ var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
54016
54014
  var _modalState_translateY = modalState.translateY, translateY = _modalState_translateY === void 0 ? 0 : _modalState_translateY, _modalState_translateYCurrent = modalState.translateYCurrent, translateYCurrent = _modalState_translateYCurrent === void 0 ? 0 : _modalState_translateYCurrent;
54017
54015
  var opacity = forceOpacity === null ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0 : forceOpacity;
54018
54016
  _this.maskElementRef.current.style.opacity = (0,_helpers_math__WEBPACK_IMPORTED_MODULE_4__.clamp)(opacity, 0, 100).toString();
54017
+ _this.maskElementRef.current.style.transitionDelay = opacity && _this.props.delayEnter ? "".concat(_this.timeout, "ms") : "";
54019
54018
  }
54020
54019
  });
54021
54020
  }
@@ -56732,7 +56731,9 @@ var warn = (0,_lib_warnOnce__WEBPACK_IMPORTED_MODULE_5__.warnOnce)("Group");
56732
56731
  }, restProps), {
56733
56732
  tabIndex: tabIndex,
56734
56733
  baseClassName: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiInternalGroup", "vkuiGroup", isInsideModal && "vkuiGroup--inside-modal", platform === _lib_platform__WEBPACK_IMPORTED_MODULE_10__.Platform.IOS && "vkuiGroup--ios", sizeX !== _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__.SizeType.REGULAR && sizeXClassNames[sizeX], mode && stylesMode[mode], stylesPadding[padding])
56735
- }), header, children, (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasReactNode)(description) && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_11__.Footnote, {
56734
+ }), (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasReactNode)(header) && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
56735
+ className: "vkuiGroup__header"
56736
+ }, header), children, (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasReactNode)(description) && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_11__.Footnote, {
56736
56737
  className: "vkuiGroup__description"
56737
56738
  }, description)), separator !== "hide" && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spacing_Spacing__WEBPACK_IMPORTED_MODULE_12__.Spacing, {
56738
56739
  className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiGroup__separator", "vkuiGroup__separator--spacing"),
@@ -57983,15 +57984,9 @@ function _object_without_properties_loose(source, excluded) {
57983
57984
 
57984
57985
 
57985
57986
  var warn = (0,_lib_warnOnce__WEBPACK_IMPORTED_MODULE_3__.warnOnce)("SimpleCell");
57986
- var platformClassNames = {
57987
- ios: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiSimpleCell--ios", "vkuiInternalSimpleCell--ios"),
57988
- android: "vkuiSimpleCell--android",
57989
- vkcom: "vkuiSimpleCell--vkcom"
57990
- };
57991
- var _obj;
57992
- var sizeYClassNames = (_obj = {
57993
- none: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiSimpleCell--sizeY-none", "vkuiInternalSimpleCell--sizeY-none")
57994
- }, _define_property(_obj, _lib_adaptivity__WEBPACK_IMPORTED_MODULE_4__.SizeType.COMPACT, (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiSimpleCell--sizeY-compact", "vkuiInternalSimpleCell--sizeY-compact")), _define_property(_obj, _lib_adaptivity__WEBPACK_IMPORTED_MODULE_4__.SizeType.REGULAR, "vkuiSimpleCell--sizeY-regular"), _obj);
57987
+ var sizeYClassNames = _define_property({
57988
+ none: "vkuiSimpleCell--sizeY-none"
57989
+ }, _lib_adaptivity__WEBPACK_IMPORTED_MODULE_4__.SizeType.COMPACT, "vkuiSimpleCell--sizeY-compact");
57995
57990
  /**
57996
57991
  * @see https://vkcom.github.io/VKUI/#/SimpleCell
57997
57992
  */ var SimpleCell = function(_param) {
@@ -58021,9 +58016,11 @@ var sizeYClassNames = (_obj = {
58021
58016
  var hasAfter = (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasReactNode)(after) || hasChevron;
58022
58017
  var _useAdaptivity = (0,_hooks_useAdaptivity__WEBPACK_IMPORTED_MODULE_7__.useAdaptivity)(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
58023
58018
  return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tappable_Tappable__WEBPACK_IMPORTED_MODULE_8__.Tappable, _object_spread_props(_object_spread({}, restProps), {
58024
- className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiSimpleCell", "vkuiInternalSimpleCell", platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, sizeYClassNames[sizeY], multiline && "vkuiSimpleCell--mult", className)
58025
- }), before, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
58026
- className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiSimpleCell__main", "vkuiInternalSimpleCell__main")
58019
+ className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiSimpleCell", sizeY !== _lib_adaptivity__WEBPACK_IMPORTED_MODULE_4__.SizeType.REGULAR && sizeYClassNames[sizeY], multiline && "vkuiSimpleCell--mult", className)
58020
+ }), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
58021
+ className: "vkuiSimpleCell__before"
58022
+ }, before), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
58023
+ className: "vkuiSimpleCell__middle"
58027
58024
  }, subhead && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Subhead_Subhead__WEBPACK_IMPORTED_MODULE_9__.Subhead, {
58028
58025
  Component: "span",
58029
58026
  className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiSimpleCell__text", "vkuiSimpleCell__subhead")
@@ -63802,10 +63799,6 @@ function _object_without_properties_loose(source, excluded) {
63802
63799
 
63803
63800
 
63804
63801
 
63805
- var stylesSize = {
63806
- s: "vkuiBanner--size-s",
63807
- m: "vkuiBanner--size-m"
63808
- };
63809
63802
  /**
63810
63803
  * @see https://vkcom.github.io/VKUI/#/Banner
63811
63804
  */ var Banner = function(_param) {
@@ -63852,7 +63845,7 @@ var stylesSize = {
63852
63845
  return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RootComponent_RootComponent__WEBPACK_IMPORTED_MODULE_10__.RootComponent, _object_spread_props(_object_spread({
63853
63846
  Component: "section"
63854
63847
  }, restProps), {
63855
- baseClassName: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiBanner", !noPadding && "vkuiBanner--withPadding", platform === _lib_platform__WEBPACK_IMPORTED_MODULE_11__.Platform.IOS && "vkuiBanner--ios", mode === "image" && "vkuiBanner--mode-image", stylesSize[size], mode === "image" && imageTheme === "dark" && "vkuiBanner--inverted")
63848
+ baseClassName: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiBanner", !noPadding && "vkuiBanner--withPadding", platform === _lib_platform__WEBPACK_IMPORTED_MODULE_11__.Platform.IOS && "vkuiBanner--ios", mode === "image" && "vkuiBanner--mode-image", size === "m" && "vkuiBanner--size-m", mode === "image" && imageTheme === "dark" && "vkuiBanner--inverted")
63856
63849
  }), asideMode === "expand" ? /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tappable_Tappable__WEBPACK_IMPORTED_MODULE_12__.Tappable, {
63857
63850
  className: "vkuiBanner__in",
63858
63851
  activeMode: platform === _lib_platform__WEBPACK_IMPORTED_MODULE_11__.Platform.IOS ? "opacity" : "background",
@@ -76205,7 +76198,7 @@ function _object_without_properties_loose(source, excluded) {
76205
76198
 
76206
76199
 
76207
76200
  /**
76208
- * @see https://vkcom.github.io/VKUI/#/PanelHeaderClose
76201
+ * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton
76209
76202
  */ var PanelHeaderClose = function(_param) {
76210
76203
  var _param_children = _param.children, children = _param_children === void 0 ? "Отмена" : _param_children, restProps = _object_without_properties(_param, [
76211
76204
  "children"
@@ -76341,7 +76334,7 @@ function _object_without_properties_loose(source, excluded) {
76341
76334
 
76342
76335
 
76343
76336
  /**
76344
- * @see https://vkcom.github.io/VKUI/#/PanelHeaderBack
76337
+ * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton
76345
76338
  */ var PanelHeaderBack = function(_param) {
76346
76339
  var label = _param.label, tmp = _param["aria-label"], ariaLabel = tmp === void 0 ? "Назад" : tmp, className = _param.className, restProps = _object_without_properties(_param, [
76347
76340
  "label",
@@ -76492,7 +76485,7 @@ function _object_without_properties_loose(source, excluded) {
76492
76485
 
76493
76486
 
76494
76487
  /**
76495
- * @see https://vkcom.github.io/VKUI/#/PanelHeaderSubmit
76488
+ * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton
76496
76489
  */ var PanelHeaderSubmit = function(_param) {
76497
76490
  var _param_children = _param.children, children = _param_children === void 0 ? "Готово" : _param_children, restProps = _object_without_properties(_param, [
76498
76491
  "children"
@@ -76596,7 +76589,7 @@ function _object_without_properties_loose(source, excluded) {
76596
76589
 
76597
76590
 
76598
76591
  /**
76599
- * @see https://vkcom.github.io/VKUI/#/PanelHeaderEdit
76592
+ * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton
76600
76593
  */ var PanelHeaderEdit = function(_param) {
76601
76594
  var _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_editLabel = _param.editLabel, editLabel = _param_editLabel === void 0 ? "Редактировать" : _param_editLabel, _param_doneLabel = _param.doneLabel, doneLabel = _param_doneLabel === void 0 ? "Готово" : _param_doneLabel, restProps = _object_without_properties(_param, [
76602
76595
  "isActive",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "private": false,
3
- "version": "5.8.1",
3
+ "version": "5.8.2",
4
4
  "name": "@vkontakte/vkui",
5
5
  "description": "VKUI library",
6
6
  "main": "dist/cjs/index.js",
@@ -1 +0,0 @@
1
- export declare function is(x: any, y: any): boolean;
@@ -1,18 +0,0 @@
1
- // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "is", {
7
- enumerable: true,
8
- get: function() {
9
- return is;
10
- }
11
- });
12
- function is(x, y) {
13
- return x === y && // -0 is not +0
14
- (x !== 0 || 1 / x === 1 / y) || // both NaN
15
- x !== x && y !== y;
16
- }
17
-
18
- //# sourceMappingURL=is.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/lib/is.ts"],"sourcesContent":["// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\nexport function is(x: any, y: any) {\n return (\n (x === y &&\n // -0 is not +0\n (x !== 0 || 1 / x === 1 / y)) ||\n // both NaN\n (x !== x && y !== y)\n );\n}\n"],"names":["is","x","y"],"mappings":"AAAA,6FAA6F;;;;;+BAC7EA;;;eAAAA;;;AAAT,SAASA,GAAGC,CAAM,EAAEC,CAAM;IAC/B,OACE,AAACD,MAAMC,KACL,eAAe;IACdD,CAAAA,MAAM,KAAK,IAAIA,MAAM,IAAIC,CAAAA,KAC5B,WAAW;IACVD,MAAMA,KAAKC,MAAMA;AAEtB"}
@@ -1 +0,0 @@
1
- export declare function is(x: any, y: any): boolean;
@@ -1,8 +0,0 @@
1
- // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
2
- export function is(x, y) {
3
- return x === y && // -0 is not +0
4
- (x !== 0 || 1 / x === 1 / y) || // both NaN
5
- x !== x && y !== y;
6
- }
7
-
8
- //# sourceMappingURL=is.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/lib/is.ts"],"sourcesContent":["// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\nexport function is(x: any, y: any) {\n return (\n (x === y &&\n // -0 is not +0\n (x !== 0 || 1 / x === 1 / y)) ||\n // both NaN\n (x !== x && y !== y)\n );\n}\n"],"names":["is","x","y"],"mappings":"AAAA,6FAA6F;AAC7F,OAAO,SAASA,GAAGC,CAAM,EAAEC,CAAM;IAC/B,OACE,AAACD,MAAMC,KACL,eAAe;IACdD,CAAAA,MAAM,KAAK,IAAIA,MAAM,IAAIC,CAAAA,KAC5B,WAAW;IACVD,MAAMA,KAAKC,MAAMA;AAEtB"}
package/dist/lib/is.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare function is(x: any, y: any): boolean;
package/dist/lib/is.js DELETED
@@ -1,8 +0,0 @@
1
- // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
2
- export function is(x, y) {
3
- return x === y && // -0 is not +0
4
- (x !== 0 || 1 / x === 1 / y) || // both NaN
5
- x !== x && y !== y;
6
- }
7
-
8
- //# sourceMappingURL=is.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/lib/is.ts"],"sourcesContent":["// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\nexport function is(x: any, y: any) {\n return (\n (x === y &&\n // -0 is not +0\n (x !== 0 || 1 / x === 1 / y)) ||\n // both NaN\n (x !== x && y !== y)\n );\n}\n"],"names":["is","x","y"],"mappings":"AAAA,6FAA6F;AAC7F,OAAO,SAASA,GAAGC,CAAM,EAAEC,CAAM;IAC/B,OACE,AAACD,MAAMC,KACL,eAAe;IACdD,CAAAA,MAAM,KAAK,IAAIA,MAAM,IAAIC,CAAAA,KAC5B,WAAW;IACVD,MAAMA,KAAKC,MAAMA;AAEtB"}