@alfalab/core-components-drawer 4.2.4 → 4.2.6

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 (11) hide show
  1. package/Component.js +8 -46
  2. package/cssm/Component.js +7 -45
  3. package/cssm/index.js +1 -0
  4. package/esm/Component.js +2 -40
  5. package/esm/index.css +22 -22
  6. package/esm/index.js +1 -0
  7. package/index.css +22 -22
  8. package/index.js +1 -0
  9. package/modern/Component.js +1 -1
  10. package/modern/index.css +22 -22
  11. package/package.json +5 -4
package/Component.js CHANGED
@@ -1,5 +1,6 @@
1
1
  'use strict';
2
2
 
3
+ var tslib = require('tslib');
3
4
  var React = require('react');
4
5
  var reactTransitionGroup = require('react-transition-group');
5
6
  var cn = require('classnames');
@@ -11,46 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
14
 
14
- /******************************************************************************
15
- Copyright (c) Microsoft Corporation.
16
-
17
- Permission to use, copy, modify, and/or distribute this software for any
18
- purpose with or without fee is hereby granted.
19
-
20
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
21
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
22
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
23
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
24
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
25
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
26
- PERFORMANCE OF THIS SOFTWARE.
27
- ***************************************************************************** */
28
- var __assign = function () {
29
- __assign = Object.assign || function __assign(t) {
30
- for (var s, i = 1, n = arguments.length; i < n; i++) {
31
- s = arguments[i];
32
- for (var p in s)
33
- if (Object.prototype.hasOwnProperty.call(s, p))
34
- t[p] = s[p];
35
- }
36
- return t;
37
- };
38
- return __assign.apply(this, arguments);
39
- };
40
- function __rest(s, e) {
41
- var t = {};
42
- for (var p in s)
43
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
44
- t[p] = s[p];
45
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
46
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
47
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
48
- t[p[i]] = s[p[i]];
49
- }
50
- return t;
51
- }
52
-
53
- var styles = {"component":"drawer__component_tawcl","rightPlacement":"drawer__rightPlacement_tawcl","leftPlacement":"drawer__leftPlacement_tawcl","content":"drawer__content_tawcl","simplebar":"drawer__simplebar_tawcl","enterRight":"drawer__enterRight_tawcl","enterLeft":"drawer__enterLeft_tawcl","contentEnter":"drawer__contentEnter_tawcl","backdropEnter":"drawer__backdropEnter_tawcl","enterActive":"drawer__enterActive_tawcl","backdropEnterActive":"drawer__backdropEnterActive_tawcl","backdropEnterDone":"drawer__backdropEnterDone_tawcl","contentEnterActive":"drawer__contentEnterActive_tawcl","exit":"drawer__exit_tawcl","backdropExit":"drawer__backdropExit_tawcl","contentExit":"drawer__contentExit_tawcl","exitActiveRight":"drawer__exitActiveRight_tawcl","exitActiveLeft":"drawer__exitActiveLeft_tawcl","backdropExitActive":"drawer__backdropExitActive_tawcl","backdropExitDone":"drawer__backdropExitDone_tawcl","contentExitActive":"drawer__contentExitActive_tawcl"};
15
+ var styles = {"component":"drawer__component_1tzhg","rightPlacement":"drawer__rightPlacement_1tzhg","leftPlacement":"drawer__leftPlacement_1tzhg","content":"drawer__content_1tzhg","simplebar":"drawer__simplebar_1tzhg","enterRight":"drawer__enterRight_1tzhg","enterLeft":"drawer__enterLeft_1tzhg","contentEnter":"drawer__contentEnter_1tzhg","backdropEnter":"drawer__backdropEnter_1tzhg","enterActive":"drawer__enterActive_1tzhg","backdropEnterActive":"drawer__backdropEnterActive_1tzhg","backdropEnterDone":"drawer__backdropEnterDone_1tzhg","contentEnterActive":"drawer__contentEnterActive_1tzhg","exit":"drawer__exit_1tzhg","backdropExit":"drawer__backdropExit_1tzhg","contentExit":"drawer__contentExit_1tzhg","exitActiveRight":"drawer__exitActiveRight_1tzhg","exitActiveLeft":"drawer__exitActiveLeft_1tzhg","backdropExitActive":"drawer__backdropExitActive_1tzhg","backdropExitDone":"drawer__backdropExitDone_1tzhg","contentExitActive":"drawer__contentExitActive_1tzhg"};
54
16
  require('./index.css')
