@alfalab/core-components-popup-sheet 1.0.14 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/Component.js +1 -2
  2. package/components/backdrop/Component.js +1 -1
  3. package/components/backdrop/index.css +10 -10
  4. package/components/backdrop/index.js +0 -3
  5. package/cssm/Component.js +0 -2
  6. package/cssm/components/backdrop/index.js +0 -4
  7. package/cssm/index.js +0 -11
  8. package/cssm/shared/index.d.ts +1 -0
  9. package/cssm/shared/index.js +9 -0
  10. package/cssm/utils.d.ts +5 -0
  11. package/cssm/utils.js +14 -0
  12. package/esm/Component.js +1 -2
  13. package/esm/components/backdrop/Component.js +1 -1
  14. package/esm/components/backdrop/index.css +10 -10
  15. package/esm/components/backdrop/index.js +0 -3
  16. package/esm/index.css +14 -14
  17. package/esm/index.js +0 -9
  18. package/esm/shared/index.d.ts +1 -0
  19. package/esm/shared/index.js +1 -0
  20. package/esm/utils.d.ts +5 -0
  21. package/esm/utils.js +10 -0
  22. package/index.css +14 -14
  23. package/index.js +0 -9
  24. package/modern/Component.js +1 -2
  25. package/modern/components/backdrop/Component.js +1 -1
  26. package/modern/components/backdrop/index.css +10 -10
  27. package/modern/components/backdrop/index.js +0 -2
  28. package/modern/index.css +14 -14
  29. package/modern/index.js +0 -8
  30. package/modern/shared/index.d.ts +1 -0
  31. package/modern/shared/index.js +1 -0
  32. package/modern/utils.d.ts +5 -0
  33. package/modern/utils.js +10 -0
  34. package/package.json +4 -4
  35. package/shared/index.d.ts +1 -0
  36. package/shared/index.js +9 -0
  37. package/shared/package.json +3 -0
  38. package/src/shared/index.ts +1 -0
  39. package/src/shared/package.json +3 -0
  40. package/src/utils.ts +8 -0
  41. package/utils.d.ts +5 -0
  42. package/utils.js +14 -0
package/Component.js CHANGED
@@ -10,14 +10,13 @@ var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
10
10
  var shared = require('@alfalab/core-components-navigation-bar/shared');
11
11
  var coreComponentsShared = require('@alfalab/core-components-shared');
12
12
  var components_backdrop_Component = require('./components/backdrop/Component.js');
13
- require('@alfalab/core-components-backdrop');
14
13
 
15
14
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
16
15
 
17
16
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
18
17
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
18
 
20
- var styles = {"component":"popup-sheet__component_u45ne","closer":"popup-sheet__closer_u45ne","content":"popup-sheet__content_u45ne","appear":"popup-sheet__appear_u45ne","enter":"popup-sheet__enter_u45ne","appearActive":"popup-sheet__appearActive_u45ne","enterActive":"popup-sheet__enterActive_u45ne","exit":"popup-sheet__exit_u45ne","exitBySwipe":"popup-sheet__exitBySwipe_u45ne","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_u45ne","exitActive":"popup-sheet__exitActive_u45ne","exitDone":"popup-sheet__exitDone_u45ne"};
19
+ var styles = {"component":"popup-sheet__component_ep0qj","closer":"popup-sheet__closer_ep0qj","content":"popup-sheet__content_ep0qj","appear":"popup-sheet__appear_ep0qj","enter":"popup-sheet__enter_ep0qj","appearActive":"popup-sheet__appearActive_ep0qj","enterActive":"popup-sheet__enterActive_ep0qj","exit":"popup-sheet__exit_ep0qj","exitBySwipe":"popup-sheet__exitBySwipe_ep0qj","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_ep0qj","exitActive":"popup-sheet__exitActive_ep0qj","exitDone":"popup-sheet__exitDone_ep0qj"};
21
20
  require('./index.css')
22
21
 
23
22
  var SWIPE_VELOCITY = 0.3;
package/components/backdrop/Component.js CHANGED
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
10
10
 
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
 
