@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.
- package/dist/cjs/components/ActionSheet/ActionSheet.js +6 -2
- package/dist/cjs/components/ActionSheet/ActionSheet.js.map +1 -1
- package/dist/cjs/components/AspectRatio/AspectRatio.d.ts +3 -4
- package/dist/cjs/components/AspectRatio/AspectRatio.js +1 -2
- package/dist/cjs/components/AspectRatio/AspectRatio.js.map +1 -1
- package/dist/cjs/components/Banner/Banner.js +1 -5
- package/dist/cjs/components/Banner/Banner.js.map +1 -1
- package/dist/cjs/components/Group/Group.js +3 -1
- package/dist/cjs/components/Group/Group.js.map +1 -1
- package/dist/cjs/components/ImageBase/ImageBase.js +1 -16
- package/dist/cjs/components/ImageBase/ImageBase.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRoot.js +2 -0
- package/dist/cjs/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRootDesktop.js +11 -5
- package/dist/cjs/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.d.ts +1 -1
- package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
- package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.d.ts +1 -1
- package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
- package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +1 -1
- package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
- package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +1 -1
- package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
- package/dist/cjs/components/Popper/Popper.js +3 -2
- package/dist/cjs/components/Popper/Popper.js.map +1 -1
- package/dist/cjs/components/ScrollArrow/ScrollArrow.js +1 -0
- package/dist/cjs/components/ScrollArrow/ScrollArrow.js.map +1 -1
- package/dist/cjs/components/SimpleCell/SimpleCell.js +8 -12
- package/dist/cjs/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/components/ActionSheet/ActionSheet.js +6 -2
- package/dist/components/ActionSheet/ActionSheet.js.map +1 -1
- package/dist/components/AspectRatio/AspectRatio.d.ts +3 -4
- package/dist/components/AspectRatio/AspectRatio.js +2 -3
- package/dist/components/AspectRatio/AspectRatio.js.map +1 -1
- package/dist/components/Banner/Banner.js +1 -5
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/Group/Group.js +3 -1
- package/dist/components/Group/Group.js.map +1 -1
- package/dist/components/ImageBase/ImageBase.js +1 -16
- package/dist/components/ImageBase/ImageBase.js.map +1 -1
- package/dist/components/ModalRoot/ModalRoot.js +2 -0
- package/dist/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/components/ModalRoot/ModalRootDesktop.js +11 -5
- package/dist/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/components/PanelHeaderBack/PanelHeaderBack.d.ts +1 -1
- package/dist/components/PanelHeaderBack/PanelHeaderBack.js +1 -1
- package/dist/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
- package/dist/components/PanelHeaderClose/PanelHeaderClose.d.ts +1 -1
- package/dist/components/PanelHeaderClose/PanelHeaderClose.js +1 -1
- package/dist/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
- package/dist/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +1 -1
- package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js +1 -1
- package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
- package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +1 -1
- package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.js +1 -1
- package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
- package/dist/components/Popper/Popper.js +3 -2
- package/dist/components/Popper/Popper.js.map +1 -1
- package/dist/components/ScrollArrow/ScrollArrow.js +1 -0
- package/dist/components/ScrollArrow/ScrollArrow.js.map +1 -1
- package/dist/components/SimpleCell/SimpleCell.js +8 -12
- package/dist/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/components.css +10 -10
- package/dist/components.css.map +1 -1
- package/dist/components.js.tmp +49 -56
- package/dist/cssm/components/ActionSheet/ActionSheet.js +5 -1
- package/dist/cssm/components/ActionSheet/ActionSheet.js.map +1 -1
- package/dist/cssm/components/ActionSheet/ActionSheet.module.css +24 -14
- package/dist/cssm/components/ActionSheetItem/ActionSheetItem.module.css +0 -16
- package/dist/cssm/components/AspectRatio/AspectRatio.d.ts +3 -4
- package/dist/cssm/components/AspectRatio/AspectRatio.js +2 -2
- package/dist/cssm/components/AspectRatio/AspectRatio.js.map +1 -1
- package/dist/cssm/components/Banner/Banner.js +1 -5
- package/dist/cssm/components/Banner/Banner.js.map +1 -1
- package/dist/cssm/components/Banner/Banner.module.css +1 -9
- package/dist/cssm/components/CellButton/CellButton.module.css +6 -4
- package/dist/cssm/components/Group/Group.js +3 -1
- package/dist/cssm/components/Group/Group.js.map +1 -1
- package/dist/cssm/components/Group/Group.module.css +24 -0
- package/dist/cssm/components/IconButton/IconButton.module.css +1 -3
- package/dist/cssm/components/ImageBase/ImageBase.js +1 -16
- package/dist/cssm/components/ImageBase/ImageBase.js.map +1 -1
- package/dist/cssm/components/ImageBase/ImageBase.module.css +0 -65
- package/dist/cssm/components/ModalRoot/ModalRoot.js +2 -0
- package/dist/cssm/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRootDesktop.js +10 -4
- package/dist/cssm/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.d.ts +1 -1
- package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js +1 -1
- package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
- package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.d.ts +1 -1
- package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.js +1 -1
- package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
- package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +1 -1
- package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.js +1 -1
- package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
- package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +1 -1
- package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.js +1 -1
- package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
- package/dist/cssm/components/Popper/Popper.js +3 -2
- package/dist/cssm/components/Popper/Popper.js.map +1 -1
- package/dist/cssm/components/ScrollArrow/ScrollArrow.js +1 -0
- package/dist/cssm/components/ScrollArrow/ScrollArrow.js.map +1 -1
- package/dist/cssm/components/SimpleCell/SimpleCell.js +7 -11
- package/dist/cssm/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/cssm/components/SimpleCell/SimpleCell.module.css +37 -91
- package/dist/cssm/components/Switch/Switch.module.css +0 -4
- package/dist/cssm/components/WriteBarIcon/WriteBarIcon.module.css +11 -2
- package/dist/vkui.css +10 -10
- package/dist/vkui.css.map +1 -1
- package/dist/vkui.js.tmp +49 -56
- package/package.json +1 -1
- package/dist/cjs/lib/is.d.ts +0 -1
- package/dist/cjs/lib/is.js +0 -18
- package/dist/cjs/lib/is.js.map +0 -1
- package/dist/cssm/lib/is.d.ts +0 -1
- package/dist/cssm/lib/is.js +0 -8
- package/dist/cssm/lib/is.js.map +0 -1
- package/dist/lib/is.d.ts +0 -1
- package/dist/lib/is.js +0 -8
- 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",
|
|
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,
|
|
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
|
-
}),
|
|
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 &&
|
|
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
|
|
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
|
|
48746
|
-
/* harmony import */ var
|
|
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
|
-
|
|
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
|
-
|
|
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(
|
|
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(
|
|
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(
|
|
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
|
-
|
|
52857
|
-
|
|
52858
|
-
enteringState.innerElement
|
|
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
|
-
}),
|
|
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
|
|
57987
|
-
|
|
57988
|
-
|
|
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",
|
|
58025
|
-
}),
|
|
58026
|
-
className:
|
|
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",
|
|
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/#/
|
|
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/#/
|
|
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/#/
|
|
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/#/
|
|
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
package/dist/cjs/lib/is.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function is(x: any, y: any): boolean;
|
package/dist/cjs/lib/is.js
DELETED
|
@@ -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
|
package/dist/cjs/lib/is.js.map
DELETED
|
@@ -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"}
|
package/dist/cssm/lib/is.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function is(x: any, y: any): boolean;
|
package/dist/cssm/lib/is.js
DELETED
package/dist/cssm/lib/is.js.map
DELETED
|
@@ -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
package/dist/lib/is.js.map
DELETED
|
@@ -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"}
|