@alfalab/core-components-drawer 3.0.3 → 3.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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [3.1.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-drawer@3.0.3...@alfalab/core-components-drawer@3.1.0) (2022-03-01)
7
+
8
+
9
+ ### Features
10
+
11
+ * Исправить импорты в сторях. ([#998](https://github.com/alfa-laboratory/core-components/issues/998)) ([e6a654a](https://github.com/alfa-laboratory/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [3.0.3](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-drawer@3.0.2...@alfalab/core-components-drawer@3.0.3) (2022-01-17)
7
18
 
8
19
  **Note:** Version bump only for package @alfalab/core-components-drawer
@@ -11,7 +11,7 @@ type DrawerProps = Omit<BaseModalProps, 'container'> & {
11
11
  contentTransitionProps?: Partial<TransitionProps>;
12
12
  };
13
13
  declare const DrawerContext: React.Context<BaseModalContext>;
14
- declare const Drawer: React.ForwardRefExoticComponent<Pick<BaseModalProps, "children" | "className" | "open" | "onClose" | "dataTestId" | "Backdrop" | "backdropProps" | "disableAutoFocus" | "disableFocusLock" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableBackdropClick" | "keepMounted" | "contentClassName" | "wrapperClassName" | "scrollHandler" | "transitionProps" | "onBackdropClick" | "onEscapeKeyDown" | "onMount" | "onUnmount" | "zIndex"> & {
14
+ declare const Drawer: React.ForwardRefExoticComponent<Pick<BaseModalProps, "children" | "className" | "open" | "onClose" | "dataTestId" | "Backdrop" | "backdropProps" | "disableAutoFocus" | "disableFocusLock" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableBackdropClick" | "keepMounted" | "contentClassName" | "wrapperClassName" | "scrollHandler" | "transitionProps" | "onBackdropClick" | "onEscapeKeyDown" | "onMount" | "onUnmount" | "zIndex" | "componentRef"> & {
15
15
  /**
16
16
  * Пропсы для анимации контента (CSSTransition)
17
17
  */
package/dist/Component.js CHANGED
@@ -51,7 +51,7 @@ function __rest(s, e) {
51
51
  return t;
52
52
  }
53
53
 
54
- var styles = {"component":"drawer__component_7ezag","content":"drawer__content_7ezag","enter":"drawer__enter_7ezag","contentEnter":"drawer__contentEnter_7ezag","backdropEnter":"drawer__backdropEnter_7ezag","enterActive":"drawer__enterActive_7ezag","backdropEnterActive":"drawer__backdropEnterActive_7ezag","backdropEnterDone":"drawer__backdropEnterDone_7ezag","contentEnterActive":"drawer__contentEnterActive_7ezag","exit":"drawer__exit_7ezag","backdropExit":"drawer__backdropExit_7ezag","contentExit":"drawer__contentExit_7ezag","exitActive":"drawer__exitActive_7ezag","backdropExitActive":"drawer__backdropExitActive_7ezag","backdropExitDone":"drawer__backdropExitDone_7ezag","contentExitActive":"drawer__contentExitActive_7ezag"};
54
+ var styles = {"component":"drawer__component_ldzd0","content":"drawer__content_ldzd0","enter":"drawer__enter_ldzd0","contentEnter":"drawer__contentEnter_ldzd0","backdropEnter":"drawer__backdropEnter_ldzd0","enterActive":"drawer__enterActive_ldzd0","backdropEnterActive":"drawer__backdropEnterActive_ldzd0","backdropEnterDone":"drawer__backdropEnterDone_ldzd0","contentEnterActive":"drawer__contentEnterActive_ldzd0","exit":"drawer__exit_ldzd0","backdropExit":"drawer__backdropExit_ldzd0","contentExit":"drawer__contentExit_ldzd0","exitActive":"drawer__exitActive_ldzd0","backdropExitActive":"drawer__backdropExitActive_ldzd0","backdropExitDone":"drawer__backdropExitDone_ldzd0","contentExitActive":"drawer__contentExitActive_ldzd0"};
55
55
  require('./index.css')
56
56
 
57
57
  var ANIMATION_DURATION = 600;
@@ -11,7 +11,7 @@ type DrawerProps = Omit<BaseModalProps, 'container'> & {
11
11
  contentTransitionProps?: Partial<TransitionProps>;
12
12
  };
13
13
  declare const DrawerContext: React.Context<BaseModalContext>;
14
- declare const Drawer: React.ForwardRefExoticComponent<Pick<BaseModalProps, "children" | "className" | "open" | "onClose" | "dataTestId" | "Backdrop" | "backdropProps" | "disableAutoFocus" | "disableFocusLock" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableBackdropClick" | "keepMounted" | "contentClassName" | "wrapperClassName" | "scrollHandler" | "transitionProps" | "onBackdropClick" | "onEscapeKeyDown" | "onMount" | "onUnmount" | "zIndex"> & {
14
+ declare const Drawer: React.ForwardRefExoticComponent<Pick<BaseModalProps, "children" | "className" | "open" | "onClose" | "dataTestId" | "Backdrop" | "backdropProps" | "disableAutoFocus" | "disableFocusLock" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableBackdropClick" | "keepMounted" | "contentClassName" | "wrapperClassName" | "scrollHandler" | "transitionProps" | "onBackdropClick" | "onEscapeKeyDown" | "onMount" | "onUnmount" | "zIndex" | "componentRef"> & {
15
15
  /**
16
16
  * Пропсы для анимации контента (CSSTransition)
17
17
  */
@@ -11,7 +11,7 @@ type DrawerProps = Omit<BaseModalProps, 'container'> & {
11
11
  contentTransitionProps?: Partial<TransitionProps>;
12
12
  };
13
13
  declare const DrawerContext: React.Context<BaseModalContext>;
14
- declare const Drawer: React.ForwardRefExoticComponent<Pick<BaseModalProps, "children" | "className" | "open" | "onClose" | "dataTestId" | "Backdrop" | "backdropProps" | "disableAutoFocus" | "disableFocusLock" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableBackdropClick" | "keepMounted" | "contentClassName" | "wrapperClassName" | "scrollHandler" | "transitionProps" | "onBackdropClick" | "onEscapeKeyDown" | "onMount" | "onUnmount" | "zIndex"> & {
14
+ declare const Drawer: React.ForwardRefExoticComponent<Pick<BaseModalProps, "children" | "className" | "open" | "onClose" | "dataTestId" | "Backdrop" | "backdropProps" | "disableAutoFocus" | "disableFocusLock" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableBackdropClick" | "keepMounted" | "contentClassName" | "wrapperClassName" | "scrollHandler" | "transitionProps" | "onBackdropClick" | "onEscapeKeyDown" | "onMount" | "onUnmount" | "zIndex" | "componentRef"> & {
15
15
  /**
16
16
  * Пропсы для анимации контента (CSSTransition)
17
17
  */
@@ -42,7 +42,7 @@ function __rest(s, e) {
42
42
  return t;
43
43
  }
44
44
 
45
- var styles = {"component":"drawer__component_7ezag","content":"drawer__content_7ezag","enter":"drawer__enter_7ezag","contentEnter":"drawer__contentEnter_7ezag","backdropEnter":"drawer__backdropEnter_7ezag","enterActive":"drawer__enterActive_7ezag","backdropEnterActive":"drawer__backdropEnterActive_7ezag","backdropEnterDone":"drawer__backdropEnterDone_7ezag","contentEnterActive":"drawer__contentEnterActive_7ezag","exit":"drawer__exit_7ezag","backdropExit":"drawer__backdropExit_7ezag","contentExit":"drawer__contentExit_7ezag","exitActive":"drawer__exitActive_7ezag","backdropExitActive":"drawer__backdropExitActive_7ezag","backdropExitDone":"drawer__backdropExitDone_7ezag","contentExitActive":"drawer__contentExitActive_7ezag"};
45
+ var styles = {"component":"drawer__component_ldzd0","content":"drawer__content_ldzd0","enter":"drawer__enter_ldzd0","contentEnter":"drawer__contentEnter_ldzd0","backdropEnter":"drawer__backdropEnter_ldzd0","enterActive":"drawer__enterActive_ldzd0","backdropEnterActive":"drawer__backdropEnterActive_ldzd0","backdropEnterDone":"drawer__backdropEnterDone_ldzd0","contentEnterActive":"drawer__contentEnterActive_ldzd0","exit":"drawer__exit_ldzd0","backdropExit":"drawer__backdropExit_ldzd0","contentExit":"drawer__contentExit_ldzd0","exitActive":"drawer__exitActive_ldzd0","backdropExitActive":"drawer__backdropExitActive_ldzd0","backdropExitDone":"drawer__backdropExitDone_ldzd0","contentExitActive":"drawer__contentExitActive_ldzd0"};
46
46
  require('./index.css')
47
47
 
48
48
  var ANIMATION_DURATION = 600;
@@ -1,4 +1,4 @@
1
- /* hash: mvpxb */
1
+ /* hash: 7mxpw */
2
2
  :root {
3
3
  --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
4
4
  }
@@ -17,7 +17,7 @@
17
17
  :root {
18
18
  --drawer-width: 500px;
19
19
  }
20
- .drawer__component_7ezag {
20
+ .drawer__component_ldzd0 {
21
21
  position: fixed;
22
22
  top: 0;
23
23
  right: 0;
@@ -28,55 +28,55 @@
28
28
  overflow: auto;
29
29
  will-change: transform;
30
30
  }
31
- .drawer__content_7ezag {
31
+ .drawer__content_ldzd0 {
32
32
  width: 100%;
33
33
  display: flex;
34
34
  flex-direction: column;
35
35
  flex: 1;
36
36
  }
37
37
  /* enter */
38
- .drawer__enter_7ezag {
38
+ .drawer__enter_ldzd0 {
39
39
  transform: translateX(100%);
40
40
  }
41
- .drawer__contentEnter_7ezag {
41
+ .drawer__contentEnter_ldzd0 {
42
42
  opacity: 0;
43
43
  }
44
- .drawer__backdropEnter_7ezag {
44
+ .drawer__backdropEnter_ldzd0 {
45
45
  background-color: var(--backdrop-hidden-background);
46
46
  }
47
- .drawer__enterActive_7ezag {
47
+ .drawer__enterActive_ldzd0 {
48
48
  transition: transform 0.3s ease-in-out;
49
49
  transform: translateX(0);
50
50
  }
51
- .drawer__backdropEnterActive_7ezag,
52
- .drawer__backdropEnterDone_7ezag {
51
+ .drawer__backdropEnterActive_ldzd0,
52
+ .drawer__backdropEnterDone_ldzd0 {
53
53
  transition: background 0.3s ease-in-out;
54
54
  background-color: var(--backdrop-visible-background);
55
55
  }
56
- .drawer__contentEnterActive_7ezag {
56
+ .drawer__contentEnterActive_ldzd0 {
57
57
  transition: opacity 0.2s ease-in-out 0.3s;
58
58
  opacity: 1;
59
59
  }
60
60
  /* exit */
61
- .drawer__exit_7ezag {
61
+ .drawer__exit_ldzd0 {
62
62
  transform: translateX(0);
63
63
  }
64
- .drawer__backdropExit_7ezag {
64
+ .drawer__backdropExit_ldzd0 {
65
65
  background-color: var(--backdrop-visible-background);
66
66
  }
67
- .drawer__contentExit_7ezag {
67
+ .drawer__contentExit_ldzd0 {
68
68
  opacity: 1;
69
69
  }
70
- .drawer__exitActive_7ezag {
70
+ .drawer__exitActive_ldzd0 {
71
71
  transition: transform 0.25s ease-in-out 0.1s;
72
72
  transform: translateX(100%);
73
73
  }
74
- .drawer__backdropExitActive_7ezag,
75
- .drawer__backdropExitDone_7ezag {
74
+ .drawer__backdropExitActive_ldzd0,
75
+ .drawer__backdropExitDone_ldzd0 {
76
76
  transition: background 0.25s ease-in-out 0.1s;
77
77
  background-color: var(--backdrop-hidden-background);
78
78
  }
79
- .drawer__contentExitActive_7ezag {
79
+ .drawer__contentExitActive_ldzd0 {
80
80
  opacity: 0;
81
81
  transition: opacity 0.12s ease-in-out;
82
82
  }
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: mvpxb */
1
+ /* hash: 7mxpw */
2
2
  :root {
3
3
  --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
4
4
  }
@@ -17,7 +17,7 @@
17
17
  :root {
18
18
  --drawer-width: 500px;
19
19
  }
20
- .drawer__component_7ezag {
20
+ .drawer__component_ldzd0 {
21
21
  position: fixed;
22
22
  top: 0;
23
23
  right: 0;
@@ -28,55 +28,55 @@
28
28
  overflow: auto;
29
29
  will-change: transform;
30
30
  }
31
- .drawer__content_7ezag {
31
+ .drawer__content_ldzd0 {
32
32
  width: 100%;
33
33
  display: flex;
34
34
  flex-direction: column;
35
35
  flex: 1;
36
36
  }
37
37
  /* enter */
38
- .drawer__enter_7ezag {
38
+ .drawer__enter_ldzd0 {
39
39
  transform: translateX(100%);
40
40
  }
41
- .drawer__contentEnter_7ezag {
41
+ .drawer__contentEnter_ldzd0 {
42
42
  opacity: 0;
43
43
  }
44
- .drawer__backdropEnter_7ezag {
44
+ .drawer__backdropEnter_ldzd0 {
45
45
  background-color: var(--backdrop-hidden-background);
46
46
  }
47
- .drawer__enterActive_7ezag {
47
+ .drawer__enterActive_ldzd0 {
48
48
  transition: transform 0.3s ease-in-out;
49
49
  transform: translateX(0);
50
50
  }
51
- .drawer__backdropEnterActive_7ezag,
52
- .drawer__backdropEnterDone_7ezag {
51
+ .drawer__backdropEnterActive_ldzd0,
52
+ .drawer__backdropEnterDone_ldzd0 {
53
53
  transition: background 0.3s ease-in-out;
54
54
  background-color: var(--backdrop-visible-background);
55
55
  }
56
- .drawer__contentEnterActive_7ezag {
56
+ .drawer__contentEnterActive_ldzd0 {
57
57
  transition: opacity 0.2s ease-in-out 0.3s;
58
58
  opacity: 1;
59
59
  }
60
60
  /* exit */
61
- .drawer__exit_7ezag {
61
+ .drawer__exit_ldzd0 {
62
62
  transform: translateX(0);
63
63
  }
64
- .drawer__backdropExit_7ezag {
64
+ .drawer__backdropExit_ldzd0 {
65
65
  background-color: var(--backdrop-visible-background);
66
66
  }
67
- .drawer__contentExit_7ezag {
67
+ .drawer__contentExit_ldzd0 {
68
68
  opacity: 1;
69
69
  }
70
- .drawer__exitActive_7ezag {
70
+ .drawer__exitActive_ldzd0 {
71
71
  transition: transform 0.25s ease-in-out 0.1s;
72
72
  transform: translateX(100%);
73
73
  }
74
- .drawer__backdropExitActive_7ezag,
75
- .drawer__backdropExitDone_7ezag {
74
+ .drawer__backdropExitActive_ldzd0,
75
+ .drawer__backdropExitDone_ldzd0 {
76
76
  transition: background 0.25s ease-in-out 0.1s;
77
77
  background-color: var(--backdrop-hidden-background);
78
78
  }
79
- .drawer__contentExitActive_7ezag {
79
+ .drawer__contentExitActive_ldzd0 {
80
80
  opacity: 0;
81
81
  transition: opacity 0.12s ease-in-out;
82
82
  }
@@ -11,7 +11,7 @@ type DrawerProps = Omit<BaseModalProps, 'container'> & {
11
11
  contentTransitionProps?: Partial<TransitionProps>;
12
12
  };
13
13
  declare const DrawerContext: React.Context<BaseModalContext>;
14
- declare const Drawer: React.ForwardRefExoticComponent<Pick<BaseModalProps, "children" | "className" | "open" | "onClose" | "dataTestId" | "Backdrop" | "backdropProps" | "disableAutoFocus" | "disableFocusLock" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableBackdropClick" | "keepMounted" | "contentClassName" | "wrapperClassName" | "scrollHandler" | "transitionProps" | "onBackdropClick" | "onEscapeKeyDown" | "onMount" | "onUnmount" | "zIndex"> & {
14
+ declare const Drawer: React.ForwardRefExoticComponent<Pick<BaseModalProps, "children" | "className" | "open" | "onClose" | "dataTestId" | "Backdrop" | "backdropProps" | "disableAutoFocus" | "disableFocusLock" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableBackdropClick" | "keepMounted" | "contentClassName" | "wrapperClassName" | "scrollHandler" | "transitionProps" | "onBackdropClick" | "onEscapeKeyDown" | "onMount" | "onUnmount" | "zIndex" | "componentRef"> & {
15
15
  /**
16
16
  * Пропсы для анимации контента (CSSTransition)
17
17
  */
@@ -3,7 +3,7 @@ import { CSSTransition } from 'react-transition-group';
3
3
  import cn from 'classnames';
4
4
  import { BaseModalContext, BaseModal } from '@alfalab/core-components-base-modal/dist/modern';
5
5
 
6
- var styles = {"component":"drawer__component_7ezag","content":"drawer__content_7ezag","enter":"drawer__enter_7ezag","contentEnter":"drawer__contentEnter_7ezag","backdropEnter":"drawer__backdropEnter_7ezag","enterActive":"drawer__enterActive_7ezag","backdropEnterActive":"drawer__backdropEnterActive_7ezag","backdropEnterDone":"drawer__backdropEnterDone_7ezag","contentEnterActive":"drawer__contentEnterActive_7ezag","exit":"drawer__exit_7ezag","backdropExit":"drawer__backdropExit_7ezag","contentExit":"drawer__contentExit_7ezag","exitActive":"drawer__exitActive_7ezag","backdropExitActive":"drawer__backdropExitActive_7ezag","backdropExitDone":"drawer__backdropExitDone_7ezag","contentExitActive":"drawer__contentExitActive_7ezag"};
6
+ var styles = {"component":"drawer__component_ldzd0","content":"drawer__content_ldzd0","enter":"drawer__enter_ldzd0","contentEnter":"drawer__contentEnter_ldzd0","backdropEnter":"drawer__backdropEnter_ldzd0","enterActive":"drawer__enterActive_ldzd0","backdropEnterActive":"drawer__backdropEnterActive_ldzd0","backdropEnterDone":"drawer__backdropEnterDone_ldzd0","contentEnterActive":"drawer__contentEnterActive_ldzd0","exit":"drawer__exit_ldzd0","backdropExit":"drawer__backdropExit_ldzd0","contentExit":"drawer__contentExit_ldzd0","exitActive":"drawer__exitActive_ldzd0","backdropExitActive":"drawer__backdropExitActive_ldzd0","backdropExitDone":"drawer__backdropExitDone_ldzd0","contentExitActive":"drawer__contentExitActive_ldzd0"};
7
7
  require('./index.css')
8
8
 
9
9
  const ANIMATION_DURATION = 600;
@@ -1,4 +1,4 @@
1
- /* hash: mvpxb */
1
+ /* hash: 7mxpw */
2
2
  :root {
3
3
  --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
4
4
  }
@@ -17,7 +17,7 @@
17
17
  :root {
18
18
  --drawer-width: 500px;
19
19
  }
20
- .drawer__component_7ezag {
20
+ .drawer__component_ldzd0 {
21
21
  position: fixed;
22
22
  top: 0;
23
23
  right: 0;
@@ -28,55 +28,55 @@
28
28
  overflow: auto;
29
29
  will-change: transform;
30
30
  }
31
- .drawer__content_7ezag {
31
+ .drawer__content_ldzd0 {
32
32
  width: 100%;
33
33
  display: flex;
34
34
  flex-direction: column;
35
35
  flex: 1;
36
36
  }
37
37
  /* enter */
38
- .drawer__enter_7ezag {
38
+ .drawer__enter_ldzd0 {
39
39
  transform: translateX(100%);
40
40
  }
41
- .drawer__contentEnter_7ezag {
41
+ .drawer__contentEnter_ldzd0 {
42
42
  opacity: 0;
43
43
  }
44
- .drawer__backdropEnter_7ezag {
44
+ .drawer__backdropEnter_ldzd0 {
45
45
  background-color: var(--backdrop-hidden-background);
46
46
  }
47
- .drawer__enterActive_7ezag {
47
+ .drawer__enterActive_ldzd0 {
48
48
  transition: transform 0.3s ease-in-out;
49
49
  transform: translateX(0);
50
50
  }
51
- .drawer__backdropEnterActive_7ezag,
52
- .drawer__backdropEnterDone_7ezag {
51
+ .drawer__backdropEnterActive_ldzd0,
52
+ .drawer__backdropEnterDone_ldzd0 {
53
53
  transition: background 0.3s ease-in-out;
54
54
  background-color: var(--backdrop-visible-background);
55
55
  }
56
- .drawer__contentEnterActive_7ezag {
56
+ .drawer__contentEnterActive_ldzd0 {
57
57
  transition: opacity 0.2s ease-in-out 0.3s;
58
58
  opacity: 1;
59
59
  }
60
60
  /* exit */
61
- .drawer__exit_7ezag {
61
+ .drawer__exit_ldzd0 {
62
62
  transform: translateX(0);
63
63
  }
64
- .drawer__backdropExit_7ezag {
64
+ .drawer__backdropExit_ldzd0 {
65
65
  background-color: var(--backdrop-visible-background);
66
66
  }
67
- .drawer__contentExit_7ezag {
67
+ .drawer__contentExit_ldzd0 {
68
68
  opacity: 1;
69
69
  }
70
- .drawer__exitActive_7ezag {
70
+ .drawer__exitActive_ldzd0 {
71
71
  transition: transform 0.25s ease-in-out 0.1s;
72
72
  transform: translateX(100%);
73
73
  }
74
- .drawer__backdropExitActive_7ezag,
75
- .drawer__backdropExitDone_7ezag {
74
+ .drawer__backdropExitActive_ldzd0,
75
+ .drawer__backdropExitDone_ldzd0 {
76
76
  transition: background 0.25s ease-in-out 0.1s;
77
77
  background-color: var(--backdrop-hidden-background);
78
78
  }
79
- .drawer__contentExitActive_7ezag {
79
+ .drawer__contentExitActive_ldzd0 {
80
80
  opacity: 0;
81
81
  transition: opacity 0.12s ease-in-out;
82
82
  }
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-drawer",
3
- "version": "3.0.3",
3
+ "version": "3.1.0",
4
4
  "description": "Drawer component",
5
- "gitHead": "d35b2d43cbc90ecb7665c682a2de13733bc03eb0",
5
+ "gitHead": "ddf4fab6035139cf412e0acb7174ef388f23e4f2",
6
6
  "keywords": [],
7
7
  "license": "MIT",
8
8
  "main": "dist/index.js",
@@ -21,7 +21,7 @@
21
21
  "react-dom": "^16.9.0 || ^17.0.1"
22
22
  },
23
23
  "dependencies": {
24
- "@alfalab/core-components-base-modal": "^3.1.0",
24
+ "@alfalab/core-components-base-modal": "^3.2.0",
25
25
  "classnames": "^2.2.6"
26
26
  }
27
27
  }