55
17
 
56
18
  var ANIMATION_DURATION = 600;
@@ -82,7 +44,7 @@ var contentProps = {
82
44
  };
83
45
  var Drawer = React.forwardRef(function (_a, ref) {
84
46
  var _b;
85
- var open = _a.open, className = _a.className, children = _a.children, contentTransitionProps = _a.contentTransitionProps, _c = _a.nativeScrollbar, nativeScrollbar = _c === void 0 ? true : _c, _d = _a.placement, placement = _d === void 0 ? 'right' : _d, scrollbarProps = _a.scrollbarProps, restProps = __rest(_a, ["open", "className", "children", "contentTransitionProps", "nativeScrollbar", "placement", "scrollbarProps"]);
47
+ var open = _a.open, className = _a.className, children = _a.children, contentTransitionProps = _a.contentTransitionProps, _c = _a.nativeScrollbar, nativeScrollbar = _c === void 0 ? true : _c, _d = _a.placement, placement = _d === void 0 ? 'right' : _d, scrollbarProps = _a.scrollbarProps, restProps = tslib.__rest(_a, ["open", "className", "children", "contentTransitionProps", "nativeScrollbar", "placement", "scrollbarProps"]);
86
48
  var isRightPlacement = placement === 'right';
87
49
  var isLeftPlacement = placement === 'left';
88
50
  var transitionProps = React.useMemo(function () {
@@ -95,7 +57,7 @@ var Drawer = React.forwardRef(function (_a, ref) {
95
57
  _b[styles.exitActiveRight] = isRightPlacement,
96
58
  _b[styles.exitActiveLeft] = isLeftPlacement,
97
59
  _b));
98
- return __assign({ classNames: {
60
+ return tslib.__assign({ classNames: {
99
61
  enter: enterClassName,
100
62
  appear: enterClassName,
101
63
  enterActive: styles.enterActive,
@@ -105,12 +67,12 @@ var Drawer = React.forwardRef(function (_a, ref) {
105
67
  }, timeout: ANIMATION_DURATION }, restProps.transitionProps);
106
68
  }, [restProps.transitionProps, isLeftPlacement, isRightPlacement]);
107
69
  var renderWithNativeScrollbar = function () { return React__default.default.createElement("div", { className: styles.content }, children); };
108
- var renderWithCustomScrollbar = function () { return (React__default.default.createElement(coreComponentsScrollbar.Scrollbar, __assign({}, scrollbarProps, { className: cn__default.default(styles.simplebar, scrollbarProps === null || scrollbarProps === void 0 ? void 0 : scrollbarProps.className) }), children)); };
109
- return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, __assign({}, restProps, { scrollHandler: 'content', ref: ref, open: open, className: cn__default.default(styles.component, className, (_b = {},
70
+ var renderWithCustomScrollbar = function () { return (React__default.default.createElement(coreComponentsScrollbar.Scrollbar, tslib.__assign({}, scrollbarProps, { className: cn__default.default(styles.simplebar, scrollbarProps === null || scrollbarProps === void 0 ? void 0 : scrollbarProps.className) }), children)); };
71
+ return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { scrollHandler: 'content', ref: ref, open: open, className: cn__default.default(styles.component, className, (_b = {},
110
72
  _b[styles.rightPlacement] = isRightPlacement,
111
73
  _b[styles.leftPlacement] = isLeftPlacement,
112
- _b)), transitionProps: transitionProps, backdropProps: __assign(__assign({}, backdropProps), restProps.backdropProps) }),
113
- React__default.default.createElement(reactTransitionGroup.CSSTransition, __assign({}, __assign(__assign({}, contentProps), contentTransitionProps), { appear: true, in: open }), nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar())));
74
+ _b)), transitionProps: transitionProps, backdropProps: tslib.__assign(tslib.__assign({}, backdropProps), restProps.backdropProps) }),
75
+ React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({}, tslib.__assign(tslib.__assign({}, contentProps), contentTransitionProps), { appear: true, in: open }), nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar())));
114
76
  });
115
77
 
116
78
  exports.ANIMATION_DURATION = ANIMATION_DURATION;
package/cssm/Component.js CHANGED
@@ -1,5 +1,6 @@
1
1
  'use strict';
2
2
 
3
+ var tslib = require('tslib');
3
4
  var React = require('react');
4
5
  var reactTransitionGroup = require('react-transition-group');