13
- var styles = {"appear":"popup-sheet__appear_2weon","enter":"popup-sheet__enter_2weon","appearActive":"popup-sheet__appearActive_2weon","enterActive":"popup-sheet__enterActive_2weon","appearDone":"popup-sheet__appearDone_2weon","enterDone":"popup-sheet__enterDone_2weon","exit":"popup-sheet__exit_2weon","exitActive":"popup-sheet__exitActive_2weon","exitDone":"popup-sheet__exitDone_2weon"};
13
+ var styles = {"appear":"popup-sheet__appear_7vt2c","enter":"popup-sheet__enter_7vt2c","appearActive":"popup-sheet__appearActive_7vt2c","enterActive":"popup-sheet__enterActive_7vt2c","appearDone":"popup-sheet__appearDone_7vt2c","enterDone":"popup-sheet__enterDone_7vt2c","exit":"popup-sheet__exit_7vt2c","exitActive":"popup-sheet__exitActive_7vt2c","exitDone":"popup-sheet__exitDone_7vt2c"};
14
14
  require('./index.css')
15
15
 
16
16
  var PopupBackdrop = function (_a) {
package/components/backdrop/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: zi6wd */
1
+ /* hash: ec7w0 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
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 */
@@ -18,19 +18,19 @@
18
18
  } :root {
19
19
  --backdrop-visible-background: var(--color-light-overlay-default);
20
20
  --backdrop-hidden-background: transparent;
21
- } .popup-sheet__appear_2weon,
22
- .popup-sheet__enter_2weon {
21
+ } .popup-sheet__appear_7vt2c,
22
+ .popup-sheet__enter_7vt2c {
23
23
  background-color: var(--backdrop-hidden-background);
24
- } .popup-sheet__appearActive_2weon,
25
- .popup-sheet__enterActive_2weon,
26
- .popup-sheet__appearDone_2weon,
27
- .popup-sheet__enterDone_2weon {
24
+ } .popup-sheet__appearActive_7vt2c,
25
+ .popup-sheet__enterActive_7vt2c,
26
+ .popup-sheet__appearDone_7vt2c,
27
+ .popup-sheet__enterDone_7vt2c {
28
28
  background-color: var(--backdrop-visible-background);
29
29
  transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
30
- } .popup-sheet__exit_2weon {
30
+ } .popup-sheet__exit_7vt2c {
31
31
  background-color: var(--backdrop-visible-background);
32
- } .popup-sheet__exitActive_2weon,
33
- .popup-sheet__exitDone_2weon {
32
+ } .popup-sheet__exitActive_7vt2c,
33
+ .popup-sheet__exitDone_7vt2c {
34
34
  background-color: var(--backdrop-hidden-background);
35
35
  transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
36
36
  }
package/components/backdrop/index.js CHANGED
@@ -3,9 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var components_backdrop_Component = require('./Component.js');
6
- require('tslib');
7
- require('react');
8
- require('@alfalab/core-components-backdrop');
9
6
 
10
7
 
11
8
 
package/cssm/Component.js CHANGED
@@ -11,8 +11,6 @@ var shared = require('@alfalab/core-components-navigation-bar/cssm/shared');
11
11
  var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
12
12
  var components_backdrop_Component = require('./components/backdrop/Component.js');
13
13
  var styles = require('./index.module.css');
14
- require('@alfalab/core-components-backdrop/cssm');
15
- require('./components/backdrop/index.module.css');
16
14
 
17
15
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
18
16
 
package/cssm/components/backdrop/index.js CHANGED
@@ -3,10 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var components_backdrop_Component = require('./Component.js');
6
- require('tslib');
7
- require('react');
8
- require('@alfalab/core-components-backdrop/cssm');
9
- require('./index.module.css');
10
6
 
11
7
 
12
8
 
package/cssm/index.js CHANGED
@@ -3,17 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Component = require('./Component.js');
6
- require('tslib');
7
- require('react');
8
- require('react-swipeable');
9
- require('classnames');
10
- require('@alfalab/core-components-base-modal/cssm');
11
- require('@alfalab/core-components-navigation-bar/cssm/shared');
12
- require('@alfalab/core-components-shared/cssm');
13
- require('./components/backdrop/Component.js');
14
- require('@alfalab/core-components-backdrop/cssm');
15
- require('./components/backdrop/index.module.css');
16
- require('./index.module.css');
17
6
 
