@alfalab/core-components-bottom-sheet 6.18.8 → 6.18.9-snapshot-1393ffa
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/component.js +28 -29
- package/component.js.map +1 -0
- package/components/footer/Component.js +5 -6
- package/components/footer/Component.js.map +1 -0
- package/components/footer/index.css +50 -75
- package/components/footer/index.module.css.js +8 -0
- package/components/footer/index.module.css.js.map +1 -0
- package/components/header/Component.js +7 -8
- package/components/header/Component.js.map +1 -0
- package/components/header/index.css +18 -42
- package/components/header/index.module.css.js +8 -0
- package/components/header/index.module.css.js.map +1 -0
- package/components/swipeable-backdrop/Component.js +1 -0
- package/components/swipeable-backdrop/Component.js.map +1 -0
- package/consts/swipeConsts.js +3 -2
- package/consts/swipeConsts.js.map +1 -0
- package/cssm/component.js +23 -22
- package/cssm/component.js.map +1 -0
- package/cssm/components/footer/Component.js +3 -2
- package/cssm/components/footer/Component.js.map +1 -0
- package/cssm/components/footer/index.module.css +25 -49
- package/cssm/components/header/Component.js +5 -4
- package/cssm/components/header/Component.js.map +1 -0
- package/cssm/components/header/index.module.css +6 -29
- package/cssm/components/swipeable-backdrop/Component.js +3 -2
- package/cssm/components/swipeable-backdrop/Component.js.map +1 -0
- package/cssm/consts/swipeConsts.js +3 -2
- package/cssm/consts/swipeConsts.js.map +1 -0
- package/cssm/enums/swipeEnums.js +1 -0
- package/cssm/enums/swipeEnums.js.map +1 -0
- package/cssm/hooks/index.js +4 -3
- package/cssm/hooks/index.js.map +1 -0
- package/cssm/hooks/use-visualviewport-size.js +6 -5
- package/cssm/hooks/use-visualviewport-size.js.map +1 -0
- package/cssm/index.js +1 -0
- package/cssm/index.js.map +1 -0
- package/cssm/index.module.css +29 -52
- package/cssm/shared/index.js +1 -0
- package/cssm/shared/index.js.map +1 -0
- package/cssm/src/component.d.ts +3 -0
- package/cssm/{components → src/components}/footer/Component.d.ts +2 -3
- package/cssm/src/components/header/Component.d.ts +7 -0
- package/{esm → cssm/src}/components/swipeable-backdrop/Component.d.ts +3 -4
- package/cssm/src/consts/swipeConsts.d.ts +1 -0
- package/cssm/{enums → src/enums}/swipeEnums.d.ts +1 -2
- package/cssm/src/hooks/index.d.ts +1 -0
- package/cssm/src/hooks/use-visualviewport-size.d.ts +7 -0
- package/cssm/src/index.d.ts +3 -0
- package/cssm/src/shared/index.d.ts +1 -0
- package/{esm → cssm/src}/types/swipeTypes.d.ts +1 -2
- package/cssm/{types.d.ts → src/types.d.ts} +8 -10
- package/cssm/src/utils.d.ts +16 -0
- package/cssm/types/swipeTypes.js +1 -0
- package/cssm/types/swipeTypes.js.map +1 -0
- package/cssm/types.js +1 -0
- package/cssm/types.js.map +1 -0
- package/cssm/utils.js +8 -7
- package/cssm/utils.js.map +1 -0
- package/enums/swipeEnums.js +1 -0
- package/enums/swipeEnums.js.map +1 -0
- package/esm/component.js +2 -3
- package/esm/component.js.map +1 -0
- package/esm/components/footer/Component.js +2 -3
- package/esm/components/footer/Component.js.map +1 -0
- package/esm/components/footer/index.css +50 -75
- package/esm/components/footer/index.module.css.js +6 -0
- package/esm/components/footer/index.module.css.js.map +1 -0
- package/esm/components/header/Component.js +2 -3
- package/esm/components/header/Component.js.map +1 -0
- package/esm/components/header/index.css +18 -42
- package/esm/components/header/index.module.css.js +6 -0
- package/esm/components/header/index.module.css.js.map +1 -0
- package/esm/components/swipeable-backdrop/Component.js +1 -0
- package/esm/components/swipeable-backdrop/Component.js.map +1 -0
- package/esm/consts/swipeConsts.js +1 -0
- package/esm/consts/swipeConsts.js.map +1 -0
- package/esm/enums/swipeEnums.js +1 -0
- package/esm/enums/swipeEnums.js.map +1 -0
- package/esm/hooks/index.js +1 -0
- package/esm/hooks/index.js.map +1 -0
- package/esm/hooks/use-visualviewport-size.js +1 -0
- package/esm/hooks/use-visualviewport-size.js.map +1 -0
- package/esm/index.css +73 -97
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -0
- package/esm/index.module.css.js +6 -0
- package/esm/index.module.css.js.map +1 -0
- package/esm/shared/index.js +1 -0
- package/esm/shared/index.js.map +1 -0
- package/esm/src/component.d.ts +3 -0
- package/{components → esm/src/components}/footer/Component.d.ts +2 -3
- package/esm/src/components/header/Component.d.ts +7 -0
- package/{modern → esm/src}/components/swipeable-backdrop/Component.d.ts +3 -4
- package/esm/src/consts/swipeConsts.d.ts +1 -0
- package/{enums → esm/src/enums}/swipeEnums.d.ts +1 -2
- package/esm/src/hooks/index.d.ts +1 -0
- package/esm/src/hooks/use-visualviewport-size.d.ts +7 -0
- package/esm/src/index.d.ts +3 -0
- package/esm/src/shared/index.d.ts +1 -0
- package/{cssm → esm/src}/types/swipeTypes.d.ts +1 -2
- package/{moderncssm → esm/src}/types.d.ts +8 -10
- package/esm/src/utils.d.ts +16 -0
- package/esm/types/swipeTypes.js +1 -0
- package/esm/types/swipeTypes.js.map +1 -0
- package/esm/types.js +1 -0
- package/esm/types.js.map +1 -0
- package/esm/utils.js +1 -0
- package/esm/utils.js.map +1 -0
- package/hooks/index.js +4 -3
- package/hooks/index.js.map +1 -0
- package/hooks/use-visualviewport-size.js +1 -0
- package/hooks/use-visualviewport-size.js.map +1 -0
- package/index.css +73 -97
- package/index.js +1 -0
- package/index.js.map +1 -0
- package/index.module.css.js +8 -0
- package/index.module.css.js.map +1 -0
- package/modern/component.js +3 -4
- package/modern/component.js.map +1 -0
- package/modern/components/footer/Component.js +2 -3
- package/modern/components/footer/Component.js.map +1 -0
- package/modern/components/footer/index.css +50 -75
- package/modern/components/footer/index.module.css.js +6 -0
- package/modern/components/footer/index.module.css.js.map +1 -0
- package/modern/components/header/Component.js +2 -3
- package/modern/components/header/Component.js.map +1 -0
- package/modern/components/header/index.css +18 -42
- package/modern/components/header/index.module.css.js +6 -0
- package/modern/components/header/index.module.css.js.map +1 -0
- package/modern/components/swipeable-backdrop/Component.js +1 -0
- package/modern/components/swipeable-backdrop/Component.js.map +1 -0
- package/modern/consts/swipeConsts.js +1 -0
- package/modern/consts/swipeConsts.js.map +1 -0
- package/modern/enums/swipeEnums.js +1 -0
- package/modern/enums/swipeEnums.js.map +1 -0
- package/modern/hooks/index.js +1 -0
- package/modern/hooks/index.js.map +1 -0
- package/modern/hooks/use-visualviewport-size.js +1 -0
- package/modern/hooks/use-visualviewport-size.js.map +1 -0
- package/modern/index.css +73 -97
- package/modern/index.js +1 -0
- package/modern/index.js.map +1 -0
- package/modern/index.module.css.js +6 -0
- package/modern/index.module.css.js.map +1 -0
- package/modern/shared/index.js +1 -0
- package/modern/shared/index.js.map +1 -0
- package/modern/src/component.d.ts +3 -0
- package/{esm → modern/src}/components/footer/Component.d.ts +2 -3
- package/modern/src/components/header/Component.d.ts +7 -0
- package/{cssm → modern/src}/components/swipeable-backdrop/Component.d.ts +3 -4
- package/modern/src/consts/swipeConsts.d.ts +1 -0
- package/{esm → modern/src}/enums/swipeEnums.d.ts +1 -2
- package/modern/src/hooks/index.d.ts +1 -0
- package/modern/src/hooks/use-visualviewport-size.d.ts +7 -0
- package/modern/src/index.d.ts +3 -0
- package/modern/src/shared/index.d.ts +1 -0
- package/modern/{types → src/types}/swipeTypes.d.ts +1 -2
- package/{esm → modern/src}/types.d.ts +8 -10
- package/modern/src/utils.d.ts +16 -0
- package/modern/types/swipeTypes.js +1 -0
- package/modern/types/swipeTypes.js.map +1 -0
- package/modern/types.js +1 -0
- package/modern/types.js.map +1 -0
- package/modern/utils.js +1 -0
- package/modern/utils.js.map +1 -0
- package/moderncssm/component.js +2 -1
- package/moderncssm/component.js.map +1 -0
- package/moderncssm/components/footer/Component.js +1 -0
- package/moderncssm/components/footer/Component.js.map +1 -0
- package/moderncssm/components/footer/index.module.css +0 -5
- package/moderncssm/components/header/Component.js +1 -0
- package/moderncssm/components/header/Component.js.map +1 -0
- package/moderncssm/components/header/index.module.css +0 -5
- package/moderncssm/components/swipeable-backdrop/Component.js +1 -0
- package/moderncssm/components/swipeable-backdrop/Component.js.map +1 -0
- package/moderncssm/consts/swipeConsts.js +1 -0
- package/moderncssm/consts/swipeConsts.js.map +1 -0
- package/moderncssm/enums/swipeEnums.js +1 -0
- package/moderncssm/enums/swipeEnums.js.map +1 -0
- package/moderncssm/hooks/index.js +1 -0
- package/moderncssm/hooks/index.js.map +1 -0
- package/moderncssm/hooks/use-visualviewport-size.js +1 -0
- package/moderncssm/hooks/use-visualviewport-size.js.map +1 -0
- package/moderncssm/index.js +1 -0
- package/moderncssm/index.js.map +1 -0
- package/moderncssm/index.module.css +0 -5
- package/moderncssm/shared/index.js +1 -0
- package/moderncssm/shared/index.js.map +1 -0
- package/moderncssm/src/component.d.ts +3 -0
- package/{modern → moderncssm/src}/components/footer/Component.d.ts +2 -3
- package/moderncssm/src/components/header/Component.d.ts +7 -0
- package/{components → moderncssm/src/components}/swipeable-backdrop/Component.d.ts +3 -4
- package/moderncssm/src/consts/swipeConsts.d.ts +1 -0
- package/{modern → moderncssm/src}/enums/swipeEnums.d.ts +1 -2
- package/moderncssm/src/hooks/index.d.ts +1 -0
- package/moderncssm/src/hooks/use-visualviewport-size.d.ts +7 -0
- package/moderncssm/src/index.d.ts +3 -0
- package/moderncssm/src/shared/index.d.ts +1 -0
- package/moderncssm/{types → src/types}/swipeTypes.d.ts +1 -2
- package/{modern → moderncssm/src}/types.d.ts +8 -10
- package/moderncssm/src/utils.d.ts +16 -0
- package/moderncssm/types/swipeTypes.js +1 -0
- package/moderncssm/types/swipeTypes.js.map +1 -0
- package/moderncssm/types.js +1 -0
- package/moderncssm/types.js.map +1 -0
- package/moderncssm/utils.js +1 -0
- package/moderncssm/utils.js.map +1 -0
- package/package.json +8 -7
- package/shared/index.js +1 -0
- package/shared/index.js.map +1 -0
- package/src/component.d.ts +3 -0
- package/src/components/footer/Component.d.ts +20 -0
- package/src/components/header/Component.d.ts +7 -0
- package/src/components/swipeable-backdrop/Component.d.ts +18 -0
- package/src/consts/swipeConsts.d.ts +1 -0
- package/src/enums/swipeEnums.d.ts +6 -0
- package/src/hooks/index.d.ts +1 -0
- package/src/hooks/use-visualviewport-size.d.ts +7 -0
- package/src/index.d.ts +3 -0
- package/src/shared/index.d.ts +1 -0
- package/src/types/swipeTypes.d.ts +8 -0
- package/src/types.d.ts +291 -0
- package/src/types.ts +2 -3
- package/src/utils.d.ts +16 -0
- package/types/swipeTypes.js +1 -0
- package/types/swipeTypes.js.map +1 -0
- package/types.js +1 -0
- package/types.js.map +1 -0
- package/utils.js +1 -0
- package/utils.js.map +1 -0
- package/component.d.ts +0 -5
- package/components/header/Component.d.ts +0 -8
- package/consts/swipeConsts.d.ts +0 -2
- package/cssm/component.d.ts +0 -5
- package/cssm/components/header/Component.d.ts +0 -8
- package/cssm/consts/swipeConsts.d.ts +0 -2
- package/cssm/hooks/index.d.ts +0 -1
- package/cssm/hooks/use-visualviewport-size.d.ts +0 -7
- package/cssm/index.d.ts +0 -3
- package/cssm/shared/index.d.ts +0 -1
- package/cssm/utils.d.ts +0 -17
- package/cssm/vars.css +0 -28
- package/esm/component.d.ts +0 -5
- package/esm/components/header/Component.d.ts +0 -8
- package/esm/consts/swipeConsts.d.ts +0 -2
- package/esm/hooks/index.d.ts +0 -1
- package/esm/hooks/use-visualviewport-size.d.ts +0 -7
- package/esm/index.d.ts +0 -3
- package/esm/shared/index.d.ts +0 -1
- package/esm/utils.d.ts +0 -17
- package/hooks/index.d.ts +0 -1
- package/hooks/use-visualviewport-size.d.ts +0 -7
- package/index.d.ts +0 -3
- package/modern/component.d.ts +0 -5
- package/modern/components/header/Component.d.ts +0 -8
- package/modern/consts/swipeConsts.d.ts +0 -2
- package/modern/hooks/index.d.ts +0 -1
- package/modern/hooks/use-visualviewport-size.d.ts +0 -7
- package/modern/index.d.ts +0 -3
- package/modern/shared/index.d.ts +0 -1
- package/modern/utils.d.ts +0 -17
- package/moderncssm/component.d.ts +0 -5
- package/moderncssm/components/footer/Component.d.ts +0 -21
- package/moderncssm/components/header/Component.d.ts +0 -8
- package/moderncssm/components/swipeable-backdrop/Component.d.ts +0 -19
- package/moderncssm/consts/swipeConsts.d.ts +0 -2
- package/moderncssm/enums/swipeEnums.d.ts +0 -7
- package/moderncssm/hooks/index.d.ts +0 -1
- package/moderncssm/hooks/use-visualviewport-size.d.ts +0 -7
- package/moderncssm/index.d.ts +0 -3
- package/moderncssm/shared/index.d.ts +0 -1
- package/moderncssm/utils.d.ts +0 -17
- package/moderncssm/vars.css +0 -8
- package/shared/index.d.ts +0 -1
- package/types/swipeTypes.d.ts +0 -9
- package/types.d.ts +0 -293
- package/utils.d.ts +0 -17
package/component.js
CHANGED
|
@@ -10,12 +10,13 @@ var reactSwipeable = require('react-swipeable');
|
|
|
10
10
|
var cn = require('classnames');
|
|
11
11
|
var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
|
|
12
12
|
var coreComponentsShared = require('@alfalab/core-components-shared');
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var
|
|
13
|
+
var Component$2 = require('./components/footer/Component.js');
|
|
14
|
+
var Component$1 = require('./components/header/Component.js');
|
|
15
|
+
var Component = require('./components/swipeable-backdrop/Component.js');
|
|
16
|
+
var swipeConsts = require('./consts/swipeConsts.js');
|
|
17
|
+
var useVisualviewportSize = require('./hooks/use-visualviewport-size.js');
|
|
18
18
|
var utils = require('./utils.js');
|
|
19
|
+
var index_module = require('./index.module.css.js');
|
|
19
20
|
|
|
20
21
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
21
22
|
|
|
@@ -23,9 +24,6 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
23
24
|
var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
|
|
24
25
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
25
26
|
|
|
26
|
-
var styles = {"modal":"bottom-sheet__modal_1xixh","wrapper":"bottom-sheet__wrapper_1xixh","fullscreen":"bottom-sheet__fullscreen_1xixh","component":"bottom-sheet__component_1xixh","withTransition":"bottom-sheet__withTransition_1xixh","scrollableContainer":"bottom-sheet__scrollableContainer_1xixh","marker":"bottom-sheet__marker_1xixh","defaultMarker":"bottom-sheet__defaultMarker_1xixh","content":"bottom-sheet__content_1xixh","noHeader":"bottom-sheet__noHeader_1xixh","noFooter":"bottom-sheet__noFooter_1xixh","scrollLocked":"bottom-sheet__scrollLocked_1xixh","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1xixh","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1xixh","appear":"bottom-sheet__appear_1xixh","enter":"bottom-sheet__enter_1xixh","appearActive":"bottom-sheet__appearActive_1xixh","enterActive":"bottom-sheet__enterActive_1xixh","enterDone":"bottom-sheet__enterDone_1xixh","appearDone":"bottom-sheet__appearDone_1xixh","exit":"bottom-sheet__exit_1xixh","exitActive":"bottom-sheet__exitActive_1xixh","safeAreaBottom":"bottom-sheet__safeAreaBottom_1xixh","background-accent":"bottom-sheet__background-accent_1xixh","background-info":"bottom-sheet__background-info_1xixh","background-attention-muted":"bottom-sheet__background-attention-muted_1xixh","background-positive-muted":"bottom-sheet__background-positive-muted_1xixh","background-negative-muted":"bottom-sheet__background-negative-muted_1xixh","background-primary":"bottom-sheet__background-primary_1xixh","background-primary-inverted":"bottom-sheet__background-primary-inverted_1xixh","background-secondary":"bottom-sheet__background-secondary_1xixh","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1xixh","background-tertiary":"bottom-sheet__background-tertiary_1xixh","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1xixh","background-quaternary":"bottom-sheet__background-quaternary_1xixh","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1xixh","background-specialbg-component":"bottom-sheet__background-specialbg-component_1xixh","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1xixh","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1xixh","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1xixh","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1xixh","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1xixh","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1xixh","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1xixh","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1xixh"};
|
|
27
|
-
require('./index.css')
|
|
28
|
-
|
|
29
27
|
var isNil = coreComponentsShared.fnUtils.isNil;
|
|
30
28
|
var adjustContainerHeightDefault = function (value) { return value; };
|
|
31
29
|
var BottomSheet = React.forwardRef(function (_a, ref) {
|
|
@@ -33,7 +31,7 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
|
|
|
33
31
|
var _g, _h;
|
|
34
32
|
var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _j = _a.titleSize, titleSize = _j === void 0 ? 'default' : _j, subtitle = _a.subtitle, actionButton = _a.actionButton, contentClassName = _a.contentClassName, containerClassName = _a.containerClassName, containerProps = _a.containerProps, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, modalClassName = _a.modalClassName, modalWrapperClassName = _a.modalWrapperClassName, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, _k = _a.titleAlign, titleAlign = _k === void 0 ? 'left' : _k, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _l = _a.stickyFooter, stickyFooter = _l === void 0 ? true : _l, _m = _a.initialHeight, initialHeight = _m === void 0 ? 'default' : _m, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _o = _a.transitionProps, transitionProps = _o === void 0 ? {} : _o, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _p = _a.swipeable, swipeable = _p === void 0 ? true : _p, _q = _a.swipeableContent, swipeableContent = _q === void 0 ? true : _q, _r = _a.swipeThreshold, swipeThreshold = _r === void 0 ? 5 : _r, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _s = _a.scrollableContainerRef, scrollableContainerRef = _s === void 0 ? function () { return null; } : _s, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _t = _a.sheetContainerRef, sheetContainerRef = _t === void 0 ? function () { return null; } : _t, _u = _a.headerOffset, headerOffset = _u === void 0 ? 24 : _u, _v = _a.adjustContainerHeight, adjustContainerHeight = _v === void 0 ? adjustContainerHeightDefault : _v, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize, onSwipeStart = _a.onSwipeStart, onSwipeEnd = _a.onSwipeEnd, disableRestoreFocus = _a.disableRestoreFocus, disableAutoFocus = _a.disableAutoFocus, disableEscapeKeyDown = _a.disableEscapeKeyDown, keepMounted = _a.keepMounted, onMagnetizeEnd = _a.onMagnetizeEnd, onOffsetChange = _a.onOffsetChange, swipeableMarker = _a.swipeableMarker, swipeableMarkerClassName = _a.swipeableMarkerClassName, backButtonProps = _a.backButtonProps, _w = _a.iOSLock, iOSLock = _w === void 0 ? false : _w, _x = _a.virtualKeyboard, virtualKeyboard = _x === void 0 ? false : _x;
|
|
35
33
|
var windowHeight = (_g = reactDiv100vh.use100vh()) !== null && _g !== void 0 ? _g : 0;
|
|
36
|
-
var visualViewportSize =
|
|
34
|
+
var visualViewportSize = useVisualviewportSize.useVisualViewportSize();
|
|
37
35
|
var fullHeight = virtualKeyboard ? (_h = visualViewportSize === null || visualViewportSize === void 0 ? void 0 : visualViewportSize.height) !== null && _h !== void 0 ? _h : 0 : windowHeight;
|
|
38
36
|
// Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.
|
|
39
37
|
var isFirstRender = fullHeight === 0;
|
|
@@ -250,7 +248,7 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
|
|
|
250
248
|
scrollOccurred.current = true;
|
|
251
249
|
}
|
|
252
250
|
// Если контент внутри шторки скроллится горизонально - то шторка не должна закрываться
|
|
253
|
-
if (
|
|
251
|
+
if (swipeConsts.horizontalDirections.includes(dir)) {
|
|
254
252
|
return true;
|
|
255
253
|
}
|
|
256
254
|
return shouldScroll;
|
|
@@ -372,35 +370,36 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
|
|
|
372
370
|
var renderMarker = function () {
|
|
373
371
|
if (swipeable) {
|
|
374
372
|
if (swipeableMarker) {
|
|
375
|
-
return (React__default.default.createElement("div", { className: cn__default.default(
|
|
373
|
+
return (React__default.default.createElement("div", { className: cn__default.default(index_module.marker, swipeableMarkerClassName) }, swipeableMarker));
|
|
376
374
|
}
|
|
377
|
-
return (React__default.default.createElement("div", { className: cn__default.default(
|
|
375
|
+
return (React__default.default.createElement("div", { className: cn__default.default(index_module.marker, index_module.defaultMarker, swipeableMarkerClassName) }));
|
|
378
376
|
}
|
|
379
377
|
return null;
|
|
380
378
|
};
|
|
381
|
-
var bgClassName = backgroundColor &&
|
|
382
|
-
return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, { open: open, ref: ref, container: container, dataTestId: dataTestId, zIndex: zIndex, onClose: onClose, usePortal: usePortal, scrollHandler: scrollableContainer, Backdrop:
|
|
383
|
-
_b[
|
|
384
|
-
_b)), disableBlockingScroll: disableBlockingScroll, disableFocusLock: disableFocusLock, transitionProps: tslib.__assign(tslib.__assign({ appear: true, timeout: utils.TIMEOUT, classNames:
|
|
385
|
-
React__default.default.createElement("div", { className: cn__default.default(
|
|
386
|
-
_c[
|
|
379
|
+
var bgClassName = backgroundColor && index_module["background-".concat(backgroundColor)];
|
|
380
|
+
return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, { open: open, ref: ref, container: container, dataTestId: dataTestId, zIndex: zIndex, onClose: onClose, usePortal: usePortal, scrollHandler: scrollableContainer, Backdrop: Component.SwipeableBackdrop, backdropProps: tslib.__assign(tslib.__assign({}, backdropProps), { className: index_module.disabledPointerEvents, opacity: backdropOpacity, opacityTimeout: utils.TIMEOUT, invisible: hideOverlay }), disableBackdropClick: hideOverlay ? true : disableOverlayClick, className: cn__default.default(index_module.modal, modalClassName), wrapperClassName: cn__default.default(modalWrapperClassName, (_b = {},
|
|
381
|
+
_b[index_module.disabledPointerEvents] = hideOverlay,
|
|
382
|
+
_b)), disableBlockingScroll: disableBlockingScroll, disableFocusLock: disableFocusLock, transitionProps: tslib.__assign(tslib.__assign({ appear: true, timeout: utils.TIMEOUT, classNames: index_module }, transitionProps), { onExited: handleExited, onEntered: handleEntered, onEnter: handleEnter, onExit: handleExit }), disableAutoFocus: disableAutoFocus, disableEscapeKeyDown: disableEscapeKeyDown, disableRestoreFocus: disableRestoreFocus, keepMounted: keepMounted, iOSLock: iOSLock },
|
|
383
|
+
React__default.default.createElement("div", { className: cn__default.default(index_module.wrapper, (_c = {},
|
|
384
|
+
_c[index_module.fullscreen] = headerOffset === 0 && sheetOffset === 0,
|
|
387
385
|
_c)), onTransitionEnd: setSheetHeight },
|
|
388
|
-
React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(
|
|
389
|
-
_d[
|
|
390
|
-
_d[
|
|
386
|
+
React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(index_module.component, bgClassName, className, (_d = {},
|
|
387
|
+
_d[index_module.withTransition] = swipingInProgress === false,
|
|
388
|
+
_d[index_module.safeAreaBottom] = coreComponentsShared.os.isIOS(),
|
|
391
389
|
_d)), style: tslib.__assign(tslib.__assign({}, getSwipeStyles()), getHeightStyles()) }, sheetSwipeableHandlers, { ref: mergeRefs__default.default([sheetRef, sheetContainerRef, sheetSwipeableHandlers.ref]), onTransitionEnd: handleTransitionEnd }),
|
|
392
390
|
renderMarker(),
|
|
393
|
-
React__default.default.createElement("div", tslib.__assign({}, containerProps, { className: cn__default.default(
|
|
394
|
-
_e[
|
|
395
|
-
_e[
|
|
391
|
+
React__default.default.createElement("div", tslib.__assign({}, containerProps, { className: cn__default.default(index_module.scrollableContainer, containerProps === null || containerProps === void 0 ? void 0 : containerProps.className, containerClassName, (_e = {},
|
|
392
|
+
_e[index_module.scrollLocked] = scrollLockedProp || swipingInProgress,
|
|
393
|
+
_e[index_module.hiddenScrollbar] = hideScrollbar,
|
|
396
394
|
_e)), ref: mergeRefs__default.default([scrollableContainer, scrollableContainerRef]) }),
|
|
397
|
-
!hideHeader && !emptyHeader && React__default.default.createElement(
|
|
398
|
-
React__default.default.createElement("div", { ref: contentRef, className: cn__default.default(
|
|
399
|
-
_f[
|
|
400
|
-
_f[
|
|
395
|
+
!hideHeader && !emptyHeader && React__default.default.createElement(Component$1.Header, tslib.__assign({}, headerProps)),
|
|
396
|
+
React__default.default.createElement("div", { ref: contentRef, className: cn__default.default(index_module.content, contentClassName, (_f = {},
|
|
397
|
+
_f[index_module.noHeader] = hideHeader || emptyHeader,
|
|
398
|
+
_f[index_module.noFooter] = !actionButton,
|
|
401
399
|
_f)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'content') }, children),
|
|
402
|
-
actionButton && (React__default.default.createElement(
|
|
400
|
+
actionButton && (React__default.default.createElement(Component$2.Footer, { sticky: stickyFooter, className: cn__default.default(bgClassName, footerClassName), dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'footer') }, actionButton)))))));
|
|
403
401
|
});
|
|
404
402
|
BottomSheet.displayName = 'BottomSheet';
|
|
405
403
|
|
|
406
404
|
exports.BottomSheet = BottomSheet;
|
|
405
|
+
//# sourceMappingURL=component.js.map
|
package/component.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component.js","sources":["../src/component.tsx"],"sourcesContent":["import React, {\n CSSProperties,\n forwardRef,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { use100vh } from 'react-div-100vh';\nimport mergeRefs from 'react-merge-refs';\nimport { SwipeCallback, SwipeEventData, TapCallback, useSwipeable } from 'react-swipeable';\nimport { HandledEvents } from 'react-swipeable/es/types';\nimport cn from 'classnames';\n\nimport { BaseModal, unlockScroll } from '@alfalab/core-components-base-modal';\nimport { fnUtils, getDataTestId, isClient, os } from '@alfalab/core-components-shared';\n\nimport { Footer } from './components/footer/Component';\nimport { Header, HeaderProps } from './components/header/Component';\nimport { SwipeableBackdrop } from './components/swipeable-backdrop/Component';\nimport { horizontalDirections } from './consts/swipeConsts';\nimport { ShouldSkipSwipingParams } from './types/swipeTypes';\nimport { useVisualViewportSize } from './hooks';\nimport type { BottomSheetProps } from './types';\nimport {\n CLOSE_OFFSET,\n convertPercentToNumber,\n MARKER_HEIGHT,\n SCROLL_OFFSET,\n SWIPE_VELOCITY,\n TIMEOUT,\n} from './utils';\n\nimport styles from './index.module.css';\n\nconst { isNil } = fnUtils;\n\nconst adjustContainerHeightDefault = (value: number) => value;\n\nexport const BottomSheet = forwardRef<HTMLDivElement, BottomSheetProps>(\n (\n {\n open,\n title,\n container,\n usePortal,\n backgroundColor,\n titleSize = 'default',\n subtitle,\n actionButton,\n contentClassName,\n containerClassName,\n containerProps,\n headerClassName,\n footerClassName,\n addonClassName,\n closerClassName,\n backerClassName,\n modalClassName,\n modalWrapperClassName,\n className,\n leftAddons,\n rightAddons,\n bottomAddons,\n hasCloser,\n hasBacker,\n titleAlign = 'left',\n trimTitle,\n stickyHeader,\n stickyFooter = true,\n initialHeight = 'default',\n hideOverlay,\n hideScrollbar,\n hideHeader,\n disableOverlayClick,\n disableBlockingScroll,\n disableFocusLock,\n children,\n zIndex,\n transitionProps = {},\n magneticAreas: magneticAreasProp,\n initialActiveAreaIndex,\n dataTestId,\n swipeable = true,\n swipeableContent = true,\n swipeThreshold = 5,\n scrollLocked: scrollLockedProp,\n backdropProps,\n scrollableContainerRef = () => null,\n bottomSheetInstanceRef,\n sheetContainerRef = () => null,\n headerOffset = 24,\n adjustContainerHeight = adjustContainerHeightDefault,\n onClose,\n onBack,\n onMagnetize,\n onSwipeStart,\n onSwipeEnd,\n disableRestoreFocus,\n disableAutoFocus,\n disableEscapeKeyDown,\n keepMounted,\n onMagnetizeEnd,\n onOffsetChange,\n swipeableMarker,\n swipeableMarkerClassName,\n backButtonProps,\n iOSLock = false,\n virtualKeyboard = false,\n },\n ref,\n ) => {\n const windowHeight = use100vh() ?? 0;\n const visualViewportSize = useVisualViewportSize();\n let fullHeight = virtualKeyboard ? visualViewportSize?.height ?? 0 : windowHeight;\n // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.\n const isFirstRender = fullHeight === 0;\n\n fullHeight = adjustContainerHeight(fullHeight);\n\n const initialIndexRef = useRef<number | undefined>(initialActiveAreaIndex);\n\n const magneticAreas = useMemo(() => {\n if (magneticAreasProp) {\n return magneticAreasProp.map((area) =>\n convertPercentToNumber(area, fullHeight, headerOffset),\n );\n }\n let iOSViewHeight = 0;\n\n if (isClient()) {\n if (document?.documentElement?.clientHeight) {\n iOSViewHeight = adjustContainerHeight(document.documentElement.clientHeight);\n } else {\n iOSViewHeight = window?.innerHeight;\n }\n }\n\n const viewHeight = os.isIOS() && !virtualKeyboard ? iOSViewHeight : fullHeight;\n\n return [0, viewHeight - headerOffset];\n }, [fullHeight, headerOffset, magneticAreasProp, virtualKeyboard, adjustContainerHeight]);\n\n const lastMagneticArea = magneticAreas[magneticAreas.length - 1];\n\n const [sheetOffset, setSheetOffset] = useState(0);\n const [backdropOpacity, setBackdropOpacity] = useState(1);\n const [activeAreaIdx, setActiveAreaIdx] = useState(-1);\n\n const [swipingInProgress, setSwipingInProgress] = useState<boolean | null>(null);\n const scrollOccurred = useRef<boolean>(false);\n const headerRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const sheetHeight = useRef(0);\n const sheetRef = useRef<HTMLDivElement>(null);\n const scrollableContainer = useRef<HTMLDivElement | null>(null);\n\n const activeArea = magneticAreas[activeAreaIdx];\n const emptyHeader = !hasCloser && !leftAddons && !title && !hasBacker && !rightAddons;\n const titleIsReactElement = React.isValidElement(title);\n\n const headerProps: HeaderProps = {\n ...(titleIsReactElement\n ? { children: title }\n : { title: title ? title?.toString() : undefined }),\n scrollableParentRef: scrollableContainer,\n headerRef,\n headerOffset,\n className: headerClassName,\n addonClassName,\n closerClassName,\n backButtonClassName: backerClassName,\n leftAddons,\n rightAddons,\n bottomAddons,\n hasCloser,\n hasBackButton: hasBacker,\n align: titleAlign,\n trim: trimTitle,\n sticky: stickyHeader,\n dataTestId: getDataTestId(dataTestId, 'header'),\n onBack,\n titleSize,\n subtitle,\n onClose,\n backButtonProps,\n };\n\n const startSwiping = (event: HandledEvents) => {\n setSwipingInProgress((p) => {\n if (!p) onSwipeStart?.(event);\n\n return true;\n });\n };\n\n const stopSwiping = (event: HandledEvents | null) => {\n setSwipingInProgress((p) => {\n if (p) onSwipeEnd?.(event);\n\n return false;\n });\n scrollOccurred.current = false;\n };\n\n const getBackdropOpacity = (offset: number): number => {\n const canClose = magneticAreas[0] === 0;\n const secondArea = magneticAreas[1];\n const isSecondArea = secondArea === activeArea;\n\n if (canClose && isSecondArea && sheetOffset > lastMagneticArea - secondArea) {\n const opacity = 1 - (offset - (lastMagneticArea - secondArea)) / secondArea;\n\n return Math.max(0, Number(opacity.toFixed(2)));\n }\n\n return 1;\n };\n\n const getSheetOffset = (deltaY: number): number => {\n let offset = lastMagneticArea - activeArea + deltaY;\n const maxOffset = magneticAreas[0] === 0 ? 0 : lastMagneticArea - magneticAreas[0];\n\n if (maxOffset) {\n offset = Math.min(maxOffset, offset);\n }\n\n return Math.max(0, Math.round(offset));\n };\n\n const getActiveAreaIndex = (area?: number) => magneticAreas.findIndex((a) => a === area);\n\n const setSheetHeight = () => {\n if (sheetRef.current) {\n sheetHeight.current = sheetRef.current.getBoundingClientRect().height - sheetOffset;\n }\n };\n\n const handleTransitionEnd = (event: React.TransitionEvent) => {\n setSheetHeight();\n\n if (event.propertyName === 'transform' && event.target === event.currentTarget) {\n onMagnetizeEnd?.(getActiveAreaIndex(activeArea));\n }\n };\n\n const scrollToArea = (idx: number) => {\n if (isFirstRender) {\n initialIndexRef.current = idx;\n\n return;\n }\n\n stopSwiping(null);\n const nextArea = magneticAreas[idx];\n const nextAreaIdx = getActiveAreaIndex(nextArea);\n\n if (nextArea === 0) {\n if (iOSLock) {\n unlockScroll();\n }\n onClose();\n\n return;\n }\n\n if (nextAreaIdx !== -1) {\n setActiveAreaIdx(nextAreaIdx);\n setSheetOffset(lastMagneticArea - nextArea);\n onMagnetize?.(nextAreaIdx);\n }\n };\n\n const magnetize = (velocity: number, deltaY: number) => {\n const shouldMagnetizeDownByVelocity = deltaY >= 0 && velocity >= SWIPE_VELOCITY;\n const shouldMagnetizeUpByVelocity = deltaY < 0 && velocity >= SWIPE_VELOCITY;\n\n const updatePosition = (nextOffset: number, nextAreaIdx: number) => {\n setSheetOffset(nextOffset);\n setActiveAreaIdx((prevState) => (nextAreaIdx === -1 ? prevState : nextAreaIdx));\n\n if (nextAreaIdx !== -1) {\n onMagnetize?.(nextAreaIdx);\n\n // Если nextOffset == offset, то onTransitionEnd не отработает и onMagnetizeEnd не вызовется\n if (sheetOffset === nextOffset) {\n onMagnetizeEnd?.(nextAreaIdx);\n setSheetHeight();\n }\n }\n };\n\n if (shouldMagnetizeDownByVelocity) {\n const nextArea = magneticAreas\n .slice()\n .reverse()\n .find((area) => area < activeArea);\n\n if (nextArea === 0) {\n if (iOSLock) {\n unlockScroll();\n }\n\n onClose();\n\n return;\n }\n\n const nextOffset = nextArea\n ? lastMagneticArea - nextArea\n : lastMagneticArea - activeArea;\n const nextAreaIdx = getActiveAreaIndex(nextArea);\n\n updatePosition(nextOffset, nextAreaIdx);\n\n return;\n }\n\n if (shouldMagnetizeUpByVelocity) {\n const nextArea = magneticAreas.find((area) => area > activeArea);\n const nextAreaIdx = getActiveAreaIndex(nextArea);\n const nextOffset = nextArea ? lastMagneticArea - nextArea : 0;\n\n updatePosition(nextOffset, nextAreaIdx);\n\n return;\n }\n\n const offset = getSheetOffset(deltaY);\n const currentSheetHeight = lastMagneticArea - offset;\n const secondArea = magneticAreas[1];\n const isSecondArea = activeArea === secondArea;\n const canClose = magneticAreas[0] === 0 && deltaY >= 0;\n const shouldCloseByOffset =\n isSecondArea && canClose && 1 - currentSheetHeight / activeArea > CLOSE_OFFSET;\n\n if (shouldCloseByOffset) {\n if (iOSLock) {\n unlockScroll();\n }\n\n onClose();\n\n return;\n }\n\n const { nearestArea } = magneticAreas.reduceRight(\n (res, area) => {\n if (Math.abs(area - currentSheetHeight) < res.minOffset) {\n res.minOffset = area - currentSheetHeight;\n res.nearestArea = area;\n }\n\n return res;\n },\n {\n nearestArea: lastMagneticArea,\n minOffset: lastMagneticArea,\n },\n );\n\n if (nearestArea === 0) {\n if (iOSLock) {\n unlockScroll();\n }\n\n onClose();\n } else {\n const nextOffset = lastMagneticArea - nearestArea;\n const nextAreaIdx = getActiveAreaIndex(nearestArea);\n\n setBackdropOpacity(1);\n updatePosition(nextOffset, nextAreaIdx);\n }\n };\n\n /**\n * Если контент внутри шторки скроллится - то шторка не должна свайпаться\n * Если шапка внутри шторки зафиксирована - то шторка должна свайпаться только в области шапки\n */\n const shouldSkipSwiping = (swipeParams: ShouldSkipSwipingParams) => {\n const { deltaY, startY, event, dir } = swipeParams;\n\n if (scrollLockedProp || swipingInProgress) return false;\n\n if (!swipeableContent && contentRef.current?.contains(event.target as HTMLElement)) {\n return true;\n }\n\n const scrollableNode = scrollableContainer.current;\n // Точка верхней границы (y координата)\n const bottomSheetTopY = fullHeight - sheetHeight.current;\n\n if (\n !scrollableNode ||\n (!stickyHeader && Math.abs(bottomSheetTopY - startY) <= MARKER_HEIGHT) ||\n (stickyHeader &&\n headerRef.current &&\n Math.abs(bottomSheetTopY - startY) <= headerRef.current.clientHeight)\n ) {\n return false;\n }\n\n const shouldScroll =\n deltaY >= 0\n ? scrollableNode.scrollTop > 0\n : scrollableNode.scrollHeight -\n scrollableNode.scrollTop -\n scrollableNode.clientHeight >\n SCROLL_OFFSET;\n\n if (!scrollOccurred.current && shouldScroll) {\n scrollOccurred.current = true;\n }\n\n // Если контент внутри шторки скроллится горизонально - то шторка не должна закрываться\n if (horizontalDirections.includes(dir)) {\n return true;\n }\n\n return shouldScroll;\n };\n\n const handleSheetSwipeEnd: SwipeCallback = (swipeParams: SwipeEventData) => {\n const { initial, velocity, deltaY, event, dir } = swipeParams;\n const shouldPreventSwipe =\n scrollOccurred.current ||\n shouldSkipSwiping({ deltaY, startY: initial[1], event, dir });\n\n if (shouldPreventSwipe) {\n return;\n }\n\n magnetize(velocity, deltaY);\n };\n\n const handleSheetSwipeStart: SwipeCallback = (swipeParams: SwipeEventData) => {\n const { deltaY, initial, event, dir } = swipeParams;\n\n if (shouldSkipSwiping({ deltaY, startY: initial[1], event, dir })) {\n return;\n }\n\n startSwiping(event);\n };\n\n const handleTouchEnd: TapCallback = ({ event }) => stopSwiping(event);\n\n const handleSheetSwipeMove: SwipeCallback = (swipeParams: SwipeEventData) => {\n const { initial, deltaY, event, dir } = swipeParams;\n const shouldPreventSwipe =\n scrollOccurred.current ||\n shouldSkipSwiping({ deltaY, startY: initial[1], event, dir });\n\n if (shouldPreventSwipe) {\n return;\n }\n\n if (!swipingInProgress) {\n startSwiping(event);\n }\n\n const offset = getSheetOffset(deltaY);\n const opacity = getBackdropOpacity(offset);\n\n setSheetOffset(offset);\n setBackdropOpacity(opacity);\n };\n\n const sheetSwipeableHandlers = useSwipeable({\n onSwipeStart: handleSheetSwipeStart,\n onSwiping: handleSheetSwipeMove,\n onSwiped: handleSheetSwipeEnd,\n onTouchEndOrOnMouseUp: handleTouchEnd,\n trackMouse: swipeable,\n trackTouch: swipeable,\n delta: swipeThreshold,\n });\n\n const handleExited = (node: HTMLElement) => {\n const idx = initialIndexRef.current as number;\n\n setBackdropOpacity(1);\n setSheetOffset(isNil(idx) ? magneticAreas[0] : lastMagneticArea - magneticAreas[idx]);\n setActiveAreaIdx(isNil(idx) ? magneticAreas.length - 1 : idx);\n onMagnetizeEnd?.(0);\n if (transitionProps.onExited) {\n transitionProps.onExited(node);\n }\n };\n\n const handleEnter = (node: HTMLElement, isAppearing: boolean) => {\n onMagnetize?.(initialIndexRef.current ?? magneticAreas.length - 1);\n\n if (transitionProps.onEnter) {\n transitionProps.onEnter(node, isAppearing);\n }\n };\n\n const handleExit = (node: HTMLElement) => {\n onMagnetize?.(0);\n\n if (transitionProps.onExit) {\n transitionProps.onExit(node);\n }\n };\n\n const handleEntered = (node: HTMLElement, isAppearing: boolean) => {\n setBackdropOpacity(1);\n setSheetHeight();\n // Ready for swiping\n setSwipingInProgress(false);\n onMagnetizeEnd?.(getActiveAreaIndex(activeArea));\n\n if (transitionProps.onEntered) {\n transitionProps.onEntered(node, isAppearing);\n }\n };\n\n useEffect(() => {\n if (!isFirstRender) {\n // Инициализируем стейт только после того, как была рассчитана высота вьюпорта\n if (activeAreaIdx === -1) {\n const idx = initialIndexRef.current as number;\n\n setSheetOffset(isNil(idx) ? 0 : lastMagneticArea - magneticAreas[idx]);\n setActiveAreaIdx(isNil(idx) ? magneticAreas.length - 1 : idx);\n } else {\n setSheetOffset(activeArea ? lastMagneticArea - activeArea : 0);\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isFirstRender, magneticAreas, lastMagneticArea]);\n\n useEffect(() => {\n if (!sheetRef.current) return;\n\n const maxOffset = fullHeight - headerOffset;\n\n const offset = open ? sheetOffset : maxOffset;\n\n const percent = (offset / maxOffset) * 100;\n\n onOffsetChange?.(offset, percent);\n }, [fullHeight, headerOffset, onOffsetChange, open, sheetOffset]);\n\n useImperativeHandle(bottomSheetInstanceRef, () => ({\n scrollToArea,\n }));\n\n const getSwipeStyles = (): CSSProperties =>\n sheetOffset ? { transform: `translateY(${sheetOffset}px)` } : {};\n\n const getHeightStyles = (): CSSProperties => ({\n height:\n !isFirstRender && (initialHeight === 'full' || magneticAreasProp)\n ? `${lastMagneticArea}px`\n : 'unset',\n maxHeight: isFirstRender ? 0 : `${lastMagneticArea}px`,\n marginBottom:\n virtualKeyboard && visualViewportSize && windowHeight > visualViewportSize.height\n ? windowHeight - visualViewportSize.height - visualViewportSize.offsetTop\n : undefined,\n });\n\n const renderMarker = () => {\n if (swipeable) {\n if (swipeableMarker) {\n return (\n <div className={cn(styles.marker, swipeableMarkerClassName)}>\n {swipeableMarker}\n </div>\n );\n }\n\n return (\n <div\n className={cn(\n styles.marker,\n styles.defaultMarker,\n swipeableMarkerClassName,\n )}\n />\n );\n }\n\n return null;\n };\n\n const bgClassName = backgroundColor && styles[`background-${backgroundColor}`];\n\n return (\n <BaseModal\n open={open}\n ref={ref}\n container={container}\n dataTestId={dataTestId}\n zIndex={zIndex}\n onClose={onClose}\n usePortal={usePortal}\n scrollHandler={scrollableContainer}\n Backdrop={SwipeableBackdrop}\n backdropProps={{\n ...backdropProps,\n className: styles.disabledPointerEvents,\n opacity: backdropOpacity,\n opacityTimeout: TIMEOUT,\n invisible: hideOverlay,\n }}\n disableBackdropClick={hideOverlay ? true : disableOverlayClick}\n className={cn(styles.modal, modalClassName)}\n wrapperClassName={cn(modalWrapperClassName, {\n [styles.disabledPointerEvents]: hideOverlay,\n })}\n disableBlockingScroll={disableBlockingScroll}\n disableFocusLock={disableFocusLock}\n transitionProps={{\n appear: true,\n timeout: TIMEOUT,\n classNames: styles,\n ...transitionProps,\n onExited: handleExited,\n onEntered: handleEntered,\n onEnter: handleEnter,\n onExit: handleExit,\n }}\n disableAutoFocus={disableAutoFocus}\n disableEscapeKeyDown={disableEscapeKeyDown}\n disableRestoreFocus={disableRestoreFocus}\n keepMounted={keepMounted}\n iOSLock={iOSLock}\n >\n <div\n className={cn(styles.wrapper, {\n [styles.fullscreen]: headerOffset === 0 && sheetOffset === 0,\n })}\n onTransitionEnd={setSheetHeight}\n >\n <div\n className={cn(styles.component, bgClassName, className, {\n [styles.withTransition]: swipingInProgress === false,\n [styles.safeAreaBottom]: os.isIOS(),\n })}\n style={{\n ...getSwipeStyles(),\n ...getHeightStyles(),\n }}\n {...sheetSwipeableHandlers}\n ref={mergeRefs([sheetRef, sheetContainerRef, sheetSwipeableHandlers.ref])}\n onTransitionEnd={handleTransitionEnd}\n >\n {renderMarker()}\n <div\n {...containerProps}\n className={cn(\n styles.scrollableContainer,\n containerProps?.className,\n containerClassName,\n {\n [styles.scrollLocked]: scrollLockedProp || swipingInProgress,\n [styles.hiddenScrollbar]: hideScrollbar,\n },\n )}\n ref={mergeRefs([scrollableContainer, scrollableContainerRef])}\n >\n {!hideHeader && !emptyHeader && <Header {...headerProps} />}\n\n <div\n ref={contentRef}\n className={cn(styles.content, contentClassName, {\n [styles.noHeader]: hideHeader || emptyHeader,\n [styles.noFooter]: !actionButton,\n })}\n data-test-id={getDataTestId(dataTestId, 'content')}\n >\n {children}\n </div>\n\n {actionButton && (\n <Footer\n sticky={stickyFooter}\n className={cn(bgClassName, footerClassName)}\n dataTestId={getDataTestId(dataTestId, 'footer')}\n >\n {actionButton}\n </Footer>\n )}\n </div>\n </div>\n </div>\n </BaseModal>\n );\n },\n);\n\nBottomSheet.displayName = 'BottomSheet';\n"],"names":["fnUtils","forwardRef","use100vh","useVisualViewportSize","useRef","useMemo","convertPercentToNumber","isClient","os","useState","React","__assign","getDataTestId","unlockScroll","SWIPE_VELOCITY","CLOSE_OFFSET","MARKER_HEIGHT","SCROLL_OFFSET","horizontalDirections","useSwipeable","useEffect","useImperativeHandle","cn","styles","BaseModal","SwipeableBackdrop","TIMEOUT","mergeRefs","Header","Footer"],"mappings":"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"}
|
|
@@ -5,15 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var cn = require('classnames');
|
|
7
7
|
var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
|
|
8
|
+
var index_module = require('./index.module.css.js');
|
|
8
9
|
|
|
9
10
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
10
11
|
|
|
11
12
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
13
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
13
14
|
|
|
14
|
-
var styles = {"footer":"bottom-sheet__footer_1ktsh","sticky":"bottom-sheet__sticky_1ktsh","highlighted":"bottom-sheet__highlighted_1ktsh","background-accent":"bottom-sheet__background-accent_1ktsh","background-info":"bottom-sheet__background-info_1ktsh","background-attention-muted":"bottom-sheet__background-attention-muted_1ktsh","background-positive-muted":"bottom-sheet__background-positive-muted_1ktsh","background-negative-muted":"bottom-sheet__background-negative-muted_1ktsh","background-primary":"bottom-sheet__background-primary_1ktsh","background-primary-inverted":"bottom-sheet__background-primary-inverted_1ktsh","background-secondary":"bottom-sheet__background-secondary_1ktsh","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1ktsh","background-tertiary":"bottom-sheet__background-tertiary_1ktsh","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1ktsh","background-quaternary":"bottom-sheet__background-quaternary_1ktsh","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1ktsh","background-specialbg-component":"bottom-sheet__background-specialbg-component_1ktsh","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1ktsh","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1ktsh","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1ktsh","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1ktsh","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1ktsh","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1ktsh","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1ktsh","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ktsh"};
|
|
15
|
-
require('./index.css')
|
|
16
|
-
|
|
17
15
|
var Footer = function (_a) {
|
|
18
16
|
var _b;
|
|
19
17
|
var children = _a.children, className = _a.className, sticky = _a.sticky, dataTestId = _a.dataTestId;
|
|
@@ -21,10 +19,11 @@ var Footer = function (_a) {
|
|
|
21
19
|
React.useEffect(function () {
|
|
22
20
|
setHasFooter(true);
|
|
23
21
|
}, [setHasFooter]);
|
|
24
|
-
return (React__default.default.createElement("div", { className: cn__default.default(
|
|
25
|
-
_b[
|
|
26
|
-
_b[
|
|
22
|
+
return (React__default.default.createElement("div", { className: cn__default.default(index_module.footer, className, (_b = {},
|
|
23
|
+
_b[index_module.sticky] = sticky,
|
|
24
|
+
_b[index_module.highlighted] = footerHighlighted && sticky,
|
|
27
25
|
_b)), "data-test-id": dataTestId }, children));
|
|
28
26
|
};
|
|
29
27
|
|
|
30
28
|
exports.Footer = Footer;
|
|
29
|
+
//# sourceMappingURL=Component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../../src/components/footer/Component.tsx"],"sourcesContent":["import React, { FC, ReactNode, useContext, useEffect } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModalContext } from '@alfalab/core-components-base-modal';\n\nimport styles from './index.module.css';\n\nexport type FooterProps = {\n /**\n * Контент футера\n */\n children?: ReactNode;\n\n /**\n * Фиксирует футер\n */\n sticky?: boolean;\n\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n};\n\nexport const Footer: FC<FooterProps> = ({ children, className, sticky, dataTestId }) => {\n const { footerHighlighted, setHasFooter } = useContext(BaseModalContext);\n\n useEffect(() => {\n setHasFooter(true);\n }, [setHasFooter]);\n\n return (\n <div\n className={cn(styles.footer, className, {\n [styles.sticky]: sticky,\n [styles.highlighted]: footerHighlighted && sticky,\n })}\n data-test-id={dataTestId}\n >\n {children}\n </div>\n );\n};\n"],"names":["useContext","BaseModalContext","useEffect","React","cn","styles"],"mappings":";;;;;;;;;;;;;;AA6BO,IAAM,MAAM,GAAoB,UAAC,EAA2C,EAAA;;QAAzC,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA;IACvE,IAAA,EAAA,GAAsCA,gBAAU,CAACC,wCAAgB,CAAC,EAAhE,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAiC;AAExE,IAAAC,eAAS,CAAC,YAAA;QACN,YAAY,CAAC,IAAI,CAAC;AACtB,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IAElB,QACIC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAClC,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAACA,YAAM,CAAC,WAAW,CAAG,GAAA,iBAAiB,IAAI,MAAM;AACnD,YAAA,EAAA,EAAA,EAAA,cAAA,EACY,UAAU,EAAA,EAEvB,QAAQ,CACP;AAEd;;;;"}
|
|
@@ -1,112 +1,87 @@
|
|
|
1
|
-
|
|
2
|
-
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
|
-
} /* deprecated */ :root {
|
|
1
|
+
:root {
|
|
4
2
|
--color-light-modal-bg-primary: #fff;
|
|
5
|
-
--color-light-neutral-300: #e7e8eb;
|
|
6
|
-
--color-light-bg-accent: #ef3124;
|
|
7
|
-
--color-light-bg-attention-muted: #ffefd9;
|
|
8
|
-
--color-light-bg-info: #d6e8fc;
|
|
9
|
-
--color-light-bg-negative-muted: #ffebeb;
|
|
10
|
-
--color-light-bg-positive-muted: #dff8e5;
|
|
11
|
-
--color-light-bg-primary: #fff;
|
|
12
|
-
--color-light-bg-primary-inverted: #121213;
|
|
13
|
-
--color-light-bg-quaternary: #dcdee2;
|
|
14
|
-
--color-light-bg-quaternary-inverted: #36363a;
|
|
15
|
-
--color-light-bg-secondary: #f2f3f5;
|
|
16
|
-
--color-light-bg-secondary-inverted: #1c1c1e;
|
|
17
|
-
--color-light-bg-tertiary: #e7e8ea;
|
|
18
|
-
--color-light-bg-tertiary-inverted: #27272a;
|
|
19
|
-
--color-light-specialbg-component: rgba(11, 31, 53, 0.07);
|
|
20
|
-
--color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1);
|
|
21
|
-
--color-light-specialbg-primary-grouped: #f2f3f5;
|
|
22
|
-
--color-light-specialbg-secondary-grouped: #fff;
|
|
23
|
-
--color-light-specialbg-secondary-transparent: rgba(38, 55, 88, 0.06);
|
|
24
|
-
--color-light-specialbg-secondary-transparent-inverted: rgba(214, 214, 229, 0.07);
|
|
25
|
-
--color-light-specialbg-tertiary-grouped: #f2f3f5;
|
|
26
|
-
--color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08);
|
|
27
|
-
--color-light-specialbg-tertiary-transparent-inverted: rgba(222, 222, 240, 0.12);
|
|
28
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
29
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
|
+
--color-light-neutral-300: #e7e8eb;
|
|
4
|
+
--color-light-bg-accent: #ef3124;
|
|
5
|
+
--color-light-bg-attention-muted: #ffefd9;
|
|
6
|
+
--color-light-bg-info: #d6e8fc;
|
|
7
|
+
--color-light-bg-negative-muted: #ffebeb;
|
|
8
|
+
--color-light-bg-positive-muted: #dff8e5;
|
|
9
|
+
--color-light-bg-primary: #fff;
|
|
10
|
+
--color-light-bg-primary-inverted: #121213;
|
|
11
|
+
--color-light-bg-quaternary: #dcdee2;
|
|
12
|
+
--color-light-bg-quaternary-inverted: #36363a;
|
|
13
|
+
--color-light-bg-secondary: #f2f3f5;
|
|
14
|
+
--color-light-bg-secondary-inverted: #1c1c1e;
|
|
15
|
+
--color-light-bg-tertiary: #e7e8ea;
|
|
16
|
+
--color-light-bg-tertiary-inverted: #27272a;
|
|
17
|
+
--color-light-specialbg-component: rgba(11, 31, 53, 0.07);
|
|
18
|
+
--color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1);
|
|
19
|
+
--color-light-specialbg-primary-grouped: #f2f3f5;
|
|
20
|
+
--color-light-specialbg-secondary-grouped: #fff;
|
|
21
|
+
--color-light-specialbg-secondary-transparent: rgba(38, 55, 88, 0.06);
|
|
22
|
+
--color-light-specialbg-secondary-transparent-inverted: rgba(214, 214, 229, 0.07);
|
|
23
|
+
--color-light-specialbg-tertiary-grouped: #f2f3f5;
|
|
24
|
+
--color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08);
|
|
25
|
+
--color-light-specialbg-tertiary-transparent-inverted: rgba(222, 222, 240, 0.12);
|
|
30
26
|
} :root {
|
|
31
|
-
|
|
32
|
-
/* Hard */
|
|
33
|
-
|
|
34
|
-
/* Up */
|
|
35
|
-
|
|
36
|
-
/* Hard up */
|
|
37
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
38
|
-
|
|
39
|
-
/* новые значения, используйте их */
|
|
40
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
41
|
-
--gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
42
|
-
|
|
43
|
-
/* новые значения, используйте их */
|
|
44
|
-
|
|
45
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
46
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
27
|
+
--gap-m: 16px;
|
|
47
28
|
--gap-0: 0px;
|
|
48
29
|
--gap-16: var(--gap-m);
|
|
49
30
|
} :root {
|
|
50
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
51
|
-
} /* сбрасывает синюю подсветку при нажатии */ :root {
|
|
52
|
-
|
|
53
|
-
/* header */
|
|
54
|
-
|
|
55
|
-
/* footer */
|
|
56
31
|
--bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
|
|
57
32
|
--bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
|
|
58
|
-
} .bottom-
|
|
33
|
+
} .bottom-sheet__footer_1jj7n {
|
|
59
34
|
padding: var(--gap-16) var(--gap-16);
|
|
60
35
|
background-color: var(--color-light-modal-bg-primary);
|
|
61
|
-
} .bottom-
|
|
36
|
+
} .bottom-sheet__sticky_1jj7n {
|
|
62
37
|
position: sticky;
|
|
63
38
|
bottom: var(--gap-0);
|
|
64
39
|
z-index: 1;
|
|
65
|
-
} .bottom-
|
|
40
|
+
} .bottom-sheet__highlighted_1jj7n {
|
|
66
41
|
border-top: var(--bottom-sheet-footer-border-top);
|
|
67
42
|
background-color: var(--bottom-sheet-footer-background-color);
|
|
68
|
-
} .bottom-sheet__background-
|
|
43
|
+
} .bottom-sheet__background-accent_1jj7n {
|
|
69
44
|
background-color: var(--color-light-bg-accent);
|
|
70
|
-
} .bottom-sheet__background-
|
|
45
|
+
} .bottom-sheet__background-info_1jj7n {
|
|
71
46
|
background-color: var(--color-light-bg-info);
|
|
72
|
-
} .bottom-sheet__background-attention-
|
|
47
|
+
} .bottom-sheet__background-attention-muted_1jj7n {
|
|
73
48
|
background-color: var(--color-light-bg-attention-muted);
|
|
74
|
-
} .bottom-sheet__background-positive-
|
|
49
|
+
} .bottom-sheet__background-positive-muted_1jj7n {
|
|
75
50
|
background-color: var(--color-light-bg-positive-muted);
|
|
76
|
-
} .bottom-sheet__background-negative-
|
|
51
|
+
} .bottom-sheet__background-negative-muted_1jj7n {
|
|
77
52
|
background-color: var(--color-light-bg-negative-muted);
|
|
78
|
-
} .bottom-sheet__background-
|
|
53
|
+
} .bottom-sheet__background-primary_1jj7n {
|
|
79
54
|
background-color: var(--color-light-bg-primary);
|
|
80
|
-
} .bottom-sheet__background-primary-
|
|
55
|
+
} .bottom-sheet__background-primary-inverted_1jj7n {
|
|
81
56
|
background-color: var(--color-light-bg-primary-inverted);
|
|
82
|
-
} .bottom-sheet__background-
|
|
57
|
+
} .bottom-sheet__background-secondary_1jj7n {
|
|
83
58
|
background-color: var(--color-light-bg-secondary);
|
|
84
|
-
} .bottom-sheet__background-secondary-
|
|
59
|
+
} .bottom-sheet__background-secondary-inverted_1jj7n {
|
|
85
60
|
background-color: var(--color-light-bg-secondary-inverted);
|
|
86
|
-
} .bottom-sheet__background-
|
|
61
|
+
} .bottom-sheet__background-tertiary_1jj7n {
|
|
87
62
|
background-color: var(--color-light-bg-tertiary);
|
|
88
|
-
} .bottom-sheet__background-tertiary-
|
|
63
|
+
} .bottom-sheet__background-tertiary-inverted_1jj7n {
|
|
89
64
|
background-color: var(--color-light-bg-tertiary-inverted);
|
|
90
|
-
} .bottom-sheet__background-
|
|
65
|
+
} .bottom-sheet__background-quaternary_1jj7n {
|
|
91
66
|
background-color: var(--color-light-bg-quaternary);
|
|
92
|
-
} .bottom-sheet__background-quaternary-
|
|
67
|
+
} .bottom-sheet__background-quaternary-inverted_1jj7n {
|
|
93
68
|
background-color: var(--color-light-bg-quaternary-inverted);
|
|
94
|
-
} .bottom-sheet__background-specialbg-
|
|
69
|
+
} .bottom-sheet__background-specialbg-component_1jj7n {
|
|
95
70
|
background-color: var(--color-light-specialbg-component);
|
|
96
|
-
} .bottom-sheet__background-specialbg-component-
|
|
71
|
+
} .bottom-sheet__background-specialbg-component-inverted_1jj7n {
|
|
97
72
|
background-color: var(--color-light-specialbg-component-inverted);
|
|
98
|
-
} .bottom-sheet__background-specialbg-primary-
|
|
73
|
+
} .bottom-sheet__background-specialbg-primary-grouped_1jj7n {
|
|
99
74
|
background-color: var(--color-light-specialbg-primary-grouped);
|
|
100
|
-
} .bottom-sheet__background-specialbg-secondary-
|
|
75
|
+
} .bottom-sheet__background-specialbg-secondary-grouped_1jj7n {
|
|
101
76
|
background-color: var(--color-light-specialbg-secondary-grouped);
|
|
102
|
-
} .bottom-sheet__background-specialbg-tertiary-
|
|
77
|
+
} .bottom-sheet__background-specialbg-tertiary-grouped_1jj7n {
|
|
103
78
|
background-color: var(--color-light-specialbg-tertiary-grouped);
|
|
104
|
-
} .bottom-sheet__background-specialbg-secondary-
|
|
79
|
+
} .bottom-sheet__background-specialbg-secondary-transparent_1jj7n {
|
|
105
80
|
background-color: var(--color-light-specialbg-secondary-transparent);
|
|
106
|
-
} .bottom-sheet__background-specialbg-secondary-transparent-
|
|
81
|
+
} .bottom-sheet__background-specialbg-secondary-transparent-inverted_1jj7n {
|
|
107
82
|
background-color: var(--color-light-specialbg-secondary-transparent-inverted);
|
|
108
|
-
} .bottom-sheet__background-specialbg-tertiary-
|
|
83
|
+
} .bottom-sheet__background-specialbg-tertiary-transparent_1jj7n {
|
|
109
84
|
background-color: var(--color-light-specialbg-tertiary-transparent);
|
|
110
|
-
} .bottom-sheet__background-specialbg-tertiary-transparent-
|
|
85
|
+
} .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1jj7n {
|
|
111
86
|
background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
|
|
112
87
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '../../../../vars/src/index.css';\n@import '../../vars.css';\n\n.footer {\n padding: var(--gap-16) var(--gap-16);\n background-color: var(--color-light-modal-bg-primary);\n}\n\n.sticky {\n position: sticky;\n bottom: var(--gap-0);\n z-index: 1;\n}\n\n.highlighted {\n border-top: var(--bottom-sheet-footer-border-top);\n background-color: var(--bottom-sheet-footer-background-color);\n}\n\n@mixin bg-class-list;\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,4BAA4B,CAAC,QAAQ,CAAC,4BAA4B,CAAC,aAAa,CAAC,iCAA64D,CAAC;;;;"}
|
|
@@ -7,15 +7,13 @@ var React = require('react');
|
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
|
|
9
9
|
var coreComponentsNavigationBarPrivate = require('@alfalab/core-components-navigation-bar-private');
|
|
10
|
+
var index_module = require('./index.module.css.js');
|
|
10
11
|
|
|
11
12
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
12
13
|
|
|
13
14
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
14
15
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
15
16
|
|
|
16
|
-
var styles = {"headerWrapper":"bottom-sheet__headerWrapper_yeb6n","hasContent":"bottom-sheet__hasContent_yeb6n","header":"bottom-sheet__header_yeb6n","sticky":"bottom-sheet__sticky_yeb6n","highlighted":"bottom-sheet__highlighted_yeb6n","justifyEnd":"bottom-sheet__justifyEnd_yeb6n","addon":"bottom-sheet__addon_yeb6n","addonFixed":"bottom-sheet__addonFixed_yeb6n","title":"bottom-sheet__title_yeb6n","titleCenter":"bottom-sheet__titleCenter_yeb6n","titleLeft":"bottom-sheet__titleLeft_yeb6n","trimTitle":"bottom-sheet__trimTitle_yeb6n"};
|
|
17
|
-
require('./index.css')
|
|
18
|
-
|
|
19
17
|
var Header = function (_a) {
|
|
20
18
|
var _b;
|
|
21
19
|
var className = _a.className, sticky = _a.sticky, headerRef = _a.headerRef, headerOffset = _a.headerOffset, title = _a.title, children = _a.children, restProps = tslib.__rest(_a, ["className", "sticky", "headerRef", "headerOffset", "title", "children"]);
|
|
@@ -27,11 +25,12 @@ var Header = function (_a) {
|
|
|
27
25
|
setHasHeader(true);
|
|
28
26
|
}, [setHasHeader]);
|
|
29
27
|
var hasContent = Boolean(title || children);
|
|
30
|
-
return (React__default.default.createElement(coreComponentsNavigationBarPrivate.NavigationBarPrivate, tslib.__assign({}, restProps, { ref: headerRef, title: title, onClose: onClose, sticky: sticky, view: 'mobile', className: cn__default.default(
|
|
31
|
-
_b[
|
|
32
|
-
_b[
|
|
33
|
-
_b[
|
|
34
|
-
_b)), contentClassName: cn__default.default(
|
|
28
|
+
return (React__default.default.createElement(coreComponentsNavigationBarPrivate.NavigationBarPrivate, tslib.__assign({}, restProps, { ref: headerRef, title: title, onClose: onClose, sticky: sticky, view: 'mobile', className: cn__default.default(index_module.headerWrapper, className, (_b = {},
|
|
29
|
+
_b[index_module.highlighted] = hasContent && headerHighlighted && sticky,
|
|
30
|
+
_b[index_module.sticky] = sticky,
|
|
31
|
+
_b[index_module.hasContent] = hasContent,
|
|
32
|
+
_b)), contentClassName: cn__default.default(index_module.title) }), children));
|
|
35
33
|
};
|
|
36
34
|
|
|
37
35
|
exports.Header = Header;
|
|
36
|
+
//# sourceMappingURL=Component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../../src/components/header/Component.tsx"],"sourcesContent":["import React, { FC, RefObject, useContext, useEffect } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModalContext } from '@alfalab/core-components-base-modal';\nimport {\n NavigationBarPrivate,\n NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\n\nimport styles from './index.module.css';\n\nexport type HeaderProps = Omit<NavigationBarPrivateProps, 'view' | 'size'> & {\n headerRef: RefObject<HTMLDivElement>;\n headerOffset: number;\n};\n\nexport const Header: FC<HeaderProps> = ({\n className,\n sticky,\n headerRef,\n headerOffset,\n title,\n children,\n ...restProps\n}) => {\n const { setHeaderOffset, setHasHeader, headerHighlighted, onClose } =\n useContext(BaseModalContext);\n\n useEffect(() => {\n setHeaderOffset(headerOffset);\n }, [headerOffset, setHeaderOffset]);\n\n useEffect(() => {\n setHasHeader(true);\n }, [setHasHeader]);\n\n const hasContent = Boolean(title || children);\n\n return (\n <NavigationBarPrivate\n {...restProps}\n ref={headerRef}\n title={title}\n onClose={onClose}\n sticky={sticky}\n view='mobile'\n className={cn(styles.headerWrapper, className, {\n [styles.highlighted]: hasContent && headerHighlighted && sticky,\n [styles.sticky]: sticky,\n [styles.hasContent]: hasContent,\n })}\n contentClassName={cn(styles.title)}\n >\n {children}\n </NavigationBarPrivate>\n );\n};\n"],"names":["__rest","useContext","BaseModalContext","useEffect","React","NavigationBarPrivate","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;;AAgBO,IAAM,MAAM,GAAoB,UAAC,EAQvC,EAAA;;IAPG,IAAA,SAAS,eAAA,EACT,MAAM,YAAA,EACN,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,SAAS,GAPwBA,YAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,WAAA,EAAA,cAAA,EAAA,OAAA,EAAA,UAAA,CAQvC,CADe;AAEN,IAAA,IAAA,KACFC,gBAAU,CAACC,wCAAgB,CAAC,EADxB,eAAe,GAAA,EAAA,CAAA,eAAA,EAAE,YAAY,kBAAA,EAAE,iBAAiB,uBAAA,EAAE,OAAO,aACjC;AAEhC,IAAAC,eAAS,CAAC,YAAA;QACN,eAAe,CAAC,YAAY,CAAC;AACjC,KAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;AAEnC,IAAAA,eAAS,CAAC,YAAA;QACN,YAAY,CAAC,IAAI,CAAC;AACtB,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IAElB,IAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,CAAC;AAE7C,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,uDAAoB,EAAAC,cAAA,CAAA,EAAA,EACb,SAAS,EACb,EAAA,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,QAAQ,EACb,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,aAAa,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YACzC,EAAC,CAAAA,YAAM,CAAC,WAAW,CAAA,GAAG,UAAU,IAAI,iBAAiB,IAAI,MAAM;AAC/D,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAACA,YAAM,CAAC,UAAU,CAAA,GAAG,UAAU;AACjC,YAAA,EAAA,EAAA,EACF,gBAAgB,EAAED,mBAAE,CAACC,YAAM,CAAC,KAAK,CAAC,EAEjC,CAAA,EAAA,QAAQ,CACU;AAE/B;;;;"}
|