5
6
  var cn = require('classnames');
@@ -13,45 +14,6 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
15
  var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
15
16
 
16
- /******************************************************************************
17
- Copyright (c) Microsoft Corporation.
18
-
19
- Permission to use, copy, modify, and/or distribute this software for any
20
- purpose with or without fee is hereby granted.
21
-
22
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
23
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
24
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
25
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
26
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
27
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
28
- PERFORMANCE OF THIS SOFTWARE.
29
- ***************************************************************************** */
30
- var __assign = function () {
31
- __assign = Object.assign || function __assign(t) {
32
- for (var s, i = 1, n = arguments.length; i < n; i++) {
33
- s = arguments[i];
34
- for (var p in s)
35
- if (Object.prototype.hasOwnProperty.call(s, p))
36
- t[p] = s[p];
37
- }
38
- return t;
39
- };
40
- return __assign.apply(this, arguments);
41
- };
42
- function __rest(s, e) {
43
- var t = {};
44
- for (var p in s)
45
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
46
- t[p] = s[p];
47
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
48
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
49
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
50
- t[p[i]] = s[p[i]];
51
- }
52
- return t;
53
- }
54
-
55
17
  var ANIMATION_DURATION = 600;
56
18
  var DrawerContext = coreComponentsBaseModal.BaseModalContext;
57
19
  var backdropProps = {
@@ -81,7 +43,7 @@ var contentProps = {
81
43
  };
82
44
  var Drawer = React.forwardRef(function (_a, ref) {
83
45
  var _b;
84
- var open = _a.open, className = _a.className, children = _a.children, contentTransitionProps = _a.contentTransitionProps, _c = _a.nativeScrollbar, nativeScrollbar = _c === void 0 ? true : _c, _d = _a.placement, placement = _d === void 0 ? 'right' : _d, scrollbarProps = _a.scrollbarProps, restProps = __rest(_a, ["open", "className", "children", "contentTransitionProps", "nativeScrollbar", "placement", "scrollbarProps"]);
46
+ var open = _a.open, className = _a.className, children = _a.children, contentTransitionProps = _a.contentTransitionProps, _c = _a.nativeScrollbar, nativeScrollbar = _c === void 0 ? true : _c, _d = _a.placement, placement = _d === void 0 ? 'right' : _d, scrollbarProps = _a.scrollbarProps, restProps = tslib.__rest(_a, ["open", "className", "children", "contentTransitionProps", "nativeScrollbar", "placement", "scrollbarProps"]);
85
47
  var isRightPlacement = placement === 'right';
86
48
  var isLeftPlacement = placement === 'left';
87
49
  var transitionProps = React.useMemo(function () {
@@ -94,7 +56,7 @@ var Drawer = React.forwardRef(function (_a, ref) {
94
56
  _b[styles__default.default.exitActiveRight] = isRightPlacement,
95
57
  _b[styles__default.default.exitActiveLeft] = isLeftPlacement,
96
58
  _b));
97
- return __assign({ classNames: {
59
+ return tslib.__assign({ classNames: {
98
60
  enter: enterClassName,
99
61
  appear: enterClassName,
100
62
  enterActive: styles__default.default.enterActive,
@@ -104,12 +66,12 @@ var Drawer = React.forwardRef(function (_a, ref) {
104
66
  }, timeout: ANIMATION_DURATION }, restProps.transitionProps);
105
67
  }, [restProps.transitionProps, isLeftPlacement, isRightPlacement]);
106
68
  var renderWithNativeScrollbar = function () { return React__default.default.createElement("div", { className: styles__default.default.content }, children); };
107
- var renderWithCustomScrollbar = function () { return (React__default.default.createElement(coreComponentsScrollbar.Scrollbar, __assign({}, scrollbarProps, { className: cn__default.default(styles__default.default.simplebar, scrollbarProps === null || scrollbarProps === void 0 ? void 0 : scrollbarProps.className) }), children)); };
108
- return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, __assign({}, restProps, { scrollHandler: 'content', ref: ref, open: open, className: cn__default.default(styles__default.default.component, className, (_b = {},
69
+ var renderWithCustomScrollbar = function () { return (React__default.default.createElement(coreComponentsScrollbar.Scrollbar, tslib.__assign({}, scrollbarProps, { className: cn__default.default(styles__default.default.simplebar, scrollbarProps === null || scrollbarProps === void 0 ? void 0 : scrollbarProps.className) }), children)); };
70
+ return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { scrollHandler: 'content', ref: ref, open: open, className: cn__default.default(styles__default.default.component, className, (_b = {},
109
71
  _b[styles__default.default.rightPlacement] = isRightPlacement,
110
72
  _b[styles__default.default.leftPlacement] = isLeftPlacement,
111
- _b)), transitionProps: transitionProps, backdropProps: __assign(__assign({}, backdropProps), restProps.backdropProps) }),
112
- React__default.default.createElement(reactTransitionGroup.CSSTransition, __assign({}, __assign(__assign({}, contentProps), contentTransitionProps), { appear: true, in: open }), nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar())));
73
+ _b)), transitionProps: transitionProps, backdropProps: tslib.__assign(tslib.__assign({}, backdropProps), restProps.backdropProps) }),
74
+ React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({}, tslib.__assign(tslib.__assign({}, contentProps), contentTransitionProps), { appear: true, in: open }), nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar())));
113
75
  });