18
7
 
19
8
 
package/cssm/shared/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { getPopupSheetTestIds } from "../utils";
package/cssm/shared/index.js ADDED
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var utils = require('../utils.js');
6
+
7
+
8
+
9
+ exports.getPopupSheetTestIds = utils.getPopupSheetTestIds;
package/cssm/utils.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare function getPopupSheetTestIds(dataTestId: string): {
2
+ popupSheet: string;
3
+ closer: string;
4
+ };
5
+ export { getPopupSheetTestIds };
package/cssm/utils.js ADDED
@@ -0,0 +1,14 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
6
+
7
+ function getPopupSheetTestIds(dataTestId) {
8
+ return {
9
+ popupSheet: dataTestId,
10
+ closer: coreComponentsShared.getDataTestId(dataTestId, 'closer'),
11
+ };
12
+ }
13
+
14
+ exports.getPopupSheetTestIds = getPopupSheetTestIds;
package/esm/Component.js CHANGED
@@ -6,9 +6,8 @@ import { BaseModal } from '@alfalab/core-components-base-modal/esm';
6
6
  import { Closer } from '@alfalab/core-components-navigation-bar/esm/shared';
7
7
  import { createPaddingStyle, getDataTestId, easingFns } from '@alfalab/core-components-shared/esm';
8
8
  import { PopupBackdrop } from './components/backdrop/Component.js';
9
- import '@alfalab/core-components-backdrop/esm';
10
9
 
11
- var styles = {"component":"popup-sheet__component_u45ne","closer":"popup-sheet__closer_u45ne","content":"popup-sheet__content_u45ne","appear":"popup-sheet__appear_u45ne","enter":"popup-sheet__enter_u45ne","appearActive":"popup-sheet__appearActive_u45ne","enterActive":"popup-sheet__enterActive_u45ne","exit":"popup-sheet__exit_u45ne","exitBySwipe":"popup-sheet__exitBySwipe_u45ne","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_u45ne","exitActive":"popup-sheet__exitActive_u45ne","exitDone":"popup-sheet__exitDone_u45ne"};
10
+ var styles = {"component":"popup-sheet__component_ep0qj","closer":"popup-sheet__closer_ep0qj","content":"popup-sheet__content_ep0qj","appear":"popup-sheet__appear_ep0qj","enter":"popup-sheet__enter_ep0qj","appearActive":"popup-sheet__appearActive_ep0qj","enterActive":"popup-sheet__enterActive_ep0qj","exit":"popup-sheet__exit_ep0qj","exitBySwipe":"popup-sheet__exitBySwipe_ep0qj","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_ep0qj","exitActive":"popup-sheet__exitActive_ep0qj","exitDone":"popup-sheet__exitDone_ep0qj"};
12
11
  require('./index.css')
13
12
 
14
13
  var SWIPE_VELOCITY = 0.3;
package/esm/components/backdrop/Component.js CHANGED
@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import { Backdrop } from '@alfalab/core-components-backdrop/esm';
4
4
 
5
- var styles = {"appear":"popup-sheet__appear_2weon","enter":"popup-sheet__enter_2weon","appearActive":"popup-sheet__appearActive_2weon","enterActive":"popup-sheet__enterActive_2weon","appearDone":"popup-sheet__appearDone_2weon","enterDone":"popup-sheet__enterDone_2weon","exit":"popup-sheet__exit_2weon","exitActive":"popup-sheet__exitActive_2weon","exitDone":"popup-sheet__exitDone_2weon"};
5
+ var styles = {"appear":"popup-sheet__appear_7vt2c","enter":"popup-sheet__enter_7vt2c","appearActive":"popup-sheet__appearActive_7vt2c","enterActive":"popup-sheet__enterActive_7vt2c","appearDone":"popup-sheet__appearDone_7vt2c","enterDone":"popup-sheet__enterDone_7vt2c","exit":"popup-sheet__exit_7vt2c","exitActive":"popup-sheet__exitActive_7vt2c","exitDone":"popup-sheet__exitDone_7vt2c"};
6
6
  require('./index.css')
