@alfalab/core-components-popup-sheet 1.4.4 → 1.4.5-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 +13 -14
- package/Component.js.map +1 -0
- package/components/backdrop/Component.js +3 -4
- package/components/backdrop/Component.js.map +1 -0
- package/components/backdrop/index.css +11 -33
- package/components/backdrop/index.js +3 -2
- package/components/backdrop/index.js.map +1 -0
- package/components/backdrop/index.module.css.js +8 -0
- package/components/backdrop/index.module.css.js.map +1 -0
- package/cssm/Component.js +9 -8
- package/cssm/Component.js.map +1 -0
- package/cssm/components/backdrop/Component.js +3 -2
- package/cssm/components/backdrop/Component.js.map +1 -0
- package/cssm/components/backdrop/index.js +3 -2
- package/cssm/components/backdrop/index.js.map +1 -0
- package/cssm/components/backdrop/index.module.css +2 -23
- package/cssm/index.js +1 -0
- package/cssm/index.js.map +1 -0
- package/cssm/index.module.css +5 -25
- package/cssm/shared/index.js +1 -0
- package/cssm/shared/index.js.map +1 -0
- package/{Component.d.ts → cssm/src/Component.d.ts} +6 -14
- package/{esm → cssm/src}/components/backdrop/Component.d.ts +3 -4
- package/cssm/src/components/backdrop/index.d.ts +1 -0
- package/cssm/src/index.d.ts +1 -0
- package/cssm/src/shared/index.d.ts +1 -0
- package/cssm/src/utils.d.ts +4 -0
- package/cssm/utils.js +3 -2
- package/cssm/utils.js.map +1 -0
- package/esm/Component.js +2 -3
- package/esm/Component.js.map +1 -0
- package/esm/components/backdrop/Component.js +2 -3
- package/esm/components/backdrop/Component.js.map +1 -0
- package/esm/components/backdrop/index.css +11 -33
- package/esm/components/backdrop/index.js +1 -0
- package/esm/components/backdrop/index.js.map +1 -0
- package/esm/components/backdrop/index.module.css.js +6 -0
- package/esm/components/backdrop/index.module.css.js.map +1 -0
- package/esm/index.css +16 -37
- 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/{Component.d.ts → src/Component.d.ts} +6 -14
- package/{components → esm/src/components}/backdrop/Component.d.ts +3 -4
- package/esm/src/components/backdrop/index.d.ts +1 -0
- package/esm/src/index.d.ts +1 -0
- package/esm/src/shared/index.d.ts +1 -0
- package/esm/src/utils.d.ts +4 -0
- package/esm/utils.js +1 -0
- package/esm/utils.js.map +1 -0
- package/index.css +16 -37
- 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 +2 -3
- package/modern/Component.js.map +1 -0
- package/modern/components/backdrop/Component.js +2 -3
- package/modern/components/backdrop/Component.js.map +1 -0
- package/modern/components/backdrop/index.css +11 -33
- package/modern/components/backdrop/index.js +1 -0
- package/modern/components/backdrop/index.js.map +1 -0
- package/modern/components/backdrop/index.module.css.js +6 -0
- package/modern/components/backdrop/index.module.css.js.map +1 -0
- package/modern/index.css +16 -37
- 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/{Component.d.ts → src/Component.d.ts} +6 -14
- package/{cssm → modern/src}/components/backdrop/Component.d.ts +3 -4
- package/modern/src/components/backdrop/index.d.ts +1 -0
- package/modern/src/index.d.ts +1 -0
- package/modern/src/shared/index.d.ts +1 -0
- package/modern/src/utils.d.ts +4 -0
- package/modern/utils.js +1 -0
- package/modern/utils.js.map +1 -0
- package/moderncssm/Component.js +1 -0
- package/moderncssm/Component.js.map +1 -0
- package/moderncssm/components/backdrop/Component.js +1 -0
- package/moderncssm/components/backdrop/Component.js.map +1 -0
- package/moderncssm/components/backdrop/index.js +1 -0
- package/moderncssm/components/backdrop/index.js.map +1 -0
- package/moderncssm/components/backdrop/index.module.css +0 -1
- package/moderncssm/index.js +1 -0
- package/moderncssm/index.js.map +1 -0
- package/moderncssm/index.module.css +0 -4
- package/moderncssm/shared/index.js +1 -0
- package/moderncssm/shared/index.js.map +1 -0
- package/{cssm → moderncssm/src}/Component.d.ts +6 -14
- package/{modern → moderncssm/src}/components/backdrop/Component.d.ts +3 -4
- package/moderncssm/src/components/backdrop/index.d.ts +1 -0
- package/moderncssm/src/index.d.ts +1 -0
- package/moderncssm/src/shared/index.d.ts +1 -0
- package/moderncssm/src/utils.d.ts +4 -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 +58 -0
- package/src/Component.tsx +1 -2
- package/src/components/backdrop/Component.d.ts +13 -0
- package/src/components/backdrop/index.d.ts +1 -0
- package/src/index.d.ts +1 -0
- package/src/shared/index.d.ts +1 -0
- package/src/utils.d.ts +4 -0
- package/utils.js +1 -0
- package/utils.js.map +1 -0
- package/components/backdrop/index.d.ts +0 -1
- package/cssm/components/backdrop/index.d.ts +0 -1
- package/cssm/index.d.ts +0 -1
- package/cssm/shared/index.d.ts +0 -1
- package/cssm/utils.d.ts +0 -5
- package/esm/components/backdrop/index.d.ts +0 -1
- package/esm/index.d.ts +0 -1
- package/esm/shared/index.d.ts +0 -1
- package/esm/utils.d.ts +0 -5
- package/index.d.ts +0 -1
- package/modern/components/backdrop/index.d.ts +0 -1
- package/modern/index.d.ts +0 -1
- package/modern/shared/index.d.ts +0 -1
- package/modern/utils.d.ts +0 -5
- package/moderncssm/Component.d.ts +0 -66
- package/moderncssm/components/backdrop/Component.d.ts +0 -14
- package/moderncssm/components/backdrop/index.d.ts +0 -1
- package/moderncssm/index.d.ts +0 -1
- package/moderncssm/shared/index.d.ts +0 -1
- package/moderncssm/utils.d.ts +0 -5
- package/shared/index.d.ts +0 -1
- package/utils.d.ts +0 -5
package/Component.js
CHANGED
|
@@ -9,16 +9,14 @@ var cn = require('classnames');
|
|
|
9
9
|
var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
|
|
10
10
|
var shared = require('@alfalab/core-components-navigation-bar-private/shared');
|
|
11
11
|
var coreComponentsShared = require('@alfalab/core-components-shared');
|
|
12
|
-
var
|
|
12
|
+
var Component = require('./components/backdrop/Component.js');
|
|
13
|
+
var index_module = require('./index.module.css.js');
|
|
13
14
|
|
|
14
15
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
15
16
|
|
|
16
17
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
17
18
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
18
19
|
|
|
19
|
-
var styles = {"component":"popup-sheet__component_uael9","closer":"popup-sheet__closer_uael9","content":"popup-sheet__content_uael9","appear":"popup-sheet__appear_uael9","enter":"popup-sheet__enter_uael9","appearActive":"popup-sheet__appearActive_uael9","enterActive":"popup-sheet__enterActive_uael9","exit":"popup-sheet__exit_uael9","exitBySwipe":"popup-sheet__exitBySwipe_uael9","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_uael9","exitActive":"popup-sheet__exitActive_uael9","exitDone":"popup-sheet__exitDone_uael9"};
|
|
20
|
-
require('./index.css')
|
|
21
|
-
|
|
22
20
|
var SWIPE_VELOCITY = 0.3;
|
|
23
21
|
var CLOSE_OFFSET = 0.3;
|
|
24
22
|
var ANIMATION_DURATION = 350;
|
|
@@ -118,22 +116,23 @@ var PopupSheet = React.forwardRef(function (_a, ref) {
|
|
|
118
116
|
trackTouch: swipeable,
|
|
119
117
|
delta: 5,
|
|
120
118
|
});
|
|
121
|
-
return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { onClose: onClose, ref: ref, className: cn__default.default(
|
|
122
|
-
enter:
|
|
123
|
-
appear:
|
|
124
|
-
enterActive:
|
|
125
|
-
appearActive:
|
|
126
|
-
exit: bySwipeCloseAnimation.current ?
|
|
119
|
+
return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { onClose: onClose, ref: ref, className: cn__default.default(index_module.component, className), dataTestId: dataTestId, Backdrop: Component.PopupBackdrop, backdropProps: tslib.__assign(tslib.__assign({}, backdropProps), { opacity: backdropOpacity }), transitionProps: tslib.__assign(tslib.__assign({ classNames: {
|
|
120
|
+
enter: index_module.enter,
|
|
121
|
+
appear: index_module.appear,
|
|
122
|
+
enterActive: index_module.enterActive,
|
|
123
|
+
appearActive: index_module.appearActive,
|
|
124
|
+
exit: bySwipeCloseAnimation.current ? index_module.exitBySwipe : index_module.exit,
|
|
127
125
|
exitActive: bySwipeCloseAnimation.current
|
|
128
|
-
?
|
|
129
|
-
:
|
|
126
|
+
? index_module.exitActiveBySwipe
|
|
127
|
+
: index_module.exitActive,
|
|
130
128
|
}, timeout: ANIMATION_DURATION }, transitionProps), { onEntered: handleEntered, onExited: handleExited }), componentDivProps: {
|
|
131
129
|
ref: sheetRef,
|
|
132
130
|
style: getSwipeStyles(),
|
|
133
|
-
}, contentProps: tslib.__assign(tslib.__assign(tslib.__assign({ style: coreComponentsShared.createPaddingStyle(padding) }, contentProps), sheetSwipeableHandlers), { className: cn__default.default(
|
|
134
|
-
hasCloser && (React__default.default.createElement(shared.Closer, tslib.__assign({ view: 'mobile', onClick: onClose, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'closer') }, closerProps, { className: cn__default.default(
|
|
131
|
+
}, contentProps: tslib.__assign(tslib.__assign(tslib.__assign({ style: coreComponentsShared.createPaddingStyle(padding) }, contentProps), sheetSwipeableHandlers), { className: cn__default.default(index_module.content, contentProps === null || contentProps === void 0 ? void 0 : contentProps.className) }) }),
|
|
132
|
+
hasCloser && (React__default.default.createElement(shared.Closer, tslib.__assign({ view: 'mobile', onClick: onClose, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'closer') }, closerProps, { className: cn__default.default(index_module.closer, closerProps === null || closerProps === void 0 ? void 0 : closerProps.className) }))),
|
|
135
133
|
children));
|
|
136
134
|
});
|
|
137
135
|
PopupSheet.displayName = 'PopupSheet';
|
|
138
136
|
|
|
139
137
|
exports.PopupSheet = PopupSheet;
|
|
138
|
+
//# 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 KeyboardEvent,\n MouseEvent,\n useRef,\n useState,\n} from 'react';\nimport { SwipeCallback, useSwipeable } from 'react-swipeable';\nimport cn from 'classnames';\n\nimport { BaseModal, BaseModalProps } from '@alfalab/core-components-base-modal';\nimport { Closer, CloserProps } from '@alfalab/core-components-navigation-bar-private/shared';\nimport { createPaddingStyle, easingFns, getDataTestId } from '@alfalab/core-components-shared';\nimport type { PaddingType } from '@alfalab/core-components-types';\n\nimport { PopupBackdrop } from './components/backdrop';\n\nimport styles from './index.module.css';\n\nconst SWIPE_VELOCITY = 0.3;\nconst CLOSE_OFFSET = 0.3;\nconst ANIMATION_DURATION = 350;\n\nexport type PopupSheetProps = Omit<BaseModalProps, 'onClose' | 'dataTestId'> & {\n /**\n * Наличие кнопки закрытия\n */\n hasCloser?: boolean;\n\n /**\n * Будет ли свайпаться шторка\n */\n swipeable?: boolean;\n\n /**\n * Отступы\n */\n padding?: PaddingType;\n\n /**\n * Обработчик закрытия\n */\n onClose?: (\n event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>,\n reason?: 'backdropClick' | 'escapeKeyDown' | 'closerClick' | 'swipe',\n ) => void;\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n * Для кнопки закрытия используется модификатор -closer\n */\n dataTestId?: string;\n\n /**\n * Дополнительные пропсы для компонента Closer.\n */\n closerProps?: Omit<CloserProps, 'view' | 'onClose'>;\n};\n\nconst DEFAULT_PADDING = 32;\n\nexport const PopupSheet = forwardRef<HTMLDivElement, PopupSheetProps>(\n (\n {\n children,\n hasCloser,\n className,\n onClose,\n transitionProps,\n contentProps,\n swipeable,\n dataTestId,\n backdropProps,\n padding = DEFAULT_PADDING,\n closerProps = {},\n ...restProps\n },\n ref,\n ) => {\n const [sheetOffset, setSheetOffset] = useState(0);\n const [backdropOpacity, setBackdropOpacity] = useState(1);\n\n const sheetHeight = useRef(0);\n const sheetRef = useRef<HTMLDivElement>(null);\n const bySwipeCloseAnimation = useRef(false);\n\n const getSheetOffset = (deltaY: number): number => Math.max(0, deltaY);\n\n const getBackdropOpacity = (offset: number): number =>\n Math.max(0, 1 - offset / sheetHeight.current);\n\n const getSwipeStyles = (): CSSProperties =>\n sheetOffset ? { transform: `translateY(${sheetOffset}px)` } : {};\n\n const handleSwiping: SwipeCallback = ({ deltaY }) => {\n const offset = getSheetOffset(deltaY);\n\n setSheetOffset(offset);\n setBackdropOpacity(getBackdropOpacity(offset));\n };\n\n const handleSwiped: SwipeCallback = ({ deltaY, velocity, event }) => {\n const shouldCloseByVelocity = deltaY >= 0 && velocity >= SWIPE_VELOCITY;\n const shouldCloseByOffset = deltaY >= sheetHeight.current * CLOSE_OFFSET;\n\n const offset = sheetOffset;\n const animDuration = ANIMATION_DURATION / 2;\n let start: number;\n\n if (shouldCloseByVelocity || shouldCloseByOffset) {\n bySwipeCloseAnimation.current = true;\n onClose?.(event as MouseEvent<HTMLElement>, 'swipe');\n\n const runLoop = (timeStamp: number) => {\n if (!start) start = timeStamp;\n const elapsedTime = timeStamp - start;\n\n if (elapsedTime <= animDuration) {\n const nextOffset =\n offset +\n (sheetHeight.current - offset) *\n easingFns.easeInOutQuad(elapsedTime / animDuration);\n\n if (nextOffset > 0) {\n setSheetOffset(nextOffset);\n }\n requestAnimationFrame(runLoop);\n } else {\n setSheetOffset(0);\n bySwipeCloseAnimation.current = false;\n }\n };\n\n requestAnimationFrame(runLoop);\n } else {\n const runLoop = (timeStamp: number) => {\n if (!start) start = timeStamp;\n const elapsedTime = timeStamp - start;\n\n if (elapsedTime <= animDuration) {\n const nextOffset =\n offset - offset * easingFns.easeInOutQuad(elapsedTime / animDuration);\n\n if (nextOffset > 0) {\n setSheetOffset(nextOffset);\n setBackdropOpacity(getBackdropOpacity(nextOffset));\n }\n requestAnimationFrame(runLoop);\n } else {\n setSheetOffset(0);\n setBackdropOpacity(1);\n }\n };\n\n requestAnimationFrame(runLoop);\n }\n };\n\n const handleEntered = (node: HTMLElement, isAppearing: boolean) => {\n bySwipeCloseAnimation.current = false;\n if (sheetRef.current) {\n sheetHeight.current = sheetRef.current.offsetHeight;\n }\n\n if (transitionProps?.onEntered) {\n transitionProps.onEntered(node, isAppearing);\n }\n };\n\n const handleExited = (node: HTMLElement) => {\n bySwipeCloseAnimation.current = false;\n setSheetOffset(0);\n setBackdropOpacity(1);\n\n if (transitionProps?.onExited) {\n transitionProps.onExited(node);\n }\n };\n\n const sheetSwipeableHandlers = useSwipeable({\n onSwiping: handleSwiping,\n onSwiped: handleSwiped,\n trackMouse: swipeable,\n trackTouch: swipeable,\n delta: 5,\n });\n\n return (\n <BaseModal\n {...restProps}\n onClose={onClose}\n ref={ref}\n className={cn(styles.component, className)}\n dataTestId={dataTestId}\n Backdrop={PopupBackdrop}\n backdropProps={{\n ...backdropProps,\n opacity: backdropOpacity,\n }}\n transitionProps={{\n classNames: {\n enter: styles.enter,\n appear: styles.appear,\n enterActive: styles.enterActive,\n appearActive: styles.appearActive,\n exit: bySwipeCloseAnimation.current ? styles.exitBySwipe : styles.exit,\n exitActive: bySwipeCloseAnimation.current\n ? styles.exitActiveBySwipe\n : styles.exitActive,\n },\n timeout: ANIMATION_DURATION,\n ...transitionProps,\n onEntered: handleEntered,\n onExited: handleExited,\n }}\n componentDivProps={{\n ref: sheetRef,\n style: getSwipeStyles(),\n }}\n contentProps={{\n style: createPaddingStyle(padding),\n ...contentProps,\n ...sheetSwipeableHandlers,\n className: cn(styles.content, contentProps?.className),\n }}\n >\n {hasCloser && (\n <Closer\n view='mobile'\n onClick={onClose}\n dataTestId={getDataTestId(dataTestId, 'closer')}\n {...closerProps}\n className={cn(styles.closer, closerProps?.className)}\n />\n )}\n {children}\n </BaseModal>\n );\n },\n);\n\nPopupSheet.displayName = 'PopupSheet';\n"],"names":["forwardRef","__rest","useState","useRef","easingFns","useSwipeable","React","BaseModal","__assign","cn","styles","PopupBackdrop","createPaddingStyle","Closer","getDataTestId"],"mappings":"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"}
|
|
@@ -5,18 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var coreComponentsBackdrop = require('@alfalab/core-components-backdrop');
|
|
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
|
|
|
13
|
-
var styles = {"appear":"popup-sheet__appear_1dfpg","enter":"popup-sheet__enter_1dfpg","appearActive":"popup-sheet__appearActive_1dfpg","enterActive":"popup-sheet__enterActive_1dfpg","appearDone":"popup-sheet__appearDone_1dfpg","enterDone":"popup-sheet__enterDone_1dfpg","exit":"popup-sheet__exit_1dfpg","exitActive":"popup-sheet__exitActive_1dfpg","exitDone":"popup-sheet__exitDone_1dfpg"};
|
|
14
|
-
require('./index.css')
|
|
15
|
-
|
|
16
14
|
var PopupBackdrop = function (_a) {
|
|
17
15
|
var opacity = _a.opacity, opacityTimeout = _a.opacityTimeout, style = _a.style, backdropProps = tslib.__rest(_a, ["opacity", "opacityTimeout", "style"]);
|
|
18
16
|
return (React__default.default.createElement("div", { style: tslib.__assign({ opacity: opacity, transition: opacity === 1 ? "opacity ".concat(opacityTimeout, "ms ease-in-out") : '', position: 'relative' }, style) },
|
|
19
|
-
React__default.default.createElement(coreComponentsBackdrop.Backdrop, tslib.__assign({ transitionClassNames:
|
|
17
|
+
React__default.default.createElement(coreComponentsBackdrop.Backdrop, tslib.__assign({ transitionClassNames: index_module }, backdropProps))));
|
|
20
18
|
};
|
|
21
19
|
|
|
22
20
|
exports.PopupBackdrop = PopupBackdrop;
|
|
21
|
+
//# sourceMappingURL=Component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../../src/components/backdrop/Component.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { Backdrop, BackdropProps } from '@alfalab/core-components-backdrop';\n\nimport styles from './index.module.css';\n\nexport type PopupBackdropProps = BackdropProps & {\n /**\n * Прозрачность бэкдропа\n */\n opacity?: number;\n\n /**\n * Время анимации opacity\n */\n opacityTimeout?: number;\n};\n\nexport const PopupBackdrop: FC<BackdropProps> = ({\n opacity,\n opacityTimeout,\n style,\n ...backdropProps\n}) => (\n <div\n style={{\n opacity,\n transition: opacity === 1 ? `opacity ${opacityTimeout}ms ease-in-out` : '',\n position: 'relative',\n ...style,\n }}\n >\n <Backdrop transitionClassNames={styles} {...backdropProps} />\n </div>\n);\n"],"names":["__rest","React","__assign","Backdrop","styles"],"mappings":";;;;;;;;;;;;;AAkBO,IAAM,aAAa,GAAsB,UAAC,EAKhD,EAAA;AAJG,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,KAAK,GAAA,EAAA,CAAA,KAAA,EACF,aAAa,GAJ6BA,YAAA,CAAA,EAAA,EAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,OAAA,CAKhD,CADmB;IACd,QACFC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EACDC,cAAA,CAAA,EAAA,OAAO,EAAA,OAAA,EACP,UAAU,EAAE,OAAO,KAAK,CAAC,GAAG,UAAW,CAAA,MAAA,CAAA,cAAc,EAAgB,gBAAA,CAAA,GAAG,EAAE,EAC1E,QAAQ,EAAE,UAAU,EAAA,EACjB,KAAK,CAAA,EAAA;QAGZD,sBAAC,CAAA,aAAA,CAAAE,+BAAQ,EAACD,cAAA,CAAA,EAAA,oBAAoB,EAAEE,YAAM,IAAM,aAAa,CAAA,CAAI,CAC3D;;;;;"}
|
|
@@ -1,43 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
:
|
|
3
|
-
} /* deprecated */ :root {
|
|
4
|
-
--color-light-overlay-default: rgba(0, 0, 0, 0.6); /* 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 */ /* 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 */ /* 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 */ /* 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 */
|
|
5
|
-
} :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 */
|
|
6
|
-
} :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 */
|
|
1
|
+
:root {
|
|
2
|
+
--color-light-overlay-default: rgba(0, 0, 0, 0.6);
|
|
7
3
|
} :root {
|
|
8
|
-
|
|
9
|
-
/* Hard */
|
|
10
|
-
|
|
11
|
-
/* Up */
|
|
12
|
-
|
|
13
|
-
/* Hard up */
|
|
14
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
15
|
-
|
|
16
|
-
/* новые значения, используйте их */
|
|
17
|
-
} :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 */
|
|
18
|
-
|
|
19
|
-
/* новые значения, используйте их */
|
|
20
|
-
|
|
21
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
22
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
23
|
-
} :root {
|
|
24
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
25
|
-
} /* сбрасывает синюю подсветку при нажатии */ :root {
|
|
26
4
|
--backdrop-visible-background: var(--color-light-overlay-default);
|
|
27
5
|
--backdrop-hidden-background: transparent;
|
|
28
|
-
} .popup-
|
|
29
|
-
.popup-
|
|
6
|
+
} .popup-sheet__appear_zpmko,
|
|
7
|
+
.popup-sheet__enter_zpmko {
|
|
30
8
|
background-color: var(--backdrop-hidden-background);
|
|
31
|
-
} .popup-
|
|
32
|
-
.popup-
|
|
33
|
-
.popup-
|
|
34
|
-
.popup-
|
|
9
|
+
} .popup-sheet__appearActive_zpmko,
|
|
10
|
+
.popup-sheet__enterActive_zpmko,
|
|
11
|
+
.popup-sheet__appearDone_zpmko,
|
|
12
|
+
.popup-sheet__enterDone_zpmko {
|
|
35
13
|
background-color: var(--backdrop-visible-background);
|
|
36
14
|
transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
|
|
37
|
-
} .popup-
|
|
15
|
+
} .popup-sheet__exit_zpmko {
|
|
38
16
|
background-color: var(--backdrop-visible-background);
|
|
39
|
-
} .popup-
|
|
40
|
-
.popup-
|
|
17
|
+
} .popup-sheet__exitActive_zpmko,
|
|
18
|
+
.popup-sheet__exitDone_zpmko {
|
|
41
19
|
background-color: var(--backdrop-hidden-background);
|
|
42
20
|
transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
|
|
43
21
|
}
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var Component = require('./Component.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.PopupBackdrop =
|
|
9
|
+
exports.PopupBackdrop = Component.PopupBackdrop;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
require('./index.css');
|
|
4
|
+
|
|
5
|
+
var styles = {"appear":"popup-sheet__appear_zpmko","enter":"popup-sheet__enter_zpmko","appearActive":"popup-sheet__appearActive_zpmko","enterActive":"popup-sheet__enterActive_zpmko","appearDone":"popup-sheet__appearDone_zpmko","enterDone":"popup-sheet__enterDone_zpmko","exit":"popup-sheet__exit_zpmko","exitActive":"popup-sheet__exitActive_zpmko","exitDone":"popup-sheet__exitDone_zpmko"};
|
|
6
|
+
|
|
7
|
+
module.exports = styles;
|
|
8
|
+
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/backdrop/index.module.css"],"sourcesContent":["@import '../../../../vars/src/index.css';\n@import '../../../../backdrop/src/vars.css';\n\n.appear,\n.enter {\n background-color: var(--backdrop-hidden-background);\n}\n\n.appearActive,\n.enterActive,\n.appearDone,\n.enterDone {\n background-color: var(--backdrop-visible-background);\n transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n\n.exit {\n background-color: var(--backdrop-visible-background);\n}\n\n.exitActive,\n.exitDone {\n background-color: var(--backdrop-hidden-background);\n transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,2BAA2B,CAAC,OAAO,CAAC,0BAA0B,CAAC,cAAc,CAAC,iCAAiC,CAAC,aAAa,CAAC,gCAAgC,CAAC,YAAY,CAAC,+BAA+B,CAAC,WAAW,CAAC,8BAA8B,CAAC,MAAM,CAAC,yBAAyB,CAAC,YAAY,CAAC,+BAA+B,CAAC,UAAU,CAAC,6BAA6B,CAAC;;;;"}
|
package/cssm/Component.js
CHANGED
|
@@ -6,10 +6,10 @@ var tslib = require('tslib');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var reactSwipeable = require('react-swipeable');
|
|
8
8
|
var cn = require('classnames');
|
|
9
|
-
var
|
|
9
|
+
var cssm = require('@alfalab/core-components-base-modal/cssm');
|
|
10
10
|
var shared = require('@alfalab/core-components-navigation-bar-private/cssm/shared');
|
|
11
|
-
var
|
|
12
|
-
var
|
|
11
|
+
var cssm$1 = require('@alfalab/core-components-shared/cssm');
|
|
12
|
+
var Component = require('./components/backdrop/Component.js');
|
|
13
13
|
var styles = require('./index.module.css');
|
|
14
14
|
|
|
15
15
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
@@ -59,7 +59,7 @@ var PopupSheet = React.forwardRef(function (_a, ref) {
|
|
|
59
59
|
if (elapsedTime <= animDuration) {
|
|
60
60
|
var nextOffset = offset +
|
|
61
61
|
(sheetHeight.current - offset) *
|
|
62
|
-
|
|
62
|
+
cssm$1.easingFns.easeInOutQuad(elapsedTime / animDuration);
|
|
63
63
|
if (nextOffset > 0) {
|
|
64
64
|
setSheetOffset(nextOffset);
|
|
65
65
|
}
|
|
@@ -78,7 +78,7 @@ var PopupSheet = React.forwardRef(function (_a, ref) {
|
|
|
78
78
|
start = timeStamp;
|
|
79
79
|
var elapsedTime = timeStamp - start;
|
|
80
80
|
if (elapsedTime <= animDuration) {
|
|
81
|
-
var nextOffset = offset - offset *
|
|
81
|
+
var nextOffset = offset - offset * cssm$1.easingFns.easeInOutQuad(elapsedTime / animDuration);
|
|
82
82
|
if (nextOffset > 0) {
|
|
83
83
|
setSheetOffset(nextOffset);
|
|
84
84
|
setBackdropOpacity(getBackdropOpacity(nextOffset));
|
|
@@ -117,7 +117,7 @@ var PopupSheet = React.forwardRef(function (_a, ref) {
|
|
|
117
117
|
trackTouch: swipeable,
|
|
118
118
|
delta: 5,
|
|
119
119
|
});
|
|
120
|
-
return (React__default.default.createElement(
|
|
120
|
+
return (React__default.default.createElement(cssm.BaseModal, tslib.__assign({}, restProps, { onClose: onClose, ref: ref, className: cn__default.default(styles__default.default.component, className), dataTestId: dataTestId, Backdrop: Component.PopupBackdrop, backdropProps: tslib.__assign(tslib.__assign({}, backdropProps), { opacity: backdropOpacity }), transitionProps: tslib.__assign(tslib.__assign({ classNames: {
|
|
121
121
|
enter: styles__default.default.enter,
|
|
122
122
|
appear: styles__default.default.appear,
|
|
123
123
|
enterActive: styles__default.default.enterActive,
|
|
@@ -129,10 +129,11 @@ var PopupSheet = React.forwardRef(function (_a, ref) {
|
|
|
129
129
|
}, timeout: ANIMATION_DURATION }, transitionProps), { onEntered: handleEntered, onExited: handleExited }), componentDivProps: {
|
|
130
130
|
ref: sheetRef,
|
|
131
131
|
style: getSwipeStyles(),
|
|
132
|
-
}, contentProps: tslib.__assign(tslib.__assign(tslib.__assign({ style:
|
|
133
|
-
hasCloser && (React__default.default.createElement(shared.Closer, tslib.__assign({ view: 'mobile', onClick: onClose, dataTestId:
|
|
132
|
+
}, contentProps: tslib.__assign(tslib.__assign(tslib.__assign({ style: cssm$1.createPaddingStyle(padding) }, contentProps), sheetSwipeableHandlers), { className: cn__default.default(styles__default.default.content, contentProps === null || contentProps === void 0 ? void 0 : contentProps.className) }) }),
|
|
133
|
+
hasCloser && (React__default.default.createElement(shared.Closer, tslib.__assign({ view: 'mobile', onClick: onClose, dataTestId: cssm$1.getDataTestId(dataTestId, 'closer') }, closerProps, { className: cn__default.default(styles__default.default.closer, closerProps === null || closerProps === void 0 ? void 0 : closerProps.className) }))),
|
|
134
134
|
children));
|
|
135
135
|
});
|
|
136
136
|
PopupSheet.displayName = 'PopupSheet';
|
|
137
137
|
|
|
138
138
|
exports.PopupSheet = PopupSheet;
|
|
139
|
+
//# sourceMappingURL=Component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../src/Component.tsx"],"sourcesContent":["import React, {\n CSSProperties,\n forwardRef,\n KeyboardEvent,\n MouseEvent,\n useRef,\n useState,\n} from 'react';\nimport { SwipeCallback, useSwipeable } from 'react-swipeable';\nimport cn from 'classnames';\n\nimport { BaseModal, BaseModalProps } from '@alfalab/core-components-base-modal';\nimport { Closer, CloserProps } from '@alfalab/core-components-navigation-bar-private/shared';\nimport { createPaddingStyle, easingFns, getDataTestId } from '@alfalab/core-components-shared';\nimport type { PaddingType } from '@alfalab/core-components-types';\n\nimport { PopupBackdrop } from './components/backdrop';\n\nimport styles from './index.module.css';\n\nconst SWIPE_VELOCITY = 0.3;\nconst CLOSE_OFFSET = 0.3;\nconst ANIMATION_DURATION = 350;\n\nexport type PopupSheetProps = Omit<BaseModalProps, 'onClose' | 'dataTestId'> & {\n /**\n * Наличие кнопки закрытия\n */\n hasCloser?: boolean;\n\n /**\n * Будет ли свайпаться шторка\n */\n swipeable?: boolean;\n\n /**\n * Отступы\n */\n padding?: PaddingType;\n\n /**\n * Обработчик закрытия\n */\n onClose?: (\n event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>,\n reason?: 'backdropClick' | 'escapeKeyDown' | 'closerClick' | 'swipe',\n ) => void;\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n * Для кнопки закрытия используется модификатор -closer\n */\n dataTestId?: string;\n\n /**\n * Дополнительные пропсы для компонента Closer.\n */\n closerProps?: Omit<CloserProps, 'view' | 'onClose'>;\n};\n\nconst DEFAULT_PADDING = 32;\n\nexport const PopupSheet = forwardRef<HTMLDivElement, PopupSheetProps>(\n (\n {\n children,\n hasCloser,\n className,\n onClose,\n transitionProps,\n contentProps,\n swipeable,\n dataTestId,\n backdropProps,\n padding = DEFAULT_PADDING,\n closerProps = {},\n ...restProps\n },\n ref,\n ) => {\n const [sheetOffset, setSheetOffset] = useState(0);\n const [backdropOpacity, setBackdropOpacity] = useState(1);\n\n const sheetHeight = useRef(0);\n const sheetRef = useRef<HTMLDivElement>(null);\n const bySwipeCloseAnimation = useRef(false);\n\n const getSheetOffset = (deltaY: number): number => Math.max(0, deltaY);\n\n const getBackdropOpacity = (offset: number): number =>\n Math.max(0, 1 - offset / sheetHeight.current);\n\n const getSwipeStyles = (): CSSProperties =>\n sheetOffset ? { transform: `translateY(${sheetOffset}px)` } : {};\n\n const handleSwiping: SwipeCallback = ({ deltaY }) => {\n const offset = getSheetOffset(deltaY);\n\n setSheetOffset(offset);\n setBackdropOpacity(getBackdropOpacity(offset));\n };\n\n const handleSwiped: SwipeCallback = ({ deltaY, velocity, event }) => {\n const shouldCloseByVelocity = deltaY >= 0 && velocity >= SWIPE_VELOCITY;\n const shouldCloseByOffset = deltaY >= sheetHeight.current * CLOSE_OFFSET;\n\n const offset = sheetOffset;\n const animDuration = ANIMATION_DURATION / 2;\n let start: number;\n\n if (shouldCloseByVelocity || shouldCloseByOffset) {\n bySwipeCloseAnimation.current = true;\n onClose?.(event as MouseEvent<HTMLElement>, 'swipe');\n\n const runLoop = (timeStamp: number) => {\n if (!start) start = timeStamp;\n const elapsedTime = timeStamp - start;\n\n if (elapsedTime <= animDuration) {\n const nextOffset =\n offset +\n (sheetHeight.current - offset) *\n easingFns.easeInOutQuad(elapsedTime / animDuration);\n\n if (nextOffset > 0) {\n setSheetOffset(nextOffset);\n }\n requestAnimationFrame(runLoop);\n } else {\n setSheetOffset(0);\n bySwipeCloseAnimation.current = false;\n }\n };\n\n requestAnimationFrame(runLoop);\n } else {\n const runLoop = (timeStamp: number) => {\n if (!start) start = timeStamp;\n const elapsedTime = timeStamp - start;\n\n if (elapsedTime <= animDuration) {\n const nextOffset =\n offset - offset * easingFns.easeInOutQuad(elapsedTime / animDuration);\n\n if (nextOffset > 0) {\n setSheetOffset(nextOffset);\n setBackdropOpacity(getBackdropOpacity(nextOffset));\n }\n requestAnimationFrame(runLoop);\n } else {\n setSheetOffset(0);\n setBackdropOpacity(1);\n }\n };\n\n requestAnimationFrame(runLoop);\n }\n };\n\n const handleEntered = (node: HTMLElement, isAppearing: boolean) => {\n bySwipeCloseAnimation.current = false;\n if (sheetRef.current) {\n sheetHeight.current = sheetRef.current.offsetHeight;\n }\n\n if (transitionProps?.onEntered) {\n transitionProps.onEntered(node, isAppearing);\n }\n };\n\n const handleExited = (node: HTMLElement) => {\n bySwipeCloseAnimation.current = false;\n setSheetOffset(0);\n setBackdropOpacity(1);\n\n if (transitionProps?.onExited) {\n transitionProps.onExited(node);\n }\n };\n\n const sheetSwipeableHandlers = useSwipeable({\n onSwiping: handleSwiping,\n onSwiped: handleSwiped,\n trackMouse: swipeable,\n trackTouch: swipeable,\n delta: 5,\n });\n\n return (\n <BaseModal\n {...restProps}\n onClose={onClose}\n ref={ref}\n className={cn(styles.component, className)}\n dataTestId={dataTestId}\n Backdrop={PopupBackdrop}\n backdropProps={{\n ...backdropProps,\n opacity: backdropOpacity,\n }}\n transitionProps={{\n classNames: {\n enter: styles.enter,\n appear: styles.appear,\n enterActive: styles.enterActive,\n appearActive: styles.appearActive,\n exit: bySwipeCloseAnimation.current ? styles.exitBySwipe : styles.exit,\n exitActive: bySwipeCloseAnimation.current\n ? styles.exitActiveBySwipe\n : styles.exitActive,\n },\n timeout: ANIMATION_DURATION,\n ...transitionProps,\n onEntered: handleEntered,\n onExited: handleExited,\n }}\n componentDivProps={{\n ref: sheetRef,\n style: getSwipeStyles(),\n }}\n contentProps={{\n style: createPaddingStyle(padding),\n ...contentProps,\n ...sheetSwipeableHandlers,\n className: cn(styles.content, contentProps?.className),\n }}\n >\n {hasCloser && (\n <Closer\n view='mobile'\n onClick={onClose}\n dataTestId={getDataTestId(dataTestId, 'closer')}\n {...closerProps}\n className={cn(styles.closer, closerProps?.className)}\n />\n )}\n {children}\n </BaseModal>\n );\n },\n);\n\nPopupSheet.displayName = 'PopupSheet';\n"],"names":["forwardRef","__rest","useState","useRef","easingFns","useSwipeable","React","BaseModal","__assign","cn","styles","PopupBackdrop","createPaddingStyle","Closer","getDataTestId"],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
|
-
var
|
|
7
|
+
var cssm = require('@alfalab/core-components-backdrop/cssm');
|
|
8
8
|
var styles = require('./index.module.css');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
@@ -15,7 +15,8 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
|
15
15
|
var PopupBackdrop = function (_a) {
|
|
16
16
|
var opacity = _a.opacity, opacityTimeout = _a.opacityTimeout, style = _a.style, backdropProps = tslib.__rest(_a, ["opacity", "opacityTimeout", "style"]);
|
|
17
17
|
return (React__default.default.createElement("div", { style: tslib.__assign({ opacity: opacity, transition: opacity === 1 ? "opacity ".concat(opacityTimeout, "ms ease-in-out") : '', position: 'relative' }, style) },
|
|
18
|
-
React__default.default.createElement(
|
|
18
|
+
React__default.default.createElement(cssm.Backdrop, tslib.__assign({ transitionClassNames: styles__default.default }, backdropProps))));
|
|
19
19
|
};
|
|
20
20
|
|
|
21
21
|
exports.PopupBackdrop = PopupBackdrop;
|
|
22
|
+
//# sourceMappingURL=Component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../../../src/components/backdrop/Component.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { Backdrop, BackdropProps } from '@alfalab/core-components-backdrop';\n\nimport styles from './index.module.css';\n\nexport type PopupBackdropProps = BackdropProps & {\n /**\n * Прозрачность бэкдропа\n */\n opacity?: number;\n\n /**\n * Время анимации opacity\n */\n opacityTimeout?: number;\n};\n\nexport const PopupBackdrop: FC<BackdropProps> = ({\n opacity,\n opacityTimeout,\n style,\n ...backdropProps\n}) => (\n <div\n style={{\n opacity,\n transition: opacity === 1 ? `opacity ${opacityTimeout}ms ease-in-out` : '',\n position: 'relative',\n ...style,\n }}\n >\n <Backdrop transitionClassNames={styles} {...backdropProps} />\n </div>\n);\n"],"names":["__rest","React","__assign","Backdrop","styles"],"mappings":";;;;;;;;;;;;;;AAkBO,IAAM,aAAa,GAAsB,UAAC,EAKhD,EAAA;AAJG,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,KAAK,GAAA,EAAA,CAAA,KAAA,EACF,aAAa,GAJ6BA,YAAA,CAAA,EAAA,EAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,OAAA,CAKhD,CADmB;IACd,QACFC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EACDC,cAAA,CAAA,EAAA,OAAO,EAAA,OAAA,EACP,UAAU,EAAE,OAAO,KAAK,CAAC,GAAG,UAAW,CAAA,MAAA,CAAA,cAAc,EAAgB,gBAAA,CAAA,GAAG,EAAE,EAC1E,QAAQ,EAAE,UAAU,EAAA,EACjB,KAAK,CAAA,EAAA;QAGZD,sBAAC,CAAA,aAAA,CAAAE,aAAQ,EAACD,cAAA,CAAA,EAAA,oBAAoB,EAAEE,uBAAM,IAAM,aAAa,CAAA,CAAI,CAC3D;;;;;"}
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var Component = require('./Component.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.PopupBackdrop =
|
|
9
|
+
exports.PopupBackdrop = Component.PopupBackdrop;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1,27 +1,6 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
|
|
3
|
-
--color-light-overlay-default: rgba(0, 0, 0, 0.6); /* 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 */ /* 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 */ /* 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 */ /* 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 */
|
|
4
|
-
} :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 */
|
|
5
|
-
} :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 */
|
|
1
|
+
:root {
|
|
2
|
+
--color-light-overlay-default: rgba(0, 0, 0, 0.6);
|
|
6
3
|
} :root {
|
|
7
|
-
|
|
8
|
-
/* Hard */
|
|
9
|
-
|
|
10
|
-
/* Up */
|
|
11
|
-
|
|
12
|
-
/* Hard up */
|
|
13
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
14
|
-
|
|
15
|
-
/* новые значения, используйте их */
|
|
16
|
-
} :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 */
|
|
17
|
-
|
|
18
|
-
/* новые значения, используйте их */
|
|
19
|
-
|
|
20
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
21
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
22
|
-
} :root {
|
|
23
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
24
|
-
} /* сбрасывает синюю подсветку при нажатии */ :root {
|
|
25
4
|
--backdrop-visible-background: var(--color-light-overlay-default);
|
|
26
5
|
--backdrop-hidden-background: transparent;
|
|
27
6
|
} .appear,
|
package/cssm/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
package/cssm/index.module.css
CHANGED
|
@@ -1,30 +1,10 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
} /* deprecated */ :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 */ /* 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 */ /* 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 */ /* 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 */
|
|
3
|
-
} :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 */
|
|
4
|
-
} :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 */
|
|
5
|
-
} :root {
|
|
6
|
-
|
|
7
|
-
/* Hard */
|
|
8
|
-
|
|
9
|
-
/* Up */
|
|
10
|
-
|
|
11
|
-
/* Hard up */
|
|
12
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
13
|
-
|
|
14
|
-
/* новые значения, используйте их */
|
|
1
|
+
:root {
|
|
15
2
|
--border-radius-36: 36px;
|
|
16
|
-
} :root {
|
|
17
|
-
--gap-xs: 8px;
|
|
18
|
-
|
|
19
|
-
/* новые значения, используйте их */
|
|
20
|
-
|
|
21
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
22
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
3
|
+
} :root {
|
|
4
|
+
--gap-xs: 8px;
|
|
23
5
|
--gap-0: 0px;
|
|
24
6
|
--gap-8: var(--gap-xs);
|
|
25
|
-
}
|
|
26
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
27
|
-
} /* сбрасывает синюю подсветку при нажатии */ .component {
|
|
7
|
+
} .component {
|
|
28
8
|
position: fixed;
|
|
29
9
|
bottom: var(--gap-0);
|
|
30
10
|
margin: auto var(--gap-8) var(--gap-8);
|
|
@@ -41,7 +21,7 @@
|
|
|
41
21
|
backdrop-filter: none;
|
|
42
22
|
} .content {
|
|
43
23
|
box-sizing: border-box;
|
|
44
|
-
}
|
|
24
|
+
} .appear,
|
|
45
25
|
.enter {
|
|
46
26
|
transform: translateY(calc(100% + 100px));
|
|
47
27
|
} .appearActive,
|
package/cssm/shared/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1,15 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
type PaddingType = number | string | {
|
|
7
|
-
top?: number;
|
|
8
|
-
right?: number;
|
|
9
|
-
bottom?: number;
|
|
10
|
-
left?: number;
|
|
11
|
-
};
|
|
12
|
-
type PopupSheetProps = Omit<BaseModalProps, 'onClose' | 'dataTestId'> & {
|
|
1
|
+
import React, { KeyboardEvent, MouseEvent } from 'react';
|
|
2
|
+
import { BaseModalProps } from '@alfalab/core-components-base-modal';
|
|
3
|
+
import { CloserProps } from '@alfalab/core-components-navigation-bar-private/shared';
|
|
4
|
+
import type { PaddingType } from '@alfalab/core-components-types';
|
|
5
|
+
export declare type PopupSheetProps = Omit<BaseModalProps, 'onClose' | 'dataTestId'> & {
|
|
13
6
|
/**
|
|
14
7
|
* Наличие кнопки закрытия
|
|
15
8
|
*/
|
|
@@ -36,7 +29,7 @@ type PopupSheetProps = Omit<BaseModalProps, 'onClose' | 'dataTestId'> & {
|
|
|
36
29
|
*/
|
|
37
30
|
closerProps?: Omit<CloserProps, 'view' | 'onClose'>;
|
|
38
31
|
};
|
|
39
|
-
declare const PopupSheet: React.ForwardRefExoticComponent<Omit<BaseModalProps, "onClose" | "dataTestId"> & {
|
|
32
|
+
export declare const PopupSheet: React.ForwardRefExoticComponent<Omit<BaseModalProps, "onClose" | "dataTestId"> & {
|
|
40
33
|
/**
|
|
41
34
|
* Наличие кнопки закрытия
|
|
42
35
|
*/
|
|
@@ -63,4 +56,3 @@ declare const PopupSheet: React.ForwardRefExoticComponent<Omit<BaseModalProps, "
|
|
|
63
56
|
*/
|
|
64
57
|
closerProps?: Omit<CloserProps, "onClose" | "view"> | undefined;
|
|
65
58
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
66
|
-
export { PopupSheetProps, PopupSheet };
|