114
76
 
115
77
  exports.ANIMATION_DURATION = ANIMATION_DURATION;
package/cssm/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var Component = require('./Component.js');
4
+ require('tslib');
4
5
  require('react');
5
6
  require('react-transition-group');
6
7
  require('classnames');
package/esm/Component.js CHANGED
@@ -1,49 +1,11 @@
1
+ import { __rest, __assign } from 'tslib';
1
2
  import React, { forwardRef, useMemo } from 'react';
2
3
  import { CSSTransition } from 'react-transition-group';
3
4
  import cn from 'classnames';
4
5
  import { BaseModal, BaseModalContext } from '@alfalab/core-components-base-modal/esm';
5
6
  import { Scrollbar } from '@alfalab/core-components-scrollbar/esm';
6
7
 
7
- /******************************************************************************
8
- Copyright (c) Microsoft Corporation.
9
-
10
- Permission to use, copy, modify, and/or distribute this software for any
11
- purpose with or without fee is hereby granted.
12
-
13
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
14
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
15
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
16
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
17
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
18
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
19
- PERFORMANCE OF THIS SOFTWARE.
20
- ***************************************************************************** */
21
- var __assign = function () {
22
- __assign = Object.assign || function __assign(t) {
23
- for (var s, i = 1, n = arguments.length; i < n; i++) {
24
- s = arguments[i];
25
- for (var p in s)
26
- if (Object.prototype.hasOwnProperty.call(s, p))
27
- t[p] = s[p];
28
- }
29
- return t;
30
- };
31
- return __assign.apply(this, arguments);
32
- };
33
- function __rest(s, e) {
34
- var t = {};
35
- for (var p in s)
36
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
37
- t[p] = s[p];
38
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
39
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
40
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
41
- t[p[i]] = s[p[i]];
42
- }
43
- return t;
44
- }
45
-
46
- var styles = {"component":"drawer__component_tawcl","rightPlacement":"drawer__rightPlacement_tawcl","leftPlacement":"drawer__leftPlacement_tawcl","content":"drawer__content_tawcl","simplebar":"drawer__simplebar_tawcl","enterRight":"drawer__enterRight_tawcl","enterLeft":"drawer__enterLeft_tawcl","contentEnter":"drawer__contentEnter_tawcl","backdropEnter":"drawer__backdropEnter_tawcl","enterActive":"drawer__enterActive_tawcl","backdropEnterActive":"drawer__backdropEnterActive_tawcl","backdropEnterDone":"drawer__backdropEnterDone_tawcl","contentEnterActive":"drawer__contentEnterActive_tawcl","exit":"drawer__exit_tawcl","backdropExit":"drawer__backdropExit_tawcl","contentExit":"drawer__contentExit_tawcl","exitActiveRight":"drawer__exitActiveRight_tawcl","exitActiveLeft":"drawer__exitActiveLeft_tawcl","backdropExitActive":"drawer__backdropExitActive_tawcl","backdropExitDone":"drawer__backdropExitDone_tawcl","contentExitActive":"drawer__contentExitActive_tawcl"};
8
+ var styles = {"component":"drawer__component_1tzhg","rightPlacement":"drawer__rightPlacement_1tzhg","leftPlacement":"drawer__leftPlacement_1tzhg","content":"drawer__content_1tzhg","simplebar":"drawer__simplebar_1tzhg","enterRight":"drawer__enterRight_1tzhg","enterLeft":"drawer__enterLeft_1tzhg","contentEnter":"drawer__contentEnter_1tzhg","backdropEnter":"drawer__backdropEnter_1tzhg","enterActive":"drawer__enterActive_1tzhg","backdropEnterActive":"drawer__backdropEnterActive_1tzhg","backdropEnterDone":"drawer__backdropEnterDone_1tzhg","contentEnterActive":"drawer__contentEnterActive_1tzhg","exit":"drawer__exit_1tzhg","backdropExit":"drawer__backdropExit_1tzhg","contentExit":"drawer__contentExit_1tzhg","exitActiveRight":"drawer__exitActiveRight_1tzhg","exitActiveLeft":"drawer__exitActiveLeft_1tzhg","backdropExitActive":"drawer__backdropExitActive_1tzhg","backdropExitDone":"drawer__backdropExitDone_1tzhg","contentExitActive":"drawer__contentExitActive_1tzhg"};
47
9
  require('./index.css')