7
7
 
8
8
  var PopupBackdrop = function (_a) {
package/esm/components/backdrop/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: zi6wd */
1
+ /* hash: ec7w0 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
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 */
@@ -18,19 +18,19 @@
18
18
  } :root {
19
19
  --backdrop-visible-background: var(--color-light-overlay-default);
20
20
  --backdrop-hidden-background: transparent;
21
- } .popup-sheet__appear_2weon,
22
- .popup-sheet__enter_2weon {
21
+ } .popup-sheet__appear_7vt2c,
22
+ .popup-sheet__enter_7vt2c {
23
23
  background-color: var(--backdrop-hidden-background);
24
- } .popup-sheet__appearActive_2weon,
25
- .popup-sheet__enterActive_2weon,
26
- .popup-sheet__appearDone_2weon,
27
- .popup-sheet__enterDone_2weon {
24
+ } .popup-sheet__appearActive_7vt2c,
25
+ .popup-sheet__enterActive_7vt2c,
26
+ .popup-sheet__appearDone_7vt2c,
27
+ .popup-sheet__enterDone_7vt2c {
28
28
  background-color: var(--backdrop-visible-background);
29
29
  transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
30
- } .popup-sheet__exit_2weon {
30
+ } .popup-sheet__exit_7vt2c {
31
31
  background-color: var(--backdrop-visible-background);
32
- } .popup-sheet__exitActive_2weon,
33
- .popup-sheet__exitDone_2weon {
32
+ } .popup-sheet__exitActive_7vt2c,
33
+ .popup-sheet__exitDone_7vt2c {
34
34
  background-color: var(--backdrop-hidden-background);
35
35
  transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
36
36
  }
package/esm/components/backdrop/index.js CHANGED
@@ -1,4 +1 @@
1
1
  export { PopupBackdrop } from './Component.js';
2
- import 'tslib';
3
- import 'react';
4
- import '@alfalab/core-components-backdrop/esm';
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: i6n1u */
1
+ /* hash: qwn4j */
2
2
  :root {
3
3
  } /* 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 */
4
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 */
@@ -15,7 +15,7 @@
15
15
  --gap-xs: 8px;
16
16
  } :root {
17
17
  } :root {
18
- } .popup-sheet__component_u45ne {
18
+ } .popup-sheet__component_ep0qj {
19
19
  position: fixed;
20
20
  bottom: 0;
21
21
  margin: auto var(--gap-xs) var(--gap-xs);
@@ -23,31 +23,31 @@
23
23
  max-width: 600px;
24
24
  border-radius: 36px;
25
25
  overflow: hidden;
26
- } .popup-sheet__closer_u45ne {
26
+ } .popup-sheet__closer_ep0qj {
27
27
  position: absolute;
28
28
  top: 8px;
29
29
  right: 8px
30
- } .popup-sheet__closer_u45ne > button {
30
+ } .popup-sheet__closer_ep0qj > button {
31
31
  -webkit-backdrop-filter: none;
32
32
  backdrop-filter: none;
33
- } .popup-sheet__content_u45ne {
33
+ } .popup-sheet__content_ep0qj {
34
34
  box-sizing: border-box;
35
- } /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_u45ne,
36
- .popup-sheet__enter_u45ne {
35
+ } /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_ep0qj,
36
+ .popup-sheet__enter_ep0qj {
37
37
  transform: translateY(calc(100% + 100px));
38
- } .popup-sheet__appearActive_u45ne,
39
- .popup-sheet__enterActive_u45ne {
38
+ } .popup-sheet__appearActive_ep0qj,
39
+ .popup-sheet__enterActive_ep0qj {
40
40
  transform: translateY(0);
41
41
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
42
42
  transition-delay: 50ms;
43
- } .popup-sheet__exit_u45ne {
43
+ } .popup-sheet__exit_ep0qj {
44
44
  transform: translateY(0);
45
- } .popup-sheet__exitBySwipe_u45ne {
45
+ } .popup-sheet__exitBySwipe_ep0qj {
46
46
  transform: translateY(calc(100% + 100px));
47
- } .popup-sheet__exitActiveBySwipe_u45ne {
47
+ } .popup-sheet__exitActiveBySwipe_ep0qj {
48
48
  transition: none;
49
- } .popup-sheet__exitActive_u45ne,
50
- .popup-sheet__exitDone_u45ne {
49
+ } .popup-sheet__exitActive_ep0qj,
50
+ .popup-sheet__exitDone_ep0qj {
51
51
  transform: translateY(calc(100% + 100px));
52
52
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
53
53
  }