48
10
 
49
11
  var ANIMATION_DURATION = 600;
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: vqckp */
1
+ /* hash: ewymh */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
@@ -20,7 +20,7 @@
20
20
  --backdrop-hidden-background: transparent;
21
21
  } :root {
22
22
  --drawer-width: 500px;
23
- } .drawer__component_tawcl {
23
+ } .drawer__component_1tzhg {
24
24
  position: fixed;
25
25
  top: 0;
26
26
  height: 100%;
@@ -28,54 +28,54 @@
28
28
  flex: 1;
29
29
  overflow: auto;
30
30
  will-change: transform;
31
- } .drawer__rightPlacement_tawcl {
31
+ } .drawer__rightPlacement_1tzhg {
32
32
  right: 0;
33
33
  align-self: flex-end;
34
- } .drawer__leftPlacement_tawcl {
34
+ } .drawer__leftPlacement_1tzhg {
35
35
  left: 0;
36
36
  align-self: flex-start;
37
- } .drawer__content_tawcl {
37
+ } .drawer__content_1tzhg {
38
38
  width: 100%;
39
39
  display: flex;
40
40
  flex-direction: column;
41
41
  flex: 1;
42
- } .drawer__simplebar_tawcl {
42
+ } .drawer__simplebar_1tzhg {
43
43
  height: 100vh;
44
- } /* enter */ .drawer__enterRight_tawcl {
44
+ } /* enter */ .drawer__enterRight_1tzhg {
45
45
  transform: translateX(100%);
46
- } .drawer__enterLeft_tawcl {
46
+ } .drawer__enterLeft_1tzhg {
47
47
  transform: translateX(-100%);
48
- } .drawer__contentEnter_tawcl {
48
+ } .drawer__contentEnter_1tzhg {
49
49
  opacity: 0;
50
- } .drawer__backdropEnter_tawcl {
50
+ } .drawer__backdropEnter_1tzhg {
51
51
  background-color: var(--backdrop-hidden-background);
52
- } .drawer__enterActive_tawcl {
52
+ } .drawer__enterActive_1tzhg {
53
53
  transition: transform 0.3s ease-in-out;
54
54
  transform: translateX(0);
55
- } .drawer__backdropEnterActive_tawcl,
56
- .drawer__backdropEnterDone_tawcl {
55
+ } .drawer__backdropEnterActive_1tzhg,
56
+ .drawer__backdropEnterDone_1tzhg {
57
57
  transition: background 0.3s ease-in-out;
58
58
  background-color: var(--backdrop-visible-background);
59
- } .drawer__contentEnterActive_tawcl {
59
+ } .drawer__contentEnterActive_1tzhg {
60
60
  transition: opacity 0.2s ease-in-out 0.3s;
61
61
  opacity: 1;
62
- } /* exit */ .drawer__exit_tawcl {
62
+ } /* exit */ .drawer__exit_1tzhg {
63
63
  transform: translateX(0);
64
- } .drawer__backdropExit_tawcl {
64
+ } .drawer__backdropExit_1tzhg {
65
65
  background-color: var(--backdrop-visible-background);
66
- } .drawer__contentExit_tawcl {
66
+ } .drawer__contentExit_1tzhg {
67
67
  opacity: 1;
68
- } .drawer__exitActiveRight_tawcl {
68
+ } .drawer__exitActiveRight_1tzhg {
69
69
  transition: transform 0.25s ease-in-out 0.1s;
70
70
  transform: translateX(100%);
71
- } .drawer__exitActiveLeft_tawcl {
71
+ } .drawer__exitActiveLeft_1tzhg {
72
72
  transition: transform 0.25s ease-in-out 0.1s;
73
73
  transform: translateX(-100%);
74
- } .drawer__backdropExitActive_tawcl,
75
- .drawer__backdropExitDone_tawcl {
74
+ } .drawer__backdropExitActive_1tzhg,
75
+ .drawer__backdropExitDone_1tzhg {
76
76
  transition: background 0.25s ease-in-out 0.1s;
77
77
  background-color: var(--backdrop-hidden-background);
78
- } .drawer__contentExitActive_tawcl {
78
+ } .drawer__contentExitActive_1tzhg {
79
79
  opacity: 0;
80
80
  transition: opacity 0.12s ease-in-out;
81
81
  }
package/esm/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  export { ANIMATION_DURATION, Drawer, DrawerContext } from './Component.js';
2
+ import 'tslib';
2
3
  import 'react';
3
4
  import 'react-transition-group';
4
5
  import 'classnames';
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: vqckp */
1
+ /* hash: ewymh */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
@@ -20,7 +20,7 @@
20
20
  --backdrop-hidden-background: transparent;
21
21
  } :root {
22
22
  --drawer-width: 500px;
23
- } .drawer__component_tawcl {
23
+ } .drawer__component_1tzhg {
24
24
  position: fixed;
25
25
  top: 0;
26
26
  height: 100%;
@@ -28,54 +28,54 @@
28
28
  flex: 1;
29
29
  overflow: auto;
30
30
  will-change: transform;
31
- } .drawer__rightPlacement_tawcl {
31
+ } .drawer__rightPlacement_1tzhg {
32
32
  right: 0;
33
33
  align-self: flex-end;
34
- } .drawer__leftPlacement_tawcl {
34
+ } .drawer__leftPlacement_1tzhg {
35
35
  left: 0;
36
36
  align-self: flex-start;
37
- } .drawer__content_tawcl {
37
+ } .drawer__content_1tzhg {
38
38
  width: 100%;
39
39
  display: flex;
40
40
  flex-direction: column;
41
41
  flex: 1;
42
- } .drawer__simplebar_tawcl {
42
+ } .drawer__simplebar_1tzhg {
43
43
  height: 100vh;
44
- } /* enter */ .drawer__enterRight_tawcl {
44
+ } /* enter */ .drawer__enterRight_1tzhg {
45
45
  transform: translateX(100%);
46
- } .drawer__enterLeft_tawcl {
46
+ } .drawer__enterLeft_1tzhg {
47
47
  transform: translateX(-100%);
48
- } .drawer__contentEnter_tawcl {
48
+ } .drawer__contentEnter_1tzhg {
49
49
  opacity: 0;
50
- } .drawer__backdropEnter_tawcl {
50
+ } .drawer__backdropEnter_1tzhg {
51
51
  background-color: var(--backdrop-hidden-background);
52
- } .drawer__enterActive_tawcl {
52
+ } .drawer__enterActive_1tzhg {
53
53
  transition: transform 0.3s ease-in-out;
54
54
  transform: translateX(0);
55
- } .drawer__backdropEnterActive_tawcl,
56
- .drawer__backdropEnterDone_tawcl {
55
+ } .drawer__backdropEnterActive_1tzhg,
56
+ .drawer__backdropEnterDone_1tzhg {
57
57
  transition: background 0.3s ease-in-out;
58
58
  background-color: var(--backdrop-visible-background);
59
- } .drawer__contentEnterActive_tawcl {
59
+ } .drawer__contentEnterActive_1tzhg {
60
60
  transition: opacity 0.2s ease-in-out 0.3s;
61
61
  opacity: 1;
62
- } /* exit */ .drawer__exit_tawcl {
62
+ } /* exit */ .drawer__exit_1tzhg {
63
63
  transform: translateX(0);
64
- } .drawer__backdropExit_tawcl {
64
+ } .drawer__backdropExit_1tzhg {
65
65
  background-color: var(--backdrop-visible-background);
66
- } .drawer__contentExit_tawcl {
66
+ } .drawer__contentExit_1tzhg {
67
67
  opacity: 1;
68
- } .drawer__exitActiveRight_tawcl {
68
+ } .drawer__exitActiveRight_1tzhg {
69
69
  transition: transform 0.25s ease-in-out 0.1s;
70
70
  transform: translateX(100%);
71
- } .drawer__exitActiveLeft_tawcl {
71
+ } .drawer__exitActiveLeft_1tzhg {
72
72
  transition: transform 0.25s ease-in-out 0.1s;
73
73
  transform: translateX(-100%);
74
- } .drawer__backdropExitActive_tawcl,
75
- .drawer__backdropExitDone_tawcl {
74
+ } .drawer__backdropExitActive_1tzhg,
75
+ .drawer__backdropExitDone_1tzhg {
76
76
  transition: background 0.25s ease-in-out 0.1s;
77
77
  background-color: var(--backdrop-hidden-background);
78
- } .drawer__contentExitActive_tawcl {
78
+ } .drawer__contentExitActive_1tzhg {
79
79
  opacity: 0;
80
80
  transition: opacity 0.12s ease-in-out;
81
81
  }