package/esm/index.js CHANGED
@@ -1,10 +1 @@
1
1
  export { PopupSheet } from './Component.js';
2
- import 'tslib';
3
- import 'react';
4
- import 'react-swipeable';
5
- import 'classnames';
6
- import '@alfalab/core-components-base-modal/esm';
7
- import '@alfalab/core-components-navigation-bar/esm/shared';
8
- import '@alfalab/core-components-shared/esm';
9
- import './components/backdrop/Component.js';
10
- import '@alfalab/core-components-backdrop/esm';
package/esm/shared/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { getPopupSheetTestIds } from "../utils";
package/esm/shared/index.js ADDED
@@ -0,0 +1 @@
1
+ export { getPopupSheetTestIds } from '../utils.js';
package/esm/utils.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare function getPopupSheetTestIds(dataTestId: string): {
2
+ popupSheet: string;
3
+ closer: string;
4
+ };
5
+ export { getPopupSheetTestIds };
package/esm/utils.js ADDED
@@ -0,0 +1,10 @@
1
+ import { getDataTestId } from '@alfalab/core-components-shared/esm';
2
+
3
+ function getPopupSheetTestIds(dataTestId) {
4
+ return {
5
+ popupSheet: dataTestId,
6
+ closer: getDataTestId(dataTestId, 'closer'),
7
+ };
8
+ }
9
+
10
+ export { getPopupSheetTestIds };
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: i6n1u */
1
+ /* hash: qwn4j */
2
2
  :root {
3
3
  } /* 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 */
4
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 */
@@ -15,7 +15,7 @@
15
15
  --gap-xs: 8px;
16
16
  } :root {
17
17
  } :root {
18
- } .popup-sheet__component_u45ne {
18
+ } .popup-sheet__component_ep0qj {
19
19
  position: fixed;
20
20
  bottom: 0;
21
21
  margin: auto var(--gap-xs) var(--gap-xs);
@@ -23,31 +23,31 @@
23
23
  max-width: 600px;
24
24
  border-radius: 36px;
25
25
  overflow: hidden;
26
- } .popup-sheet__closer_u45ne {
26
+ } .popup-sheet__closer_ep0qj {
27
27
  position: absolute;
28
28
  top: 8px;
29
29
  right: 8px
30
- } .popup-sheet__closer_u45ne > button {
30
+ } .popup-sheet__closer_ep0qj > button {
31
31
  -webkit-backdrop-filter: none;
32
32
  backdrop-filter: none;
33
- } .popup-sheet__content_u45ne {
33
+ } .popup-sheet__content_ep0qj {
34
34
  box-sizing: border-box;
35
- } /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_u45ne,
36
- .popup-sheet__enter_u45ne {
35
+ } /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_ep0qj,
36
+ .popup-sheet__enter_ep0qj {
37
37
  transform: translateY(calc(100% + 100px));
38
- } .popup-sheet__appearActive_u45ne,
39
- .popup-sheet__enterActive_u45ne {
38
+ } .popup-sheet__appearActive_ep0qj,
39
+ .popup-sheet__enterActive_ep0qj {
40
40
  transform: translateY(0);
41
41
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
42
42
  transition-delay: 50ms;
43
- } .popup-sheet__exit_u45ne {
43
+ } .popup-sheet__exit_ep0qj {
44
44
  transform: translateY(0);
45
- } .popup-sheet__exitBySwipe_u45ne {
45
+ } .popup-sheet__exitBySwipe_ep0qj {
46
46
  transform: translateY(calc(100% + 100px));
47
- } .popup-sheet__exitActiveBySwipe_u45ne {
47
+ } .popup-sheet__exitActiveBySwipe_ep0qj {
48
48
  transition: none;
49
- } .popup-sheet__exitActive_u45ne,
50
- .popup-sheet__exitDone_u45ne {
49
+ } .popup-sheet__exitActive_ep0qj,
50
+ .popup-sheet__exitDone_ep0qj {
51
51
  transform: translateY(calc(100% + 100px));
52
52
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
53
53
  }