package/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var Component = require('./Component.js');
4
+ require('tslib');
4
5
  require('react');
5
6
  require('react-transition-group');
6
7
  require('classnames');
package/modern/Component.js CHANGED
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { BaseModal, BaseModalContext } from '@alfalab/core-components-base-modal/modern';
5
5
  import { Scrollbar } from '@alfalab/core-components-scrollbar/modern';
6
6
 
7
- const styles = {"component":"drawer__component_tawcl","rightPlacement":"drawer__rightPlacement_tawcl","leftPlacement":"drawer__leftPlacement_tawcl","content":"drawer__content_tawcl","simplebar":"drawer__simplebar_tawcl","enterRight":"drawer__enterRight_tawcl","enterLeft":"drawer__enterLeft_tawcl","contentEnter":"drawer__contentEnter_tawcl","backdropEnter":"drawer__backdropEnter_tawcl","enterActive":"drawer__enterActive_tawcl","backdropEnterActive":"drawer__backdropEnterActive_tawcl","backdropEnterDone":"drawer__backdropEnterDone_tawcl","contentEnterActive":"drawer__contentEnterActive_tawcl","exit":"drawer__exit_tawcl","backdropExit":"drawer__backdropExit_tawcl","contentExit":"drawer__contentExit_tawcl","exitActiveRight":"drawer__exitActiveRight_tawcl","exitActiveLeft":"drawer__exitActiveLeft_tawcl","backdropExitActive":"drawer__backdropExitActive_tawcl","backdropExitDone":"drawer__backdropExitDone_tawcl","contentExitActive":"drawer__contentExitActive_tawcl"};
7
+ const styles = {"component":"drawer__component_1tzhg","rightPlacement":"drawer__rightPlacement_1tzhg","leftPlacement":"drawer__leftPlacement_1tzhg","content":"drawer__content_1tzhg","simplebar":"drawer__simplebar_1tzhg","enterRight":"drawer__enterRight_1tzhg","enterLeft":"drawer__enterLeft_1tzhg","contentEnter":"drawer__contentEnter_1tzhg","backdropEnter":"drawer__backdropEnter_1tzhg","enterActive":"drawer__enterActive_1tzhg","backdropEnterActive":"drawer__backdropEnterActive_1tzhg","backdropEnterDone":"drawer__backdropEnterDone_1tzhg","contentEnterActive":"drawer__contentEnterActive_1tzhg","exit":"drawer__exit_1tzhg","backdropExit":"drawer__backdropExit_1tzhg","contentExit":"drawer__contentExit_1tzhg","exitActiveRight":"drawer__exitActiveRight_1tzhg","exitActiveLeft":"drawer__exitActiveLeft_1tzhg","backdropExitActive":"drawer__backdropExitActive_1tzhg","backdropExitDone":"drawer__backdropExitDone_1tzhg","contentExitActive":"drawer__contentExitActive_1tzhg"};
8
8
  require('./index.css')
9
9
 
10
10
  const ANIMATION_DURATION = 600;
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: vqckp */
1
+ /* hash: ewymh */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
@@ -20,7 +20,7 @@
20
20
  --backdrop-hidden-background: transparent;
21
21
  } :root {
22
22
  --drawer-width: 500px;
23
- } .drawer__component_tawcl {
23
+ } .drawer__component_1tzhg {
24
24
  position: fixed;
25
25
  top: 0;
26
26
  height: 100%;
@@ -28,54 +28,54 @@
28
28
  flex: 1;
29
29
  overflow: auto;
30
30
  will-change: transform;
31
- } .drawer__rightPlacement_tawcl {
31
+ } .drawer__rightPlacement_1tzhg {
32
32
  right: 0;
33
33
  align-self: flex-end;
34
- } .drawer__leftPlacement_tawcl {
34
+ } .drawer__leftPlacement_1tzhg {
35
35
  left: 0;
36
36
  align-self: flex-start;
37
- } .drawer__content_tawcl {
37
+ } .drawer__content_1tzhg {
38
38
  width: 100%;
39
39
  display: flex;
40
40
  flex-direction: column;
41
41
  flex: 1;
42
- } .drawer__simplebar_tawcl {
42
+ } .drawer__simplebar_1tzhg {
43
43
  height: 100vh;
44
- } /* enter */ .drawer__enterRight_tawcl {
44
+ } /* enter */ .drawer__enterRight_1tzhg {
45
45
  transform: translateX(100%);
46
- } .drawer__enterLeft_tawcl {
46
+ } .drawer__enterLeft_1tzhg {
47
47
  transform: translateX(-100%);
48
- } .drawer__contentEnter_tawcl {
48
+ } .drawer__contentEnter_1tzhg {
49
49
  opacity: 0;
50
- } .drawer__backdropEnter_tawcl {
50
+ } .drawer__backdropEnter_1tzhg {
51
51
  background-color: var(--backdrop-hidden-background);
52
- } .drawer__enterActive_tawcl {
52
+ } .drawer__enterActive_1tzhg {
53
53
  transition: transform 0.3s ease-in-out;
54
54
  transform: translateX(0);
55
- } .drawer__backdropEnterActive_tawcl,
56
- .drawer__backdropEnterDone_tawcl {
55
+ } .drawer__backdropEnterActive_1tzhg,
56
+ .drawer__backdropEnterDone_1tzhg {
57
57
  transition: background 0.3s ease-in-out;
58
58
  background-color: var(--backdrop-visible-background);
59
- } .drawer__contentEnterActive_tawcl {
59
+ } .drawer__contentEnterActive_1tzhg {
60
60
  transition: opacity 0.2s ease-in-out 0.3s;
61
61
  opacity: 1;
62
- } /* exit */ .drawer__exit_tawcl {
62
+ } /* exit */ .drawer__exit_1tzhg {
63
63
  transform: translateX(0);
64
- } .drawer__backdropExit_tawcl {
64
+ } .drawer__backdropExit_1tzhg {
65
65
  background-color: var(--backdrop-visible-background);
66
- } .drawer__contentExit_tawcl {
66
+ } .drawer__contentExit_1tzhg {
67
67
  opacity: 1;
68
- } .drawer__exitActiveRight_tawcl {
68
+ } .drawer__exitActiveRight_1tzhg {
69
69
  transition: transform 0.25s ease-in-out 0.1s;
70
70
  transform: translateX(100%);
71
- } .drawer__exitActiveLeft_tawcl {
71
+ } .drawer__exitActiveLeft_1tzhg {
72
72
  transition: transform 0.25s ease-in-out 0.1s;
73
73
  transform: translateX(-100%);
74
- } .drawer__backdropExitActive_tawcl,
75
- .drawer__backdropExitDone_tawcl {
74
+ } .drawer__backdropExitActive_1tzhg,
75
+ .drawer__backdropExitDone_1tzhg {
76
76
  transition: background 0.25s ease-in-out 0.1s;
77
77
  background-color: var(--backdrop-hidden-background);
78
- } .drawer__contentExitActive_tawcl {
78
+ } .drawer__contentExitActive_1tzhg {
79
79
  opacity: 0;
80
80
  transition: opacity 0.12s ease-in-out;
81
81
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-drawer",
3
- "version": "4.2.4",
3
+ "version": "4.2.6",
4
4
  "description": "Drawer component",
5
5
  "gitHead": "f054fef20200664c65e2501ef1f916c555cdf05d",
6
6
  "keywords": [],
@@ -19,8 +19,9 @@
19
19
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
20
20
  },
21
21
  "dependencies": {
22
- "@alfalab/core-components-base-modal": "^5.0.9",
23
- "@alfalab/core-components-scrollbar": "^2.1.2",
24
- "classnames": "^2.3.1"
22
+ "@alfalab/core-components-base-modal": "^5.1.0",
23
+ "@alfalab/core-components-scrollbar": "^2.1.3",
24
+ "classnames": "^2.3.1",
25
+ "tslib": "^2.4.0"
25
26
  }
26
27
  }