package/index.js CHANGED
@@ -3,15 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Component = require('./Component.js');
6
- require('tslib');
7
- require('react');
8
- require('react-swipeable');
9
- require('classnames');
10
- require('@alfalab/core-components-base-modal');
11
- require('@alfalab/core-components-navigation-bar/shared');
12
- require('@alfalab/core-components-shared');
13
- require('./components/backdrop/Component.js');
14
- require('@alfalab/core-components-backdrop');
15
6
 
16
7
 
17
8
 
package/modern/Component.js CHANGED
@@ -5,9 +5,8 @@ import { BaseModal } from '@alfalab/core-components-base-modal/modern';
5
5
  import { Closer } from '@alfalab/core-components-navigation-bar/modern/shared';
6
6
  import { createPaddingStyle, getDataTestId, easingFns } from '@alfalab/core-components-shared/modern';
7
7
  import { PopupBackdrop } from './components/backdrop/Component.js';
8
- import '@alfalab/core-components-backdrop/modern';
9
8
 
10
- const styles = {"component":"popup-sheet__component_u45ne","closer":"popup-sheet__closer_u45ne","content":"popup-sheet__content_u45ne","appear":"popup-sheet__appear_u45ne","enter":"popup-sheet__enter_u45ne","appearActive":"popup-sheet__appearActive_u45ne","enterActive":"popup-sheet__enterActive_u45ne","exit":"popup-sheet__exit_u45ne","exitBySwipe":"popup-sheet__exitBySwipe_u45ne","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_u45ne","exitActive":"popup-sheet__exitActive_u45ne","exitDone":"popup-sheet__exitDone_u45ne"};
9
+ const styles = {"component":"popup-sheet__component_ep0qj","closer":"popup-sheet__closer_ep0qj","content":"popup-sheet__content_ep0qj","appear":"popup-sheet__appear_ep0qj","enter":"popup-sheet__enter_ep0qj","appearActive":"popup-sheet__appearActive_ep0qj","enterActive":"popup-sheet__enterActive_ep0qj","exit":"popup-sheet__exit_ep0qj","exitBySwipe":"popup-sheet__exitBySwipe_ep0qj","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_ep0qj","exitActive":"popup-sheet__exitActive_ep0qj","exitDone":"popup-sheet__exitDone_ep0qj"};
11
10
  require('./index.css')
12
11
 
13
12
  const SWIPE_VELOCITY = 0.3;
package/modern/components/backdrop/Component.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Backdrop } from '@alfalab/core-components-backdrop/modern';
3
3
 
4
- const styles = {"appear":"popup-sheet__appear_2weon","enter":"popup-sheet__enter_2weon","appearActive":"popup-sheet__appearActive_2weon","enterActive":"popup-sheet__enterActive_2weon","appearDone":"popup-sheet__appearDone_2weon","enterDone":"popup-sheet__enterDone_2weon","exit":"popup-sheet__exit_2weon","exitActive":"popup-sheet__exitActive_2weon","exitDone":"popup-sheet__exitDone_2weon"};
4
+ const styles = {"appear":"popup-sheet__appear_7vt2c","enter":"popup-sheet__enter_7vt2c","appearActive":"popup-sheet__appearActive_7vt2c","enterActive":"popup-sheet__enterActive_7vt2c","appearDone":"popup-sheet__appearDone_7vt2c","enterDone":"popup-sheet__enterDone_7vt2c","exit":"popup-sheet__exit_7vt2c","exitActive":"popup-sheet__exitActive_7vt2c","exitDone":"popup-sheet__exitDone_7vt2c"};
5
5
  require('./index.css')
6
6
 
7
7
  const PopupBackdrop = ({ opacity, opacityTimeout, style, ...backdropProps }) => (React.createElement("div", { style: {
package/modern/components/backdrop/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: zi6wd */
1
+ /* hash: ec7w0 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
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 */
@@ -18,19 +18,19 @@
18
18
  } :root {
19
19
  --backdrop-visible-background: var(--color-light-overlay-default);
20
20
  --backdrop-hidden-background: transparent;
21
- } .popup-sheet__appear_2weon,
22
- .popup-sheet__enter_2weon {
21
+ } .popup-sheet__appear_7vt2c,
22
+ .popup-sheet__enter_7vt2c {
23
23
  background-color: var(--backdrop-hidden-background);
24
- } .popup-sheet__appearActive_2weon,
25
- .popup-sheet__enterActive_2weon,
26
- .popup-sheet__appearDone_2weon,
27
- .popup-sheet__enterDone_2weon {
24
+ } .popup-sheet__appearActive_7vt2c,
25
+ .popup-sheet__enterActive_7vt2c,
26
+ .popup-sheet__appearDone_7vt2c,
27
+ .popup-sheet__enterDone_7vt2c {
28
28
  background-color: var(--backdrop-visible-background);
29
29
  transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
30
- } .popup-sheet__exit_2weon {
30
+ } .popup-sheet__exit_7vt2c {
31
31
  background-color: var(--backdrop-visible-background);
32
- } .popup-sheet__exitActive_2weon,
33
- .popup-sheet__exitDone_2weon {
32
+ } .popup-sheet__exitActive_7vt2c,
33
+ .popup-sheet__exitDone_7vt2c {
34
34
  background-color: var(--backdrop-hidden-background);
35
35
  transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
36
36
  }
package/modern/components/backdrop/index.js CHANGED
@@ -1,3 +1 @@
1
1
  export { PopupBackdrop } from './Component.js';
2
- import 'react';
3
- import '@alfalab/core-components-backdrop/modern';
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: i6n1u */
1
+ /* hash: qwn4j */
2
2
  :root {
3
3
  } /* 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 */
4
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 */
@@ -15,7 +15,7 @@
15
15
  --gap-xs: 8px;
16
16
  } :root {
17
17
  } :root {
18
- } .popup-sheet__component_u45ne {
18
+ } .popup-sheet__component_ep0qj {
19
19
  position: fixed;
20
20
  bottom: 0;
21
21
  margin: auto var(--gap-xs) var(--gap-xs);
@@ -23,31 +23,31 @@
23
23
  max-width: 600px;
24
24
  border-radius: 36px;
25
25
  overflow: hidden;
26
- } .popup-sheet__closer_u45ne {
26
+ } .popup-sheet__closer_ep0qj {
27
27
  position: absolute;
28
28
  top: 8px;
29
29
  right: 8px
30
- } .popup-sheet__closer_u45ne > button {
30
+ } .popup-sheet__closer_ep0qj > button {
31
31
  -webkit-backdrop-filter: none;
32
32
  backdrop-filter: none;
33
- } .popup-sheet__content_u45ne {
33
+ } .popup-sheet__content_ep0qj {
34
34
  box-sizing: border-box;
35
- } /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_u45ne,
36
- .popup-sheet__enter_u45ne {
35
+ } /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_ep0qj,
36
+ .popup-sheet__enter_ep0qj {
37
37
  transform: translateY(calc(100% + 100px));
38
- } .popup-sheet__appearActive_u45ne,
39
- .popup-sheet__enterActive_u45ne {
38
+ } .popup-sheet__appearActive_ep0qj,
39
+ .popup-sheet__enterActive_ep0qj {
40
40
  transform: translateY(0);
41
41
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
42
42
  transition-delay: 50ms;
43
- } .popup-sheet__exit_u45ne {
43
+ } .popup-sheet__exit_ep0qj {
44
44
  transform: translateY(0);
45
- } .popup-sheet__exitBySwipe_u45ne {
45
+ } .popup-sheet__exitBySwipe_ep0qj {
46
46
  transform: translateY(calc(100% + 100px));
47
- } .popup-sheet__exitActiveBySwipe_u45ne {
47
+ } .popup-sheet__exitActiveBySwipe_ep0qj {
48
48
  transition: none;
49
- } .popup-sheet__exitActive_u45ne,
50
- .popup-sheet__exitDone_u45ne {
49
+ } .popup-sheet__exitActive_ep0qj,
50
+ .popup-sheet__exitDone_ep0qj {
51
51
  transform: translateY(calc(100% + 100px));
52
52
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
53
53
  }
package/modern/index.js CHANGED
@@ -1,9 +1 @@
1
1
  export { PopupSheet } from './Component.js';
2
- import 'react';
3
- import 'react-swipeable';
4
- import 'classnames';
5
- import '@alfalab/core-components-base-modal/modern';
6
- import '@alfalab/core-components-navigation-bar/modern/shared';
7
- import '@alfalab/core-components-shared/modern';
8
- import './components/backdrop/Component.js';
9
- import '@alfalab/core-components-backdrop/modern';
package/modern/shared/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { getPopupSheetTestIds } from "../utils";
package/modern/shared/index.js ADDED
@@ -0,0 +1 @@
1
+ export { getPopupSheetTestIds } from '../utils.js';
package/modern/utils.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare function getPopupSheetTestIds(dataTestId: string): {
2
+ popupSheet: string;
3
+ closer: string;
4
+ };
5
+ export { getPopupSheetTestIds };
package/modern/utils.js ADDED
@@ -0,0 +1,10 @@
1
+ import { getDataTestId } from '@alfalab/core-components-shared/modern';
2
+
3
+ function getPopupSheetTestIds(dataTestId) {
4
+ return {
5
+ popupSheet: dataTestId,
6
+ closer: getDataTestId(dataTestId, 'closer'),
7
+ };
8
+ }
9
+
10
+ export { getPopupSheetTestIds };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-popup-sheet",
3
- "version": "1.0.14",
3
+ "version": "1.1.0",
4
4
  "description": "Popup sheet mobile component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,10 +15,10 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-base-modal": "^5.7.1",
18
+ "@alfalab/core-components-base-modal": "^5.7.2",
19
19
  "@alfalab/core-components-backdrop": "^3.2.0",
20
- "@alfalab/core-components-shared": "^0.9.0",
21
- "@alfalab/core-components-navigation-bar": "^0.8.0",
20
+ "@alfalab/core-components-shared": "^0.9.1",
21
+ "@alfalab/core-components-navigation-bar": "^0.8.2",
22
22
  "react-swipeable": "^7.0.0",
23
23
  "classnames": "^2.3.1",
24
24
  "tslib": "^2.4.0"
package/shared/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { getPopupSheetTestIds } from "../utils";
package/shared/index.js ADDED
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var utils = require('../utils.js');
6
+
7
+
8
+
9
+ exports.getPopupSheetTestIds = utils.getPopupSheetTestIds;
package/shared/package.json ADDED
@@ -0,0 +1,3 @@
1
+ {
2
+ "module": "../esm/shared/index.js"
3
+ }
package/src/shared/index.ts ADDED
@@ -0,0 +1 @@
1
+ export { getPopupSheetTestIds } from '../utils';
package/src/shared/package.json ADDED
@@ -0,0 +1,3 @@
1
+ {
2
+ "module": "../esm/shared/index.js"
3
+ }
package/src/utils.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { getDataTestId } from '@alfalab/core-components-shared';
2
+
3
+ export function getPopupSheetTestIds(dataTestId: string) {
4
+ return {
5
+ popupSheet: dataTestId,
6
+ closer: getDataTestId(dataTestId, 'closer'),
7
+ };
8
+ }
package/utils.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare function getPopupSheetTestIds(dataTestId: string): {
2
+ popupSheet: string;
3
+ closer: string;
4
+ };
5
+ export { getPopupSheetTestIds };
package/utils.js ADDED
@@ -0,0 +1,14 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var coreComponentsShared = require('@alfalab/core-components-shared');
6
+
7
+ function getPopupSheetTestIds(dataTestId) {
8
+ return {
9
+ popupSheet: dataTestId,
10
+ closer: coreComponentsShared.getDataTestId(dataTestId, 'closer'),
11
+ };
12
+ }
13
+
14
+ exports.getPopupSheetTestIds = getPopupSheetTestIds;